@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:#ffc685;}
.top_header a, .top_header a:focus{ color:#fff; }

.header_wra{ max-width:1200px; margin:0 auto; padding:20px 15px;}
.logo{ float:left;}
.logo img{ height:65px;}

.nav_wra{padding:5px 25px; background:#ec8e23; 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:#ffdbb1;}
.nav_wra li a.active{color:#ffdbb1;}

.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:#ec8e23; 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; 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;}

.contact_wra{max-width: 1200px;margin: 0 auto;padding:55px 15px;}
.contact_left{ float:left; width:50%; background:#ec8e23; 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:#ec8e23;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; }

@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:#ec8e23;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;}


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

.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%;}
.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%;}
}