h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #0f1214; font-family: 'Roboto', sans-serif; } h1 { font-size: 30px; } h2 { font-size: 26px; font-weight: 700; } p, ul { margin: 0; padding: 0; } p { font-size: 18px; color: #7f8386; font-family: 'Roboto', sans-serif; font-weight: 400; } a { text-decoration: none !important; color: #0eb3d6; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } textarea { resize: none; } input::-webkit-input-placeholder, input, textarea, textarea::-webkit-input-placeholder, select { opacity: 1; } input:-ms-input-placeholder, input, textarea, textarea:-ms-input-placeholder, select { opacity: 1; } input::-ms-input-placeholder, input, textarea, textarea::-ms-input-placeholder, select { opacity: 1; } input::placeholder, input, textarea, textarea::placeholder, select { opacity: 1; } input:focus, button:focus, textarea:focus, a:focus, select:focus { outline: none; } label { color: #0f1214; } ::-moz-selection { background-color: #fda700; color: #ffffff; } ::selection { background-color: #fda700; color: #ffffff; } .input_half_width { width: 50%; float: left; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; -o-text-overflow: ''; text-overflow: ''; position: relative; cursor: pointer; border-radius: 0; } .select_icon { display: block; width: 100%; float: left; position: relative; } .select_icon:before { content: "\f0d7"; font-family: FontAwesome; position: absolute; z-index: 1; right: 30px; margin-top: 17px; color: #ffffff; cursor: pointer; display: inline-block; } textarea { width: 100%; } li { list-style: none; } *, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 32px; overflow-x: hidden; overflow-y: scroll; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .section_padding { padding: 120px 0; } .hero-section-title { margin-bottom: 60px; } .hero-section-title h4 { font-size: 14px; font-weight: 500; color: #0eb3d6; margin-top: 12px; text-transform: uppercase; letter-spacing: 3px; } .hero-section-title h1 { font-size: 50px; font-weight: 700; margin-top: 10px; } .hero-section-title i { color: #fda700; font-size: 35px; } .section_border { border-bottom: 2px solid #eef3f9; } .skyblue_bg { background-color: #0eb3d6; } .gray_bg { background-color: #eef3f9; } .mb_30{ margin-bottom: 30px; } .mb_40 { margin-bottom: 40px; } .mb_60 { margin-bottom: 60px; } .mb_50 { margin-bottom: 50px; } .mb_20{ margin-bottom: 20px; } .pr_12 { padding-right: 12px; } .pl_12 { padding-left: 12px; } .btn-gray { padding: 16px 40px; background: #eef3f9; display: inline-block; font-weight: 900; color: #7f8386; } .btn-gray:hover { background: #fda700; color: #ffffff; } .btn-orange { background: #fda700; color: #ffffff; padding: 16px 25px; display: inline-block; text-decoration: none; font-weight: 700; border: none; } .btn-orange:hover { background: #ffffff; color: #0f1214; text-decoration: none; } .input_mr { margin-right: 20px; } .input_mb { margin-bottom: 20px; } .container-fluid { padding-left: 60px; padding-right: 60px; } /*loader*/ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .preloader { background: #fda700; position: fixed; width: 100%; height: 100%; z-index: 99999999999999999; overflow: hidden; text-align: center; top: 0; left: 0; } .loader { position: absolute; text-align: center; width: 100px; height: 100px; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; } .span, .span_large{ float: left; width: 100px; height: 100px; vertical-align: middle; border-radius: 1px; margin-right: 100px; } .span:last-child{ margin-right: 0; } /* go in*/ .dashboard { width: 80px; height: 80px; margin: 10px auto; border: 2px #ffffff solid; border-radius: 100%; position: relative; overflow: hidden; z-index: 1; } .dashboard:after, .dashboard:before{ position: absolute; content: ""; } .dashboard:after { width: 35px; height: 2px; top: 52px; -webkit-transform-origin: 1px 1px; -ms-transform-origin: 1px 1px; transform-origin: 1px 1px; background-color: #ffffff; -webkit-animation: dashboard_hand 1s linear infinite alternate; animation: dashboard_hand 1s linear infinite alternate; } .dashboard:before { width: 80px; height: 25px; background-color: #ffffff; top: 52px; left: -2px; } @-webkit-keyframes dashboard_hand{ 0%{ -webkit-transform: rotate(-160deg);} 100%{ -webkit-transform: rotate(-20deg);} } @keyframes dashboard_hand{ 0%{ -webkit-transform: rotate(-160deg); transform: rotate(-160deg);} 100%{ -webkit-transform: rotate(-20deg); transform: rotate(-20deg);} } /* Header Slider */ .header_slider_bg { background: url(../images/ac-repair-2.webp) center right no-repeat; background-size: cover; padding: 172px 0 196px 0; position: relative; } .header_slider_bg:before { content: ''; background: #0eb3d6; position: absolute; width: 100%; height: 30px; bottom: 0; } .slider_bg_2 { background-image: url(../../img/bna.webp); } .header_slider_section { position: relative; overflow: hidden; } .header_slider_section img.header_slide_shape { position: absolute; left: 0; width: 100%; bottom: -12%; z-index: 1; } .header_slider_area .owl-stage-outer.owl-height { overflow: inherit; } .header_slide_text p { color: #0eb3d6; font-weight: 400; font-size: 22px; } .header_slide_text h1 { font-size: 60px; font-weight: 400; padding: 9px 110px 44px 0; } .header_slider_area .owl-dots { position: absolute; left: 20%; bottom: 168px; z-index: 99999; width: 100%; } .header_slider_area .owl-dots button { width: 10px; height: 10px; background: #c0c5c9; border-radius: 50%; margin: 0 2px; } .header_slider_area .owl-dots button.active { background: #16181a; } .header_slide_text a.btn-orange { margin-bottom: 32px; padding: 16px 40px; } /* Header */ .header_area { padding: 10px 0; } .header_left_contact li { display: inline-block; margin-right: 20px; color: #7f8386; font-size: 14px; font-weight: 500; } .header_left_contact li i { color: #0eb3d6; margin-right: 5px; } .header_left_contact.header_right_contact p a:hover { color: #7f8386; } .header_left_contact.header_right_contact p { font-size: 14px; font-weight: 500; color: #7f8386; } /* breadcrumb */ .breadcrumb { padding: 0; margin-bottom: 10px; list-style: none; border-radius: 4px; background: none; } .breadcrumb > li + li:before { content: "-"; color: #0eb3d6; padding: 0 10px 0 6px; } ul.breadcrumb li { color: #0eb3d6; font-size: 18px; font-weight: 500; } ul.breadcrumb li a { font-size: 18px; font-weight: 500; } ul.breadcrumb li a:hover { color: #0f1214; } .breadcrumb_area h1 { font-size: 50px; font-weight: 400; } /* Main menu */ .main_menu_area nav.navbar.navbar-default { display: flex; padding: 0 15px; } .navbar-default .navbar-collapse { padding: 0; } .main_menu_area nav.navbar.navbar-default .logo_flex { width: 16%; position: relative; } .main_menu_area nav.navbar.navbar-default .navbar_flex { width: 70%; } .main_menu_area nav.navbar.navbar-default .social_icon_flex { width: 29%; } .main_menu_area .logo:before { right: 60px; } .main_menu_area .header-social-right ul:before { right: -60px; } .main_menu_area .header-social-right span.contact_us { margin-left: 120px; } .main_menu_area { padding: 30px 0 20px 0; background-color: #ffffff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .navbar-nav > li .dropdown-menu { display: block; } .navbar-nav > li:hover .dropdown-menu { display: block; } .navbar-default { background: none; border: none; margin: 0; } .menu_style_2.main_menu_area .logo { padding: 15px 0; margin-top: 10px; } .main_menu_area .logo img { width: 130px; height: auto; } .main_menu_area .logo { display: inline-table; padding-top: 3px; } .main_menu_area .navbar-default .navbar-nav > li > a { color: #7f8386; font-weight: 500; font-size: 15px; padding: 15px 45px 20px 0; line-height: 24px; } .menu_style_2.main_menu_area .navbar-default .navbar-nav > li > a { padding-top: 27px; line-height: 40px; color: #7f8386; } .main_menu_area .navbar-default .navbar-nav > li > a:hover { color: #0eb3d6; } .main_menu_area .navbar-nav > li > .dropdown-menu { background: #0eb3d6; border-radius: 0; border: none; width: 190px; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-box-shadow: none; padding: 25px; -webkit-transform: rotateX(90deg) skew(-6deg); transform: rotateX(90deg) skew(-6deg); box-shadow: 0 5px 20px rgba(14, 179, 214, 0.2); } .main_menu_area .navbar-nav > li:hover > .dropdown-menu{ -webkit-transform: rotateX(0deg) skew(0deg); transform: rotateX(0deg) skew(0deg); } .main_menu_area .navbar-nav > li > .dropdown-menu li a { padding: 10px 15px; color: #ffffff; font-weight: 400; position: relative; font-size: 16px; } .main_menu_area .navbar-nav > li > .dropdown-menu li a:hover { font-weight: 700; background: none } .main_menu_area .header-social-right ul li { display: inline-block; } .main_menu_area .header-social-right ul li a { display: block; width: 40px; height: 40px; background: #edf2f9; text-align: center; line-height: 40px; border-radius: 50%; margin: 0 2px; position: relative; z-index: 1; font-size: 14px; } .main_menu_area .header-social-right ul li a:hover { color: #ffffff; } .main_menu_area .header-social-right ul li a:before { content: ''; background: #0eb3d6; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .main_menu_area .header-social-right ul li a:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .main_menu_area .header-social-right ul { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; position: relative; text-align: right; } .main_menu_area .header-social-right span.contact_us { font-size: 16px; font-weight: 400; color: #777; line-height: 20px; margin-left: 65px; } .main_menu_area .header-social-right span.contact_us span { display: inline-block; font-size: 18px; color: #0eb3d6; font-weight: 700; } .header-social-right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; } .header-social-right > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .main_menu_area .header-social-right ul:before, .main_menu_area .logo:before { content: ''; background: #eef3f9; width: 2px; height: 110px; position: absolute; right: -20px; top: -35px; } .main_menu_area .logo:before { height: 113px; } .main_menu_area .navbar-nav > li > .dropdown-menu:before { content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0eb3d6; position: absolute; top: -0px; left: 45px; z-index: -1; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .main_menu_area .navbar-nav > li:hover > .dropdown-menu:before { top: -10px; } .menu_style_2.main_menu_area .logo:before { top: 0; height: 92px; } .hv2_slider_area { position: relative; } .main_menu_area.menu_style_2 .social_btn_column { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .hv2_header-social-right ul li { display: inline-block; margin-left: 19px; } .hv2_header-social-right ul li.hv2_contact_us { top: 0; margin-left: 0; position: relative; right: -60px; text-align: right; } .hv2_header-social-right ul li:first-child { margin-left: 0; } .hv2_header-social-right ul li a { color: #b1b6b9; display: block; } .hv2_header-social-right ul li a:hover { color: #0eb3d6; } .hv2_contact_us .btn-orange:hover { background-color: #0f1214; color: #ffffff; } .hv2_contact_us .btn-orange { padding: 30px 65px; display: inline-block; color: #ffffff; } .menu_style_2.main_menu_area { padding: 0; background: #ffffff; position: relative; border-top: 2px solid #eef3f9; } .main_menu_area .navbar-default .navbar-nav > li > span { display: none; } .fixed-scroll-nav .main_menu_area { position: fixed; top: 0; width: 100%; z-index: 99999999; border-top: none; border-bottom: 2px solid #eef3f9; } .fixed-scroll-nav .main_menu_area.menu_style_2 { border-bottom: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .hv2_header-social-right.text-right ul { text-align: right; } .main_menu_area.menu_style_2 nav.navbar.navbar-default .col-md-2 { padding: 0; width: 13%; } .main_menu_area.menu_style_2 nav.navbar.navbar-default .col-md-6 { width: 54%; } .main_menu_area.menu_style_2 nav.navbar.navbar-default .col-md-4 { padding-right: 0; } /* hv2 header slider */ .hv2_slider_bg { background: url(../images/hv2_slider1.jpg) center right no-repeat; background-size: cover; position: relative; z-index: 1; padding: 205px 0 230px 0; } .hv2_slider_bg:before { content: ''; background-color: #000000; position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: -1; opacity: .8; } .hv2_slider_bg2 { background-image: url(../images/hv2_slider1.jpg); } .hv2_slider_bg3 { background-image: url(../images/hv2_slider1.jpg); } .hv2_slider_area .hero-section-title { margin-bottom: 0; } .hv2_slider_area .hero-section-title h1 { font-size: 80px; font-weight: 500; margin-top: 20px; line-height: 100px; padding: 0 180px; color: #ffffff; margin-bottom: 40px; } .hv2_slider_area .hero-section-title h4 { margin: 0; } .hv2_slider_area .hero-section-title .btn-orange { padding: 15px 40px; } .hv2_slider_area .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; text-align: left; } .hv2_slider_area .owl-nav button { width: 65px; height: 65px; background: #0002 !important; display: inline-block; border-radius: 50%; text-align: center; position: absolute; left: 60px; } .hv2_slider_area .owl-nav button i { font-size: 24px; color: #ffffff; display: block; width: 100%; height: 100%; line-height: 65px; } .hv2_slider_area .owl-nav button.owl-next { left: auto; right: 60px; float: right; } /* about */ .about_area { position: relative; z-index: 1; } .about_area:before { content: ''; background: url(../images/cleaning_service.jpg) center center no-repeat; background-size: cover; position: absolute; right: 0; top: 0; width: 45%; height: 100%; z-index: -1; } .about_support_flex, .about_flex, .about_video { display: -webkit-box; display: -ms-flexbox; display: flex; } .about_video { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about_flex > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .about_with_contact_area { position: relative; z-index: 1; padding-bottom: 339px; } .about_with_contact_area .right_details p { font-weight: 300; margin-bottom: 34px; } .about_with_contact_form { background-color: #0eb3d6; margin-top: -222px; margin-bottom: 119px; } .about_with_contact_form h1 { text-align: center; background-color: #16bbde; padding: 36px 0; font-size: 26px; font-weight: 600; color: #ffffff; } .about_with_contact_form form { padding: 50px; } .about_with_contact_form input::-webkit-input-placeholder, .about_with_contact_form textarea::-webkit-input-placeholder, .about_with_contact_form input:-moz-placeholder, .about_with_contact_form textarea:-moz-placeholder, .about_with_contact_form input:-ms-input-placeholder, .about_with_contact_form textarea:-ms-input-placeholder, .about_with_contact_form input::-webkit-input-placeholder, .about_with_contact_form textarea::-webkit-input-placeholder { color: #ffffff; opacity: 1; } .about_with_contact_form input::placeholder, .about_with_contact_form textarea::placeholder { color: #ffffff; opacity: 1; } .about_with_contact_form input::-webkit-input-placeholder, .about_with_contact_form textarea::-webkit-input-placeholder, .about_with_contact_form input:-moz-placeholder, .about_with_contact_form textarea:-moz-placeholder, .about_with_contact_form input:-ms-input-placeholder, .about_with_contact_form textarea:-ms-input-placeholder, .about_with_contact_form input::placeholder, .about_with_contact_form textarea::placeholder { color: #ffffff; } .about_with_contact_form input::-webkit-input-placeholder, .about_with_contact_form textarea::-webkit-input-placeholder { color: #ffffff; } .about_with_contact_form .input-group { width: 100%; display: block; position: relative; min-height: 65px; } .about_with_contact_form input, .about_with_contact_form select, .about_with_contact_form textarea { background-color: #0b9cbc; border: none; color: #ffffff; font-size: 14px; font-weight: 500; padding: 15px 0 15px 25px; margin-bottom: 24px; width: 100%; opacity: 1; } .about_with_contact_form select, .about_with_contact_form button.btn-orange { width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .about_with_contact_form button.btn-orange { max-width: 400px; left: 50%; display: inline-block; } .about_with_contact_form select { padding: 15px 0 15px 25px; height: 64px; } .about_with_contact_form input.input_mr { margin-right: 3%; } .about_with_contact_form textarea { width: 100%; height: 156px; margin-bottom: 13px; } .about_with_contact_area:before { content: ''; background: url(../images/hv2_about_bg.jpg) center center no-repeat; background-size: cover; width: 40%; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; opacity: .1; } .about_details .hero-section-title { margin: 0; } .about_details .hero-section-title h1 { line-height: 56px; margin-top: 0; } .about_details .hero-section-title i { margin-left: -5px; } .about_details .hero-section-title h4 { margin-top: 0; padding: 20px 0; } .about_details p { margin-top: 50px; margin-bottom: 45px; } .about_details p { margin-top: 50px; margin-bottom: 45px; } .about_details ul li { color: #7f8386; } .about_details ul li i { color: #fda700; margin-right: 15px; } .about_details { padding: 120px 0 115px 0; } .about_support img { position: absolute; right: 0; width: 45%; } .about_support .about_support_flex, .services_support { position: absolute; bottom: 60px; left: 52%; background: #fda700; } .services_support { position: relative; left: 0; bottom: auto; } .about_support .about_support_flex i, .services_support i { display: inline-block; width: 135px; text-align: center; font-size: 70px; color: #ffffff; padding: 40px 0; background: #f8b836; } .services_support > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .about_support_flex p, .services_support p { font-size: 18px; font-weight: 500; color: #ffffff; padding: 33px 40px; line-height: 38px; } .services_support p { font-size: 16px; padding: 30px 30px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .about_support_flex p span, .services_support p span { font-size: 40px; font-weight: 700; } .services_support p span { font-size: 30px; display: block; } .about_with_contact_details .hero-section-title h4 { margin-top: 12px; } .about_with_contact_details .hero-section-title i { margin-left: -5px; } .about_with_contact_details .hero-section-title h1 span { color: #fda700; font-weight: 300; } .about_with_contact_details .hero-section-title { margin-bottom: 43px; } .about_with_contact_details p { font-weight: 400; line-height: 34px; padding-right: 70px; margin-bottom: 55px; } .about_video .video_img { display: block; width: 65px; height: 65px; border-radius: 50%; text-align: center; line-height: 65px; position: relative; z-index: 1; overflow: hidden; margin-right: 20px; } .about_video .video_img:before { content: ''; background: url(../images/about_video.jpg) center center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .about_video .video_img:after { content: ''; background-color: #000000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; visibility: hidden; } .about_video .video_img > a { display: block; width: 100%; height: 100%; color: #fff; opacity: 0; visibility: hidden; } .about_video .video_img:hover > a { opacity: 1; visibility: visible; } .about_video .video_img:hover:after { visibility: visible; opacity: .5; } .video_img #videostore, .video_img #videostore iframe, iframe { width: 600px !important; height: 400px !important; margin: 20px auto !important; border: none !important; } .mfp-close-btn-in .mfp-close { color: #fff; z-index: 999999; font-size: 40px; } .about_video span.about_learn_more { display: block; font-weight: 500; color: #2a2a3f; } .about_video span.about_learn_more > a { color: #0eb3d6; } .breadcrumb_area { padding: 110px 0 110px 0; border-bottom: 30px solid #0eb3d6; } .breadcrumb_area, .map_section { z-index: 1; position: relative; } .map_section { border-bottom: 30px solid #0eb3d6; } .breadcrumb_area img, .map_section img { position: absolute; left: 0; bottom: -40%; width: 100%; z-index: -1; } .map_section img { z-index: 1; bottom: -34%; } /* gallery */ .hv2_gallery_area { display: -webkit-box; display: -ms-flexbox; display: flex; } .hv2_gallery_area > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .hv2_gallery_box:last-child { border-right: none; } .hv2_gallery_box { position: relative; border-right: 30px solid #ffffff; border-bottom: 30px solid #ffffff; width: 370px; height: 370px; background: url(../images/gallery_1.jpg) center center no-repeat; background-size: cover; } .gallery_box { position: relative; } .hv2_gallery_box .hv2_gallery_overlay a, .gallery_box a { font-size: 25px; color: #ffffff; width: 65px; height: 65px; background-color: #000000; display: inline-block; line-height: 65px; border-radius: 50%; top: 50%; position: absolute; margin-top: -32.5px; margin-left: -32.5px; } .hv2_gallery_box .hv2_gallery_overlay a i { display: block; width: 100%; height: 100%; line-height: 65px; top: 50%; } .hv2_gallery_box .hv2_gallery_overlay, .page_gallery_overlay { background: #fda700; width: 95%; height: 95%; position: absolute; left: 0; bottom: 0; opacity: 0; text-align: center; -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .hv2_gallery_box:hover .hv2_gallery_overlay, .gallery_box:hover .page_gallery_overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .90; } .hv2_gallery_bg_2 { background-image: url(../images/gallery_1.jpg); } .hv2_gallery_bg_3 { background-image: url(../images/gallery_1.jpg); } .hv2_gallery_bg_4 { background-image: url(../images/gallery_1.jpg); } .hv2_gallery_bg_5 { background-image: url(../images/gallery_1.jpg); } .gallery_area, .latest_blog_area, .blog_details_area { position: relative; z-index: 99; } .gallery_area, .latest_blog_area, .blog_details_area { padding: 120px 0 120px 0; } .gallery_area .gallery_box img { width: 100%; } /* Call top action */ .call_to_action_section { background: #fda700; } .call_to_action_section a.btn_mr { margin-right: 5px; } .call_to_action_section .btn-orange { padding: 16px 40px; } .call_to_action_section a.btn-orange.btn_mr { background: #0eb3d6; } .call_to_action_section a.btn-white, .call_to_action_section a.btn-orange.btn_mr:hover { background: #FFFFFF; color: #0f1214; } .call_to_action_section a.btn-white:hover { color: #ffffff; background: #0f1214; } .call_to_action_section h1 { font-size: 30px; font-weight: 500; color: #ffffff; margin-bottom: 60px; line-height: normal; } /* Blog */ .blog_social_share_box, .blog_author_box { display: -webkit-box; display: -ms-flexbox; display: flex; } .blog_social_share_box .share_box_left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .blog_social_share_box { padding: 60px 0; border-top: 2px solid #eef3f9; border-bottom: 2px solid #eef3f9; } .blog_author_box { padding: 60px 0; border-bottom: 2px solid #eef3f9; margin-bottom: 60px; } .single-comment-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .single-comment-box .comment_image { margin-right: 30px; } .blog_comment_box .title-box { margin-bottom: 0; } .comment_image img { border-radius: 50%; width: 115px; height: auto; } .comments-area .title-box { padding-top: 40px; border-top: 2px solid #eef3f9; } .blog_comment_box .title-box h3 { font-weight: 700; font-size: 30px; } .comment-list li { padding: 40px 0 60px 0; border-bottom: 2px solid #eef3f9; } .comment-list li:last-child { border-bottom: none; padding: 60px 0 60px 0; } .latest_post ul li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; } .latest_post ul li a:nth-child(2) { padding-left: 10px; } .latest_post ul li:last-child { border-bottom: none; margin: 0; padding: 0; } .latest_share_blog_box img { width: 100%; } .latest_share_blog_box, .latest_share_img_box, .lb_share_img { position: relative; } .latest_share_blog_box span.blog_date, .bl_share_img .blog_date { font-size: 14px; font-weight: 700; position: absolute; background: #fda700; color: #ffffff; padding: 10px 26px; line-height: normal; right: 20px; bottom: -20px; } .latest_share_blog_box > a { display: block; text-decoration: none; } .latest_share_blog_box > a:hover { text-decoration: none; } .latest_share_blog_box a h1 { margin-top: 40px; margin-bottom: 40px; font-size: 26px; font-weight: 700; padding: 0 38px; line-height: 32px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .latest_share_blog_box a h1:hover { color: #fda700; } .latest_share_blog_box p { color: #7f8386; font-size: 18px; font-weight: 400; padding: 0 40px; } .bl_share_img { position: relative; } .bl_share_img img { width: 100%; } .blog_share_details h1 { margin-top: 50px; font-size: 40px; font-weight: 500; } .blog_share_details span.comment_author { display: block; color: #0eb3d6; font-size: 16px; font-weight: 400; margin-bottom: 40px; } .blog_share_details span.comment_author > a { margin-right: 10px; } .blog_share_details span.comment_author > a:hover { color: #0f1214; } .blog_share_details p:last-child { margin-bottom: 60px; } .share_box_left p { color: #0f1214; font-weight: 700; font-size: 16px; } .share_box_left p a { color: #fda700; font-weight: 500; margin-left: 5px; } .share_box_left p a:hover, .author_bio a:hover { color: #0f1214; } .share_box_left ul li { display: inline-block; } .share_box_left ul li a { display: block; width: 45px; background: #eef3f9; height: 45px; text-align: center; line-height: 45px; border-radius: 50%; margin-left: 5px; color: #0eb3d6; position: relative; z-index: 1; } .share_box_left ul li a:hover { color: #ffffff; } .share_box_left ul li a:before { content: ''; background: #fda700; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .share_box_left ul li a:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .author_img { margin-right: 30px; } .author_bio h2 { font-size: 22px; font-weight: 700; margin-bottom: 30px; } .author_bio p { font-size: 16px; margin-bottom: 20px; } .author_bio a { font-size: 16px; font-weight: 500; } .comment-list .text-box h3 { margin-bottom: 4px; font-size: 18px; font-weight: 700; } .comment-list .text-box span { display: block; margin-bottom: 30px; font-weight: 500; color: #0eb3d6; } .comment-list .text-box span > span { display: inline-block; padding-left: 15px; margin-left: 5px; position: relative; margin-bottom: 0; } .comment-list .text-box span > span:before { content: '-'; position: absolute; left: 0; } .reply.comment-title { position: absolute; right: 0; top: 0; } .reply.comment-title a { padding: 9px 30px; font-size: 14px; } .comment-title p { padding-right: 85px; } .comments-area .leave_a_comment h3 { padding-top: 20px; padding-bottom: 40px; font-size: 30px; font-weight: 700; } .comments-area .input_half_with { width: 48.5%; } .comments-area input, .comments-area textarea { border: none; padding: 20px 30px; font-size: 14px; font-weight: 500; } .comments-area input { margin-bottom: 20px; } .comments-area textarea { height: 190px; margin-bottom: 15px; } .comments-area input::-webkit-input-placeholder, .comments-area textarea::-webkit-input-placeholder { color: #9da1a5; } .comments-area input:-moz-placeholder, .comments-area textarea:-moz-placeholder { color: #9da1a5; } .comments-area input:-ms-input-placeholder, .comments-area textarea:-ms-input-placeholder { color: #9da1a5; } .comments-area input::placeholder, .comments-area textarea::placeholder { color: #9da1a5; } .comments-area .input_m_right { margin-right: 2.3%; } .comments-area a.btn-orange { padding: 16px 40px; } .comments-area a.btn-orange:hover { background-color: #0f1214; color: #ffffff; } .latest_post ul li > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .latest_post ul li a:last-child { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; } .latest_post, .widget_categories, .tagcloud { padding: 50px; } .blog_details_area { z-index: 6; position: relative; } .widget_search input::-webkit-input-placeholder, .widget_search input::placeholder { color: #9da1a5; opacity: 1 !important; } .widget_search input:-moz-placeholder { color: #9da1a5; opacity: 1 !important; } .widget_search input:-ms-input-placeholder { color: #9da1a5; opacity: 1 !important; } .widget_search input::placeholder { color: #9da1a5; } .widget_search input { border: none; width: 100%; padding: 24px 30px; font-size: 16px; font-weight: 500; } .widget_categories ul li a { display: block; color: #7f8386; font-weight: 500; } .widget_categories ul li:last-child a { padding-bottom: 0; } .latest_post h2, .widget_categories h2, .tagcloud h2 { font-size: 20px; font-weight: 700; margin-bottom: 30px; } .latest_post ul li a { color: #0f1214; font-size: 16px; font-weight: 500; line-height: 26px; } .latest_post ul li a:hover, .widget_categories ul li a:hover { color: #0eb3d6; } .widget_categories ul li a { display: block; color: #7f8386; font-weight: 500; padding: 8px 0; } .widget_categories ul li a i { float: right; line-height: 30px; } .widget_categories ul li a:hover i { color: #0f1214; } .tagcloud ul li { display: inline-block; } .tagcloud ul li a { color: #7f8386; font-weight: 500; line-height: 35px; margin-right: 5px; } .tagcloud ul li a:hover { color: #fda700; } /* Testimonial */ .testimonial_area { position: relative; padding: 120px 0 110px 0; } .testimonial_slider .owl-stage-outer.owl-height { overflow-x: hidden; height: auto !important; } .testimonial_details p { font-size: 30px; line-height: 50px; font-weight: 400; color: #0f1214; margin-bottom: 40px; } .testimonial_area .hero-section-title h4 { margin-top: 0; } .testimonial_area .hero-section-title { margin-bottom: 60px; } .testimonial_details span.rating, span#videostore { display: block; } .testimonial_details span.rating i { display: inline-block; color: #fda700; font-size: 20px; } .testimonial_details h3 { margin-top: 28px; font-weight: 500; } .testimonial_details h3 span { font-weight: 400; font-size: 16px; color: #7f8386; } .testimonial_image ul li { display: inline-block; margin: 0 8px; width: 80px; height: 80px; position: relative; } .testimonial_image ul li img { border-radius: 50%; cursor: pointer; width: 80px; height: 80px; } .testimonial_image { margin-bottom: 50px; } #custom_owl_carousel_dots li img { opacity: .50; } #custom_owl_carousel_dots li.active img { opacity: 1; } /* why choose us */ .why_choose_us_area { background: url("../images/ac-repair.jpg") center center fixed no-repeat; background-size: cover; position: relative; z-index: 1; } .why_choose_us_area:before, .about_area:after { content: ''; background: #0eb3d6; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: .95; } .about_area:after { opacity: .9; display: none; } .why_choose_us_area .hero-section-title i { color: #ffffff; } .why_choose_us_area .hero-section-title h4 { color: #0f1214; } .why_choose_us_area .hero-section-title { margin-bottom: 60px; } .why_choose_us_area .hero-section-title h1 { color: #ffffff; } .why_choose_us_details { background-color: #ffffff; padding: 30px 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .why_choose_us_details:hover { background-color: #0f1214; } .why_choose_us_details i { font-size: 65px; margin-bottom: 30px; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #0eb3d6; } .why_choose_us_details:hover i { color: #fda700; } .why_choose_us_details p { font-size: 18px; color: #0f1214; font-weight: 500; line-height: normal; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .why_choose_us_details:hover p { color: #FFFFFF; } .why_choose_box_2 { position: relative; } .why_choose_box_2_img { background: url("../images/fridge-repair.jpg") center center no-repeat; background-size: cover; width: 100%; height: 445px; } .why_choose_box_2_img.bg_2 { background: url("../images/ac-repair-3.jpg") center center no-repeat; background-size: cover; } .why_choose_box_2_area.section_padding { padding-bottom: 160px; } .why_choose_box_2_area img { width: 100%; } .why_choose_box_2 .why_choose_box_2_details { width: 330px; display: inline-block; position: absolute; right: 20px; background: #0eb3d6; padding: 40px; font-size: 24px; color: #ffffff; line-height: 36px; bottom: -40px; font-weight: 700; } /* Service */ .slider_service_area { z-index: 999; position: relative; padding: 120px 0 120px 0; } .service_style_2_area.pt_0 { padding-top: 0; } .service_style_2_area .service_style_2_details { background: -webkit-linear-gradient(top, #ffffff, #eef2f9); padding: 40px 50px 0 50px; } .service_style_2_area .service_style_2_details p { margin: 50px 0 0 0; } .service_style_2_area.hv2_service_with_details .service_style_2_details p { margin: 50px 0 50px 0; } .service_style_2_area .service_style_2_details p > span { display: block; } .service_style_2_area .service_style_2_details h2 { margin-top: 30px; } .service_style_2_area .service_style_2_details i { font-size: 50px; width: 123px; height: 123px; display: inline-block; border-radius: 50%; line-height: 123px; background-color: #eef3f9; color: #0eb3d6; } .service_style_2_area .service_style_2_details a { font-weight: 500; } .service_style_2_area .service_style_2_details:hover a { color: #fda700; } .slider_service_img { position: relative; background: url("../images/ac-about\ .jpg") center center no-repeat; background-size: cover; width: 100%; height: 230px; } .slider_service_img.bg_2 { background-image: url("../images/ac-repair-3.jpg"); } .slider_service_img.bg_4 { background-image: url("../images/fridge.jpg"); } .slider_service_img.bg_5 { background-image: url("../images/washingmachine.jpeg"); } .slider_service_img.bg_3 { background-image: url("../images/aircooler.webp"); } .slider_service_img.bg_89{ background-image: url("../images/treadmill-repair.jpg"); } /* .slider_service_img.bg_4 { background-image: url("../images/ac-about\ .jpg"); } */ /* .slider_service_img.bg_5 { background-image: url("../images/ac-service.jpg"); } */ .slider_service_img.bg_6 { background-image: url("../images/service_1.jpg"); } .slider_service_img.bg_7 { background-image: url("../images/micorwave.jpg"); } .slider_service_img.bg_8 { background-image: url("../images/deepfreze.jpg"); } .slider_service_img.bg_9 { background-image: url("../images/chimney.jpg"); } .slider_service_img.bg_10 { background-image: url("../images/ac repair.jpg"); } .slider_service_img img { width: 100%; } .service_single_left > .single_img_half, .services_support { display: -webkit-box; display: -ms-flexbox; display: flex; } .service_single_left > .single_img_half { margin-top: 55px; } .service_single_left .single_img_half > img { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .service_single_left p { margin-bottom: 40px; line-height: 40px; font-weight: 300; } .single_img_half .service_single_img_box { height: 387px; overflow: hidden; position: relative; width: 100%; background: url("../images/why_choose_us_1.jpg") center center no-repeat; background-size: cover; } .service_single_left .single_img_half .service_single_img_box:last-child { background-image: url("../images/why_choose_us_1.jpg"); } .service_single_left .single_img_half .service_single_img_box:first-child { border-right: 30px solid #ffffff; } .service_single_left h4 { margin-bottom: 15px; font-size: 18px; } .slider_service_details { padding: 0 10px; } .services_support { background-color: #fda700; } .slider_service_img i, .service_single_left i { width: 80px; height: 80px; display: inline-block; position: absolute; background: #ffffff; bottom: -20px; right: 20px; line-height: 80px; font-size: 30px; color: #40b1d4; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-align: center; } .service_single_img i { background-color: #fda700; color: #ffffff; } .slider_service_box .slider_service_details h2 { margin: 45px 0 40px 0; font-weight: 700; font-size: 26px; } .slider_service_box:hover .slider_service_img i { background: #fda700; color: #ffffff; } .slider_service_box .slider_service_details p { font-size: 18px; font-weight: 400; color: #7f8386; margin-bottom: 35px; } .slider_service_details a { font-size: 16px; font-weight: 500; } .slider_service_box:hover .slider_service_details a.btn-readmore { color: #fda700; text-decoration: none; } .service_slider .owl-dots button, .client_log_area .owl-dots button, .testimonial_area .owl-dots button { width: 10px; height: 10px; background: #0f1214; border-radius: 50%; margin: 0 2px; opacity: .20; padding: 0; } .client_log_area .owl-dots, .service_slider .owl-dots, .testimonial_area .owl-dots { margin-top: 40px; } .client_log_area .owl-dots button.active, .service_slider .owl-dots button.active, .testimonial_area .owl-dots button.active { opacity: 1; } .service_single_area { position: relative; z-index: 9; padding: 120px 0 120px 0; } .service_widgets { padding: 50px; } .service_widgets h3 { font-size: 20px; font-weight: 700; margin-bottom: 25px; } .service_widgets ul li { margin-bottom: 15px; display: block; } .service_widgets ul li a { font-size: 16px; font-weight: 400; color: #7f8386; display: block; } .service_widgets ul li a i { float: right; line-height: 30px; } .service_widgets ul li a:hover { color: #40b1d4; } .service_single_img { position: relative; } .service_single_img img { width: 100%; } .service_single_left h1 { font-size: 40px; margin-top: 50px; margin-bottom: 40px; } .service_single_left h3 { font-size: 30px; margin-top: 60px; margin-bottom: 40px; font-weight: 700; } .service_single_left .contact-details h1 { margin-top: 55px; margin-bottom: 45px; display: block; font-size: 30px; font-weight: 700; } /* Client */ .client_logo_slider .owl-item { background: #ffffff; height: 188px; vertical-align: middle; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .client_logo_slider .owl-item img { width: auto; height: auto; vertical-align: middle; opacity: .2; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .client_logo_slider .owl-item:hover img { opacity: 1; } /* Pages */ .book_online_form_section { position: relative; z-index: 9; padding: 120px 0 120px 0; } .book_online_step_3 form > label { display: block; margin: 30px 0; position: relative; width: 100%; float: left; font-size: 24px; font-weight: 500; } .book_online_step_3 form > label:first-child { margin-top: 0; } .book_online_step_3, .book_online_step_1 { padding: 40px; } .book_online_step_3 input::-webkit-input-placeholder, .book_online_step_3 input:-moz-placeholder, .book_online_step_3 input:-ms-input-placeholder, .book_online_step_3 input::placeholder, .book_online_step_1 input::placeholder { color: #9da1a5; opacity: 1 !important; } .book_online_step_3 input::-webkit-input-placeholder{ color: #9da1a5; } .book_online_step_3 input:-moz-placeholder{ color: #9da1a5; } .book_online_step_3 input:-ms-input-placeholder{ color: #9da1a5; } .book_online_step_3 input::placeholder, .book_online_step_3 textarea::placeholder, .book_online_step_1 input::placeholder, .book_online_step_1 textarea::placeholder { color: #9da1a5; } .book_online_step_3 .input_half_width, .book_online_step_3 textarea, .book_online_step_1 .input_half_width { width: 37%; background-color: #ffffff; border: none; padding: 16px 20px; font-size: 14px; color: #9d9d9d; font-weight: 500; } .book_online_step_1 .input_half_width, .book_online_step_3 select.input_half_width { height: 65px; } .book_online_step_1 input::placeholder { color: #9d9d9d; } .book_lastname.input_half_width { display: block; } .book_online_tabs .nav-tabs { border-bottom: none; } .book_online_tabs .nav-tabs > li > a { border: none; border-radius: 0; background: #0eb3d6; color: #ffffff; font-weight: 700; padding: 23px 53px; margin-right: 5px; } .book_online_tabs .nav-tabs > li.active > a, .book_online_tabs .nav-tabs > li.active > a:focus, .book_online_tabs .nav-tabs > li.active > a:hover, .book_online_tabs .nav-tabs > li > a:hover { background: #eef3f9; border: none; border-radius: 0; color: #0f1214; font-weight: 700; } .book_online_step_3 textarea { height: 135px; width: 76%; } .input_agree_title .check i, .input_agree_title .check_2 i { opacity: 0; position: absolute; text-align: center; left: 1.2px; line-height: 13px; } .input_agree_title .check, .input_agree_title .check_2 { width: 17px; height: 17px; display: inline-block; text-align: center; line-height: 17px; position: relative; border-radius: 50%; color: #ffffff; border: 2px solid #40b1d4; cursor: pointer; font-size: 10px; margin-right: 20px; left: 5px; } .input_agree_title .check_2.active_agree i, .input_agree_title .check.active_agree i { opacity: 1; } .input_agree_title .check_2.active_agree, .input_agree_title .check.active_agree { background: #40b1d4; } .input_agree_title span:last-child { color: #0f1214; } .input_agree_title span { font-size: 16px; font-weight: 500; } .input_agree_title { color: #7f8389; font-size: 16px; } /* book online step 2 */ .book_online_step_1 > label { width: 100%; position: relative; margin: 0 0 30px 0; font-size: 24px; font-weight: 500; } .input_agree_title span.check_2, .input_agree_title span.check { display: inline-block; margin-right: 10px; width: 25px; height: 25px; position: absolute; left: 0; margin-top: 3px; border-radius: 50%; text-align: center; cursor: pointer; line-height: 25px; } .input_agree_title { position: relative; padding-left: 39px; } .input_agree_title span.check_2 i, .input_agree_title span.check i { position: absolute; line-height: 22px; left: 0; font-size: 13px; display: block; width: 100%; height: 100%; } .book_online_step_1 input.input_half_width { padding: 16px 20px; } .book_online_step_1 label.mb_0{ margin: 0 0 25px 0; } .book_online_step_1 .input_agree_title .check, .book_online_step_1 .input_agree_title .check_2 { background: #ffffff; border-color: #ffffff; } .input_agree_title .check_2.active_agree, .input_agree_title .check.active_agree { background: #40b1d4; border-color: #40b1d4; } .book_online_step_1 .btn-orange { padding: 16px 40px; } .book_online_step_1 p.mt_15 { margin-top: 15px; } .book_online_step_1 select { margin-right: 30px; } .book_online_step_1 .select_icon select, .book_online_step_3 .select_icon select { width: 100%; } .book_online_step_1 .select_icon:before, .book_online_step_3 .select_icon:before { color: #9d9d9d; } .book_online_step_1 .select_icon, .book_online_step_3 .select_icon { width: 37%; margin-right: 2%; } /* book online step 2 */ .book_online_step_box_2 { padding: 60px 60px; } .book_online_step_2_flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .book_online_step_2_flex > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #ffffff; padding: 60px 100px 60px 60px; } .book_online_step_2_flex .book_online_step_2_box:first-child { border-right: 60px solid #eef3f9; } .book_online_step_box_2 label { font-size: 24px; font-weight: 500; } .book_online_step_2_flex .book_online_step_2_box h3 { font-size: 20px; font-weight: 500; } .book_online_step_2_flex .book_online_step_2_box ul li i { font-size: 14px; color: #fda700; margin-right: 10px; margin-top: 10px; } .book_online_step_2_flex .book_online_step_2_box ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 400; color: #7f8386; } .book_online_step_2_flex .book_online_step_2_box h3.price { margin-top: 30px; margin-bottom: 10px; } .book_online_step_2_flex .book_online_step_2_box a.simple-btn { display: block; margin-bottom: 28px; font-size: 16px; font-weight: 400; } .book_online_step_2_flex .book_online_step_2_box a.simple-btn:hover { color: #0f1214; } .book_online_step_2_flex .book_online_step_2_box a.btn-gray, .book_online_step_2_flex .book_online_step_2_box a.btn-orange { padding: 16px 38px; } .book_online_step_2_flex .book_online_step_2_box a.btn-gray:hover, .book_online_step_2_flex .book_online_step_2_box a.btn-orange:hover { background: #fda700; color: #ffffff; } .book_online_step_1 a.btn-orange:hover { background: #0f1214; color: #ffffff; } /* Team Member */ .team_section_area { padding: 120px 0 110px 0; } .team_box .team_details { width: 95%; background: #ffffff; margin-top: -20px; position: relative; padding: 40px 0 0 0; } .team_box .team_details h1 { font-size: 20px; font-weight: 500; margin-bottom: 5px; line-height: 30px; } .team_box .team_details p { line-height: initial; } .team_box .team_details ul { margin-top: 5px; } .team_box .team_details ul li { display: inline-block; margin-right: 15px; } .team_box .team_details ul li a { display: block; color: #b1b6b9; } .team_box .team_details ul li a:hover { color: #0eb3d6; } .team_img img { width: 100%; } /* Repair Section */ .repair_area { background: url(../images/repair_gray_bg.png) center center fixed no-repeat; background-size: cover; position: relative; z-index: 1; } .repair_area:before { content: ''; background: #0f1214; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: .95; } .repair_details .hero-section-title { margin-bottom: 45px; } .repair_details .hero-section-title i { margin-left: -5px; } .repair_details .hero-section-title h1 { color: #ffffff; } .repair_details a.btn-orange { padding: 16px 40px; } .repair_details p { margin-bottom: 50px; padding-right: 55px; } .repair_details_right { position: relative; } .repair_details_right .video-img { position: absolute; right: 10px; bottom: 0; background: #0eb3d6; display: inline-block; width: 80px; height: 80px; text-align: center; line-height: 80px; color: #ffffff; } .about_repair_style_2 { background: none; padding: 120px 0 120px 0; } .about_repair_style_2:before { display: none; } .about_repair_style_2 .repair_details .hero-section-title h1 { color: #0f1214; } .about_repair_style_2 .btn-orange:hover { background: #0f1214; color: #ffffff; } /* Accordion collapse */ .faq_area .faq_accordions_img { width: 100%; height: 420px; background: url("../images/faq.jpg") center center no-repeat; background-size: cover; } .faq_area img { width: 100%; } .faq_accordions .card-header a { display: block; position: relative; font-weight: 500; padding: 26px 40px; color: #0eb3d6; background: #ffffff; font-size: 18px; } .faq_accordions .card-header a.collapsed { color: #0f1214; } /*.faq_accordions .card-header a i.fa-plus,*/ .faq_accordions .card-header a i.fa-minus { display: none; } .faq_accordions .card-header a.collapsed i { color: #7f8386; } .faq_accordions .card-header a i { float: right; line-height: 22px; color: #0eb3d6; font-size: 14px; } .faq_accordions .card-header a[aria-expanded=true] i.fa-minus { display: block; } .faq_accordions .card-header a[aria-expanded=false] i.fa-minus { display: none; } .faq_accordions .card-header a[aria-expanded=false] i.fa-plus { display: block; } .faq_accordions .card-header a[aria-expanded=true] i.fa-plus { display: none; } .faq_accordions .card-body { display: block; position: relative; padding: 0 75px 40px 40px; background: #ffffff; color: #888888; font-size: 17px; font-weight: 300; } .faq_accordions .card { margin-bottom: 10px; } .faq_accordions .card.panel { border: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; } .faq_accordions .card:last-child{ margin-bottom: 0; } /* Pricing Tables */ .pricing_area { z-index: 9999; position: relative; } .pricing_area.extra_padding { padding: 120px 0 120px 0; } .pricing_box { border: 2px solid #eef3f9; padding: 58px 68px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .pricing_box:hover { background: #eef3f9; } .pricing_box i { font-size: 50px; display: block; color: #0eb3d6; margin-bottom: 38px; } .pricing_box h3 { font-size: 20px; font-weight: 500; } .pricing_box h1 { font-size: 54px; margin-bottom: 28px; font-weight: 500; position: relative; } .pricing_box p { margin-bottom: 40px; } .pricing_box:hover .btn-gray { background-color: #fda700; color: #ffffff; } .pricing_box h1 span { position: absolute; font-size: 25px; margin-left: -15px; margin-top: 10px; } /* Experience */ .experience_box { position: relative; padding: 0 34px; } .experience_box .icon_box { width: 146px; height: 146px; border-radius: 50%; background: #eef3f9; line-height: 127px; position: relative; margin: auto auto 43px auto; } .experience_box .icon_box i { display: block; font-size: 65px; color: #0eb3d6; margin-bottom: 30px; } .experience_box .icon_box span.number { font-weight: 900; display: inline-block; width: 45px; background-color: #fda700; color: #ffffff; height: 45px; text-align: center; line-height: 45px; border-radius: 50%; position: absolute; bottom: -21px; left: 50%; margin-left: -22.5px; } .experience_box p { font-weight: 300; } .experience_box img.experience_shape { position: absolute; right: -129px; top: 40%; } /* CounterUP */ .counterup_area p { color: #ffffff; } .counterup_area i { font-size: 65px; color: #ffffff; margin-bottom: 30px; display: block; } .counterup_area h1 { font-size: 50px; color: #ffffff; font-weight: 500; line-height: 36px; margin-bottom: 5px; } /* clients logo */ .client_log_area { background-color: #eef3f9; } .client_log_area .owl-dots { margin-top: 25px; } .client_logo_slider img { width: auto !important; margin: auto; } /* contact */ .footer_section { position: relative; } #map { width: 100%; height: 650px; } #map .gmnoprint, #map .gm-control-active { display: none; } .contact_form_area > .container { position: relative; } .contact_form_area img.contact_img { margin: -11px 0 0 -108px; } .contact-details input::-webkit-input-placeholder, .contact-details textarea::-webkit-input-placeholder, .contact-details input:-moz-placeholder, .contact-details textarea:-moz-placeholder , .contact-details input:-ms-input-placeholder, .contact-details textarea:-ms-input-placeholder , .contact-details input::-webkit-input-placeholder, .contact-details textarea::-webkit-input-placeholder , .contact-details input::placeholder, .contact-details select, .contact-details textarea::placeholder { color: #9da1a5; } .contact-details input::-webkit-input-placeholder, .contact-details textarea::-webkit-input-placeholder, .contact-details input:-moz-placeholder, .contact-details textarea:-moz-placeholder , .contact-details input:-ms-input-placeholder, .contact-details textarea:-ms-input-placeholder , .contact-details input::placeholder, .contact-details select, .contact-details textarea::placeholder { color: #9da1a5; opacity: 1 !important; } .contact-details input, .contact-details select, .contact-details textarea { border: none; padding: 15px 30px; width: 100%; background: #eef3f9; font-size: 14px; font-weight: 500; height: 65px; } .contact-details .contact_select { display: block; padding: 15px 30px; width: 100%; position: relative; margin-bottom: 20px; border-radius: 0; height: 65px; } .contact-details .select_icon:before { color: #0f1214; margin-top: 16px; } .contact-details .input_half_width { width: 48.5%; margin-bottom: 20px; } .service_single_left .contact-details .input_half_width { width: 48%; } .contact-details .input_half_width.input_mr { margin-right: 3%; } .contact-details textarea { height: 145px; } .contact-details button { display: inline-block; margin-top: 10px; padding: 16px 32px; } .contact-details button:hover { background: #0f1214; color: #ffffff; } .contact-details input::-webkit-input-placeholder, .contact-details textarea::-webkit-input-placeholder, .contact-details select, .contact-details .select_icon:before { color: #777777; } .contact-details input:-ms-input-placeholder, .contact-details textarea:-ms-input-placeholder, .contact-details select, .contact-details .select_icon:before { color: #777777; } .contact-details input:-ms-input-placeholder, .contact-details textarea:-ms-input-placeholder, .contact-details select, .contact-details .select_icon:before { color: #777777; } .contact-details input::placeholder, .contact-details textarea::placeholder, .contact-details select, .contact-details .select_icon:before { color: #777777; } .contact_form_area { position: relative; padding-bottom: 0; z-index: 9999; } .contact_form_area .hero-section-title .icon-snowflake { margin-left: -6px; } .service_single_left .contact-details .input_half_width.input_mr { margin-right: 4%; } .service_single_left .contact-details input::placeholder, .service_single_left .contact-details input::-webkit-input-placeholder, .service_single_left .contact-details select, .service_single_left .contact-details textarea::placeholder, .service_single_left .contact-details textarea::-webkit-input-placeholder { color: #9da1a5; } .service_single_left .contact-details input, .service_single_left .contact-details select, .service_single_left .contact-details textarea { padding: 17px 30px; } .service_single_left .contact-details select { padding: 16px 30px; height: 66px; } .service_single_left .contact-details .select_icon:before { margin-top: 18px; right: 30px; color: #9da1a5; } .service_single_left .contact-details textarea { margin-top: 20px; margin-bottom: 0; } .contact_form_other_style { padding-bottom: 120px; } .contact_form_other_style .input_half_width { width: 48.5%; } .contact_form_other_style input, .contact_form_other_style textarea { font-weight: 500; } /* footer */ .footer_box img { width: 165px; height: auto; margin-bottom: 30px; } .footer_box h3 { margin-bottom: 35px; font-size: 20px; font-weight: 700; color: #ffffff; letter-spacing: 1px; margin-top: 5px; } .footer_box p { font-size: 16px; color: #b1b6b9; line-height: 30px; font-weight: 400; padding-right: 50px; } .footer_section.section_padding { padding-bottom: 0; } .footer_section { background-color: #0f1214; border-top: 30px solid #0eb3d6; } .footer_section .col-md-4:last-child .footer_box { padding-left: 145px; } .footer_section .col-md-4:last-child .footer_box p { padding-right: 0; } .footer_box ul li { display: block; } .footer_box ul li a { display: block; color: #b1b6b9; font-weight: 400; line-height: 30px; } .footer_box ul li a:hover, .footer_box span a:hover { color: #0eb3d6; } .footer_box.service { padding-left: 60px; } .footer_box span a { color: #b1b6b9; } .footer_box span.support_email { margin-top: 22px; } .footer_box span { display: block; color: #b1b6b9; font-weight: 400; } .footer_box span i { margin-right: 10px; color: #0eb3d6; } .footer_box.latest_posts { padding: 0 48px 0 17px; } .footer_box.latest_posts ul li .date { font-size: 14px; font-weight: 400; color: #b1b6b9; display: inline-block; line-height: 20px; } .footer_box.latest_posts ul li { line-height: 24px; margin-bottom: 24px; } .footer_box.latest_posts ul li:last-child { margin-bottom: 0; } .footer_box.latest_posts ul li a { color: #ffffff; font-size: 16px; font-weight: 700; line-height: 25px !important; } .footer_box.latest_posts ul li a:hover { color: #0eb3d6; } .footer_box.instagram { max-width: 241px; padding-left: 21px; } .footer_box.instagram ul li { flex-basis: 30%; flex-wrap: wrap; } .footer_box.instagram ul li:first-child, .footer_box.instagram ul li:nth-child(2) { margin-right: 10px; margin-bottom: 10px; } .footer_box.instagram ul li:nth-child(4), .footer_box.instagram ul li:nth-child(5) { margin-right: 10px; } .footer_box.instagram ul { display: flex; flex-basis: 30%; flex-wrap: wrap; } .footer_box.instagram ul li .inst_bg { background: url("../images/gallery_1.jpg") center center no-repeat; background-size: cover; width: 100%; height: 66px; } .copyright_area { border-top: 2px solid rgba(255,255,255,0.1); margin-top: 120px; padding: 45px 0; } .copyright_area p { color: #b1b6b9; font-weight: 400; font-size: 16px; line-height: 20px; } .copyright_area .copyright_left .social_media li { display: inline-block; } .copyright_area .copyright_left .social_media li a { display: block; background: #323538; color: #ffffff; border-radius: 50%; font-size: 16px; width: 45px; height: 45px; text-align: center; line-height: 45px; margin-right: 5px; position: relative; z-index: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .copyright_area .copyright_left .social_media li a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #fda700; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .copyright_area .copyright_left .social_media { margin-right: 7px; } .copyright_area .copyright_left .social_media li a:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .copyright_area .copyright_left { display: flex; align-items: center; } .copyright_area .copyright_right .menu { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; } .copyright_area .copyright_right .menu li { margin-left: 24px; } .copyright_area .copyright_right .menu li a { font-size: 16px; color: #b1b6b9; font-weight: 400; } .copyright_area .copyright_right .menu li a:hover { color: #0eb3d6; } .copyright_area .copyright_right .menu li:first-child { margin-left: 0; } @media(max-width:565px){ .desk-logo{ width: 43%!important; } .social_icon_flex{ margin-top:0px!important; } }