/*
Theme Name: Labi
*/

@font-face {
    font-family: 'helvetica_neueregular';
    src: url('fonts/helveticaneue-thin-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('fonts/HelveticaNeueThin.eot');
    src: url('fonts/HelveticaNeueThin.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueThin.woff2') format('woff2'),
         url('fonts/HelveticaNeueThin.woff') format('woff'),
         url('fonts/HelveticaNeueThin.ttf') format('truetype'),
         url('fonts/HelveticaNeueThin.svg#HelveticaNeueThin') format('svg');
}

@font-face {
    font-family: 'MyanmarSangamMN';
    src: url('fonts/MyanmarSangamMN.eot');
    src: url('fonts/MyanmarSangamMN.eot') format('embedded-opentype'),
         url('fonts/MyanmarSangamMN.woff2') format('woff2'),
         url('fonts/MyanmarSangamMN.woff') format('woff'),
         url('fonts/MyanmarSangamMN.ttf') format('truetype'),
         url('fonts/MyanmarSangamMN.svg#MyanmarSangamMN') format('svg');
}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{height:1%}
.clearfix{display:block}
.clear { clear:both;}

a,
input,
textarea{outline:0;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
a::after,
a::before{transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;}
a:hover { text-decoration: none;}
img{max-width:100%;}
html{margin:0;padding:0;}
body{background-color:#000;}
.thumbnails-img .container{width:1220px;}
.client-pad{padding-left:80px;padding-right:100px;}
.lgo-sec .container{width:1220px; padding: 0;}
.lgo-sec{padding-top:40px;z-index: 999;position: relative;}
.logo{text-align:left;margin-top: 0px;padding-left: 15px;max-width:180px;}
.banner{position: absolute;top:0;left:0;height:100%;width:100%;}
.banner .item img{width:100%;height:100vh;object-fit:cover;}
.banner .item{height:100vh;}
ol.indi{bottom:60px;left:45%;display: none;}
iframe.cstm-size{margin:0 auto;}
.single-blog{padding-top:50px;}
ul.own li.custom-class a{color:#f90236 !important;}
.footer_bg p{text-align:center;font-size: 10px;
line-height: 34px;
font-family: 'helvetica_neueregular';
color: #697785;margin-top:80px;}
ol.indi li{ 

  width: 8px;
  height: 8px;
  border: none;
  margin-left:5px;
  border-radius: 0px !important;
  background: #fff;
  -webkit-transform: rotate(-45deg)   ;
  transform: rotate(-45deg)   ;
  -webkit-transform-origin: 0 100% 0;
  transform-origin: 0 100% 0;}
ol.indi li.active{background-color: #e00231;height:8px !important;width:8px!important;border-radius: 0px !important;margin-left:5px;}

ul.own li.current-menu-item a{color:#f90236 !important;}
.nav-col{background-color:transparent !important;border:none !important;}
ul.own{float:right !important;}
ul.social{padding-left: 12px;list-style-type: none;float:right;width:auto;margin-top:18px;position: relative;}
ul.social:before{position: absolute;left:0px;top:2px;content:"";height:16px;width:1px;background:#92a4b6;}
ul.social li{display: inline-block;margin-left:5px;}
ul.own li:first-child{margin-left:0;}
ul.social li a i{color:#92a4b6;}
ul.social li a i:hover{color:#d4022f;}
ul.own li a{font-family: 'helvetica_neueregular';font-size:17px;line-height: 25px;text-transform: uppercase;color:#8596a6 !important;padding:15px 12px;}
ul.own li a:hover{color:#d4022f!important;}
ul.own li.current_page_item a{color:#d4022f !important;}
ul.own li{margin-left:15px;}
.ham-menu{width:100%;}
.nav-col{width:92.3%;float:left;text-align: right;}
.banner p{position: absolute; left:0; transform: translateX(0); bottom:0px; font-size: 10px; line-height: 34px; font-family: 'helvetica_neueregular'; color:#697785;
width: 100%; text-align: center;}
.sngl-img{width:33%;float:left;position: relative; /*min-height: 189px;*/}
.sngl-img a img.wp-post-image{height:100%;}
a.overlay{position: absolute;top:0;left:0;bottom:0;right:0;height:80%;width:80%;background-color: rgba(0,0,0,0.7);cursor:pointer;text-decoration: none; 
opacity:0; /*transform: translateZ(0px);*/ width:80%;z-index:2;margin:0 auto;}
.sngl-img:hover a.overlay{opacity:1;transition: all 0.3s ease-in 0.1s;top:0;left:0;bottom:0;right:0;height:100%;width:100%}
.sngl-img:hover .content
{opacity:1;transform: translateY(0px);
    transition: all 0.3s ease-in 0.1s;}
.index{z-index:999;height:100%;width:100%;opacity:1;}
.sngl-img:hover img{opacity: 0.7;transition: all 0.3s ease-in 0.1s;}
h1.stylng{font-size:21px;line-height: 32px;  font-family: 'HelveticaNeueThin';color:#fff;margin-bottom:20px;text-align: left;/*margin-left:170px;*/}
.sngl-img:hover .content h1.stylng-thumbnail{transition: opacity 0.3s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;opacity:1;width:auto;z-index:3;}
.wp-post-image{height:189px !important;}
.content{position:absolute;top:0%;left:0%;
transition: opacity 0.3s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;width:100%;height:100%;opacity:0;z-index:3;text-align:center;display:flex;flex-direction: column; justify-content: center;transform: translateY(12px);
    transition: opacity 0.3s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;}
.sngl-img a{transition: all 0.1s ease-in 0.1s;}

.thumbnails-img{padding:30px 0;padding-top:85px;}
.single-video{padding:30px 0;}
.gllry {font-size:35px;line-height: 25px; font-family: 'helvetica_neueregular';color:#fff;margin-bottom:20px;text-align: center;}
.page-header{border:none!important;}
.proImg{width:31.5%;float:left;margin:10px;max-height: 400px;position: relative;}

.custm-style{position: absolute;left:20%;transform: translateX(-50%);top:50%;transform: translateY(-50%);color:#fff;text-transform: uppercase;font-family: 'helvetica_neueregular';font-size:30px;line-height: 34px;display: none;text-decoration: none;}
a.custm-style:hover{color:#000;text-decoration: none;}
.sngl-img:hover a.custm-style{}
.work{padding:30px 0;}
.sngl-img h2{font-size: 23px;line-height: 20px;color:#fff;  font-family: 'HelveticaNeueThin';text-align: center;margin:0;margin-bottom:10px;}
.sngl-img h3{font-size: 18px;line-height: 22px;color:#fff;font-family: 'MyanmarSangamMN';text-align: center;margin:0; font-weight: 400 !important;}
.sngl-img h3 b{font-weight: 700 !important;}
/*.iframe-width{width:800px;margin:0 auto;text-align:center;}*/
#html5-watermark{display:none !important;}
#html5-elem-data-box{position:static!important;padding:0 !important}
#html5-text{position:absolute;top:6%; left:0;text-transform:uppercase;color:#fff !important;font-family: 'HelveticaNeueThin' !important;font-size:18px!important;
/*transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);*/ width: 100%; text-align: center !important;}
#html5-image{padding:0 !important;}

.iframe-width {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframe-width iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.entry-content{padding: 0 10%;}



@media only screen and (min-width:1600px){
#html5-text{top:7%;}
}
@media only screen and (min-width:992px) and (max-width:1199px){

.sngl-img{width:33.33%;float:left;height:auto;position: relative; min-height: auto;}
.client-pad{padding-left: 80px; padding-right: 80px;}
.sngl-img img{height:100%;}
.img-style{width:100%;height:100%;}
.custm-style{position: absolute;left:12%;}
/*h1.stylng{margin-left:7%;}*/
.lgo-sec .container{width:970px;}
.nav-col{width:90%;}
.thumbnails-img .container{width:970px;}
#html5-text{left:50%;font-size:14px!important;transform:translateX(-50%);}
.sngl-img h2{font-size:22px;margin-bottom:5px;}
.sngl-img h3{font-size:18px;}
.wp-post-image{height:auto !important;}
}


@media only screen and (min-width:768px) and (max-width:991px){
  .logo{text-align: center;width:180px;}
  .nav-col{width:90%;}
  .ham-menu{width:100%;}
  .lgo-sec{padding-top: 20px;}
  ol.indi{bottom:25px;}

.logo img{max-width: 100%;}
.client-pad{padding-left: 60px; padding-right: 60px;}
.sngl-img{width:48%;float:left;height:auto;position: relative; min-height: auto; min-height: auto;}
.sngl-img img{height:100%;}
.img-style{width:100%;height:100%;}
.custm-style{position: absolute;left:20%;}
h1.stylng{font-size:18px;line-height:24px;}
/*.iframe-width{width:600px;margin:0 auto;text-align:center;}*/
/*h1.stylng{margin-left:8%;}*/
.lgo-sec .container{width:750px;}
.thumbnails-img .container{width:750px;}
.wp-post-image{height:auto !important;}
.entry-content{padding: 0 5%;}
}

@media only screen and (max-width:767px) {
  .logo{width:100px;}
  .lgo-sec{padding-top: 0;}
  ol.indi{bottom:2px;}
  ol.indi li{width:8px;height:8px;}
  ol.indi li.active{width:8px;height:8px;}
  .banner p{line-height: 20px;margin-bottom:0;}
 ul.social::before{display: none;}
 .top-pos{margin-top:-30px;}
 ul.social{margin-top:-30px;}
 .ham-menu{width:100%;border:none !important;text-align: center;-webkit-box-shadow:none !important;position:absolute;right:0;top:0;}
 ul.own li a{font-size:12px;line-height: 25px;padding:0; color:#fff !important;}
 ul.own{margin:0;text-align:left;background-color:#474747;padding:10px;}
 .top-pos{padding:4px 3px;margin-right:0;border:1px solid #fff;}
  .top-pos.active ,  .top-pos:hover ,  .top-pos:focus{background-color: #d4022f!important;}
  .top-pos.active span.icon-bar,  .top-pos:hover span.icon-bar,  .top-pos:focus span.icon-bar{background-color:#000!important;}
 
h1.stylng{font-size:15px;line-height:18px; margin-left:0;}


.sngl-img{width:50%;float:left;height:auto;position: relative;max-height:initial; min-height: auto;}
.sngl-img img{height:100%;}
.thumbnails-img{padding:0; text-align: center;}
.sngl-img{width: 44%; float: none; display: inline-block; margin: 0 -2px;}
.img-style{width:100%;height:100%;}

.custm-style{position: absolute;left:20%;font-size: 20px;}
/*.iframe-width{width:400px;}*/

ul.own li:first-child{margin-left:20px;}
.lgo-sec{padding-top:20px;}
.lgo-sec .container{width:auto; padding: 0 15px;}
.thumbnails-img .container{width:auto;}
#html5-text{font-size:15px!important; width: 100%; left: 0; top: 7% !important; text-align: center !important; transform: translateX(0); left: 0 !important;}
.client-pad{padding-left:0px;padding-right:0px;}
.wp-post-image{height:100% !important;}
/*.iframe-width iframe{width: 100% !important; height: auto !important;}*/

ul.own{text-align: center !important; width: 150px;}
ul.own li{margin: 0 !important;}
ul.own li:first-child{margin: 0 !important;}
ul.own li a{line-height: 30px; color: #fff !important;}
ul.own li:last-child a{border-bottom: none !important;}
/*.iframe-width iframe{height: auto !important;}*/
.entry-content{padding: 0;}
}

@media only screen and (min-width:481px) and (max-width:630px){
.nav-col{width:88.6%;}	
}	
@media only screen and (min-width:320px) and (max-width:480px){

.sngl-img{width:100%;float:left;height: auto;position: relative;}
.sngl-img img{height:100%;}
.thumbnails-img{padding:0;}
.img-style{width:100%;height:100%;}
/*.iframe-width{width:300px; height: auto;}*/
/*.iframe-width iframe{width: 100% !important; height: auto !important;}*/
#html5-text{top:6% !important;font-size:13px;}
.nav-col{width:84%;}

}



.wonderplugin-engine{display:none;}