/* CSS Document */

/* =================================================== Base styles: opinionated defaults =================================================== */
 
 
@font-face {
  font-family: 'Tahoma';
  src: url('../fonts/Tahoma.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Tahoma.woff') format('woff'), 
  url('../fonts/Tahoma.ttf') format('truetype'), 
  url('../fonts/Tahoma.svg#Tahoma') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* =================================================== Base styles: opinionated defaults  =================================================== */

   
*{ margin:0; padding:0;}

html,button{border:none;}

img{vertical-align:middle; border:0px; height:auto; max-width:100%;}
textarea{resize:vertical; resize:none;}
input[type="submit"], input[type="button"]{ border:none; cursor:pointer;}

h1, h2, h3, h4, h5, h6 { padding:0; margin:0; font-weight:normal; }

ul, li { padding:0; margin:0; list-style:none;}

a{outline:none; text-decoration:none; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s;} 
a:hover, a:focus, button{ text-decoration:none; outline:none; border:none;}

.spacer-10 { height:10px; float:left; width:100%; clear:both;}
.spacer-20 { height:20px; float:left; width:100%; clear:both;}
.spacer-30 { height:30px; float:left; width:100%; clear:both;}
.spacer-50 { height:50px; float:left; width:100%; clear:both;}
.spacer-70 { height:70px; float:left; width:100%; clear:both;}
.spacer-100 { height:100px; float:left; width:100%; clear:both;}



.inner-page-content{width:100%; float:left; padding:0; margin-bottom:20px; font-family: 'Tahoma';color: #5e6265;}

.inner-page-content h1, .inner-page-content h2, .inner-page-content h3, .inner-page-content h4, .inner-page-content h5, .inner-page-content h6{ margin:10px 0px; clear:both;}
.inner-page-content p{ font-size:14px; margin:0px 0 20px; vertical-align: baseline;}

.alignleft {display: inline-block; float: left; margin:0 20px 10px 0;}
.alignright {display: inline-block; float: right; margin-left:0 0 10px 20px;}
.aligncenter {clear: both; display: block !important;  margin-left: auto !important;  margin-right: auto !important; margin-bottom:10px; text-align: center;}

.inner-page-content ul, .inner-page-content ol {margin:20px 0 10px 10px; font-size:16px;}
.inner-page-content ol {list-style:decimal;}
.inner-page-content ul {list-style:disc !important;}

.inner-page-content li{ font-size:14px; line-height:20px; margin-bottom:5px;}

.inner-page-content ul ul{ margin:10px 0 10px 20px;}

.inner-page-content h1{ font-size:38px !important; line-height:38px;}
.inner-page-content h2{ font-size:32px; line-height:32px;}
.inner-page-content h3{ font-size:26px; line-height:26px;}
.inner-page-content h4{ font-size:22px; line-height:22px;}
.inner-page-content h5{ font-size:18px; line-height:18px;}
.inner-page-content h6{ font-size:16px; line-height:16px;}


.page-title{color:#004783; margin:20px 0;}


/* =================================================== Base styles: opinionated defaults  =================================================== */


body{font-size:14px; font-family: 'Tahoma'; background:#fff;}



section{ width:100%; float:left;}


/* =================================================== Header Part =================================================== */

header{width:100%; float:left;}

.navbar .wrapper{ position:relative; width:100%;}

.menu-main-menu-container{width:100%; max-width:70%; float:right;}

.logo{ position:relative; margin-top:-48px; float:left; z-index:999; width:30%; max-width:204px; height:168px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
.logo img{ position:relative; z-index:110; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}

.logo:before{position:absolute; top:0px; right:40px; width:2000px; height:100%; content:""; background:#fff; z-index:10;}
.logo:after{position:absolute; top:0px; left:164px; width:280px; height:100%; content:url(../images/head-bg.png); z-index:101;}

.logo:after{transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;}

.navbar.affix .logo:after{ left:-1000px; top:-168px; opacity:0;}
.navbar.affix .logo:before{ right:100px;}

.navbar.affix .logo{ margin-top:0px; height:60px; }
.navbar.affix .logo img{max-width:32%; margin-top:2px; }



.navbar{background:rgba(0,71,131,0.4); border-color: #e7e7e7; border-width: 0 0 1px; top: 0; z-index:51; transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; left:0; width:100%; top:48px; position:fixed;}
.affix {position: fixed; top:0px;}

.navbar.affix {background-color: #fff; border-color: rgba(34, 34, 34, 0.4); background:rgba(0,71,131, 0.9);z-index:1030;}

.navbar ul { float: right !important; z-index:110; -webkit-z-index:110;}
.navbar li{ float:left; display:block; margin:0 5px; position:relative;}
.navbar li a{ color:#004783; font-size:20px; text-transform:uppercase; display:block; line-height:20px; padding:20px 18px; line-height:80px; position:relative; }

.navbar li.active a, .navbar li a:hover, .navbar.affix-top li:first-child a{color:#fff;}

.navbar.affix ul li a{ color:#fff; line-height:20px}
.navbar.affix ul li.active a, .navbar.affix ul li a:hover{ color:#16b10a;}

.navbar li a span{ position:relative; z-index:110;}
.navbar li:first-child a:after{background:rgba(0,71,131,0.5); content:""; position:absolute; right:0; top:0; width:1000px; height:100%;}
.navbar.affix li:first-child a:after{background:rgba(0,71,131,0);}


.top-strip {width:100%; float:left; background:#16b10a; padding:8px 0; text-align:right;}
.top-strip a{ background:url(../images/mail-icon.png) left top no-repeat; line-height:32px; float:right; font-weight:700; color:#fff; padding-left:38px; letter-spacing:0.7px;}



@media only screen and (min-width:992px){

ul.sub-menu{ min-width:210px; position:absolute; top:120px; left:0; opacity:0; visibility:hidden; transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s;}
ul.sub-menu li{ width:100%; float:left; padding:0; margin:0;}
ul.sub-menu li a{ width:100%; float:left; background:#16b10a; padding:5px 10px; color:#fff; line-height: 24px!important; font-size:15px; border-bottom:1px solid #1e9714;}
ul.sub-menu li a:hover{ background:#004783; color:#fff !important;}


ul.sub-menu li:first-child a::after{ display:none; visibility:hidden; opacity:0; }
.navbar.affix ul.sub-menu{top:60px;}

.navbar li:hover ul.sub-menu {opacity:1; visibility:visible;}

}


/* =================================================== Header Part =================================================== */


.slider{width:100%; float:left; margin:0; position:relative; z-index:50;}
.slider img{width:100%; }

.slide-content{ width:100%; position:absolute; left:0; bottom:15%;}
.slider aside{ background:#16b10a; max-width:490px; width:100%; float:left; padding:10px;}
.slider h2{ font-size:40px; color:#fff; line-height:40px;}

.slider .fa{ color:#16b10a;}


/* =================================================== Slider Part =================================================== */


.welcome{width:100%; float:left; border-bottom:10px solid #1bb30f;}
.welcome h2{ color:#004783; font-size:50px; line-height:52px; margin:20px 0 40px; text-align:center;}

.welcome h4{ font-size:38px; text-transform:uppercase; margin:1px 0; text-align:left; display:block; width:100%; float:left;}
.welcome h4 span{background:#004783; color:#fff; padding:1px 5px; float:left; }
 
.wel-left{padding:0px;}
.welcome .content{ padding:0px;}
.welcome img{ float:left; margin:0 20px 25px 0;}
.welcome p{ color:#626262; line-height:20px; font-size:15px; margin-bottom:10px;}
.welcome a{ color:#626262;}
.welcome a:hover{ color:#004783;}

/* =================================================== welcome Part =================================================== */

.what-we-do{width:100%; float:left; margin:0; background-size:cover;padding:80px 0 60px;}
.what-we-do .blank{ min-height:100px;}

.what-we-do aside{ background:rgba(255,255,255,0.77); display:block; padding:25px 32px;}
.what-we-do h2{ color:#004783; font-size:56px; margin:0px 0 20px;}
.what-we-do p{ color:#212427; line-height:22px; font-size:16px; margin-bottom:20px;}
.what-we-do a{ color:#212427;}
.what-we-do a:hover{ color:#004783;}


.what-we--do-block{ width:100%; max-width:600px; margin:0 auto;}


/* =================================================== what-we-do Part =================================================== */

.service-list {width:100%; float:left; margin:0; border-bottom:10px solid #1bb30f; padding:30px 0 0;}
.service-list h2{color:#004783; font-size:50px; line-height:52px; margin:0px;}

.service-list p{ color:#595b5c; line-height:22px; font-size:16px; margin:10px 0;}
 
.list-area{width:100%; float:left; margin:20px 0; padding:0;}
.list-area .list-item{margin:10px 0;}
.list-area aside{width:100%; float:left; margin:0; padding:15px 12px; border:6px solid #004783; background:#fff; color:#595b5c; min-height:425px; position:relative;}

.list-area .read {bottom:15px; color:#16b10a; left:12px; position: absolute;}


.list-area h3{color:#16b10a; font-size:24px; line-height:26px; margin-bottom:10px; text-align:center;  }
.list-area p{float:left; text-align:justify; }
.list-area ul {margin-left:20px; float:left;}
.list-area ul li{list-style:disc;color: #595b5c;line-height: 22px;font-size: 16px;padding-bottom:10px;float:left; }
.list-area aside:hover{background:#004783;}
.list-area aside:hover a, .list-area aside:hover h3, .list-area aside:hover p ,.list-area aside:hover ul li{color:#fff !important;}
.content ul ,.succeed-item ul{margin-left:20px;}
.content ul li, .succeed-item ul li{list-style:disc;}
/*=================================================== service-list Part =================================================== */

.about-us{width:100%; float:left; margin:0; border-bottom:10px solid #1bb30f; padding:40px 0;}

.about-us aside{ background:rgba(255,255,255,0.77); display:block; padding:18px;}
.about-us h2{ color:#004783; font-size:40px; margin:0px 0 20px; text-align:left; line-height:30px;}
.about-us p{ color:#3c3a3a; line-height:22px; font-size:16px; margin-bottom:20px;}


.about-us ul, .about-us ol {margin: 15px 0 15px 20px; font-size:16px; float:left; width:100%;}
.about-us ol {list-style:decimal;}
.about-us ul {list-style:disc ;}
.about-us ul li{ color:#3c3a3a; line-height:22px; font-size:16px; margin-bottom:10px;}

/* =================================================== about-us Part =================================================== */


.succeed{ padding:30px 0;}
.succeed .container{ position:relative;}
.succeed h2{  color:#004783; font-size:40px; margin:0px 0 40px; line-height:30px;}

.succeed .item{ margin-bottom:20px;}

.succeed-block{position:relative; width:100%; text-align:center; float:left; }
.succeed figure{ text-align:center; display:block; cursor:pointer; margin-bottom:20px;}
.succeed figure img{ max-width:250px;}

/*
.succeed aside{ background:#004783; padding:18px; position:absolute; height:100%; width:100%; left:0; top:-110%; overflow: hidden; transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out;}
.succeed aside h3 { color: #fff; font-size:33px; line-height:28px; margin-bottom:20px;}
.succeed aside p {color:#fff; line-height:20px; font-size:15px; margin-bottom:20px; padding-right:10px;}

.succeed-block:hover aside{ top:0;}
.succeed .read-more{ padding:8px 20px; background:#f8f9fa; color:#004783; font-size:14px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
 left:18px; bottom:20px; position:inherit;}
.succeed .read-more:hover{ background:#1bb30f; color:#fff;}

*/



.succeed h3 { color:#004783; font-size:22px; line-height:24px; margin-bottom:20px; text-align:center;}
.succeed p {color:#fff; line-height:20px; font-size:15px; margin-bottom:20px; padding-right:10px; display:none;}


.succeed .read-more{ padding:6px 20px; background:#004783; color:#fff; font-size:14px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; display:inline-block;}
.succeed .read-more:hover{ background:#1bb30f; color:#fff;}



/* =================================================== succeed-us Part =================================================== */

.services{padding:15px 0; background:#004783; position:relative;}


.service-left{ position:absolute; width:50%; height:100%; left:0; top:0;}
.service-left img{ width:100%;}

.services h3 {color: #fff; font-size:33px; line-height:28px; margin-bottom:20px;}
.services p{color:#fff; line-height:20px; font-size:15px; margin-bottom:10px;}

.services ul{ width:100%; float:left; padding:0 0 30px; }
.services li{float:left; font-size:18px; margin:16px 0; min-width:50%; float:left;}
.services li img{ margin-right:5px;}
.services .content{ padding:0 0 0 25px;}

.services li a{color:#fff; }


/* =================================================== services-us Part =================================================== */

.why-choose-us {padding:20px 0 0;}
.why-choose-us h2 {color:#004783; font-size:40px; margin:20px 0; line-height:30px;}
.why-choose-us p {color:#5e6265; line-height:20px; font-size:15px; margin-bottom:10px;}

.why-choose-us .item { margin:10px 0;}

.why-choose-us img { float:left; margin-right:8px;}
.why-choose-us h4 {color:#696d71; line-height:100px; font-size:24px; margin:0;}
.why-choose-us h4 a{color:#696d71;}
.why-choose-us h4 a:hover{color:#004783;}

.why-choose-us h6{color:#696d71; line-height:20px; font-size:16px; margin:0;}


.why-choose-us ul{ margin:20px 0px; padding-left: 20px;}
.why-choose-us li{color:#5e6265; line-height:20px; font-size:15px; margin-bottom:10px; list-style:disc;}



/* =================================================== why-choose-us Part =================================================== */

.mailing-list{ padding:15px 0px; background:#19c00c;}
.mailing-list h5{color:#fff; line-height:32px; font-size:25px; margin:0; float:left;}

.mailing-list a{ color:#19c00c; font-size:24px; line-height:20px; width:154px; float:right; padding:8px 0; background:#fdfdfd; text-transform:uppercase; text-align:center;}
.mailing-list a:hover { background:#004783; color:#fff;}


/* =================================================== mailing-list Part =================================================== */

.contact-section{width:100%; float:left; position:relative; background:url(../images/contact-us.jpg) no-repeat; background-size:cover; }
.contact-section .container{ position:relative; z-index:102;}
.contact-section .form-area{ padding:40px 10px 0px 0;}


.contact-section:before{ left:0; width:57%; z-index:100; background:rgba(0,71,131,0.5); position:absolute; top:0;  height:100%; content:"";}


.contact-section h3{font-size:30px; line-height:32px; color:#fff; margin:0px 0 15px; text-transform:uppercase;}

.contact-section p{font-size:25px; line-height:24px; color:#fff; margin:5px 0px;}
.contact-section span{font-size:16px; line-height:24px; color:#fff; margin-bottom:20px; width:100%; float:left; }
.contact-section a{ color:#fff;}

.contact-section ul{ width:100%; margin:20px 0; float:left; padding:0;}
.contact-section ul li{ margin-bottom:12px;}

.input-field{width:100%; height:42px; float:left; padding:0 8px; border:none; background:#fff; color:#b0b3b6; font-size:13px;}
textarea{width:100%; min-height:140px; float:left; padding:8px; border:none; background:#fff; color:#b0b3b6; font-size:13px; font-family: 'Tahoma';}

.submit{ background:#fff; color:#004783; float: left; font-size:16px; padding:5px 10px; text-transform: uppercase;}
.submit:hover{background:#004783; color:#fff;}



/* =================================================== mailing-list Part =================================================== */


footer{background:#004783; padding:20px 0px; float:left; width:100%;}

footer ul{ margin:0; padding:0;}
footer ul li{ float:left; margin-bottom:5px; width:100%;}
footer ul li a{ float:left; color:#fff; font-size:16px; line-height:20px;}
footer ul li a:hover{ color:#16b10a;}

footer h4{color:#fff; font-size:20px; line-height:24px; margin-bottom:10px;}

.footer-service li{ width:50%;}
.quick-links li{margin-bottom:0px;}

footer .item{ margin:0;}

.copy-text {background:#fff; float: left; padding:10px 0; text-align: center; width: 100%;}
.copy-text p {color: #5c5a5a; font-size:16px; line-height:22px;}





/* =================================================== client-area =================================================== */


.client-area{width:100%; float:left; margin:30px 0px 0; padding:10px 0px; background:#f6f6f6;}

.client-area .bx-wrapper { padding:0!important; position:relative; }
.client-area .bx-wrapper .bx-viewport { padding: 0 !important; }

.client-area .bx-controls-direction a { background:#004783;  color: #fff; font-size: 24px; height: 32px; text-align: center; text-decoration: none; text-indent: inherit !important; width:32px; position:absolute; top:68%; margin-top:-16px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}

.client-area .bx-controls-direction a:hover { background:#19c00c; }
.client-area .bx-controls-direction a.bx-prev { left: -40px; }
.client-area .bx-controls-direction a.bx-next { right: -40px; }

.client-area .bx-controls-direction a.bx-prev .fa{ padding-right:3px;}
.client-area .bx-controls-direction a.bx-next .fa{ padding-left:3px;}


.client-text{width:100%; float:left; margin:0px 0 20px; padding:10px 70px 0;}

.client-text p { color: #5e6265;font-size: 15px; line-height: 20px;}


/* =================================================== Footer Part =================================================== */


.blog-list{margin:120px 0 30px;}
.blog-listing {    float: left;margin: 20px 0;
    width: 100%;
}
.blog-listing .place p, .blog-listing .place{color: #3c3a3a;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;}
	
.screen-reader-response {
    display: none;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    border: 1px solid;
    color: #fff;
    float: left;
    margin: 0 0 0 10px;
    padding: 0 9px;
}

.wpcf7-response-output.wpcf7-validation-errors {
     border: 1px solid;
    color: #ff0000;
    float: left;
    margin-left: 10px;
    padding: 0 9px;}
.wpcf7-not-valid-tip{ color: #ff0000 !important;}



.inner-page-title{ width:100%; float:left; padding:20px 0px; background:#004783; margin:120px 0 20px 0px;}
.inner-page-title h2{ color:#fff; margin:0; padding:0; font-size:32px; text-align:center; display:inline-block;}

.inner-page-title h6 {color: #fff; float: right; font-size:13px; line-height: 38px; margin: 0; padding: 0; text-transform: uppercase;}
.inner-page-title h6 a{color: #fff;}
.inner-page-title h6 a:hover{ text-decoration:underline;}


.succeed-page{ padding:20px 0; width:100%; float:left;}
.succeed-item{background:#f2f2f2; padding:15px; box-shadow:0px 0px 2px #999; margin:0px 0px 20px;}

.succeed-item figure { float:left; width:16%;}
.succeed-item figure img{max-width:100%; border:1px solid #D5D1D1;}
.succeed-item aside { float: right; width:80%;}

.succeed-item h3 { color: #004783;font-size:26px; line-height:30px; margin-bottom:15px; text-align: left; display:block;}
.succeed-item p {color:#3c3a3a;font-size:14px; line-height:20px; margin-bottom:20px;}
.succeed-item li, .succeed-item{color:#3c3a3a;font-size:14px; line-height:20px;}

.succeed-item .read-more{width:100%; float:left; margin-top:20px;}
.succeed-item .read-more a{background: #004783;color: #fff; float:right; font-size: 14px; padding: 6px 20px; border-radius: 2px; -webkit-border-radius: 2px;}
.succeed-item .read-more a:hover {background: #1bb30f; color: #fff;}
.what-we-do ul{margin-left:20px;}
.what-we-do ul li{list-style:disc; margin-bottom:10px;}

.wysija-input{ margin-bottom:10px;}