@charset "UTF-8";
 /* ==========================================================================
  01. GENERAL & BASIC STYLES
  =========================================================================== */ :root { --main-font: 'Plus Jakarta Sans', sans-serif; --base-font: 'Inter', sans-serif; --header-color: #120036; --text-color: #4e4f50; --alice-blue: #f1f5fa; --black: #353f4f; --blue: #1b86fa; --cloud: #fafafd; --coal: #1f2334; --dark-gray: #c0c0ce; --grass: #10be4d; --green: #54af48; --ghost: #f5f6f9; --gray: #848494; --grape: #353451; --lavender: #efedfa; --medium-gray: #777696; --pink: #fc5a8d; --platinum: #f5f7f8; --plum: #de5e99; --purple: #8268e4; --silver: #ccc; --sky-blue: #00a5fe; --smoke: #e7e7e7; --snow: #f8f8fd; --white: #fff; --white-smoke: #f4f4f9; --yellow: #ffbf15; --tra-black: rgba(5, 5, 5, .05); --tra-blue: rgba(27, 134, 250, .15); --tra-green: rgba(84, 175, 72, .15); --tra-gray: rgba(96, 96, 96, .13); --tra-ink: rgba(1, 1, 1, .1); --tra-pink: rgba(255, 78, 136, .15); --tra-plum: rgba(222, 94, 153, .15); --tra-purple: rgba(130, 104, 228, .15); --tra-skyblue: rgba(0, 165, 254, .15); --tra-white: rgba(255, 255, 255, .2); --tra-whitesmoke: rgba(244, 244, 251, .7); } /* Mobile-specific portrait images fill the hero without letterbox bands. */ .slideshow .slide .slide-picture { display: block; width: 100%; height: 100%; } /* Purpose-built portrait artwork is used only on phones and small tablets. */ @media (max-width: 767.98px) { .slideshow .slide.slide--mobile-full .image-container { overflow: hidden; background-color: #eef1f4; } .slideshow .slide.slide--mobile-full .slide-picture, .slideshow .slide.slide--mobile-full .image { width: 100%; height: 100%; } .slideshow .slide.slide--mobile-full .image { display: block; object-fit: cover; object-position: center; } } @media (max-width: 575.98px) { .slideshow .slide.slide--mobile-full .slide-content .container { padding-right: 22px; padding-left: 22px; } .slideshow .slide.slide--mobile-full .caption { width: 100%; max-width: 346px; margin-right: auto; margin-left: auto; padding: 18px 12px; } .slideshow .slide.slide--mobile-full .caption h1, .slideshow .slide.slide--mobile-full .caption h2 { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; font-size: clamp(1.72rem, 7.7vw, 2rem); line-height: 1.08; overflow-wrap: normal; word-break: normal; } .slideshow .slide.slide--mobile-full .caption p, .slideshow .slide.slide--mobile-full .caption p.fs-18 { margin: 12px 0 16px; font-size: 0.9rem; line-height: 1.42; } .slideshow .slide.slide--mobile-full .caption .btn { padding: 13px 20px; font-size: 0.92rem; } } html { font-size: 16px; } body { font-family: var(--base-font); color: var(--text-color); line-height: 1.6666; font-weight: 400; } .main-font { font-family: var(--main-font); font-weight: 700; letter-spacing: 0; } .base-font { font-family: var(--base-font); } #page, .hidd { overflow: hidden; } .rel, section, .container { position: relative!important; z-index: 3; } .section-overlay { width: 100%; height: 100%; } /*------------------------------------------*/ /*  BLOCK SHADOW
/*------------------------------------------*/ .block--shadow { box-shadow: 0 4px 12px 0 var(--tra-black); } /*------------------------------------------*/ /*  BORDER SETTINGS
/*------------------------------------------*/ .block--border { border: 1.5px solid var(--smoke); } .x-border { border-top: 1.5px solid var(--smoke); border-bottom: 1.5px solid var(--smoke); } .t-border { border-top: 1.5px solid var(--smoke); } .b-border { border-bottom: 1.5px solid var(--smoke); } .border-silver { border-color: var(--silver)!important; } .border-smoke { border-color: var(--smoke)!important; } .border-whitesmoke { border-color: var(--white-smoke)!important; } .border-theme { border-color: var(--theme-color)!important; } .border-transparent { border-color: transparent!important; } /*------------------------------------------*/ /*  BORDER RADIUS SETTING
/*------------------------------------------*/ .r-0 { border-radius: 0px; } .r-02 { border-radius: 2px; } .r-04 { border-radius: 4px; } .r-06 { border-radius: 6px; } .r-08 { border-radius: 8px; } .r-10 { border-radius: 10px; } .r-12 { border-radius: 12px; } .r-14 { border-radius: 14px; } .r-16 { border-radius: 16px; } .r-18 { border-radius: 18px; } .r-20 { border-radius: 20px; } .r-22 { border-radius: 22px; } .r-24 { border-radius: 24px; } .r-26 { border-radius: 26px; } .r-28 { border-radius: 28px; } .r-30 { border-radius: 30px; } .r-32 { border-radius: 32px; } .r-34 { border-radius: 34px; } .r-36 { border-radius: 36px; } .r-100 { border-radius: 100px; } /*------------------------------------------*/ /*  OPACITY SETTINGS
/*------------------------------------------*/ .o-0 { opacity: 0; } .o-03 { opacity: .03; } .o-04 { opacity: .04; } .o-05 { opacity: .05; } .o-06 { opacity: .06; } .o-07 { opacity: .07; } .o-08 { opacity: .08; } .o-09 { opacity: .09; } .o-10 { opacity: .1; } .o-11 { opacity: .11; } .o-12 { opacity: .12; } .o-13 { opacity: .13; } .o-14 { opacity: .14; } .o-15 { opacity: .15; } .o-16 { opacity: .16; } .o-17 { opacity: .17; } .o-18 { opacity: .18; } .o-19 { opacity: .19; } .o-20 { opacity: .2; } .o-25 { opacity: .25; } .o-30 { opacity: .3; } .o-35 { opacity: .35; } .o-40 { opacity: .4; } .o-45 { opacity: .45; } .o-50 { opacity: .5; } .o-55 { opacity: .55; } .o-60 { opacity: .60; } .o-65 { opacity: .65; } .o-70 { opacity: .7; } .o-75 { opacity: .75; } .o-80 { opacity: .8; } .o-85 { opacity: .85; } .o-90 { opacity: .9; } .o-95 { opacity: .95; } .o-100 { opacity: 1; } /*------------------------------------------*/ /*  Z-INDEX SETTINGS
/*------------------------------------------*/ .z-01 { z-index: 1; } .z-02 { z-index: 2; } .z-03 { z-index: 3; } .z-04 { z-index: 4; } .z-05 { z-index: 5; } .z-06 { z-index: 6; } .z-07 { z-index: 7; } .z-08 { z-index: 8; } .z-09 { z-index: 9; } .z-10 { z-index: 10; } /*------------------------------------------*/ /*  BLUR SETTINGS
/*------------------------------------------*/ .blur-1 { filter: blur(1px); } .blur-2 { filter: blur(2px); } .blur-3 { filter: blur(3px); } .blur-4 { filter: blur(4px); } .blur-5 { filter: blur(5px); } .blur-6 { filter: blur(6px); } .blur-7 { filter: blur(7px); } .blur-8 { filter: blur(8px); } .blur-9 { filter: blur(9px); } .blur-10 { filter: blur(10px); } /*------------------------------------------*/ /*  SPACING & INDENTS
/*------------------------------------------*/ .py-40 { padding-top: 40px; padding-bottom: 40px; } .py-50 { padding-top: 50px; padding-bottom: 50px; } .py-60 { padding-top: 60px; padding-bottom: 60px; } .py-70 { padding-top: 70px; padding-bottom: 70px; } .py-80 { padding-top: 80px; padding-bottom: 80px; } .py-90 { padding-top: 90px; padding-bottom: 90px; } .py-100 { padding-top: 100px; padding-bottom: 100px; } .py-110 { padding-top: 110px; padding-bottom: 110px; } .py-120 { padding-top: 120px; padding-bottom: 120px; } .pt-10 { padding-top: 10px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-70 { padding-top: 70px; } .pt-80 { padding-top: 80px; } .pt-90 { padding-top: 90px; } .pt-100 { padding-top: 100px; } .pt-110 { padding-top: 110px; } .pt-120 { padding-top: 120px; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px; } .pb-110 { padding-bottom: 110px; } .pb-120 { padding-bottom: 120px; } .px-15 { padding-left: 15px; padding-right: 15px; } .px-20 { padding-left: 20px; padding-right: 20px; } .px-25 { padding-left: 25px; padding-right: 25px; } .px-30 { padding-left: 30px; padding-right: 30px; } .px-35 { padding-left: 35px; padding-right: 35px; } .mt-0 { margin-top: 0!important; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } .mt-100 { margin-top: 100px; } .mb-0 { margin-bottom: 0!important; } .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-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .mx-15 { margin-left: 15px; margin-right: 15px; } .mx-20 { margin-left: 20px; margin-right: 20px; } .mx-25 { margin-left: 25px; margin-right: 25px; } .mx-30 { margin-left: 30px; margin-right: 30px; } .mx-35 { margin-left: 35px; margin-right: 35px; } .mx-40 { margin-left: 40px; margin-right: 40px; } .mx-50 { margin-left: 50px; margin-right: 50px; } .mx-60 { margin-left: 60px; margin-right: 60px; } .mx-70 { margin-left: 70px; margin-right: 70px; } .mx-80 { margin-left: 80px; margin-right: 80px; } /*------------------------------------------*/ /*  PAGE CONTENT
/*------------------------------------------*/ /*------------------------------------------*/ /*  BACKGROUND SETTINGS
/*------------------------------------------*/ .bg--fixed, .bg--scroll { background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg--fixed { background-attachment: scroll!important; } .bg--scroll { background-attachment: fixed!important; } /*------------------------------------------*/ /*  BACKGROUND COLORS
/*------------------------------------------*/ .bg--theme { background-color: var(--theme-color); } .bg--aliceblue { background-color: var(--alice-blue); } .bg--black { background-color: var(--black); } .bg--blue { background-color: var(--blue); } .bg--cloud { background-color: var(--cloud); } .bg--coal { background-color: var(--coal); } .bg--cotton { background-color: var(--cotton); } .bg--darkgreen { background-color: var(--dark--green); } .bg--ghost { background-color: var(--ghost); } .bg--grape { background-color: var(--grape); } .bg--grass { background-color: var(--grass); } .bg--green { background-color: var(--green); } .bg--lavender { background-color: var(--lavender); } .bg--lotus { background-color: var(--lotus); } .bg--metal { background-color: var(--metal); } .bg--mint { background-color: var(--mint); } .bg--onyx { background-color: var(--onyx); } .bg--orchid { background-color: var(--orchid); } .bg--pink { background-color: var(--pink); } .bg--platinum { background-color: var(--platinum); } .bg--plum { background-color: var(--plum); } .bg--purple { background-color: var(--purple); } .bg--red { background-color: var(--red); } .bg--skyblue { background-color: var(--sky-blue); } .bg--smoke { background-color: var(--smoke); } .bg--snow { background-color: var(--snow); } .bg--white { background-color: var(--white); } .bg--whitesmoke { background-color: var(--white-smoke); } .bg--yellow { background-color: var(--yellow); } .bg--tra-theme { background-color: var(--tra-theme-color); } .bg--tra-white { background-color: var(--tra-white); } .bg--tra-whitesmoke { background-color: var(--tra-whitesmoke); } /*------------------------------------------*/ /*  GRADIENT COLOR BACKGROUND
/*------------------------------------------*/ .gr--aliceblue { background-image: linear-gradient(180deg, #f1f6ff, #e8f1ff 30%, #e3edff 70%, #fff); } .gr--ghost { background-image: linear-gradient(180deg, rgba(245, 246, 249, .95) 50%, rgba(245, 246, 249, .05) 100%); } .gr--lavender { background-image: linear-gradient(180deg, rgba(239, 237, 250, .9) 50%, rgba(239, 237, 250, .05) 100%); } .gr--magnolia { background-image: linear-gradient(180deg, rgba(248, 248, 253, 1) 50%, rgba(248, 248, 253, .05) 100%); } .gr--platinum { background-image: linear-gradient(180deg, rgba(245, 247, 248, .95) 50%, rgba(245, 247, 248, .05) 100%); } .gr--whitesmoke { background-image: linear-gradient(180deg, rgba(244, 244, 251, .95) 50%, rgba(244, 244, 251, .05) 100%); } /*------------------------------------------*/ /*  BACKGROUND SHAPE
/*------------------------------------------*/ .shape--01:after, .shape--02:after { position: absolute; content: ''; width: 100%; height: 55%; left: 0; z-index: -1; } .shape--01:after { top: 0; } .shape--02:after { top: 45%; } .shape--ghost:after { background-color: var(--ghost); } .shape--grape:after { background-color: var(--grape); } .shape--coal:after { background-color: var(--coal); } .shape--lavender:after { background-color: var(--lavender); } .shape--platinum:after { background-color: var(--platinum); } .shape--whitesmoke:after { background-color: var(--white-smoke); } .s_shape_01 { position: absolute; top: -120px; left: -60px; z-index: -3; width: 600px; height: 600px; border-radius: 100%; filter: blur(100px); } .s_shape_02 { position: absolute; top: 60px; right: -120px; z-index: -3; width: 500px; height: 500px; border-radius: 100%; filter: blur(100px); } /*------------------------------------------*/ /*  BACKGROUND IMAGE
/*------------------------------------------*/ .bg--01, .bg--02, .bg--03, .bg--04, .bg--05, .bg--06, .bg--07, .bg--08, .bg--09, .bg--10 { background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg--01 { background-image: url(../images/bg-01.jpg); } .bg--02 { background-image: url(../images/bg-02.jpg); } .bg--03 { background-image: url(../images/bg-03.jpg); } .bg--04 { background-image: url(../images/bg-04.jpg); } .bg--05 { background-image: url(../images/bg-05.jpg); } .bg--06 { background-image: url(../images/bg-06.jpg); } .bg--07 { background-image: url(../images/bg-07.jpg); } .bg--08 { background-image: url(../images/bg-08.jpg); } .bg--09 { background-image: none; } .bg--10 { background-image: none; } /*------------------------------------------*/ /*  MAP BACKGROUND
/*------------------------------------------*/ .map-bg { position: absolute; left: 14%; bottom: 60px; width: 72%; height: 100%; } /*------------------------------------------*/ /*  BACKGROUND PATTERN
/*------------------------------------------*/ .pattern--01, .pattern--02 { background-repeat: no-repeat; background-position: center center; background-size: cover; } .pattern--03 { background-repeat: repeat; background-position: center top!important; background-size: 141px 1px; } .pattern--01 { background-image: none; } .pattern--02 { background-image: none; } .pattern--03 { background-image: none; } /*------------------------------------------*/ /*  SECTION DIVIDER
/*------------------------------------------*/ hr.divider { width: 100%; height: 1px; background-color: transparent; background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #999 64%, rgba(206,211,246,0) 99%); opacity: .4; border: none; margin: 0; } /*------------------------------------------*/ /*  WAVE SHAPE BOTTOM
/*------------------------------------------*/ .wave-shape-bottom { position: absolute; bottom: 0; left: 0; width: 100%; } .wave-shape-bottom.fill--white path { fill: var(--white); } .wave-shape-bottom.fill--whitesmoke path { fill: var(--white-smoke); } .wave-shape-bottom.fill--ghost path { fill: var(--ghost); } .theme--dark .wave-shape-bottom.fill--white path { fill: var(--dark-theme-bg); } /* ==========================================================================
  02. TYPOGRAPHY
  =========================================================================== */ /*------------------------------------------*/ /*  HEADERS
/*------------------------------------------*/ h6, h5, h4, h3, h2, h1 { font-family: var(--main-font); color: var(--header-color); font-weight: 700; letter-spacing: 0; margin-bottom: 0; } /*------------------------------------------*/ /*  TEXT SIZE
/*------------------------------------------*/ .fs-15 { font-size: 0.9375rem; } /* 15px */ .fs-16 { font-size: 1rem; } /* 16px */ .fs-17 { font-size: 1.0625rem; } /* 17px */ .fs-18 { font-size: 1.125rem; } /* 18px */ .fs-19 { font-size: 1.1875rem; } /* 19px */ .fs-20 { font-size: 1.25rem; } /* 20px */ .fs-21 { font-size: 1.3125rem; } /* 21px */ .fs-22 { font-size: 1.375rem; } /* 22px */ .fs-23 { font-size: 1.4375rem; } /* 23px */ .fs-24 { font-size: 1.5rem; } /* 24px */ .fs-26 { font-size: 1.625rem; } /* 26px */ .fs-28 { font-size: 1.75rem; } /* 28px */ .fs-30 { font-size: 1.875rem; } /* 30px */ .fs-32 { font-size: 2rem; } /* 32px */ .fs-34 { font-size: 2.125rem; } /* 34px */ .fs-36 { font-size: 2.25rem; } /* 36px */ .fs-38 { font-size: 2.375rem; } /* 38px */ .fs-40 { font-size: 2.5rem; } /* 40px */ .fs-42 { font-size: 2.6255rem; } /* 42px */ .fs-44 { font-size: 2.75rem; } /* 44px */ .fs-46 { font-size: 2.875rem; } /* 46px */ .fs-48 { font-size: 3rem; } /* 48px */ .fs-50 { font-size: 3.125rem; } /* 50px */ .fs-52 { font-size: 3.25rem; } /* 52px */ .fs-54 { font-size: 3.375rem; } /* 54px */ .fs-56 { font-size: 3.5rem; } /* 56px */ .fs-58 { font-size: 3.625rem; } /* 58px */ .fs-60 { font-size: 3.75rem; } /* 60px */ .fs-62 { font-size: 3.875rem; } /* 62px */ .fs-64 { font-size: 4rem; } /* 64px */ .fs-66 { font-size: 4.125rem; } /* 66px */ .fs-68 { font-size: 4.25rem; } /* 68px */ .fs-70 { font-size: 4.375rem; } /* 70px */ .fs-72 { font-size: 4.5rem; } /* 72px */ .fs-74 { font-size: 4.625rem; } /* 74px */ .fs-76 { font-size: 4.75rem; } /* 76px */ .fs-78 { font-size: 4.875rem; } /* 78px */ .fs-80 { font-size: 5rem; } /* 80px */ /*------------------------------------------*/ /*  FONT WEIGHT
/*------------------------------------------*/ .txt-upcase { text-transform: uppercase } .fw-200 { font-weight: 200; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .fw-800 { font-weight: 800; } .fw-900 { font-weight: 900; } /*------------------------------------------*/ /*  LETTERS SPACING
/*------------------------------------------*/ .ls-0d25px { letter-spacing: -0.25px; } .ls-0d35px { letter-spacing: -0.35px; } .ls-0d5px { letter-spacing: -0.5px; } .ls-0d75px { letter-spacing: -0.75px; } .ls-1px { letter-spacing: -1px; } .ls-1d25px { letter-spacing: -1.25px; } .ls-1d5px { letter-spacing: -1.5px; } .ls-1d75px { letter-spacing: -1.75px; } .ls-2px { letter-spacing: -2px; } /*------------------------------------------*/ /*  PARAGRAPH
/*------------------------------------------*/ p { font-size: 1rem; } /* 16px */ /*------------------------------------------*/ /*  LINK SETTINGS
/*------------------------------------------*/ a { color: var(--header-color); text-decoration: none; transition: all 400ms ease-in-out; } a:hover { color: var(--header-color); text-decoration: none; } a:focus { outline: none; text-decoration: none; } a.tra-link { font-size: 1rem; line-height: 1; font-weight: 600; } a.tra-link:after { position: relative; font-family: Flaticon; font-weight: 300; content: "\f141"; font-size: 0.725rem; top: 1.5px; left: 3px; } a.tra-link:hover { color: var(--header-color)!important; } /*------------------------------------------*/ /*  LISTS
/*------------------------------------------*/ ul { margin: 0; padding: 0; list-style: none; } /*------------------------------------------*/ /*  TEXT LIST
/*------------------------------------------*/ ul.simple-list { list-style: disc; margin-left: 15px; } ol.digit-list p, ul.simple-list.long-list p { margin-bottom: 8px; } .content-section ul.simple-list.long-list p { margin-bottom: 5px; } /*------------------------------------------*/ /*  DIGIT LIST / ICON LIST
/*------------------------------------------*/ ol.icon-list, ol.digit-list { padding: 0; margin-left: 15px; } /*------------------------------------------*/ /*  LB LIST
/*------------------------------------------*/ .lb-list { position: relative; display: inline-block; width: auto; margin: 20px 0; } .list-line { position: absolute; top: -20px; left: 2.15rem; width: 3px; height: 113%; background-color: #f7d5e4; } .lb-list .list-item { padding: 14px 80px 14px 65px; border-top: 2px solid #d0e7f3; } .lb-list .list-item:last-child { border-bottom: 2px solid #d0e7f3; } .lb-list .list-item p { padding-left: 10px; margin-bottom: 0; } .lb-list .list-item p span { position: relative; top: 2px; right: 6px; } /*------------------------------------------*/ /*  BUTTON SETTINGS
/*------------------------------------------*/ .btn { font-size: 0.975rem; line-height: 1; font-weight: 600; background-color: transparent; padding: 0.9rem 1.6rem; border: 2px solid transparent; transition: all 400ms ease-in-out; } .btn.btn-md { font-size: 1rem; padding: 0.95rem 1.6rem; } .btn.ico-left, .btn.ico-right { padding: 0.9rem 1.4rem; } /*------------------------------------------*/ /*  Button Icon
/*------------------------------------------*/ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1rem; line-height: 0.6rem!important; top: 2px; } .btn.ico-left span { margin-right: 6px; } .btn.ico-right span { margin-left: 6px; } .btn.ico-30 span { position: relative; top: 0; right: 2px; margin-right: 0; } .btn.ico-30 span.ico-30-txt { position: relative; top: -10px; left: 8px; } /*------------------------------------------*/ /*  Buttons Group
/*------------------------------------------*/ .text-center .btns-group { display: inline-block; } .btns-group .btn:first-child { margin-right: 10px; } .btns-group .btn.ico-30.ico-left { padding: 0.37rem 0.5rem; } .btns-group .btn.ico-30.ico-right { padding: 0.37rem 0; } /*------------------------------------------*/ /*  Button Text
/*------------------------------------------*/ p.btn-txt { padding-left: 5px; margin-top: 15px; margin-bottom: 0; } .text-center p.btn-txt { padding-left: 0; } p.btn-txt span { position: relative; font-weight: 700; top: 0.5px; right: 2px; } .btn-txt.ico-15 [class*="flaticon-"]:before, .btn-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } /*------------------------------------------*/ /*  Button Rating
/*------------------------------------------*/ .btn-rating, .os-version-ext { margin-top: 15px; } .btn-rating p.btn-txt { margin-top: 0; } .star-rating small, .star-rating span.rating-txt { font-size: 0.9375rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 0.95rem; top: 1px; } .os-version-ext .star-rating small { font-size: 0.9rem; margin-left: 6px; } span.os-version { display: block; font-size: 0.9rem; line-height: 1; margin-top: 5px; } /*------------------------------------------*/ /*  TRANPARENT BUTTON
/*------------------------------------------*/ .btn--transparent { color: var(--black)!important; background-color: transparent!important; border-color: transparent!important; } .btn--transparent:hover { background-color: transparent!important; border-color: transparent!important; } /*------------------------------------------*/ /*  WHITE BUTTON
/*------------------------------------------*/ .btn--white, .hover--white:hover, .color--white .btn--white, .color--white .hover--white:hover { color: var(--black)!important; background-color: var(--white)!important; border-color: var(--white)!important; } .btn--tra-white, .hover--tra-white:hover, .color--white .hover--tra-white:hover { color: var(--white)!important; background-color: transparent!important; border-color: var(--white)!important; } .scroll .hover--tra-white:hover { color: var(--black)!important; background-color: transparent!important; border-color: var(--black)!important; } .scroll .hover--white:hover { color: var(--whte)!important; background-color: var(--black)!important; border-color: var(--black)!important; } /*------------------------------------------*/ /*  BLACK BUTTON
/*------------------------------------------*/ .btn--black, .hover--black:hover { color: var(--white)!important; background-color: var(--black)!important; border-color: var(--black)!important; } .btn--tra-black, .hover--tra-black:hover { color: var(--black)!important; background-color: transparent!important; border-color: var(--black)!important; } /*------------------------------------------*/ /*  BLUE BUTTON
/*------------------------------------------*/ .btn--blue, .hover--blue:hover, .scroll .hover--blue:hover, .color--white .hover--blue:hover { color: var(--white)!important; border-color: var(--blue)!important; background-color: var(--blue)!important; } /*------------------------------------------*/ /*  COAL BUTTON
/*------------------------------------------*/ .btn--coal, .hover--coal:hover, .scroll .hover--coal:hover, .color--white .hover--coal:hover { color: var(--white)!important; border-color: var(--coal)!important; background-color: var(--coal)!important; } .btn--tra-coal, .hover--tra-coal:hover, .color--white .btn--tra-coal { color: var(--coal)!important; background-color: transparent!important; border-color: var(--coal)!important; } /*------------------------------------------*/ /*  GRASS BUTTON
/*------------------------------------------*/ .btn--grass, .hover--grass:hover, .scroll .hover--grass:hover, .color--white .hover--grass:hover { color: var(--white)!important; border-color: var(--grass)!important; background-color: var(--grass)!important; } /*------------------------------------------*/ /*  GREEN BUTTON
/*------------------------------------------*/ .btn--green, .hover--green:hover, .scroll .hover--green:hover, .color--white .hover--green:hover { color: var(--white)!important; border-color: var(--green)!important; background-color: var(--green)!important; } /*------------------------------------------*/ /*  ONYX BUTTON
/*------------------------------------------*/ .btn--onyx, .hover--onyx:hover, .scroll .hover--onyx:hover, .color--white .hover--onyx:hover { color: var(--white)!important; border-color: var(--onyx)!important; background-color: var(--onyx)!important; } .btn--tra-onyx, .hover--tra-onyx:hover, .color--white .btn--tra-onyx { color: var(--onyx)!important; background-color: transparent!important; border-color: var(--onyx)!important; } /*------------------------------------------*/ /*  ORCHID BUTTON
/*------------------------------------------*/ .btn--orchid, .hover--orchid:hover, .scroll .hover--orchid:hover, .color--white .hover--orchid:hover { color: var(--white)!important; border-color: var(--orchid)!important; background-color: var(--orchid)!important; } /*------------------------------------------*/ /*  PINK BUTTON
/*------------------------------------------*/ .btn--pink, .hover--pink:hover, .scroll .hover--pink:hover, .color--white .hover--pink:hover { color: var(--white)!important; border-color: var(--pink)!important; background-color: var(--pink)!important; } /*------------------------------------------*/ /*  PLUM BUTTON
/*------------------------------------------*/ .btn--plum, .hover--plum:hover, .scroll .hover--plum:hover, .color--white .hover--plum:hover { color: var(--white)!important; border-color: var(--plum)!important; background-color: var(--plum)!important; } /*------------------------------------------*/ /*  PURPLE BUTTON
/*------------------------------------------*/ .btn--purple, .hover--purple:hover, .scroll .hover--purple:hover, .color--white .hover--purple:hover { color: var(--white)!important; border-color: var(--purple)!important; background-color: var(--purple)!important; } /*------------------------------------------*/ /*  RED BUTTON
/*------------------------------------------*/ .btn--red, .hover--red:hover, .scroll .hover--red:hover, .color--white .hover--red:hover { color: var(--white)!important; border-color: var(--red)!important; background-color: var(--red)!important; } /*------------------------------------------*/ /*  SKY BLUE BUTTON
/*------------------------------------------*/ .btn--skyblue, .hover--skyblue:hover, .scroll .hover--skyblue:hover, .color--white .hover--skyblue:hover { color: var(--white)!important; border-color: var(--sky-blue)!important; background-color: var(--sky-blue)!important; } /*------------------------------------------*/ /*  YELLOW BUTTON
/*------------------------------------------*/ .btn--yellow, .color--white .btn--yellow, .hover--yellow:hover, .color--white .hover--yellow:hover, .white-scroll .scroll .hover--yellow:hover { color: #1f2334!important; border-color: var(--yellow)!important; background-color: var(--yellow)!important; } /*------------------------------------------*/ /*  BUTTON FOCUS
/*------------------------------------------*/ .btn:focus, .btn.btn--black:focus { color: var(--white); box-shadow: none; } .btn--transparent:focus { background-color: transparent; border-color: transparent; } .btn--tra-black:focus, .btn--transparent:focus { color: var(--header-color); box-shadow: none; } /*------------------------------------------*/ /*  OS DOWNLOAD BUTTON
/*------------------------------------------*/ .os-btn { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; text-align: left; width: 325px; min-width: 325px; background-color: var(--white); border: 1px solid var(--silver); padding: 22px 25px 16px; transition: all 400ms ease-in-out; } .btn-os.d-inline-block:first-child { margin-right: 15px; } .os-btn:hover { background-color: var(--ghost); border-color: var(--ghost); box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, .05); } .os-btn-ico { position: relative; margin-right: 20px; } .os-btn-txt { overflow: hidden; flex: 1; max-width: 100%; } .os-btn-txt p { color: var(--header-color); font-size: 1.05rem; line-height: 1; font-weight: 500; letter-spacing: -0.5px; margin-top: 3px; margin-bottom: 8px; } .os-btn-txt span { color: var(--text-color); display: block; font-size: 0.9rem; line-height: 1; margin-bottom: 0; } /*------------------------------------------*/ /*  STORE BADGE ICONS
/*------------------------------------------*/ .stores-badge { display: inline-block; } .store { display: inline-block; text-align: center; margin-right: 12px; } .store:last-child { margin-right: 0; } .store img { width: auto; max-width: inherit; } .badge-img-xs .store img { max-height: 2.5rem; } .badge-img-sm .store img { max-height: 2.625rem; } .badge-img-md .store img { max-height: 2.875rem; } .badge-img-lg .store img { max-height: 3rem; } .badge-img-xl .store img { max-height: 3.25rem; } /*------------------------------------------*/ /*  WATCH VIDEO LINK
/*------------------------------------------*/ .watch-video { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; margin-top: 25px; } .btns-group .watch-video { display: inline-block; margin-top: 0!important; top: 22px; } /*------------------------------------------*/ /*  Link Icon
/*------------------------------------------*/ .watch-video-link { position: relative; text-align: center; float: left; width: 2.85rem; height: 2.85rem; color: var(--white); border: none; margin-right: 12px; border-radius: 100%; } .watch-video-link:before { content: ''; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; background: var(--tra-white); opacity: 0; border-radius: 50%; transition: all 400ms ease-in-out; } .watch-video-link:hover:before { opacity: .75; left: -8px; right: -8px; top: -8px; bottom: -8px; } .watch-video-link span[class^="flaticon-"]:before, .watch-video-link span[class^="flaticon-"]:after { font-size: 2rem; line-height: 2.85rem!important; margin-left: 5px; } /*------------------------------------------*/ /*  Link Text
/*------------------------------------------*/ .watch-video-txt { overflow: hidden; flex: 1; max-width: 100%; text-align: left!important; } p.video-txt-lg { font-size: 1rem; line-height: 1; font-weight: 400; margin-bottom: 10px; } p.video-txt-sm { font-size: 0.925rem; line-height: 1; margin-bottom: 0; } /*------------------------------------------*/ /*  VIDEO POPUP ICON
/*------------------------------------------*/ .video-preview { position: relative; text-align: center; } .video-btn { position: absolute!important; top: 50%; left: 50%; display: inline-block; text-align: center; color: var(--white); width: 6.25rem; height: 6.25rem; margin-top: -3.125rem; margin-left: -3.125rem; border-radius: 100%; } .video-block-wrapper { transition: all 400ms ease-in-out; } .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after { font-size: 5rem; line-height: 6.25rem!important; margin-left: 10px; } .video-btn:hover .video-block-wrapper { transform: scale(0.95); } .video-btn:before { content: ''; position: absolute; left: -5px; right: -5px; top: -5px; bottom: -5px; background: var(--tra-white); opacity: 0; border-radius: 50%; transition: all 400ms ease-in-out; } .video-btn:hover:before { opacity: .75; left: -1.5rem; right: -1.5rem; top: -1.5rem; bottom: -1.5rem; } /*------------------------------------------*/ /*  VECTOR ICONS
/*------------------------------------------*/ .ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 12px */ .ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ .ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ .ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ .ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ .ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ .ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ .ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ .ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ .ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ .ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ .ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ .ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ .ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ .ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ .ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ .ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ .ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ .ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ .ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ .ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ .ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ .ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ .ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ /*------------------------------------------*/ /*   PNG ICONS SETTINGS
/*------------------------------------------*/ .ico-20 img { width: auto; max-width: inherit; max-height: 1.25rem; } .ico-25 img { width: auto; max-width: inherit; max-height: 1.5625rem; } .ico-30 img { width: auto; max-width: inherit; max-height: 1.875rem; } .ico-35 img { width: auto; max-width: inherit; max-height: 2.1875rem; } .ico-40 img { width: auto; max-width: inherit; max-height: 2.5rem; } .ico-45 img { width: auto; max-width: inherit; max-height: 2.8125rem; } .ico-50 img { width: auto; max-width: inherit; max-height: 3.125rem; } .ico-55 img { width: auto; max-width: inherit; max-height: 3.4375rem; } .ico-60 img { width: auto; max-width: inherit; max-height: 3.75rem; } .ico-65 img { width: auto; max-width: inherit; max-height: 4.0625rem; } .ico-70 img { width: auto; max-width: inherit; max-height: 4.375rem; } .ico-75 img { width: auto; max-width: inherit; max-height: 4.6875rem; } .ico-80 img { width: auto; max-width: inherit; max-height: 5rem; } .ico-85 img { width: auto; max-width: inherit; max-height: 5.3125rem; } .ico-90 img { width: auto; max-width: inherit; max-height: 5.625rem; } .ico-95 img { width: auto; max-width: inherit; max-height: 5.9375rem; } .ico-100 img { width: auto; max-width: inherit; max-height: 6.25rem; } .ico-105 img { width: auto; max-width: inherit; max-height: 6.5625rem; } .ico-110 img { width: auto; max-width: inherit; max-height: 6.875rem; } .ico-115 img { width: auto; max-width: inherit; max-height: 7.1875rem; } .ico-120 img { width: auto; max-width: inherit; max-height: 7.5rem; } .ico-125 img { width: auto; max-width: inherit; max-height: 7.8125rem; } /*------------------------------------------*/ /*   MODULE SUBTITLE
/*------------------------------------------*/ .module-subtitle { display: block; font-family: var(--main-font); font-size: 0.825rem; line-height: 1; font-weight: 600; letter-spacing: 0.75px; text-transform: uppercase; margin-bottom: 32px; } .subtitle-line:before { content: ""; display: inline-block; background-color: var(--text-color); opacity: .7; width: 26px; height: 2px; margin: 0px 10px 2px 0; vertical-align: middle; } .color--white .subtitle-line:before { background-color: var(--white); } .color--blue.subtitle-line:before { background-color: var(--blue); } .color--green.subtitle-line:before { background-color: var(--green); } .color--pink.subtitle-line:before { background-color: var(--pink); } .color--plum.subtitle-line:before { background-color: var(--plum); } .color--purple.subtitle-line:before { background-color: var(--purple); } .color--skyblue.subtitle-line:before { background-color: var(--sky-blue); } .subtitle-rounded { display: inline-block; font-size: 0.8rem; padding: 10px 22px; border: 1.5px solid #ddd; border-radius: 36px; margin-bottom: 34px; } .theme--dark .subtitle-rounded { border-color: #888; } .subtitle-rounded[class*="bg-"] { border: none; } .module-eyebrow { display: inline-block; background-color: #f2f1f3; padding: 3px 22px 4px; font-family: var(--main-font); color: #19171c; font-size: 1rem; font-weight: 600; border-radius: 36px; margin-bottom: 32px; } .bg--ghost .module-eyebrow, .bg--platinum .module-eyebrow, .bg--whitesmoke .module-eyebrow { display: inline-block; background-color: #fff; } .theme--dark .module-eyebrow { background-color: rgba(43, 48, 64, .95); color: var(--white); } /*------------------------------------------*/ /*  SECTION TITLE
/*------------------------------------------*/ .title-01 { position: relative; text-align: center; } .title-03 .section-title { padding-right: 15px; } .title-01 p, .title-02 p { margin-top: 25px; margin-bottom: 0; } .title-03 p { margin-bottom: 0; } .title-01 .btn { margin-top: 25px; } .title-02 .btn, .title-03 .btn { margin-bottom: 8px; } .section-title .txt-block-tra-link { margin-top: 12px; } /*------------------------------------------*/ /*  BLOCK INFO
/*------------------------------------------*/ .block-info { text-align: center; } .block-info-rounded { padding: 14px 35px 17px; border: 1.5px solid transparent; } .theme--dark .block-info-rounded { background-color: rgba(43, 48, 64, .4); border-color: var(--silver); } .block-info h6 { font-weight: 500; } .block-info h6 span { font-weight: 700; letter-spacing: -0.5px; margin: 0 5px; padding-bottom: 3px; border-bottom: 3px solid var(--pink); } .block-info h6 span.color--blue { border-color: var(--blue); } .block-info h6 span.color--green { border-color: var(--green); } .block-info h6 span.color--plum { border-color: var(--plum); } .block-info h6 span.color--purple { border-color: var(--purple); } .block-info h6 span.color--skyblue { border-color: var(--skyblue); } .block-info h6 a { text-decoration: underline; margin-left: 4px; } .block-info h6 a:hover { color: var(--black)!important; } /*------------------------------------------*/ /*  ADVANTAGES LIST
/*------------------------------------------*/ .advantages, .text-center .advantages { margin-top: 20px; } .advantages li { width: auto!important; display: inline-block!important; vertical-align: top; clear: none!important; margin-left: -5px; } .advantages li:first-child { margin-left: 0; } .advantages li:not(:last-child):after { font-family: Flaticon; font-size: 1.15rem; /* 18.4rem */ line-height: 0.5rem!important; content: "\f160"; position: relative; top: -2.5px; } .advantages li p { float: left; line-height: 1; margin-bottom: 0; } .advantages li p a { font-weight: 400; text-decoration: underline; } .advantages li p a:hover { text-decoration: underline; } .white--color .advantages li p a:hover { color: var(--white); } /*------------------------------------------*/ /*  COMPATABILITY
/*------------------------------------------*/ .compatibility { display: inline-block; padding: 4px 25px; margin-top: 15px; margin-bottom: 0; } .compatibility span { position: relative; top: -1.5px; right: 2px; } .compatibility.ico-10 [class*="flaticon-"]:before, .compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } /*------------------------------------------*/ /*  TOOLS LIST / PAYMENT METHODS
/*------------------------------------------*/ .tools-list, .payment-methods { margin-top: 24px; } .tools-list p, .payment-methods p { font-weight: 400; margin-bottom: 12px; } .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { line-height: 2.1875rem!important; margin-right: 6px; } /*------------------------------------------*/ /*  Payment Icons
/*------------------------------------------*/ .payment-icons li { display: inline-block!important; vertical-align: top; clear: none!important; margin: 0; padding-right: 5px; } .payment-icons li:last-child { padding-right: 0; } .payment-icons img { width: auto; max-width: inherit; max-height: 38px; } /*------------------------------------------*/ /*  QUOTE
/*------------------------------------------*/ .quote p { color: var(--text-color); border-left: 3px solid var(--green); font-style: italic; padding-left: 20px; margin-bottom: 15px; } /*------------------------------------------*/ /*  Quote Avatar 
/*------------------------------------------*/ .quote-avatar { display: inline-block; margin: 0 auto; } .quote-avatar img { width: 60px; height: 60px; border-radius: 100%; } /*------------------------------------------*/ /*  Quote Author 
/*------------------------------------------*/ .quote-author { position: relative; display: inline-block; padding: 0 0 0 1rem; text-align: left; top: 15px; } .quote-author h6 { margin-bottom: 1px; } .quote-author span { font-size: 0.95rem; } /*------------------------------------------*/ /*  USER AVATARS
/*------------------------------------------*/ .txt-block .users, .ws-wrapper .users, .fbox-5-txt .users { margin-top: 30px; } .users img { position: relative; width: auto; max-width: inherit; max-height: 50px; top: -13px; } .users p { font-size: 0.925rem; margin-left: 5px; display: inline-block; line-height: 1.45; margin-bottom: 0; } .users p span { display: block; } /*------------------------------------------*/ /*  TEXT COLORS
/*------------------------------------------*/ .color--white, .color--white a, .color--white :is(h1, h2, h3, h4, h5, h6) { color: var(--white)!important; } .color--black, .color--black a, .color--black :is(h1, h2, h3, h4, h5, h6) { color: var(--black); } /*
.color--coal,
.color--coal a,
.color--coal :is(h1, h2, h3, h4, h5, h6) { color: var(--coal); }
*/ .color--header, .color--header a, .color--header :is(h1, h2, h3, h4, h5, h6) { color: var(--header-color); } .color--text, .color--text a, .color--text :is(h1, h2, h3, h4, h5, h6) { color: var(--text-color); } .color--blue, .color--blue a, .color--blue :is(h1, h2, h3, h4, h5, h6) { color: var(--blue); } .color--gray, .color--gray a, .color--gray :is(h1, h2, h3, h4, h5, h6) { color: var(--gray); } /*
.color--grass,
.color--grass a,
.color--grass :is(h1, h2, h3, h4, h5, h6) { color: var(--grass); }
*/ .color--green, .color--green a, .color--green :is(h1, h2, h3, h4, h5, h6) { color: var(--green); } .color--lightgray, .color--lightgray a, .color--lightgray :is(h1, h2, h3, h4, h5, h6) { color: var(--light-gray); } .color--medium-gray, .color--medium-gray a, .color--medium-gray :is(h1, h2, h3, h4, h5, h6) { color: var(--medium-gray); } /*
.color--icon,
.color--icon a,
.color--icon :is(h1, h2, h3, h4, h5, h6) { color: var(--icon-color); }

.color--orchid,
.color--orchid a,
.color--orchid :is(h1, h2, h3, h4, h5, h6) { color: var(--orchid)!important; }
*/ .color--pink, .color--pink a, .color--pink :is(h1, h2, h3, h4, h5, h6) { color: var(--pink); } .color--plum, .color--plum a, .color--plum :is(h1, h2, h3, h4, h5, h6) { color: var(--plum)!important; } .color--purple, .color--purple a, .color--purple :is(h1, h2, h3, h4, h5, h6) { color: var(--purple)!important; } /*
.color--red,
.color--red a,
.color--red :is(h1, h2, h3, h4, h5, h6) { color: var(--red); }
*/ .color--skyblue, .color--skyblue a, .color--skyblue :is(h1, h2, h3, h4, h5, h6) { color: var(--sky-blue); } .color--yellow, .color--yellow a, .color--yellow :is(h1, h2, h3, h4, h5, h6) { color: var(--yellow); } /* ==========================================================================
  03. PRELOADER SPINNER
  ========================================================================== */ #loading { height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 99999999; } #loading { background-color: var(--white-smoke); } #loading-center { position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; -webkit-animation: loading-center-absolute 1s infinite; animation: loading-center-absolute 1s infinite; } .loader { border: 2px solid; width: 100px; height: 100px; border-radius: 50%; display: inline-block; position: relative; box-sizing: border-box; animation: rotation 1s linear infinite; } .loading--blue .loader { border-color: transparent var(--blue); } .loading--grass .loader { border-color: transparent var(--grass); } .loading--green .loader { border-color: transparent var(--green); } .loading--pink .loader { border-color: transparent var(--pink); } .loading--plum .loader { border-color: transparent var(--plum); } .loading--purple .loader { border-color: transparent var(--purple); } .loading--skyblue .loader { border-color: transparent var(--sky-blue); } .loader::after { content: ''; box-sizing: border-box; position: absolute; left: 50%; top: 50%; border: 50px solid; border-radius: 50%; transform: translate(-50%, -50%); } .loading--blue .loader::after { border-color: transparent var(--tra-blue); } .loading--grass .loader::after { border-color: transparent var(--tra-grass); } .loading--green .loader::after { border-color: transparent var(--tra-green); } .loading--pink .loader::after { border-color: transparent var(--tra-pink); } .loading--plum .loader::after { border-color: transparent var(--tra-plum); } .loading--purple .loader::after { border-color: transparent var(--tra-purple); } .loading--skyblue .loader::after { border-color: transparent var(--tra-skyblue); } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ==========================================================================
  04. HEADER & NAVIGATION
  =========================================================================== */ #header { width: 100%; display: block; padding-top: 0px; } .header-wrapper { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .headerwp { max-width: 1140px; margin: 0 auto; padding: 0; } .posrlt { position: relative; } /*------------------------------------------*/ /*  HEADER LOGO
/*------------------------------------------*/ .desktoplogo img { width: auto; max-width: inherit; max-height: 43px; } /*------------------------------------------*/ /*  NAVIGATION MENU
/*------------------------------------------*/ .wsmainfull { width: 100%; height: auto; z-index: 1031; transition: all 450ms ease-in-out; } .tra-menu .wsmainfull { padding: 6px 0; background-color: transparent!important; box-shadow: none; } .white-menu .wsmainfull { padding: 6px 0; background-color: var(--white)!important; box-shadow: 0 2px 3px var(--tra-gray); } #header.hiddden-header { display: none; } .hidden-nav .wsmainfull { margin-top: -140px; box-shadow: 0 2px 3px var(--tra-gray); transition: all 400ms ease-in-out; } /*------------------------------------------*/ /*  HEADER LINK
/*------------------------------------------*/ .wsmenu > .wsmenu-list > li > a { font-family: var(--main-font); display: block; font-size: 1rem; line-height: 50px; font-weight: 600; letter-spacing: 0; text-decoration: none; margin: 0 7px; padding: 10px 15px; } /* Keep the five primary navigation labels slightly more prominent. */ .wsmenu > .wsmenu-list > li > a.h-link { font-size: 1.0625rem; } .navbar-dark .wsmenu > .wsmenu-list > li > a.h-link { color: var(--black); } .navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: var(--white); } .wsmenu > .wsmenu-list > li > a.h-link.last-link { padding: 10px 0px; margin: 0; } .wsmenu > .wsmenu-list > li > a .wsarrow:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; content: ""; float: right; right: 0; height: 0; margin: 0 0 0 14px; position: absolute; text-align: right; top: 35px; width: 0; } /*------------------------------------------*/ /*  HEADER LINK INFO
/*------------------------------------------*/ span.sm-info { position: relative; display: inline-block; text-align: center; width: 20px; height: 20px; color: var(--white); font-size: 0.65rem; line-height: 19px; font-weight: 700; margin-left: 5px; border-radius: 100%; } .nav-theme .sm-info { background-color: var(--theme-color); } .nav-black .sm-info { background-color: var(--black); } .nav-blue .sm-info { background-color: var(--blue); } .nav-grass .sm-info { background-color: var(--grass); } .nav-green .sm-info { background-color: var(--green); } .nav-lotus .sm-info { background-color: var(--lotus); } .nav-orchid .sm-info { background-color: var(--orchid); } .nav-pink .sm-info { background-color: var(--pink); } .nav-plum .sm-info { background-color: var(--plum); } .nav-purple .sm-info { background-color: var(--purple); } .nav-red .sm-info { background-color: var(--red); } .nav-skyblue .sm-info { background-color: var(--sky-blue); } /*------------------------------------------*/ /*  HEADER BUTTONS
/*------------------------------------------*/ .wsmenu > .wsmenu-list > li a.btn { font-size: 1rem; line-height: 30px; font-weight: 600; text-transform: none; letter-spacing: 0; margin-top: 14px; padding: 6px 28px 8px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 4px 22px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 25px; } .wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a { margin-left: 65px; } .wsmenu > .wsmenu-list > li a.store.header-store { line-height: 1; margin-top: 13px; margin-left: 10px; margin-bottom: 0; padding: 0; } /*------------------------------------------*/ /*  LANGUAGE SELECT
/*------------------------------------------*/ .wsmenu > .wsmenu-list > li.lang { margin-right: 12px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu { width: auto; min-width: 115px!important; padding: 8px 5px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 0.875rem; padding: 8px 11px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 8px 11px; } /*------------------------------------------*/ /*  HEADER STORE BADGES
/*------------------------------------------*/ .store.header-store img { max-height: 44px; } /*------------------------------------------*/ /*  HEADER SOCIAL LINKS  
/*------------------------------------------*/ .header-socials { margin: 0; display: inline-block; text-align: center; } .header-socials span { float: left; width: auto!important; display: inline-block!important; vertical-align: top; clear: none!important; margin: 0; } .header-socials a { display: block; margin-left: 15px; } .navbar-light .header-socials a { color: #ddd; } .navbar-light .header-socials a:hover { color: var(--silver); } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px!important; } /*------------------------------------------*/ /*  HEADER SUBMENU
/*------------------------------------------*/ .wsmenu > .wsmenu-list > li > ul.sub-menu { width: auto; min-width: 200px; top: 62px; padding: 12px 10px; border-radius: 6px; box-shadow: 0 2px 3px var(--tra-gray); } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { background-color: var(--tra-white-smoke); font-family: var(--main-font); color: var(--black); font-size: 1rem; font-weight: 600; padding: 11px 14px; border-radius: 6px; transition: all 0.3s ease-in-out; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { background-color: var(--white-smoke); padding: 11px 14px; } /*------------------------------------------*/ /*  HEADER SUBMENU SUBMENU
/*------------------------------------------*/ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { min-width: 210px; position: absolute; left: 102%; top: 0; margin: 0; padding: 10px; border: none; border-radius: 6px; box-shadow: 0 2px 3px var(--tra-gray); } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li { border-bottom: none; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { background-color: var(--tra-white-smoke); font-family: var(--main-font); color: var(--black); font-size: 1rem; font-weight: 600; padding: 11px 14px; border-radius: 6px; transition: all 0.3s ease-in-out; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { background-color: var(--white-smoke); padding: 11px 14px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { position: absolute; top: 12px; right: 12px; } .sub-menu.ico-10 [class*="flaticon-"]:before, .sub-menu.ico-10 [class*="flaticon-"]:after { font-size: 0.7rem; } /*------------------------------------------*/ /*  HALFMENU
/*------------------------------------------*/ .wsmenu > .wsmenu-list > li > .wsmegamenu { top: 62px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 35%; padding: 12px 0; border-radius: 6px; box-shadow: 0 2px 3px var(--tra-gray); } .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { border-bottom: none; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-family: var(--main-font); background-color: var(--tra-white-smoke); color: var(--black); font-size: 1rem; font-weight: 600; padding: 11px 14px; border-radius: 6px; transition: all 0.3s ease-in-out; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { background-color: var(--white-smoke); padding: 11px 14px; } /*------------------------------------------*/ /*  MEGAMENU
/*------------------------------------------*/ .wsmenu > .wsmenu-list > li > .wsmegamenu { padding: 12px 0; border-radius: 6px; box-shadow: 0 2px 3px var(--tra-gray); } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 74%!important; left: 24%; padding: 20px 10px; } .wsmegamenu.w-75 .col-lg-3 { padding: 0 6px; } /*------------------------------------------*/ /*  MEGAMENU TITLE
/*------------------------------------------*/ .wsmegamenu h6.title { font-size: 0.975rem; line-height: 1; margin: 12px 0 12px 13px; } /*------------------------------------------*/ /*  NAVBAR HOVER
/*------------------------------------------*/ .navbar-light .wsmenu-list > li > a.h-link:hover { color: var(--smoke); } .navbar-dark .wsmenu-list > li > a.h-link:hover { color: var(--ink); } .wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--theme-color); } .wsmenu > .wsmenu-list.nav-blue > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-blue > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-blue > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-blue > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--blue); } .wsmenu > .wsmenu-list.nav-grass > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-grass > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-grass > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-grass > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--grass); } .wsmenu > .wsmenu-list.nav-green > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-green > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-green > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-green > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--green); } .wsmenu > .wsmenu-list.nav-lotus > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-lotus > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-lotus > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-lotus > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--lotus); } .wsmenu > .wsmenu-list.nav-orchid > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-orchid > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-orchid > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-orchid > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--orchid); } .wsmenu > .wsmenu-list.nav-pink > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-pink > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-pink > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-pink > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--pink); } .wsmenu > .wsmenu-list.nav-plum > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-plum > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-plum > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-plum > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--plum); } .wsmenu > .wsmenu-list.nav-purple > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-purple > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-purple > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-purple > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--purple); } .wsmenu > .wsmenu-list.nav-red > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-red > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-red > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-red > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--red); } .wsmenu > .wsmenu-list.nav-skyblue > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-skyblue > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-skyblue > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-skyblue > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: var(--sky-blue); } /*------------------------------------------*/ /*  HIDDEN NAVBAR SCROLL
/*------------------------------------------*/ .hidden-nav .wsmainfull.scroll { margin-top: 0; } /*------------------------------------------*/ /*  NAVBAR SCROLL
/*------------------------------------------*/ .tra-menu .wsmainfull.scroll, .white-menu .wsmainfull.scroll { padding: 0; border: none; background-color: rgba(255, 255, 255, .7)!important; backdrop-filter: blur(20px); box-shadow: 0 2px 3px var(--tra-gray); } .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a.h-link, .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a.h-link { color: var(--black); } .navbar-light .scroll .wsmenu-list > li > a.h-link:hover { color: var(--ink)!important; } /*------------------------------------------*/ /*  WHITE BUTTON
/*------------------------------------------*/ .scroll .btn--tra-white { color: var(--black)!important; border-color: var(--black)!important; } /*------------------------------------------*/ /*  LOGO IMAGE
/*------------------------------------------*/ .logo-white, .logo-black { display: block; } .navbar-dark .logo-white, .navbar-light .logo-black, .tra-menu.navbar-light .scroll .logo-white { display: none; } .tra-menu.navbar-light .scroll .logo-black { display: block; } /* ==========================================================================
  05. HERO
  ========================================================================== */ .hero-section img { text-align: center; } /*------------------------------------------*/ /*  HERO DIGITS
/*------------------------------------------*/ .hero-digits { margin-top: 50px; } #hd-1-1, #hd-1-2, #hd-1-3 { display: inline-block; float: left; padding-right: 15px; } #hd-1-1 { width: 29%; } #hd-1-2, #hd-1-3 { width: 35.5%; padding-left: 22px; border-left: 1px solid rgba(10, 10, 10, .3); } #hd-2-1, #hd-2-2 { width: 34%; display: inline-block; float: left; } #hd-2-2 { width: 45%; padding-left: 50px; border-left: 1px solid rgba(10, 10, 10, .3); } .color--white #hd-1-2, .color--white #hd-1-3, .color--white #hd-2-2, .theme--dark #hd-1-2, .theme--dark #hd-1-3, .theme--dark #hd-2-2 { border-color: rgba(255, 255, 255, .3); } .hd-2 h3.statistic-number, .hd-3 h3.statistic-number { font-size: 2.2rem; line-height: 1; letter-spacing: 0; margin-bottom: 10px; } .hd-2 h3.statistic-number { font-size: 2.35rem; } .hd-3 h3.statistic-number small { font-size: 2rem; margin-left: 5px; } .hd-2 h3.statistic-number small { font-size: 2.15rem; margin-left: 5px; } .hd-2 p.fs-15, .hd-3 p.fs-15 { font-size: 0.9rem; margin-bottom: 0; } .hd-2 p.fs-15 { font-size: 0.95rem; } /*------------------------------------------*/ /*  HERO LOGO
/*------------------------------------------*/ .hero-logo { margin-top: 15px; margin-left: 5px; } .hero-logo img { width: auto; max-width: inherit; max-height: 32px; } .hero-square-logo { margin-bottom: 22px; } .hero-square-logo img { width: auto; max-width: inherit; max-height: 90px; } /*------------------------------------------*/ /*  HERO FRAMER TEXT
/*------------------------------------------*/ .framer-txt-01, .framer-txt-02 { margin-bottom: 40px; } .framer-txt-03, .framer-txt-04 { margin-bottom: 35px; } .framer-txt-01 a { font-size: 0.9rem; padding: 10px 22px; border-radius: 36px; } .framer-txt-02 a { font-size: 0.95rem; padding: 10px 24px; border-radius: 36px; } .framer-txt-03 a { font-size: 1rem; } .framer-txt-04 p { display: inline-block; font-size: 0.975rem; padding: 8px 25px; border-radius: 36px; margin-bottom: 0; } .widget-data b { font-size: 0.95rem; color: var(--header-color); } .theme--dark .framer-txt-01 a { background-color: var(--smoke); } .theme--dark .framer-txt-02 a { background-color: var(--smoke); border-color: #394056; } .theme--dark .framer-txt-04 p { background-color: var(--smoke); border-color: #394056; } .framer-txt-01 span { position: relative; top: 6px; right: 6px; } .framer-txt-02 span { position: relative; top: 4px; right: 7px; } .framer-txt-03 a span { color: var(--header-color); font-weight: 700; } .widget-data.mr-15 { margin-right: 15px; } .framer-txt-04 span[class*="flaticon-"] { position: relative; top: 2px; right: 7px; } .framer-txt-04 .widget-data.mr-15 span[class*="flaticon-"] { top: 3px; } .framer-txt-01.ico-20 [class*="flaticon-"]:before, .framer-txt-01.ico-20 [class*="flaticon-"]:after { font-size: 1.3rem; } .framer-txt-02.ico-15 [class*="flaticon-"]:before, .framer-txt-02.ico-15 [class*="flaticon-"]:after { font-size: 1.125rem; } .framer-txt-04.ico-15 [class*="flaticon-"]:before, .framer-txt-04.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } .framer-txt-03 img { position: relative; top: -3px; max-height: 28px; margin-left: 3px; } /*------------------------------------------*/ /*  HERO AVATARS WIDGET
/*------------------------------------------*/ .hero-avatars-widget { font: var(--main-font); font-size: 0.975rem; margin-bottom: 30px; } .hero-avatars-widget img { position: relative; width: auto; max-width: inherit; max-height: 38px; margin-right: 3px; } .hero-avatars-widget span { color: var(--header-color); font-weight: 600; } .color--white .hero-avatars-widget span { color: var(--white); } /*------------------------------------------*/ /*  HERO SECTION ID
/*------------------------------------------*/ .hero-section .module-subtitle { margin-bottom: 35px; } .hero-section .module-subtitle:before { position: relative; display: inline-block; width: 6px; height: 14px; content: ""; margin-right: 8px; top: 1.5px; } /*------------------------------------------*/ /*  HERO SLIDESHOW
/*------------------------------------------*/ .slideshow { overflow: hidden; position: relative; width: 100%; height: 670px; z-index: 1; } .slideshow .slideshow-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slideshow .slides { position: absolute; top: 0; left: 0; width: 100%; height: 670px; z-index: 1; } .slideshow .slide { display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: opacity 0.3s ease; } .slideshow .slide.is-active { display: block; } .slideshow .slide.is-loaded { opacity: 1; } .slideshow .slide .image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; } .slideshow .slide .image { width: 100%; object-fit: cover; height: 100%; } .slideshow .slide-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; justify-content: center; align-items: center; } /*------------------------------------------*/ /*  HERO-1
/*------------------------------------------*/ .hero-1 .caption { margin-top: 80px; } .hero-1 .caption h2 { font-size: 3.85rem; font-weight: 600; } .hero-1 .caption p { margin: 22px 3% 28px; } /*------------------------------------------*/ /*  HERO-2
/*------------------------------------------*/ .hero-2 { background-image: url(../images/hero-2.jpg); padding: 140px 0 110px; } .hero-2-txt .framer-txt-01 a { background-color: rgba(255, 255, 255, .12); } .hero-2-txt p.fs-17 { margin: 22px 10% 32px 0; } .hero-2-img { margin-left: -20px; } /*------------------------------------------*/ /*  HERO-3
/*------------------------------------------*/ .hero-3 { background-image: url(../images/hero-3.jpg); padding-top: 180px; margin-bottom: 80px; } .theme--dark .hero-3 { background-image: url(../images/hero-3d.jpg); } .hero-3:after { position: absolute; content: ''; z-index: -1; width: 100%; height: 35%; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, 1) 100%); } .theme--dark .hero-3:after { background-image: linear-gradient(to bottom, rgba(22, 24, 33, .02) 0, rgba(22, 24, 33, 1) 100%); } .hero-3-txt p.fs-18 { margin: 25px 5% 0; } .hero-3-txt .quick-form { margin: 35px 12% 0; } .hero-section .hero-3-txt .quick-form .form-control { background-color: transparent; } .hero-3-txt .advantages { margin-top: 40px; } .hero-3-img { margin: 50px 0 -80px; } /*------------------------------------------*/ /*  HERO-4
/*------------------------------------------*/ .hero-4 { position: relative; background-image: url(../images/hero-4.jpg); padding-top: 175px; margin-bottom: 60px; } .hero-4-txt .framer-txt-02 a { background-color: rgba(255, 255, 255, .15); } .hero-4-txt { margin-top: -40px; } .hero-4-txt p.fs-17 { margin: 20px 8% 30px 0; } .hero-4-txt .advantages { margin-top: 25px; } .hero-4-img { position: relative; text-align: center; margin: 0 -145% -60px 10px; } /*------------------------------------------*/ /*  HERO-5
/*------------------------------------------*/ .hero-5 { position: relative; background-image: url(../images/hero-5.jpg); padding-top: 150px; padding-bottom: 90px; } .theme--dark .hero-5 { background-image: url(../images/hero-5d.jpg); } .hero-5-txt .framer-txt-01 a { background-color: rgba(255, 255, 255, .5); border: 1px solid var(--smoke); } .theme--dark .hero-5-txt .framer-txt-01 a { background-color: var(--smoke); } .hero-5-txt h2 { font-size: 5.35rem; line-height: 1.15; } .hero-5-txt p.fs-18 { margin: 20px 0 0; } .hero-5-txt .quick-form { margin: 28px 6% 0 0; } .hero-5-txt .advantages { margin-top: 25px; margin-left: 8px; } .hero-5-img { padding-left: 15px; } /*------------------------------------------*/ /*  HERO-6
/*------------------------------------------*/ .hero-6 { background-image: url(../images/hero-6.jpg); padding-top: 160px; margin-bottom: 50px; } .hero-6-txt { margin-top: -25px; padding-left: 10px; } .hero-6-txt p.fs-18 { margin: 20px 10% 30px 0; } .hero-6-txt .os-version-ext { margin-top: 24px; } .hero-6-img { margin: 0 10px -50px 20px; } /*------------------------------------------*/ /*  HERO-7
/*------------------------------------------*/ .hero-7 { text-align: center; background-image: url(../images/hero-7.jpg); padding-top: 180px; overflow: hidden; } .hero-7-txt .framer-txt-01 a { background-color: rgba(255, 255, 255, .2); } .hero-7-txt p.fs-19 { margin: 25px 8% 30px; } .hero-7-img { margin: 50px 10px -70px; } /*------------------------------------------*/ /*  HERO-8
/*------------------------------------------*/ .hero-8-wrapper { background-image: url(../images/hero-8.jpg); padding: 75px; margin-top: 110px; } .theme--dark .hero-8-wrapper { background-image: url(../images/hero-8d.jpg); } .hero-8-txt .hero-avatars-widget { font-size: 0.95rem; } .hero-8-txt .hero-avatars-widget img { max-height: 32px; top: -2px; } .hero-8-txt p.fs-17 { margin: 20px 0 22px; } /*------------------------------------------*/ /*  HERO-9
/*------------------------------------------*/ .hero-9 { background-image: url(../images/hero-9.jpg); padding: 170px 0 120px; } .hero-9-txt { margin-left: 15px; } .hero-9-txt p.fs-17 { margin: 25px 5% 0 0; } .hero-9-txt .hero-digits { margin-top: 90px; } .hero-9-img { margin: 0 20px 0 -15px; } /*------------------------------------------*/ /*  HERO-10
/*------------------------------------------*/ .hero-10 { background-image: url(../images/hero-10.jpg); padding-top: 190px; margin-bottom: 110px; } .hero-10.hero-section .module-subtitle:before { background: var(--sky-blue); } .hero-10-txt p.fs-18 { margin: 30px 0 0; } .hero-10-btn { margin: 0 0 10px 40px; } .hero-10-img { margin: 60px 0 -110px; } /*------------------------------------------*/ /*  HERO-11
/*------------------------------------------*/ .hero-11 { position: relative; background-image: url(../images/hero-11.jpg); padding: 80px 0 90px; } .theme--dark .hero-11 { background-image: url(../images/hero-11d.jpg); } .hero-11 .hero-logo { position: absolute; top: -50px; left: 22px; } .hero-11-txt { position: relative; width: 100%; height: 100%; margin-bottom: 60px; } .hero-11-txt p.fs-17 { margin: 20px 0 0; } .hero-11-txt .quick-form { margin: 28px 8% 0 0; } .hero-11-txt .advantages { margin-top: 25px; margin-left: 8px; } .hero-11-img { position: relative; text-align: center; margin: 0 -140% 0 0; } /*------------------------------------------*/ /*  HERO-12
/*------------------------------------------*/ .hero-12 { background-image: url(../images/hero-12.jpg); padding: 170px 0 125px; } .hero-12.hero-section .module-subtitle:before { background: var(--purple); } .hero-12-txt p.fs-18 { margin: 25px 0 0; } .hero-12-txt .quick-form { margin-top: 35px; margin-right: 6%; } .hero-12-txt .advantages { margin-top: 30px; margin-left: 8px; } .hero-12-img { padding-left: 10px; } /*------------------------------------------*/ /*  HERO-13
/*------------------------------------------*/ .hero-13 { text-align: center; padding-top: 90px; } .hero-13-txt p.fs-18 { margin: 20px 10% 26px; } .hero-13-brands { margin: 70px 20px 0; } .hero-13-brands p.fs-15 { margin-bottom: 20px; } .hero-13-brands .loop_carousel_left img { padding: 0 10px; height: 2.5rem; } .hero-13-brands .loop_carousel_left span:last-child img { padding: 0 0 0 10px; } .hero-13-image { background-image: url(../images/hero-13-img.jpg); overflow: hidden; text-align: center; margin-top: 60px; padding: 80px 55px 0; } .theme--dark .hero-13-image.bg--black { background-color: var(--smoke); } .hero-13-img { margin-bottom: -180px; } .hero-13-img .video-btn { top: calc(50% - 65px); } /*------------------------------------------*/ /*  HERO-14
/*------------------------------------------*/ .hero-14 { position: relative; overflow: visible; background-image: url(../images/hero-14.jpg); padding-top: 170px; margin-bottom: 50px; } .hero-14-txt { margin-top: 65px; } .hero-14-txt h2 { padding-right: 6%; } .hero-14-txt p.fs-18 { margin: 22px 10% 28px 0; } .hero-14-brands { position: relative; z-index: 20; background-color: #fff; margin-top: 120px; margin-right: -500px; padding: 40px 30px; } .hero-14-brands .loop_carousel_left img { padding: 0 15px; height: 3rem; } .hero-14-brands .loop_carousel_left span:last-child img { padding: 0 0 0 10px; } .hero-14-img { position: relative; z-index: 2; margin: 0 0 -50px; } /*------------------------------------------*/ /*  HERO-15
/*------------------------------------------*/ .hero-15 { background-image: url(../images/hero-15.jpg); padding: 180px 0 115px; } .theme--dark .hero-15 { background-image: url(../images/hero-15d.jpg); } .hero-15:after { position: absolute; content: ''; z-index: -1; width: 100%; height: 35%; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, 1) 100%); } .theme--dark .hero-15:after { background-image: linear-gradient(to bottom, rgba(22, 24, 33, .02) 0, rgba(22, 24, 33, 1) 100%); } .hero-15-txt .framer-txt-02 a { background-color: rgba(255, 255, 255, .55); border: 1.5px solid var(--smoke); } .theme--dark .hero-15-txt .framer-txt-02 a { background-color: var(--smoke); border-color: #394056; } .hero-15-txt p.fs-18 { margin: 20px 5% 25px; } .hero-15-txt .advantages { margin-top: 25px; } .hero-15-img { margin: 45px 0 -115px; } /*------------------------------------------*/ /*  HERO-16
/*------------------------------------------*/ .hero-16 { background-image: url(../images/hero-16.jpg); padding: 160px 0 80px; } .theme--dark .hero-16 { background-image: url(../images/hero-16d.jpg); } .hero-16-txt { margin-top: -25px; } .hero-16-txt h6 { margin-bottom: 35px; } .hero-16-txt h6 span { position: relative; top: 12px; right: 3px; } .hero-16-txt .ico-35 span[class*="flaticon-"]:before, .hero-16-txt .ico-35 span[class*="flaticon-"]:after { font-size: 2.1875rem; } .hero-16-txt h2 { line-height: 1.25; } .hero-16-txt p.fs-17 { margin: 20px 0 25px; } .hero-16-txt .hero-digits { margin-top: 90px; } /*------------------------------------------*/ /*  HERO-17
/*------------------------------------------*/ .hero-17 { background-image: url(../images/hero-17.jpg); padding-top: 185px; margin-bottom: 130px; } .hero-17-txt p.fs-18 { margin: 22px 5% 28px; } .hero-17-img { margin: 70px 0 -130px; } /*------------------------------------------*/ /*  HERO-18
/*------------------------------------------*/ .hero-18 { text-align: center; background-image: url(../images/hero-18.jpg); padding-top: 180px; overflow: hidden; } .theme--dark .hero-18 { background-image: url(../images/hero-18d.jpg); } .hero-18-txt .framer-txt-02 a { background-color: rgba(255, 255, 255, .5); border: 1px solid var(--smoke); } .theme--dark .hero-18-txt .framer-txt-02 a { background-color: var(--smoke); border-color: #394056; } .hero-18-txt p.fs-19 { margin: 22px 0 30px; } .hero-18-brands { margin: 50px 15px 0; } .hero-18-brands p.fs-15 { margin-bottom: 20px; } .hero-18-brands .loop_carousel_left img { padding: 0 10px; height: 2.5rem; } .hero-18-brands .loop_carousel_left span:last-child img { padding: 0 0 0 10px; } .hero-18-img { margin: 60px 0 -45px; } /*------------------------------------------*/ /*  HERO-19
/*------------------------------------------*/ .hero-19 { position: relative; background-image: url(../images/hero-19.jpg); background-position: top center; padding: 170px 0 100px; } .theme--dark .hero-19 { background-image: url(../images/hero-19d.jpg); } .hero-19-txt { margin-bottom: 30px; } .hero-19-txt .framer-txt-01 a { background-color: rgba(255, 255, 255, .3); border: 1px solid var(--silver); } .theme--dark .hero-19-txt .framer-txt-01 a { background-color: var(--smoke); } .hero-19-txt p.fs-17, .hero-19-txt p.fs-18 { margin: 20px 0 30px; } .hero-19-img { margin-left: 30px; } /*------------------------------------------*/ /*  HERO-20
/*------------------------------------------*/ .hero-20 { position: relative; background-image: url(../images/hero-20.jpg); padding-top: 160px; padding-bottom: 30px; } .hero-20-txt { margin-top: -35px; } .hero-20-txt h2 { margin-bottom: 35px; } .form-logo { margin-bottom: 30px; } .form-logo img { width: auto; max-width: inherit; max-height: 29px; } #hero-20-form { position: relative; z-index: 999; background-color: #fff; border: 1px solid var(--smoke); padding: 40px 36px 35px; margin-left: 20px; } #hero-20-form h4 { color: #120036; } #hero-20-form p { color: #545465; margin: 18px 0 22px; } #hero-20-form .btn { width: 100%; } /*------------------------------------------*/ /*  HERO-21
/*------------------------------------------*/ .hero-21 { background-image: url(../images/hero-21.jpg); padding: 180px 0 110px; } .theme--dark .hero-21 { background-image: url(../images/hero-21d.jpg); } .hero-21-txt .framer-txt-04 p { background-color: rgba(255, 255, 255, .75); border: 1px solid var(--smoke); } .theme--dark .hero-21-txt .framer-txt-04 p { background-color: var(--smoke); border-color: #394056; } .hero-21-txt h2 { margin-bottom: 35px; } .hero-21-txt .advantages { margin-top: 25px; } .hero-21-img { margin-top: 50px; } .hero-21-brands { margin-top: 75px; } .hero-21-brands p { margin-bottom: 30px; } .hero-21-brands .loop_carousel_left img { padding: 0 15px; height: 3.1rem; } .hero-21-brands .loop_carousel_left span:last-child img { padding: 0 0 0 10px; } /*------------------------------------------*/ /*  HERO-22
/*------------------------------------------*/ .hero-22 { background-image: url(../images/hero-22.jpg); padding-top: 185px; margin-bottom: 100px; } .hero-22-txt p.fs-18 { margin: 25px 5% 0; } .hero-22-txt .quick-form { margin: 35px 7% 0; } .hero-22-txt .advantages { margin-top: 40px; } .hero-22-img { margin: 60px 0 -100px; } /*------------------------------------------*/ /*  HERO-23
/*------------------------------------------*/ .hero-23 { overflow: hidden; } .hero-23-wrapper { text-align: center; background-image: url(../images/hero-23.png); padding-top: 180px; padding-bottom: 70px; } .theme--dark .hero-23-wrapper { background-image: url(../images/hero-23d.png); } .hero-23-widget { margin-bottom: 35px; } .hero-23-widget span { border: 1px solid var(--silver); font-size: 0.95rem; padding: 9px 15px; } .hero-23-widget span.r-36 { padding: 9px 24px; } .theme--dark .hero-23-widget span { background-color: var(--smoke); } .hero-23-txt p.fs-18 { margin: 20px 5% 25px; } .hero-23-image { text-align: center; background-image: url(../images/hero-23-img.jpg); padding: 70px 45px 0; } .theme--dark .hero-23-image { background-image: url(../images/hero-23d-img.jpg); } .hero-23-image p { margin-bottom: 36px; } .hero-23-image p a { font-weight: 600; text-decoration: underline; } .hero-23-img { margin-bottom: -18%; } .hero-23-img .video-btn { top: calc(50% - 60px); } /*------------------------------------------*/ /*  HERO-24
/*------------------------------------------*/ .hero-24 { background-image: none; padding: 190px 0 130px; } .hero-24.hero-section .module-subtitle:before { background: var(--purple); } .hero-24-txt h2 { line-height: 1.2; } .hero-24-txt p.fs-18 { margin: 25px 8% 34px 0; } /*------------------------------------------*/ /*  HERO QUICK FORM
/*------------------------------------------*/ .hero-section .quick-form { background-color: var(--white); padding: 6px; border: 1.5px solid var(--silver); } .hero-section .quick-form.form-stroke { border-color: var(--black); } .hero-section .quick-form.form--shadow { border-color: transparent; box-shadow: 0 5px 10px var(--tra-black); } .theme--dark .hero-section .quick-form { border-color: transparent; } /*------------------------------------------*/ /*  Hero Quick Form Input
/*------------------------------------------*/ .hero-section .quick-form .form-control { height: 54px; background-color: rgba(244, 244, 249, .85); border: none; color: #666; font-size: 1.0625rem; font-weight: 400; padding: 0 18px; transition: all 450ms ease-in-out; } .hero-section .quick-form.form-half .form-control { height: 52px; font-size: 1rem; } /*------------------------------------------*/ /*  Hero Quick Form Placeholder
/*------------------------------------------*/ .hero-section .quick-form .form-control::-moz-placeholder { color: var(--text-color); } .hero-section .quick-form .form-control:-ms-input-placeholder { color: var(--text-color); } .hero-section .quick-form .form-control::-webkit-input-placeholder { color: var(--text-color); } .theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #777; } .theme--dark .hero-section .form-control:-ms-input-placeholder { color: #777; } .theme--dark .hero-section .form-control::-webkit-input-placeholder { color: #777; } /*------------------------------------------*/ /*  Hero Quick Form Focus
/*------------------------------------------*/ .hero-section .quick-form .form-control:focus { background-color: var(--white); border-color: var(--theme-color); outline: 0; box-shadow: none; } .theme--dark .hero-section .quick-form .form-control:focus { background-color: transparent; border-color: transparent; } /*------------------------------------------*/ /*  Hero Quick Form Button
/*------------------------------------------*/ .hero-section .quick-form .btn { height: 54px; font-size: 1.0625rem; padding: 12px 45px; margin-left: 9px; } .hero-section .quick-form.form-half .btn { height: 52px; font-size: 0.95rem; padding: 13px 40px; margin-left: 9px; } .theme--dark .hero-section .quick-form .hover--black:hover { background-color: #353f4f!important; color: #fff!important; border-color: #353f4f!important; } /*------------------------------------------*/ /*  Hero Quick Form Message
/*------------------------------------------*/ .hero-section .quick-form-msg { width: 100%!important; display: block; margin: 20px 0 15px 5px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -15px 0; } .hero-section .quick-form-msg .loading { color: #3eb1ff; font-size: 1.05rem; line-height: 1; font-weight: 500; } .hero-section .text-center .quick-form-msg .loading { font-size: 1.125rem; } /*------------------------------------------*/ /*  HERO REQUEST FORM
/*------------------------------------------*/ /*------------------------------------------*/ /*  Hero Request Form Input
/*------------------------------------------*/ .request-form .form-control { height: 60px; background-color: #f2f3f5; border: 1.5px solid transparent; color: #666; font-size: 1rem; font-weight: 400; margin-bottom: 22px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } /*------------------------------------------*/ /*  Hero Request Form Placeholder
/*------------------------------------------*/ .hero-form-wrapper .form-control::-moz-placeholder { color: var(--light-gray); } .hero-form-wrapper .form-control:-ms-input-placeholder { color: var(--light-gray); } .hero-form-wrapper .form-control::-webkit-input-placeholder { color: var(--light-gray); } .request-form .form-control:focus { background-color: var(--white); border-color: var(--blue); outline: 0; box-shadow: none; } .request-form.rf-blue .form-control:focus { border-color: var(--blue); } .request-form.rf-green .form-control:focus { border-color: var(--green); } .request-form.rf-purple .form-control:focus { border-color: var(--purple); } .request-form.rf-skyblue .form-control:focus { border-color: var(--sky-blue); } /*------------------------------------------*/ /*  Hero Request Form Message
/*------------------------------------------*/ .request-form-msg { width: 100%!important; display: block; text-align: center; margin-top: 15px; } .request-form-msg .loading { color: #00b2e4; font-size: 1.0625rem; line-height: 1; font-weight: 500; } .request-form .error { color: #e74c3c; font-size: 0.85rem; line-height: 1; font-weight: 400; margin-bottom: 10px; padding-left: 10px; } /* ==========================================================================
  06. ABOUT
  ========================================================================== */ .about-2-title { margin-bottom: 25px; } .about-1-txt { margin-bottom: 60px; } /*------------------------------------------*/ /*  ABOUT TYPOGRAPHY
/*------------------------------------------*/ .about-2 .txt-block h4 { margin-bottom: 20px; } .about-1-txt p { margin: 30px 0 0; } .about-3-txt p { margin: 20px 0 0; } .about-3-btn { margin: 0 15px 5px 0; } /*------------------------------------------*/ /*  ABOUT IMAGE
/*------------------------------------------*/ .a-1-1 { padding-left: 60px; margin-bottom: 30px; } .about-3-img { margin-top: 60px; } /* ==========================================================================
  07. CAREERS
  ========================================================================== */ .jobs-category h4 { line-height: 1; margin-left: 14px; margin-bottom: 30px; } .jobs-wrapper { border: 1.5px solid var(--silver); padding: 25px 30px 21px; margin-bottom: 40px; } .career-item { position: relative; } .career-item.b-border { padding-bottom: 15px; margin-bottom: 20px; } .position-description .advantages { margin-top: 10px; } /*------------------------------------------*/ /*  OPEN ROLE LINK
/*------------------------------------------*/ .position-link { color: var(--header-color); position: absolute; top: 5px; right: 0; transform: rotate(-45deg); } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } /* ==========================================================================
  08. JOB POSITION
  =========================================================================== */ .job-position-title { padding-top: 170px; padding-bottom: 100px; margin-bottom: 40px; } .job-position-title p { line-height: 1; margin-top: 30px; margin-bottom: 0; } .job-position-title p span { font-weight: 600; } .job-position-title .btn { padding: 0.8rem 1.65rem; margin-bottom: 5px; } /*------------------------------------------*/ /*  JOB POSITION TYPOGRAPHY
/*------------------------------------------*/ .position-info h5 { margin-top: 50px; margin-bottom: 30px; } .position-info p span { color: var(--header-color); font-weight: 600; } .position-info .btn { margin-top: 45px!important; } /* ==========================================================================
  09. FEATURES
  ========================================================================== */ .fbox-8-wrapper { text-align: center; padding: 80px 60px 100px; border: 1.5px solid transparent; } .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 40px; } .rows-2 .fbox-3.fb-3 { margin-bottom: 0; } .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .row-cols-lg-3.rows-2 .fbox-8.fb-3 { margin-bottom: 40px; } .fbox-4.fb-1, .fbox-4.fb-2, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3 { margin-bottom: 30px; } /*------------------------------------------*/ /*  FBOX-1
/*------------------------------------------*/ .fbox-1 { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; } .fbox-1 .fbox-ico-wrap { position: relative; margin-right: 25px; } .fbox-1 .fbox-txt { overflow: hidden; flex: 1; max-width: 100%; } /*------------------------------------------*/ /*  FBOX-2
/*------------------------------------------*/ .fbox-2 { padding-left: 30px; border-left: 1px solid var(--silver); } /*------------------------------------------*/ /*  FBOX-3
/*------------------------------------------*/ .fbox-3 { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; } .fbox-3 .fbox-ico-wrap { position: relative; margin-right: 30px; } .fbox-3 .fbox-txt { overflow: hidden; flex: 1; max-width: 100%; } /*------------------------------------------*/ /*  FBOX-4
/*------------------------------------------*/ .fbox-4 { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; padding: 35px 40px; transition: all 400ms ease-in-out; border: 1.5px solid transparent; } .fbox-4 .fbox-ico-wrap { position: relative; margin-right: 30px; } .fbox-4 .fbox-ico { margin-top: 4px; } .fbox-4 .fbox-txt { overflow: hidden; flex: 1; max-width: 100%; } /*------------------------------------------*/ /*  FBOX-5
/*------------------------------------------*/ .fbox-5 { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; } .fbox-5 .fbox-ico-wrap { position: relative; margin-right: 18px; } .fbox-5 .fbox-txt { overflow: hidden; flex: 1; max-width: 100%; } /*------------------------------------------*/ /*  FBOX-6
/*------------------------------------------*/ .fbox-img img { width: auto; max-width: inherit; } .fbox-img.h-175 img { max-height: 175px; } .fbox-img.h-180 img { max-height: 180px; } .fbox-img.h-185 img { max-height: 185px; } .fbox-img.h-190 img { max-height: 190px; } .fbox-6 .fbox-img.r-12 { padding-top: 35px; margin: 0 2% 50px; border-radius: 12px 12px 0 0; } .fbox-6 .fbox-img.r-12 img { max-height: 185px; margin-bottom: -25px; } /*------------------------------------------*/ /*  FBOX-7
/*------------------------------------------*/ .fbox-7 { padding: 60px 56px; border: 1.5px solid transparent; } .fbox-7.fb-7 { padding: 70px 60px; } .fbox-7.fb-1 .fbox-7-img { margin: 40px 5% 0; } .fbox-7.fb-5 .fbox-7-img, .fbox-7.fb-6 .fbox-7-img { margin: 40px 0 0; } .fbox-7.fb-2 .fbox-7-img, .fbox-7.fb-3 .fbox-7-img, .fbox-7.fb-4 .fbox-7-img { margin: 0 5% 40px; } .fbox-7.fb-7 .fbox-7-img { padding-left: 20px; } /*------------------------------------------*/ /*  FBOX-8
/*------------------------------------------*/ .fbox-8 { background-color: var(--white); padding: 55px 53px 50px; border: 1.5px solid transparent; box-shadow: 0 4px 12px 0 var(--tra-black); } /*------------------------------------------*/ /*  FBOX-9
/*------------------------------------------*/ .fbox-9 { padding: 40px; transition: all 400ms ease-in-out; border: 1.5px solid transparent; } .fbox-9 .txt-block-tra-link { margin-top: 12px; } .fbox-9 a.tra-link { font-size: 0.95rem; font-weight: 500; } .link-hover--blue a:hover { color: var(--blue)!important; } .link-hover--green a:hover { color: var(--green)!important; } .link-hover--pink a:hover { color: var(--pink)!important; } .link-hover--plum a:hover { color: var(--plum)!important; } .link-hover--purple a:hover { color: var(--purple)!important; } .link-hover--skyblue a:hover { color: var(--sky-blue)!important; } /*------------------------------------------*/ /*  FBOX TYPOGRAPHY
/*------------------------------------------*/ .fbox-1 h5, .fbox-3 h5, .fbox-5 h5 { margin-bottom: 14px; } .fbox-2 h6 { margin: 16px 0 12px; } .fbox-4 h5 { margin-bottom: 12px; } .fbox-6-txt h5 { margin: 30px 0 15px; } .fbox-7 h5 { margin-bottom: 16px; } .fbox-7 h3 { margin-bottom: 22px; } .fbox-7.fb-5 h5, .fbox-7.fb-6 h5 { margin-bottom: 18px; } .fbox-8 h5 { margin: 32px 0 16px; } .fbox-9 h5 { margin: 16px 0 14px; } .fbox-1 p, .fbox-2 p, .fbox-3 p, .fbox-4 p, .fbox-5 p, .fbox-6 p, .fbox-7 p, .fbox-8 p, .fbox-9 p { margin-bottom: 0; } .fbox-4-wrapper a:hover > .fbox-4 { box-shadow: 0 4px 12px 0 var(--tra-black)!important; border-color: var(--blue)!important; } .fbox-7-txt .btn { margin-top: 20px; } /* ==========================================================================
  10. CONTENT
  ========================================================================== */ .ct-06 .section-overlay { margin-bottom: 100px; } .bc-04 .section-title { margin-bottom: 50px; } .cbox-4-wrapper { margin-top: 15px; } .bc-06-wrapper { padding: 65px 70px; border: 1.5px solid transparent; } /*------------------------------------------*/ /*  CONTENT BOX WRAPPER
/*------------------------------------------*/ .bc-01-wrapper, .bc-02-wrapper, .bc-03-wrapper { border: 1.5px solid transparent; } .bc-01 .section-overlay { padding: 80px 65px; } .bc-02 .section-overlay { overflow: hidden; padding: 70px 0 65px 70px; } .bc-03-wrapper { position: relative; padding: 80px 75px; } .bc-04 .section-overlay { padding: 80px 70px 0; } .bc-05-wrapper { overflow: hidden; } /*------------------------------------------*/ /*  TEXT BLOCK
/*------------------------------------------*/ .txt-block.left-column { padding-right: 25px; } .bc-06 .txt-block.left-column { padding-right: 0; } .txt-block.right-column { padding-left: 25px; } .txt-box { margin-bottom: 25px; } .bc-01 .txt-box { margin-bottom: 30px; } .txt-box:last-child, .bc-01 .txt-box:last-child { margin-bottom: 0; } .bc-01 .txt-block.left-column { padding-right: 20px; } .bc-01 .txt-block.right-column { padding-left: 20px; } .bc-03-title { padding-right: 15%; margin-bottom: 50px; } .bc-5-txt { padding-left: 65px; padding-right: 30px; } .txt-block-stat { margin-top: 100px; } /*------------------------------------------*/ /*  TEXT BLOCK TYPOGRAPHY
/*------------------------------------------*/ .txt-block h5, .txt-block h3, .txt-block h2 { margin-bottom: 25px; } .bc-06 .txt-block h2 { margin-bottom: 15px; } h5.h5-title { margin: 22px 0 25px; } .txt-block-tra-link { margin-top: 25px; } .txt-block .btn, .txt-block .stores-badge { margin-top: 30px; } .bc-06 .txt-block .btn { margin-top: 20px; } .txt-block .btn.btn--transparent { margin-top: 0; } /*------------------------------------------*/ /*  CONTENT BOX
/*------------------------------------------*/ .cbox-1, .cbox-2, .cbox-8, .cbox-9 { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; } .cbox-5 { display: inline-block; width: 375px; min-width: 375px; padding: 18px 24px 16px 24px; border: 1.5px solid transparent; } .cbox-5.cb-1 { margin: 12px 0 25px; } /*------------------------------------------*/ /*  CONTENT BOX ICON
/*------------------------------------------*/ .cbox-1 .ico-wrap { position: relative; margin-right: 1.625rem; } .cbox-1-ico { text-align: center; position: relative; width: 2.25rem; height: 2.25rem; font-size: 1.125rem; line-height: 2rem; font-weight: 600; border: 3px solid transparent; border-radius: 100%; transition: all 450ms ease-in-out; } .cbox-1-line { position: absolute; bottom: 14px; left: 50%; width: 2px; background-color: var(--smoke); height: calc(100% - 70px); transform: translateX(-50%); } .cbox-1:hover .cbox-1-ico { background-color: transparent; } .cbox-1:hover .cbox-1-ico.bg--theme { color: var(--theme-color)!important; border-color: var(--theme-color); } .cbox-1:hover .cbox-1-ico.bg--blue { color: var(--blue)!important; border-color: var(--blue); } .cbox-1:hover .cbox-1-ico.bg--grass { color: var(--grass)!important; border-color: var(--grass); } .cbox-1:hover .cbox-1-ico.bg--green { color: var(--green)!important; border-color: var(--green); } .cbox-1:hover .cbox-1-ico.bg--lotus { color: var(--lotus)!important; border-color: var(--lotus); } .cbox-1:hover .cbox-1-ico.bg--orchid { color: var(--orchid)!important; border-color: var(--orchid); } .cbox-1:hover .cbox-1-ico.bg--pink { color: var(--pink)!important; border-color: var(--pink); } .cbox-1:hover .cbox-1-ico.bg--plum { color: var(--plum)!important; border-color: var(--plum); } .cbox-1:hover .cbox-1-ico.bg--purple { color: var(--purple)!important; border-color: var(--purple); } .cbox-1:hover .cbox-1-ico.bg--red { color: var(--red)!important; border-color: var(--red); } .cbox-1:hover .cbox-1-ico.bg--skyblue { color: var(--sky-blue)!important; border-color: var(--sky-blue); } /*------------------------------------------*/ /*  CBOX #2
/*------------------------------------------*/ .cbox-2 .ico-wrap { position: relative; text-align: center; margin-top: 0; margin-right: 1.45rem; } .cbox-2-ico { position: relative; top: 4px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.85rem; } .cbox-2-ico img { width: 3.25rem; height: 3.25rem; } /*------------------------------------------*/ /*  CBOX #3
/*------------------------------------------*/ .cbox-3 { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; } .cbox-3.mt-25 { margin-top: 25px; } .cbox-3-txt { overflow: hidden; flex: 1; max-width: 100%; padding-left: 14px; } .cbox-3-ico.ico-30 [class*="flaticon-"]:before, .cbox-3-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.6875rem; } .cbox-3-ico span { position: relative; top: 7px; } .cbox-3-txt p { margin-bottom: 15px; } .cbox-3-txt p.mb-0 { margin-bottom: 0; } /*------------------------------------------*/ /*  CBOX #5
/*------------------------------------------*/ .cbox-5-ico { display: inline-block!important; float: left; text-align: center; } /*------------------------------------------*/ /*  CBOX #6
/*------------------------------------------*/ .cbox-6-wrapper { position: relative; } .cbox-6 { border: 1.5px solid var(--smoke); padding: 40px 35px; margin: 0 10%; z-index: 1; } .cbox-6 hr { margin-top: 30px; margin-bottom: 25px; } /*------------------------------------------*/ /*  CBOX #6 TITLE
/*------------------------------------------*/ .cbox-6-title { position: relative; } .cbox-6-title h6 { line-height: 1; font-weight: 500; margin-bottom: 25px; } .cbox-6-menu { position: absolute; top: -3px; right: 0; } .cbox-6-menu span { opacity: .6; } .cbox-6-title .statistic-number { margin-bottom: 0; } .cbox-6 .statistic-number sup { font-size: 3.25rem; top: -5px; right: 0; margin-right: 6px; } .cbox-6-title p.ico-10 { margin-top: 20px; margin-bottom: 0; } .cbox-6-title p.ico-10 span.r-06 { font-size: 0.95rem; font-weight: 600; padding: 6px 10px; margin-right: 4px; } .cbox-6-title p.ico-10 span[class*="flaticon-"]:before, .cbox-6-title p.ico-10 span[class*="flaticon-"]:after { font-size: 0.65rem; margin-right: 2px; } /*------------------------------------------*/ /*  CBOX #6 TEXT
/*------------------------------------------*/ .cbox-6-txt h5 { margin-bottom: 10px; } /*------------------------------------------*/ /*  CBOX #6 IMAGE
/*------------------------------------------*/ .cbox-6-img { margin-top: 28px; } /*------------------------------------------*/ /*  CBOX #6 DATA
/*------------------------------------------*/ .cbox-6-data { padding: 24px 22px 30px; } .cbox-6-data h6 { line-height: 1; font-weight: 400; margin: 0 0 12px; } .cbox-6-data h5 { display: inline-block; float: left; letter-spacing: -1px; margin-bottom: 0; } .cbox-6-data p.ico-10 { position: relative; display: inline-block; float: none; top: 8px; left: 12px; margin-bottom: 0; } .cbox-6-data p.ico-10 span { font-weight: 700; letter-spacing: -1px; } /*------------------------------------------*/ /*  CBOX #7
/*------------------------------------------*/ .cbox-7.cb-1, .cbox-7.cb-2 { margin-bottom: 35px; } .cbox-7.cb-1 .cbox-title { margin-bottom: 15px; } /*------------------------------------------*/ /*  CBOX #8
/*------------------------------------------*/ .cbox-8 .ico-wrap { margin-left: 8px; } .cbox-8.ico-15 span { position: relative; top: 2px; right: 12px; } .cbox-8.ico-15 [class*="flaticon-"]:before, .cbox-8.ico-15 [class*="flaticon-"]:after { font-size: 0.925rem; } /*------------------------------------------*/ /*  CBOX #9
/*------------------------------------------*/ .cbox-9 { padding-bottom: 14px; margin-bottom: 14px; margin-right: 5%; border-bottom: 1px solid var(--smoke); } .cbox-9:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .cbox-9 .ico-wrap { margin-left: 0; } .cbox-9-ico { text-align: center; width: 30px!important; height: 30px!important; margin-left: 0; border-radius: 100%; margin-right: 12px; } .cbox-9.ico-15 span { position: relative; top: 1px; right: 0; } .cbox-9.ico-15 [class*="flaticon-"]:before, .cbox-9.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } .cbox-9-txt p { margin-bottom: 0; } /*------------------------------------------*/ /*  CONTENT BOX TEXT
/*------------------------------------------*/ .cbox-1-txt, .cbox-2-txt, .cbox-8-txt, .cbox-9-txt { overflow: hidden; flex: 1; max-width: 100%; } .cbox-1-txt { margin-bottom: 35px; } .cbox-2-txt { margin-bottom: 40px; } .cbox-2-txt.mb-30 { margin-bottom: 30px; } .cbox-2-txt.mb-25, .two-txt .cbox-2-txt { margin-bottom: 25px; } .cbox-1:last-child .cbox-1-txt, .cbox-2:last-child .cbox-2-txt { margin-bottom: 0; } .cbox-5-txt { display: inline-block!important; padding-left: 18px; } /*------------------------------------------*/ /*  CONTENT BOX TITLE
/*------------------------------------------*/ .cbox-title { margin-bottom: 18px; } .cbox-title span { float: left; line-height: 1!important; margin-right: 20px; } .cbox-title span[class*="flaticon-"]:before, .cbox-title span[class*="flaticon-"]:after { font-size: 2.35rem; } .cbox-title h5 { line-height: 2.1875rem!important; margin-bottom: 0!important; } .box-title { margin-bottom: 12px; } .box-title span { position: relative; top: 8px; right: 5px; } .box-title.ico-30 span[class*="flaticon-"]:before, .box-title.ico-30 span[class*="flaticon-"]:after { font-size: 2rem; line-height: 1!important; } .box-title h6 { display: inline-block; margin-bottom: 0; } /*------------------------------------------*/ /*  CONTENT BOX TYPOGRAPHY
/*------------------------------------------*/ .cbox-1-txt h5 { margin-bottom: 15px!important; } .cbox-2-txt h5 { margin-bottom: 12px!important; } .cbox-5-txt h6 { margin-top: 1px; margin-bottom: 3px; } .bc-02 .txt-block h5, .bc-03 .txt-block h5 { margin-bottom: 25px; } .bc-5-txt h2, .bc-5-txt h3 { margin-bottom: 20px; } .cbox-1-txt p, .cbox-2-txt p, .cbox-5-txt p, .cbox-4 p { margin-bottom: 0; } .cbox-8 p { margin-bottom: 12px; } .bc-5-txt .btn { margin-top: 25px; } /*------------------------------------------*/ /*  ACCORDION  
/*------------------------------------------*/ .txt-block .accordion-1 .accordion-item { background-color: transparent; padding: 22px 0 26px; border: none; border-bottom: 1.5px solid var(--smoke); border-radius: 0 0; } .txt-block .accordion-thumb { margin: 0; padding: 0; cursor: pointer; position: relative; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { font-family: Flaticon; font-weight: 300; content: "\f139"; position: absolute; top: -2.5px; right: 0; text-align: center; background-color: var(--white-smoke); width: 34px; height: 34px; color: var(--header-color); font-size: 0.75rem; line-height: 34px; border-radius: 100%; transition: all 200ms ease-in-out; } .bg--aliceblue .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .bg--aliceblue .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { background-color: #e3e8f2; } .txt-block .accordion-item.is-active .accordion-thumb:after { transform: rotate(45deg); } .txt-block .accordion-1 .accordion-panel { color: var(--text-color); margin: 0; padding: 0 0 0 5px; display: none; } .txt-block .accordion-1 .accordion-thumb h4, .txt-block .accordion-1 .accordion-thumb h5 { color: var(--header-color); line-height: 1; padding-left: 5px; margin-bottom: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h4, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 24px; } /*------------------------------------------*/ /*  TEXT BLOCK TABS
/*------------------------------------------*/ #tabs-1 .tab-content { display: none; } #tabs-1 .tab-content.current { display: inherit; } .tabs-1 li { cursor: pointer; background-color: transparent; border: none; margin-bottom: 8px; padding: 25px 30px; transition: all 400ms ease-in-out; } .tabs-1 li:last-child { margin-bottom: 0; } .tab-link h5, .tab-link p { color: #858585; transition: all 400ms ease-in-out; } .tab-link p { margin: 10px 0 0; } /*------------------------------------------*/ /*  TAB LINK HOVER
/*------------------------------------------*/ .tabs-1 li:hover { background-color: var(--snow); } /*------------------------------------------*/ /*  TAB LINK CURRENT
/*------------------------------------------*/ #tabs-1 .tabs-1 li.current, #tabs-1 .tabs-1 li.current:hover { background-color: #f3f3f5; } #tabs-1 .tabs-1 li.current { cursor: auto; } #tabs-1 .tabs-1 li:hover h5, #tabs-1 .tabs-1 li.current h5 { color: var(--header-color); } #tabs-1 .tabs-1 li:hover p, #tabs-1 .tabs-1 li.current p { color: var(--text-color); } /*------------------------------------------*/ /*  IMG BLOCK IMAGE
/*------------------------------------------*/ .img-block { text-align: center; } .ct-01 .img-block.right-column, .ct-02 .img-block.right-column { margin-left: 25px; } .ct-01 .img-block.left-column, .ct-02 .img-block.left-column { margin-right: 25px; } .ct-03 .img-block img { max-width: 220%; display: inline-block; margin-left: 30px; } .ct-04 .img-block { position: relative; padding: 0 15px; margin-top: -120px; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -100px; } .img-block-txt, .img-block-btn { text-align: center; margin-top: 45px; } .img-block-btn .advantages { margin-top: 25px; } .img-block-hidden .video-btn { top: calc(50% - 30px); } .bc-2-img { margin-right: -20px; } .bc-3-img { position: absolute; top: 80px; right: 80px; } .bc-3-img img { width: auto; max-width: inherit; max-height: 330px; } .bc-4-img { margin-bottom: -160px; } .bc-4-img .video-btn { top: calc(50% - 70px); } /* ==========================================================================
  11. STATISTIC
  =========================================================================== */ .statistic-2-wrapper { overflow: hidden; text-align: center; border: 1px solid var(--smoke); } .statistic-2 .statistic-blocks.left-column { margin-right: 40px; } .statistic-2-wrapper .row, .statistic-2-wrapper .col { padding: 0; margin: 0; } .statistic-5-wrapper { position: relative; padding: 0 3%; } /*------------------------------------------*/ /*  STATISTIC BLOCK
/*------------------------------------------*/ .statistic-1-wrapper .statistic-block { padding: 10px 40px; } #sb-1-1, #sb-1-2 { border-right: 1px solid var(--silver); } .statistic-2-wrapper .statistic-block { padding: 70px 30px; } #sb-2-1 { border-right: 1.5px solid var(--smoke); border-bottom: 1.5px solid var(--smoke); } #sb-2-2 { border-bottom: 1.5px solid var(--smoke); } #sb-2-3 { border-right: 1.5px solid var(--smoke); } #sb-3-1, #sb-3-2 { width: 48%; display: inline-block; float: left; } /*------------------------------------------*/ /*  STATISTIC BLOCK NUMBER
/*------------------------------------------*/ h3.statistic-number, h2.statistic-number { line-height: 1; margin-bottom: 0; } .statistic-1-wrapper small { font-size: 2.4rem; margin-left: 4px; } .statistic-5-wrapper small { font-size: 2.75rem; margin-left: 3px; } .statistic-block span[class*="flaticon-"] { position: relative; top: -12px; } .statistic-block .alt-font span[class*="flaticon-"] { top: -16px; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { margin-bottom: 15px; } /*------------------------------------------*/ /*  STATISTIC BLOCK TYPOGRAPHY
/*------------------------------------------*/ .statistic-ico { margin-bottom: 20px; } .statistic-1-wrapper h5 { margin-top: 25px; margin-bottom: 15px; } .statistic-2-wrapper h3 { line-height: 1; letter-spacing: -1px; margin-bottom: 12px; } .statistic-5-wrapper h6 { margin-top: 18px; line-height: 1; } .txt-block-stat p, .statistic-1-wrapper p { margin-bottom: 0; } .statistic-2-wrapper .statistic-block p { font-family: var(--main-font); margin-bottom: 0; } .statistic-4-wrapper p { line-height: 1; margin-top: 25px; margin-bottom: 0; } .statistic-5-wrapper p { padding: 0 14%; margin-bottom: 25px; } /*------------------------------------------*/ /*  LINE HIGHLIGHT
/*------------------------------------------*/ .line-highlight { position: absolute; left: 27%; width: 46%; height: 10px; margin-top: -10px; z-index: -1; } /* ==========================================================================
  12. GALLERY
  ========================================================================== */ .gallery-1 .loop_carousel_left { margin: 0 -25px; } .gallery-1 .js-marquee { margin-right: 5px!important; } .gallery-1 .carousel_slide { margin-left: 20px; } .gallery-1 img { width: auto; max-width: inherit; max-height: 340px; } .gallery-1 .projects_carousel img { max-height: 475px; } .projects_carousel .carousel_slide { display: inline-block; } .project-preview { position: relative; overflow: hidden; } /*------------------------------------------*/ /*  Image Link
/*------------------------------------------*/ .project-link { width: 100%; position: absolute; bottom: 36%; transform: translateY(-50%); opacity: 0; text-align: center; transition: all 400ms ease-in-out; } /*------------------------------------------*/ /*  Image Hover Overlay
/*------------------------------------------*/ .hover-overlay { width: 100%; height: auto; overflow: hidden; position: relative; } .hover-overlay img { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); overflow: hidden; transition: transform 400ms; } /*------------------------------------------*/ /*    Overlay Background 
/*------------------------------------------*/ .item-overlay { opacity: 0; -moz-opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(20, 20, 20, .45); transition: all 400ms ease-in-out; } /*------------------------------------------*/ /*  Image Hover Effect 
/*------------------------------------------*/ .project-preview:hover img { transform: scale(1.1); } .project-preview:hover .project-link { bottom: 40%; opacity: 1; -moz-opacity: 1; } .project-preview:hover .item-overlay { opacity: 1; -moz-opacity: 1; } /* ==========================================================================
  13. PROJECTS
  ========================================================================== */ .projects-1 .title-03 .section-title { padding-right: 0; } .projects-1 .title-03 .filter-btns { margin-bottom: 10px; } /*------------------------------------------*/ /*  FILTER BUTTONS
/*------------------------------------------*/ .filter-btns button { background-color: transparent; font-family: var(--main-font); color: var(--text-color); font-size: 1.05rem; line-height: 1; font-weight: 600; margin: 0 18px; padding: 8px 0; border: none; border-bottom: 2.5px solid transparent; cursor: pointer; outline: 0px none; transition: all 400ms ease-in-out; } /*------------------------------------------*/ /*  Filter Button Active
/*------------------------------------------*/ .filter-btns button:hover { color: var(--header-color); border-color: var(--coal); } .filter-btns button.is-checked { color: var(--blue); cursor: default; border-color: var(--blue); outline: 0px none; } /*------------------------------------------*/ /*  FILTER ITEM
/*------------------------------------------*/ .projects-1 .filter-item { position: relative; width: 50%; padding: 0 10px; margin-bottom: 30px; } .filter-item .hover-overlay, .filter-item .hover-overlay img { overflow: hidden; } /*------------------------------------------*/ /*  PROJECT CATEGIRY
/*------------------------------------------*/ .pr-tag { position: absolute; opacity: 0; top: -15%; left: 35px; margin-bottom: 0; transition: all 400ms ease-in-out; } .pr-tag p { padding: 8px 25px; background-color: #fff; color: #120036; font-weight: 500; line-height: 1; margin-bottom: 0; border-radius: 100px; } /*------------------------------------------*/ /*  PROJECT DATA
/*------------------------------------------*/ .pr-desc { width: 100%; position: absolute; bottom: 0; left: 0; opacity: 0; z-index: 70; background: -webkit-linear-gradient(top, rgba(25, 25, 25, 0), rgba(25, 25, 25, .8)); background: linear-gradient(top, rgba(25, 25, 25, 0), rgba(25, 25, 25, .8)); padding: 130px 65px 32px 25px; transition: all 450ms ease-in-out; } .pr-data-txt { position: absolute; width: 75%; opacity: 0; bottom: 45px; left: -15%; transition: all 450ms ease-in-out; } .pr-data-txt h5 { line-height: 1.5; margin-bottom: 12px; } /*------------------------------------------*/ /*  PROJECT LINK
/*------------------------------------------*/ .pr-source { text-align: center; position: absolute; bottom: 35px; right: -15%; width: 52px; height: 52px; background-color: transparent; border: 3px solid var(--white); border-radius: 100%; transition: all 450ms ease-in-out; } .pr-source a span { position: relative; top: 11px; transition: all 450ms ease-in-out; } .pr-source:hover { background-color: var(--yellow); border-color: transparent; } .pr-source:hover span { color: var(--grape); } /*------------------------------------------*/ /*  PROJECT RATING
/*------------------------------------------*/ .project-rating [class*="flaticon-"]:before, .project-rating [class*="flaticon-"]:after { color: var(--yellow); font-size: 0.925rem; line-height: 1; margin-right: 1px; } .project-rating small { position: relative; font-size: 0.9rem; line-height: 1; font-weight: 400; top: -1px; left: 4px; } /*------------------------------------------*/ /*  Overlay Background 
/*------------------------------------------*/ .projects-section .item-overlay { background: rgba(20, 20, 20, .15); } /*------------------------------------------*/ /*  Image Hover Effect 
/*------------------------------------------*/ .projects-1 .filter-item:hover img { transform: scale(1.1); } .filter-item:hover .item-overlay, .filter-item:hover .pr-source, .filter-item:hover .pr-tag, .filter-item:hover .pr-data-txt, .filter-item:hover .pr-desc { opacity: 1; -moz-opacity: 1; } .filter-item:hover .pr-tag { top: 25px; } .filter-item:hover .pr-data-txt { left: 40px; } .filter-item:hover .pr-source { right: 30px; } /* ==========================================================================
  14. PROJECT DETAILS
  ========================================================================== */ /*------------------------------------------*/ /*  PROJECT DETAILS
/*------------------------------------------*/ .single-project .project-title { margin-bottom: 70px; } .project-category { margin-bottom: 30px; } .project-title h2 { padding-right: 10%; padding-bottom: 40px; border-bottom: 1px solid var(--silver); } .project-data { margin-bottom: 0; } .project-data span { color: var(--header-color); margin-right: 40px; } /*------------------------------------------*/ /*  PROJECT DESCRIPTION
/*------------------------------------------*/ .project-txt h5, .project-txt h6 { margin-top: 35px; margin-bottom: 20px; } /*------------------------------------------*/ /*  PROJECT DATA
/*------------------------------------------*/ .project-data { margin: 40px 0 50px; } .project-data p { margin-bottom: 4px; } .project-data p span { font-weight: 600; margin-right: 5px; } .project-data p a { color: var(--blue)!important; text-decoration: underline; } .project-data p a:hover { color: var(--text-color)!important; } /*------------------------------------------*/ /*  PROJECT INNER PAGES
/*------------------------------------------*/ .project-inner-img { margin-top: 40px; margin-bottom: 40px; } .project-inner-img .col-md-6 .project-image { overflow: hidden; } /*------------------------------------------*/ /*  Image Hover Effect 
/*------------------------------------------*/ .project-preview:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); } .project-preview:hover .project-link { top: 50%; opacity: 1; -moz-opacity: 1; } .project-preview:hover .item-overlay { opacity: 1; -moz-opacity: 1; } /*------------------------------------------*/ /*  PROJECT SHARE ICONS
/*-----------------------------------------*/ .project-share-icons { margin-top: 45px; padding-top: 40px; } .project-share-icons .share-social-icons a.share-ico span { margin-left: 15px; } .project-share-icons .ico-20 [class*="flaticon-"]:before, .project-share-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.6rem; } /*------------------------------------------*/ /*  MORE PROJECTS BUTTON
/*------------------------------------------*/ #project-details .more-projects { text-align: right; margin-top: 35px; } #project-details .more-projects h3 { display: inline-block; text-decoration: underline; margin-bottom: 0; } #project-details .more-projects span { position: relative; left: 5px; } /* ==========================================================================
  15. TESTIMONIALS
  =========================================================================== */ .reviews-1 { position: relative; } .reviews-1-wrapper { position: relative; padding-top: 70px; padding-bottom: 55px; } .reviews-1-wrapper:after { position: absolute; content: ''; width: 76%; height: 100%; background-color: var(--white-smoke); top: 0; left: 12%; z-index: -1; border-radius: 12px; } .reviews-1-wrapper.ghost-bg:after { background-color: var(--ghost); } .reviews-1-wrapper.lavender-bg:after { background-color: var(--lavender); } .reviews-1-wrapper.platinum-bg:after { background-color: var(--platinum); } .reviews-carousel { margin: 0 -12px; } .reviews-4 .container { position: relative; overflow: hidden; } .reviews-4-wrapper { position: relative; margin-left: 15px; margin-right: -25%; } .reviews-4-fade { background-image: linear-gradient(270deg, rgba(244, 244, 249, 1) 40%, rgba(244, 244, 249, .18) 100%); width: 10%; height: 100%; position: absolute; inset: 0% 0% 0% auto; z-index: 2; } .reviews-4-fade.fade_white { background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, .18) 100%); } .theme--dark .reviews-4-fade { background-image: linear-gradient(270deg, rgba(25, 28, 40, 1) 40%, rgba(25, 28, 40, .18) 100%); } .reviews-4-title { margin-top: 30px; } .reviews-4-title p { margin: 22px 5% 0 0; } .reviews-4-title .btn { margin-top: 20px; } /*------------------------------------------*/ /*  TESTIMONIAL
/*------------------------------------------*/ .review-1, .review-2 { position: relative; padding: 50px 35px 32px; margin: 0 12px 30px; border: 1.5px solid transparent; } .review-1, .review-2 { padding: 35px 30px; } .review-item { position: relative; width: 33.33%; padding: 0 12px; margin-bottom: 25px; } .review-3 { position: relative; padding: 35px 28px; border: 1.5px solid var(--smoke); } .review-4 { position: relative; padding: 30px 40px; margin: 0 15px 30px; border: 1.5px solid transparent; } /*------------------------------------------*/ /*  TESTIMONIAL ICON
/*------------------------------------------*/ .review-ico.ico-60 { position: absolute; top: 18px; left: 25px; opacity: .12; } .review-ico.ico-45 { position: absolute; top: 15px; right: 25px; opacity: .12; } .review-source { position: absolute; top: 24px; right: 26px; } .review-source img { width: auto; max-width: inherit; max-height: 28px; } /*------------------------------------------*/ /*  TESTIMONIAL TEXT
/*------------------------------------------*/ .review-txt h6.fs-18 { line-height: 1.4; padding-right: 5%; margin-bottom: 14px; } .review-txt p { margin-bottom: 0; } .review-txt p a { color: var(--theme-color); } .review-txt p a:hover { color: var(--header-color); } .review-txt .txt-highlight { color: var(--header-color); font-weight: 600; display: inline; padding: 2px 4px; background-color: #fef6d1; } .review-txt img.img-fluid { display: block; margin-top: 15px; } .review-date { color: #999; font-size: 0.95rem; line-height: 1; margin: 17px 0 0; } /*------------------------------------------*/ /*  TESTIMONIAL RATING
/*------------------------------------------*/ .review-rating.ico-10 { margin-bottom: 4px; } .review-rating.ico-15 { margin-bottom: 8px; } .review-rating.ico-15.mt-15 { margin-top: 10px; margin-bottom: -10px; } .review-rating.ico-10 [class*="flaticon-"]:before, .review-rating.ico-10 [class*="flaticon-"]:after { font-size: 0.935rem; } .review-rating.ico-15 [class*="flaticon-"]:before, .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /*------------------------------------------*/ /*  TESTIMONIAL AVATAR
/*------------------------------------------*/ .review-avatar { margin: 0 auto; float: left; } .review-avatar img { width: 50px; height: 50px; border-radius: 100%; } /*------------------------------------------*/ /*  TESTIMONIAL AUTHOR
/*------------------------------------------*/ .author-data { margin-top: 22px; margin-bottom: 0; } .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .author-data .review-author { position: relative; display: inline-block; text-align: left; padding: 0 0 0 15px; margin-top: 4px; } .review-author h6 { font-size: 0.975rem; line-height: 1; margin-bottom: 9px; } .review-author h6.alt-font { font-size: 1.175rem; } .review-author p { font-size: 0.925rem; line-height: 1; font-weight: 300; margin-bottom: 0; } .review-2-author { margin-top: 15px; } /*------------------------------------------*/ /*  TESTIMONIALS MORE BUTTON
/*------------------------------------------*/ .reviews-section .more-btn { position: relative; z-index: 5; text-align: center; top: -40px; } .reviews-section .more-btn.mt-35 { top: 0; margin-top: 35px; } /*------------------------------------------*/ /*  TESTIMONIALS BOTTOM OVERLAY
/*------------------------------------------*/ .bottom-overlay { z-index: 3; background-image: linear-gradient(#fff0, #fff 59%); height: 20rem; position: absolute; inset: auto 0% 0%; } .theme--dark .bottom-overlay { background-image: linear-gradient(#fff0, #161821 59%); } /*------------------------------------------*/ /*  TESTIMONIAL CAROUSEL DOTS
/*------------------------------------------*/ .reviews-41-carousel .owl-dots { display: none; } .reviews-section button { background-color: transparent; border: none; padding: 0 2px; } .owl-theme .owl-dots .owl-dot span { margin: 0 7px; } .owl-dots button:focus { outline: none; text-decoration: none; } /* ==========================================================================
  16. RATING
  =========================================================================== */ .rating-1-wrapper { padding: 0 6%; } .rating-2-wrapper { display: inline-block; margin: 0 auto; } .rating-3-wrapper { padding: 0 16%; } /*------------------------------------------*/ /*  RATING TITLE
/*------------------------------------------*/ .rating-title { text-align: center; } .rating-title h6 { margin-bottom: 0; } /*------------------------------------------*/ /*  RATING BOX
/*------------------------------------------*/ .rbox-2 { display: flex; align-items: center; flex-direction: row; } /*------------------------------------------*/ /*  RATING BOX LOGO
/*------------------------------------------*/ .rbox-1-img, .rbox-3-img { margin-bottom: 12px; } .rbox-1-img img, .rbox-3-img img { width: auto; max-width: inherit; max-height: 40px; } .rbox-2 img { position: relative; width: auto; max-width: inherit; } .rbox-2-rating img { top: -0.5px; max-height: 28px; } .rbox-2-logo img { top: -2px; max-height: 35px; } /*------------------------------------------*/ /*  RATING BOX TYPOGRAPHY
/*------------------------------------------*/ .rbox-1 .star-rating, .rbox-3 .star-rating { display: inline-block; font-size: 1rem; line-height: 15px; font-weight: 500; vertical-align: inherit; } .rbox-1 .star-rating span, .rbox-3 .star-rating span { position: relative; color: var(--yellow); top: -1px; } .rbox-2-rating span { position: relative; color: var(--yellow); top: 3px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; } .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.425rem; } .rbox-1 .star-rating, .rbox-3 .star-rating { font-size: 0.86rem; line-height: 1; } .rbox-2 h6 { font-weight: 500; margin-left: 12px; margin-right: 12px; } .rbox-2 h6 span { font-weight: 700; } .rbox-2 h6.alt-font span { font-weight: 600; } /* ==========================================================================
  17. BRANDS
  =========================================================================== */ .loop_carousel_left, .loop_carousel_right { overflow: hidden; } .brands-2-wrapper { padding: 0 6%; } .brands-3-wrapper.r-5, .brands-4-wrapper { padding: 0 3%; } #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5 { margin-bottom: 35px; } #brand-4-1, #brand-4-2, #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6 { margin-bottom: 40px; } /*------------------------------------------*/ /*  BRANDS SECTION TITLE
/*------------------------------------------*/ .brands-title { text-align: center; } .brands-title h6, .brands-title h5 { margin-bottom: 50px; } .brands-title p { margin-bottom: 35px; } /*------------------------------------------*/ /*  BRANDS LOGO IMAGE
/*------------------------------------------*/ .brands-1 .loop_carousel_left img, .brands-1 .loop_carousel_right img { padding: 0 20px; height: 3.35rem; } .brands-1 .loop_carousel_left span:last-child img, .brands-1 .loop_carousel_right span:last-child img { padding: 0 0 0 20px; } .brands-2-wrapper, .brands-3-wrapper.r-5 { display: flex; justify-content: space-around; flex-wrap: wrap; } .brands-2-wrapper .brand-logo, .brands-3-wrapper.r-5 .brand-logo { display: flex; justify-content: center; align-items: center; width: 20%; flex-grow: 0; padding: 0 30px; } .brands-3-wrapper.r-6 .brand-logo { padding: 0 12px; } .brands-4-wrapper .brand-logo { padding: 0 14px; } /* ==========================================================================
  18. AWARDS
  =========================================================================== */ .awards-wrapper h6 { margin-bottom: 40px; } .awards-1 .award-badge { display: inline-block; margin-left: 24px; } .awards-2 .award-badge { display: inline-block; margin: 0 10px; } /* ==========================================================================
  19. INTEGRATIONS
  =========================================================================== */ .int-1-wrapper { padding: 100px 50px; } .tools_carousel .carousel_slide { display: inline-block; margin-right: 10px; } .integrations-1 .js-marquee { margin-right: 5px!important; } .int-3-wrapper { padding: 80px 70px; border: 1.5px solid transparent; } .int-3-wrapper .title-01 { padding: 0 3%; } /*------------------------------------------*/ /*  INTEGRATION TOOL
/*------------------------------------------*/ .int_tool-1 { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; background-color: var(--white); border: 1px solid var(--silver); padding: 15px 30px 15px 20px; } .int_tool-1.r-10 { padding: 12px 25px 13px; } .int_tool-1.r-0 { padding: 0 14px; background-color: transparent; border: none; } .int_tool-2 { text-align: center; vertical-align: center; background-color: var(--white); border: 1px solid var(--silver); padding: 25px 20px; margin-bottom: 30px; transition: all 400ms ease-in-out; } .int_tool-3 { display: block; margin-bottom: 30px; } .int_tool-4 { position: relative; background-color: var(--white); border: 1px solid var(--silver); padding: 35px 30px; margin-bottom: 30px; } /*------------------------------------------*/ /*  INTEGRATION TOOL LOGO
/*------------------------------------------*/ .in_tool_logo { padding: 40px 30px; margin-bottom: 30px; border: 1.5px solid transparent; } .int_tool-1 .tool_logo { position: relative; margin-right: 15px; } .int_tool-1 .tool_logo.img-25 { margin-right: 12px; } .int_tool-1 .tool_logo.img-50 { margin-right: 15px; } .int_tool-1 .tool_logo img { width: 45px; height: 45px; } .int_tool-1 .tool_logo.img-25 img { width: 25px; height: 25px; } .int_tool-2 img { width: 60px; height: 60px; } .int_tool-3 img { width: 65px; height: 65px; } .int_tool-4 img { width: 60px; height: 60px; } /*------------------------------------------*/ /*  INTEGRATION TOOL TEXT
/*------------------------------------------*/ .tool_txt { overflow: hidden; flex: 1; max-width: 100%; } /*------------------------------------------*/ /*  INTEGRATION TOOL TYPOGRAPHY
/*------------------------------------------*/ .tool_txt h6 { font-size: 1rem; margin-top: 2px; } .tool_txt.mt-10 h6 { margin-top: 5px; } .int_tool-1.r-0 h6 { font-size: 1.45rem; margin-top: 6px; } .int_tool-2 h6 { font-size: 1rem; line-height: 1; margin-top: 20px; } .tool_txt p { font-size: 0.9rem; margin-bottom: 0; } .int_tool-4 h6 { line-height: 1; margin-top: 26px; margin-bottom: 16px; } .int_tool-4 p { font-size: 0.9rem; margin-bottom: 0; } /*------------------------------------------*/ /*  TOOL CATEGORY
/*------------------------------------------*/ .tool_category { position: absolute; top: 25px; right: 25px; padding: 2px 14px 4px; } .tool_category span { font-size: 0.9rem; line-height: 1!important; } /*------------------------------------------*/ /*  INTEGRATION TOOL LINK
/*------------------------------------------*/ .tool_link .btn { background-color: var(--white-smoke); border-color: var(--white-smoke); display: block; width: 100%; font-size: 0.95rem; padding: 0.85rem 1.6rem; margin-top: 18px; } /*------------------------------------------*/ /*  INTEGRATION TOOL HOVER
/*------------------------------------------*/ .int_tool-2:hover { border-color: transparent; box-shadow: 0 4px 12px 0 var(--tra-black); } /*------------------------------------------*/ /*  CAROUSEL FADE
/*------------------------------------------*/ .carousel_fade { background-image: linear-gradient(90deg, rgba(244, 244, 249, 1) 40%, rgba(244, 244, 249, .18) 100%); width: 10%; height: 100%; position: absolute; inset: 0% auto 0% 0%; } .carousel_fade.is-right { background-image: linear-gradient(270deg, rgba(244, 244, 249, 1) 40%, rgba(244, 244, 249, .18) 100%); inset: 0% 0% 0% auto; } .carousel_fade.white_fade { background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, .18) 100%); } .carousel_fade.is-right.white_fade { background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, .18) 100%); } /* ==========================================================================
  20. PRICING
  =========================================================================== */ .pricing-1-wrapper { margin-top: 18px; } /*------------------------------------------*/ /*  Price Table
/*------------------------------------------*/ .pricing-1-table { background-color: var(--white); padding: 30px 35px 35px; border: 1.5px solid #e4e4e4; } .pricing-1-table.highlight { padding: 0 35px 35px; } .pricing-1-table.border--theme { border: 2px solid var(--theme-color); } .pricing-1-table.border--blue { border: 2px solid var(--blue); } .pricing-1-table.border--grass { border: 2px solid var(--grass); } .pricing-1-table.border--green { border: 2px solid var(--green); } .pricing-1-table.border--lotus { border: 2px solid var(--lotus); } .pricing-1-table.border--orchid { border: 2px solid var(--orchid); } .pricing-1-table.border--pink { border: 2px solid var(--pink); } .pricing-1-table.border--plum { border: 2px solid var(--plum); } .pricing-1-table.border--purple { border: 2px solid var(--purple); } .pricing-1-table.border--red { border: 2px solid var(--red); } .pricing-1-table.border--skyblue { border: 2px solid var(--sky-blue); } /*------------------------------------------*/ /*  PRICING HIGHLIGHT BADGE
/*------------------------------------------*/ .badge-wrapper { position: relative; top: -20px; left: 0; width: 100%; text-align: center; } .highlight-badge { display: inline-block; margin: 0 auto; padding: 11px 34px 12px; border-radius: 36px; } .highlight-badge h6 { font-size: 0.875rem; font-weight: 500; line-height: 1; letter-spacing: 0.5px; margin-bottom: 0; } /*------------------------------------------*/ /*  PRICING TABLE DISCOUNT
/*------------------------------------------*/ .pricing-discount { position: absolute; top: -2px; right: -5px; padding: 7px 13px; } .pricing-discount h6 { font-size: 0.915rem; line-height: 1!important; margin-bottom: 0!important; } /*------------------------------------------*/ /*  TABLE HEADER 
/*------------------------------------------*/ .pricing-table-header { position: relative; } .pricing-table-header h6 { font-weight: 600; margin-bottom: 20px; } /*------------------------------------------*/ /*  PRICE
/*------------------------------------------*/ .price span { font-family: var(--main-font); font-size: 3.5rem; line-height: 1; font-weight: 600; letter-spacing: -1px; } /*------------------------------------------*/ /*  DOLLAR SIGN
/*------------------------------------------*/ .price sup { font-family: var(--main-font); font-size: 2.5rem; font-weight: 600; top: -5px; right: 2px; letter-spacing: -1px; } /*------------------------------------------*/ /*  Validity
/*------------------------------------------*/ .price sup.validity { font-family: var(--main-font); font-size: 1.55rem; font-weight: 400; letter-spacing: -0.5px; top: -3px; left: 0; } /*------------------------------------------*/ /*  Text
/*------------------------------------------*/ .price p { margin-top: 15px; } /*------------------------------------------*/ /*  PRICING TABLE HORIZONTAL LINE
/*------------------------------------------*/ .pricing-1-table hr { margin-top: 22px; margin-bottom: 20px; } /*------------------------------------------*/ /*  PRICING FEATURES
/*------------------------------------------*/ .pricing-features li { padding: 10px 8px; } .pricing-features li p { line-height: 1; font-weight: 500; margin-bottom: 0; } .pricing-features.ico-10 li p span { position: relative; top: 0; right: 7px; } .pricing-features.ico--theme span { color: var(--theme-color); } .pricing-features.ico--blue span { color: var(--blue); } .pricing-features.ico--grass span { color: var(--grass); } .pricing-features.ico--green span { color: var(--green); } .pricing-features.ico--lotus span { color: var(--lotus); } .pricing-features.ico--orchid span { color: var(--orchid); } .pricing-features.ico--pink span { color: var(--pink); } .pricing-features.ico--plum span { color: var(--plum); } .pricing-features.ico--purple span { color: var(--purple); } .pricing-features.ico--red span { color: var(--red); } .pricing-features.ico--skyblue span { color: var(--sky-blue); } .pricing-features.ico-5 [class*="flaticon-"]:before, .pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } .pricing-features li.disabled-option p, .pricing-features li.disabled-option span { color: var(--silver)!important; } /*------------------------------------------*/ /*  PRICING TABLE BUTTON
/*------------------------------------------*/ .pt-btn { display: block; width: 100%; margin-top: 20px; } /*------------------------------------------*/ /*  PRICING TOGGLE BUTTON
/*------------------------------------------*/ .ext-toggle-btn { text-align: center; } .toggle-btn.inn-toggle-btn { position: absolute; } .toggle-btn.mt-35 { margin-top: 35px; } /*------------------------------------------*/ /*  TOGGLE BUTTON TYPOGRAPHY
/*------------------------------------------*/ .toggler-txt { font-size: 1rem; font-weight: 500; line-height: 36px; } /*------------------------------------------*/ /*  TOGGLE BUTTON SWITCHER
/*------------------------------------------*/ .switch-wrap { position: relative; display: inline-block; vertical-align: middle; min-width: 60px; height: 36px; margin: 0 8px; } .switcher { display: block; cursor: pointer; background-color: var(--theme-color); color: var(--white); font-size: 0.925rem; font-weight: 500; height: 36px; padding: 0 20px 0 40px; position: relative; border-radius: 36px; transition: all 450ms ease-in-out; } .theme--blue .switcher { background-color: var(--blue); } .theme--grass .switcher { background-color: var(--grass); } .theme--green .switcher { background-color: var(--green); } .theme--lotus .switcher { background-color: var(--lotus); } .theme--orchid .switcher { background-color: var(--orchid); } .theme--pink .switcher { background-color: var(--pink); } .theme--plum .switcher { background-color: var(--plum); } .theme--purple .switcher { background-color: var(--purple); } .theme--red .switcher { background-color: var(--red); } .theme--skyblue .switcher { background-color: var(--sky-blue); } .switcher .show-annual, .switcher .show-monthly { line-height: 36px; } .switcher .show-monthly { display: block; } .switcher .show-annual { display: none; } .switcher:before { position: absolute; left: 5px; bottom: 4px; content: " "; background-color: var(--white); width: 28px; height: 28px; border-radius: 50%; transition: all 450ms ease-in-out; } .switch-wrap input { display: none; } .switch-wrap input:checked + .switcher { padding: 0 40px 0 20px; } .switch-wrap input:checked + .switcher:before { left: auto; right: 4px; transition: all 350ms ease-in-out; } .switch-wrap input:checked + .switcher .show-annual { display: block; } .switch-wrap input:checked + .switcher .show-monthly { display: none; } /*------------------------------------------*/ /*  PRICING NOTICE TEXT
/*------------------------------------------*/ .pricing-notice { text-align: center; margin-top: 60px; } .pricing-notice p { padding: 0 7%; margin-bottom: 0; } .pricing-notice p span { font-weight: 600; } /*------------------------------------------*/ /*  COMPARE PRICING TABLE
/*------------------------------------------*/ .table>:not(caption)>*>* { padding: 17px 0; border: none!important; background-color: transparent!important; } .comp-table .pricing-header { max-width: 700px; } .comp-table .table thead tr, .comp-table .table tbody tr { border-bottom: 1px solid var(--silver)!important; } .comp-table .table tbody tr.table-last-tr { border-bottom: none!important; } .comp-table .table-responsive thead th { font-size: 1.0625rem; font-family: var(--main-font); font-weight: 700; } .comp-table .table-responsive tbody th { font-size: 0.95rem; font-family: var(--main-font); font-weight: 700; } .comp-table .table-responsive tbody td { position: relative; font-size: 0.95rem; line-height: inherit; top: 1px; } .comp-table .table-responsive tbody td span { position: relative; top: 1px; } .table>:not(caption)>*>* { color: var(--header-color); } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } .comp-table .disabled-option { color: var(--silver); } .comp-table .color--theme { color: var(--theme-color); } .comp-table .color--blue { color: var(--blue); } .comp-table .color--grass { color: var(--grass); } .comp-table .color--green { color: var(--green); } .comp-table .color--lotus { color: var(--lotus); } .comp-table .color--orchid { color: var(--orchid); } .comp-table .color--pink { color: var(--pink); } .comp-table .color--plum { color: var(--plum); } .comp-table .color--purple { color: var(--purple); } .comp-table .color--red { color: var(--red); } .comp-table .color--skyblue { color: var(--sky-blue); } /*------------------------------------------*/ /*  PRICING COMPARE PAYMENT
/*------------------------------------------*/ .comp-table-payment h6 { margin-bottom: 16px; } .comp-table-payment p { margin-bottom: 0; } /* ==========================================================================
  21.CHANGELOG
  =========================================================================== */ .version-release { margin-bottom: 100px; } .version-release:last-child { margin-bottom: 0; } .release-data { padding-bottom: 30px; border-bottom: 1px dashed var(--silver); margin-bottom: 30px; } span.version-data { display: block; color: var(--header-color); font-size: 1.45rem; line-height: 1; font-weight: 600; } span.version-data span { background-color: var(--black); color: var(--white); font-size: 1.325rem; padding: 5px 12px; border-radius: 8px; margin-right: 6px; } span.release-date { display: block; color: var(--text-color); font-size: 1.05rem; line-height: 1; margin-bottom: 0; } span.release-date span { color: var(--header-color); font-weight: 500; } .release-highlights h6 { margin-bottom: 16px; } .release-highlights .simple-list p { margin-bottom: 2px; } .release-highlights p b { color: var(--header-color); } .release-highlights p.fs-17 { font-weight: 500; margin: 15px 0 0; } .release-highlights p.fs-18 a { text-decoration: underline; } .release-highlights p.fs-18 a:hover { color: var(--black); } .release-preview { margin-bottom: 30px; } /* ==========================================================================
  22.DOWNLOAD
  =========================================================================== */ .download-item { display: block; text-align: center; padding: 45px 40px 35px; border: 1.5px solid transparent; } .download-item img { width: auto; max-width: inherit; max-height: 64px; margin-bottom: 25px; } .download-item h6 { line-height: 1; } .download-item p { font-size: 0.975rem; margin: 6px 0 0; } /* ==========================================================================
  23. TEAM
  =========================================================================== */ .team-member { margin-bottom: 50px; } /*------------------------------------------*/ /*  TEAM MEMBER PHOTO
/*------------------------------------------*/ .team-member-photo { position: relative; overflow: hidden; text-align: center; margin-bottom: 30px; } /*------------------------------------------*/ /*  PHOTO HOVER ZOOM
/*------------------------------------------*/ .team-member:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); } .team-member:hover .item-overlay { opacity: .45; -moz-opacity: .45; } /*------------------------------------------*/ /*  TEAM MEMBER TYPOGRAPHY
/*------------------------------------------*/ .team-member-data { padding-left: 8px; } .team-member-data h6 { margin-bottom: 10px; } .team-member-data p { font-size: 0.975rem; line-height: 1; font-weight: 400; letter-spacing: 0; margin-bottom: 0; } .team-1 .more-btn { margin-top: 20px; } /* ==========================================================================
  24. BANNER
  =========================================================================== */ .banner-1-wrapper { position: relative; overflow: hidden; text-align: center; } .banner-1-wrapper .banner-overlay { padding: 70px 50px 80px; } .banner-3-wrapper { overflow: hidden; padding: 75px 70px 90px; } .banner-4-wrapper { overflow: hidden; padding: 50px 60px 60px; border: 1.5px solid var(--smoke); } .banner-5-wrapper { overflow: hidden; padding: 80px 60px 90px; border: 1.5px solid var(--smoke); } .banner-7 { overflow: hidden; padding-top: 50px; } .banner-7-wrapper .banner-overlay { padding: 0 75px; } /*------------------------------------------*/ /*  BANNER TYPOGRAPHY
/*------------------------------------------*/ .banner-1-txt h2, .banner-3-txt h2 { line-height: 1.35; } .banner-1-txt p.fs-17, .banner-1-txt p.fs-18 { margin: 15px 0 24px; } .banner-2-txt p.fs-18, .banner-2-txt p.fs-19, .banner-2-txt p.fs-20 { margin: 24px 0 0; } .banner-3-txt p.fs-17, .banner-3-txt p.fs-18 { margin: 15px 0 30px; } .banner-5-txt p.fs-17, .banner-5-txt p.fs-18 { margin: 20px 0 0; } .banner-6-txt p.fs-17, .banner-6-txt p.fs-18 { margin-top: 20px; margin-bottom: 0!important; padding-right: 5%; } .banner-7-txt p.fs-17 { margin: 22px 0 30px; } /*------------------------------------------*/ /*  BANNER BUTTON
/*------------------------------------------*/ .banner-2-txt .btn.mt-35 { margin-top: 35px; } .banner-3-txt .btn { margin-right: 12px; } .banner-4-btn, .banner-5-btn, .banner-6-btn { position: relative; display: inline-block; margin: 0 auto; top: 10px; } .banner-4-btn p, .banner-5-btn p, .banner-6-btn p { margin: 14px 0 0; } .banner-section p.btn-txt { margin-top: 20px; margin-bottom: 0; } /*------------------------------------------*/ /*  BANNER IMAGE
/*------------------------------------------*/ .banner-7-img.right-column { margin-top: -40px; padding-left: 25px; } /* ==========================================================================
  25. FAQS
  =========================================================================== */ /*------------------------------------------*/ /*  FAQs-3 TITLE
/*------------------------------------------*/ .faq-1-title { padding-right: 40px; margin-top: 20px; } .faq-1-title p { margin-top: 20px; margin-bottom: 28px; } /*------------------------------------------*/ /*  FAQs QUESTION
/*------------------------------------------*/ .faqs-5 .question { margin-bottom: 30px; } .faqs-5-questions .left-column { padding-right: 15px; } .faqs-5-questions .right-column { padding-left: 15px; } /*------------------------------------------*/ /*  FAQs TYPOGRAPHY
/*------------------------------------------*/ .faqs-3-questions h4 { margin: 70px 0 40px 25px; } .faqs-5 .question h5 { line-height: 1.5; padding-right: 5%; margin-bottom: 15px; } .faqs-1 .accordion-item p, .faqs-3 .accordion-item p { color: var(--text-color); } /*------------------------------------------*/ /*  FAQS ACCORDION  
/*------------------------------------------*/ .faqs-3.inner-page-hero .accordion-wrapper { padding: 15px 40px; border: 1px solid transparent; } .faqs-section .accordion-item { background-color: transparent!important; border: none; border-bottom: 1px solid var(--silver); } .faqs-1.faqs-section .accordion-item { border-bottom: 1px solid var(--silver); } .faqs-section .accordion-item.acc-last-item, .faqs-1.faqs-section .accordion-item.acc-last-item { border-bottom: none; } .faqs-4 .accordion-wrapper { padding: 22px 45px; border: 1px solid transparent; } .faqs-2.faqs-section .accordion-item { padding: 0 30px; border: 1.5px solid transparent; border-radius: 14px!important; margin-bottom: 15px; } .faqs-2.faqs-section .accordion-item.acc-last-item { margin-bottom: 0; } /*------------------------------------------*/ /*  Question
/*------------------------------------------*/ .faqs-section .accordion-thumb { margin: 0; padding: 25px 0; cursor: pointer; position: relative; } .faqs-2.faqs-section .is-active .accordion-thumb { padding: 30px 0 18px; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { font-family: Flaticon; font-weight: 300; content: "\f139"; position: absolute; top: 22px; right: 0; text-align: center; background-color: var(--white-smoke); width: 34px; height: 34px; color: var(--header-color); font-size: 0.75rem; line-height: 34px; border-radius: 100%; transition: all 200ms ease-in-out; } .faqs-section .accordion-item.is-active .accordion-thumb:after { transform: rotate(45deg); } /*------------------------------------------*/ /*  Answer
/*------------------------------------------*/ .faqs-section .accordion-panel { margin: 0; padding: 0 0 15px 0; display: none; } .faqs-section .accordion-thumb h5 { line-height: 1; margin-bottom: 0; } /*------------------------------------------*/ /*  MORE QUESTIONS BUTTON
/*------------------------------------------*/ .more-questions { text-align: center; margin-top: 80px; } .faqs-5 .more-questions { margin-top: 50px; } .faqs-2 .more-questions, .faqs-4 .more-questions { margin-top: 70px; } .more-questions-holder { display: inline-block; margin: 0 auto; } .more-questions-txt { text-align: left!important; display: inline-block; float: left; } .more-questions-txt h6 { margin-bottom: 3px; } .more-questions-txt p { margin-bottom: 0; } .more-questions-btn { display: inline-block; margin-left: 30px; } /* ==========================================================================
  26. NEWSLETTER
  =========================================================================== */ .newsletter-1 .newsletter-overlay, .newsletter-4 .newsletter-overlay { padding: 70px 0; } .newsletter-2 .newsletter-overlay { padding: 80px 0 70px; } .newsletter-3 .container { padding-left: 0; padding-right: 0; } .newsletter-3 .newsletter-overlay { padding: 40px 50px; } /*------------------------------------------*/ /*  NEWSLETTER TYPOGRAPHY
/*------------------------------------------*/ .newsletter-txt h2 { margin-bottom: 35px; } .newsletter-txt h4, .newsletter-txt h3, .newsletter-txt p.fs-15 { margin-bottom: 0; } .newsletter-txt a { font-weight: 500; text-decoration: underline; } .newsletter-2 .newsletter-txt p, .newsletter-4 .newsletter-txt p { padding: 0 10%; } /*------------------------------------------*/ /*  NEWSLETTER FORM
/*------------------------------------------*/ .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { margin-top: 30px; padding-left: 10%; } .newsletter-2 .newsletter-form, .newsletter-4 .newsletter-form { padding: 0 5%; margin-top: 40px; } /*------------------------------------------*/ /*  Newsletter Form Input
/*------------------------------------------*/ .newsletter-section .form-control { height: 58px; background-color: var(--white); border: 1.5px solid var(--silver); font-size: 1rem; color: #353f4f; font-weight: 400; padding: 0 15px; margin-right: 12px; box-shadow: none; border-radius: 6px; transition: all 400ms ease-in-out; } .newsletter-2.newsletter-section .form-control { border: none; } .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } /*------------------------------------------*/ /*  Newsletter Form Input Focus
/*------------------------------------------*/ .newsletter-section .form-control:focus { background-color: var(--white); border-color: var(--blue); outline: 0; box-shadow: none; } .newsletter-section .form-blue-focus .form-control:focus { border-color: var(--blue); } .newsletter-section .form-green-focus .form-control:focus { border-color: var(--green); } .newsletter-section .form-purple-focus .form-control:focus { border-color: var(--purple); } .newsletter-section .form-skyblue-focus .form-control:focus { border-color: var(--skyblue); } /*------------------------------------------*/ /*  Newsletter Form Input Placeholder
/*------------------------------------------*/ .newsletter-section .form-control::-moz-placeholder { color: var(--text-color); } .newsletter-section .form-control:-ms-input-placeholder { color: var(--text-color); } .newsletter-section .form-control::-webkit-input-placeholder { color: var(--text-color); } /*------------------------------------------*/ /*  Newsletter Form Button
/*------------------------------------------*/ .newsletter-section .btn { display: block; width: 100%!important; height: 58px; font-size: 0.925rem; padding: 0.7rem 1.3rem; } .newsletter-2.newsletter-section .btn { font-size: 0.975rem; padding: 0.7rem 1.5rem; } /*------------------------------------------*/ /*  Newsletter Form Notification
/*------------------------------------------*/ .newsletter-section .form-notification { color: #3eb1ff; font-size: 0.9rem; font-weight: 400; line-height: 1; margin-top: 15px; margin-left: 5px; } .newsletter-section .text-center .form-notification { margin-left: 0; } .newsletter-section .form-notification.valid, .newsletter-section .form-notification.error { color: #fc2f4b; } .newsletter-section .newsletter-form.valid { color: #0fbc49; } /* ==========================================================================
  27. BLOG LISTING
  =========================================================================== */ #bp-2-1 { padding-right: 10px; } #bp-2-2 { padding-left: 10px; } /*------------------------------------------*/ /*  BLOG POST
/*------------------------------------------*/ #blog-page .blog-post { background-color: var(--white); padding: 20px 20px 30px; margin-bottom: 30px; border: 1.5px solid transparent; } .blog-3-wrapper .blog-post { padding: 40px 26px 30px; border: 1.5px solid transparent; } /*------------------------------------------*/ /*  BLOG POST TEXT
/*------------------------------------------*/ .blog-post-txt { position: relative; margin-top: 30px; } #blog-page .blog-post-txt { padding: 0 13px; } .blog-3-wrapper .blog-post-txt { position: relative; margin-top: 0; margin-bottom: 35px; } /*------------------------------------------*/ /*  BLOG POST TYPOGRAPHY
/*------------------------------------------*/ .blog-1 h3, .blog-2 h3 { margin-bottom: 50px; } .blog-post-txt h5 { line-height: 1.4; margin-bottom: 14px; } .blog-post-txt p.post-comments { line-height: 1; margin-top: 20px; margin-bottom: 0; } .bp-txt-icons { position: absolute; right: 15px; bottom: -12px; } .bp-txt-icons .share-social-icons a.share-ico span { margin-left: 12px; } #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:before, #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.1875rem; } .post-badge { display: inline-block; padding: 7px 15px 9px; font-size: 0.9rem; line-height: 1; font-weight: 500; } .blog-3-wrapper .post-author { line-height: 1; } .blog-3-wrapper .post-author span { color: var(--header-color); font-weight: 600; } /*------------------------------------------*/ /*  POST META LIST
/*------------------------------------------*/ .blog-3-wrapper .post-meta { margin-top: 30px; margin-bottom: 5px; } .post-meta-list { margin-bottom: 5px; } .post-meta-list li { width: auto!important; display: inline-block!important; vertical-align: top; clear: none!important; margin-left: -5px; } .post-meta-list li:first-child { margin-left: 0; } .post-meta-list li:not(:last-child):after { font-family: Flaticon; font-size: 1.15rem; line-height: 0.5rem!important; content: "\f160"; position: relative; top: -2.5px; } .post-meta-list li p { float: left; line-height: 1; margin: 0!important; } /*------------------------------------------*/ /*  BLOG POST IMAGE
/*------------------------------------------*/ .blog-post-img { overflow: hidden; } /* ==========================================================================
  28. SINGLE BLOG POST
  =========================================================================== */ /*------------------------------------------*/ /*  POST TITLE
/*------------------------------------------*/ .single-post-title { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid var(--silver); } .single-post-title h2 { margin-bottom: 45px; } /*------------------------------------------*/ /*  BLOG POST DATA
/*------------------------------------------*/ .blog-post-data { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; } .author-avatar { margin-right: 20px; } .author-avatar img { width: 60px; height: 60px; border-radius: 100%; } .post-meta { position: relative; overflow: hidden; flex: 1; max-width: 100%; margin-top: 6px; } .post-meta h6 { font-weight: 600; line-height: 1; margin-bottom: 11px; } .post-meta h6 span { margin-left: 8px; } .post-meta h6 span a { color: var(--blue); } .post-meta h6 span a:hover { color: var(--header-color); } .post-meta p { line-height: 1; margin-bottom: 0; } .post-meta p span { color: var(--header-color); font-weight: 600; } /*------------------------------------------*/ /*  BLOG POST SHARE ICONS
/*-----------------------------------------*/ .post-title-icons { position: absolute; bottom: 55px; right: 5px; } .share-social-icons { display: inline-block; padding-left: 0; margin-top: 5px; } .share-social-icons li { width: auto !important; display: inline-block!important; vertical-align: top; clear: none !important; padding: 0; } .share-social-icons a.share-ico span { color: var(--text-color); margin-left: 18px; transition: all 450ms ease-in-out; } .share-social-icons a.share-ico span:hover { color: var(--header-color); } .post-title-icons .ico-20 [class*="flaticon-"]:before, .post-title-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.45rem; } /*------------------------------------------*/ /*  BLOG POST TYPOGRAPHY
/*------------------------------------------*/ .single-post-txt h6 { margin-bottom: 18px; } .single-post-txt h5.fs-24 { margin-top: 30px; margin-bottom: 30px; } .single-post-txt h5.fs-22 { line-height: 1.5; margin-top: 30px; margin-bottom: 30px; } .single-post-txt h5 span { display: block; } .single-post-txt p span { color: var(--header-color); font-weight: 600; } .single-post-txt p a { font-weight: 600; text-decoration: underline; } .single-post-txt p a.color--theme:hover { color: var(--header-color)!important; } .single-post-txt p a.color--header:hover { color: var(--theme-color)!important; } /*------------------------------------------*/ /*  BLOG POST IMAGE
/*------------------------------------------*/ .post-inner-img { text-align: center; margin-top: 50px; margin-bottom: 50px; } /*------------------------------------------*/ /*  BLOG POST TAGS 
/*------------------------------------------*/ .post-tags-list { margin-top: 80px; } .post-tags-list span a { color: var(--text-color); font-size: 0.95rem; font-weight: 400; background-color: var(--white-smoke); border: 1.5px solid transparent; padding: 8px 20px; margin-right: 6px; border-radius: 6px; transition: all 450ms ease-in-out; } .post-tags-list span a:hover { background-color: transparent; border-color: var(--silver); } /*------------------------------------------*/ /*  BLOG POST SHARE ICONS
/*-----------------------------------------*/ .post-share-list { margin-top: 40px; padding-bottom: 50px; border-bottom: 1px solid var(--silver); } .post-share-list .share-social-icons a.share-ico span { margin-left: 0; margin-right: 22px; } /*------------------------------------------*/ /*  BLOG POST AUTHOR INFO
/*------------------------------------------*/ .author-info { display: flex; position: relative; flex-flow: row wrap; align-items: stretch!important; justify-content: flex-start; margin-top: 80px; padding: 40px; } .author-info-avatar { position: relative; margin-right: 30px; } .author-info-avatar img { width: 80px; height: 80px; border-radius: 100%; } .author-info-txt { overflow: hidden; flex: 1; max-width: 100%; } .author-info-txt h5 { margin-bottom: 8px; } .author-info-txt h5 span { display: inline-block; font-weight: 500; } .author-info-txt p a { text-decoration: underline; } .author-follow-btn { position: absolute; top: 50px; right: 50px; } .author-follow-btn .btn { font-size: 0.9rem; padding: 0.6rem 1.1rem; } /*------------------------------------------*/ /*  POST COMMENTS
/*------------------------------------------*/ #post-comments { padding-top: 80px; padding-bottom: 70px; border-bottom: 1px solid var(--silver); } #post-comments h5 { margin-bottom: 60px; } #post-comments hr { margin-top: 24px; margin-bottom: 40px; } #post-comments img { width: 60px; height: 60px; border-radius: 100%; } .comment-body { margin-left: 25px; } .comment-meta { margin-bottom: 10px; } .comment-meta h6 { line-height: 1; margin-bottom: 4px; } .comment-date { font-size: 0.95rem; font-weight: 400; margin-bottom: 5px; } /*------------------------------------------*/ /*  Comment Reply 
/*------------------------------------------*/ .btn-reply { margin-left: 3px; } .btn-reply a { font-size: 0.935rem; font-weight: 400; } .btn-reply span { position: relative; top: 3px; margin-right: 4px; left: 3px; } .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.925rem; } .btn-reply a:hover { color: var(--black); } /*------------------------------------------*/ /*  SINGLE POST COMMENT FORM
/*------------------------------------------*/ #leave-comment { margin-top: 80px; } #leave-comment h5 { margin-bottom: 10px; } #leave-comment p span { color: #ff3366; } .comment-form { position: relative; margin-top: 50px; } .comment-form p { position: relative; color: var(--header-color); line-height: 1; font-weight: 500; margin-bottom: 15px; padding-left: 8px; display: block; } .comment-form p span { position: relative; color: #ff3366; top: -3px; } .comment-form .form-control { height: 62px; background-color: var(--white); border: 1.5px solid var(--silver); box-shadow: 0 0 0 0; color: var(--text-color); font-size: 1rem; line-height: 1; font-weight: 400; padding: 0 20px; margin-bottom: 30px; border-radius: 6px; transition: all 300ms ease-in-out; } .comment-form textarea { min-height: 200px; } .comment-form textarea.form-control { padding: 25px 20px; } /*------------------------------------------*/ /*  Form Input Placeholder
/*------------------------------------------*/ .comment-form .form-control::-moz-placeholder { color: var(--text-color); } .comment-form .form-control:-ms-input-placeholder { color: var(--text-color); } .comment-form .form-control::-webkit-input-placeholder { color: var(--text-color); } /*------------------------------------------*/ /*  Comment Form Input Focus
/*------------------------------------------*/ .comment-form .form-control:focus { outline: 0px none; box-shadow: none; background-color: var(--white); border-color: var(--blue); } /*------------------------------------------*/ /*  Comment Form Button
/*------------------------------------------*/ .comment-form .btn { margin-top: 5px; } .comment-form .btn:focus { outline: 0px none; box-shadow: none; } /*------------------------------------------*/ /*  Comment Form Message
/*------------------------------------------*/ .comment-form-msg { width: 100%!important; display: block; margin-top: 15px; padding-left: 0; } .comment-form .loading { color: #00b2e4; font-size: 1.0625rem; line-height: 1; font-weight: 500; } .comment-form .error { color: #e74c3c; font-size: 0.85rem; line-height: 1; font-weight: 400; margin-bottom: 10px; padding-left: 10px; } /* ==========================================================================
  29. CONTACTS
  =========================================================================== */ .contacts-1 { background-image: url(../images/hero-19.jpg); } .theme--dark .contacts-1 { background-image: url(../images/contact-dark.jpg); } /*------------------------------------------*/ /*  CONTACT INFO
/*------------------------------------------*/ .contacts-info p { padding-right: 8%; margin: 25px 0 0; } .contacts-info h6 { margin: 35px 0 20px; } .contacts-info-socials li { width: auto!important; display: inline-block!important; vertical-align: top; clear: none !important; padding-right: 14px; } .contacts-info-socials li span { position: relative; top: 4px; opacity: .6; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .contacts-info-socials li span:hover { opacity: 1; } /*------------------------------------------*/ /*  CONTACT BOX
/*------------------------------------------*/ .contact-box { margin-bottom: 30px; } .contact-box p { color: var(--gray); padding-right: 2%; margin: 18px 0 0; } .contact-box span { position: relative; top: 1.5px; left: 1px; } /*------------------------------------------*/ /*  CONTACT FORM INPUT
/*------------------------------------------*/ .contact-form .form-control, .contact-form .form-select { height: 60px; background-color: var(--white); border: 1.5px solid var(--silver); box-shadow: 0 0 0 0; color: var(--coal); font-size: 1rem; line-height: 1; font-weight: 400; padding: 0 20px; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .contact-form .form-select { display: inline-block; width: 100%; color: var(--light-gray); box-shadow: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /*------------------------------------------*/ /*  Contact Form Textarea
/*------------------------------------------*/ .contact-form textarea { min-height: 220px; } .contact-form textarea.form-control { padding: 20px 15px; } /*------------------------------------------*/ /*  Contact Form Button
/*------------------------------------------*/ .contact-form .form-btn { margin-top: 15px; } /*------------------------------------------*/ /*  Contact Form Placeholder
/*------------------------------------------*/ .contact-form .form-control::-moz-placeholder { color: var(--light-gray); } .contact-form .form-control:-ms-input-placeholder { color: var(--light-gray); } .contact-form .form-control::-webkit-input-placeholder { color: var(--light-gray); } /*------------------------------------------*/ /*  Contact Form Input Focus
/*------------------------------------------*/ .contact-form .form-control:focus, .contact-form .form-select:focus { outline: 0px none; box-shadow: none; background-color: var(--white); border-color: var(--blue); } /*------------------------------------------*/ /*  Contact Form Message
/*------------------------------------------*/ .contact-form-msg { width: 100%!important; display: block; margin-top: 20px; padding-left: 0; } .contact-form .loading { color: #00b2e4; font-size: 1.0625rem; line-height: 1; font-weight: 500; padding-left: 15px; } .contact-form .error { color: #e74c3c; font-size: 0.85rem; line-height: 1; font-weight: 400; margin-bottom: 10px; padding-left: 10px; } /* ==========================================================================
  30. FOOTER
  =========================================================================== */ .footer { padding-bottom: 50px; } .footer-info, .footer-links { margin-bottom: 40px; } .footer-1 .footer-links { padding-left: 5%; } .footer-1 .fl-1, .footer-1 .fl-3, .footer-1 .fl-4 { padding-left: 8%; } .footer-2 .fl-1 { padding-left: 12%; } .footer-4 .fl-1 { padding-left: 10%; } /*------------------------------------------*/ /*  FOOTER LINKS MOBILE
/*------------------------------------------*/ .footer .footer-heading.m-title { display: none; position: relative; } .footer .footer-heading.m-title:after { font-family: Flaticon; font-weight: 300; content: "\f143"; position: absolute; font-size: 0.9rem; top: 5px; right: 5px; } .footer .footer-heading.m-title.expanded:after { content: "\f142"; } /*------------------------------------------*/ /*  FOOTER LOGO
/*------------------------------------------*/ img.footer-logo { width: auto; max-width: inherit; max-height: 33px; margin-bottom: 25px; } .footer-copyright-logo { position: relative; display: inline-block; float: left; top: -4px; } .footer-copyright-logo img.footer-logo { position: relative; top: 1.5px; max-height: 28px; margin-bottom: 0; } /*------------------------------------------*/ /*  BANNER QR CODE
/*------------------------------------------*/ .footer-qr-code { max-width: 100px; text-align: center; background: var(--snow); padding: 9px; margin-top: 5px; } /*------------------------------------------*/ /*  FOOTER TYPOGRAPHY
/*------------------------------------------*/ .footer .footer-heading { font-size: 1.0815rem; line-height: 1; margin-bottom: 25px; } .footer .footer-heading.alt-font { font-size: 1.135rem; letter-spacing: -0.35px; } .footer a { color: var(--text-color); } .footer.bg--coal .footer-heading, .footer.bg--grape .footer-heading { color: var(--white); } .footer.bg--coal a, .footer.bg--grape a, .footer.bg--coal li a, .footer.bg--grape li a, .footer.bg--coal p, .footer.bg--grape p { color: var(--dark-gray)!important; } .footer.bg--coal a:hover, .footer.bg--grape a:hover, .footer.bg--coal li a:hover, .footer.bg--grape li a:hover { color: var(--white)!important; } .footer.bg--coal hr, .footer.bg--grape hr { border-color: var(--dark-gray); } /*------------------------------------------*/ /*  FOOTER LINKS
/*------------------------------------------*/ .footer-6 .footer-links { margin-bottom: 20px; } .foo-links li { width: auto!important; display: block!important; vertical-align: top; clear: none !important; margin: 0; padding: 0; } .footer-6 .foo-links li { display: inline-block!important; padding: 0 20px; } .foo-links.ico-10 li span { position: relative; top: 1.5px; right: 4px; } .foo-links li p { font-weight: 400; margin-bottom: 10px; } .foo-links li:last-child p { margin-bottom: 0; } /*------------------------------------------*/ /*  FOOTER SOCIAL
/*------------------------------------------*/ .footer-socials { margin: 0; display: inline-block; } .footer-socials li { float: left; width: auto!important; display: inline-block!important; vertical-align: top; clear: none!important; margin: 0; } .footer-socials a { display: block; margin-right: 15px; } .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 16px; } .footer-socials li span { opacity: .7; transition: all 400ms ease-in-out; } .footer-socials li span:hover { opacity: 1; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } /*------------------------------------------*/ /*  FOOTER NEWSLETTER FORM
/*------------------------------------------*/ .footer-form { margin-bottom: 20px; } .footer .newsletter-form { margin-top: 25px; } .footer-form .newsletter-form .input-group { background-color: var(--form-control); border: 1.5px solid var(--smoke); padding: 9px 2px; transition: all 400ms ease-in-out; } .footer-form .form-control { height: 32px; background-color: transparent; border: none; color: var(--black); font-size: 1rem; font-weight: 400; padding: 0 10px; box-shadow: none; } .bg--coal .newsletter-form .input-group, .bg--grape .newsletter-form .input-group { background-color: var(--white); } /*------------------------------------------*/ /*  Newsletter Form Input Focus
/*------------------------------------------*/ .footer-form .newsletter-form .input-group:focus-within { background-color: var(--white)!important; border-color: var(--blue)!important; } .footer-form .newsletter-form .input-group.input-group-blue:focus-within { border-color: var(--blue)!important; } .footer-form .newsletter-form .input-group.input-group-green:focus-within { border-color: var(--green)!important; } .footer-form .newsletter-form .input-group.input-group-pink:focus-within { border-color: var(--pink)!important; } .footer-form .newsletter-form .input-group.input-group-plum:focus-within { border-color: var(--plum)!important; } .footer-form .newsletter-form .input-group.input-group-purple:focus-within { border-color: var(--purple)!important; } .footer-form .newsletter-form .input-group.input-group-skyblue:focus-within { border-color: var(--sky-blue)!important; } .footer-form .form-control:focus { border: none; border-right: none; outline: 0; box-shadow: none; } /*------------------------------------------*/ /*  Footer Form Placeholder
/*------------------------------------------*/ .footer-form .form-control::-moz-placeholder { color: var(--text-color); } .footer-form .form-control:-ms-input-placeholder { color: var(--text-color); } .footer-form .form-control::-webkit-input-placeholder { color: var(--text-color); } /*------------------------------------------*/ /*  Newsletter Form Button
/*------------------------------------------*/ .footer-form .btn { color: var(--blue); height: 32px; padding: 0 10px; } .footer-form .input-group-blue .btn { color: var(--blue); } .footer-form .input-group-green .btn { color: var(--green); } .footer-form .input-group-pink .btn { color: var(--pink); } .footer-form .input-group-plum .btn { color: var(--plum); } .footer-form .input-group-purple .btn { color: var(--purple); } .footer-form .input-group-skyblue .btn { color: var(--sky-blue); } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; } /*------------------------------------------*/ /*  Footer Form Notification
/*------------------------------------------*/ .footer-form .form-notification { color: #1680fb; font-size: 0.85rem; line-height: 1.25; font-weight: 400; margin-top: 12px; margin-left: 5px; } .footer-form .form-notification.error { color: #fc2f4b; } .footer-form .form-notification.valid { color: #48af4b; } /*------------------------------------------*/ /*  BOTTOM FOOTER
/*------------------------------------------*/ .footer hr { margin-top: 30px; margin-bottom: 50px; } /*------------------------------------------*/ /*  BOTTOM FOOTER COPYRIGHT
/*------------------------------------------*/ .footer-copyright p { margin-bottom: 0; } .footer-copyright.copyright-logo p { display: inline-block; line-height: 28px; margin-left: 15px; } /*------------------------------------------*/ /*  BOTTOM FOOTER SECONDARY LINK
/*------------------------------------------*/ .bottom-secondary-link p { margin-bottom: 0; } .bottom-secondary-link p span { position: relative; top: 1.5px; padding: 0 2px; } .bottom-secondary-link.ico-15 [class*="flaticon-"]:before, .bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } /*------------------------------------------*/ /*  BOTTOM FOOTER LINKS
/*------------------------------------------*/ .bottom-footer-list { position: relative; top: 6px; } .bottom-footer-list li, .bottom-footer-socials li { width: auto!important; display: inline-block!important; vertical-align: top; clear: none !important; } .bottom-footer-list li { margin-left: -5px; } .bottom-footer-list li:first-child { margin-left: 0; } .bottom-footer-socials li { padding-left: 12px; } .bottom-footer-list li:not(:last-child):after { font-family: Flaticon; font-size: 1.15rem; /* 18.4rem */ line-height: 0.5rem!important; content: "\f160"; position: relative; top: -1.5px; } .bottom-footer-list li p { float: left; line-height: 1; margin-bottom: 0; } .bottom-footer-socials li span { position: relative; top: 4px; opacity: .7; transition: all 400ms ease-in-out; } .bottom-footer-socials li span:hover { opacity: 1; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; } .bottom-footer-socials.ico-25 [class*="flaticon-"]:before, .bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } .footer-social-panel { margin: 10px 0 16px; } .footer-social-panel .footer-social-heading { color: #160638; font-weight: 700; } .footer-social-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; } .footer-social-links a { display: inline-flex; width: 44px; height: 44px; padding: 0 !important; align-items: center; justify-content: center; line-height: 1; border-radius: 10px; color: #fff; font-size: 0; flex: 0 0 44px; box-shadow: 0 5px 14px rgba(22, 6, 56, .12); transition: transform .2s ease, box-shadow .2s ease; } .footer-social-links a:hover, .footer-social-links a:focus-visible { color: #fff; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(22, 6, 56, .2); } .footer-social-links span { line-height: 1; display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; color: #fff; opacity: 1; } .footer-social-links [class*="flaticon-"]:before, .footer-social-links [class*="flaticon-"]:after { font-size: 19px !important; line-height: 1 !important; color: #fff !important; opacity: 1 !important; } .footer-social-links svg { display: block; width: 19px !important; height: 19px !important; max-width: 19px; max-height: 19px; } .footer-social-facebook { background: #1877f2; } .footer-social-instagram { background: #d62976; } .footer-social-youtube { background: #f00; } .footer-social-tiktok { background: #111; } /* ==========================================================================
  31. INNER PAGE WRAPPER
  =========================================================================== */ .inner-page-hero { padding-top: 190px; } .page-hero-section { position: relative; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: scroll!important; padding-top: 180px; padding-bottom: 100px; } /*------------------------------------------*/ /*  INNER PAGE TITLE
/*------------------------------------------*/ .inner-page-title { padding-bottom: 70px; margin-bottom: 70px; border-bottom: 1px solid var(--silver); } .inner-page-title p { line-height: 1; margin-top: 25px; margin-bottom: 0; } .inner-page-title p span { color: var(--header-color); font-weight: 600; } .page-hero-section p { margin-top: 16px; margin-bottom: 0; } /* ==========================================================================
  32. PAGE PAGINATION
  =========================================================================== */ .page-link { color: var(--text-color); font-size: 1.1rem; font-weight: 500; padding: 2px 15px; margin: 0 8px; background-color: transparent; border: 2px solid transparent; border-radius: 6px; transition: all 400ms ease-in-out; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } .page-item:first-child .page-link { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .page-item:last-child .page-link { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .page-item.disabled .page-link { color: var(--text-color); background-color: transparent; border-color: transparent; } .page-link:hover { color: var(--text-color); background-color: transparent; border-color: var(--text-color); } .active .page-link:hover { color: var(--white); background-color: var(--theme-color); border-color: var(--theme-color); } .page-link:focus { color: var(--text-color); background-color: transparent; border-color: transparent; box-shadow: 0 0; } .page-item.active .page-link { color: var(--white)!important; } .page-item.active .page-link { background-color: var(--theme-color); border-color: var(--theme-color); } .theme--blue .page-item.active .page-link { background-color: var(--blue); border-color: var(--blue); } .theme--black .page-item.active .page-link { background-color: var(--black); border-color: var(--black); } .theme--grass .page-item.active .page-link { background-color: var(--grass); border-color: var(--grass); } .theme--green .page-item.active .page-link { background-color: var(--green); border-color: var(--green); } .theme--orchid .page-item.active .page-link { background-color: var(--orchid); border-color: var(--orchid); } .theme--pink .page-item.active .page-link { background-color: var(--pink); border-color: var(--pink); } .theme--plum .page-item.active .page-link { background-color: var(--plum); border-color: var(--plum); } .theme--purple .page-item.active .page-link { background-color: var(--purple); border-color: var(--purple); } .theme--skyblue .page-item.active .page-link { background-color: var(--skyblue); border-color: var(--skyblue); } /* ==========================================================================
  33. TERMS, PRIVACY, COOKIES PAGES
  =========================================================================== */ /*------------------------------------------*/ /*  TERMS PAGE TYPOGRAPHY
/*------------------------------------------*/ .txt-block.legal-info h5 { margin: 50px 0 25px; } .txt-block.legal-info h6 { margin: 25px 0; } .txt-block.legal-info h6 span, .txt-block.legal-info h5 span { margin-right: 4px; } .legal-info p span { color: var(--header-color); font-weight: 700; } .legal-info a { font-weight: 600; text-decoration: underline; } .legal-info a:hover { color: var(--header-color); } /* ==========================================================================
  34. SIGN-IN / SIGN-UP PAGE
  =========================================================================== */ .register-page { position: relative; width: 100%; min-height: 100vh; z-index: 3; background: url(../images/register-page.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .theme--dark .register-page { background: url(../images/register-page-dark.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } /*------------------------------------------*/ /*  REGISTER PAGE LOGO
/*------------------------------------------*/ .register-page-logo { position: fixed; padding-top: 30px; } .register-page-logo img { width: auto; max-width: inherit; max-height: 30px; } /*------------------------------------------*/ /*  REGISTER PAGE FORM
/*------------------------------------------*/ .register-page-form { padding: 140px 20px; } .reset-page-wrapper { padding: 180px 20px 140px; } /*------------------------------------------*/ /*  REGISTER PAGE TITLE
/*------------------------------------------*/ .register-form-title { text-align: center; margin-bottom: 30px; } .register-form-title p { margin-top: 15px; margin-bottom: 0; } /*------------------------------------------*/ /*  RESET PASSWORD PAGE TITLE
/*------------------------------------------*/ .reset-form-title { text-align: center; margin-bottom: 25px; } .reset-form-title p { margin-top: 20px; margin-bottom: 0; } /*------------------------------------------*/ /*  REGISTER PAGE TYPOGRAPHY
/*------------------------------------------*/ .reset-password-link p { position: relative; font-size: 0.95rem; line-height: 1; margin-bottom: 30px; } .reset-password-link p a { color: var(--blue); text-decoration: underline; } .form-data span { display: block; font-size: 0.85rem; margin-bottom: 0; } .reset-password-form .form-data p { margin-top: 22px; margin-bottom: 12px; } .reset-password-form .form-data p a { color: var(--blue); } .form-data p a, .form-data span a { color: var(--header-color); font-weight: 600; text-decoration: underline; } .register-page-form p.create-account { font-size: 0.95rem; line-height: 1; margin-top: 25px; margin-bottom: 0; } .register-page-form p.create-account a { color: var(--blue); font-weight: 600; text-decoration: underline; } .reset-password-link p a:hover, .reset-password-form .form-data p a:hover, .register-page-form p.create-account a:hover { color: var(--header-color); } /*------------------------------------------*/ /*  REGISTER PAGE SEPARATOR LINE
/*------------------------------------------*/ .separator-line { display: flex; width: 100%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; font-family: var(--main-font); font-size: 0.95rem; font-weight: 500; margin: 25px 0; } .separator-line::before, .separator-line::after { content: ""; border-top: 1.5px solid rgba(5, 5, 5, .18); margin: 0 15px 0 0; flex: 1 0 20px; } .separator-line::after { margin: 0 0 0 15px; } /*------------------------------------------*/ /*  REGISTER PAGE FORM INPUT
/*------------------------------------------*/ .reset-page-wrapper .form-control, .register-page-form .form-control { height: 58px; background-color: var(--white); border: 1.5px solid #d2d2d2; color: var(--header-color); font-size: 1rem; line-height: 1; font-weight: 400; margin-bottom: 25px; padding: 5px 18px; border-radius: 8px; transition: all 300ms ease-in-out; } .reset-page-wrapper .form-control { text-align: center; margin-bottom: 20px; } .register-page-form .form-control::-moz-placeholder { color: var(--text-color); } .register-page-form .form-control:-ms-input-placeholder { color: var(--text-color); } .register-page-form .form-control::-webkit-input-placeholder { color: var(--text-color); } .reset-page-wrapper .form-control::-moz-placeholder { color: var(--text-color); } .reset-page-wrapper .form-control:-ms-input-placeholder { color: var(--text-color); } .reset-page-wrapper .form-control::-webkit-input-placeholder { color: var(--text-color); } /*------------------------------------------*/ /*  REGISTER PAGE FORM FOCUS
/*------------------------------------------*/ .reset-page-wrapper .form-control:focus, .register-page-form .form-control:focus { border-color: var(--blue); outline: 0px none; box-shadow: none; } /*------------------------------------------*/ /*  REGISTER PAGE FORM BUTTON
/*------------------------------------------*/ #login .register-page-form .btn.submit, #signup .register-page-form .btn.submit { width: 100%; height: 58px; font-size: 0.975rem; margin-top: 0; } #signup .register-page-form .btn.submit { margin-top: 25px; } .reset-page-wrapper .btn.submit { width: 100%; height: 58px; font-size: 0.975rem; } .btn-register { width: 100%; color: var(--header-color); font-size: 0.95rem; padding: 0.6rem 1.6rem; background-color: var(--white); border: 1px solid var(--silver); transition: all 300ms ease-in-out; } .btn-register.btn-facebook { color: var(--white); background-color: #1a76d2; border-color: #1a76d2; } .btn-register img { position: relative; width: 20px; height: 20px; top: 0; right: 5px; } .btn-register span { position: relative; top: 2px; } .btn-register:hover { background-color: var(--white); border: 1px solid var(--header-color); } .btn-register.btn-facebook:hover { background-color: #186cbf; border-color: #186cbf; } /*------------------------------------------*/ /*  REGISTER PAGE FORM MESSAGE
/*------------------------------------------*/ .reset-form-msg { text-align: center; width: 100%!important; display: block; } .reset-password-form .loading { color: #00b2e4; font-size: 1.0625rem; line-height: 1; font-weight: 500; padding-left: 15px; } .reset-password-form .error { position: relative; color: #e74c3c; font-size: 0.85rem; line-height: 1; font-weight: 400; top: -10px; margin-bottom: 12px; padding-left: 10px; } /*------------------------------------------*/ /*  FORM HIDE PASSWORD
/*------------------------------------------*/ .wrap-input { position: relative; } .btn-show-pass { color: var(--light-gray); align-items: center; position: absolute; height: 100%; top: 17px; right: 20px; cursor: pointer; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .btn-show-pass.ico-20 [class^="flaticon-"]:before, .btn-show-pass.ico-20 [class^="flaticon-"]:after { font-size: 1.125rem; } .btn-show-pass:hover { color: var(--theme-color); } .eye-pass.flaticon-invisible { color: var(--text-color); } /* ==========================================================================
  35. PAGE 404
  =========================================================================== */ #page-404 { background-image: url(../images/error-page.jpg); } .page-error { padding: 170px 0 100px; } .page-error h5 { line-height: 1.6; font-weight: 400; margin: 18px 4% 35px; } .page-error-img { margin: 0 30px 40px; } /* ==========================================================================
  36. MODAL
  ========================================================================== */ .modal-dialog { max-width: 700px; } .modal-dialog.modal-xl { max-width: 750px; } .modal-body { padding: 0!important; } #modal-1 .modal-content { background-color: #f4f4f9; } #modal-1 .modal-body-content { padding: 30px 35px 0 0; } #modal-2 .modal-body-content { padding: 0 24px 0 10px; } /*------------------------------------------*/ /*  MODAL WINDOW TYPOGRAPHY
/*------------------------------------------*/ .modal-body-content p { margin-top: 16px; margin-bottom: 22px; } /*------------------------------------------*/ /*  MODAL WINDOW IMAGE
/*------------------------------------------*/ .modal-1-img { position: relative; text-align: center; margin-top: -40px; padding-left: 10px; } .modal-2-img { position: relative; text-align: center; margin-left: -15px; } .modal-logo { position: absolute; left: 25px; bottom: 30px; width: auto; max-width: inherit; max-height: 26px; } /*------------------------------------------*/ /*  MODAL WINDOW CLOSE BUTTON
/*------------------------------------------*/ .modal .btn-close { position: absolute; z-index: 1; right: 15px!important; top: 15px!important; height: 1.5rem; width: 1.5rem; background: rgba(14, 14, 14, .1)!important; border-radius: 50%; padding: 0; opacity: .9; z-index: 9999; } .modal .btn-close.bg--white { background: rgba(255, 255, 255, .8)!important; } .btn-close span { position: relative; line-height: 24px!important; top: -2px; } .modal .btn-close [class^="flaticon-"]:before, .modal .btn-close [class^="flaticon-"]:after { font-size: 0.6rem; } .modal .btn-close:focus { outline: none!important; box-shadow: none!important; text-decoration: none!important; } /*------------------------------------------*/ /*  MODAL WINDOW NEWSLETTER FORM
/*------------------------------------------*/ .modal .newsletter-form .form-control { text-align: center; height: 56px; background-color: #fff; border: 1.5px solid var(--silver); font-size: 0.975rem; color: #666; font-weight: 400; padding: 0 15px; margin-bottom: 20px; box-shadow: none; border-radius: 8px; transition: all 400ms ease-in-out; } .modal .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } /*------------------------------------------*/ /*  Form Input Focus
/*------------------------------------------*/ .modal .newsletter-form .form-control:focus { background-color: var(--white); border-color: var(--blue); outline: 0; box-shadow: none; } .modal .newsletter-form.mnf-pink .form-control:focus { border-color: var(--pink); } .modal .newsletter-form.mnf-plum .form-control:focus { border-color: var(--plum); } .modal .newsletter-form.mnf-purple .form-control:focus { border-color: var(--purple); } .modal .newsletter-form.mnf-skyblue .form-control:focus { border-color: var(--sky-blue); } /*------------------------------------------*/ /*  Form Input Placeholder
/*------------------------------------------*/ .modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } .modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } .modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } /*------------------------------------------*/ /*  Form Button
/*------------------------------------------*/ .modal .input-group-btn { display: block; width: 100%!important; } .modal .newsletter-form .btn { display: block; width: 100%!important; font-size: 0.95rem; height: 56px; margin: 0; } /*------------------------------------------*/ /*  Form Notification
/*------------------------------------------*/ .modal .form-notification { text-align: center; color: #1680fb; font-size: 0.85rem; font-weight: 400; line-height: 1; margin-top: 12px; } .modal .form-notification.valid, .modal .form-notification.error { color: #fc2f4b; } .modal .form-notification.valid { color: #0fbc49; } /*------------------------------------------*/ /*  MODAL WINDOW REQUEST FORM
/*------------------------------------------*/ .modal .request-form { margin: 0; } .modal .request-form .col-md-12 { padding: 0; } .modal .request-form .form-control { text-align: left; height: 56px; background-color: #f5f6f8; border: 1.5px solid transparent; color: #666; font-size: 0.975rem; font-weight: 400; line-height: 1; margin-bottom: 20px; border-radius: 8px; transition: all 400ms ease-in-out; } .modal .request-form .btn { display: block; width: 100%!important; height: 56px; font-size: 0.95rem; margin: 0; } .modal .request-form .form-control:focus { background-color: var(--white); border-color: var(--blue); outline: 0; box-shadow: none; } .modal .request-form.mrf-pink .form-control:focus { border-color: var(--pink); } .modal .request-form.mrf-plum .form-control:focus { border-color: var(--plum); } .modal .request-form.mrf-purple .form-control:focus { border-color: var(--purple); } .modal .request-form.mrf-skyblue .form-control:focus { border-color: var(--sky-blue); } /*------------------------------------------*/ /*  Comment Form Message
/*------------------------------------------*/ .modal .request-form-msg { width: 100%!important; display: block; margin-top: 15px; padding-left: 0; } .modal .request-form .loading { color: #1680fb; font-size: 1rem; line-height: 1; font-weight: 400; } .modal .request-form .error { position: relative; color: #e74c3c; font-size: 0.8rem; line-height: 1; font-weight: 400; margin-bottom: 10px; padding-left: 10px; } /* ==========================================================================
  37. COOKIES
  =========================================================================== */ #cookies { position: fixed; width: 90%; bottom: 25px; left: 5%; z-index: 200; padding: 25px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 10px 20px 0 rgba(3, 3, 3, .1); } #cookies p { color: #353f4f; font-size: 0.875rem; line-height: 1.5; margin: 0; } #cookies-ok { position: absolute; right: 52px; bottom: 18px; cursor: pointer; display: inline-block; font-size: 0.8rem; font-weight: 500; background-color: #353f4f!important; border: 2px solid #353f4f!important; padding: 6px 20px; border-radius: 8px; } #cookies-ok { background-color: #1f2334!important; border: 2px solid #1f2334!important; } #cookies-ok:hover { color: #353f4f!important; background-color: transparent!important; border-color: #353f4f!important; } #cookies-info { color: #353f4f!important; font-weight: 500; text-decoration: underline; margin-left: 10px; } #cookies-info:hover { color: var(--theme-color)!important; } .theme--blue #cookies-info:hover { color: var(--blue)!important; } .theme--grass #cookies-info:hover { color: var(--grass)!important; } .theme--green #cookies-info:hover { color: var(--green)!important; } .theme--lotus #cookies-info:hover { color: var(--lotus)!important; } .theme--orchid #cookies-info:hover { color: var(--orchid)!important; } .theme--pink #cookies-info:hover { color: var(--pink)!important; } .theme--plum #cookies-info:hover { color: var(--plum)!important; } .theme--purple #cookies-info:hover { color: var(--purple)!important; } .theme--red #cookies-info:hover { color: var(--red)!important; } .theme--skyblue #cookies-info:hover { color: var(--skyblue)!important; } #cookies-close { position: absolute; right: 25px; top: 20px; height: 12px; width: 12px; } #cookies-close svg { width: 11px; height: 11px; } /* ==========================================================================
  38. DARK MODE
  ========================================================================== */ body.theme--dark { --dark-theme-bg: #161821; --black: #f9f9f9; --cloud: #161821; --coal: #fff; --form-control: #191c28; --header-color: #fff!important; --header-link: #dee1ea; --medium-gray: #ccc; --onyx: #fff; --text-color: #e5e5e5; --ink: #101219; --silver: rgba(43, 48, 64, 1); --smoke: rgba(43, 48, 64, .7); --white-smoke: #191c28; } body.theme--dark { background-color: var(--dark-theme-bg); color: var(--text-color); } .theme--dark .bg--cloud, .theme--dark .bg--ghost, .theme--dark .bg--mint, .theme--dark .bg--snow, .theme--dark .bg--white, .theme--dark .bg--lavender, .theme--dark .bg--aliceblue { background-color: rgba(43, 48, 64, .4); } .theme--dark .reviews-4.bg--ghost, .theme--dark .reviews-4.bg--platinum { background-color: #191c28; } .theme--dark .bg--metal, .theme--dark .bg--platinum { background-color: var(--smoke); } .theme--dark .gr--ghost, .theme--dark .gr--magnolia, .theme--dark .gr--aliceblue, .theme--dark .gr--platinum, .theme--dark .gr--whitesmoke { background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); } .theme--dark .shape--coal:after, .theme--dark .shape--grape:after { background-color: rgba(43, 48, 64, .4); } .theme--dark .shape--ghost:after, .theme--dark .shape--lavender:after, .theme--dark .shape--platinum:after { background-color: var(--white-smoke); } /*------------------------------------------*/ /*  SECTION DIVIDER
/*------------------------------------------*/ .theme--dark hr.divider, .theme--dark .footer hr { background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); } .theme--dark hr.divider.divider-light { background-color: #fff; background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #dedede 38%, #dedede 64%, rgba(206,211,246,0) 99%); opacity: 1; } /*------------------------------------------*/ /*  DARK MODE IMAGES SWITCHER
/*------------------------------------------*/ .dt-img, .theme--dark .lt-img, .owl-carousel .owl-item img.dt-img, .theme--dark .owl-carousel .owl-item img.lt-img { display: none; } .theme--dark .dt-img,.theme--dark .owl-carousel .owl-item img.dt-img { display: inline-block; position: relative; } .theme--dark .logos--gray .brand-logo img { filter: invert(100%); } /*------------------------------------------*/ /*  TYPOGRAPHY
/*------------------------------------------*/ .theme--dark a { color: var(--text-color); } .theme--dark a:hover, .theme--dark a.tra-link:hover span { color: var(--white); } .theme--dark .list-line { background-color: var(--silver); } .theme--dark .lb-list .list-item, .theme--dark .lb-list .list-item:last-child { border-color: var(--silver); } /*------------------------------------------*/ /*  BUTTONS
/*------------------------------------------*/ .theme--dark .btn--transparent { color: var(--white)!important; } /* THEME BUTTON */ .theme--dark .btn--theme, .theme--dark .hover--theme:hover, .theme--dark .scroll .hover--theme:hover, .theme--dark .color--white .hover--theme:hover { color: var(--white)!important; border-color: var(--theme-color)!important; background-color: var(--theme-color)!important; } .theme--dark .btn--tra-theme, .theme--dark .hover--tra-theme:hover, .theme--dark .color--white .btn--tra-theme { color: var(--theme-color)!important; background-color: transparent!important; border-color: var(--theme-color)!important; } /* WHITE BUTTON */ .theme--dark .btn--white, .theme--dark .hover--white:hover, .theme--dark .color--white .hover--white:hover { color: #333!important; background-color: var(--white)!important; border-color: var(--white)!important; } .theme--dark .btn--tra-white, .theme--dark .hover--tra-white:hover, .theme--dark .color--white .hover--tra-white:hover { color: var(--white)!important; background-color: transparent!important; border-color: var(--white)!important; } /* BLACK BUTTON */ .theme--dark .btn--black, .theme--dark .hover--black:hover, .theme--dark .color--white .hover--black:hover { color: var(--ink)!important; border-color: var(--black)!important; background-color: var(--black)!important; } .theme--dark .btn--tra-black, .theme--dark .hover--tra-black:hover, .theme--dark .color--white .btn--tra-black { color: var(--black)!important; background-color: transparent!important; border-color: var(--black)!important; } /* BLUE BUTTON */ .theme--dark .btn--blue, .theme--dark .hover--blue:hover, .theme--dark .scroll .hover--blue:hover, .theme--dark .color--white .hover--blue:hover { color: var(--white)!important; border-color: var(--blue)!important; background-color: var(--blue)!important; } /* COAL BUTTON */ .theme--dark .btn--coal, .theme--dark .hover--coal:hover, .theme--dark.scroll .hover--coal:hover, .theme--dark .color--white .hover--coal:hover { color: var(--white)!important; border-color: var(--coal)!important; background-color: var(--coal)!important; } .btn--tra-coal, .hover--tra-coal:hover, .color--white .btn--tra-coal { color: var(--coal)!important; background-color: transparent!important; border-color: var(--coal)!important; } /* GRASS BUTTON */ .theme--dark .btn--grass, .theme--dark .hover--grass:hover, .theme--dark .scroll .hover--grass:hover, .theme--dark .color--white .hover--grass:hover { color: var(--white)!important; border-color: var(--grass)!important; background-color: var(--grass)!important; } /* GREEN BUTTON */ .theme--dark .btn--green, .theme--dark .hover--green:hover, .theme--dark .scroll .hover--green:hover, .theme--dark .color--white .hover--green:hover { color: var(--white)!important; border-color: var(--green)!important; background-color: var(--green)!important; } /* ONYX BUTTON */ .theme--dark .btn--onyx, .theme--dark .hover--onyx:hover, .theme--dark .scroll .hover--onyx:hover,.theme--dark .color--white .hover--onyx:hover { color: #313e3b!important; border-color: var(--white)!important; background-color: var(--white)!important; } .theme--dark .btn--tra-onyx, .theme--dark .hover--tra-onyx:hover, .theme--dark .color--white .btn--tra-onyx { color: var(--onyx)!important; background-color: transparent!important; border-color: var(--onyx)!important; } /* ORCHID BUTTON */ .theme--dark .btn--orchid, .theme--dark .hover--orchid:hover, .theme--dark .scroll .hover--orchid:hover, .theme--dark .color--white .hover--orchid:hover { color: var(--white)!important; border-color: var(--orchid)!important; background-color: var(--orchid)!important; } /* PINK BUTTON */ .theme--dark .btn--pink, .theme--dark .hover--pink:hover, .theme--dark .scroll .hover--pink:hover,.theme--dark .color--white .hover--pink:hover { color: var(--white)!important; border-color: var(--pink)!important; background-color: var(--pink)!important; } /* PLUM BUTTON */ .theme--dark .btn--plum, .theme--dark .hover--plum:hover, .theme--dark .scroll .hover--plum:hover,.theme--dark .color--white .hover--plum:hover { color: var(--white)!important; border-color: var(--plum)!important; background-color: var(--plum)!important; } /* PURPLE BUTTON */ .theme--dark .btn--purple, .theme--dark .hover--purple:hover, .theme--dark .scroll .hover--purple:hover,.theme--dark .color--white .hover--purple:hover { color: var(--white)!important; border-color: var(--purple)!important; background-color: var(--purple)!important; } /* RED BUTTON */ .theme--dark .btn--red, .theme--dark .hover--red:hover, .theme--dark .scroll .hover--red:hover, .theme--dark .color--white .hover--red:hover { color: var(--white)!important; border-color: var(--red)!important; background-color: var(--red)!important; } /* SKYBLUE BUTTON */ .theme--dark .btn--skyblue, .theme--dark .hover--skyblue:hover, .theme--dark .color--white .hover--skyblue:hover { color: var(--white)!important; border-color: var(--sky-blue)!important; background-color: var(--sky-blue)!important; } /* YELLOW BUTTON */ .theme--dark .btn--yellow, .theme--dark .hover--yellow:hover, .theme--dark .color--white .hover--yellow:hover { color: var(--ink)!important; border-color: var(--yellow)!important; background-color: var(--yellow)!important; } /*------------------------------------------*/ /*  NAVIGATION MENU
/*------------------------------------------*/ .theme--dark .white-menu .wsmainfull { background-color: var(--ink)!important; box-shadow: 0 2px 3px var(--tra-ink); } /*------------------------------------------*/ /*  HEADER LINK
/*------------------------------------------*/ .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a { color: var(--header-link); } .theme--dark .navbar-dark .wsmenu-list > li > a.h-link:hover, .theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover, .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover, .theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover, .theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover { color: #eee!important; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover { color: var(--white)!important; } .theme--dark .nav-navy .sm-info { color: var(--ink); } /*------------------------------------------*/ /*  HEADER SUBMENU / MEGAMENU
/*------------------------------------------*/ .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu, .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu, .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu, .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: var(--white-smoke)!important; border: solid 1px var(--smoke)!important; box-shadow: 0 2px 3px rgba(1, 1, 1, .1); } .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before, .theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after, .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { background-color: var(--ink); border-left: solid var(--ink); border-top: solid 1px var(--ink); } .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: var(--header-link); background-color: transparent!important; } .theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .theme--dark .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .theme--dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: var(--header-link); } /*------------------------------------------*/ /*  NAVBAR SCROLL
/*------------------------------------------*/ .theme--dark .tra-menu .wsmainfull.scroll, .theme--dark .white-menu .wsmainfull.scroll { background-color: var(--ink)!important; padding: 0; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); } .theme--dark .wsmainfull.scroll .hover--theme:hover { color: var(--white)!important; border-color: var(--theme-color)!important; background-color: var(--theme-color)!important; } .theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a, .theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a, .theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a.h-link, .theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a.h-link { color: var(--header-link); } .theme--dark .navbar-light .scroll .wsmenu-list > li > a.h-link:hover { color: var(--white)!important; } .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { background-color: rgba(44, 49, 66, .72)!important; color: var(--white); } .theme--dark .navbar-light .scroll .btn.btn--tra-white { color: var(--white)!important; border-color: var(--white)!important; background-color: transparent!important; } .theme--dark .wsmainfull.scroll .hover--theme:hover { color: var(--white)!important; border-color: var(--theme-color)!important; background-color: var(--theme-color)!important; } .theme--dark .wsmainfull .hover--black:hover { color: var(--white)!important; border-color: #353f4f!important; background-color: #353f4f!important; } .theme--dark .wsmainfull.scroll .hover--black:hover { color: var(--ink)!important; border-color: var(--white)!important; background-color: var(--white)!important; } .theme--dark .navbar-light .scroll .wsmenu > .wsmenu-list > li > a.btn.hover--black:hover { color: var(--ink)!important; } .theme--dark .wsmainfull.scroll .hover--blue:hover { color: var(--white)!important; border-color: var(--blue)!important; background-color: var(--blue)!important; } .theme--dark .wsmainfull.scroll .hover--grass:hover { color: var(--white)!important; border-color: var(--grass)!important; background-color: var(--grass)!important; } .theme--dark .wsmainfull.scroll .hover--green:hover { color: var(--white)!important; border-color: var(--green)!important; background-color: var(--green)!important; } .theme--dark .wsmainfull.scroll .hover--orchid:hover { color: var(--white)!important; border-color: var(--orchid)!important; background-color: var(--orchid)!important; } .theme--dark .wsmainfull.scroll .hover--pink:hover { color: var(--white)!important; border-color: var(--pink)!important; background-color: var(--pink)!important; } .theme--dark .wsmainfull.scroll .hover--plum:hover { color: var(--white)!important; border-color: var(--plum)!important; background-color: var(--plum)!important; } .theme--dark .wsmainfull.scroll .hover--purple:hover { color: var(--white)!important; border-color: var(--purple)!important; background-color: var(--purple)!important; } .theme--dark .wsmainfull.scroll .hover--red:hover { color: var(--white)!important; border-color: var(--red)!important; background-color: var(--red)!important; } .theme--dark .wsmainfull.scroll .hover--skyblue:hover { color: var(--white)!important; border-color: var(--sky-blue)!important; background-color: var(--sky-blue)!important; } .theme--dark .wsmainfull .hover--tra-white:hover, .theme--dark .wsmainfull.scroll .hover--tra-white:hover { color: var(--white)!important; border-color: var(--white)!important; background-color: transparent!important; } /*------------------------------------------*/ /*  Logo Image
/*------------------------------------------*/ .theme--dark .navbar-dark .logo-black, .theme--dark .navbar-dark .scroll .logo-black { display: none; } .theme--dark .navbar-dark .logo-white, .theme--dark .navbar-dark .logo-black, .theme--dark .navbar-dark .scroll .logo-white { display: block; } .theme--dark .navbar-dark .logo-white { display: none; } /*------------------------------------------*/ /*  CAREERS
/*------------------------------------------*/ .theme--dark .jobs-wrapper { background-color: rgba(43, 48, 64, .4); border-color: var(--silver); } /*------------------------------------------*/ /*  FEATURES
/*------------------------------------------*/ .theme--dark .fbox-9, .theme--dark .fbox-4, .theme--dark .fbox-7 { background-color: rgba(43, 48, 64, .4); border-color: var(--silver); } /*------------------------------------------*/ /*  CONTENT
/*------------------------------------------*/ .theme--dark .bc-01-wrapper, .theme--dark .bc-02-wrapper, .theme--dark .bc-03-wrapper { border-color: var(--silver); } .theme--dark .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .theme--dark .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { background-color: var(--smoke); color: var(--text-color); } .theme--dark .cbox-5, .theme--dark .cbox-6, .theme--dark .cbox-7 { background-color: rgba(43, 48, 64, .4); border-color: var(--silver); } .theme--dark .tabs-1 li:hover { background-color: rgba(43, 48, 64, .4); } .theme--dark #tabs-1 .tabs-1 li.current, .theme--dark #tabs-1 .tabs-1 li.current:hover { background-color: var(--smoke); } .theme--dark .f6-box { background-color: var(--smoke); } .theme--dark .bc-06-wrapper { border-color: var(--silver); } /*------------------------------------------*/ /*  STATISTIC
/*------------------------------------------*/ .theme--dark .statistic-2-wrapper, .theme--dark #sb-2-1, .theme--dark #sb-2-2, .theme--dark #sb-2-3 { border-color: var(--silver); } /*------------------------------------------*/ /*  TESTIMONIALS
/*------------------------------------------*/ .theme--dark .reviews-1-wrapper:after, .theme--dark .reviews-1-wrapper.ghost-bg:after, .theme--dark .reviews-1-wrapper.lavender-bg:after, .theme--dark .reviews-1-wrapper.platinum-bg:after { background-color: var(--white-smoke); } .theme--dark .review-1, .theme--dark .review-2, .theme--dark .review-3, .theme--dark .review-4 { background-color: rgba(43, 48, 64, .4); border-color: var(--silver); } .theme--dark .owl-theme .owl-dots .owl-dot span { background: #3a3a3a; } .theme--dark .owl-theme .owl-dots .owl-dot.active span { background: var(--white); } .theme--dark .txt-highlight { color: #353f4f; } /*------------------------------------------*/ /*  PRICING
/*------------------------------------------*/ .theme--dark .pricing-1-table { background-color: rgba(43, 48, 64, .4); border-color: var(--silver); } .theme--dark .pricing-1-table.border--theme { border: 2px solid var(--theme-color); } .theme--dark .pricing-1-table.border--blue { border: 2px solid var(--blue); } .theme--dark .pricing-1-table.border--grass { border: 2px solid var(--grass); } .theme--dark .pricing-1-table.border--green { border: 2px solid var(--green); } .theme--dark .pricing-1-table.border--lotus { border: 2px solid var(--lotus); } .theme--dark .pricing-1-table.border--orchid { border: 2px solid var(--orchid); } .theme--dark .pricing-1-table.border--pink { border: 2px solid var(--pink); } .theme--dark .pricing-1-table.border--plum { border: 2px solid var(--plum); } .theme--dark .pricing-1-table.border--purple { border: 2px solid var(--purple); } .theme--dark .pricing-1-table.border--red { border: 2px solid var(--red); } .theme--dark .pricing-1-table.border--skyblue { border: 2px solid var(--sky-blue); } .theme--dark .pricing-discount h6 { color: #353f4f; } /*------------------------------------------*/ /*  CHANGELOG
/*------------------------------------------*/ .theme--dark span.version-data span { color: #120036; } /*------------------------------------------*/ /*  DOWNLOAD
/*------------------------------------------*/ .theme--dark .download-item { background-color: rgba(43, 48, 64, .4); border-color: var(--silver); } /*------------------------------------------*/ /*  INTEGRATIONS
/*------------------------------------------*/ .theme--dark .int-3-wrapper { border-color: var(--silver); } .theme--dark .int_tool-1, .theme--dark .int_tool-2, .theme--dark .int_tool-4, .theme--dark .in_tool_logo { background-color: rgba(43, 48, 64, .4); border-color: var(--silver); } .theme--dark .int_tool-1.r-0 { background-color: transparent; border-color: transparent; } .theme--dark .tool_category { background-color: var(--smoke); } .theme--dark .tool_link .btn { background-color: var(--smoke); border-color: var(--smoke); } .theme--dark .carousel_fade { background-image: linear-gradient(90deg, rgba(25, 28, 40, 1) 40%, rgba(25, 28, 40, .18) 100%); } .theme--dark .carousel_fade.is-right { background-image: linear-gradient(270deg, rgba(25, 28, 40, 1) 40%, rgba(25, 28, 40, .18) 100%); } .theme--dark .carousel_fade.white_fade { background-image: linear-gradient(90deg, rgba(22, 24, 33, 1) 40%, rgba(22, 24, 33, .18) 100%); } .theme--dark .carousel_fade.is-right.white_fade { background-image: linear-gradient(270deg, rgba(22, 24, 33, 1) 40%, rgba(22, 24, 33, .18) 100%); } /*------------------------------------------*/ /*  FAQs
/*------------------------------------------*/ .theme--dark .accordion-panel { color: var(--text-color); } .theme--dark .faqs-section .accordion-item .accordion-thumb:after, .theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { background-color: var(--smoke); color: var(--text-color); } .theme--dark .faqs-4 .accordion-wrapper, .theme--dark .faqs-5.faqs-section .accordion-item { background-color: rgba(43, 48, 64, .3)!important; border-color: var(--smoke)!important; } .theme--dark .faqs-3.inner-page-hero .accordion-wrapper { background-color: rgba(43, 48, 64, .4)!important; border-color: var(--silver)!important; } /*------------------------------------------*/ /*  BANNER
/*------------------------------------------*/ .theme--dark .banner-4-wrapper { background-color: rgba(43, 48, 64, 1)!important; border-color: var(--silver); } /*------------------------------------------*/ /*  NEWSLETTER
/*------------------------------------------*/ .theme--dark .newsletter-section .form-control::-moz-placeholder { color: #90a0b2; } .theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: #90a0b2; } .theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: #90a0b2; } .theme--dark .newsletter-1.newsletter-section .form-control, .theme--dark .newsletter-3.newsletter-section .form-control { color: var(--white); background-color: var(--smoke); border-color: var(--silver); } .theme--dark .newsletter-1.newsletter-section .form-control:focus, .theme--dark .newsletter-3.newsletter-section .form-control:focus { background-color: var(--dark-theme-bg); border-color: var(--theme-color)!important; } /*------------------------------------------*/ /*  BLOG
/*------------------------------------------*/ .theme--dark #blog-page .blog-post, .theme--dark .blog-3-wrapper .blog-post { background-color: var(--white-smoke); border-color: var(--smoke); } .theme--dark .post-badge { background-color: #333b4f; } .theme--dark .comment-form .form-control, .theme--dark .comment-form .form-control { background-color: #232938; border: 1px solid #232938; } .theme--dark .comment-form .form-control:focus, .theme--dark .comment-form .form-control:focus { background-color: var(--dark-theme-bg); border-color: var(--theme-color); } /*------------------------------------------*/ /*  CONTACTS
/*------------------------------------------*/ .theme--dark .contacts-1 .form-holder { border-color: var(--smoke); } .theme--dark .contact-form .form-control, .theme--dark .contact-form .form-select { color: #90a0b2; background-color: #2c3344; border: 1px solid #2c3344; } .theme--dark .contact-form .form-control:focus, .theme--dark .contact-form .form-select:focus { background-color: var(--dark-theme-bg); border-color: var(--theme-color); } .theme--dark .contact-form .btn.hover--black:hover { color: #fff!important; background-color: #353f4f!important; border-color: #353f4f!important; } .theme--dark .contact-form .form-control::-moz-placeholder { color: #90a0b2; } .theme--dark .contact-form .form-control:-ms-input-placeholder { color: #90a0b2; } .theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #90a0b2; } /*------------------------------------------*/ /*  FOOTER
/*------------------------------------------*/ .theme--dark .footer.bg--coal, .theme--dark .footer.bg--grape { background-color: rgba(43, 48, 64, .4); } .theme--dark .footer-form .newsletter-form .input-group { background-color: var(--white-smoke); border: 1.5px solid var(--silver); } .theme--dark .footer-form .newsletter-form .input-group:focus-within { background-color: var(--dark-theme-bg)!important; border-color: var(--silver)!important; } /*------------------------------------------*/ /*  INNER PAGE WRAPPER
/*------------------------------------------*/ .theme--dark .inner-page-title p span { color: var(--white); } /*------------------------------------------*/ /*  TERMS, PRIVACY, COOKIES PAGES
/*------------------------------------------*/ .theme--dark .legal-info a, .theme--dark .legal-info p span { color: rgba(255, 255, 255, .86); } .theme--dark .legal-info a:hover { color: var(--theme-color); } /*------------------------------------------*/ /*  MODAL
/*------------------------------------------*/ .theme--dark .modal .gr--lavender { background-image: linear-gradient(to right, rgba(248, 248, 253, 1), rgba(234, 234, 242, .5)); } .theme--dark .modal .modal-body-content h4 { color: #313435; } .theme--dark .modal-body-content p { color: #6c757d; } .theme--dark .newsletter-form .hover--black:hover { color: #fff!important; border-color: #353f4f!important; background-color: #353f4f!important; } .theme--dark .modal .newsletter-form .form-control { border-color: #ccc; } .theme--dark .modal .newsletter-form .form-control:focus { border-color: var(--theme-color); } .theme--dark .modal .btn--black { color: #fff!important; border-color: #353f4f!important; background-color: #353f4f!important; } .theme--dark .modal .btn--navy { color: #fff!important; border-color: #330f51!important; background-color: #330f51!important; } .theme--dark .modal .hover--black:hover { color: #fff!important; border-color: #353f4f!important; background-color: #353f4f!important; } .theme--dark .modal .hover--orchid:hover { color: #fff!important; border-color: var(--orchid)!important; background-color: var(--orchid)!important; } .theme--dark .modal .hover--purple:hover { color: #fff!important; border-color: var(--purple)!important; background-color: var(--purple)!important; } /*------------------------------------------*/ /*  SIGN-IN / SIGN-UP PAGE
/*------------------------------------------*/ .theme--dark .separator-line::before, .theme--dark .separator-line::after { border-top: 1.5px solid rgba(255, 255, 255, .18); } .theme--dark .reset-page-wrapper .form-control, .theme--dark .register-page-form .form-control { background-color: #2c3344; border: 1px solid #2c3344; } .theme--dark .reset-page-wrapper .form-control:focus, .theme--dark .register-page-form .form-control:focus { background-color: var(--dark-theme-bg); border-color: var(--theme-color); } .theme--dark .btn-register { color: var(--header-color); background-color: var(--smoke); border-color: var(--silver); } .theme--dark .btn-register.btn-facebook { color: var(--white); background-color: #1a76d2; border-color: #1a76d2; } .theme--dark .btn-register:hover { background-color: var(--dark-theme-bg); border-color: var(--smoke); } .theme--dark .btn-register.btn-facebook:hover { background-color: #186cbf; border-color: #186cbf; } /* ==========================================================================
   MODE CHANGER 
  ========================================================================== */ #stlChanger { position: fixed; z-index: 9999; font-size: 15px; right: 0; top: 100px; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } #stlChanger .bgChanger { width: 50px; height: 50px; } #stlChanger .chBut { background: #212121; width: 50px; height: 50px; position: absolute; top: 30px; left: 0; z-index: 1000000; text-align: center; border: 1px solid #212121; border-left: none; padding: 0 0 0 2px; border-radius: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .theme--dark #stlChanger .chBut { background: #fff; border: 1px solid #fff; } #stlChanger .chBut.ico-35 [class*="flaticon-"]:before, #stlChanger .chBut.ico-35 [class*="flaticon-"]:after { color: #fff; font-size: 1.75rem; line-height: 48px!important; } .theme--dark #stlChanger .chBut.ico-35 [class*="flaticon-"]:before, .theme--dark #stlChanger .chBut.ico-35 [class*="flaticon-"]:after { color: #363636; } .lgt-mode, .theme--dark .drk-mode { display: none; } .theme--dark .lgt-mode { display: block; } /* ==========================================================================
  XXXXX
  ========================================================================== */ .t-title { text-align: center; color: var(--white); background-color: #121212; padding: 10px 5px; margin: 0; } .t-title h6 { color: var(--white); margin-bottom: 0; } /* Keep the company identity and navigation on one desktop row. */ @media (min-width: 992px) { #header .wsmainwp { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: calc(100% - 48px); max-width: 1500px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } #header .wsmainwp > .desktoplogo { flex: 0 0 auto; float: none; line-height: normal; } #header .wsmainwp > .desktoplogo img { width: auto; height: 46px; max-height: 46px; } #header .wsmenu { flex: 1 1 auto; float: none; } #header .wsmenu > .wsmenu-list { display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; } #header .wsmenu-list > .desktoplogo { flex: 0 0 auto; float: none; line-height: normal; } #header .wsmenu-list > .desktoplogo img { max-height: 68px; } } /* Keep availability and feature labels on separate rows in product cards. */ .csa-product-card-labels { display: grid; grid-template-rows: minmax(30px, auto) auto; row-gap: 10px; width: 100%; } .csa-product-card-labels .csa-stock-badge-slot { display: flex; align-items: center; justify-content: center; min-height: 30px; width: 100%; } .csa-product-card-labels .csa-stock-badge { display: inline-flex; align-items: center; justify-content: center; gap: 6px; max-width: 100%; line-height: 1.25; white-space: nowrap; } .csa-product-card-labels .csa-featured-badge-slot { width: 100%; } .csa-product-card-labels .badge-wrapper { top: 0; } 
 /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 1399px) { /* SIGN IN / SIGN UP */ .register-page-form { padding-top: 200px; padding-bottom: 220px; } .reset-page-wrapper { padding-top: 230px; padding-bottom: 260px; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 1200px) { html { font-size: 18px; } /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ /* Button */ .btn { padding: 0.85rem 1.35rem; } .btn.ico-20.ico-left, .btn.ico-20.ico-right { padding: 0.85rem 1.15rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { padding: 0.75rem 1.35rem; } .btns-group .btn.ico-30 { padding: 0.445rem 0.5rem; } .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { top: 3px; } /* Watch Video Link  */ .watch-video-link { width: 2.8rem; height: 2.8rem; } .watch-video-link span[class^="flaticon-"]:before, .watch-video-link span[class^="flaticon-"]:after { font-size: 1.75rem; line-height: 2.8rem!important; } /*------------------------------------------*/ /*  NAVIGATION MENU    
  /*------------------------------------------*/ /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 0.9375rem; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9rem; line-height: 28px; padding: 6px 22px 8px; margin: 12px 5px 0; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 4px 20px 6px; } /* SubMenu, HalfMenu, MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.9rem; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* FOOTER */ .footer p, .footer-form .form-control { font-size: 0.95rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 992px) and (max-width: 1199.95px) { /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ .py-30 { padding: 24px 0; } .py-40 { padding: 30px 0; } .py-50 { padding: 40px 0; } .py-60 { padding: 50px 0; } .py-70 { padding: 60px 0; } .py-80 { padding: 60px 0; } .py-90 { padding: 70px 0; } .py-100 { padding: 80px 0; } .py-110 { padding: 90px 0; } .py-120 { padding: 95px 0; } .pt-30 { padding-top: 24px; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 40px; } .pt-60 { padding-top: 50px; } .pt-70 { padding-top: 60px; } .pt-80 { padding-top: 60px; } .pt-90 { padding-top: 70px; } .pt-100 { padding-top: 80px; } .pt-110 { padding-top: 90px; } .pt-120 { padding-top: 95px; } .pb-30 { padding-bottom: 24px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 40px; } .pb-60 { padding-bottom: 50px; } .pb-70 { padding-bottom: 60px; } .pb-80 { padding-bottom: 60px; } .pb-90 { padding-bottom: 70px; } .pb-100 { padding-bottom: 80px; } .pb-110 { padding-bottom: 90px; } .pb-120 { padding-bottom: 95px; } .px-30 { padding-left: 15px; padding-right: 15px; } .px-35 { padding-left: 20px; padding-right: 20px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-50 { margin-top: 40px; } .mt-60 { margin-top: 50px; } .mt-70 { margin-top: 60px; } .mt-80 { margin-top: 60px; } .mt-90 { margin-top: 70px; } .mt-100 { margin-top: 80px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-50 { margin-bottom: 40px; } .mb-60 { margin-bottom: 50px; } .mb-70 { margin-bottom: 60px; } .mb-80 { margin-bottom: 60px; } .mb-90 { margin-bottom: 70px; } .mb-100 { margin-bottom: 80px; } .map-bg { left: 14%; bottom: 50px; width: 72%; height: 100%; } .s_shape_01 { top: -100px; left: -90px; width: 520px; height: 520px; } .s_shape_02 { top: 70px; right: -120px; width: 360px; height: 360px; } /* Text Size */ .fs-26 { font-size: 1.5rem; } /* 24px */ .fs-28 { font-size: 1.625rem; } /* 26px */ .fs-30 { font-size: 1.75rem; } /* 28px */ .fs-32 { font-size: 1.875rem; } /* 30px */ .fs-34 { font-size: 2rem; } /* 32px */ .fs-36 { font-size: 2.125rem; } /* 34px */ .fs-38 { font-size: 2.25rem; } /* 36px */ .fs-40 { font-size: 2.375rem; } /* 38px */ .fs-42 { font-size: 2.5rem; } /* 40px */ .fs-44 { font-size: 2.6255rem; } /* 42px */ .fs-46 { font-size: 2.75rem; } /* 44px */ .fs-48 { font-size: 2.875rem; } /* 46px */ .fs-50 { font-size: 3rem; } /* 48px */ .fs-52 { font-size: 3.125rem; } /* 50px */ .fs-54 { font-size: 3.25rem; } /* 52px */ .fs-56 { font-size: 3.375rem; } /* 54px */ .fs-58 { font-size: 3.5rem; } /* 56px */ .fs-60 { font-size: 3.625rem; } /* 58px */ .fs-62 { font-size: 3.75rem; } /* 60px */ .fs-64 { font-size: 3.875rem; } /* 62px */ .fs-66 { font-size: 4rem; } /* 64px */ .fs-68 { font-size: 4.125rem; } /* 66px */ .fs-70 { font-size: 4.25rem; } /* 68px */ .fs-72 { font-size: 4.375rem; } /* 70px */ .fs-74 { font-size: 4.5rem; } /* 72px */ .fs-76 { font-size: 4.625rem; } /* 74px */ .fs-78 { font-size: 4.75rem; } /* 76px */ .fs-80 { font-size: 4.875rem; } /* 78px */ h2.alt-font { letter-spacing: -1.5px; } /* List */ .lb-list { margin-top: 15px; margin-bottom: 15px; } .list-line { top: -15px; left: 1.65rem; } .lb-list .list-item { padding: 13px 60px 12px 44px; } .lb-list .list-item p { padding-left: 12px; } .lb-list .list-item p span { right: 4px; } .lb-list.ico-15 [class*="flaticon-"]:before, .lb-list.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; } /* Button */ .btn { font-size: 1rem; padding: 0.9rem 1.35rem; } .btn.ico-left, .btn.ico-right { font-size: 1rem; padding: 0.9rem 1.25rem; } .btns-group .btn.ico-30 { padding: 0.425rem 0.5rem!important; } /* Button Text */ p.btn-txt, .btn-rating { margin: 12px 0 0 0; } /* OS Button */ .btn-os.d-inline-block:first-child { margin-right: 12px; } .os-btn { width: 290px; min-width: 280px; padding: 18px 20px 16px; } .os-btn-ico { margin-right: 16px; } .os-btn-txt p { font-size: 1.0625rem; margin-top: 3px; } .os-btn-txt span { font-size: 1rem; } /* Watch Video Link */ .watch-video-link { margin-right: 12px; } p.video-txt-lg { font-size: 1.0625rem; margin-bottom: 8px; } p.video-txt-sm { font-size: 1rem; } /* Module Subtitle */ .module-subtitle { font-size: 0.875rem; margin-bottom: 30px; } .subtitle-line:before { width: 24px; margin: 0px 8px 2px 0; } .subtitle-rounded { font-size: 0.835rem; padding: 9px 19px; margin-bottom: 30px; } .module-eyebrow { padding: 3px 20px 4px; margin-bottom: 30px; } /* Section Title */ .title-01.mb-60, .title-02.mb-60 { margin-bottom: 50px; } .title-01.mb-70, .title-02.mb-70 { margin-bottom: 55px; } .title-01.mb-80 { margin-bottom: 65px; } .title-01.mb-100 { margin-bottom: 70px; } .title-01 p.px-35 { padding: 0 15px; } .title-01 p, .title-02 p { margin-top: 20px; } .title-03 p { padding-left: 50px; } .title-01 .btn { margin-top: 20px; } .title-02 .btn, .title-03 .btn { margin-bottom: 5px; } /* Block Info */ .block-info-rounded { padding: 15px 28px; } .block-info h6 span { margin: 0 4px; } /* Advantages */ .advantages li:not(:last-child):after { top: -2px; } /* Compatibility */ .compatibility { margin-top: 6px; padding: 4px 18px; } /* Users */ .txt-block .users, .ws-wrapper .users, .fbox-5-txt .users { margin-top: 25px; } .users img { max-height: 40px; } .users p { font-size: 0.935rem; margin-left: 6px; } /*------------------------------------------*/ /*  NAVIGATION MENU    
  /*------------------------------------------*/ /* Header Logo */ .desktoplogo img { max-height: 30px; } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 0.9875rem; margin: 0 5px; padding: 10px 15px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 10px; } .wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a { margin-left: 20px; } /* Nav Link Info */ span.sm-info { width: 18px; height: 18px; font-size: 0.725rem; line-height: 17px; margin-left: 5px; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 0.95rem; line-height: 28px; margin-top: 15px; padding: 3px 22px 5px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 3px 20px 5px; } /* Language Select */ .wsmenu > .wsmenu-list > li.lang { margin-right: 12px; } .wsmenu > .wsmenu-list > li.lang > a { padding: 10px 14px 10px 6px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu { min-width: 110px!important; padding: 8px 5px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 0.95rem; } /* Mobile Store Button */ .wsmenu > .wsmenu-list > li a.store.header-store { margin-top: 15px; margin-left: 0; } .store.header-store img { max-height: 40px; } /* Header Socials */ .header-socials a { margin-left: 13px; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.175rem; } /* SubMenu, HalfMenu, MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { min-width: 165px; padding: 10px 6px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { min-width: 180px; padding: 10px 6px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 35%; padding: 10px 0; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 75%!important; left: 23%; padding: 12px 5px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.95rem; padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { font-size: 0.935rem; padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { top: 9px; right: 10px; } .wsmegamenu h6.title { font-size: 0.975rem; margin-left: 14px; } /*------------------------------------------*/ /*  HERO
  /*------------------------------------------*/ /* HERO QUICK FORM */ .hero-section .quick-form { padding: 4px; } .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 56px; font-size: 1.0625rem; } .hero-section .quick-form.form-half .form-control { font-size: 1.05rem; padding: 0 14px; } .hero-section .quick-form.form-half .btn { font-size: 1rem; padding: 13px 35px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } /* HERO DIGITS */ .hd-3 { bottom: -130px; } #hd-1-1, #hd-1-2, #hd-1-3 { padding-right: 10px; } #hd-1-2, #hd-1-3 { padding-left: 18px; } #hd-2-1 {width: 38%; } .hd-3 h3.statistic-number { font-size: 2.15rem; } .hd-3 h3.statistic-number small { font-size: 1.85rem; margin-left: 3px; } .hero-logo { margin-top: 15px; } .hero-logo img { max-height: 28px; } .hero-square-logo { margin-bottom: 25px; } .hero-square-logo img { max-height: 85px; } /* HERO FRAMER TEXT */ .framer-txt-01, .framer-txt-02 { margin-bottom: 35px; } .framer-txt-03, .framer-txt-04 { margin-bottom: 30px; } .framer-txt-01 a { font-size: 0.975rem; padding: 9px 18px; } .framer-txt-02 a { font-size: 0.975rem; padding: 9px 22px; } .framer-txt-04 p { font-size: 0.925rem; padding: 8px 22px; } .widget-data.mr-15 { margin-right: 10px; } .framer-txt-01.ico-20 [class*="flaticon-"]:before, .framer-txt-01.ico-20 [class*="flaticon-"]:after { font-size: 1.45rem; } .framer-txt-04 span[class*="flaticon-"] { top: 2px; right: 5px; } .framer-txt-04 .widget-data.mr-15 span[class*="flaticon-"] { top: 3px; } .framer-txt-03 img { top: -3px; max-height: 28px; margin-left: 3px; } /* HERO AVATARS WIDGET */ .hero-avatars-widget { font-size: 1rem; margin-bottom: 28px; } .hero-avatars-widget img { max-height: 34px; margin-right: 3px; } /* HERO SECTION ID */ .hero-section .module-subtitle { margin-bottom: 30px; } .hero-section .module-subtitle:before { width: 5px; height: 14px; margin-right: 7px; top: 2px; } /* HERO SLIDESHOW */ .slideshow, .slideshow .slides { height: 620px; } /* HERO-1 */ .hero-1 .caption { margin-top: 55px; } .hero-1 .caption p { margin: 18px 5% 26px; } /* HERO-2 */ .hero-2 { padding: 130px 0 90px; } .hero-2-txt p.fs-17 { margin: 20px 5% 30px 0; } /* HERO-3 */ .hero-3 { padding-top: 160px; } .hero-3:after { height: 30%; } .hero-3-txt p.fs-18 { margin: 18px 5% 0; } .hero-3-txt .quick-form { margin: 24px 8% 0; } .hero-3-txt .advantages { margin-top: 32px; } .hero-3-img { margin-top: 40px; } /* HERO-4 */ .hero-4 { padding-top: 170px; margin-bottom: 50px; } .hero-4-txt p.fs-17 { margin: 16px 6% 24px 0; } .hero-4-txt .advantages { margin-top: 20px; } .hero-4-img { margin: 0 -140% -50px -20px; } /* HERO-5 */ .hero-5 { padding: 140px 0 80px; } .hero-5-txt h2 { font-size: 5rem; } .hero-5-txt p.fs-18 { font-size: 1.0625rem; margin-top: 18px; } .hero-5-txt .quick-form { margin-top: 22px; } .hero-5-txt .advantages { margin-top: 24px; } .hero-5-img { padding-left: 5px; } /* HERO-6 */ .hero-6 { padding-top: 140px; margin-bottom: 50px; } .hero-6-txt { margin-top: -30px; padding-left: 0; } .hero-6-txt p.fs-18 { margin: 16px 5% 26px 0; } .hero-6-txt .os-version-ext { margin-top: 20px; } .hero-6-img { margin: 0 0 -50px 0; } /* HERO-7 */ .hero-7 { padding-top: 160px; } .hero-7-txt p.fs-19 { margin: 20px 5% 25px; } .hero-7-img { margin: 50px 8px -80px; } /* HERO-8 */ .hero-8-wrapper { margin-top: 110px; padding: 65px 60px; } .hero-8-txt p.fs-17 { margin: 18px 0 22px; } /* HERO-9 */ .hero-9 { padding: 130px 0 80px; } .hero-9-txt { margin: 10px 0 0 0; } .hero-9-txt p.fs-17 { margin: 16px 0 22px; } .hero-9-txt .hero-digits { margin-top: 60px; } .hero-9-img { margin-right: 15px; } /* HERO-10 */ .hero-10 { padding-top: 180px; margin-bottom: 90px; } .hero-10-txt p.fs-18 { margin-top: 22px; } .hero-10-btn { margin: 0 0 5px 0; } .hero-10-img { margin: 60px 0 -90px; } /* HERO-11 */ .hero-11 { padding: 80px 0 75px; } .hero-11-txt { margin-bottom: 40px; } .hero-11-txt p.fs-17 { margin: 18px 0 0; } .hero-11-txt .quick-form { margin: 22px 5% 0 0; } .hero-11-img { margin: 0 -145% 0 0; } /* HERO-12 */ .hero-12 { padding: 155px 0 100px; } .hero-12-txt p.fs-18 { margin-top: 18px; } .hero-12-txt .quick-form { margin-top: 24px; margin-right: 10px; } .hero-12-txt .advantages { margin-top: 24px; } /* HERO-13 */ .hero-13 { padding-top: 70px; } .hero-13-txt h2 { padding: 0 4%; } .hero-13-txt p.fs-18 { margin: 20px 10% 25px; } .hero-13-brands { margin: 45px 15px 0; } .hero-13-image { margin-top: 50px; padding: 70px 50px 0; } /* HERO-14 */ .hero-14 { padding-top: 150px; margin-bottom: 40px; } .hero-14-txt { margin-top: 40px; } .hero-14-txt p.fs-18 { margin: 20px 5% 28px 0; } .hero-14-brands { margin-top: 85px; margin-right: -430px; padding: 32px 35px; } .hero-14-img { margin: 0 0 -40px; } /* HERO-15 */ .hero-15 { padding-top: 160px; } .hero-15:after { height: 30%; } .hero-15-txt p.fs-18 { margin: 18px 3% 24px; } .hero-15-img { margin-top: 40px; } /* HERO-16 */ .hero-16 { padding: 150px 0 80px; } .hero-16-txt { margin-top: -15px; } .hero-16-txt h6 { font-size: 1.125rem; margin-bottom: 35px; } .hero-16-txt h6 span { top: 10px; right: 3px; } .hero-16-txt p.fs-17 { margin: 18px 0 24px; } .hero-16-txt .hero-digits { margin-top: 80px; } /* HERO-17 */ .hero-17 { padding-top: 175px; margin-bottom: 110px; } .hero-17-txt p.fs-18 { margin: 20px 2% 25px; } .hero-17-img { margin: 60px 0 -110px; } /* HERO-18 */ .hero-18 { padding-top: 160px; } .hero-18-txt h2 { padding: 0 4%; } .hero-18-txt p.fs-19 { margin: 16px 0 22px; } .hero-18-brands { margin: 45px 15px 0; } .hero-18-img { margin: 50px 0 -40px; } /* HERO-19 */ .hero-19 { padding: 160px 0 90px; } .hero-19-txt { margin-bottom: 20px; } .hero-19-txt p.fs-17, .hero-19-txt p.fs-18 { margin: 16px 0 25px; } .hero-19-img { margin-left: 20px; } /* HERO-20 */ .hero-20 { padding-top: 150px; padding-bottom: 10px; } .hero-20-txt { margin-top: -30px; } .hero-20-txt h2 { margin-bottom: 28px; } .hero-20-txt p { padding-right: 6%; } #hero-20-form { padding: 28px 24px; margin-left: 0; } .form-logo { margin-bottom: 25px; } .form-logo img { max-height: 27px; } #hero-20-form p { margin: 14px 0 18px; } #hero-20-form .btn { height: 54px; padding: 16px; } /* HERO-21 */ .hero-21 { padding: 160px 0 80px; } .hero-21-img { margin-top: 60px; } .hero-21-brands { margin-top: 50px; } /* HERO-22 */ .hero-22 { padding-top: 150px; margin-bottom: 80px; } .hero-22-txt p.fs-18 { margin: 22px 10% 0; } .hero-22-txt .quick-form { margin: 35px 10% 0; } .hero-22-txt .advantages { margin-top: 32px; } .hero-22-img { margin: 50px 0 -80px; } /* HERO-23 */ .hero-23-wrapper { padding-top: 160px; padding-bottom: 60px; } .hero-23-widget { margin-bottom: 30px; } .hero-23-widget span { font-size: 0.975rem; padding: 9px 15px; } .hero-23-txt p.fs-18 { margin: 18px 2% 24px; } .hero-23-image { padding: 60px 45px 0; } .hero-23-image p { margin-bottom: 32px; } /* HERO-24 */ .hero-24 { padding: 170px 0 110px; } .hero-24-txt p.fs-18 { margin: 22px 8% 28px 0; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* ABOUT */ .about-2-title { margin-bottom: 18px; } .about-1-txt { margin-bottom: 50px; padding-right: 5%; } .about-3-txt { padding-right: 5%; } .about-2 .txt-block h4 { margin-bottom: 15px; } .about-1-txt p { margin-top: 25px; } .about-3-txt p { margin: 16px 0 0; } .about-3-btn { margin: 0 10px 10px 0; } .a-1-1 { padding-left: 70px; margin-bottom: 24px; } .about-3-img { margin-top: 40px; } /* CAREERS */ .careers-1.pb-70 { padding-bottom: 50px; } .jobs-wrapper { padding: 20px 25px 16px; margin-bottom: 30px; } .jobs-category h4 { margin-left: 12px; margin-bottom: 25px; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.2rem; } /* JOB POSITION */ .job-position-title { padding-top: 150px; padding-bottom: 80px; margin-bottom: 25px; } .job-position-title p { margin-top: 25px; } .job-position-title .btn { padding: 0.85rem 1.75rem; margin-bottom: 2px; } .position-info h5 { margin: 40px 0 20px; } .position-info .btn { margin-top: 30px!important; } /* FEATURES */ .fbox-8-wrapper { padding: 65px 45px 80px; } .rows-2 .fb-1 { margin-bottom: 30px; } /* FBOX-1 */ .fbox-1 .fbox-ico-wrap { margin-right: 20px; } .fbox-1 .ico-50 [class*="flaticon-"]:before, .fbox-1 .ico-50 [class*="flaticon-"]:after { font-size: 2.85rem; } /* FBOX-2 */ .features-2 .col { padding-right: 6px; } .fbox-2 { padding-left: 20px; } /* FBOX-3 */ .rows-2 .fbox-3.fb-1, .rows-2 .fbox-3.fb-2 { margin-bottom: 30px; } .fbox-3 .fbox-ico-wrap { margin-right: 25px; } /* FBOX-4 */ .fbox-4 { padding: 30px; } .fbox-4.fb-1, .fbox-4.fb-2 { margin-bottom: 24px; } .fbox-4 .fbox-ico-wrap { margin-right: 22px; } /* FBOX-5 */ .rows-2 .fbox-5.fb-1, .rows-2 .fbox-5.fb-2 { margin-bottom: 25px; } .fbox-5 .fbox-ico-wrap { margin-right: 15px; } /* FBOX-6 */ .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 160px; } .fbox-img.h-185 img { max-height: 165px; } .fbox-img.h-190 img { max-height: 170px; } .fbox-6 .fbox-img.r-12 { padding-top: 30px; margin: 0 0 45px; } .fbox-6 .fbox-img.r-12 img { max-height: 165px; } /* FBOX-7 */ .fbox-7 { padding: 50px 38px; } .fbox-7.fb-7 { padding: 50px 45px; } .fbox-7.fb-1 .fbox-7-img, .fbox-7.fb-5 .fbox-7-img, .fbox-7.fb-6 .fbox-7-img { margin: 25px 2% 0; } .fbox-7.fb-2 .fbox-7-img, .fbox-7.fb-3 .fbox-7-img, .fbox-7.fb-4 .fbox-7-img { margin: 0 2% 25px; } .fbox-7.fb-7 .fbox-7-img { padding-left: 5px; } /* FBOX-8 */ .fbox-8 { padding: 45px 40px 40px; } /* FBOX-9 */ .fbox-9 { padding: 30px 26px; } .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3 { margin-bottom: 24px; } .fbox-1 h5, .fbox-3 h5, .fbox-5 h5, .fbox-7 h5 { margin-bottom: 12px; } .fbox-2 h6 { margin: 14px 0 12px; } .fbox-6-txt h5, .fbox-8 h5 { margin: 25px 0 12px; } .fbox-7.fb-5 h5, .fbox-7.fb-6 h5 { margin-bottom: 14px; } .fbox-7 h3 { margin-bottom: 18px; } /* CONTENT */ .ct-06 .section-overlay { margin-bottom: 80px; } .bc-01 .section-overlay { padding: 70px 50px; } .bc-02 .section-overlay { padding: 60px 0 70px 60px; } .bc-03-wrapper { padding: 60px 50px; } .bc-04 .section-overlay { padding: 70px 50px 0; } .bc-06-wrapper { padding: 60px 55px; } .bc-04 .section-title { margin-bottom: 35px; } .txt-block.left-column { padding-right: 0; } .txt-block.right-column { padding-left: 0; } .bc-01 .txt-block.left-column { padding-right: 10px; } .bc-01 .txt-block.right-column { padding-left: 10px; } .bc-02 .txt-block { padding-right: 10px; } .bc-03-title { padding-right: 14%; margin-bottom: 45px; } .bc-5-txt { padding-left: 50px; padding-right: 20px; } .txt-block-stat { margin-top: 60px; } .txt-block h2, .txt-block h5, .bc-02 .txt-block h5, .bc-03 .txt-block h5, .bc-5-txt h2, .bc-5-txt h3 { margin-bottom: 25px; } h5.h5-title { margin: 18px 0; } .ct-02 ul.simple-list { margin-left: 5px; } .txt-block .btn, .txt-block .stores-badge { margin-top: 25px; } .txt-block-tra-link { margin-top: 15px; } /* CBOX-1 */ .cbox-1 .ico-wrap { margin-right: 1.15rem; } .cbox-1-ico { width: 2.05rem; height: 2.05rem; font-size: 1.05rem; line-height: 1.7rem; margin-top: 3px; } .cbox-1-txt { margin-bottom: 22px; } /* CBOX-2 */ .txt-block .cbox-2 { margin-right: -15px; } .cbox-2.mt-30 { margin-top: 25px; } .cbox-2 .ico-wrap { margin-right: 1.3rem; } .cbox-2-ico { top: 5px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.65rem; } .cbox-2-ico img { width: 3.15rem; height: 3.15rem; } .cbox-2-txt { margin-bottom: 27px; } .cbox-2-txt.mb-30 { margin-bottom: 25px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 10px!important; } /* CBOX-3 */ .cbox-3.mt-25 { margin-top: 20px; } .cbox-3-txt { padding-left: 12px; } .cbox-3-ico span { top: 6px; } .cbox-3-ico.ico-30 [class*="flaticon-"]:before, .cbox-3-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.5rem; } /* CBOX-4 */ .cbox-4-wrapper { margin-top: 25px; } .box-title { margin-bottom: 10px; } .box-title h6 { position: relative; top: 2px; } .box-title.ico-30 span[class*="flaticon-"]:before, .box-title.ico-30 span[class*="flaticon-"]:after { font-size: 1.7rem; } /* CBOX-5 */ .cbox-5 { width: 325px; min-width: 325px; padding: 15px 20px 12px; } .cbox-5.cb-1 { margin-top: 10px; margin-bottom: 20px; } .cbox-5-txt h6 { margin-top: 1px; margin-bottom: 2px; } /* CBOX-6 */ .cbox-6 { padding: 30px; margin: 0 8%; } .cbox-6 hr { margin-top: 28px; margin-bottom: 23px; } .cbox-6 h2.statistic-number { font-size: 3.15rem; } .cbox-6 .statistic-number sup { font-size: 2.4rem; top: -8px; right: 0; margin-right: 5px; } .cbox-6-title h6 { margin-bottom: 25px; } .cbox-6-title p.ico-10 { margin-top: 16px; } .cbox-6-txt.mt-30 { margin-top: 22px; } .cbox-6-data { padding: 12px 20px; } .cbox-6-data.mt-25 { margin-top: 20px; } /* CBOX-7 */ .cbox-7.cb-1, .cbox-7.cb-2 { margin-bottom: 30px; } .cbox-7 .cbox-title { margin-bottom: 16px; } /* CBOX-8 */ .cbox-8.ico-15 span { top: 1.5px; right: 10px; } .cbox-8.ico-15 [class*="flaticon-"]:before, .cbox-8.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; } /* CBOX-9 */ .cbox-9-ico { width: 28px!important; height: 28px!important; margin-right: 10px; } .cbox-9.ico-15 [class*="flaticon-"]:before, .cbox-9.ico-15 [class*="flaticon-"]:after { font-size: 0.835rem; } /* Accordion */ .txt-block .accordion-1 .accordion-item { padding: 20px 0 25px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: -3.5px; right: 5px; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 20px; } /* Tabs */ .tabs-1 li { padding: 20px; } .tab-link p { margin-top: 6px; } /* Content Image */ .ct-01 .img-block.right-column, .ct-02 .img-block.right-column { margin-left: 15px; } .ct-01 .img-block.left-column, .ct-02 .img-block.left-column { margin-right: 15px; } .ct-03 .img-block img { max-width: 210%; } .ct-04 .img-block {padding: 0; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -80px; } .img-block-txt, .img-block-btn { margin-top: 45px; } .bc-2-img.right-column { margin-left: 5px; } .bc-2-img.left-column { margin-right: 5px; } .bc-3-img { top: 80px; right: 40px; } .bc-3-img img { max-height: 275px; } /* STATISTIC */ .statistic-1-wrapper .statistic-block { padding: 10px 20px 10px 40px; } .statistic-2 .statistic-blocks.left-column { margin-right: 25px; } .statistic-2-wrapper .statistic-block { padding: 60px 30px; } .statistic-ico { margin-bottom: 14px; } .statistic-1-wrapper h5 { margin: 20px 0 10px; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { margin-bottom: 14px; } .statistic-5-wrapper h6 { margin-top: 15px; } .statistic-4-wrapper p { font-size: 1.0625rem; margin-top: 20px; } .statistic-5-wrapper p { padding: 0 12%; margin-bottom: 25px; } .statistic-block span[class*="flaticon-"] { top: -10px; } .statistic-block .alt-font span[class*="flaticon-"] { top: -14px; } .line-highlight { left: 25%; width: 50%; height: 10px; margin-top: -9px; } /* GALLERY */ .gallery-1 .carousel_slide { margin-left: 15px; } .gallery-1 img { max-height: 300px; } .gallery-1 .projects_carousel img { max-height: 360px; } /* PROJECTS */ .filter-btns button { margin: 0 15px; } .pr-tag { left: 28px; } .pr-tag p { padding: 7px 16px; margin-bottom: 0; } .pr-data-txt { bottom: 30px; } .pr-source { width: 48px; height: 48px; bottom: 25px; } .pr-source a span { top: 10px; } .filter-item:hover .pr-tag { top: 25px; } .filter-item:hover .pr-data-txt { left: 30px; } .filter-item:hover .pr-source { right: 22px; } /* PROJECT DETAILS */ .project-category { margin-bottom: 25px; } .project-title h2 { padding-right: 14%; padding-bottom: 30px; } .project-data { margin: 40px 0; } .project-data p { margin-bottom: 6px; } .project-txt h5, .project-txt h6 { margin: 30px 0 15px; } .project-inner-img { margin: 35px 0; } .project-inner-img.d-flex { margin-left: -12px; margin-right: -12px; } .project-share-icons { margin-top: 30px; padding-top: 30px; } #project-details .more-projects { margin-top: 30px; } #project-details .more-projects span { top: 1px; left: 5px; } #project-details .more-projects.ico-25 [class*="flaticon-"]:before, #project-details .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.275rem; } /* TESTIMONIALS */ .reviews-3.pb-60 { padding-bottom: 40px; } .reviews-1-wrapper { padding-top: 65px; padding-bottom: 50px; } .reviews-1-wrapper:after { width: 84%; left: 8%; } .reviews-carousel { margin: 0 -9px; } .review-1, .review-2 { padding: 38px 25px 28px; margin: 0 10px 30px; } .review-1 { padding: 25px 22px; } .review-2 { padding: 28px 22px; } .review-4 { padding: 30px 25px; margin: 0 15px 30px; } .review-item { width: 33.33%; padding: 0 10px; margin-bottom: 25px; } .review-3 { padding: 30px 22px; } .reviews-4-title p { margin: 16px 0 0 0; } .review-ico.ico-45 { top: 12px; right: 22px; } .review-ico.ico-60 { top: 10px; left: 20px; } .review-source { top: 20px; right: 22px; } .review-source img { max-height: 25px; } .review-txt h6 { padding-right: 5%; margin-bottom: 10px; } .author-data { margin-top: 16px; } .review-2-author { margin-top: 12px; } .review-date { font-size: 0.95rem; margin: 14px 0 0; } .review-rating.ico-15 { margin-bottom: 6px; } .review-rating.ico-15.mt-15 { margin-top: 10px; margin-bottom: -8px; } .review-avatar img, .owl-carousel .owl-item .review-avatar img { width: 43px; height: 43px; } .author-data .review-author { padding: 0 0 0 11px; margin-top: 1px; } .reviews-section .more-btn.mt-35 { margin-top: 25px; } /* RATING */ .rating-1-wrapper.text-center { padding: 0 4%; } .rating-section .rating-3-wrapper { padding: 0 12%; } .rbox-1-img, .rbox-3-img { margin-bottom: 10px; } .rbox-1-img img, .rbox-3-img img { max-height: 36px; } .rbox-2-rating img { max-height: 26px; } .rbox-2-logo img { max-height: 33px; } .rbox-2-rating span { top: 2.5px; } .rbox-1 .star-rating, .rbox-3 .star-rating { font-size: 0.9rem; line-height: 1; } /* BRANDS */ .brands-2-wrapper, .brands-3-wrapper.r-5 { padding: 0 2%; } .brands-title h6, .brands-title h5 { margin-bottom: 35px; } .brands-title p { margin-bottom: 30px; } #brand-4-1, #brand-4-2, #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6 { margin-bottom: 32px; } .brands-2-wrapper .brand-logo, .brands-3-wrapper.r-5 .brand-logo { padding: 0 25px; } .brands-3-wrapper.r-6 .brand-logo { padding: 0 6px; } .brands-4-wrapper .brand-logo { padding: 0 8px; } /* AWARDS */ .awards-wrapper h6 { margin-bottom: 30px; } .award-badge { margin-left: 18px; } .award-badge.ico-105 img { max-height: 110px; } .award-badge.ico-90 img { max-height: 100px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 56px; } .integrations-2.pt-120.pb-90 { padding-bottom: 66px; } .int-1-wrapper { padding: 70px 45px 80px; } .int-2-wrapper { padding: 0; } .int-3-wrapper { padding: 70px 60px; } .integrations-2 .title-01 { padding: 0 3%; } .int-3-wrapper .title-01 { padding: 0 2%; } .tools_carousel.mb-35 { margin-bottom: 30px; } .int_tool-1 { padding: 12px 26px 12px 16px; } .int_tool-1.r-10 { padding: 10px 18px 11px; } .int_tool-1.r-0 { padding: 0 11px; } .int_tool-2 { padding: 20px; margin-bottom: 24px; } .int_tool-4 { padding: 30px 19px; margin-bottom: 30px; } .in_tool_logo { padding: 30px; margin-bottom: 25px; } .int_tool-1 .tool_logo.img-25 { margin-right: 10px; } .int_tool-1 .tool_logo.img-50 { margin-right: 13px; } .int_tool-1 .tool_logo img { width: 40px; height: 40px; } .int_tool-1 .tool_logo.img-25 img { width: 22px; height: 22px; } .int_tool-1 .tool_logo.img-50 img { width: 44px; height: 44px; } .int_tool-2 img { width: 50px; height: 50px; } .int_tool-3 img { width: 58px; height: 58px; } .tool_txt h6 { font-size: 1rem; margin-top: 1px; } .tool_txt.mt-10 h6 { margin-top: 4px; } .int_tool-2 h6 { font-size: 0.975rem; margin-top: 15px; } .int_tool-4 h6 { margin-top: 20px; margin-bottom: 16px; } .int_tool-4 p { font-size: 1rem; } .tool_category { top: 23px; right: 18px; padding: 0 10px 2px; } .tool_category span { font-size: 0.95rem; } .tool_link .btn { font-size: 1rem; padding: 0.8rem 1.4rem; margin-top: 18px; } .integrations-section .more-btn.mt-30 { margin-top: 20px; } /* PRICING */ .pricing-1-wrapper { margin-top: 16px; } .pricing-1-table { padding: 25px 30px 30px; } .pricing-1-table.highlight { padding: 0 30px 30px; } .badge-wrapper { top: -18px; } .highlight-badge { padding: 10px 25px 11px; } .pricing-discount { top: -3px; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 0.925rem; } .price span { font-size: 3.125rem; letter-spacing: -1.5px; } .price sup { font-size: 2.25rem; top: -4px; right: 2px; } .price sup.validity { font-size: 1.5rem; } .price p { margin-top: 12px; } .pricing-1-table hr { margin-top: 20px; margin-bottom: 18px; } .pricing-features li { padding: 9px 7px; } .pt-btn { margin-top: 15px; } /* Pricing Notice */ .pricing-notice { margin-top: 50px; } .pricing-notice p { padding: 0 4%; } /* Pricing Toggle Button */ .toggle-btn { margin-top: 20px; } .toggler-txt { font-size: 1.0625rem; line-height: 34px; } .switch-wrap { min-width: 53px; height: 34px; margin: 0 6px; } .switcher { font-size: 0.9rem; height: 34px; padding: 0 10px 0 30px; border-radius: 34px; } .switcher .show-annual, .switcher .show-monthly { line-height: 34px; } .switcher:before { left: 4px; bottom: 4px; width: 26px; height: 26px; } .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; } /* Pricing Compare */ .table>:not(caption)>*>* { padding: 15px 0; } .comp-table .table-responsive.mb-50 { margin-bottom: 30px; } .comp-table .table-responsive thead th { font-size: 1.0625rem; } .comp-table .table-responsive tbody th { font-size: 1rem; } .comp-table .table-responsive tbody td { font-size: 1rem; top: 1px; } .comp-table .table-responsive tbody td span { top: 2px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 1rem; } .payment-icons img { max-height: 33px; } .comp-table-payment h6 { margin-bottom: 12px; } .comp-table-payment p { font-size: 0.965rem; } /* CHANGELOG */ .release-highlights p.fs-17 { margin-top: 12px; } /* DOWNLOAD */ .download-item { padding: 35px 40px 30px; } .download-item img { max-height: 58px; margin-bottom: 20px; } .download-item h6 { font-size: 1.3125rem; } .download-item p { font-size: 1.05rem; margin-top: 5px; } /* TEAM */ .team-member { margin-bottom: 40px; } .team-member-photo { margin-bottom: 20px; } .team-1 .more-btn { margin-top: 15px; } /* BANNER */ .banner-1-wrapper .banner-overlay { padding: 60px 65px 70px; } .banner-3-wrapper { padding: 55px 65px 65px; } .banner-4-wrapper { padding: 40px 50px 50px; } .banner-5-wrapper { padding: 70px 50px 75px; } .banner-7-wrapper .banner-overlay { padding: 0 60px; } .banner-2-txt.mx-30 { margin-left: 25px; margin-right: 25px; } .banner-section .module-subtitle { margin-bottom: 25px; } .banner-1-txt p.fs-17, .banner-1-txt p.fs-18 { margin: 14px 0 22px; } .banner-2-txt p.fs-18, .banner-2-txt p.fs-19, .banner-2-txt p.fs-20 { margin-top: 20px; } .banner-3-txt p.fs-17, .banner-3-txt p.fs-18 { margin: 14px 0 25px; } .banner-5-txt p.fs-17, .banner-5-txt p.fs-18 { margin-top: 18px; } .banner-6-txt p.fs-17,.banner-6-txt p.fs-18 { margin-top: 18px; padding-right: 5%; } .banner-7-txt p.fs-17 { margin-top: 12px; margin-bottom: 20px; } .banner-2-txt .btn.mt-25 { margin-top: 22px; } .banner-2-txt .btn.mt-35 { margin-top: 25px; } .banner-3-txt .btn { margin-right: 12px; } .banner-4-btn, .banner-5-btn, .banner-6-btn { top: 8px; } .banner-4-btn p { margin: 10px 0 0; } .banner-5-btn p, .banner-6-btn p { margin: 12px 0 0; } .banner-section p.btn-txt { margin-top: 15px; } .banner-7-img.right-column { padding-left: 15px; } /* FAQs */ .faqs-1.pb-100 { padding-bottom: 70px; } .faq-1-title { padding-right: 0; margin-top: 5px; } .faq-1-title h2 { padding-right: 25px; } .faq-1-title p { margin-top: 12px; margin-bottom: 20px; padding-right: 2%; } .faqs-3 .section-title.title-01 { margin-bottom: 40px; } .faqs-3-questions.slim-wrapper { padding: 0 6%; } .faqs-4 .accordion-wrapper { padding: 20px 40px; } .faqs-2.faqs-section .accordion-item { padding: 4px 30px; } .faqs-5-questions .left-column { padding-right: 0; } .faqs-5-questions .right-column { padding-left: 0; } .faqs-5 .question { margin-bottom: 20px; } .faqs-5 .question h5 { margin-bottom: 12px; padding-right: 3%; } .faqs-3.inner-page-hero .accordion-wrapper { padding: 12px 30px; } .faqs-3-questions h4 { margin: 60px 0 25px 20px; } .faqs-section .accordion-thumb { padding: 20px 0; } .faqs-2.faqs-section .is-active .accordion-thumb { padding: 24px 0 14px; } .faqs-section .accordion-panel { padding: 0 0 5px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: 16px; } .more-questions { margin-top: 60px; } .faqs-5 .more-questions { margin-top: 35px; } .faqs-4 .more-questions, .faqs-5 .more-questions { margin-top: 60px; } /* NEWSLETTER */ .newsletter-1 .newsletter-overlay { padding: 60px 0; } .newsletter-2 .newsletter-overlay, .newsletter-4 .newsletter-overlay { padding: 65px 0; } .newsletter-3 .newsletter-overlay { padding: 35px 40px; } .newsletter-1 .newsletter-txt, .newsletter-3 .newsletter-txt { padding-right: 8%; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { margin-top: 25px; padding-left: 8%; } .newsletter-2 .newsletter-form, .newsletter-4 .newsletter-form { padding: 0 5%; margin-top: 30px; } .newsletter-section .form-control { height: 52px; } .newsletter-section .btn { height: 52px; font-size: 0.925rem; padding: 0.7rem 1.4rem; } /* BLOG LISTING */ #blog-page.pb-70 { padding-bottom: 50px; } .blog-2-wrapper { padding: 0 10%; } .blog-3-wrapper .col { padding: 0 10px; } #blog-page .blog-post { padding: 16px 16px 26px; } .blog-3-wrapper .blog-post { padding: 32px 22px 24px; } .blog-1 .blog-post-txt, .blog-2 .blog-post-txt { margin-top: 25px; } .blog-3-wrapper .blog-post-txt { margin-bottom: 30px; } #blog-page .blog-post-txt { padding: 0 10px; } .blog-post-txt h5 { margin-bottom: 10px; } .post-badge { padding: 7px 15px 9px; font-size: 0.85rem; } .blog-3-wrapper .post-meta { margin-top: 25px; margin-bottom: 5px; } .post-meta-list li:not(:last-child):after { top: -2px; } .bp-txt-icons { right: 15px; bottom: -5px; } #blog-page .bp-txt-icons { right: 10px; bottom: -10px; } /* SINGLE BLOG POST */ .post-content { padding: 0 10%; } .single-post-title { margin-bottom: 45px; } .author-avatar { margin-right: 15px; } .author-avatar img { width: 54px; height: 54px; } .post-meta h6 { font-size: 1.0625rem; } .post-meta p { font-size: 1rem; } .single-post-txt h6 { margin-bottom: 12px; } .single-post-txt h5.fs-22, .single-post-txt h5.fs-24 { margin-top: 25px; margin-bottom: 25px; } .post-inner-img { margin: 40px 0; } .post-tags-list { margin-top: 70px; } .post-tags-list span a { padding: 8px 16px; } .author-info { margin-top: 70px; padding: 40px; } .author-info-avatar { margin-right: 25px; } .author-info-avatar img { width: 70px; height: 70px; } .author-follow-btn { top: 45px; right: 40px; } #post-comments { padding-top: 70px; padding-bottom: 60px; } #post-comments img { width: 56px; height: 56px; } .comment-body { margin-left: 22px; } .comment-meta { margin-bottom: 7px; } .comment-date, .btn-reply a { font-size: 0.975rem; } .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } #leave-comment { margin-top: 70px; } .comment-form { margin-top: 45px; } .comment-form .form-control { height: 56px; font-size: 1.05rem; } .comment-form textarea { min-height: 190px; } .comment-form .btn { margin-top: 0; } /* CONTACTS */ .contacts-info p { margin: 20px 0 0; } .contacts-info h6 { margin: 25px 0 16px; } .contacts-info-socials li { padding-right: 12px; } .contact-box { margin-bottom: 20px; } .contact-box p { padding-right: 0; margin-top: 14px; } .contact-form .form-control, .contact-form .form-select { height: 56px; font-size: 1.05rem; padding: 0 15px; } .contact-form textarea { min-height: 190px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn { margin-top: 5px; } .contact-form-msg { margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 35px; } .footer-info p { padding-right: 3%; } .footer-1 .footer-links { padding-left: 0; } img.footer-logo { max-height: 30px; margin-bottom: 20px; } .footer-copyright-logo { top: -3px; } .footer-copyright-logo img.footer-logo { max-height: 26px; } .footer-qr-code { max-width: 95px; padding: 8px; margin-top: 10px; } .footer h6 { margin-bottom: 20px; } .footer h6.alt-font { font-size: 1.225rem; } .footer-6 .footer-links { margin-bottom: 15px; } .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } .footer-form .form-control, .footer-form .btn { height: 28px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; } .footer hr { margin-top: 10px; margin-bottom: 35px; } .footer-copyright.copyright-logo p { line-height: 26px; margin-left: 12px; } .bottom-footer-list { top: 5.5px; } /* INNER PAGE WRAPPER */ .inner-page-hero { padding-top: 160px; } .inner-page-title { padding-bottom: 65px; margin-bottom: 65px; } .inner-page-title p { margin-top: 18px; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 40px 0 20px; } .txt-block.legal-info h6 { margin: 20px 0; } .txt-block.legal-info h6 span, .txt-block.legal-info h5 span { margin-right: 2px; } /* SIGN IN / SIGN UP */ .register-page-logo { padding-top: 26px; } .register-page-logo img { max-height: 26px; } .register-page-form { padding: 115px 0; } .reset-page-wrapper { padding: 140px 0 120px; } .register-form-title { margin-bottom: 25px; } .register-form-title p { margin-top: 12px; } .reset-form-title { margin-bottom: 20px; } .reset-form-title p { margin-top: 18px; } .form-data span { font-size: 0.875rem; } .reset-password-form .form-data p { font-size: 1rem; margin-bottom: 10px; } .register-page-form p.create-account { font-size: 1rem; } .separator-line { margin: 22px 0; } .register-page-form .form-control { height: 54px; font-size: 1rem; margin-bottom: 22px; } .reset-page-wrapper .form-control { height: 54px; font-size: 1rem; margin-bottom: 20px; } #login .register-page-form .btn.submit { height: 54px; font-size: 1rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 54px; font-size: 1rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 54px; font-size: 1rem; } /* COOKIES */ #cookies { width: 98%; left: 1%; bottom: 20px; padding: 22px; } #cookies p { font-size: 0.9rem; } #cookies-ok { font-size: 0.85rem; right: 45px; bottom: 14px; } #cookies-close { right: 20px; top: 19px; } #cookies-close svg { width: 10px; height: 10px; } /* PAGE 404 */ .page-error { padding: 160px 0 85px; } .page-error h5 { margin: 20px 4% 35px; } /* MODAL */ .modal-dialog { max-width: 580px; } .modal-dialog.modal-xl { max-width: 660px; } #modal-1 .modal-body-content { padding: 20px 30px 0 5px; } #modal-2 .modal-body-content { padding: 5px 20px 0 8px; } .modal-body-content h4.mt-20 { margin-top: 10px; } .modal-body-content p { margin-top: 14px; margin-bottom: 18px; } .modal-1-img { margin-top: -32px; } .modal .newsletter-form .form-control, .modal .request-form .form-control { height: 52px; font-size: 0.975rem; margin-bottom: 16px; } .modal .newsletter-form .btn, .modal .request-form .btn { height: 52px; font-size: 0.975rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 768px) and (max-width: 991.98px) { .wow { animation-name: none!important; visibility: visible!important; } /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ .py-30 { padding: 24px 0; } .py-40 { padding: 30px 0; } .py-50 { padding: 40px 0; } .py-60 { padding: 50px 0; } .py-70 { padding: 60px 0; } .py-80 { padding: 60px 0; } .py-90 { padding: 70px 0; } .py-100 { padding: 80px 0; } .py-110 { padding: 90px 0; } .py-120 { padding: 95px 0; } .pt-30 { padding-top: 24px; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 40px; } .pt-60 { padding-top: 50px; } .pt-70 { padding-top: 60px; } .pt-80 { padding-top: 60px; } .pt-90 { padding-top: 70px; } .pt-100 { padding-top: 80px; } .pt-110 { padding-top: 90px; } .pt-120 { padding-top: 95px; } .pb-30 { padding-bottom: 24px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 40px; } .pb-60 { padding-bottom: 50px; } .pb-70 { padding-bottom: 60px; } .pb-80 { padding-bottom: 60px; } .pb-90 { padding-bottom: 70px; } .pb-100 { padding-bottom: 80px; } .pb-110 { padding-bottom: 90px; } .pb-120 { padding-bottom: 95px; } .px-30, .px-35 { padding-left: 0; padding-right: 0; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-50 { margin-top: 40px; } .mt-60 { margin-top: 50px; } .mt-70 { margin-top: 60px; } .mt-80 { margin-top: 60px; } .mt-90 { margin-top: 70px; } .mt-100 { margin-top: 80px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-50 { margin-bottom: 40px; } .mb-60 { margin-bottom: 50px; } .mb-70 { margin-bottom: 60px; } .mb-80 { margin-bottom: 60px; } .mb-90 { margin-bottom: 70px; } .mb-100 { margin-bottom: 80px; } .mx-15, .mx-20 { margin-left: 0; margin-right: 0; } .mx-25, .mx-30, .mx-35, .mx-40, .mx-50, .mx-60, .mx-70, .mx-80 { margin-left: 15px; margin-right: 15px; } .map-bg { left: 7%; bottom: 30px; width: 86%; } .s_shape_01 { top: -80px; left: -120px; width: 460px; height: 460px; } .s_shape_02 { top: 70px; right: -100px; width: 320px; height: 320px; } /* Text Size */ .fs-22 { font-size: 1.25rem; } /* 20px */ .fs-23 { font-size: 1.3125rem; } /* 21px */ .fs-24 { font-size: 1.375rem; } /* 22px */ .fs-26 { font-size: 1.5rem; } /* 24px */ .fs-28 { font-size: 1.625rem; } /* 26px */ .fs-30, .fs-32 { font-size: 1.75rem; } /* 28px */ .fs-34, .fs-36 { font-size: 1.875rem; } /* 30px */ .fs-38 { font-size: 2rem; } /* 32px */ .fs-40 { font-size: 2.125rem; } /* 34px */ .fs-42 { font-size: 2.25rem; } /* 36px */ .fs-44 { font-size: 2.375rem; } /* 38px */ .fs-46 { font-size: 2.5rem; } /* 40px */ .fs-48 { font-size: 2.625rem; } /* 42px */ .fs-50 { font-size: 2.75rem; } /* 44px */ .fs-52 { font-size: 2.875rem; } /* 46px */ .fs-54 { font-size: 3rem; } /* 48px */ .fs-56 { font-size: 3.125rem; } /* 50px */ .fs-58 { font-size: 3.25rem; } /* 52px */ .fs-60 { font-size: 3.375rem; } /* 54px */ .fs-62, .fs-64 { font-size: 3.5rem; } /* 56px */ .fs-66 { font-size: 3.625rem; } /* 58px */ .fs-68 { font-size: 3.75rem; } /* 60px */ .fs-70 { font-size: 3.875rem; } /* 62px */ .fs-72 { font-size: 4rem; } /* 64px */ .fs-74 { font-size: 4.125rem; } /* 66px */ .fs-76 { font-size: 4.25rem; } /* 68px */ .fs-78 { font-size: 4.375rem; } /* 70px */ .fs-80 { font-size: 4.5rem; } /* 72px */ h2.alt-font { letter-spacing: -1.5px; } /* List */ .lb-list { display: block; margin: 40px 0 15px 0; } .list-line { width: 2px; top: -15px; left: 10px; } .lb-list .list-item { padding: 10px 0 10px 35px; } .lb-list .list-item p { padding-left: 0; } .lb-list .list-item p span { top: 1.5px; right: 5px; } .lb-list.ico-15 [class*="flaticon-"]:before, .lb-list.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Button */ .btn, .btn.btn-md { font-size: 1rem; padding: 0.9125rem 1.45rem; } .btn.ico-left, .btn.ico-right { font-size: 1rem; padding: 0.9125rem 1.35rem; } .btns-group .btn.ico-30 { padding: 0.31175rem 0.5rem!important; } /* Buttons Group */ .btns-group .btn:first-child { margin-right: 10px; } /* Button Text */ p.btn-txt, .os-version-ext, .btn-rating { margin-top: 12px; } .star-rating span.rating-txt { font-size: 1rem; } /* OS Button */ .os-btn { width: 270px; min-width: 270px; padding: 16px 17px 13px; } .os-btn-ico { margin-right: 14px; } .os-btn-txt p { font-size: 1rem; margin-top: 3px; margin-bottom: 7px; } .os-btn-txt span { font-size: 0.965rem; } .btn-os.d-inline-block:first-child { margin-right: 12px; } /* Store Badges*/ .badge-img-xs .store img, .badge-img-sm .store img { max-height: 2.95rem; } .badge-img-md .store img, .badge-img-lg .store img { max-height: 3.1rem; } .store { margin-right: 10px; } /* Watch Video Link */ .watch-video { margin-top: 18px; } .watch-video-link { margin-right: 12px; } .watch-video-link span[class^="flaticon-"]:before, .watch-video-link span[class^="flaticon-"]:after { margin-left: 3px; } p.video-txt-lg { font-size: 1.1rem; margin-bottom: 6px; } p.video-txt-sm { font-size: 1rem; } /* Video Popup Icon */ .video-btn { width: 6rem; height: 6rem; margin-top: -3rem; margin-left: -3rem; } .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after { font-size: 4.55rem; line-height:6rem!important; margin-left: 8px; } /* Module Subtitle */ .module-subtitle { font-size: 0.9125rem; margin-bottom: 32px; } .subtitle-line:before { width: 25px; margin: 0px 9px 2px 0; } .subtitle-rounded { font-size: 0.875rem; padding: 10px 20px; margin-bottom: 32px; } .module-eyebrow { font-size: 1.05rem; padding: 4px 22px 5px; margin-bottom: 32px; } /* Section Title */ .title-01.mb-60, .title-02.mb-60 { margin-bottom: 40px; } .title-01.mb-70, .title-02.mb-70 { margin-bottom: 45px; } .title-01.mb-80, .title-03.mb-100 { margin-bottom: 50px; } .title-01.mb-100 { margin-bottom: 60px; } .title-03 .section-title { padding-right: 0; } .title-02, .title-03, .section-btn.text-end { text-align: center!important; } .title-02, .title-03, .row.align-items-end { align-items: flex-start!important; } .title-03 h2 {padding: 0 10%; } .title-01 p { margin-top: 20px; } .title-02 p { margin: 15px 4% 0; } .title-03 p { font-size: 1.0625rem; margin-top: 15px; padding: 0 6%; } .title-01 .btn { margin-top: 25px; margin-bottom: 0; } .title-02 .btn { margin-top: 20px; margin-bottom: 0; } .title-03 .btn { margin-bottom: 4px; } /* Block Info */ .block-info-rounded { padding: 16px 30px; } .block-info-rounded.mt-80 { margin-top: 50px; } .block-info h6 { font-size: 1.1875rem; } .block-info h6 span { margin: 0 4px; } /* Advantages */ .advantages, .text-center .advantages { margin-top: 15px; } .advantages li:not(:last-child):after { top: -1.5px; } /* Compatibility */ .compatibility { font-size: 0.95rem; margin-top: 2px; padding: 4px 16px; } /* Users */ .txt-block .users, .ws-wrapper .users, .fbox-5-txt .users { margin-top: 25px; } .users img { max-height: 46px; } .ws-wrapper .users img { top: 0; } .users p { font-size: 1rem; margin-left: 5px; } .ws-wrapper .users p { margin: 10px 0 0; } /*------------------------------------------*/ /*  NAVIGATION MENU    
  /*------------------------------------------*/ .headtoppart { display: none; } /* Mobile Header */ .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: var(--white); } .tra-menu.border-header .wsmainfull { border: none; } .theme--dark .tra-menu .wsmobileheader, .theme--dark .white-menu .wsmobileheader { background-color: var(--ink)!important; box-shadow: 0 2px 3px var(--tra-ink); } /* Mobile Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 22px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } /* Mobile Header Burger Menu */ .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; } .wsanimated-arrow span:before { top: -8px; width: 26px; } .wsanimated-arrow span:after { bottom: -8px; width: 20px; } .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span { background: transparent; } .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 1.2rem; line-height: 46px; padding: 5px 32px 6px 20px; margin: 0; } .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: var(--header-color); } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; } .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 25px; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: var(--white)!important; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--white, .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--tra-white { color: #1d222f!important; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.95rem; line-height: 20px; top: -1px; } /* SubMenu / HalfMenu / MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%!important; padding: 10px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; } .wsmenu > .wsmenu-list > li.mobile-last-link > ul.sub-menu { border-bottom: none!important; } .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.halfmenu .col-lg-6 { padding: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; border-radius: 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { opacity: 1!important; visibility: visible!important; transform: rotateX(0deg); } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; box-shadow: 0 0; border: none; position: static; left: 0; top: 0; margin: 0; padding: 5px 0 0 0; } /* Sub Menu / Half Menu / Mega Menu Links */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: var(--text-color); font-size: 1.175rem; padding: 15px 14px; } .navbar-light .wsmenu-list > li > a.h-link:hover { color: var(--black)!important; } /* Sub Menu / Half Menu / Mega Menu Links Hover */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; } .wsmegamenu h6.title { color: var(--header-color)!important; font-size: 1.25rem!important; margin: 5px 0 0 14px; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 1.2rem; line-height: 44px; border-width: 2px; padding: 5px 22px; margin: 0; border-radius: 0; } .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:before, .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; line-height: 0.75rem!important; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 1.2rem; padding: 12px 14px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 12px 14px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { display: none; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i { height: 10px; width: 10px; transform: rotate(-225deg); margin: 17px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { margin-top: 22px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 0; } .wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a { margin-left: 0; } /* Header Store Badges */ .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; } .store.header-store img { max-height: 46px; } /* Header Social Links */ .wsmenu > .wsmenu-list > li.header-socials { display: block; } .header-socials a { margin-left: 20px; margin-right: 5px; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.65rem; } /* Navbar Transparent Buttons */ #header .btn--tra-white, #header .btn--tra-black { color: var(--white)!important; background-color: var(--black)!important; border-color: var(--black)!important; } .theme--dark .btn--white, .theme--dark .btn--tra-white { background-color: var(--white)!important; border-color: var(--white)!important; } #header .btn--tra-gray { color: var(--black)!important; background-color: var(--smoke)!important; border-color: var(--smoke)!important; } /* Navbar Buttons Hover */ .hover--white:hover, .hover--tra-white:hover { color: var(--black)!important; border-color: var(--black)!important; background-color: transparent!important; } .theme--dark .hover--tra-white:hover { color: var(--white)!important; border-color: var(--white)!important; background-color: transparent!important; } .theme--dark .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: var(--white); } /*------------------------------------------*/ /*  HERO
  /*------------------------------------------*/ .hero-section { margin-top: 80px; } /* HERO QUICK FORM */ .hero-section .quick-form { padding: 5px; } .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 54px; font-size: 1.1rem; } .hero-section .quick-form.form-half .form-control { font-size: 1.05rem; padding: 0 14px; } .hero-section .quick-form.form-half .btn { font-size: 1rem; padding: 13px 35px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } .hero-section .users p { text-align: left!important; } .hero-logo { display: none; } .hero-square-logo { margin-bottom: 25px; } .hero-square-logo img { max-height: 85px; } /* HERO DIGITS */ #hd-1-1, #hd-1-2, #hd-1-3 { width: 33%; padding: 0 20px; } #hd-2-1, #hd-2-2 { width: 50%; padding: 0 20px; } .hd-2 h3.statistic-number { font-size: 2.75rem; } .hd-3 h3.statistic-number { font-size: 2.5rem; margin-bottom: 12px; } .hd-2 h3.statistic-number small { font-size: 2.5rem; margin-left: 3px; } .hd-3 h3.statistic-number small { font-size: 2.15rem; margin-left: 3px; } .hd-2 p.fs-15 { font-size: 1.0625rem; } .hd-3 p.fs-15 { font-size: 1rem; } /* HERO FRAMER TEXT */ .framer-txt-01, .framer-txt-02 { margin-bottom: 36px; } .framer-txt-03, .framer-txt-04 { margin-bottom: 25px; } .framer-txt-01 a, .framer-txt-02 a { font-size: 0.975rem; padding: 9px 22px; } .framer-txt-04 p { font-size: 1rem; padding: 6px 24px; } .framer-txt-01 span { top: 6px; right: 7px; } .widget-data.mr-15 { margin-right: 10px; } .framer-txt-01.ico-20 [class*="flaticon-"]:before, .framer-txt-01.ico-20 [class*="flaticon-"]:after { font-size: 1.5rem; } .framer-txt-04 span[class*="flaticon-"] { top: 2px; right: 5px; } .framer-txt-04 .widget-data.mr-15 span[class*="flaticon-"] { top: 2.75px; } .framer-txt-03 img { top: -3px; max-height: 28px; margin-left: 3px; } /* HERO AVATARS WIDGET */ .hero-avatars-widget { font-size: 1.0625rem; margin-bottom: 30px; } .hero-avatars-widget img { max-height: 38px; margin-right: 3px; } /* HERO SECTION ID */ .hero-section .module-subtitle { margin-bottom: 30px; } .hero-section .module-subtitle:before { width: 5px; height: 14px; margin-right: 7px; top: 2px; } /* HERO SLIDESHOW */ .slideshow, .slideshow .slides { height: 550px; } /* HERO-1 */ .hero-1 .slideshow { margin-top: 80px; } .hero-1 .caption { margin-top: 10px; } .hero-1 .caption h2 { font-size: 3.75rem; } .hero-1 .caption p { margin: 18px 5% 26px; } /* HERO-2 */ .hero-2 { text-align: center; padding: 85px 0 90px; } .hero-2-txt { padding: 0 5%; } .hero-2-txt p.fs-17 { margin: 20px 3% 30px; } .hero-2-img { margin: 50px 5% 0; } /* HERO-3 */ .hero-3 { padding-top: 85px; } .hero-3-txt p.fs-18 { margin: 16px 2% 0; } .hero-3-txt .quick-form { margin: 24px 6% 0; } .hero-3-txt .advantages { margin-top: 30px; } .hero-3-img { margin-top: 40px; } /* HERO-4 */ .hero-4 { text-align: center; padding-top: 85px; margin-bottom: 55px; } .hero-4-txt { margin-top: 0; padding: 0 3%; } .hero-4-txt h2 { font-size: 3.5rem; } .hero-4-txt p.fs-17 { margin: 18px 8% 20px; } .hero-4-txt .advantages { margin-top: 22px; } .hero-4-img { margin: 40px 0 -55px 0; } /* HERO-5 */ .hero-5 { text-align: center; padding: 80px 0; } .hero-5-txt { padding: 0 8%; } .hero-5-txt p.fs-18 { margin: 20px 3% 0; } .hero-5-txt .quick-form { margin: 25px 5% 0; } .hero-5-txt .advantages { margin-top: 25px; } .hero-5-img { margin: 50px 5% 0; padding-left: 0; } /* HERO-6 */ .hero-6 { text-align: center; padding-top: 80px; margin-bottom: 60px; } .hero-6-txt { margin-top: 0; padding-left: 0; } .hero-6-txt p.fs-18 { margin: 16px 8% 26px; } .hero-6-txt .os-version-ext { margin-top: 20px; } .hero-6-img { margin: 50px 5% -60px; } /* HERO-7 */ .hero-7 { padding-top: 80px; } .hero-7-txt h2 { font-size: 3.3rem; } .hero-7-txt p.fs-19 { margin: 20px 0 25px; } .hero-7-img { margin: 40px 0 -60px; } /* HERO-8 */ .hero-8-wrapper { text-align: center; margin-top: 110px; padding: 80px 50px 70px; } .hero-8-txt .hero-avatars-widget { font-size: 1.0625rem; } .hero-8-txt .hero-avatars-widget img { max-height: 36px; top: 0; } .hero-8-txt h2 { font-size: 3rem; padding: 0 3%; } .hero-8-txt p.fs-17 { margin: 18px 0 22px; } .hero-8-img { margin: 50px 5% 0; } /* HERO-9 */ .hero-9 { text-align: center; padding: 80px 0; } .hero-9-txt { margin: 0; } .hero-9-txt h2 { font-size: 3.25rem; padding: 0 3%; } .hero-9-txt p.fs-17 { margin: 16px 8% 22px; } .hero-9-txt .hero-digits { margin-top: 40px; } .hero-9-img { margin: 45px 5% 0; } /* HERO-10 */ .hero-10 { text-align: center; padding-top: 80px; margin-bottom: 60px; } .hero-10-txt h2 { font-size: 3.15rem; } .hero-10-txt p.fs-18 { margin-top: 22px; } .hero-10-btn { margin: 25px 0 0; } .hero-10-img { margin: 50px 0 -60px; } /* HERO-11 */ .hero-11 { text-align: center; padding: 80px 0 0; margin-bottom: 50px; } .hero-11-txt { margin-bottom: 0; padding: 0 3%; } .hero-11-txt p.fs-17 { margin: 18px 3% 0; } .hero-11-txt .quick-form { margin: 25px 5% 0; } .hero-11-img { margin: 40px 0 -50px; } .hero-11-txt .advantages { margin-top: 24px; margin-left: 0; } /* HERO-12 */ .hero-12 { text-align: center; padding: 90px 0 95px; } .hero-12-txt p.fs-18 { margin-top: 18px; } .hero-12-txt .quick-form { margin: 24px 6% 0; } .hero-12-txt .advantages { margin-top: 25px; } .hero-12-img { margin: 50px 5% 0; padding-left: 0; } /* HERO-13 */ .hero-13 { padding-top: 80px; } .hero-13-txt h2 { padding: 0 4%; } .hero-13-txt p.fs-18 { margin: 20px 10% 25px; } .hero-13-brands { margin: 45px 15px 0; } .hero-13-image { margin-top: 50px; padding: 50px 30px 0; border-radius: 12px; } .hero-13-img { margin-bottom: -85px; } .hero-13-img .video-btn { top: calc(50% - 35px); } /* HERO-14 */ .hero-14 { text-align: center; padding-top: 80px; margin-bottom: 40px; } .hero-14-txt { margin: 0 5%; } .hero-14-txt h2 { font-size: 3.5rem; padding: 0; } .hero-14-txt p.fs-18 { margin: 20px 3% 25px; } .hero-14-brands { margin-top: 50px; margin-right:0; padding: 28px 30px; } .hero-14-img { margin: 50px 5% -40px; } /* HERO-15 */ .hero-15 { padding-top: 80px; } .hero-15-txt p.fs-18 { margin: 18px 0 24px; } .hero-15-txt .advantages { margin-top: 25px; } .hero-15-img { margin-top: 40px; } /* HERO-16 */ .hero-16 { text-align: center; padding: 80px 0; } .hero-16-txt { margin-top: 0; } .hero-16-txt h6 { margin-bottom: 30px; } .hero-16-txt h6 span { top: 10px; right: 2px; } .hero-16-txt h2.fs-50 { font-size: 3rem; } .hero-16-txt p.fs-17 { margin: 18px 0 24px; } .hero-16-txt .hero-digits { margin-top: 50px; } .hero-16-img { margin: 50px 5% 0; } /* HERO-17 */ .hero-17 { padding-top: 80px; margin-bottom: 70px; } .hero-17-txt h2 { font-size: 3.325rem; } .hero-17-txt p.fs-18 { font-size: 1.15rem; margin: 20px 3% 25px; } .hero-17-img { margin: 50px 0 -70px; } /* HERO-18 */ .hero-18 { padding-top: 80px; } .hero-18-txt h2 { padding: 0 2%; } .hero-18-txt p.fs-19 { margin: 18px 0 24px; } .hero-18-brands { margin: 45px 8px 0; } .hero-18-img { margin: 50px 0 -30px; } /* HERO-19 */ .hero-19 { text-align: center; padding: 80px 0; } .hero-19-txt { margin-bottom: 50px; } .hero-19-txt h2 { font-size: 3.75rem; } .hero-19-txt p.fs-17, .hero-19-txt p.fs-18 { margin: 20px 0 30px; } .hero-19-img { margin-left: 20px; } /* HERO-20 */ .hero-20 { padding-top: 90px; padding-bottom: 10px; } .hero-20-txt { text-align: center; margin-top: 0; } .hero-20-txt h2 { margin-bottom: 28px; } .hero-20-txt p { padding: 0 5%; } #hero-20-form { padding: 35px; margin: 40px 4% 0; } .form-logo img { max-height: 28px; } #hero-20-form p { margin: 16px 0 22px; } #hero-20-form .btn { height: 54px; padding: 16px; } /* HERO-21 */ .hero-21 { padding: 80px 0; } .hero-21-txt h2 { font-size: 3.45rem; padding: 0 3%; } .hero-21-txt .advantages { margin-top: 25px; } .hero-21-img { margin-top: 50px; } .hero-21-brands { margin-top: 50px; } /* HERO-22 */ .hero-22 { padding-top: 90px; margin-bottom: 70px; } .hero-22-txt p.fs-18 { margin: 22px 6% 0; } .hero-22-txt .quick-form { margin: 35px 6% 0; } .hero-22-txt .advantages { margin-top: 30px; } .hero-22-img { margin: 40px 0 -70px; } /* HERO-23 */ .hero-23-wrapper { padding-top: 80px; padding-bottom: 45px; } .hero-23-widget { margin-bottom: 32px; } .hero-23-widget span { font-size: 1rem; padding: 9px 15px; } .hero-23-txt h2 { font-size: 3.275rem; } .hero-23-txt p.fs-18 { margin: 18px 0 20px; } .hero-23-image { padding: 45px 30px 0; } .hero-23-image p { margin-bottom: 28px; } .hero-23-img { margin-bottom: -14%; } .hero-23-img .video-btn { top: calc(50% - 40px); } /* HERO-24 */ .hero-24 { padding: 100px 0; } .hero-24 .wave-shape-bottom { bottom: -3px; } .hero-24-txt p.fs-18 { margin: 22px 4% 28px 0; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* ABOUT */ .about-2-title { margin-bottom: 15px; } .about-1-txt { margin-bottom: 45px; padding-right: 5%; } .about-3-txt { padding-right: 5%; } #a2-1 { margin-bottom: 16px; } .about-2 .txt-block h4 { margin-bottom: 15px; } .about-1-txt p { margin-top: 25px; } .about-3-txt p { margin: 16px 0 0; } .about-3-btn.text-end { text-align: left!important; } .about-3-btn { margin: 18px 0 0 0; } .a-1-1 { padding-left: 50px; margin-bottom: 24px; } .about-3-img { margin-top: 45px; } /* CAREERS */ .careers-1.pb-70 { padding-bottom: 45px; } .jobs-category h4 { margin-left: 10px; margin-bottom: 25px; } .jobs-wrapper { padding: 15px 18px 11px; margin-bottom: 35px; } .career-item.b-border { padding-bottom: 10px; margin-bottom: 15px; } .career-item h5 {font-size: 1.2rem; } .position-link { top: 1px; right: -2px; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } /* JOB POSITION */ .job-position-title { margin: 80px 0 20px; padding: 60px 0; } .job-position-title p { margin-top: 25px; } .job-position-title .btn { padding: 0.8rem 1.75rem; margin-bottom: 2px; } .position-info h5 { margin: 30px 0 15px; } .position-info .btn { margin-top: 25px!important; } /* FEATURES */ .features-section.mt-30 { margin-top: 30px; } .features-section.pb-30 { padding-bottom: 30px; } .features-6 .fbox-wrapper { text-align: center; } .fbox-8-wrapper { padding: 65px 50px 80px; } /* FBOX-1 */ .fbox-1.fb-3 { margin-top: 30px; } .fbox-1 .fbox-ico-wrap { margin-right: 20px; } /* FBOX-2 */ .fbox-2 { padding-left: 25px; } .fbox-2.fb-1, .fbox-2.fb-2 { margin-bottom: 40px; } /* FBOX-3 */ .rows-2 .fbox-3.fb-1, .rows-2 .fbox-3.fb-2, .rows-3 .fbox-3.fb-1, .rows-3 .fbox-3.fb-2, .rows-3 .fbox-3.fb-3, .rows-3 .fbox-3.fb-4 { margin-bottom: 30px; } .fbox-3 .fbox-ico-wrap { margin-right: 20px; } /* FBOX-4 */ .fbox-4 { display: block; padding: 35px; } .fbox-4.fb-1, .fbox-4.fb-2 { margin-bottom: 24px; } .fbox-4 .fbox-ico-wrap { margin : 0 0 18px 0; } .fbox-4 .fbox-ico { margin-top: 0; } /* FBOX-5 */ .rows-2 .fbox-5.fb-1, .rows-2 .fbox-5.fb-2, .rows-2 .fbox-5.fb-3, .rows-2 .fbox-5.fb-4 { margin-bottom: 25px; } .fbox-5 .fbox-ico-wrap { margin-right: 18px; } .fbox-5 .fbox-txt p { padding-right: 4%; } /* FBOX-6 */ .fbox-6.fb-3 { margin-top: 35px; } .fbox-6 .fbox-img.r-12 { padding-top: 30px; margin: 0 0 45px; } .fbox-6 .fbox-img.r-12 img {max-height: 185px; margin-bottom: -25px; } /* FBOX-7 */ .fbox-7 { padding: 30px 20px; } .fbox-7.fb-7 { padding: 60px 35px; } .fbox-7.fb-1 .fbox-7-img, .fbox-7.fb-7 .fbox-7-img { margin: 30px 2% 0; } .fbox-7.fb-2 .fbox-7-img, .fbox-7.fb-3 .fbox-7-img, .fbox-7.fb-4 .fbox-7-img { margin: 0 2% 30px; } .fbox-7.fb-5 .fbox-7-img, .fbox-7.fb-6 .fbox-7-img { margin: 30px 2% 0; } .fbox-7.fb-7 .fbox-7-img { padding-left: 0; margin-top: 40px; } /* FBOX-8 */ .fbox-8 { padding: 50px; } .fbox-8.fb-1 { margin-bottom: 35px; } .fbox-8-img { padding-left: 3%; padding-right: 3%; } /* FBOX-9 */ .fbox-9.fb-1, .fbox-9.fb-2, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3, .rows-2 .fbox-9.fb-4 { margin-bottom: 24px; } .fbox-9 a.tra-link { font-size: 1rem; } .fbox-7 .module-subtitle { margin-bottom: 22px; } .fbox-1 h5, .fbox-3 h5, .fbox-5 h5, .fbox-7 h5 { margin-bottom: 12px; } .fbox-4 h5, .fbox-7 h5, .fbox-7.fb-5 h5, .fbox-7.fb-6 h5 { margin-bottom: 14px; } .fbox-6-txt h5 { margin: 22px 0 12px; } .fbox-7 h3 { margin-bottom: 16px; } .fbox-8 h5.fs-26 { font-size: 1.625rem; margin: 30px 0 14px; } .fbox-9 h5 { margin: 15px 0 14px; } .features-section p.fs-15 { font-size: 1rem; } /* CONTENT */ .content-section.division { padding-left: 30px; padding-right: 30px; } .ct-06 .section-overlay { margin-bottom: 60px; } .bc-01 .section-overlay { padding: 60px 40px; } .bc-02 .section-overlay { padding: 60px 50px; } .bc-03-wrapper { padding: 60px 50px; } .bc-04 .section-overlay { padding: 65px 35px 0; } .bc-05-wrapper { padding: 65px 40px; } .bc-06-wrapper { padding: 60px 60px 50px; } .ct-05 .section-title.mb-70 { margin-bottom: 40px; } .bc-04 .section-title { margin-bottom: 35px; } .bc-04 .section-title p { padding: 0; } .txt-block.left-column, .bc-01 .txt-block.left-column { padding-right: 0; } .txt-block.right-column, .bc-01 .txt-block.right-column { padding-left: 0; } .bc-02.mt-30 { margin-top: 30px; } .bc-03-title { padding-right: 12%; margin-bottom: 40px; } .bc-5-txt { padding: 0; margin-bottom: 40px; } .bc-06 .txt-block.left-column { text-align: center; margin-bottom: 40px; } .bc-5-txt p { font-size: 0.95rem; } .txt-block-stat { margin-top: 30px; } .txt-box, .bc-1-wrapper .txt-box { margin-bottom: 15px; } .txt-block h2, .txt-block h5, .bc-02 .txt-block h5, .bc-03 .txt-block h5, .bc-06 .txt-block h2 { margin-bottom: 20px; } .bc-5-txt h2, .bc-5-txt h3 { padding-right: 10px; margin-bottom: 20px; } h5.h5-title { margin: 14px 0; } .bc-06 .txt-block h2.fs-44 { font-size: 2.625rem; margin-bottom: 20px; } ul.simple-list li:not(:last-child) p { margin-bottom: 8px; } .txt-block .btn, .bc-06 .txt-block .btn { margin-top: 18px; } .txt-block-tra-link { margin-top: 14px; } .txt-block .stores-badge { margin-top: 20px; } /* CBOX-1 */ .cbox-1 .ico-wrap { margin-right: 1.1875rem; } .cbox-1-ico { width: 2.1rem; height: 2.1rem; font-size: 1.0625rem; line-height: 1.75rem; margin-top: 2px; } .cbox-1-txt { margin-bottom: 20px!important; } /* CBOX-2 */ .cbox-2.mt-30 { margin-top: 16px; } .cbox-2 .ico-wrap { margin-right: 1.2rem; } .cbox-2-ico { top: 6px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.4rem; } .cbox-2-ico img { width: 2.5rem; height: 2.5rem; } .cbox-2-txt { margin-bottom: 20px!important; } .cbox-2-txt.mb-30 { margin-bottom: 16px!important; } .cbox-2:last-child .cbox-2-txt { margin-bottom: 0!important; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 10px!important; } /* CBOX-3 */ .cbox-3.mt-25 { margin-top: 19px; } .cbox-3-txt { padding-left: 15px; } .cbox-3-ico span { top: 6px; } .cbox-3-ico.ico-30 [class*="flaticon-"]:before, .cbox-3-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.55rem; } .cbox-3-txt p { margin-bottom: 12px; } /* CBOX-4 */ .cbox-4-wrapper { margin-top: 30px; } .box-title { margin-bottom: 8px; } .box-title span { top: 7px; right: 6px; } .box-title.ico-30 span[class*="flaticon-"]:before, .box-title.ico-30 span[class*="flaticon-"]:after { font-size: 2rem; line-height: .5rem!important; } .box-title h6 { font-size: 1.35rem; } /* CBOX-5 */ .cbox-5 { width: 315px; min-width: 315px; padding: 14px 20px 12px; } .cbox-5.cb-1 { margin: 8px 20px 0 0; } .cbox-5-txt { padding-left: 15px; } .cbox-5-txt h6 { margin-top: 2px; margin-bottom: 2px; } /* CBOX-6 */ .cbox-6-wrapper { margin-top: 50px; } .cbox-6 { padding: 35px 40px; margin: 0; } .cbox-6 hr { margin-top: 35px; margin-bottom: 30px; } .cbox-6 h2.statistic-number { font-size: 3rem; } .cbox-6 .statistic-number sup { font-size: 2.75rem; top: -4px; right: 0; margin-right: 5px; } .cbox-6-title h6 { margin-bottom: 22px; } .cbox-6-title p.ico-10 { margin-top: 16px; } .cbox-6-title p.ico-10 span.r-06 { font-size: 1rem; padding: 5px 9px; margin-right: 3px; } .cbox-6-img { margin: 35px 2% 0; } .cbox-6-txt.mt-30 { margin-top: 18px; } .cbox-6-data { padding: 9px 15px; } .cbox-6-data.mt-25 { margin-top: 18px; } /* CBOX-7 */ .cbox-7.cb-1, .cbox-7.cb-2 { margin-bottom: 25px; } .cbox-7 .cbox-title { margin-bottom: 16px; } /* CBOX-8 */ .cbox-8.ico-15 span { top: 1.5px; right: 10px; } .cbox-8.ico-15 [class*="flaticon-"]:before, .cbox-8.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; } /* Accordion */ .txt-block .accordion-1 .accordion-item { padding: 18px 0 22px; } .txt-block .accordion-1 .accordion-item:first-child { padding: 0 0 22px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.85rem; line-height: 30px; top: -4px; } /* Tabs */ .tabs-nav { margin-top: 40px; } .tabs-1 li { margin-bottom: 6px; padding: 25px 30px; } .tab-link p { margin-top: 6px; } #tabs-1 .img-block.left-column, #tabs-1 .img-block.right-column { margin-top: 0; } /* Content Image */ .ct-01 .img-block.right-column, .ct-02 .img-block.right-column, .ct-01 .img-block.left-column, .ct-02 .img-block.left-column { margin: 45px 5% 0; } .ct-03 .img-block img { max-width: 100%; margin: 40px 0 0; } .ct-04 .img-block { padding: 0; margin: -50px -15px 0; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -60px; } .img-block-txt, .img-block-btn { margin-top: 35px; } .img-block-btn .advantages { margin-top: 20px; } .bc-01 .img-block, .bc-2-img { margin: 40px 0 0; } .bc-3-img { display: none; } .bc-3-img img { max-height: 100%; } .bc-5-img img { border-radius: 12px; } .bc-4-img { margin-bottom: -70px; } .bc-4-img .video-btn { top: calc(50% - 25px); } /* STATISTIC */ .statistic-1-wrapper .statistic-block { padding: 10px 0 10px 15px; } .statistic-2 .statistic-blocks.left-column { margin-right: 0; } .statistic-2-wrapper .statistic-block { padding: 50px 40px; } .statistic-2 .txt-block { margin-bottom: 50px; } .statistic-5-wrapper { padding: 0%; } .txt-block-stat.mt-30 { margin-top: 18px; } #sb-3-1, #sb-3-2 { width: 40%; } #sb-4-1, #sb-4-2 { margin-bottom: 40px; } .statistic-ico { margin-bottom: 14px; } h3.statistic-number { font-size: 3rem; line-height: 1; } .statistic-1-wrapper h5 { margin: 16px 0 12px; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.85rem; letter-spacing: 0; margin-bottom: 12px; } .statistic-5-wrapper h2.statistic-number { font-size: 2.85rem; } .statistic-5-wrapper h6 { margin-top: 15px; } .statistic-2-wrapper p { font-size: 1.1rem; } .statistic-4-wrapper p { font-size: 1.0625rem; margin-top: 20px; } .statistic-5-wrapper p { font-size: 1rem; padding: 0; margin-bottom: 25px; } .statistic-block span[class*="flaticon-"] { top: -8px; } .statistic-block .alt-font span[class*="flaticon-"] { top: -12px; } .line-highlight { left: 20%; width: 60%; height: 10px; margin-top: -9px; } .statistic-4 .line-highlight { left: 32%; width: 36%; height: 10px; margin-top: -9px; } /* GALLERY */ .gallery-1 .carousel_slide { margin-left: 15px; } .gallery-1 img { max-height: 285px; } .gallery-1 .projects_carousel img { max-height: 360px; } /* PROJECTS */ .projects-1 .section-txt.text-end { text-align: center!important; } .projects-1 .title-03 h2.fs-50 { font-size: 3rem; } .projects-1 .title-03 .filter-btns { margin: 30px 0 0; } .filter-btns button { font-size: 1.0625rem; } .pr-tag { left: 24px; } .pr-tag p { padding: 7px 16px; margin-bottom: 0; } .pr-data-txt { width: 80%; bottom: 25px; } .pr-source { width: 44px; height: 44px; bottom: 18px; } .pr-source a span { top: 8px; } .filter-item:hover .pr-tag { top: 20px; } .filter-item:hover .pr-data-txt { left: 25px; } .filter-item:hover .pr-source { right: 18px; } /* PROJECT DETAILS */ .project-category { margin-bottom: 25px; } .project-title h2 { padding-right: 5%; padding-bottom: 30px; } .project-data { margin: 40px 0; } .project-data p { margin-bottom: 8px; } .project-txt h5, .project-txt h6 { margin: 30px 0 15px; } .project-inner-img { margin: 30px 0; } .project-inner-img.d-flex { margin-left: -12px; margin-right: -12px; } .project-share-icons { margin-top: 30px; padding-top: 30px; } #project-details .more-projects { margin-top: 30px; } #project-details .more-projects span { top: 1px; left: 4px; } #project-details .more-projects.ico-25 [class*="flaticon-"]:before, #project-details .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.175rem; } /* TESTIMONIALS */ .reviews-3.pb-60 { padding-bottom: 40px; } .reviews-1-wrapper { padding-top: 55px; padding-bottom: 45px; } .reviews-1-wrapper:after { width: 78%; left: 11%; } .reviews-4-wrapper { margin: 40px 0 0; } .reviews-4-fade { display: none; } .reviews-4-title { text-align: center; margin-top: 0; padding: 0 8%; } .reviews-4-title h2 { padding: 0 5%; } .reviews-4-title p { margin: 16px 5% 0; } .reviews-carousel { margin: 0 -10px; } .review-1, .review-2 { padding: 35px 30px 28px; margin: 0 12px 30px; } .review-1 { padding: 25px; } .review-2 { padding: 30px; } .review-4 { padding: 30px 30px; margin: 0 15px 30px; } .review-item { width: 50%; padding: 0 15px; margin-bottom: 25px; } .review-3 { padding: 30px; } .review-ico.ico-45 { top: 13px; right: 25px; } .review-ico.ico-60 { top: 10px; left: 20px; } .review-source { top: 20px; right: 22px; } .review-source img { max-height: 26px; } .review-txt h6 { padding-right: 5%; margin-bottom: 10px; } .author-data { margin-top: 16px; } .review-2-author { margin-top: 12px; } .review-date { font-size: 0.95rem; margin: 15px 0 0; } .review-rating.ico-15 { margin-bottom: 5px; } .review-rating.ico-10 [class*="flaticon-"]:before, .review-rating.ico-10 [class*="flaticon-"]:after, .review-rating.ico-15 [class*="flaticon-"]:before, .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.05rem; } .review-avatar img, .owl-carousel .owl-item .review-avatar img { width: 41px; height: 41px; } .author-data .review-author { padding: 0 0 0 13px; margin-top: 1.5px; } .review-author h6 { font-size: 1.05rem; margin-bottom: 8px; } .review-2-author p { font-size: 1rem; } .reviews-section .more-btn.mt-35 { margin-top: 25px; } /* RATING */ .rating-section .rating-1-wrapper, .rating-section .rating-3-wrapper { padding: 0; } .rbox-1 .star-rating { font-size: 0.925rem; } .rbox-1 .star-rating span { top: -1.5px; } .rbox-3 .star-rating { font-size: 0.975rem; } .rbox-3 .star-rating span { top: -1px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 0.925rem; } .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 0.975rem; } .rbox-1-img { margin-bottom: 12px; } .rbox-1-img img { max-height: 36px; } .rbox-2-rating img { top: 0; max-height: 24px; } .rbox-2-logo img { max-height: 30px; } .rbox-3-img { margin-bottom: 10px; } .rbox-3-img img { max-height: 34px; } .rbox-2 h6 { font-size: 1.1875rem; } /* BRANDS */ .brands-2-wrapper, .brands-3-wrapper.r-5, .brands-4-wrapper { justify-content: center; padding: 0; } #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8, #brand-4-7, #brand-4-8 { margin-bottom: 40px; } .r-5 #brand-3-1, .r-5 #brand-3-2, .r-5 #brand-3-3 { margin-bottom: 30px; } .r-6 #brand-3-1, .r-6 #brand-3-2, .r-6 #brand-3-3 { margin-bottom: 32px; } .brands-title h6, .brands-title h5 { margin-bottom: 30px; } .brands-title p { margin-bottom: 28px; } .brands-2-wrapper .brand-logo { width: 25%; padding: 0 24px; } .brands-3-wrapper.r-5 .brand-logo { width: 33.3333%; padding: 0 40px; } .brands-3-wrapper.r-6 .brand-logo { padding: 0 35px; } /* AWARDS */ .awards-1 .row.align-items-end { align-items: flex-start !important; } .awards-1 .txt-block { margin-top: 15px; } .awards-wrapper { padding-right: 10px; } .awards-wrapper h6 { margin-bottom: 30px; } .awards-1 .award-badge { margin-left: 20px; } .awards-2 .award-badge { margin: 0 8px; } #awb-1-1, #awb-1-2 { margin-bottom: 25px; } .award-badge.ico-105 img { max-height: 110px; } .award-badge.ico-90 img { max-height: 100px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 46px; } .integrations-2.pt-120.pb-90 { padding-bottom: 51px; } .int-1-wrapper { padding: 70px 10px 80px; } .int-2-wrapper { padding: 0; } .int-3-wrapper { padding: 70px 55px; } .int-3-wrapper .title-01 { padding: 0; } .tools_carousel.mb-35 { margin-bottom: 25px; } .int_tool-1 { padding: 12px 26px 12px 16px; } .int_tool-1.r-10 { padding: 10px 18px 11px; } .int_tool-1.r-0 { padding: 0 11px; } .int_tool-2 { padding: 25px 20px; margin-bottom: 24px; } .int_tool-4 { padding: 30px 25px; margin-bottom: 30px; } .in_tool_logo { padding: 45px 30px; margin-bottom: 25px; } .int_tool-1 .tool_logo.img-25 { margin-right: 10px; } .int_tool-1 .tool_logo.img-50 { margin-right: 13px; } .int_tool-1 .tool_logo img { width: 40px; height: 40px; } .int_tool-1 .tool_logo.img-25 img { width: 22px; height: 22px; } .int_tool-1 .tool_logo.img-50 img { width: 44px; height: 44px; } .int_tool-2 img { width: 50px; height: 50px; } .int_tool-3 img { width: 55px; height: 55px; } .int_tool-4 img { width: 60px; height: 60px; } .tool_txt.mt-10 h6 { margin-top: 4px; } .int_tool-2 h6 { font-size: 1rem; margin-top: 16px; } .int_tool-4 h6 { margin-top: 22px; margin-bottom: 16px; } .int_tool-4 p { font-size: 1rem; } .tool_category { top: 23px; right: 25px; padding: 2px 12px 4px; } .tool_category span { font-size: 0.95rem; } .tool_link .btn { font-size: 1rem; padding: 0.85rem 1.4rem; margin-top: 18px; } .integrations-section .more-btn.mt-20 { margin-top: 12px; } .integrations-section .more-btn.mt-30 { margin-top: 20px; } /* PRICING */ #pt-1-1, #pt-1-2 { margin-bottom: 20px; } /* Pricing Notice */ .pricing-notice { margin-top: 40px; } .pricing-notice p { padding: 0; } /* Pricing Toggle Button */ .toggle-btn { margin-top: 20px; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 12px 0x; } .comp-table .table-responsive thead th { font-size: 1.1rem; } .comp-table .table-responsive tbody th { font-size: 1.0625rem; } .comp-table .table-responsive tbody td { font-size: 1.0625rem; top: 1px; } .comp-table .table-responsive tbody td span { top: 1px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.715rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.925rem; } #pbox-1, #pbox-2 { margin-bottom: 30px; } .comp-table-payment h6 { margin-bottom: 14px; } .payment-icons li { padding-right: 4px; } .comp-table-payment .payment-icons { margin-top: 20px; } .comp-table-payment .payment-icons img { width: auto; max-width: inherit; max-height: 32px; } /* CHANGELOG */ .changelog-title { padding: 90px 0 70px; margin: 80px 0; } .changelog-title p { margin-top: 20px; padding-right: 5%;} .version-release { margin-bottom: 75px; } .release-data { padding-bottom: 25px; margin-bottom: 20px; } span.version-data { font-size: 1.4rem; margin-bottom: 20px; } span.version-data span { font-size: 1.325rem; padding: 4px 10px; border-radius: 6px; margin-right: 6px; } span.release-date { font-size: 1.1rem; } .release-highlights h6 { margin-bottom: 18px; } .release-highlights ul.simple-list li:not(:last-child) p { margin-bottom: 5px; } .release-highlights p.fs-17 { margin-top: 12px; } .release-preview { margin-bottom: 20px; } /* DOWNLOAD */ #di-1, #di-2 { margin-bottom: 30px; } .download-item { padding: 40px 25px 35px; } .download-item img { max-height: 60px; margin-bottom: 25px; } .download-item h6 { font-size: 1.5rem; } .download-item p { font-size: 1.125rem; margin-top: 5px; } /* TEAM */ .team-member { margin-bottom: 40px; } .team-member-photo { margin-bottom: 22px; } .team-member-data h6 { font-size: 1.375rem; } .team-member-data p { font-size: 1.1rem; } .team-1 .more-btn { margin-top: 15px; } /* BANNER */ .banner-3 { text-align: center; } .banner-7 { padding-top: 0; } .banner-1-wrapper .banner-overlay { padding: 55px 50px 65px; } .banner-2 .banner-overlay.pt-80.pb-90, .banner-2 .banner-overlay.pt-90.pb-100 { padding: 65px 0 65px; } .banner-3-wrapper { padding: 60px 60px 70px; } .banner-4-wrapper { text-align: center; padding: 40px 10%; } .banner-5-wrapper { text-align: center; padding: 60px 50px 70px; } .banner-6-wrapper { text-align: center; } .banner-4-wrapper .text-end, .banner-5-wrapper .text-end, .banner-6-wrapper .text-end { text-align: center!important; } .banner-7-wrapper .banner-overlay { text-align: center; padding: 60px 40px 0; } .banner-section .module-subtitle { margin-bottom: 18px; } .banner-1-txt h2 { padding: 0 3%; } .banner-3-txt h2.fs-48 { font-size: 2.65rem; } .banner-4-txt h3 { font-size: 2.8125rem; } .banner-4-txt h3.alt-font { font-size: 3rem; } .banner-7-txt h2 { font-size: 3.65rem; padding: 0 8%; } .banner-1-txt p.fs-17, .banner-1-txt p.fs-18 { margin: 12px 0 20px; } .banner-2-txt p.fs-18, .banner-2-txt p.fs-19, .banner-3-txt p.fs-20 { margin-top: 15px; } .banner-3-txt p.fs-17, .banner-3-txt p.fs-18 { margin: 12px 0 24px; } .banner-5-txt p.fs-17, .banner-5-txt p.fs-18 { margin: 18px 3% 0; } .banner-6-txt p.fs-17, .banner-6-txt p.fs-18 { margin: 18px 5% 0; padding: 0; } .banner-7-txt p.fs-17 { margin: 12px 10% 20px; } .banner-2-txt .btn.mt-25 { margin-top: 18px; } .banner-2-txt .btn.mt-35 { margin-top: 22px; } .banner-3-txt .btn { margin-right: 12px; } .banner-4-btn { display: block; top: 0; margin-top: 18px; } .banner-5-btn, .banner-6-btn { display: block; top: 0; margin-top: 22px; } .banner-4-btn p { margin: 10px 0 0!important; } .banner-section p.btn-txt { margin-top: 15px; } .banner-7-img.right-column { margin: 50px 5% -30%; padding: 0; } /* FAQs */ .faqs-1.pb-100 { padding-bottom: 53px; } .faq-1-title { padding-right: 0; margin: 0 0 30px; } .faq-1-title p { margin-top: 14px; margin-bottom: 18px; } .faqs-4 .accordion-wrapper { padding: 16px 30px; } .faqs-2.faqs-section .accordion-item { padding: 4px 26px; } .faqs-5-questions .left-column { padding-right: 0; } .faqs-5-questions .right-column { padding-left: 0; } .faqs-5 .question { margin-bottom: 20px; } .faqs-5 .question h5 { padding-right: 0; margin-bottom: 10px; } .faqs-3.inner-page-hero .accordion-wrapper { padding: 10px 30px; } .faqs-3-questions h4 { margin: 50px 0 25px 15px; } .faqs-section .accordion-thumb, .faqs-2.faqs-section .accordion-thumb { padding: 18px 0; } .faqs-2.faqs-section .is-active .accordion-thumb { padding: 24px 0 14px; } .faqs-section .accordion-panel { padding: 0 0 5px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.85rem; line-height: 30px; top: 12px; } .more-questions { margin-top: 45px; } .faqs-4 .more-questions { margin-top: 50px; } .faqs-5 .more-questions { margin-top: 30px; } .more-questions-btn { margin-top: 5px; } /* NEWSLETTER */ .newsletter-1 .newsletter-overlay { text-align: center; padding: 50px 14% 40px; } .newsletter-2 .newsletter-overlay { padding: 50px 5% 55px; } .newsletter-3 .newsletter-overlay { text-align: center; padding: 40px 14% 30px; } .newsletter-4 .newsletter-overlay { padding: 60px 5% 50px; } .newsletter-txt h4, .newsletter-txt h3, .newsletter-txt h2 { font-size: 2rem; padding: 0; margin-bottom: 25px; } .newsletter-2 .newsletter-txt p, .newsletter-4 .newsletter-txt p { padding: 0 4%; margin-bottom: 0; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { margin-top: 0; padding: 0 8%; } .newsletter-2 .newsletter-form, .newsletter-4 .newsletter-form { padding: 0 8%; margin-top: 25px; } .newsletter-section .form-control { height: 50px; margin-right: 8px; } .newsletter-section .btn { height: 50px; padding: 0.7rem 1.45rem; } /* BLOG LISTING */ #blog-page.pb-70 { padding-bottom: 50px; } #bp-1-1, #bp-1-2 { margin-bottom: 40px; } #bp-3-1, #bp-3-2 { margin-bottom: 25px; } #bp-2-1 { padding-right: 0; } #bp-2-2 { padding-left: 0; } .blog-1 h3 { margin-bottom: 40px; } .blog-3 h5 {font-size: 1.3rem; } .blog-3-wrapper .blog-post { padding: 34px 24px 24px; } .blog-post-txt { margin-top: 25px; } .blog-3-wrapper .blog-post-txt { margin-bottom: 30px; } .blog-post-txt h5 { margin-bottom: 12px; } .blog-post-txt h5.fs-18 { font-size: 1.1875rem; } .blog-3-wrapper .blog-post-txt h5 {font-size: 1.3rem; } .blog-post p.fs-15 { font-size: 1rem; } .blog-3-wrapper .post-meta { margin-top: 25px; margin-bottom: 5px; } .post-meta-list { margin-bottom: 5px; } .post-meta-list li:not(:last-child):after { top: -1.5px; } .bp-txt-icons { right: 15px; bottom: -5px; } #blog-page .bp-txt-icons { right: 10px; bottom: -7px; } /* SINGLE BLOG POST */ .single-post-title { padding-bottom: 40px; margin-bottom: 40px; } .author-avatar { margin-right: 15px; } .author-avatar img { width: 54px; height: 54px; } .post-meta { margin-top: 4px; } .post-meta h6 { font-size: 1.0625rem; } .post-meta p { font-size: 1rem; } .post-title-icons { bottom: 45px; right: 5px; } .post-title-icons .ico-20 [class*="flaticon-"]:before, .post-title-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.4rem; } .single-post-txt h6 { margin-bottom: 12px; } .single-post-txt h5.fs-22, .single-post-txt h5.fs-24 { margin-top: 20px; margin-bottom: 20px; } .post-inner-img { margin: 35px 0; } .post-tags-list { margin-top: 50px; } .post-tags-list span a { padding: 8px 16px; } .post-share-list { margin-top: 30px; } .author-info { margin-top: 60px; padding: 35px 30px; } .author-info-avatar { margin-right: 20px; } .author-info-avatar img { width: 64px; height: 64px; } .author-follow-btn { top: 45px; right: 30px; } #post-comments { padding-top: 60px; padding-bottom: 50px; } #post-comments img { width: 54px; height: 54px; } .comment-body { margin-left: 18px; } .comment-meta { margin-bottom: 7px; } .comment-date, .btn-reply a { font-size: 0.975rem; } .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } #leave-comment { margin-top: 60px; } .comment-form { margin-top: 45px; } .comment-form .form-control { height: 54px; font-size: 1.05rem; padding: 0 15px; } .comment-form textarea { min-height: 190px; } .comment-form textarea.form-control { padding: 20px 15px; } .comment-form .btn { margin-top: 0; } .contact-form .form-btn .btn { width: 100%;} /* CONTACTS */ .contacts-info { text-align: center; margin: 20px 0 50px; } .contacts-info h2 br { display: none; } .contacts-info p { padding: 0 5%; margin: 25px 0 0; } .contacts-info h6 { margin: 20px 0 14px; } .contacts-info-socials li { padding-right: 12px; } .contact-box { margin-bottom: 20px; } .contact-box p { padding-right: 1%; margin-top: 12px; } .contact-box span { top: 0.5px; left: 2px; } .contact-form { margin: 0 2%; } .contact-form .form-control, .contact-form .form-select { height: 56px; font-size: 1.1rem; padding: 0 15px; margin-bottom: 15px;} .contact-form textarea { min-height: 170px; } .contact-form textarea.form-control { padding: 15px 15px; } .contact-form .form-btn { margin-top: 5px; } .contact-form-msg { margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 25px; } .footer-1 .footer-links, .footer-1 .fl-1, .footer-1 .fl-3, .footer-1 .fl-4, .footer-2 .fl-1, .footer-4 .fl-1 { padding-left: 0; } .footer-connect .footer-socials { margin-top: 5px; } .footer-4 .footer-info, .footer-5 .footer-info { margin-bottom: 28px; } img.footer-logo { max-height: 28px; margin-bottom: 16px; } .footer-copyright-logo { top: -3px; } .footer-copyright-logo img.footer-logo { max-height: 25px; } .footer-6 .footer-links { margin-bottom: 15px; } .footer h6 { font-size: 1.21323rem; margin-bottom: 16px; } /* 16.5px */ .footer h6.alt-font { font-size: 1.265rem; } .footer hr { margin: 5px 0 25px; } .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 14px; } .footer-socials.ico-20 li:last-child a, .footer-socials.ico-25 li:last-child a { margin-right: 0; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } .footer-form .form-control, .footer-form .btn { height: 20px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 10px!important; } .footer-copyright.copyright-logo p { line-height: 1; margin-top: 10px; margin-left: 0; } /* INNER PAGE WRAPPER */ .inner-page-hero { margin-top: 80px; padding-top: 60px; } .page-hero-section-overlay { margin-top: 80px; padding-top: 60px; } .inner-page-title { padding-bottom: 55px; margin-bottom: 55px; } .inner-page-title p { margin-top: 18px; } .page-hero-section h2 { line-height: 1.25; margin-bottom: 20px; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 30px 0 15px; } .txt-block.legal-info h6 { margin: 15px 0; } .txt-block.legal-info h6 span, .txt-block.legal-info h5 span { margin-right: 2px; } /* SIGN IN / SIGN UP */ .register-page-logo { padding-top: 26px; } .register-page-logo img { max-height: 27px; } .register-page-form { margin: 0 3%; padding: 110px 0; } .reset-page-wrapper { margin: 0 3%; padding: 150px 0 115px; } .register-form-title { margin-bottom: 25px; } .register-form-title h4 { font-size: 1.85rem; } .register-form-title p { font-size: 1.1rem; margin-top: 12px; } .reset-form-title { margin-bottom: 20px; } .reset-form-title h5 { font-size: 1.85em; } .reset-form-title p { font-size: 1rem; margin-top: 15px; } .reset-password-link p { font-size: 1rem; margin-bottom: 30px; } .form-data span { font-size: 0.95rem; } .register-page-form p.create-account { font-size: 1rem; } .separator-line { font-size: 1rem; margin: 20px 0; } .register-page-form .form-control { height: 54px; font-size: 1rem; margin-bottom: 22px; } .reset-page-wrapper .form-control { height: 54px; font-size: 1rem; margin-bottom: 20px; } #login .register-page-form .btn.submit { height: 52px; font-size: 1rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 52px; font-size: 1rem; margin-top: 22px; } .reset-page-wrapper .btn.submit { height: 52px; font-size: 1rem; } /* COOKIES */ #cookies { width: 66%; left: 17%; bottom: 14px; padding: 20px 70px 45px 20px; } #cookies p { font-size: 1rem; } #cookies-ok { font-size: 0.9rem; padding: 6px 20px; right: 30px; bottom: 15px; } #cookies-info { margin-left: 7px; } #cookies-close { top: 16px; right: 16px; } #cookies-close svg { width: 9px; height: 9px; } /* PAGE 404 */ .page-error { padding: 160px 0 75px; } .page-error h5 { margin: 16px 2% 30px; } /* MODAL */ .modal-dialog { max-width: 520px; } .modal-dialog.modal-xl { max-width: 650px; } #modal-1 .modal-body-content { padding: 20px 30px 0 5px; } #modal-2 .modal-body-content { padding: 5px 20px 0 8px; } .modal-body-content p { margin-top: 14px; margin-bottom: 18px; } .modal-body-content h4.fs-30 { font-size: 1.6875rem; } .modal-body-content h4.mt-20 { margin-top: 10px; } .modal-1-img { margin-top: -30px; padding-left: 10px; } .modal .newsletter-form .form-control, .modal .request-form .form-control { height: 52px; margin-bottom: 16px; } .modal .newsletter-form .btn, .modal .request-form .btn { height: 52px; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (max-width: 767px) { /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } .animate__animated { transition-property: none !important; transform: none !important; animation: none !important; opacity: 1; } .wow { animation-name: none!important; visibility: visible!important; } .py-40 { padding: 30px 0; } .py-50 { padding: 35px 0; } .py-60 { padding: 40px 0; } .py-70 { padding: 50px 0; } .py-80 { padding: 50px 0; } .py-90 { padding: 60px 0; } .py-100 { padding: 70px 0; } .py-110 { padding: 80px 0; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 35px; } .pt-60 { padding-top: 40px; } .pt-70 { padding-top: 50px; } .pt-80 { padding-top: 50px; } .pt-90 { padding-top: 60px; } .pt-100 { padding-top: 70px; } .pt-110 { padding-top: 80px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 35px; } .pb-60 { padding-bottom: 40px; } .pb-70 { padding-bottom: 50px; } .pb-80 { padding-bottom: 50px; } .pb-90 { padding-bottom: 60px; } .pb-100 { padding-bottom: 70px; } .pb-110 { padding-bottom: 80px; } .px-30, .px-35 { padding-left: 0; padding-right: 0; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-50 { margin-top: 35px; } .mt-60 { margin-top: 40px; } .mt-70 { margin-top: 50px; } .mt-80 { margin-top: 50px; } .mt-90 { margin-top: 60px; } .mt-100 { margin-top: 70px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-50 { margin-bottom: 35px; } .mb-60 { margin-bottom: 40px; } .mb-70 { margin-bottom: 50px; } .mb-80 { margin-bottom: 50px; } .mb-90 { margin-bottom: 60px; } .mb-100 { margin-bottom: 70px; } .mx-15, .mx-20, .mx-25, .mx-30, .mx-35, .mx-40, .mx-50, .mx-60, .mx-70, .mx-80 { margin-left: 0; margin-right: 0px; } /* Section Title */ .title-03 .section-title { padding-right: 0; } .title-02, .title-03, .section-btn.text-end { text-align: center!important; } .title-03 p { padding-left: 0; margin-top: 18px; } .title-02 .btn, .title-03 .btn { margin-bottom: 0; } /*------------------------------------------*/ /*  NAVIGATION MENU    
  /*------------------------------------------*/ .headtoppart { display: none; } .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: var(--white); } .tra-menu.border-header .wsmainfull { border: none; } .theme--dark .tra-menu .wsmobileheader, .theme--dark .white-menu .wsmobileheader { background-color: var(--ink)!important; box-shadow: 0 2px 3px var(--tra-ink); } /* Mobile Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 22px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } /* Mobile Header Burger Menu */ .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; } .wsanimated-arrow span:before { top: -8px; width: 26px; } .wsanimated-arrow span:after { bottom: -8px; width: 20px; } .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span { background: transparent; } .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 1.125rem; line-height: 46px; padding: 5px 32px 6px 20px; margin: 0; } .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: var(--header-color); } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; } .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 25px; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: var(--white)!important; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--white, .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--tra-white { color: #1d222f!important; } /* SubMenu / HalfMenu / MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%!important; padding: 10px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 100%!important; left: 0; padding: 12px 10px 16px; } .wsmenu > .wsmenu-list > li.mobile-last-link > ul.sub-menu { border-bottom: none!important; } .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.halfmenu .col-lg-6 { padding: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; border-radius: 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { opacity: 1!important; visibility: visible!important; transform: rotateX(0deg); } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; box-shadow: 0 0; border: none; position: static; left: 0; top: 0; margin: 0; padding: 5px 0 0 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { display: none; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i { height: 9px; width: 9px; transform: rotate(-225deg); margin: 17px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { margin-top: 22px; } /* Sub Menu / Half Menu / Mega Menu Links */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: var(--text-color); font-size: 1.075rem; padding: 15px 14px; } .navbar-light .wsmenu-list > li > a.h-link:hover { color: var(--black)!important; } /* Sub Menu / Half Menu / Mega Menu Links Hover */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; } .wsmegamenu h6.title { color: var(--header-color)!important; font-size: 1.1625rem!important; margin: 6px 0 0 10px; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 1.125rem; line-height: 44px; border-width: 2px; padding: 5px 22px; margin: 0; border-radius: 0; } .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:before, .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; line-height: 0.75rem!important; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 1.0625rem; padding: 12px 14px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 12px 14px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 0; } .wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a { margin-left: 0; } /* Header Store Badges */ .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; } .store.header-store img { max-height: 46px; } /* Header Social Links */ .wsmenu > .wsmenu-list > li.header-socials { display: block; } .header-socials a { margin-left: 20px; margin-right: 5px; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } /* Navbar Transparent Buttons */ #header .btn--tra-white, #header .btn--tra-black { color: var(--white)!important; background-color: var(--black)!important; border-color: var(--black)!important; } .theme--dark .btn--white, .theme--dark .btn--tra-white { background-color: var(--white)!important; border-color: var(--white)!important; } #header .btn--tra-gray { color: var(--black)!important; background-color: var(--smoke)!important; border-color: var(--smoke)!important; } /* Navbar Buttons Hover */ #header .hover--white:hover, #header .hover--tra-white:hover { color: var(--black)!important; border-color: var(--black)!important; background-color: transparent!important; } .theme--dark .hover--tra-white:hover { color: var(--white)!important; border-color: var(--white)!important; background-color: transparent!important; } .theme--dark .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: var(--white); } /*------------------------------------------*/ /*  HERO
  /*------------------------------------------*/ .hero-section { margin-top: 80px; } /* HERO QUICK FORM */ .hero-section .quick-form { background-color: transparent; padding: 0; border: none; } .hero-section .quick-form.form--shadow { box-shadow: 0 0; } .hero-section .quick-form .input-group-btn { display: block; width: 100%!important; } .hero-section .quick-form .btn { display: block; width: 100%!important; margin-left: 0; } .hero-section .form-control { background-color: var(--white)!important; } .hero-section .quick-form.form-half .form-control { padding: 0 14px; } .hero-section .quick-form.form-half .btn { margin-left: 0; } .hero-section .quick-form .form-control { text-align: center; background-color: var(--white); border: 1.5px solid var(--silver); margin-bottom: 18px; } .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } /* HERO DIGITS */ #hd-1-1, #hd-1-2, #hd-1-3 { text-align: center; width: 33%; padding: 0 10px; } #hd-2-1, #hd-2-2 { text-align: center; width: 50%; padding: 0 10px; } .hd-2 p.fs-15, .hd-3 p.fs-15 { font-size: 1rem; } .hero-logo { display: none; } /* HERO-1 */ .hero-1 .slideshow { margin-top: 80px; } .hero-1 .caption { margin-top: 0; } /* HERO-2 */ .hero-2 { text-align: center; padding: 80px 0; } .hero-2-img { margin: 40px 0 0; } /* HERO-3 */ .hero-3 { padding-top: 80px; } .hero-3-img { margin-top: 40px; } /* HERO-4 */ .hero-4 { text-align: center; padding: 80px 0 0; margin-bottom: 40px; } .hero-4-txt { margin-top: 0; } .hero-4-img { margin: 40px 0 -40px 0; } /* HERO-5 */ .hero-5 { text-align: center; padding: 80px 0; } .hero-5-txt .advantages { margin-left: 0; } .hero-5-img { padding-left: 0; margin-top: 40px; } /* HERO-6 */ .hero-6 { text-align: center; padding-top: 80px; margin-bottom: 50px; } .hero-6-txt { margin-top: 0; padding-left: 0; } .hero-6-txt p.fs-18 { margin-right: 0; } .hero-6-img { margin: 45px 0 -50px; } /* HERO-7 */ .hero-7 { overflow: visible; padding-top: 80px; margin-bottom: 40px; } .hero-7-img { margin: 40px 0 -40px; } /* HERO-8 */ .hero-8-wrapper { text-align: center; border-radius: 0 0!important; } /* HERO-9 */ .hero-9 { text-align: center; padding-top: 80px; } .hero-9-txt { margin: 0; } .hero-9-txt .hero-digits { margin-top: 35px; } .hero-9-img { margin: 40px 0 0; } /* HERO-10 */ .hero-10 { text-align: center; padding-top: 80px; margin-bottom: 80px; } .hero-10-txt { padding: 0; } .hero-10-btn { margin: 0; } /* HERO-11 */ .hero-11 { text-align: center; padding: 80px 0 0; margin-bottom: 45px; } .hero-11-txt { margin-bottom: 0; } .hero-11-img { margin: 40px 0 -45px; } /* HERO-12 */ .hero-12 { text-align: center; padding: 90px 0 95px; } .hero-12-txt .quick-form { margin-right: 0; } .hero-12-txt .advantages { margin-left: 0; } .hero-12-img { margin-top: 40px; padding-left: 0; } /* HERO-13 */ .hero-13 { padding-top: 80px; } /* HERO-14 */ .hero-14 { text-align: center; padding-top: 80px; margin-bottom: 40px; } .hero-14-txt { margin: 0; } .hero-14-txt h2 { padding: 0; } .hero-14-brands { margin-top: 40px; margin-right: 0; padding: 28px 30px; } .hero-14-img { margin: 40px 5% -40px; } /* HERO-15 */ .hero-15 { padding-top: 80px; } .hero-15-txt p.fs-18 { padding: 0; } .hero-15-img { margin-top: 40px; } /* HERO-16 */ .hero-16 { text-align: center; padding-top: 80px; } .hero-16-txt { margin-top: 0; } .hero-16-txt .hero-digits { margin-top: 40px; } .hero-16-img { margin-top: 40px; } /* HERO-17 */ .hero-17 { padding-top: 80px; margin-bottom: 60px; } .hero-17-img { margin: 40px 0 -60px; } /* HERO-18 */ .hero-18 { overflow: visible; padding-top: 80px; margin-bottom: 40px; } .hero-18-img { margin: 40px 0 -40px; } /* HERO-19 */ .hero-19 { text-align: center; padding: 80px 0; } .hero-19-txt { margin-bottom: 40px; } .hero-19-img { margin-left: 0; } /* HERO-20 */ .hero-20 { padding-top: 80px; padding-bottom: 0; margin-bottom: 60px; } .hero-20-txt { text-align: center; margin-top: 0; } #hero-20-form { margin: 40px 0 0; } /* HERO-21 */ .hero-21 { padding: 80px 0; } /* HERO-22 */ .hero-22 { padding-top: 80px; } /* HERO-23 */ .hero-23-wrapper { padding-top: 80px; padding-bottom: 50px; } .hero-23-txt p.fs-18 { margin-left: 0; margin-right: 0; } /* HERO-24 */ .hero-24 { text-align: center; padding: 90px 0 100px; } .hero-24 .wave-shape-bottom { display: none; } .hero-24-txt p.fs-18 { margin: 20px 0 25px; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* ABOUT */ #a2-1 { margin-bottom: 16px; } .about-2 .txt-block h4 { margin-bottom: 15px; } .about-3-btn.text-end { text-align: left!important; } .about-3-btn { margin: 20px 0 0 0; } .a-1-1 { padding-left: 0; margin-bottom: 30px; } .a-1-3 { display: none; } .a-1-4 { margin-top: 30px; } .about-3-img { margin-top: 40px; } /* CAREERS */ .careers-1.pb-70 { padding-bottom: 35px; } .jobs-wrapper { margin-bottom: 35px; } .jobs-category h4 { margin-left: 5px; margin-bottom: 25px; } /* JOB POSITION */ .job-position-title { margin: 80px 0 20px; padding: 60px 0 65px; } .job-position-title p { margin-top: 20px; margin-bottom: 25px; } .job-position-title .text-end { text-align: left!important; } .job-position-title .btn { margin-bottom: 0; } .position-info h5 { margin: 40px 0 25px; } .position-info .btn { margin-top: 20px!important; } /* FEATURES */ .features-6 .fbox-wrapper { text-align: center; } /* FBOX-1 */ .fbox-1.fb-1, .fbox-1.fb-2 { margin-bottom: 30px; } /* FBOX-2 */ .fbox-2 { text-align: center; padding-left: 0; border-left: none; } .fbox-2.fb-1, .fbox-2.fb-2, .fbox-2.fb-3 { margin-bottom: 35px; } .fbox-2 h6 { margin: 15px 0 12px; } /* FBOX-3 */ .rows-2 .fbox-3.fb-1, .rows-2 .fbox-3.fb-2, .rows-2 .fbox-3.fb-3, .rows-3 .fbox-3.fb-1, .rows-3 .fbox-3.fb-2, .rows-3 .fbox-3.fb-3, .rows-3 .fbox-3.fb-4, .rows-3 .fbox-3.fb-5 { margin-bottom: 30px; } /* FBOX-4 */ .fbox-4.fb-1, .fbox-4.fb-2, .fbox-4.fb-3 { margin-bottom: 25px; } /* FBOX-5 */ .rows-2 .fbox-5.fb-1, .rows-2 .fbox-5.fb-2, .rows-2 .fbox-5.fb-3, .rows-2 .fbox-5.fb-4, .rows-2 .fbox-5.fb-5 { margin-bottom: 30px; } /* FBOX-6 */ .fbox-6.fb-1, .fbox-6.fb-2 { margin-bottom: 30px; } /* FBOX-7 */ .fbox-7.fb-1, .fbox-7.fb-3, .fbox-7.fb-5 { margin-bottom: 30px; } .fbox-7.fb-7 .fbox-7-img { padding-left: 0; margin-top: 35px; } /* FBOX-8 */ .fbox-8.fb-1 { margin-bottom: 30px; } /* FBOX-9 */ .fbox-9 { text-align: center; } .fbox-9.fb-1, .fbox-9.fb-2, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3, .rows-2 .fbox-9.fb-4, .rows-2 .fbox-9.fb-5 { margin-bottom: 30px; } .fbox-9 a.tra-link { font-size: 1rem; } .features-section p.fs-15 { font-size: 1rem; } /* CONTENT */ .ct-06 .section-overlay { margin-bottom: 80px; } .txt-block.left-column, .bc-01 .txt-block.left-column { padding-right: 0; } .txt-block.right-column, .bc-01 .txt-block.right-column, .bc-03 .txt-block { padding-left: 0; } .bc-03-title { padding-right: 0; margin-bottom: 40px; } .bc-5-txt { text-align: center; padding: 60px 0 0; margin-bottom: 35px; } .bc-06 .txt-block.left-column { text-align: center; } .cbox-4.cb-1 { margin-bottom: 20px; } .cbox-6-wrapper { margin-top: 50px; } .cbox-6 { margin: 0; } /* Accordion */ .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { width: 32px; height: 32px; font-size: 0.815rem; line-height: 32px; top: -2px; } /* Tabs */ .tabs-nav { margin-top: 40px; } /* Content Image */ .ct-01 .img-block.right-column, .ct-02 .img-block.right-column { margin-left: 0; } .ct-01 .img-block.left-column, .ct-02 .img-block.left-column { margin-right: 0; } .txt-block-stat { margin-top: 30px; } .ct-01 .img-block, .ct-02 .img-block { margin: 40px 0 0; } .ct-03 .img-block img { max-width: 100%; margin: 40px 0 0; } .bc-3-img { display: none; } .ct-04 .img-block { padding: 0; margin: -60px 0 0; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -80px; } .img-block-txt, .img-block-btn { margin-top: 45px; } .bc-01 .img-block, .bc-2-img, .bc-3-img { margin: 40px 0 0; } .bc-5-img img { border-radius: 0 0 16px 16px; } /* STATISTIC */ .statistic-2 .statistic-blocks.left-column { margin: 0; } .statistic-2 .txt-block { margin-bottom: 40px; } .statistic-block-txt { padding: 0; } .statistic-1-wrapper { text-align: center; } .statistic-5-wrapper { padding: 0; } .statistic-1-wrapper .statistic-block { text-align: center; padding: 0; } #sb-1-1, #sb-1-2 { border-right: none; margin-bottom: 40px; } #sb-4-1, #sb-4-2 { margin-bottom: 40px; } #sb-5-1, #sb-5-2 { margin-bottom: 45px; } .statistic-5-wrapper p { padding: 0; margin-bottom: 24px; } /* PROJECTS */ .projects-1 .section-txt.text-end { text-align: center!important; } .projects-1 .title-03 .filter-btns { margin: 30px 0 0; } .projects-1 .filter-item { width: 100%; padding: 0; } /* TESTIMONIALS */ .reviews-carousel { margin: 0; } .review-item { width: 100%; padding: 0; margin-bottom: 30px; } .reviews-section .more-btn { top: -45px; } .reviews-4-wrapper { margin: 35px 0 0; } .reviews-4-fade { display: none; } .reviews-4-title { text-align: center; margin-top: 0; } .reviews-4-title p { margin: 16px 0 0; } /* RATING */ .rating-section .rating-1-wrapper, .rating-section .rating-3-wrapper { padding: 0; } #rb-1-1, #rb-1-2 { margin-bottom: 30px; } /* BRANDS */ .brands-2-wrapper, .brands-3-wrapper.r-5 { justify-content: center; padding: 0; } .brands-4-wrapper { padding: 0; } /* AWARDS */ .awards-1 .txt-block { text-align: center; margin-bottom: 40px; } .awards-wrapper.text-end { text-align: center!important; } /* INTEGRATIONS */ .int-2-wrapper { padding: 0; } .int-3-wrapper .title-01 { padding: 0; } .tools_carousel.mb-35 { margin-bottom: 22px; } .integrations-section .more-btn.mt-20 { margin-top: 12px; } .integrations-section .more-btn.mt-30 { margin-top: 20px; } /* PRICING */ .pricing-1-wrapper { margin-top: 0; } #pt-1-1 { margin-bottom: 40px; } #pt-1-2 { margin-top: 18px; margin-bottom: 40px; } /* Pricing Notice */ .pricing-notice { margin-top: 40px; } /* Pricing Toggle Button */ .toggle-btn { margin-top: 20px; } .toggler-txt { font-size: 1.0625rem; line-height: 34px; } .switch-wrap { min-width: 52px; height: 32px; margin: 0 6px; } .switcher { font-size: 0.85rem; height: 32px; padding: 0 10px 0 30px; border-radius: 32px; } .switcher .show-annual, .switcher .show-monthly { line-height: 32px; } .switcher:before { left: 4px; bottom: 4px; width: 24px; height: 24px; } .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; } .comp-table-payment .payment-icons { margin-top: 18px; } /* CHANGELOG */ .changelog-title { padding: 90px 0 80px; margin: 80px 0; background-position: center left; } .version-release { margin-bottom: 60px; } .release-data { padding-bottom: 30px; margin-bottom: 25px; } .release-preview { margin-bottom: 25px; } /* DOWNLOAD */ #di-1, #di-2 { margin-bottom: 30px; } .download-item p { font-size: 1.05rem; margin-top: 5px; } /* TEAM */ .team-member { margin-bottom: 40px; } /* BANNER */ .banner-3 { text-align: center; } .banner-5-wrapper, .banner-6-wrapper { text-align: center; } .banner-7 .container { max-width: 100%; } .banner-7 { padding-top: 0; text-align: center; } .banner-7-wrapper .banner-overlay { overflow: hidden; border-radius: 0 0!important; } .banner-4-txt { text-align: center!important; } .banner-7-txt { margin-top: 0; } .banner-section .text-end { text-align: center!important; } .banner-section .module-subtitle { margin-bottom: 18px; } .banner-6-txt p.fs-17,.banner-6-txt p.fs-18 { padding: 0; } .banner-3-txt .btn { margin: 0 6px; } .banner-4-btn, .banner-5-btn, .banner-6-btn { display: block; top: 0; margin-top: 20px; } .banner-4-btn p { margin: 12px 0 0!important; } .banner-section p.btn-txt { margin-top: 15px; } .banner-7-img.right-column { margin: 40px 0 -15%; padding: 0; } /* FAQs */ .faq-1-title { padding-right: 0; margin-top: 0; margin-bottom: 25px; } .faqs-3 .section-title.title-01 { margin-bottom: 25px; } .faqs-5-questions .left-column { padding-right: 0; } .faqs-5-questions .right-column { padding-left: 0; } .faqs-5 .question { margin-bottom: 25px; } .faqs-5 .question h5 { padding-right: 0; margin-bottom: 10px; } .faqs-section .accordion-thumb { padding: 18px 0 22px; } .faqs-section .accordion-thumb h5 { line-height: 1.5; padding-right: 10%; } .faqs-section .accordion-panel { padding: 0 0 8px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { width: 32px; height: 32px; font-size: 0.815rem; line-height: 32px; top: 17px; } .more-questions, .faqs-3 .more-questions { text-align: center; margin-top: 35px; } .faqs-5 .more-questions { margin-top: 25px; } .more-questions-txt { display: block; text-align: center!important; float: none; } .more-questions h6 { margin-bottom: 8px; } .more-questions-btn { margin: 15px 0 0; } /* NEWSLETTER */ .newsletter-1 .newsletter-overlay, .newsletter-3 .newsletter-overlay { text-align: center; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { margin-top: 0; padding-left: 0; } .newsletter-section .form-control { text-align: center; margin-right: 0; margin-bottom: 15px; } .newsletter-section .input-group-btn { display: block; width: 100%!important; } .newsletter-section .btn { display: block; width: 100%!important; margin: 0; } /* BLOG LISTING */ #bp-1-1, #bp-1-2, #bp-3-1, #bp-3-2 { margin-bottom: 40px; } #bp-2-1 { padding-right: 0; margin-bottom: 40px; } #bp-2-2 { padding-left: 0; } .blog-2 h3 { margin-bottom: 40px; } #blog-page .blog-post { padding: 25px 25px 30px; margin-bottom: 40px; } /* SINGLE BLOG POST */ .single-post-title h2 { padding-right: 0; margin-bottom: 35px; } .post-title-icons { position: relative; bottom: 0; right: 0; margin-top: 25px; } .post-title-icons .share-social-icons a.share-ico span { margin-left: 0; margin-right: 20px; } .single-post-txt h6 { margin-bottom: 12px; } .single-post-txt h5.fs-22, .single-post-txt h5.fs-24 { margin-top: 20px; margin-bottom: 20px; } .post-inner-img { margin: 35px 0; } .comment-form .btn { margin-top: 0; } /* CONTACTS */ .contacts-info { margin-bottom: 40px; } .contacts-info-socials li span { top: 0; padding-top: 14px; line-height: 1.2; } /* FOOTER */ .footer { padding-bottom: 40px; } .footer-1 .footer-links, .footer-1 .fl-1, .footer-1 .fl-3, .footer-1 .fl-4, .footer-2 .fl-1, .footer-4 .fl-1 { padding-left: 0; } .footer-links { margin-bottom: 30px; } .bottom-footer .bottom-footer-socials.text-end, .footer-links.text-end, .bottom-footer .bottom-footer-list.text-end { text-align: left!important; } .footer-qr-code { display: none; } .fl-1, .fl-2, .fl-3, .fl-4 { border-bottom: 2px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; } .bg--grape .fl-1, .bg--grape .fl-2, .bg--grape .fl-3, .bg--grape .fl-4 { border-color: #777; } .theme--dark .fl-1, .theme--dark .fl-2, .theme--dark .fl-3, .theme--dark .fl-4 { border-bottom: 2px solid var(--silver); } .footer-copyright-logo { display: block; float: none; top: 0; margin-bottom: 12px; } .footer-copyright-logo img.footer-logo { max-height: 30px; } .footer .footer-heading { font-size: 1.1875rem; } .footer .footer-heading.m-title { display: block; margin-bottom: 0!important; } .footer .footer-heading.d-title { display: none!important; } .footer-1 .foo-links, .footer-2 .foo-links, .footer-3 .foo-links, .footer-4 .foo-links, .footer-5 .foo-links { display: none; padding-top: 20px; } .footer hr { display: none; } .bottom-footer-socials { margin-top: 16px; } .bottom-footer-list.bottom-foo-socials { margin-top: 6px; } .bottom-footer-socials li { padding-left: 0; padding-right: 14px; } .footer-info-socials a, .bottom-footer-socials a { padding-top: 15px; } .footer-socials li span, .bottom-foo-socials li span, .bottom-footer-socials li span { top: 0; padding-top: 14px; line-height: 1.2; } .footer-copyright.copyright-logo p { line-height: initial; margin-left: 0; } .bottom-footer-list { top: 0; } /* INNER PAGE WRAPPER */ .inner-page-hero, .page-hero-section-overlay { padding-top: 75px; margin-top: 80px; } .page-hero-section-overlay .txt-block { margin: 0 0 40px; } .inner-page-title { padding-bottom: 50px; margin-bottom: 50px; } .inner-page-title p { line-height: 1.6666; margin-top: 16px; margin-bottom: 0; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 30px 0 15px; } .txt-block.legal-info h6 { margin: 15px 0; } .txt-block.legal-info h6 span, .txt-block.legal-info h5 span { margin-right: 2px; } /* SIGN IN / SIGN UP */ .register-page-logo { display: none } .register-page-form { padding: 80px 0; } .reset-page-wrapper { padding: 100px 0; } /* MODAL */ .modal-1-img, .modal-2-img { display: none; } .modal-body-content h4.mt-20 { margin-top: 0; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 480px) and (max-width: 767.98px) { /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ .py-120 { padding: 80px 0; } .pt-120 { padding-top: 80px; } .pb-120 { padding-bottom: 80px; } .map-bg { left: -50%; bottom: 0; top: 24%; width: 180%; opacity: .12; } .s_shape_01 { top: -80px; left: -60px; width: 500px; height: 500px; } .s_shape_02 { top: 90px; right: -100px; width: 330px; height: 330px; } /* Font Size */ .fs-15 { font-size: 1rem; } /* 16px */ .fs-16 { font-size: 1rem; } /* 16px */ .fs-17 { font-size: 1.0625rem; } /* 17px */ .fs-18 { font-size: 1.125rem; } /* 18px */ .fs-22 { font-size: 1.375rem; } /* 22px */ .fs-23 { font-size: 1.4375rem; } /* 23px */ .fs-24 { font-size: 1.5rem; } /* 24px */ .fs-26 { font-size: 1.625rem; } /* 26px */ .fs-28, .fs-30, .fs-32, .fs-34 { font-size: 1.875rem; } /* 30px */ .fs-36, .fs-38, .fs-40, .fs-42 { font-size: 2rem; } /* 32px */ .fs-44, .fs-46 { font-size: 2.125rem; } /* 34px */ .fs-48 { font-size: 2.1875rem; } /* 35px */ .fs-50 { font-size: 2.25rem; } /* 36px */ .fs-52 { font-size: 2.375rem; } /* 38px */ .fs-54, .fs-56 { font-size: 2.5rem; } /* 40px */ .fs-58, .fs-60 { font-size: 2.625rem; } /* 42px */ .fs-62, .fs-64 { font-size: 2.75rem; } /* 44px */ .fs-66 { font-size: 2.875rem; } /* 46px */ .fs-68 { font-size: 3rem; } /* 48px */ .fs-70 { font-size: 3.125rem; } /* 50px */ .fs-72 { font-size: 3.25rem; } /* 52px */ .fs-74 { font-size: 3.375rem; } /* 54px */ .fs-76 { font-size: 3.5rem; } /* 56px */ .fs-78 { font-size: 3.625rem; } /* 58px */ .fs-80 { font-size: 3.75rem; } /* 60px */ h2.alt-font { letter-spacing: -1px; } p { font-size: 1rem; } /* List */ .lb-list { display: block; margin: 40px 15px 15px 0; } .list-line { top: -14px; left: 1.35rem; height: 111%; } .lb-list .list-item { padding: 13px 30px 13px 40px; } .lb-list .list-item p span { right: 5px; } /* Button */ .btn, .btn.btn-md { font-size: 1.0625rem; padding: 0.975rem 1.45rem; } .btn.ico-left, .btn.ico-right { font-size: 1.0625rem; padding: 0.975rem 1.35rem; } .btns-group .btn.ico-30 { padding: 0.3845rem 0.5rem!important; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; } .btn.ico-30 span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-right: 0; } .btn.ico-left span { margin-right: 5px; } .btn.ico-right span { margin-left: 5px; } /* Button Text */ p.btn-txt, .btn-rating { margin: 14px 0 0 0; } .star-rating span.rating-txt { font-size: 1.1rem; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* OS Button */ .os-btn { width: 300px; min-width: 300px; padding: 17px 18px 14px; } .os-btn-ico { margin-right: 16px; } .os-btn-txt p { font-size: 1.1rem; margin-top: 3px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .btn-os.d-inline-block:first-child { margin-right: 0; margin-bottom: 15px; } /* Store Badge */ .store { margin-right: 5px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img { max-height: 3.175rem; } /* Watch Video Link */ .watch-video { margin-top: 22px; } .watch-video-link { margin-right: 12px; } p.video-txt-lg { font-size: 1.1rem; margin-bottom: 7px; } p.video-txt-sm { font-size: 1.0625rem; } /* Video Popup Icon */ .video-btn { width: 6rem; height: 6rem; margin-top: -3rem; margin-left: -3rem; } .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after { font-size: 4.55rem; line-height:6rem!important; margin-left: 8px; } .ico-60 img, .ico-65 img { max-height: 4.375rem; } /* Module Subtitle */ .module-subtitle { font-size: 0.9rem; margin-bottom: 30px; } .subtitle-line:before { width: 25px; margin: 0px 8px 2px 0; } .subtitle-rounded { font-size: 0.875rem; padding: 9px 19px; margin-bottom: 30px; } .module-eyebrow { font-size: 1.0625rem; padding: 4px 20px 5px; margin-bottom: 30px; } /* Section Title */ .title-01.mb-60, .title-02.mb-60, .title-01.mb-70, .title-02.mb-70, .title-01.mb-80, .title-03.mb-100 { margin-bottom: 40px; } .title-01.mb-100 { margin-bottom: 50px; } .title-02 h2.fs-48, .title-03 h2.fs-48 { font-size: 2.5rem; padding: 0 5%; } .title-01 p, .title-02 p { margin-top: 18px; } .title-03 p { margin-top: 18px; } .section-title p.fs-20 { font-size: 1.2rem; } .title-01 .btn, .title-02 .btn, .title-03 .btn { margin-top: 20px; } /* Block Info */ .block-info-rounded { padding: 15px 28px; } .block-info-rounded.mt-80 { margin-top: 35px; } .block-info h6 { line-height: 1.85; } .block-info h6 span { margin: 0 3px; } .block-info h6 a { display: block; margin-top: 8px; } /* Advantages */ .advantages { margin-top: 15px; } .text-center .advantages { margin-top: 20px; } .advantages li:not(:last-child):after { top: -2px; } /* Compatibility */ .compatibility { margin-top: 10px; } /* Users */ .txt-block .users, .ws-wrapper .users, .fbox-5-txt .users { margin-top: 25px; } .users img { max-height: 46px; } .users p { font-size: 0.975rem; line-height: 1.6; margin-left: 7px; text-align: left!important; } /*------------------------------------------*/ /*   NAVIGATION MENU    
  /*------------------------------------------*/ /* Mobile Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 18px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 345px; margin-right: -345px; } .wsactive .wsmobileheader { margin-right: 345px; } .overlapblackbg { width: calc(100% - 345px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 18px 0 0; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } /* Header Store Badges */ .store.header-store img { max-height: 46px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 6px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 8px 10px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 14px 10px; } .wsmegamenu h6.title { font-size: 1.175rem!important; margin: 8px 0 0 12px; } /*------------------------------------------*/ /*  HERO
  /*------------------------------------------*/ /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn, .hero-section .quick-form.form-half .btn { height: 58px; font-size: 1.1rem; } .hero-section .quick-form.form-half .form-control { height: 58px; font-size: 1.1rem; margin-bottom: 20px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } /* HERO DIGITS */ .hd-3 h3.statistic-number small { margin-left: 3px; } /* Hero Advantages */ .hero-section .advantages { margin-top: 22px; } .hero-section .os-version-ext { margin-top: 18px; } .hero-square-logo { margin-bottom: 20px; } .hero-square-logo img { max-height: 80px; } /* HERO FRAMER TEXT */ .framer-txt-01, .framer-txt-02 { margin-bottom: 35px; } .framer-txt-03 { margin-bottom: 30px; } .framer-txt-04 { margin-bottom: 25px; } .framer-txt-01 a, .framer-txt-02 a { font-size: 0.975rem; padding: 9px 22px; } .framer-txt-04 p { font-size: 0.95rem; padding: 7px 22px; } .framer-txt-03 a { font-size: 0.975rem; } .framer-txt-01 span { top: 6px; right: 9px; } .widget-data.mr-15 { margin-right: 10px; } .framer-txt-01.ico-20 [class*="flaticon-"]:before, .framer-txt-01.ico-20 [class*="flaticon-"]:after { font-size: 1.5rem; } .framer-txt-04 span[class*="flaticon-"] { top: 1.5px; right: 5px; } .framer-txt-04 .widget-data.mr-15 span[class*="flaticon-"] { top: 2.5px; } .framer-txt-03 img { top: -3px; max-height: 28px; margin-left: 3px; } /* HERO AVATARS WIDGET */ .hero-avatars-widget { font-size: 1.05rem; margin-bottom: 28px; } .hero-avatars-widget img { max-height: 36px; margin-right: 4px; } /* HERO SECTION ID */ .hero-section .module-subtitle { margin-bottom: 30px; } .hero-section .module-subtitle:before { width: 6px; height: 14px; margin-right: 9px; top: 1.5px; } /* HERO SLIDESHOW */ .slideshow, .slideshow .slides { height: 420px; } /* HERO-1 */ .hero-1 .caption { margin-top: 30px; } .hero-1 .caption h2 { font-size: 2.4rem; line-height: 1.12; } .hero-1 .caption p { margin: 10px 3% 14px; } /* HERO-2 */ .hero-2 { padding: 80px 0; } .hero-2-txt h2 { font-size: 2.875rem; } .hero-2-txt p.fs-17 { margin: 25px 0 28px; } /* HERO-3 */ .hero-3:after { height: 15%; } .hero-3-txt p.fs-18 { margin: 16px 0 0; } .hero-3-txt .quick-form { margin: 22px 3% 0; } .hero-3-txt .advantages { margin-top: 30px!important; } /* HERO-4 */ .hero-4-txt h2 { font-size: 2.875rem; } .hero-4-txt p.fs-17 { margin: 16px 4% 22px; } /* HERO-5 */ .hero-5 { padding: 75px 0; } .hero-5-txt h2 { font-size: 4.5rem; } .hero-5-txt p.fs-18 { margin-top: 14px; padding: 0 3%; } .hero-5-txt .quick-form { margin: 22px 6% 0; } .hero-5-txt .advantages { margin-top: 22px; } /* HERO-6 */ .hero-6 { margin-bottom: 50px; } .hero-6-txt p.fs-18 { margin: 16px 3% 24px; } .hero-6-img { margin: 40px 3% -50px; } /* HERO-7 */ .hero-7 { margin-bottom: 50px; } .hero-7-txt h2 { font-size: 2.65rem; } .hero-7-txt p.fs-19 { font-size: 1.1rem; margin: 20px 0 22px; } .hero-7-img { margin: 35px -15px -50px; } /* HERO-8 */ .hero-8-wrapper { margin: 0 -30px; padding: 80px 35px 70px; } .hero-8-txt .hero-avatars-widget { font-size: 1.05rem; } .hero-8-txt .hero-avatars-widget img { max-height: 36px; top: 0; } .hero-8-txt h2 { font-size: 2.65rem; } .hero-8-txt p.fs-17 { margin: 18px 0 20px; } .hero-8-img { margin-top: 40px; } /* HERO-9 */ .hero-9 { padding: 80px 0; } .hero-9-txt h2 { font-size: 2.75rem; } .hero-9-txt p.fs-17 { margin: 16px 0 22px; } .hero-9-txt .hero-digits { margin-top: 40px; } /* HERO-10 */ .hero-10 { margin-bottom: 50px; } .hero-10-txt h2 { font-size: 2.75rem; } .hero-10-txt p.fs-18 { margin: 20px 3% 0; } .hero-10-btn { margin-top: 22px; } .hero-10-img { margin: 40px 0 -50px; } /* HERO-11 */ .hero-11-txt h2 { font-size: 2.45rem; } .hero-11-txt p.fs-17 { margin-top: 20px; } .hero-11-txt .quick-form { margin: 22px 6% 0; } .hero-11-txt .advantages { margin-top: 24px; margin-left: 0; } /* HERO-12 */ .hero-12 { padding: 80px 0 90px; } .hero-12-txt p.fs-18 { margin: 18px 2% 0; } .hero-12-txt .quick-form { margin: 24px 5% 0; } /* HERO-13 */ .hero-13-txt p.fs-18 { margin: 16px 0 20px; } .hero-13-brands { margin: 40px 0; } .hero-13-image { margin: 0 -30px; padding: 60px 25px 0; border-radius: 0 0!important; } .hero-13-img { margin-bottom: -60px; } .hero-13-img .video-btn { top: calc(50% - 25px); } /* HERO-14 */ .hero-14-txt h2 { font-size: 2.875rem; } .hero-14-txt p.fs-18 { margin: 20px 0 25px; } .hero-14-brands { padding: 22px 25px; } .hero-14-brands .loop_carousel_left img { padding: 0 10px; height: 2.85rem; } .hero-14-img { margin: 45px 0 -40px; } /* HERO-15 */ .hero-15:after { height: 15%; } .hero-15-txt p.fs-18 { margin: 16px 0 22px; } /* HERO-16 */ .hero-16 { padding: 70px 0; } .hero-16-txt h6 { font-size: 1.225rem; margin-bottom: 35px; } .hero-16-txt h6 span { top: 13px; right: 2px; } .hero-16-txt .ico-35 span[class*="flaticon-"]:before, .hero-16-txt .ico-35 span[class*="flaticon-"]:after { font-size: 2.5rem; } .hero-16-txt h2.fs-50 {font-size: 2.65rem; } .hero-16-txt p.fs-17 { margin: 16px 0 22px; } /* HERO-17 */ .hero-17 { margin-bottom: 40px; } .hero-17-txt p.fs-18 { margin: 18px 2% 22px; } .hero-17-img { margin: 45px 0 -40px; } /* HERO-18 */ .hero-18-txt p.fs-19 { margin: 16px 0 22px; } .hero-18-brands { margin: 40px 8px 0; } /* HERO-19 */ .hero-19-txt h2 { font-size: 2.875rem; } .hero-19-txt p.fs-17, .hero-19-txt p.fs-18 { margin: 20px 0 24px; } /* HERO-20 */ .hero-20 { margin-bottom: 50px; } .hero-20-txt h2 { font-size: 2.75rem; margin-bottom: 15px; } .hero-20-txt p { padding: 0 3%; } #hero-20-form { padding: 35px 35px 30px; margin: 40px 0 -50px; box-shadow: 0 4px 12px 0 var(--tra-black); } .form-logo { margin-bottom: 30px; } .form-logo img { max-height: 28px; } #hero-20-form p { margin: 16px 0 22px; } .hero-section #hero-20-form .form-control { height: 58px; font-size: 1.1rem; border: 1.5px solid var(--silver); } #hero-20-form .btn { height: 58px; font-size: 1.1rem; padding: 16px; } /* HERO-21 */ .hero-21-txt h2 { font-size: 2.75rem; margin-bottom: 30px; } .hero-21-img { margin-top: 40px; } .hero-21-brands { margin-top: 40px; } .hero-21-brands p { margin-bottom: 22px; } .hero-21-brands .loop_carousel_left img { padding: 0 10px; height: 3rem; } /* HERO-22 */ .hero-22 { margin-bottom: 60px; } .hero-22-txt h2 { font-size: 2.55rem; } .hero-22-txt p.fs-18 { margin: 20px 4% 0; } .hero-22-txt .quick-form { margin: 30px 5% 0; } .hero-22-txt .advantages { margin-top: 30px!important; } .hero-22-img { margin: 40px 0 -50px; } /* HERO-23 */ .hero-23 { overflow: visible; margin-bottom: 50px; } .hero-23-wrapper { padding-bottom: 50px; } .hero-23-widget { margin-bottom: 30px; } .hero-23-widget span { font-size: 0.975rem; padding: 9px 15px; } .hero-23-txt p.fs-18 { margin: 16px 0 22px; } .hero-23-img .video-btn { top: calc(50% + 2px); } .hero-23-image { margin: 0 -30px; padding: 55px 25px 0; border-radius: 0 0!important; } .hero-23-img { margin-bottom: -50px; } .hero-23-img .video-btn { top: calc(50% - 2px); } .hero-23-image p { margin-bottom: 28px; } /* HERO-24 */ .hero-24-txt p.fs-18 { margin: 20px 0 25px; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* ABOUT */ .about-2-title { margin-bottom: 14px; } .about-1-txt { margin-bottom: 35px; } .about-1-txt p { margin-top: 20px; } /* CAREERS */ .jobs-wrapper { padding: 18px 22px 14px; } .position-link { top: 5px; right: 0; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } /* JOB POSITION */ .job-position-title .btn { padding: 0.7rem 1.6rem; margin-top: 5px; } .position-info h5 { margin: 30px 0 20px; } .position-info .btn { margin-top: 25px!important; } /* FEATURES */ .features-section.mt-30 { margin-top: 35px; } .features-section.pb-30 { padding-bottom: 35px; } .fbox-8-wrapper { padding: 55px 30px 70px; } .fbox-8-wrapper .section-title { margin-bottom: 35px; } .fbox-8-wrapper .section-title p { padding: 0; } /* FBOX-1 */ .fbox-1 .ico-50 [class*="flaticon-"]:before, .fbox-1 .ico-50 [class*="flaticon-"]:after { font-size: 3.35rem; } /* FBOX-4 */ .fbox-4 { padding: 35px 40px; } .fbox-4 .fbox-ico-wrap { margin-right: 30px; } /* FBOX-5 */ .fbox-5 .ico-45 [class*="flaticon-"]:before, .fbox-5 .ico-45 [class*="flaticon-"]:after { font-size: 3.25rem; } .fbox-5 .fbox-ico-wrap { margin-right: 25px; } /* FBOX-6 */ .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 220px; } .fbox-img.h-185 img, .fbox-img.h-190 img { max-height: 225px; } .fbox-6 .fbox-img.r-12 { padding-top: 35px; margin: 0 10% 55px; } .fbox-6 .fbox-img.r-12 img {max-height: 220px; margin-bottom: -25px; } /* FBOX-7 */ .fbox-7 { padding: 50px 45px; } .fbox-7.fb-7 { padding: 50px 40px; } .fbox-7.fb-1 .fbox-7-img, .fbox-7.fb-5 .fbox-7-img, .fbox-7.fb-6 .fbox-7-img, .fbox-7.fb-7 .fbox-7-img { margin: 30px 1% 0; } .fbox-7.fb-2 .fbox-7-img, .fbox-7.fb-3 .fbox-7-img, .fbox-7.fb-4 .fbox-7-img { margin: 0 1% 30px; } /* FBOX-8 */ .fbox-8 { padding: 40px 45px; margin-left: 3%; margin-right: 3%; } /* FBOX-9 */ .fbox-9 { padding: 40px; } .fbox-9 a.tra-link { font-size: 1.0625rem; } .fbox-7 .module-subtitle { margin-bottom: 22px; } .fbox-6 p, .fbox-7.fb-1 p, .fbox-7.fb-2 p, .fbox-7.fb-3 p, .fbox-7.fb-4 p { padding: 0 5%; } /* CONTENT */ .ct-03.pb-100 { padding-bottom: 75px; } .bc-02.mt-30 { margin-top: 35px; } .ct-06 .section-overlay { margin-bottom: 50px; } .bc-01 .section-overlay, .bc-02 .section-overlay, .bc-03-wrapper { padding: 60px 40px; } .bc-04 .section-overlay { padding: 60px 35px 0; } .bc-06-wrapper { padding: 60px 40px; } .bc-04 .section-title { margin-bottom: 35px; } .bc-04 .section-title p { padding: 0; } .bc-5-txt { padding: 60px 7% 0; margin-bottom: 50px; } .bc-06 .txt-block { margin-bottom: 34px; } .txt-box, .bc-01 .txt-box { margin-bottom: 20px; } .bc-03-title { margin-bottom: 30px; } .txt-block h2, .txt-block h5, .bc-02 .txt-block h5, .bc-03 .txt-block h5, .bc-5-txt h2, .bc-5-txt h3, .bc-06 .txt-block h2 { margin-bottom: 22px; } .bc-06 .txt-block h2.fs-46 { font-size: 2.1875rem; } h5.h5-title { margin: 16px 0 20px; } .txt-block .btn, .bc-06 .txt-block .btn, .txt-block .stores-badge { margin-top: 24px; } .txt-block-tra-link { margin-top: 18px; } /* CBOX-1 */ .cbox-1 .ico-wrap { margin-right: 1.175rem; } .cbox-1-ico { width: 2.125rem; height: 2.125rem; line-height: 1.7rem; margin-top: 4px; } .cbox-1-txt { margin-bottom: 25px; } .cbox-1-txt h5 { margin-bottom: 13px!important; } /* CBOX-2 */ .cbox-2.mt-30 { margin-top: 25px; } .cbox-2 .ico-wrap { margin-right: 1.3rem; } .cbox-2-ico { top: 6.5px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.75rem; } .cbox-2-txt { margin-bottom: 30px; } .cbox-2-txt.mb-30 { margin-bottom: 24px; } .cbox-2-txt h5 { margin-bottom: 11px!important; } /* CBOX-3 */ .cbox-3.mt-25 { margin-top: 20px; } .cbox-3-txt { padding-left: 12px; } .cbox-3-ico span { top: 7px; } .cbox-3-ico.ico-30 [class*="flaticon-"]:before, .cbox-3-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.5rem; } /* CBOX-4 */ .cbox-4-wrapper { margin-top: 20px; } .box-title { margin-bottom: 12px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title.ico-30 span[class*="flaticon-"]:before, .box-title.ico-30 span[class*="flaticon-"]:after { font-size: 2.15rem; line-height: 1rem!important; } .box-title h6 { position: relative; top: 2px; left: 10px; font-size: 1.3rem; } /* CBOX-5 */ .cbox-5 { width: 350px; min-width: 350px; padding: 14px 20px 12px; } .cbox-5.cb-1 { margin: 10px 0 20px; } .cbox-5-ico .ico-45 [class*="flaticon-"]:before, .cbox-5-ico .ico-45 [class*="flaticon-"]:after { font-size: 2.9rem; } .cbox-5-txt { padding-left: 16px; } .cbox-5-txt h6 { font-size: 1.15rem; margin-bottom: 2px; } /* CBOX-6 */ .cbox-6 { padding: 40px 35px; } .cbox-6 hr { margin-top: 30px; margin-bottom: 24px; } .cbox-6 h2.statistic-number { font-size: 3.15rem; } .cbox-6 .statistic-number sup { font-size: 2.85rem; top: -5.5px; right: 0; margin-right: 5px; } .cbox-6-title h6 { margin-bottom: 22px; } .cbox-6-title p.ico-10 { margin-top: 20px; } .cbox-6-title p.ico-10 span.r-06 { font-size: 1rem; padding: 5px 9px; margin-right: 3px; } .cbox-6-menu { top: -3px; right: 5px; } .cbox-6-img { margin-top: 25px; } .cbox-6-txt.mt-30 { margin-top: 25px; } .cbox-6-data { padding: 14px 20px; } .cbox-6-data.mt-25 { margin-top: 20px; } /* CBOX-7 */ .cbox-7.cb-1, .cbox-7.cb-2 { margin-bottom: 30px; } .cbox-7 .cbox-title { margin-bottom: 16px; } /* CBOX-8 */ .cbox-8.ico-15 span { top: 1.5px; right: 10px; } .cbox-8.ico-15 [class*="flaticon-"]:before, .cbox-8.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; } /* Accordion */ .txt-block .accordion-1 .accordion-item { padding: 22px 0 27px; } .txt-block .accordion-1 .accordion-item:first-child { padding: 0 0 27px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.8rem; line-height: 30px; top: -2.5px; right: 5px; } .txt-block .accordion-1 .accordion-thumb h4, .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h4, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } /* Tabs */ .tabs-1 li { padding: 22px 24px; } .tab-link p { margin-top: 6px; } #tabs-1 .img-block.left-column, #tabs-1 .img-block.right-column { margin-top: 0; } /* Content Images */ .img-block-hidden, .ct-06 .img-block { margin-bottom: -50px; } .img-block-txt, .img-block-btn { margin-top: 35px; } .ct-03 .img-block img, .ct-04 .img-block img { margin-top: 35px; } .img-block-btn .advantages { margin-top: 20px; } .bc-4-img { margin-bottom: -50px; } .bc-4-img .video-btn { top: calc(50% - 15px); } /* STATISTIC */ .statistic-2-wrapper .statistic-block { padding: 55px 30px; } .txt-block-stat.mt-30 { margin-top: 22px; } .statistic-ico { margin-bottom: 15px; } .statistic-section h2.fs-56, .statistic-section h2.fs-58 { font-size: 3.25rem; } h3.statistic-number { font-size: 2.65rem; letter-spacing: -1px; } h2.statistic-number { font-size: 2.75rem; letter-spacing: -1px; } .statistic-1-wrapper h5 { margin: 20px 0 12px; } .statistic-2 h3.statistic-number { font-size: 2.75rem; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { margin-bottom: 12px; } .statistic-5-wrapper h6 { margin-top: 15px; } .statistic-2-wrapper p { font-size: 1.1rem; } .statistic-5-wrapper p { margin-bottom: 20px; } .statistic-block span[class*="flaticon-"] { top: -8px; } .statistic-block .alt-font span[class*="flaticon-"] { top: -10px; } .line-highlight { left: 38%; width: 24%; height: 10px; margin-top: -9px; } .statistic-4 .line-highlight { left: 30%; width: 40%; height: 10px; margin-top: -9px; } /* GALLERY */ .gallery-1 .carousel_slide { margin-left: 10px; } .gallery-1 img { max-height: 285px; } .gallery-1 .projects_carousel img { max-height: 320px; } /* TESTIMONIALS */ .reviews-1-wrapper { padding-top: 48px; padding-bottom: 35px; } .reviews-1-wrapper:after { width: 76%; left: 12%; } .reviews-4-title { padding: 0 5%; } .review-1, .review-2, .review-4 { padding: 48px 30px 34px; margin: 0 10px 30px; } .review-1, .review-2 { padding: 32px 35px; } .review-3 { padding: 30px 35px; } .review-ico.ico-45 { top: 15px; right: 22px; } .review-ico.ico-60 { top: 18px; left: 22px; } .review-txt h6 { padding-right: 5%; margin-bottom: 12px; } .author-data { margin-top: 18px; } .review-2-author { margin-top: 15px; } .review-rating.ico-15 { margin-bottom: 8px; } .review-rating.ico-10 [class*="flaticon-"]:before, .review-rating.ico-10 [class*="flaticon-"]:after, .review-rating.ico-15 [class*="flaticon-"]:before, .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; } .review-author h6 { font-size: 1.1rem; margin-bottom: 10px; } .review-2-author p { font-size: 1rem; } .reviews-section .more-btn.mt-35 { margin-top: 20px; } /* PROJECTS */ .projects-1 .title-01 { margin-bottom: 35px; } .projects-1 .title-03 h2.fs-50 { font-size: 2.6rem; padding: 0 5%; } .filter-btns button { font-size: 1.0625rem; margin: 0 20px; } .pr-tag { left: 25px; } .pr-tag p { padding: 7px 16px; } .pr-data-txt { width: 80%; bottom: 35px; } .pr-source { width: 48px; height: 48px; bottom: 30px; } .pr-source a span { top: 10px; } .filter-item:hover .pr-data-txt { left: 30px; } .filter-item:hover .pr-source { right: 20px; } /* PROJECT DETAILS */ .project-category { margin-bottom: 25px; } .project-title h2 { padding-right: 0; padding-bottom: 30px; } .project-data { margin: 35px 0 30px; } .project-data p { margin-bottom: 8px; } .project-txt h5, .project-txt h6 { margin: 30px 0 15px; } .project-inner-img { margin: 30px 0; } .project-inner-img.d-flex { margin-left: -11.25px; margin-right: -11.25px; } .project-inner-img .top-img { margin-bottom: 30px; } .project-share-icons { margin-top: 30px; padding-top: 30px; } #project-details .more-projects { margin-top: 35px; } #project-details .more-projects span { top: 1px; left: 5px; } #project-details .more-projects.ico-25 [class*="flaticon-"]:before, #project-details .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.2125rem; } /* RATING */ .rbox-2 { display: block; flex: none; } .rbox-1-img, .rbox-3-img { margin-bottom: 12px; } .rbox-1-img img, .rbox-3-img img { max-height: 35px; } .rbox-2-rating { display: block; } .rbox-2-rating img { top: 0; max-height: 28px; margin-bottom: 20px; } .rbox-2-logo img { top: -3px; max-height: 30px; } .rbox-1 .star-rating { font-size: 1rem; line-height: 1; } .rbox-2-rating.ico-25 { margin-bottom: 15px; } .rbox-3 .star-rating { font-size: 0.95rem; line-height: 1; } .rbox-1 .star-rating span, .rbox-3 .star-rating span { top: -1.5px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 0.95rem; } .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .rbox-2 h6 { display: inline-block; font-size: 1.1875rem; margin: 0 8px 0 0; } /* BRANDS */ .brands-title h6, .brands-title h5 { margin-bottom: 30px; } .brands-title p { margin-bottom: 30px; } #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8, #brand-2-9, .r-5 #brand-3-1, .r-5 #brand-3-2, .r-5 #brand-3-3, .r-6 #brand-3-1, .r-6 #brand-3-2, .r-6 #brand-3-3 { margin-bottom: 30px; } #brand-4-1, #brand-4-2, #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-5, #brand-4-6, #brand-4-9 { margin-bottom: 35px; } .brands-2-wrapper .brand-logo, .brands-3-wrapper.r-5 .brand-logo { width: 33.333%; padding: 0 23px; } .brands-3-wrapper.r-6 .brand-logo, .brands-4-wrapper .brand-logo { padding: 0 15px; } /* AWARDS */ .awards-wrapper h6 { margin-bottom: 28px; } .awards-1 .award-badge { margin: 0 10px; } .awards-2 .award-badge { margin: 0 8px; } .award-badge.ico-105 img { max-height: 114px; } .award-badge.ico-90 img, .award-badge.ico-100 img { max-height: 85px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 46px; } .integrations-2.pt-120.pb-90 { padding-bottom: 51px; } .int-1-wrapper { padding: 60px 30px 70px; } .int-3-wrapper { padding: 65px 50px; } .int_tool-1 { padding: 12px 26px 12px 16px; } .int_tool-1.r-10 { padding: 10px 18px 11px; } .int_tool-1.r-0 { padding: 0 11px; } .int_tool-2 { padding: 30px 15px; margin-bottom: 24px; } .int_tool-4 { padding: 35px; margin-bottom: 30px; } .in_tool_logo { padding: 30px; margin-bottom: 25px; } .int_tool-1 .tool_logo.img-25 { margin-right: 10px; } .int_tool-1 .tool_logo.img-50 { margin-right: 13px; } .int_tool-1 .tool_logo img { width: 40px; height: 40px; } .int_tool-1 .tool_logo.img-25 img { width: 20px; height: 20px; } .int_tool-1 .tool_logo.img-50 img { width: 38px; height: 38px; } .int_tool-2 img, .int_tool-3 img { width: 54px; height: 54px; } .int_tool-4 img { width: 55px; height: 55px; } .tool_txt.mt-10 h6 { margin-top: 4px; } .int_tool-1.r-0 h6 { font-size: 1.4rem; margin-top: 4px; } .int_tool-2 h6 { font-size: 1.0625rem; margin-top: 18px; } .int_tool-4 p { font-size: 1.0625rem; } .tool_category { top: 23px; right: 25px; padding: 2px 12px 4px; } .tool_category span { font-size: 1rem; } .tool_link .btn { font-size: 1.1rem; padding: 0.95rem 1.25rem; margin-top: 18px; } /* PRICING */ .pricing-1.inner-page-hero .section-title p { padding: 0; } .pricing-1-table { padding: 30px 30px 35px; } .pricing-1-table.highlight { padding: 0 30px 35px; } .highlight-badge { padding: 11px 30px 12px; } .highlight-badge h6 { font-size: 1rem; } .pricing-discount { top: 0; } .pricing-discount h6 { font-size: 1.1rem; } .price span { font-size: 3rem; letter-spacing: -1.5px; } .price sup { font-size: 2.3rem; top: -4px; } .price sup.validity { font-size: 1.75rem; } .price p { margin-top: 12px; } .pricing-1-table hr { margin-top: 20px; margin-bottom: 18px; } .pricing-features li { padding: 10px 7px; } .pt-btn { margin-top: 18px; } /* Pricing Notice */ .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 35px; } .table>:not(caption)>*>* { padding-top: 10px; padding-bottom: 10px; } .comp-table .table-responsive thead th { font-size: 0.975rem; } .comp-table .table-responsive tbody th { font-size: 0.925rem; } .comp-table .table-responsive tbody td { font-size: 0.925rem; top: 0; } .comp-table .table-responsive tbody td span { top: 1px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.725rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.875rem; } #pbox-1, #pbox-2 { margin-bottom: 30px; } .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 13px; } /* CHANGELOG */ .changelog-title p { margin-top: 20px; } .version-release { margin-bottom: 60px; } span.version-data { font-size: 1.35rem; line-height: 1.6; margin-bottom: 20px; } span.version-data span { font-size: 1.275rem; padding: 4px 8px; border-radius: 5px; margin-right: 6px; } span.release-date { font-size: 1.05rem; } .release-highlights h6 { font-size: 1.2rem; margin-bottom: 18px; } .release-highlights p.fs-17 { font-size: 1.0625rem; margin-top: 12px; } /* TEAM */ .team-member-photo { margin-bottom: 25px; } .team-member-data p { font-size: 1.1rem; } .team-1 .more-btn { margin-top: 15px; } /* BANNER */ .banner-1-wrapper .banner-overlay { padding: 55px 40px 65px; } .banner-2 .banner-overlay.pt-80.pb-90, .banner-2 .banner-overlay.pt-90.pb-100 { padding: 60px 0 70px; } .banner-3-wrapper { padding: 60px 35px 70px; } .banner-4-wrapper { padding: 45px 10%; } .banner-5-wrapper { padding: 60px 40px 70px; } .banner-6 .banner-overlay.py-70, .banner-6 .banner-overlay.py-80 { padding: 60px 40px 70px; } .banner-7-wrapper .banner-overlay { padding: 60px 50px 0; } .banner-7-wrapper { margin: 0 -25px; border-radius: 0 0!important; } .banner-3-txt h2.fs-48 { font-size: 2.375rem; } .banner-4-txt h3 { font-size: 2.25rem; } .banner-4-txt h3.alt-font { font-size: 2.375rem; } .banner-7-txt h2 { font-size: 2.85rem; padding: 0 8%; } .banner-1-txt p.fs-17, .banner-1-txt p.fs-18 { margin: 14px 0 22px; } .banner-2-txt p.fs-18, .banner-2-txt p.fs-19, .banner-2-txt p.fs-20 { margin-top: 16px; } .banner-3-txt p.fs-17, .banner-3-txt p.fs-18 { margin: 14px 0 24px; } .banner-5-txt p.fs-17, .banner-5-txt p.fs-18 { margin: 18px 3% 0; } .banner-6-txt p.fs-17, .banner-6-txt p.fs-18 { margin: 18px 3% 0; } .banner-7-txt p.fs-17 { margin: 18px 5% 25px; } .banner-2-txt .btn.mt-25 { margin-top: 20px; } .banner-2-txt .btn.mt-35 { margin-top: 25px; } .banner-7-txt p.btn-txt { font-size: 0.95rem; } .banner-7-img.right-column { margin: 40px 0 -25%; } /* FAQs */ .faqs-1.pb-100 { padding-bottom: 58px; } .faq-1-title p { margin-top: 14px; margin-bottom: 18px; } .faqs-3 .section-title.title-01 p { padding: 0; } .faqs-4 .accordion-wrapper { padding: 16px 30px; } .faqs-2.faqs-section .accordion-item { padding: 0 26px; } .faqs-5 .question h5 { margin-bottom: 12px; } .faqs-3.inner-page-hero .accordion-wrapper { padding: 8px 30px; } .faqs-3-questions h4 { margin: 50px 0 25px 12px; } .faqs-section .accordion-thumb { padding: 14px 0 18px; } .faqs-2.faqs-section .is-active .accordion-thumb { padding: 22px 0 14px; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: 17px; right: 0; } .faqs-3.inner-page-hero .more-questions { margin-top: 40px; } .faqs-2 .more-questions, .faqs-4 .more-questions { margin-top: 40px; } /* NEWSLETTER */ .newsletter-1 .newsletter-overlay { padding: 50px 5% 40px; } .newsletter-2 .newsletter-overlay { padding: 60px 5% 50px; } .newsletter-3 .newsletter-overlay { padding: 35px 5% 20px; } .newsletter-4 .newsletter-overlay { padding: 60px 5%; } .newsletter-txt h4, .newsletter-txt h3, .newsletter-txt h2 { font-size: 2rem; padding: 0 5%; margin-bottom: 28px; } .newsletter-2 .newsletter-txt p, .newsletter-4 .newsletter-txt p { padding: 0 5%; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { padding: 0 10%; } .newsletter-2 .newsletter-form, .newsletter-4 .newsletter-form { padding: 0 10%; margin-top: 30px; } .newsletter-section .form-control, .newsletter-section .btn { height: 54px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG LISTING */ #blog-page.pb-70 { padding-bottom: 35px; } #blog-page .section-title p { padding: 0 3%; } .blog-3-wrapper .blog-post-txt h5 {font-size: 1.5rem; } .blog-post h5.fs-18 { font-size: 1.25rem; margin-bottom: 12px; } .blog-post p.fs-15 { font-size: 1rem; } .post-meta-list li:not(:last-child):after { top: -2px; } .bp-txt-icons, #blog-page .bp-txt-icons { right: 15px; bottom: -10px; } .bp-txt-icons .share-social-icons a.share-ico span { margin-left: 16px; } .bp-txt-icons .ico-15 [class*="flaticon-"]:before, .bp-txt-icons .ico-15 [class*="flaticon-"]:after { font-size: 1.25rem; } #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:before, #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* SINGLE BLOG POST */ .single-post-title { padding-bottom: 40px; margin-bottom: 40px; } .author-avatar { margin-right: 15px; } .author-avatar img { width: 54px; height: 54px; } .post-meta { margin-top: 4px; } .post-meta h6 { font-size: 1.0625rem; } .post-meta p { font-size: 1rem; } .post-title-icons .ico-20 [class*="flaticon-"]:before, .post-title-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.65rem; } .post-tags-list { margin-top: 50px; } .post-tags-list span a { font-size: 1rem; padding: 7px 14px; } .post-share-list { margin-top: 30px; } .author-info { margin-top: 50px; padding: 30px 25px; } .author-info-avatar { margin-right: 16px; } .author-info-avatar img { width: 62px; height: 62px; } .author-follow-btn { top: 35px; right: 30px; } #post-comments { padding-top: 50px; padding-bottom: 35px; } #post-comments img { width: 52px; height: 52px; } .comment-body { margin-left: 20px; } .comment-meta { margin-bottom: 7px; } .comment-date, .btn-reply a { font-size: 0.975rem; } .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } #leave-comment { margin-top: 50px; } .comment-form { margin-top: 40px; } .comment-form .form-control { height: 54px; font-size: 1.05rem; padding: 0 15px; } .comment-form textarea { min-height: 190px; } .comment-form textarea.form-control { padding: 20px 15px; } /* CONTACTS */ .contacts-info { text-align: center; } .contacts-info h2 br { display: none; } .contacts-info p { margin: 16px 0 0; padding: 0; } .contacts-info h6 { margin: 22px 0 16px; } .contacts-info-socials li { padding-right: 12px; } .contact-boxes.pb-70 { text-align: center; padding-bottom: 40px; } .contact-box p { padding-right: 0; margin-top: 12px; } .contact-box span { top: 0.5px; left: 2px; } .contact-form .form-control, .contact-form .form-select { height: 54px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 18px; } .contact-form textarea { min-height: 200px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn { margin-top: 5px; } .contact-form .form-btn .btn { width: 100%; font-size: 1.0625rem; padding: 0.95rem 1.4rem; } .contact-form-msg { text-align: center; margin-top: 15px; } /* FOOTER */ .footer-1 .footer-info, .footer-2 .footer-info { margin-bottom: 32px; } .footer-1 .footer-links { margin-bottom: 17px; } .footer-2 .footer-links, .footer-3 .footer-links, .footer-4 .footer-links, .footer-5 .footer-links { margin-bottom: 10px; } .footer-2 .footer-connect, .footer-4 .footer-connect, .footer-5 .footer-connect { margin-bottom: 26px; } .footer-6 .footer-links { margin-bottom: 15px; } .footer-6 .foo-links li { padding: 0 14px; } .footer-4 .footer-info, .footer-5 .footer-info { margin-bottom: 28px; } img.footer-logo { max-height: 30px; margin-bottom: 20px; } .footer-copyright-logo img.footer-logo { max-height: 28px; margin-bottom: 10px; } .footer h6 { font-size: 1.25rem; margin-bottom: 25px; } /* 20px */ .footer h6.alt-font { font-size: 1.3rem; } .footer h6.m-title:after { font-size: 1.125rem; top: 3px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .footer-form .form-control { font-size: 1.125rem; height: 40px; } .footer-form .btn { height: 40px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 26px!important; } .footer-copyright p { font-size: 1rem; } .bottom-footer-list { margin-top: 10px; } .bottom-footer-socials { margin-top: 15px; } .bottom-footer-socials li { padding-right: 12px; } .bottom-footer-list li:not(:last-child):after { top: -1px; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-25 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after, .bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ .inner-page-title { padding-bottom: 50px; margin-bottom: 50px; } .inner-page-title p { margin-top: 15px; } /* SIGN IN / SIGN UP */ .register-page-form { margin: 0 8%; } .reset-page-wrapper { margin: 0 10%; padding: 235px 0; } .register-form-title { margin-bottom: 25px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.95rem; } .register-form-title p { font-size: 1.15rem; margin-top: 12px; } .reset-form-title { margin-bottom: 20px; } .reset-form-title p { font-size: 1.125rem; margin-top: 15px; } .reset-password-link p { font-size: 1rem; margin-bottom: 30px; } .form-data span { font-size: 1rem; } .reset-password-form .form-data p { font-size: 1.0625rem; margin: 25px 0 12px; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 30px; } .separator-line { font-size: 1rem; margin: 28px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 54px; font-size: 1.0625rem; margin-bottom: 24px; } #login .register-page-form .btn.submit { height: 53px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 53px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 53px; font-size: 1.0625rem; } .btn-register.mb-15 { margin-bottom: 20px; } /* COOKIES */ #cookies { width: 92%; left: 4%; bottom: 16px; padding: 20px 30px 45px 20px; } #cookies p { font-size: 1rem; padding-right: 4%; } #cookies-ok { right: 20px; bottom: 15px; font-size: 0.95rem; padding: 6px 20px; } #cookies-info { margin-left: 7px; } #cookies-close { right: 12px; top: 4px; } #cookies-close svg { width: 11px; height: 11px; } /* PAGE 404 */ .page-error { padding: 165px 0 75px; } .page-error-img { margin: 0 45px 40px; } .page-error h5 { margin: 16px 0 30px; } /* MODAL */ .modal-dialog { max-width: 490px; } .modal-dialog.modal-xl { max-width: 360px; } #modal-1 .modal-body-content { padding: 30px 15px 12px; } #modal-2 .modal-body-content { padding: 30px 15px 16px; } .modal-body-content p { margin-top: 14px; margin-bottom: 18px; } .modal .newsletter-form .form-control, .modal .request-form .form-control { height: 54px; font-size: 1.05rem; margin-bottom: 16px; } .modal .newsletter-form .btn, .modal .request-form .btn { height: 54px; font-size: 1rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 414px) and (max-width: 479.98px) { /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ #stlChanger { display: none; } .division { padding-left: 4px; padding-right: 4px; } /* Spacing & Indents */ .py-120 { padding: 80px 0; } .pt-120 { padding-top: 80px; } .pb-120 { padding-bottom: 80px; } .map-bg { left: -50%; bottom: 0; top: 26%; width: 200%; opacity: .12; } .s_shape_01 { top: -60px; left: -50px; width: 500px; height: 500px; } .s_shape_02 { top: 90px; right: -100px; width: 330px; height: 330px; } /* Text Size */ .fs-15 { font-size: 1rem; } /* 16px */ .fs-16 { font-size: 1.0625rem; } /* 17px */ .fs-17, .fs-18 { font-size: 1.125rem; } /* 18px */ .fs-19 { font-size: 1.1875rem; } /* 19px */ .fs-20, .fs-22 { font-size: 1.375rem; } /* 22px */ .fs-23, .fs-24, .fs-26 { font-size: 1.5rem; } /* 24px */ .fs-28, .fs-30, .fs-32, .fs-34 { font-size: 1.625rem; } /* 26px */ .fs-36, .fs-38 { font-size: 1.75rem; } /* 28px */ .fs-40, .fs-42 { font-size: 1.875rem; } /* 30px */ .fs-44, .fs-46 { font-size: 2rem; } /* 32px */ .fs-48 { font-size: 2.0625rem; } /* 33px */ .fs-50 { font-size: 2.125rem; } /* 34px */ .fs-52, .fs-54 { font-size: 2.25rem; } /* 36px */ .fs-56 { font-size: 2.375rem; } /* 38px */ .fs-58, .fs-60 { font-size: 2.5rem; } /* 40px */ .fs-62, .fs-64 { font-size: 2.6255rem; } /* 42px */ .fs-66 { font-size: 2.75rem; } /* 44px */ .fs-68 { font-size: 2.875rem; } /* 46px */ .fs-70 { font-size: 3rem; } /* 48px */ .fs-72 { font-size: 3.125rem; } /* 50px */ .fs-74 { font-size: 3.25rem; } /* 52px */ .fs-76 { font-size: 3.375rem; } /* 54px */ .fs-78 { font-size: 3.5rem; } /* 56px */ .fs-80 { font-size: 3.625rem; } /* 58px */ h2 { line-height: 1.35; } h2.alt-font { letter-spacing: -1px; } p { font-size: 1.0625rem; } /* 17px */ ol.digit-list p { margin-bottom: 5px; } /* List */ .lb-list { display: block; margin: 34px 5px 15px 0; } .list-line { top: -14px; left: 15px; width: 2px; height: 111%; } .lb-list .list-item { padding: 11px 10px 11px 35px; } .lb-list .list-item p { padding-left: 3px; } .lb-list .list-item p span { top: 1.5px; right: 3px; } .lb-list.ico-15 [class*="flaticon-"]:before, .lb-list.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Button */ .btn, .btn.btn-md { font-size: 1rem; padding: 0.975rem 1.35rem; } .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1rem; padding: 0.975rem 1.25rem; } .btns-group .btn.ico-30 { padding: 0.68165rem 0.5rem 0!important; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.45rem!important;top: 2px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; } .btn.ico-30 { font-size: 1.15rem; top: -10px; margin-right: 0; } .btn.ico-left span { margin-right: 8px; } .btn.ico-right span { margin-left: 8px; } /* Buttons Group */ .btns-group .btn:first-child { margin-right: 8px; } /* Button Text */ p.btn-txt, .btn-rating { margin-top: 14px; } .text-center p.btn-txt.ico-15 { padding: 0; } .btn-rating p.fs-15, .star-rating small, .star-rating span.rating-txt { font-size: 1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after, .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* OS Button */ .os-btn { width: auto; min-width: 300px; padding: 17px 20px 12px; } .btn-os { display: inline-block!important; } .os-btn-ico { margin-right: 20px; } .os-btn-txt p { font-size: 1.1rem; margin-top: 1px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .btn-os.d-inline-block:first-child { margin-right: 0; margin-bottom: 15px; } /* Store Badge */ .store { margin-right: 4px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.15rem; } /* Watch Video Link */ .watch-video { margin-top: 20px; } .watch-video-link { margin-right: 11px; } p.video-txt-lg { font-size: 1.1rem; margin-bottom: 7px; } p.video-txt-sm { font-size: 1rem; } /* Video Popup Icon */ .video-btn { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; } .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after { font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px; } .ico-60 img, .ico-65 img { max-height: 4.15rem; } /* Module Subtitle */ .module-subtitle { font-size: 0.9rem; margin-bottom: 30px; } .subtitle-line:before { width: 25px; margin: 0px 8px 2px 0; } .subtitle-rounded { font-size: 0.875rem; padding: 9px 19px; margin-bottom: 30px; } .module-eyebrow { font-size: 1.05rem; padding: 4px 20px 5px; margin-bottom: 30px; } /* Section Title */ .title-01.mb-60, .title-02.mb-60, .title-01.mb-70, .title-01.mb-80, .title-03.mb-100 { margin-bottom: 35px; } .title-01.mb-100 { margin-bottom: 45px; } .title-02.mb-70 { margin-bottom: 40px; } .section-title h5, .section-title h4 { line-height: 1.5; } .title-01 p, .title-02 p { margin-top: 15px; } .title-03 p { padding: 0 3%; margin-top: 15px; } .section-title p.fs-20 { font-size: 1.2rem; } .title-01 .btn, .title-02 .btn, .title-03 .btn { margin-top: 20px; } /* Block Info */ .block-info-rounded { padding: 15px 28px; } .block-info-rounded.mt-80 { margin-top: 30px; } .block-info h6 { font-size: 1.15rem; line-height: 1.75; } .block-info h6 span { margin: 0 3px; } /* Advantages */ .advantages { margin-top: 20px; } .text-center .advantages { margin-top: 20px; } .advantages li:not(:last-child):after { top: -2px; } /* Compatibility */ .compatibility { margin-top: 6px; padding: 4px 24px; } /* Users */ .txt-block .users, .ws-wrapper .users, .fbox-5-txt .users { margin-top: 24px; } .users img { max-height: 48px; top: 0; } .users p { display: block; font-size: 0.975rem; margin: 15px 0 0; } /*------------------------------------------*/ /*   NAVIGATION MENU    
  /*------------------------------------------*/ /* Mobile Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; } .wsactive .wsmobileheader { margin-right: 325px; } .overlapblackbg { width: calc(100% - 325px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } /* Header Store Badges */ .store.header-store img { max-height: 45px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 6px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 8px 10px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } .wsmegamenu h6.title { font-size: 1.175rem!important; margin: 8px 0 0 12px; } /*------------------------------------------*/ /*  HERO
  /*------------------------------------------*/ .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } .hero-section .store { display: block; margin: 15px 0 0; } .hero-section .os-version-ext { margin-top: 18px; } /* Hero Advantages */ .hero-section .advantages { margin-top: 22px; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn, .hero-section .quick-form.form-half .btn { height: 54px; font-size: 1.1rem; } .hero-section .quick-form.form-half .form-control { height: 54px; font-size: 1.1rem; margin-bottom: 20px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; } /* HERO DIGITS */ .hero-digits { margin-top: 35px; } .hd-3 h3.statistic-number { font-size: 2.15rem; margin-bottom: 15px; } .hd-3 h3.statistic-number small { font-size: 1.85rem; margin-left: 2px; } .hd-3 p.fs-15 { font-size: 1.0625rem; line-height: 1.5; } .hero-square-logo { margin-bottom: 20px; } .hero-square-logo img { max-height: 70px; } /* HERO FRAMER TEXT */ .framer-txt-01, .framer-txt-02 { margin-bottom: 35px; } .framer-txt-03 { margin-bottom: 30px; } .framer-txt-04 { margin-bottom: 25px; } .framer-txt-01 a, .framer-txt-02 a { font-size: 0.95rem; padding: 9px 20px; } .framer-txt-04 p { font-size: 0.9rem; padding: 7px 15px; } .framer-txt-01 span { top: 6px; right: 7px; } .framer-txt-02 span { top: 3px; right: 4px; } .widget-data b { font-size: 0.85rem; } .widget-data.mr-15 { margin-right: 6px; } .framer-txt-01.ico-20 [class*="flaticon-"]:before, .framer-txt-01.ico-20 [class*="flaticon-"]:after { font-size: 1.5rem; } .framer-txt-02.ico-15 [class*="flaticon-"]:before, .framer-txt-02.ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; } .framer-txt-04 span[class*="flaticon-"] { top: 1px; right: 4px; } .framer-txt-04 .widget-data.mr-15 span[class*="flaticon-"] { top: 2px; } .framer-txt-04.ico-15 [class*="flaticon-"]:before, .framer-txt-04.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } .framer-txt-03 img { top: 5px; max-height: 30px; margin-left: 0; } /* HERO AVATARS WIDGET */ .hero-avatars-widget { font-size: 1.0625rem; margin-bottom: 25px; } .hero-avatars-widget img { max-height: 32px; margin-right: 4px; } /* HERO SECTION ID */ .hero-section .module-subtitle { margin-bottom: 30px; } .hero-section .module-subtitle:before { width: 5px; height: 14px; margin-right: 9px; top: 2px; } /* HERO SLIDESHOW */ .slideshow, .slideshow .slides { height: 440px; } /* HERO-1 */ .hero-1 .caption { margin-top: 24px; } .hero-1 .caption h2 { font-size: 2.25rem; line-height: 1.12; } .hero-1 .caption p { margin: 10px 3% 14px; } /* HERO-2 */ .hero-2 { padding: 75px 0; } .hero-2-txt h2 { font-size: 2.6rem; } .hero-2-txt p.fs-17 { margin: 14px 0 24px; } .hero-2-img { margin-top: 35px; } /* HERO-3 */ .hero-3:after { height: 14%; } .hero-3-txt p.fs-18 { margin: 14px 2% 0; } .hero-3-txt .quick-form { margin: 22px 4% 0; } .hero-3-txt .advantages { margin-top: 28px!important; } .hero-3-img { margin-top: 35px; } /* HERO-4 */ .hero-4 { margin-bottom: 40px; } .hero-4-txt h2 { font-size: 2.65rem; padding: 0 4%; } .hero-4-txt p.fs-17 { margin: 14px 0 22px; } .hero-4-img { margin: 35px 0 -40px; } /* HERO-5 */ .hero-5 { padding: 75px 0; } .hero-5-txt h2 { font-size: 3.85rem; } .hero-5-txt p.fs-18 { margin: 14px 3% 0; } .hero-5-txt .quick-form { margin: 22px 6% 0; } .hero-5-img { margin-top: 35px; } /* HERO-6 */ .hero-6 { padding-top: 70px; margin-bottom: 40px; } .hero-6-txt h2 { font-size: 2.75rem; } .hero-6-txt p.fs-18 { margin: 12px 0 5px; } .hero-6-img { margin: 40px 0 -40px; } /* HERO-7 */ .hero-7 { margin-bottom: 40px; } .hero-7-txt h2 { font-size: 2.45rem; } .hero-7-txt p.fs-19 { margin: 14px 3% 24px; } .hero-7-img { margin: 35px 0 -40px; } /* HERO-8 */ .hero-8-wrapper { margin: 0 -15px; padding: 75px 20px 65px; } .hero-8-txt .hero-avatars-widget { font-size: 1.05rem; } .hero-8-txt .hero-avatars-widget img { max-height: 32px; top: 0; } .hero-8-txt h2 { font-size: 2.5rem; } .hero-8-txt p.fs-17 { margin: 16px 0 20px; } .hero-8-img { margin-top: 35px; } /* HERO-9 */ .hero-9 { padding: 70px 0; } .hero-9-txt h2 { font-size: 2.6rem; } .hero-9-txt p.fs-17 { margin: 14px 3% 20px; } .hero-9-txt .hero-digits { margin-top: 40px; } /* HERO-10 */ .hero-10 { margin-bottom: 40px; } .hero-10-txt h2 { font-size: 2.6rem; } .hero-10-txt p.fs-18 { margin: 14px 0 0; } .hero-10-btn { margin-top: 20px; } .hero-10-img { margin: 35px 0 -40px; } /* HERO-11 */ .hero-11 { padding-top: 75px; margin-bottom: 35px; } .hero-11-txt h2 { font-size: 2.5rem; } .hero-11-txt p.fs-17 { margin: 15px 3% 0; } .hero-11-txt .quick-form { margin: 22px 5% 0; } .hero-11-txt .advantages { margin-top: 22px; margin-left: 0; } .hero-11-img { margin: 30px 0 -35px; } /* HERO-12 */ .hero-12 { padding: 75px 0 85px; } .hero-12-txt h2 { padding: 0 5px; } .hero-12-txt p.fs-18 { margin: 14px 2% 0; } .hero-12-txt .quick-form { margin: 22px 6% 0; } .hero-12-img { margin-top: 35px; } /* HERO-13 */ .hero-13 { padding-top: 70px; } .hero-13-txt h2 { font-size: 2.5rem; } .hero-13-txt p.fs-18 { margin: 12px 0 22px; } .hero-13-brands { margin: 49px 5px 35px; } .hero-13-brands p.fs-15 { margin-bottom: 12px; } .hero-13-image { margin: 0 -15px; padding: 50px 20px 0; border-radius: 0 0!important; } .hero-13-img { margin-bottom: -35px; } .hero-13-img .video-btn { top: calc(50% - 12px); } /* HERO-14 */ .hero-14 { padding-top: 75px; margin-bottom: 35px; } .hero-14-txt h2 { font-size: 2.65rem; } .hero-14-txt p.fs-18 { margin: 14px 0 22px; } .hero-14-brands { margin-top: 30px; padding: 20px 23px; } .hero-14-brands .loop_carousel_left img { padding: 0 10px; height: 2.5rem; } .hero-14-img { margin: 40px 2% -35px; } /* HERO-15 */ .hero-15 { padding-top: 70px; } .hero-15:after { height: 14%; } .hero-15-txt p.fs-18 { margin: 14px 0 22px; } .hero-15-img { margin-top: 35px; } /* HERO-16 */ .hero-16 { padding: 70px 0; } .hero-16-txt h6 { margin-bottom: 35px; } .hero-16-txt h6 span { top: 13px; right: 2px; } .hero-16-txt .ico-35 span[class*="flaticon-"]:before, .hero-16-txt .ico-35 span[class*="flaticon-"]:after { font-size: 2.5rem; } .hero-16-txt h2.fs-50 { font-size: 2.4rem; } .hero-16-txt p.fs-17 { margin: 14px 0 22px; } .hero-16-txt .hero-digits { margin-top: 30px; } .hero-16-img { margin-top: 35px; } /* HERO-17 */ .hero-17 { margin-bottom: 40px; } .hero-17-txt h2 { font-size: 2.55rem; } .hero-17-txt p.fs-18 { font-size: 1.175rem; margin: 14px 2% 22px; } .hero-17-img { margin: 40px 0 -40px; } /* HERO-18 */ .hero-18 { margin-bottom: 40px; } .hero-18-txt p.fs-19 { margin: 14px 0 22px; } .hero-18-brands { margin: 35px 5px 0; } .hero-18-brands p.fs-15 { margin-bottom: 12px; } .hero-18-img { margin: 35px 0 -40px; } /* HERO-19 */ .hero-19 { padding: 75px 0; } .hero-19-txt { margin-bottom: 35px; } .hero-19-txt h2 { font-size: 2.75rem; } .hero-19-txt p.fs-17, .hero-19-txt p.fs-18 { margin: 15px 0 20px; } /* HERO-20 */ .hero-20 { margin-bottom: 50px; } .hero-20-txt h2 { font-size: 2.5rem; margin-bottom: 15px; } .hero-20-txt p { padding: 0 3%; } #hero-20-form { padding: 30px 23px; margin: 40px 0 -50px; box-shadow: 0 4px 12px 0 var(--tra-black); } .form-logo { margin-bottom: 30px; } .form-logo img { max-height: 28px; } #hero-20-form p { margin: 14px 0 20px; } .hero-section #hero-20-form .form-control { height: 54px; font-size: 1.15rem; border: 1.5px solid var(--silver); } #hero-20-form .btn { height: 54px; font-size: 1.125rem; padding: 16px; } /* HERO-21 */ .hero-21 { padding: 75px 0; } .hero-21-txt h2 { font-size: 2.6rem; margin-bottom: 25px; } .hero-21-img { margin-top: 35px; } .hero-21-brands { margin-top: 40px; } .hero-21-brands p { margin-bottom: 20px; } .hero-21-brands .loop_carousel_left img { padding: 0 10px; height: 3rem; } /* HERO-22 */ .hero-22 { margin-bottom: 40px; } .hero-22-txt p.fs-18 { margin: 20px 3% 0; } .hero-22-txt .quick-form { margin: 30px 4% 0; } .hero-22-txt .advantages { margin-top: 28px!important; } .hero-22-img { margin: 35px 0 -40px; } /* HERO-23 */ .hero-23 { overflow: visible; margin-bottom: 50px; } .hero-23-wrapper { padding-top: 80px; padding-bottom: 45px; } .hero-23-widget { margin-bottom: 30px; } .hero-23-widget span { font-size: 0.975rem; padding: 9px 15px; } .hero-23-txt p.fs-18 { margin: 14px 0 22px; } .hero-23-image { margin: 0 -15px; padding: 45px 18px 0; border-radius: 0 0!important; } .hero-23-img { margin-bottom: -50px; } .hero-23-img .video-btn { top: calc(50% + 1px); } .hero-23-image p { margin-bottom: 24px; } .hero-23-image p span { display: block; } /* HERO-24 */ .hero-24 { text-align: center; padding: 80px 0 85px; } .hero-24-txt p.fs-18 { margin: 16px 0 22px; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* ABOUT */ .about-2-title { margin-bottom: 12px; } .about-1-txt { margin-bottom: 30px; } .about-1-txt p { margin-top: 18px; } #a2-1 { margin-bottom: 16px; } .about-3-txt p { font-size: 1.0625rem; margin: 15px 0 0; } .a-1-1 {margin-bottom: 20px; } .a-1-4 { margin-top: 20px; } /* CAREERS */ .jobs-wrapper { padding: 20px 20px 16px; } .jobs-category h4 { margin-left: 10px; margin-bottom: 20px; } .position-link { top: 2px; right: -2px; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } /* JOB POSITION */ .job-position-title { margin: 80px 0 20px; padding: 60px 0 70px; } .job-position-title .btn { font-size: 1rem; padding: 0.7rem 1.65rem; } .position-info h5 { margin: 30px 0 20px; } .position-info .btn { margin-top: 20px!important; } /* FEATURES */ .features-section.mt-30 { margin-top: 35px; } .features-section.pb-30 { padding-bottom: 35px; } .features-8 .container { max-width: 100%; } .features-8 .section-title { padding: 0; } .fbox-8-wrapper { padding: 65px 26px 75px; margin: 0 -15px; border-radius: 0 0!important; } .fbox-8-wrapper .section-title { margin-bottom: 32px; } .features-section .ico-55 [class*="flaticon-"]:before, .features-section .ico-55 [class*="flaticon-"]:after { font-size: 3.75rem; } /* FBOX-1 */ .fbox-1.fb-1, .fbox-1.fb-2 { margin-bottom: 25px; } .fbox-1 { display: block; text-align: center; } .fbox-1 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-1 .fbox-ico { margin-top: 0; margin-bottom: 15px; } .fbox-1 .ico-50 [class*="flaticon-"]:before, .fbox-1 .ico-50 [class*="flaticon-"]:after { font-size: 3.45rem; } /* FBOX-2 */ .fbox-2 { padding: 0 3%; } /* FBOX-3 */ .fbox-3 { display: block; text-align: center; } .fbox-3 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-3 .fbox-ico { margin-top: 0; margin-bottom: 15px; } /* FBOX-4 */ .fbox-4 { display: block; text-align: center; padding: 35px 22px; } .fbox-4 .fbox-ico-wrap { margin : 0 0 18px 0; } .fbox-4 .fbox-ico { margin-top: 0; } /* FBOX-5 */ .fbox-5 { display: block; text-align: center; } .fbox-5 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-5 .fbox-ico { margin-top: 0; margin-bottom: 15px; } .fbox-5 .ico-45 [class*="flaticon-"]:before, .fbox-5 .ico-45 [class*="flaticon-"]:after { font-size: 3.1875rem; } /* FBOX-6 */ .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 190px; } .fbox-img.h-185 img, .fbox-img.h-190 img { max-height: 195px; } .fbox-6 .fbox-img.r-12 { padding-top: 32px; margin: 0 5% 50px; } .fbox-6 .fbox-img.r-12 img {max-height: 190px; margin-bottom: -25px; } /* FBOX-7 */ .fbox-7, .fbox-7.fb-7 { padding: 40px 30px; } .fbox-7.fb-1 .fbox-7-img, .fbox-7.fb-5 .fbox-7-img, .fbox-7.fb-6 .fbox-7-img, .fbox-7.fb-7 .fbox-7-img { margin: 25px 0 0; } .fbox-7.fb-2 .fbox-7-img, .fbox-7.fb-3 .fbox-7-img, .fbox-7.fb-4 .fbox-7-img { margin: 0 0 25px; } /* FBOX-8 */ .fbox-8 { padding: 35px 30px; } /* FBOX-9 */ .fbox-9 { padding: 40px 22px; } .fbox-9 a.tra-link { font-size: 1.0625rem; } .fbox-7 .module-subtitle { margin-bottom: 20px; } .fbox-1 h5, .fbox-3 h5, .fbox-5 h5, .fbox-7 h5, .fbox-7 h5, .fbox-7.fb-5 h5, .fbox-7.fb-6 h5 { margin-bottom: 14px; } .fbox-6-txt h5, .fbox-8 h5 { margin: 23px 0 12px; } .fbox-7 h3 { margin-bottom: 16px; } .features-section p.fs-15 { font-size: 1.0625rem; } .fbox-3 p { padding: 0 3%; } .fbox-6 p { padding: 0 3%; } .fbox-7-txt .btn { margin-top: 18px; } /* CONTENT */ .ct-03.pb-100 { padding-bottom: 75px; } .bc-01 .container, .bc-03 .container, .bc-04 .container, .bc-05 .container, .bc-06 .container { max-width: 100%; } .bc-01-wrapper, .bc-04-wrapper, .bc-05-wrapper, .bc-06-wrapper { margin: 0 -15px; border-radius: 0!important; } .bc-03-wrapper { padding: 60px 30px; margin: 0 -15px; border-radius: 0!important; } .bc-02.mt-30 { margin-top: 35px; } .ct-06 .section-overlay { margin-bottom: 45px; } .bc-01 .section-overlay { padding: 60px 28px; } .bc-02 .section-overlay { padding: 50px 30px; } .bc-04 .section-overlay { padding: 60px 28px 0; } .bc-06-wrapper { padding: 60px 30px; } .bc-04 .section-title { margin-bottom: 25px; } .bc-04 .section-title p { padding: 0; } .bc-5-txt { padding: 65px 4% 0; margin-bottom: 45px; } .bc-06 .txt-block { margin-bottom: 35px; } .txt-box, .bc-01 .txt-box { margin-bottom: 20px; } .txt-block-stat { margin-top: 25px; } .bc-03-title { margin-bottom: 25px; } .txt-block h2, .txt-block h5, .bc-02 .txt-block h5, .bc-03 .txt-block h5, .bc-5-txt h2, .bc-06 .txt-block h2 { margin-bottom: 20px; } h5.h5-title { margin: 16px 0 20px; } .bc-06 .txt-block h2.fs-46 { font-size: 2.0625rem; padding: 0 5%; } .ct-02 ul.simple-list { margin-left: 8px; } .txt-block .btn, .bc-06 .txt-block .btn, .txt-block .stores-badge { margin-top: 22px; } .txt-block-tra-link { margin-top: 16px; } /* CBOX-1 */ .cbox-1 .ico-wrap { margin-right: 1.175rem; } .cbox-1-ico { width: 2rem; height: 2rem; font-size: 1.1rem; line-height: 1.65rem; margin-top: 5px; } .cbox-1-txt { margin-bottom: 20px; } /* CBOX-2 */ .cbox-2.mt-30 { margin-top: 25px; } .cbox-2 .ico-wrap { margin-right: 1.25rem; } .cbox-2-ico { top: 6px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.65rem; } .cbox-2-txt { margin-bottom: 30px; } .cbox-2-txt.mb-30 { margin-bottom: 22px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 12px!important; } /* CBOX-3 */ .cbox-3.mt-25 { margin-top: 18px; } .cbox-3-txt { padding-left: 14px; } .cbox-3-ico span { top: 6px; } .cbox-3-ico.ico-30 [class*="flaticon-"]:before, .cbox-3-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.5rem; } /* CBOX-4 */ .cbox-4-wrapper { margin-top: 15px; } .box-title { margin-bottom: 12px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title.ico-30 span[class*="flaticon-"]:before, .box-title.ico-30 span[class*="flaticon-"]:after { font-size: 2.15rem; line-height: 1rem!important; } .box-title h6 { position: relative; top: 2px; left: 8px; font-size: 1.3rem; } .cbox-4 p.fs-15 { font-size: 1.0625rem; } /* CBOX-5 */ .cbox-5 { width: 330px; min-width: 330px; padding: 13px 20px 11px; } .cbox-5.cb-1 { margin: 8px 0 20px; } .cbox-5-ico .ico-45 [class*="flaticon-"]:before, .cbox-5-ico .ico-45 [class*="flaticon-"]:after { font-size: 3rem; } .cbox-5-txt { padding-left: 16px; } .cbox-5-txt h6 { font-size: 1.1rem; margin-bottom: 2px; } /* CBOX-6 */ .cbox-6 { padding: 35px 26px; } .cbox-6 hr { margin-top: 24px; margin-bottom: 19px; } .cbox-6 h2.statistic-number { font-size: 2.75rem; } .cbox-6 .statistic-number sup { font-size: 2.5rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-title h6 { margin-bottom: 20px; } .cbox-6-title p.ico-10 { margin-top: 20px; } .cbox-6-title p.ico-10 span.r-06 { font-size: 1rem; padding: 5px 9px; margin-right: 3px; } .cbox-6-menu { top: -2px; right: 5px; } .cbox-6-img { margin-top: 25px; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data { padding: 11px 17px; } .cbox-6-data.mt-25 { margin-top: 15px; } /* CBOX-7 */ .cbox-7.cb-1, .cbox-7.cb-2 { margin-bottom: 25px; } .cbox-7 .cbox-title { margin-bottom: 18px; } .cbox-7 .cbox-title span {margin-right: 15px; } /* CBOX-9 */ .cbox-9 { margin-right: 0; } .cbox-9-ico { width: 30px!important; height: 30px!important; margin-right: 13px; } .cbox-9.ico-15 span { top: 1.5px; } .cbox-9.ico-15 [class*="flaticon-"]:before, .cbox-9.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Accordion */ .txt-block .accordion-1 .accordion-item { padding: 22px 0 27px; } .txt-block .accordion-1 .accordion-item:first-child { padding: 0 0 27px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: -3px; right: 0; } .txt-block .accordion-1 .accordion-thumb h4, .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h4, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } /* Tabs */ .tabs-1 li { padding: 22px 25px; } .tab-link p { margin-top: 6px; } #tabs-1 .img-block.left-column, #tabs-1 .img-block.right-column { margin-top: 0; } /* Content Images */ .ct-03 .img-block img { margin-top: 35px; } .ct-04 .img-block { margin: -40px -28% 0; } .bc-5-img img { border-radius: 0; } .content-section .container.hidd { overflow: visible!important; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -45px; } .img-block-txt { margin-top: 35px; } .img-block-btn { padding: 0 2%; margin-top: 35px; } .img-block-btn .advantages { margin-top: 20px; } .bc-4-img { margin-bottom: -50px; } .bc-4-img .video-btn { top: calc(50% - 15px); } /* STATISTIC */ .statistic-1.py-80 { padding-top: 60px; padding-bottom: 60px; } .statistic-1-wrapper { padding: 0; } .txt-block-stat.mt-30 { margin-top: 20px; } .statistic-2 .txt-block { margin-bottom: 40px; } #sb-1-1, #sb-1-2, #sb-4-1, #sb-4-2, #sb-4-3, #sb-5-1, #sb-5-2 { margin-bottom: 35px; } .statistic-1-wrapper .statistic-block { padding: 0; } .statistic-2-wrapper .statistic-block { padding: 40px 30px; } #sb-2-1 { border-right: none; } #sb-2-3 { border-right: none; border-bottom: 1.5px solid #e4e4e4; } #sb-3-2 { padding-left: 4%; } .statistic-ico { margin-bottom: 14px; } .statistic-section h2.fs-56, .statistic-section h2.fs-58 { font-size: 3rem; } h3.statistic-number { font-size: 2.5rem; line-height: 1; letter-spacing: 0.5px; } h2.statistic-number { font-size: 2.75rem; line-height: 1; letter-spacing: -1px; } .statistic-1-wrapper h5 { margin-top: 20px; margin-bottom: 12px; } .statistic-2 h3.statistic-number { font-size: 2.75rem; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.5rem; letter-spacing: -0.5px; margin-bottom: 12px; } .statistic-5-wrapper h6 { margin-top: 15px; } .statistic-2-wrapper p { font-size: 1.125rem; } .statistic-4-wrapper p { font-size: 1.1rem; margin-top: 18px; } .statistic-5-wrapper p { margin-bottom: 20px; } .statistic-block span[class*="flaticon-"], .statistic-block .alt-font span[class*="flaticon-"] { top: -8px; } .line-highlight { left: 34%; width: 32%; height: 10px; margin-top: -9px; } /* GALLERY */ .gallery-1 .carousel_slide { margin-left: 10px; } .gallery-1 img { max-height: 260px; } .gallery-1 .projects_carousel img { max-height: 290px; } /* TESTIMONIALS */ .reviews-1-wrapper { padding: 0; } .reviews-1-wrapper:after { display: none; } .review-1, .review-2, .review-4 { padding: 40px 25px 28px; margin: 0 10px 30px; } .review-1 { background-color: #f9f9fc; padding: 30px 25px; } .theme--dark .review-1 { background-color: var(--smoke); } .review-2 { padding: 30px 20px; margin: 0 8px 30px; } .review-3 { padding: 30px 25px; } .reviews-4-wrapper { margin: 30px 0 0; } .reviews-4-title p { margin: 14px 3% 0; } .review-ico.ico-45 { top: 16px; right: 22px; } .review-ico.ico-60 { top: 16px; left: 18px; } .review-source { top: 20px; right: 22px; } .review-source img, .owl-carousel .owl-item .review-source img { width: 34px; height: 34px; } .review-txt h6 { margin-bottom: 12px; } .author-data { margin-top: 18px; } .review-2-author { margin-top: 15px; } .review-rating.ico-15 { margin-bottom: 8px; } .review-rating.ico-10 [class*="flaticon-"]:before, .review-rating.ico-10 [class*="flaticon-"]:after, .review-rating.ico-15 [class*="flaticon-"]:before, .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; } .review-avatar img, .owl-carousel .owl-item .review-avatar img { width: 42px; height: 42px; } .author-data .review-author { padding: 0 0 0 13px; margin-top: 1.5px; } .review-author h6 { font-size: 1.1rem; margin-bottom: 8px; } .review-2-author p { font-size: 1rem; } .reviews-section .more-btn.mt-35 { margin-top: 15px; } /* PROJECTS */ .projects-1 .title-03 { margin-bottom: 30px; } .projects-1 .title-03 h2.fs-50 { font-size: 2.3rem; } .projects-1 .title-03 .filter-btns { margin-top: 25px; } .filter-btns button { width: 60%; font-size: 1.1rem; margin: 0 0 10px; } .pr-tag { left: 20px; } .pr-tag p { padding: 7px 16px; margin-bottom: 0; } .pr-data-txt { width: 80%; bottom: 35px; } .pr-source { width: 43px; height: 43px; bottom: 25px; } .pr-source a span { top: 8px; } .filter-item:hover .pr-data-txt { left: 25px; } .filter-item:hover .pr-source { right: 20px; } /* PROJECT DETAILS */ .project-category { margin-bottom: 25px; } .project-title h2 { padding-right: 0; padding-bottom: 30px; } .project-data { margin: 30px 0 25px; } .project-data p { margin-bottom: 7px; } .project-txt h5 { margin: 25px 0 14px; } .project-txt h6 { font-size: 1.215rem; margin: 14px 0; } .project-inner-img { margin: 25px 0; } .project-inner-img.d-flex { margin-left: -12px; margin-right: -12px; } .project-inner-img .top-img { margin-bottom: 30px; } .project-share-icons { margin-top: 30px; padding-top: 30px; } #project-details .more-projects { margin-top: 35px; } #project-details .more-projects span { top: 2px; left: 2px; } #project-details .more-projects.ico-25 [class*="flaticon-"]:before, #project-details .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } /* RATING */ .rating-title.mb-40 { margin-bottom: 40px; } .rbox-2 { display: block; flex: none; } #rb-1-3, #rb-3-1, #rb-3-2 { margin-bottom: 30px; } .rbox-1-img, .rbox-3-img { margin-bottom: 12px; } .rbox-1-img img, .rbox-3-img img { max-height: 38px; } .rbox-2-rating { display: block; } .rbox-2-rating img { top: 0; max-height: 28px; margin-bottom: 20px; } .rbox-2-logo img { top: 0; max-height: 35px; } .rbox-1 .star-rating, .rbox-3 .star-rating { font-size: 1rem; line-height: 1; } .rbox-2-rating.ico-25 { margin-bottom: 15px; } .rbox-1 .star-rating span, .rbox-1 .star-rating span { top: 1px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.05rem; } .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .rbox-2 h6 { font-size: 1.125rem; line-height: 1.6; margin: 0 0 14px; } /* BRANDS */ .brands-title h6 { line-height: 1.6; padding: 0 3%; margin-bottom: 30px; } .brands-title h5 { line-height: 1.6; margin-bottom: 30px; } .brands-title p { margin-bottom: 28px; } #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8, .r-5 #brand-3-1, .r-5 #brand-3-2, .r-5 #brand-3-3, .r-5 #brand-3-4, .r-6 #brand-3-1, .r-6 #brand-3-2, .r-6 #brand-3-3 { margin-bottom: 30px; } #brand-4-1, #brand-4-2, #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brand-4-9, #brand-4-10 { margin-bottom: 35px; } .brands-1 .loop_carousel img { padding: 0 18px; height: 3.5rem; } .brands-2-wrapper .brand-logo, .brands-3-wrapper.r-5 .brand-logo { width: 50%; padding: 0 27px; } .brands-3-wrapper.r-6 .brand-logo, .brands-4-wrapper .brand-logo { padding: 0 21px; } /* AWARDS */ .awards-1 h2 { padding: 0 2%; } .awards-wrapper h6 { margin-bottom: 28px; } .awards-1 .award-badge { margin: 0 20px; } .awards-2 .award-badge { margin: 0 8px; } #awb-1-1, #awb-1-2 { margin-bottom: 35px; } #awb-2-1, #awb-2-2, #awb-2-3 { margin-bottom: 25px; } .award-badge.ico-105 img { max-height: 130px; } .award-badge.ico-90 img, .award-badge.ico-100 img { max-height: 110px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 46px; } .integrations-2.pt-120.pb-90 { padding-bottom: 51px; } .integrations-1 .container.wrapper-version, .integrations-3 .container { max-width: 100%; } .int-1-wrapper { padding: 70px 0; margin: 0 -15px; border-radius: 0 0!important; } .int-3-wrapper { padding: 70px 30px; margin: 0 -15px; border-radius: 0 0!important; } .int-1-wrapper .section-title { padding: 0 3%; } .integrations-2 .section-title h2 { padding: 0 3%; } .int_tool-1 { padding: 12px 26px 12px 16px; } .int_tool-1.r-10 { padding: 10px 18px 11px; } .int_tool-1.r-0 { padding: 0 11px; } .int_tool-2 { padding: 30px 15px; margin-bottom: 24px; } .int_tool-4 { padding: 30px; margin-bottom: 30px; } .in_tool_logo { padding: 35px 30px; margin-bottom: 25px; } .int_tool-1 .tool_logo { margin-right: 17px; } .int_tool-1 .tool_logo.img-25 { margin-right: 10px; } .int_tool-1 .tool_logo.img-50 { margin-right: 13px; } .int_tool-1 .tool_logo img { width: 40px; height: 40px; } .int_tool-1 .tool_logo.img-25 img { width: 20px; height: 20px; } .int_tool-1 .tool_logo.img-50 img { width: 38px; height: 38px; } .int_tool-2 img, .int_tool-3 img, .int_tool-4 img { width: 55px; height: 55px; } .tool_txt h6 { font-size: 1.05rem; margin-top: 1px; } .tool_txt.mt-10 h6 { margin-top: 4px; } .int_tool-1.r-0 h6 { font-size: 1.4rem; margin-top: 4px; } .int_tool-2 h6 { font-size: 1.0625rem; margin-top: 18px; } .int_tool-4 h6 { margin-top: 22px; margin-bottom: 18px; } .tool_txt p { font-size: 0.975rem; } .int_tool-4 p { font-size: 1.0625rem; } .tool_category { top: 25px; right: 22px; padding: 2px 12px 4px; } .tool_category span { font-size: 1rem; } .tool_link .btn { font-size: 1.0625rem; padding: 0.975rem 1.3rem; margin-top: 18px; } /* PRICING */ .pricing-1.inner-page-hero .section-title p { padding: 0 2%; } .pricing-1-table { padding: 30px 30px 35px; } .pricing-1-table.highlight { padding: 0 30px 35px; } .highlight-badge { padding: 12px 35px 13px; } .highlight-badge h6 { font-size: 1rem; } .pricing-discount { top: -2px; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 1rem; } .price span { font-size: 3rem; } .price sup { font-size: 2.25rem; top: -5px; } .price sup.validity { font-size: 1.65rem; } .price p { margin-top: 12px; } .pricing-1-table hr { margin-top: 22px; margin-bottom: 18px; } .pricing-features li { padding: 10px 7px; } .pt-btn { margin-top: 20px; } /* Pricing Notice */ .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 10px 0 9px; } .comp-table .table-responsive thead th { font-size: 0.9375rem; } .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; } .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; } .comp-table .table-responsive tbody td span { top: 3px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } .pbox { padding: 0; } #pbox-1, #pbox-2 { margin-bottom: 30px; } .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 15px; } /* CHANGELOG */ .changelog-title { padding: 80px 0 70px; margin-bottom: 70px; } .changelog-title p { margin-top: 20px; } .version-release { margin-bottom: 60px; } .release-data { padding-bottom: 25px; margin-bottom: 20px; } span.version-data { font-size: 1.3rem; line-height: 1.65; margin-bottom: 12px; } span.version-data span { font-size: 1.25rem; padding: 4px 8px; border-radius: 5px; margin-right: 6px; } span.release-date { font-size: 1.05rem; } .release-highlights h6 { font-size: 1.175rem; margin-bottom: 16px; } .release-highlights p.fs-17 { font-size: 1.1rem; margin-top: 12px; } .release-preview { margin-bottom: 20px; } /* DOWNLOAD */ #di-3 { margin-bottom: 30px; } .download-item { margin-right: 5%; margin-left: 5%; } .download-item h6 { font-size: 1.5rem; } .download-item p { font-size: 1.125rem; } /* TEAM */ .team-member-photo { margin-bottom: 25px; } .team-member-data h6 { font-size: 1.4375rem; } .team-member-data p { font-size: 1.125rem; } .team-1 .more-btn { margin-top: 10px; } /* BANNER */ .banner-1 .container, .banner-3 .container, .banner-5 .container { max-width: 100%; } .banner-1-wrapper, .banner-3-wrapper, .banner-5-wrapper, .banner-7-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .banner-1-wrapper .banner-overlay { padding: 60px 30px 70px; } .banner-2 .banner-overlay.pt-80.pb-90, .banner-2 .banner-overlay.pt-90.pb-100 { padding: 60px 0 70px; } .banner-3-wrapper { padding: 60px 30px 70px; } .banner-4-wrapper { padding: 40px 8%; } .banner-5-wrapper { padding: 60px 20px 70px; } .banner-6 .banner-overlay.py-70, .banner-6 .banner-overlay.py-80 { padding: 60px 0 70px; } .banner-7-wrapper .banner-overlay { padding: 60px 30px 0; } .banner-3-txt h2.fs-48 { font-size: 2.15rem; } .banner-4-txt h3 { font-size: 2.0625rem; } .banner-4-txt h3.alt-font { font-size: 2.25rem; } .banner-7-txt h2 { font-size: 2.4rem!important; } .banner-1-txt p.fs-17, .banner-1-txt p.fs-18 { font-size: 1.125rem; margin: 15px 0 20px; } .banner-2-txt p.fs-18, .banner-2-txt p.fs-19, .banner-2-txt p.fs-20 { font-size: 1.125rem; margin: 15px 5% 0; } .banner-3-txt p.fs-17, .banner-3-txt p.fs-18 { font-size: 1.125rem; margin: 15px 4% 22px; } .banner-5-txt p.fs-17, .banner-5-txt p.fs-18, .banner-6-txt p.fs-17,.banner-6-txt p.fs-18 { margin-top: 18px; } .banner-7-txt p.fs-17 { padding: 0 3%; margin-top: 14px; margin-bottom: 22px; } .banner-2-txt .btn.mt-25 { margin-top: 18px; } .banner-2-txt .btn.mt-35 { margin-top: 24px; } .banner-5-btn { margin-top: 22px; } .banner-7-txt .btn { width: auto; } .banner-section p.btn-txt { padding: 0; margin-top: 14px; margin-bottom: 0!important; } .banner-7-img.right-column { margin: 35px 0 -20%; } /* FAQs */ .faqs-1.pb-100 { padding-bottom: 58px; } .faqs-4 .accordion-wrapper { padding: 14px 22px; } .faqs-2.faqs-section .accordion-item { padding: 0 22px; } .faq-1-title p { margin-top: 14px; margin-bottom: 18px; } .faqs-section .section-title br { display: none; } .faqs-5 .question h5 { line-height: 1.5; margin-bottom: 12px; } .faqs-3.inner-page-hero .accordion-wrapper { padding: 5px 20px; } .faqs-3-questions h4 { margin: 50px 0 25px 15px; } .faqs-section .accordion-thumb { padding: 14px 0 18px; } .faqs-2.faqs-section .is-active .accordion-thumb { padding: 24px 0 14px; } .faqs-section .accordion-panel { padding: 0 0 10px 0; } .faqs-section .accordion-thumb h5 { line-height: 1.5; padding-right: 12%; } .faqs-section.inner-page-hero .accordion-thumb h5 { font-size: 1.3rem; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: 16px; right: 0; } .faqs-5 .more-questions { margin-top: 18px; } .faqs-3.inner-page-hero .more-questions, .faqs-4 .more-questions, .faqs-2 .more-questions { margin-top: 40px; } .more-questions h6 { padding: 0 5%; line-height: 1.4; margin-bottom: 14px; } .more-questions p { padding: 0 6%; } .more-questions-btn { display: block; margin: 15px 0 0; } /* NEWSLETTER */ .newsletter-2 .container { max-width: 100%; } .newsletter-1 .newsletter-overlay { padding: 50px 0 40px; } .newsletter-2 .newsletter-overlay { padding: 60px 35px; margin: 0 -15px; border-radius: 0 0!important; } .newsletter-3 .newsletter-overlay { padding: 35px 4% 12px; margin: 0 2%; } .newsletter-4 .newsletter-overlay { padding: 60px 0 50px; } .newsletter-txt h4, .newsletter-txt h3, .newsletter-txt h2 { font-size: 1.7rem; padding: 0; margin-bottom: 25px; } .newsletter-3 .newsletter-txt h2 { font-size: 1.6rem; } .newsletter-2 .newsletter-txt p { font-size: 0.95rem; padding: 0 2%; margin-bottom: 0; } .newsletter-4 .newsletter-txt p { font-size: 0.95rem; padding: 0 4%; margin-bottom: 0; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { padding: 0 5%; } .newsletter-2 .newsletter-form { padding: 0 2%; margin-top: 30px; } .newsletter-4 .newsletter-form { padding: 0 7%; margin-top: 30px; } .newsletter-section .form-control, .newsletter-section .btn { height: 54px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG LISTING */ #blog-page.pb-70 { padding-bottom: 35px; } #blog-page .section-title p { padding: 0 3%; } #blog-page .blog-post { padding: 20px 16px 24px; margin-bottom: 35px; } .blog-3-wrapper .blog-post { padding: 35px 25px 25px; } .blog-post-txt { margin-top: 25px; } .blog-3-wrapper .blog-post-txt { margin-bottom: 30px; } #blog-page .blog-post-txt { padding: 0 10px; } .post-badge { padding: 8px 17px 10px; font-size: 0.915rem; } .blog-3-wrapper .post-meta { margin-top: 25px; margin-bottom: 5px; } .post-meta-list { margin-bottom: 7px; } .blog-post h5.fs-18 { font-size: 1.25rem; margin-bottom: 12px; } .blog-post p.fs-15 { font-size: 1.0625rem; } .post-meta-list li:not(:last-child):after { top: -2px; } .bp-txt-icons { right: 15px; bottom: -10px; } #blog-page .bp-txt-icons { right: 15px; bottom: -7px; } .bp-txt-icons .share-social-icons a.share-ico span { margin-left: 16px; } .bp-txt-icons .ico-15 [class*="flaticon-"]:before, .bp-txt-icons .ico-15 [class*="flaticon-"]:after { font-size: 1.25rem; } #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:before, #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* SINGLE BLOG POST */ .single-post-title { padding-bottom: 40px; margin-bottom: 40px; } .single-post-title h2 { padding-right: 3%; } .author-avatar { margin-right: 15px; } .author-avatar img { width: 54px; height: 54px; } .post-meta { margin-top: 0; } .post-meta h6 { font-size: 1.125rem; } .post-meta p { font-size: 1.05rem; line-height: 1.6; padding-right: 5%; } .post-title-icons .ico-20 [class*="flaticon-"]:before, .post-title-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.6rem; } .post-tags-list { margin-top: 50px; } .post-tags-list span { display: inline-block; margin: 0 5px 25px 0; } .post-tags-list span a { font-size: 1rem; padding: 7px 14px; } .post-share-list { margin-top: 10px; } .post-share-list .share-social-icons a.share-ico span { margin-right: 18px; } .author-info { display: block; margin-top: 50px; padding: 30px; } .author-info-avatar { display: block; margin-right: 0; margin-bottom: 20px; } .author-info-avatar img { width: 62px; height: 62px; } .author-follow-btn { top: 40px; right: 35px; } #post-comments { padding-top: 50px; padding-bottom: 35px; } #post-comments img { width: 50px; height: 50px; } .comment-body { margin-left: 16px; } .comment-meta { margin-bottom: 8px; } .comment-meta h6 { margin-bottom: 6px; } .comment-date, .btn-reply a { font-size: 0.975rem; } .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } #leave-comment { margin-top: 50px; } .comment-form { margin-top: 40px; } .comment-form .form-control { height: 52px; font-size: 1.0625rem; padding: 0 15px; } .comment-form textarea { min-height: 190px; } .comment-form textarea.form-control { padding: 20px 15px; } /* CONTACTS */ .contacts-info { text-align: center; } .contacts-info p { margin: 14px 0 0; padding: 0 3%; } .contacts-info h6 { margin: 22px 0 14px; } .contacts-info-socials li { padding-right: 12px; } .contact-boxes.pb-70 { text-align: center; padding-bottom: 40px; } .contact-box p { padding: 0 5%; margin-top: 12px; } .contact-box span { top: 0.5px; left: 2px; } .contact-form .form-control, .contact-form .form-select { height: 54px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 18px; } .contact-form textarea { min-height: 170px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn { margin-top: 5px; } .contact-form .form-btn .btn { width: 100%; font-size: 1.0625rem; padding: 0.95rem 1.4rem; } .contact-form-msg { text-align: center; margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-1 .footer-info, .footer-2 .footer-info { margin-bottom: 32px; } .footer-1 .footer-links { margin-bottom: 17px; } .footer-2 .footer-links, .footer-3 .footer-links, .footer-4 .footer-links, .footer-5 .footer-links { margin-bottom: 10px; } .footer-2 .footer-connect, .footer-4 .footer-connect, .footer-5 .footer-connect { margin-bottom: 26px; } .fl-1, .fl-2, .fl-3, .fl-4, .footer-1 .fl-5 { border-bottom: 1px solid #ddd; margin-bottom: 16px; padding-bottom: 17px; } .footer-6 .footer-links { margin-bottom: 15px; } .footer-6 .foo-links li { padding: 0 7px; } .footer-4 .footer-info, .footer-5 .footer-info { margin-bottom: 28px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer-copyright-logo img.footer-logo { max-height: 28px; margin-bottom: 10px; } .footer h6 { font-size: 1.1875rem; margin-bottom: 25px; } /* 19px */ .footer h6.alt-font { font-size: 1.25rem; } .footer-socials a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.435rem; } .footer-form .form-control { font-size: 1.1rem; height: 38px; } .footer-form .btn { height: 40px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1rem; line-height: 28px!important; } .bottom-footer-list { margin-top: 10px; } .bottom-footer-socials { margin-top: 15px; } .bottom-footer-socials li { padding-right: 12px; } .bottom-footer-list li:not(:last-child):after { top: -2px; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-25 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after, .bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ .inner-page-title { padding-bottom: 50px; margin-bottom: 50px; } .inner-page-title p { font-size: 1.15rem; line-height: 1.6666; margin-top: 12px; } /* PAGE PAGINATION */ .page-link { font-size: 1.1rem; padding: 4px 14px; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 35px 0 15px; } .txt-block.legal-info h6 { margin: 15px 0; } /* SIGN IN / SIGN UP */ .register-page-form { padding: 70px 10px; } .reset-page-wrapper { padding: 210px 0; margin: 0 5%; } .register-form-title { margin-bottom: 25px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.65rem; } .register-form-title p { font-size: 1.125rem; margin-top: 10px; } .reset-form-title { margin-bottom: 20px; } .reset-form-title p { font-size: 1.0625rem; margin-top: 12px; } .reset-password-link p { font-size: 1rem; margin-bottom: 30px; } .form-data span { font-size: 1rem; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 25px; } .reset-password-form .form-data p { font-size: 1.0625rem; margin: 22px 0 10px; } .separator-line { font-size: 1rem; margin: 24px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 54px; font-size: 1.0625rem; margin-bottom: 22px; } #login .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 52px; font-size: 1.0625rem; } .btn-register.mb-15 { margin-bottom: 20px; } /* COOKIES */ #cookies { width: 96%; left: 2%; bottom: 12px; padding: 20px 50px 45px 20px; } #cookies p { font-size: 1rem; } #cookies-ok { right: 5%; bottom: 15px; font-size: 0.95rem; padding: 6px 20px; } #cookies-info { margin-left: 0; } #cookies-close { right: 14px; top: 4px; } #cookies-close svg { width: 12px; height: 12px; } /* PAGE 404 */ .page-error { padding: 160px 0 70px; } .page-error-img { margin: 0 6% 40px; } .page-error h5 { font-size: 1.15rem; margin: 16px 4% 25px; } /* MODAL */ .modal-dialog { max-width: 370px; margin: auto auto; } .modal-dialog.modal-xl { max-width: 350px; margin: auto auto; } #modal-3.modal .btn-close { height: 1.25rem; width: 1.25rem; right: 12px!important; top: 12px!important; } #modal-3.modal .btn-close span { line-height: 20px!important; top: -5px; } #modal-3.modal .btn-close [class^="flaticon-"]:before, #modal-3.modal .btn-close [class^="flaticon-"]:after { font-size: 0.5rem; } #modal-1 .modal-body-content { padding: 30px 12px 12px; } #modal-2 .modal-body-content { padding: 30px 12px 16px; } .modal-body-content h4.fs-30 { font-size: 1.7rem; } .modal-body-content p { margin-top: 14px; margin-bottom: 18px; } .modal .newsletter-form .form-control, .modal .request-form .form-control { height: 54px; font-size: 1.05rem; margin-bottom: 16px; } .modal .newsletter-form .btn, .modal .request-form .btn { height: 54px; font-size: 1rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 390px) and (max-width: 413.98px) { /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ #stlChanger { display: none; } .division { padding-left: 4px; padding-right: 4px; } /* Spacing & Indents */ .py-120 { padding: 80px 0; } .pt-120 { padding-top: 80px; } .pb-120 { padding-bottom: 80px; } .map-bg { left: -50%; bottom: 0; top: 26%; width: 200%; opacity: .12; } .s_shape_01 { top: -50px; left: -50px; width: 500px; height: 500px; } .s_shape_02 { top: 90px; right: -100px; width: 330px; height: 330px; } /* Text Size */ .fs-15 { font-size: 1rem; } /* 16px */ .fs-16 { font-size: 1.0625rem; } /* 17px */ .fs-17, .fs-18 { font-size: 1.125rem; } /* 18px */ .fs-19 { font-size: 1.1875rem; } /* 19px */ .fs-20, .fs-22 { font-size: 1.375rem; } /* 22px */ .fs-23, .fs-24, .fs-26 { font-size: 1.5rem; } /* 24px */ .fs-28, .fs-30, .fs-32, .fs-34 { font-size: 1.625rem; } /* 26px */ .fs-36, .fs-38, .fs-40, .fs-42 { font-size: 1.75rem; } /* 28px */ .fs-44, .fs-46 { font-size: 1.875rem; } /* 30px */ .fs-48 { font-size: 1.9375rem; } /* 31px */ .fs-50 { font-size: 2rem; } /* 32px */ .fs-52, .fs-54 { font-size: 2.125rem; } /* 34px */ .fs-56 { font-size: 2.25rem; } /* 36px */ .fs-58, .fs-60 { font-size: 2.375rem; } /* 38px */ .fs-62, .fs-64 { font-size: 2.5rem; } /* 40px */ .fs-66 { font-size: 2.6255rem; } /* 42px */ .fs-68 { font-size: 2.75rem; } /* 44px */ .fs-70 { font-size: 2.875rem; } /* 46px */ .fs-72 { font-size: 3rem; } /* 48px */ .fs-74 { font-size: 3.125rem; } /* 50px */ .fs-76 { font-size: 3.25rem; } /* 52px */ .fs-78 { font-size: 3.375rem; } /* 54px */ .fs-80 { font-size: 3.5rem; } /* 56px */ h2 { line-height: 1.3; } h2.alt-font { letter-spacing: -1px; } p { font-size: 1.0625rem; } /* 17px */ ol.digit-list p { margin-bottom: 5px; } /* List */ .lb-list { display: block; margin: 34px 0 15px 0; } .list-line { top: -14px; left: 10px; width: 2px; height: 111%; } .lb-list .list-item { padding: 11px 10px 11px 28px; } .lb-list .list-item p { padding-left: 3px; } .lb-list .list-item p span { top: 1.5px; right: 3px; } .lb-list.ico-15 [class*="flaticon-"]:before, .lb-list.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Button */ .btn, .btn.btn-md { font-size: 1rem; padding: 0.975rem 1.35rem; } .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1rem; padding: 0.975rem 1.25rem; } .btns-group .btn.ico-30 { padding: 0.61915rem 0.5rem 0!important; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.45rem!important;top: 2px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.05rem; } .btn.ico-30 span.ico-30-txt { font-size: 1.15rem; top: -10px; margin-right: 0; } .btn.ico-left span { margin-right: 7px; } .btn.ico-right span { margin-left: 7px; } /* Buttons Group */ .btns-group .btn:first-child { margin-right: 8px; } /* Button Text */ p.btn-txt, .btn-rating { margin-top: 14px; } .text-center p.btn-txt.ico-15 { padding: 0; } .btn-rating p.fs-15, .star-rating small, .star-rating span.rating-txt { font-size: 1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after, .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* OS Button */ .os-btn { width: auto; min-width: 300px; padding: 17px 20px 12px; } .btn-os { display: inline-block!important; } .os-btn-ico { margin-right: 20px; } .os-btn-txt p { font-size: 1.1rem; margin-top: 1px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .btn-os.d-inline-block:first-child { margin-right: 0; margin-bottom: 15px; } /* Store Badge */ .store { margin-right: 4px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.15rem; } /* Watch Video Link */ .watch-video { margin-top: 20px; } .watch-video-link { margin-right: 11px; } p.video-txt-lg { font-size: 1.1rem; margin-bottom: 7px; } p.video-txt-sm { font-size: 1rem; } /* Video Popup Icon */ .video-btn { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after { font-size: 4.15rem; line-height: 5rem!important; margin-left: 8px; } .ico-60 img, .ico-65 img { max-height: 4rem; } /* Module Subtitle */ .module-subtitle { font-size: 0.875rem; margin-bottom: 30px; } .subtitle-line:before { width: 25px; margin: 0px 8px 2px 0; } .subtitle-rounded { font-size: 0.845rem; padding: 9px 19px; margin-bottom: 30px; } .module-eyebrow { font-size: 1.05rem; padding: 4px 20px 5px; margin-bottom: 30px; } /* Section Title */ .title-01.mb-60, .title-02.mb-60 { margin-bottom: 30px; } .title-01.mb-70, .title-01.mb-80, .title-03.mb-100 { margin-bottom: 35px; } .title-01.mb-100 { margin-bottom: 45px; } .title-02.mb-70 { margin-bottom: 40px; } .section-title h5, .section-title h4 { line-height: 1.5; } .title-01 p, .title-02 p, .title-03 p { margin-top: 15px; } .section-title p.fs-20 { font-size: 1.175rem; } .title-01 .btn, .title-02 .btn, .title-03 .btn { margin-top: 20px; } /* Block Info */ .block-info-rounded { padding: 12px 24px; } .block-info-rounded.mt-80 { margin-top: 30px; } .block-info h6 { font-size: 1.125rem; line-height: 1.75; } .block-info h6 span { margin: 0 3px; } /* Advantages */ .advantages { margin-top: 20px; } .text-center .advantages { margin-top: 20px; } .advantages li:not(:last-child):after { top: -2px; } /* Compatibility */ .compatibility { margin-top: 6px; padding: 4px 22px; border-radius: 22px; } /* Users */ .txt-block .users, .ws-wrapper .users, .fbox-5-txt .users { margin-top: 24px; } .users img { max-height: 48px; top: 0; } .users p { display: block; font-size: 0.975rem; margin: 15px 0 0; } /*------------------------------------------*/ /*   NAVIGATION MENU    
  /*------------------------------------------*/ /* Mobile Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; } .wsactive .wsmobileheader { margin-right: 325px; } .overlapblackbg { width: calc(100% - 325px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } /* Header Store Badges */ .store.header-store img { max-height: 45px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 6px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 8px 10px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } .wsmegamenu h6.title { font-size: 1.175rem!important; margin: 8px 0 0 12px; } /*------------------------------------------*/ /*  HERO
  /*------------------------------------------*/ .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } .hero-section .store { display: block; margin: 15px 0 0; } .hero-section .os-version-ext { margin-top: 18px; } /* Hero Advantages */ .hero-section .advantages { margin-top: 22px; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn, .hero-section .quick-form.form-half .btn { height: 54px; font-size: 1.0625rem; } .hero-section .quick-form.form-half .form-control { height: 54px; font-size: 1.0625rem; margin-bottom: 18px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; } /* HERO DIGITS */ .hero-digits { margin-top: 30px; } .hd-2 h3.statistic-number { font-size: 2.3rem; } .hd-3 h3.statistic-number { font-size: 2rem; margin-bottom: 15px; } .hd-2 h3.statistic-number small { font-size: 2.15rem; margin-left: 2px; } .hd-3 h3.statistic-number small { font-size: 1.75rem; margin-left: 2px; } .hd-2 p.fs-15 { font-size: 1.0625rem; } .hd-3 p.fs-15 { font-size: 1.0625rem; line-height: 1.5; } .hero-square-logo { margin-bottom: 20px; } .hero-square-logo img { max-height: 70px; } /* HERO FRAMER TEXT */ .framer-txt-01, .framer-txt-02, .framer-txt-03 { margin-bottom: 30px; } .framer-txt-04 { margin-bottom: 25px; } .framer-txt-01 a, .framer-txt-02 a { font-size: 0.95rem; padding: 9px 18px; } .framer-txt-04 p { font-size: 0.85rem; padding: 7px 14px; } .framer-txt-01 span { top: 5px; right: 6px; } .framer-txt-02 span { top: 3px; right: 5px; } .widget-data b { font-size: 0.785rem; } .widget-data.mr-15 { margin-right: 4px; } .framer-txt-01.ico-20 [class*="flaticon-"]:before, .framer-txt-01.ico-20 [class*="flaticon-"]:after { font-size: 1.45rem; } .framer-txt-02.ico-15 [class*="flaticon-"]:before, .framer-txt-02.ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; } .framer-txt-04 span[class*="flaticon-"] { top: 1px; right: 4px; } .framer-txt-04 .widget-data.mr-15 span[class*="flaticon-"] { top: 2px; } .framer-txt-04.ico-15 [class*="flaticon-"]:before, .framer-txt-04.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } .framer-txt-03 img { top: 5px; max-height: 30px; margin-left: 0; } /* HERO AVATARS WIDGET */ .hero-avatars-widget { font-size: 1.0625rem; margin-bottom: 25px; } .hero-avatars-widget img { max-height: 33px; margin-right: 4px; } /* HERO SECTION ID */ .hero-section .module-subtitle { margin-bottom: 30px; } .hero-section .module-subtitle:before { width: 5px; height: 14px; margin-right: 9px; top: 2px; } /* HERO SLIDESHOW */ .slideshow, .slideshow .slides { height: 440px; } /* HERO-1 */ .hero-1 .caption { margin-top: 20px; } .hero-1 .caption h2 { font-size: 2.15rem; line-height: 1.12; } .hero-1 .caption p { margin: 10px 2% 14px; } /* HERO-2 */ .hero-2 { padding: 75px 0; } .hero-2-txt h2 { font-size: 2.55rem; } .hero-2-txt p.fs-17 { margin: 15px 0 24px; } .hero-2-img { margin-top: 35px; } /* HERO-3 */ .hero-3:after { height: 18%; } .hero-3-txt p.fs-18 { margin: 14px 0 0; } .hero-3-txt .quick-form { margin: 20px 2% 0; } .hero-3-txt .advantages { margin-top: 28px!important; } .hero-3-img { margin-top: 35px; } /* HERO-4 */ .hero-4 { margin-bottom: 40px; } .hero-4-txt h2 { font-size: 2.6rem; padding: 0 3%; } .hero-4-txt p.fs-17 { margin: 12px 0 20px; } .hero-4-img { margin: 35px 0 -40px 0; } /* HERO-5 */ .hero-5 { padding: 75px 0; } .hero-5-txt h2 { font-size: 3.75rem; } .hero-5-txt p.fs-18 { margin-top: 14px; } .hero-5-txt .quick-form { margin: 20px 5% 0; } .hero-5-img { margin-top: 35px; } /* HERO-6 */ .hero-6 { padding-top: 70px; margin-bottom: 40px; } .hero-6-txt h2 { font-size: 2.75rem; } .hero-6-txt p.fs-18 { margin: 12px 0 5px; } .hero-6-img { margin: 40px 0 -40px; } /* HERO-7 */ .hero-7 { margin-bottom: 40px; } .hero-7-txt h2 { font-size: 2.3rem; } .hero-7-txt p.fs-19 { font-size: 1.1rem; margin: 14px 2% 20px; } .hero-7-img { margin: 35px 0 -40px; } /* HERO-8 */ .hero-8-wrapper { margin: 0 -15px; padding: 75px 18px 65px; } .hero-8-txt .hero-avatars-widget { font-size: 1.0625rem; } .hero-8-txt .hero-avatars-widget img { max-height: 33px; top: 0; } .hero-8-txt h2 { font-size: 2.45rem; } .hero-8-txt p.fs-17 { margin: 14px 0 20px; } .hero-8-img { margin-top: 35px; } /* HERO-9 */ .hero-9 { padding: 70px 0; } .hero-9-txt h2 { font-size: 2.5rem; } .hero-9-txt p.fs-17 { margin: 12px 0 18px; } .hero-9-txt .hero-digits { margin-top: 40px; } /* HERO-10 */ .hero-10 { padding-top: 70px; margin-bottom: 40px; } .hero-10-txt h2 { font-size: 2.5rem; } .hero-10-txt p.fs-18 { margin-top: 15px; } .hero-10-btn { margin-top: 20px; } .hero-10-img { margin: 35px 0 -40px; } /* HERO-11 */ .hero-11 { padding-top: 75px; margin-bottom: 35px; } .hero-11-txt h2 { font-size: 2.4rem; } .hero-11-txt p.fs-17 { margin-top: 12px; } .hero-11-txt .quick-form { margin: 20px 5% 0; } .hero-11-txt .advantages { margin-top: 22px; margin-left: 0; } .hero-11-img { margin: 30px 0 -35px; } /* HERO-12 */ .hero-12 { padding: 75px 0 85px; } .hero-12-txt p.fs-18 { margin: 12px 0 0; } .hero-12-txt .quick-form { margin: 20px 4% 0; } .hero-12-img { margin-top: 35px; } /* HERO-13 */ .hero-13 { padding-top: 70px; } .hero-13-txt h2 {font-size: 2.375rem; } .hero-13-txt p.fs-18 { margin: 10px 0 20px; } .hero-13-brands { margin: 35px 5px 30px; } .hero-13-brands p.fs-15 { margin-bottom: 12px; } .hero-13-image { margin: 0 -15px; padding: 45px 20px 0; border-radius: 0 0!important; } .hero-13-img { margin-bottom: -35px; } .hero-13-img .video-btn { top: calc(50% - 12px); } /* HERO-14 */ .hero-14 { padding-top: 75px; margin-bottom: 35px; } .hero-14-txt h2 { font-size: 2.5rem; } .hero-14-txt p.fs-18 { margin: 12px 0 20px; } .hero-14-brands { margin-top: 30px; padding: 18px 20px; } .hero-14-brands .loop_carousel_left img { padding: 0 10px; height: 2.5rem; } .hero-14-img { margin: 40px 2% -35px; } /* HERO-15 */ .hero-15 { padding-top: 70px; } .hero-15:after { height: 18%; } .hero-15-txt p.fs-18 { margin: 12px 0 20px; } .hero-15-img { margin-top: 35px; } /* HERO-16 */ .hero-16 { padding: 70px 0; } .hero-16-txt h6 { margin-bottom: 35px; } .hero-16-txt h6 span { top: 13px; right: 2px; } .hero-16-txt .ico-35 span[class*="flaticon-"]:before, .hero-16-txt .ico-35 span[class*="flaticon-"]:after { font-size: 2.5rem; } .hero-16-txt h2.fs-50 { font-size: 2.3rem; } .hero-16-txt p.fs-17 { margin: 14px 0 20px; } .hero-16-txt .hero-digits { margin-top: 30px; } .hero-16-img { margin-top: 35px; } /* HERO-17 */ .hero-17 { padding-top: 70px; margin-bottom: 40px; } .hero-17-txt h2 { font-size: 2.375rem; } .hero-17-txt p.fs-18 { font-size: 1.1rem; margin: 12px 0 20px; } .hero-17-img { margin: 40px 0 -40px; } /* HERO-18 */ .hero-18 { margin-bottom: 40px; } .hero-18-txt h2 { font-size: 2.5rem; } .hero-18-txt p.fs-19 { margin: 14px 0 20px; } .hero-18-brands { margin: 35px 5px 0; } .hero-18-brands p.fs-15 { margin-bottom: 12px; } .hero-18-img { margin: 35px 0 -40px; } /* HERO-19 */ .hero-19 { padding: 70px 0; } .hero-19-txt { margin-bottom: 35px; } .hero-19-txt h2 { font-size: 2.65rem; } .hero-19-txt p.fs-17, .hero-19-txt p.fs-18 { margin: 15px 0 20px; } /* HERO-20 */ .hero-20 { margin-bottom: 50px; } .hero-20-txt h2 { font-size: 2.35rem; margin-bottom: 15px; } #hero-20-form { padding: 30px 20px; margin: 40px 0 -50px; box-shadow: 0 4px 12px 0 var(--tra-black); } .form-logo { margin-bottom: 30px; } .form-logo img { max-height: 28px; } #hero-20-form p { margin: 14px 0 20px; } .hero-section #hero-20-form .form-control { height: 54px; font-size: 1.0625rem; border: 1.5px solid var(--silver); } #hero-20-form .btn { height: 54px; font-size: 1.1rem; padding: 16px; } /* HERO-21 */ .hero-21 { padding: 70px 0; } .hero-21-txt h2 { font-size: 2.5rem; margin-bottom: 25px; } .hero-21-img { margin-top: 35px; } .hero-21-brands { margin-top: 40px; } .hero-21-brands p { margin-bottom: 20px; } .hero-21-brands .loop_carousel_left img { padding: 0 10px; height: 3rem; } /* HERO-22 */ .hero-22 { margin-bottom: 40px; } .hero-22-txt p.fs-18 { margin: 18px 3% 0; } .hero-22-txt .quick-form { margin: 28px 3% 0; } .hero-22-txt .advantages { margin-top: 28px!important; } .hero-22-img { margin: 35px 0 -40px; } /* HERO-23 */ .hero-23 { overflow: visible; margin-bottom: 50px; } .hero-23-wrapper { padding-top: 80px; padding-bottom: 45px; } .hero-23-widget { margin-bottom: 30px; } .hero-23-widget span { font-size: 0.975rem; padding: 9px 15px; } .hero-23-txt p.fs-18 { margin: 12px 0 20px; } .hero-23-image { margin: 0 -15px; padding: 45px 18px 0; border-radius: 0 0!important; } .hero-23-img { margin-bottom: -50px; } .hero-23-img .video-btn { top: calc(50% + 1px); } .hero-23-image p { margin-bottom: 22px; } .hero-23-image p span { display: block; } /* HERO-24 */ .hero-24 { text-align: center; padding: 80px 0 85px; } .hero-24-txt p.fs-18 { margin: 16px 0 22px; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* ABOUT */ .about-2-title { margin-bottom: 12px; } .about-1-txt { margin-bottom: 30px; } .about-1-txt p { margin-top: 18px; } #a2-1 { margin-bottom: 16px; } .about-3-txt p { font-size: 1.0625rem; margin: 15px 0 0; } .a-1-1 { margin-bottom: 20px; } .a-1-4 { margin-top: 20px; } /* CAREERS */ .jobs-wrapper { padding: 20px 18px 16px; } .jobs-category h4 { margin-left: 10px; margin-bottom: 20px; } .career-item h5 { font-size: 1.3rem; } .position-link { top: 2px; right: -2px; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } /* JOB POSITION */ .job-position-title { margin: 80px 0 20px; padding: 60px 0 70px; } .job-position-title .btn { font-size: 1rem; padding: 0.7rem 1.65rem; } .position-info h5 { margin: 30px 0 20px; } .position-info .btn { margin-top: 20px!important; } /* FEATURES */ .features-section.mt-30 { margin-top: 30px; } .features-section.pb-30 { padding-bottom: 30px; } .features-8 .container { max-width: 100%; } .features-8 .section-title { padding: 0 5%; } .fbox-8-wrapper { padding: 70px 22px 75px; margin: 0 -15px; border-radius: 0 0!important; } .fbox-8-wrapper .section-title { margin-bottom: 30px; } .features-section .ico-55 [class*="flaticon-"]:before, .features-section .ico-55 [class*="flaticon-"]:after { font-size: 3.75rem; } /* FBOX-1 */ .fbox-1.fb-1, .fbox-1.fb-2 { margin-bottom: 25px; } .fbox-1 { display: block; text-align: center; } .fbox-1 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-1 .fbox-ico { margin-top: 0; margin-bottom: 15px; } .fbox-1 .ico-50 [class*="flaticon-"]:before, .fbox-1 .ico-50 [class*="flaticon-"]:after { font-size: 3.45rem; } /* FBOX-3 */ .fbox-3 { display: block; text-align: center; } .fbox-3 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-3 .fbox-ico { margin-top: 0; margin-bottom: 15px; } /* FBOX-4 */ .fbox-4 { display: block; text-align: center; padding: 30px 25px; } .fbox-4 .fbox-ico-wrap { margin : 0 0 18px 0; } .fbox-4 .fbox-ico { margin-top: 0; } /* FBOX-5 */ .fbox-5 { display: block; text-align: center; } .fbox-5 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-5 .fbox-ico { margin-top: 0; margin-bottom: 15px; } .fbox-5 .ico-45 [class*="flaticon-"]:before, .fbox-5 .ico-45 [class*="flaticon-"]:after { font-size: 3rem; } /* FBOX-6 */ .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 185px; } .fbox-img.h-185 img, .fbox-img.h-190 img { max-height: 190px; } .fbox-6 .fbox-img.r-12 { padding-top: 32px; margin: 0 3% 50px; } .fbox-6 .fbox-img.r-12 img {max-height: 180px; margin-bottom: -25px; } /* FBOX-7 */ .fbox-7, .fbox-7.fb-7 { padding: 40px 25px; } .fbox-7.fb-1 .fbox-7-img, .fbox-7.fb-5 .fbox-7-img, .fbox-7.fb-6 .fbox-7-img, .fbox-7.fb-7 .fbox-7-img { margin: 25px 0 0; } .fbox-7.fb-2 .fbox-7-img, .fbox-7.fb-3 .fbox-7-img, .fbox-7.fb-4 .fbox-7-img { margin: 0 0 25px; } /* FBOX-8 */ .fbox-8 { padding: 35px 25px; } /* FBOX-9 */ .fbox-9 { padding: 35px 25px; } .fbox-9 a.tra-link { font-size: 1.0625rem; } .fbox-7 .module-subtitle { margin-bottom: 18px; } .fbox-1 h5, .fbox-5 h5, .fbox-7 h5, .fbox-7 h5, .fbox-7.fb-5 h5, .fbox-7.fb-6 h5 { margin-bottom: 12px; } .fbox-3 h5, .fbox-7 h3 { margin-bottom: 15px; } .fbox-6-txt h5, .fbox-8 h5 { margin: 23px 0 12px; } .features-section p.fs-15 { font-size: 1.0625rem; } .fbox-7-txt .btn { margin-top: 16px; } /* CONTENT */ .ct-03.pb-100 { padding-bottom: 75px; } .bc-01 .container, .bc-03 .container, .bc-04 .container, .bc-05 .container, .bc-06 .container { max-width: 100%; } .bc-01-wrapper, .bc-04-wrapper, .bc-05-wrapper, .bc-06-wrapper { margin: 0 -15px; border-radius: 0!important; } .bc-03-wrapper { padding: 70px 24px; margin: 0 -15px; border-radius: 0!important; } .bc-02.mt-30 { margin-top: 30px; } .ct-06 .section-overlay { margin-bottom: 40px; } .bc-01 .section-overlay { padding: 60px 22px; } .bc-02 .section-overlay { padding: 45px 25px; } .bc-04 .section-overlay { padding: 60px 22px 0; } .bc-06-wrapper { padding: 60px 22px; } .bc-04 .section-title { margin-bottom: 25px; } .bc-04 .section-title p { padding: 0 } .bc-5-txt { padding: 60px 4% 0; margin-bottom: 35px; } .bc-06 .txt-block { margin-bottom: 35px; } .txt-box, .bc-01 .txt-box { margin-bottom: 20px; } .txt-block-stat { margin-top: 25px; } .bc-03-title { margin-bottom: 25px; } .txt-block h2, .txt-block h5, .bc-02 .txt-block h5, .bc-03 .txt-block h5, .bc-06 .txt-block h2 { margin-bottom: 20px; } h5.h5-title { margin: 16px 0 20px; } .bc-5-txt h2 { margin-bottom: 20px; } .bc-06 .txt-block h2.fs-46 { font-size: 1.9375rem; padding: 0 3%; } .txt-block .btn, .bc-06 .txt-block .btn, .txt-block .stores-badge { margin-top: 20px; } .txt-block-tra-link { margin-top: 16px; } /* CBOX-1 */ .cbox-1 .ico-wrap { margin-right: 1.15rem; } .cbox-1-ico { width: 2rem; height: 2rem; font-size: 1.1rem; line-height: 1.6rem; margin-top: 5px; } .cbox-1-txt { margin-bottom: 20px; } .cbox-1-txt h5 { margin-bottom: 12px!important; } /* CBOX-2 */ .cbox-2.mt-30 { margin-top: 25px; } .cbox-2 .ico-wrap { margin-right: 1.15rem; } .cbox-2-ico { top: 7px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.5rem; } .cbox-2-txt { margin-bottom: 30px; } .cbox-2-txt.mb-30 { margin-bottom: 22px; } .cbox-2-txt h5 { margin-bottom: 10px!important; } /* CBOX-3 */ .cbox-3.mt-25 { margin-top: 18px; } .cbox-3-txt { padding-left: 10px; } .cbox-3-ico span { top: 6px; } .cbox-3-ico.ico-30 [class*="flaticon-"]:before, .cbox-3-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.45rem; } /* CBOX-4 */ .cbox-4-wrapper { margin-top: 20px; } .box-title { margin-bottom: 14px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title.ico-30 span[class*="flaticon-"]:before, .box-title.ico-30 span[class*="flaticon-"]:after { font-size: 2.15rem; line-height: 1rem!important; } .box-title h6 { position: relative; top: 2px; left: 8px; font-size: 1.3rem; } .cbox-4 p.fs-15 { font-size: 1.0625rem; } /* CBOX-5 */ .cbox-5 { width: 340px; min-width: 340px; padding: 13px 20px 11px; } .cbox-5.cb-1 { margin: 5px 0 20px; } .cbox-5-ico .ico-45 [class*="flaticon-"]:before, .cbox-5-ico .ico-45 [class*="flaticon-"]:after { font-size: 3rem; } .cbox-5-txt { padding-left: 16px; } .cbox-5-txt h6 { font-size: 1.1rem; margin-bottom: 2px; } /* CBOX-6 */ .cbox-6 { padding: 32px 25px; } .cbox-6 hr { margin-top: 26px; margin-bottom: 22px; } .cbox-6 h2.statistic-number { font-size: 2.75rem; } .cbox-6 .statistic-number sup { font-size: 2.5rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-title h6 { margin-bottom: 25px; } .cbox-6-title p.ico-10 { margin-top: 22px; } .cbox-6-title p.ico-10 span.r-06 { font-size: 1.0625rem; padding: 5px 9px; margin-right: 3px; } .cbox-6-menu { top: -2px; right: 5px; } .cbox-6-img { margin-top: 25px; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data { padding: 11px 17px; } .cbox-6-data.mt-25 { margin-top: 15px; } /* CBOX-7 */ .cbox-7.cb-1, .cbox-7.cb-2 { margin-bottom: 25px; } .cbox-7 .cbox-title { margin-bottom: 18px; } .cbox-7 .cbox-title span {margin-right: 15px; } /* CBOX-8 */ .cbox-8.ico-15 span { top: 1.5px; right: 10px; } .cbox-8.ico-15 [class*="flaticon-"]:before, .cbox-8.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; } /* CBOX-9 */ .cbox-9 { padding-bottom: 13px; margin-bottom: 13px; margin-right: 0; } .cbox-9-ico { width: 28px!important; height: 28px!important; margin-right: 13px; } .cbox-9.ico-15 span { top: 1.5px; } .cbox-9.ico-15 [class*="flaticon-"]:before, .cbox-9.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Accordion */ .txt-block .accordion-1 .accordion-item { padding: 22px 0 27px; } .txt-block .accordion-1 .accordion-item:first-child { padding: 0 0 27px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: -3px; right: 0; } .txt-block .accordion-1 .accordion-thumb h4, .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h4, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } /* Tabs */ .tabs-1 li { padding: 22px 20px; } .tab-link p { margin-top: 6px; } #tabs-1 .img-block.left-column, #tabs-1 .img-block.right-column { margin-top: 0; } /* Content Images */ .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block img, .bc-01 .img-block, .bc-2-img, .bc-3-img { margin: 35px 0 0; } .ct-04 .img-block { margin: -40px -28% 0; } .bc-5-img img { border-radius: 0; } .content-section .container.hidd { overflow: visible!important; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -40px; } .img-block-txt { margin-top: 32px; } .img-block-btn { padding: 0 2%; margin-top: 32px; } .img-block-btn .advantages { margin-top: 20px; } .bc-4-img { margin-bottom: -50px; } .bc-4-img .video-btn { top: calc(50% - 15px); } /* STATISTIC */ .statistic-1.py-80 { padding-top: 60px; padding-bottom: 60px; } .statistic-1-wrapper { padding: 0; } .txt-block-stat.mt-30 { margin-top: 20px; } .statistic-2 .txt-block { margin-bottom: 35px; } #sb-1-1, #sb-1-2, #sb-4-1, #sb-4-2, #sb-4-3, #sb-5-1, #sb-5-2 { margin-bottom: 35px; } .statistic-1-wrapper .statistic-block { padding: 0; } .statistic-2-wrapper .statistic-block { padding: 40px 30px; } #sb-2-1 { border-right: none; } #sb-2-3 { border-right: none; border-bottom: 1.5px solid #e4e4e4; } #sb-3-2 { padding-left: 4%; } .statistic-ico { margin-bottom: 13px; } .statistic-section h2.fs-56, .statistic-section h2.fs-58 { font-size: 2.875rem; } h3.statistic-number { font-size: 2.45rem; line-height: 1; letter-spacing: -1px; } h2.statistic-number { font-size: 2.75rem; line-height: 1; letter-spacing: -1px; } .statistic-1-wrapper h5 { margin-top: 20px; margin-bottom: 12px; } .statistic-2 h3.statistic-number { font-size: 2.7rem; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.4rem; letter-spacing: -0.5px; margin-bottom: 12px; } .statistic-5-wrapper h6 { margin-top: 15px; } .statistic-2-wrapper p { font-size: 1.125rem; } .statistic-4-wrapper p { font-size: 1.1rem; margin-top: 18px; } .statistic-5-wrapper p { margin-bottom: 20px; } .statistic-block span[class*="flaticon-"],.statistic-block .alt-font span[class*="flaticon-"] { top: -7px; } .line-highlight { left: 33%; width: 34%; height: 10px; margin-top: -9px; } /* GALLERY */ .gallery-1 .carousel_slide { margin-left: 10px; } .gallery-1 img { max-height: 250px; } .gallery-1 .projects_carousel img { max-height: 280px; } /* TESTIMONIALS */ .reviews-1-wrapper { padding: 0; } .reviews-1-wrapper:after { display: none; } .review-1, .review-2 { padding: 40px 22px 28px; margin: 0 12px 30px; } .review-1 { background-color: #f9f9fc; padding: 30px 22px; } .theme--dark .review-1 { background-color: var(--smoke); } .review-2 { padding: 30px 20px; margin: 0 8px 30px; } .review-3 { padding: 30px 22px; } .review-4 { padding: 35px 20px; margin: 0 10px 30px; } .review-ico.ico-45 { top: 16px; right: 22px; } .review-ico.ico-60 { top: 16px; left: 18px; } .review-source { top: 20px; right: 22px; } .review-source img, .owl-carousel .owl-item .review-source img { width: 32px; height: 32px; } .review-txt h6 { margin-bottom: 12px; } .author-data { margin-top: 18px; } .review-2-author { margin-top: 15px; } .review-rating.ico-15 { margin-bottom: 8px; } .review-rating.ico-10 [class*="flaticon-"]:before, .review-rating.ico-10 [class*="flaticon-"]:after, .review-rating.ico-15 [class*="flaticon-"]:before, .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; } .review-avatar img, .owl-carousel .owl-item .review-avatar img { width: 42px; height: 42px; } .author-data .review-author { padding: 0 0 0 13px; margin-top: 1.5px; } .review-author h6 { font-size: 1.1rem; margin-bottom: 8px; } .review-2-author p { font-size: 1rem; } .reviews-section .more-btn.mt-35 { margin-top: 15px; } /* PROJECTS */ .projects-1 .title-03 { margin-bottom: 30px; } .projects-1 .title-03 h2.fs-50 { font-size: 2.25rem; } .projects-1 .title-03 .filter-btns { margin-top: 25px; } .filter-btns button { width: 60%; font-size: 1.1rem; margin: 0 0 10px; } .pr-tag { left: 20px; } .pr-tag p { padding: 7px 16px; margin-bottom: 0; } .pr-data-txt { width: 80%; bottom: 35px; } .pr-source { width: 43px; height: 43px; bottom: 30px; } .pr-source a span { top: 8px; } .filter-item:hover .pr-data-txt { left: 25px; } .filter-item:hover .pr-source { right: 20px; } /* PROJECT DETAILS */ .project-category { margin-bottom: 25px; } .project-title h2 { padding-right: 0; padding-bottom: 30px; } .project-data { margin: 25px 0 25px; } .project-data p { margin-bottom: 7px; } .project-txt h5 { margin: 25px 0 14px; } .project-txt h6 { font-size: 1.215rem; margin: 14px 0; } .project-inner-img { margin: 25px 0; } .project-inner-img.d-flex { margin-left: -12px; margin-right: -12px; } .project-inner-img .top-img { margin-bottom: 30px; } .project-share-icons { margin-top: 30px; padding-top: 25px; } #project-details .more-projects { margin-top: 30px; } #project-details .more-projects span { top: 2px; left: 2px; } #project-details .more-projects.ico-25 [class*="flaticon-"]:before, #project-details .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } /* RATING */ .rbox-2 { display: block; flex: none; } #rb-1-1, #rb-1-2, #rb-1-3, #rb-3-1, #rb-3-2 { margin-bottom: 28px; } .rating-title { padding: 0 12%; } .rating-title h6 { line-height: 1.6; } .rbox-1-img, .rbox-3-img { margin-bottom: 12px; } .rbox-1-img img, .rbox-3-img img { max-height: 38px; } .rbox-2-rating { display: block; } .rbox-2-rating img { top: 0; max-height: 27px; margin-bottom: 20px; } .rbox-2-logo img { top: 0; max-height: 35px; } .rbox-1 .star-rating, .rbox-3 .star-rating { font-size: 1rem; line-height: 1; } .rbox-2-rating.ico-25 { margin-bottom: 14px; } .rbox-1 .star-rating span, .rbox-3 .star-rating span { top: 1px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.05rem; } .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .rbox-2 h6 { font-size: 1.125rem; line-height: 1.6; margin: 0 0 14px; } /* BRANDS */ .brands-title h6, .brands-title h5, .brands-title p { line-height: 1.6; margin-bottom: 25px; } #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8, .r-5 #brand-3-1, .r-5 #brand-3-2, .r-5 #brand-3-3, .r-5 #brand-3-4, .r-6 #brand-3-1, .r-6 #brand-3-2, .r-6 #brand-3-3 { margin-bottom: 30px; } #brand-4-1, #brand-4-2, #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brand-4-9, #brand-4-10 { margin-bottom: 35px; } .brands-1 .loop_carousel img { padding: 0 18px; height: 3.5rem; } .brands-2-wrapper .brand-logo, .brands-3-wrapper.r-5 .brand-logo { width: 50%; padding: 0 25px; } .brands-3-wrapper.r-6 .brand-logo, .brands-4-wrapper .brand-logo { padding: 0 19px; } /* AWARDS */ .awards-1 h2 { padding: 0 2%; } .awards-wrapper h6 { margin-bottom: 28px; } .awards-1 .award-badge { margin: 0 20px; } .awards-2 .award-badge { margin: 0 8px; } #awb-1-1, #awb-1-2 { margin-bottom: 30px; } #awb-2-1, #awb-2-2, #awb-2-3 { margin-bottom: 25px; } .award-badge.ico-105 img { max-height: 125px; } .award-badge.ico-90 img, .award-badge.ico-100 img { max-height: 110px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 46px; } .integrations-2.pt-120.pb-90 { padding-bottom: 51px; } .integrations-1 .container.wrapper-version, .integrations-3 .container { max-width: 100%; } .int-1-wrapper { padding: 70px 0; margin: 0 -15px; border-radius: 0 0!important; } .int-3-wrapper { padding: 70px 30px; margin: 0 -15px; border-radius: 0 0!important; } .int-1-wrapper .section-title { padding: 0 3%; } .integrations-2 .section-title h2 { padding: 0 3%; } .int_tool-1 { padding: 12px 20px 12px 15px; } .int_tool-1.r-10 { padding: 10px 18px 11px; } .int_tool-1.r-0 { padding: 0 11px; } .int_tool-2 { padding: 26px 15px; margin-bottom: 24px; } .int_tool-4 { padding: 30px 25px; margin-bottom: 30px; } .in_tool_logo { padding: 35px 30px; margin-bottom: 22px; } .int_tool-1 .tool_logo { margin-right: 17px; } .int_tool-1 .tool_logo.img-25 { margin-right: 10px; } .int_tool-1 .tool_logo.img-50 { margin-right: 13px; } .int_tool-1 .tool_logo img { width: 40px; height: 40px; } .int_tool-1 .tool_logo.img-25 img { width: 20px; height: 20px; } .int_tool-1 .tool_logo.img-50 img { width: 38px; height: 38px; } .int_tool-2 img, .int_tool-3 img, .int_tool-4 img { width: 55px; height: 55px; } .tool_txt h6 { font-size: 1.05rem; margin-top: 1px; } .tool_txt.mt-10 h6 { margin-top: 4px; } .int_tool-1.r-0 h6 { font-size: 1.4rem; margin-top: 4px; } .int_tool-2 h6 { font-size: 1.0625rem; margin-top: 18px; } .int_tool-4 h6 { margin-top: 22px; margin-bottom: 18px; } .tool_txt p { font-size: 0.975rem; } .int_tool-4 p { font-size: 1.0625rem; } .tool_category { top: 25px; right: 22px; padding: 2px 12px 4px; } .tool_category span { font-size: 1rem; } .tool_link .btn { font-size: 1.0625rem; padding: 0.925rem 1.3rem; margin-top: 16px; } /* PRICING */ .pricing-1.inner-page-hero .section-title p { padding: 0; } .pricing-1-table { padding: 30px 30px 35px; } .pricing-1-table.highlight { padding: 0 30px 35px; } #pt-1-1, #pt-1-2 { margin-bottom: 35px; } .highlight-badge { padding: 12px 35px 13px; } .highlight-badge h6 { font-size: 1rem; } .pricing-discount { top: -2px; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 0.975rem; } .price span { font-size: 3rem; } .price sup { font-size: 2.25rem; top: -5px; } .price sup.validity { font-size: 1.65rem; } .price p { margin-top: 12px; } .pricing-1-table hr { margin-top: 22px; margin-bottom: 18px; } .pricing-features li { padding: 10px 7px; } .pt-btn { margin-top: 20px; } /* Pricing Notice */ .pricing-notice p { font-size: 0.95rem; padding: 0; } .toggler-txt span.color--theme { display: none; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 11px 0 9px; } .comp-table .table-responsive thead th { font-size: 0.9375rem; } .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; } .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; } .comp-table .table-responsive tbody td span { top: 3px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } .pbox { padding: 0; } #pbox-1, #pbox-2 { margin-bottom: 30px; } .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 15px; } /* CHANGELOG */ .changelog-title { padding: 80px 0 70px; margin-bottom: 70px; } .changelog-title p { margin-top: 16px; } .version-release { margin-bottom: 60px; } .release-data { padding-bottom: 25px; margin-bottom: 20px; } span.version-data { font-size: 1.3rem; line-height: 1.65; margin-bottom: 12px; } span.version-data span { font-size: 1.25rem; padding: 4px 8px; border-radius: 5px; margin-right: 6px; } span.release-date { font-size: 1.05rem; } .release-highlights h6 { font-size: 1.175rem; margin-bottom: 16px; } .release-highlights p.fs-17 { font-size: 1.0625rem; margin-top: 12px; } .release-preview { margin-bottom: 20px; } /* DOWNLOAD */ #di-3 { margin-bottom: 30px; } .download-item { margin-right: 3%; margin-left: 3%; } .download-item h6 { font-size: 1.5rem; } .download-item p { font-size: 1.125rem; } /* TEAM */ .team-member-photo { margin-bottom: 25px; } .team-member-data h6 { font-size: 1.375rem; } .team-member-data p { font-size: 1.125rem; } .team-1 .more-btn { margin-top: 10px; } /* BANNER */ .banner-1 .containerr, .banner-3 .container, .banner-5 .container { max-width: 100%; } .banner-1-wrapper, .banner-3-wrapper, .banner-5-wrapper, .banner-7-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .banner-1-wrapper .banner-overlay { padding: 60px 30px 65px; } .banner-2 .banner-overlay.pt-80.pb-90, .banner-2 .banner-overlay.pt-90.pb-100 { padding: 60px 0 70px; } .banner-3-wrapper { padding: 60px 25px 65px; } .banner-4-wrapper { padding: 40px 10%; } .banner-5-wrapper, .banner-6 .banner-overlay.py-70, .banner-6 .banner-overlay.py-80 { padding: 60px 20px 70px; } .banner-7-wrapper .banner-overlay { padding: 60px 25px 0; } .banner-3-txt h2.fs-48 { font-size: 2.0625rem; } .banner-4-txt h3 { font-size: 1.9375rem; } .banner-4-txt h3.alt-font { font-size: 2.1875rem; } .banner-7-txt h2 { font-size: 2.325rem!important; } .banner-1-txt p.fs-17, .banner-1-txt p.fs-18 { margin: 15px 0 22px; } .banner-2-txt p.fs-18, .banner-2-txt p.fs-19, .banner-2-txt p.fs-20 { font-size: 1.125rem; margin: 15px 3% 0; } .banner-3-txt p.fs-17, .banner-3-txt p.fs-18 { font-size: 1.125rem; margin: 15px 3% 22px; } .banner-5-txt p.fs-17, .banner-5-txt p.fs-18, .banner-6-txt p.fs-17, .banner-6-txt p.fs-18 { margin-top: 15px; } .banner-7-txt p.fs-17 { margin-top: 14px; margin-bottom: 22px; } .banner-2-txt .btn.mt-25 { margin-top: 18px; } .banner-2-txt .btn.mt-35 { margin-top: 25px; } .banner-7-txt .btn { width: auto; } .banner-section p.btn-txt { padding: 0; margin-top: 14px; margin-bottom: 0!important; } .banner-7-txt p.btn-txt { font-size: 0.95rem; } .banner-7-img.right-column { margin: 35px 0 -20%; } /* FAQs */ .faqs-1.pb-100 { padding-bottom: 58px; } .faqs-4 .accordion-wrapper { padding: 14px 22px; } .faqs-2.faqs-section .accordion-item { padding: 0 22px; } .faq-1-title p { padding-right: 2%; margin-top: 14px; margin-bottom: 18px; } .faqs-section .section-title br { display: none; } .faqs-5 .question h5 { line-height: 1.5; margin-bottom: 12px; } .faqs-3.inner-page-hero .accordion-wrapper { padding: 5px 20px; } .faqs-3-questions h4 { margin: 45px 0 30px 10px; } .faqs-section .accordion-thumb { padding: 14px 0 18px; } .faqs-2.faqs-section .is-active .accordion-thumb { padding: 22px 0 14px; } .faqs-section .accordion-panel { padding: 0 0 10px 0; } .faqs-section .accordion-thumb h5 { line-height: 1.5; padding-right: 12%; } .faqs-section.inner-page-hero .accordion-thumb h5 { font-size: 1.25rem; line-height: 1.5; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: 16px; right: 0; } .faqs-5 .more-questions { margin-top: 18px; } .faqs-3.inner-page-hero .more-questions, .faqs-4 .more-questions, .faqs-2 .more-questions { margin-top: 40px; } .more-questions h6 { line-height: 1.4; margin-bottom: 14px; } .more-questions p { padding: 0 6%; } .more-questions-btn { display: block; margin: 15px 0 0; } /* NEWSLETTER */ .newsletter-2 .container { max-width: 100%; } .newsletter-1 .newsletter-overlay { padding: 50px 0 35px; } .newsletter-2 .newsletter-overlay { padding: 60px 30px; margin: 0 -15px; border-radius: 0 0!important; } .newsletter-3 .newsletter-overlay { padding: 30px 4% 10px; margin: 0 2%; } .newsletter-4 .newsletter-overlay { padding: 60px 0; } .newsletter-txt h4, .newsletter-txt h3, .newsletter-txt h2 { font-size: 1.65rem; padding: 0; margin-bottom: 25px; } .newsletter-3 .newsletter-txt h3 { font-size: 1.55rem; } .newsletter-2 .newsletter-txt p{ font-size: 0.95rem; padding: 0 4%; margin-bottom: 0; } .newsletter-4 .newsletter-txt p { font-size: 0.95rem; padding: 0 6%; margin-bottom: 0; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { padding: 0 5%; } .newsletter-2 .newsletter-form { padding: 0 3%; margin-top: 30px; } .newsletter-4 .newsletter-form { padding: 0 6%; margin-top: 30px; } .newsletter-section .form-control, .newsletter-section .btn { height: 54px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG LISTING */ #blog-page.pb-70 { padding-bottom: 35px; } #blog-page .blog-post { padding: 20px 16px 24px; margin-bottom: 35px; } .blog-3-wrapper .blog-post { padding: 35px 25px 25px; } .blog-post-txt { margin-top: 25px; } .blog-3-wrapper .blog-post-txt { margin-bottom: 30px; } #blog-page .blog-post-txt { padding: 0 10px; } .post-badge { padding: 8px 17px 10px; font-size: 0.915rem; } .blog-3-wrapper .post-meta { margin-top: 25px; margin-bottom: 5px; } .post-meta-list { margin-bottom: 7px; } .blog-post h5.fs-18 { font-size: 1.25rem; margin-bottom: 12px; } .blog-post p.fs-15 { font-size: 1.0625rem; } .post-meta-list li:not(:last-child):after { top: -2px; } .bp-txt-icons { right: 15px; bottom: -10px; } #blog-page .bp-txt-icons { right: 15px; bottom: -6px; } .bp-txt-icons .share-social-icons a.share-ico span { margin-left: 16px; } .bp-txt-icons .ico-15 [class*="flaticon-"]:before, .bp-txt-icons .ico-15 [class*="flaticon-"]:after { font-size: 1.25rem; } #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:before, #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* SINGLE BLOG POST */ .single-post-title { padding-bottom: 40px; margin-bottom: 40px; } .author-avatar { margin-right: 15px; } .author-avatar img { width: 52px; height: 52px; } .post-meta { margin-top: 0; } .post-meta h6 { font-size: 1.125rem; } .post-meta p { font-size: 1.05rem; line-height: 1.6; } .post-title-icons .ico-20 [class*="flaticon-"]:before, .post-title-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.6rem; } .post-tags-list { margin-top: 50px; } .post-tags-list span { display: inline-block; margin: 0 5px 25px 0; } .post-tags-list span a { font-size: 1rem; padding: 7px 14px; } .post-share-list { margin-top: 10px; } .post-share-list .share-social-icons a.share-ico span { margin-right: 18px; } .author-info { display: block; margin-top: 50px; padding: 30px 25px; } .author-info-avatar { display: block; margin-right: 0; margin-bottom: 20px; } .author-info-avatar img { width: 62px; height: 62px; } .author-follow-btn { top: 40px; right: 35px; } #post-comments { padding-top: 50px; padding-bottom: 35px; } #post-comments img { width: 50px; height: 50px; } .comment-body { margin-left: 16px; } .comment-meta { margin-bottom: 8px; } .comment-meta h6 { margin-bottom: 6px; } .comment-date, .btn-reply a { font-size: 0.975rem; } .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } #leave-comment { margin-top: 50px; } .comment-form { margin-top: 40px; } .comment-form .form-control { height: 52px; font-size: 1.0625rem; padding: 0 15px; } .comment-form textarea { min-height: 150px; } .comment-form textarea.form-control { padding: 20px 15px; } /* CONTACTS */ .contacts-info { text-align: center; } .contacts-info p { margin: 14px 0 0; padding: 0; } .contacts-info h6 { margin: 20px 0 15px; } .contacts-info-socials li { padding-right: 12px; } .contact-boxes.pb-70 { text-align: center; padding-bottom: 40px; } .contact-box p { padding: 0 3%; margin-top: 12px; } .contact-box span { top: 0.5px; left: 2px; } .contact-form .form-control, .contact-form .form-select { height: 52px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 15px; } .contact-form textarea { min-height: 170px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn { margin-top: 5px; } .contact-form .form-btn .btn { width: 100%; font-size: 1.0625rem; padding: 0.95rem 1.4rem; } .contact-form-msg { text-align: center; margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-1 .footer-info, .footer-2 .footer-info { margin-bottom: 32px; } .footer-1 .footer-links { margin-bottom: 17px; } .footer-2 .footer-links, .footer-3 .footer-links, .footer-4 .footer-link, .footer-5 .footer-links { margin-bottom: 10px; } .footer-2 .footer-connect, .footer-4 .footer-connect, .footer-5 .footer-connect { margin-bottom: 26px; } .fl-1, .fl-2, .fl-3, .fl-4, .footer-1 .fl-5 { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 16px; } .footer-6 .footer-links { margin-bottom: 15px; } .footer-6 .foo-links li { padding: 0 7px; } .footer-4 .footer-info, .footer-5 .footer-info { margin-bottom: 28px; } img.footer-logo { max-height: 30px; margin-bottom: 20px; } .footer-copyright-logo img.footer-logo { max-height: 28px; margin-bottom: 10px; } .footer h6 { font-size: 1.1875rem; margin-bottom: 25px; } /* 19px */ .footer h6.alt-font { font-size: 1.25rem; } .footer-socials a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.435rem; } .footer-form .form-control { font-size: 1.1rem; height: 38px; } .footer-form .btn { height: 40px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1rem; line-height: 28px!important; } .bottom-footer-list { margin-top: 10px; } .bottom-footer-socials { margin-top: 15px; } .bottom-footer-socials li { padding-right: 12px; } .bottom-footer-list li:not(:last-child):after { top: -2px; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-25 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after, .bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ .inner-page-title { padding-bottom: 50px; margin-bottom: 50px; } .inner-page-title p { font-size: 1.125rem; line-height: 1.6666; margin-top: 12px; } /* PAGE PAGINATION */ .page-link { font-size: 1.1rem; padding: 3px 14px; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin-top: 30px; margin-bottom: 15px; } .txt-block.legal-info h6 { margin-top: 15px; margin-bottom: 15px; } /* SIGN IN / SIGN UP */ .register-page-form { padding: 70px 0; margin: 0 10px; } .reset-page-wrapper { padding: 200px 0; margin: 0 15px; } .register-form-title { margin-bottom: 25px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.65rem; } .register-form-title p { font-size: 1.125rem; margin-top: 10px; } .reset-form-title { margin-bottom: 20px; } .reset-form-title p { font-size: 1.0625rem; margin-top: 12px; } .reset-password-link p { font-size: 1rem; margin-bottom: 30px; } .form-data span { font-size: 0.95rem; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 25px; } .reset-password-form .form-data p { font-size: 1.0625rem; margin: 22px 0 10px; } .separator-line { font-size: 1rem; margin: 23px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 54px; font-size: 1.0625rem; margin-bottom: 22px; } #login .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 52px; font-size: 1.0625rem; } .btn-register.mb-15 { margin-bottom: 20px; } /* COOKIES */ #cookies { width: 94%; left: 3%; bottom: 12px; padding: 20px 55px 50px 22px; } #cookies p { font-size: 1rem; } #cookies-ok { right: 5%; bottom: 15px; font-size: 0.95rem; padding: 6px 20px; } #cookies-info { margin-left: 0; } #cookies-close { right: 13px; top: 4px; } #cookies-close svg { width: 11px; height: 11px; } /* PAGE 404 */ .page-error { padding: 160px 0 70px; } .page-error-img { margin: 0 5% 40px; } .page-error h5 { font-size: 1.125rem; margin: 16px 2% 25px; } /* MODAL */ .modal-dialog, .modal-dialog.modal-xl { max-width: 350px; margin: auto auto; } #modal-3.modal .btn-close { height: 1.25rem; width: 1.25rem; right: 12px!important; top: 12px!important; } #modal-3.modal .btn-close span { line-height: 20px!important; top: -5px; } #modal-3.modal .btn-close [class^="flaticon-"]:before, #modal-3.modal .btn-close [class^="flaticon-"]:after { font-size: 0.5rem; } #modal-1 .modal-body-content { padding: 30px 12px 12px; } #modal-2 .modal-body-content { padding: 30px 12px 16px; } .modal-body-content h4.fs-30 { font-size: 1.6rem; } .modal-body-content p { margin-top: 14px; margin-bottom: 18px; } .modal .newsletter-form .form-control, .modal .request-form .form-control { height: 52px; font-size: 1.05rem; margin-bottom: 16px; } .modal .newsletter-form .btn, .modal .request-form .btn { height: 52px; font-size: 1rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 321px) and (max-width: 389.98px) { /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ #stlChanger { display: none; } .division { padding-left: 3px; padding-right: 3px; } /* Spacing & Indents */ .py-120 { padding: 80px 0; } .pt-120 { padding-top: 80px; } .pb-120 { padding-bottom: 80px; } .map-bg { left: -60%; bottom: 0; top: 30%; width: 200%; opacity: .12; } .s_shape_01 { top: -80px; left: -30px; width: 500px; height: 500px; } .s_shape_02 { top: 90px; right: -100px; width: 300px; height: 300px; } /* Text Size */ .fs-15, .fs-16 { font-size: 1rem; } /* 16px */ .fs-17, .fs-18 { font-size: 1.0625rem; } /* 17px */ .fs-19 { font-size: 1.125rem; } /* 18px */ .fs-20, .fs-22 { font-size: 1.25rem; } /* 20px */ .fs-23, .fs-24, .fs-26 { font-size: 1.375rem; } /* 22px */ .fs-28, .fs-30, .fs-32, .fs-34 { font-size: 1.5rem; } /* 24px */ .fs-36, .fs-38, .fs-40, .fs-42 { font-size: 1.625rem; } /* 26px */ .fs-44, .fs-46 { font-size: 1.75rem; } /* 28px */ .fs-48 { font-size: 1.8125rem; } /* 29px */ .fs-50 { font-size: 1.75rem; } /* 30px */ .fs-52, .fs-54 { font-size: 2rem; } /* 32px */ .fs-56 { font-size: 2.125rem; } /* 34px */ .fs-58, .fs-60 { font-size: 2.25rem; } /* 36px */ .fs-62, .fs-64 { font-size: 2.375rem; } /* 38px */ .fs-66 { font-size: 2.5rem; } /* 40px */ .fs-68 { font-size: 2.6255rem; } /* 42px */ .fs-70 { font-size: 2.75rem; } /* 44px */ .fs-72 { font-size: 2.875rem; } /* 46px */ .fs-74 { font-size: 3rem; } /* 48px */ .fs-76 { font-size: 3.125rem; } /* 50px */ .fs-78 { font-size: 3.25rem; } /* 52px */ .fs-80 { font-size: 3.375rem; } /* 54px */ h2 { line-height: 1.3; } h2.alt-font { letter-spacing: -1px; } p { font-size: 1rem; } /* 16px */ ol.digit-list p { margin-bottom: 5px; } /* List */ .lb-list { display: block; margin: 32px 0 15px; } .list-line { top: -14px; left: 8px; width: 2px; height: 111%; } .lb-list .list-item { padding: 11px 0 11px 22px; } .lb-list .list-item p { padding-left: 4px; } .lb-list .list-item p span { top: 1.5px; right: 3px; } .lb-list.ico-15 [class*="flaticon-"]:before, .lb-list.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Button */ .btn, .btn.btn-md { font-size: 1rem; padding: 0.95rem 1.4rem; } .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1rem; padding: 0.95rem 1.3rem; } .btns-group .btn.ico-30 { padding: 0.6rem 0.5rem 0!important; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.45rem!important;top: 2px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2rem; } .btn.ico-30 span.ico-30-txt { font-size: 1.1rem; top: -10px; margin-right: 0; } .btn.ico-left span { margin-right: 8px; } .btn.ico-right span { margin-left: 8px; } /* Buttons Group */ .btns-group .btn { display: block; } .btns-group .btn:first-child { margin-right: 0; margin-bottom: 15px; } /* Button Text */ p.btn-txt, .btn-rating { margin-top: 12px; } .text-center p.btn-txt.ico-15 { padding: 0; } .btn-rating p.fs-15, .star-rating small, .star-rating span.rating-txt { font-size: 1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after, .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* OS Button */ .os-btn { width: auto; min-width: 300px; padding: 17px 20px 12px; } .btn-os { display: inline-block!important; } .os-btn-ico { margin-right: 20px; } .os-btn-txt p { font-size: 1.1rem; margin-top: 1px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .btn-os.d-inline-block:first-child { margin-right: 0; margin-bottom: 15px; } /* Store Badge */ .store { margin-right: 4px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.15rem; } /* Watch Video Link */ .watch-video { margin-top: 20px; } .watch-video-link { margin-right: 11px; } p.video-txt-lg { font-size: 1.1rem; margin-bottom: 7px; } p.video-txt-sm { font-size: 1rem; } /* Video Popup Icon */ .video-btn { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after { font-size: 4.15rem; line-height: 5rem!important; margin-left: 8px; } .ico-60 img, .ico-65 img { max-height: 4rem; } /* Module Subtitle */ .module-subtitle { font-size: 0.865rem; margin-bottom: 26px; } .subtitle-line:before { width: 21px; margin: 0px 8px 2px 0; } .subtitle-rounded { font-size: 0.835rem; padding: 9px 19px; margin-bottom: 26px; } .module-eyebrow { font-size: 1rem; padding: 4px 20px 5px; margin-bottom: 26px; } /* Section Title */ .title-01.mb-60, .title-02.mb-60 { margin-bottom: 30px; } .title-01.mb-70, .title-01.mb-80, .title-03.mb-100 { margin-bottom: 35px; } .title-01.mb-100 { margin-bottom: 45px; } .title-02.mb-70 { margin-bottom: 40px; } .section-title h5, .section-title h4 { line-height: 1.5; } .title-02 h2.fs-48, .title-03 h2.fs-48 { font-size: 1.8rem; } .title-01 p, .title-02 p, .title-03 p { margin-top: 14px; } .section-title p.fs-20 { font-size: 1.125rem; } .title-01 .btn, .title-02 .btn, .title-03 .btn { margin-top: 15px; } /* Block Info */ .block-info-rounded { padding: 10px 16px; } .block-info-rounded.mt-80 { margin-top: 30px; } .block-info h6 { font-size: 1.125rem; line-height: 1.75; } .block-info h6 span { margin: 0 3px; } /* Advantages */ .advantages { margin-top: 18px; } .text-center .advantages { margin-top: 20px; } .advantages li:not(:last-child):after { top: -2px; } /* Compatibility */ .compatibility { margin-top: 5px; padding: 4px 20px; border-radius: 22px; } /* Users */ .txt-block .users, .ws-wrapper .users, .fbox-5-txt .users { margin-top: 22px; } .users img { max-height: 48px; top: 0; } .users p { display: block; font-size: 1rem; margin: 15px 0 0; } /*------------------------------------------*/ /*   NAVIGATION MENU    
  /*------------------------------------------*/ /* Mobile Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 290px; margin-right: -290px; } .wsactive .wsmobileheader { margin-right: 290px; } .overlapblackbg { width: calc(100% - 290px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } /* Header Store Badges */ .store.header-store img { max-height: 44px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 6px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } .wsmegamenu h6.title { font-size: 1.175rem!important; margin: 8px 0 0 10px; } /*------------------------------------------*/ /*  HERO
  /*------------------------------------------*/ .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } .hero-section .store { display: block; margin: 15px 0 0; } .hero-section .os-version-ext { margin-top: 18px; } /* Hero Advantages */ .hero-section .advantages { margin-top: 22px; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn, .hero-section .quick-form.form-half .btn { height: 52px; font-size: 1.0625rem; } .hero-section .quick-form.form-half .form-control { height: 52px; font-size: 1.0625rem; margin-bottom: 18px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; } /* HERO DIGITS */ .hero-digits { margin-top: 30px; } .hd-2 h3.statistic-number { font-size: 2.2rem; } .hd-3 h3.statistic-number { font-size: 1.85rem; margin-bottom: 15px; } .hd-2 h3.statistic-number small { font-size: 2rem; margin-left: 2px; } .hd-3 h3.statistic-number small { font-size: 1.65rem; margin-left: 2px; } .hd-2 p.fs-15 { font-size: 1.0625rem; } .hd-3 p.fs-15 { font-size: 1rem; line-height: 1.5; } .hero-square-logo { margin-bottom: 20px; } .hero-square-logo img { max-height: 65px; } /* HERO FRAMER TEXT */ .framer-txt-01, .framer-txt-02 { margin-bottom: 35px; } .framer-txt-03 { margin-bottom: 30px; } .framer-txt-04 { margin-bottom: 25px; } .framer-txt-01 a { font-size: 0.95rem; padding: 9px 18px; } .framer-txt-02 a { font-size: 0.9rem; padding: 8px 16px; } .framer-txt-04 p { font-size: 0.85rem; padding: 7px 15px; } .framer-txt-01 span { top: 5px; right: 5px; } .framer-txt-02 span { top: 3px; right: 4px; } .widget-data b { font-size: 0.8rem; } .widget-data.mr-15 { margin-right: 3px; } .framer-txt-01.ico-20 [class*="flaticon-"]:before, .framer-txt-01.ico-20 [class*="flaticon-"]:after { font-size: 1.45rem; } .framer-txt-02.ico-15 [class*="flaticon-"]:before, .framer-txt-02.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } .framer-txt-04 span[class*="flaticon-"] { display: none; } .framer-txt-03 img { top: 5px; max-height: 30px; margin-left: 0; } /* HERO AVATARS WIDGET */ .hero-avatars-widget { font-size: 1.05rem; margin-bottom: 25px; } .hero-avatars-widget img { max-height: 32px; margin-right: 4px; } /* HERO SECTION ID */ .hero-section .module-subtitle { margin-bottom: 28px; } .hero-section .module-subtitle:before { width: 5px; height: 14px; margin-right: 9px; top: 2px; } /* HERO SLIDESHOW */ .slideshow, .slideshow .slides { height: 450px; } /* HERO-1 */ .hero-1 .caption { margin-top: 18px; } .hero-1 .caption h2 { font-size: 2rem; line-height: 1.12; } .hero-1 .caption p { margin: 9px 2% 13px; } /* HERO-2 */ .hero-2 { padding: 75px 0; } .hero-2-txt h2 { font-size: 2.35rem; } .hero-2-txt p.fs-17 { margin: 14px 0 22px; } .hero-2-img { margin-top: 35px; } /* HERO-3 */ .hero-3:after { height: 18%; } .hero-3-txt p.fs-18 { margin: 12px 0 0; } .hero-3-txt .quick-form { margin: 20px 2% 0; } .hero-3-txt .advantages { margin-top: 35px!important; } .hero-3-img { margin-top: 35px; } /* HERO-4 */ .hero-4 { padding-top: 70px; margin-bottom: 40px; } .hero-4-txt h2 { font-size: 2.45rem; padding: 0 2%; } .hero-4-txt p.fs-17 { margin: 12px 0 20px; } .hero-4-img { margin: 35px 0 -40px 0; } /* HERO-5 */ .hero-5 { padding: 75px 0; } .hero-5-txt h2 { font-size: 3.65rem; } .hero-5-txt p.fs-18 { margin-top: 14px; } .hero-5-txt .quick-form { margin: 20px 4% 0; } .hero-5-img { margin-top: 35px; } /* HERO-6 */ .hero-6 { padding-top: 70px; margin-bottom: 40px; } .hero-6-txt h2 { font-size: 2.5rem; } .hero-6-txt p.fs-18 { margin: 12px 0 5px; } .hero-6-txt span.os-version { font-size: 0.925rem; } .hero-6-img { margin: 35px 0 -40px; } /* HERO-7 */ .hero-7 { padding-top: 75px; margin-bottom: 40px; } .hero-7-txt h2 { font-size: 2.15rem; } .hero-7-txt p.fs-19 { font-size: 1.0625rem; margin: 12px 0 20px; } .hero-7-img { margin: 30px 0 -40px; } /* HERO-8 */ .hero-8-wrapper { margin: 0 -15px; padding: 75px 15px 65px; } .hero-8-txt .hero-avatars-widget { font-size: 1.05rem; } .hero-8-txt .hero-avatars-widget img { max-height: 32px; top: 0; } .hero-8-txt h2 { font-size: 2.275rem; } .hero-8-txt p.fs-17 { margin: 12px 0 20px; } .hero-8-img { margin-top: 35px; } /* HERO-9 */ .hero-9 { padding: 70px 0; } .hero-9-txt h2 { font-size: 2.35rem; } .hero-9-txt p.fs-17 { margin: 12px 0 18px; } .hero-9-txt .hero-digits { margin-top: 40px; } .hero-9-img { margin-top: 35px; } /* HERO-10 */ .hero-10 { padding-top: 70px; margin-bottom: 40px; } .hero-10-txt h2 { font-size: 2.3rem; } .hero-10-txt p.fs-18 { margin-top: 12px; } .hero-10-btn { margin-top: 20px; } .hero-10-img { margin: 35px 0 -40px; } /* HERO-11 */ .hero-11 { padding-top: 75px; margin-bottom: 35px; } .hero-11-txt h2 { font-size: 2.275rem; } .hero-11-txt p.fs-17 { margin-top: 12px; } .hero-11-txt .quick-form { margin: 20px 4% 0; } .hero-11-txt .advantages { margin-top: 20px; margin-left: 0; } .hero-11-img { margin: 30px 0 -35px; } /* HERO-12 */ .hero-12 { padding: 75px 0 85px; } .hero-12-txt p.fs-18 { margin: 12px 0 0; } .hero-12-txt .quick-form { margin: 20px 2% 0; } .hero-12-img { margin-top: 35px; } /* HERO-13 */ .hero-13 { padding-top: 70px; } .hero-13-txt h2 { font-size: 2.25rem; } .hero-13-txt p.fs-18 { margin: 10px 0 20px; } .hero-13-brands { margin: 35px 5px 30px; } .hero-13-brands p.fs-15 { margin-bottom: 12px; } .hero-13-image { margin: 0 -15px; padding: 42px 20px 0; border-radius: 0 0!important; } .hero-13-img { margin-bottom: -35px; } .hero-13-img .video-btn { top: calc(50% - 12px); } /* HERO-14 */ .hero-14 { padding-top: 70px; margin-bottom: 30px; } .hero-14-txt h2 { font-size: 2.35rem; } .hero-14-txt p.fs-18 { margin: 12px 0 20px; } .hero-14-brands { margin-top: 30px; padding: 18px 20px; } .hero-14-brands .loop_carousel_left img { padding: 0 10px; height: 2.5rem; } .hero-14-img { margin: 40px 2% -30px; } /* HERO-15 */ .hero-15 { padding-top: 70px; } .hero-15:after { height: 18%; } .hero-15-txt p.fs-18 { margin: 12px 0 20px; } .hero-15-img { margin-top: 35px; } /* HERO-16 */ .hero-16 { padding: 60px 0; } .hero-16-txt h6 { font-size: 1.15rem; margin-bottom: 35px; } .hero-16-txt h6 span { top: 12px; right: 2px; } .hero-16-txt .ico-35 span[class*="flaticon-"]:before, .hero-16-txt .ico-35 span[class*="flaticon-"]:after { font-size: 2.35rem; } .hero-16-txt h2.fs-50 { font-size: 2.175rem; } .hero-16-txt p.fs-17 { margin: 14px 0 20px; } .hero-16-txt .hero-digits { margin-top: 30px; } .hero-16-img { margin-top: 35px; } /* HERO-17 */ .hero-17 { padding-top: 70px; margin-bottom: 35px; } .hero-17-txt h2 { font-size: 2.25rem; } .hero-17-txt p.fs-18 { font-size: 1.0625rem; margin: 12px 0 20px; } .hero-17-img { margin: 35px 0 -35px; } /* HERO-18 */ .hero-18 { margin-bottom: 40px; } .hero-18-txt h2 { font-size: 2.1875rem; } .hero-18-txt p.fs-19 { font-size: 1.0625rem; margin: 12px 0 20px; } .hero-18-brands { margin: 35px 5px 0; } .hero-18-brands p.fs-15 { margin-bottom: 12px; } .hero-18-img { margin: 35px 0 -40px; } /* HERO-19 */ .hero-19 { padding: 70px 0; } .hero-19-txt { margin-bottom: 35px; } .hero-19-txt h2 { font-size: 2.5rem; } .hero-19-txt p.fs-17, .hero-19-txt p.fs-18 { margin: 15px 0 20px; } /* HERO-20 */ .hero-20 { margin-bottom: 50px; } .hero-20-txt h2 { font-size: 2.25rem; margin-bottom: 15px; } #hero-20-form { padding: 30px 18px 25px; margin: 40px 0 -50px; box-shadow: 0 4px 12px 0 var(--tra-black); } .form-logo { margin-bottom: 25px; } .form-logo img { max-height: 27px; } #hero-20-form p { margin: 14px 0 20px; } .hero-section #hero-20-form .form-control { height: 52px; font-size: 1.0625rem; border: 1.5px solid var(--silver); } #hero-20-form .btn { height: 52px; font-size: 1.1rem; padding: 16px; } /* HERO-21 */ .hero-21-txt h2 { font-size: 2.35rem; margin-bottom: 22px; } .hero-21-img { margin-top: 35px; } .hero-21-brands { margin-top: 35px; } .hero-21-brands p { margin-bottom: 20px; } .hero-21-brands .loop_carousel_left img { padding: 0 10px; height: 2.85rem; } /* HERO-22 */ .hero-22 { padding-top: 70px; margin-bottom: 35px; } .hero-22-txt p.fs-18 { margin: 18px 0 0; } .hero-22-txt .quick-form { margin: 28px 2% 0; } .hero-22-txt .advantages { margin-top: 35px!important; } .hero-22-img { margin: 30px 0 -35px; } /* HERO-23 */ .hero-23 { overflow: visible; margin-bottom: 40px; } .hero-23-wrapper { padding-top: 80px; padding-bottom: 40px; } .hero-23-widget { margin-bottom: 30px; } .hero-23-widget span { font-size: 0.975rem; padding: 9px 15px; } .hero-23-txt p.fs-18 { margin: 12px 0 20px; } .hero-23-image { margin: 0 -15px; padding: 40px 18px 0; border-radius: 0 0!important; } .hero-23-img { margin-bottom: -40px; } .hero-23-img .video-btn { top: calc(50% + 1px); } .hero-23-image p { margin-bottom: 22px; } .hero-23-image p span { display: block; } /* HERO-24 */ .hero-24 { text-align: center; padding: 70px 0 74px; } .hero-24-txt p.fs-18 { margin: 16px 0 22px; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* ABOUT */ .about-2-title { margin-bottom: 12px; } .about-1-txt { margin-bottom: 30px; } .about-1-txt p { margin-top: 16px; } #a2-1 { margin-bottom: 15px; } .about-3-txt p { font-size: 1rem; margin: 14px 0 0; } .about-3-btn { margin-top: 18px; } .a-1-1 { margin-bottom: 20px; } .a-1-4 { margin-top: 20px; } /* CAREERS */ .jobs-wrapper { padding: 18px 14px 13px; } .jobs-category h4 { margin-left: 10px; margin-bottom: 20px; } .position-link { top: 0; right: -4px; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.0625rem; } /* JOB POSITION */ .job-position-title { margin: 80px 0 20px; padding: 50px 0 60px; } .job-position-title .btn { font-size: 1rem; padding: 0.7rem 1.65rem; } .position-info h5 { margin: 30px 0 20px; } .position-info .btn { margin-top: 20px!important; } /* FEATURES */ .features-section.mt-30 { margin-top: 30px; } .features-section.pb-30 { padding-bottom: 30px; } .features-8 .container { max-width: 100%; } .features-8 .section-title { padding: 0; } .fbox-8-wrapper { padding: 65px 20px 70px; margin: 0 -15px; border-radius: 0 0!important; } .fbox-8-wrapper .section-title { margin-bottom: 30px; } .features-section .ico-55 [class*="flaticon-"]:before, .features-section .ico-55 [class*="flaticon-"]:after { font-size: 3.75rem; } /* FBOX-1 */ .fbox-1.fb-1, .fbox-1.fb-2 { margin-bottom: 25px; } .fbox-1 { display: block; text-align: center; } .fbox-1 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-1 .fbox-ico { margin-top: 0; margin-bottom: 15px; } .fbox-1 .ico-50 [class*="flaticon-"]:before, .fbox-1 .ico-50 [class*="flaticon-"]:after { font-size: 3.45rem; } /* FBOX-2 */ .fbox-2.fb-1, .fbox-2.fb-2, .fbox-2.fb-3 { margin-bottom: 30px; } /* FBOX-3 */ .fbox-3 { display: block; text-align: center; } .fbox-3 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-3 .fbox-ico { margin-top: 0; margin-bottom: 15px; } /* FBOX-4 */ .fbox-4 { display: block; text-align: center; padding: 30px 25px; } .fbox-4 .fbox-ico-wrap { margin : 0 0 16px 0; } .fbox-4 .fbox-ico { margin-top: 0; } /* FBOX-5 */ .fbox-5 { display: block; text-align: center; } .fbox-5 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-5 .fbox-ico { margin-top: 0; margin-bottom: 15px; } .fbox-5 .ico-45 [class*="flaticon-"]:before, .fbox-5 .ico-45 [class*="flaticon-"]:after { font-size: 3rem; } /* FBOX-6 */ .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 175px; } .fbox-img.h-185 img, .fbox-img.h-190 img { max-height: 180px; } .fbox-6 .fbox-img.r-12 { padding-top: 30px; margin: 0 3% 50px; } .fbox-6 .fbox-img.r-12 img {max-height: 170px; margin-bottom: -25px; } /* FBOX-7 */ .fbox-7 { padding: 34px 22px; } .fbox-7.fb-7 { padding: 32px 20px; } .fbox-7.fb-1 .fbox-7-img, .fbox-7.fb-5 .fbox-7-img, .fbox-7.fb-6 .fbox-7-img, .fbox-7.fb-7 .fbox-7-img { margin: 25px 0 0; } .fbox-7.fb-2 .fbox-7-img, .fbox-7.fb-3 .fbox-7-img, .fbox-7.fb-4 .fbox-7-img { margin: 0 0 25px; } /* FBOX-8 */ .fbox-8 { padding: 30px 20px; } /* FBOX-9 */ .fbox-9 { padding: 35px 25px; } .fbox-7 .module-subtitle { margin-bottom: 18px; } .fbox-1 h5, .fbox-5 h5, .fbox-7 h5, .fbox-7 h5, .fbox-7.fb-5 h5, .fbox-7.fb-6 h5 { margin-bottom: 12px; } .fbox-3 h5, .fbox-7 h3 { margin-bottom: 14px; } .fbox-6-txt h5, .fbox-8 h5 { margin: 23px 0 12px; } .fbox-7-txt .btn { margin-top: 18px; } /* CONTENT */ .ct-03.pb-100 { padding-bottom: 75px; } .bc-01 .container, .bc-03 .container, .bc-04 .container, .bc-05 .container, .bc-06 .container { max-width: 100%; } .bc-01-wrapper, .bc-04-wrapper, .bc-05-wrapper, .bc-06-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .bc-03-wrapper { padding: 70px 22px; margin: 0 -15px; border-radius: 0!important; } .bc-02.mt-30 { margin-top: 30px; } .ct-06 .section-overlay { margin-bottom: 40px; } .bc-01 .section-overlay { padding: 60px 20px; } .bc-02 .section-overlay { padding: 45px 20px; } .bc-04 .section-overlay { padding: 60px 20px 0; } .bc-06-wrapper { padding: 60px 18px; } .bc-04-wrapper .section-title { margin-bottom: 25px; } .bc-04 .section-title p { padding: 0; } .bc-5-txt { padding: 60px 3% 0; margin-bottom: 35px; } .bc-03-title { margin-bottom: 25px; } .bc-06 .txt-block { margin-bottom: 35px; } .txt-box, .bc-1-wrapper .txt-box { margin-bottom: 15px; } .txt-block-stat { margin-top: 25px; } .txt-block h2, .txt-block h5, .bc-02 .txt-block h5, .bc-03 .txt-block h5, .bc-06 .txt-block h2 { margin-bottom: 20px; } h5.h5-title { margin: 15px 0 18px; } .bc-5-txt h2 { margin-bottom: 20px; } .bc-06 .txt-block h2.fs-46 { font-size: 1.8125rem; padding: 0 3%; } .txt-block .btn, .bc-06 .txt-block .btn, .txt-block .stores-badge { margin-top: 20px; } .txt-block .btns-group .btn.btn--transparent, .txt-block-tra-link { margin-top: 16px; } /* CBOX-1 */ .cbox-1 .ico-wrap { margin-right: 1rem; } .cbox-1-ico { width: 1.8rem; height: 1.8rem; font-size: 1rem; line-height: 1.45rem; margin-top: 3px; } .cbox-1-txt { margin-bottom: 20px; } .cbox-1-txt h5 { margin-bottom: 12px!important; } /* CBOX-2 */ .cbox-2.mt-30 { margin-top: 22px; } .cbox-2 .ico-wrap { margin-right: 1rem; } .cbox-2-ico { top: 6px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.35rem; } .cbox-2-ico img { width: 2.65rem; height: 2.65rem; } .cbox-2-txt { margin-bottom: 30px; } .cbox-2-txt.mb-30 { margin-bottom: 22px; } .cbox-2-txt h5 { margin-bottom: 10px!important; } /* CBOX-3 */ .cbox-3.mt-25 { margin-top: 18px; } .cbox-3-txt { padding-left: 8px; } .cbox-3-ico span { top: 6px; } .cbox-3-ico.ico-30 [class*="flaticon-"]:before, .cbox-3-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.2rem; } /* CBOX-4 */ .cbox-4-wrapper { margin-top: 15px; } .box-title { margin-bottom: 12px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title.ico-30 span[class*="flaticon-"]:before, .box-title.ico-30 span[class*="flaticon-"]:after { font-size: 2rem; line-height: 1rem!important; } .box-title h6 { position: relative; top: 2px; left: 8px; font-size: 1.3rem; } /* CBOX-5 */ .cbox-5 { width: 320px; min-width: 320px; padding: 12px 18px 10px; } .cbox-5.cb-1 { margin: 5px 0 16px; } .cbox-5-ico span { position: relative; top: 1px; } .cbox-5-ico .ico-45 [class*="flaticon-"]:before, .cbox-5-ico .ico-45 [class*="flaticon-"]:after { font-size: 2.85rem; } .cbox-5-txt { padding-left: 16px; } .cbox-5-txt h6 { font-size: 1.075rem; margin-bottom: 2px; } /* CBOX-6 */ .cbox-6-wrapper { margin-top: 40px; } .cbox-6 { padding: 30px 18px; } .cbox-6 hr { margin-top: 22px; margin-bottom: 17px; } .cbox-6 h2.statistic-number { font-size: 2.75rem; } .cbox-6 .statistic-number sup { font-size: 2.5rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-title h6 { margin-bottom: 20px; } .cbox-6-title p.ico-10 { margin-top: 20px; } .cbox-6-title p.ico-10 span.r-06 { font-size: 1rem; padding: 5px 9px; margin-right: 3px; } .cbox-6-menu { top: -2px; right: 5px; } .cbox-6-img { margin-top: 20px; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data { padding: 11px 17px; } .cbox-6-data.mt-25 { margin-top: 15px; } /* CBOX-7 */ .cbox-7.cb-1, .cbox-7.cb-2 { margin-bottom: 25px; } .cbox-7 .cbox-title { margin-bottom: 18px; } .cbox-7 .cbox-title span {margin-right: 15px; } /* CBOX-8 */ .cbox-8.ico-15 span { top: 1.5px; right: 10px; } .cbox-8.ico-15 [class*="flaticon-"]:before, .cbox-8.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; } /* CBOX-9 */ .cbox-9 { padding-bottom: 13px; margin-bottom: 13px; margin-right: 0; } .cbox-9-ico { width: 28px!important; height: 28px!important; margin-right: 13px; } .cbox-9.ico-15 span { top: 1.5px; } .cbox-9.ico-15 [class*="flaticon-"]:before, .cbox-9.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Accordion */ .txt-block .accordion-1 .accordion-item { padding: 18px 0 23px; } .txt-block .accordion-1 .accordion-item:first-child { padding: 0 0 23px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.8rem; line-height: 30px; top: -3px; right: 0; } .txt-block .accordion-1 .accordion-thumb h4, .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h4, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } /* Tabs */ .tabs-1 li { padding: 22px 16px; } .tab-link p { margin-top: 6px; } #tabs-1 .img-block.left-column, #tabs-1 .img-block.right-column { margin-top: 0; } /* Content Images */ .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block img, .bc-01 .img-block, .bc-2-img, .bc-3-img { margin: 35px 0 0; } .ct-04 .img-block { margin: -30px -28% 0; } .bc-5-img img { border-radius: 0; } .content-section .container.hidd { overflow: visible!important; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -40px; } .img-block-txt { margin-top: 30px; } .img-block-btn { padding: 0 2%; margin-top: 30px; } .img-block-btn .advantages { margin-top: 20px; } .bc-4-img { margin-bottom: -50px; } .bc-4-img .video-btn { top: calc(50% - 15px); } /* STATISTIC */ .statistic-1.py-80 { padding-top: 60px; padding-bottom: 60px; } .statistic-1-wrapper { padding: 0; } .txt-block-stat.mt-30 { margin-top: 20px; } .statistic-2 .txt-block { margin-bottom: 35px; } #sb-1-1, #sb-1-2, #sb-4-1, #sb-4-2, #sb-4-3 { margin-bottom: 35px; } .statistic-2-wrapper .statistic-block { padding: 40px 30px; } #sb-2-1 { border-right: none; } #sb-2-3 { border-right: none; border-bottom: 1.5px solid #e4e4e4; } #sb-3-2 { padding-left: 3%; } #sb-5-1, #sb-5-2 { margin-bottom: 30px; } .statistic-ico { margin-bottom: 13px; } .statistic-section h2.fs-56, .statistic-section h2.fs-58 { font-size: 2.8125rem; } h3.statistic-number { font-size: 2.5rem; line-height: 1; letter-spacing: 0.5px; } h2.statistic-number { font-size: 2.7rem; line-height: 1; letter-spacing: -1px; } .statistic-1-wrapper h5 { margin: 15px 0 10px; } .statistic-2 h3.statistic-number { font-size: 2.7rem; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.25rem; letter-spacing: -0.5px; margin-bottom: 12px; } .statistic-5-wrapper h6 { margin-top: 15px; } .statistic-1-wrapper p { padding: 0 4%; } .statistic-2-wrapper p { font-size: 1.1rem; } .statistic-4-wrapper p { font-size: 1.1rem; margin-top: 16px; } .statistic-5-wrapper p { padding: 0 10%; margin-bottom: 20px; } .statistic-block span[class*="flaticon-"], .statistic-block .alt-font span[class*="flaticon-"] { top: -7px; } .line-highlight { left: 32%; width: 36%; height: 10px; margin-top: -9px; } /* GALLERY */ .gallery-1 .carousel_slide { margin-left: 10px; } .gallery-1 img { max-height: 250px; } .gallery-1 .projects_carousel img { max-height: 260px; } /* TESTIMONIALS */ .reviews-3.pb-60 { padding-bottom: 40px; } .reviews-1-wrapper { padding: 0; } .reviews-1-wrapper:after { display: none; } .review-1, .review-2, .review-4 { padding: 40px 22px 28px; margin: 0 12px 30px; } .review-1 { background-color: #f9f9fc; padding: 30px 22px; } .theme--dark .review-1 { background-color: var(--smoke); } .review-2, .review-3 { padding: 30px 22px; } .review-ico.ico-45 { top: 16px; right: 22px; } .review-ico.ico-60 { top: 16px; left: 18px; } .review-source { top: 20px; right: 22px; } .review-source img, .owl-carousel .owl-item .review-source img { width: 30px; height: 30px; } .review-txt h6 { margin-bottom: 12px; } .author-data { margin-top: 18px; } .review-2-author { margin-top: 15px; } .review-rating.ico-15 { margin-bottom: 8px; } .review-rating.ico-10 [class*="flaticon-"]:before, .review-rating.ico-10 [class*="flaticon-"]:after, .review-rating.ico-15 [class*="flaticon-"]:before, .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; } .review-avatar img, .owl-carousel .owl-item .review-avatar img { width: 42px; height: 42px; } .author-data .review-author { padding: 0 0 0 13px; margin-top: 1.5px; } .review-author h6 { font-size: 1.1rem; margin-bottom: 8px; } .review-2-author p { font-size: 1rem; } .reviews-section .more-btn.mt-35 { margin-top: 10px; } /* PROJECTS */ .projects-1 .title-03 { margin-bottom: 30px; } .projects-1 .title-03 h2.fs-50 { font-size: 2rem; } .projects-1 .title-03 .filter-btns { margin-top: 25px; } .filter-btns button { width: 60%; font-size: 1.1rem; margin: 0 0 10px; } .pr-tag { left: 20px; } .pr-tag p { padding: 7px 16px; margin-bottom: 0; } .pr-data-txt { width: 80%; bottom: 35px; } .pr-source { width: 43px; height: 43px; bottom: 25px; } .pr-source a span { top: 8px; } .filter-item:hover .pr-data-txt { left: 25px; } .filter-item:hover .pr-source { right: 20px; } /* PROJECT DETAILS */ .project-category { margin-bottom: 20px; } .project-title h2 { padding-right: 0; padding-bottom: 30px; } .project-data { margin: 25px 0; } .project-data p { margin-bottom: 7px; } .project-txt h5 { margin: 25px 0 14px; } .project-txt h6 { font-size: 1.215rem; margin: 14px 0; } .project-inner-img { margin: 25px 0; } .project-inner-img.d-flex { margin-left: -11.25px; margin-right: -11.25px; } .project-inner-img .top-img { margin-bottom: 25px; } .project-share-icons { margin-top: 30px; padding-top: 25px; } #project-details .more-projects { margin-top: 30px; } #project-details .more-projects span { top: 2px; left: 2px; } #project-details .more-projects.ico-25 [class*="flaticon-"]:before, #project-details .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } /* RATING */ .rbox-2 { display: block; flex: none; } #rb-1-1, #rb-1-2, #rb-1-3, #rb-3-1, #rb-3-2 { margin-bottom: 28px; } .rating-title { padding: 0 12%; } .rating-title h6 { line-height: 1.6; } .rbox-1-img, .rbox-3-img { margin-bottom: 12px; } .rbox-1-img img, .rbox-3-img img { max-height: 36px; } .rbox-2-rating { display: block; } .rbox-2-rating img { top: 0; max-height: 26px; margin-bottom: 16px; } .rbox-2-logo img { top: 0; max-height: 34px; } .rbox-1 .star-rating, .rbox-3 .star-rating { font-size: 1rem; line-height: 1; } .rbox-2-rating.ico-25 { margin-bottom: 12px; } .rbox-1 .star-rating span, .rbox-3 .star-rating span { top: 1px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.05rem; } .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .rbox-2 h6 { font-size: 1.125rem; line-height: 1.6; margin: 0 15px 10px; } /* BRANDS */ .brands-title h6 { line-height: 1.6; padding: 0 3%; margin-bottom: 25px; } .brands-title h5, .brands-title p { line-height: 1.6; margin-bottom: 25px; } #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8, .r-5 #brand-3-1, .r-5 #brand-3-2, .r-5 #brand-3-3, .r-5 #brand-3-4, .r-6 #brand-3-1, .r-6 #brand-3-2, .r-6 #brand-3-3 { margin-bottom: 30px; } #brand-4-1, #brand-4-2, #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brand-4-9, #brand-4-10 { margin-bottom: 35px; } .brands-1 .loop_carousel img { padding: 0 18px; height: 3.5rem; } .brands-2-wrapper .brand-logo, .brands-3-wrapper.r-5 .brand-logo { width: 50%; padding: 0 20px; } .brands-3-wrapper.r-6 .brand-logo { padding: 0 14px; } /* AWARDS */ .awards-1 h2 { padding: 0 2%; } .awards-1 .txt-block { margin-bottom: 35px; } .awards-1 .award-badge { margin: 0 14px; } .awards-2 .award-badge { margin: 0 8px; } #awb-1-1, #awb-1-2 { margin-bottom: 30px; } #awb-2-1, #awb-2-2, #awb-2-3 { margin-bottom: 25px; } .award-badge.ico-105 img { max-height: 120px; } .award-badge.ico-90 img, .award-badge.ico-100 img { max-height: 100px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 46px; } .integrations-2.pt-120.pb-90 { padding-bottom: 51px; } .integrations-1 .container.wrapper-version, .integrations-3 .container { max-width: 100%; } .int-1-wrapper { padding: 70px 0; margin: 0 -15px; border-radius: 0 0!important; } .int-3-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; } .int-1-wrapper .section-title { padding: 0 6%; } .integrations-2 .section-title h2 { padding: 0 3%; } .int_tool-1 { padding: 12px 20px 12px 15px; } .int_tool-1.r-10 { padding: 10px 18px 11px; } .int_tool-1.r-0 { padding: 0 11px; } .int_tool-2 { padding: 25px 15px; margin-bottom: 24px; } .int_tool-4 { padding: 30px 20px; margin-bottom: 30px; } .in_tool_logo { padding: 35px 30px; margin-bottom: 25px; } .int_tool-1 .tool_logo { margin-right: 17px; } .int_tool-1 .tool_logo.img-25 { margin-right: 10px; } .int_tool-1 .tool_logo.img-50 { margin-right: 13px; } .int_tool-1 .tool_logo img { width: 40px; height: 40px; } .int_tool-1 .tool_logo.img-25 img { width: 20px; height: 20px; } .int_tool-1 .tool_logo.img-50 img { width: 35px; height: 35px; } .int_tool-2 img, .int_tool-3 img, .int_tool-4 img { width: 55px; height: 55px; } .tool_txt h6 { font-size: 1.05rem; margin-top: 1px; } .tool_txt.mt-10 h6 { margin-top: 4px; } .int_tool-1.r-0 h6 { font-size: 1.35rem; margin-top: 3px; } .int_tool-2 h6 { font-size: 1.05rem; margin-top: 15px; } .int_tool-4 h6 { margin-top: 22px; margin-bottom: 18px; } .tool_txt p { font-size: 0.975rem; } .int_tool-4 p { font-size: 1rem; } .tool_category { top: 25px; right: 22px; padding: 2px 12px 4px; } .tool_category span { font-size: 1rem; } .tool_link .btn { font-size: 1.05rem; padding: 0.925rem 1.3rem; margin-top: 16px; } .integrations-section .more-btn.mt-30 { margin-top: 18px; } /* PRICING */ .pricing-1.inner-page-hero .section-title p { padding: 0; } .pricing-1-table { padding: 25px 30px 30px; } .pricing-1-table.highlight { padding: 0 30px 30px; } #pt-1-1, #pt-1-2 { margin-bottom: 35px; } .highlight-badge { padding: 12px 35px 13px; } .highlight-badge h6 { font-size: 1rem; } .pricing-discount { top: -2px; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 0.975rem; } .price span { font-size: 3rem; } .price sup { font-size: 2.25rem; top: -5px; } .price sup.validity { font-size: 1.65rem; } .price p { margin-top: 12px; } .pricing-1-table hr { margin-top: 22px; margin-bottom: 18px; } .pricing-features li { padding: 10px 7px; } .pt-btn { margin-top: 20px; } /* Pricing Notice */ .pricing-notice p { font-size: 0.95rem; padding: 0; } .toggler-txt span.color--theme { display: none; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .comp-table-rouded { padding: 10px 10px 0; } .table>:not(caption)>*>* { padding: 9px 0; } .comp-table .table-responsive thead th { font-size: 0.9rem; } .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; } .comp-table .table-responsive tbody td { font-size: 0.85rem; top: 0; line-height: 1.25; } .comp-table .table-responsive tbody td span { top: 3px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } .pbox { padding: 0; } #pbox-1, #pbox-2 { margin-bottom: 25px; } .pricing-section .txt-box-las, .pricing-section .pm-lastt { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 14px; } .payment-icons img { max-height: 35px; } /* CHANGELOG */ .changelog-title { padding: 75px 0 65px; margin-bottom: 65px; } .changelog-title p { margin-top: 16px; } .version-release { margin-bottom: 60px; } .release-data { padding-bottom: 25px; margin-bottom: 20px; } span.version-data { font-size: 1.35rem; line-height: 1.65; margin-bottom: 12px; } span.version-data span { font-size: 1.275rem; padding: 4px 8px; border-radius: 5px; margin-right: 6px; } span.release-date { font-size: 1.05rem; } .release-highlights h6 { font-size: 1.275rem; margin-bottom: 15px; } .release-highlights p.fs-17 { font-size: 1.05em; margin-top: 10px; } .release-preview { margin-bottom: 20px; } /* DOWNLOAD */ #di-3 { margin-bottom: 30px; } .download-item { margin-right: 1%; margin-left: 1%; } .download-item h6 { font-size: 1.5rem; } .download-item p { font-size: 1.125rem; } /* TEAM */ .team-member-photo { margin-bottom: 25px; } .team-member-data h6 { font-size: 1.4666rem; } .team-member-data p { font-size: 1.125rem; } .team-1 .more-btn { margin-top: 10px; } /* BANNER */ .banner-1 .container, .banner-3 .container, .banner-5 .container { max-width: 100%; } .banner-1-wrapper, .banner-3-wrapper, .banner-5-wrapper, .banner-7-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .banner-1-wrapper .banner-overlay { padding: 60px 22px 65px; } .banner-2 .banner-overlay.pt-80.pb-90, .banner-2 .banner-overlay.pt-90.pb-100 { padding: 60px 0 70px; } .banner-3-wrapper { padding: 60px 18px 65px; } .banner-4-wrapper { padding: 35px 8%; } .banner-5-wrapper, .banner-6 .banner-overlay.py-70, .banner-6 .banner-overlay.py-80 { padding: 55px 16px 65px; } .banner-7-wrapper .banner-overlay { padding: 60px 25px 0; } .banner-2-txt h2.fs-54 {padding: 0 8px } .banner-3-txt h2.fs-48 { font-size: 1.95rem; } .banner-4-txt h3 { font-size: 1.8125rem; } .banner-4-txt h3.alt-font { font-size: 2.0625rem; } .banner-7-txt h2 { font-size: 2.125rem; } .banner-1-txt p.fs-17, .banner-1-txt p.fs-18 { font-size: 1.0625rem; margin: 14px 0 24px; } .banner-2-txt p.fs-18, .banner-2-txt p.fs-19, .banner-2-txt p.fs-20 { font-size: 1.0625rem; margin: 14px 3% 0; } .banner-3-txt p.fs-17, .banner-3-txt p.fs-18 { font-size: 1.0625rem; margin: 14px 3% 24px; } .banner-5-txt p.fs-17, .banner-5-txt p.fs-18, .banner-6-txt p.fs-17,.banner-6-txt p.fs-18 { margin-top: 15px; } .banner-7-txt p.fs-17 { margin-top: 14px; margin-bottom: 18px; } .banner-2-txt .btn.mt-25, .banner-4-btn { margin-top: 18px; } .banner-2-txt .btn.mt-35 { margin-top: 25px; } .banner-7-txt .btn { width: auto; } .banner-7-txt .store-btn-2 { margin-top: 15px; } .banner-section p.btn-txt { padding: 0; margin-top: 14px; margin-bottom: 0!important; } .banner-7-txt p.btn-txt { font-size: 0.95rem; } .banner-7-img.right-column { margin: 35px 0 -20%; } /* FAQs */ .faqs-1.pb-100 { padding-bottom: 58px; } .faqs-4 .accordion-wrapper { padding: 12px 20px; } .faqs-2.faqs-section .accordion-item { padding: 0 20px; } .faq-1-title { margin-bottom: 20px; } .faq-1-title p { margin-top: 12px; margin-bottom: 16px; } .faqs-section .section-title br { display: none; } .faqs-5 .question { margin-bottom: 22px; } .faqs-5 .question h5 { line-height: 1.5; margin-bottom: 12px; } .faqs-3.inner-page-hero .accordion-wrapper { padding: 5px 16px; } .faqs-3-questions h4 { margin: 40px 0 24px 10px; } .faqs-section .accordion-thumb { padding: 14px 0 17px; } .faqs-2.faqs-section .is-active .accordion-thumb { padding: 22px 0 14px; } .faqs-section .accordion-panel { padding: 0 0 10px 0; } .faqs-section .accordion-thumb h5 { line-height: 1.5; padding-right: 12%; } .faqs-section.inner-page-hero .accordion-thumb h5 { font-size: 1.2rem; line-height: 1.45; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.8rem; line-height: 30px; top: 15px; right: 0; } .faqs-5 .more-questions { margin-top: 15px; } .faqs-3.inner-page-hero .more-questions, .faqs-4 .more-questions, .faqs-2 .more-questions { margin-top: 35px; } .more-questions h6 { line-height: 1.4; margin-bottom: 12px; } .more-questions p { padding: 0 6%; } .more-questions-btn { display: block; margin: 15px 0 0; } /* NEWSLETTER */ .newsletter-2 .container { max-width: 100%; } .newsletter-1 .newsletter-overlay { padding: 50px 0 40px; } .newsletter-2 .newsletter-overlay { padding: 60px 20px; margin: 0 -15px; border-radius: 0 0!important; } .newsletter-3 .newsletter-overlay { padding: 30px 4% 10px; margin: 0 2%; } .newsletter-4 .newsletter-overlay { padding: 60px 0; } .newsletter-txt h4, .newsletter-txt h3, .newsletter-txt h2 { font-size: 1.6rem; padding: 0; margin-bottom: 25px; } .newsletter-3 .newsletter-txt h3 { font-size: 1.5rem; } .newsletter-2 .newsletter-txt p, .newsletter-4 .newsletter-txt p { font-size: 0.95rem; padding: 0 2%; margin-bottom: 0; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { padding: 0 4%; } .newsletter-2 .newsletter-form, .newsletter-4 .newsletter-form { padding: 0 4%; margin-top: 30px; } .newsletter-section .form-control, .newsletter-section .btn { height: 52px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG LISTING */ #blog-page.pb-70 { padding-bottom: 35px; } #bp-1-1, #bp-1-2, #bp-2-1, #bp-3-1, #bp-3-2 { margin-bottom: 35px; } .blog-2 h3 { margin-bottom: 35px; } #blog-page .blog-post { padding: 16px 16px 20px; margin-bottom: 35px; } .blog-3-wrapper .blog-post { padding: 35px 24px 25px; } .blog-post-txt { margin-top: 25px; } .blog-3-wrapper .blog-post-txt { margin-bottom: 25px; } #blog-page .blog-post-txt { padding: 0 10px; } .post-badge { padding: 8px 17px 10px; font-size: 0.915rem; } .blog-3-wrapper .post-meta { margin-top: 20px; margin-bottom: 5px; } .post-meta-list { margin-bottom: 7px; } .blog-post h5.fs-18 { font-size: 1.2rem; margin-bottom: 12px; } .blog-post p.fs-15 { font-size: 1rem; } .post-meta-list li:not(:last-child):after { top: -2px; } .bp-txt-icons { right: 10px; bottom: -8px; } #blog-page .bp-txt-icons { right: 15px; bottom: -6px; } .bp-txt-icons .share-social-icons a.share-ico span { margin-left: 16px; } .bp-txt-icons .ico-15 [class*="flaticon-"]:before, .bp-txt-icons .ico-15 [class*="flaticon-"]:after { font-size: 1.25rem; } #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:before, #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* SINGLE BLOG POST */ .single-post-title { padding-bottom: 40px; margin-bottom: 40px; } .single-post-title h2 { padding-right: 2%; } .author-avatar { margin-right: 15px; } .author-avatar img { width: 52px; height: 52px; } .post-meta { margin-top: 0; } .post-meta h6 { font-size: 1.125rem; } .post-meta p { font-size: 1.05rem; line-height: 1.6; } .post-title-icons .ico-20 [class*="flaticon-"]:before, .post-title-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.6rem; } .post-tags-list { margin-top: 50px; } .post-tags-list span { display: inline-block; margin: 0 5px 25px 0; } .post-tags-list span a { font-size: 1rem; padding: 7px 14px; } .post-share-list { margin-top: 10px; } .post-share-list .share-social-icons a.share-ico span { margin-right: 18px; } .author-info { display: block; margin-top: 50px; padding: 30px 22px; } .author-info-avatar { display: block; margin-right: 0; margin-bottom: 20px; } .author-info-avatar img { width: 62px; height: 62px; } .author-follow-btn { top: 40px; right: 35px; } #post-comments { padding-top: 50px; padding-bottom: 35px; } #post-comments img { width: 50px; height: 50px; } .comment-body { margin-left: 16px; } .comment-meta { margin-bottom: 8px; } .comment-meta h6 { margin-bottom: 6px; } .comment-date, .btn-reply a { font-size: 0.975rem; } .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } #leave-comment { margin-top: 50px; } .comment-form { margin-top: 40px; } .comment-form .form-control { height: 50px; font-size: 1.0625rem; padding: 0 15px; } .comment-form textarea { min-height: 140px; } .comment-form textarea.form-control { padding: 20px 15px; } /* CONTACTS */ .contacts-info { text-align: center; } .contacts-info p { margin: 14px 2% 0; padding: 0; } .contacts-info h6 { margin: 20px 0 15px; } .contacts-info-socials li { padding-right: 12px; } .contact-boxes.pb-70 { text-align: center; padding-bottom: 40px; } .contact-box p { padding: 0 3%; margin-top: 12px; } .contact-box span { top: 0.5px; left: 2px; } .contact-form .form-control, .contact-form .form-select { height: 52px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 15px; } .contact-form textarea { min-height: 160px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn { margin-top: 5px; } .contact-form .form-btn .btn { width: 100%; font-size: 1.0625rem; padding: 0.95rem 1.4rem; } .contact-form-msg { text-align: center; margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-1 .footer-info, .footer-2 .footer-info { margin-bottom: 32px; } .footer-1 .footer-links { margin-bottom: 17px; } .footer-2 .footer-links, .footer-3 .footer-links, .footer-4 .footer-links, .footer-5 .footer-links { margin-bottom: 10px; } .footer-2 .footer-connect, .footer-4 .footer-connect, .footer-5 .footer-connect { margin-bottom: 26px; } .fl-1, .fl-2, .fl-3, .fl-4, .footer-1 .fl-5 { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 16px; } .footer-6 .footer-links { margin-bottom: 15px; } .footer-6 .foo-links li { padding: 0 7px; } .footer-4 .footer-info, .footer-5 .footer-info { margin-bottom: 28px; } img.footer-logo { max-height: 30px; margin-bottom: 20px; } .footer-copyright-logo img.footer-logo { max-height: 27px; margin-bottom: 8px; } .footer h6 { font-size: 1.1875rem; margin-bottom: 25px; } /* 19px */ .footer h6.alt-font { font-size: 1.25rem; } .footer-socials a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .footer-form .form-control { font-size: 1.1rem; height: 38px; } .footer-form .btn { height: 40px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 26px!important; } .bottom-footer-list { margin-top: 10px; } .bottom-footer-socials { margin-top: 15px; } .bottom-footer-socials li { padding-right: 12px; } .bottom-footer-list li:not(:last-child):after { top: -2px; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-25 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after, .bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ .inner-page-title { padding-bottom: 45px; margin-bottom: 50px; } .inner-page-title p { font-size: 1.05rem; line-height: 1.6666; margin-top: 12px; } /* PAGE PAGINATION */ .page-link { font-size: 1.1rem; padding: 3px 14px; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 30px 0 15px; } .txt-block.legal-info h6 { margin: 15px 0; } /* SIGN IN / SIGN UP */ .register-page-form { padding: 70px 0; } .reset-page-wrapper { padding: 180px 0; margin: 0 4%; } .register-form-title { margin-bottom: 25px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.85rem; } .register-form-title p { font-size: 1.1rem; margin-top: 10px; } .reset-form-title { margin-bottom: 20px; } .reset-form-title p { font-size: 1.1rem; margin-top: 12px; } .reset-password-link p { font-size: 1rem; margin-bottom: 28px; } .form-data span { font-size: 0.935rem; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 25px; } .reset-password-form .form-data p { font-size: 1.1rem; margin: 22px 0 10px; } .separator-line { font-size: 1rem; margin: 23px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 52px; font-size: 1.0625rem; margin-bottom: 22px; } #login .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 50px; font-size: 1.0625rem; } .btn-register.mb-15 { margin-bottom: 20px; } /* COOKIES */ #cookies { width: 94%; left: 3%; bottom: 12px; padding: 20px 35px 50px 20px; } #cookies p { font-size: 1rem; } #cookies-ok { right: 20px; bottom: 16px; font-size: 0.95rem; padding: 6px 20px; } #cookies-info { margin-left: 0; } #cookies-close { right: 14px; top: 4px; } #cookies-close svg { width: 11px; height: 11px; } /* PAGE 404 */ .page-error { padding: 160px 0 70px; } .page-error-img { margin: 0 5% 35px; } .page-error h5 { font-size: 1.1rem; margin: 16px 5% 25px; } /* MODAL */ .modal-dialog, .modal-dialog.modal-xl { max-width: 330px; margin: auto auto; } #modal-3.modal .btn-close { height: 1.25rem; width: 1.25rem; right: 10px!important; top: 10px!important; } #modal-3.modal .btn-close span { line-height: 20px!important; top: -5px; } #modal-3.modal .btn-close [class^="flaticon-"]:before, #modal-3.modal .btn-close [class^="flaticon-"]:after { font-size: 0.5rem; } #modal-1 .modal-body-content { padding: 30px 10px 12px; } #modal-2 .modal-body-content { padding: 30px 10px 14px; } .modal-body-content h4.fs-30 { font-size: 1.6rem; } .modal-body-content p { margin-top: 14px; margin-bottom: 16px; } .modal .newsletter-form .form-control, .modal .request-form .form-control { height: 52px; font-size: 1.05rem; margin-bottom: 16px; } .modal .newsletter-form .btn, .modal .request-form .btn { height: 52px; font-size: 1rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (max-width: 320.98px) { html { font-size: 14.5px; } #stlChanger { display: none; } /*------------------------------------------*/ /*  BASE
  /*------------------------------------------*/ .py-40 { padding: 30px 0; } .py-50 { padding: 35px 0; } .py-60 { padding: 40px 0; } .py-70 { padding: 40px 0; } .py-80 { padding: 40px 0; } .py-90 { padding: 60px 0; } .py-100 { padding: 60px 0; } .py-110 { padding: 70px 0; } .py-120 { padding: 70px 0; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 35px; } .pt-60 { padding-top: 40px; } .pt-70 { padding-top: 40px; } .pt-80 { padding-top: 40px; } .pt-90 { padding-top: 60px; } .pt-100 { padding-top: 60px; } .pt-110 { padding-top: 70px; } .pt-120 { padding-top: 70px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 35px; } .pb-60 { padding-bottom: 40px; } .pb-70 { padding-bottom: 40px; } .pb-80 { padding-bottom: 40px; } .pb-90 { padding-bottom: 60px; } .pb-100 { padding-bottom: 60px; } .pb-110 { padding-bottom: 70px; } .pb-120 { padding-bottom: 70px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-50 { margin-top: 35px; } .mt-60 { margin-top: 40px; } .mt-70 { margin-top: 40px; } .mt-80 { margin-top: 40px; } .mt-90 { margin-top: 60px; } .mt-100 { margin-top: 60px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-50 { margin-bottom: 35px; } .mb-60 { margin-bottom: 40px; } .mb-70 { margin-bottom: 40px; } .mb-80 { margin-bottom: 40px; } .mb-90 { margin-bottom: 60px; } .mb-100 { margin-bottom: 60px; } .map-bg { left: -55%; bottom: 0; top: 35%; width: 200%; opacity: .12; } .s_shape_01 { top: -40px; left: -100px; width: 480px; height: 480px; } .s_shape_02 { top: 90px; right: -100px; width: 270px; height: 270px; } /* Text Size */ .fs-15, .fs-16 { font-size: 1rem; } /* 14.5px */ .fs-17, .fs-18 { font-size: 1.068963rem; } /* 15.5px */ .fs-19 { font-size: 1.10345rem; } /* 16px */ .fs-20, .fs-22 { font-size: 1.241379rem; } /* 18px */ .fs-23, .fs-24, .fs-26 { font-size: 1.37931rem; } /* 20px */ .fs-28, .fs-30, .fs-32, .fs-34 { font-size: 1.51724rem; } /* 22px */ .fs-36, .fs-38, .fs-40, .fs-42 { font-size: 1.65517rem; } /* 24px */ .fs-44, .fs-46 { font-size: 1.79310rem; } /* 26px */ .fs-48 { font-size: 1.86207rem; } /* 27px */ .fs-50, .fs-52 { font-size: 1.931032rem; } /* 28px */ .fs-54 { font-size: 2rem; } /* 29px */ .fs-56 { font-size: 2.06897rem; } /* 30px */ .fs-58, .fs-60 { font-size: 2.20690rem; } /* 32px */ .fs-62, .fs-64 { font-size: 2.344827rem; } /* 34px */ .fs-66 { font-size: 2.48276rem; } /* 36px */ .fs-68 { font-size: 2.62069rem; } /* 38px */ .fs-70 { font-size: 2.75862rem; } /* 40px */ .fs-72 { font-size: 2.89655rem; } /* 42px */ .fs-74 { font-size: 3.03448rem; } /* 44px */ .fs-76 { font-size: 3.17241rem; } /* 46px */ .fs-78 { font-size: 3.31034rem; } /* 48px */ .fs-80 { font-size: 3.44827rem; } /* 50px */ h2 { line-height: 1.3; } h2.alt-font { letter-spacing: -1px; } p { font-size: 1rem; } /* 14.5px */ ol.digit-list p { margin-bottom: 5px; } /* List */ .lb-list { display: block; margin: 30px 0 13px; } .list-line { top: -12px; left: 6px; width: 2px; height: 110%; } .lb-list .list-item { padding: 11px 0 11px 22px; } .lb-list .list-item p { padding-left: 0; } .lb-list .list-item p span { top: 1.5px; right: 2px; } .lb-list.ico-15 [class*="flaticon-"]:before, .lb-list.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Button */ .btn, .btn.btn-md { font-size: 1rem; padding: 1rem 1.5rem; } .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1rem; padding: 1rem 1.3rem; } .btns-group .btn.ico-30 { padding: 0.45rem 0.5rem 0!important; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.45rem!important;top: 2px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 1.85rem; } .btn.ico-30 span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-right: 0; } .btn.ico-left span { margin-right: 8px; } .btn.ico-right span { margin-left: 8px; } /* Buttons Group */ .btns-group .btn:first-child { margin-right: 0; margin-bottom: 15px; } /* Button Text */ p.btn-txt, .btn-rating { margin-top: 12px; } .text-center p.btn-txt.ico-15 { padding: 0; } .btn-rating p.fs-15, .star-rating small, .star-rating span.rating-txt { font-size: 1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after, .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* OS Button */ .os-btn { width: 100%; min-width: 250px; padding: 15px 20px 10px; } .btn-os.d-inline-block { display: block!important; } .os-btn-ico { margin-right: 20px; } .os-btn-txt p { font-size: 1.15rem; margin-top: 1px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .btn-os.d-inline-block:first-child { margin-right: 0; margin-bottom: 15px; } /* Store Badges */ .store { margin-right: 0; } .store-btn-2 { margin-top: 10px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.35rem; } /* Watch Video Link */ .watch-video { margin-top: 18px; } .watch-video-link { margin-right: 10px; } p.video-txt-lg { font-size: 1.0625rem; } p.video-txt-sm { font-size: 1rem; } /* Video Popup Icon */ .video-btn { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn [class^="flaticon-"]:before, .video-btn [class^="flaticon-"]:after { font-size: 4.15rem; line-height: 5rem!important; margin-left: 8px; } .ico-60 img, .ico-65 img { max-height: 4.45rem; } /* Module Subtitle */ .module-subtitle { font-size: 0.9rem; margin-bottom: 25px; } .subtitle-line:before { width: 20px; margin: 0px 8px 2px 0; } .subtitle-rounded { font-size: 0.865rem; padding: 9px 19px; margin-bottom: 25px; } .module-eyebrow { font-size: 1.05rem; padding: 4px 20px 5px; margin-bottom: 25px; } /* Section Title */ .title-01.mb-60, .title-02.mb-60, .title-01.mb-70, .title-01.mb-80, .title-03.mb-100 { margin-bottom: 30px; } .title-01.mb-100, .title-02.mb-70 { margin-bottom: 40px; } .section-title h5, .section-title h4 { line-height: 1.5; } .title-02 h2.fs-48, .title-03 h2.fs-48 { font-size: 1.931032rem; } .title-01 p, .title-02 p, .title-03 p { margin-top: 12px; } .section-title p.fs-20 { font-size: 1.125rem; } .title-01 .btn, .title-02 .btn, .title-03 .btn { margin-top: 15px; } /* Block Info */ .block-info-rounded { padding: 10px 16px; } .block-info-rounded.mt-80 { margin-top: 30px; } .block-info h6 { font-size: 1.15rem; line-height: 1.75; } .block-info h6 span { margin: 0 3px; } /* Advantages */ .advantages { margin-top: 18px; } .text-center .advantages { margin-top: 20px; } .advantages li:not(:last-child):after { top: -1px; } /* Compatibility */ .compatibility { margin-top: 3px; padding: 4px 15px; border-radius: 22px; } /* Users */ .txt-block .users, .ws-wrapper .users, .fbox-5-txt .users { margin-top: 22px; } .users img { max-height: 42px; top: 0; } .users p { display: block; font-size: 1rem; margin: 12px 0 0; } /*------------------------------------------*/ /*   NAVIGATION MENU    
  /*------------------------------------------*/ /* Mobile Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 26px; padding-left: 15px; } .smllogo img { width: auto; max-width: inherit; max-height: 28px; } .wsmenu > .wsmenu-list { width: 250px; margin-right: -250px; } .wsactive .wsmobileheader { margin-right: 250px; } .overlapblackbg { width: calc(100% - 250px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 15px 0 0; } /* Nav Link Info */ span.sm-info { width: 20px; height: 20px; font-size: 0.785rem; line-height: 18px; top: -1px; margin-left: 5px; } /* Header Store Badges */ .store.header-store img { max-height: 42px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 6px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 9px; } .wsmegamenu h6.title { font-size: 1.175rem!important; margin: 8px 0 0 10px; } /*------------------------------------------*/ /*  HERO
  /*------------------------------------------*/ .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 12px; } .hero-section .store { display: block; margin: 15px 0 0; } .hero-section .os-version-ext { margin-top: 16px; } /* Hero Advantages */ .hero-section .advantages { margin-top: 20px; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn, .hero-section .quick-form.form-half .btn { height: 48px; font-size: 1.1rem; } .hero-section .quick-form.form-half .form-control { height: 48px; font-size: 1.1rem; margin-bottom: 16px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; } /* HERO DIGITS */ .hero-digits { margin-top: 30px; } .hd-2 h3.statistic-number { font-size: 2.2rem; } .hd-3 h3.statistic-number { font-size: 1.85rem; margin-bottom: 15px; } .hd-2 h3.statistic-number small { font-size: 2rem; margin-left: 1px; } .hd-3 h3.statistic-number small { font-size: 1.65rem; margin-left: 1px; } .hd-2 p.fs-15 { font-size: 1.0625rem; } .hd-3 p.fs-15 { font-size: 1.0625rem; line-height: 1.5; } .hero-square-logo { margin-bottom: 20px; } .hero-square-logo img { max-height: 65px; } /* HERO FRAMER TEXT */ .framer-txt-01, .framer-txt-02, .framer-txt-03 { margin-bottom: 30px; } .framer-txt-04 { margin-bottom: 25px; } .framer-txt-01 a { font-size: 0.95rem; padding: 8px 16px; } .framer-txt-02 a { font-size: 0.9rem; padding: 8px 15px; } .framer-txt-04 p { font-size: 0.85rem; padding: 7px 13px; } .framer-txt-01 span { top: 5px; right: 5px; } .framer-txt-02 span { top: 2px; right: 3px; } .widget-data b { font-size: 0.8rem; } .widget-data.mr-15 { margin-right: 2px; } .framer-txt-01.ico-20 [class*="flaticon-"]:before, .framer-txt-01.ico-20 [class*="flaticon-"]:after { font-size: 1.45rem; } .framer-txt-02.ico-15 [class*="flaticon-"]:before, .framer-txt-02.ico-15 [class*="flaticon-"]:after { font-size: 0.95rem; } .framer-txt-04 span[class*="flaticon-"] { display: none; } .framer-txt-03 img { top: 3px; max-height: 30px; margin-left: 0; } /* HERO AVATARS WIDGET */ .hero-avatars-widget { font-size: 1rem; margin-bottom: 22px; } .hero-avatars-widget img { max-height: 29px; margin-right: 4px; } /* HERO SECTION ID */ .hero-section .module-subtitle { margin-bottom: 25px; } .hero-section .module-subtitle:before { width: 5px; height: 12px; margin-right: 8px; top: 1px; } /* HERO SLIDESHOW */ .slideshow, .slideshow .slides { height: 470px; } /* HERO-1 */ .hero-1 .caption h2 { font-size: 2.45rem; } .hero-1 .caption p { margin: 12px 2% 20px; } /* HERO-2 */ .hero-2 { padding: 70px 0; } .hero-2-txt h2 { font-size: 2.35rem; } .hero-2-txt p.fs-17 { margin: 12px 0 20px; } .hero-2-img { margin-top: 35px; } /* HERO-3 */ .hero-3 { padding-top: 70px; } .hero-3:after { height: 15%; } .hero-3-txt p.fs-18 { margin: 12px 0 0; } .hero-3-txt .quick-form { margin: 20px 2% 0; } .hero-3-txt .advantages { margin-top: 35px!important; } .hero-3-img { margin-top: 30px; } /* HERO-4 */ .hero-4 { padding-top: 70px; margin-bottom: 30px; } .hero-4-txt h2 { font-size: 2.4rem; padding: 0 2%; } .hero-4-txt p.fs-17 { margin: 12px 0 20px; } .hero-4-txt .advantages { margin-top: 20px; } .hero-4-img { margin: 30px 0 -30px 0; } /* HERO-5 */ .hero-5 { padding: 70px 0; } .hero-5-txt h2 { font-size: 3.5rem; } .hero-5-txt p.fs-18 { margin-top: 12px; } .hero-5-txt .quick-form { margin: 20px 3% 0; } .hero-5-img { margin-top: 30px; } /* HERO-6 */ .hero-6 { padding-top: 60px; margin-bottom: 40px; } .hero-6-txt h2 { font-size: 2.5rem; } .hero-6-txt p.fs-18 { margin: 12px 0 5px; } .hero-6-txt span.os-version { font-size: 0.925rem; } .hero-6-img { margin: 35px 0 -40px; } /* HERO-7 */ .hero-7 { padding-top: 70px; margin-bottom: 40px; } .hero-7-txt h2 { font-size: 2.125rem; } .hero-7-txt p.fs-19 { font-size: 1.068965rem; margin: 12px 0 18px; } .hero-7-img { margin: 30px 0 -40px; } /* HERO-8 */ .hero-8-wrapper { margin: 0 -15px; padding: 65px 15px 60px; } .hero-8-txt .hero-avatars-widget { font-size: 1rem; } .hero-8-txt .hero-avatars-widget img { max-height: 28px; top: 0; } .hero-8-txt h2 { font-size: 2.25rem; } .hero-8-txt p.fs-17 { font-size: 1rem; margin: 12px 0 20px; } .hero-8-img { margin-top: 30px; } /* HERO-9 */ .hero-9 { padding: 60px 0; } .hero-9-txt h2 { font-size: 2.35rem; } .hero-9-txt p.fs-17 { margin: 12px 0 20px; } .hero-9-txt .hero-digits { margin-top: 35px; } .hero-9-img { margin-top: 30px; } /* HERO-10 */ .hero-10 { padding-top: 70px; margin-bottom: 40px; } .hero-10-txt h2 { font-size: 2.3rem; } .hero-10-txt p.fs-18 { margin-top: 12px; } .hero-10-btn { margin-top: 20px; } .hero-10-img { margin: 30px 0 -40px; } /* HERO-11 */ .hero-11 { padding-top: 70px; margin-bottom: 35px; } .hero-11-txt h2 { font-size: 2.25rem; } .hero-11-txt p.fs-17 { margin-top: 12px; } .hero-11-txt .quick-form { margin: 20px 3% 0; } .hero-11-txt .advantages { margin-top: 18px; margin-left: 0; } .hero-11-img { margin: 30px 0 -35px; } /* HERO-12 */ .hero-12 { padding: 70px 0 80px; } .hero-12-txt p.fs-18 { margin: 12px 0 0; } .hero-12-txt .quick-form { margin: 20px 2% 0; } .hero-12-img { margin-top: 30px; } /* HERO-13 */ .hero-13 { padding-top: 70px; } .hero-13-txt h2 { font-size: 2.2rem; } .hero-13-txt p.fs-18 { margin: 10px 0 20px; } .hero-13-brands { margin: 35px 5px 30px; } .hero-13-brands p.fs-15 { margin-bottom: 12px; } .hero-13-image { margin: 0 -15px; padding: 40px 20px 0; border-radius: 0 0!important; } .hero-13-img { margin-bottom: -35px; } .hero-13-img .video-btn { top: calc(50% - 12px); } /* HERO-14 */ .hero-14 { padding-top: 70px; margin-bottom: 30px; } .hero-14-txt h2 { font-size: 2.35rem; } .hero-14-txt p.fs-18 { margin: 12px 0 20px; } .hero-14-brands { margin-top: 30px; padding: 15px 20px; } .hero-14-brands .loop_carousel_left img { padding: 0 10px; height: 2.5rem; } .hero-14-img { margin: 35px 2% -30px; } /* HERO-15 */ .hero-15 { padding-top: 70px; } .hero-15:after { height: 15%; } .hero-15-txt p.fs-18 { margin: 12px 0 20px; } .hero-15-img { margin-top: 30px; } /* HERO-16 */ .hero-16 { padding: 60px 0; } .hero-16-txt h6 { font-size: 1.225rem; margin-bottom: 30px; } .hero-16-txt h6 span { top: 11px; right: 2px; } .hero-16-txt .ico-35 span[class*="flaticon-"]:before, .hero-16-txt .ico-35 span[class*="flaticon-"]:after { font-size: 2.5rem; } .hero-16-txt h2.fs-50 { font-size: 2.2069rem; } .hero-16-txt p.fs-17 { margin: 12px 0 20px; } .hero-16-txt .hero-digits { margin-top: 30px; } .hero-16-img { margin-top: 30px; } /* HERO-17 */ .hero-17 { padding-top: 70px; margin-bottom: 35px; } .hero-17-txt h2 { font-size: 2.1875rem; } .hero-17-txt p.fs-18 { font-size: 1.068965rem; margin: 12px 0 20px; } .hero-17-img { margin: 35px 0 -35px; } /* HERO-18 */ .hero-18 { margin-bottom: 30px; } .hero-18-txt h2 { font-size: 2.25rem; } .hero-18-txt p.fs-19 { font-size: 1.0625rem; margin: 12px 0 20px; } .hero-18-brands { margin: 35px 5px 0; } .hero-18-brands p.fs-15 { margin-bottom: 12px; } .hero-18-img { margin: 30px 0 -30px; } /* HERO-19 */ .hero-19 { padding: 70px 0; } .hero-19-txt { margin-bottom: 35px; } .hero-19-txt h2 { font-size: 2.5rem; } .hero-19-txt p.fs-17, .hero-19-txt p.fs-18 { margin: 15px 0 20px; } /* HERO-20 */ .hero-20 { padding-top: 70px; margin-bottom: 40px; } .hero-20-txt h2 { font-size: 2.15rem; 1padding: 0 5%; margin-bottom: 20px; } #hero-20-form { padding: 25px 15px; margin: 35px 0 -40px; box-shadow: 0 4px 12px 0 var(--tra-black); } .form-logo { margin-bottom: 20px; } .form-logo img { max-height: 24px; } #hero-20-form p { margin: 14px 0 18px; } .hero-section #hero-20-form .form-control { height: 48px; font-size: 1.1rem; border: 1.5px solid var(--silver); } #hero-20-form .btn { height: 48px; font-size: 1.1rem; padding: 16px; } /* HERO-21 */ .hero-21 { padding: 70px 0; } .hero-21-txt h2 { font-size: 2.35rem; margin-bottom: 20px; } .hero-21-img { margin-top: 35px; } .hero-21-brands { margin-top: 35px; } .hero-21-brands p { margin-bottom: 20px; } .hero-21-brands .loop_carousel_left img { padding: 0 10px; height: 2.85rem; } /* HERO-22 */ .hero-22 { padding-top: 70px; margin-bottom: 35px; } .hero-22-txt p.fs-18 { margin: 16px 0 0; } .hero-22-txt .quick-form { margin: 25px 2% 0; } .hero-22-txt .advantages { margin-top: 35px!important; } .hero-22-img { margin: 30px 0 -35px; } /* HERO-23 */ .hero-23 { overflow: visible; margin-bottom: 40px; } .hero-23-wrapper { padding-top: 70px; padding-bottom: 35px; } .hero-23-widget { margin-bottom: 25px; } .hero-23-widget span { font-size: 0.975rem; padding: 9px 15px; } .hero-23-txt p.fs-18 { margin: 12px 0 18px; } .hero-23-image { margin: 0 -15px; padding: 40px 18px 0; border-radius: 0 0!important; } .hero-23-img { margin-bottom: -40px; } .hero-23-img .video-btn { top: calc(50% + 1px); } .hero-23-image p { margin-bottom: 20px; } .hero-23-image p span { display: block; } /* HERO-24 */ .hero-24 { text-align: center; padding: 70px 0; } .hero-24-txt p.fs-18 { margin: 14px 0 20px; } /*------------------------------------------*/ /*  CONTENT
  /*------------------------------------------*/ /* ABOUT */ .about-2-title { margin-bottom: 12px; } .about-1-txt { margin-bottom: 25px; } .about-1-txt p { margin-top: 16px; } #a2-1 { margin-bottom: 14px; } .about-3-txt p { font-size: 1rem; margin: 12px 0 0; } .about-3-btn { margin-top: 16px; } .a-1-1 { margin-bottom: 20px; } .a-1-4 { margin-top: 20px; } /* CAREERS */ .jobs-wrapper { padding: 16px 12px 12px; } .jobs-category h4 { margin-left: 10px; margin-bottom: 18px; } .position-link { top: 0; right: -4px; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.0625rem; } /* JOB POSITION */ .job-position-title { margin: 80px 0 20px; padding: 50px 0 60px; } .job-position-title .btn { font-size: 1rem; padding: 0.7rem 1.65rem; } .position-info h5 { margin: 30px 0 20px; } .position-info .btn { margin-top: 16px!important; } /* FEATURES */ .features-section.mt-30 { margin-top: 30px; } .features-section.pb-30 { padding-bottom: 30px; } .features-8 .container { max-width: 100%; } .fbox-8-wrapper { padding: 60px 20px 65px; margin: 0 -15px; border-radius: 0 0!important; } .fbox-8-wrapper .section-title { margin-bottom: 30px; } .fbox-8-wrapper .section-title h2 {padding: 0 6%; } .features-section .ico-55 [class*="flaticon-"]:before, .features-section .ico-55 [class*="flaticon-"]:after { font-size: 3.75rem; } /* FBOX-1 */ .fbox-1.fb-1, .fbox-1.fb-2 { margin-bottom: 25px; } .fbox-1 { display: block; text-align: center; } .fbox-1 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-1 .fbox-ico { margin-top: 0; margin-bottom: 15px; } .fbox-1 .ico-50 [class*="flaticon-"]:before, .fbox-1 .ico-50 [class*="flaticon-"]:after { font-size: 3.45rem; } /* FBOX-2 */ .fbox-2.fb-1, .fbox-2.fb-2, .fbox-2.fb-3 { margin-bottom: 30px; } /* FBOX-3 */ .fbox-3 { display: block; text-align: center; } .fbox-3 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-3 .fbox-ico { margin-top: 0; margin-bottom: 15px; } /* FBOX-4 */ .fbox-4 { display: block; text-align: center; padding: 30px 22px; } .fbox-4 .fbox-ico-wrap { margin : 0 0 15px 0; } .fbox-4 .fbox-ico { margin-top: 0; } /* FBOX-5 */ .fbox-5 { display: block; text-align: center; } .fbox-5 .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-5 .fbox-ico { margin-top: 0; margin-bottom: 15px; } .fbox-5 .ico-45 [class*="flaticon-"]:before, .fbox-5 .ico-45 [class*="flaticon-"]:after { font-size: 3.15rem; } /* FBOX-6 */ .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 160px; } .fbox-img.h-185 img, .fbox-img.h-190 img { max-height: 165px; } .fbox-6 .fbox-img.r-12 { padding-top: 28px; margin: 0 2% 40px; } .fbox-6 .fbox-img.r-12 img {max-height: 160px; margin-bottom: -25px; } /* FBOX-7 */ .fbox-7 { padding: 32px 20px; } .fbox-7.fb-7 { padding: 32px 16px; } .fbox-7.fb-1 .fbox-7-img, .fbox-7.fb-5 .fbox-7-img, .fbox-7.fb-6 .fbox-7-img, .fbox-7.fb-7 .fbox-7-img { margin: 25px 0 0; } .fbox-7.fb-2 .fbox-7-img, .fbox-7.fb-3 .fbox-7-img, .fbox-7.fb-4 .fbox-7-img { margin: 0 0 25px; } /* FBOX-8 */ .fbox-8 { padding: 28px 25px; } /* FBOX-9 */ .fbox-9 { padding: 30px 18px; } .fbox-9.fb-1, .fbox-9.fb-2, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, .rows-2 .fbox-9.fb-3, .rows-2 .fbox-9.fb-4, .rows-2 .fbox-9.fb-5 { margin-bottom: 25px; } .fbox-7 .module-subtitle { margin-bottom: 22px; } .fbox-1 h5, .fbox-3 h5, .fbox-5 h5, .fbox-7 h5, .fbox-7 h5, .fbox-7.fb-5 h5, .fbox-7.fb-6 h5 { margin-bottom: 12px; } .fbox-6-txt h5, .fbox-8 h5 { margin: 23px 0 12px; } .fbox-7 h3 { margin-bottom: 14px; } .fbox-7-txt .btn { margin-top: 15px; } /* CONTENT */ .ct-03.pb-100 { padding-bottom: 65px; } .bc-01 .container, .bc-03 .container, .bc-04 .container, .bc-05 .container, .bc-06 .container { max-width: 100%; } .bc-01-wrapper, .bc-04-wrapper, .bc-05-wrapper, .bc-06-wrapper { margin: 0 -15px; border-radius: 0!important; } .bc-03-wrapper { padding: 60px 22px; margin: 0 -15px; border-radius: 0!important; } .bc-02.mt-30 {margin-top: 30px; } .ct-06 .section-overlay { margin-bottom: 40px; } .bc-01 .section-overlay { padding: 50px 16px; } .bc-02 .section-overlay { padding: 40px 16px; } .bc-04 .section-overlay { padding: 50px 17px 0; } .bc-06-wrapper { padding: 50px 20px; } .bc-04-wrapper .section-title { margin-bottom: 25px; } .bc-04 .section-title p { padding: 0; } .bc-03-title { margin-bottom: 25px; } .bc-5-txt { padding: 60px 5% 0; margin-bottom: 35px; } .bc-06 .txt-block { margin-bottom: 30px; } .txt-box, .bc-01 .txt-box { margin-bottom: 15px; } .txt-block-stat { margin-top: 20px; } .txt-block h2, .txt-block h5, .bc-02 .txt-block h5, .bc-03 .txt-block h5, .bc-06 .txt-block h2 { margin-bottom: 18px; } h5.h5-title { margin: 15px 0; } .bc-5-txt h2 { padding: 0 2%; margin-bottom: 18px; } .bc-06 .txt-block h2.fs-46 { font-size: 1.86207rem; } .txt-block .btn, .bc-06 .txt-block .btn, .txt-block .stores-badge { margin-top: 20px; } .txt-block-tra-link { margin-top: 16px; } /* CBOX-1 */ .cbox-1 .ico-wrap { margin-right: 0.9rem; } .cbox-1-ico { width: 1.8rem; height: 1.8rem; font-size: 1.05rem; line-height: 1.4rem; margin-top: 2px; } .cbox-1-txt { margin-bottom: 20px; } /* CBOX-2 */ .cbox-2.mt-30 { margin-top: 20px; } .cbox-2 .ico-wrap { margin-right: 1rem; } .cbox-2-ico { top: 6px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.35rem; } .cbox-2-ico img { width: 2.35rem; height: 2.35rem; } .cbox-2-txt { margin-bottom: 30px; } .cbox-2-txt.mb-30 { margin-bottom: 20px; } .cbox-2-txt.mb-30 { margin-bottom: 22px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 10px!important; } /* CBOX-3 */ .cbox-3.mt-25 { margin-top: 17px; } .cbox-3-txt { padding-left: 11px; } .cbox-3-ico span { top: 6px; } .cbox-3-ico.ico-30 [class*="flaticon-"]:before, .cbox-3-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.3rem; } /* CBOX-4 */ .cbox-4-wrapper { margin-top: 15px; } .cbox-4.cb-1 { margin-bottom: 15px; } .box-title { margin-bottom: 12px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title.ico-30 span[class*="flaticon-"]:before, .box-title.ico-30 span[class*="flaticon-"]:after { font-size: 2rem; line-height: 1rem!important; } .box-title h6 { position: relative; top: 3px; left: 8px; font-size: 1.3rem; } /* CBOX-5 */ .cbox-5 { width: 100%; min-width: auto; padding: 12px 16px 10px; } .cbox-5.cb-1 { margin: 5px 0 16px; } .cbox-5-ico .ico-45 [class*="flaticon-"]:before, .cbox-5-ico .ico-45 [class*="flaticon-"]:after { font-size: 2.85rem; } .cbox-5-txt { padding-left: 14px; } .cbox-5-txt h6 { font-size: 1.0625rem; margin-bottom: 2px; } /* CBOX-6 */ .cbox-6-wrapper { margin-bottom: 40px; } .cbox-6 { padding: 26px 12px; } .cbox-6 hr { margin-top: 22px; margin-bottom: 17px; } .cbox-6 h2.statistic-number { font-size: 2.75rem; } .cbox-6 .statistic-number sup { font-size: 2.15rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-title h6 { margin-bottom: 20px; } .cbox-6-title p.ico-10 { margin-top: 15px; } .cbox-6-title p.ico-10 span.r-06 { font-size: 1rem; padding: 5px 9px; margin-right: 3px; } .cbox-6-menu { top: -2px; right: 5px; } .cbox-6-img { margin-top: 20px; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data { padding: 11px 17px; } .cbox-6-data.mt-25 { margin-top: 15px; } /* CBOX-7 */ .cbox-7.cb-1, .cbox-7.cb-2 { margin-bottom: 25px; } .cbox-7 .cbox-title { margin-bottom: 15px; } .cbox-7 .cbox-title span {margin-right: 15px; } /* CBOX-8 */ .cbox-8.ico-15 span { top: 1px; right: 8px; } .cbox-8.ico-15 [class*="flaticon-"]:before, .cbox-8.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } /* CBOX-9 */ .cbox-9 { padding-bottom: 12px; margin-bottom: 12px; margin-right: 0; } .cbox-9-ico { width: 28px!important; height: 28px!important; margin-right: 13px; } .cbox-9.ico-15 span { top: 1.5px; } .cbox-9.ico-15 [class*="flaticon-"]:before, .cbox-9.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; } /* Accordion */ .txt-block .accordion-1 .accordion-item { padding: 18px 0 23px; } .txt-block .accordion-1 .accordion-item:first-child { padding: 0 0 23px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.825rem; line-height: 30px; top: -4px; right: 0; } .txt-block .accordion-1 .accordion-thumb h4, .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h4, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } /* Tabs */ .tabs-nav { margin-top: 30px; } .tabs-1 li { padding: 20px 14px; } .tab-link p { margin-top: 6px; } #tabs-1 .img-block.left-column, #tabs-1 .img-block.right-column { margin-top: 0; } /* Content Images */ .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block img, .bc-01 .img-block, .bc-2-img, .bc-3-img { margin: 35px 0 0; } .ct-03 .img-block img { margin-top: 30px; } .ct-04 .img-block { margin: -30px -28% 0; } .bc-5-img img { border-radius: 0; } .content-section .container.hidd { overflow: visible!important; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -40px; } .img-block-txt { margin-top: 30px; } .img-block-btn { padding: 0 4%; margin-top: 30px; } .img-block-btn .advantages { margin-top: 20px; } .bc-4-img { margin-bottom: -50px; } .bc-4-img .video-btn { top: calc(50% - 10px); } /* STATISTIC */ .statistic-1.py-80 { padding-top: 55px; padding-bottom: 55px; } .statistic-1-wrapper { padding: 0; } .txt-block-stat.mt-30 { margin-top: 20px; } .statistic-2 .txt-block { margin-bottom: 30px; } #sb-1-1, #sb-1-2, #sb-4-1, #sb-4-2, #sb-4-3, #sb-5-1, #sb-5-2 { margin-bottom: 30px; } .statistic-2-wrapper .statistic-block { padding: 40px 30px; } #sb-2-1 { border-right: none; } #sb-2-3 { border-right: none; border-bottom: 1.5px solid #e4e4e4; } #sb-3-2 { padding-left: 3%; } .statistic-ico { margin-bottom: 13px; } .statistic-section h2.fs-56, .statistic-section h2.fs-58 { font-size: 2.89655rem; } h3.statistic-number { font-size: 2.5rem; line-height: 1; letter-spacing: 0.5px; margin-bottom: 12px; } h2.statistic-number { font-size: 2.7rem; line-height: 1; letter-spacing: -1px; margin-bottom: 12px; } .statistic-1-wrapper h5 { margin: 15px 0 10px; } .statistic-2 h3.statistic-number { font-size: 2.7rem; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.35rem; letter-spacing: -0.5px; margin-bottom: 12px; } .statistic-5-wrapper h6 { margin-top: 15px; } .statistic-2-wrapper p { font-size: 1.1rem; } .statistic-4-wrapper p { font-size: 1.1rem; margin-top: 18px; } .statistic-5-wrapper p { padding: 0 8%; margin-bottom: 18px; } .statistic-block span[class*="flaticon-"], .statistic-block .alt-font span[class*="flaticon-"] { top: -7px; } .line-highlight { left: 32%; width: 36%; height: 10px; margin-top: -20px; } /* GALLERY */ .gallery-1 .carousel_slide { margin-left: 10px; } .gallery-1 img { max-height: 240px; } .gallery-1 .projects_carousel img { max-height: 250px; } /* TESTIMONIALS */ .reviews-3.pb-60 { padding-bottom: 30px; } .reviews-1-wrapper { padding: 0; } .reviews-1-wrapper:after { display: none; } .reviews-4-wrapper { margin: 30px 0 0; } .reviews-4-title p { margin: 14px 3% 0; } .review-1, .review-2, .review-4 { padding: 40px 20px 28px; margin: 0 12px 30px; } .review-1 { background-color: #f9f9fc; padding: 30px 20px; } .theme--dark .review-1 { background-color: var(--smoke); } .review-2, .review-4 { padding: 30px 20px; } .review-ico.ico-45 { top: 16px; right: 22px; } .review-ico.ico-60 { top: 16px; left: 18px; } .review-source { top: 20px; right: 22px; } .review-source img, .owl-carousel .owl-item .review-source img { width: 30px; height: 30px; } .review-txt h6 { margin-bottom: 12px; } .author-data { margin-top: 16px; } .review-2-author { margin-top: 13px; } .review-rating.ico-15 { margin-bottom: 8px; } .review-rating.ico-10 [class*="flaticon-"]:before, .review-rating.ico-10 [class*="flaticon-"]:after, .review-rating.ico-15 [class*="flaticon-"]:before, .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; } .review-avatar img, .owl-carousel .owl-item .review-avatar img { width: 42px; height: 42px; } .author-data .review-author { padding: 0 0 0 13px; margin-top: 1.5px; } .review-author h6 { font-size: 1.1rem; margin-bottom: 8px; } .review-2-author p { font-size: 1rem; } .reviews-section .more-btn.mt-35 { margin-top: 10px; } /* PROJECTS */ .projects-1 .title-03 { margin-bottom: 30px; } .projects-1 .title-03 h2.fs-50 { font-size: 2rem; } .projects-1 .title-03 .filter-btns { margin-top: 25px; } .filter-btns button { width: 60%; font-size: 1.1rem; margin: 0 0 10px; } .pr-tag { left: 20px; } .pr-tag p { padding: 7px 16px; margin-bottom: 0; } .pr-data-txt { width: 80%; bottom: 30px; } .pr-source { width: 40px; height: 40px; bottom: 25px; } .pr-source a span { top: 8px; } .filter-item:hover .pr-tag { top: 16px; } .filter-item:hover .pr-data-txt { left: 20px; } .filter-item:hover .pr-source { right: 16px; } /* PROJECT DETAILS */ .project-category { margin-bottom: 20px; } .project-title h2 { padding-right: 0; padding-bottom: 25px; } .project-data { margin: 25px 0 20px; } .project-data p { margin-bottom: 5px; } .project-txt h5 { margin: 25px 0 14px; } .project-txt h6 { font-size: 1.215rem; margin: 14px 0; } .project-inner-img { margin: 20px 0; } .project-inner-img.d-flex { margin-left: -10.5px; margin-right: -10.5px; } .project-inner-img .top-img { margin-bottom: 25px; } .project-share-icons { margin-top: 25px; padding-top: 25px; } #project-details .more-projects { margin-top: 25px; } #project-details .more-projects span { top: 2px; left: 2px; } #project-details .more-projects.ico-25 [class*="flaticon-"]:before, #project-details .more-projects.ico-25 [class*="flaticon-"]:after { font-size: 1.125rem; } /* RATING */ .rbox-2 { display: block; flex: none; } #rb-1-1, #rb-1-2, #rb-1-3, #rb-3-1, #rb-3-2 { margin-bottom: 28px; } .rating-title { padding: 0 12%; } .rating-title h6 { line-height: 1.6; } .rbox-1-img, .rbox-3-img { margin-bottom: 12px; } .rbox-1-img img, .rbox-3-img img { max-height: 35px; } .rbox-2-rating { display: block; } .rbox-2-rating img { top: 0; max-height: 25px; margin-bottom: 16px; } .rbox-2-logo img { top: 0; max-height: 34px; } .rbox-1 .star-rating, .rbox-3 .star-rating { font-size: 1.05rem; line-height: 1; } .rbox-2-rating.ico-25 { margin-bottom: 12px; } .rbox-1 .star-rating span, .rbox-3 .star-rating span { top: 1px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after, .rbox-3 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.1rem; } .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after { font-size: 1.6rem; } .rbox-2 h6 { font-size: 1.1725rem; line-height: 1.6; margin: 0 15px 10px; } /* BRANDS */ .brands-title h6 { line-height: 1.6; padding: 0 3%; margin-bottom: 25px; } .brands-title h5, .brands-title p { line-height: 1.6; margin-bottom: 25px; } #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-2-5, #brand-2-6, #brand-2-7, #brand-2-8, .r-5 #brand-3-1, .r-5 #brand-3-2, .r-5 #brand-3-3, .r-5 #brand-3-4, .r-6 #brand-3-1, .r-6 #brand-3-2, .r-6 #brand-3-3 { margin-bottom: 30px; } #brand-4-1, #brand-4-2, #brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brand-4-9, #brand-4-10 { margin-bottom: 30px; } .brands-1 .loop_carousel img { padding: 0 18px; height: 3.65rem; } .brands-2-wrapper .brand-logo, .brands-3-wrapper.r-5 .brand-logo { width: 50%; padding: 0 15px; } .brands-3-wrapper.r-6 .brand-logo, .brands-4-wrapper .brand-logo { padding: 0 10px; } /* AWARDS */ .awards-1 h2 { padding: 0 2%; } .awards-wrapper h6 { margin-bottom: 28px; } .awards-1 .txt-block { margin-bottom: 35px; } .awards-1 .award-badge { margin: 0 12px; } .awards-2 .award-badge { margin: 0 8px; } #awb-1-1, #awb-1-2 { margin-bottom: 30px; } #awb-2-1, #awb-2-2, #awb-2-3 { margin-bottom: 22px; } .award-badge.ico-105 img { max-height: 115px; } .award-badge.ico-90 img, .award-badge.ico-100 img { max-height: 90px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 40px; } .integrations-2.pt-120.pb-90 { padding-bottom: 45px; } .integrations-1 .container.wrapper-version, .integrations-3 .container { max-width: 100%; } .int-1-wrapper { padding: 60px 0; margin: 0 -15px; border-radius: 0 0!important; } .int-3-wrapper { padding: 70px 20px; margin: 0 -15px; border-radius: 0 0!important; } .int-1-wrapper .section-title { padding: 0 6%; } .integrations-2 .section-title h2 { padding: 0 3%; } .int_tool-1 { padding: 12px 18px 12px 15px; } .int_tool-1.r-10 { padding: 10px 18px 11px; } .int_tool-1.r-0 { padding: 0 10px; } .int_tool-2 { padding: 25px 15px; margin-bottom: 20px; } .int_tool-4 { padding: 25px 18px; margin-bottom: 30px; } .in_tool_logo { padding: 35px 30px; margin-bottom: 22px; } .int_tool-1 .tool_logo.img-25 { margin-right: 10px; } .int_tool-1 .tool_logo.img-50 { margin-right: 13px; } .int_tool-1 .tool_logo img { width: 40px; height: 40px; } .int_tool-1 .tool_logo.img-25 img { width: 20px; height: 20px; } .int_tool-1 .tool_logo.img-50 img { width: 32px; height: 32px; } .int_tool-2 img, .int_tool-3 img, .int_tool-4 img { width: 50px; height: 50px; } .tool_txt h6 { font-size: 1.05rem; margin-top: 1px; } .tool_txt.mt-10 h6 { margin-top: 4px; } .int_tool-1.r-0 h6 { font-size: 1.35rem; margin-top: 3px; } .int_tool-2 h6 { font-size: 1.05rem; margin-top: 15px; } .int_tool-4 h6 { margin-top: 22px; margin-bottom: 18px; } .tool_txt p { font-size: 0.975rem; } .int_tool-4 p { font-size: 1rem; } .tool_category { top: 25px; right: 22px; padding: 2px 12px 4px; } .tool_category span { font-size: 1rem; } .tool_link .btn { font-size: 1.0625rem; padding: 0.9rem 1.3rem; margin-top: 16px; } .integrations-section .more-btn.mt-30 { margin-top: 15px; } /* PRICING */ .pricing-1.inner-page-hero .section-title p { padding: 0; } .pricing-1-table { padding: 25px 25px 30px; } .pricing-1-table.highlight { padding: 0 25px 30px; } #pt-1-1, #pt-1-2 { margin-bottom: 30px; } .highlight-badge { padding: 12px 32px 13px; } .highlight-badge h6 { font-size: 1rem; } .pricing-discount { top: -2px; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 1rem; } .price span { font-size: 3rem; } .price sup { font-size: 2.25rem; top: -5px; } .price sup.validity { font-size: 1.65rem; } .price p { margin-top: 12px; } .pricing-1-table hr { margin-top: 20px; margin-bottom: 16px; } .pricing-features li { padding: 10px 7px; } .pt-btn { margin-top: 18px; } /* Pricing Notice */ .pricing-notice { margin-top: 30px; } .pricing-notice p { font-size: 0.95rem; padding: 0; } .toggler-txt span.color--theme { display: none; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .comp-table-rouded { padding: 10px 10px 0; } .table>:not(caption)>*>* { padding: 9px 0; } .comp-table .table-responsive thead th { font-size: 0.9rem; } .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; } .comp-table .table-responsive tbody td { font-size: 0.85rem; top: 0; line-height: 1.25; } .comp-table .table-responsive tbody td span { top: 3px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } #pbox-1, #pbox-2 { margin-bottom: 25px; } .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 14px; } .payment-icons img { max-height: 32px; } /* CHANGELOG */ .changelog-title { padding: 70px 0 60px; margin-bottom: 60px; } .changelog-title p { font-size: 1rem; margin-top: 16px; } .version-release { margin-bottom: 60px; } .release-data { padding-bottom: 25px; margin-bottom: 20px; } span.version-data { font-size: 1.35rem; line-height: 1.65; margin-bottom: 12px; } span.version-data span { font-size: 1.275rem; padding: 4px 8px; border-radius: 5px; margin-right: 6px; } span.release-date { font-size: 1.1rem; } .release-highlights h6 { font-size: 1.25rem; margin-bottom: 15px; } .release-highlights p.fs-17 { font-size: 1rem; margin-top: 10px; } .release-preview { margin-bottom: 20px; } /* DOWNLOAD */ #di-3 { margin-bottom: 30px; } .download-item h6 { font-size: 1.6rem; } .download-item p { font-size: 1.15rem; } /* TEAM */ .team-member-photo { margin-bottom: 22px; } .team-member-data h6 { font-size: 1.5rem; } .team-member-data p { font-size: 1.125rem; } .team-1 .more-btn { margin-top: 10px; } /* BANNER */ .banner-1 .container, .banner-3 .container, .banner-5 .container { max-width: 100%; } .banner-1-wrapper, .banner-3-wrapper, .banner-5-wrapper, .banner-7-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .banner-1-wrapper .banner-overlay, .banner-3-wrapper { padding: 55px 18px 60px; } .banner-2 .banner-overlay.pt-80.pb-90, .banner-2 .banner-overlay.pt-90.pb-100 { padding: 55px 0 65px; } .banner-4-wrapper { padding: 34px 8%; } .banner-5-wrapper { padding: 50px 15px 60px; } .banner-6 .banner-overlay.py-70, .banner-6 .banner-overlay.py-80 { padding: 50px 0 60px; } .banner-7-wrapper .banner-overlay { padding: 55px 20px 0; } .banner-2-txt h2 { padding: 0 5px; } .banner-3-txt h2.fs-48 { font-size: 1.931032rem; } .banner-4-txt h3 { font-size: 1.86207rem; } .banner-4-txt h3.alt-font { font-size: 2.06895rem; } .banner-7-txt h2 { font-size: 2.2rem; } .banner-1-txt p.fs-17, .banner-1-txt p.fs-18 { font-size: 1.068963rem; margin: 12px 0 20px; } .banner-2-txt p.fs-18, .banner-2-txt p.fs-19, .banner-2-txt p.fs-20 { font-size: 1.068963rem; margin: 12px 0 0; } .banner-3-txt p.fs-17, .banner-3-txt p.fs-18 { font-size: 1.068963rem; margin: 12px 0 20px; } .banner-5-txt p.fs-17, .banner-5-txt p.fs-18, .banner-6-txt p.fs-17,.banner-6-txt p.fs-18 { margin-top: 15px; } .banner-7-txt p.fs-17 { margin-top: 14px; margin-bottom: 18px; } .banner-2-txt .btn.mt-25, .banner-4-btn { margin-top: 18px; } .banner-2-txt .btn.mt-35 { margin-top: 25px; } .banner-7-txt .btn { width: auto; } .banner-7-txt .store-btn-2 { margin-top: 15px; } .banner-section p.btn-txt { padding: 0; margin-top: 14px; margin-bottom: 0!important; } .banner-7-txt p.btn-txt { font-size: 0.95rem; } .banner-7-img.right-column { margin: 30px 0 -20%; } /* FAQs */ .faqs-1.pb-100 { padding-bottom: 50px; } .faq-1-title { margin-bottom: 20px; } .faq-1-title p { margin-top: 12px; margin-bottom: 16px; } .faqs-section .section-title br { display: none; } .faqs-4 .accordion-wrapper { padding: 12px 18px; } .faqs-2.faqs-section .accordion-item { padding: 0 18px; } .faqs-5 .question { margin-bottom: 20px; } .faqs-5 .question h5 { line-height: 1.5; margin-bottom: 12px; } .faqs-3.inner-page-hero .accordion-wrapper { padding: 5px 16px; } .faqs-3-questions h4 { margin: 40px 0 24px 10px; } .faqs-section .accordion-thumb { padding: 13px 0 16px; } .faqs-2.faqs-section .is-active .accordion-thumb { padding: 22px 0 12px; } .faqs-section .accordion-panel { padding: 0 0 10px 0; } .faqs-section .accordion-thumb h5 { line-height: 1.5; padding-right: 14%; } .faqs-section.inner-page-hero .accordion-thumb h5 { font-size: 1.2rem; line-height: 1.45; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after { width: 30px; height: 30px; font-size: 0.8rem; line-height: 30px; top: 12px; right: 0; } .faqs-5 .more-questions { margin-top: 15px; } .faqs-3.inner-page-hero .more-questions, .faqs-4 .more-questions, .faqs-2 .more-questions { margin-top: 35px; } .more-questions h6 { line-height: 1.4; margin-bottom: 10px; } .more-questions p { padding: 0 6%; } .more-questions-btn { display: block; margin: 14px 0 0; } /* NEWSLETTER */ .newsletter-2 .container { max-width: 100%; } .newsletter-1 .newsletter-overlay { padding: 50px 0 35px; } .newsletter-2 .newsletter-overlay { padding: 55px 18px; margin: 0 -15px; border-radius: 0 0!important; } .newsletter-3 .newsletter-overlay { padding: 30px 4% 10px; margin: 0 2%; } .newsletter-4 .newsletter-overlay { padding: 55px 0; } .newsletter-txt h4, .newsletter-txt h3, .newsletter-txt h2 { font-size: 1.6rem; padding: 0; margin-bottom: 25px; } .newsletter-3 .newsletter-txt h3 { font-size: 1.5rem; } .newsletter-2 .newsletter-txt p, .newsletter-4 .newsletter-txt p { font-size: 0.95rem; padding: 0 3%; margin-bottom: 0; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { padding: 0 4%; } .newsletter-2 .newsletter-form, .newsletter-4 .newsletter-form { padding: 0 4%; margin-top: 25px; } .newsletter-section .form-control, .newsletter-section .btn { height: 48px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG LISTING */ #blog-page.pb-70 { padding-bottom: 30px; } #bp-1-1, #bp-1-2, #bp-2-1, #bp-3-1, #bp-3-2 { margin-bottom: 35px; } .blog-1 h3 { margin-bottom: 30px; } #blog-page .blog-post { padding: 16px 15px 20px; margin-bottom: 30px; } .blog-3-wrapper .blog-post { padding: 30px 22px 20px; } .blog-post-txt { margin-top: 25px; } .blog-3-wrapper .blog-post-txt { margin-bottom: 25px; } #blog-page .blog-post-txt { padding: 0 10px; } .post-badge { padding: 8px 17px 10px; font-size: 0.915rem; } .blog-3-wrapper .post-meta { margin-top: 20px; margin-bottom: 5px; } .post-meta-list { margin-bottom: 7px; } .blog-post h5.fs-18 { font-size: 1.25rem; margin-bottom: 12px; } .blog-post p.fs-15 { font-size: 1rem; } .post-meta-list li:not(:last-child):after { top: -1px; } .bp-txt-icons { right: 10px; bottom: -8px; } #blog-page .bp-txt-icons { right: 15px; bottom: -6px; } .bp-txt-icons .share-social-icons a.share-ico span { margin-left: 16px; } .bp-txt-icons .ico-15 [class*="flaticon-"]:before, .bp-txt-icons .ico-15 [class*="flaticon-"]:after { font-size: 1.25rem; } #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:before, #blog-page .bp-txt-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* SINGLE BLOG POST */ .single-post-title { padding-bottom: 40px; margin-bottom: 40px; } .single-post-title h2 { margin-bottom: 25px; } .author-avatar { margin-right: 15px; } .author-avatar img { width: 48px; height: 48px; } .post-meta { margin-top: 0; } .post-meta h6 { font-size: 1.125rem; margin-bottom: 8px; } .post-meta p { font-size: 1.05rem; line-height: 1.6; } .post-title-icons .ico-20 [class*="flaticon-"]:before, .post-title-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.6rem; } .single-post-txt h5.fs-22, .single-post-txt h5.fs-24 { margin-top: 17px; margin-bottom: 17px; } .post-inner-img { margin: 30px 0; } .post-tags-list { margin-top: 50px; } .post-tags-list span { display: inline-block; margin-bottom: 25px; } .post-tags-list span a { font-size: 1rem; padding: 7px 14px; } .post-share-list { margin-top: 10px; } .post-share-list .share-social-icons a.share-ico span { margin-right: 18px; } .author-info { display: block; margin-top: 50px; padding: 25px 20px; } .author-info-avatar { display: block; margin-right: 0; margin-bottom: 20px; } .author-info-avatar img { width: 56px; height: 56px; } .author-follow-btn { top: 40px; right: 35px; } #post-comments { padding-top: 50px; padding-bottom: 35px; } #post-comments img { width: 42px; height: 42px; } .comment-body { margin-left: 15px; } .comment-meta { margin-bottom: 8px; } .comment-meta h6 { margin-bottom: 6px; } .comment-date, .btn-reply a { font-size: 0.975rem; } .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; } #leave-comment { margin-top: 50px; } .comment-form { margin-top: 30px; } .comment-form p { margin-bottom: 10px; } .comment-form .form-control { height: 48px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 25px; } .comment-form textarea { min-height: 140px; } .comment-form textarea.form-control { padding: 20px 15px; } /* CONTACTS */ .contacts-info { text-align: center; } .contacts-info p { margin: 14px 0 0; padding: 0; } .contacts-info h6 { margin: 20px 0 14px; } .contacts-info-socials li { padding-right: 12px; } .contact-boxes.pb-70 { text-align: center; padding-bottom: 30px; } .contact-box p { padding-right: 0; margin-top: 12px; } .contact-box span { top: 0.5px; left: 2px; } .contact-form .form-control, .contact-form .form-select { height: 48px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 15px; } .contact-form textarea { min-height: 160px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn { margin-top: 5px; } .contact-form .form-btn .btn { width: 100%; font-size: 1.0625rem; padding: 0.95rem 1.4rem; } .contact-form-msg { text-align: center; margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-1 .footer-info, .footer-2 .footer-info { margin-bottom: 32px; } .footer-1 .footer-links { margin-bottom: 17px; } .footer-2 .footer-links, .footer-3 .footer-links, .footer-4 .footer-links, .footer-5 .footer-links { margin-bottom: 10px; } .footer-2 .footer-connect, .footer-4 .footer-connect, .footer-5 .footer-connect { margin-bottom: 26px; } .fl-1, .fl-2, .fl-3, .fl-4, .footer-1 .fl-5 { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 16px; } .bg--grape .fl-1, .bg--grape .fl-2, .bg--grape .fl-3, .bg--grape .fl-4 { border-bottom: 1px solid #777; } .footer-6 .footer-links { margin-bottom: 15px; } .footer-6 .foo-links li { padding: 0 7px; } .footer-4 .footer-info, .footer-5 .footer-info { margin-bottom: 28px; } img.footer-logo { max-height: 28px; margin-bottom: 20px; } .footer-copyright-logo img.footer-logo { max-height: 25px; margin-bottom: 8px; } .footer h6 { font-size: 1.21428rem; margin-bottom: 20px; } /* 17px */ .footer h6.alt-font { font-size: 1.275rem; } .footer-socials a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.55rem; } .footer-form .form-control { font-size: 1.1rem; } .footer-form .form-control, .footer-form .btn { height: 34px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 22px!important; } .bottom-footer-list { margin-top: 10px; } .bottom-footer-socials { margin-top: 15px; } .bottom-footer-socials li { padding-right: 12px; } .bottom-footer-list li:not(:last-child):after { top: -1px; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-25 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after, .bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.425rem; } /* INNER PAGE WRAPPER */ .inner-page-hero, .page-hero-section-overlay { padding-top: 65px; } .inner-page-title { padding-bottom: 40px; margin-bottom: 45px; } .inner-page-title p { font-size: 1.05rem; line-height: 1.6666; margin-top: 12px; } /* PAGE PAGINATION */ .page-link { font-size: 1.1rem; padding: 3px 12px; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* SIGN IN / SIGN UP */ .register-page-form { padding: 60px 5px; } .reset-page-wrapper { padding: 170px 0; margin: 0 3%; } .register-form-title { margin-bottom: 20px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.65rem; } .register-form-title p { font-size: 1.125rem; margin-top: 10px; } .reset-form-title { margin-bottom: 16px; } .reset-form-title p { font-size: 1.0625rem; margin-top: 12px; } .reset-password-link p { font-size: 1rem; margin-bottom: 27px; } .form-data span { font-size: 0.875rem; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 25px; } .reset-password-form .form-data p { font-size: 1.125rem; margin: 22px 0 10px; } .separator-line { font-size: 1rem; margin: 23px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 50px; font-size: 1.0625rem; margin-bottom: 22px; } #login .register-page-form .btn.submit { height: 48px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 48px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 48px; font-size: 1.0625rem; } .btn-register.mb-15 { margin-bottom: 20px; } /* COOKIES */ #cookies { width: 94%; left: 3%; bottom: 12px; padding: 14px 30px 50px 14px; } #cookies p { font-size: 1rem; } #cookies-ok { right: 5%; bottom: 15px; font-size: 0.95rem; padding: 5px 18px; } #cookies-info { margin-left: 7px; } #cookies-close { right: 14px; top: 5px; } #cookies-close svg { width: 11px; height: 11px; } /* PAGE 404 */ .page-error { padding: 160px 0 70px; } .page-error-img { margin: 0 5% 35px; } .page-error h5 { font-size: 1.1rem; margin: 14px 5% 25px; } /* MODAL */ .modal-dialog { max-width: 280px; margin: auto auto; } .modal-dialog.modal-xl { max-width: 300px; margin: auto auto; } #modal-3.modal .btn-close { height: 1.25rem; width: 1.25rem; right: 10px!important; top: 10px!important; } #modal-3.modal .btn-close span { line-height: 20px!important; top: -4px; } #modal-3.modal .btn-close [class^="flaticon-"]:before, #modal-3.modal .btn-close [class^="flaticon-"]:after { font-size: 0.5rem; } #modal-1 .modal-body-content { padding: 25px 9px 10px; } #modal-2 .modal-body-content { padding: 25px 5px 15px; } .modal-body-content h4.fs-30 { font-size: 1.6rem; } .modal-body-content p { margin-top: 12px; margin-bottom: 16px; } .modal .newsletter-form .form-control, .modal .request-form .form-control { height: 48px; font-size: 1.05rem; margin-bottom: 16px; } .modal .newsletter-form .btn, .modal .request-form .btn { height: 48px; font-size: 1rem; } } /* CSA mobile header and homepage hero refinements. */ @media (max-width: 767.98px) { html, body { max-width: 100%; overflow-x: hidden; } .wsmobileheader .smllogo { display: flex !important; align-items: center; gap: 8px; width: calc(100% - 72px); height: 80px; margin-top: 0; padding-left: 16px; } .wsmobileheader .smllogo a { display: flex; align-items: center; min-width: 0; } .wsmobileheader .smllogo a:first-child img { width: auto; max-width: 100%; max-height: 27px; } .wsmobileheader .smllogo a:last-child img { width: auto; max-width: 100%; max-height: 30px; } .wsmobileheader .wsanimated-arrow { top: 0; right: 0; margin-top: 25px; margin-right: 10px; } #hero .slide-content .container, #hero .slide-content .row, #hero .slide-content .col { width: 100%; max-width: 100%; } #hero .slide-content .container { padding-right: 28px; padding-left: 28px; } #hero .slide-content .row { margin-right: 0; margin-left: 0; } #hero .slide-content .col { min-width: 0; padding-right: 0; padding-left: 0; } #hero .caption { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; } #hero .caption h1, #hero .caption h2 { max-width: 100%; font-size: clamp(2rem, 9vw, 2.45rem); line-height: 1.12; overflow-wrap: anywhere; } #hero .caption p, #hero .caption p.fs-18 { max-width: 100%; margin: 14px 0 20px; font-size: 1rem; line-height: 1.55; overflow-wrap: anywhere; } #hero .caption .btn { max-width: 100%; } } /* Keep both company logos visible on compact desktop and laptop widths. */ @media (min-width: 992px) and (max-width: 1599.98px) { #header .wsmainwp { width: calc(100% - 28px); gap: 10px; } #header .wsmainwp > .desktoplogo img { width: auto; height: 44px; max-height: 44px; } #header .wsmenu > .wsmenu-list > li > a { margin-right: 3px; margin-left: 3px; padding-right: 9px; padding-left: 9px; font-size: 0.92rem; } #header .wsmenu-list > .desktoplogo { margin-left: 14px !important; } #header .wsmenu-list > .desktoplogo img { max-width: 205px; max-height: 54px; } } @media (min-width: 992px) and (max-width: 1199.98px) { #header .wsmainwp > .desktoplogo img { max-height: 31px; } #header .wsmenu > .wsmenu-list > li > a { margin-right: 1px; margin-left: 1px; padding-right: 6px; padding-left: 6px; font-size: 0.82rem; } #header .wsmenu > .wsmenu-list > li a.btn { padding-right: 16px; padding-left: 16px; } #header .wsmenu-list > .desktoplogo { margin-left: 9px !important; } #header .wsmenu-list > .desktoplogo img { max-width: 165px; max-height: 44px; } } @media (max-width: 420px) { .wsmobileheader .smllogo { gap: 6px; width: calc(100% - 64px); padding-left: 12px; } .wsmobileheader .smllogo a:first-child img { max-height: 23px; } .wsmobileheader .smllogo a:last-child img { max-height: 25px; } #hero .slide-content .container { padding-right: 24px; padding-left: 24px; } #hero .caption h1, #hero .caption h2 { font-size: clamp(1.85rem, 8.6vw, 2.15rem); } #hero .caption p, #hero .caption p.fs-18 { font-size: 0.95rem; line-height: 1.5; } } /* Keep every logo in the homepage ticker aligned inside an equal-size frame. */ .brands-1 .loop_carousel_left .carousel_slide, .brands-1 .loop_carousel_right .carousel_slide { display: inline-flex; align-items: center; justify-content: center; width: 250px; height: 78px; padding: 0 12px; vertical-align: middle; } .brands-1 .loop_carousel_left .carousel_slide > a, .brands-1 .loop_carousel_right .carousel_slide > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .brands-1 .loop_carousel_left .carousel_slide img, .brands-1 .loop_carousel_right .carousel_slide img { width: 210px !important; height: 58px !important; max-width: 100%; max-height: 58px; padding: 0 !important; object-fit: contain; } .brands-1 .loop_carousel_left .carousel_slide img[alt="MayCUP"], .brands-1 .loop_carousel_right .carousel_slide img[alt="MayCUP"] { width: 230px !important; height: 68px !important; max-height: 68px; } /* CSA Endüstri logosunu menü dengesini koruyarak bir kademe büyüt. */ @media (min-width: 992px) and (max-width: 1199.98px) { #header .wsmainwp > .desktoplogo img { width: auto; height: 36px; max-height: 36px; } } @media (max-width: 991.98px) { #header .wsmobileheader .smllogo > a:first-child img { width: auto; height: 34px; max-height: 34px; } } @media (max-width: 767.98px) { .brands-1 .loop_carousel_left .carousel_slide, .brands-1 .loop_carousel_right .carousel_slide { width: 210px; height: 70px; padding: 0 10px; } .brands-1 .loop_carousel_left .carousel_slide img, .brands-1 .loop_carousel_right .carousel_slide img { width: 180px !important; height: 50px !important; max-height: 50px; } .brands-1 .loop_carousel_left .carousel_slide img[alt="MayCUP"], .brands-1 .loop_carousel_right .carousel_slide img[alt="MayCUP"] { width: 198px !important; height: 60px !important; max-height: 60px; } } 
.home-hierarchy-preview { --home-navy: #120634; --home-blue: #2489ee; --home-orange: #f28a13; --home-ink: #191829; --home-muted: #646675; --home-line: #e7e8ee; --home-soft: #f6f7fa; background: #fff; color: var(--home-ink); } .home-hero-secondary { margin-left: 12px; } .home-section, .home-trust-strip, .home-final-cta { padding: 88px 0; } .home-section--soft { background: var(--home-soft); } .home-section-heading { width: min(820px, 100%); margin: 0 auto 46px; text-align: center; } .home-section-heading--compact { margin-bottom: 30px; } .home-section-heading h2, .home-final-cta h2, .home-financing-card h2 { margin: 8px 0 16px; color: var(--home-navy); font-size: clamp(2rem, 3.2vw, 3.15rem); line-height: 1.12; letter-spacing: -0.035em; } .home-section-heading p, .home-final-cta p, .home-financing-card p { margin: 0; color: var(--home-muted); font-size: 1.08rem; line-height: 1.75; } .home-eyebrow, .home-card-kicker { display: inline-block; color: #a95500; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; } #hero .btn--blue { border-color: #0b67d1 !important; background-color: #0b67d1 !important; } .home-trust-strip { padding-top: 64px; padding-bottom: 64px; background: linear-gradient(135deg, #0d0527 0%, #17103b 60%, #0d1f3a 100%); } .home-trust-strip .home-section-heading h2 { color: #fff; font-size: clamp(1.75rem, 2.5vw, 2.55rem); } .home-trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .home-trust-card { display: flex; min-height: 146px; flex-direction: column; justify-content: center; padding: 26px 28px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 18px; background: rgba(255, 255, 255, 0.075); text-align: center; backdrop-filter: blur(7px); } .home-trust-card strong { color: #fff; font-size: clamp(1.55rem, 2.4vw, 2.35rem); line-height: 1.15; } .home-trust-card span { margin-top: 8px; color: rgba(255, 255, 255, 0.76); line-height: 1.5; } .home-why-section { background: #fff; } .home-why-company-intro { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(420px, 0.88fr); gap: 38px; align-items: center; margin-bottom: 28px; padding: 42px; overflow: hidden; border-radius: 24px; background: linear-gradient(135deg, #12052f 0%, #1c0b45 58%, #102849 100%); box-shadow: 0 22px 46px rgba(20, 12, 50, 0.16); } .home-why-company-intro__content h3 { max-width: 650px; margin: 8px 0 16px; color: #fff; font-size: clamp(1.85rem, 3vw, 2.75rem); line-height: 1.12; letter-spacing: -0.035em; } .home-why-company-intro__content p { max-width: 690px; margin: 0 0 22px; color: rgba(255, 255, 255, 0.78); line-height: 1.72; } .home-stock-assurance { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; margin: 24px 0; padding: 18px; border: 1px solid rgba(255, 173, 69, 0.34); border-radius: 16px; background: rgba(242, 138, 19, 0.1); } .home-stock-assurance__icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: #f28a13; color: #fff; font-size: 1.35rem; } .home-stock-assurance strong, .home-stock-assurance__warning { display: block; } .home-stock-assurance strong { margin-bottom: 6px; color: #fff; font-size: 1.02rem; } .home-stock-assurance p { margin: 0 0 10px; color: rgba(255, 255, 255, 0.77); font-size: 0.9rem; line-height: 1.58; } .home-stock-assurance__warning { color: #ffd39b; font-size: 0.86rem; font-weight: 750; line-height: 1.5; } .home-stock-assurance__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; color: #fff; font-size: 0.88rem; font-weight: 750; text-decoration: none; } .home-stock-assurance__link:hover, .home-stock-assurance__link:focus-visible { color: #ffcf93; } .home-why-company-intro .home-card-kicker { color: #ffad45; } .home-why-company-intro .home-text-link { color: #fff; } .home-why-company-intro .home-text-link span { color: #ffad45; } .home-why-company-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .home-why-company-stats > div { min-height: 138px; padding: 20px 16px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; background: rgba(255, 255, 255, 0.075); } .home-why-company-stats strong, .home-why-company-stats span { display: block; } .home-why-company-stats strong { margin-bottom: 9px; color: #fff; font-size: 1.04rem; line-height: 1.25; } .home-why-company-stats span { color: rgba(255, 255, 255, 0.67); font-size: 0.84rem; line-height: 1.48; } .home-why-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .home-why-card { min-height: 252px; padding: 30px 28px; border: 1px solid var(--home-line); border-radius: 18px; background: linear-gradient(145deg, #fff 0%, #f8faff 100%); box-shadow: 0 12px 30px rgba(20, 12, 50, 0.055); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .home-why-card:hover { transform: translateY(-4px); border-color: rgba(36, 137, 238, 0.36); box-shadow: 0 18px 38px rgba(20, 12, 50, 0.1); } .home-why-icon { display: grid; width: 58px; height: 58px; place-items: center; margin-bottom: 22px; border-radius: 16px; background: linear-gradient(145deg, rgba(36, 137, 238, 0.13), rgba(242, 138, 19, 0.13)); color: var(--home-blue); font-size: 1.8rem; } .home-why-icon[class*="flaticon-"]::before { font-size: 1.8rem; } .home-why-card h3 { margin: 0 0 11px; color: var(--home-navy); font-size: 1.17rem; line-height: 1.35; } .home-why-card p { margin: 0; color: var(--home-muted); line-height: 1.65; } .home-product-grid, .home-featured-grid, .home-solution-grid, .home-company-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .home-featured-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .home-product-card { display: grid; grid-template-columns: 145px minmax(0, 1fr); min-height: 230px; overflow: hidden; border: 1px solid var(--home-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(21, 16, 52, 0.055); color: inherit; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .home-product-card:hover { transform: translateY(-4px); border-color: rgba(36, 137, 238, 0.42); box-shadow: 0 18px 42px rgba(21, 16, 52, 0.11); color: inherit; } .home-product-card__image { display: grid; place-items: center; padding: 24px 14px; background: #f7f7f9; } .home-product-card__image img { width: 100%; max-width: 128px; height: 130px; object-fit: contain; } .home-product-card__body { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 28px 26px; } .home-product-card h3, .home-featured-card h3, .home-solution-card h3, .home-media-card h3, .home-company-card h3 { margin: 0 0 12px; color: var(--home-navy); font-size: 1.35rem; line-height: 1.3; } .home-product-card p, .home-featured-card p, .home-solution-card p, .home-media-card p, .home-company-card p { margin: 0; color: var(--home-muted); line-height: 1.65; } .home-product-card p, .home-featured-card p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .home-product-card__body > span { margin-top: 17px; color: var(--home-blue); font-weight: 750; } .home-comparison-cta-section { padding: 0 0 88px; background: #fff; } .home-comparison-cta { display: flex; align-items: center; justify-content: space-between; gap: 42px; padding: 40px 46px; border-radius: 22px; background: linear-gradient(135deg, var(--home-navy) 0%, #193a68 100%); box-shadow: 0 18px 42px rgba(18, 6, 52, 0.16); } .home-comparison-cta h2 { margin: 6px 0 10px; color: #fff; font-size: clamp(1.75rem, 2.5vw, 2.45rem); line-height: 1.15; letter-spacing: -0.025em; } .home-comparison-cta p { max-width: 760px; margin: 0; color: rgba(255, 255, 255, 0.75); line-height: 1.65; } .home-featured-card, .home-solution-card, .home-media-card, .home-company-card { overflow: hidden; border: 1px solid var(--home-line); border-radius: 22px; background: #fff; box-shadow: 0 15px 38px rgba(20, 12, 50, 0.06); } .home-featured-card__media { position: relative; display: block; height: 310px; overflow: hidden; background: #eceef2; } .home-featured-card__media img, .home-solution-card > img, .home-media-card > img, .home-company-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 250ms ease; } /* Product photography must remain fully visible inside equally sized cards. */ .home-featured-card__media img { object-fit: contain; object-position: center; padding: 14px; background: #fff; } .home-featured-card:hover .home-featured-card__media img { transform: scale(1.025); } .home-play-badge { position: absolute; right: 24px; bottom: 22px; display: grid; width: 56px; height: 56px; place-items: center; border-radius: 50%; background: var(--home-blue); box-shadow: 0 10px 24px rgba(36, 137, 238, 0.35); color: #fff; font-size: 1.05rem; } .home-featured-card__body { padding: 30px; } .home-text-link, .home-primary-link { display: inline-flex; align-items: center; width: fit-content; gap: 7px; margin-top: 19px; color: var(--home-blue); font-weight: 750; text-decoration: none; } .home-primary-link { padding: 12px 18px; border-radius: 9px; background: var(--home-blue); color: #fff; } .home-text-link:hover { color: var(--home-orange); } .home-primary-link:hover { background: var(--home-navy); color: #fff; } .home-solution-card { display: grid; grid-template-rows: 270px 1fr; } .home-activity-section { background: #fff; } .home-activity-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .home-activity-card { display: grid; grid-template-rows: 180px 1fr; min-width: 0; overflow: hidden; border: 1px solid var(--home-line); border-radius: 20px; background: #fff; box-shadow: 0 13px 32px rgba(20, 12, 50, 0.06); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .home-activity-card:hover { transform: translateY(-4px); border-color: rgba(36, 137, 238, 0.38); box-shadow: 0 19px 40px rgba(20, 12, 50, 0.11); } .home-activity-card__media { position: relative; overflow: hidden; background: #eef1f5; } .home-activity-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 240ms ease; } .home-activity-card:hover .home-activity-card__media img { transform: scale(1.035); } .home-activity-card__media > span { position: absolute; top: 14px; right: 14px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 13px; background: rgba(18, 6, 52, 0.86); color: #fff; font-size: 0.85rem; font-weight: 800; backdrop-filter: blur(5px); } .home-activity-card__body { display: flex; min-width: 0; flex-direction: column; padding: 24px 22px 22px; } .home-activity-card h3 { margin: 0 0 11px; color: var(--home-navy); font-size: 1.15rem; line-height: 1.35; } .home-activity-card p { flex: 1; margin: 0; color: var(--home-muted); font-size: 0.93rem; line-height: 1.62; } .home-activity-links { display: flex; flex-wrap: wrap; gap: 9px 14px; margin-top: 18px; } .home-activity-links a { color: var(--home-blue); font-size: 0.9rem; font-weight: 760; text-decoration: none; } .home-activity-links a::after { margin-left: 5px; content: "→"; } .home-activity-links a:hover { color: var(--home-orange); } .home-solution-card > div, .home-media-card > div, .home-company-card > div:not(.home-company-card__image) { padding: 30px; } .home-card-kicker { margin-bottom: 8px; } .home-inline-links { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; } .home-service-process-section { background: var(--home-soft); } .home-service-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .home-service-step { position: relative; min-height: 228px; padding: 26px 24px; overflow: hidden; border: 1px solid var(--home-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(20, 12, 50, 0.055); } .home-service-step::after { position: absolute; right: -26px; bottom: -40px; width: 118px; height: 118px; border-radius: 50%; background: rgba(36, 137, 238, 0.07); content: ""; } .home-service-step__visual { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .home-service-step__visual > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 17px; background: linear-gradient(145deg, rgba(36, 137, 238, 0.15), rgba(242, 138, 19, 0.13)); color: var(--home-blue); font-size: 1.55rem; } .home-service-step__visual b { color: rgba(18, 6, 52, 0.28); font-size: 0.9rem; letter-spacing: 0.08em; } .home-service-step h3 { margin: 0 0 11px; color: var(--home-navy); font-size: 1.2rem; line-height: 1.3; } .home-service-step p { position: relative; z-index: 1; margin: 0; color: var(--home-muted); line-height: 1.65; } .home-service-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 24px; } .home-service-benefits span { display: flex; min-height: 72px; align-items: center; justify-content: center; gap: 10px; padding: 18px; border: 1px solid rgba(36, 137, 238, 0.18); border-radius: 14px; background: #fff; color: var(--home-navy); font-weight: 750; text-align: center; } .home-service-benefits > span > span { color: var(--home-orange); font-size: 1.25rem; } .home-service-process__action { display: flex; justify-content: center; } .home-testimonials-section { background: linear-gradient(140deg, #13052f 0%, #1c0b45 55%, #102849 100%); } .home-section-heading--light h2, .home-section-heading--light p { color: #fff; } .home-section-heading--light p { color: rgba(255, 255, 255, 0.72); } .home-review-count { display: inline-flex; align-items: center; width: fit-content; margin: 18px auto 0; padding: 8px 13px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.82); font-size: 0.85rem; font-weight: 700; } .home-review-swipe-hint { display: inline-flex; align-items: center; gap: 7px; margin: 12px auto 0; color: rgba(255, 255, 255, 0.72); font-size: 0.84rem; font-weight: 700; } .home-testimonial-grid { display: flex; gap: 20px; overflow-x: auto; padding: 0 2px 18px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.36) rgba(255, 255, 255, 0.08); overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; } .home-testimonial-grid::-webkit-scrollbar { height: 9px; } .home-testimonial-grid::-webkit-scrollbar-track { border-radius: 999px; background: rgba(255, 255, 255, 0.08); } .home-testimonial-grid::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(255, 255, 255, 0.36); } .home-testimonial-card { display: flex; flex: 0 0 calc((100% - 40px) / 3); min-height: 310px; flex-direction: column; padding: 30px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 18px; background: rgba(255, 255, 255, 0.085); color: #fff; scroll-snap-align: start; } .home-stars { color: #ffb522; letter-spacing: 0.08em; } .home-testimonial-card blockquote { flex: 1; margin: 18px 0 24px; color: rgba(255, 255, 255, 0.87); font-size: 1.02rem; line-height: 1.72; } .home-testimonial-card footer { display: flex; flex-direction: column; gap: 4px; } .home-testimonial-card footer span { color: rgba(255, 255, 255, 0.58); font-size: 0.9rem; } .home-media-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .home-media-card { display: grid; grid-template-rows: 250px 1fr; } .home-media-card--wide > img { object-position: center; } .home-media-cta { display: flex; justify-content: center; margin-top: 34px; } .home-media-cta .home-primary-link { min-height: 56px; margin-top: 0; padding: 15px 24px; border-radius: 12px; box-shadow: 0 12px 28px rgba(36, 137, 238, 0.22); font-size: 1rem; } .home-media-cta__icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #fff; color: var(--home-blue); font-size: 0.72rem; line-height: 1; } .home-company-card { display: grid; grid-template-columns: 190px minmax(0, 1fr); min-height: 330px; } .home-company-card__image { min-height: 100%; background: #f2f3f6; } .home-company-card--about { border-color: rgba(36, 137, 238, 0.18); background: linear-gradient(145deg, #f7faff 0%, #fff 100%); } .home-company-grid--single .home-company-card { grid-column: 1 / -1; } .home-brand-proof-section { border-top: 0; background: #fff; } .home-brand-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; width: min(900px, 100%); margin: 0 auto; } .home-brand-grid::after { display: grid; width: 42px; height: 42px; grid-column: 1 / -1; place-items: center; justify-self: center; margin: 2px 0 -7px; border-radius: 50%; background: rgba(242, 138, 19, 0.11); color: var(--home-orange); content: "↓"; font-size: 1.35rem; font-weight: 800; } .home-brand-card { display: grid; height: 120px; place-items: center; padding: 20px; border: 1px solid var(--home-line); border-radius: 16px; background: #fff; } .home-brand-card img { width: 100%; max-width: 210px; height: 72px; object-fit: contain; } .home-certificates-heading { margin-top: 4px; padding-top: 0; border-top: 0; text-align: center; } .home-certificates-heading h3 { margin: 7px 0 10px; color: var(--home-navy); font-size: 1.85rem; } .home-certificates-heading p { margin: 0; color: var(--home-muted); line-height: 1.65; } .home-certificate-enlarge-hint { display: inline-flex; margin-top: 9px; color: var(--home-blue); font-size: 0.88rem; font-weight: 750; } .home-certificate-grid { display: flex; gap: 18px; margin-top: 22px; overflow-x: auto; padding: 2px 2px 16px; scroll-snap-type: x mandatory; scrollbar-color: rgba(18, 6, 52, 0.32) rgba(18, 6, 52, 0.06); scrollbar-width: thin; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; } .home-certificate-grid::-webkit-scrollbar { height: 8px; } .home-certificate-grid::-webkit-scrollbar-track { border-radius: 999px; background: rgba(18, 6, 52, 0.06); } .home-certificate-grid::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(18, 6, 52, 0.32); } .home-certificate-card { display: grid; flex: 0 0 calc((100% - 54px) / 4); grid-template-rows: auto 1fr; overflow: hidden; border: 1px solid var(--home-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(20, 12, 50, 0.055); color: inherit; scroll-snap-align: start; } .home-certificate-card__preview { display: grid; width: 100%; place-items: center; padding: 12px; border: 0; background: #f3f5f8; cursor: zoom-in; } .home-certificate-card__preview img { width: 100%; height: 235px; object-fit: contain; filter: drop-shadow(0 7px 11px rgba(18, 6, 52, 0.12)); } .home-certificate-card__body { display: flex; flex-direction: column; padding: 16px; } .home-certificate-card__body h3 { margin: 0 0 7px; color: var(--home-navy); font-size: 1.06rem; line-height: 1.35; } .home-certificate-card__body p { flex: 1; margin: 0; color: var(--home-muted); font-size: 0.9rem; line-height: 1.5; } .home-certificate-dialog { width: min(900px, calc(100% - 32px)); max-height: calc(100vh - 40px); padding: 48px 18px 18px; border: 0; border-radius: 18px; background: #fff; box-shadow: 0 24px 70px rgba(12, 4, 34, 0.32); } .home-certificate-dialog::backdrop { background: rgba(8, 4, 22, 0.76); } .home-certificate-dialog img { display: block; width: 100%; max-height: calc(100vh - 110px); object-fit: contain; } .home-certificate-dialog__close { position: absolute; top: 10px; right: 12px; display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 50%; background: #eef1f6; color: var(--home-navy); cursor: pointer; font-size: 1.3rem; } .home-financing-section { padding-top: 60px; padding-bottom: 60px; background: var(--home-soft); } .home-financing-card { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 42px 48px; border-radius: 22px; background: linear-gradient(135deg, var(--home-navy), #243f72); } .home-financing-card h2, .home-financing-card p { color: #fff; } .home-financing-card p { max-width: 720px; color: rgba(255, 255, 255, 0.74); } .home-cta-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; padding: 14px 24px; border: 2px solid var(--home-blue); border-radius: 10px; background: var(--home-blue); color: #fff; font-weight: 800; font-family: inherit; line-height: 1.25; text-align: center; text-decoration: none; cursor: pointer; } .home-cta-button:hover { border-color: var(--home-orange); background: var(--home-orange); color: #fff; } .home-cta-button--light { flex: 0 0 auto; border-color: #fff; background: #fff; color: var(--home-navy); } .home-final-cta { background: #fff; } .home-final-cta__content { max-width: 900px; margin: 0 auto; padding: 58px; border-radius: 26px; background: linear-gradient(145deg, #f2f8ff 0%, #fff8ef 100%); text-align: center; } .home-final-cta__actions { display: flex; justify-content: center; gap: 14px; margin-top: 28px; } .home-product-selector { margin-top: 38px; padding-top: 36px; border-top: 1px solid rgba(18, 6, 52, 0.12); text-align: left; } .home-product-selector[hidden] { display: none; } .home-product-selector__heading { max-width: 680px; margin: 0 auto 24px; text-align: center; } .home-product-selector__heading h3 { margin: 6px 0 9px; color: var(--home-navy); font-size: 1.75rem; line-height: 1.2; } .home-product-selector__heading p { font-size: 1rem; line-height: 1.6; } .home-product-selector__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .home-product-selector__grid a { display: flex; min-height: 178px; flex-direction: column; padding: 22px 20px; border: 1px solid rgba(18, 6, 52, 0.12); border-radius: 15px; background: rgba(255, 255, 255, 0.86); color: var(--home-ink); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .home-product-selector__grid a:hover { transform: translateY(-3px); border-color: rgba(36, 137, 238, 0.42); box-shadow: 0 13px 28px rgba(21, 16, 52, 0.09); color: var(--home-ink); } .home-selector-icon { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: 15px; border-radius: 12px; background: rgba(242, 138, 19, 0.12); color: var(--home-orange); font-size: 1.55rem; font-weight: 800; line-height: 1; } .home-product-selector__grid strong { color: var(--home-navy); font-size: 1.02rem; line-height: 1.35; } .home-product-selector__grid span { margin-top: 8px; color: var(--home-muted); font-size: 0.88rem; line-height: 1.5; } .home-cta-button--outline { background: transparent; color: var(--home-navy); } @media (max-width: 1199.98px) { .home-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-product-card { grid-template-columns: 125px minmax(0, 1fr); } .home-company-card { grid-template-columns: 150px minmax(0, 1fr); } .home-service-process-grid, .home-product-selector__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-why-company-intro { grid-template-columns: 1fr; } .home-activity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991.98px) { .home-section, .home-final-cta { padding: 70px 0; } .home-trust-grid, .home-service-benefits { grid-template-columns: 1fr; } .home-trust-card { min-height: 120px; } .home-media-grid, .home-company-grid { grid-template-columns: 1fr; } .home-featured-grid { grid-template-columns: 1fr; } .home-comparison-cta { align-items: flex-start; flex-direction: column; } .home-testimonial-card { flex-basis: calc((100% - 20px) / 2); min-height: 0; } .home-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-financing-card { align-items: flex-start; flex-direction: column; } } @media (max-width: 767.98px) { #hero .slideshow .arrows { display: none; } .home-hero-secondary { margin: 12px 0 0; } .home-section, .home-trust-strip, .home-final-cta { padding: 56px 0; } .home-section-heading { margin-bottom: 30px; } .home-why-company-intro { gap: 26px; padding: 30px 24px; } .home-why-company-stats { grid-template-columns: 1fr; } .home-why-company-stats > div { min-height: 0; } .home-testimonial-grid { gap: 16px; padding: 0 2px 16px; } .home-testimonial-card { flex: 0 0 min(86vw, 360px); min-height: 330px; scroll-snap-align: start; } .home-product-grid, .home-featured-grid, .home-solution-grid, .home-activity-grid, .home-service-process-grid, .home-why-grid, .home-product-selector__grid { grid-template-columns: 1fr; } .home-product-card { grid-template-columns: 105px minmax(0, 1fr); min-height: 190px; } .home-product-card__image img { height: 105px; } .home-product-card__body { padding: 22px 18px; } .home-product-card h3, .home-featured-card h3, .home-solution-card h3, .home-media-card h3, .home-company-card h3 { font-size: 1.16rem; } .home-product-card p { display: none; } .home-featured-card__media { height: 245px; } .home-featured-card__media img { padding: 8px; } .home-solution-card, .home-media-card { grid-template-rows: 230px 1fr; } .home-media-cta { align-items: stretch; } .home-media-cta .home-primary-link { justify-content: center; width: 100%; text-align: center; } .home-company-card { grid-template-columns: 1fr; } .home-company-card__image { height: 220px; } .home-brand-card { height: 100px; } .home-certificate-grid { scroll-padding-inline: 2px; } .home-certificate-card { flex-basis: calc((100% - 18px) / 2); } .home-financing-card, .home-final-cta__content { padding: 32px 24px; } .home-final-cta__actions { align-items: stretch; flex-direction: column; } } @media (max-width: 479.98px) { .home-product-card { grid-template-columns: 86px minmax(0, 1fr); } .home-product-card__image { padding: 16px 8px; } .home-product-card__image img { height: 84px; } .home-product-card__body > span { font-size: 0.88rem; } .home-brand-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .home-certificate-grid { scroll-padding-inline: 2px; } .home-certificate-card { flex-basis: 88%; } } 
.slideshow { position: relative; overflow: hidden; width: 100%; } .slideshow-inner { position: relative; width: 100%; height: 100%; } .slides { position: relative; width: 100%; height: 100%; } .slides .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out; z-index: 1; } .slides .slide.is-active { opacity: 1; visibility: visible; z-index: 2; } /*
 * Homepage readability treatment for the turnkey and technical-service slides.
 * The service artwork already includes the approved top fade. The turnkey
 * slide receives the same effect here so the shared header remains readable.
 */ .slideshow .slide[data-slide="1"] .image-container::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 180deg, rgba(7, 11, 18, 0.78) 0%, rgba(7, 11, 18, 0.42) 23%, rgba(7, 11, 18, 0.12) 42%, rgba(7, 11, 18, 0) 58% ); } .slideshow .slide[data-slide="1"] .caption, .slideshow .slide[data-slide="2"] .caption { padding: clamp(24px, 3vw, 44px) clamp(20px, 4vw, 64px); background: radial-gradient( ellipse at center, rgba(22, 28, 35, 0.42) 0%, rgba(22, 28, 35, 0.24) 54%, rgba(22, 28, 35, 0) 78% ); text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72); } .slideshow .slide[data-slide="1"] .caption .btn, .slideshow .slide[data-slide="2"] .caption .btn { text-shadow: none; } /* Keep hero calls-to-action above slideshow navigation layers. */ .slideshow .slide-content, .slideshow .slide-content .caption, .slideshow .slide-content a.btn { pointer-events: auto; } .slideshow .slide-content a.btn { position: relative; z-index: 20; } /* Navigation Arrows */ .slideshow .arrows { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; pointer-events: none; } .slideshow .arrows .arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; background: rgba(255, 255, 255, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: all; transition: all 0.3s ease; font-size: 28px; color: #333; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); opacity: 0.8; border: none; outline: none; } .slideshow .arrows .arrow:hover { background: rgba(255, 255, 255, 1); transform: translateY(-50%) scale(1.1); box-shadow: 0 6px 25px rgba(0, 0, 0, 0.25); opacity: 1; } .slideshow .arrows .arrow:active { transform: translateY(-50%) scale(0.95); } .slideshow .arrows .arrow.prev { left: 30px; } .slideshow .arrows .arrow.next { right: 30px; } /* Pagination Dots */ .slideshow .pagination { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; gap: 15px; z-index: 10; background: rgba(0, 0, 0, 0.2); padding: 12px 20px; border-radius: 30px; backdrop-filter: blur(10px); } .slideshow .pagination .item { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.6); background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; } .slideshow .pagination .item::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, 0.9); border-radius: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } .slideshow .pagination .item.is-active::before { width: 100%; height: 100%; } .slideshow .pagination .item.is-active { border-color: rgba(255, 255, 255, 0.9); transform: scale(1.2); } .slideshow .pagination .item:hover:not(.is-active) { border-color: rgba(255, 255, 255, 0.8); transform: scale(1.1); } .slideshow .pagination .item:hover:not(.is-active)::before { width: 60%; height: 60%; } /* Mobile Responsive */ @media (max-width: 768px) { .slideshow .slide[data-slide="1"] .caption, .slideshow .slide[data-slide="2"] .caption { padding: 24px 18px; background: radial-gradient( ellipse at center, rgba(22, 28, 35, 0.48) 0%, rgba(22, 28, 35, 0.28) 58%, rgba(22, 28, 35, 0) 82% ); } .slideshow .arrows .arrow { width: 50px; height: 50px; font-size: 20px; opacity: 0.6; } .slideshow .arrows .arrow.prev { left: 20px; } .slideshow .arrows .arrow.next { right: 20px; } .slideshow .pagination { bottom: 30px; gap: 12px; padding: 10px 16px; } .slideshow .pagination .item { width: 14px; height: 14px; } } @media (max-width: 480px) { .slideshow .arrows .arrow { width: 44px; height: 44px; font-size: 18px; } .slideshow .arrows .arrow.prev { left: 15px; } .slideshow .arrows .arrow.next { right: 15px; } .slideshow .pagination { bottom: 25px; gap: 10px; padding: 8px 14px; } .slideshow .pagination .item { width: 12px; height: 12px; } } /* Loading animation for arrows */ .slideshow .arrows .arrow.loading { pointer-events: none; opacity: 0.5; animation: pulse 1s infinite; } @keyframes pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 0.7; } } 
/* CSA Endustri mobile-first responsive foundation.
   Loaded after page-specific styles on every public page. */ :root { --csa-page-gutter: clamp(16px, 4vw, 32px); --csa-touch-size: 44px; } html { max-width: 100%; overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { max-width: 100%; overflow-x: clip; } img, picture, video, canvas, svg { max-width: 100%; height: auto; } iframe { max-width: 100%; } .container, .container-fluid, .row, .row > *, [class*="col-"] { min-width: 0; } h1, h2, h3, h4, p, li, a, button, td, th { overflow-wrap: anywhere; } button, input, select, textarea { max-width: 100%; } input, select, textarea { font-size: 16px; } .table-responsive, .post-table-wrap, .comparison-wrapper, .page-content:has(> table), .post-content:has(> table), .product-description:has(> table) { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; } .table-responsive, .post-table-wrap, .comparison-wrapper { touch-action: pan-x pan-y; } .table-responsive table, .post-table-wrap table, .comparison-wrapper table { margin-bottom: 0; } .gallery-slides, .home-testimonial-track, .reviews-carousel, .reviews-4-carousel, .owl-stage { touch-action: pan-y; } .home-certificate-grid { touch-action: pan-x pan-y; } .gallery-indicators { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; padding: 4px 2px 8px; scrollbar-width: thin; } .product-description iframe, .page-content iframe, .post-content iframe, .product-card iframe { width: 100%; aspect-ratio: 16 / 9; height: auto !important; } @media (max-width: 991.98px) { select.form-control, select.form-select, .form-select, .custom-select { min-height: var(--csa-touch-size); } .wsmobileheader .wsanimated-arrow { box-sizing: border-box; width: var(--csa-touch-size); height: var(--csa-touch-size); margin-top: 18px; margin-right: 6px; padding: 20px 31px 20px 9px; } html[dir="rtl"] .wsmobileheader .wsanimated-arrow { right: auto; left: 6px; margin-right: 0; margin-left: 0; } html[dir="rtl"] .wsmobileheader .smllogo { padding-right: 10px; padding-left: 58px; } .wsmenu > .wsmenu-list > li > a, .wsmenu > .wsmenu-list > li > .wsmenu-click { min-height: 52px; } .csa-language-nav-item { min-height: 58px; margin: 0 !important; padding: 8px 18px 14px; } .csa-language-switcher > button { min-width: 64px; min-height: var(--csa-touch-size); } .csa-language-menu a { min-height: var(--csa-touch-size); align-items: center; } .pt-btn, .btn, button[type="submit"], input[type="submit"] { min-height: var(--csa-touch-size); } .product-info { margin-top: 28px; } .downloads-section { padding: clamp(18px, 4vw, 26px); } .download-item .d-flex { align-items: flex-start !important; gap: 12px; } .comparison-table { min-width: 760px; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { min-width: var(--csa-touch-size); min-height: var(--csa-touch-size); } .owl-carousel .owl-dots .owl-dot { min-width: 36px; min-height: 36px; padding: 10px !important; } } @media (max-width: 767.98px) { .container, .container-sm, .container-fluid { --bs-gutter-x: 2rem; } .section-title, .post-header { max-width: 100%; } .section-title h1, .post-header h1, .product-header h1 { font-size: clamp(1.85rem, 8.5vw, 2.55rem) !important; line-height: 1.12; } .section-title h2, .page-content h2, .post-content h2, .product-description h2 { font-size: clamp(1.55rem, 7vw, 2.1rem) !important; line-height: 1.18; } .page-content, .post-content, .product-description, .reference-description { font-size: 1rem; line-height: 1.7; } .gallery-nav { width: var(--csa-touch-size); height: var(--csa-touch-size); } .gallery-prev { left: 10px; } .gallery-next { right: 10px; } .gallery-counter { right: 10px; bottom: 10px; } .gallery-indicator { flex: 0 0 68px; width: 68px; height: 54px; } .gallery-slide--portrait { height: min(70vh, 440px); } .gallery-slide--portrait img { max-height: min(70vh, 440px); } .product-actions .btn, .card-footer .btn, .downloads-section .col-md-6 { width: 100%; } .download-item { padding: 14px; } .download-item .text-end { flex: 0 0 auto; } .post-data-table { min-width: 1180px; } .footer .footer-info > p { max-width: none; } .footer a, .footer-project-link, .home-text-link { display: inline-flex; min-height: var(--csa-touch-size); align-items: center; padding-block: 8px; } .footer-socials a, .social-icons a, .contact-social-links a { min-width: var(--csa-touch-size); min-height: var(--csa-touch-size); align-items: center; justify-content: center; } .whatsapp-float, .whatsapp-button, [class*="whatsapp"] a { max-width: calc(100vw - 24px); } } @media (max-width: 374.98px) { .wsmobileheader .smllogo { gap: 4px; width: calc(100% - 58px); padding-left: 10px; } #header .wsmobileheader .smllogo > a:first-child img { height: 21px; max-height: 21px; } .wsmobileheader .smllogo > a:last-child img { max-height: 21px; } .section-title h1, .post-header h1, .product-header h1 { font-size: clamp(1.7rem, 8.2vw, 2.1rem) !important; } } @media (min-width: 768px) and (max-width: 1199.98px) { .container, .container-md, .container-lg { max-width: calc(100% - 48px); } .machine-group-card__body, .product-card .card-body { padding: clamp(18px, 2vw, 24px); } } @media (hover: none), (pointer: coarse) { .machine-group-card:hover, .product-card:hover, .download-item:hover, .link-item:hover { transform: none; } a, button, [role="button"] { -webkit-tap-highlight-color: rgba(36, 137, 238, .14); } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }