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


body{ font-weight:300; overflow-x:hidden;font-family: 'RobotoRegular_0';
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:#2a80b9 url("../images/preloader.gif") no-repeat center center; }
/*End Page loader style */


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

/*Begin Bootstrap Edit */
.navbar { background: #333; border-radius:0;  border: medium none;  box-shadow: none; margin-bottom:0; margin-top:10px;margin-bottom:10px;  letter-spacing: 2px; 
min-height:auto; border-bottom:0px solid #333; z-index:100;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background: #00adad none repeat scroll 0 0;
box-shadow:none;  color: #fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ 
background:none; border-radius:0; color:#28abbe; border:none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background:none;  color: #28abbe; border-radius:0;}
.navbar-default .navbar-nav > li > a { padding:4px 30px; margin:0 1px; font-size:14px; color:#fff; font-family: 'RobotoRegular_0';
text-transform:uppercase;}
.navbar-nav { float: right; margin: 18px 0; text-align:center; width:100%;}
.navbar-nav>li{text-align:center; float:none; display:inline-block;  width: 16.6666%;  float: left;}
.navbar-collapse{padding:0;}
/*End Bootstrap Edit */



/*Begin submenu style */
ul.dropdown-menu{top:155%; display:inherit; opacity:0; visibility:hidden; min-width:210px; transition:.5s all ease-in-out 0s;}
ul.nav li.dropdown{ background:#333;transition:.5s all ease-in-out 0s; border-right: 1px solid #555454;}
ul.nav li.dropdown:last-child{border:none !important;}
ul.nav li.dropdown:hover ul.dropdown-menu { opacity:1; visibility:visible; background:#0c495e; margin-top:23px; top:100%;transition:.6s all ease-in-out 0s;}
.dropdown-menu { background: none repeat scroll 0 0 rgba(30, 36, 58, 0.9);}
.dropdown-menu > li > a{color:#fff;}
.dropdown-menu > li > a{padding:6px 15px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {   color: #fff;  background: #333;  background-image: none;}
/*End submenu style */

.fixed { position: fixed; top:0; left:0;  width: 100%;}
.fixed .navbar-nav{ margin: 21px 0;width:80%; float:left;}
.logoFix {  width: 20%;  float: left; display:none;}
.fixed .logoFix { display:block;}
.fixed .logo img {  width: 60%;  margin: 5px 0;}
.fixed .navbar-nav>li{padding:0;}
.navbar.fixed {margin-top:0 !important;  border-bottom: 2px solid #375468;   box-shadow: 1px 0px 2px 1px #3c3a3a;}
.fixed .navbar-collapse{width:1170px; margin:0px auto;}
.fixed ul.dropdown-menu{top:97%;}
.fixed ul.nav li.dropdown:hover ul.dropdown-menu{margin-top:5px;}

.navbar-default.fixed .navbar-nav > li > a{padding:4px 15px;}

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

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

/*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: #333333;  float: left;  width: 100%; height:84px; z-index:100;}
.logo { margin: 2px 0 0;}
.logo img {  width: 225px;}








.topSlider{float:left; width:100%;}
.slideLeft {  width: 78%;  float: left; padding-top: 2%;}
.slideRight { float: left;  width: 22%;}
.slideRight img {width:100%; }
.slideRight figure {  margin: 40px 0;}

.slideLeft a{text-decoration:none;}
.slideCap{float:left; width:100%; margin:60px 0 0;}
.slideCap h1{ text-transform:uppercase; color: #28abbe;  font-size: 23px;}
.slideCap p {  color: #626060;  margin: 22px 0;  line-height: 26px;}
.call{background:url(../images/call.png) no-repeat; width:95px; height:40px; display:inline-block; vertical-align: top;  margin: -1px 10px 0 0;}
.slideContact h3 { vertical-align: top;  font-size: 29px;  font-weight: bold;  font-family: arial;  color: #0e7486;  margin: 8px 0 5px;
  display: inline-block;  padding: 15px 8px 7px;}
.slideSocial { text-align: left !important;}
.downArrow{width:20px; height:20px; background:url(../images/arrow.png) no-repeat 0 0;display: inline-block;  margin: 3px 0 0;  vertical-align: top;}

.serviceBlock {  background: #1394ab;  float: left;  width: 100%;padding: 15px 0;}
.mainTitle h1 {  color: #fff;  text-transform: uppercase;  font-size: 20px;  font-family: Arial;  border-left: 3px solid #fff;  padding: 0 0 0 10px;}
.serBox{float:left; width:100%; background:#fff; margin:25px 0;    height: 290px;position:relative;
 box-shadow: 2px 3px 1px -2px #333;}
.serLeft {  width: 65%;  float: left; padding: 25px;    position: relative;
height: 100%;}
.serRight {  float: left;  width: 35%;}
.serRight img {  width: 100%;}
span.no-1 {width: 40px;  height: 40px;  background: #c4af06;  display: block;  border-radius: 100%;  text-align: center;  color: #fff;  font-size: 21px;  font-weight: bold;    line-height: 40px;}
.serLeft h2 { color: #c4af06;  font-size: 22px;text-transform: uppercase;  font-family: arial;  letter-spacing: 1px;}
.serLeft p {  color: #9b9999;  line-height: 29px; height: 135px; overflow:hidden;}
.moreDe { background:#FFF; position: absolute;  bottom: 0px;  color: #c4af06;  width: 100%;  float: left;   text-align: center;  left: 0;   border-top: 1px solid #eae9e9;}
.serBox2 .no-1 {  background: #eb8a1a!important;}
.serBox2 .serLeft h2 {  color: #eb8a1a!important;}
.serBox2 .serMore{color: #eb8a1a!important;}
.serMore {  color: #c4af06;  text-transform: uppercase;  letter-spacing: 2px;   font-size: 13px;   display: block; padding: 22px; cursor:pointer;}
.serMore:hover{text-decoration:none; background:#333; color:#fff !important;}
.serBox:hover .no-1{  transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);  transition: .8s all ease-in-out 0s;}

.ourTeam{background:#f4f4f4;padding:10px; float:left; width:100%; padding:15px 0;}
.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;}
.ourTeam .item{margin:0 10px;}


.galleryBlock{float:left; width:100%; background:url(../images/gal-bg.jpg) repeat ;  padding: 15px 0;}
.galleryTitle {color: #333;  text-transform: uppercase;  margin: 181px 30px;  font-size: 28px;}
.galleryBox {    overflow: auto;  position: relative; margin: 10px;    max-width: 100%;  -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;
float: left;   width: 100%;   margin: 15px 0; height:342px;}
.example-image-link{height:175px; width:214px;transition: all 0.5s ease-in-out;}
.example-image-link:hover{padding:10px;transition: all 0.5s ease-in-out; opacity:.7;}
.image-set{float:left; width:100%;}

.testiBlock{float:left; width:100%; padding:15px 0;  background: #f2f2f2;}
.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: #1394ab;  font-style: italic;}
.testiIcon img {  margin: -15px 0 0 0;}
.slide2 .owl-buttons { text-align: right;  padding: 0;}

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

.footer {  float: left;  width: 100%; background:#333;}

.fSocial{margin:0; padding:30px 0; list-style:none; text-align:center; width:100%; float:left;}
.fSocial li{display:inline-block;width:50px; height:50px;}
.fSocial li a{}
.fSocial .socialIcon{background:url(../images/fb.png) no-repeat 0 0; width:50px; height:50px; display:inline-block; background-size:100%;}
.fSocial .s1{background:url(../images/fb.png) no-repeat 0 0; background-size:100%;}
.fSocial .s2{background:url(../images/tw.png) no-repeat 0 0; background-size:100%;}
.fSocial .s3{background:url(../images/s1.png) no-repeat 0 0; background-size:100%;}
.fSocial .s4{background:url(../images/sk.png) no-repeat 0 0; background-size:100%;}
.fSocial .s5{background:url(../images/gp.png) no-repeat 0 0; background-size:100%;}
.fSocial .s6{background:url(../images/tube.png) no-repeat 0 0; background-size:100%;}
.fSocial .s7{background:url(../images/v.png) no-repeat 0 0; background-size:100%;}
.fSocial .s8{background:url(../images/w.png) no-repeat 0 0; background-size:100%;}
.fSocial .socialIcon:hover{opacity:.7;}

.footerStrip{background:#333; padding:10px; float:left; width:100%; margin:10px 0;}
.footerStrip p{text-align:center; color:#ddd; margin: 8px 0 0;  font-size: 12px;}
.footerStrip a{color:#28abbe;}
.footer h3 {  font-size: 55px;  color: #fff;  font-weight: bold;  text-align: center;  text-shadow: 1px 1px 1px #000;  font-family: cursive;   margin-top: 35px;
}
.footerPic {  background: url(../images/footer-pic.png) repeat-x;  width: 100%;   height: 150px;   display: block;   float: left;  background-size: contain;
margin: 50px 0 -2px;}

/*Begin scroll to top style */
.scroll-to-top { width: 50px;height: 50px;text-align: center;font-weight: bold;text-decoration: none;position: fixed; bottom: 50px; right: 5px;
  display: none; z-index: 2000; background-color: #3a393a; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;  overflow: hidden; background:url(../images/topA.png) no-repeat; width:78px;height:123px;}
/*.scroll-to-top:before, .scroll-to-top:after { content: ''; position: absolute;  display: block;  top: 15px;  background-color: #fff;  height: 20px;
  width: 5px;}
.scroll-to-top:before {  -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);left: 28px; box-shadow: -8px 14px 0px 8px #292829;}
.scroll-to-top:after { -webkit-transform: rotate(45deg);  transform: rotate(45deg);right: 28px;}
.scroll-to-top:focus { outline: none;}*/

/*End scroll to top style */

/*Begin site modifications*/
.homeBody{overflow:hidden;}
.topSlider{position:relative; height:100%;}
.header { bottom: 0;  position: fixed;}
.homeBody .topSlider { position: fixed;  height: 100%;  min-height: 100%;}
.topSlider { background: linear-gradient(#ffffff,#adeff9);}
.contentArea { padding-top: 1%;}
.innerTopContact{float:right; width:100%;padding: 10px 0 0 0;}
.innerTopContact h3 { margin: 0;  text-align: right;  padding: 0;  float: right;  font-size: 21px;}
.innerTopContact .call{background-size:100%; width:65px;}
.innerTopContact .fSocial{padding:0; text-align:right;}
.innerTopContact  .fSocial .socialIcon{width:37px; height:37px;}
.innerTopContact .fSocial li{height:35px; width:35px;}
.innerTopContact .call{height:30px;}

.innerHeader{border-bottom: 1px dashed #29adbe; float:left; width:100%; padding-bottom:10px;}
.innerHeader .logo img {  width: 170px;}
.topSlider {position: relative;}
html,body{height:100%; min-height:100%;}
.innerBody .topSlider{background:none;}
.innerContents { padding-bottom: 10%; padding-top:10px; float:left !important; width:100% !important;}
.aboutClass img{width:65%;}
.innerBody{background:#f2f2f2;}
.serviceDetails {     float: left;  width: 100%;  background: #f4f4f4;  margin: 0 0 10px;  padding: 15px;  box-shadow: 8px 6px 16px -5px #6b6969;
 position: relative;  bottom: 0;    z-index: 10; display:none;}
.serviceDetails p{line-height:29px; color:#9b9999;}
.serviceDetails i {  float: right;  cursor: pointer;  color: #616060; font-size: 20px;}
.serviceDetails i:hover,.serviceDetails i:focus{opacity:.7; } 

/*End site modifications*/


/*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 {height:50px;  font-size: 1em;  color: #9F9F9F; background:#f4f4f4;  border-radius: 0;  padding: 0 1.4em 0;  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:#1394ab;}
.contact-line .icon {  font-size: 2.5em;}
.form-control:focus { border-color: #1394ab;  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: #1394ab;
border: 2px solid #1394ab;  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: #1394ab;  background-color: transparent;  color: #1394ab;}
.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;}
.form-request { padding-bottom: 25px;}
.map{height:200px;}
.map iframe{width:100%; height:100%;}
/*End style of Contact */

.slideCap h5 { font-size: 17px;  color: #626060;}
.serRow{float:left; width:100%;}
.servicesP{padding-bottom: 17%;}
.contentArea{float:left !important; width:100% !important;}


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

}

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

.galleryBox{width:100%;}
.fSocial{padding:15px 0;}
.slideContact h3{margin:0;}
.slideCap{margin:30px 0 0;}
.navbar-default .navbar-nav > li > a{padding:4px 10px;}
.serLeft h2{font-size:17px;}
.servicesP { padding-bottom: 23%;}
.serLeft p { line-height: 23px;  font-size: 13px;}
.serRight figure {  height: 290px;}
.serRight img {  height: 100%;}
.testiContent{width:87%;}
.testiIcon{width:13%;}
.fixed .navbar-collapse {  width: 970px;}
.navbar-default.fixed .navbar-nav > li > a {  padding: 4px 2px;}
.fixed .logo img { width: 60%;margin: 8px 0;}
.serLeft p{height:142px;}


}
@media screen and (max-width:991px)
{
.navbar-default .navbar-nav > li > a{padding:0 15px; font-size:14px;}
.logo img {  width: 150px;}
.slideCap h1{font-size:18px;}
.slideCap p{font-size:12px;}
.slideContact h3{font-size:25px;}
.navbar-default .navbar-nav > li > a{padding:0 2px; font-size:12px;}
.serLeft{padding:12px;}
span.no-1{width:28px; height:28px; font-size:15px; line-height:29px;}
.serLeft h2 {  font-size: 14px;}
.serLeft p { line-height: 20px;  font-size: 12px;}
.serBox,.serRight figure{height:230px;}
.serMore{padding:10px;}
.testiContent{width:84%;}
.testiIcon {  width: 16%;}
.footerPic{height:111px;}
.fixed .navbar-collapse {  width: 750px;}
.navbar-default.fixed .navbar-nav > li > a { padding: 4px 1px;  font-size: 10px;}
.fixed .logo img { width: 66%;  margin: 13px 0;}
.topSlider{ background-size: cover;}
.innerTopContact h3{font-size:19px;}
.serLeft p{height:123px;}
.serviceDetails p{font-size:12px;}
.slideLeft{width:76%;}
.testiContent .owl-controls{margin-top:-4px;}
.testiClass {}
.contentArea {  float: left;  width: 100%;}
.servicesP { padding-bottom: 33%;}


}
@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: #1490ad; text-shadow:none;}
.navbar-toggle{margin-top:15px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:  #1490ad;  border-color:  #1490ad;}
.navbar-toggle:focus .icon-bar { background-color: #fff;}
.navbar-toggle:hover .icon-bar { background-color: #fff;}


.navbar-header { position: absolute;  right: 0;  top: -61px;}
.navbar-collapse { margin-left: -10px;  right: 11px;  top: -14px;    width: 250px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background:   #1490ad none repeat scroll 0 0; color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: #1490ad none repeat scroll 0 0; color: #fff;}
.navbar-collapse { box-shadow: -1px 6px 17px -1px #333;}
.navbar-toggle{border-radius:0; padding:7px 9px; margin-top:-3px; background:#1490ad; border-color:#1490ad !important; border-radius:27%;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #eee;}
/* End For mobile menu */

/******begin mobie menu icon transition effect*******/

a.menu_trigger span, a.menu_trigger span:before, a.menu_trigger span:after {  cursor: pointer;  height: 4px;  width: 21px;  background: #ffffff;
position: absolute;  display: block;  content: '';   right: 8px;  top: 17px;  border-radius: 5px;}
a.menu_trigger {  margin: 10px;}
a.menu_trigger span:before {  top: -7px;  right: 0;}	
a.menu_trigger span:after {  top: 7px;  right: 0;}
a.menu_trigger span, a.menu_trigger span:before, a.menu_trigger span:after {  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;  transition: all 0.5s ease;}

a.menu_trigger.active span {   background-color: transparent;}
a.menu_trigger.active span:before {  transform: rotate(45deg);  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);}
a.menu_trigger.active span:after {  transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);}
a.menu_trigger.active span:before, a.menu_trigger.active span:after {  top: 0;  width: 21px;  background: #fff;}
.navbar-toggle{width:40px; height:40px; text-align:center; border-radius:100%;}

/******end mobie menu icon transition effect*******/



.slideCap{margin:30px 0 0;}
.slideCap h1{font-size:16px; margin:0;}
.slideCap p{font-size:9px;}

.navbar-default .navbar-nav > li > a{text-align:left;}
.navbar-nav>li{width:100%;}
.galleryBox{max-width:100%;}

.slideCap h1 {  font-size: 12px; line-height: 20px;}
.slideCap p{display:none;}
.call{width: 52px;  height: 33px;background-size: contain; display:block;}
.slideContact h3 { font-size: 19px; padding-left:0; line-height: 27px;}
.logo img {  width: 125px;}
.fSocial .socialIcon{background-size: 75% !important;}
.fSocial li { width: 38px;  height: 38px;}
.header{height:0;}
.serviceBlock{padding:0;}
.serBox{margin:12px 0;}
.serLeft h2 { font-size: 13px;  margin: 16px 0 5px;}
.serLeft p{font-size:11px;}
.scroll-to-top{display:none !important;}
.example-image-link{width:50%; height:125px; overflow:hidden;}
.example-image{width:auto;}
.testiIcon img{width:100%;}
.testiContent p{font-size:11px;line-height: 21px;}
.testiBox{height:200px;}
.homeMap{height:200px;}
.footerPic{height:45px;}
.footer h3{font-size:28px;}

.slideRight{padding-top:30px;}
.header {  top: 84px;  position: absolute;   background: none;}
.navbar-header{}
.fSocial {  padding: 35px 0 0;}
.slideRight figure{margin-top:60px;}
.innerHeader{padding-bottom:0;}
.aboutClass figure { display: none;}
.innerContents{padding:0;}
body{font-size:12px;}
.innerBody .topSlider{z-index:100px;}
.column {  margin-top: 1em;}
.serLeft p{height:133px;}




}

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

}

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



}

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



}

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



}