@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { background: #fff; font-family: 'Raleway', sans-serif; }
p { font-size: 16px; !important;
font-family: 'Raleway', sans-serif; text-align: justify; line-height: 31px; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #000000; font-family: 'Raleway', sans-serif; }
h1 { font-size: 50px; font-family: 'Raleway', sans-serif; font-weight: bolder; }
h2 { font-size: 30px; font-family: 'Raleway', sans-serif; color: #000000; font-weight: 800; }
h3 { font-size: 24px; color: #787878; line-height: 30px; color: #007bab; font-family: 'Raleway', sans-serif; font-weight: bold; }
h4 { font-size: 18px; font-family: 'Raleway', sans-serif; }
h5 { font-size: 24px; font-family: 'Raleway', sans-serif; font-weight: bold; }
h6 { font-size: 22px; font-family: 'Raleway', 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: none; color: #fff; border-radius: 4px; border: none; margin-top: 10px; }
.btn-primary:hover, .btn-primary:focus { background: none; 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******
**************************/


.chatbutton{width:60px; height:60px; background-color:#1ae617; position:absolute; right:0px; position:fixed; top:30%; z-index:999999; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.chatbutton img {
    margin: -1px 0 0 3px;
}


.chatbutton_cntct{width:60px; height:60px; background-color:#32bbcc; position:absolute; right:0px; position:fixed; top:41%; z-index:999999; border-top-left-radius:10px; border-bottom-left-radius:10px;}

.active { color: #E7E9EC !important; font-weight: 800 !important; }
.top_hdr { height: 42px; background-color: #32bbcc; }
.mail_col p { float: left; color: #fff; padding-top: 9px; }
.phone p { color: #fff; padding-top: 10px; }
i.fa.fa-envelope-o { color: #c3ecc3; margin: 0 5px 0 0; }
i.fa.fa-phone { color: #c3ecc3; margin: 0 6px 0 18px; }
.social_media_icon0 { float: right; }
.social_media_icon { float: right; margin: 0 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; }
.logo { margin-top: 15px; margin-bottom: 10px; }
.navbar-light .navbar-nav .nav-link { color: #fff; padding: 25px 40px 0 0; text-transform: uppercase; font-size: 15px; font-weight: 600; font-family: 'Raleway', sans-serif; }
.menu_part { background-color: #007bab; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #DDDEE0; }
.banner_img { height: 580px; background-size: cover; cursor: auto; }
.banner_text h1 { text-transform: uppercase; font-weight: 900; padding-top: 225px; color: #FFFFFF; }
.about_us { background-color: #e3effd; padding-bottom: 40px; }
.img_sec { margin-top: 70px; }
.img_sec img { width: 100%; }
.about_part { background: url(../images/aboutus_bg.png); height: 682px; background-size: cover; margin-top: 2px; }
.about_prt_txt { margin-top: 100px; }
.about_prt_txt h3 { padding-bottom: 41px; text-transform: uppercase; font-weight: 800; font-size: 41px; }
.about_prt_txt h2 { padding-bottom: 18px; font-weight: 700; }
.feature_part { background: url(../images/pattern.jpg); height: 629px; margin-top: 2px; }
.feature_part h2 { text-align: center; padding-top: 71px; padding-bottom: 25px; }
.f_icons { margin: 0 auto; }
.f_icons img { margin: 29px 0 0 0; }
p.feature_txt { padding-bottom: 30px; }
h3.f_hdr { text-align: center; padding-top: 24px; font-weight: 600; font-size: 22px; color: #000000; }
section.service_part { margin-top: 60px; margin-bottom: 54px; }
.serv_hdr h2 { text-align: center; padding-bottom: 20px; }
h3.ser_tag { text-align: center; color: #fff; font-weight: 600; font-size: 20px; background: #007bab; padding: 4px 0 9px 0; text-transform: uppercase; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.view_all { border: solid 1px #4c4a4a; padding: 7px 30px 7px 30px; border-radius: 8px; color: #464646; margin: 0 auto; display: table; margin-top: 37px; }
.view_all:hover { background: #68A9F5; border: solid 1px #FFFFFF; color: #fff; }
.recent_projects { background: url(../images/bg-recent.jpg); height: 564px; }
.recent_projects_txt { margin: 82px 0 0 0; }
.recent_projects_txt h2 { padding-bottom: 25px; }
.recent_project_part img { margin: 0 auto; display: table; margin-top: 94px; box-shadow: -3px 6px 15px 1px #1717177a; }
.video_part { background: url(../images/video_bg.jpg); height: 550px; margin-bottom: 2px; }
.ftr_section { height: auto; background: url(../images/ftr_bg.jpg); background-size: cover; cursor: auto; padding-bottom: 30px; }
.row.ftr_area { padding-top: 100px; }
.adress p { color: #fff; font-size: 15px; font-weight: 300; padding-top: 10px; text-align: left; }
.location h6 { color: #fff; text-align: center; }
.location p { color: #fff; text-align: center; font-size: 16px; font-weight: 300; }
.location strong { color: #fff; }
.social_media_icon h6 { color: #fff; text-align: center; }
.readmore_btn_abt { border: solid 1px #4c4a4a; padding: 7px 30px 7px 30px; border-radius: 8px; color: #464646; }
.readmore_btn_abt:hover { background: #abd424; border: solid 1px #FFFFFF; color: #fff; }
.what_who_cotct { background: url(../images/wht_who_contct.jpg); background-size: cover; height: 600px; margin-top: 2px; }
.wht_who_cntct_col { padding-top: 126px; }
.more_col { background-color: #fff; height: 350px; box-shadow: -3px 6px 15px 1px #17171752; border-bottom-right-radius: 50px; border-top-left-radius: 50px; }
.more_col img { margin: 0 auto; display: table; padding-top: 47px; padding-bottom: 14px; }
.more_col h5 { text-align: center; }
.more_col p { padding: 7px 26px 0 26px; text-align: center; }
.readmore_btn_abt01 { border: solid 1px #4c4a4a; padding: 7px 30px 7px 30px; border-radius: 8px; color: #464646; margin: 0 auto; display: table; }
.readmore_btn_abt01:hover { background: #abd424; border: solid 1px #FFFFFF; color: #fff; }
section.vision_mision { padding-top: 50px; padding-bottom: 50px; background: #FFFFFF; }
.vi_mi img { margin: 0 auto; display: table; }
.vi_mi p { padding: 20px; text-align: justify; letter-spacing: -.4px; }
.tik_valus p { padding: 0px; margin: 0; text-align: left; margin-top: 7px; }
span.spaceltr { padding: 0 0 0 34px; }
.tik_valus { margin-top: 19px; }
.video_glry h2 { text-align: center; color: #fff; padding-top: 106px; border-bottom: solid 1px gray; padding-bottom: 18px; }
 img.btn.btn-primary.\30 1 {
 position: absolute;
 margin: 0 auto;
 left: 0;
 right: 0;
 top: 147%;
}
.modal-dialog { max-width: 1000px !important; margin: 1.75rem auto; }
.inner_hdr h2 { text-align: center; padding-top: 17%; color: #fff; font-weight: 700; }
section.inner_page { margin-top: 67px; margin-bottom: 65px; }
/*--our_prodcts--*/
.inner_bnr_img01 { background: url(../images/our_prdcts.jpg); height: 427px; background-size: cover; }
.course { text-align: center; color: #FFFFFF; }
.course1 { text-align: center; font-family: Bradley Hand ITC; }
.cours2 { margin-top: 0px; }
.cours2 { position: relative; margin-bottom: 50px; background: #ece7e7; }
.cours3 { -border: 1px solid red; position: absolute; top: -100px; opacity: 0; -bottom: 100px; -background-color: rgba(142,198,63,.8); background-color: rgba(0,0,0,0.3); color: white; padding: 10p; }
.cours2:hover .cours3 { color: #fff; top: 0px; transition: 1s; }
.cours4 { position: absolute; -border: 1px solid red; -margin-top: -80px; padding-top: 20px; width: 100%; height: 80px; opacity: 0; bottom: -50px; -background-color: rgba(142,198,63,.8); background-color: rgba(0,0,0,0.3); color: #fff; }
.cours2:hover .cours4 { opacity: 1; bottom: 0; transition: 1s; color: #fff; }
.cours2:hover .hover { transform: scale(1.3); transition: 1s; }
.cours7 { border: 1px solid rgb(73,183,43); background-color: rgb(73,183,43); color: white; font-size: 18px; padding: 10px 15px; border-radius: 5px 20px; }
.cours7:hover { background-color: transparent; color: #fff; border: 1px solid rgb(73,183,43); transition: 1s; }
.cou:hover { background-color: transparent !important; color: #fff; !important;
border: 1px solid rgb(237,78,110) !important; }
.cours4 text-center h3 { color: #fff; }
.cours4.text-center a { color: #fff; }
.cours2 h3 { padding: 14px 0 0 0; }
.product_box_txt { margin: -50px 0 0 0; text-align: center; background: #f1ebeb; max-height: 200px; height: 170px; margin-bottom: 30px; }
.product_box_txt p { text-align: center; padding: 10px; }
.product_box_txt h3 { padding-top: 15px; text-transform:
}
.inner_bnr_img02 { background: url(../images/gallery.jpg); height: 427px; background-size: cover; }
.inner_bnr_img03 { background: url(../images/portfolio.jpg); height: 427px; background-size: cover; }
.portfolio h3 { text-align: center; }
.portfolio p { text-align: center; }
.portfolio-menu { text-align: center; }
.portfolio-menu { text-align: center; background: #f7f6f6; padding: 13px; border-radius: 24px; }
.item.col-lg-4.col-md-4.col-12.col-sm { margin-bottom: 28px; }
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #007bab !important; border-color: #007bab !important; }
.video_glry_colpart img { margin-bottom: 28px; }
img.btn.btn-primary.\.vdioglry001 { position: absolute; margin: 0 auto; left: 0; right: 0; top: 27%; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: transparent; border-color: transparent; }
.inner_bnr_img05 { background: url(../images/contact_us.jpg); height: 427px; background-size: cover; }
/*--Contact--*/

.inner_page_hdr04 h3 { color: #fff; text-transform: uppercase; font-size: 32px; font-weight: 600; text-align: center; padding-top: 20%; }
.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: #007bab; }
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: #007bab; font-weight: 700; padding-bottom: 26px; }
.add_part P { text-align: center; }
.map { margin-top: 5px; border-bottom: solid #f1eaea; }

/*--/Contact--*/

@media (max-width:767px) {
.top_hdr { height: auto; background-color: #32bbcc; padding-bottom: 4px; }
.mail_col p { float: left; color: #fff; padding-top: 4px; margin: 1px; text-align: center; font-size: 14px; }
.scl_media_icons { text-align: left; padding: 0; margin: 0; }
.phone p { color: #fff; padding-top: 5px; margin: 0; font-size: 14px; }
i.fa.fa-phone { color: #c3ecc3; margin: 0; }
.social_media_icon { float: none; margin: 0 0 0 0; }
.  .logo img {
width: 33%;
float: right;
margin: -1px 16px 2px 0;
}
.navbar.navbar-expand-lg.navbar-light { margin: -47px 0 0 0; }
.navbar-toggler { padding: 0px; }
.navbar-light .navbar-nav .nav-link { padding: 8px 0 4px 0; font-size: 14px; font-weight: 600; font-family: 'Roboto', sans-serif; }
.banner_img { max-height: 173px; background-size: cover; cursor: auto; width: 100%; }
.banner_text h1 { text-transform: uppercase; font-weight: bold; padding-top: 58px; color: #FFFFFF; font-size: 17px; }
.banner_text h4 { font-size: 12px; background-color: #ffffffc4; border-radius: 4px; padding: 5px; width: 53%; line-height: 17px; }
.img_sec img { width: 100%; }
.location p { color: #fff; text-align: justify; font-size: 14px; font-weight: 300; margin: 11px 0 0 0; }
.location h6 { color: #fff; text-align: justify; font-size: 18px; }
.social_media_icon h6 { color: #fff; text-align: justify; font-size: 18px; margin-top: 25px; }
.inner_page_hdr h3 { padding-top: 11%; font-size: 19px; }
.inner_pages { height: 123px; }
.inner_pages02 { height: 123px; }
.inner_pages03 { height: 123px; }
.inner_pages04 { height: 123px; }
.add_part { margin-top: 6%; text-align: center; }
.add_part P { text-align: center; }
.why_choose_col h6 { padding-top: 12px; font-size: 14px; }
.why_choose_col img { width: 75%; }
.adress { padding-bottom: 16px; }
.adress img { width: 31%; }
.mision_vision { background: #f7faff; margin-top: 0; padding-bottom: 60px; }
.row.ftr_area { padding-top: 30px; }
.fa.fa-facebook { padding: 0; border-radius: 55px; color: #fff; }
.formBox { margin-top: 42px; padding: 0; padding-bottom: 0px; padding-bottom: 46px; }
.add_part h4 { font-size: 24px; }
.social_media_icon0 { float: right; margin: -32px 0 0 0 !important; }
.more_col { margin-bottom: 40px; }
.readmore_btn_abt01 { padding: 3px 20px 3px 20px; }
.logo img { float: right; width: 31%; margin: 0 0px 5px 0; }
.about_prt_txt { margin-top: 20px; }
.about_prt_txt h3 { padding-bottom: 3px; font-size: 25px; }
.about_prt_txt h2 { padding-bottom: 13px; font-size: 20px; }
.about_part { height: auto; }
.feature_part h2 { text-align: center; padding-top: 23px; padding-bottom: 6px; font-size: 25px; }
.feature_part { height: auto; }
h3.f_hdr { margin-bottom: 29px; }
section.service_part { margin-top: 30px; margin-bottom: 54px; }
.serv_hdr h2 { font-size: 25px; }
.recent_projects_txt { margin: 3px 0 0 0; text-align: center; }
.recent_projects_txt h2 { padding-bottom: 25px; font-size: 25px; }
.recent_projects { background: url(../images/bg-recent.jpg); height: auto; margin-bottom: 33px; }
.recent_project_part img { margin: 0 auto; margin-top: 0px; display: table; margin-top: 25px; box-shadow: -3px 6px 15px 1px #1717177a; width: 100%; }
.video_glry h2 { padding-top: 30px; font-size: 25px; }
img.btn.btn-primary.\30 1 {
 position: absolute;
 margin: 0 auto;
 left: 0;
 right: 0;
 top: 145%;
 width: 37%;
}
.video_part { background: url(../images/video_bg.jpg); height: 328px; margin-bottom: 2px; }
.inner_bnr_img01 { height: 166px; }
.inner_hdr h2 { font-size: 25px; }
.inner_bnr_img02 { height: 166px; }
.inner_bnr_img03 { height: 166px; }
section.inner_page { margin-top: 38px; margin-bottom: 65px; }
.portfolio p { text-align: justify; }
.btn.btn-outline-dark { width: 100%; margin: 6px 0 0 0; }
.inner_bnr_img05 { height: 166px; }
.chatbutton_cntct {
    width: 60px;
    height: 60px;
    background-color: #32bbcc;
    position: absolute;
    right: 0px;
    position: fixed;
    top: 38%;
    z-index: 999999;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
}

@media (max-width:1258px) {
.banner_img { height: 464px; }
}