/* Theme Name: Agma Theme Description: Agma Studio Custom Wordpress Theme Author: Agma Studio. Theme URI: https://www.agmastudio.com/ Author URI: https://www.agmastudio.com/ Version: 1.1 Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready License: GNU General Public License License URI: license.txt Text Domain: agma-theme */ /*** FONTS ***/ @font-face { font-family: 'agma-icons'; src: url('../agma-theme/fonts/agma-icons.eot?wtf=1.10'); src: url('../agma-theme/fonts/agma-icons.eot?wtf=1.10#iefix') format('embedded-opentype'), url('../agma-theme/fonts/agma-icons.woff2?wtf=1.10') format('woff2'), url('../agma-theme/fonts/agma-icons.woff?wtf=1.10') format('woff'), url('../agma-theme/fonts/agma-icons.ttf?wtf=1.10') format('truetype'), url('../agma-theme/fonts/agma-icons.svg?wtf=1.10#agma-icons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'agma-icons'; src: url('../font/agma-icons.svg?wtf=1.01#agma-icons') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "agma-icons"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-arrow-down:before { content: '\e800'; } .icon-arrow-left:before { content: '\e801'; } .icon-arrow-right:before { content: '\e802'; } .icon-arrow-up:before { content: '\e803'; } .icon-instagram:before { content: '\e804'; } .icon-email:before { content: '\e805'; } .icon-marketing-strategy:before { content: '\e806'; } .icon-facebook:before { content: '\e807'; } .icon-navigate-right-arrow:before { content: '\e808'; } .icon-navigate-left-arrow:before { content: '\e809'; } .icon-navigate-up-arrow:before { content: '\e80a'; } .icon-pin:before { content: '\e80b'; } .icon-phone-call:before { content: '\e80c'; } .icon-shopping-bag:before { content: '\e80d'; } .icon-online-shop:before { content: '\e80e'; } .icon-youtube:before { content: '\e80f'; } .icon-web-coding:before { content: '\e810'; } .icon-target:before { content: '\e811'; } .icon-web-programming:before { content: '\e812'; } .icon-navigate-down-arrow:before { content: '\e813'; } .icon-linkedin:before { content: '\e814'; } .icon-catalogs:before { content: '\e815'; } .icon-content-management:before { content: '\e816'; } .icon-device:before { content: '\e817'; } .icon-reviews:before { content: '\e818'; } .icon-xmlid_83_:before { content: '\e819'; } .icon-speed:before { content: '\e81a'; } .icon-surface:before { content: '\e81b'; } .icon-fax:before { content: '\e81c'; } .icon-alert:before { content: '\e81d'; } .icon-affiliate-marketing:before { content: '\e81e'; } .icon-browser:before { content: '\e81f'; } .icon-adwords:before { content: '\e820'; } .icon-social-media:before { content: '\e821'; } .icon-analysis:before { content: '\e822'; } .icon-email-marketing:before { content: '\e823'; } .icon-seo-report:before { content: '\e824'; } .icon-reward:before { content: '\e825'; } .icon-nav:before { content: '\e826'; } .icon-shield:before { content: '\e827'; } .icon-location:before { content: '\e828'; } .icon-phone:before { content: '\e829'; } .icon-connect:before { content: '\e82a'; } .icon-layers:before { content: '\e82b'; } .icon-phone-1:before { content: '\e82c'; } .icon-link:before { content: '\e82d'; } .icon-check:before { content: '\e831'; } .icon-plus:before { content: '\e832'; } .icon-twitter:before { content: '\f099'; } .icon-mail-alt:before { content: '\f0e0'; } .icon-youtube-play:before { content: '\f16a'; } /*** FONTS ***/ /*** COLORS ***/ :root { --light-blue: #00addf; } /*** COLORS ***/ /*** BASIC STYLES ***/ /*** Normalize ***/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/ html{line-height:1.15;-webkit-text-size-adjust:100%;} body{margin:0;} #page{overflow-x: hidden;}/* Preebava jquery.nicescroll */ main{display:block;} h1{font-size:2em;margin:.67em 0;} hr{box-sizing:content-box;height:0;overflow:visible;} pre{font-family:monospace,monospace;font-size:1em;} a{background-color:transparent;} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;} b,strong{font-weight:bolder;} code,kbd,samp{font-family:monospace,monospace;font-size:1em;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sub{bottom:-.25em;} sup{top:-.5em;} img{border-style:none;} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;} button,input{overflow:visible;} button,select{text-transform:none;} button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;} fieldset{padding:.35em .75em .625em;} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;} progress{vertical-align:baseline;} textarea{overflow:auto;} [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px;} [type="search"]::-webkit-search-decoration{-webkit-appearance:none;} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;} details{display:block;} summary{display:list-item;} template{display:none;} [hidden]{display:none;} /*** Normalize ***/ /*** Box sizing ***/ *, *::before, *::after{box-sizing: inherit;} html{box-sizing: border-box;} /*** Box sizing ***/ /*** Typography ***/ body, button, input, select, optgroup, textarea{color: #404040; font-family: 'Rubik', sans-serif; font-size: 1rem; line-height: 1.5;} h1,h2,h3,h4,h5,h6{clear:both;} p{margin:0 0 25px 0;} dfn,cite,em,i{font-style:italic;} blockquote{margin:0 1.5em;} address{margin:0 0 1.5em;} pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;} code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace;} abbr,acronym{border-bottom:1px dotted #666;cursor:help;} mark,ins{background:#fff9c0;text-decoration:none;} big{font-size:125%;} /*** Typography ***/ /*** Elements ***/ body{background: #040404;} hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;} ul,ol{margin:0 0 1.5em 3em;} ul{list-style:disc;} ol{list-style:decimal;} li > ul, li > ol{margin-bottom:0;margin-left:1.5em;} dt{font-weight:700;} dd{margin:0 1.5em 1.5em;} embed,iframe,object{max-width:100%;} img{height:auto;max-width:100%;} figure{margin:1em 0;} table{margin:0 0 1.5em;width:100%;} /*** Elements ***/ /*** Links ***/ a{color: #00addf; text-decoration: none;} a{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} a{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;} a:hover, a:focus, a:active{color: #00addf;} a:hover, a:focus, a:active{outline: 0; text-decoration: none;} a.styled{display: inline-block; position: relative; will-change: transform;} a.styled:after{content: ""; position: absolute; top: 100%; bottom: 0; left: 0; right: 0; background-color: #00addf; height: 1px; transform: scaleX(0); transform-origin: left; transition: transform .4s ease;} a.styled:hover:after{transform: scale(1);} /*** Links ***/ /*** Forms ***/ button, input[type="button"], input[type="reset"], input[type="submit"]{border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{border-color: #ccc #bbb #aaa;} button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus{border-color: #aaa #bbb #bbb;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{color: #111;} select{border: 1px solid #ccc;} textarea{width: 100%;} /*** Forms ***/ /*** Navigation ***/ .site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em;} .comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex;} .comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%;} .comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%;} /*** Navigation ***/ /*** Posts and pages ***/ .sticky{display: block;} .post, .page{} .updated:not(.published){display: none;} .page-content, .entry-content, .entry-summary{margin: 1.5em 0 0;} .page-links{clear: both; margin: 0 0 1.5em;} /*** Posts and pages ***/ /*** Comments ***/ .comment-content a{word-wrap: break-word;} .bypostauthor{display: block;} /*** Comments ***/ /*** Widgets ***/ .widget{margin: 0 0 1.5em;} .widget select{max-width: 100%;} /*** Widgets ***/ /*** Media ***/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley{border: none; margin-bottom: 0; margin-top: 0; padding: 0;} /* Make sure logo link wraps around logo image. */ .custom-logo-link{display: inline-block;} /*** Media ***/ /*** Captions ***/ .wp-caption{margin-bottom:1.5em;max-width:100%;} .wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;} .wp-caption .wp-caption-text{margin:.8075em 0;} .wp-caption-text{text-align:center;} /*** Captions ***/ /*** Galleries ***/ .gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em;} .gallery-item{display:inline-block;text-align:center;width:100%;} .gallery-columns-2{grid-template-columns:repeat(2,1fr);} .gallery-columns-3{grid-template-columns:repeat(3,1fr);} .gallery-columns-4{grid-template-columns:repeat(4,1fr);} .gallery-columns-5{grid-template-columns:repeat(5,1fr);} .gallery-columns-6{grid-template-columns:repeat(6,1fr);} .gallery-columns-7{grid-template-columns:repeat(7,1fr);} .gallery-columns-8{grid-template-columns:repeat(8,1fr);} .gallery-columns-9{grid-template-columns:repeat(9,1fr);} .gallery-caption{display:block;} /*** Galleries ***/ /*** Accessibility ***/ .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;} #primary[tabindex="-1"]:focus{outline:0;} /*** Accessibility ***/ /*** Alignments ***/ .alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em;} .alignright{float:right;margin-left:1.5em;margin-bottom:1.5em;} .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em;} /*** Alignments ***/ .grecaptcha-badge{display: none !important;} /*** BASIC STYLES ***/ /*** PRELOADER ***/ .loader{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; opacity: 1; background-color: #040404;} .loader-icon{width: 50px; height: 50px; border: 4px solid #292929; border-top: 4px solid var(--light-blue); border-radius: 50px; background-color: transparent; -webkit-animation: plrotate 1.5s infinite linear; animation: plrotate 1.5s infinite linear; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px);} @-webkit-keyframes plrotate { 0% { -webkit-transform: rotate(0deg) } 50% { -webkit-transform: rotate(180deg) } 100% { -webkit-transform: rotate(360deg) } } /*** PRELOADER ***/ /*** GLOBAL STYLES ***/ /* Construction Elements */ .full-width-container{width: 100%; display: block; float: left;} .content-container{width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; float: none;} #primary.sidebar-enabled{width: calc(100% - 350px); float: left; display: inline;} #primary.sidebar-disabled{width: 100%; display: inline-block;} aside#secondary{width: 350px; float: right; display: inline;} @media (max-width: 1250px){ .content-container{max-width: unset; width: 100%; display: block; float: left;} } /* Construction Elements */ /* Content container widths */ /* .content-container.max-width-1024{width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-900{width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-768{width: 100%; max-width: 768px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-600{width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-480{width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; float: none;} @media (max-width: 1290px){ .content-container{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px; overflow: hidden;} } @media (max-width: 1064px){ .content-container.max-width-1024{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } @media (max-width: 940px){ .content-container.max-width-900{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } @media (max-width: 808px){ .content-container.max-width-768{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } @media (max-width: 640px){ .content-container.max-width-600{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } @media (max-width: 520px){ .content-container.max-width-480{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } */ /* Content container widths */ /* Floats */ .float-left{float: left;} .float-right{float: right;} .float-none{float: none !important;} @media (max-width: 1024px){ .float-left-under-1024{float: left;} .float-right-under-1024{float: right;} .float-none-under-1024{float: none;} } @media (max-width: 768px){ .float-left-under-768{float: left;} .float-right-under-768{float: right;} .float-none-under-768{float: none;} } @media (max-width: 480px){ .float-left-under-480{float: left;} .float-right-under-480{float: right;} .float-none-under-480{float: none;} } /* Floats */ /* Text */ .text-align-left{text-align: left;} .text-align-center{text-align: center;} .text-align-right{text-align: right;} .text-align-justify{text-align: justify;} .text-decoration-none{text-decoration: none;} .thin{font-weight: 300 !important;} .normal{font-weight: normal !important;} .bold{font-weight: bold !important;} .cursor-pointer{cursor: pointer;} .font-weight-100{font-weight: 100;} .font-weight-200{font-weight: 200;} .font-weight-300{font-weight: 300;} .font-weight-400{font-weight: 400;} .font-weight-500{font-weight: 500;} .font-weight-600{font-weight: 600;} .font-weight-700{font-weight: 700;} .font-weight-800{font-weight: 800;} .font-weight-900{font-weight: 900;} .hypsens-none{hyphens: none;} .hypsens-auto{hyphens: auto;} .lowercase{text-transform: lowercase;} .uppercase{text-transform: uppercase;} .normalcase{text-transform: none;} .underlined{text-decoration: underline;} .italic{font-style: italic;} .three-dots{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .font-size-1{font-size: 1px;} .font-size-2{font-size: 2px;} .font-size-3{font-size: 3px;} .font-size-4{font-size: 4px;} .font-size-5{font-size: 5px;} .font-size-6{font-size: 6px;} .font-size-7{font-size: 7px;} .font-size-8{font-size: 8px;} .font-size-9{font-size: 9px;} .font-size-10{font-size: 10px;} .font-size-11{font-size: 11px;} .font-size-12{font-size: 12px;} .font-size-13{font-size: 13px;} .font-size-14{font-size: 14px;} .font-size-15{font-size: 15px;} .font-size-16{font-size: 16px;} .font-size-17{font-size: 17px;} .font-size-18{font-size: 18px;} .font-size-19{font-size: 19px;} .font-size-20{font-size: 20px;} .font-size-21{font-size: 21px;} .font-size-22{font-size: 22px;} .font-size-23{font-size: 23px;} .font-size-24{font-size: 24px;} .font-size-25{font-size: 25px;} .font-size-26{font-size: 26px;} .font-size-27{font-size: 27px;} .font-size-28{font-size: 28px;} .font-size-29{font-size: 29px;} .font-size-30{font-size: 30px;} .font-size-31{font-size: 31px;} .font-size-32{font-size: 32px;} .font-size-33{font-size: 33px;} .font-size-34{font-size: 34px;} .font-size-35{font-size: 35px;} .font-size-36{font-size: 36px;} .font-size-37{font-size: 37px;} .font-size-38{font-size: 38px;} .font-size-39{font-size: 39px;} .font-size-40{font-size: 40px;} .font-size-41{font-size: 41px;} .font-size-42{font-size: 42px;} .font-size-43{font-size: 43px;} .font-size-44{font-size: 44px;} .font-size-45{font-size: 45px;} .font-size-46{font-size: 46px;} .font-size-47{font-size: 47px;} .font-size-48{font-size: 48px;} .font-size-49{font-size: 49px;} .font-size-50{font-size: 50px;} .font-size-51{font-size: 51px;} .font-size-52{font-size: 52px;} .font-size-53{font-size: 53px;} .font-size-54{font-size: 54px;} .font-size-55{font-size: 55px;} .font-size-56{font-size: 56px;} .font-size-57{font-size: 57px;} .font-size-58{font-size: 58px;} .font-size-59{font-size: 59px;} .font-size-60{font-size: 60px;} .font-size-61{font-size: 61px;} .font-size-62{font-size: 62px;} .font-size-63{font-size: 63px;} .font-size-64{font-size: 64px;} .font-size-65{font-size: 65px;} .font-size-66{font-size: 66px;} .font-size-67{font-size: 67px;} .font-size-68{font-size: 68px;} .font-size-69{font-size: 69px;} .font-size-70{font-size: 70px;} .font-size-71{font-size: 71px;} .font-size-72{font-size: 72px;} .font-size-73{font-size: 73px;} .font-size-74{font-size: 74px;} .font-size-75{font-size: 75px;} .font-size-76{font-size: 76px;} .font-size-77{font-size: 77px;} .font-size-78{font-size: 78px;} .font-size-79{font-size: 79px;} .font-size-80{font-size: 80px;} .font-size-81{font-size: 81px;} .font-size-82{font-size: 82px;} .font-size-83{font-size: 83px;} .font-size-84{font-size: 84px;} .font-size-85{font-size: 85px;} .font-size-86{font-size: 86px;} .font-size-87{font-size: 87px;} .font-size-88{font-size: 88px;} .font-size-89{font-size: 89px;} .font-size-90{font-size: 90px;} .font-size-91{font-size: 91px;} .font-size-92{font-size: 92px;} .font-size-93{font-size: 93px;} .font-size-94{font-size: 94px;} .font-size-95{font-size: 95px;} .font-size-96{font-size: 96px;} .font-size-97{font-size: 97px;} .font-size-98{font-size: 98px;} .font-size-99{font-size: 99px;} .font-size-100{font-size: 100px;} .line-height-1{line-height: 1;} .line-height-10{line-height: 10px;} .line-height-11{line-height: 11px;} .line-height-12{line-height: 12px;} .line-height-13{line-height: 13px;} .line-height-14{line-height: 14px;} .line-height-15{line-height: 15px;} .line-height-16{line-height: 16px;} .line-height-17{line-height: 17px;} .line-height-18{line-height: 18px;} .line-height-19{line-height: 19px;} .line-height-20{line-height: 20px;} .line-height-21{line-height: 21px;} .line-height-22{line-height: 22px;} .line-height-23{line-height: 23px;} .line-height-24{line-height: 24px;} .line-height-25{line-height: 25px;} .line-height-26{line-height: 26px;} .line-height-27{line-height: 27px;} .line-height-28{line-height: 28px;} .line-height-29{line-height: 29px;} .line-height-30{line-height: 30px;} .line-height-31{line-height: 31px;} .line-height-32{line-height: 32px;} .line-height-33{line-height: 33px;} .line-height-34{line-height: 34px;} .line-height-35{line-height: 35px;} .line-height-36{line-height: 36px;} .line-height-37{line-height: 37px;} .line-height-38{line-height: 38px;} .line-height-39{line-height: 39px;} .line-height-40{line-height: 40px;} .line-height-41{line-height: 41px;} .line-height-42{line-height: 42px;} .line-height-43{line-height: 43px;} .line-height-44{line-height: 44px;} .line-height-45{line-height: 45px;} .line-height-46{line-height: 46px;} .line-height-47{line-height: 47px;} .line-height-48{line-height: 48px;} .line-height-49{line-height: 49px;} .line-height-50{line-height: 50px;} .letter-spacing-plus-2-0{letter-spacing: 2px;} .letter-spacing-plus-1-5{letter-spacing: 1.5px;} .letter-spacing-plus-1-0{letter-spacing: 1px;} .letter-spacing-plus-0-5{letter-spacing: 0.5px;} .letter-spacing-0{letter-spacing: 0px;} .letter-spacing-minus-0-5{letter-spacing: -0.5px;} .letter-spacing-minus-1-0{letter-spacing: -1px;} .letter-spacing-minus-1-5{letter-spacing: -1.5px;} .letter-spacing-minus-2-0{letter-spacing: -2px;} @media (max-width: 1250px){ .text-align-left-under-1250{text-align: left;} .text-align-right-under-1250{text-align: right;} .text-align-center-under-1250{text-align: center;} } @media (max-width: 1024px){ .text-align-left-under-1024{text-align: left;} .text-align-right-under-1024{text-align: right;} .text-align-center-under-1024{text-align: center;} } @media (max-width: 768px){ .text-align-left-under-768{text-align: left;} .text-align-right-under-768{text-align: right;} .text-align-center-under-768{text-align: center;} } @media (max-width: 480px){ .text-align-left-under-480{text-align: left;} .text-align-right-under-480{text-align: right;} .text-align-center-under-480{text-align: center;} } /* Text */ /*** Typography ***/ h1.h1{font-size: 40px; line-height: 48px; margin: 0; font-weight: normal;} h2.h2{font-size: 32px; line-height: 38px; margin: 0; font-weight: normal;} h3.h3{font-size: 24px; line-height: 32px; margin: 0; font-weight: normal;} h4.h4{font-size: 18px; line-height: 28px; margin: 0; font-weight: normal;} h5.h5{font-size: 16px; line-height: 24px; margin: 0; font-weight: normal;} h6.h6{font-size: 14px; line-height: 20px; margin: 0; font-weight: normal;} @media (max-width: 620px){ h1.h1{font-size: 36px; line-height: 44px;} h2.h2{font-size: 28px; line-height: 34px;} h3.h3{font-size: 20px; line-height: 28px;} } /*** Typography ***/ /* Position & Visibility */ .box-sizing{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .box-sizing-content-box{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .inline{display: inline;} .inline-block{display: inline-block;} .block{display: block;} .table{display: table;} .hidden{display:none !important;} .visibility-hidden{visibility: hidden;} .overflow-visible{overflow: visible !important;} .overflow-hidden{overflow: hidden !important;} .overflow-x-hidden{overflow-x: hidden;} .overflow-y-hidden{overflow-y: hidden;} .relative{position: relative;} .fixed{position: fixed;} .position-unset{position: unset !important;} .noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;} .video-background-cover{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .opacity-0{opacity: 0;} .opacity-0-1{opacity: 0.1;} .opacity-0-2{opacity: 0.2;} .opacity-0-3{opacity: 0.3;} .opacity-0-4{opacity: 0.4;} .opacity-0-5{opacity: 0.5;} .opacity-0-6{opacity: 0.6;} .opacity-0-7{opacity: 0.7;} .opacity-0-8{opacity: 0.8;} .opacity-0-9{opacity: 0.9;} .opacity-1{opacity: 1;} /* Position & Visibility */ /* Position absolute */ .absolute{position: absolute;} .absolute-fill{top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;} .top-unset{top: unset;} .top-0{top: 0;} .top-50{top: 50%;} .top-100{top: 100%;} .bottom-unset{bottom: unset;} .bottom-0{bottom: 0;} .bottom-50{bottom: 50%;} .bottom-100{bottom: 100%;} .left-unset{left: unset;} .left-0{left: 0;} .left-50{left: 50%;} .left-100{left: 100%;} .right-unset{right: unset;} .right-0{right: 0;} .right-50{right: 50%;} .right-100{right: 100%;} .content-half-height-top{transform: translate(0, -50%);} .content-half-height-bottom{transform: translate(0, 50%);} /* Position absolute */ /* Flex */ /* - old flex classes */ .flex-container{display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center;} .vertical-align{align-items: center;} .justify-content-left{justify-content: left !important;} .flex-direction-column{flex-direction: column !important;} .flex-item{flex: inherit;} .vertical-align-child-elements-the-easy-way{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: center;} /* - main flex classes */ .flex{display: flex;} .flex-wrap{flex-wrap: wrap;} .flex-nowrap{flex-wrap: nowrap;} .flex-direction-row{flex-direction: row;} /* - horizontal align */ .justify-content-start{justify-content: flex-start;} .justify-content-end{justify-content: flex-end;} .justify-content-center{justify-content: center;} .justify-content-space-around{justify-content: space-around;} .justify-content-space-between{justify-content: space-between;} /* - vertical align */ .align-items-start{align-items: flex-start;} .align-items-end{align-items: flex-end;} .align-items-center{align-items: center;} .align-items-stretch{align-items: stretch;} .align-items-unset{align-items: unset;} /* - vertical align content in rows or columns */ .align-content-stretch{align-content: stretch;} .align-content-center{align-content: center;} .align-content-start{align-content: flex-start;} .align-content-end{align-content: flex-end;} .align-content-space-around{align-content: space-around;} .align-content-space-between{align-content: space-between;} @media (max-width: 1200px){ .flex-direction-column-under-1200{flex-direction: column;} .flex-direction-row-under-1200{flex-direction: row;} } @media (max-width: 1024px){ .flex-direction-column-under-1024{flex-direction: column;} .flex-direction-row-under-1024{flex-direction: row;} .order-1-under-1024{order: 1;} .order-2-under-1024{order: 2;} } @media (max-width: 768px){ .flex-direction-column-under-768{flex-direction: column;} .flex-direction-row-under-768{flex-direction: row;} .order-1-under-768{order: 1;} .order-2-under-768{order: 2;} } @media (max-width: 480px){ .order-1-under-480{order: 1;} .order-2-under-480{order: 2;} } /* Flex */ /* Colors */ .white, .hover-white:hover{color: white;} .black, .hover-black:hover{color: black;} .background-white{background-color: white;} .background-black{background-color: black;} /* Colors */ /* Effects */ .hover-effect{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .hover-effect-fast{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} /* Effects */ /* Borders */ .border-none{border:0 none !important;} .border-radius-2{-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .border-radius-3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .border-radius-4{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .border-radius-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .border-radius-6{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .border-radius-7{-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} .border-radius-8{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .border-radius-9{-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} .border-radius-10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .border-radius-11{-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;} .border-radius-12{-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;} .border-radius-13{-webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;} .border-radius-14{-webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;} .border-radius-15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .border-radius-16{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;} .border-radius-17{-webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;} .border-radius-18{-webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;} .border-radius-19{-webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px;} .border-radius-20{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .border-radius-21{-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px;} .border-radius-22{-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;} .border-radius-23{-webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px;} .border-radius-24{-webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;} .border-radius-25{-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;} .border-radius-26{-webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px;} .border-radius-27{-webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px;} .border-radius-28{-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;} .border-radius-29{-webkit-border-radius: 29px; -moz-border-radius: 29px; border-radius: 29px;} .border-radius-30{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} /* Borders */ /* Margin */ .margin-left-auto{margin-left: auto;} .margin-left-0{margin-left: 0px !important;} .margin-left-5{margin-left: 5px !important;} .margin-left-10{margin-left: 10px !important;} .margin-left-15{margin-left: 15px !important;} .margin-left-20{margin-left: 20px !important;} .margin-left-25{margin-left: 25px !important;} .margin-left-30{margin-left: 30px !important;} .margin-left-35{margin-left: 35px !important;} .margin-left-40{margin-left: 40px !important;} .margin-left-45{margin-left: 45px !important;} .margin-left-50{margin-left: 50px !important;} .margin-left-55{margin-left: 55px !important;} .margin-left-60{margin-left: 60px !important;} .margin-left-65{margin-left: 65px !important;} .margin-left-70{margin-left: 70px !important;} .margin-left-75{margin-left: 75px !important;} .margin-left-80{margin-left: 80px !important;} .margin-left-85{margin-left: 85px !important;} .margin-left-90{margin-left: 90px !important;} .margin-left-95{margin-left: 95px !important;} .margin-left-100{margin-left: 100px !important;} .margin-left-105{margin-left: 105px !important;} .margin-left-110{margin-left: 110px !important;} .margin-left-115{margin-left: 115px !important;} .margin-left-120{margin-left: 120px !important;} .margin-left-125{margin-left: 125px !important;} .margin-left-130{margin-left: 130px !important;} .margin-left-135{margin-left: 135px !important;} .margin-left-140{margin-left: 140px !important;} .margin-left-145{margin-left: 145px !important;} .margin-left-150{margin-left: 150px !important;} .margin-left-155{margin-left: 155px !important;} .margin-left-160{margin-left: 160px !important;} .margin-left-165{margin-left: 165px !important;} .margin-left-170{margin-left: 170px !important;} .margin-left-175{margin-left: 175px !important;} .margin-left-180{margin-left: 180px !important;} .margin-left-185{margin-left: 185px !important;} .margin-left-190{margin-left: 190px !important;} .margin-left-195{margin-left: 195px !important;} .margin-left-200{margin-left: 200px !important;} .margin-right-auto{margin-right: auto;} .margin-right-0{margin-right: 0px !important;} .margin-right-5{margin-right: 5px !important;} .margin-right-10{margin-right: 10px !important;} .margin-right-15{margin-right: 15px !important;} .margin-right-20{margin-right: 20px !important;} .margin-right-25{margin-right: 25px !important;} .margin-right-30{margin-right: 30px !important;} .margin-right-35{margin-right: 35px !important;} .margin-right-40{margin-right: 40px !important;} .margin-right-45{margin-right: 45px !important;} .margin-right-50{margin-right: 50px !important;} .margin-right-55{margin-right: 55px !important;} .margin-right-60{margin-right: 60px !important;} .margin-right-65{margin-right: 65px !important;} .margin-right-70{margin-right: 70px !important;} .margin-right-75{margin-right: 75px !important;} .margin-right-80{margin-right: 80px !important;} .margin-right-85{margin-right: 85px !important;} .margin-right-90{margin-right: 90px !important;} .margin-right-95{margin-right: 95px !important;} .margin-right-100{margin-right: 100px !important;} .margin-right-105{margin-right: 105px !important;} .margin-right-110{margin-right: 110px !important;} .margin-right-115{margin-right: 115px !important;} .margin-right-120{margin-right: 120px !important;} .margin-right-125{margin-right: 125px !important;} .margin-right-130{margin-right: 130px !important;} .margin-right-135{margin-right: 135px !important;} .margin-right-140{margin-right: 140px !important;} .margin-right-145{margin-right: 145px !important;} .margin-right-150{margin-right: 150px !important;} .margin-right-155{margin-right: 155px !important;} .margin-right-160{margin-right: 160px !important;} .margin-right-165{margin-right: 165px !important;} .margin-right-170{margin-right: 170px !important;} .margin-right-175{margin-right: 175px !important;} .margin-right-180{margin-right: 180px !important;} .margin-right-185{margin-right: 185px !important;} .margin-right-190{margin-right: 190px !important;} .margin-right-195{margin-right: 195px !important;} .margin-right-200{margin-right: 200px !important;} .margin-top-0{margin-top: 0px !important;} .margin-top-5{margin-top: 5px !important;} .margin-top-10{margin-top: 10px !important;} .margin-top-15{margin-top: 15px !important;} .margin-top-20{margin-top: 20px !important;} .margin-top-25{margin-top: 25px !important;} .margin-top-30{margin-top: 30px !important;} .margin-top-35{margin-top: 35px !important;} .margin-top-40{margin-top: 40px !important;} .margin-top-45{margin-top: 45px !important;} .margin-top-50{margin-top: 50px !important;} .margin-top-55{margin-top: 55px !important;} .margin-top-60{margin-top: 60px !important;} .margin-top-65{margin-top: 65px !important;} .margin-top-70{margin-top: 70px !important;} .margin-top-75{margin-top: 75px !important;} .margin-top-80{margin-top: 80px !important;} .margin-top-85{margin-top: 85px !important;} .margin-top-90{margin-top: 90px !important;} .margin-top-95{margin-top: 95px !important;} .margin-top-100{margin-top: 100px !important;} .margin-top-105{margin-top: 105px !important;} .margin-top-110{margin-top: 110px !important;} .margin-top-115{margin-top: 115px !important;} .margin-top-120{margin-top: 120px !important;} .margin-top-125{margin-top: 125px !important;} .margin-top-130{margin-top: 130px !important;} .margin-top-135{margin-top: 135px !important;} .margin-top-140{margin-top: 140px !important;} .margin-top-145{margin-top: 145px !important;} .margin-top-150{margin-top: 150px !important;} .margin-top-155{margin-top: 155px !important;} .margin-top-160{margin-top: 160px !important;} .margin-top-165{margin-top: 165px !important;} .margin-top-170{margin-top: 170px !important;} .margin-top-175{margin-top: 175px !important;} .margin-top-180{margin-top: 180px !important;} .margin-top-185{margin-top: 185px !important;} .margin-top-190{margin-top: 190px !important;} .margin-top-195{margin-top: 195px !important;} .margin-top-200{margin-top: 200px !important;} .margin-top-minus-1{margin-top: -1px;} .margin-bottom-0{margin-bottom: 0px !important;} .margin-bottom-5{margin-bottom: 5px !important;} .margin-bottom-10{margin-bottom: 10px !important;} .margin-bottom-15{margin-bottom: 15px !important;} .margin-bottom-20{margin-bottom: 20px !important;} .margin-bottom-25{margin-bottom: 25px !important;} .margin-bottom-30{margin-bottom: 30px !important;} .margin-bottom-35{margin-bottom: 35px !important;} .margin-bottom-40{margin-bottom: 40px !important;} .margin-bottom-45{margin-bottom: 45px !important ;} .margin-bottom-50{margin-bottom: 50px !important;} .margin-bottom-55{margin-bottom: 55px !important;} .margin-bottom-60{margin-bottom: 60px !important;} .margin-bottom-65{margin-bottom: 65px !important;} .margin-bottom-70{margin-bottom: 70px !important;} .margin-bottom-75{margin-bottom: 75px !important;} .margin-bottom-80{margin-bottom: 80px !important;} .margin-bottom-85{margin-bottom: 85px !important;} .margin-bottom-90{margin-bottom: 90px !important;} .margin-bottom-95{margin-bottom: 95px !important;} .margin-bottom-100{margin-bottom: 100px !important;} .margin-bottom-105{margin-bottom: 105px !important;} .margin-bottom-110{margin-bottom: 110px !important;} .margin-bottom-115{margin-bottom: 115px !important;} .margin-bottom-120{margin-bottom: 120px !important;} .margin-bottom-125{margin-bottom: 125px !important;} .margin-bottom-130{margin-bottom: 130px !important;} .margin-bottom-135{margin-bottom: 135px !important;} .margin-bottom-140{margin-bottom: 140px !important;} .margin-bottom-145{margin-bottom: 145px !important;} .margin-bottom-150{margin-bottom: 150px !important;} .margin-bottom-155{margin-bottom: 155px !important;} .margin-bottom-160{margin-bottom: 160px !important;} .margin-bottom-165{margin-bottom: 165px !important;} .margin-bottom-170{margin-bottom: 170px !important;} .margin-bottom-175{margin-bottom: 175px !important;} .margin-bottom-180{margin-bottom: 180px !important;} .margin-bottom-185{margin-bottom: 185px !important;} .margin-bottom-190{margin-bottom: 190px !important;} .margin-bottom-195{margin-bottom: 195px !important;} .margin-bottom-200{margin-bottom: 200px !important;} .margin-fix-10{width: calc(100% + 20px); margin-left: -10px; margin-right: -10px;} .margin-fix-15{width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;} .margin-fix-20{width: calc(100% + 40px); margin-left: -20px; margin-right: -20px;} .margin-fix-25{width: calc(100% + 50px); margin-left: -25px; margin-right: -25px;} .margin-fix-30{width: calc(100% + 60px); margin-left: -30px; margin-right: -30px;} .margin-fix-35{width: calc(100% + 70px); margin-left: -35px; margin-right: -35px;} .margin-fix-40{width: calc(100% + 80px); margin-left: -40px; margin-right: -40px;} .margin-fix-45{width: calc(100% + 90px); margin-left: -45px; margin-right: -45px;} .margin-fix-50{width: calc(100% + 100px); margin-left: -50px; margin-right: -50px;} .margin-fix-55{width: calc(100% + 110px); margin-left: -55px; margin-right: -55px;} .margin-fix-60{width: calc(100% + 120px); margin-left: -60px; margin-right: -60px;} .margin-fix-65{width: calc(100% + 130px); margin-left: -65px; margin-right: -65px;} .margin-fix-70{width: calc(100% + 140px); margin-left: -70px; margin-right: -70px;} .margin-fix-75{width: calc(100% + 150px); margin-left: -75px; margin-right: -75px;} .margin-fix-80{width: calc(100% + 160px); margin-left: -80px; margin-right: -80px;} .margin-fix-85{width: calc(100% + 170px); margin-left: -85px; margin-right: -85px;} .margin-fix-90{width: calc(100% + 180px); margin-left: -90px; margin-right: -90px;} .margin-fix-95{width: calc(100% + 190px); margin-left: -95px; margin-right: -95px;} .margin-fix-100{width: calc(100% + 200px); margin-left: -100px; margin-right: -100px;} @media (max-width: 1024px){ .remove-side-margin-under-1024{margin-left: 0 !important; margin-right: 0 !important;} } @media (max-width: 768px){ .remove-side-margin-under-768{margin-left: 0 !important; margin-right: 0 !important;} } @media (max-width: 480px){ .remove-side-margin-under-480{margin-left: 0 !important; margin-right: 0 !important;} } /* Margin */ /* Padding */ .padding-left-0{padding-left: 0px !important;} .padding-left-5{padding-left: 5px !important;} .padding-left-10{padding-left: 10px !important;} .padding-left-15{padding-left: 15px !important;} .padding-left-20{padding-left: 20px !important;} .padding-left-25{padding-left: 25px !important;} .padding-left-30{padding-left: 30px !important;} .padding-left-35{padding-left: 35px !important;} .padding-left-40{padding-left: 40px !important;} .padding-left-45{padding-left: 45px !important;} .padding-left-50{padding-left: 50px !important;} .padding-left-55{padding-left: 55px !important;} .padding-left-60{padding-left: 60px !important;} .padding-left-65{padding-left: 65px !important;} .padding-left-70{padding-left: 70px !important;} .padding-left-75{padding-left: 75px !important;} .padding-left-80{padding-left: 80px !important;} .padding-left-85{padding-left: 85px !important;} .padding-left-90{padding-left: 90px !important;} .padding-left-95{padding-left: 95px !important;} .padding-left-100{padding-left: 100px !important;} .padding-left-105{padding-left: 105px !important;} .padding-left-110{padding-left: 110px !important;} .padding-left-115{padding-left: 115px !important;} .padding-left-120{padding-left: 120px !important;} .padding-left-125{padding-left: 125px !important;} .padding-left-130{padding-left: 130px !important;} .padding-left-135{padding-left: 135px !important;} .padding-left-140{padding-left: 140px !important;} .padding-left-145{padding-left: 145px !important;} .padding-left-150{padding-left: 150px !important;} .padding-left-155{padding-left: 155px !important;} .padding-left-160{padding-left: 160px !important;} .padding-left-165{padding-left: 165px !important;} .padding-left-170{padding-left: 170px !important;} .padding-left-175{padding-left: 175px !important;} .padding-left-180{padding-left: 180px !important;} .padding-left-185{padding-left: 185px !important;} .padding-left-190{padding-left: 190px !important;} .padding-left-195{padding-left: 195px !important;} .padding-left-200{padding-left: 200px !important;} .padding-right-0{padding-right: 0px !important;} .padding-right-5{padding-right: 5px !important;} .padding-right-10{padding-right: 10px !important;} .padding-right-15{padding-right: 15px !important;} .padding-right-20{padding-right: 20px !important;} .padding-right-25{padding-right: 25px !important;} .padding-right-30{padding-right: 30px !important;} .padding-right-35{padding-right: 35px !important;} .padding-right-40{padding-right: 40px !important;} .padding-right-45{padding-right: 45px !important;} .padding-right-50{padding-right: 50px !important;} .padding-right-55{padding-right: 55px !important;} .padding-right-60{padding-right: 60px !important;} .padding-right-65{padding-right: 65px !important;} .padding-right-70{padding-right: 70px !important;} .padding-right-75{padding-right: 75px !important;} .padding-right-80{padding-right: 80px !important;} .padding-right-85{padding-right: 85px !important;} .padding-right-90{padding-right: 90px !important;} .padding-right-95{padding-right: 95px !important;} .padding-right-100{padding-right: 100px !important;} .padding-right-105{padding-right: 105px !important;} .padding-right-110{padding-right: 110px !important;} .padding-right-115{padding-right: 115px !important;} .padding-right-120{padding-right: 120px !important;} .padding-right-125{padding-right: 125px !important;} .padding-right-130{padding-right: 130px !important;} .padding-right-135{padding-right: 135px !important;} .padding-right-140{padding-right: 140px !important;} .padding-right-145{padding-right: 145px !important;} .padding-right-150{padding-right: 150px !important;} .padding-right-155{padding-right: 155px !important;} .padding-right-160{padding-right: 160px !important;} .padding-right-165{padding-right: 165px !important;} .padding-right-170{padding-right: 170px !important;} .padding-right-175{padding-right: 175px !important;} .padding-right-180{padding-right: 180px !important;} .padding-right-185{padding-right: 185px !important;} .padding-right-190{padding-right: 190px !important;} .padding-right-195{padding-right: 195px !important;} .padding-right-200{padding-right: 200px !important;} .padding-top-0{padding-top: 0px !important;} .padding-top-5{padding-top: 5px !important;} .padding-top-10{padding-top: 10px !important;} .padding-top-15{padding-top: 15px !important;} .padding-top-20{padding-top: 20px !important;} .padding-top-25{padding-top: 25px !important;} .padding-top-30{padding-top: 30px !important;} .padding-top-35{padding-top: 35px !important;} .padding-top-40{padding-top: 40px !important;} .padding-top-45{padding-top: 45px !important;} .padding-top-50{padding-top: 50px !important;} .padding-top-55{padding-top: 55px !important;} .padding-top-60{padding-top: 60px !important;} .padding-top-65{padding-top: 65px !important;} .padding-top-70{padding-top: 70px !important;} .padding-top-75{padding-top: 75px !important;} .padding-top-80{padding-top: 80px !important;} .padding-top-85{padding-top: 85px !important;} .padding-top-90{padding-top: 90px !important;} .padding-top-95{padding-top: 95px !important;} .padding-top-100{padding-top: 100px !important;} .padding-top-105{padding-top: 105px !important;} .padding-top-110{padding-top: 110px !important;} .padding-top-115{padding-top: 115px !important;} .padding-top-120{padding-top: 120px !important;} .padding-top-125{padding-top: 125px !important;} .padding-top-130{padding-top: 130px !important;} .padding-top-135{padding-top: 135px !important;} .padding-top-140{padding-top: 140px !important;} .padding-top-145{padding-top: 145px !important;} .padding-top-150{padding-top: 150px !important;} .padding-top-155{padding-top: 155px !important;} .padding-top-160{padding-top: 160px !important;} .padding-top-165{padding-top: 165px !important;} .padding-top-170{padding-top: 170px !important;} .padding-top-175{padding-top: 175px !important;} .padding-top-180{padding-top: 180px !important;} .padding-top-185{padding-top: 185px !important;} .padding-top-190{padding-top: 190px !important;} .padding-top-195{padding-top: 195px !important;} .padding-top-200{padding-top: 200px !important;} .padding-bottom-0{padding-bottom: 0px !important;} .padding-bottom-5{padding-bottom: 5px !important;} .padding-bottom-10{padding-bottom: 10px !important;} .padding-bottom-15{padding-bottom: 15px !important;} .padding-bottom-20{padding-bottom: 20px !important;} .padding-bottom-25{padding-bottom: 25px !important;} .padding-bottom-30{padding-bottom: 30px !important;} .padding-bottom-35{padding-bottom: 35px !important;} .padding-bottom-40{padding-bottom: 40px !important;} .padding-bottom-45{padding-bottom: 45px !important;} .padding-bottom-50{padding-bottom: 50px !important;} .padding-bottom-55{padding-bottom: 55px !important;} .padding-bottom-60{padding-bottom: 60px !important;} .padding-bottom-65{padding-bottom: 65px !important;} .padding-bottom-70{padding-bottom: 70px !important;} .padding-bottom-75{padding-bottom: 75px !important;} .padding-bottom-80{padding-bottom: 80px !important;} .padding-bottom-85{padding-bottom: 85px !important;} .padding-bottom-90{padding-bottom: 90px !important;} .padding-bottom-95{padding-bottom: 95px !important;} .padding-bottom-100{padding-bottom: 100px !important;} .padding-bottom-105{padding-bottom: 105px !important;} .padding-bottom-110{padding-bottom: 110px !important;} .padding-bottom-115{padding-bottom: 115px !important;} .padding-bottom-120{padding-bottom: 120px !important;} .padding-bottom-125{padding-bottom: 125px !important;} .padding-bottom-130{padding-bottom: 130px !important;} .padding-bottom-135{padding-bottom: 135px !important;} .padding-bottom-140{padding-bottom: 140px !important;} .padding-bottom-145{padding-bottom: 145px !important;} .padding-bottom-150{padding-bottom: 150px !important;} .padding-bottom-155{padding-bottom: 155px !important;} .padding-bottom-160{padding-bottom: 160px !important;} .padding-bottom-165{padding-bottom: 165px !important;} .padding-bottom-170{padding-bottom: 170px !important;} .padding-bottom-175{padding-bottom: 175px !important;} .padding-bottom-180{padding-bottom: 180px !important;} .padding-bottom-185{padding-bottom: 185px !important;} .padding-bottom-190{padding-bottom: 190px !important;} .padding-bottom-195{padding-bottom: 195px !important;} .padding-bottom-200{padding-bottom: 200px !important;} @media (max-width: 1024px){ .remove-side-padding-under-1024{padding-left: 0 !important; padding-right: 0 !important;} } @media (max-width: 768px){ .remove-side-padding-under-768{padding-left: 0 !important; padding-right: 0 !important;} } @media (max-width: 480px){ .remove-side-padding-under-480{padding-left: 0 !important; padding-right: 0 !important;} } /* Padding */ /* Width & Height */ .one-fifth{width: 20%;} .one-fourth{width: 25%;} .one-third{width: 33.333333333%;} .one-half{width: 50%;} .two-third{width: 66.666666667%;} .width-auto{width: auto;} .width-5{width: 5%;} .width-10{width: 10%;} .width-15{width: 15%;} .width-20{width: 20%;} .width-25{width: 25%;} .width-30{width: 30%;} .width-33{width: 33.333333333%;} .width-35{width: 35%;} .width-40{width: 40%;} .width-45{width: 45%;} .width-50{width: 50%;} .width-55{width: 55%;} .width-60{width: 60%;} .width-65{width: 65%;} .width-66{width: 66.666666667%;} .width-70{width: 70%;} .width-75{width: 75%;} .width-80{width: 80%;} .width-85{width: 85%;} .width-90{width: 90%;} .width-95{width: 95%;} .width-100{width: 100%;} /* https://is.gd/7C5q36 */ .full-width{width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: table;} .height-auto{height: auto;} .height-1{height: 1px;} .height-10{height: 10px;} .height-15{height: 15px;} .height-20{height: 20px;} .height-25{height: 25px;} .height-30{height: 30px;} .height-35{height: 35px;} .height-40{height: 40px;} .height-45{height: 45px;} .height-50{height: 50px;} .height-55{height: 55px;} .height-60{height: 60px;} .height-65{height: 65px;} .height-70{height: 70px;} .height-75{height: 75px;} .height-80{height: 80px;} .height-85{height: 85px;} .height-90{height: 90px;} .height-95{height: 95px;} .height-100{height: 100px;} .height-105{height: 105px;} .height-110{height: 110px;} .height-115{height: 115px;} .height-120{height: 120px;} .height-125{height: 125px;} .height-130{height: 130px;} .height-135{height: 135px;} .height-140{height: 140px;} .height-145{height: 145px;} .height-150{height: 150px;} .height-155{height: 155px;} .height-160{height: 160px;} .height-165{height: 165px;} .height-170{height: 170px;} .height-175{height: 175px;} .height-180{height: 180px;} .height-185{height: 185px;} .height-190{height: 190px;} .height-195{height: 195px;} .height-200{height: 200px;} .height-100-vh{height: 100vh;} .height-100-percent{height: 100%;} body.admin-bar .height-100-vh{height: calc(100vh - 32px);} @media screen and (max-width: 782px){ body.admin-bar .height-100-vh{height: calc(100vh - 46px);} } @media screen and (max-width: 600px){ /*body.admin-bar .height-100-vh{height: 100vh;}*/ } #vh-100{height: 100vh;} @media (max-width: 1250px){ .width-100-under-1250{width: 100%;} .width-50-under-1250{width: 50%;} .width-33-under-1250{width: 33.333333333%;} } @media (max-width: 1024px){ .width-100-under-1024{width: 100%;} .width-50-under-1024{width: 50%;} .width-33-under-1024{width: 33.333333333%;} .max-width-480-under-1024{max-width: 480px; margin-left: auto; margin-right: auto; float: none;} } @media (max-width: 768px){ .width-100-under-768{width: 100%;} .width-50-under-768{width: 50%;} .width-33-under-768{width: 33.333333333%;} .max-width-480-under-768{max-width: 480px; margin-left: auto; margin-right: auto; float: none;} } @media (max-width: 600px){ .one-fifth, .one-fourth, .one-third{width: 100%;} .width-100-under-600{width: 100%;} .width-50-under-600{width: 50%;} .width-33-under-600{width: 33.333333333%;} .max-width-480-under-600{max-width: 480px; margin-left: auto; margin-right: auto; float: none;} } @media (max-width: 480px){ .one-half{width: 100%;} .width-100-under-480{width: 100%;} .width-50-under-480{width: 50%;} .width-33-under-480{width: 33.333333333%;} } /* Width & Height */ /* Z-index */ .z-index-0{z-index: 0;} .z-index-1{z-index: 1;} .z-index-2{z-index: 2;} .z-index-3{z-index: 3;} .z-index-4{z-index: 4;} .z-index-5{z-index: 5;} .z-index-6{z-index: 6;} .z-index-7{z-index: 7;} .z-index-8{z-index: 8;} .z-index-9{z-index: 9;} .z-index-10{z-index: 10;} .z-index-11{z-index: 11;} .z-index-12{z-index: 12;} .z-index-13{z-index: 13;} .z-index-14{z-index: 14;} .z-index-15{z-index: 15;} .z-index-16{z-index: 16;} .z-index-17{z-index: 17;} .z-index-18{z-index: 18;} .z-index-19{z-index: 19;} .z-index-20{z-index: 20;} .z-index-99{z-index: 99;} .z-index-999{z-index: 999;} /* Z-index */ /* Responsive Stuff */ .show-under-480, .show-under-600, .show-under-767, .show-under-768, .show-under-900, .show-under-1000, .show-under-1024, .show-under-1250, .show-under-1280{display: none !important;} @media (max-width: 1280px){ .hide-under-1280{display: none !important;} .show-under-1280{display: block !important;} } @media (max-width: 1250px){ .hide-under-1250{display: none !important;} .show-under-1250{display: block !important;} } @media (max-width: 1024px){ .hide-under-1024{display: none !important;} .show-under-1024{display: block !important;} } @media (max-width: 1000px){ .hide-under-1000{display: none !important;} .full-width-under-1000{width: 100%;} .show-under-1000{display: block !important;} .center-content-horizontaly-under-1000{margin-left: auto !important; margin-right: auto !important; float: none !important;} } @media (max-width: 900px){ .hide-under-900{display: none !important;} .show-under-900{display: block !important;} } @media (max-width: 768px){ .hide-under-768{display: none !important;} .show-under-768{display: block !important;} } @media (max-width: 767px){ .hide-under-767{display: none !important;} .show-under-767{display: block !important;} } @media (max-width: 600px){ .hide-under-600{display: none !important;} .show-under-600{display: block !important;} } @media (max-width: 480px){ .hide-under-480{display: none !important;} .show-under-480{display: block !important;} } /* Responsive Stuff */ /* Responsive video */ .video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;} /* Responsive video */ /*** GLOBAL STYLES ***/ /*** TYPOGRAPHY ***/ h1, .h1{font-size: 60px; line-height: 1.2; margin: 0; font-weight: 300;} h2, .h2{font-size: 50px; line-height: 1.2; margin: 0; font-weight: 300;} h3, .h3{font-size: 40px; line-height: 1.2; margin: 0; font-weight: 300;} h4, .h4{font-size: 30px; line-height: 1.2; margin: 0; font-weight: 300;} h5, .h5{font-size: 20px; line-height: 1.2; margin: 0; font-weight: 300;} h6, .h6{font-size: 16px; line-height: 1.2; margin: 0; font-weight: 300;} @media (max-width: 1024px){ h1, .h1{font-size: 50px;} h2, .h2{font-size: 40px;} h3, .h3{font-size: 30px;} h4, .h4{font-size: 25px;} } @media (max-width: 480px){ h2, .h2{font-size: 30px;} h2 > br{display: none;} } /*** TYPOGRAPHY ***/ /* CONTENT CONTAINER WIDTHS */ .content-container.max-width-1500{width: 100%; max-width: 1500px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-1024{width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-900{width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-800{width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-768{width: 100%; max-width: 768px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-600{width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; float: none;} .content-container.max-width-480{width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; float: none;} @media (max-width: 1540px){ .content-container.max-width-1500{max-width: unset; width: 100%; display: block; float: left; padding-left: 100px; padding-right: 100px;} } @media (max-width: 1400px){ .content-container{max-width: unset; width: 100%; display: block; float: left; padding-left: 100px; padding-right: 100px;} } @media (max-width: 1064px){ .content-container.max-width-1024{max-width: unset; width: 100%; display: block; float: left; padding-left: 100px; padding-right: 100px;} } @media (max-width: 940px){ .content-container.max-width-900{max-width: unset; width: 100%; display: block; float: left; padding-left: 100px; padding-right: 100px;} } @media (max-width: 900px){ .content-container.max-width-1500, .content-container, .content-container.max-width-1024, .content-container.max-width-900{padding-left: 20px; padding-right: 20px;} } @media (max-width: 840px){ .content-container.max-width-800{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } @media (max-width: 808px){ .content-container.max-width-768{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } @media (max-width: 640px){ .content-container.max-width-600{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } @media (max-width: 520px){ .content-container.max-width-480{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;} } /* CONTENT CONTAINER WIDTHS */ /*** LAYOUT & CLASSES ***/ .max-width-250{max-width: 250px;} .max-width-350{max-width: 350px;} .max-width-500{max-width: 500px;} .max-width-625{max-width: 625px;} .max-width-900{max-width: 900px;} .max-width-1500{max-width: 1500px;} .min-height-400{min-height: 400px;} .min-height-500{min-height: 500px;} .min-height-1140{min-height: 1140px;} .min-height-1240{min-height: 1240px;} @media (max-width: 1024px){ .one-half{width: 100%;} .max-width-625{float: none; margin-left: auto; margin-right: auto;} .max-width-625-under-1024{width: 100%; max-width: 625px; margin-left: auto; margin-right: auto; float: none;} } /*** LAYOUT & CLASSES ***/ /*** COLORS ***/ .blue, .hover-blue:hover, .hover-blue:active, .hover-blue:focus{color: #00addf;} .background-blue{background-color: #00addf;} .dark, .hover-dark:hover, .hover-dark:active, .hover-dark:focus{color: #040404;} .background-dark{background-color: #040404;} .light-gray, .hover-light-gray:hover, .hover-light-gray:active, .hover-light-gray:focus{color: #bbb;} .background-light-gray{background-color: #bbb;} .background-0d141c{background-color: #0d141c;} .background-15212e{background-color: #15212e;} .background-161e27{background-color: #161e27;} .background-hard-gradient-0d141c-to-040404{background: #0d141c; background: linear-gradient(180deg, #0d141c 0%, #0d141c 50%, #040404 50%, #040404 100%);} .background-transparent{background-color: transparent;} .background-white{background-color: #fff;} @media (max-width: 768px){ .background-hard-gradient-0d141c-to-040404{background: #0d141c; background: linear-gradient(180deg, rgba(13,20,28,1) 0%, rgba(4,4,4,1) 100%);} } /*** COLORS ***/ /*** ADMIN BAR ***/ body.admin-bar.fixed #masthead-outer-container{margin-top: 32px;} body.admin-bar.fixed .nav-content-container{height: calc(100vh - 132px);} @media screen and (min-width: 1200px){ body.admin-bar .wpb-hero-container{height: calc(100vh - 132px);} } @media screen and (max-width: 782px){ body.admin-bar.fixed #masthead-outer-container{margin-top: 46px;} body.admin-bar.fixed .nav-content-container{height: calc(100vh - 146px);} } @media screen and (max-width: 600px){ body.admin-bar.fixed #masthead-outer-container{/*margin-top: 0;*/} body.admin-bar.fixed .nav-content-container{height: calc(100vh - 100px);} } /*** ADMIN BAR ***/ /*** HERO GLOBE ***/ .service-hero.globe-hero{background-color: #b6b6b6; padding-top: 300px; padding-bottom: 270px;} .service-hero.globe-hero:before{background-color: rgba(0,0,0,.35);} #header-earth{position: absolute; top: 50%; right: 50px; width: 1200px; height: 1200px; z-index: 0; opacity: 1; transform: translate(0, -50%); pointer-events: none;} @media (max-width: 768px){ #header-earth{right: 50%; width: 800px; height: 800px; transform: translate(50%, -50%);} } /*** HERO GLOBE ***/ /*** PAGE HERO ***/ .page-hero{height: 100vh; margin-top: -100px; padding-top: 100px; position: relative;} .page-hero:before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.55); z-index: 0;} .page-hero .the-content{z-index: 2; position: relative;} .page-hero .the-content h1{font-size: 50px;} .page-hero .the-content h1 > p{margin: 0;} .page-hero .the-content .arrow-down{position: absolute; top: unset; bottom: 0; left: 0; width: 1px; height: 125px; background: #fff;} .page-hero .the-content .arrow-down:after{content: ""; position: absolute; top: calc(100% - 2px); left: -4px; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(45deg) translate(-50%, -50%); -webkit-transform: rotate(45deg) translate(-50%, -50%);} .page-hero .the-content .arrow-down{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .page-hero .the-content .arrow-down:hover{top: unset; bottom: 0;} .page-hero .the-content .agma-button:hover ~ .arrow-down{top: unset; bottom: -25px;} .wpb-hero-container .hero-h1-title{max-width: max-content;} @media (max-width: 1290px){ .page-hero .content-container{padding-left: 100px;} } @media (max-width: 1024px){ .page-hero{height: auto;} .page-hero .the-content .arrow-down{height: 100px; bottom: 50px;} .page-hero .the-content .agma-button:hover ~ .arrow-down{bottom: 25px} .page-hero .the-content h1{font-size: 40px;} } @media (max-width: 480px){ .page-hero .content-container{padding-left: 20px;} .page-hero .the-content h1{font-size: 30px;} } /*** PAGE HERO ***/ /*** TESTIMONIALS SLIDER ***/ #testimonials-slider-on .slick-dots{position: relative; margin: 50px 0 0 0; bottom: unset;} #testimonials-slider-on .slick-dots li button:before{background-color: #fff; border-radius: 50%;} .single-testimonial{display: flex !important;} .single-testimonial .person{width: 100%; height: auto; display: block; float: left;} .single-testimonial .content{display: block; width: 100%; padding: 50px 50px 50px 60px; background-color: #0d141c; border-radius: 30px; color: #fff; font-weight: 300; font-style: italic; font-size: 25px; line-height: 45px;} .single-testimonial .content p:only-of-type, .single-testimonial .content p:last-child{margin: 0;} .single-testimonial .name{} .single-testimonial .position-and-logo{} .single-testimonial .position-and-logo .position{max-width: calc(100% - 150px);} .single-testimonial .position-and-logo .logo{max-width: 100px; display: block; float: left;} .testimonials-slider{padding: 0 0 0 70px;} .single-testimonial-new{width: 100%; max-width: calc(25% - 40px); display: inline-block; margin: 0 20px; color: #fff; font-weight: 300;} .single-testimonial-new .testimonial-content{background-color: #0d141c; padding: 20px 30px; border-radius: 15px; font-style: italic; margin: 0 0 20px 0;} .single-testimonial-new .testimonial-content p{margin: 0;} .single-testimonial-new .testimonial-name{text-align: center;} .single-testimonial-new .testimonial-position{text-align: center; margin: 0; color: #00addf;} .testimonials-slider .slick-dots{position: relative; bottom: unset; margin: 50px 0 0 0;} .testimonials-slider .slick-dots li button:before{background-color: #fff; border-radius: 50%;} .testimonials-slider .slick-dots li.slick-active button:before{background-color: #fff;} @media (max-width: 900px){ .testimonials-slider{padding: 0;} } @media (max-width: 480px){ .single-testimonial .content{padding: 25px 25px 25px 35px;} } /*** TESTIMONIALS SLIDER ***/ /*** SERVICES ***/ .service-hero{margin-top: -100px;} .service-hero:before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 0;} .service-hero .service-title{font-size: 78px;} .background-mobile-phone-and-basket{background-image: url('../agma-theme/images/background-mobile-phone-and-basket.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;} .service-hero .service-hero-text{position: relative; z-index: 1; margin-top: 70px; text-align: center;} .service-hero .service-hero-text p{color: #fff;} .service-hero .service-hero-text p:only-of-type, .service-hero .service-hero-text p:last-of-type{margin: 0;} @media (max-width: 1024px){ .service-hero .service-title{font-size: 58px;} .one-half-text-one-half-image{flex-direction: column;} .one-half-text-one-half-image .image{order: 1; max-width: 480px; margin: 0 auto 50px auto; float: none;} .one-half-text-one-half-image .text{order: 2; max-width: 480px; margin: 0 auto; float: none;} .background-mobile-phone-and-basket{background-size: contain; background-position: bottom; min-height: unset; padding-bottom: 450px;} } @media (max-width: 800px){ .background-mobile-phone-and-basket{padding-bottom: 350px;} } @media (max-width: 620px){ .background-mobile-phone-and-basket{padding-bottom: 250px;} } @media (max-width: 480px){ .service-hero .service-title{font-size: 48px;} } @media (max-width: 420px){ .background-mobile-phone-and-basket{padding-bottom: 200px;} } /*** SERVICES ***/ /*** GLOBE ***/ #projects-globe{position: relative;} #projects-globe:after{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1200; pointer-events: none; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,0.05) 52%, rgb(72 125 157 / 25%) 54%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 64%, rgba(0,0,0,0) 100%); opacity: 0.75; } .projects-globe-container-with-text{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: stretch;} .projects-globe-container-with-text .text-along-globe-container{width: 33.3333333333%; color: #fff; margin-top: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; flex-direction: column;} .projects-globe-container-with-text .text-along-globe-container.left{padding: 100px 50px 100px 0;} .projects-globe-container-with-text .text-along-globe-container.right{padding: 100px 0 100px 50px;} .projects-globe-container-with-text .text-along-globe-container p{font-weight: 300;} .projects-globe-container-with-text .text-along-globe-container .agma-button:not(.solid){margin-top: auto;} .projects-globe-container-with-text .earth-container{width: 66.666666667%;} #client_logos_slider{} #client_logos_slider .single-logo{width: 150px; height: 70px; margin: 20px; background-repeat: no-repeat; background-position: center; background-size: contain;} @media (max-width: 1200px){ .projects-globe-container-with-text .text-along-globe-container{width: 100%; padding: 0 0 100px 0; order: 2; flex-direction: row;} .projects-globe-container-with-text .text-along-globe-container .agma-button:not(.solid){margin-top: 0;} .projects-globe-container-with-text .text-along-globe-container .agma-button{width: fit-content; margin: 0 auto 0 0 !important;} .projects-globe-container-with-text .text-along-globe-container .agma-button.solid{margin: 0 0 0 auto !important;} .projects-globe-container-with-text .text-along-globe-container.left, .projects-globe-container-with-text .text-along-globe-container.right{padding: 0 0 75px 0;} .projects-globe-container-with-text .earth-container{width: 100%;} } @media (max-width: 420px){ .projects-globe-container-with-text .text-along-globe-container .agma-button{width: 100%;} .projects-globe-container-with-text .text-along-globe-container .agma-button:not(.solid){margin: 0 0 25px 0 !important;} } /*** GLOBE ***/ /*** BLOG ***/ .single-post-in-loop{padding-left: 10px; padding-right: 10px;} /*** BLOG ***/ /*** CF7 ***/ .wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0;} .wpcf7 form .wpcf7-response-output{color: #fff; margin: 15px 15px 0 15px; padding: 0; border: 0 none; font-size: 12px; width: calc(100% - 30px); position: absolute; top: calc(100% + 50px);} .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output{display:none;} .wpcf7 form.sent .wpcf7-response-output{border-color:#46b450;} .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232;} .wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{border-color:#ffb900;} .wpcf7-form-control-wrap{position:relative;} .wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block;} .use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em;} .wpcf7-list-item{display:inline-block;margin:0 0 0 1em;} .wpcf7-list-item-label::before, .wpcf7-list-item-label::after{content:" ";} .wpcf7 .ajax-loader{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative;} .wpcf7 form.submitting .ajax-loader{visibility:visible;} .wpcf7 .ajax-loader::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite;} @media (prefers-reduced-motion: reduce) { .wpcf7 .ajax-loader::before{animation-name:blink;animation-duration:2000ms;} } @keyframes spin { from{transform:rotate(0deg);} to{transform:rotate(360deg);} } @keyframes blink { from{opacity:0;} 50%{opacity:1;} to{opacity:0;} } .wpcf7 input[type="file"]{cursor:pointer;} .wpcf7 input[type="file"]:disabled{cursor:default;} .wpcf7 .wpcf7-submit:disabled{cursor:not-allowed;} .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{direction:ltr;} .contact-form-container{padding-left: 150px; padding-right: 150px;} .wpcf7-form{width: calc(100% + 30px); margin: 0 -15px; position: relative;} .wpcf7-form p{margin: 0;} .wpcf7-form .wpcf7-form-control-wrap{display: block; float: left; width: calc(100% - 30px); margin: 0 15px 40px 15px; position: relative;} .wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap textarea{display: block; width: 100%; float: left; background: transparent; border-color: rgba(255,255,255,.5); border-width: 0 0 1px 0; border-style: solid; padding: 10px 0; line-height: 20px; border-radius: 0; color: #fff;} .wpcf7-form .wpcf7-form-control-wrap input:focus, .wpcf7-form .wpcf7-form-control-wrap input:active, .wpcf7-form .wpcf7-form-control-wrap textarea:focus, .wpcf7-form .wpcf7-form-control-wrap textarea:active{outline: 0; border-color: #fff;} .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{position: absolute; font-size: 12px; top: 100%;} .wpcf7-form .wpcf7-form-control-wrap.sender-names, .wpcf7-form .wpcf7-form-control-wrap.sender-email, .wpcf7-form .wpcf7-form-control-wrap.sender-phone, .wpcf7-form .wpcf7-form-control-wrap.about{width: calc(50% - 30px);} .wpcf7-form input[type="submit"]{width: calc(100% - 30px); line-height: 20px; margin: 0 15px; padding: 15px; border-radius: 0; border: 1px solid #fff; background: transparent; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 1.8px; cursor: pointer;} .wpcf7-form input[type="submit"]:hover{background: #fff; color: #000; border: 1px solid #fff;} .wpcf7-form .wpcf7-response-output{} .wpcf7-form br, .wpcf7-form .ajax-loader{display: none;} .wpcf7-form-control{height: auto;} .wpcf7-form .selected-services-container label{width: 100%; display: inline-block; text-align: left; padding: 0 20px 20px 20px; color: #ffffff7a;} .wpcf7-form .wpcf7-form-control-wrap .selected-services{} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item{width: 100%; display: block; height: fit-content; padding: 10px 10px 10px 26px; margin: 0 0 20px 0; border-radius: 0; color: #fff; font-size: 12px; line-height: 28px; font-weight: 500; text-transform: uppercase; background-color: transparent; border: 2px solid #fff; position: relative; text-align: left;} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item:only-child, .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item:last-child{margin: 0;} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item.checked-list-item, .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item.hovered-list-item{background-color: #fff; color: #0d141c;} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item.checked-list-item input[type="checkbox"]:before, .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item.hovered-list-item input[type="checkbox"]:before{color: #0d141c;} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item .wpcf7-list-item-label{} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item input[type="checkbox"]{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item input[type="checkbox"]{-webkit-appearance: none; cursor: pointer; -webkit-transition: .10s; border-radius: 0; background-color: transparent; border: none; margin: 0; padding: 0; font-size: 20px; line-height: 28px; text-align: center;} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item input[type="checkbox"]{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item input[type="checkbox"]:checked{} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item input[type="checkbox"]:before{position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); height: 28px; width: 28px; content: '\e832'; font-family: 'agma-icons';} .wpcf7-form .wpcf7-form-control-wrap .selected-services .wpcf7-list-item input[type="checkbox"]:checked:before{content: '\e831';} @media (max-width: 1250px){ .contact-form-container{padding-left: 20px; padding-right: 20px;} } @media (max-width: 480px){ .wpcf7-form .wpcf7-form-control-wrap.sender-names, .wpcf7-form .wpcf7-form-control-wrap.sender-email, .wpcf7-form .wpcf7-form-control-wrap.sender-phone, .wpcf7-form .wpcf7-form-control-wrap.about{width: calc(100% - 30px);} } /*** CF7 ***/ /*** TWENTY 20 ***/ .twenty20{display: block; float: left; margin: 0;} .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{content:" ";display:block;background:white;position:absolute;z-index:30;-webkit-box-shadow:0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 0 12px rgba(51,51,51,0.5);box-shadow:0 0 12px rgba(51,51,51,0.5)} .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{width:1px;height:9999px;left:50%;margin-left:-0.5px} .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{width:9999px;height:1px;top:50%;margin-top:-0.5px} .twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s} .twentytwenty-before-label, .twentytwenty-after-label{-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;color:white;font-size:13px;letter-spacing:.1em;position:absolute;background:rgba(255,255,255,0.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow{width:0;height:0;border:6px inset transparent;position:absolute} .twentytwenty-left-arrow, .twentytwenty-right-arrow{top:50%;margin-top:-6px} .twentytwenty-up-arrow, .twentytwenty-down-arrow{left:50%;margin-left:-6px} .twentytwenty-container{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; padding: 68px 0 0 0;} .twentytwenty-container img{max-width: 100%; width: 100%; position: absolute; top: unset; bottom: 0; display: block;} .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay{background: transparent;} .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active:hover .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active:hover .twentytwenty-overlay .twentytwenty-after-label{opacity: 1;} .twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .twentytwenty-before-label{opacity: 1;} .twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-after-label{opacity:1} .twentytwenty-after-label{opacity: 1;} .twentytwenty-horizontal .twentytwenty-before-label, .twentytwenty-horizontal .twentytwenty-after-label{max-width: unset; box-sizing: border-box; padding: 0; width: 120px; height: 48px; line-height: 48px; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 500; border-radius: 0; background-color: #fff; color: #000;} .twentytwenty-horizontal .twentytwenty-before-label{top: 0; left: calc(50% - 120px);} .twentytwenty-horizontal .twentytwenty-after-label{top: 0; left: 50%;} .twentytwenty-vertical .twentytwenty-before-label{top:1px;line-height:inherit;padding:6px;box-sizing:border-box} .twentytwenty-vertical .twentytwenty-after-label{bottom:1px;line-height:inherit;padding:6px;box-sizing:border-box} .twentytwenty-overlay{-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0,0,0,0);z-index:25} .twentytwenty-overlay:hover{background: transparent;} .twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1} .twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1} .twentytwenty-before{z-index:20} .twentytwenty-after{z-index:10} .twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top: 0;border:3px solid white;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 0 12px rgba(51,51,51,0.5);box-shadow:0 0 12px rgba(51,51,51,0.5);z-index:40;cursor:pointer} .twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px;} .twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px;} .twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;} .twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;} .twentytwenty-left-arrow{border-right:6px solid white;left:50%;margin-left:-17px} .twentytwenty-right-arrow{border-left:6px solid white;right:50%;margin-right:-17px} .twentytwenty-up-arrow{border-bottom:6px solid white;top:50%;margin-top:-17px} .twentytwenty-down-arrow{border-top:6px solid white;bottom:50%;margin-bottom:-17px} @media (max-width: 480px){ .twentytwenty-container{padding: 58px 0 0 0;} .twentytwenty-horizontal .twentytwenty-before-label, .twentytwenty-horizontal .twentytwenty-after-label{height: 30px; line-height: 30px; font-size: 14px;} } /*** TWENTY 20 ***/ /*** YASP RATING ***/ .yasr-star-rating{background-image: url('../agma-theme/images/star_0.svg');} .yasr-star-rating{width:0;position:relative;display:inline-block;background-position:0 0;background-repeat:repeat-x;vertical-align:bottom} .yasr-star-rating[data-title]:hover:after{content:attr(data-title);padding:4px 8px;color:#333;position:absolute;left:0;top:100%;z-index:20;white-space:nowrap;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 4px #222;-webkit-box-shadow:0 0 4px #222;box-shadow:0 0 4px #222;background-image:-moz-linear-gradient(top,#eeeeee,#cccccc);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eeeeee),color-stop(1,#cccccc));background-image:-webkit-linear-gradient(top,#eeeeee,#cccccc);background-image:-moz-linear-gradient(top,#eeeeee,#cccccc);background-image:-ms-linear-gradient(top,#eeeeee,#cccccc);background-image:-o-linear-gradient(top,#eeeeee,#cccccc)} .yasr-star-rating .yasr-star-value{background-image: url('../agma-theme/images/star_1.svg');} .yasr-star-rating .yasr-star-value{height:100%;position:absolute;position:absolute;height:100%;width:100%;background-repeat:repeat-x} .yasr-star-rating::before{content:none!important} .yasr-star-value::before{content:none!important} .yasr-auto-insert-overall{margin-top:10px} .yasr-auto-insert-visitor{margin-top:10px} #yasr-custom-text-before-overall{display:block;padding-right:15px;vertical-align:top} .yasr-vv-second-row-container{line-height:normal;display:inline-block} .yasr-vv-stats-text-container{width: 100%; display: block; float: left; font-size: 12px; text-transform: uppercase; margin: 10px 0 0 0;} .yasr-dashicons-visitor-stats{cursor:pointer;display:inline-block;vertical-align:bottom} .yasr-vv-container-loader{display: block; width: 100%; float: left; margin: 5px 0 0 0; font-weight: normal; font-size: 12px;} .yasr-vv-container-loader:empty{display: none;} .yasr-small-block-bold{display: block; width: 100%; float: left; margin: 5px 0 0 0; font-weight: normal; font-size: 12px;} .yasr-most-rated-text{display:block} .yasr-loader-multiset-visitor{display:none} .yasr-multiset-average{text-align:center} .yasr-multiset-average-text{vertical-align:super} .yasr-vv-stars-title-container{display:inline} .yasr-stars-title{margin-left:4px;vertical-align:baseline} .yasr-stars-title-average{font-size:12px;margin-left:4px;vertical-align:baseline} .yasr-widget-recent-ratings-table{border:none} .yasr-widget-recent-ratings-td{border:none} .yasr-widget-recent-ratings-text{font-weight:bold} #yasr-medium-rating-tooltip{font-size:14px} .yasr-progress-bar-row-container{width:100%;display:flex;align-items:center;padding-top:2px;padding-bottom:2px} .yasr-progress-bar-name{min-width:72px;font-size:14px!important} .yasr-single-progress-bar-container{flex-grow:12} .yasr-progress-bar-votes-count{flex-grow:0;text-align:center;font-size:14px!important;min-width:40px} .yasr-visitors-stats-tooltip{min-width:300px;text-align:center;background-color:white;color:#0a0a0a} .tippy-tooltip.yasr-theme{background-color:white;color:black;border:1px solid #aaaaaa} .tippy-roundarrow{fill:#aaa!important} .yasr-w3-border-0{border:0!important} .yasr-w3-border{border:1px solid #ccc!important;background:linear-gradient(to bottom,#eee,#f6f6f6)} .yasr-w3-border-top{border-top:1px solid #ccc!important} .yasr-w3-border-bottom{border-bottom:1px solid #ccc!important} .yasr-w3-border-left{border-left:1px solid #ccc!important} .yasr-w3-border-right{border-right:1px solid #ccc!important} .yasr-w3-amber, .yasr-w3-hover-amber:hover{color:#000!important;background:linear-gradient(to bottom,#ffda44,#f1cb32);background-color:#ffce00} .yasr-log-container{width:98%} .yasr-log-div-child{padding-top:5px;border-bottom:1px solid #BBD8E7;padding-bottom:20px} .yasr-log-image{list-style-type:none;display:inline-block;float:left} .yasr-log-child-head{padding-left:37px} #yasr-log-vote{color:red} #yasr-log-vote-users{color:green} .yasr-log-post{color:#2683AE} .yasr-log-ip-date{padding-top:5px} .yasr-log-ip{float:left;padding-left:5px} .yasr-log-date{float:right} #yasr-log-next-rows{padding-top:15px;text-align:right} #yasr-log-page-navigation{padding-top:7px;text-align:center} /*** YASP RATING ***/ /*** 3D GALLERY ***/ .gallery-3d-container{padding-top: 120px; padding-bottom: 45px;} .dg-container{overflow:visible;} .dg-wrapper{width: 100%; max-width: 600px; height: auto; aspect-ratio: 1/1.1; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px} .dg-wrapper .single-slide{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: top center; background-size: contain;} .dg-wrapper .single-slide:before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1;} .dg-wrapper .single-slide:before{-webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease;} .dg-wrapper .single-slide{-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .dg-wrapper .single-slide > *{position: relative; z-index: 2;} .dg-wrapper .single-slide.dg-center{} .dg-wrapper .single-slide.dg-center:before{background-color: rgba(0,0,0,0);} .dg-container nav{width: auto ; z-index: 99; margin:25px auto; text-align: center; display: table; position: relative;} .dg-container nav span{float: left; cursor: pointer; width: 46px; height: 46px; border: 2px solid #00addf; color: #00addf; background-color: transparent;} .dg-container nav span:hover{background-color: #00addf; color: #fff;} .dg-container nav span:active, .dg-container nav span:focus{color: #00addf; background-color: transparent;} .dg-container nav span:before{font-family: "agma-icons"; width: 100%; font-size: 16px; line-height: 42px; text-align: center; height: 100%; display: inline-block;} .dg-container nav span.dg-prev{margin-right: 5px;} .dg-container nav span.dg-next{margin-left: 5px;} .dg-container nav span.dg-prev:before{content: "\e809";} .dg-container nav span.dg-next:before{content: "\e808";} /*** 3D GALLERY ***/ /*** TABS ***/ .tabs{} .tabs ul.tabs-navigation{list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #00addf; display: flex; flex-wrap: wrap;} .tabs ul.tabs-navigation li{display: inline-block; list-style: none; margin: 0 1px 0 0;} .tabs ul.tabs-navigation li:hover, .tabs ul.tabs-navigation li.r-tabs-state-active{} .tabs ul.tabs-navigation li:only-child, .tabs ul.tabs-navigation li:last-child{margin: 0;} .tabs ul.tabs-navigation li a{display: inline-block; color: #00addf; font-size: 16px; line-height: 1; font-weight: 500; text-transform: uppercase; text-decoration: none; padding: 15px 30px; background-color: transparent;} .tabs ul.tabs-navigation li:hover a, .tabs ul.tabs-navigation li.r-tabs-state-active a{text-decoration: none; color: #fff; background-color: #00addf;} .tabs .r-tabs-accordion-title{display: none; color: #00addf; font-size: 16px; line-height: 1; font-weight: 500; text-transform: uppercase; text-decoration: none; margin-bottom: 1px;} .tabs .r-tabs-accordion-title a{display: inline-block; min-width: 200px; color: #fff; font-size: 16px; line-height: 1; font-weight: 500; text-align: center; text-transform: uppercase; text-decoration: none; padding: 15px 30px; background-color: transparent; background-color: rgba(0,173,223,.5);} .tabs .r-tabs-accordion-title a:hover{text-decoration: none; color: #fff; background-color: #00addf;} .tabs .r-tabs-accordion-title.r-tabs-state-active{border-bottom: 1px solid #00addf; margin-bottom: 0;} .tabs .r-tabs-accordion-title.r-tabs-state-active a{text-decoration: none; color: #fff; background-color: #00addf;} .tabs .r-tabs-accordion-title.r-tabs-state-active a:hover{} .tabs .tab-container{display: none; width: 100%;} .tabs .tab-container.r-tabs-state-active{display: block;} .tabs .tab-container .flex-content{display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; padding: 70px 0;} .tabs .tab-container .text{width: 66.666666667%; padding-right: 35px;} .tabs .tab-container .text .tab-title{margin: 0 0 35px 0;} .tabs .tab-container .text p{} .tabs .tab-container .text p:only-of-type, .tabs .tab-container .text p:last-of-type{margin: 0 0 35px 0;} .tabs .tab-container .text .tab-button{} .tabs .tab-container .text .tab-button:hover{} .tabs .tab-container .image{width: 33.333333333%;} .tabs .tab-container .image img{display: block; margin: 0 auto;} @media only screen and (max-width: 768px) { .tabs{width: 100%; max-width: 625px; float: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;} } @media only screen and (max-width: 665px) { .tabs{width: 100%; max-width: unset; float: left; margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px;} .tabs ul.tabs-navigation{display: none;} .tabs .r-tabs-accordion-title{display: block;} .tabs .r-tabs-accordion-title a{width: 100%;} .tabs .tab-container:last-of-type .flex-content{padding: 70px 0 0 0;} } @media only screen and (max-width: 480px) { .tabs .tab-container .text{width: 100%; padding-right: 0; text-align: center;} .tabs .tab-container .image{width: 100%; padding-top: 70px;} .tabs .r-tabs-accordion-title.r-tabs-state-active{border-bottom: none;} .tabs .r-tabs-accordion-title a{width: 100%;} } /*** TABS ***/ .service-container.has-image > div { display: flex; flex-direction: row; } .service-container.has-image > div.is-reversed { flex-direction: row-reverse; } .service-container.has-image > div .service-container-image { width: 50%;} .service-container.has-image > div .service-content .background-text { left: -140px; } .service-container.has-image > div .service-content { padding-right: 20px; } ul.big-marks.has-small-list-icons { font-size: 16px; } ul.big-marks.is-vcentered li:before { top: 50%; transform: translateY(-50%); } @media (max-width: 1024px) { .service-container.has-image > div .service-content .background-text { font-size: 300px; } } @media (max-width: 768px) { .service-container.has-image > div .service-container-image { display: none; } .service-container.has-image > div, .service-container.has-image > div.is-reversed { flex-direction: column; } } .qr-form select { background-color: transparent; border-top: 0; border-right: 0; border-left: 0; border-color: rgba(255, 255, 255, .5); width: 100%; padding-top: 2px; padding-bottom: 12px; outline: none; color: #666; } .qr-form input[type="submit"] { color: #00addf; border: 0; } .qr-form input[type="submit"]:hover { background-color: transparent; color: #00addf; border: 0; } .qr-contacts > div { padding: 0 !important; } .qr-contacts > div .content-boxes-container, .qr-contacts > div .content-boxes-container .content-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .qr-contacts > div .content-boxes-container .content-box:hover { background-color: transparent !important; } .qr-contacts > div .content-boxes-container .content-box i { display: inline-block; width: 60px; padding: 10px; box-sizing: border-box; background-color: #0d141c; color: #00addf; font-size: 40px; margin-right: 20px; } .qr-contacts > div .content-boxes-container .content-box .title, .qr-contacts > div .content-boxes-container .content-box p { display: inline-block; width: calc(100% - 80px); } .qr-contacts > div .content-boxes-container .content-box .title:after { content: none; } .qr-contacts > div .content-boxes-container .content-box .title { padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 6px; margin-left: 0; font-size: 16px; text-transform: uppercase; color: #00addf; } .accordion li { list-style: none; padding-left: 0; padding-right: 0; display: flex; flex-direction: column; } .accordion li input { position: absolute; opacity: 0; z-index: -1; } .accordion li label { cursor: pointer; position: relative; padding-top: 4px; padding-bottom: 4px; padding-right: 34px; border-bottom: 1px solid #666; margin-bottom: 4px; font-size: 24px; color: #FFF; } .accordion li label:after { content: '+'; font-size: 24px; color: #00b3d9; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .accordion li span { color: #999; padding-top: 6px; padding-bottom: 6px; height: 0px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .accordion li input:checked + label::after { content: '-'; } .accordion li input:checked ~ span { height: auto; opacity: 1; } @media (max-width: 768px) { .accordion li label, .accordion li label:after { font-size: 18px; } } .price-box-wrapper.has-background-image { padding: 40px; height: 100%; } .price-box-wrapper { text-align: left; } .price-box-wrapper .price-box-inner { padding: 30px; position: relative; } .price-box-wrapper .price-box-inner .price-box-tooltip { position: absolute; top: 0; right: 0; padding-left: 12px; padding-right: 12px; padding-bottom: 4px; padding-top: 4px; background-color: #00b3d9; color: #FFF; text-transform: uppercase; font-size: 14px; } .price-box-wrapper h4.price-box-title { color: #FFF; font-size: 28px; font-weight: bold; margin-bottom: 12px; } .price-box-wrapper p.price-box-subtitle { color: #00b3d9; text-transform: uppercase; font-size: 12px; } .price-box-wrapper .price-box-inner .price-box-info span:first-child { color: #FFF; font-size: 32px; font-weight: bold; } .price-box-wrapper .price-box-inner .price-box-info span:last-child { color: #FFF; font-size: 14px; } .price-box-wrapper .price-box-inner hr { background-color: #4d4d4d; margin-bottom: 20px; margin-top: 20px; } .price-box-wrapper .price-box-inner .price-box-content ul { margin: 0; padding: 0; list-style: none; } .price-box-wrapper .price-box-inner .price-box-content ul li, .price-box-wrapper .price-box-inner .price-box-content ul li a { color: #FFF; position: relative; padding-left: 36px; margin-bottom: 12px; } .price-box-wrapper .price-box-inner .price-box-content ul li:before, .price-box-wrapper .price-box-inner .price-box-content ul li a:before { content: ""; width: 24px; height: 24px; display: block; position: absolute; left: 0; top: 0; background-image :url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='80' height='80' version='1.1' id='svg10' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs4'%3E%3Cstyle id='style2'%3E .cls-1%7Bfill:%2300b3d9%7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_396' style='color:%23000000;fill:%2300addf;stroke-width:2.05633;-inkscape-stroke:none;fill-opacity:1' d='M 33.635667,58.225231 A 4.9536937,4.9536937 0 0 1 30.111121,56.765239 L 16.362514,43.016631 a 4.9859147,4.9859147 0 1 1 7.051148,-7.051148 l 10.224062,10.224062 22.95273,-22.952731 a 4.9865949,4.9865949 0 0 1 7.051148,7.051148 L 37.164326,56.765239 A 4.9536937,4.9536937 0 0 1 33.63978,58.225231 Z M 19.88706,36.806521 a 2.6835078,2.6835078 0 0 0 -1.897991,4.583555 l 13.748608,13.748607 a 2.6835078,2.6835078 0 0 0 3.795981,0 L 62.010935,28.661407 a 2.6841643,2.6841643 0 0 0 -3.795982,-3.795981 l -23.76498,23.76498 a 1.1515436,1.1515436 0 0 1 -1.626555,0 L 21.78505,37.592038 a 2.6732261,2.6732261 0 0 0 -1.900047,-0.787573 z m 20.112942,42.693478 a 39.500001,39.500001 0 1 1 39.5,-39.500001 39.54524,39.54524 0 0 1 -39.5,39.500001 z m 0,-76.7010271 A 37.19897,37.19897 0 1 0 77.198972,39.997942 37.240096,37.240096 0 0 0 40.000002,2.8010283 Z' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; background-position: center; } .is-flex-grow-1 { flex-grow: 1; } .is-align-self-flex-end { align-self: flex-end; } .post-single.post-categories { display: block; width: 100%; } .post-single.post-categories li { display: inline-block; float: inherit; width: auto; } .post-single.post-categories li a { font-size: 12px; padding: 0 4px; } .post-single.heading h2 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 30%; background-color: #FFF; padding: 6px 10px; color: #000; font-size: 38px; } @media (max-width: 900px){ #tidio-chat-iframe{bottom: 70px !important;} }