.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: #c20000;
                 transform: translate(10px, 12px);
                }
	

.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('../../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: #c20000; 
    line-height: 1.2;
     font-weight:300;  
      margin: 0 0 30px;  
      font-family: 'Lato', sans-serif;
    }

.container-slid-text .btn{ 
    border:1px solid #c20000;
     color:#c20000; 
     border-radius: 0px;
      font-weight:400;
    }

.container-slid-text .btn:hover{ 
    background-color:#000000;
}



.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; 
         -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:#ffffff;
      font-weight:300;
    }
.tab-text-b1{
     font-size:25px;
      color:#464646;
       font-weight:300; 
       padding-bottom:10px;
    }

.bdt{
     padding-top:30%;
    }

   


@media screen and (min-width: 200px) and (max-width: 991px) { 
.slide-out-div{ display:none;}
header{ background: rgb(255, 255, 255);
    border-bottom: 2px solid #000000;}
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-top: 19px;
     color: #464646;
      padding-top: 2%;
        margin-bottom: 16px;
          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;
     margin-bottom: 10px;
      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;
     }

.number a
{
	font-size: 18px!important;
}

.number i
{
	font-size: 19px!important;
}