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

.top_header_wra{ background:#2e3841;}
.top_header{ max-width:1200px; margin:0 auto; padding:8px 15px;}
.top_header_left{ float:left;}
.top_header_right{ float:right;}
.top_header_right a, .top_header_right a:focus{ margin:0 5px;}
.call{ float:left; color:#fff; margin:0 8px;}
.call i{ margin-right:3px; color:#fdef11;}
.top_header a, .top_header a:focus{ color:#fff; }

.header_wra_outer{background-image: linear-gradient(to bottom right, #04036e, #0603c3);}
.header_wra{ max-width:1200px; margin:0 auto; padding:20px 15px;}
.logo{ float:left;}
.logo img{ height:100px;}
.logo span{display: table-caption;width: 400px;font-size: 37px;font-weight: 600;color:#EFBF04;
/*text-shadow: 0 1px 0 #535353, 0 2px 0 #474949, 0 3px 0 #3d3d3d, 0 4px 0 #4c504f, 0 0 5px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .2), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .3);*/
    
}

.nav_wra{padding:25px 0 0px 0;text-align: right;}
.nav_wra ul{ margin:0; padding:0; list-style:none;}
.nav_wra li{ display:inline-block;}
.nav_wra li a, .nav_wra li a:focus{ font-size:19px; padding:13px 15px; display:inline-block;color:#fff;font-weight:600; text-transform:uppercase;}
.nav_wra li a:hover{ color:#EFBF04;}
.nav_wra li a.active{color: #EFBF04;}

.menu_icon{ display:none;}
.banner{display: flex;}

.content_wra{ margin:0 auto; padding:46px 15px 30px 15px; background-image: linear-gradient(to bottom right, #0603c3, #04036e);color:#fff; font-size:16px; line-height:26px; text-align:center}
.content_txt{ max-width:800px; margin:0 auto;}
.content_txt strong{font-size: 19px;font-weight: 500;}
.content_txt p{font-size: 17px;font-weight: 200;}
.heading1{ font-size:40px; line-height:55px;color: #EFBF04;}
.read-more{ background:#fdef11; color:#fff; padding:13px 25px; margin-top:20px; display:inline-block; font-size:17px; font-weight:500; border-radius:4px;}
.read-more:hover{ background:#000;}

.box_wra{ max-width:1200px; margin:0 auto; padding:45px 10px 30px 10px; color:#333;}
.heading2{ margin:0 0 20px 10px; font-size:28px; text-align:center; }
.box{ float: left;width: 48%;padding: 0px 0 10px;border: 1px solid #ccc;margin: 1%;text-align: center;}
.box h3{ margin:5px 0 10px; font-size:27px;}
.box p {margin: 10px 10px; font-size: 16px; line-height: 23px;;}
.box2{ width:50%;}

.testimonial_wra{ background:#04036e ;padding:60px 15px; color:#ffffff; text-align:center;}
.testimonial{max-width:900px; margin:0 auto;}
.testimonial_wra h2{ font-size:38px; margin:0 0 45px 0;}
.testimonial li{ font-size:16px; line-height:30px;}
.testimonial li strong{ display:block; margin-bottom:10px; font-size:22px; font-weight:600;}
.testimonial li span{ display:block; margin-top:40px; color:#fdef11;}

.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:#222;}
.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:#222; font-size:13px;}
.social_media span{ display:block; margin-top:5px;}
.social_media span a, .social_media span a:focus{ color:#222;}
.social_media span a:hover{ text-decoration:underline;}

.contact_wra{max-width: 1200px;margin: 0 auto;padding:55px 15px;}
.contact_left{ float:left; width:50%; background:#fdef11; color:#fff;font-size: 16px;line-height: 25px; padding:40px 30px 15px 30px; text-align:left; border-radius:4px;}
.contact_right{ float:right;width:50%; padding-left:50px;}
.contact_left table tr td{ padding-bottom:30px;}
.contact_left table tr td strong{ display:block; font-size:18px;}
.contact_left table tr td b{ font-weight:500;color: #6ad6ff;margin-top: 12px;display: block;}
.contact_left table tr td:first-child{ width:30px; vertical-align:top;}
.fld{ width:100%; padding:10px 10px; margin-bottom:15px;border: 1px solid #ccc;border-radius:4px; }
.contact_left h2{ margin:0 0 30px 0; font-size:28px;}
.contact_right h2{ margin:0 0 20px 0;}
.txtarea{ padding:10px; width:100%;font-family: 'Raleway', sans-serif;margin-bottom:15px; border: 1px solid #ccc;border-radius:4px;}
.btn{ background:#04036e;color: #fff;height: 45px;line-height: 45px;padding: 0px 30px;display: inline-block; font-size:17px;font-weight: 500; border-radius: 4px; border:none;}

.gallery{ padding:10px 0 30px 0;}
.gallery img{ width:25%; float:left; border:1px solid #fff;}

.display-error ul {     margin: 0 0 25px 0; padding: 0; }
.display-error ul li {     margin: 0 0 5px 0; padding: 0; color: #f00; list-style: none; }
.toptel{display:none;}

@media (max-width: 767px) {
.header_wra { padding:10px 10px;}
.call b{ display:none;}
.menu_icon{ display:block; position:absolute; right:15px; top: 13px;color: #fff;}
.nav_wra{ position:relative; padding:0;}
.nav_wra ul{ background:#04036e;box-shadow:2px 2px 3px #b35f00; width:250px;text-align:left;position:absolute; z-index:10; left:-100%; top:0; opacity:0; transition:all ease .5s;}
.box_wra { padding-top:0;}

.toptel{display:block;padding:5px;text-align:center;}
.toptel a{font-weight:bold;font-size:15px;color:#0603c3;}

.logo img{ height:70px;}
.logo span {font-size: 30px;}
.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;}

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

}
@media (max-width: 600px) {
.heading1{ margin-top:0;font-size: 29px;line-height: 39px;}
.box{ float:none; width:100%;}
.top_header_right{ display:none;}

.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_content li{ width:100%; padding:15px 0;}
}
@media (max-width: 1000px) {
.lbl{ width:50%;}
}