/* hidden rules */ .ml-auto { margin-left: auto !important; } /*=========================== Common CSS ===========================*/ html { scroll-behavior: smooth; } img { max-width: 100%; height: auto; } body { font-family: 'Calibri', Arial, sans-serif; font-size: 21px; line-height: 29px; } input, textarea, select { font-weight: normal; font-style: normal; color: #666; overflow-x: hidden; font-family: 'Cuprum', Helvetica, Arial, Lucida, sans-serif; font-size: 14px; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.7em; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbar-toggler:focus, a:focus, input:focus, textarea:focus, button:focus, .btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active { text-decoration: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a:hover { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; color: #007cc5; } .mm h5:hover {color: #ccc!important;} a {text-decoration:none!important} a:focus, a:hover { text-decoration: none; } button { cursor: pointer; } i, span, a { display: inline-block; text-decoration: none; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #007cc5; margin: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1, h2 .header { font-size: 60px; line-height: 68px; } h1.h1black{ color: #000; } h2 { font-size: 40px; line-height: 48px; } h3 { font-size: 30px; line-height: 38px; } h4 { font-size: 24px; line-height: 32px; } #distribution h4{ color: #137EC3; } h5 { font-size: 20px; } h6 { font-size: 16px; } h1, h2, h3, h4, h5, h6 { font-family: 'Cuprum', Arial, Lucida, sans-serif; /*text-transform: lowercase;*/ } h2.ttitle{ font-size: 60px; line-height: 68px; } ul, ol { margin: 0px; padding: 0px; list-style-type: none; } p { font-size: 14px; font-weight: 400; line-height: 26px; color: #666; margin-bottom:10px!important; } p.text1{ font-family: 'Calibri', sans-serif; font-size: 21px; line-height: 29px; padding-bottom: 20px; padding-top: 20px; color: #FFF; } #acs-about p.text1.text1dark{ color: #38A5EF; } p.text2{ font-family: 'Calibri', sans-serif; font-size: 21px; line-height: 29px; color: #FFF; } p.text1 strong{ color: #38A5EF; font-weight: bold; } .fix-menu-min-height{ min-height:300px; } .fa-chevron-down {font-size:11px!important} .list {list-style: disc outside;padding: 0 0 23px 16px;line-height: 26px;font-size:18px} .breadcrumb {background-color: #fff!important;} .breadcrumb {padding:0.5rem 0!important} .breadcrumb li, .breadcrumb a { font-family: 'Calibri', sans-serif; font-size: 17px; line-height: 24px; } .breadcrumb a:hover { color: rgb(36, 88, 136); } .img-bg { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1430px; } .container-fluid { width: 100%; max-width: 100%; padding-right: 30px; padding-left: 30px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width-----: 450px; } } .gray-bg { background: #EFF2F9; } a {color:#007cc5} .ovh {overflow:hidden;} /*===== All Button Style =====*/ .btn, .button { font-family: 'Cuprum', Arial, sans-serif; font-size: 27px; text-transform: uppercase; } .theme-btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 16px 48px; font-size: 18px; border-radius: 50px; color: #fff; cursor: pointer; z-index: 5; transition: all .4s ease-in-out; border: none; background: linear-gradient(to left, #3763eb 0%, #6f58e8 50.39%, #3763eb 100%); background-size: 200% auto; overflow: hidden; } .theme-btn:hover, .theme-btn:focus { background-position: right center; color: #fff; -webkit-box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45); -moz-box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45); box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45); } .theme-btn.border-btn { padding: 14px 40px; background: transparent; border: 1.5px solid #3763EB; color: #6A7C92; font-size: 18px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .scroll-top { display:none; width: 45px; height: 45px; background: #007cc5; text-align: center; line-height: 45px; font-size: 20px; color: #fff; border-radius: 5px; position: fixed; bottom: 30px; right: 30px; z-index: 9; cursor: pointer; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .scroll-top:hover { background: rgba(55, 99, 235, 0.7); color: #fff; } @keyframes animation1 { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 0.29; } 50% { -webkit-transform: translateY(-700px); -moz-transform: translateY(-700px); -ms-transform: translateY(-700px); -o-transform: translateY(-700px); transform: translateY(-700px); opacity: 0; } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 0; } } /*===== All Section Title Style =====*/ .section-title span { font-size: 25px; font-weight: 700; color: #3763EB; margin-bottom: 5px; } @media (max-width: 767px) { .section-title span {font-size: 20px;} } .section-title h2 { line-height: 55px; font-weight: 600; margin-bottom: 15px; } @media (max-width: 767px) { .section-title h2 {line-height: 41px; } } .section-title p { font-family: 'Cuprum', sans-serif; font-size: 29px; line-height: 37px; } /*===== All Preloader Style =====*/ .preloader { /* Body Overlay */ position: fixed; top: 0; left: 0; display: table; height: 100%; width: 100%; /* Change Background Color */ background: #fff; z-index: 99999; } .preloader .loader { display: table-cell; vertical-align: middle; text-align: center; } .preloader .loader .ytp-spinner { position: absolute; left: 50%; top: 50%; width: 64px; margin-left: -32px; z-index: 18; pointer-events: none; } .preloader .loader .ytp-spinner .ytp-spinner-container { pointer-events: none; position: absolute; width: 100%; padding-bottom: 100%; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; -moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; -o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; animation: ytp-spinner-linspin 1568.23529647ms linear infinite; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator { position: absolute; width: 100%; height: 100%; -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; right: 50%; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; left: 50%; } .preloader .loader .ytp-spinner-circle { box-sizing: border-box; position: absolute; width: 200%; height: 100%; border-style: solid; /* Spinner Color */ border-color: #3763EB #3763EB #F4EEFB; border-radius: 50%; border-width: 6px; } .preloader .loader .ytp-spinner-left .ytp-spinner-circle { left: 0; right: -100%; border-right-color: #F4EEFB; -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .preloader .loader .ytp-spinner-right .ytp-spinner-circle { left: -100%; right: 0; border-left-color: #F4EEFB; -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } /* Preloader Animations */ @-webkit-keyframes ytp-spinner-linspin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ytp-spinner-linspin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ytp-spinner-easespin { 12.5% { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); -moz-transform: rotate(675deg); -ms-transform: rotate(675deg); -o-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); -moz-transform: rotate(810deg); -ms-transform: rotate(810deg); -o-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); -moz-transform: rotate(945deg); -ms-transform: rotate(945deg); -o-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); -moz-transform: rotate(1080deg); -ms-transform: rotate(1080deg); -o-transform: rotate(1080deg); transform: rotate(1080deg); } } @keyframes ytp-spinner-easespin { 12.5% { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); -moz-transform: rotate(675deg); -ms-transform: rotate(675deg); -o-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); -moz-transform: rotate(810deg); -ms-transform: rotate(810deg); -o-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); -moz-transform: rotate(945deg); -ms-transform: rotate(945deg); -o-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); -moz-transform: rotate(1080deg); -ms-transform: rotate(1080deg); -o-transform: rotate(1080deg); transform: rotate(1080deg); } } @-webkit-keyframes ytp-spinner-left-spin { 0% { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } } @keyframes ytp-spinner-left-spin { 0% { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes ytp-right-spin { 0% { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } } @keyframes ytp-right-spin { 0% { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-105 { margin-top: 105px; } .mt-110 { margin-top: 110px; } .mt-115 { margin-top: 115px; } .mt-120 { margin-top: 120px; } .mt-125 { margin-top: 125px; } .mt-130 { margin-top: 130px; } .mt-135 { margin-top: 135px; } .mt-140 { margin-top: 140px; } .mt-145 { margin-top: 145px; } .mt-150 { margin-top: 150px; } .mt-155 { margin-top: 155px; } .mt-160 { margin-top: 160px; } .mt-165 { margin-top: 165px; } .mt-170 { margin-top: 170px; } .mt-175 { margin-top: 175px; } .mt-180 { margin-top: 180px; } .mt-185 { margin-top: 185px; } .mt-190 { margin-top: 190px; } .mt-195 { margin-top: 195px; } .mt-200 { margin-top: 200px; } .mt-205 { margin-top: 205px; } .mt-210 { margin-top: 210px; } .mt-215 { margin-top: 215px; } .mt-220 { margin-top: 220px; } .mt-225 { margin-top: 225px; } .mb-0 { padding-bottom: 0; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .mb-105 { margin-bottom: 105px; } .mb-110 { margin-bottom: 110px; } .mb-115 { margin-bottom: 115px; } .mb-120 { margin-bottom: 120px; } .mb-125 { margin-bottom: 125px; } .mb-130 { margin-bottom: 130px; } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; } .mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; } .mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; } .mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; } .mb-205 { margin-bottom: 205px; } .mb-210 { margin-bottom: 210px; } .mb-215 { margin-bottom: 215px; } .mb-220 { margin-bottom: 220px; } .mb-225 { margin-bottom: 225px; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-105 { padding-top: 105px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-125 { padding-top: 125px; } .pt-130 { padding-top: 130px; } .pt-135 { padding-top: 135px; } .pt-140 { padding-top: 140px; } .pt-145 { padding-top: 145px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-160 { padding-top: 160px; } .pt-165 { padding-top: 165px; } .pt-170 { padding-top: 170px; } .pt-175 { padding-top: 175px; } .pt-180 { padding-top: 180px; } .pt-185 { padding-top: 185px; } .pt-190 { padding-top: 190px; } .pt-195 { padding-top: 195px; } .pt-200 { padding-top: 200px; } .pt-205 { padding-top: 205px; } .pt-210 { padding-top: 210px; } .pt-215 { padding-top: 215px; } .pt-220 { padding-top: 220px; } .pt-225 { padding-top: 225px; } .pb-0 { padding-bottom: 0; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pb-105 { padding-bottom: 105px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pb-125 { padding-bottom: 125px; } .pb-130 { padding-bottom: 130px; } .pb-135 { padding-bottom: 135px; } .pb-140 { padding-bottom: 140px; } .pb-145 { padding-bottom: 145px; } .pb-150 { padding-bottom: 150px; } .pb-155 { padding-bottom: 155px; } .pb-160 { padding-bottom: 160px; } .pb-165 { padding-bottom: 165px; } .pb-170 { padding-bottom: 170px; } .pb-175 { padding-bottom: 175px; } .pb-180 { padding-bottom: 180px; } .pb-185 { padding-bottom: 185px; } .pb-190 { padding-bottom: 190px; } .pb-195 { padding-bottom: 195px; } .pb-200 { padding-bottom: 200px; } .pb-205 { padding-bottom: 205px; } .pb-210 { padding-bottom: 210px; } .pb-215 { padding-bottom: 215px; } .pb-220 { padding-bottom: 220px; } .pb-225 { padding-bottom: 225px; } /*=========================== 02. Header CSS ===========================*/ /*===== NAVBAR =====*/ .header {-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0 , 10%); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0 , 10%);} .navbar {padding-top:0;padding-bottom:0} .search_icon {cursor: pointer; display: flex; padding-left: 20px; align-items: center;} .times_icon { display: flex; align-items: center; width: 30px;} .navbar-area { width: 100%; z-index: 99; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 0; } .header-btn .theme-btn { padding: 10px 30px; } .sticky { position: fixed; z-index: 999; background: #3763EB; -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: #fff; padding: 0px 0; } .sticky .navbar-nav .nav-item a {padding: 10px 12px; } .sticky .mega_parent.nav-item a {padding: 10px 0px 10px 11px} .sticky .main-menu li ul.mega-menu li a { padding-left: 15px; padding-right: 0; } .sticky .navbar-brand img { max-width: 40px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .sticky .navbar {padding: 0;} .navbar { position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .navbar-brand { top: 0; padding-top:0; position: absolute; z-index: 9; } .navbar-brand img { max-width: 130px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .navbar-toggler {padding: 0px; position: absolute; right: 0; } .navbar-toggler .toggler-icon { width: 30px; height: 2px; background-color: #222; display: block; margin: 5px 0; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .navbar-toggler.active .toggler-icon:nth-of-type(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 7px;} .navbar-toggler.active .toggler-icon:nth-of-type(2) { opacity: 0; } .navbar-toggler.active .toggler-icon:nth-of-type(3) { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: -7px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 9; -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); padding: 10px 20px; max-height: 350px; overflow-y: scroll; } } @media (max-width: 991px) { .navbar {height:60px} } @media (max-width: 767px) { .et_mobile_menu ul li ul{padding-left:5%} .pb-140 { padding-bottom: 50px;} .pt-165 { padding-top: 55px;} .navbar-brand img {max-width: 90px} .sticky .navbar-brand img { max-width: 50px; padding-top:5px; } .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 9; -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 20, 65, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(5, 20, 65, 0.1); box-shadow: 0px 15px 20px 0px rgba(5, 20, 65, 0.1); padding: 5px 12px; max-height: 350px; overflow-y: scroll;overflow-x: hidden; } } .navbar-nav .nav-item {position: relative;} /*.mega-menu a:hover { opacity: 0.7; background-color: rgba(0, 0, 0, 0.03); }*/ .page-scroll img {margin-top:5px} .navbar-nav .nav-item a { font-size: 12.5px; font-weight: 500; color: #051441; color: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: relative; padding: 34.2px 12px; display: inline-flex; align-items: center; } .navbar-nav .nav-item a.top-line { font-size: 12.5px; font-weight: 700;} .navbar-nav .nav-item a.top-line:hover { color: rgba(0, 0, 0, 0.6); opacity: 0.6; } .navbar-nav .nav-item .mega-menu.wrap li a { font-size: 12.5px; font-weight: 600;} @media only screen and (min-width: 992px) and (max-width: 1199px) { .navbar-nav .nav-item a { } .main-menu li ul.mega-menu li ul.mega_submenu.first li a { width: 100%;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item a { color: #051441; display: flex; justify-content: space-between; padding: 10px 0; } } @media (max-width: 767px) { .navbar-nav .nav-item a { color: #051441; display: flex; justify-content: space-between; padding: 10px 0; } } .navbar-nav .nav-item a.active { color: #3763EB; } .navbar-nav .nav-item a.dd-menu { padding-right: 34px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .navbar-nav .nav-item a.dd-menu { padding-right: 30px; } } .navbar-nav .nav-item a.dd-menu::after { content: "\ea58"; font: normal normal normal 1em/1 "LineIcons"; position: absolute; right: 18px; font-size: 12px; margin-left: 5px; margin-top: 0px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .navbar-nav .nav-item a.dd-menu::after { right: 13px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item a.dd-menu::after { right: 0; } } @media (max-width: 767px) { .navbar-nav .nav-item a.dd-menu::after { right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item a.show::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } @media (max-width: 767px) { .navbar-nav .nav-item a.show::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } .navbar-nav .nav-item:hover > .sub-menu { top: 100%; opacity: 1; visibility: visible;} @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item:hover > .sub-menu { visibility: hidden; opacity: 0; } } @media (max-width: 767px) { .navbar-nav .nav-item:hover > .sub-menu { visibility: hidden; opacity: 0; } } .navbar-nav .nav-item:hover > .sub-menu .sub-menu { left: 100%; top: 0; } .navbar-nav .nav-item .sub-menu { min-width: 200px; background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 110%; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 0; } .navbar-nav .nav-item .sub-menu.left-menu { left: -100%; } .navbar-nav .nav-item .sub-menu::after { content: ''; position: absolute; background: #fff; width: 20px; height: 20px; top: -10px; left: 20%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid rgba(0, 0, 0, 0.05); border-left: 1px solid rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item .sub-menu { position: static; width: 100%; opacity: 0; visibility: hidden; max-height: 0; transform: scaleY(0); transform-origin: top; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); } .navbar-nav .nav-item .sub-menu.show { max-height: 1000px; height: auto; opacity: 1; visibility: visible; transform: scaleY(1); } .navbar-nav .nav-item .sub-menu::after { display: none; } } @media (max-width: 767px) { .navbar-nav .nav-item .sub-menu { position: static; width: 100%; opacity: 0; visibility: hidden; max-height: 0; transform: scaleY(0); transform-origin: top; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); } .navbar-nav .nav-item .sub-menu.show { max-height: 1000px; height: auto; opacity: 1; visibility: visible; transform: scaleY(1); } .navbar-nav .nav-item .sub-menu::after { display: none; } } .navbar-nav .nav-item .sub-menu > li { display: block; margin-left: 0; } .navbar-nav .nav-item .sub-menu > li:last-child { border: none; } .navbar-nav .nav-item .sub-menu > li.active > a, .navbar-nav .nav-item .sub-menu > li:hover > a { color: #3763EB; } .navbar-nav .nav-item .sub-menu > li:first-child a { border-top: none; } .navbar-nav .nav-item .sub-menu > li > a { font-weight: 400; display: block; padding: 10px 15px; font-size: 14px; color: #222; border-top: 1px solid rgba(0, 0, 0, 0.03); } .navbar-nav .nav-item .sub-menu > li > a:hover { background: rgba(0, 0, 0, 0.05); } .carousel-section {height: 300px; display: flex!important; align-items: center;} .carousel-section.main {height: auto; display: flex!important; align-items: center;} .carousel-section-wrapper { position: relative; z-index: 3; } .carousel-section-wrapper .carousel-section { position: relative; z-index: 3; } .carousel-section-wrapper .carousel-section.clip-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(to right, rgba(111, 88, 232, 0.6) 0%, #3763eb 100%); } .carousel-section-wrapper .carousel-section.carousel-item .carousel-content .section-title h2 { margin-bottom: 25px; } .carousel-section-wrapper .carousel-section.carousel-item .carousel-content .section-title p { margin-bottom: 40px; } .carousel-section-wrapper .carousel-section.carousel-item .carousel-content .border-btn { border-color: #fff; color: #fff; } .carousel-section-wrapper .carousel-section.carousel-item .carousel-content .border-btn:hover { background: rgba(255, 255, 255, 0.2); } .carousel-section-wrapper .carousel-control { background: none; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #fff; color: #fff; top: 50%; left: 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; } .carousel-section-wrapper .carousel-control:hover { background: #fff; color: #3763EB; } .carousel-section-wrapper .carousel-control.carousel-control-next { left: auto; right: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .carousel-section-wrapper .carousel-control { top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); bottom: 80px; margin: auto; } .carousel-section-wrapper .carousel-control.carousel-control-prev { left: 42%; } .carousel-section-wrapper .carousel-control.carousel-control-next { left: 10%; } } @media (max-width: 767px) { .carousel-section-wrapper .carousel-control { top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); bottom: 80px; margin: auto; } .carousel-section-wrapper .carousel-control.carousel-control-prev {left: 37%;} .carousel-section-wrapper .carousel-control.carousel-control-next {left: 23%;} } .carousel-section-wrapper .carousel-control span {background: none;} .client-logo-section .client-logo-wrapper .client-logo-carousel .client-logo {padding: 10px; text-align: center;margin: auto; } .client-logo-section .client-logo-wrapper .client-logo-carousel .client-logo img { max-width: 220px; width: 100%; opacity: .3; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .client-logo-section .client-logo-wrapper .client-logo-carousel .client-logo img:hover { opacity: 1; } .box-style { min-height:250px; padding: 60px; display:flex; align-items:center; justify-content:center; text-align:center; border: 1px solid #F4EEFB; border-radius: 10px; margin-bottom: 30px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center;} .box-style:hover { -webkit-box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45); -moz-box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45); box-shadow: 0px 0px 30px rgba(215, 224, 252, 0.45); } .box-style:hover .box-icon-style { color: #fff; border-color: transparent; background: linear-gradient(#3763eb 0%, #6f58e8 100%); } .box-style:hover .box-icon-style::after { opacity: 1; visibility: visible; } .box-style .box-icon-style { width: 78px; height: 78px; border-radius: 50%; margin-bottom: 25px; background: #fff; border: 2px solid #3763EB; display: flex; align-items: center; justify-content: center; color: #3763EB; font-size: 40px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: relative; } .box-style .box-icon-style::after { content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; visibility: hidden; background: linear-gradient(#3763eb 0%, #6f58e8 100%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: -1; border-radius: 50%; border: 1px solid transparent; } .box-style .box-content-style h4 { margin-bottom: 20px; } .box-style .box-content-style h3 { color:#fff; } .searchcont {display:flex;} .searchh_form { position: absolute; border: 1px solid; top: 0; right: 0; /* left: 0; */ width: 100%; z-index: 99; display: none; background: #fff; height: 100%; max-width: 680px; margin-right: 30px; align-items: center; } .cy_search_form { position: fixed; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,28,44,.9); z-index: 11; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .cy_search_form.search_opened { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .search_close:hover {cursor:pointer} .search_close { position: absolute; right: 20px; top: 20px; background: #007cc5; border: none; border-radius: 100%; color: #fff; font-size: 20px; padding: 0 5px; } .cy_search_input { position: absolute; top: 50%; left: 50%; width: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .cy_search_btn { position: absolute; right: 0; z-index: 10; } /*=========================== About CSS & category ===========================*/ .section-title h1, .section-title h1.text-white { font-family: 'Cuprum', sans-serif; font-size: 61px; line-height: 69px; font-weight: 400; /* Regular */ text-shadow: 0 1px 3px rgb(0 0 0 / 30%); } .section-title p.text-white { font-family: 'Calibri', sans-serif; font-size: 21px; line-height: 29px; } .et_pb_team_member_description { padding-bottom:20px } .about-section { background: #EFF2F9; padding: 180px 0; position: relative; } ul.inner-list{ color: #6F6F6F; } ul.inner-list li strong{ font-weight: normal; } .product-card{ position: relative; } .product-card .imagePlaceholder{ margin-left: 12px; margin-right: 9px; float: left; height: 100px; } .product-card .blue{ font-size: 16px; /* Large text */ overflow: hidden; /* Hide overflow */ transition: max-height 0.3s ease; /* Smooth transition for expand */ line-height: 22px; color: #137EC3; font-family: 'Calibri', sans-serif; font-style: normal; font-weight: 400; } .product-card .read-more-btn{ display: block; width: 100%; border: none; cursor: pointer; position: absolute; bottom: 14px; left: 0; transition: background 0.3s; background: none; color: #6F6F6F; font-family: 'Calibri', sans-serif; font-size: 16px; line-height: 22px; font-style: normal; font-weight: 400; text-decoration-line: underline !important; text-align: left !important; margin-left: 33px; } .product-card h2.product_title{ height: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .parent { width: 100%;margin: 10px 0;height: 150px!important; } .about-section { padding: 120px 0; } } @media (max-width: 767px) { .et_pb_team_member_description { padding-bottom:40px!important; text-align:center; } .team-section .et_pb_image { margin-left: auto!important;margin: 0 auto; } .box-style { min-height: auto!important; } .about-section { padding: 120px 0; } } .about-section .about-img-wrapper { position: absolute; left: 0; top: 50%; width: 46%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-section .about-img-wrapper { position: relative; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 100%; margin-bottom: 50px; } } @media (max-width: 767px) { .parent:hover .child, .parent:focus .child { -ms-transform: none!important; -moz-transform: none!important; -webkit-transform: none!important; -o-transform: none!important; transform: none!important; } .parent {width: 100%;margin: 10px 0;height: 150px!important;} .about-section .about-img-wrapper { position: relative; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 100%; margin-bottom: 50px; } } .about-section .about-img-wrapper img { width: 100%; } .about-section .about-img-wrapper .about-experience { width: 300px; border-radius: 27px; background: linear-gradient(to top left, #3763eb 0%, #6f58e8 100%); border: 5px solid #eff2f9; padding: 40px 20px; position: absolute; right: -40px; bottom: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-section .about-img-wrapper .about-experience { right: 40px; } } @media (max-width: 767px) { .about-section .about-img-wrapper .about-experience { right: 40px; } } .about-section .about-img-wrapper .about-experience h3 { font-size: 26px; font-weight: 700; color: #fff; margin-bottom: 15px; } .about-section .about-img-wrapper .about-experience p { color: #fff; } .about-section .about-content-wrapper .about-content .counter-up { display: flex; justify-content: space-between; } @media (max-width: 767px) { .about-section .about-content-wrapper .about-content .counter-up { display: block; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .about-section .about-content-wrapper .about-content .counter-up { display: flex; } } .about-section .about-content-wrapper .about-content .counter-up .counter { margin-right: 10px; } .about-section .about-content-wrapper .about-content .counter-up .counter:last-child { margin-right: 0; } .about-section .about-content-wrapper .about-content .counter-up .counter span { font-size: 40px; font-weight: 600; color: #3763EB; display: block; margin-bottom: 8px; } .about-section .about-content-wrapper .about-content .counter-up .counter h4 { font-weight: 500; margin-bottom: 10px; } /*=========================== Pre Footer CSS ===========================*/ #acs-about{ background: #011C2C; } #acs-about .container{ border-bottom: 1px solid #C0C0C5;; } /* General styling for the 2-column row */ #acs-about .two-column-row { display: block; /* stack everything */ text-align: center; /* centers text content */ } /* First Column: Image */ #acs-about .column-image { margin: 0 auto 20px; /* centers image and adds space below */ } #acs-about .image { width: 124px; height: 124px; border-radius: 1px; object-fit: cover; } /* Second Column: Content */ #acs-about .column-content { text-align: center; /* ensure text inside is centered */ } #acs-about .header { color: #FFF; font-family: Cuprum; font-size: 40px; font-style: normal; font-weight: 400; line-height: 46px; /* 115% */ margin-bottom: 10px; text-transform: none; } #acs-about .intro-text { color: #38A5EF; font-family: Cuprum; font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; /* 127.273% */ margin-bottom: 15px; } #acs-about .paragraph { margin-bottom: 10px; color: #FFF; font-family: Calibri; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; /* 137.5% */ } /*=========================== Footer CSS ===========================*/ .footer { position: relative; z-index: 2; background: #EFF2F9; } .footer .footer-widget .footer-desc { line-height: 30px; } .footer .footer-widget h4 { margin-bottom: 35px; font-weight: 500; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer .footer-widget h4 { font-size: 22px; } } .footer .footer-widget ul.footer-links li a { color: #6A7C92; display: block; line-height: 35px; transition: all .3s; } .footer .footer-widget ul.footer-links li a:hover { color: #3763EB; } .footer .footer-widget ul { padding-left: 20px; } .footer .footer-widget ul li { list-style: disc; } .footer .footer-widget .footer-contact li p { line-height: 35px; } .footer .copyright-area { border-top: 2px solid rgba(106, 124, 146, 0.44); padding: 25px 0; font-size: 16px; position: relative; z-index: 2; } .footer .copyright-area p { text-align: right; } @media (max-width: 767px) { .footer .copyright-area p { font-size: 14px; text-align: center; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .footer .copyright-area p { font-size: 15px; } } .footer .copyright-area p a { color: #6A7C92; } .footer .copyright-area p a:hover { color: #3763EB; } @media (max-width: 767px) { .footer-social-links { margin-bottom: 15px; } } .footer-social-links ul { justify-content: flex-start; } @media (max-width: 767px) { .footer-social-links ul { justify-content: center; } } .footer-social-links ul li { display: inline-block; } .footer-social-links ul li a { width: 45px; height: 45px; border-radius: 50%; text-align: center; line-height: 45px; background: rgba(106, 124, 146, 0.1); display: block; font-size: 18px; color: #6A7C92; margin-right: 15px; } @media (max-width: 767px) { .footer-social-links ul li a { padding: 0 7px; margin-right: 10px; } } .footer-social-links ul li a:hover { background: linear-gradient(#3763eb 0%, #6f58e8 100%); color: #fff; } /*Fade In*/ /*=========================== team CSS ===========================*/ .team-section p {font-size:18px} .team-section h3 {font-size:35px;text-transform:uppercase;} .team-section h4 { font-size: 19px; color: #686868 !important; line-height: 3em; text-transform:uppercase; } .team-section .et_pb_image { max-width: 150px; margin-left: 0; margin-top:7px; } .team-section ul { padding: 0 0 23px 16px; line-height: 26px; list-style-type: disc; font-size:18px; } /*=========================== Footer CSS ===========================*/ .footer { background-color: #001c2d; } /* .footer .footer-menu-heading { font-size: 18px; font-family: 'Cuprum', Helvetica, Arial, Lucida, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; letter-spacing: 1px; } */ .footer li { padding-right: 0; line-height: 19px; font-size: 12px; position: relative; padding-left: 14px; padding-top: 5px; } .footer li a { color:#fff; } .footer li a:hover { color: rgba(255, 255, 255, 0.7); } .footer ul.menu li.footer-menu-heading a { color: #38A5EF; font-family: 'Cuprum', sans-serif; font-size: 24px; line-height: 32px; } .footer ul.menu li.footer-menu-heading ul.sub-menu li a{ font-family: 'Calibri', sans-serif; font-size: 21px; line-height: 29px; color: #FFF; } .footer ul.menu li.footer-menu-heading ul.sub-menu li ul li a{ font-family: 'Calibri', sans-serif; font-size: 17px; line-height: 24px; color: #FFF; } .footer ul li ul li { font-weight: 400; margin-left: 0; } .footer .sub-menu { margin-top: 11px; } .footer p { padding-bottom: 1em; } .footer .fwidget { margin-bottom: 16.348%; } .footer .footer-menu-heading { margin-top: 30px; } .footer .footer-widget .fwidget .menu li{list-style:none; color:#fff; padding-left:0} .footer .textwidget p{color:#fff;font-weight:normal;font-size:14px;font-family: 'PT Sans', Helvetica, Arial, Lucida, sans-serif;} /*-------------------- Navigation css here ---------------------------*/ /*Dropdown css*/ .main-menu ul li ul.dropdown_menu { background: #ffffff none repeat scroll 0 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35); left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 100%; -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; visibility: hidden; width: 200px; z-index: 9999; } .main-menu ul li ul.dropdown_menu li a { color: #444444; padding: 0 0 0 15px; text-transform: capitalize; } .main-menu ul li:hover ul li a { color: #848484 ; } .main-menu ul li ul.dropdown_menu li { border-bottom: 1px solid #eeeeee; display: block; padding: 10px 0; } .main-menu ul li ul.dropdown_menu li:last-child { border-bottom: medium none; } .main-menu ul li:hover ul.dropdown_menu,.main-menu li:hover ul.mega-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0px); transform: translateY(0px); visibility: visible; } .main-menu ul li:hover ul.dropdown_menu,.main-menu li:hover ul.mega-menu.wrap { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0px); transform: translateY(0px); visibility: visible; } /*Mega menu css*/ .main-menu li ul.mega-menu { background: #fff ; border: 1px solid #d7d7d7; border-top: 3px solid #2ea3f2; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 15px 5px 28px 25px; position: absolute; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; visibility: hidden; width: 100%; z-index: 9; } .main-menu li ul.mega-menu.wrap { background: #fff ; border: 1px solid #d7d7d7; left: auto; border-top: 3px solid #2ea3f2; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 15px 15px 15px 15px; position: absolute; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; visibility: hidden; width: 100%; z-index: 9; width:auto; } .main-menu li ul.mega-menu li a { text-transform: none; } .main-menu li ul.mega-menu li a i{ color: #ccc!important;} .children { color: #ccc!important;} .main-menu li.mega_parent { position: static;padding-right: 10px; } .header-bottom .container .row [class*="col-"] { position: static; } .header-bottom .mgeamenu-full-width { position: relative; } .main-menu li ul.mega-menu li.mega-img { width: 40%; } .main-menu li ul.mega-menu li { float: left; width: 16.5%; } .main-menu li ul.mega-menu.wrap li { float: none; width: 100%; } .main-menu li ul.mega-menu li a { /*di*/ padding: 1px 0px 1px 15px; width: 97%; } .main-menu li ul.mega-menu ul.mega_submenu li a {font-weight:bold;} .main-menu li ul.mega-menu ul.mega_submenu li.level2 a {font-weight:normal;} .main-menu li ul.mega-menu ul.mega_submenu.first li.level2 a {font-weight:bold;} .main-menu li ul.mega-menu ul.mega_submenu.first li.level3 a {font-weight:normal;} .main-menu li ul.mega-menu li a:hover { color: rgba(0, 0, 0, 0.6); opacity: 0.6; } .main-menu li ul.mega-menu li ul.mega_submenu li { display: block; float: none; width: 100%; } .main-menu li ul.mega-menu li ul.mega_submenu li:last-child { margin-bottom: 0; } .main-menu li ul.mega-menu li ul.mega_submenu li a { padding: 0px 16px!important; /*di*/ width: 200px; position: relative;color: rgba(0, 0, 0, 0.5); } .main-menu li ul.mega-menu li ul.mega_submenu li a:hover { background-color: rgba(0, 0, 0, 0.03); } .main-menu li ul.mega-menu li ul.mega_submenu.first li a {color: rgba(0, 0, 0, 0.6);} .main-menu li ul.mega-menu li a.title { color: #363636; font-family: "Raleway",sans-serif; font-size: 15px; font-weight: 600; margin-bottom: 5px; padding-top: 17px; position: relative; } .main-menu li ul.mega-menu li a.title:before { background: #008dc7 none repeat scroll 0 0; bottom: 12px; content: ""; height: 2px; position: absolute; width: 70px; } .main-menu li ul.mega-menu li ul.mega_submenu { position: relative; } .main-menu li ul.mega-menu li ul.mega_submenu ul.mega_submenu li a{ color: rgba(0, 0, 0, 0.5)!important; font-weight:normal; line-height: 14px;/*di*/ } li.level1 ul.mega_submenu li.level2 a{ line-height: 14px; } /*.main-menu li ul.mega-menu li ul.mega_submenu:before { background: #f1f1f1 none repeat scroll 0 0; content: ""; height: 100%; left: 75%; position: absolute; width: 1px; }*/ .main-menu li ul.mega-menu li:nth-child(3) ul.mega_submenu:before { display: none; } /*.main-menu li ul.mega-menu li ul.mega_submenu li a:before { content: ""; font-family: FontAwesome; left: 0; position: absolute; }*/ .mega_parent ul.mega-menu.wrap a { padding: 10px 20px;width: 210px; } .mega_parent ul.mega-menu.wrap a:hover { opacity: 0.6; background-color: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.6); } .main-menu li.mega-item2 ul.mega-menu li { float: left; width: 25%; } .main-menu li.mega-item2 ul.mega-menu li:last-child ul.mega_submenu:before { display: none; } .mega_parent .svg {font-size:10px} .mega_parent.nav-item a {padding: 34px 0px 34px 12px;} .header-btn .svg {font-size: 14px;display:none; margin-left: 10px;} .mega_submenu {padding-left:20px} .mega-menu a:hover {color:red} .mega_submenu.first {padding-left:0px} .mega-menu a, .et_mobile_menu a { display: block; position: relative; color: rgba(0, 0, 0, 0.6); text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mega-menu a:hover, .et_mobile_menu a:hover {color:#007cc5;} .navbar-nav .nav-item.current a {color:#007cc5 } .navbar-nav .mega_submenu .active a {color:#007cc5!important} .navbar-nav .nav-item.active a.curr{color:#007cc5} .navbar-nav .mega_parent.nav-item.active a.curr{color:#007cc5} .mega-menu .level1.active a strong {color:#007cc5} .main-menu li ul.mega-menu li ul.mega_submenu .active li a {color:#007cc5!important} /*------------------- Mobile menu css here ----------------------------*/ .mobile-menu-area { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-top: 16px; position: absolute; top: 100%; width: 100%; z-index: 9999; } .mean-container a.meanmenu-reveal { color: #ffffff; float: left; left: 0 !important; position: absolute; top: -45px; } .mean-container .mean-nav ul li a.mean-expand { font-family: "Lato",sans-serif; } .mobile-menu-area .mean-nav { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .mean-container a.meanmenu-reveal span { background: #ffffff none repeat scroll 0 0; } .footer .textwidget a {color:#fff} .et_pb_slide_overlay_container { background-color: rgba(0,82,137,0.66); position: absolute; top: 0; left: 0; width: 100%; height: 100% } .parent { width: 100%; height: 250px; border: 0px solid #fff; border-radius: 10px; overflow: hidden; position: relative; float: left; display: inline-block; cursor: pointer; } .feature-content {position: absolute; height: 100%; left: 0; right: 0; top:0; display: flex; align-items: center; justify-content: center; } .box-content-style h3{ text-align: center; padding:60px } .box-style { position: absolute; height: 100%; width: 100%; /* z-index: 0; */ padding: 60px; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #F4EEFB; border-radius: 10px; margin-bottom: 30px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; } .box-style.ins1 { background-image: url(../img/metal_splash_v02.jpg);} .box-style.ins2 { background-image: url(../img/IV_concrete_splash-1.jpg);} .box-style.ins3 { background-image: url(../img/A2075_SoNet_3.jpg);} .feature-content h3 {color:white} .parent:hover .child, .parent:focus .child { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-filter: blur(3px); -ms-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .gradient { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: rgba(55,127,191,0.34); background: -moz-linear-gradient(left, rgba(55,127,191,0.34) 0%, 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(55,127,191,0.34)), color-stop(100%, 0% ) ); background: -webkit-linear-gradient(left, rgba(55,127,191,0.34) 0%, 100%); background: -o-linear-gradient(left, rgba(55,127,191,0.34) 0%, 100%); background: -ms-linear-gradient(left, rgba(55,127,191,0.34) 0%, 100%); background: linear-gradient(to right, rgba(55,127,191,0.34) 0%, 100%); } .child { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .parent:hover .child:before, .parent:focus .child:before { display: block; } .parent:hover a, .parent:focus a { display: block; } .child:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .mobile-languages { margin-top: -5px; opacity: 1; transition: 0.4s all; position: absolute; z-index: 100; right: 50px; } .mobile-languages a { margin: 0 8px; } .mobile-languages { display: none; } .open-section p { text-align: center; color: #fff; font-size: 18px; } .et_pb_button, .et_pb_more_button, .distribution-section a{ padding: 15px 20px; color: #FFF; text-align: center; font-family: 'Cuprum', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; text-decoration: none; display: inline-block; text-align: center; border-radius: 25px; background-color: #137EC3; height: 50px; } .text-white {text-align:center;} .et_pb_more_button.et_pb_button{ border: 1px solid #FFF; } .et_pb_more_button.et_pb_button:hover { background: rgba(255, 255, 255, 0.2)!important; } #open .et_pb_more_button.et_pb_button{ border: 1px solid #FFF; color: #137EC3; } #open .et_pb_more_button.et_pb_button:hover { background: rgba(255, 255, 255, 0.2)!important; color: #FFF!important; } .fluid-width-video-wrapper .et_pb_button:hover { color: #FFF!important; } #open .et_pb_button.text-white { color: #137EC3 !important; } /* .et_pb_button:hover { padding: 0.3em 2em 0.3em 1em; border: 2px solid transparent; background: rgba(0, 0, 0, 0.05); } */ .et_pb_more_button:after, .et_pb_button:after { position: absolute; margin-left: 0.2em; opacity: 0; font-family: 'FontAwesome'; font-size: 20px; line-height: normal; content: "\f105"; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .et_pb_button:hover:after, .et_pb_more_button:hover:after, .et_pb_promo_button:hover:after, .et_pb_newsletter_button:hover:after, .et_pb_pricing_table_button:hover:after { opacity: 1; } .et_pb_button{ position: relative; } .et_pb_button:disabled { color: rgb(119, 119, 119); background: rgb(238, 238, 238) !important; } .et_pb_slide_description { text-shadow: 0 1px 3px rgb(0 0 0 / 30%); } .et_pb_slide_description p {color:#fff!important;} .et_pb_slide_content h2 {padding-bottom:10px; font-size:48px} .et_pb_slide_content h6 {padding-bottom:10px; } .advantages-section img {width:100%} /*main page*/ #leading{ background: linear-gradient(to bottom, #011C2C 85%, #007cc5 ); } .leading-section { padding: 80px 0 0 0; position: relative; /* background-color: #007cc5 !important; background-size:cover; background-position: center bottom; */ } .leading-section h3{ color: #38A5EF; text-align: center; } .leading-section p.text1{ text-align: center; } .leading-section .text h3, .leading-section .text p.text1{ text-align: left; } .leading-section p.colHome{ width: 30%; float: left; margin-right: 2%; text-align: left; } .leading-section .flex-container { display: flex; justify-content: space-between; /* Distribute space between items */ gap: 20px; /* Consistent gap between items */ } .leading-section .float-container { margin-top: 50px; padding-top: 30px; } .leading-section .flex-container p.colHome { flex: 0 0 calc(33.333% - 14px); /* Adjust width considering gap */ background: #ecf0f1; padding: 25px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .leading-section .clearfix::after { content: ""; display: table; clear: both; } .leading-img p {color:#fff; } .et_pb_main_blurb_image img { max-width: 105px; } .et_pb_blurb_container p {color:#fff} .advantages-section {background: #007cc5;} #leadingAdvantagesItems{ display: flex; flex-wrap: wrap; gap: 20px; padding-top: 30px; padding-left: 0px; padding-right: 0px; } #leadingAdvantagesItems .box { display: flex; /* align-items: center; */ /* justify-content: center; */ box-sizing: border-box; align-items: flex-start; padding: 10px; border-radius: 8px; width: calc(50% - 20px); } #leadingAdvantagesItems .box .icon { width: 80px; height: 80px; margin-right: 29px; } #leadingAdvantagesItems .text { display: flex; flex-direction: column; justify-content: flex-start; width: 401px; flex-shrink: 0; } #leadingAdvantagesItems .text p.boxText { margin: 0; color: #6F6F6F; font-family: Calibri; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .distribution-section{background: #fff;} .distribution-section h1, .distribution-section h4, .distribution-section .column-image{ text-align: center; } #distribution img.image{ width: 800px; } .et_parallax_bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; } .customers-section h2, .open-section h2, #acs-about h2.header { font-family: 'Cuprum', sans-serif; font-size: 61px; line-height: 69px; font-weight: 400; } .customers-section {background-size:cover} .open-section h2 { color: #FFF; } .open-section p{ text-align:center; color:#fff; /* h3 */ font-family: 'Cuprum', sans-serif; font-size: 29px; line-height: 37px; } .open-section {background-size:cover} .open-section .et_pb_more_button.et_pb_button{ border: 1px solid #FFF; background-color: #FFF; } .open-section .et_pb_more_button.et_pb_button a{ color:#137EC3; } /* where to buy page - header */ #whereToBuyPage{ background-image: url(/assets/img/wheretobuy/background/MapWhere2buy.jpg); } .whereToBuyPage-section { padding: 80px 0 0 0; position: relative; /* background-color: #007cc5 !important; background-size:cover; background-position: center bottom; */ } .whereToBuyPage-section h3{ border-radius: 15px; background-color: #FFF; color: #011C2C !important; text-align: center; margin: 0 auto; width: 800px; } .whereToBuyPage-section p.text1 a{ color: #FFF; font-family: 'Calibri', sans-serif; font-size: 21px; line-height: 29px; padding-right: 20px; } .whereToBuyPage-section p.text1 a:hover{ color: #011C2C; } .whereToBuyPage-section .text h3, .whereToBuyPage-section .text p.text1{ text-align: left; } .whereToBuyPage-section p.colHome{ width: 30%; float: left; margin-right: 2%; text-align: left; } .whereToBuyPage-section p.colHome span.h4{ display: block; border-bottom: 1px solid #FFFFFF; font-family: 'Cuprum', sans-serif; font-size: 24px; line-height: 32px; } .whereToBuyPage-section .flex-container { display: flex; justify-content: space-between; /* Distribute space between items */ gap: 20px; /* Consistent gap between items */ } .whereToBuyPage-section .float-container { margin-top: 50px; padding-top: 30px; } .whereToBuyPage-section .flex-container p.colHome { flex: 0 0 calc(33.333% - 14px); /* Adjust width considering gap */ background: #ecf0f1; padding: 25px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .whereToBuyPage-section .clearfix::after { content: ""; display: table; clear: both; } /* contact and map */ #whereToBuyFormAndMap{ /* background-image: url(/assets/img/wheretobuy/background/MapWhere2buy.jpg); */ } .whereToBuyFormAndMap-section { padding: 80px 0 0 0; position: relative; /* background-color: #007cc5 !important; background-size:cover; background-position: center bottom; */ } .whereToBuyFormAndMap-section h1{ color: #000; text-align: center; } .whereToBuyFormAndMap-section p.text1, .whereToBuyFormAndMap-section .h1h3 h5, .whereToBuyFormAndMap-section .h1h3 p{ text-align: center; } .whereToBuyFormAndMap-section .h1h3 h5{ font-family: 'Cuprum', sans-serif; font-size: 61px; line-height: 69px; font-weight: 400; /* Regular */ color: #000000; } .whereToBuyFormAndMap-section .h1h3 p{ font-family: 'Cuprum', sans-serif; font-size: 29px; line-height: 37px; color: #6F6F6F; position: relative; margin: 0 auto; width: 500px; } .whereToBuyFormAndMap-section .h1h3 p::before { content: ''; /* Insert empty content */ position: absolute; /* Absolute position to control placement */ left: -20px; /* Align the SVG on the left */ top: 17px; /* Center vertically */ transform: translateY(-50%); /* Adjust for perfect vertical alignment */ width: 22px; /* Width of the bullet */ height: 22px; /* Height of the bullet */ background: url('data:image/svg+xml;utf8,') no-repeat center center; /* Background circle */ } .whereToBuyFormAndMap-section .h1h3 p::after { content: ''; /* Insert empty content */ position: absolute; /* Absolute position to control placement */ left: -12px; /* Adjust position inside the circle */ top: 16px; /* Center vertically */ transform: translateY(-50%); /* Adjust for perfect vertical alignment */ width: 8px; /* Width of the arrow */ height: 12px; /* Height of the arrow */ background: url('data:image/svg+xml;utf8,') no-repeat center center; /* Background arrow */ } #whereToBuyFormAndMap .comment-respond p.text1{ color: #6F6F6F; text-align: left; font-family: 'Cuprum', sans-serif; } .whereToBuyFormAndMap-section p.text1 a{ color: #137EC3; font-family: 'Cuprum', sans-serif; font-size: 26px; line-height: 37px; } .whereToBuyFormAndMap-section p.text1 a:hover{ color: #011C2C; } .whereToBuyFormAndMap-section .text h3, .whereToBuyFormAndMap-section .text p.text1{ text-align: left; } .whereToBuyFormAndMap-section p.colHome{ width: 30%; float: left; margin-right: 2%; text-align: left; padding-left: 60px; } .whereToBuyFormAndMap-section p.colHome span.h4, .DeliveryKitList-section p.colInfo span.h4 { display: inline-block; color: #6F6F6F; font-family: 'Cuprum', sans-serif; font-size: 26px; line-height: 37px; position: relative; } .whereToBuyFormAndMap-section p.colHome span.h4::before, .DeliveryKitList-section p.colInfo span.h4::before { content: ''; /* Insert empty content */ position: absolute; /* Absolute position to control placement */ left: -28px; top: 16px; transform: translateY(-50%); /* Adjust for perfect vertical alignment */ width: 22px; /* Width of the bullet */ height: 22px; /* Height of the bullet */ background: url('data:image/svg+xml;utf8,') no-repeat center center; /* Background circle */ } .whereToBuyFormAndMap-section p.colHome span.h4::after, .DeliveryKitList-section p.colInfo span.h4::after { content: ''; /* Insert empty content */ position: absolute; /* Absolute position to control placement */ left: -20px; /* Adjust position inside the circle */ top: 16px; /* Center vertically */ transform: translateY(-50%); /* Adjust for perfect vertical alignment */ width: 8px; /* Width of the arrow */ height: 12px; /* Height of the arrow */ background: url('data:image/svg+xml;utf8,') no-repeat center center; /* Background arrow */ } .whereToBuyFormAndMap-section .flex-container { display: flex; justify-content: space-between; /* Distribute space between items */ gap: 20px; /* Consistent gap between items */ } .whereToBuyFormAndMap-section .float-container { margin-top: 50px; padding-top: 30px; } .whereToBuyFormAndMap-section .flex-container p.colHome { flex: 0 0 calc(33.333% - 14px); /* Adjust width considering gap */ background: #ecf0f1; padding: 25px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .whereToBuyFormAndMap-section .clearfix::after { content: ""; display: table; clear: both; } .comment-form .button-container { display: flex; /* Flexbox for alignment */ align-items: center; /* Center button vertically */ float: right; } .comment-form .submit-button { height: 50px; /* Same height as the input */ background-color: #137EC3; /* Button background color */ border: none; /* Remove default border */ padding: 0 20px; /* Padding for button text */ cursor: pointer; /* Pointer cursor on hover */ font-size: 16px; /* Font size */ width: 128px; flex-shrink: 0; border-radius: 25px; background: #137EC3; color: #FFF; text-align: center; font-family: 'Cuprum'; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } #listlinks h6{ color: #000; font-family: 'Cuprum', sans-serif; font-size: 40px; line-height: 48px; text-decoration: none; } #listlinks p strong{ font-family: 'Cuprum', sans-serif; font-size: 24px; line-height: 32px; color: #000; } #listlinks p{ font-family: 'Calibri', sans-serif; font-size: 21px; line-height: 29px; color: #6F6F6F; } .listcountries img { vertical-align:inherit; width: 29px; height: 20px; } .listcountries h6 {padding-bottom:10px } .line p{ border-top: 1px solid #007cc5; } #contacts .pt-6 {padding-top:6px} /* catalog page */ .et_overlay{display:block;position:absolute;z-index:-1;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid #e5e5e5;opacity:0;background:rgba(255,255,255,0.9);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-o-backface-visibility:hidden} .et_shop_image:hover .et_overlay{z-index:3;opacity:1} .et_overlay:hover:before{top:50%} .et_shop_image{display:block;position:relative;height:260px} .et_shop_image img{object-fit:cover} .et_shop_image img.maxH260 { max-height: 330px; } .et_overlay .fa-plus{position:absolute;top:50%;left:53%;color:#007cc5;margin:-14px 0 0 -14px;font-size:22px;font-weight:300;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s} .et_shop h2{ padding:1em 0;margin:0; font-family: 'Cuprum', sans-serif; font-size: 40px; line-height: 48px; } .zagbig {font-size: 48px;} .zagmedium {color: #606060; font-size: 32px;} .zagsmall {color: #606060; font-size: 22px;} @media only screen and (max-width: 768px) { .et_shop_image{display:block;position:relative;height:auto!important; } .zagbig {font-size: 38px;} } /*catalog page end*/ /*benefits section*/ .benefits-section .list {padding-right:30px} .check_image{display: table-cell; vertical-align: top; width:45px;} .check_text{display: table-cell; vertical-align: top;} .check_image svg{font-size:28px;} .check_text h4 {font-size:20px;line-height:25px;} .get-section .list {padding-left:30px;} /*news section*/ .newcontent {padding-left:30px} .newcontent p {padding-bottom:10px} .comment-respond input.form-control {margin-bottom:16px} .benefits-section textarea.form-control {height:240px} .form-control{ padding: 12px; border: none; color: #999!important; background-color: #eee!important; font-size: 16px; } .form-control:focus { color: #007cc5!important; background-color: #fff; border-color: #007cc5!important; outline: 0; box-shadow: 0 0 0 0.2rem rgb(13 110 253 / 25%); } .to_news { padding-left: 20px; color: #007cc5; font-size: 22px; } .subscribe-section .sub {border-bottom:1px solid #ccc} h2.entry-title>a { font-size: 28px; line-height:35px; } .et_pb_post h2 a:hover { color: #001c2d; } .post-meta { font-size: 14px; } .et_pb_post {border-bottom:1px solid #ccc} /* journal */ .et_pb_post h2.entry-title > a { font-size: 40px; line-height: 48px; } .row .post-content p, .ovh .container .row .col-lg-8 p{ font-size: 21px; font-family: 'Calibri', sans-serif; font-weight: 400; line-height: 26px; } /*tovar section*/ .mainimg {position:relative} .mainimg img {} .mainimg .trigger { position: absolute; top: 0.5em; right:2.5em; font-size: 1.3em; z-index: 22222; color:#777; background: #fff; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 100%; } .cloudzoomrow li img { cursor: pointer; opacity: .5; } .cloudzoomrow li img:hover { cursor: pointer; opacity: 1; } .content-area ul {margin-bottom:20px;margin-top:10px;} .content-area ul:last-child {margin-bottom:0px} .content-area ul li { line-height: 20px; list-style-type: disc!important; content: "\203A "; margin-left: 17px; font-size: 16px; font-weight: 500; } .tabs { font-size: 0;} .tabs>input[type="radio"] { display: none;} .tabs>div { /* скрыть контент по умолчанию */ display: none; border: 1px solid #e0e0e0; padding: 30px; font-size: 14px; } /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */ #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4, #tab-btn-5:checked~#content-5, #tab-btn-6:checked~#content-6, #tab-btn-7:checked~#content-7, #tab-btn-8:checked~#content-8 { display: block; } .tabs>label { display: inline-block; text-align: center; vertical-align: middle; user-select: none; background-color: #f4f4f4; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 8px 22px; font-size: 13px; color:#666; font-weight:700; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; } .tabs>label:not(:first-of-type) { border-left: none; } .tabs>input[type="radio"]:checked+label { background-color: #fff; border-bottom: 0px solid #fff; color:#000; } table.shop_attributes { width: 100%;} table.shop_attributes tr { border: 0; border-top: 1px dotted rgba(0,0,0,.1); margin-bottom: 1.618em; } table td,table th { max-width: 100%; padding: 20px; } table.shop_attributes th { width: 70%; font-weight: 400; font-size: 14px; line-height: 26px; color: #666; } table.shop_attributes p { margin-bottom:0px!important;} table.shop_attributes td { font-size: 14px; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); margin: 0; line-height: 1; } table.shop_attributes tr:nth-child(even) td, table.shop_attributes tr:nth-child(even) th { background: rgba(0,0,0,.025); } .listlinks p,.listlinks a{color:white;padding:0 5px ;font-size:16px;line-height:29px} .mejs__overlay-button { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: url(../img/mejs-controls.svg) no-repeat; background-position: 0 -39px; overflow: hidden; z-index: 1; } a.youtube { position:relative; display:block; } a.youtube img { width:100%; max-width:100%; } a.youtube:hover:after { opacity:1; filter:grayscale(0%); } .input-group .btn { height: 50px!important; } .sitemap ul {padding: 0 0 6px 16px; line-height: 26px; list-style-type: disc; } .chert.last {display:none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #fff!important; } .top-slider>div { display: none; } .top-slider>div:first-of-type, .top-slider.slick-slider>div { display: block; } .top-slider .slick-dots { position: absolute; bottom: 25px; } .top-slider .slick-dots li { border-color: #202534 !important; } .top-slider .slick-dots li.slick-active { background-color: #202534 !important; } .top-slider .item { overflow: hidden; position: relative; } .top-slider .item-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .top-slider .item-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .top-slider .item-inner { position: relative; z-index: 10; display: flex; flex-wrap: wrap; align-items: center; height: 40vw; color: #fff; max-height: 700px; } .top-slider .item .title { font-size: 50px; line-height: 1.2; margin-bottom: 40px; max-width: 65%; font-weight: 700; } .top-slider .item .text { font-size: 20px; line-height: 1.6; margin-bottom: 60px; max-width: 65%; } .top-slider .text-white {text-align:center;} .top-slider .slider-buttons { width: 100%; } .top-slider .btn { height: 51px; padding: 0; line-height: 51px; } .top-slider .callback-btn svg { width: 21px; height: 21px; margin-right: 5px; position: relative; bottom: -4px; } .top-slider .whatsapp-btn { background: #1fbf45; } .top-slider .whatsapp-btn svg { width: 20px; height: 22.844px; margin-right: 5px; position: relative; bottom: -5px; } .top-slider .slick-prev, .top-slider .slick-next { border: none; background: rgba(255, 255, 255, 0.5); } .top-slider .slick-prev:hover, .top-slider .slick-next:hover { background: #DBA66D; } .top-slider .slick-prev:hover:after, .top-slider .slick-next:hover:after { border-color: #fff; } .top-slider .item-img:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/gradientup.png) left top repeat-x; transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .top-slider .elemitem { display: flex; flex-wrap: wrap; justify-content:center; height: 100%; padding: 80px 0; align-content: space-between; } .top-slider .slick-prev:after,.top-slider .slick-next:after { content: ""; display: block; position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; margin-top: -6px; margin-left: -4px; border-left: 2px solid #202534; border-bottom: 2px solid #202534; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .top-slider .slick-prev, .top-slider .slick-next { border: none; background: rgba(255, 255, 255, 0.5); } .top-slider h2 { font-size:3vw; } .agrprod { font-size: 13px!important; line-height: 14px!important; } .whereToBuyFormAndMap-section .agrprod { float: left; } .agrprod label { display: flex; align-items: center; gap: 5px; } .agrprod input { width:17px;height:17px; flex-shrink:0; position: relative; /* top: -16px; */ } .agrprod span{ width: 400px; } #order .agrprod span{ color: #6F6F6F; font-family: 'Calibri', sans-serif; font-size: 16px; line-height: 29px; font-style: normal; font-weight: 400; width: 1080px; } .comment-notes { font-size: 13px!important; line-height: 14px!important; } .c-us { width: 100%; padding: 14px; margin-bottom: 10px; outline: none; border-radius: 25px; border: 1px solid #C0C0C5; background-color: #FFF; color: #6F6F6F; font-family: 'Calibri'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; } .form-column textarea{ color: #6F6F6F; font-family: 'Calibri'; font-size: 16px; font-style: normal; } /* fix tabs heading size */ .tabs h1, .tabs h2, .tabs h3, .tabs h4, .tabs h5, .tabs h6 { font-size: 25px!important; } h6 { color: #007cc5; text-decoration: underline; } .introo-slider { padding: 30px 0; } .introo-slider-link { width: 100%; height: 420px; } .introo-slider-link img { width: 100%; height: 100%; object-fit: cover; display: block; } .introo-slider-item-block { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 20px; } .n-btn { margin-top: 20px; display: flex; justify-content: center; } .introo-slider { padding: 20px 0 20px 0; position: relative; } .introo-panel button { position: absolute; top: 50%; z-index: 3; background: none; border: none; transform: translateY(-50%); } .introo-slider__prev { left: 30px; } .introo-slider__next { right: 30px; } .main-menu li ul.mega-menu ul.mega_submenu.first li.level2 a { color: #007cc5; } ul.mega-menu li.level1 a strong{ color: #007cc5; } .mega-menu ul li:nth-child(3) ul li.level2 a{ color: #007cc5!important; /*font-weight: bold!important;*/ } ul.content-area, ul.content-area-numbered { margin-top: -19px; } ul.content-area li { line-height: 20px; list-style-type: disc!important; content: "\203A "; margin-left: 17px; font-size: 14px; } ul.content-area-numbered li{ line-height: 20px; list-style-type: decimal!important; content: "\203A "; margin-left: 17px; font-size: 14px; } h2.Main-Category{ text-transform: none; } h2.ust-subcategory2{ text-transform: none; color:rgba(0, 0, 0, 0.6); font-size: 36px !important; } h2.ust-subcategory{ font-size: 36px!important; text-transform: none; } .col-xl-2-float-left h2{ font-size: 18px!important; text-transform: none; } .col-xl-2-float-left h2.ust-subcategory{ font-size: 16px!important; text-transform: none; } .col-xl-2-float-left h2.ust-subcategory2{ font-size: 16px!important; text-transform: none; } h2.product_title { font-weight: normal; font-family: 'Cuprum', sans-serif; font-size: 29px; line-height: 37px; color:#000; position: relative; padding: 12px; margin-top: 70px; border-top: 1px solid #e5e5e5; height: 180px; } .feature-section .col-xl-9{ width:100%; } .feature-section .col-xl-9 p{ font-family: 'Calibri', sans-serif; font-size: 21px; line-height: 29px; } .row.products div.et_shop{ border: 1px solid #e5e5e5; } .line-header p { border-top: 1px solid white; margin-top: 5px; } .csw { padding-top: 10px; height: 460px; background-image: url('/assets/img/wheretobuy/background/MapWhere2buy.jpg'); } .csw h1{ text-transform: none !important; } p.introtext-where2buy, .cuprum-x{ width : 580px; height: 45px; border-radius: 15px; background-color: #FFF; color: #011C2C!important; font-family: 'Cuprum', Helvetica, Arial, Lucida, sans-serif; font-size: 22px; padding: 10px; text-align: center; margin-top: 30px; } .x-listCountries{ margin-top: 30px; } .x-listCountries .listlinks p{ font-size: 20px !important; max-width:180px; } .x-listCountries .listlinks p, .x-listCountries .listlinks a{ font-family: 'Cuprum', Helvetica, Arial, Lucida, sans-serif; } @media (min-width: 1500px){ .slick-prev { left: 50px; width: 50px; height: 50px; margin-top: -25px; } } @media (max-width: 992px) { textarea.form-control { height: 150px!important;} input.form-control { margin-bottom:15px!important; } .mobile-languages { display: flex; margin-top: 0;} .mobile-languages a { display:flex; } .search_icon { opacity: 1; transition: 0.4s all; position: absolute; z-index: 100; right: 135px; } .newcontent {padding-left: 0px;} .to_news { display: block; padding-left: 0px; padding-top: 5px; font-size: 18px; } .header-btn .svg {display:block;} .introo-slider { padding-bottom: 0px; } h2.product_title { margin-top: 0px; font-size: 22px; line-height: 28px; } .feature-section .col-xl-9 p{ font-size: 16px; line-height: 22px; } .breadcrumb li, .breadcrumb a{ font-size: 13px; line-height: 17px; } } @media (min-width: 992px){ .main-menu-bar {display: flex!important;} .navbar-expand-lg .navbar-collapse.sub-menu-bar {display: none!important;} } @media only screen and (max-width: 981px) { .leading-section h1 { font-size: 50px; line-height: 58px; } } @media only screen and (max-width: 768px) { .cy_search_input { width: 90%;} .pb-sm-0 {padding-bottom:0px} .pb-sm-10 {padding-bottom:10px} .pb-sm-20 {padding-bottom:20px} .pb-sm-30 {padding-bottom:30px} .pb-sm-40 {padding-bottom:40px} .pb-sm-50 {padding-bottom:50px} .pt-sm-0 {padding-top:0px} .pt-sm-10 {padding-top:10px} .pt-sm-20 {padding-top:20px} .pt-sm-30 {padding-top:30px} .pt-sm-40 {padding-top:40px} .pt-sm-50 {padding-top:50px} .carousel-section {min-height: 150px;height:auto} .leading-section {padding: 40px 0 0px 0;} .leading-section h1 { font-size: 40px; line-height: 46px; } .customers-section h2 { font-size: 40px; } h3 { font-size:18px; line-height: 21px; } .leading-section h3 { font-size:22px; line-height: 28px; } h1.h1black{ font-size:46px; line-height: 52px; } .tabs>label:not(:first-of-type) { border-left: 1px solid #d9d9d9; } .tabs>input[type="radio"]:checked+label { background-color: #fff; color:#000; } .tabs>label {width:100%; text-align:left;padding: 8px 22px !important;} .tabs label:last-of-type {border-bottom: 1px solid #d9d9d9!important; } .et_mobile_menu li a { display: block; padding: 10px 5%; border-bottom: 1px solid rgba(0, 0, 0, 0.03); color: #666; } .et_mobile_menu li li { padding-left: 5%; } .et_mobile_menu li a { font-weight: bold; } .et_mobile_menu li li a { background-color: #fff; font-weight: bold; } .et_mobile_menu .has_children > a {background-color: rgba(0, 0, 0, 0.03);} .et_mobile_menu li .has_children > a { background-color: transparent; } .ttitle { font-size: 28px; } .summary .column-content h4 { font-size: 22px; line-height: 28px; } .customers-section h2, .open-section h2, #acs-about h2.header { font-size: 46px; line-height: 52px; } .open-section p{ font-size: 22px; line-height: 28px; } .section-title h1, .section-title h1.text-white { font-size: 46px; line-height: 52px; } } @media only screen and (max-width: 480px) { .leading-section h1 { font-size: 30px; line-height: 45px; } .box-content-style h3 { font-size: 22px; } h1.h1black{ font-size:40px; line-height: 46px; } .customers-section h2, .open-section h2, #acs-about h2.header { font-size: 40px; line-height: 46px; } .section-title h1, .section-title h1.text-white { font-size: 40px; line-height: 46px; } .section-title p.text-white { font-size: 20px; line-height: 26px; } } @media only screen and (min-width: 981px) { h6 { font-size: 22px; } } @media only screen and (max-width: 576px) { .introo-slider-link { height: 220px; } .introo-panel button { top: unset; bottom: 35%; } .introo-slider-link img { height: 220px; } .section-title p.text-white { font-size: 21px; line-height: 27px; } } @media (max-width: 767px) { h2 { font-size: 31px; } h2.ust-subcategory { font-size: 26px !important; } } @media (max-width: 980px) { .et_shop_image { height: auto; } } @media (min-width: 993px) { .margin-title{ margin-left: 10px; } } @media (max-width: 992px) { .csw .carousel-content{ padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); } .x-listCountries .listlinks p{ max-width:580px; } p.text1{ font-size: 16px; line-height: 22px; padding-bottom: 16px; padding-top: 16px; } .leading-section p.colHome{ width: 100%; float: none; margin-right: 2%; text-align: left; } #leadingAdvantagesItems .text{ width: 320px; } .whereToBuyPage-section p.colHome span.h4{ font-size: 18px; line-height: 28px; } .whereToBuyPage-section p.text1 a{ font-size: 16px; line-height: 24px; } .whereToBuyFormAndMap-section p.colHome span.h4, .whereToBuyFormAndMap-section p.text1 a{ font-size: 22px; line-height: 28px; } .whereToBuyPage-section h3{ width:100%; } #order .agrprod span{ width: 100%; font-size: 16px; line-height: 22px; } .agrprod input{ top: -12px; } } @media (max-width: 767px) { .csw { height: unset; padding-top: 10px; padding-bottom: 30px; } /*.csw .margin-title { margin-left: unset; }*/ p.introtext-where2buy, .cuprum-x{ width : unset; height: unset; border-radius: 10px; font-family: 'Cuprum', Helvetica, Arial, Lucida, sans-serif; font-size: 20px; padding: 10px; text-align: left; margin-top: 8px; } .csw .pb-sm-30 { padding-bottom: 0px; } .csw .x-listCountries { margin-top: 5px; } .csw .listlinks p{ margin-top: 5px; } .csw .line-header p { margin-top: 20px; } .csw .listlinks p, .csw .listlinks a { line-height: unset; } #leadingAdvantagesItems .text{ width: 240px; } } @media (min-width: 992px) and (max-width: 1402px) { h2.ttitle { font-size: 46px; line-height: 52px; } } @media (min-width: 768px) and (max-width: 992px) { h2.ttitle { padding-top: 40px; font-size: 44px; line-height: 50px; } .csw { height: unset; padding-top: 70px; padding-bottom: 30px; } /*.csw .margin-title { margin-left: unset; }*/ p.introtext-where2buy, .cuprum-x{ width : unset; height: unset; border-radius: 10px; font-family: 'Cuprum', Helvetica, Arial, Lucida, sans-serif; font-size: 20px; padding: 10px; text-align: left; margin-top: 8px; } .csw .pb-sm-30 { padding-bottom: 0px; } .csw .x-listCountries { margin-top: 5px; } .csw .listlinks p{ margin-top: 5px; } .csw .csw .line-header p { margin-top: 20px; } .csw .listlinks p, .listlinks a { line-height: unset; } .csw .margin-title { margin-left: unset; } #leadingAdvantagesItems .text{ width: 240px; } .whereToBuyPage-section p.colHome{ width: 40%; } .whereToBuyFormAndMap-section p.colHome { width: 40%; } .whereToBuyFormAndMap-section .clearfix p.colHome { width: 50%; } .whereToBuyPage-section h1.ttitle, .whereToBuyFormAndMap h1.ttitle{ font-size: 46px; line-height: 52px; } .whereToBuyPage-section h3{ font-size: 22px; line-height: 28px; } .whereToBuyFormAndMap-section .h1h3 h5{ font-size: 46px; line-height: 52px; } .whereToBuyFormAndMap-section .h1h3 p{ font-size: 22px; line-height: 28px; } .whereToBuyFormAndMap-section .h1h3 p::before { left: 1px; } .whereToBuyFormAndMap-section .h1h3 p::after { left: 9px; } .section-title p.text-white { font-size: 22px; line-height: 28px; } } @media only screen and (max-width: 767px) { #leadingAdvantagesItems .box { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { h2.ttitle { font-size: 40px; line-height: 42px; padding-top: 10px; } .whereToBuyPage-section p.colHome{ width: 40%; } .whereToBuyFormAndMap-section p.colHome { width: 99%; float: none; } .whereToBuyFormAndMap-section .h1h3 h5{ font-size: 40px; line-height: 46px; } .whereToBuyFormAndMap-section .h1h3 p{ font-size: 22px; line-height: 28px; } .section-title p.text-white { font-size: 22px; line-height: 28px; } } @media only screen and (max-width: 479px) { .container .summary h1.t-tr{ font-size: 24px; line-height: 28px; } h2.ttitle { font-size: 26px; line-height: 32px; padding-top: 10px; } /* category */ .maxH260{ width: 445px; } h2.product_title{ margin-top: 0px; } .product-card .read-more-btn{ position: relative; bottom: 20px; margin-top: 20px; } .whereToBuyPage-section p.colHome{ width: 99%; float: none; } .whereToBuyFormAndMap-section p.colHome { width: 99%; float: none; } .whereToBuyPage-section, .whereToBuyFormAndMap-section{ padding: 20px 0 0 0; } .whereToBuyPage-section h1.ttitle, .whereToBuyFormAndMap h1.ttitle{ font-size: 40px; line-height: 46px; } .whereToBuyPage-section h3{ font-size: 16px; line-height: 28px; } .whereToBuyFormAndMap-section .text1{ font-size: 14px; line-height: 20px; } .agrprod input{ top: -22px; } .whereToBuyFormAndMap-section .h1h3 h5{ font-size: 40px; line-height: 46px; } .whereToBuyFormAndMap-section .h1h3 p{ font-size: 22px; line-height: 28px; } .whereToBuyFormAndMap-section .h1h3 p::before { left: 18px; } .whereToBuyFormAndMap-section .h1h3 p::after { left: 26px; } .section-title p.text-white { font-size: 20px; line-height: 26px; } .footer li { font-size: 10px; } }