/* Theme Name: Divi Child Theme URI: https://www.zenwebnet.com Description: zenwebnet Author: zenwebnet.com Author URI: https://zenwebnet.com Template: Divi Version: 1.2.0 */ /* Theme customization starts here ------------------------------------------------------- */ /*------------Basic CSS------------*/ .et_fixed_nav #top-header {/* top: 4px; */} .cl { clear:both} .ds-vertical-align { display: flex; flex-direction: column; justify-content: center;} .full_height { height:100%} .banner_full_height {height:100vh} .et-fixed-header#main-header {-webkit-box-shadow:0 0 55px rgba(0,0,0,0.4)!important; -moz-box-shadow:0 0 55px rgba(0,0,0,0.4)!important; box-shadow:0 0 55px rgba(0,0,0,0.4)!important;} #footer-info img { margin: 0 5px -6px 1px;} /*------------Basic CSS------------*/ #quote .et_pb_row { margin:0; width:100%; padding:15px 0;} #quote .et_pb_row input[type=text], #quote .et_pb_row input[type=email] { border: 1px solid #000; border-radius: 5px; box-shadow: 0 8px 11px #00000014; padding: 12px 15px; width: 100%; } #quote .et_pb_row label { font-weight:400;} #quote .wpcf7-spinner { margin: 0 24px; position: absolute; } #quote .et_pb_row input[type=tel] { border: 1px solid #000; border-radius: 5px; box-shadow: 0 8px 11px #00000014; padding: 12px 15px; width: 100%; } #quote .et_pb_row textarea { border: 1px solid #000; border-radius: 5px; box-shadow: 0 8px 11px #00000014; padding: 12px 15px; width: 100%; } #quote input[type="submit"] { background-color: #C26E1D; font-size: 1.2rem; box-shadow: 0.2rem 0.8rem 1.6rem 0.2rem rgb(187 57 8 / 15%); padding: 0.7rem 1.5rem; white-space: nowrap; box-sizing: border-box; border: none; outline: none; border-radius: 0.4rem; text-transform: uppercase; text-decoration: none; transition: all .2s; cursor: pointer; cursor: pointer; color: #fff; margin: 0 !important; display: block; margin-top: 13px!important; border-radius: 25px; width: auto; } #quote input[type="submit"]:hover { background: #000; } #quote select { border: 1px solid #000; border-radius: 5px; box-shadow: 0 8px 11px #00000014; padding: 12px 15px; width: 100%; } #form-news input[type="email"] { border: 1px solid #333; padding: 11px 25px; border-radius: 35px; width: 100%; } #form-news input[type="submit"] { background-color: #C26E1D; font-size: 1.2rem; box-shadow: 0.2rem 0.8rem 1.6rem 0.2rem rgb(187 57 8 / 15%); padding: 0.5rem 1.5rem; white-space: nowrap; box-sizing: border-box; border: none; outline: none; border-radius: 0.4rem; text-transform: uppercase; text-decoration: none; transition: all .2s; cursor: pointer; cursor: pointer; color: #fff; margin: 0 !important; display: block; margin-top: 13px!important; border-radius: 25px; width: auto; } #form-news .wpcf7-response-output {margin-top:0px;} #form-news input[type="submit"]:hover {background:#000;} #contact-form .et_pb_row.line-row .et_pb_column { width:48% !important;} #contact-form input[type=text], #contact-form select {width: 100%; background-color: #fff; border-radius: 0; box-shadow: none; padding: 12px 13px; font-weight: 300; border-bottom: 1px solid #979797; color: #6a6a6a; margin-bottom: 0px; border-top: none; border-left: none; border-right: none; } #contact-form input[type=tel] {width: 100%; background-color: #fff; border-radius: 0; box-shadow: none; padding: 12px 13px; font-weight: 300; border-bottom: 1px solid #979797; color: #6a6a6a; margin-bottom: 0px; border-top: none; border-left: none; border-right: none; } #contact-form input[type=email] {width: 100%; background-color: #fff; border-radius: 0; box-shadow: none; padding: 12px 13px; font-weight: 300; border-bottom: 1px solid #979797; color: #6a6a6a; margin-bottom: 0px; border-top: none; border-left: none; border-right: none; } #contact-form textarea { width: 100%; background-color: #fff; border-radius: 0; box-shadow: none; padding: 12px 13px; font-weight: 300; border-bottom: 1px solid #979797; color: #6a6a6a; margin-bottom: 0px; border-top: none; border-left: none; border-right: none; } #contact-form textarea { height:120px;} #contact-form input.submit_bt { background-color: #C26E1D; font-size: 1.2rem; box-shadow: 0.2rem 0.8rem 1.6rem 0.2rem rgb(187 57 8 / 15%); padding: 0.9rem 3.4rem; white-space: nowrap; box-sizing: border-box; border: none; outline: none; border-radius: 0.4rem; text-transform: uppercase; text-decoration: none; transition: all .2s; cursor: pointer; cursor: pointer; color: #fff; margin: 0 auto!important; display: block; margin-top: 13px!important; } #contact-form input.submit_bt:hover { background: #000; box-shadow: 0.2rem 0.8rem 1.6rem 0.2rem rgb(159 159 159 / 53%); } #contact-form .wpcf7-spinner { position:absolute;} #contact-form .et_pb_row { padding: 14px 0; display: flex; justify-content: space-between; } #contact-form .et_pb_column_4_4 { width:100% !important;} #pager_title #breadcrum-nav li { display:inline-block;} #pager_title #breadcrum-nav li.seperator { margin:0 12px;} #page_tit h1 { padding-bottom:0;} #pager_title .item a { background: #9e632a; color: #fff; padding: 5px 12px; } #breadcrum-nav { padding:0} #contact-head strong { color:#d7d7d7; text-decoration:underline; margin-bottom:15px;} #contact-head a { color:#fff;} /* Header Design Start ------------*/ .header_designs .et_pb_row .et_pb_column{display:flex;align-items:center}.header_designs .et_pb_blurb_container{padding-left:0}.header_designs .et_pb_module{margin-bottom:0!important}.header_designs .special_for_cm_logo{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}#main-header{backdrop-filter:blur(3px)}#main-header .container{display:flex;justify-content:center}.lwp-menu-line .current-menu-item a::before,.lwp-menu-line .current_page_item a::before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0}.lwp-menu-line li a:before{content:"";position:absolute;z-index:1;left:0;right:100%;bottom:0;background:#15bf86;height:3px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.lwp-menu-line li a:hover{opacity:1!important}.lwp-menu-line li a:hover:before{right:0}.lwp-menu-line li li a:before{bottom:0}.lwp-menu-line .et_pb_menu__menu > nav > ul > li > a{padding-bottom:10px}#top-menu li a{font-weight:normal}#et-top-navigation{padding-left:0!important} .et-fixed-header#main-header{-webkit-box-shadow:0 0 7px rgb(0 0 0 / 10%)!important;box-shadow:0 0 7px rgb(0 0 0 / 10%)!important}#top-menu a{-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s} #top-menu a:before {position: absolute;top: 30%;left: 50%;color: transparent;content: '.';text-shadow: 0 0 transparent;font-size: 1.2em;-webkit-transition: text-shadow 0.3s,color .3s;-moz-transition: text-shadow 0.3s,color .3s;transition: text-shadow 0.3s,color .3s;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); transform: translateX(-50%);pointer-events: none} #top-menu a:hover::before,#top-menu a:focus::before {color: #e68528;text-shadow: 10px 0 #c26e1d, -10px 0 #c26e1d;font-size: 2.2em} #top-menu li.current-menu-item a:before{position:absolute;top:20%;left:50%;color:transparent;content:'.';text-shadow:0 0 transparent;font-size:2.2em;-webkit-transition:text-shadow 0.3s,color .3s;-moz-transition:text-shadow 0.3s,color .3s;transition:text-shadow 0.3s,color .3s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;color:#e68528;text-shadow:10px 0 #c26e1d,-10px 0 #c26e1d} #top-menu li.custom_dropdown_menu {position:relative} /* Home Banner Design Start ------------*/ .home_advanced_banner .swiper-pagination-bullet{border-radius:7px!important}.home_advanced_banner .as_slide_content_wrapper{width:98%!important;margin:0 auto!important;margin-top:-7em!important;z-index:9;background:#ffffffe3;margin-bottom:7em!important;border-radius:6px;padding:17px 0}.home_advanced_banner .as_buttons_wrapper{position:absolute;margin:0 auto;left:0;right:0;bottom:50px}.home_advanced_banner p span{color:#c26e1d} .category-blogs .post-meta {margin-bottom: 9px; color: #000 !important; font-weight: 600;} .category-blogs .more-link {text-transform: capitalize; font-weight: 600; letter-spacing: 1px; } .category-blogs .post-content-inner {margin-bottom:15px;} .category-blogs.post:hover .entry-featured-image-url:before { transform: scale(1) translate(0,-50%); opacity: 1 !important; } .category-blogs.post .entry-featured-image-url:before { display: block !important; position: absolute; left: 0; right: 0; margin: auto; text-align: center; color: #000; line-height: 80%; word-spacing: 100px; background-color: #fff; mix-blend-mode: lighten; top: 50%; transition: .4s; transform: scale(1.2) translate(0,-50%); opacity: 0 !important; transform-origin: top; z-index: 9; content: "Read More" !important; font-size: 72px; text-transform: uppercase; font-weight: 900; padding-top: 180px; padding-bottom: 180px; } .category-blogs.post .entry-featured-image-url:before { display: block !important; position: absolute; left: 0; right: 0; margin: auto; text-align: center; color: #000; line-height: 80%; word-spacing: 100px; background-color: #fff; mix-blend-mode: lighten; top: 50%; transition: .4s; transform: scale(1.2) translate(0,-50%); opacity: 0 !important; transform-origin: top; z-index: 9; content: "Read More" !important; font-size: 72px; text-transform: uppercase; font-weight: 900; padding-top: 180px; padding-bottom: 180px; } #blog_side_bar { border:none;} #blog_side_bar .rpwwt-post-date { font-size: 13px; color: #000; } #blog_side_bar .rpwwt-post-title { font-size: 15px; color: #000; } #blog_side_bar .rpwwt-widget ul li {border-bottom: 1px solid #e1e1e1; } #blog_side_bar .widgettitle { margin-bottom:12px;} #blog_side_bar .rpwwt-post-title:hover {color:#9e632a;} #breadcrum-nav li { display:inline-block;} #breadcrum-nav li.seperator { margin:0 5px;} #blog_comment input, #blog_comment textarea { background:#fff !important;border-radius: 0; box-shadow: none; padding: 12px 13px; font-weight: 300; border: 1px solid #d1d1d1 !important; color: #6a6a6a; margin-bottom: 0px; box-shadow: 0 8px 11px #0000001f;border-radius: 5px;} #blog_comment .submit.et_pb_button{background-color: #C26E1D; font-size: 1.2rem; box-shadow: 0.2rem 0.8rem 1.6rem 0.2rem rgb(187 57 8 / 15%); padding: 0.9rem 3.4rem; white-space: nowrap; box-sizing: border-box; border: none; outline: none; border-radius: 0.4rem; text-transform: uppercase; text-decoration: none; transition: all .2s; cursor: pointer; cursor: pointer; color: #fff; margin-bottom:0 !important; display: block; margin-top: 13px!important; float:right; display:inline-block} #commentform { padding-bottom: 80px; } @media only screen and (min-device-width:981px) and (max-device-width : 1920px) { .home_advanced_banner {padding-top: 0 !important;} } /* Service Design Start ------------*/ .service_banner_design .swiper-slide-active {transform: scale(1) !important;transition: all 0.7s ease;} .service_banner_design .as_slide_image {border-radius:10px; overflow:hidden;} .service_banner_design .as_slide_content_wrapper{width:100%!important;} .service_banner_design .as_slide_content_wrapper{z-index:9;width:94%!important;margin:0 auto!important;margin-top:-28px!important;position:absolute;bottom:0;left:0;right:0;padding:15px 0;border-radius:10px 10px 0 0;text-align:center;background-image:linear-gradient(180deg,#ffffffe6 20%,#f5f2ee 100%)} .service_banner_design .swiper-slide img{transition:all .7s ease} .service_banner_design .swiper-slide img:hover{transform:scale(1.1)!important;transition:all .7s ease} .service_banner_design .swiper-slide{cursor:pointer} .service_banner_design .swiper-slide:hover p{color:#c26e1d} .service_banner_design .swiper-slide p:hover{color:#493e30!important} .service_banner_design .swiper-pagination-bullet{border-radius:7px!important} .service_banner_design .swiper-bullets{bottom:-15px!important} .service_banner_design .swiper-wrapper{padding-bottom:3em} /* Welcome Design Start ------------*/ .fixed_well_img{background-attachment:fixed;background-size:initial;background-position:right top 80px;padding:47em 0 0 0} .after_line h2{padding:0} .after_line h2:after{content:'';bottom:42%;right:0;width:86%;height:1px;background-color:#d9c9b9;position:absolute} /* Milestone Design Start ------------*/ .milestones_design{position:absolute;left:0;right:0;z-index:999;bottom:16em;padding-right:140px!important} .milestones_design img{width:60px} /* For CM Logo Start ------------*/ /* Clients Design Start ------------*/ .special_client_space h2{margin-top:94px} .client_carousel .et_pb_image_wrap img{box-shadow:0 0 0 1px #cdc8c0;border-radius:5px} .client_carousel .swiper-wrapper{padding:11px 11px 58px} .client_carousel .swiper-pagination-bullet{border-radius:5px!important} /*Latest Blog Start -------------------------------------------------------------------------------------------*/ .latest_blog .column{position:relative}.latest_blog .post-meta{position:absolute;top:19em;background:#fff;left:0;right:0;padding:8px 4px 15px!important;width:58px;margin:0 auto;line-height:17px;border-radius:6px;font-size:12px!important}.latest_blog .post-meta .published{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}.latest_blog .more-link{text-transform:capitalize} /*Gallery Design Start -------------------------------------------------------------------------------------------*/ .fullon_gallery img {transform: scale(1); transition: all 0.7s ease;} .fullon_gallery img:hover{transform:scale(1.1); transition:all .7s ease} .mfp-bottom-bar{ display:none!important; } /* Footer Design Start ------------*/ footer .et_pb_social_media_follow li a {margin-right: 12px;} footer .et_pb_social_media_follow li a.icon:before {height: 35px;width: 35px;font-size: 20px;line-height: 35px;} #menu-quick-links-footer,#menu-terms-and-conditions,#menu-shop,#menu-verticals{flex-direction:column!important;} #menu-quick-links-footer li:before,#menu-terms-and-conditions li:before,#menu-shop li:before,#menu-verticals li:before{content:"";position: absolute;top: 8px;left: 6px;width: 5px;height: 2px;background-color: #fff;} .menu_header:before {content: '\35';font-family: etmodules; color: #ffffff;font-size: 1.2em;font-weight: 900;padding-left: 0px;background: #e6e3e2;border-radius: 50%;position:relative; left: -10%;top: 23px;} #menu-quick-links-footer li a:hover,#menu-terms-and-conditions li a:hover,#menu-shop li a:hover{color:#BFD555!important} #menu-quick-links-footer li a,#menu-terms-and-conditions li a,#menu-shop li a,#menu-verticals li a{margin-left:5px;font-size:1.3em;} .footer_design {background-attachment: fixed; background-size: initial; background-position: right top 80px; padding:23em 0 0 0 !important;} .footer_design .et-menu-nav ul{display:block !important;} .footer_design .et_pb_blurb_container {padding-left: 0;} .footer_design .et_pb_blurb .et_pb_image_wrap {margin-top: 4px;} .cu-blog .et_pb_salvattore_content[data-columns]::before { content: '4 .column.size-1of2' !important; } .cu-blog .more-link:before { content: "$"; font-family: "ETmodules" !important; display: inline-block; vertical-align: middle; margin-right: 10px; } @media only screen and ( min-width: 981px ) { .cu-blog .column.size-1of2 { width: 48%!important; margin-right: 1%; } } /* Dots Animation Start ------------*/ .left #wave{left:50px} .right #wave{right:50px} #wave{height:20px;width:80px;position:absolute;bottom:-25px;margin:0 auto;text-align:center} #wave li{position:absolute;display:inline-block;list-style:none;height:20px;width:20px;border-radius:200%} .blue #wave li{background:#00bff3} .white #wave li{background:#f5f2ee} .latest_blog #wave {background:#150f08} .latest_blog #wave li{background:#150f08} .dot_copyright #wave {background:#1f1b1a} .dot_copyright #wave li{background:#1f1b1a} .well_dots #wave {background:#ffffff} .well_dots #wave li{background:#ffffff} #wave li:nth-child(1){-webkit-animation:water 1.2s infinite;animation:water 1.2s infinite;-webkit-animation-delay:.2s;animation-delay:.2s;left:0} #wave li:nth-child(2){-webkit-animation:water 1.2s infinite;animation:water 1.2s infinite;-webkit-animation-delay:.4s;animation-delay:.4s;left:50%;margin-left:-10px} #wave li:nth-child(3){-webkit-animation:water 1.2s infinite;animation:water 1.2s infinite;-webkit-animation-delay:.6s;animation-delay:.6s;right:0} @-webkit-keyframes water { 0%{-webkit-transform:translateY(10px)} 50%{-webkit-transform:translateY(-45px)} 100%{-webkit-transform:translateY(10px)} @keyframes water { 0%{-webkit-transform:translateY(10px);transform:translateY(10px)} 50%{-webkit-transform:translateY(-45px);transform:translateY(-45px)} 100%{-webkit-transform:translateY(10px);transform:translateY(10px)} } } /* Dots Animation End ------------*/ /*---Mobile Menu------------*/ #mobile_menu li {position: relative;width: 100%;display: block;clear: both;background-color: #ffffff24;margin-bottom: 1px;} #main-header .et_mobile_menu li ul.sub-menu li {background: #00000052;display: block;clear: both;width: 100%;position: relative;margin-bottom: 1px;padding-left: 0px;} #main-header .et_mobile_menu li ul.sub-menu li a {} #main-header .et_mobile_menu li ul.sub-menu {margin-left: 0px;padding-left: 0;} #main-header .et_mobile_menu li ul.hide{display:none!important} #mobile_menu .menu-item-has-children{position:relative} #mobile_menu .menu-item-has-children > a{background:transparent} #mobile_menu .menu-item-has-children > a + span{position:absolute;right:0;top:0;padding:10px 17px;font-size:20px;font-weight:700;cursor:pointer;z-index:3;background-color: #00000052;} span.menu-closed:before{content:"\4c";display:block;color:#fff;font-size:16px;font-family:ETmodules} span.menu-closed.menu-open:before{content:"\4d"} .nav li ul.sub-menu {background: #fff;border-radius: 4px;box-shadow: 0 12px 40px 0 rgb(0 0 0 / 20%), 0 70px 100px -60px rgb(0 0 0 / 40%);padding: 5px 0;width: 270px;border-bottom: 2px solid #ffffff;} #top-menu li li { padding: 0 0px; margin: 0; width: 100%; } #top-menu li li a {padding: 6px 18px;width: 100%;font-size: 1.1em;font-weight: 400;color: #000000;} #top-menu li li a:hover {color:#c26e1d;} /* #top-menu li a::before{ content: ""; bottom: 0; left: 0; width: 0px; height: 2px; background-color: #000000; position: absolute;} #top-menu li a:hover::before {width: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} */ .nav li ul.sub-menu:before {content: ""; position: absolute; display: block;/* height: 30px; */left: 16px;position: absolute;top: -19px;/* transform: rotate(45deg) translateX(-70%); */z-index: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 18px solid #ffffff;border-top: 1px solid transparent;/* box-shadow: 0 12px 40px 0 rgb(0 0 0 / 20%), 0 70px 100px -60px rgb(0 0 0 / 40%); */} .et_mobile_menu li a:hover, .nav ul li a:hover { background-color: rgba(0,0,0,.03); opacity: 1; color:#c26e1d;} .nav li:hover ul.sub-menu li { overflow: hidden;} .nav li:hover ul.sub-menu li a {-webkit-animation:menuopen .5s ease;animation:menuopen .5s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both} .nav li:hover ul.sub-menu li:nth-child(1) a{-webkit-animation-delay:.10s;animation-delay:.10s} .nav li:hover ul.sub-menu li:nth-child(2) a{-webkit-animation-delay:.20s;animation-delay:.20s} .nav li:hover ul.sub-menu li:nth-child(3) a{-webkit-animation-delay:.30s;animation-delay:.30s} .nav li:hover ul.sub-menu li:nth-child(4) a{-webkit-animation-delay:.40s;animation-delay:.40s} .nav li:hover ul.sub-menu li:nth-child(5) a{-webkit-animation-delay:.50s;animation-delay:.50s} .nav li:hover ul.sub-menu li:nth-child(6) a{-webkit-animation-delay:.60s;animation-delay:.60s} .nav li:hover ul.sub-menu li:nth-child(7) a{-webkit-animation-delay:.70s;animation-delay:.70s} .nav li:hover ul.sub-menu li:nth-child(8) a{-webkit-animation-delay:.80s;animation-delay:.80s} .nav li:hover ul.sub-menu li:nth-child(9) a{-webkit-animation-delay:.90s;animation-delay:.90s} .nav li:hover ul.sub-menu li:nth-child(10) a{-webkit-animation-delay:2s;animation-delay:0s} .et-fixed-header .nav li ul.sub-menu:after { background-color: #ffffff; !important;} .et-fixed-header .nav li ul.sub-menu { border-bottom-color: #ffffff;} @-webkit-keyframes menuopen { /* 0%{opacity:0; transform: translateY(10px);} 75%{opacity:.5; } 100%{opacity:1; transform: translateY(0px);} */ from { opacity:0; transform: translateY(30px); } to {opacity:1; transform: translateY(0px); } } .nav li ul.sub-menu:after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 0%; background-color: #ffffff; transition: .3s ease; content: "";} .nav li:hover ul.sub-menu:after {height: 100%;} /*---Mobile Menu------------*/ /*---Top Scroll Button------------*/ .et_pb_scroll_top{z-index:9999999;position:fixed;right:20px;bottom:20px;background:#C26E1D;height:40px;box-shadow:0 2px 4px rgba(108,46,185,0.2);-webkit-transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,transform .6s ease;transition:all .2s ease,transform .6s ease,-webkit-transform .6s ease;cursor:pointer;border-radius: 50px;} .et_pb_scroll_top:before{display:none} .et_pb_scroll_top:after{content:"\24";font-family:ETmodules!important;color:#fff;font-size:16px;font-weight:700;margin-left: 7px;} .et_pb_scroll_top,.et_pb_scroll_top.et-visible,.et_pb_scroll_top.et-hidden{-webkit-animation:none!important;animation:none!important} .et_pb_scroll_top,.et_pb_scroll_top.et-hidden{-webkit-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg)} .et_pb_scroll_top.et-visible{-webkit-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)} .et_pb_scroll_top .et-pb-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .et_pb_scroll_top{right:0;width:auto;padding: 0 14px 0 13px;line-height: 38px;} .et_pb_scroll_top:before{content: 'Top';display:inline-block;color:#FFF;font-weight:700;font-size: 14px;text-transform: uppercase;} .et_pb_scroll_top,.et_pb_scroll_top.et-hidden{right:45px;bottom:100px;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(1) translate(100%,0) rotate(-90deg);transform:scale(1) translate(100%,0) rotate(-90deg)} .et_pb_scroll_top.et-visible{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} .et_pb_scroll_top .et-pb-icon{display:none} .mobile_nav.opened .et_mobile_menu {-webkit-animation:menuopen .5s ease;animation:menuopen .5s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both} .mobile_nav.opened .et_mobile_menu li {-webkit-animation:menuopen .5s ease;animation:menuopen .5s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both} .mobile_nav.opened .et_mobile_menu li:nth-child(1) {-webkit-animation-delay:.10s;animation-delay:.10s} .mobile_nav.opened .et_mobile_menu li:nth-child(2) {-webkit-animation-delay:.20s;animation-delay:.20s} .mobile_nav.opened .et_mobile_menu li:nth-child(3) {-webkit-animation-delay:.30s;animation-delay:.30s} .mobile_nav.opened .et_mobile_menu li:nth-child(4) {-webkit-animation-delay:.40s;animation-delay:.40s} .mobile_nav.opened .et_mobile_menu li:nth-child(5) {-webkit-animation-delay:.50s;animation-delay:.50s} .mobile_nav.opened .et_mobile_menu li:nth-child(6) {-webkit-animation-delay:.60s;animation-delay:.60s} .mobile_nav.opened .et_mobile_menu li:nth-child(7) {-webkit-animation-delay:.70s;animation-delay:.70s} .mobile_nav.opened .et_mobile_menu li:nth-child(8) {-webkit-animation-delay:.80s;animation-delay:.80s} .mobile_nav.opened .et_mobile_menu li:nth-child(9) {-webkit-animation-delay:.90s;animation-delay:.90s} .mobile_nav.opened .et_mobile_menu li:nth-child(10) {-webkit-animation-delay:2s;animation-delay:0s} /*---Top Scroll Button------------*/ /*------------Basic CSS------------*/ /*------------ Responsive Codding ------------*/ @media only screen and (min-device-width:981px) and (max-device-width : 1920px) {} @media only screen and (max-width:1600px) { .milestones_design { bottom: 11em; padding-right: 50px!important; } .latest_blog .post-meta { top: 17em; } .footer_design { background-size: 100%; padding: 28em 0 0 0 !important; } .latest_blog .entry-title a { font-size: 15px!important; } footer .et_pb_blurb_description { font-size: 13px; } footer .et_pb_blurb_description a{ font-size: 13px; font-weight: 600; } footer .et-menu li>a { font-size: 12px; } #top-menu li a { font-size: 14px !important; } } @media only screen and (max-width: 1440px) { .latest_blog .post-meta { top: 15em; } .home_advanced_banner h3 { font-size: 25px !important; } .home_advanced_banner p { font-size: 13px; } .wellcome_sec .et_pb_text_inner { font-size:16px; } .after_line h2:after { width: 82%; } .milestones_design { bottom: 12em; } .force_mission p { font-size: 13px; line-height: 25px; } .force_mission .et_pb_row { padding-top:0; } #wave li { height: 15px; width: 15px; } .wellcome_sec { background-size:15% !important; } .for_copyright p{ font-size: 11px!important; } .footer_design { padding: 6em 0 0 0 !important; background-position: center top 122px; } .latest_blog .entry-title a { font-size: 13px!important; } .latest_blog a.more-link { font-size: 12px !important; } .et_pb_scroll_top { right: 35px; height: 30px; } .et_pb_scroll_top { line-height: 30px; } .et_pb_scroll_top:before { font-size: 10px; } .et_pb_scroll_top:after { font-size: 13px; } footer .et-menu li>a { padding-bottom:3px !important; } } @media only screen and (max-width:1366px) { .latest_blog .post-meta { top: 14em; } .special_client_space h2 { margin-top: 60px; } footer .et_pb_blurb_description { font-size: 11px; } footer .et_pb_blurb_description a { font-size: 12px; } } @media only screen and (max-width:1300px) { .wellcome_sec p { font-size: 17px; } } @media only screen and (max-width: 1280px) { .wellcome_sec p { font-size: 15px; line-height: 30px; } } @media only screen and (max-width:1200px) { .wellcome_sec p { font-size: 15px; } } @media only screen and (max-width:1070px) { .wellcome_sec p { font-size: 14px; line-height: 31px; } } @media only screen and (min-device-width:1025px) and (max-device-width : 1260px) {} @media only screen and (min-device-width:981px) and (max-device-width : 1166px) {} @media all and (max-width: 1024px) {} /***** Only Desk Top*********/ @media (min-width: 981px) {} /***** Only Desk Top*********/ @media screen and (max-width: 1024px){} @media only screen and (max-width: 980px) { footer .et_pb_blurb_description { font-size: 14px; } footer .et_pb_blurb_description a { font-size: 14px; } footer .mobile_nav ul li a { text-align: center; line-height: 20px !important; } .latest_blog .post-meta { padding: 8px 4px 4px!important; width: auto; position: initial; } article .et_pb_image_container { margin: 0px 2px 6px; } #gallery-row{ padding:0!important; } /* #gallery-row .et_pb_gallery_items:nth-child(even){ margin-right:3%!important; } */ #gallery-row .et_pb_column .et_pb_grid_item{ margin:0 2% 2% 3%!important; } #gallery-row .et_pb_gallery_item{ /* margin-right: 10px; */ width: 45%; } footer .mobile_nav ul { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; padding:5px 10px 13px 10px !important; border-radius: 12px; } footer .mobile_nav ul li { width: 48%; border-bottom: 1px solid #dcd1ca; } footer .mobile_nav ul li a { text-align: center; } footer .mobile_nav { width: 100%; } footer .et_mobile_nav_menu { width: 100%; } footer .et_mobile_menu { display: block; border-top: none; position: initial; } footer .mobile_menu_bar { position: relative; display: none; line-height: 0; } .menu_header:before {display:none;} .footer_design { padding: 1em 0 0 0 !important; background-image: none !important; background-attachment: initial; } .et_header_style_left .et-search-form { width: 100% !important; max-width: 100% !important; background: #fff !important; box-shadow: 0px 0px 56px 58px #fff; } .et_transparent_nav #page-container { padding-top:55px!important; } #et_search_icon:before { top: 19px; } #et-top-navigation { padding-top:0 !important; } .home_advanced_banner { padding-top:0 !important; } .home_advanced_banner h3 { font-size: 22px !important; } .home_advanced_banner p { font-size: 13px; } .after_line h2:after { width: 100%; bottom: -7px; } .milestones_design { position: initial; padding-right: 0px!important; } .milestones_design img { width: 40px; } .milestones_design .et_pb_text_inner { display: flex; align-items: center; justify-content: center; flex-direction: column; } .milestones_design { display: flex; margin-top: 64px; justify-content: space-between; flex-wrap: wrap; flex-direction: column; } .milestones_design .et_pb_column { width: 100% !important; padding: 19px 10px 10px 10px; height: 100%; } .service_banner_design .as_slide_content_wrapper { padding: 10px 0; } .milestones_design p { line-height: 25px; text-align: center; } #main-header .container{display:block}.home_advanced_banner .as_slide_content_wrapper{width:98%!important;margin-top:1em!important;margin-bottom:4em!important}.home_advanced_banner .as_buttons_wrapper{position:inherit}.logo_container #logo{width:60px} #et-top-navigation {padding-left: 0px !important;} .et-cart-info {margin: -10px 11px 0 13px !important;} .woocommerce-MyAccount-navigation li a { font-size: 19px !important; line-height: 1.3em; padding:16px 11px !important; border-radius: 3px; font-weight: 500;} .et_fixed_nav #main-header:before {content: url(images/logo_base.png);position:absolute;left: -6%;top: -21%;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;transform: scale(0.8);} .custom_row {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap} .first-on-mobile{-webkit-order:1;order:1} .second-on-mobile{-webkit-order:2;order:2} .third-on-mobile{-webkit-order:3;order:3} .fourth-on-mobile{-webkit-order:4;order:4} .custom_row:last-child .et_pb_column:last-child{margin-bottom:30px} #et-top-navigation #top-menu-nav{display:none!important} .logo_container img#logo{padding:0!important} #et-top-navigation #top-menu-nav{display:none!important} .logo_container img#logo{padding:0!important} #et-top-navigation{position:relative!important} #mobile_menu{min-height:100vh;height:100%;top:0;right:0;position:fixed;z-index:9998;overflow:scroll;border-top:none;padding-top: 100px!important;padding: 25px;background-color: #000 !important;/* clear: both; */} .et_mobile_menu li:nth-child(1){/* padding-top:20px; */} .et_mobile_menu li a{color:#fff!important;width:100%;/* float:left; */border:none!important;text-align:left;/* margin: 0px 10px; */transition:.2s;font-weight:300;font-size:0.8em !important;clear: both;} .mobile_nav ul#mobile_menu .current_page_item > a{color:#fff!important;background-color:rgba(255,255,255,0.1);/* border-radius:30px; */padding-left:20px;/* background: rgb(255 255 255 / 6%); *//* box-shadow: 0px 1px 14px -3px rgb(255 255 255); *//* border-top-right-radius: 0px; *//* border-top-right-radius: 0px; *//* border-bottom-right-radius: 0px; */} .mobile_nav.closed #mobile_menu{background:-moz-linear-gradient(top,#1c3963 0%,#2cc09b 100%);background:-webkit-linear-gradient(top,#1c3963 0%,#2cc09b 100%);background:-o-linear-gradient(top,#1c3963 0%,#274c81 100%);background:-ms-linear-gradient(top,#1c3963 0%,#274c81 100%);background:linear-gradient(100deg,rgb(47 56 134) 0%,rgb(16 110 194) 100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .4s 0;-moz-transition:-moz-transform .4s 0;transition:transform .4s 0;} .mobile_nav.opened #mobile_menu{background:-moz-linear-gradient(top,#1c3963 0%,#2cc09b 100%);background:-webkit-linear-gradient(100deg,#C26E1D 0%,#9a5410 100%);background:-o-linear-gradient(100deg,#C26E1D 0%,#9a5410 100%);background:-ms-linear-gradient(100deg,#C26E1D 0%,#9a5410 100%);background:linear-gradient(100deg,#C26E1D 0%,#9a5410 100%);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .4s 0;-moz-transition:-moz-transform .4s 0;transition:transform .4s 0;} .mobile_nav #mobile_menu{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out} #main-header .container.clearfix.et_menu_container{width:100%} .mobile_menu_bar:before{color:#c26e1d;} .mobile_nav.opened .mobile_menu_bar:before{content:'\4d';z-index:9999;color:#fff!important;border: 1px solid #1d3b6600;width:30px;height:30px;border-radius:50%;} .mobile_nav.opened .mobile_menu_bar:after{color:#FFF} .et_header_style_split .mobile_menu_bar,.et_header_style_left .mobile_menu_bar{z-index:9999} #et-top-navigation{padding-right:5px} .et_header_style_left #logo,.et_header_style_split #logo{max-width:100%} #commentform p.comment-form-comment,#commentform .gglcptch{width:95%;display:block;float:none;margin:0 auto} #commentform p.comment-form-author,#commentform p.comment-form-email,#commentform p.comment-form-url{width:95%;display:block;float:none;margin:0 auto} #commentform p.comment-form-author input,#commentform p.comment-form-email input,#commentform p.comment-form-url input{width:100%;display:block;float:none} #commentform .form-submit{text-align:left} .mobile_menu_bar:after {content: url(images/hexagone_shape.png);position:absolute;right: 8px;top:5px;} .mobile_nav.opened .mobile_menu_bar:after {content: url(images/hexagone_shape-light.png);} .mobile_menu_bar:before {left:-12px;top: 12px;} #logo {max-height: 90%;margin: 4px;} #page-container { padding-top: 80px !important;} header.et-fixed-header { position: fixed !important;} .et_pb_scroll_top:before { display: none !important;} .et_pb_scroll_top { padding: 5px 9px 4px 2px !important; line-height: 26px; height: 35px;} } @media only screen and (max-width:768px) { #gallery-row .et_pb_gallery_item { width:45%!important; } footer .mobile_nav ul li { width: 100%; border-bottom: 1px solid #dcd1ca; } #form-news { width: 70%; margin: 0 auto; } #form-news input[type="submit"] {width: 100%; } footer .et_pb_blurb_description { font-size: 14px; } footer .et_pb_blurb_description a { font-size: 14px; } .client_carousel .swiper-bullets {width: 100% !important; margin: 0 auto !important; text-align: center !important; } } @media only screen and (max-width:580px){ #gallery-row .et_pb_gallery_item { width:70%!important; } #gallery-row .gallery-column .et_pb_gallery_items{ display:flex!important; justify-content:center!important; flex-wrap:wrap!important; } /* #gallery-row .et_pb_column .et_pb_grid_item{ margin:0 2% 2% 3%!important; } */ } @media only screen and (max-width:425px) { .et_pb_row { width:90%;} article.et_pb_post { margin-bottom:1.5% !important; } } @media only screen and (max-width:375px) { } @media only screen and (max-width:425px) {} @media only screen and (min-width: 481px) {} @media only screen and (max-width: 480px) {} @media only screen and (max-width:375px) {} @media only screen and (max-width:363px) {} @media only screen and (max-width:320px) {}