/* Insert Your Custom CSS Here */


/*<<<<<<<<<<<<<-- Elementos del Navegador -->>>>>>>>>>>>*/

.titulos_sec{
	font-size:60px;
	float:relative;
	color:#e0e0e0;
	font-weight:bold;
	margin-top:-100px;
	margin-right:20%;
	position:relative;
	float:right;
	font-style:italic;
}

.header-2{
	border-bottom-width: 10px solid;
	border-bottom-color: blue;
}

@media (max-width: 991px){
	.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .mega-ul>.mega-li:hover,.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .mega-ul>.mega-li.active{background:none}
.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .mega-ul>.mega-li:hover>a,.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .mega-ul>.mega-li.active>a{color:#00F2D1 !important}
.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li>a{color: #e9e9e9 !important}
}
.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .mega-ul>.mega-li:hover,.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .mega-ul>.mega-li.active{background:none}
.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .mega-ul>.mega-li:hover>a,.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .mega-ul>.mega-li.active>a{color:#1975ba !important}
.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li>a{font-size:14px; font-weight:bold; color: #303030 !important;
}

.vd_bg-blue{
	background-color: #009fe3 !important;
}

.vd_bg-bluepleca{
	height: 20px;
	background-color: #2589CB;
	box-shadow: 10px 10px 20px #888888;
}

.vd_bg-bluepleca2{
	height: 60px;
	background: rgb(23,117,239); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(23,117,239,1) 0%, rgba(0,242,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(23,117,239,1)), color-stop(100%,rgba(0,242,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(23,117,239,1) 0%,rgba(0,242,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(23,117,239,1) 0%,rgba(0,242,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(23,117,239,1) 0%,rgba(0,242,209,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(23,117,239,1) 0%,rgba(0,242,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1775ef', endColorstr='#00f2d1',GradientType=1 ); /* IE6-9 */
opacity: .8;
overflow: hidden;
;



}
.vd_bg-bluepleca3{
	height: 60px;
	background: rgb(0,242,209); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,242,209,1) 0%, rgba(23,117,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,242,209,1)), color-stop(100%,rgba(23,117,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,242,209,1) 0%,rgba(23,117,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,242,209,1) 0%,rgba(23,117,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,242,209,1) 0%,rgba(23,117,239,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,242,209,1) 0%,rgba(23,117,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2d1', endColorstr='#1775ef',GradientType=1 ); /* IE6-9 */;
opacity: .8;



}

.vd_bg-graypleca{
	height:45px;
	background-color:background: #fdf2f8; /* Old browsers */
background: -moz-linear-gradient(left,  #fdf2f8 0%, #a0a0a0 51%, #fdf2f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fdf2f8), color-stop(51%,#a0a0a0), color-stop(100%,#fdf2f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #fdf2f8 0%,#a0a0a0 51%,#fdf2f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #fdf2f8 0%,#a0a0a0 51%,#fdf2f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #fdf2f8 0%,#a0a0a0 51%,#fdf2f8 100%); /* IE10+ */
background: linear-gradient(to right,  #fdf2f8 0%,#a0a0a0 51%,#fdf2f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf2f8', endColorstr='#fdf2f8',GradientType=1 ); /* IE6-9 */

}

.vd_blue{
	color: #2589CB;
}

.vd_bg-gray{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) -1%, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(-1%,rgba(255,255,255,1)), color-stop(50%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) -1%,rgba(238,238,238,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) -1%,rgba(238,238,238,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) -1%,rgba(238,238,238,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) -1%,rgba(238,238,238,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */;
	opacity: .90;

	}


.vd_bg-blue-ltraingle{
	width:  20%;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(67,142,239,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,142,239,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(67,142,239,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(67,142,239,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(67,142,239,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(67,142,239,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#438eef', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
	z-index: 9000;
}

.vd_bg-blue-rtraingle{
	width:  100px;
	height: 150px;
	background-color: #2589CB;
	float: right;
	margin-right: -65px;


    transform: skew(40deg);
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    -o-transform: skew(40deg);
}
.bg_dblue{
	height: 30px;
	background-color: #0d4671;
	
}


.vd_bg-darkblue{
	background-color: #2589CB !important; 
}

.vd_back-top{
	background: none;
}

.a{
	color: white !important;
}

.text_weight{
	color: #2589CB;
	font-weight: bold;
}

.icon_format{
	color: #2589CB;
}

.aling_element{
	display: inline;
}

h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-weight:300; font-style:light;font-family:'Open Sans','arial';color:inherit;text-rendering:optimizelegibility}
.font-light{font-weight:300}
.font-normal{font-weight:400}
.font-semibold{font-weight:400}

.style-p{
	font-size: 14px;
}

.style-p2{text-align: left; font-weight: 600; font-size: 24px;
}

.content_pi{
	padding-top: 25px;
	
}

.content_pi2{
	padding-top: 25px;
	width:50%;
}

.content_p{
	font-size: 20px;
	width: 80%;
	margin-left: 50px;
	
	
}

.icon_p{
	font-size: 20px;
	color: #2589CB;
	float: left;	
	
}

@media (max-width: 480px) {
	.content_pi{
		padding-top: 25px;

}
.slideshow li {
	width: 80%;
	height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -150px;
	visibility: hidden;
}

.content_pi2{
	padding-top: 25px;
	width:100%;
    

     	}

.vd_bg-bluepleca2{
	height: 100px !important;
}

  
}

.remove-navbar .vd_top-nav .vd_panel-menu .remove-navbar-button,.remove-header .vd_top-nav .vd_panel-menu .remove-header-button,.fullscreen .vd_top-nav .vd_panel-menu .fullscreen-button,.vd_top-nav .vd_panel-menu [data-action^="toggle-navbar-right"],.vd_top-nav .vd_panel-menu [data-action^="toggle-navbar-left"],.nav-left-medium .vd_top-nav .vd_panel-menu [data-action^="nav-left-medium"],.nav-left-small .vd_top-nav .vd_panel-menu [data-action^="nav-left-small"],.nav-right-medium .vd_top-nav .vd_panel-menu [data-action^="nav-right-medium"],.nav-right-small .vd_top-nav .vd_panel-menu [data-action^="nav-right-small"],.submenu .vd_top-nav .vd_panel-menu [data-action^="submenu"]{margin-top:1px;color:#2589CB !important;background:#0E0E0E;border-color:#000 #333 #333 #000}

.cuadro_blanco{
	position: center;
	background-color: white;
	
	vertical-align: center;
}

.colortab{
	padding: 10px;
	background-color:#2589CB;
}

.form-wizard.condensed .nav>li.active>a,.form-wizard.condensed .nav>li.active>a:hover,.form-wizard.condensed .nav>li.active>a:focus{background:#2589CB;color:#FFF}

#footer  {background: #272727 !important; color: #dfdfdf;}

.footer_image{
	width: 100%;
	height: 200px;
}

@media (max-width: 991px) {
    .logosalign{
    margin: 0 auto;
    }

    .titulos_sec{
    	font-size: 40px;
    	margin-top: -40px;
    	margin-right: 18%;
    	opacity:.9;
    }

    .col-sm-8{
    	margin-left: 0 !important
    }
    }

    .fadeInRightBig img {width: 100px !important; height: 100px !important;}

    .form-wizard .nav>li>a {color: #777}

    /* NUEVOS AÑADIDOS */
    .vd_back-top.visible {bottom: 10px;}

    #front-1-banner {height: auto;}
    #front-1-services {height: auto;min-height: calc(100vh - 400px); color: #f0f0f0; text-shadow: 0px 0px 8px #3a3a3a;}

    .header-2  {height: 52px;}

    header .vd_container {height: auto;}

    .contVISIBLE {overflow: visible !important;}

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {margin:5px auto;}
    .front-layout header .vd_top-nav .vd_panel-header .logo a {margin: 5px 0px;}

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {width: calc(100% / 5); text-align: center;}

    #front-1-services {background: linear-gradient(to top,#1d71b8,#009fe3)}

    #front-1-services {position: relative;}

    .contIMG {position: absolute; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; left: 0; top: 0; text-align: center; background-image: url(../img/cont_img/oficina.jpg); background-position: 50% 0;background-repeat: no-repeat;opacity: .15; background-size: cover;} 
    .contIMG img {min-width: 1920px; min-height: 1280px; margin: 0 auto; opacity: .15; position: absolute; bottom: 0; left: 0px;}

    .row {margin-left: 0px !important;margin-right: 0px !important;}

    .text-under {position: relative;z-index: 2;}

    .text-under:before {    content: ""; height: 5px; width: 100%; display: block; position: absolute; background: linear-gradient(to right,#b8ee569e,#e6ffba); bottom: 5px; left: 0px; z-index: -1;}

    .col-list {padding:0px 20px; }
     .col-list.li_fullwidth {padding-left: 45px;}
    .col-list.li_fullwidth li {width: 100%; max-width: 854px; padding-left: 55px; margin: 25px 0px;}
     .col-list.li_fullwidth li i {    position: absolute; font-size: 10px; left: 5px; top: 5px; color: #b9ef58;}
    .col-list li   {    float: left; width: 50%; display: block; margin: 5px 0px; padding: 0px 20px; font-size: 18px; color: #757575; font-weight: 400; position: relative; text-align: justify;}
    .col-md-6.col-list li {width: 100%}
    .col-list li i {position: absolute; left: -9px; top: 5px; font-size: 15px; color: #009fe3;}

    .style-p2 {position: relative; text-align: justify;}
    .style-p2:before {    content: ""; position: absolute; display: block; width: 200px; height: 8px; background: linear-gradient(to right,#1d71b8,#009fe3); left: -246px; top: -25px;box-shadow: -30px 7px 18px -2px;}
     .style-p2:after {content: ""; display: block; position: absolute; bottom: 0px; right: 0px;}
     .style-p2.noBAR:before, .style-p2.noBAR:after {display: none;}

    #csweb_product {padding-top: 0px;}
    #csweb_product .style-p2:before {background:linear-gradient(to right,#b8ee56,#e6ffba); top: 0px;}

    .sec_img {margin:55px 0px;}
    .sec_img section {height: 201px; margin: 20px 0px;}
    .sec_img section div {    position: absolute; height: calc(100% + 40px); width: 100%; top: -20px; background-repeat: no-repeat;}
    .sec_img section div:before {content: ""; position: absolute; display: block; height: 100%; width: 70%; top: 0px; transition: all ease .3s;}
    .sec_img section .toLEFT {background-position: 100% 100%;left: 0px; background-image: url(../img/img_services01.jpg);}
     .sec_img section .toLEFT:before {background: linear-gradient(to left,transparent, #fff); left: 0px;}
     .sec_img section .toRIGHT {background-position: 100% 55%;right: 0px; background-image: url(../img/img_services02.jpg);}
     .sec_img section .toRIGHT:before {background: linear-gradient(to right,transparent, #fff); right: 0px;}

       .float-shadow {margin-bottom: 10px !important}
    .float-shadow img {height: 150px; width: auto;}

     @media (max-width: 991px) {
        .style-p2:before {    top: -40px; transform: translateX(100px); height: 7px; }
        #csweb_product .style-p2:before  { top: -30px; border: 1px solid #e8e8e8;}

        .slideshow-container {height: 250px !important;}
        .slideshow-container .text {height: 100% !important; padding: 0px;}
        .text > * {bottom: 10px !important;padding: 0px !important}
        .slideshow-container .text label, .slideshow-container .text button {font-size: 14px;}
        .slideshow-container .text button {margin-top: 10px;}
        .slideshow-container .mySlides {height: 100% !important;background-size: cover;}
    }

    @media (min-width: 767px) {
    	.nav_menupx {max-width: 500px;}
    	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {width: auto;}
    }

    .txtJUSTIFY {text-align: justify !important;}

    .contBEGIND {position: relative; overflow: visible;}	
    .contBEGIND:before { content:"";width: 200%; height: calc(100% + 94px);  display: block; left: -50%; top: -20px; background: linear-gradient(to top,#1d71b8,#009fe3); position: absolute;} 
    .contBEGIND > .divcont {position: absolute; width: 200%; height: calc(100% + 94px); z-index: 0; overflow: hidden; display: block; left: -50%; top: -20px; text-align: center; background-image: url(../img/cont_img/oficina_pc.jpg); background-position: 0px 6%; background-repeat: no-repeat; opacity: .09; background-size: cover;}
      .contBEGIND ~ .tabs_section .form-wizard.condensed .nav>li>a {font-size: 17px;}
      .contBEGIND ~ .tabs_section .form-wizard.condensed .nav>li:hover a{background: whitesmoke;}
    .contBEGIND ~ .tabs_section .form-wizard.condensed .nav>li.active>a  {background: transparent; position: relative; text-shadow: 0px 0px 30px #000;}
    .contBEGIND ~ .tabs_section .form-wizard.condensed .nav>li>a:before     {content: ""; display: block; position: absolute; width: auto; overflow: hidden; z-index: 1; left: calc(50% - 20px); top: 100%; background-color: transparent !important; background: transparent !important; opacity: 0; transition: all ease .3s; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 10px solid #1c6aab;}
    .contBEGIND ~ .tabs_section .form-wizard.condensed .nav>li.active>a:before {    opacity: 1;}

    #csweb_product .contBEGIND {padding-top: 60px !important; }

    #csweb_us {position: relative;}
    #csweb_us:before {content: ""; display: block;position: absolute;}


    #map {
        height: 400px;
        width: 100%;
       }

        .cont_img {    position: absolute; width: 400px; height: 100vh; overflow: hidden; left: -400px; top: -100px;}

        .cont_img {      background-image: url(../img/cont_img/oficina_pc.jpg); background-position: -68px 0px; background-size: cover; background-repeat: no-repeat;}

        .cont_img:before {content: ""; position: absolute; display: block; height: 100%; width: 70%; top: 0px; background: linear-gradient(to right,transparent, #f0f0f0); right: 0px;}

       header .vd_top-menu-wrapper {opacity: 1 !important; box-shadow: none; box-shadow: 0px 0px 15px #00000059;}

       #product_panel .tab-content {z-index: 2; min-height: 510px !important;}

       #product_panel .tab-content > p {}

       #product_panel .tab-content  ul { list-style: none; padding-left: 25px;}
       #product_panel .tab-content  ul ul {padding: 0px;}
       #product_panel .tab-content  ul ul li {padding-left: 35px;}
       #product_panel .tab-content  ul ul li:first-child {padding-left: 0px;}
       #product_panel .tab-content  ul ul li:nth-child(n +2) {margin: 7px 0px;}
       #product_panel .tab-content  ul ul li:nth-child(n +2) span { position: absolute; left: 10px; color: #abdc53; text-shadow: 0px 0px 5px #e8e0e063; }

       #product_panel .tab-content p , .subtext-p {font-size: 18px !important; color: #555; text-align: justify;}

       #product_panel .tab-content p ~ div:first-of-type { font-size: 16px !important }

       #product_panel .tab-content ul li {    position: relative; color: #757575; margin-top: 3px; text-align: justify; font-size: 16px;}

       #product_panel .tab-content .product_info strong {font-size: 16px !important; margin-top: 10px !important; display: inline-block; color: #555; position: relative;}

       #product_panel .tab-content .product_info strong:hover {cursor: pointer;}

       #product_panel .tab-content .product_info strong:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

       #product_panel .tab-content .product_info strong:before {    content: "\f196 "; font-size: 14px; position: absolute; color: #009fe3; top: 5px; right: -20px;transition: all ease .3s;}

       #product_panel .tab-content .product_info strong.plus:before { content: "\f147 ";}

       #product_panel .tab-content ul li i { position: absolute; top: 9px; left: -15.5px; font-size: 5px;}

       #product_panel .tab-content .product_info {z-index: 1; padding: 0px;}

       #product_panel .tab-content > .tab-pane .sideIMG { z-index: 0; position: absolute; height: calc(100% - 89px); right: -10%;opacity: 0; transform: translateY(-120px); top: 69px; transition: all ease 1s; }

       #product_panel .tab-content > .tab-pane.active .sideIMG {     transition: all ease 1s; transform: translateY(60px); opacity: 1; padding: 0px; overflow: hidden; height: 429px; width: 300px;}

       #product_panel .tab-content > .tab-pane.active .sideIMG > img {    min-width: 350px; height: auto; position: absolute; display: block; margin-left: -16px;}

       #product_panel .tab-content > .tab-pane.active .sideIMG:before {     content: ""; position: absolute; display: block; height: 429px; width: 35%; top: 0px; background: linear-gradient(to left,transparent, whitesmoke); left: 0px; z-index: 1;}

       .product_info > h1 {     font-size: 16px; margin-bottom: 10px; font-weight: 700; transition: all ease .3s; display: inline-block; background: #009fe3; color: #fff; padding: 1px 5px; border: 2px solid #ffffff00; line-height: 20px;}
        .product_info > h1:hover { cursor: pointer; background: #1b6aab;}
         .product_info > h1.plus {background: transparent; color: #555; border:2px solid #009fe3;}

       #sub_prodcut {float: left;width: 100%;height: 0px; overflow: hidden;padding: 0px; margin: 0px;  opacity: 0;  transition: all ease .3s; position: relative;}
       #sub_prodcut:before {    content: ""; position: absolute; left: 5px; top: 6px; height: calc(100% - 20px); width: 1px; background-color: #eee; display: block;}
       #sub_prodcut.show_sub {height: auto;opacity: 1; margin-bottom: 20px;}

       #sub_prodcut p {font-size: 15px !important; padding-left: 20px; color: #333;}
       #sub_prodcut > div[class*="col-"] {padding-left: 20px;}

       #extend_text {height: 0; overflow: hidden;opacity: 0; transition: all ease .3s; margin: 0px;}
       #extend_text.show_text {height: auto;opacity: 1; margin-bottom: 10px;}

       #csweb_map {     padding: 0px; position: absolute; right: 0px; top: 0px; height: 100%;}
       #csweb_map ~ div {  }
       #csweb_map ~ div .panel .panel-body { }
       #csweb_map ~ div .panel .panel-body label {color: #757575; font-size: 14px; font-weight: normal;}

       #clients {width: 100%;}

       #clients .div_client {width: calc(100% / 5); text-align: center;}

       #clients .div_client img {width: 170px !important; filter: grayscale(100%); margin-top: 25px;}
       .div_contacto >  div {margin-top: 20px;}
       .div_contacto > * > div {display: block;}    
       .div_contacto i {margin:0px 10px;}
       .div_contacto > * > div label {margin-bottom: 0px;}
       .div_contacto > * > div  * {display: inline-block; font-weight: 700;font-size: 14px;}
       .div_contacto > * > div:first-child label {    padding: 0px 6px; border: 2px solid #009fe3; line-height: 18px; }
       .div_contacto > * > div:nth-child(2)  label {font-weight: normal;font-style: italic;    background: #009fe3; color: #fff; padding: 0px 6px; line-height: 19px; margin-top: 6px;}
       .div_contacto > * > div:nth-child(3)  a {color: #333}
         .div_contacto > * > div:nth-child(3)  a:hover, .div_contacto > * > div:nth-child(3)  a:hover label {cursor: pointer;}

         @media (max-width: 991px) {
            #csweb_map {display: none;}
            .div_contacto {margin-top: 0px !important}
            .div_contacto:before {    content: ""; display: block; position: absolute; width: calc(100% - 84px); height: 1px; background-color: #eee; top: -35px; left: 42px;}
            .vd_section { padding: 50px 0px; }
            header .vd_container, header .vd_top-nav {float: left; width: auto;}
            header .vd_container {width: calc(100% - 114px);}
            .nav_menupx {max-width: none;width: 100%;float: left !important;}
            .front-layout header .vd_top-nav .vd_panel-header .logo a {margin: 5px 0px;}
            header .vd_top-nav {height: auto !important;}
            .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {padding: 9px 13px; float: none; display: inline-block;}
            .vd_mega-menu-wrapper .vd_mega-menu .mega-ul {text-align: right;}
            .header-2.bigITEMS {position: fixed;width: 100%;}
            .header-2.bigITEMS ~ #csweb_home {margin-top: 52px;}
         }


    @media (max-width: 767px) {
        .tabs_section {    width: calc(100% + 40px); margin-left: -20px;}
        .tabs_section > * > * {padding: 0px;}
        .tabs_section .nav>li {width: 50% !important; float: left !important; margin:0px !important;}
        .tabs_section .nav>li a {    padding: 15px 5px !important; font-size: 16px !important;}
        #product_panel .tab-content > .tab-pane .sideIMG {opacity: .2 !important; width: 100% !important; height: 100% !important; top: -40px; transform: translateY(0px) !important; left: 0px; box-shadow: none !important;}
        #product_panel .tab-content > .tab-pane.active .sideIMG:before {height: 100%;width: 100%;}
        #product_panel .tab-content>.tab-pane:first-child {}
        #product_panel .tab-content>.tab-pane:last-child {}
        #product_panel .tab-content > .tab-pane.active .sideIMG > img {display: none;   }
        #product_panel .tab-content .product_info {padding: 0px;}
        header .vd_top-nav {height: auto; width: 100%;}
        #clients .div_client {width: calc(100% / 2) !important; }
        .sec_img section {display: none;}
        .col-list.li_fullwidth {padding: 0px;}
        .col-list.li_fullwidth li {padding-left: 35px;}
         .col-list.li_fullwidth li i {font-size: 8px; left: 20px; top: 7px;}
         .vd_panel-header {width: 100%;}
         .front-layout header .vd_top-nav .vd_panel-header .logo a {width: auto;}
         .vd_top-nav .vd_panel-menu {top: 18px; right: 5px;}
         .vd_top-nav .vd_panel-menu .menu {background: transparent; border: 0px; height: auto; width: auto; line-height: initial; padding: 0px 3px; }
         .vd_top-nav .vd_panel-menu .menu i {font-size: 26px; color: #777;}
         .nav-right-hide .vd_top-nav .vd_panel-menu .menu:hover, .nav-left-hide .vd_top-nav .vd_panel-menu .menu:hover {    background: transparent; color: #000 !important; margin-top: 0px !important; border: 0px;}
         .vd_top-nav .vd_panel-menu .menu:hover i {color: #000;}
         .submenu .vd_top-nav .vd_panel-menu [data-action^="submenu"] {border: 0px; background: transparent;} 
         .submenu header .vd_container {padding: 0px; width: 100%;}
         .nav_menupx {width: 100%;}
         .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu {padding: 0px;}
         .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {    float: left !important; width: calc(100% / 5) !important; padding: 5px 0px; }
         }

    @media(max-width: 676px) {
        .style-p2 {max-width: 100% !important;}
        #footer .row > * > * {width: 100%;}
        #footer .row > * > *:first-child, #footer .row > * > *:nth-child(2) {margin-top: 10px;}
        #footer > * > .container {padding: 0px 7px;}
    }

    @media (min-width: 991px) {
            .csweb_nav li a {position: relative;}
            .csweb_nav li a:before {    content: ""; display: block; position: absolute; height: 2px; width: calc(100% + 26px); background: transparent; bottom: -16px; left: -13px; transition: all ease .3s;}
            .csweb_nav li a.activeSEC:before {background:#009fe3;}
        }

    @media (max-width: 567px) {
        #front-1-services .font-lg.font-bold, #csweb_contact  h2.h1 {font-size: 28px !important}
        .container, .col-list {padding: 0px 10px;}
        .float-shadow img {height: 100px;}
       #front-1-services .mgbt-sm-20 {margin-bottom: 30px !important}
        #front-1-services .font-semibold strong {font-size: 20px;}
        #product_panel .tab-content > .tab-pane .sideIMG {display: none;}
        h3.style-p2, .contBEGIND h3,  #csweb_contact  h3 {font-size: 18px !important;}
        .col-list li, #product_panel .tab-content p {font-size: 16px !important;}
    }

.mySlides {display:none}
.mySlides img {display: none;}



/* Slideshow container */
.slideshow-container {
    position: relative;height: 400px; margin: auto; width: 100%;
}
.slideshow-container .mySlides {background-position: center;background-repeat: no-repeat;}
.slideshow-container .mySlides:first-child {background-image: url(../img/banner/banner_p01.png);}
.slideshow-container .mySlides:nth-child(2) {background-image: url(../img/banner/banner_p02.png);}
.slideshow-container .mySlides:nth-child(3) {background-image: url(../img/banner/banner_p03.png);}

.slideshow-container .mySlides {height: 400px; position: relative; width: 100%;}
/*.slideshow-container .mySlides img {height: 100%; width:auto !important;position: absolute;}*/

/* Caption text */

.text > *, .text > * label, .text > * button { transition: all ease .3s} 

.text {
      color: #f2f2f2; font-size: 15px; padding:50px 20px; position: relative; float: none; text-align: left; width: 100%; max-width: 1200px; margin: 0 auto !important; height: 400px;
}

.text > * {    width: 100%; margin: 0 auto; font-size: 25px; color: #333; font-weight: 700; padding: 20px 0px; position: absolute; bottom: 20px;  }

.text > * label {    font-family: 'Open Sans','arial'; font-size: 20px; text-rendering: optimizelegibility; border: 3px solid #009fe3; padding: 5px 10px; background: #ffffffa1; line-height: 20px; margin-bottom: 0px !important}

.text > * button { display: block; margin-top: 15px; text-transform: uppercase; font-family: 'Open Sans','arial'; font-size: 20px; text-rendering: optimizelegibility; background: #009fe3; padding: 5px 10px; color: #fff; border-radius: 0px; line-height: 21px; font-weight: 700;}

.text > * a { text-decoration: none; color: inherit; position: relative;}

/*.text.showing > *, .text.showing > * label, .text.showing > * button { transform: translateX(0px);} */

#dotGallery {display: none;}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 10s !important;
  animation-name: fade;
  animation-duration: 10s !important;
}

@-webkit-keyframes fade {
 0% {opacity: .2;}
 15% {opacity: 1}
 85% {opacity: 1;}
 100% {opacity: .2}
}

@keyframes fade {
 0% {opacity: .2;}
 15% {opacity: 1}
 85% {opacity: 1;}
 100% {opacity: .2}
}


#rcaptcha > * {margin:0 auto;}