@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');
body { background: #fff; font-family: 'Raleway', sans-serif; }
p { font-size: 16px; !important;
font-family: 'Cairo', sans-serif; text-align: justify; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #000000; font-family: 'Cairo', sans-serif; }
h1 { font-size: 56px; font-family: 'Cairo', sans-serif; font-weight: 600; }
h2 { font-size: 35px; font-family: 'Cairo', sans-serif; color: #000000; }
h3 { font-size: 28px; color: #787878; line-height: 30px; color: #009140; }
h4 { font-size: 36px; font-family: 'Cairo', sans-serif; }
h5 { font-size: 24px; font-family: 'Cairo', sans-serif; font-weight: bold; }
h6 { font-size: 22px; font-family: 'Cairo', sans-serif; }
a { -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #3F3D3D; }
a:hover, a:focus { color: #d43133; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }
.btn-primary { padding: 8px 20px; background: #c52d2f; color: #fff; border-radius: 4px; border: none; margin-top: 10px; }
.btn-primary:hover, .btn-primary:focus { background: #c52d2f; outline: none; box-shadow: none; }
.btn-transparent { border: 3px solid #fff; background: transparent; color: #fff; }
.btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5); }
a:hover, a:focus { color: #033e09; text-decoration: none; outline: none; }
ol, ul { padding: 0px; margin: 0px; list-style: none }
.text-black { color: #333 }
.container { max-width: 1200px !important; width: 100% }
.center h2 { font-size: 26px; margin-top: 0; margin-bottom: 15px; color: #0872a2; text-transform: uppercase }
.media>.pull-left { margin-right: 20px; }
.media>.pull-right { margin-left: 20px; }
.box-pr { padding: 0 6px; margin-bottom: 12px }
.row6 { margin-left: -6px; margin-right: -6px }
.rugged-o-v1.pdf { margin-top: 40px }
.margin10 { margin-top: 10px }
.margin0 { margin: 0 }
.no-padding { padding: 0px; }
.ask { padding: 8px 30px !important; font-size: 18px !important; font-weight: bold }
.row0 { margin: 0 !important; }
.row10 { margin-left: -10px; margin-right: -10px }
.row7 { margin-left: -7px; margin-right: -7px }
.row5 { margin-left: -5px; margin-right: -5px }
.row12 { margin-left: 50px; margin-right: 50px; }
.row14 { margin-left: 100px!important; }
.padding-0 { padding: 0 !important; }
.padding-10 { padding: 0 10px !important; }
.padding-7 { padding: 0 7px }
.padding-6 { padding: 0 6px }
.padding-5 { padding: 0 5px }
.padding-bottom-0 { padding-bottom: 0px; }
/*************************
*******Header******
**************************/

.top_bar { height: 44px; background: #007fa6; }
.welcome p { color: #fff; padding-top: 10px; font-weight: 700; }
.phone p { color: #fff; padding-top: 10px; }
.mail p { color: #fff; padding-top: 10px; }
i.fa.fa-phone { margin: 0 15px 0 0; }
i.fa.fa-envelope-o { margin: 0 15px 0 0; }
.navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5); padding: 28px 40px 0 0; text-transform: uppercase; font-size: 15px; font-weight: 600; font-family: 'Cairo', sans-serif; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #019DE9; }
.logo { padding-bottom: 8px; }
section.menu_part { box-shadow: -3px 2px 15px 1px #17171752; }
.banner_img { height: 648px; background-size: cover; cursor: auto; }
.left_color { height: 648px; }
.left_color h1 { text-transform: uppercase; text-align: justify; padding-top: 224px; padding-right: 13px; color: #fff; }
.left_color h4 { text-align: justify; padding-right: 39px; color: #fff; }
section.about_us_col { margin-top: 60px; margin-bottom: 60px; }
.about_txt h2 { padding-top: 51px; color: #0088ae; padding-bottom: 20px; }
.arrow_bg0 img { width: 100%; }
.event_sec h2 { position: absolute; /* top: 0; */ left: 15px; right: 17px; bottom: -8px; font-size: 22px; padding: 10px 10px 13px 8px; background: #0073a57a; color: #fff; }
.event_sec { margin: 22px 0 0 0; }
.event_sec img { height: 326px; width: 567px; }
.readmore_btn_abt01 { padding: 10px 30px 7px 30px; border-radius: 8px; color: #FFFFFF; background: #0073a5; display: table; margin: 0 auto; margin-top: 4%; margin-bottom: 4%; }
.readmore_btn_abt01:hover { background: #4e9d03; color: #fff; }
.readmore_btn_abt02 { padding: 10px 30px 7px 30px; border-radius: 8px; color: #FFFFFF; background: #0073a5; display: table; margin: 0 auto; margin-top: 0px; margin-bottom: 4%; }
.readmore_btn_abt02:hover { background: #4e9d03; color: #fff; }
.event_sec h2:hover { background: #4e9d03; transition: all 1.3s ease 0s; }
.gallery_box { padding: 0; display: flow-root; }
.gallery_box li:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.gallery_box li img { -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; margin: 0 auto; display: table; width: 95%; }
.gallery_box li:nth-child(even) { height: 304px; }
.gallery_box li:nth-child(odd) { height: auto; }
.cat_hdr { margin-bottom: 55px; }
.gallery_box li:nth-child(odd) .box_data { background: rgba(0,0,0,0.17) }
.gallery_box li:nth-child(even) .box_data { background: rgba(0,44,255,0.27) }
.gallery_box .box_data { top: 0; left: 0; right: 0; bottom: 0; color: #fff; }
.gallery_box .box_data span { position: absolute; top: 89%; transform: translateY(-50%); left: 0; right: 0; font-size: 22px; font-family: 'Cairo', sans-serif; width: 100%; margin: 0 auto; color: #fff; padding: 3px; text-align: center; font-weight: 600; }
.gallery_box li:hover .box_data { background: rgba(255,0,39,0.55) }
.gallery_box .box_data span:hover { transition: all 0.9s ease-out 0s }
*/  .save_money_section {
margin-top: 50px;
}
.save_money_slider_bg { background: url(../images/save_mony_bg.png); background-size: cover; height: 735px; margin: -82px 0 27px 0; }
.save_money_section { margin-top: 50px; }
.save_mny_slider00 { padding-top: 113px; }
.save_money_txt { color: #fff; font-weight: bold; font-size: 19px; line-height: 22px; position: absolute; z-index: 999; bottom: -9px; left: 0px; right: 0; background: #00000073; padding: 16px 0 0 15px; height: 59px; text-align: center; text-transform: uppercase; }
.owl-prev > span { position: absolute; top: 42%; left: -72px; font-size: 20px; border: solid 1px gray; border-radius: 50%; width: 34px; height: 34px; }
.owl-prev > span:hover { background: #5896F5; color: #fff; }
.owl-next > span { position: absolute; top: 42%; right: -72px; font-size: 20px; border: solid 1px gray; border-radius: 50%; width: 34px; height: 34px; }
.owl-next > span:hover { background: #5896F5; color: #fff; }
.section.service_col { background: #edeeeb; padding-bottom: 70px; }
.serv_hdr h2 { text-align: center; padding-top: 23px; padding-bottom: 9px; color: #0088ae; font-weight: bold; }
.serv_hdr01 h2 { text-align: center; padding-bottom: 9px; color: #0088ae; font-weight: bold; }
.second_col_ser { margin-top: 40px; }
.choose_txt { background: #0073a5; height: 502px; }
.choose_txt h2 { color: #fff; padding: 44px 0 16px 33px; }
.choose_txt p { padding: 1px 0 0 33px; color: #fff; }
i.fa.fa-check-square-o { padding: 2px 8px 0 0; font-size: 22px; }
.call_us_sec { background: url(../images/call_us_bg.jpg); height: 415px; background-size: cover; margin-top: 5px; }
.call_us_hdr h2 { text-align: center; color: #fff; padding-top: 60px; }
.call_us_det { margin-top: 89px; }
.call_us_det h4 { color: #fff; padding: 14px 0 0px 14px; }
.call_us_det h2 { color: #ffff; font-weight: 700; }
.call_us_det img { float: left; margin: 0 10px 0 0; }
.test_mpnial_col { background: url(../images/testi_bg.jpg); height: 462px; background-size: cover; margin-top: 10px; }
.test_hdr h2 { padding: 52px; border: solid 9px #fff; margin: 55px; color: #fff; font-weight: 700; }
.test_hdr p { color: #fff; width: 65%; margin: 0 auto; text-align: inherit; }
.testi0001 img { margin: 0 auto; display: table; }
.testi0001 { margin-top: 75px; }
.testi0001 p { text-align: center; color: #fff; padding-top: 20px; }
.testi0001 h4 { font-size: 26px; color: #fff; text-align: center; }
.ftr_bg_col { background: url(../images/ftr_bg.jpg); height: auto; background-size: cover; margin-top: 5px; }
.ftr_log p { color: #fff; }
.ftr_contact h4 { color: #fff; font-size: 22px; padding-top: 80px; text-align: center; }
.ftr_contact p { color: #fff; text-align: center; }
.ftr_bg_txt { padding-top: 30px; }
.social_media_icon { margin: 71px 0 0 0; }
.fa.fa-facebook { padding: 10px 14px 9px 12px; border-radius: 55px; color: #fff; }
.fa.fa-facebook:hover { color: #094AF9; }
.fa.fa-instagram { padding: 10px 11px 9px 11px; border-radius: 55px; color: #fff; }
.fa.fa-instagram:hover { color: #FD6926; }
.fa.fa-twitter { padding: 10px 11px 10px 12px; border-radius: 55px; color: #fff; }
.fa.fa-twitter:hover { color: #1AC4EF; }
.fa.fa-youtube-play { padding: 10px 11px 10px 10px; border-radius: 55px; color: #fff; }
.fa.fa-youtube-play:hover { color: #F11414; }
.scl_media_icons { font-size: 22px; }
.social_media_icon h4 { color: #fff; font-size: 22px; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #0088ae; font-weight: 700; }
/*--servises---*/
.inner_banr01 { background: url(../images/service_bnr.jpg); background-size: cover; height: 400px; }
.inner_hdr h2 { text-align: center; padding-top: 15%; color: #fff; font-weight: 600; }
section.service_col { margin-top: 50px; margin-bottom: 90px; }
section.service_col_sec { margin-top: 61px; margin-bottom: 61px; }
.serv_sec_01 h2 { text-align: center; font-size: 25px; padding: 13px 0px 0 0; color: #0fc6e8; }
.serv_sec_01 img { width: 100%; padding: 10px; }
.serv_sec_01 { background: #f1efef; border-radius: 5px; }
.serv_sec_01 p { text-align: center; padding: 0px 14px 10px 14px; }
/*--projects---*/
.inner_banr02 { background: url(../images/projects01.jpg); background-size: cover; height: 400px; }
section.gallery_col_sec { margin-top: 60px; margin-bottom: 60px; }
.pro_txt h2 { font-size: 24px; padding-top: 65px; color: #0fc6e8; }
.pro_col { background: #f3f2f2; border-radius: 10px; margin-bottom: 20px; }
.pro_txt { padding: 20px; }
section.gallery_sec { margin-top: 70px; margin-bottom: 70px; }
.popup-gallery img { margin: 27px 0 0 0; border-radius: 9px; }
/*---me----*/

.feature-item {
    /* display: flex; */
    align-items: flex-start;
    padding: 27px 30px 32px;
    border-radius: 10px;
    background: #f8f8f8;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    height: 100%;
    margin-bottom: 15px;
}
.col_4 {margin-bottom: 20px;}
.inner_banr05 { background: url(../images/call_us_bg.jpg); background-size: cover; height: 400px; }
.serv_sec_02 img { width: 70%; padding: 10px; }
.serv_sec_02 p { text-align: center; padding: 0px 14px 10px 14px; }
.serv_sec_06 { background: #f1efef; border-radius: 5px; }
.serv_sec_02 h2 { text-align: center; font-size: 25px; padding: 50px 0px 0 0; color: #0fc6e8; }
.serv_sec_02 h3 { text-align: center; font-size: 25px; padding: 0px 10px 0 0; color: #000000; }
/*--team--*/
.inner_banr03 { background: url(../images/team.jpg); background-size: cover; height: 400px; }
section.team_sec { margin-top: 60px; margin-bottom: 60px; }
.team_01 img { width: 100%; }
.name_box { background: #0fc6e8; }
.name_box h3 { text-align: center; font-size: 22px; color: #fff; font-weight: 600; margin: 0; padding-top: 10px; }
.name_box p { text-align: center; color: #fff; padding-bottom: 11px; }
/*--CONTACT_US--*/
.inner_banr04 { background: url(../images/contac_us.jpg); background-size: cover; height: 400px; }
.formBox { margin-top: 45px; padding: 50px; }
.formBox h1 { margin: 0; padding: 0; text-align: center; margin-bottom: 50px; text-transform: uppercase; font-size: 20px; }
.inputBox { position: relative; box-sizing: border-box; margin-bottom: 24px; }
.inputBox .inputText { position: absolute; font-size: 16px; line-height: 67px; transition: .5s; opacity: .5; }
.inputBox .input { position: relative; width: 100%; height: 50px; background: transparent; border: none; outline: none; font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.14); padding: 16px 0 0 0; }
.focus .inputText { transform: translateY(-30px); font-size: 16px; opacity: 1; color: #34ca62; }
textarea { height: 100px !important; }
.button { width: 100%; height: 50px; border: none; outline: none; background: #03A9F4; color: #fff; }
.sbmt_icon { background: #069017; padding: 6px 18px 6px 18px; margin: 0 auto; display: table; color: #fff; font-size: 18px; border-radius: 7px; }
.sbmt_icon:hover { text-decoration: none; color: #D3C8C8; }
.add_part { margin-top: 39%; text-align: center; }
.add_part h4 { font-size: 26px; color: #219205; font-weight: 700; padding-bottom: 26px; }
.add_part P { text-align: center; }

@media (max-width:767px) {
.top_bar { height: auto; background: #0fc6e8; }
.welcome { display: none; }
.phone p { color: #fff; padding-top: 10px; font-size: 14px; }
.mail p { color: #fff; padding-top: 10px; font-size: 14px; }
.mail { margin: 0 0 0 -15px; }
.logo img { width: 46%; margin: 6px 1px 0 16px; float: right; }
.logo { padding-bottom: 8px; float: right; }
.navbar.navbar-expand-lg.navbar-light { margin: -60px 0 0 -9px; }
.banner_img { height: 181px; background-size: cover; cursor: auto; }
.left_color { background: none; height: auto; }
.left_color h1 { text-transform: uppercase; text-align: left; padding-top: 38px; padding-right: 151px; color: #fff; font-size: 22px; margin: 6px; }
.left_color h4 { text-align: left; padding-right: 105px; color: #fff; font-size: 17px; margin-left: 6px; }
.navbar-light .navbar-nav .nav-link { margin: 0; padding: 7px; }
section.about_us_col { margin-top: 23px; margin-bottom: 6px; }
.about_img img { width: 100%; }
.about_txt h2 { padding-top: 22px; color: #0fc6e8; padding-bottom: 20px; font-size: 25px; }
.serv_hdr h2 { padding-top: 19px; padding-bottom: 20px; font-size: 30px; }
.gallery_box li:nth-child(2n+1) { height: auto; margin-top: 20px; }
.second_col_ser { margin-top: 0; }
.choose_img img { width: 100%; }
.choose_txt h2 { color: #fff; padding: 19px 0 16px 13px; font-size: 25px; }
.choose_txt p { padding: 13px; color: #fff; margin: 0; }
.choose_txt { background: #0073a5; height: auto; }
section.service_col { background: #edeeeb; padding-bottom: 25px; }
.call_us_sec { background: url(../images/call_us_bg.jpg); background-size: auto; height: auto; background-size: cover; margin-top: 5px; }
.call_us_hdr h2 { text-align: center; color: #fff; padding-top: 31px; font-size: 25px; }
.call_us_img img { width: 51%; }
.call_us_det h4 { color: #fff; padding: 14px 0 0px 14px; font-size: 21px; }
.call_us_det h2 { color: #ffff; font-weight: 700; font-size: 24px; }
.call_us_det { margin-top: 24px; padding-bottom: 53px; }
.call_us_det img { float: left; margin: 0 10px 0 0; width: 26%; }
.test_mpnial_col { background: url(../images/testi_bg.jpg); background-size: auto; height: auto; background-size: cover; margin-top: 10px; padding-bottom: 20px; }
.ftr_bg_col { background: url(../images/ftr_bg.jpg); background-size: auto; height: auto; background-size: cover; margin-top: 5px; }
.ftr_contact h4 { padding-top: 21px; }
.social_media_icon { margin: 29px 0 0 0; }
.inner_banr01 { height: 155px; }
.inner_banr02 { height: 155px; }
.inner_banr03 { height: 155px; }
.inner_banr04 { height: 155px; }
.inner_hdr h2 { font-size: 25px; }
section.service_col_sec { margin-top: 31px; margin-bottom: 61px; }
.projetct_img img { width: 100%; }
.pro_txt h2 { font-size: 24px; padding-top: 0; color: #0fc6e8; }
section.projects_col_sec { margin-top: 31px; margin-bottom: 60px; }
section.team_sec { margin-top: 31px; margin-bottom: 60px; }
.formBox { margin-top: 27px; padding: 0; }
.btn.btn-default.quote_btn { margin: 0 auto; display: table; }
.add_part { margin-top: 17%; text-align: center; }
}
.logo img { width: 30%; }