@charset "utf-8"; 
/*
Project Name: Rakesh Soni Photography"
Coded by: Mohd Basheer
Primary color: #686868
font-family: 'Philosopher', sans-serif;
font-family: 'Dancing Script', cursive;

*/
*{ margin:0; padding:0; box-sizing:border-box;}
html, body{
    height:100%;width:100%;background:#0e0f0f;
    font-family: 'Philosopher', sans-serif; 
    color: #f3f3f3; font-size:15px;
    scroll-behavior: smooth !important;
}


.container{ position:relative;}
.browsehappy{margin:0.2em 0; background:#0e0f0f; color:#f3f3f3; padding:0.2em 0}
.msgContainer{ padding:80px 15px; }
.msgContainer-inner{color:#FFF;border-radius:15px;    padding:20px; max-width:500px; margin:0 auto;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    zoom: 1;}
	.msgContainer-inner h1{ margin-top:0}

.msgContainer-inner:nth-child(n) {
    filter: none;
}
/*.page {
    margin-top: 135px;
}*/
.btn-outline {
    background-color: #fff;
    border-color: #018dc8;
    color: #018dc8;
}
.btn-outline:hover {
background-color: #fff;
    border-color: #036791;
    color: #036791;
}
.arial{ font-family:Arial, Helvetica, sans-serif}
a, a:hover, a:focus, a:active{ color: #f8f8f8; outline:none; text-decoration:none;}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
 .push {
    height: 50px; display:block; /* .push must be the same height as .footer */
}
.btn{padding:8px 30px;}
.btn-primary {
    color: #fff;
    background-color: #686868;
    border-color: #686868;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: #fff;
    background-color: #333333;
    border-color: #333333;box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
}
.text-primary{ color:#686868 !important;}
.bg-primary{ background:#686868 !important;}
/* ==========================================================================
   header
   ========================================================================== */


.topCaption{ position:absolute; top:0; right:0;}
.topCaption span{ background:#686868; padding:2px 15px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; display: inline-block;}

.bg-toplinks{ background:rgba(0,0,0,0.1); display:block; width:100%; padding:5px 0;}
.toplinks{ margin:0; padding:0;  display:block; list-style:none;}
.toplinks li{font-size:12px; font-weight:600; color: rgba(0,0,0,0.8); display:block;padding:0 10px; /*line-height:14px; border-right:2px solid rgba(0,0,0,0.8);*/ }
.toplinks li a{font-size:12px; color: rgba(0,0,0,0.8); }
.toplinks li:last-child{border-right:none;}

.toplinks li:nth-child(2){border-right:none;} 
/*.toplinks .fa,.toplinks a .fa{color: #686868; }*/

.toplinks li a.enquireBtn{ background: #fff; padding:6px 15px; color: #686868; font-family: 'Philosopher', sans-serif; font-size:21px; font-weight:700; border-radius:30px; text-align:center; margin:auto; text-transform:uppercase;}

.shareIcons{ margin:0; padding:0; display:block; list-style:none; float:right;}
.shareIcons li{display:inline-block;}
.shareIcons li a{font-size:14px; line-height:14px; border-right:2px solid; color: rgba(0,0,0,0.7); padding:0 15px; text-align:center; display:block;}
.shareIcons li:last-child a{ border-right:0;}
/*.shareIcons li a.fb{ background:#3b5999;}.shareIcons li a.tw{ background:#55acee;}.shareIcons li a.gplus{ background:#dd4b39;}.shareIcons li a.yout{ background:#cd201f;}.shareIcons li a.insta{ background:#e4405f;}*/
 /* ==========================================================================
   footer
   ========================================================================== */

.mainfooter{ width:100%; font-size:14px; line-height:20px; font-weight:500; color: rgba(255,255,255,0.5); padding:30px 0 16px; background: rgba(0,0,0,.5); border-top:2px solid rgba(0,0,0,0.2);}
.mainfooter .shareIcons li a{border-radius:0;}
.copyright{ text-align:center; font-size:14px; padding:10px 0 8px;}
.copyright p{ margin:0;}
.copyright a{color:rgba(0,0,0,0.8);}
.copyright a:hover{color:#686868;}

.footerLinks{ margin:0 auto; text-align:center; padding:0; display:block; list-style:none;}
.footerLinks li{font-size:14px; font-weight:600; color: rgba(0,0,0,0.5); margin-right:15px; display:inline-block;/*padding:15 20px; line-height:14px; border-right:2px solid rgba(255,255,255,1);*/ }
.footerLinks li a{font-size:14px; color: rgba(255,255,255,0.5); }
.footerLinks li:last-child{margin-right:0;}
.footerLinks .fL,.footerLinks a .fL,.fL{font-size:28px; }


ul.social-links{ margin:0; padding:0; list-style:none; display:block;}
ul.social-links li{ display:inline-block;}
ul.social-links li a{ display:inline-block; font-size:12px; width:26px; height:26px; line-height:26px; text-align:center; color:rgba(255,255,255,1); margin-right:5px; }
ul.social-links li a:hover,ul.social-links li a:focus,ul.social-links li a:active{ color:#686868;}

.social-links li a.fb{ background:#3b5999; border-radius:5px;}.social-links li a.tw{ background:#55acee; border-radius:5px;}.social-links li a.gplus{ background:#dd4b39; border-radius:5px;}.social-links li a.yout{ background:#cd201f; border-radius:5px;}.social-links li a.insta{ background:#e4405f; border-radius:5px;}
   /* ==========================================================================
  homepage
   ========================================================================== */
.navWrapper{ background: rgba(0,0,0,0); display:block; width:100%; font-family: 'Philosopher', sans-serif;}
.navbar {padding: 0; }
.navbar-brand { display: block; width: 180px; padding: 5px; background: #fff; margin: 8px 0; border-radius: 5px;}
.navbar-brand img{ display: block; width:100%;}

.navbar-light .navbar-nav .nav-link {padding:5px 0; margin:0; border-bottom:none;font-weight: 600; color: rgba(255,255,255,0.8);}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #686868; border-bottom:none;}
li.nav-item{ border-right:none}
.navbar-light .navbar-toggler {background: #686868; border-color: #686868;}
 .navbar-toggler{padding: 5px 10px;border-radius: 0;}
 
.bx-wrapper .bx-viewport{background:none; border:none;  box-shadow:none; left:0; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0)}
.bx-wrapper{position:relative; margin:0 auto; padding:0; *zoom:1}
.bx-wrapper img{max-width:100%; display:block}
.bx-wrapper .bx-loading{min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper{position:relative;-ms-touch-action:pan-y;touch-action:pan-y;-}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0;-webkit-perspective:1000}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translateZ(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}


.bx-wrapper .bx-prev{left:10px; background:url(../images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px; background:url(../images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}

.bannerContainer{position:relative; width:100%; float:left; margin:0;display:none; padding:0;}
.no-js .bannerContainer{display:block}

#bannerSlides li img{width:100%; }
.bannerContainer .bx-wrapper{margin:0 auto; position:relative}
.bnrCaption{position: absolute;display: table; font-weight:bold; left:0; right:0; margin:auto; bottom:50px; padding:10px 20px;text-transform: capitalize;text-align: center; overflow:hidden;color:#fff;font-family: 'Philosopher', sans-serif; font-size:24px; background: #686868; border-radius:30px;}

#bannerSlides{margin:0; padding:0}
.bannerContainer .bx-wrapper .bx-pager{position:absolute; right:0; left:0; bottom:5px; z-index:4; text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; }
.bannerContainer .bx-wrapper .bx-pager .bx-pager-item, 
.bannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px; display:block; width:12px; height:12px; border:2px solid #fff; margin:0 5px; outline:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active{background:#686868; border-color:#686868;}
#bPrev a, #bNext a{outline:none; text-decoration:none; font-size:25px; color:#fff; position:absolute; top:40%; right:10px; background:#686868; width:34px; height:34px; display:block; line-height:32px; text-align:center; border:1px solid #686868; border-radius:10px; }
#bPrev a{left:10px}

#bPrev a:hover, #bNext a:hover{background:#686868; border:1px solid #686868;}

.aboutWrap{ text-align:center; margin:0 auto; padding:50px 0 0; background: rgba(0,0,0,0.95); color:#fff;}
.abtImg{ background:#d6d6d6; padding:3px;}

/*.ourWork,.teasersWrap,.accoladesWrap,.testiWrap{padding:50px 0; background:#0e0f0f;}*/
.ourWork{padding:50px 0; background:#0e0f0f;}
.teasersWrap{padding:50px 0; background:#000;}
.accoladesWrap{padding:50px 0; background:#0e0f0f;}
.testiWrap{padding:50px 0; background:#0e0f0f;}
.workContainer,.teasersContainer,.accoContainer,.testimonialContainer{ position: relative; display: block;}
.workContainer li h4.h5,.teasersContainer li h4.h5,.accoContainer li h4.h5,.testimonialContainer li h4.h5{ margin:10px auto 5px;}
.workContainer #wPrev a, .workContainer #wNext a,.teasersContainer #teaPrev a, .teasersContainer #teaNext a,.testimonialContainer #tPrev a, .testimonialContainer #tNext a{
     width:50px; height:50px; line-height:48px; font-size:36px; font-weight:600; text-align: center; display:block; position:absolute; top:50%; left:10px;}
.workContainer #wNext a,.teasersContainer #teaNext a,.testimonialContainer #tNext a{ left: auto; right:10px;}
.accoladesWrap{padding:50px 50px; background:#e3e3e3;}
.accoladesWrap{ background:#000;}
.accoThumb{ background:#f2f2f2; padding:5px; display:table; margin:15px auto; border:1px solid #929292; border-radius:10px;}

.accoContainer #accoPrev a, .accoContainer #accoNext a{ 
    width:50px; height:50px; line-height:48px; font-size:52px; 
    font-weight:600; text-align: center; display:block; 
    position:absolute; 
    top:50%; left:-40px;}
.accoContainer #accoNext a{ left: auto; right:-40px;}

.testimonialContainer{ text-align:center; margin:auto;}
.testiImg{ margin:20px auto; text-align:center; display:block; width:130px; height:130px; border:5px solid #ccc; border-radius:50%; overflow:hidden;}

.eventsWrap{ text-align:center; margin:0px auto; padding:30px 0; background:#1a1a1a;}
.eventImg1,.eventImg2,.eventImg3,.eventImg4{ position:relative; display:block; height:0; overflow:hidden; padding-bottom:46%; background: rgba(0,0,0,1); transition: all .4s ease 0s;}
/*.eventImg1{ margin-bottom:30px;}*/
.eventImg2{padding-bottom:177%;}
.eventImg3,.eventImg4{padding-bottom:98%;}
.eventsTitle{text-align:center; font-size:18px; font-weight:700; margin:10px  0 20px;}
.eventImg1 img,.eventImg2 img,.eventImg3 img,.eventImg4 img{ transition: all .4s ease 0s;}

.eventsText{ opacity:0; position:absolute; top:26%; left:0; right:0; color:#fff; transition: all .4s ease 0s;transform: translateY(-20px);}
.eventbtn{ border:2px solid #fff; padding:5px 25px; border-radius:20px; margin:20px auto 0; text-align:center; font-size:18px; font-weight:600; display:table; transition: all .4s ease 0s;}

.eventImg1:hover img{ opacity:0.5;}
.eventImg1:hover .eventsText{ opacity:1;transform: translateY(20px);}

.eventImg2:hover img{ opacity:0.5;}
.eventImg2:hover .eventsText{ opacity:1;transform: translateY(20px);}

.eventImg3:hover img{ opacity:0.5;}
.eventImg3:hover .eventsText{ opacity:1;transform: translateY(20px);}

.eventImg4:hover img{ opacity:0.5;}
.eventImg4:hover .eventsText{ opacity:1;transform: translateY(20px);}

.sh-project {
cursor: pointer;

-webkit-transform: translatez(0);
    position: relative;

}

.sh-project .sh-project-image .sh-intrinsic {
opacity: 1;

-webkit-transition: opacity .14s ease-out;

transition: opacity .14s ease-out;
    padding-bottom: 100%;
    line-height: 0;
    text-align: center;
    position: relative;
    overflow: hidden;

}

.sh-project .sh-project-image .sh-content-fill {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}

#abtPager{ display:block; margin:20px auto; padding:0; list-style:none; text-align:center;}
#abtPager li{ display: inline-block;  text-align:center;}
#abtPager li a{ display: inline-block; height:200px; overflow:hidden; border: 2px solid rgba(0,0,0,0.2); padding:4px; margin-right:20px;}
#abtPager li a img{ height:100%;}
#abtPager li:last-child a{ margin-right:0;}
#abtPager li a.active{ border: 2px solid rgba(0,0,0,0.5); }

.myCounter{ background: rgba(0,0,0,0); border:1px solid rgba(0,0,0,0.1); border-radius:3px; padding:20px 10px; text-align:center; margin-top:20px; text-transform:capitalize;}
.myCounter .counter{ font-size:36px; color:#686868; font-weight:600;}

/*.testimonialContainer{ position:relative; display:block; margin:80px auto; text-align:center;}

.testiContainer #tPrev a,.testiContainer #tNext a{ width:50px; height:50px; line-height:48px; font-size:52px; color: rgba(51,51,51,1); display:block; position:absolute; top:30%; left:-80px;}
.testiContainer #tNext a{ left:auto; right:-80px;}

.testimonialContainer .bx-wrapper .bx-pager{position:absolute; right:0; left:0; bottom:5px; z-index:4; text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; }
.testimonialContainer .bx-wrapper .bx-pager .bx-pager-item, 
.testimonialContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}
.testimonialContainer .bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px; display:block; width:12px; height:12px; border:2px solid #fff; margin:0 5px; outline:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%}
.testimonialContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.testimonialContainer .bx-wrapper .bx-pager.bx-default-pager a.active{background:#686868; border-color:#686868;}*/

.cardThumb{ position:relative; display: block; overflow:hidden;}
.cardTitle{ position:absolute; bottom:-30px; left:0; padding:5px 10px; background: rgba(0,0,0,0.8); color:#fff; transition:all 0.35s ease-in-out 0s; opacity:0; font-size:20 px; text-transform:capitalize; font-weight:600;}

.cardThumb:hover .cardTitle{bottom:20px;  opacity:1;}

.shborder{ padding:8px; background:#fff; box-shadow: 0px 4px 20px #888, 0px -4px 20px #888; margin-bottom:30px;}

.shBanner li img{width:100%; }

.shPager li a{ border:1px solid #333; display:block; margin:20px auto;}


.btn-inverse{ display: table; background: rgba(0,0,0,0.7); color:#fff; padding:8px 30px;}
.btn-inverse:hover,.btn-inverse:focus{background: rgba(0,0,0,0.9); color:#fff;}

.fa{line-height:21px;}
.fenceThumb{ background:#fff; border:1px solid #ccc; border-radius:4px; padding:4px; display:block; margin-bottom:20px;}





.smallBanner{position:relative; width:100%; float:left; margin:0 auto 30px; display:none; padding:0;}
.no-js .smallBanner{display:block}
#smallBnrSlider li img{width:100%; }
.smallBanner .bx-wrapper{margin:0 auto; position:relative}
#smallBnrSlider{margin:0; padding:0}
#sbPrev a, #sbNext a{outline:none; text-decoration:none; font-size:25px; color:#fff; position:absolute; top:50%; right:10px; background:#686868; width:34px; height:34px; display:block; line-height:32px; text-align:center; border:1px solid #686868; border-radius:10px; }
#sbPrev a{left:10px}
#sbPrev a:hover, #sbNext a:hover{background:#686868; border:1px solid #686868;}







.zoomWindow{ top:0px !important; left:auto !important; right:0 !important;  width:400px !important; height:320px !important;}

.no-gutter, .no-gutter > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.no-gutter-sm, .no-gutter-sm > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

/*===============fancybox style============*/

.fancybox-overlay {
    z-index: 1024 !important;
}
/*===============innerpages============*/
.title{font-family: 'Philosopher', sans-serif; margin-top:30px;}
.titleTop{font-family: 'Philosopher', sans-serif; margin-top:0px; margin-bottom:20px;}  
.title-hm{font-family: 'Philosopher', sans-serif; margin:48px 0 26px;} 
.titleHm{font-family: 'Philosopher', sans-serif; font-size:36px; font-weight:800; margin:0 0 10px; text-transform: capitalize;}
/*.titleHm span::after{ content:''; display:block; width:150px; height:5px; background:#686868;}*/
.text-sourceSans{font-family: 'Philosopher', sans-serif;}
.text-exlite{ font-weight:200;}
.text-lite{ font-weight:300;}
.text-normal{ font-weight:400;}
.text-medium{ font-weight:500;}
.text-semibold{ font-weight:600;}
.text-bold{ font-weight:700;}
.text-extrabold{ font-weight:800;}
.text-white{ color:#fff;}
.text-black{ color:#f8f8f8;}
.text-red{ color:#d4605e;}

.aboutWrap .titleTop{margin-top:140px;}

.sideTitle{background:#686868; color:#fff; padding:5px; text-align:center; width:100%; margin:0 auto; border-bottom:1px solid rgba(0,0,0,0.2);}

.pageheader{ width:100%; margin:100px auto 20px; padding-bottom:15px; text-align:center; display:block; position:relative; border-bottom:1px solid rgba(0,0,0,0.2);}

/*
.pageheader{ width:100%; height:0; margin:auto; text-align:center; display:block; position:relative; margin-bottom:30px; background:url(../images/innerbanner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; padding-bottom:20%;}.aboutUs.pageheader{background:url(../images/innerbanner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.gallerypage .pageheader{background:url(../images/innerbanner2.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.clientspage .pageheader{background:url(../images/innerbanner3.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.testimonialspage .pageheader{background:url(../images/innerbanner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.contactUs.pageheader{background:url(../images/innerbanner3.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }

.thankYou.pageheader{background:url(../images/innerbanner1.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.errorWrap.pageheader{background:url(../images/innerbanner2.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }
.wrap404.pageheader{background: url(../images/innerbanner3.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center; background-size:cover; }*/

/*.pageheader img{ width:100%;}*/
./*car-breadcrum{position:absolute; bottom:80px; left:0; right:0; margin:auto; text-align:center;}*/
.pageTitle.h1{margin:0;}

.pageTitle{text-transform:uppercase; margin:0; background:transparent; color: #f8f8f8; font-weight:600;  font-family: 'Philosopher', sans-serif;}
.breadcrumb{text-transform:capitalize; display:block; padding: 3px 15px; margin:0; background:transparent; color: #f8f8f8; font-size:15px;  font-family:"Open Sans",sans-serif;}
.breadcrumb li{ display:inline-block;}
.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 5px;
    color: #f8f8f8;
}
.breadcrumb a{ text-transform: capitalize; color: #f8f8f8; font-size:15px;  font-family:"Open Sans",sans-serif;}


   /* ==========================================================================
   Form styles
   ========================================================================== */
.placeholder{color:#444}
::-webkit-input-placeholder{color:#444}
::-moz-placeholder{color:#444}
.captcha{list-style:none; margin:0; padding:0; display:block; float:left; width:100%}
.captcha li{float:left; margin:0 5px 0 0}
.captcha .input-group{width:130px}
.small-input {width:30px !important;padding:6px 0!important;text-align:center}
.sitePaging{float:right}
.sitePaging .input-group-addon,.sitePaging .input-group-btn {width:auto}
/*=========form errors========*/
.innerError{font-size:10px; color:#f00; background:#fbe3e4 url(../images/invalid.png) 0 50% no-repeat; padding:2px 2px 2px 20px; border:1px solid #fbc2c4; min-height:18px}
.innerHelp{font-size:11px; color:#5f8d00; color:#5f8d00; background:#e6efc2; padding:2px 2px 2px 20px; border:1px solid #390; min-height:18px;  background:#fbe3e4 url(../images/valid.png) 0 50% no-repeat}

.contactBlock a{ color:#f8f8f8}

/* ==========================================================================
   Accordoin
   ========================================================================== */

.panel-default > .panel-heading {
    background-color: #f1f1f1;
    border-color: #ccc;
    color: #fff; padding:10px; margin-bottom:1px;
}
.panel-heading:hover,.panel-heading.active {
  background-color: #686868; color:#fff;
}
.panel-heading h4{ margin:0;}
.panel-title a{ font-size:18px; font-weight: normal; margin: 0;}
.panel-heading:hover .panel-title a,.panel-heading.active .panel-title a{color:#fff;}
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.panel-body{ background:#f9f9f9; padding:10px;}
.list-leftlinks{ margin:0; padding:0; display:block; list-style:none;}
.list-leftlinks li{ display:block}
.list-leftlinks li a{ font-size:14px; color:#f8f8f8; font-weight:500;}
.list-leftlinks li a:hover{ color:#686868;}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.location-map, .careers-map {
    border: 1px solid #ccc;
    height: 0;
    margin: 0 auto 20px;
    overflow: hidden;
    padding-bottom: 26.6%;
    position: relative;
}
.location-map iframe,.careers-map iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    width: 100% !important;
}
.careers-map iframe{padding-bottom: 76.6%;}

.footer-map{padding-bottom: 58%;}

a{-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
.btn-outline{ background-color:transparent;  color:inherit;  transition:all .3s}
.btn-outline-inverse {background-color: transparent;border-color:#FFF;color:#fff;}
.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {background-color: #fff;border-color:#fff;color:#444;text-shadow:none;}
.sharp{border-radius:0}

.fitImg{width:100%; height:100%; background-size:cover!important; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc)}


.img-16by9{ position:relative; height:0; overflow:hidden; display:block; padding-bottom:56.25%}
.img-16by9 img{ position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%;}

.grayscale{filter:url("data:image/svg+xml; utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; filter:grayscale(100%); -ms-filter:grayscale(1); -webkit-filter:grayscale(1); -webkit-transition:all .5s ease; -webkit-backface-visibility:hidden; -moz-filter:grayscale(100%); -moz-transition:all .5s ease; -moz-backface-visibility:hidden}


.grayscale:hover{ filter:gray; filter:grayscale(0%); -ms-filter:grayscale(0); -webkit-filter:grayscale(0);  -moz-filter:grayscale(0%);}

.blur{filter:blur(3px); -webkit-filter:blur(3px); -moz-filter:blur(3px);  -o-filter:blur(3px); -ms-filter:blur(3px); filter:url("data:image/svg+xml; utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='3' /></filter></svg>#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')}

/*.thumbnail:hover .grayscale{filter: grayscale(0);}*/
.show-grid{margin-bottom:10px; margin-top:10px}
.marBtm{ margin-bottom:20px;}
.marRight{ margin-right:20px;}
.marleft{ margin-left:20px;}
.marTop{ margin-top:20px;}

.sh-marTop{ margin-top:40px;}

.no-marginTop{ margin-top:0;} .no-marginBtm{ margin-bottom:0;}
.w100{width:100%}
.h100{ height:100%}
.paddingTopBottom{ padding:30px 0;} .no-padding-rt{ padding-right:0}
.gridPadding{ padding:20px;}
.ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px}
.ir:before{content:""; display:block; width:0; height:150%}

.marSec{ margin-top:40px;}
.marSecBtm{ margin-bottom:40px;}

.animScale{transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: transform;}
.animScale:hover{transform: scale(1.1) rotate(-1.2deg);}

/* ==========================================================================
   back-to-top
   ========================================================================== */
.toTop{display:none; text-decoration:none; position:fixed; z-index:997; bottom:80px; right:10px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-9999px; background:url("../images/ui-totop.png") no-repeat left top}
.toTop:active, .toTop:focus{outline:none}
.toTop:hover{background:url("../images/ui-totop.png") no-repeat left -50px}


#sidelinks .dropdown-item{white-space: unset;padding: 5px;font-size: 14px;}

.userlinks{ line-height:30px;}


.rowgrid  img{margin-bottom:20px;}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width:320px){}

@media only screen and (max-width:360px){
.bnrCaption{display: none;}
.topCaption {font-size: 12px; font-weight: normal; text-transform: capitalize; text-align: center;}
.topCaption span { padding: 8px 8px;}
.testiContainer #tPrev a,.testiContainer #tNext a{left:14%;}
.testiContainer #tNext a{ left:auto; right:14%;}
.flip-grid-view .flip-entry{width: 149px !important;}

}

/* Small Devices, Tablets */

@media only screen and (max-width:575px){
.car-breadcrum{bottom: 10px;}
.car-breadcrum h4.pageTitle{ font-size:16px;}
.breadcrumb{padding: 0x 15px; font-size:10px;}
.breadcrumb a{ font-size:10px;  }
#abtPager li img{ width:50px; height: auto !important}
#abtPager li a{ height:auto !important; border: none;}
}

@media only screen and (max-width:767.5px){

	
ul.social-links{ margin:0 auto; text-align:center; float: none;}
	
.car-breadcrum{bottom: 30px;
top: auto;}
.car-breadcrum h1.pageTitle{ font-size:14px;}
.breadcrumb{padding: 0x 15px; font-size:10px;}
.breadcrumb a{ font-size:12px;  }

.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.bnrCaption{padding: 10px; font-size: 12px; bottom: 30px;}
.titleHm{font-family: 'Philosopher', sans-serif; font-size:26px; font-weight:600; margin:20px 0 20px; text-transform:uppercase;}
.titleHm span::after{width:50px;}
.topCaption {font-size: 15px; font-weight: normal; text-transform: capitalize; text-align: center;}
.topCaption span { padding: 8px 16px;}
.footerLinks { margin: 0 0 30px;}
ul.social-links { margin: 0 auto 30px; text-align: center;}
.testiContainer #tPrev a,.testiContainer #tNext a{top:auto; bottom:-4px; left:30%;}
.testiContainer #tNext a{ left:auto; right:30%;}
/*.eventImg1,.eventImg4,.eventImg3{ margin-bottom:30px;}*/
} 







@media only screen and (max-width:768px){
.technoWrap{ max-width: 100%; background:rgba(255,255,255,0.8); padding:0; position: relative; top:auto; left:auto; right: auto;
margin:20px auto;}

}


@media only screen and (min-width:768px){

/*.car-breadcrum{ bottom:20px;}*/


.navbar-light .navbar-nav .nav-link {font-size: 14px;}
.copyright {font-size: 12px;}
.titleTop.h1{ font-size:26px;}
.eventImg2 { padding-bottom: 183%;}
.pageheader {margin: 100px auto 20px;}
.eventbtn{ padding:5px 15px; margin:10px auto 0; font-size:14px;}

}

@media only screen and (min-width:992px){
/*.navbar-light .navbar-nav .nav-link { padding:4px 14px; margin: 0; font-size:14px;  text-transform: uppercase; }*/
/*.car-breadcrum{ bottom:20px;}*/
/*.toplinks { margin: 14px 0 5px;}
.toplinks li,.toplinks li a {font-size: 14px;}*/
.copyright {font-size: 14px;}
.eventImg2 { padding-bottom: 179%;}
.titleTop.h1{ font-size:36px;}
.eventbtn{ padding:5px 20px; margin:20px auto 0; font-size:16px;}
.pageheader {margin: 110px auto 20px;}
}

@media only screen and (min-width:1200px){
/*.car-breadcrum{ bottom:50px;}*/
/*.navbar-light .navbar-nav .nav-link { padding:1px 20px; margin: 6px auto; font-size:16px; }*/
/*.toplinks{ margin:32px 0 5px;}
.toplinks li,.toplinks li a{font-size:14px;}*/
.toplinks li a.enquireBtn{ padding:6px 15px; font-size:21px;}
/*.titleHm{font-family: 'Philosopher', sans-serif; font-size:46px; font-weight:600; margin:20px 0 50px; text-transform:uppercase;}*/
.eventImg1,.eventImg2,.eventImg3,.eventImg4{ padding-bottom:46%;}
.eventImg2{padding-bottom:183%;}
.eventImg3,.eventImg4{padding-bottom:98%;}
.pageheader {margin: 160px auto 20px;}
.eventbtn{ padding:5px 25px; margin:20px auto 0; font-size:18px;}
}

@media only screen and (min-width:1920px){}


/* Medium Devices, Desktops */
@media only screen and (max-width:991px){


}
.pos-rel{
    position: relative;
}
.pos-rel::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background-color: rgba(0,0,0,0.5);
}

/* .overlay-1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
} */

@media only screen and (min-width: 1200px){
 .eventImg5 {
  padding-bottom: 83%;
}
.eventImg6 {
    padding-bottom: 85%;
  }
}

.eventImg5 {
    padding-bottom: 83%;
  }
  .eventImg6 {
      padding-bottom: 85%;
    }







/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #000;
  }
  
  #preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 2px solid #000;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
  }
  
  @-webkit-keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }