/* all the fonts used 
	font-family: 'Square721BoldExtendedBT';
	font-family: 'RobotoCondensedRegular';
	font-family: 'RobotoCondensedLight';
	font-family: 'RobotoCondensedItalic';
	font-family: 'RobotoCondensedBold';
*/
.squareBold{font-family: 'tahoma';}
.Rreg{font-family: 'tahoma';}
.Rlight{font-family: 'tahoma';}
.Ritalic{font-family: 'tahoma';}
.Rbold{font-family: 'tahoma';}

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

/* ------------------------------ COMMON ELEMENT CSS ------------------------------ */
* {box-sizing: border-box;margin: 0;padding: 0;outline:none;}
body{color:#646464;font-family: "tahoma",Times, serif;line-height: 1.5;font-weight:400;font-size: 18px;letter-spacing: 0;background: #fff}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
ul, li {list-style:none}
a{text-decoration: none;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } 
input:focus::-moz-placeholder { color:transparent; } 
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } 
textarea:focus::-moz-placeholder { color:transparent; } 
textarea:focus:-ms-input-placeholder { color:transparent; }
::-webkit-input-placeholder {opacity: 1;}
:-moz-placeholder {opacity: 1;}
::-moz-placeholder { opacity: 1;}
:-ms-input-placeholder {opacity: 1;}
.fl {float: left;}
.fr {float: right;}
.center {text-align: center;}
.clear {clear: both;}
.clearfix:after {content: ""; display: block;clear: both;}
.ibvm {display:inline-block;vertical-align:middle;}
.ibvt {display:inline-block;vertical-align:top;}
.ibvb {display:inline-block;vertical-align:bottom;}
.uppercase {text-transform:uppercase}
.comImg {line-height: 0}
.comImg img{max-width: 100%;}
.responsive-img {width: 100%;}
.responsive-img-2 {max-width:100%;display: block;vertical-align: middle;}
.container {width: 89%; margin: 0 auto;}
.container:after {content: ""; display: block;clear: both;}
.knowMore{font-family: 'tahoma';color: #FF3333;font-size: 20px;position: relative;padding-left: 59px;display: inline-block;}
.knowMore:before{content: "";background: #ff7a24; height: 1px;width: 47px;position: absolute;left: 0;top: 10.5px;}
.responsiveimg{width: 100%;display: none;}
.text-trnsfnone{text-transform: none !important}
.centre {display: block;margin-left: auto;margin-right: auto;width: 50%;}
/* ------------------------------ COMMON ELEMENT CSS ------------------------------ */


/********************************  HEADER START  ***************************************/
.logo{line-height: 0;padding: 17px 0;}
.logo a {display: inline-block;}
.logo img{max-width: 100%;}
.menuIcon {width: 23px;margin: 0 0 0 38px;}
.menuIcon span {width: 100%;height: 5px;margin: 0 0 5px;background: #ff6300;display: block;font-size: 0;border-radius: 5px;}
.menuIcon span:last-child {margin-bottom: 0;}
.menuText{color: #fff;}
#menu:not(.mm-menu) { display: none;}
.menublk {cursor: pointer;padding: 23px 0;}
.header {position: absolute;width: 100%;top: 0;left: 0;z-index: 100;transition: all 0.5s ease-in;}
.header.sticky{position: fixed;background: rgba(0,0,0,0.7);}
/********************************  HEADER CLOSE  ***************************************/

/****************************** FOOTER OPEN   **************************/
footer{color: #fff;background: #414141;padding: 15px 0;}
.footerLeft span{font-size: 14px;display: inline-block;padding: 12px 0 0;}
.footerLeft a { color:#ffffff; }
.socom{height: 36px;width: 36px;display: block;float: left;margin-right: 24px;}
.socom:last-child{margin-right: 0}
.fb{background: url("../images/fb.png") no-repeat center;}
.tweet{background: url("../images/tweet.png") no-repeat center;}
.insta{background: url("../images/insta.png") no-repeat center;}
.youtube{background: url("../images/youtube.png") no-repeat center;}
.linkdin{background: url("../images/linkdin.png") no-repeat center;}
/****************************** FOOTER CLOSE   **************************/

/******************************  HOME PAGE START  *************************/
/*sec1*/
.banner1{background: url('../images/banner1.jpg') no-repeat center;}
.banner2{background: url('../images/banner2.jpg') no-repeat center;}
.banner3{background: url('../images/banner3.jpg') no-repeat center;}
.banner4{background: url('../images/banner4.jpg') no-repeat center;}
.banner5{background: url('../images/banner5.jpg') no-repeat center;}
.banner6{background: url('../images/banner6.jpg') no-repeat center;}
.banner7{background: url('../images/banner7.jpg') no-repeat center;}
.sec1 .bx-wrapper .bx-next {right: 5.5%;background: url(../images/right-arrow.png) no-repeat 0 0;}
.sec1 .bx-wrapper .bx-prev {right: calc(5.5% + 64px);background: url(../images/left-arrow.png) no-repeat 0 0;}
.sec1 .bx-wrapper .bx-controls-direction a {position: absolute;top: auto;bottom: 190px;margin-top: 0;width: 50px;height: 50px;}
.bannertext{font-size: 18px;text-transform: uppercase;/*max-width: 483px;*/position: absolute;border: 0;bottom: 92px;text-shadow: 2px 1px 1px #000;}
.sec1{color: #ffffff;position: relative;}
.banner2 .bannertext{bottom: 80px;}
.bannerHeading{position: absolute;bottom: 0;right: 5.5%;max-width: 520px;background: #FF3333;line-height: 18px;padding: 23px 27px 23px 20px; text-transform: uppercase;text-align: center}
.empowerArrow {float: right;line-height: 0;}
/*.empowerText{float: left;width: calc(100% - 36px);}*/
.bxslider li{height: 100vh;background-size: cover}
.sec1 .responsiveimg {display: none;}

/*sec2*/
.caseCol1{width: 46%;}
.caseCol2{width: 24.66%;margin: 0 1.34%;padding-top: 70px;}
.caseCol3{width: 26.66%;padding-top: 122px;}
.commttl .heading{font-size: 30px; color: #FF3333;text-transform: uppercase;line-height: 55px;}
.commttl .subHeading{font-size: 24px;color: #000;}
.caseImgContr{position: relative;line-height: 0;margin: 0 0 14px;}
.caseImgContr:last-child{margin-bottom: 0;}
.videoIcon {background: url('../images/video.png') no-repeat;width: 62px;height: 62px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.caseTitle{position: absolute;font-size: 18px;line-height: 1; color: #fff;background: #282828;text-transform: uppercase;top: 0;left: 0;padding: 11px 20px;transition: all 0.3s linear;}
.caseImgContr img {max-width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 0.3s linear;}
.caseImgContr:hover img{-webkit-filter: grayscale(0%);filter: none;}
.caseImgContr:hover .caseTitle{background: #FF3333;}
.sec2 .headingblk {margin: 0 0 58px;}
.sec2 {padding-top: 55px;font-size: 0;}
.caseImgContr a {display: block;}
.explreBtn {margin-top: 40px;}
/*sec3*/
/*.sec3 .heading{font-size: 36px;color: #ff7a24;text-transform: uppercase;}*/
.sec3 .subheading{font-size: 30px;color: #d7d6d6;text-transform: uppercase;display: inline-block;background: #fff;padding: 0 12px;position: relative;top: -15px;left: -12px;}
.container.sec3inner {border-top: 5px solid #e5e5e5;padding: 40px 0;margin-top: 55px;}
.services{float: left;font-size: 0}

.serviceName {color: #3b3939;font-size: 18px;line-height: 18px;text-transform: uppercase;padding-left: 5px;}
.servicesContr {border: 1px solid #9c9c9c;margin-top: 35px;padding: 0 0 0 20px;}
.servicesInfo{padding: 25px 51px 40px 0;border-bottom: 1px solid #d7d7d7;display: inline-block;vertical-align: middle}
/*.services:last-child .servicesInfo {padding-right: 0;}*/


/*sec4*/
.sec4{/*background: #e9e9e9;*/background: #fff;color: #fff;padding: 40px 0;}
.sec4 .heading{font-size: 30px;text-transform: uppercase;color: #FF3333}
.sec4 .subHeading{font-size: 24px;margin-top: 12px;color: #292929}
.awards{width: calc(100% - 104px);margin: 35px auto 0;}
.awards .slick-prev {left: -52px;background: url('../images/left-arrow2.png');}
.awards .slick-next {right: -52px;background: url('../images/right-arrow2.png');}
.awards .slick-arrow{height: 52px;width: 52px;top: 50%;margin-top: -26px;}
.awardImg img{max-width: 100%; margin: 0 auto;padding: 0 10px;position: relative}
.awardImg{position: relative}
.awardImg:before{position: absolute;left: 0;background: #ddd; content: "";top:0;width:1px;height: 356px;z-index: 9999}
.awards .slick-slide.slick-current.slick-active .awardImg:before{background: none}

/*sec5*/
/*.sec5 {height: 642px;}*/
.sec5 .leftblk{width: 40%;/*background: url('../images/sec5.jpg') no-repeat right center;*/height: 100%;position: relative;margin: 5% 0 5% 5%;}
.sec5 .responsiveimg{display: block;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.sec5 .rightblk{width: 54%;margin: 5% 0; height: 100%;}
.sec5 .innerLeft{width: 100%;margin: 5px 0 0;}
.sec5 .innerRight{width: 89%;display: table-cell;vertical-align: middle;padding: 0 11% 0 55px;}
.sec5 .innerRight p{font-family: 'tahoma';color: #000;font-size: 18px;margin: 20px 30px 0 0;line-height: 1.2;text-align: justify}
.sec5 .rightblk .heading{color: #FF3333;font-size: 30px;line-height: 30px;text-transform: uppercase;}
.sec5text {color: #fff;text-align: center;background: #ff7a24;}
.sec5 .sec5text .heading{font-size: 27px;line-height: 1.2;}
.sec5 .sec5text .subHeading{font-size: 30px;line-height: 40px;text-transform: uppercase;padding-top: 5px;}
.sec5 .knowMore{margin-top: 40px;}

/*sec6*/
/*
.sec6{height: 463px;background: url('../images/sec6.jpg') no-repeat center;color: #fff;position: relative}
.sec6 .black-overlay{padding: 170px 0 0;}

.black-overlay{background: rgba(0,0,0,0.4);width: 100%;height: 100%}
.sec6 .heading{font-size: 64px;text-transform: uppercase;position: absolute;top:193px;left: 0;right: 0;margin: 0 auto}
.sec6 .subHeading{font-size: 30px;text-transform: uppercase;padding-top: 18px;}*/
/*.clients{width: calc(100% - 104px);margin: 0 auto;}*/
.clients .slick-prev {left: -52px;background: url('../images/left-arrow2.png');}
.clients .slick-next {right: -52px;background: url('../images/right-arrow2.png');}
.clients .slick-arrow{height: 52px;width: 52px;top: 50%;margin-top: -26px;}
.clientImg img{max-width: 80%; margin: 0 auto;padding: 0 10px;}
.clientslider{background: #fff;padding: 20px 0;margin-top: 35px;width: 100%;}

/*sec7*/
.sec7{padding: 40px 0;}
.sec7 .heading{color: #FF3333;font-size: 26px;text-transform: uppercase;}
.sec7 .subHeading{font-size: 24px;color: #2d2d2d;}
.subHeadingblk .subHeading {font-family: 'tahoma';padding: 0 0 10px}
/*.bloginfo {float: left;width: calc(100% - 112px);padding-right: 10%;}*/
.exploreNow{color: #FF3333;font-size: 16px;font-family: 'tahoma';border: 1px solid #FF3333;padding: 10px 15px;border-radius: 55px;display: inline-block;}
.subHeadingblk {width: 80%;padding: 20px 0 44px;}
.blogTitle{color: #000;font-size: 16px;/*max-width: 220px;*/display: block;}
.sec7 .knowMore {font-size: 14px;padding-left: 38px;font-family: 'tahoma';margin-top: 17px;}
.sec7 .knowMore::before {width: 27px;top: 7.5px;}
.blogimgcontr {position: relative;padding: 0 20px 0 12px;}
.blogContent {padding: 20px 20px 0 12px;}
.blogDate {position: absolute;top: 16px;left: 0;color: #fff;background: #FF3333;padding: 7px;width:60px;height: 55px;display: none}
.blogslider{margin: 35px 0 0}
.blogDay{font-size: 30px;display: none}
.blogYear{font-size: 11px;text-transform: uppercase;display: none}
.blogDate::after {content: "";position: absolute;height: 15px;width: 15px;background: #ff6006;left: 4px;bottom: -7px;transform: rotate(45deg);z-index: -1;}
.blogslider .slick-prev {right: 75px;background: url('../images/left-arrow2.png');}
.blogslider .slick-next {right: 5px;background: url('../images/right-arrow2.png');}
.blogslider .slick-arrow{height: 52px;width: 52px;top: -80px;}
.blogimgcontr img {max-width: 100%;border:1px solid #9c9c9c;}
/*sec9*/
.sec9{color: #fff;height: 570px;}
.sec9 .container{height: 100%;}
.sec9 .leftblk{width: 41%;height: 100%;background: #FF3333;display: table;}
.sec9 .rightblk{width: 59%;height: 100%;background: url('none') no-repeat left center;}
.mapDetail a{color: inherit;}
.mapDetail {padding-top: 22px;}
.sec9 .heading{font-size: 30px;letter-spacing: 0.25px;}
.sec9 .mapInfo{font-size: 18px;padding-left: 25px;line-height: 1.3;position: relative;}
.mapInfo:before{content: "";position: absolute;left: 0;}
.mapTel {margin: 28px 0;}
.mapAddress:before{background: url("../images/location.png") no-repeat left center;width: 15px;height: 22px;}
.mapTel:before{background: url("../images/tel.png") no-repeat left center;width: 14px;height: 20px;top: 4px;}
.mapEmail:before{background: url("../images/mail.png") no-repeat left center;width: 16px;height: 12px;top: 7px;}
.mapchild{padding: 0 30px 0 35px;display: table-cell;vertical-align: middle;}
/******************************  HOME PAGE CLOSE  *************************/
.targetDiv {
    box-sizing: border-box;
    display: none;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 38%;
    z-index: 10000;
    border-radius: 5px;
    transform: translate(-50% ,-50%);
    color: #fff
 }
.overlay {
	position: fixed;
    /*background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;*/
    opacity: 0;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    height: 0;
    width: 0;
    z-index: 9999;
    margin: 0 auto;
    transition: all 0.5s linear 0.3s;
}
.overlay.show{opacity: 1;height: 100%;width: 100%;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.5s linear;}
.closebtn{position: absolute;right: -28px;top: -28px;cursor: pointer;line-height: 0;width: 30px;border-radius: 5px;overflow: hidden;}
.closebtn img {width: 100%;}
.overscroll{overflow: hidden;}
.showSingle{cursor: pointer;}
.infopop {background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;padding: 60px;}

.stickymedia {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left :0;
  width:40px;
z-index: 99
}
.stickymedia .socom{width:40px;height:40px;border-radius: 50%;margin: 0 0 5px;transition: .2s ease-in}
.stickymedia .fb{background: #205fbe url("../images/fb.png") no-repeat center;}
.stickymedia .tweet{background: #1bd1ff url("../images/tweet.png") no-repeat center;}
.stickymedia .insta {background: url("../images/instasquare.png") no-repeat center;}
.stickymedia .youtube {background: #c52026 url("../images/youtube.png") no-repeat center;}
.stickymedia .socom:hover{margin-left: 8px}
#socialside {
    position: fixed;
    top: 40%;
    left: 0;
}
.mainul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.scli {
    position: relative;
    width: 132px;
    list-style: none;
    border-radius: 0 8px 8px 0;
    margin-left: -98px;
    left:0;
    cursor: pointer;
    
}

.scli img {
    background-color: #333;
    border-radius: 0 5px 5px 0;
    height: 30px;
    position: absolute;
    right: 0;
    top:0;
}

.scli li {
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    padding-right: 50px;
    color: #000;
    text-shadow: 1px 1px 1px #000;
}

.infopopblk .serviceName{color:#ff7a24;margin: 0 0 10px;}
.infopopblk p{padding: 0 0 0 5px;line-height: 30px;}
.bannertext span{display: block;color: #fe6500;margin: 10px 0 0}
.awardname {color: #313131;font-family: 'tahoma';margin: -30px 0 0;font-size: 16px;text-transform: uppercase;}
.medianame{text-transform: uppercase;color:#FF3333;margin: 10px 0 0;}
.awardname span {
    display: block;
    font-size: 12px;
    margin: 10px 0 0;
    text-transform: capitalize;
    font-family: 'tahoma';
    line-height: 16px;
}
.socialfeedwrap{padding: 40px 0;text-align: center}
.socialfeedblk{width:30%;border:1px solid #9c9c9c;padding: 10px;text-align: center;margin: 0 3% 0 0;height: 400px;overflow: hidden}
.banner9 .bannertext {
    bottom: 50px;
}
.banner11 .bannertext {
    bottom: 30px;
    text-shadow: 2px 2px 2px #000;
}

.socialfeedwrap .heading {
    font-size: 30px;
    text-transform: uppercase;
    color: #FF3333;
    text-align: center;
}
.awardname .flamawdby {
    display: inline;
}
.socialwidgets{margin: 35px 0 0}
.clients .clientImg {
    margin: 0 auto 10px;
}

#messageTable {
    display: block;
    background: rgba(0,0,0,0.7);
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    height: 100%
}

.main-pop {
    position: absolute;
    left: 0;
    width: 100%;
    top: 15%;    
    text-align: center
}

.closepop {
  position: absolute;
  right: 15px;
  top: -60px;
  width: 32px;
  height: 32px;
  opacity: 0.7;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
}
.closepop:hover {
  opacity: 1;
}
.closepop:before, .closepop:after {
  content: ' ';
  position: absolute;
  left: 15px;
  top: 5px;
  height: 22px;
  width: 2px;
  background-color: #000;
  border-radius: 2px;
}
.closepop:before {
  transform: rotate(45deg);
}
.closepop:after {
  transform: rotate(-45deg);
}

.tbbpop {
    position: relative;
    top: 15%;
}
.tbbpop img{width:auto;}


.smallImgbanner{position: fixed;width: 183px;right: 0;top: 50%;z-index: 9999;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.bigImgbanner{position: fixed;width: 550px;height:0;left:50%;top: 50%;z-index: 9999;transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);opacity: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;overflow: hidden;}
.bigImgbanner.imgShow{height:388px;opacity: 1;}
.overlay2 {
    position: fixed;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    opacity: 0;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    height: 0;
    width: 0;
    z-index: 9999;
    margin: 0 auto;
    transition: all 0.5s linear 0.3s;
}
.overlay2.show{opacity: 1;height: 100%;width: 100%;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.5s linear;}\

.slick-list.dragging { cursor: pointer; cursor: hand}
.slick-slide.dragging img { pointer-events: none}




.innerpgheader .menuText{color: #000}
.innerpgheader .header.sticky .menuText{color: #fff}

/*Our Portfolio page css start*/
.innerpgtoppad{padding: 100px 0 50px}
.innerpgheader .header{box-shadow: 0 0 8px #cbcbcb}
.ourportfolio .caseCol1{width:32%}
.ourportfolio .caseCol2{padding-top: 0;width:32%}
.ourportfolio .caseCol3{width:32%;padding-top: 0}
.portfolioimgblk{margin: 30px 0 0}
.innerpgheader .header.sticky{box-shadow: none}
.ourportfolio .caseImgContr{margin: 0 0 22px}
.fancybox-title-float-wrap .child{font-family: 'tahoma';}
.ourportfolio .caseCol4{width:100%}
.ourportfolio .caseCol4 .caseImgContr:first-child{width:65.34%;margin: 0 2% 0 0}
.ourportfolio .caseCol4 .caseImgContr {width: 31%;display: inline-block;vertical-align: top;}
.ourportfolio .caseTitle{position: relative}
/*Our Portfolio page css end*/