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


body{font-family: 'RobotoLight'; font-weight:300; overflow-x:hidden;
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;}
.row1{margin:0; padding:0; overflow:hidden;}
.row2{margin:0; padding:0;}
a{outline:none!important;}

.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;}

/*Begin Page loader style */
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; 
height: 100%; overflow: visible; background:#ecf0f1 url("../images/preloader.gif") no-repeat center center; }
/*End Page loader style */

/*Begin Solution for model box Jumbing*/
.modal-open { padding-right: 0 !important; } html{ overflow-y: scroll !important; }
/*End Solution for model box Jumbing*/

/*Begin Bootstrap Edit */
.navbar { background: none; border-radius:0;  border: medium none;  box-shadow: none; margin-bottom:0; margin-top:0px; min-height:auto;
 z-index:100;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background: none;
box-shadow:none;  color: #ce7b2d;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ 
background:none;  color:#ce7b2d;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background:none;  color: #ce7b2d; border-radius:0;}
.navbar-default .navbar-nav > li > a { color: #393939; font-size: 14px; padding:0px 19px; margin:0 1px;text-transform:uppercase; color:#fff;
font-weight:300; font-family:'RobotoLight';  border-right: 2px solid #343639;font-family: 'RobotoRegular_0';}
.navbar-nav { float: right; margin: 25px 0; width:100%;}
.navbar-nav>li{width:20%; text-align:center;}
.navbar-collapse{padding:0;}
/*End Bootstrap Edit */



.fixed { position: fixed; top:0; left:0;  width: 100%; }
.fixed .navbar-nav{ margin:0;width:80%; float:left;}
.logoFix {  width: 20%;  float: left; display:none;}
.fixed .logoFix { display:block; margin:18px 0 18px;}
.fixed .logo img {  width: 100%;  margin: 5px 0;}
.fixed .navbar-nav>li{padding:23px 0;}
.navbar.fixed {margin-top:0 !important; background:#3e4043;}
.fixed .navbar-collapse{width:100%; margin:0px auto;}
.fixed ul.dropdown-menu{top:97%;}
.fixed ul.nav li.dropdown:hover ul.dropdown-menu{margin-top:5px;}



/* Begin FONTAWESOME STYLES */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal; font-style: normal;}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.fa-facebook-f:before,.fa-facebook:before { content: "\f09a";}
.fa-linkedin:before { content: "\f0e1";}
.fa-twitter:before { content: "\f099";}
/* End FONTAWESOME STYLES */

/* Begin Font Roboto */

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

/* End Font Roboto */

/*Begin Scroll bar style */
body::-webkit-scrollbar{width:8px;background-color:#eee;}
body::-webkit-scrollbar-thumb{background-color:#777;border-radius:10px;}
body::-webkit-scrollbar-thumb:hover{}
body::-webkit-scrollbar-thumb:active{background-color:#333;border:1px solid #333;} 
body::-webkit-scrollbar-track{border:1px gray solid;-webkit-box-shadow:0 0 6px gray inset;} 

body::-moz-scrollbar{width:8px;background-color:#eee;}
body::-moz-scrollbar-thumb{background-color:#777;border-radius:10px;}
body::-moz-scrollbar-thumb:hover{}
body::-moz-scrollbar-thumb:active{background-color:#333;border:1px solid #333;} 
body::-moz-scrollbar-track{border:1px gray solid;-webkit-box-shadow:0 0 6px gray inset;} 

body::-ms-scrollbar{width:8px;background-color:#eee;}
body::-ms-scrollbar-thumb{background-color:#777;border-radius:10px;}
body::-ms-scrollbar-thumb:hover{}
body::-ms-scrollbar-thumb:active{background-color:#333;border:1px solid #333;} 
body::-ms-scrollbar-track{border:1px gray solid;-webkit-box-shadow:0 0 6px gray inset;} 

body::scrollbar{width:8px;background-color:#eee;}
body::scrollbar-thumb{background-color:#777;border-radius:10px;}
body::scrollbar-thumb:hover{}
body::scrollbar-thumb:active{background-color:#333;border:1px solid #333;} 
body::scrollbar-track{border:1px gray solid;-webkit-box-shadow:0 0 6px gray inset;} 
/*End Scroll bar style */

.header{background:#f0f0f0;}
.logo{margin: 30px 0 25px; text-align:center;}
.logo img {width:auto; }

.topSocial { float: right; list-style: none;margin:15px 0 0; }
.topSocial li{float:left; padding:2px 10px; font-size:23px;}
.topSocial li:hover{opacity:.7;}
.topSocial li:last-child{padding-right:0;}
.topSocial li i{color:#0c495e;}
.topContact h4 {  float: right;  width: 100%;  text-align: right;  color: #0c495e;  font-size: 15px; font-family: RobotoRegular_0;}
.topContact .cNo{float:right; width:100%; text-align:right;}
.cNo span {  color: #ce7b2d; font-size: 14px;   padding-left: 10px;  font-family: 'RobotoRegular_0'; margin: 26px 0 0; font-size:26px;  display: block;}
.topContact .cNo span i { padding: 4px 5px 0 0;  font-size: 30px;  vertical-align: top;}


.headerBar{background:#3e4043;height:70px;}
a.padR0 {border: none !important;}

section.banner { margin:0px 0 0px;}
.bannerArea{background:url(../images/banner-bg.jpg) no-repeat; background-size:cover; }

.bannerTitle{float:left;width:100%;}
.bannerItem{float:left; width:100%; height: 425px; position:relative;}
.itemContent { position: absolute;   bottom: 0;   padding: 20px 25px;text-align:left; width:100%;}
.itemContent h3 {  font-family: RobotoBold;   color: #fff;   text-transform: uppercase;   font-size: 30px;  text-shadow: 0px 1px 1px #050505;
margin: 0 0 13px;}
.itemContent p { color: #fff;  font-size: 13px;}
.bannerTitle li{float:left; width:33.3333%;}
.bannerItem img { width: 100%; height:100%;}
.bannerTitle .nav-tabs a {  display: block;  padding: 0;  margin: 0;  float: left;   width: 100%;  border: none;}
.bannerTitle .nav-tabs>li.active>a, .bannerTitle .nav-tabs>li.active>a:hover, .bannerTitle .nav-tabs>li.active>a:focus{border:none;}
.bannerTitle .active .itemContent{background:rgba(0,25,43,.9);}
.bannerTab .tab-content { background: rgba(0,25,43,.9); float: left;  width: 100%;  margin: 0 0 50px; padding:20px;}
.itemContent ul { list-style: none;   padding: 0;  margin: 0; float: left;  width: 100%;  height: 107px;}
.itemContent ul li { display: block !important;  width: 100%;  font-size: 16px; font-family: RobotoRegular_0;  color: #fff;  padding: 1px 2px;  text-shadow: 0px 1px 0px #000;}

.contentLeft {  width: 20%;   float: left;}
.contentLeft ul {  padding: 12px 0;  margin: 0;  height: 250px;  border-right: 5px solid #324654;}
.contentLeft ul li {  list-style: none; padding: 0;  margin: 0 20px 0 0;}
.contentLeft a {    margin: 0 0 6px;  font-size: 15px;  COLOR: #FFF;  text-transform: uppercase;   padding:6px 25px 6px 40px;  display: block; border:1px solid transparent;
font-family: 'Robotoregular_0'; position:relative;cursor:pointer;}
.contentLeft a:before { content: ""; position: absolute; left: 15px;  left: 15px;  top: 9px;   width: 13px;  height: 13px;  background: #eee;  border-radius: 100%;}
.contentLeft ul .active a{border:1px solid #eee;}
.contentLeft a:hover,.contentLeft a:focus{border:1px solid #eee; text-decoration:none;}

.contentRight{width:80%; float:left;}
.contentFig { width: 40%;  float: left;}
.contentFig figure { text-align: center;}
.contentFig figure img { border-radius: 100%;  width: 230px;  height: 230px;  box-shadow: 1px 2px 1px 0px #000;}
.contentFigCap {  width: 60%;  float: left;  padding: 0 10px;  text-align: left !important;}
.contentFigCap h4 {  color: #fff;  font-family: RobotoRegular_0;  text-align: left;}
.contentFigCap p{color:#a5a4a4 !important; text-align:left!important;line-height: 30px;  margin: 15px 0 14px !important;  font-size: 13px!important;}
.contentFigCap a {  color: #ea8d36;  text-decoration: underline;   letter-spacing: 2px;   display: block;}
.contentFigCap a:hover{ color:#bb8d62 !important;}
.cRow1 {  float: left;  width: 100%; display:none;}
.cRow1.active{display:block;}



/* Begin css for Revel Animation Page load */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.animated.hinge { -webkit-animation-duration: 12s; animation-duration: 1s;}

@-webkit-keyframes fadeInDown {
  0% {  opacity: 0;  -webkit-transform: translateY(-30px);  transform: translateY(-30px); }
  100% {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0); }
  
}
@keyframes fadeInDown {
  0% { opacity: 0;  -webkit-transform: translateY(-30px);  -ms-transform: translateY(-30px);  transform: translateY(-30px);}
  100% {  opacity: 1;  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0);}
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInUp {
  0% {   opacity: 0;  -webkit-transform: translateY(20px);  transform: translateY(20px); }

  100% {  opacity: 1;  -webkit-transform: translateY(0);   transform: translateY(0); }
}

@keyframes fadeInUp {
  0% {  opacity: 0;  -webkit-transform: translateY(20px);  -ms-transform: translateY(20px);  transform: translateY(20px);}

  100% {  opacity: 1;  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0); }
}

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes bounceInUp {
  0% {   opacity: 0;   -webkit-transform: translateY(2000px);   transform: translateY(2000px); }
  60% {   opacity: 1;   -webkit-transform: translateY(-30px);   transform: translateY(-30px);  }
  80% {  -webkit-transform: translateY(10px);  transform: translateY(10px); }
  100% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
}

@keyframes bounceInUp {
  0% {  opacity: 0;  -webkit-transform: translateY(2000px);   -ms-transform: translateY(2000px);   transform: translateY(2000px); }
  60% {  opacity: 1;  -webkit-transform: translateY(-30px);  -ms-transform: translateY(-30px);  transform: translateY(-30px); }
  80% {  -webkit-transform: translateY(10px);  -ms-transform: translateY(10px);  transform: translateY(10px); }
  100% {  -webkit-transform: translateY(0);  -ms-transform: translateY(0);    transform: translateY(0); }
}
.bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}

@-webkit-keyframes rollIn {
  0% { opacity: 0;  -webkit-transform: translateX(-100%) rotate(-120deg);  transform: translateX(-100%) rotate(-120deg); }
  100% {  opacity: 1;  -webkit-transform: translateX(0px) rotate(0deg);  transform: translateX(0px) rotate(0deg);}
}

@keyframes rollIn {
	0% {  opacity: 0;  -webkit-transform: translateX(-100%) rotate(-120deg);  -ms-transform: translateX(-100%) rotate(-120deg);  transform: translateX(-100%) rotate(-120deg);
  }

  100% { opacity: 1;  -webkit-transform: translateX(0px) rotate(0deg);  -ms-transform: translateX(0px) rotate(0deg);  transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {-webkit-animation-name: rollIn; animation-name: rollIn;}
/* End  css for Revel Animation Page load */

.titleContent h1 {  color: #0c495e;  text-align: center;  font-family: 'RobotoRegular_0';  font-size: 28px; text-transform: uppercase;}
.titleContent p {text-align: center; color: #333;  font-size: 15px;  font-family: robotoRegular_0;}

.aboutBlock{background:url(../images/about-bg.jpg) no-repeat; padding:20px; background-size: 100%; position:relative;}
canvas#demo-canvas{position:absolute;}
.mainTitle {  color: #303134;  font-size: 20px; margin: 0px 0 30px; text-transform: uppercase;  font-family: 'RobotoBold'; position:relative;}
.mainTitle:before{position:absolute; content:""; top:27px; left:0; background:url(../images/title-line.png) no-repeat; width:70px; height:18px;}
.aboutBox {float:right;width:100%;  background: rgba(255,255,255,.7);  padding:30px 30px; margin: 11% 0;}
.aboutBox p,.doBox p {text-align: justify; color: #5a5959;  line-height: 31px;}
.aboutBox a { color: #00192b;  text-transform: uppercase;   border: 1px solid #00192b;   display: inline-block;   padding: 7px 40px;   margin: 10px 0;   float: right;}
.aboutBox a:hover,.aboutBox a:focus{text-decoration:none; background:#fff;}


.wedoBlock{background:#ddd url(../images/do-pattern.png)repeat; padding:40px 40px 0 40px;background-attachment: fixed; overflow: hidden;}
.doBox p {  margin: 9% 0;}

.partnerBlock {  padding: 30px;}
.partnerBox {  float: left;  width: 100%;   position: relative;	 margin: 10px 0 10px;  height: 280px; overflow:hidden;}
.partnerBox img { width: 100%;  height: 100%;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;}
.partnerBox figcaption {   position: absolute;   bottom: 0;   background: rgba(0,25,43,.8);   padding: 10px 20px; overflow:hidden;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;}
.partnerBox figcaption h3 {  color: #fff;  font-size: 20px;  text-transform: uppercase;  font-family: 'RobotoBold';  margin: 5px 0 8px;}
.partnerBox figcaption p {  color: #c7c5c5;  font-size: 13px;}
.partnerBox:hover figcaption{ bottom:10%; 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;}
.partnerBox:hover img{opacity:.8; 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;}

.portfolio { background: #3e4043; min-height: 600px;padding:10px 0;}
.portfolio h1{color:#fff; text-align:center; margin:50px 0 10px; text-transform:uppercase; font-size:29px; }
.portfolio p{color:#fff; text-align:center; }
.filterHead{float:left; width:100%; margin:35px 0; text-align:left;}
.homeGallery { float: left;  width: 100%;}
.filterHead .button { background: none;  border: 1px solid #777676;  color: #bbb7b7;  text-transform: uppercase;  padding: 5px 12px;  margin: 0 1px 5px; outline:none;}
.filterHead .is-checked{color:#CB9334; border-color:#CB9334;}

.homeMap {  height: 400px;   width: 100%;}
.homeMap iframe {  width: 100%;  height: 100%;  border: none;}


.footer{background:#18191d;}
.footerLogo{text-align:center;}
.footerLogo img {  width: 25%;  margin: 50px 0;}
.footer h2 { color: #eee5ce;margin:0;  font-size: 34px;  line-height: 42px;  font-weight: 300;  letter-spacing: 0px; text-align:center;}
.footer h3 {color: #9b8154;text-align:center;}
.footDivider{display: block; margin: 27px auto; width: 35%; height: 1px; background: #736852;}
.footer_copy {  border-top: 1px solid rgba(255,255,255,.1);    margin: 30px 0 0;   padding: 20px 0;}
.back_to_top{text-align:center;}
.copyright{text-align:center; color: #8c8989;    margin: 15px 0 0;}
.footer a {  color: #9b8154;}
.back_to_top a i{  border: 2px solid;   width: 30px;   display: inline-block;  height: 30px;  line-height: 29px;  border-radius: 100%;}
.footerSocial{list-style:none; padding:0; margin:10px 0 0; text-align:center;}
.footerSocial li{display:inline-block}
.footerSocial li a i{border:none !important;}
.footerSocial li a:hover,.footerSocial li a:focus{color:#8c8989}

.fixed .navbar-collapse{width:1170px; margin:0px auto;}

/*Begin style of Contact */
.section-title{   font-family: 'RobotoBold';    margin: 30px 0;  text-align: center;}
.row-columns {  margin-top: 0em;  margin-bottom: 2em;   float: left;  width: 100%;}
.column {  margin-top: 3em;}
.form-control, textarea.form-control {  font-size: 1em;  color: #9F9F9F; background:#f4f4f4;  border-radius: 0;  padding: 1.4em 1.4em 1.4em;  border-width: 0 0 1px 0;
-webkit-box-shadow: none;  box-shadow: none;  -webkit-transition: all .15s;  -o-transition: all .15s;  transition: all .15s;}
textarea.form-control {   padding-top: 1em;  height: 7em;  resize: none;}
.contact-line {  margin-bottom: 3em;   font-size: 0.9em;}
.text-primary { color:#ce7b2d;}
.contact-line .icon {  font-size: 2.5em;}
.form-control:focus { border-color: #ce7b2d;  outline: 0;  -webkit-box-shadow: none;  box-shadow: none;}
.btn {  font-weight: 400;  font-size: 0.85em;  letter-spacing: 0.1em;  line-height: 1;  position: relative;  display: inline-block;  background: #ce7b2d;
border: 2px solid #ce7b2d;  padding: 1.4em 3.5em 1.4em;   border-radius: 0;    text-decoration: none;
color: #fff; text-transform: uppercase;  -webkit-transition: background-color .3s ease-out;   -o-transition: background-color .3s ease-out;  transition: background-color .3s ease-out;}
.btn:hover, .btn:focus {  border-color: #ce7b2d;  background-color: transparent;  color: #cc4277;}
.contact-line h4 { font-family: 'RobotoBold';  margin: 0 0 5px;}
.media-right { font-size: 13px;  font-family: 'RobotoRegular_0';}
.contact-line  i {  font-size: 2.5em;}
/*End style of Contact */

.aboutArea{background:#ddd url(../images/ab.jpg)repeat;  background-attachment:fixed;}
.innerBox{background:#f4f4f4; float:left; width:100%; margin: 5% 0;  padding: 25px;  box-shadow: 0px 1px 1px #bab9b9;}
.aboutArea p {  line-height: 26px;  color: #5e5e5e;  font-family: arial;  font-size: 14px;}
.innerBox h3 { font-family: robotoBold;color:#ce7b2d;  text-transform: uppercase;  font-size: 19px;  letter-spacing: 1px;}
.abPic{  float: left;  width: 30%;}

.testiBox{float:left; width:100%; background:#fff; height: 112px;  margin: 40px 0;}
.testiIcon {  float: left;  width: 10%;}
.testiContent {  width: 90%;  float: left;  padding: 10px 20px 0 20px;  height: 100%;}
.testiContent p {  color: #888787;  font-size: 13px;}
.testiContent h5 {  font-weight: bold;  color: #ce7b2d;  font-style: italic;}
.testiIcon img { width:55%; }
.testiIcon figure {  margin: -15px 0 0 0;  background: #ce7b2d;  text-align: center;   padding: 10px;  border-radius: 100%;}

.teamBox{float:left; width:100%; margin:20px 0px; padding:0 15px; background:#fff; padding-bottom: 20px;box-shadow: 1px 2px 2px -2px #333;}
.teamBox figure {  height: 100px;  overflow: hidden;  width: 100px;  border-radius: 200px; margin:25px auto;  text-align: center;}
.teamBox figure img { width: 100%;  height: 100%;}
.teamBox figcaption h6 { color: #7d705c; text-align: center;  font-size: 16px;}
.teamBox figcaption h4 { color: #252525; text-align: center;  font-size: 17px; text-transform:uppercase; font-family: robotoRegular_0;}
.teamBox figcaption p{ color: #929191; text-align: center;  font-size: 14px; line-height: 25px;}
.teamBox:hover figure{ opacity:.5;}
.colorBlue h1 {  color: #1394ab; border-left: 3px solid #1394ab;}

.clientBox { text-align: center; margin: 15px 0;}
.clientBox img{max-width:100%;}

a.example-image-link{overflow:hidden;}
.example-image{width:auto; min-width:100%;}



/*Begin Enquiry Icon with animation shadow */
.at-button { cursor:pointer; z-index: 10000000; position: fixed;  right: 24px; bottom: 24px; background: #FFF; width: 60px; height: 60px; 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 #eee;}
.at-button:after{    content: '';   display: inline-block;   width: 12px;   height: 12px;   border-radius: 50%;   background-image: linear-gradient(to bottom,#38dc79,#1ab744);
position: absolute;  right: -2px;  top: 1px;  z-index: 50;}
.at-button:hover i {-webkit-transform: rotate(135deg);  transform: rotate(135deg);}
.at-button i {-webkit-transform: rotate(-45deg);     transform: rotate(-45deg); -webkit-transition: 0.3s ease;transition: 0.3s ease; font-size: 24px;
color: #1AB744;}

@-webkit-keyframes at-ripple {
  0% {
    box-shadow: 0 4px 10px rgba(26,183,68, 0.1), 0 0 0 0 rgba(26,183,68, 0.1), 0 0 0 5px rgba(26,183,68, 0.1), 0 0 0 10px rgba(26,183,68, 0.1);
  }
  100% {
    box-shadow: 0 4px 10px rgba(26,183,68, 0.1), 0 0 0 5px rgba(26,183,68, 0.1), 0 0 0 10px rgba(26,183,68, 0.1), 0 0 0 20px rgba(26,183,68, 0);
  }
}

@keyframes at-ripple {
  0% {
    box-shadow: 0 4px 10px rgba(26,183,68, 0.1), 0 0 0 0 rgba(26,183,68, 0.1), 0 0 0 5px rgba(26,183,68, 0.1), 0 0 0 10px rgba(26,183,68, 0.1);
  }
  100% {
    box-shadow: 0 4px 10px rgba(26,183,68, 0.1), 0 0 0 5px rgba(26,183,68, 0.1), 0 0 0 10px rgba(26,183,68, 0.1), 0 0 0 20px rgba(26,183,68, 0);
  }
}
/*Begin Enquiry Icon with animation shadow */


/*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: #fff;}
.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%;  padding: 14px;  border-radius: 4px;}

.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*/


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

}

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

.fixed .navbar-collapse{width:970px;}
.aboutBox{margin:0;}
.aboutBox p, .doBox p{line-height:29px;font-size:13px;}
.contentLeft a{font-size:13px;}
.example-image-link{height:200px;}
.testiContent{width:87%;}
.testiIcon{width:13%;}


}
@media screen and (max-width:991px)
{
.logo img { width: 70%;}
.navbar-default .navbar-nav > li > a{font-size:13px; padding:1px 2px;}
.carousel-caption{top:32%;}
.missionBox figure{width:90px; height:90px;}
.missionBox h3{font-size:14px; margin:5px 0;}
.example-image-link{height:160px;}
.fixed .navbar-collapse {  width: 750px;}
.fixed .logoFix {  margin: 22px 0 18px;}

.bannerItem{height:270px;}
.cNo span{font-size:20px;}
.topContact .cNo span i{font-size:22px;}
.contentLeft{width:26%;}
.contentRight{width:74%;}
.contentFig{width:36%;}
.contentFigCap{width:64%;}
.contentFig figure img{width:165px; height:165px;}
.contentFigCap p{line-height:22px;}
.contentFigCap a{font-size:12px;}
.contentLeft a:before{width:10px; height:10px;}
.contentLeft a{padding-left:35px;}
.contentLeft a,.itemContent p{font-size:11px;}
.aboutBox{padding:15px;}
.aboutBox p, .doBox p{line-height:24px;}
.aboutBox a{padding:3px 30px; margin:0;}
.wedoBlock figure img {  width: 100%;}
.partnerBlock {  padding: 30px 0;}
.partnerBox{height:260px;}
.wedoBlock{padding:30px 0 0;}
.portfolio {  min-height: 0;  padding-bottom: 25px;}
.testiContent{width:84%;}
.testiIcon {  width: 16%;}
.testiBox{height:auto;}




}
@media screen and (max-width:767px){

/* Begin For mobile menu */
.navbar-default { position: absolute;  right:0;  top: -17px;  z-index: 100;}
.navbar-nav{float:none; margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
.navbar-collapse { background: #fff none repeat scroll 0 0; margin: 0 !important;  padding: 0;  position: absolute;  right: -16px;  top: 60px;  width: 100%;}
.navbar-default .navbar-nav > li > a { font-size: 14px; margin: 2px 0; padding: 10px 15px; color: #ce7b2d; text-shadow:none;}
.navbar-toggle{margin-top:15px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ce7b2d;  border-color:  #ce7b2d;}
.navbar-toggle:focus .icon-bar { background-color: #fff;}
.navbar-toggle:hover .icon-bar { background-color: #fff;}


.navbar-header { position: absolute;  right: 0;  top: -19px;}
.navbar-collapse { margin-left: -10px;  right: 11px;  top: 12px;    width: 300px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background:   #ce7b2d none repeat scroll 0 0; color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: #ce7b2d none repeat scroll 0 0; color: #fff;}
.navbar-collapse { box-shadow: -1px 6px 17px -1px #333;}
.navbar-toggle{border-radius:0; padding:4px 9px; margin-top:-3px; background:#ce7b2d; border-color:#ce7b2d !important;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #eee;}
.mobIcon{color:#fff;}
.glyphicon-remove:before {  content: "\e014" !important;}
/* End For mobile menu */


.logo img{width:100%;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{border:none; border-radius:0;}

.logo{margin-top:15px; margin-bottom:17px;}
.topContact span {  margin: 0 0 10px;  text-align: left;}
.navbar-default .navbar-nav > li > a{border:none;}
.navbar-nav>li{width:100%;}
.headerBar{height:0;}
.itemContent p{display:none;}
.bannerItem { height: 120px;}
.itemContent{padding:8px 5px;}
.itemContent h3{font-size:10px;}
.itemContent{width:100%;}
.contentLeft,.contentRight,.contentFig,.contentFigCap { width: 100%;}
.contentLeft ul{height:auto; padding-top:0;}
.contentLeft ul{border-right:0;    border-bottom: 5px solid #324654; margin-bottom:10px;}
.aboutBlock { padding: 20px 0;  background-size: cover;}
.filterHead{margin:20px 0;}
.example-image-link{height:75px;}
.filterHead .button{margin-bottom:5px;}
.homeMap { height: 200px;}


.footerLogo img { width: 70%;  margin: 20px 0;}
.footer h2{font-size:26px;}
.footer h3{font-size:14px;}

.row-columns{margin:15px 0 0;}
.column { margin-top: 1em;}
.btn{width:100%;    margin-bottom: 20px;}

.aboutAreaBox h3{font-size:14px;}
.aboutArea p{font-size:12px; text-align:justify;}
.innerBox{padding:15px;}
.logo{ text-align: left;}
.logo img {  width: 76%;}
.itemContent ul{height:80px;}
.itemContent ul li{font-size:10px;}
.partnerBox { height:auto;}

.enquiryBox{width:91%;}
.enquiryBox form { padding: 10px;}
.enquiryBox .form-control, .enquiryBox textarea.form-control{padding:1em 0 1em;}
.enquiryBox h2{font-size:16px;}
.enquiryBox .btn{padding:10px;}
.at-button{width:43px; height:43px;}


}

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

}

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



}

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



}

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



}