@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800&display=swap');
*{ box-sizing:border-box;}
a, a:hover{ text-decoration:none;}
.clear{ clear:both;}
.img-res{ max-width:100%;}
body{font-family: 'Raleway', sans-serif; font-size:14px; margin:0; padding:0;}

.header_wra{ padding:14px 25px;}
.logo{ float:left;}
.logo img{ height:60px;}
.header_right{ float:right; text-align:right; margin-top:15px;}

.call{ float:left; margin:0 10px; font-family:Verdana, Geneva, sans-serif;}
.call span{ width:30px; height:30px; display:inline-block; text-align:center; font-size:17px; padding-top:4px; vertical-align:middle; border-radius:50%; background:#73be99; color:#fff;}
.call b{ font-weight:normal;}

.nav_wra{padding:5px 25px; background:#73be99; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.nav_wra ul{ margin:0; padding:0; list-style:none; text-align:center;}
.nav_wra li{ display:inline-block;}
.nav_wra li a, .nav_wra li a:focus{ font-size:14px; padding:13px 15px; display:inline-block;color:#fff;font-weight:600; text-transform:uppercase;}
.nav_wra li a:hover{ color:#cafae2;}
.nav_wra li a.active{color:#cafae2;}

.menu_icon{ display:none;}

.content_wra{ max-width:1200px; margin:0 auto; padding:46px 15px 30px 15px; color:#333; font-size:16px; line-height:26px; text-align:center}
.content_txt{ max-width:800px; margin:0 auto;}
.heading1{ text-transform:uppercase; font-size:28px; line-height:40px;}
.read-more{ background:#73be99; color:#fff; padding:12px 20px; margin-top:20px; display:inline-block; font-size:15px;}
.read-more:hover{ background:#000;}

.box_wra{ max-width:1200px; margin:0 auto; padding:45px 10px 30px 10px; color:#333;}
.heading2{ margin:0 0 10px 10px; font-size:28px; text-align:center; text-transform:uppercase;}
.box{ float:left; width:33.3%; padding:10px;}
.box h3{ margin:5px 0; font-size:18px;}
.box2{ width:50%;}

.footer_wra{ text-align:center; padding:30px 0; border-top:1px solid #ccc;}
.footer_wra ul{ margin:0; padding:0; list-style:none;}
.footer_wra li{ display:inline-block; padding:0 10px; line-height:12px; margin-bottom:8px; border-right:1px solid #666;}
.footer_wra li:last-child{ border:none;}
.footer_wra li a, .footer_wra li a:focus{ color:#666;}
.footer_wra li a:hover{ color:#335075;}
.social_media h4{ font-size:16px; font-weight:500; margin:20px 0 10px 0;}
.social_media img{ margin:0 5px; }
.social_media p{ color:#666; font-size:13px;}
.social_media span{ display:block; margin-top:5px;}
.social_media span a, .social_media span a:focus{ color:#666;}
.social_media span a:hover{ text-decoration:underline;}

.about_left{ width:300px; float:left; text-align:left; margin-top:20px; }
.about_right{ width:100%; margin-left:-300px; float:right; padding-left:20px;margin-top:20px;}
.about_inside{ margin-left:300px; text-align:justify;}
.about_left_text{ font-size:28px; line-height:38px; font-weight:bold;}
.about_left_text span{ font-size:38px; color:#0063B1;}

.left_img{ float:left; width:50%;}
.right-txt{ float:right; width:50%; padding-left:20px;}
.right-txt p{ margin:-6px 0 0 0; font-size:16px; line-height:30px;}

.right_img{ float:right; width:50%;}
.left-txt{ float:left; width:50%; padding-right:20px;}
ul.expertise{ margin:0; padding:0; list-style:none;}
.expertise li{ position:relative; padding:0 0 10px 15px; }
.expertise li:before{ position:absolute; left:0; top:6px;font: normal normal normal 14px/1 FontAwesome; content: "\f105";}

.call_box{ float:left; padding:0 10px; width:33.33%;}
.call-txt{ border:1px solid #ccc;}
.call-txt span{ width:80px; height:80px; display:inline-block; border-radius:50%; background:#73be99; color:#fff; font-size:40px; padding-top:20px; margin:30px auto 15px auto;}

.gallery img{ width:33.33%; float:left; border:1px solid #fff;}
.check_wra{text-align:left; margin-bottom:10px;}
.check_wra p{ margin:0; font-weight:600;}
.lbl{ width:33.3%; float:left;}
.lbl label{ display:block; font-size:14px;}

.heading3{text-align: left;margin: 20px 0 5px 0;font-size: 20px;}
@media (max-width: 767px) {
.header_wra { padding:10px 10px;}
.call b{ display:none;}
.menu_icon{ display:block; position:absolute; right:15px; top:-43px; color:#335075;}
.nav_wra{ position:relative; padding:0;}
.nav_wra ul{ background:#73be99;box-shadow:2px 2px 3px #666666; width:250px;text-align:left;position:absolute; z-index:10; left:-100%; top:0; opacity:0; transition:all ease .5s;}
.header_right{ display:none;}

.logo img{ height:45px;}
.menu_show_hide{ left:0 !important; opacity:1.0 !important;}
.nav_wra li{ display:block;}
.nav_wra li a, .nav_wra li a:focus{ padding:12px 15px;}

.vision_box table tr td:first-child{ width:160px;}

.call_box{ float:none; width:100%; margin-bottom:20px;}
.call-txt2{ display:none;}

}
@media (max-width: 600px) {
.heading1{ margin-top:0;}
.box{ float:none; width:100%;}
.vision_box table tr td:first-child{ width:60px;}
.left_img, .right-txt{ width:100%; float:none; padding:0;}
.right_img, .left-txt{ width:100%; float:none; padding:0;}
.contact_left, .contact_right{ float:none; width:100%;}
.contact_right{ margin-top:20px; padding:0;}
.contact_right h2 {margin: 0px 0 20px 0;}
.gallery img{ width:50%;}
.content_wra{ padding-top:30px;}
.about_left{ width:100%; float:none; margin-top:20px; }
.about_right{ width:100%; margin-left:00px; float:none; padding-left:0px;margin-top:20px;}
.about_inside{ margin-left:0px;}
}
@media (max-width: 1000px) {
.lbl{ width:50%;}
}