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


/*Begin Solution for model box Jumbing
.modal-open {  overflow: unset;  padding-right: 0!important;  overflow-x: hidden;}*/
/*End Solution for model box Jumbing*/


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


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

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

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


/* End Font  */


/* common tag style ------------------------------*/
:focus{outline:none;}
body{margin:0; font-size:15px;  font-family:'Apercu_Regular'; color:#333;overflow-x:hidden; }
h1{font-size:36px; color:#606060;font-family:'Apercu_Regular';text-transform: uppercase;}
.opIcon{background:url(images/ope-icon.png) no-repeat scroll center center; width:32px; height:32px;display:inline-block;}
h2{font-size:24px; color:#242424;}
h3,h4,h5,h6{text-transform:uppercase;   font-family: 'ApercuBold'; color:#606060;}
h6{font-size:14px; color:#606060;}
a{color:#606060;outline:none!important;}
a:hover,a:focus{color:#efd112;}
p {font-size: 14px;    color: #666;line-height: 25px;}
.btn{background:#ff0000; color:#fff; border-radius:2px;}
.anim{transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}
.white{color:#fff;}
/*------------------------------------*/


.menuSection,.subMenu{margin:0; padding:0; list-style:none;} 
.menuSection li i {vertical-align: top; margin: 2px 0 0 2px;}
ul.subMenu {display:none;  background: #2b2a2a;}
.subItem.open .subMenu{display: block;}
.subMenu li a { font-size: 14px; padding: 5px 8px 5px 32px;}


.wrapper{min-height:800px;}

.innerPageSection p{font-size:14px;color: #5f5c67;line-height:27px;}
header {position: absolute; width: 100%;    top: 0;z-index: 10;background: none;padding: 0;    border-top: 3px solid #ffe01c;    margin: 0;    background: #ffe01c;}
.headerSec {display: flex;flex-wrap: nowrap;    height: 93px;     align-items: center;   margin-top: -2px;margin-top: 10px; margin-bottom: 0;}
.logo {flex: 1 0 300px;max-width: 300px;    z-index: 10;}
.topCno {flex: 0 1 0;}
.topCno {flex: 1 0 0;color: #fff;white-space: nowrap;align-self: center;display: flex; justify-content: flex-end;  padding-right: 25px;flex-direction: column;  align-items: flex-end;}
.topCno ul {  list-style: none;  margin: 0; padding: 0; display: flex;}
.topCno ul li {  flex: 1 0 0;  font-size: 13px;  text-transform: uppercase;  font-family: ApercuBold;  color: #3e3e3e;}
.topCno ul li a { color: #3e3e3e;  padding: 0 2px;}
.topCno ul li a:hover,.topCno ul li a:focus{text-decoration:none; color:#fff;}
.topSocial{list-style:none;padding:0; margin:0; display: flex;}
.topSocial li a{padding: 0 4px;}
.topSocial li a:hover{color:#fff;}

.topGetintouch {  }
.topGetintouch ul { list-style: none;  display: flex; flex-wrap: nowrap;    margin: 0;  padding: 0;}
.topGetintouch ul li a {white-space: nowrap; font-size: 19px; text-transform: uppercase;  color: #fff;  font-family: 'DenseRegular';  letter-spacing: 1px;  display: block;  text-align: center;  border: 1px solid #fff;
 border-radius: 1px; background: rgba(0,0,0,.1);  height: 40px;  display: flex;  justify-content: center;  align-items: center; padding:5px 15px;margin-left: -1px;}
.topGetintouch ul li .list2{background:#fff;color:#000;}
.topGetintouch ul li a:hover,.topGetintouch ul li a:focus{text-decoration:none; background:rgba(0,0,0,.5); color:#fff;}


.topBookBtn a {    background: #5f5c67;    color: #fff; border: 2px solid #5f5c67;    white-space: nowrap;    height: 33px;    display: inline-block;    font-size: 12px;text-decoration:none;
text-transform: uppercase;    font-family: 'LatoBold'; padding: 6px 15px; transition: .3s linear 0s;}
.topBookBtn a:hover,.topBookBtn a:focus{background:none; color:#fff;border-color:#fff; transition: .3s linear 0s;}

header.sticky {box-shadow: -2px -4px 31px 1px #ceb308; position: fixed;  width: 100%;  top: 0;  z-index: 100;  background:rgb(255, 224, 28); transition: .5s linear 0s;}
.sticky .header { transition: .5s linear 0s;  display: none;}
.sticky+.homeSlider { margin-top: 96px;}

section.homeSlider { position: relative; background:#ffe01c;}
.carousel-caption { text-align: left;margin-bottom: 14em;top: 40%;   left: 0;  right: 0;}
.carousel-caption h4 {font-size: 48px;  color: #242424;  font-family: Apercu_Regular;  margin: 0;  line-height: 57px;  letter-spacing: 5px;}
.carousel-caption h3 {font-size: 24px;  color: #242424;  font-family: 'DenseRegular';  margin: 18px 0 0 55px;  line-height: 25px;  position: relative;  padding-bottom: 10px;  letter-spacing: 2px;  display: inline-block;  background: #ffe01c;  flex-wrap: nowrap;    justify-content: center;}
.carousel-caption h3:after{position: absolute;  content: "";  width: 220px;  height: 1px;  background: #756c6c;  bottom: 23px;  left: -50px; z-index: -1; }
.carousel-caption h5 { font-size: 48px;  color: #ffe01c;  -webkit-text-stroke: 2px #333; -moz-text-stroke: 2px #333; -o-text-stroke: 2px #333; letter-spacing: 2px;  margin: 4px 0 0 0;}
.sliderPic-1 { position: absolute;  right: 0;bottom: auto;  top: -15%;}
.carousel-caption ul {  list-style: none;  padding: 0;  margin: 20px 0 0px 0;  display: flex;  flex-wrap: wrap;}
.carousel-caption ul li { font-size: 20px; color: #000; border: 1px solid #fff; margin: 0 8px 5px 0; font-family: 'DenseRegular';}
.carousel-caption ul li a{ padding: 5px 17px;display:block;}
.carousel-caption ul li a:hover{color:#333; background:#fff; text-decoration: none;}
.relativeCl{position: relative;}

.carousel-indicators {display: flex; flex-wrap: nowrap; justify-content: flex-end;  align-items: center;  top: auto;  bottom: 3.7em;  text-align: right;  z-index: 17; width: 150px;  
align-self: self-end; margin-left: auto;  background: #ffe01c;    margin-bottom: 0;}
.carousel-indicators li{background: no-repeat; width: 9px;   height: 9px;border: none; }
.carousel-indicators li.active{opacity: 1; z-index: 10;  width: 36px;  height: 36px;  background: none;  font-size: 50px; }

.videosection video, .iframeSec iframe, .gifSection img{width:100%;}
.videosection + .menuSec #cssmenu > ul{margin-top:13px;}

.halfContainer{width:570px;padding: 0 1em 0 4em; display: flex; flex-direction: column;  height: 100%;  justify-content: center;}
.halfContainer.left { margin-left: auto;  padding: 0 4em 0 1em;}

.menuSec { position: absolute;  bottom: 0;  left: 0;  z-index: 10;  width: 100%;  border-top: 1px solid #d4be31; background:#ffe01c; height: 60px;}
#cssmenu > ul { float: left;  position: relative;  margin-left: 5px;  margin-top: -16px;  margin-bottom: 0;  background: #ffe01c;  padding: 0 20px;}
.mainMenu ul a {  font-size: 13px !important;  color:#73671a !important; font-family: ApercuBold;}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #000000!important;border-color: #ffe01c!important;border: none;}

.homeCarou img { max-width: 100%; width:100%;}
.homeCarou .owl-prev,.homeCarou .owl-next{width:50px; height:50px;}
.homeCarou .owl-prev { background:url(../images/slideAR-1.png) no-repeat scroll center center !important;}
.homeCarou .owl-next { background:url(../images/slideAR-2.png) no-repeat scroll center center !important;}
.homeCarou .owl-prev, .homeCarou .owl-next { width: 50px; height: 50px;  border-radius: 0 !important; margin: 1px!important;}
.homeCarou .owl-buttons {  display: flex;  flex-wrap: nowrap;  flex-direction: column;  position: absolute;  top: 35%;  left: 0;  right: 0;  justify-content: center;  align-items: center;}

.secContent{padding:0.5em 0 2.5em;}
.hpyHear h1 { margin: 3em 0 6px;}
.hpyHear p { font-size: 16px;  color: #606060;  font-family: 'Apercu_Regular';}
.hpyHear b { display: block; font-family: 'ApercuBold';}
.hpyHear span { font-size: 24px; text-transform: uppercase; color: #606060; background: #ffe01c; padding: 7px 15px; display: inline-block; margin: 1em 0; border-radius:2px;}
.hpyHear img{max-width:100%;}
.abtArtiSec figure { margin: 0;}

.hmBlog{background:#f7f7f7;}
.hmBlog .owl-carousel{margin-left: -11px;  margin-right: -11px;}
.mIcon{background:url(../images/mIcon.png) no-repeat scroll center center; width:12px; height:12px; display: inline-block;vertical-align: top;    margin-top: 5px;}
.blBox figure {  height: 163px;overflow:hidden;}
.blBox img{max-width: 100%;  min-height: 100%;  object-fit: cover;   min-width: 100%;}
.blBox {   margin: 16px;  overflow: hidden;}
.blBox h3 {  font-size: 18px;  line-height: 23px;}
.blBox p {  font-size: 16px;   color: #606060;  line-height: 19px;}
.blBox a {  font-size: 12px;  text-transform: uppercase;  font-family: 'ApercuBold';}
.blBox a:hover{text-decoration: none;}
.breadcrumb{margin:10px 0}


.getTouch{background:url(../images/getInBg.jpg) no-repeat scroll center center;background-size: cover;   padding: 3em;}
.learnMrBtn{font-size: 12px;  text-transform: uppercase;  font-family: 'ApercuBold';}
.learnMrBtn .mIcon { margin-top: 2px;}
.learnMrBtn:hover{text-decoration: none !important;}
.getTouch h2 { font-size: 30px; color: #ffe01c;  text-transform: uppercase; margin-bottom: 16px;}
.getTouch .form-group { padding: 0;}
.getTouch .form-control {  border: none;  background: none;  border-bottom: 1px solid #fff;  border-radius: 0;  color: #fff;  outline: none;  padding: 0; resize: none;}
.form-control:hover,.form-control:focus{outline:none; background: none; box-shadow: none;}
.sendBtn {  font-size: 14px;  background: #c7ac02; text-transform: uppercase; font-family: 'Apercu_Regular';  border-radius: 0;  height: 39px;}
.getTouch .form-control::placeholder{color:#fff !important}
.abtAryi { display: flex;  flex-direction: column;  height: 100%;  justify-content: center;  padding: 0 0 0 2em;}
.abtAryi h1 { margin-bottom: 23px;}

.easyToGet{background:#c7ac02; padding:1em 0;}
.getRow { display: flex; flex-wrap: wrap; margin: 1em 0; align-items: center;}
.getSe { display: flex; flex-wrap: wrap;}
.getSe figure {margin: 6px 0 0 0;}
.getSe figcaption { padding: 0 1em;}
.getSe h1 { color: #fff; margin: 0;}
.getSe p { color: #fff; margin: 0;}
.quotSec { height: 40px; margin-left: auto;}
.quotSec h4 { font-size: 18px; background: #fff; padding: 10px;margin: 0;}


.stickHlogo{display: none;}
.sticky-wrapper {  position: fixed;  top: 0px;  background: #ffe01c;  height: 80px;}
.sticky-wrapper #cssmenu > ul{margin-top:0 !important;}
.sticky-wrapper .stickHeader {  display: flex;  flex-wrap: nowrap;  padding: 10px 0;  justify-content: start;  align-items: center;}
.sticky-wrapper .stickHlogo { display: block;}
.stickHeader .mainMenu { display: flex;  margin-left: auto;}
.stickyTopC { display: none;}
.sticky-wrapper .stickyTopC {display: flex;   flex: 1;}

.footer{background:#ffe01c;padding: 2em 0 0;background-size: cover;}
.footer h3 {font-size: 17px;text-transform: uppercase;color: #797979;position: relative;margin-bottom: 20px;}
.footer ul{list-style:none; padding:0; margin:0;}
.footer ul li, .footer ul li a {font-size: 12px;text-transform: uppercase;color: #797979;    line-height: 24px;text-decoration: none;    }
.footer ul li:hover,  .footer ul li:focus,  .footer ul li a:hover,  .footer ul li a:hover{color:#bb9b6a;}
.footer p {font-size: 14px!important;color: #fff!important;line-height: 20px!important;    }
.footerSocial ul {display: flex;flex-wrap: wrap;    }
.footerSocial ul li, .footerSocial ul li a {font-size: 48px;   margin: 0 2px; }
.footerLabel{border-top: 1px solid #ffee85; margin-top: 2em;}
.footerLabel p { font-size: 12px!important; text-transform: uppercase; color: #797979!important;  margin: 0; height: 80px; display: flex;  align-items: center;}

.footerLabel .container { padding: 0;}
.flRow {  display: flex; flex-wrap: wrap;  align-items: center;}
.flRow ul {  margin-left: auto; display: flex;}
.flRow ul li { margin: 0 0 0 5px; line-height: 10px;}
.flRow ul li a { padding: 0 5px 0 0;}
.flRow ul li:first-child a { border-right: 1px solid #938d67;}

/*Begin Page loader style */
#preloader {position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background:rgba(0,0,0,.8); }
.loader {min-width: 100px;}
.circle-loader-1 {width: 100px; min-width: 100px; height: 100px; min-height: 100px; display: flex; align-items: center; justify-content: center;
 margin: auto; border-radius: 50%; border-top: 10px solid rgba(255, 255, 255, 0.2); border-right: 10px solid rgba(255, 255, 255, 0.2); 
 border-bottom: 10px solid rgba(255, 255, 255, 0.2); border-left: 10px solid #ffe01c;  -webkit-transform: translateZ(0); 
 -ms-transform: translateZ(0);  transform: translateZ(0); -webkit-animation: circle-loader-spin 1s infinite linear;
 animation: circle-loader-spin 1s infinite linear;     position: absolute;   left: 0;   right: 0;   top: 40%;}

@keyframes circle-loader-spin {  0% {   -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% {   -webkit-transform: rotate(360deg);   transform: rotate(360deg); }}
/*End Page loader style */






.innerMenu{position: unset;background:none; border:none; height:auto;flex: 1 0 0;}
.innerHeader .logo {flex:1 0 137px;  max-width: 137px;}
.innerHeader .topCno{flex:0;}
.innerHeader #cssmenu > ul{margin-top:0;background:none;}
.innerHeader{background:none; border:none;}
.innerHeader .headerSec{padding:10px 0;height:auto;margin-top:0;}
.innerBanner img { width: 100%;}

.artiyum360 figure img{max-width:100%;}
figure.tourPic { margin: 0;  height: 100%;}
.tourPic img { min-height: 100%;  max-height: 100%;  object-fit: cover;   width: 100%; min-width: 100%;}
.topPicSec{margin-bottom:20px;}
.workWithUs { background: #606060;  padding: 25px;  border-radius: 3px;}
.workWithUs h2 {font-size: 18px;  text-transform: uppercase;   color: #fff;   position: relative;    padding-bottom: 8px;   line-height: 24px;}
.workWithUs h2:after { content: "";  position: absolute;  bottom: 0;   width: 75px;    height: 1px;  background: #949494; left: 0;}
.workWithUs p { font-size: 16px; color: #fff;}
.workWithUs .form-group { margin-bottom: 11px;}
.workWithUs input.form-control {  height: 45px;}
.workWithUs .form-control{ font-family: ApercuBold;  text-transform: uppercase;  font-size: 13px; background: #fff;  border-radius: 5px;}
.workWithUs .form-control:hover,.workWithUs .form-control:focus{ background: #fff;}
.workWithUs .sendBtn {height: 45px;border-radius: 5px;}
.workWithUs .sendBtn:hover, .workWithUs .sendBtn:focus{color:#fff; background:#887b29;}
.secContent ul{list-style: none; padding:0;  margin: 10px 0 25px;}
.secContent ul li{position: relative; padding:0 0 0 20px; font-size:16px; color:#606060;    line-height: 28px;}
.secContent ul li:after{position: absolute; content:""; left:0; top:6px; width:15px; height:15px;background:url(../images/listDot.png) no-repeat scroll center center;}
.artiyum360 h6 { margin-bottom: 20px;}
.listSecAr{background:#f2f2f2; padding:2em;}

.posibilitiesBlock,.processingBlock { padding: 2em 0;}
.posibilityList { list-style: none;  margin: 0;  padding: 0;  display: grid;    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));}
.posibilityList li {  display: flex;  flex-wrap: nowrap;  align-items: center;  margin: 0 0 10px;}
.posibilityList li figure { border: 1px solid #cccccc;  padding: 3px;  height: 50px;  width: 50px;  justify-content: center;  display: flex;  align-items: center;  margin: 0;  flex: 1 0 50px; max-width: 50px;}
.posibilityList figcaption { padding: 0 5px 0 10px;  text-transform: uppercase;  color: #606060;  font-family: 'ApercuBold';}

.processingRow { display: grid;  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));   grid-gap: 30px;  margin: 12px 0 0;}
.processingList {  border: 1px solid #d3d3d3;  padding: 10px;   height: 160px;   display: flex;  justify-content: center;  align-items: center;  flex-direction: column;}
.processingList h4 {  font-size: 16px;  font-family: 'Apercu_Regular';  text-align: center;   margin: 10px;}
.processingList h4 small { display: block; font-size: 12px;}

.recentWorkBox {  margin: 10px;   display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}
.recentWorkBox figure {  border: 1px solid #d3d3d3;  padding: 20px;  width: 100%;    text-align: center;    height: 200px;  display: flex;  justify-content: center;  align-items: center;}
.recentWorkBox figure img{max-width:100%;}
.recentWorkBox h5{font-size:14px; color:#606060; font-family: 'Apercu_Regular';}
.recentWorkSlide { margin-left: -8px;  margin-right: -8px; border-bottom: 1px solid #c3cbc8;  padding-bottom: 26px;}
.recentWorkSlide .owl-controls { top: -31px; position: absolute;  right: 12px;}
.moreWrk { font-size: 14px;  margin: 28px 0 0;}
.moreWrk a { background: #ff0000; display: inline-block;  padding: 5px;  border-radius: 2px;  color: #fff;  text-transform: capitalize; font-family: 'Apercu_Regular';}
.moreWrk a:hover,.moreWrk a:focus{background:#c7ac02; text-decoration: none;}

.abtArtiSec figure img{max-width:100%;}
.abtArBox {display: flex; flex-direction: column; justify-content: center;}
.brandLi{border-top:1px solid #cccccc;    margin: 3em 0 0;}
.brandLi dl {  list-style: none;  padding: 0;  margin: -20px 0 0 0;  display: flex; flex-wrap: wrap;}
.brandLi dl li { font-size: 19px;  color: #fff;  background: #000;  font-family: 'DenseRegular';  margin: 0 2px 5px 0;  padding: 5px 15px;  height: 40px;  display: flex; 
align-items: center;}
.visionSec {  background: #404040;    margin: 2em 0;  padding: 4em 0;    position: relative;}
.visionSec:after { content: "";  position: absolute;  top: 5.5em; width: 100%;  height: 1px;  background: #828282;  z-index: 1;}
.visionBx {  margin: 2em 0;}
.visionBx p{color:#fff;}
.visionSec h1 { background: #404040;  display: inline-block;  z-index: 10;  position: relative;  padding: 0 5px;}
.visionSec h3 {  font-size: 18px;  color: #fff;  position: relative;  padding-bottom: 4px;}
.visionSec h3:after { content: "";  position: absolute;  bottom: 0;  left: 0;  width: 40px;  height: 1px;    background: #828282;}

.blogRow { display: grid;  grid-template-columns: repeat(auto-fit,minmax(500px,1fr));  grid-gap: 30px;  margin: 1em 0;}
.blogBox{overflow:hidden;}
.blogBox img {  max-width: 100%;}
.blogBox h3 { font-size: 18px;}
.blogBox p { border-bottom: 1px solid #ddd;  margin: 0 0 5px;  padding-bottom: 5px;}
.learnMrLink {font-size: 12px; text-transform: uppercase;  font-family: 'ApercuBold';}
.learnMrLink:hover,.learnMrLink:focus{text-decoration:none;}

.blogDetailsSec img{max-width:100%;}
.socialShare{list-style: none; padding:0; margin:0; display: flex; flex-wrap: nowrap;}
.socialShare li{width:40px; height:40px; margin:1px;}
.socialShare li:hover{opacity:.7;}
.socialShare li:after{display:none;}
.socialShare li:nth-child(1){background:url(../images/so-1.png) no-repeat scroll center center;}
.socialShare li:nth-child(2){background:url(../images/so-2.png) no-repeat scroll center center;}
.socialShare li:nth-child(3){background:url(../images/so-3.png) no-repeat scroll center center;}
.socialShare li:nth-child(4){background:url(../images/so-4.png) no-repeat scroll center center;}
.socialShare li:nth-child(5){background:url(../images/so-5.png) no-repeat scroll center center;}
.socialShare li:nth-child(6){background:url(../images/so-6.png) no-repeat scroll center center;}
.socialShare li:nth-child(7){background:url(../images/so-7.png) no-repeat scroll center center;}
.socialShare li:nth-child(8){background:url(../images/so-8.png) no-repeat scroll center center;}
.relatedArtiBlk .owl-carousel { margin-left: -11px;  margin-right: -11px;}

.contactSec h6{margin:20px 0 5px;}
.contactMap{height:350px; width:100%;}
.contactMap iframe { width: 100%; height: 100%;}
.contactNoRow { display: flex; flex-wrap: wrap;margin: 1em 0 3em;}
.contactNoBox { flex: 1 0 0;border-left: 5px solid #333;  padding: 0 0 0 10px;}
.contactNoBox h6 { margin: 4px 0;}
.contactNoBox h5 {  font-size: 18px;  margin: 0; text-transform:lowercase;}
.contactNoBox .socialShare { margin: 0;}
.contactNoBox .socialShare li {  width: 20px;  height: 20px; background-size: cover; margin-right: 5px;}

.portRow { display: grid;  grid-template-columns: repeat(auto-fit,minmax(500px,1fr));  grid-gap: 30px;  margin: 1em 0;}
.portCol{overflow:hidden;}
.portCol img {  max-width: 100%;}
.portCol h6 { font-size: 18px;margin-bottom: 0px;}
.portCol p { border-bottom: 1px solid #ddd;  margin: 0 0 5px;  padding-bottom: 5px;}
.portCol li:after{display: none;}
.portCol figure { margin: 0 0 8px;position:relative;overflow:hidden;}
.portHover{opacity:0; visibility:hidden;transform: translate(0, 100%);-webkit-transform: translate(0, 100%);-moz-transform: translate(0, 100%);-o-transform: translate(0, 100%); position: absolute;
bottom: 0; background: rgba(255,255,255,.8);  width: 100%;  height: 50%;  padding: 10px; 
transition:all .5s cubic-bezier(0.4, 0.37, 0, 1.01) 0s;-webkit-transition:all .5s cubic-bezier(0.4, 0.37, 0, 1.01) 0s;-moz-transition:all .5s cubic-bezier(0.4, 0.37, 0, 1.01) 0s;-o-transition:all .5s cubic-bezier(0.4, 0.37, 0, 1.01) 0s;}
.portCol:hover .portHover{opacity:1; visibility:visible;transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);}
.portHover ul { display: flex;   flex-wrap: wrap; }
.portHover ul li {background: #fff;padding: 0px 10px;margin: 0 2px;font-size: 12px;
text-transform: uppercase;font-family: ApercuBold;}
.portLink { font-size: 14px;   background: rgba(0,0,0,.7);   color: #fff;   padding: 10px 20px;   display: inline-block;   text-transform: uppercase; }
.portLink:hover{text-decoration:none;}

.portDIM img{max-width:100%; margin-bottom:5px;}
.portDIM figure{display:flex; flex-wrap:nowrap;margin:0;}
.portDIM figure img {max-width: 100%; width: 50%;}
.portDIM .portCol figure img{width:100%;}

.expertiseRow { display: flex;  flex-wrap: wrap;  align-items: center;  background: #e5e5e5;  margin: 1em 0;}
.expeertiseCol {  flex: 1 0 300px;}
.expertiseRow .expeertiseCol:first-child, .expertiseRow .expeertiseCol:last-child {  padding: 2em;}
.expeertiseCol figure { margin: 0;  height: 100%;}
.expeertiseCol img {  object-fit: cover;  width: 100%;  min-width: 100%; min-height: 100%;  height: 100%; max-width: 100%;}
.abP img{max-width:100%;}

.serDetailsRow{display: flex;  flex-wrap: wrap; align-items: center; background: #e5e5e5;  margin: 3em 0;}
.serDcol {flex: 1 0 50%;max-width: 50%;    }
.serDcol img {max-width: 100%;}
.serDetailsRow .serDcol-2 {padding: 2em; }
.serDetailsRow:nth-child(odd) {  flex-direction: row-reverse;    }
.factSec {  border: 3px solid #ddd;  padding: 1.5em;}
.factSec p{margin:0;}




.at-button,.callBtn { cursor:pointer; z-index: 10000000; position: fixed;  right: 24px; bottom: 24px; background: #FFF; width: 70px; height: 70px; padding: 12px;
    border-radius: 100%; box-sizing: border-box; color: #666; -webkit-animation: at-ripple 0.6s linear infinite; animation: at-ripple 0.6s linear infinite;    
    background:url(../images/en-pic.png) no-repeat scroll center center; border: 2px solid #ffe01c;}
    .at-button:after,.callBtn:after{    content: '';   display: inline-block;   width: 12px;   height: 12px;   border-radius: 50%;   background-image: linear-gradient(to bottom,#38dc79,#1ab744);
    position: absolute;  right: 4px;  top: 1px;  z-index: 50;}
    .at-button:hover i,.callBtn:hover i {-webkit-transform: rotate(135deg);  transform: rotate(135deg);}
    .at-button i,.callBtn i {-webkit-transform: rotate(-45deg);     transform: rotate(-45deg); -webkit-transition: 0.3s ease;transition: 0.3s ease; font-size: 24px;
    color: #1AB744;}
.callBtn {right: auto;left: 24px; background:url(../images/cal-pic.png) no-repeat scroll center center;}
.wtAppBtn{right: auto;left: 100px; background:url(../images/wt-pic.png) no-repeat scroll center center;}

/*begin enquiry Box*/
.enquiryBox{position:fixed; right:15px; bottom:105px;  width:400px; border-radius:5px; background:#f4f4f4;box-shadow: 0 10px 20px 0 rgba(35,50,56,0.3);
    z-index:100; opacity:0; visibility:hidden;  transform: scale(.5,.5) rotate(20deg);-webkit-transform: scale(.5,.5) rotate(20deg);-moz-transform: scale(.5,.5) rotate(20deg);
   -o-transform: scale(.5,.5) rotate(20deg); transition: .5s cubic-bezier(0.26, 0.61, 1, 1) 0s;-webkit-transition: .5s cubic-bezier(0.26, 0.61, 1, 1) 0s;-moz-transition: .5s cubic-bezier(0.26, 0.61, 1, 1) 0s;
   -otransition: .5s cubic-bezier(0.26, 0.61, 1, 1) 0s;}
   .enquiryBox:after{    position: absolute; content: '';  display: block;  bottom: -7px;   right: 29px;   width: 20px;  height: 20px;  -webkit-border-radius: 3px;
   border-radius: 3px;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  z-index: 15;  background: #514036;}
   .enquiryBox h2 { margin: 0px 0 0px;  font-size: 21px;  background: #3e4043;  padding: 10px 18px;  color: #fff;  border-radius: 5px 5px 0 0;}
   .enquiryBox .form-control, .enquiryBox textarea.form-control{padding:1.4em 0 1.4em}
   .enquiryBox form {  padding: 20px;}
   .enClose {  float: right; cursor:pointer;}
   .enClose:hover{opacity:.5;}
   .enquiryBox .btn {  width: 100%;  border-radius: 4px;}
   .enquiryBox .form-control { border: none;  background: none;  box-shadow: none;  border-bottom: 1px solid #ccc;  border-radius: 0;}
    /* .enquiryBox .btn { background: #38B54A;  border: none;  color: #fff;  text-transform: uppercase;}
   .enquiryBox .btn:focus { background: #38B54A; outline:none; color:#fff;}*/
   
   .enquiryBox.active {opacity: 1;visibility:visible;   transform: scale(1,1) rotate(0deg);-webkit-transform: scale(1,1) rotate(0deg);-moz-transform: scale(1,1) rotate(0deg);-o-transform: scale(1,1) rotate(0deg);
   transition: .5s cubic-bezier(0.26, 0.61, 1, 1) 0s;-webkit-transition: .5s cubic-bezier(0.26, 0.61, 1, 1) 0s;-moz-transition: .5s cubic-bezier(0.26, 0.61, 1, 1) 0s;
   -o-transition: .5s cubic-bezier(0.26, 0.61, 1, 1) 0s;}
   /*end enquiry Box*/

.innerBnSec {  position: absolute;  left: 0;  right: 0;  bottom: 5em;}
.innerBBtn {  display: flex; flex-wrap: wrap;}
.enqBtnBanner { display: block; background: #242424; font-size: 21px; padding: 14px 35px; color: #ffe01c; margin: 0 20px 0 0; border-radius: 200px; border: 2px solid #ffe01c;  box-shadow: 1px 1px 0px 0px #cbb10c;}
.enqBtnBanner:hover{text-decoration:none; opacity:.7;}



















@media (max-width: 1600px) { 
    .carousel-caption{top:25%;}
}

@media (max-width: 1199.98px) { 

#cssmenu > ul{margin-top:-25px;}
#cssmenu > ul > li > a{padding:10px 0px; margin-top:8px; font-size:12px;}
.carousel-caption h4{font-size:34px;}
.carousel-caption h3{font-size: 26px; line-height: 29px;}
.carousel-caption h5{font-size:39px; margin-bottom:20px;}
.carousel-caption p{font-size:12px;}
.halfContainer{width:480px;}
.halfContainer.left{padding: 0 4em 2em 1em;}
.carousel-caption {  margin-bottom: 14em;  top:31%;  left: 2%;}
.carousel-caption ul li a{padding: 2px 13px;}
h1{font-size:28px;}
.hpyHear h6{font-size:12px;}
.getSe h1{font-size:22px;}
.getSe p{font-size:11px;}
.getSe figure{margin: 0;}
.quotSec h4{font-size:13px;}
.mainMenu ul a{font-size:12px!important;}
.stickHlogo img, .logo img{width:80px;}
.topGetintouch ul li a{font-size:14px;}
.topCno ul li{font-size:11px;}
.sticky-wrapper{height:70px;}

.innerHeader .logo { flex: 1 0 100px; max-width: 100px;}
.innerMenu #cssmenu > ul > li > a{padding:5px; font-size:11px!important; margin:0 1px;}
.innerHeader .topGetintouch ul li a{font-size: 14px;}
.innerHeader .topCno ul li a{font-size:11px;}
.innerHeader #cssmenu > ul{padding:0 5px;}

.visionSec:after{top:5em;}
.blogRow {grid-template-columns: repeat(auto-fit,minmax(300px,1fr));}
.portRow{ grid-template-columns: repeat(auto-fit,minmax(300px,1fr));}
.portHover ul{margin-bottom:10px;}
.portLink{padding:5px 12px; font-size:12px;}

 }

@media (max-width:1000px) {
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{border:3px solid;}

}

@media (max-width: 991.98px) {
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{border:3px solid; margin:0;}

.halfContainer { width: 360px;padding: 1em 0em 1em 2em;}
.halfContainer h1{font-size:21px;}
.logo{flex: 1 0 auto;  max-width: 0;} 
.logo img{width:150px;}
.topCno h3{font-size:16px;}
.carousel-caption h5{margin-bottom:10px;}
.footer ul{margin-bottom:20px;}
.carousel-caption h4,.carousel-caption h3 {  font-size: 19px;}
.carousel-caption h3{margin-top:0;}
.carousel-caption h5{font-size:22px;}
.sliderPic-1 { width: 310px;}
.sliderPic-1 img{max-width:100%;}
.menuSec{height:22px;}
.carousel-caption ul li{font-size:15px;}
.carousel-indicators{bottom: 4em;}
.hpyHear h1 { margin: 2em 0 6px;}
.hpyHear span{font-size:17px;}
h1 { font-size: 26px;}
.flRow ul{margin-bottom:0 !important;}
section.homeSlider{min-height: auto;}

.topCno,.topGetintouch{display:none;}
.menuSec{top:0px; border-top:0; background:none; height:auto;}
#cssmenu > ul { margin-top: 65px;padding: 10px;background: #ffffff;}
#cssmenu > ul > li > a{padding:10px 5px;}
#cssmenu ul li{border:3px solid transparent;}
#cssmenu ul li:hover{background:none; }
#cssmenu ul li:hover a,#cssmenu ul li.active a{border-color:#ffe01c; background: #ffe01c; border:none;}
.menuSec{background:none;}
header{height:80px;}
.innerMenu{position: absolute;}
.innerHeader #cssmenu > ul{margin-top: 65px; padding: 10px;  background: #ffffff;}
.innerMenu #cssmenu > ul > li > a{ margin-top: 8px;padding: 10px 5px;  font-size:13px !important;}
.visionBx { margin: 1em 0;}
.enqBtnBanner { font-size: 13px; padding: 7px 29px;  margin: 0 10px 0 0;}

 }
 
@media (max-width: 767.98px) {
.secContent {padding: 1em 0; }
.halfContainer.left,.halfContainer { width: 540px; margin: 0px auto;} 
.logo { flex: 1 0 130px;  max-width: 130px;}
.logo img{max-width:100%;}
.carousel-indicators{  display:none;}
.topCno,.topGetintouch{display:none;}
.topMenu{margin-left:auto;}
.sliderPic-1{display:none;}
.menuSec{top:0px; border-top:0; height:auto;}
#cssmenu > ul { margin-top: 65px;padding: 10px;background: #ffffff;box-shadow: 0px 2px 4px -1px #bdbdbd;}
.carousel-caption h4, .carousel-caption h3{font-size: 14px; line-height:37px; display: none;}
.carousel-caption h5 { font-size: 22px; line-height: 2px; margin-top:20px;}
.logo{padding:0;}
.hpyHear figure{display:none;}
h1 { font-size: 21px; margin-bottom:10px !important;}
.hpyHear h1{margin: 0;}
.abtAryi{padding:10px 0;}
.quotSec{width:100%; text-align: center;}
.footerLabel p{height:30px;}
.flRow{flex-direction: column;}
.flRow ul{margin-left:0;}
#cssmenu ul li{border:3px solid transparent;}
#cssmenu ul li:hover{background:none; }
#cssmenu ul li:hover a,#cssmenu ul li.active a{border-color:#ffe01c; background: #ffe01c; border:none;}
.menuSec{background:none;}
header{height:80px;}
.innerBnSec { bottom: .5em;}
.enqBtnBanner {display:none;}
.serDetailsRow:nth-child(odd),.serDetailsRow{flex-direction: column;}
.serDcol {flex: 1 0 100%;  max-width: 100%;}


 
 }
 
 @media (max-width: 575.98px) { 
.halfContainer{width:100%;}
.halfContainer.left { padding: 2em;}
.halfContainer.left,.halfContainer { width:100%;padding:0 2em;}
.contactNoRow{flex-direction: column;}
.contactNoBox{margin-bottom:20px;}


 }