@charset "utf-8";
/* CSS Document */

body{  font-family: 'Poppins', sans-serif; font-weight:400; font-size:.875rem}
@font-face {
font-family: 'barbershop-in-thailand';
src:url('barbershop-in-thailand.ttf');}
.btn-lighgreen{ background-color:#a6c76c}
a,header,.morebutton .mbuton span,.morebutton .mbuton {-webkit-transition: 0.3s ease-out;	-moz-transition: 0.3s ease-out;	-o-transition: 0.3s ease-out;	transition: 0.3s ease-out;}
#main{ overflow-x:hidden}
.m-0{ margin:0}
.p-0{ padding:0}
.p-stat{ position:static !important}
header{ position:relative; background-color: #191919}
.fixed{ position:fixed !important; z-index:10; top:0; left:0; right:0; z-index:99; box-shadow:0 0 10px #ccc; background-color:##212120}

.weblogo{ position:relative; padding:5px 0 5px 5px; display:inline-block}
.weblogo a img{ width: auto; line-height:70px ; height:70px ;}
.weblogo #slide{ position:absolute; top:12px; left:0px; font-size:25px; cursor:pointer; display: block}
.mainlinks nav{ padding:5px 0;}
.mainlinks nav ul li{ list-style:none; position:relative; float:left;}
.mainlinks nav ul li a{ text-transform: capitalize; color:#5c5c5c; display:block; line-height:60px; height:60px; padding:0 30px; font-weight:300; font-size:14px; position:relative; }
.mainlinks nav ul li a:hover,.mainlinks nav ul li a.active{ color:#ecbf48}
.mainlinks nav ul li .dropcontent{ opacity:0; visibility: hidden; position:absolute; top:140%; left:50%; transform:translateX(-50%); padding:40px 0 0;z-index:999;-webkit-transition: .2s ease-out;	-moz-transition: .2s ease-out;	-o-transition: .2s ease-out;	transition: .2s ease-out;  }
.mainlinks nav ul li:hover > .dropcontent{ opacity:1; visibility:visible; top:100%}
.mainlinks nav ul li .dropcontent ul{background-color:#191919;;  padding:20px 0; position:relative; z-index:9}
.mainlinks nav ul li .dropcontent ul:after{background-color:#191919; content:""; left:0; right:0; margin:0 auto; width:12px; height:12px; transform:rotate(-45deg); position:absolute; top:-6px;}
.mainlinks nav ul li .dropcontent ul li{ float:none; white-space:nowrap}
.mainlinks nav ul li .dropcontent ul li a{ height:auto !important; color:#fff; line-height:40px; font-size:16px; text-align:center}
.topsocial{ padding:25px 0 5px 40px; color:#fff; font-size: 25px}
.topsocial a{ line-height:40px; color:#fff}
.topsocial a+a{ margin-left:8px;}

.masterslidercontent{ position:absolute; top:50%; left:0; right:0; margin:0 auto; z-index:999; transform:translateY(-50%)}
.masterslidercontent h2{ font-size:33px; line-height:35px; font-weight:400; text-transform: capitalize ; color:#fff}
.masterslidercontent h4{background:url(../image/goldenbg.jpg); background-repeat: repeat; -webkit-background-clip: text;             -webkit-text-fill-color: transparent; font-weight:700; font-size:28px;   -webkit-font-smoothing: antialiased; text-transform:uppercase; margin:0 0  10px 0 !important; padding:0 ; line-height:28px;}



.banneroverform{ position: relative; top:0; left:0; right:0; z-index:9}
.banneroverform .banneroverforminner{ width:100%; background-color:#ecbe4e; border:3px #fff solid; padding:15px; margin-top:40px; border-radius:11px; float:right; box-shadow:0 3px 8px rgba(0,0,0,.2)}
.banneroverform .banneroverforminner h2{ font-size:29px; color:#000; margin:0 0 2px 0; font-weight:700; text-transform:uppercase}
.banneroverform .banneroverforminner h6{ font-size:13px; color:#000; margin:0 0 18px 0;}

.formsection .formfield{ margin-bottom:10px;}
.formsection .formfield span{ color:#000; display:block; padding:0 0 3px 0; font-size:13px; font-weight:500}
.formsection .formfield input[type="text"]{ width:100%; padding:7px 10px; background-color:#fff ; border-radius:4px; border:0; font-size:13px;}
.formsection .morebutton .mbuton{ box-shadow:0 0 10px transparent !important}  
.formsection .morebutton .mbuton span{ padding:5px 20px;}
.formsection .formfield textarea{ width:100%; padding:7px 10px; background-color:#fff ; border-radius:4px; border:0; font-size:13px;}
.formsection .formfield select{ width:100%; padding:7px 10px; background-color:#fff ; border-radius:4px; border:0; font-size:13px;}


.abvideo-section  .modal{ padding:0 !important}
.abvideo-section  .modal-dialog {max-width:100%; height:100% !important; width:100% !important;margin: 0 !important; padding:0 !important; background-color:#000}
.abvideo-section  .modal-body { position: relative;  padding: 0px; height:100% !important; width:100% !important ; background-color:#000}
.abvideo-section  .modal-dialog  .embed-responsive{ background-color:#000;  width:100% !important; height:100% !important}
.mystyle{ padding:0 !important; overflow: inherit !important}
.videocover button{ position:absolute; top:50%; left:50%; z-index:999; transform:translate(-50%,-50%); background-color:transparent; font-size:45px; cursor:pointer; border:0 !important}
.abvideo-section  .modal{ padding:0 !important}
.abvideo-section  .modal-dialog {max-width:100%; height:100% !important; width:100% !important;margin: 0 !important; padding:0 !important; background-color:#000}
.abvideo-section  .modal-body { position: relative;  padding: 0px; height:100% !important; width:100% !important ; background-color:#000}
.abvideo-section  .modal-dialog  .embed-responsive{ background-color:#000;  width:100% !important; height:100% !important}

.border-effect{ position:absolute; top:0px; z-index:9; left:0px; right:0px; bottom:0px; }
.border-effect:after{ border-bottom:1px #fcecbc solid;border-top:1px #fcecbc solid ;transform: scaleX(0);}
.border-effect:before{ border-left:1px #fcecbc solid;border-right:1px #fcecbc solid;transform: scaleY(0);}
.border-effect:after,.border-effect:before{content:"";  position:absolute; top:10px; bottom:10px; left:10px;; right:10px; -webkit-transition: 0.3s ease-out;	-moz-transition: 0.3s ease-out;	-o-transition: 0.3s ease-out;	transition: 0.3s ease-out; }
.border-effect:hover:after{transform: scaleX(1); }
.border-effect:hover:before{transform: scaleY(1); }

.oursponsors-section{ padding:50px 0 60px 0;}
.oursponsorsslidw .slide-item img{ text-align:center; display:block; margin:0 auto}

.mainhead{ margin-bottom:30px;}
.mainhead .m-head{font-size:33px; }

.aboutus-section{ padding:20px 0 ;}
.aboutus-section .abimg{/*background:url(../image/abimgbg.jpg) no-repeat top left;*/ padding:20px 0 0 20px ;}
.aboutus-section .abimg img{ box-shadow: 0 5px 35px rgba(0,0,0,.4); border-radius: 50%}
.absection{ padding:20px 0 0 20px }
.absection h1{color: #000;font-size: 30px; font-family: 'Poppins', sans-serif;}
.absection h5{ font-size:15px; font-weight:300; margin-bottom:20px;}
.absection p, .absection{font-size: 18px;line-height: 30px;color: #777 !important;font-weight: 200;letter-spacing: 0.2px;}

.greyshbg{ background-color:#f5f5f5; padding:50px 30px 20px 30px; color:#000; height:100%}
.greyshbg h4{ color:#000; font-size:21px; line-height:25px; font-weight:700}


.smallbannercontent{ background:url(../image/banner-1.jpg) no-repeat  center top; padding:40px 0 30px 0;} 
.smallbannercontent h2{ font-size:31px; color: #000; text-transform:uppercase ; font-weight:700; text-shadow:0 5px 8px rgba(0,0,0,.5); margin:0 0 10px 0; padding:0}



.glamfoxproduct-section{ padding:80px 0 50px 0}
.glamfoxproduct h2{ font-size:21px;}
.glamfoxproduct ul li{ background:url(../image/star-list-style.png) no-repeat 0 7px; line-height:26px; padding:0 0 15px 25px; list-style:none; font-size:16px;}
.abvideo-section.bordereffect:after { border-radius:11px; }
.abvideo-section .border-effect:after,.abvideo-section .border-effect:before{ border-radius:11px !important ; }
.abvideo-section img{ border-radius:11px;}



.morebutton .mbuton{ display:inline-block;font-weight:500; color:#000; text-transform:uppercase; padding:2px; border-radius:5px; box-shadow:0 0 8px rgba(0,0,0,.3); margin-bottom:10px; border:0}
.morebutton .mbuton span{ display:block; border:1px #ecbe4e solid; padding:7px 15px;border-radius:5px;}
.morebutton .mbuton.mbbtcolor,.morebutton .mbuton:hover{  color:#000; background-color:#ecbe4e  }
.morebutton .mbuton.mbbtcolor span,.morebutton .mbuton:hover span{ border:1px #fff solid;  }





.judges-section{ padding:50px 0 30px 0; background:url(../image/dotbg.jpg) ; position:relative; overflow:hidden}
.judges-section:after,.judges-section:before{ position:absolute; content:""; }
.judges-section:after{ background:url(../image/judge-left-bg.png); width:97px; height:144px; left:-50px; top:0}
.judges-section:before{ background:url(../image/judge-right-bg.png);   width:65px; height:119px; right:-40px; bottom:0}
.judgesmainhead h2{ background:url(../image/goldenbg.jpg); background-repeat: repeat; -webkit-background-clip: text;             -webkit-text-fill-color: transparent; font-weight:700; font-size:55px;   -webkit-font-smoothing: antialiased; text-transform:uppercase; margin:0; padding:0 ; line-height:55px; }
.judgesmainhead h6{ margin:0; padding:0; font-size:17px;}
.judges-section ul{ margin:0 -5px;}
.judges-section ul li{ padding:0 5px; list-style:none}
.judges-section .judges .judges-thumb{ width:200px; height:200px; margin:0 auto; overflow:hidden; border-radius:50%;}
.judges-section .judges .judges-content h4{ font-size:17px; text-transform:uppercase; font-weight:600; color:#000; margin:0 0 6px 0;}
.judges-section .judges .judges-content h4 a{color:#000;}
.judges-section .judges .judges-content h6{ font-size:13px;color:#000; font-weight:400}


.mrsmrsindia-section{ padding:50px 0 70px 0;}
.mrsmrsindiamain h2{ background:url(../image/goldenbg.jpg); background-repeat: repeat; -webkit-background-clip: text;             -webkit-text-fill-color: transparent; font-weight:700; font-size:38px;   -webkit-font-smoothing: antialiased; text-transform:uppercase; margin:0 0  10px 0 !important; padding:0 ; line-height:48px; }
.mrsmrsindiamain h6{ margin:0; padding:0; line-height:27px; font-weight:300}
.mrsmrsindia a{ background-color:#fff; border:3px #ecc151 solid; padding:10px 15px; border-radius:5px; text-align:center; width:100%; margin:0 auto; box-shadow:0 0px 30px rgba(0,0,0,.25); display:block}
.mrsmrsindia a:hover,.mrsmrsindia.mracts a{background-color:#ecc151; border:3px #fff solid;}
.mrsmrsindia h3{font-size:17px; text-transform:uppercase; font-weight:600; color:#000; margin:10px 0 8px 0;}
.mrsmrsindia p, .mrsmrsindia { color:#333;}
.mrsmrsindia.rotate1{ transform:rotate(0)}
.mrsmrsindia.rotate2{ transform:rotate(0)}




.photogallery-section{ background:url(../image/photogaller-topbg.jpg)}
.photogallery-section .photogallery-inner{ background:url(../image/photogaller-bottombg.jpg) no-repeat bottom right; padding:80px 0}
.photogallery-section .photogallery-inner h2{ font-size:32px; }
.photogallery-section ul{ margin:0 -2px;}
.photogallery-section ul li{ padding:2px; list-style:none}
.galleryss{ position:relative;}
.galleryss img{ width:100%; height:auto}
.galleryss .overcontent{opacity:0;transform:scale(0);  position:absolute; top:30px; left:30px; bottom:30px; right:30px; background-color:rgba(0,0,0,.7); padding:20px; z-index:9;-webkit-transition: 0.5s ease-out;	-moz-transition: 0.5s ease-out;	-o-transition: 0.5s ease-out;	transition: 0.5s ease-out;}
.galleryss:hover .overcontent,.photogallery-section ul li:nth-of-type(2) .galleryss .overcontent{ opacity:1 !important;transform:scale(1) !important;}
.galleryss .overcontent p{ margin:0; position:relative; top:50%; text-align:center; transform:translateY(-50%); color:#fff; font-size:16px; line-height:23px;}








.bordereffect:after {position:absolute; left:10px; bottom:10px; right:10px; top:10px; content:""; border:1px #e5b840 solid; z-index:1;}


.latestevents-section{ background:url(../image/banner-3.jpg) no-repeat fixed; background-size:cover; padding:60px 0 40px 0}
.latestevents{ background-color:#fff; padding:5px; border-radius:11px; margin-bottom:20px;}
.latestevents .latestevents-thumb{ margin-bottom:10px;}
.latestevents .latestevents-thumb img{ border-radius:11px;}
.latestevents .latestevents-thumb.bordereffect:after { border-radius:11px; }
.latestevents .latestevents-thumb .border-effect:after,.latestevents .latestevents-thumb .border-effect:before{ border-radius:11px !important ; }
.latestevents  .latestevents-content{ padding:20px 20px 10px 20px; line-height:24px;}
.latestevents  .latestevents-content h2{ font-size:29px; font-weight:700}
.latestevents  .latestevents-content h2 a{ color:#000}
.latestevents  .latestevents-content, .latestevents  .latestevents-content p{ color:#666666}


footer{ background-color:#191919}
.footertoparea{ padding:40px 0 ;}
.footersocial a{ width:36px; height:36px; line-height:36px; background-color:#edc149; border-radius:50%; color:#000; display:inline-block}
.footersocial a+a{ margin-left:10px;}
.buttansquare a{ border:1px #edc149 solid; padding:10px 25px; color:#fff; display:inline-block}
.footerinformation h4{color: #edc149; font-size:16px; text-transform:uppercase; margin:0 0 10px 0; padding:0; }
.footerinformation ul li{ margin-bottom:12px; list-style: none;}
.footerinformation ul li a{ font-size:13px; color: #edc149;opacity: 0.7; font-weight:300; display:block; line-height:22px;}
.footerinformation ul.eventdft li{ margin-bottom:20px;}
.footerinformation ul.eventdft li a span{ display:block; color:#fff;}
.footerinformation ul.contact li{ margin-bottom:20px;}
.footerinformation ul.contact li a{ padding:0 0 0 23px; position:relative}
.footerinformation ul.contact li a i{ position:absolute; left:0; top:4px}
.footerinformation ul.eventdft2 li a span{ margin-top:5px; }

.copyrights{background: #252525 ;    border-top: 1px solid #cccccc3b; font-size:12px; color: #edc149;opacity: 0.7;}
.copyrights a{color: #edc149;}
.copyrights a +a{ margin-left:10px;}
.fixeds {position:fixed;bottom:0;width:100%;display:none;	z-index:90;}



.sidewarper{z-index:999999;background-color:rgba(0,0,0,.9);position:fixed;height:100%;overflow:scroll;overflow-x:hidden;left:-1000px;top:0;bottom:0}
#slidesection{width:290px}
#slidesection .overscroll{padding:10px}
#slidesection .topclose{background-color:#ecbf48;color:#fff;font-size:20px;text-transform:uppercase;padding:10px 30px;display:block}
#slidesection .topclose a{display:block;color:#fff !important; cursor:pointer}
#slidesection .topclose a i{ float:right; margin-top:5px;}
#slidesection .topclose a strong{ color:#fff}
#slidesection .overscroll #sidelinks{color:#fff; }
#slidesection .overscroll #sidelinks ul{ padding:0}
#slidesection .overscroll #sidelinks ul li{list-style:none;}
#slidesection .overscroll #sidelinks a{display:block;padding:7px 10px;color:#fff;font-weight:400}
#slidesection .overscroll #sidelinks li+li{border-top:1px rgba(255,255,255,.2) dashed}
#slidesection .overscroll #sidelinks a{color:#fff}
#slidesection .overscroll #sidelinks .subchild{background-color:#155aba;margin-top:10px}
#slide{cursor:pointer}
.accordion-toggle{cursor:pointer;margin:0;display:block;position:relative}
.accordion-toggle span{position:absolute;right:5px;top:10px;background-color:#ecbf48;text-align:center;line-height:20px;color:#fff;z-index:999;width:20px;height:20px}.accordion-toggle .disinb{display:inline-block!important}.accordion-content ul{background-color:#333}.accordion-content ul li{border:0!important}.accordion-content ul a{padding:5px 10px!important}.accordion-content{display:none}

#back-top{ position:fixed; right:10px; bottom:50px; cursor:pointer; z-index:99}


@media (min-width: 576px) {
.galleryss .overcontent{padding:10px;top:20px; left:20px; bottom:20px; right:20px;}
.galleryss .overcontent p{  font-size:13px; line-height:18px;}
.mrsmrsindia a{ width:290px;}

}


	
@media (min-width: 768px) {
.aboutus-section{ padding:40px 0 ;}
.absection{ padding:50px 0 0 20px }
.topservices-section .topservices-slider{  padding:20px 10px;}
.judges-section:after{  left:0;}
.judges-section:before{ right:0;}
.galleryss .overcontent{padding:20px;top:30px; left:30px; bottom:30px; right:30px;}
.galleryss .overcontent p{  font-size:16px; line-height:23px;}
.mrsmrsindia a{ width:100%;}
.mrsmrsindia.rotate1{ transform:rotate(5deg)}
.mrsmrsindia.rotate2{ transform:rotate(-5deg)}
}

@media (min-width: 992px) {
.masterslidercontent h2{ font-size:53px; line-height:55px; }
.masterslidercontent h4{ font-size:48px;  line-height:48px;}
.mrsmrsindia a{ width:250px;}

}
@media (min-width: 1200px) {
.weblogo{padding:7px 0; }
.mainlinks nav{ padding:7px 0;}
.weblogo #slide{ display:  none}
.topsocial a{ line-height:51px;}
.mainlinks nav ul li a{ line-height:51px; height:51px;}
.banneroverform{ position:absolute; top:0; left:0; right:0; z-index:9}
.banneroverform .banneroverforminner{ width:450px; margin-top:30px;  float:right; padding:25px;}
.mrsmrsindia a{ width:290px;}

}