@charset "utf-8"; 
*{margin:0; padding:0; box-sizing:border-box}
a{color:#2d2a2a; text-decoration:none}
a{outline:none; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s;  -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s}
body{background-color:#fff; line-height:1.7; text-align:justify; color:#434343; font-size:14px;  font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;  background-color:#fff}
.main{width:100%}
.container{padding-left:15px; padding-right:15px; margin-right:auto; margin-left:auto; width:1200px}
.logo{margin-top:4px; position:relative; z-index:123; padding:3px; font:18px verdana; color:#6DDB07; float:left; width:23%; padding-top:7px}
.headerbg{background:#fff;box-shadow: 0 0 3px #dddddd; top:-6px;}
header{padding:0px 0px 0px; position:fixed; z-index:99; width:100%; background:#fff; box-shadow:rgba(0,0,0,0.137255) 0px 0px 1px,rgba(0,0,0,0.278431) 0px 1px 6px}
nav{position:relative; width:1200px; margin:0 auto}
#cssmenu ul{float:right; padding:13px 0}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile{border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
#cssmenu:after, #cssmenu >ul:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;  padding:0px 0 0}
#cssmenu >ul >li{float:left}
#cssmenu >ul >li >a{padding: 10px 9px;  font-size: 12px; text-decoration:none;  margin:12px 0; letter-spacing: 0.05em; font-weight: 600; text-transform: uppercase;  font-style: normal; color: #222;}
#cssmenu >ul >li:hover >a, #cssmenu ul li.active a{border-radius:3%; color:#222}
#cssmenu ul ul li a:hover{background:#1508cac4;}
#cssmenu >ul >li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover{-ms-transition:background .3s ease; transition:background .3s ease}
#cssmenu >ul >li.has-sub >a{padding-right:30px}
#cssmenu >ul >li.has-sub >a:after{position:absolute; top:15px; right:11px; width:8px; height:2px; display:block; background:rgba(50, 50, 50, 0.38); content:''}
#cssmenu >ul >li.has-sub >a:before{position:absolute; top:12px; right:14px; display:block; width:2px; height:8px; background:rgba(50, 50, 50, 0.38); content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease}
#cssmenu >ul >li.has-sub:hover >a:before{top:23px; height:0}
#cssmenu ul ul{position:absolute; left:-9999px}
#cssmenu ul ul li{height:0; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; background:#03363d; transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover >ul{left:auto}
#cssmenu li:hover >ul >li{height:35px}
#cssmenu ul ul ul{margin-left:100%; top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15); padding:11px 15px; width:190px; font-size:12px; text-decoration:none; color:#ddd; font-weight:400}
#cssmenu ul ul li:last-child >a, #cssmenu ul ul li.last-item >a{border-bottom:0}
#cssmenu ul ul li:hover >a, #cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub >a:after{position:absolute; top:16px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:''}
#cssmenu ul ul li.has-sub >a:before{position:absolute; top:13px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease}
#cssmenu ul ul >li.has-sub:hover >a:before{top:17px; height:0}
#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu >ul >li.has-sub >ul >li.active >a, #cssmenu >ul ul >li.has-sub >ul >li.active>a{border-top:1px solid #333}
@media screen and (max-width:700px){.logo{position:absolute; top:-5px; left:0; width:100%; height:35px; text-align:center; padding:0px 0 0 0; float:none; border:none}
.logo2{display:none}
nav{width:100%}
#cssmenu{width:100%}
#cssmenu ul{width:100%; display:none; padding-top:40px}
#cssmenu ul ul{
    width: 100%;
    display: none;
    padding-top:0px;
}
#cssmenu ul li{width:100%;background: #000; border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636}
#cssmenu ul ul li, #cssmenu li:hover >ul >li{height:auto}
#cssmenu ul li a, #cssmenu ul ul li a{width:100%; border-bottom:0; color:#fff; padding:7px 17px}
#cssmenu >ul >li{float:left}
#cssmenu ul li a:hover{ color:#fff}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd; background:none}
#cssmenu ul ul li:hover >a, #cssmenu ul ul li.active >a{color:#fff}
#cssmenu ul ul, #cssmenu ul ul ul{position:relative; left:0; width:100%; margin:0; text-align:left}
#cssmenu >ul >li.has-sub >a:after, #cssmenu >ul >li.has-sub >a:before, #cssmenu ul ul >li.has-sub >a:after, #cssmenu ul ul >li.has-sub >a:before{display:none}
#cssmenu #head-mobile{display:block; padding:10px; color:#ddd; font-size:12px; font-weight:700}
.button{width:55px; height:46px; position:absolute; right:0; top:0px; cursor:pointer; z-index:12399994}
.button:after{position:absolute; top:22px; right:20px; display:block; height:8px; width:20px; border-top:2px solid #000; border-bottom:2px solid #000; content:''}
.button:before{-webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; position:absolute; top:16px; right:20px; display:block; height:2px; width:20px; background:#131111; content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; top:23px; border:0; height:2px; width:19px; background:#131111; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.button.menu-opened:before{top:23px; background:#000; width:19px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute; z-index:99; right:0; top:0; display:block; border-left:1px solid #444; height:46px; width:46px; cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px; width:34px}
#cssmenu .submenu-button:after{position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; background:#ddd; content:''}
#cssmenu ul ul .submenu-button:after{top:15px; right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; background:#ddd; content:''}
#cssmenu ul ul .submenu-button:before{top:12px; right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu >ul >li.has-sub >ul >li.active >a, #cssmenu >ul ul >li.has-sub >ul >li.active >a{border-top:none}
}
.blog-header-content-wrap {  position: relative;  -webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08); box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08); margin: 0;}
.button-8 {width: 140px; height: 50px; border: 2px solid #fff; box-shadow:5px 5px 0 rgba(0, 0, 0, 0.45); float: left;  text-align: center;  cursor: pointer; position: absolute; box-sizing: border-box; overflow: hidden;  margin: 0 0 40px 50px;top:67%; left:2%;}
.eff-8 {  width: 140px;  height: 50px;  position: absolute; transition: all .5s ease; z-index: 1; box-sizing: border-box;}
.button-8 a {  font-family: arial; font-size: 16px; color:#fff;  text-decoration: none; line-height: 50px;  transition: all .5s ease; z-index: 2;  position: relative;}
.slide-upper{ width:100%; float:left; text-align: center;  margin-top: -7%;  position: relative;}
.button-8 a:hover { color:#fff;}
.button-8:hover .eff-8 {  border:70px solid #f99b30;}
.chat-center-footer ul li img{ width: 60%; border: 1px solid #292929; border-radius: 50%;  box-shadow: 0 2px 2px #000; padding: 10px;}
.top-scroll_left{ width:20%;  float:left; padding-bottom:21px}
.top-scroll_div{   position:fixed; width:100%; background:#e0f7e2;}
.top-scroll_left a img{margin:18px 0 0 0px; width:60%}
.top-phone_list, .top-scroll_right{float:right}
.top-phone_list, .top-scroll_right{float:right; padding-top:10px}
.top-phone_list ul{padding:6px 0;  float:left; font-family:'roboto',sans-serif}
.top-right ul{width:100%; position:static; padding-top:0px}
.top-right ul li a img{ width:44%}
.top-right ul li{margin:-5px 0px;  padding:0px 0 0; width:36px; display:inline-block; text-align:center; height:25px; vertical-align:baseline}
.top-right ul li a{font-size:18px; padding:0 !important; color:#fff; text-decoration:none}
.top-phone_list li{float:left; padding:7px 300px 7px 48px; font-size:25px}
.top-phone_list li, .top-phone_list li.leftside{text-decoration:none; margin:0 10px;  color:#fff; background:0 0; display:block; white-space:nowrap}
.top-phone_list li.top-sc_btn{    padding: 3px 14px;  margin: -9px 240px 0 0px;  font-size: 22px;}
.top-phone_list li a{text-decoration:none}
.top-phone_list li{float:left; padding:7px 2px 7px 3px; font-size:14px}
.top-phone_list li, .top-phone_list li.leftside{text-decoration:none; margin:0 10px; color:#fff; background:0 0; display:block; white-space:nowrap}
.scroll-btn{border-radius:2px; float:left; margin-right:10px; background:#fff; border:1px solid #2098d1; color:#000!important; padding:4px 10px!important; font-size:16px}
.b-btn, .top-caption-h1, a{text-decoration:none}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v13/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v8/BngRUXZYTXPIvIBgJJSb6u92w7CGwR0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.chat-right-side img{}
.all-cover-box{ width:100%; float:left;}
.banner{ width:100%; float:left; background:url(../images/banner.jpg) top center no-repeat; min-height:460px}
.banner img{ width:100%;}
* {box-sizing: border-box;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container { max-width:100%; position: relative;  margin: auto;}
.mySlides{ width:100%}
.mySlides img{ width:100%;margin-top: 60px;}
/* Caption text */
/* Number text (1/3 etc) */
.numbertext {  color: #f2f2f2; font-size: 12px;  padding: 8px 12px; position: absolute;  top: 0;}
/* The dots/bullets/indicators */
.dot { height: 15px; width: 15px; margin: 0 2px;  background-color: #444; border-radius: 50%; display: inline-block;  transition: background-color 0.6s ease;}
.tex-center .active { background:#ccc}
/* Fading animation */
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
   to {opacity: 1}
   }
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.list-icr-service {}
.list-icr-service {  margin: 0;}
.list-icr-service li { display: inline-block; position: relative;  width:100px;  height:100px;  float: left; margin: 0 .48em;  text-align: center;   top: 0;}
.list-icr-service li .icr-block { display: inline-block; width: 100%;   height: 100%;  color: #fff; font-size: 11px;  text-transform: uppercase;  padding: .4em 0; border-radius: 4px; 
    background-image: -webkit-linear-gradient(bottom,#ccc,#333);
    background-image: -moz-linear-gradient(bottom,#00a6ff,#0092ff);
    background-image: -ms-linear-gradient(bottom,#00a6ff,#0092ff);
    background-image: -o-linear-gradient(bottom,#00a6ff,#0092ff);
  background-image: linear-gradient(180deg,#949292,rgba(45,45,45,0.98));}
.list-icr-service li a{ text-decoration:none;}
.list-icr-service li a i{ margin:10px 10px 10px 20px; text-align:center !important;}
.services-full-four-li{   position: absolute;  bottom:150px; left: 10%; }
.list-icr-service li:hover {top: -4px;}
.center-txt{font-family: "Open Sans", sans-serif; text-shadow:2px 2px 10px rgba(50, 50, 50, 0.71);  font-size:30px; line-height: auto; font-weight: 400;   color: #fff; text-transform: capitalize;position: absolute;bottom:54%; text-align:left; left:6%;     width:38%; border-bottom:1px solid rgba(255, 255, 255, 0.137255)}
.center-tx-int{font-family: "Open Sans", sans-serif; text-shadow:2px 2px 5px rgba(50, 50, 50, 0.71);  font-size:30px; line-height: auto; font-weight: 400;   color: #fff; text-transform: capitalize;position: absolute;bottom:54%; text-align:left; left:6%;     width:38%; border-bottom:1px solid rgba(255, 255, 255, 0.137255)}
.center-tx { color:#fff;  font-size:26px; position: absolute;bottom:46%; text-align:left; left:6%; width:51%; font-family: "Roboto Slab",serif;}
.center-tx span{ }
.tex-center{ text-align:center;padding-top: 0px; margin-top: -25px}
.text { color:#dadada;  font-size:15px; padding: 8px 12px; position: absolute; bottom:35%; text-align:left;width:38%; left:5%}
.text2 { color:#fff;  font-size:17px; padding: 10px 52px; position: absolute; bottom:23%; text-align: left;left:6%;border-radius: 30px;  background: #ffbd0f; }

.adsimage {font-size:17px; padding:0px 52px; position: absolute; bottom:6%; text-align: left;left:2%;}

.banner-internal{width:100%; float:left; background: url(../images/banner-internal.jpg) top center no-repeat;background-size: cover;min-height:200px;margin-top:84px;}
.services-tx{ width:100%; float:left; padding:40px 0; text-align:center;}
.services-top{ text-align:center;  font-size:12px; padding-bottom:7px;color:#01363d; font-family: "Cabin","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-weight:700;}
.services-full-cover{ width:100%; float:left; margin-top:20px;}
.services-top-left{ width:25%; float:left;padding: 20px 20px 20px 20px;}
.services-top-right{ width:32%; float:right; padding: 20px 20px 20px 20px;   border-style: solid; border-width: 1px 1px 1px 1px;  border-color: #ebebeb;}
.services-image-side{     width:100%;float:left;box-shadow: 0 0 18px rgba(0,0,0,.08);  border-radius: 8px; border-bottom: 7px solid #e7e7e7;}
.services-tx-side{ width:100%; float: right; }
.services-top-left-cover p{ text-align: justify !important;}
.services-top-right-cover p{ text-align: justify !important;}
.center-tx-int{}
.services-tx-side h3 {font-size:15px;  letter-spacing: 0.5px;  padding-bottom: 5px;  color:#000; font-family: "Raleway",sans-serif;  font-weight: bold;}
.services-tx-side p {font-size: 14px !important;  font-family: 'Lato', sans-serif; line-height:23px;  padding:0 !important;}
.services-tx p{padding: 3px 0; text-align: center; font-size: 15px}
.footer{ width:100%; float:left;padding: 20px 0px; background:#021417; text-align:center;}
.footer p{ font-size:14px;color:#c1c1c1;}
.footer a{ color:#c3c2c0; text-decoration:none;}
.services-image-side img{ }
.office-chat-image-center-cover{ width:100%; float:left; background:#01363d; padding:40px 0; text-align:center}
.office-chat-cover-all{ width:100%; float:left;padding:0px 0; background:#e2eff9;}
/* Contact Page */
.contact-part{ width:100%; float:left; padding:40px 0}
.contact-part-left{ width:50%; float:left; padding:20px 0}
.contact-part-right{ width:50%; float:right; padding:20px 0}
.bg-tx {  font-size: 29px;  letter-spacing: 0;  color:#222;  line-height: 30px;  margin-bottom: 50px;  padding-bottom: 16px;  position: relative;}
.bg-tx:before {  content: ''; position: absolute; left: 0; bottom: 0;  height: 5px; width: 55px;  background-color:#ff531a;}
.show-tx:after{  content: '';   position: absolute; left: 0;  bottom: 2px;  height: 1px;  width: 255px;  background-color:#ff531a}
.bg-tx .show-tx:after {  width: 255px;}
.bg-tx:before {  height: calc(100% - 40px);}
.bg-tx .show-tx:after {width: 0;  -webkit-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;}
.bg-tx .show-tx:after {  opacity: 1;}
.tx-contact-ul{ width:100%; float:left;}
.tx-contact-ul li{ list-style:none; font-size: 14px;   color: #333;   letter-spacing: 0;   line-height: 23px;   margin-bottom: 13px;  font-weight: 500;}
.tx-contact-ul li a{ text-decoration:none; color:#333;}
.social-link {  display: inline-block; margin-top: 11px;}
.social-link h5 { font-family: 'Montserrat', sans-serif; display: inline-block; font-size: 16px; letter-spacing: 0;  font-weight: 600;  color: #222222; margin-right: 22px;}
.social-link a {  display: inline-block;vertical-align: bottom;  font-size: 15px;  color: #333333;  margin-right: 11px;}
.contact-form form input, .contact-form form textarea {  height: 34px; width: 100%;  background: #fff; border: none;  border-bottom: 1px solid #dddddd;   margin-bottom: 20px; letter-spacing: 0;  font-size: 13px;}
.contact-form form input, .contact-form form textarea { height: 34px; padding:10px; width: 100%; background: #fff; border: none; border-bottom: 1px solid #dddddd;   margin-bottom: 20px;  letter-spacing: 0;  font-size: 13px;}
.contact-form form .form-submit {text-align: right;}
.contact-form form button { background: #222; color: #fff; border: none; text-transform: uppercase; font-size: 12px; padding: 9px 25px; font-weight: 400; cursor: pointer;  outline: none;}
.contact-form form textarea { height: 87px;}
/* Blog Page   */
.blog-part{ width:100%; float:left; padding:40px 0;}
.blog-part-left{ width:70%; float:left; padding:20px 0}
.blog-part-left h1,h2,h3,h4 { font-size:20px; padding:7px 0; color:#01363d; ffont-family: "Cabin","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:700; margin-bottom: 5px;}
.blog-part-left p { text-align:justify;}
.blog-part-right{ width:30%; float:right; padding:20px 0}
.read-more{padding: 8px 20px;  display: inline-block;  background:#ff531a;  margin-top: 10px;   color: #fff;   border-radius: 3px; font-size: 14px;}
.read-more:hover { background:#949292;}
.blog-part-all{ width:100%; float:left;border-bottom: 1px solid #f1f1f1; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); position:relative;padding: 20px; margin-bottom:20px}
.blog-part-bg{ width:83%; float: right;background: #01363d;;}
.blog-part-bg h2{border-bottom: 1px dotted #7f8893; color:#fff; padding: 20px 10px; font-size:17px;}
.blog-bg-ul{ width:100%;padding: 5px;}
.blog-bg-ul li{list-style: none; background: url(../images/right-icon.png) left no-repeat; padding: 10px 0 10px 26px;  font-size: 13px;  color: #ccc; border-bottom: 1px solid #02505a;}
.blog-part-image-left{ width:30%; float:left; position:relative;}
.blog-part-image-left img{ width:100%;}
.blog-part-tx-right{width:70%; float:right; padding-left: 20px;}
.post-date {background:rgba(0, 14, 31, 0.68);color: #fff;font-weight: 900;left:10px;line-height: 1.74em;padding: 15px 0;position: absolute;text-align: center; text-transform: uppercase;top: 0;width: 50px;}
.post-day { font-size:21px;    font-family: Lato;}
.post-month {  color:#fff; font-size:13px;   font-family: Lato;}
.banner-internal-tx{ color: #fff;  padding-top: 70px; font-size: 39px;  text-align: center;}
.read-more a{ text-decoration:none; color:#FFF;}
.blog-int-img{ width:100%;padding-bottom: 15px;}
.blog-int-img img{ width:100%;}
.footer-top{ background:#012327;  width: 100%; float: left; padding: 20px 0;}
.chat-center-footer {  width:29%;   float: left;  margin: 30px 20px;}
.footer-top h4 {  color: #fff !important;  border-bottom: 1px dotted #c4c4c4;   font-size:15px;  padding-bottom: 10px;   margin-bottom: 20px;}
.chat-center-footer ul { width: 100%;  float: left;}
.chat-center-footer ul li {  padding: 7px 0;  color: #d1d1d1;   letter-spacing: 0.5px;}
.chat-center-footer ul {  width: 100%;  float: left;}
.footer-follow-office {  width: 96%;  float: left;  padding: 10px;}
.chat-center-footer ul li {  padding: 7px 0;  color: #d1d1d1;list-style: none;  letter-spacing: 0.5px;}
.footer-follow-office li { list-style: none; display: inline-block;  padding:5px 0px !important;  color: #bbb;  margin: 0 0px 0px 0px;  border-radius: 2px; text-align:center;}
.chat-center-footer ul li a {  text-decoration: none;  color: #fff;   padding: 10px 0;   text-decoration: none;  color: #d3d3d3;  font-size:14px;}
.footer-follow-office li a {text-decoration: none;  color: #87cde4;}
.chat-ul{padding: 20px 0;}
.chat-side-cover{ width:100%; float:left;padding: 30px 0;}
.chat-ul li{ list-style:none; padding:7px 0px 7px 0px;  padding-top: 8px;    padding-bottom: 8px;  margin-right: 24px; flex: 1 1 40%;  border-bottom: 1px dashed rgb(178, 204, 219);}
.chat-ul li:before {  -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px;   content: "";float: left;  height:8px;   background-color: inherit;  margin:5px 10px;   width:8px;  border:2px solid #1508cac4;  background: #ffffff;}
.services-bottom{text-align: center;  padding-bottom: 7px; font-weight: 500;}
.services-bottom  h1{color: #000; font-size:22px;  font-weight: bold; font-family: "Raleway",sans-serif;}
.chat-left-side{ width:50%; float:left; padding: 40px 0;}
.chat-right-side{ width:50%; float:right;text-align: center;}
.office-chat-cover-all p{ text-align:justify;}
.rr-all-boxes { width: 100%;float: left;}
	.rr-all-boxes{ width:100%; float:left;padding: 50px 0 70px;background: #f1f1f1;}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.content {margin: 0 auto;max-width: 1000px;}
.content > h2 {clear: both;	margin: 0;padding: 4em 1% 0;color: #484B54;font-weight: 800;	font-size: 1.5em;}
.content > h2:first-child {padding-top: 0em;}
.grid {position: relative;clear: both;margin: 0 auto;padding: 1em 0 4em;max-width: 1000px;list-style: none;text-align: center;}
/* Common style */
.grid figure {position: relative;	float: left;	overflow: hidden;	margin: 10px 1%;	width:31%;	height: auto;	background: #3085a3;	text-align: center;cursor: pointer;}
.grid figure img {	position: relative;display: block;min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.grid figure figcaption {	padding: 2em;	color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {position: absolute;	top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;    color: #f3cf3f;}
.grid figure h2,
.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;	font-size: 68.5%;}

/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
	background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#1508cac4 100%);
	background: linear-gradient(-45deg, #f3cf3f 0%,#1508cac4 100%);
}

figure.effect-jazz img {
	opacity: 0.9;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.chat-office-cover p { display:inline-block;}
figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
figure.effect-jazz h2,
figure.effect-jazz p {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}
.cover-img{ width:100%;}
figure.effect-jazz h2 {
	padding-top: 26%; color:#fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-jazz p {
	padding: 0.5em 2em;
	text-transform: none;
	font-size: 0.85em;
	opacity: 0;
}

figure.effect-jazz:hover img {
	opacity: 0.7;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
/* Media queries */
@media screen and (max-width: 50em) {
	.content {padding: 0 10px;	text-align: center;}
.grid figure {display: inline-block;float: none;	margin: 10px auto;	width: 100%;}
}
.top{background:#01363d; padding: 8px 0 29px 0;  border-bottom: 1px solid #01363d;font-family: 'Open Sans',sans-serif;}
.col-sm-5 { width: 41.66666667%; float:left}
.top-list-right { width: 58.33333333%;  float: right; text-align:right;}
.col-sm-5 ul{ width:100%;}
.col-sm-5 ul li{ display:inline-block; list-style:none;width: 6%;}
.col-sm-7 ul li a{ }
.col-sm-7 ul{ width:100%;}
.col-sm-7 ul li{ display:inline-block; list-style:none;padding-right: 10px;}
.col-sm-7 ul li a{ color:#fff;}
.col-sm-5 li  img{  width:65%;}
.office-more { width:100%; float:left;  padding-top: 50px;  padding-bottom: 90px;  background: #f1f1f1; text-align: center;}
.office-more2{    margin-top: -80px;   width: 100%; float: left;padding: 0px 0 70px 0;}
.office-more2-box{ width:33%; float:left;}
.office-more2-box figure {
    width: 165px;
    height: 165px;
    background:url(../index.html) center center no-repeat;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.office-more2-box figure img {   display: block;   margin-left: auto;  margin-right: auto; padding-top: 38px;}
.office-more2-box .caption { text-align: center;   position: relative;}
.office-more2-box .caption .txt1 {  font-size: 24px;   color: #000d1e;}
.office-more2-box .caption .txt2 {   color: #47586e;}
.office-chat-one-side-tx{ width:100%; float:left; padding:30px 0; background:#2f538a; background-size: cover;}
.office-chat-one-side-tx-left{ width:50%; float:left;}
.office-chat-one-side-tx h2{font-size:20px;color:#fff;}
.office-chat-one-side-tx-left h2{ font-size:20px;color:#fff; }
.office-chat-one-side-tx p{ color:#bdbdbd;}
.office-more2-box:hover{ padding-top:5px;}
.chat-office-cover{ width:100%; float:left; padding:25px 0;position: relative;}
.chat-office-left{ width:50%; float:left;}
.chat-office-right{ width:50%; float:right;position: relative; padding: 0px 0px 0px 25px;}
.featured-service {  margin: 0;  width: 100%; float: left}
.featured-service-outer { padding: 0 0 0 0;  background-color: #2f538a;}
.featured-service .col-md-3 {  padding: 0;}
.wd-20 {   width: 13%; float:left}
.featured-service .man-img {  width: 246px;}
.featured-service .man-img img {   position: relative;   z-index: 2;    left: -44px;   top: 0px;   right: 0;}
.wd-28 { width: 28%; float:left;}
.featured-service-block {   padding: 45px 20px 60px 20px;  position: relative;   background: #2f538a;   text-align: center;  margin-top: 103px;   height: 294px;  border-right: 1px solid #1F477B;}
.featured-service-block .icon-holder {  line-height: 35px;  margin-bottom: 18px;}
img {  vertical-align: middle;}
.featured-service-block h3 {   color: #fff;  padding-bottom: 20px;  text-transform: uppercase;   font-size: 18px;}
.featured-service-block p {   color: #fff;  padding: 0 20px;}
.contact-area {  width: 100%; float:left;  background-color: #2f538a;  padding: 22px 0 22px;  height: 182px;  margin-top:110px;}
.button-4 { width: 140px;border-radius: 62px;   height: 50px;  background: #1508cac4;   text-align: center;  cursor: pointer;  position: relative;  box-sizing: border-box;  overflow: hidden;  margin:20px auto;}
.button-4:hover .eff-4 { left: 0;}
.button-4:hover a {  color: #fff;}
.button-4 a { font-family: arial; font-size: 16px;  color:#fff; text-decoration: none; line-height: 50px; transition: all .5s ease;  z-index: 2;  position: relative;}
.eff-4 { width: 140px;  height: 50px; left: -140px; background:#f99b30;  position: absolute;    transition: all .5s ease;   z-index: 1;}
.material-parallax{ width:100%; float:left; color:#fff; text-align:center;padding: 0 115px;}
.material-parallax h3{ color:#fff;}
.col-md-3 { width: 25%; float:left;    position: relative; min-height: 1px;  padding-right: 15px;  padding-left: 15px;}
.contact-area .img-holder img {  top: -124px;  position: absolute;}
.col-md-7 {  width: 58.33333333%; float:left}
.office-chat-appoitment{ width:100%; float:left; padding:80px 0; background:url(../images/chat-bg.jpg) top center no-repeat; background-size: cover;}
.contact-area .cntct-info { width: 100%;}
.contact-area .cntct-info h4 {  font-size: 28px;  padding-top: 30px;   font-weight: 700;   color: #fff;   font-style: italic;}
.contact-area .cntct-info p {  color: rgba(255, 255, 255, 0.5);  padding-top: 10px; font-family: "PT Serif",sans-serif; font-style: italic;   font-size: 16px;}
.col-md-2 {  width: 16.66666667%; float:left;}
.contact-area .btn-col {   padding-top: 30px;}
.contact-area .btn-col .btn-lg { padding: 15px 35px; line-height: 40px; font-size: 15px;  font-weight: 400; border: 1px solid #FFF;  background-color: transparent; border-radius: 0;  color: #FFF;}
.office-chat-image-center-cover img{ padding-top:30px;}
.material-parallax h2{ color: #fff !important;}
.services-top-left-cover{width: 100%; float: right; padding: 10px 20px;  text-align: center; background:#fff;  margin-bottom: 10px;}
.services-top-left-cover{box-shadow:0px 1px 5px 2px rgba(0,0,0,0.05)}
.services-top-left-cover:hover{}
.services-top-right-cover{ width:100%; float:left; padding-bottom:20px; text-align:left}
.contact-part-cover{ width:100%; float:left;    padding: 7px 40px;  background:#e4edef;}
.three-boxes-point{ width:100%; float:left; padding:30px 0;}
.box-left{ width:33%; float: left; text-align:center;}
.three-column-item { padding: 40px;  border-right: 3px solid rgba(94,109,121,.1); -ms-flex: 1;  flex: 1;}
.cover{ width:100%; float:left; padding:20px; background-color: rgb(247, 250, 251);}
.services-int {
    text-align: center;
    font-size: 12px;
    padding-bottom: 7px;
    color: #01363d;
    font-family: "Cabin","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-weight: 700;
}
.services-int p{    padding: 0 75px 20px;  font-weight: normal;font-size: 14px; color: #434343;  font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;}
/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {.container {width:100%;}
.services-full-four-li { position: absolute; bottom: 65px; left: 10%;}
.services-full-four-li { bottom: 65px;}
#cssmenu ul { float: left; padding: 13px 0;}
.center-txt{ width:33%; bottom:58%; font-size:20px;}
.center-tx{ width:47%; font-size:17px; bottom:50%;}
.text{ width:50%;}
.chat-office-left img{width:100%;}
#cssmenu >ul >li >a { padding: 10px 2px;  font-size: 10px;}

.adsimage {
    font-size: 17px;
    padding: 10px 52px;
    position: absolute;
    bottom: 0;
    text-align: left;
    left: 1%;
}

.button-8{
	    left: 1%;
	
}

	}
/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.container {width:100%;}
	.services-full-four-li {  bottom: 20px;}
	.text { font-size: 17px; padding: 8px 12px; bottom: 43%;  left: 10%;}
	.grid figure {  width: 32%;}
	.center-tx{ width:87%;}
	.center-txt{ width:50%;}
	figure.effect-ming h2 { margin: 20% 0 0px 0;}
	figure.effect-ming p { padding: 0px;}
	.rr-all-boxes { padding: 30px 0 0px;}
	.chat-center-footer {  margin: 30px 12px;}
	.banner-internal { margin-top: 20px;}
	.center-tx{ font-size:22px; bottom:39%;}
	.text{ width:89%; bottom:37%; font-size:15px; display:none;}
	.contact-area .cntct-info h4{ font-size:22px;}
	.contact-area .btn-col .btn-lg {  padding: 14px 20px;  font-size: 15px;}
	.chat-office-left img{ width: 100%;}
.chat-right-side img{  width: 100%;}

.adsimage {
    font-size: 17px;
    padding: 10px 52px;
    position: absolute;
    bottom: 0;
    text-align: left;
    left: 1%;
}

	}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {width:100%;}
	.slideshow-container {   max-width: 100%;   position: relative;    margin: 55px 0 0 0;}
.center-tx { font-size: 22px; bottom: 45%; padding-left: 10%;}
.text {  font-size: 12px; bottom:30%; left: 4%; display:none;}
.services-tx { width: 100%;  padding: 20px 0;}
.services-top-left { width: 100%;}
.services-image-side {  width: 100%;}
.services-tx-side { width: 100%;  padding-left:0px;}
.services-top-right {  width: 100%; margin-top:10px}
.chat-left-side { width: 100%;}
.chat-right-side { width: 100%;}
.rr-all-boxes {width: 100%; padding: 20px 0 20px;}
.grid { padding: 1em 0 0em;}
.chat-center-footer { width: 100%;  margin: 10px 0px;}
.footer-follow-office li { padding: 5px 5px !important;}
.banner-internal { min-height: 100px; margin-top: 68px;}
.banner-internal-tx {  padding-top: 36px; font-size: 29px;}
.contact-part-left {  width: 100%;  padding: 20px 0;}
.contact-part-right { width: 100%; padding: 20px 0;}
.contact-part {  padding: 20px 0 10px 0;}
.social-link a { margin-right: 3px;}
header { padding: 12px 0; height: 69px;}
.bg-tx { margin-bottom: 10px;}
.blog-part-left {width: 100%; padding: 20px 0;}
.blog-part-tx-right { width: 100%;  padding-left: 0px;}
.blog-part-image-left { width: 100%;}
.blog-part-right {width: 100%;padding: 0px 0;}
.blog-part-bg { width: 100%}
.blog-part-left h1, h2, h3, h4 {  font-size: 17px;padding: 12px 0;}
.blog-part { padding: 10px 0;}
.services-full-four-li { display: none;}
figure.effect-ming img {  width: 100%;}
.mySlides img { width: 100%; margin-top: 14px;}
.col-sm-5 { display: none;}
.top-list-right { width: 100%;  float: left;  text-align: left;}
.col-sm-7 ul li { font-size:9px; padding-right:0px;}
  .text2 { color: #fff; font-size: 13px; padding: 3px 19px;  position: absolute;  bottom: 6%;  text-align: center;  left: 40%; width: auto;  border-radius: 30px;  background: #ffbd0f;}
  .center-tx {font-size: 17px; bottom:58%; padding-left: 10%; width:84%; left:-7%;}
.office-more { width: 100%; padding-top: 14px;}
.services-bottom h1 { line-height: 26px;}
.office-more2-box {  width: 100%;}
.chat-left-side img{  width: 100%;}
.office-chat-one-side-tx-left {  width: 100%;}
.text{ width:95%;}
.office-more2{ padding:0px 0 20px 0;}
.center-txt{ width:87%; font-size:14px; bottom:37%; left:3%;}
.button-8{ height:40px; left:0%; margin:0 0 0px 17px;}
.button-8 a{ top:-12%; color:#fff;}
.wd-28 {  width: 100%; float: left;}
.featured-service .man-img {width: 100%;}
.wd-20 {  width:100%;}
.featured-service .man-img img { position: relative;   z-index: 2; left: 0;  top: 0px;  right: 0;}
.featured-service-block {   margin-top: 10px;}
.chat-office-left {  width: 100%; float: left;}
.chat-office-right {  width: 100%;  float: right;}
.col-md-7 { width: 100%;}
.contact-area .cntct-info h4 { font-size: 16px;}
.col-md-2 { width: 100%; float: left;}
.contact-area .btn-col {  padding-top:0px;}
.contact-area {  width: 100%; float: left; padding: 0px 0 0px;  height: 143px;margin-top: 110px;}
.col-md-3 { width: 43%;}
.contact-area .img-holder img { left: -2%;}
figure.effect-jazz img { width: 100%;}
.appointment-section:before {  background: #e2eff9;  width: 100%;}
.blog-header-content-wrap {  height: 180px;}
#cssmenu >ul >li:hover >a, #cssmenu ul li.active a{ color:#fff;}
.chat-office-left img{ width: 100%;}
.chat-right-side img{  width: 100%;}
.office-chat-image-center-cover img { width:100%}
.material-parallax {  padding: 0 15px;}
.office-chat-image-center-cover { padding: 20px 0;}
.box-left { width: 100%;}
.three-column-item { padding: 10px;}

.adsimage {
    font-size: 17px;
    padding: 0px 10px;
    position: static;
}
	}

/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.container {width:100%;}
	.slideshow-container {   max-width: 100%;   position: relative;    margin: 55px 0 0 0;}
.center-tx { font-size: 22px; bottom: 45%; padding-left: 10%;}
.text {  font-size: 12px; bottom: 23%; left: 4%;}
.services-tx { width: 100%;  padding: 20px 0;}
.services-top-left { width: 100%;}
.services-image-side {  width: 100%;}
.services-tx-side { width: 100%;  padding-left:0px;}
.services-top-right {  width: 100%; margin-top:10px}
.chat-left-side { width: 100%; padding: 15px 0;}
.chat-right-side { width: 100%;}
.rr-all-boxes {width: 100%; padding: 20px 0 20px;}
.grid { padding: 1em 0 0em;}
.chat-center-footer { width: 100%;  margin: 10px 0px;}
.footer-follow-office li { padding: 5px 0px !important;}
.banner-internal { min-height: 100px; margin-top: 68px;}
.banner-internal-tx {  padding-top: 36px; font-size: 29px;}
.contact-part-left {  width: 100%;  padding: 20px 0;}
.contact-part-right { width: 100%; padding: 20px 0;}
.contact-part {  padding: 20px 0 10px 0;}
.social-link a { margin-right: 3px;}
header { padding: 12px 0;height: 68px;}
.bg-tx { margin-bottom: 10px;}
.blog-part-left {width: 100%; padding: 20px 0;}
.blog-part-tx-right { width: 100%;  padding-left: 0px;}
.blog-part-image-left { width: 100%;}
.blog-part-right {width: 100%;padding: 0px 0;}
.blog-part-bg { width: 100%}
.blog-part-left h1, h2, h3, h4 {  font-size: 17px;padding: 12px 0;}
.blog-part { padding: 10px 0;}
.services-full-four-li {  display: none;}
.mySlides img { width: 100%; margin-top: 14px;}
.col-sm-5 { display: none;}
.top-list-right { width: 100%;  float: left;  text-align: left;}
.col-sm-7 ul li { font-size:9px; padding-right:0px;}
  .text2 { color: #fff; font-size: 13px; padding: 3px 19px;  position: absolute;  bottom: 6%;  text-align: center;  left: 40%; width: auto;  border-radius: 30px;  background: #ffbd0f;}
 .center-tx {font-size: 9px; bottom: 38%; padding-left: 0%; width:87%;}
.office-more { width: 100%; padding-top: 14px;}
.services-bottom h1 { line-height: 26px;}
.office-more2-box {  width: 100%;}
.chat-left-side img{  width: 100%;}
.office-chat-one-side-tx-left {  width: 100%;}
.text{ width:95%; display:none;}
.office-more2{ padding:0px 0 20px 0;}
.center-txt{ width:87%; font-size:14px;}
.button-8{ height: 32px; width: 110px; left: 0%; margin: 0 0 0px 15px;}
.button-8 a{top: -30%; color: #fff;  font-size: 12px;}
.wd-28 {  width: 100%; float: left;}
.featured-service .man-img {width: 100%;}
.wd-20 {  width:100%;}
.featured-service .man-img img { position: relative;   z-index: 2; left: 0;  top: 0px;  right: 0;}
.featured-service-block {   margin-top: 10px;}
.chat-office-left {  width: 100%; float: left;}
.chat-office-right {  width: 100%;  float: right; padding: 0px 0px 0px 0px;}
.col-md-7 { width: 100%;}
.contact-area .cntct-info h4 { font-size: 16px;}
.col-md-2 { width: 100%; float: left;}
.contact-area .btn-col {  padding-top:0px;}
.contact-area {  width: 100%; float: left; padding: 0px 0 0px;  height: 143px;margin-top: 110px;}
.col-md-3 { width: 43%;}
.contact-area .img-holder img { left: -2%;}
.appointment-section:before {  background: #e2eff9;  width: 100%;}
.material-parallax { padding: 0 8px;}
.office-chat-appoitment { padding: 10px 0;}
.chat-office-cover { padding: 15px 0;}
.chat-center-footer ul li img {   width: 50%; padding: 5px;}
.blog-header-content-wrap {  height: 115px;}
.services-full-cover {  margin-top: 0px;}
.services-top { padding-bottom: 0px;  color: #01363d;}
.office-chat-image-center-cover {padding: 20px 0;}
.footer p {  font-size: 11px;}
.office-chat-image-center-cover img { width:100%}
.chat-office-left img{ width: 100%;}
.chat-right-side img{  width: 100%;}
#cssmenu >ul >li:hover >a, #cssmenu ul li.active a {  color: #fff;}
.center-tx-int {font-size: 12px; width: 50%;}
.box-left { width: 100%;}
.three-column-item { padding: 10px;}
.services-int p {  padding: 0 5px 20px;}
.services-int {font-size: 10px; line-height:24px;}
.adsimage {
    font-size: 17px;
    padding: 0px 10px;
    position: static;
}
	}