.mg10 {margin: 10px;}
.mg20 {margin: 20px;}
.mg30 {margin: 30px;}
.mg40 {margin: 40px;}
.mg50 {margin: 50px;}
.mg60 {margin: 60px;}
.mg70 {margin: 70px;}
.mg80 {margin: 80px;}
.mg90 {margin: 90px;}
.mg100 {margin: 100px;}

.mgt10 {margin-top: 10px;}
.mgt20 {margin-top: 20px;}
.mgt30 {margin-top: 30px;}
.mgt40 {margin-top: 40px;}
.mgt50 {margin-top: 50px;}
.mgt60 {margin-top: 60px;}
.mgt70 {margin-top: 70px;}
.mgt80 {margin-top: 80px;}
.mgt90 {margin-top: 90px;}
.mgt100 {margin-top: 100px;}
.mgt140 {margin-top: 140px;}

.mgl10 {margin-left: 10px;}
.mgl20 {margin-left: 20px;}
.mgl30 {margin-left: 30px;}
.mgl40 {margin-left: 40px;}
.mgl50 {margin-left: 50px;}
.mgl60 {margin-left: 60px;}
.mgl70 {margin-left: 70px;}
.mgl80 {margin-left: 80px;}
.mgl90 {margin-left: 90px;}
.mgl100 {margin-left: 100px;}

.mgr10 {margin-right: 10px;}
.mgr20 {margin-right: 20px;}
.mgr30 {margin-right: 30px;}
.mgr40 {margin-right: 40px;}
.mgr50 {margin-right: 50px;}
.mgr60 {margin-right: 60px;}
.mgr70 {margin-right: 70px;}
.mgr80 {margin-right: 80px;}
.mgr90 {margin-right: 90px;}
.mgr100 {margin-right: 100px;}

.mgb10 {margin-bottom: 10px;}
.mgb20 {margin-bottom: 20px;}
.mgb30 {margin-bottom: 30px;}
.mgb40 {margin-bottom: 40px;}
.mgb50 {margin-bottom: 50px;}
.mgb60 {margin-bottom: 60px;}
.mgb70 {margin-bottom: 70px;}
.mgb80 {margin-bottom: 80px;}
.mgb90 {margin-bottom: 90px;}
.mgb100 {margin-bottom: 100px;}

.pd10 {padding: 10px;}
.pd20 {padding: 20px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}
.pd50 {padding: 50px;}
.pd60 {padding: 60px;}
.pd70 {padding: 70px;}
.pd80 {padding: 80px;}
.pd90 {padding: 90px;}
.pd100 {padding: 100px;}

.pdt10 {padding-top: 10px;}
.pdt20 {padding-top: 20px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
.pdt50 {padding-top: 50px;}
.pdt60 {padding-top: 60px;}
.pdt70 {padding-top: 70px;}
.pdt80 {padding-top: 80px;}
.pdt90 {padding-top: 90px;}
.pdt100 {padding-top: 100px;}

.pdl10 {padding-left: 10px;}
.pdl20 {padding-left: 20px;}
.pdl30 {padding-left: 30px;}
.pdl40 {padding-left: 40px;}
.pdl50 {padding-left: 50px;}
.pdl60 {padding-left: 60px;}
.pdl70 {padding-left: 70px;}
.pdl80 {padding-left: 80px;}
.pdl90 {padding-left: 90px;}
.pdl100 {padding-left: 100px;}

.pdr10 {padding-right: 10px;}
.pdr20 {padding-right: 20px;}
.pdr30 {padding-right: 30px;}
.pdr40 {padding-right: 40px;}
.pdr50 {padding-right: 50px;}
.pdr60 {padding-right: 60px;}
.pdr70 {padding-right: 70px;}
.pdr80 {padding-right: 80px;}
.pdr90 {padding-right: 90px;}
.pdr100 {padding-right: 100px;}

.pdb10 {padding-bottom: 10px;}
.pdb20 {padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}
.pdb60 {padding-bottom: 60px;}
.pdb70 {padding-bottom: 70px;}
.pdb80 {padding-bottom: 80px;}
.pdb90 {padding-bottom: 90px;}
.pdb100 {padding-bottom: 100px;}














.parallax-portfolio {min-height: 800px; background-attachment: fixed; position: relative; overflow: hidden;}
.no-padding {padding: 0 !important; background-position: center center; background-repeat: no-repeat; background-attachment: fixed;  background-size: cover; height: 100%; /* width: 100%; */}

.opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.4; z-index: 1; top:0; left: 0 }
.opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0 }
.opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top:0; left: 0 }

.bg-black{ background: #000000 !important; }

.position-relative{ position: relative !important; z-index: 5 }
.slider-typography { text-align: center; width: 100%; height: 100%; position: absolute; z-index: 1; right: 0; left: 0; }
.slider-text-middle-main { display: table; height: 100%; width: 100% }
.slider-text-middle { display: table-cell; vertical-align: middle; }
.slider-text-middle1 { padding: 0 15px;}

.center-col{ float:none !important; margin-left:auto !important; margin-right:auto !important}
.fashion-subtitle {/*border:8px solid #000;*/ line-height:55px;margin:25px 0; padding:45px; font-size:50px; width:100%; display:inline-block; letter-spacing:0px; top:30%; }

.white-text{ color:#FFF !important}
.font-weight-800 { font-weight:800 !important}




.menu-box{ width:100%; float:left;}
/*.menu-box .box1{ width:33.333%; float:left; border-right:1px solid#d8d8d8; }*/
.mu-p{ padding:0px 15px 0px 15px;}

.mar-b20{ margin-bottom:20px; /*margin-top:20px; border-top:0px solid#d2d2d2; padding-top:20px;*/ border-bottom:1px solid#072437; padding-bottom:20px;}

.bg-df{ background-color:#737373 !important;}
.pcat-2{ margin:0px 2px 0px 2px;}

.text-r{ text-align:right;}




.slide-out-div {padding: 0px; width: 208px; position:relative;  background:rgba(255,255,255,0.55); min-height:470px; display:block;}  



.slide-out-div .menu_list {width: 99%; border:1px solid #003;}
.slide-out-div .menu_head {padding: 5px 10px; cursor: pointer; position: relative; margin:0px 0px 1px 0px; font-weight:600; background:rgba(0,32,52,0.90); color:#FFF; font-size:14px;}
.slide-out-div .menu_body {display: none;}
.slide-out-div .menu_body a {display: block; color: #333; background-color: #fff; padding: 8px 8px 8px 10px; text-decoration: none; border-bottom:1px solid#dadada;}
.slide-out-div .menu_body a:hover {color: #000000; padding: 8px 8px 8px 15px;}





.nht img{  content: ' '; display:block;  vertical-align: bottom; padding-top:34px; padding-bottom:34px;}

.slideOutTab .menu_list {width: 99%; border:1px solid #003;}
.slideOutTab .menu_head {padding: 5px 10px; cursor: pointer; position: relative; margin:0px 0px 1px 0px; font-weight:600; background:rgba(0,32,52,0.90); color:#FFF; font-size:14px;}
.slideOutTab .menu_body {display: none;}
.slideOutTab .menu_body a {display: block; color: #333; background-color: #fff; padding: 8px 8px 8px 10px; text-decoration: none; border-bottom:1px solid#dadada;}
.slideOutTab .menu_body a:hover {color: #000000; padding: 8px 8px 8px 15px;}

ul.main-menu > li:last-child{ text-transform:uppercase}


.nhteu{ width:100px; float:right; padding-top:25px; }


.richus{overflow: hidden;  position: relative;  display: inline-block; width: 100px;  padding: 9px 0 !important; border-radius: 3px;  text-decoration: none;  text-align: center;  font-weight: bold;   color: #fff !important; transition: 0.3s; background: #272f89; transform: translateX(0);}
	

.richus:hover{ background-color:#0098db;}


.langua{width:157px; float:right; padding-top: 30px ; margin-left:20px;}


div.slideOutTab {position: fixed; width: 150px; height: 43px; top: 200px; left: -107px;}
div.slideOutTab a {display: block; width: 100%; height: 100%;  overflow: hidden;  text-indent: -999em; background: 0 0 url('http://s9.postimg.org/okyi00edn/fb_like_us.gif') no-repeat;}
div.slideOutTab a:hover { background-position: 0 -43px;}
    

.mrt-ne{ padding-top:36px !important;}

/*banner*/
.container-slid{ width:100%; display:block; padding:10% 0% 0% 0%; position:relative; }

.container-slid-text{ text-align:center; padding-top:40%;}
.container-slid-text h2{ font-size: 41px; color: #333333; line-height: 1.2; font-weight:300;   margin: 0 0 30px;  font-family: 'Lato', sans-serif;}

.container-slid-text .btn{ border:1px solid #7b858b; color:#333; border-radius: 0px; font-weight:400;}
.container-slid-text .btn:hover{ background-color:#a8adb0;}



.pdw{ padding:10px 20px 10px 20px;}


.m-ceo{ display:none !important;}
.d-ceo{ display: block !important;}




/*products*/

.products_heading {margin-top: 19px; color:#464646; padding-top:10%;  margin-bottom: 16px;  font-size:45px;  line-height: 1; font-weight:300;  font-family: 'Lato', sans-serif;}

.products_heading h1 {
    margin: 0;
    color: #464646;
    font-size: 45px;
    line-height: 1;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}



.tab-content p{ font-size:20px; font-weight:300;}
.tab-content p span{ font-size:30px;}

.tab-text-b{ font-size:30px; color:#464646; font-weight:300;}
.tab-text-b1{ font-size:25px; color:#464646; font-weight:300; padding-bottom:10px;}

.bdt{ padding-top:30%;}

/*.jumbotron-products-details {
    position: relative;
    display: flex;
    align-items: center;
    height: 800px;
    min-width: 1000px;
    padding-left: 50%;
    background: url(/assets/img/products/jumbotron_bg.jpg) repeat-x center top;
    overflow: hidden;
}*/

@media screen and (min-width: 200px) and (max-width: 991px) { 
.slide-out-div{ display:none;}
header{ background: rgb(0, 152, 219);
    border-bottom: 2px solid #272f89;}
header.sticky ul.main-menu li a {color:#333 !important;}

ul.main-menu > li.dropdown ul{ min-width:100% !important;}

.menu-box{ position:relative; width:100% !important; float:left;  height:300px !important;  overflow-y: scroll; overflow: auto;}
.menu-box .box1{ width:100%; background-color:#FFF;}
.mh{ display:none;}

.nhteu{ width:100%;  float:left; margin-top:0px !important; background-color:#FFF;}

ul.main-menu > li.dropdown.open ul{ background-color:#FFF; border:0px; }

.container-slid{ width:100%; display:block; padding:10% 0% 0% 0%; position:relative;}

.container-slid-text{ text-align:center; padding-top:27%;}
.flexslider .slides img { width:50% !important;  display: block; margin:0px auto; padding:0px; padding-top:0%;}

/*.slides img { width: 70% !important;  display: block; margin:0px auto; padding:0px; padding-top:0%;}
*/.border-right{ border-right:0px solid #c0c0c0; min-height:0px;}

.container-slid-text h2{ font-size:25px;}


}

.tex-blu {color: #00a0de !important;}
.products_heading_01 {     margin: 0; color: #464646; padding-top: 2%;  margin-bottom: 16px;  font-size: 45px;  line-height: 24px;  font-weight: 300;    font-family: 'Lato', sans-serif; }

.products_heading_01 h1{
    color: #464646;  margin: 0;  font-size: 45px;  line-height: 24px;  font-weight: 300;    font-family: 'Lato', sans-serif; 
}
.home-slider-02 {padding: 0; margin:0px; position: relative;  width: 100%; background: url(../images/home_bg.jpg)repeat-x center top;}
.culture-subtitle { line-height:28px;}
.bdt{ padding-top:30%;}
.bdt1{ padding-top:22%;}
.borde {border-width: 10px;border-color: #e4f6fa; border-style: solid;}

.map-container {width: 100%;}
/*.map-container iframe{width: 100%; display: block;	pointer-events: none;	position: relative;}*/
.map-container iframe.clicked{pointer-events: auto;}


.info-item { border: 1px solid #0098da;  padding: 60px 0 20px;   position: relative;}
.info-item span { position: absolute; top: -20px;  left: calc(50% - 25px);  width: 50px; font-size: 35px; color: #0098da; background-color:#cae4f1;}
#map_canvas {height: 400px; width: 100%; overflow: hidden;  -webkit-transform: translateZ(0);}


.subtitle{ font-size:18px; padding-bottom:15px;}






@media screen and (min-width: 760px) and (max-width: 991px) { 
.flexslider .slides img { width:40% !important;  display: block; margin:0px auto; padding:0px; padding-top:0%;}
.mnt-b{ width:30% !important; float:left !important; margin-bottom:15px; }
.container-slid-text{ text-align:center; padding-top:0%;}
.btn{ display:none !important; }

.m-ceo{ display:block !important;}
.d-ceo{ display: none !important;}

}


@media screen and (min-width: 200px) and (max-width: 759px) { 
.flexslider .slides img { width:100% !important;  display: block; margin:0px auto; padding:0px; padding-top:20%;}
.flex-control-nav{/*bottom:-28px;*/display:none !important;}
.btn{ display:none !important; }
.container-slid-text h2{  display:none !important; }

.m-ceo{ display:block !important;}
.d-ceo{ display: none !important;}

.mar-both{ margin:0 !important;}
}


@media screen and (min-width: 650px) and (max-width: 759px) { 
.flexslider{height:800px !important;}

.m-ceo{ display:block !important;}
.d-ceo{ display: none !important;}






}

@media screen and (min-width: 500px) and (max-width: 649px) { 
.flexslider{height:700px !important; }
.container-slid-text{ text-align:center; padding-top:0%;}
.mnt-b{ width:100% !important; float:left !important;padding-top:15%; }

.m-ceo{ display:block !important;}
.d-ceo{ display: none !important;}

}

@media screen and (min-width: 384px) and (max-width: 640px) { 
.flexslider{height:500px !important; }
.container-slid-text{ text-align:center; padding-top:0%;}
.mnt-b{ width:100% !important; float:left !important;padding-top:1%; }

.m-ceo{ display:block !important;}
.d-ceo{ display: none !important;}




}

@media screen and (min-width: 960px) and (max-width: 600px) { 
.flexslider .slides img { width:20% !important;  display: block; margin:0px auto; padding:0px; padding-top:18%;}

.container-slid-text{ text-align:center; padding-top:5%;}
.mnt-b{ width:100% !important; float:left !important;padding-top:1%; }

.m-ceo{ display:block !important;}
.d-ceo{ display: none !important;}
}

@media screen and (min-width: 440px) and (max-width: 600px) { 
.flexslider .slides img { width:85% !important;  display: block; margin:0px auto; padding:0px; padding-top:5%;}

.flex-control-nav{bottom:-23px;}
.container-slid-text{ text-align:center; padding-top:5%;}
.mnt-b{ width:100% !important; float:left !important;padding-top:1%; }

.m-ceo{ display:block !important;}
.d-ceo{ display: none !important;}
.mar-both{ margin:0 !important;}


}



.button.thin.blue {border-color: #37a2d6; color: #37a2d6;}
/*.button.medium.thin {padding: 8px 35px!important;}*/
.button.thin {position: relative;  display: inline-block; padding: 13px 17px; background-color: transparent; color: #37a2d6; border: 2px solid #c5c2c2; transition: all .3s ease 0s;}

.button.thin.hover-dark:hover{background-color:#0098db!important;border:2px solid #0098db!important;color:#fff!important}



.icon_close{background: url(../images/close-round.png) no-repeat center center); width:24px; height:24px; }