/* Theme Name: Yeahmobi Theme URI: https://github.com/tidythemes/blankslate Author: E25 base project team - Indika, Siva, Jeya, Dasun, Nishan, Tharidu, Anusha Author URI: http://tidythemes.com/ Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept).   → CAUTION: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.   → DESCRIPTION: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go.   → SUPPORT: Please use the official support forum (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "TidyThemes Sucks!" (tidythemes.com/tidythemes-sucks). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css)   → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been opened up on GitHub (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate. Version: 4.0.4 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl.html Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready Text Domain: blankslate BlankSlate WordPress Theme © 2011-2017 TidyThemes BlankSlate is distributed under the terms of the GNU GPL */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{/*font-size:100%;*//* font:inherit; */padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} /* abstract */ * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6, p, ul { margin: 0; } a { text-decoration: none; } a:hover { text-decoration: none; } a:focus { text-decoration: none; outline: none !important; } select, button, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; /* Safari */ -moz-appearance: none; /* Fire Fox */ text-indent: 1px; text-overflow: ''; background-color: transparent; border: none; border-radius: 0; outline: none; } /* For IE */ select::-ms-expand { display: none; } /*iframe*/ iframe { border: none; width: 100%; } /*Slick Slider*/ .slick-slide, .slide { padding: 0; } .slick-slide:focus, .slide:focus { outline: none; } .slick-disabled:hover { opacity: 0.2; } .row-clr { margin: 0; } /*fancybox*/ .fancybox-button { background-color: transparent; } /*Contact form 7*/ .wpcf7 .wpcf7-form .ajax-loader { display: none; } @media (min-width: 1200px) { .container, .container-fluid, .fw-container, .fw-container-fluid { padding-left: 10px !important; padding-right: 10px !important; } .container, .fw-container { width: 1000px !important; margin: 0 auto; } .fw-col-xs-1, .fw-col-sm-1, .fw-col-md-1, .fw-col-lg-1, .fw-col-xs-2, .fw-col-sm-2, .fw-col-md-2, .fw-col-lg-2, .fw-col-xs-3, .fw-col-sm-3, .fw-col-md-3, .fw-col-lg-3, .fw-col-xs-4, .fw-col-sm-4, .fw-col-md-4, .fw-col-lg-4, .fw-col-xs-5, .fw-col-sm-5, .fw-col-md-5, .fw-col-lg-5, .fw-col-xs-6, .fw-col-sm-6, .fw-col-md-6, .fw-col-lg-6, .fw-col-xs-7, .fw-col-sm-7, .fw-col-md-7, .fw-col-lg-7, .fw-col-xs-8, .fw-col-sm-8, .fw-col-md-8, .fw-col-lg-8, .fw-col-xs-9, .fw-col-sm-9, .fw-col-md-9, .fw-col-lg-9, .fw-col-xs-10, .fw-col-sm-10, .fw-col-md-10, .fw-col-lg-10, .fw-col-xs-11, .fw-col-sm-11, .fw-col-md-11, .fw-col-lg-11, .fw-col-xs-12, .fw-col-sm-12, .fw-col-md-12, .fw-col-lg-12, .fw-col-xs-15, .fw-col-sm-15, .fw-col-md-15, .fw-col-lg-15, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 10px !important; padding-right: 10px !important; } .row, .fw-row { margin-left: -10px !important; margin-right: -10px !important; } .row-clr { margin-left: 0; margin-right: 0; } } .checkbox, .radio { margin: 0; } /* ============================================= */ /* Font Family */ /* ============================================= */ /* ============================================= */ /* font weights for aktiv & poppins */ /* ============================================= */ /* ============================================= */ /* Base Colors */ /* ============================================= */ /* Border Radius */ /* Box Shadow */ /* Transform Mixins */ /* Transition */ .a-left { text-align: left; } .a-right { text-align: right; } .a-center { text-align: center; } /*########### Extend/Inheritance ###########*/ /* Button Common */ .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-1 a, .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-2 a, .register-page .content-wrapper a, .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .contact-btn > a, .banner-with-form .login-block .login-form .button-wrapper button, .ym-register--form .recaptcha-sec .button-wrapper button, .link_target label { font-family: "Aktiv Grotesk", sans-serif; text-align: center; border: 1px solid transparent; font-weight: 700; outline: none; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-1 a, .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-2 a, .register-page .content-wrapper a { display: inline-block; color: #0d9ddb; background-color: #fff; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-1 a:hover, .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-2 a:hover, .register-page .content-wrapper a:hover { background-color: #0d9ddb; border: 1px solid transparent; color: #fff; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-1 a, .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-2 a { font-size: 18px; letter-spacing: -0.5px; line-height: 21px; padding: 17px 40px; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .contact-btn > a, .banner-with-form .login-block .login-form .button-wrapper button, .ym-register--form .recaptcha-sec .button-wrapper button { display: inline-block; color: #fff; background-color: #feb819; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .contact-btn > a:hover, .banner-with-form .login-block .login-form .button-wrapper button:hover, .ym-register--form .recaptcha-sec .button-wrapper button:hover { background-color: #fff !important; border: 1px solid #feb819; color: #feb819 !important; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .contact-btn > a { font-size: 14px; letter-spacing: -0.2px; line-height: 16px; padding: 10px 20px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .link_target label { display: block; font-size: 18px; line-height: normal; letter-spacing: -0.3px; color: #feb819; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /*Play Button Mixins*/ .common-play-btn { background-image: url(../images/play-icon.svg); background-position: center; background-size: cover; position: absolute; } .link_target { display: inline-block; } .link_target:before { content: ""; width: 16px; height: 20px; position: absolute; background-image: url(../images/icons/link-arrow-yellow.svg); background-repeat: no-repeat; background-size: auto; background-position: center; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; } .link_target label { padding-left: 26px; cursor: pointer; } .link_target:hover:before { margin-left: 8px; } /* Font Family Types Extend */ .extend_ff_aktiv, .extend-checkbox-element .checkbox input[type=checkbox] + label span, .banner-with-form .login-block .checkbox input[type=checkbox] + label span, .extend-radio-element .radio input[type=radio] + label span, .banner-with-form .login-block .radio input[type=radio] + label span, .extend_h5, .form_input_placeholder ::-webkit-input-placeholder, .form_input_placeholder ::-moz-placeholder, .form_input_placeholder :-ms-input-placeholder, .form_input_placeholder :-moz-placeholder, .H3Left-Dark-F2, h4, .H4Left-Dark, .H4Left-Light, .H4Center-Light, .H4Center-Dark, .HighlightLeft-Light, .default-content-section p, .default-content-block p, .HighlightCenter-Light, .H5Left-Dark, body, p, body p, .BodyBold, .BodyBold-Center, .BodyCenter-Dark, .BodyLeft-Dark, .BodyCenter-Light, .BodyLeft-Light, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], select, textarea, label, .checkbox input[type=checkbox] + label span, .checkbox input[type=radio] + label span, .radio input[type=checkbox] + label span, .radio input[type=radio] + label span, .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block p, .ym-register--form .account-type-sec .radio label small, .ym-register--form .verticals-offer-sec .radio label small, .ym-register--form .promote-offer-sec .radio label small, .ym-register--form .revenue-offer-sec .radio label small, .ym-register--form .mob-desk-traffic-sec .radio label small, .ym-register--form .terms-and-conditions-sec p, .ym-register--form .terms-and-conditions-sec a { font-family: "Aktiv Grotesk", sans-serif; } .extend_ff_poppins, .extend-for-inputs-select-elements, .extend-input-elements, .extend-select-elements, .extend-textarea-element, .extend_h1, .default-content-section h1, .default-content-block h1, .extend_h2, .extend_h3, .extend_h4, .banner-with-form .login-block .login-form h4, .Page-HeaderTitle, .inner-banner.banner-gradient-lg h1, .inner-banner.banner-gradient-lg-shape-1 h1, h1, .H1Left-Light, .H1Center-Light, h2, .H2Left-Light, .H2Center-Light, .H2Center-Dark, .H2Left-Blue, .H2Left-Dark, h3, .H3Center-Light, .H3Left-Dark, .H3Center-Dark, .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block h2, .inner-banner.banner-gradient h1 { font-family: "Poppins", sans-serif; } .extend-for-inputs-select-elements, .extend-input-elements, .extend-select-elements, .extend-textarea-element { width: 100%; min-width: 1px; padding-left: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 1px #e6e6e6; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: green; font-size: 16px; line-height: 1.5; outline: 0 !important; } .extend-for-inputs-select-elements:focus, .extend-input-elements:focus, .extend-select-elements:focus, .extend-textarea-element:focus { color: #feb819; border: 1px solid #feb819 !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .extend-for-inputs-select-elements[disabled], [disabled].extend-input-elements, [disabled].extend-select-elements, [disabled].extend-textarea-element, .extend-for-inputs-select-elements.disabled, .disabled.extend-input-elements, .disabled.extend-select-elements, .disabled.extend-textarea-element { background-color: grey; border-color: grey; color: darkgray; cursor: not-allowed; } .extend-for-inputs-select-elements[disabled]::-webkit-input-placeholder, [disabled].extend-input-elements::-webkit-input-placeholder, [disabled].extend-select-elements::-webkit-input-placeholder, [disabled].extend-textarea-element::-webkit-input-placeholder, .extend-for-inputs-select-elements[disabled]::-moz-placeholder, [disabled].extend-input-elements::-moz-placeholder, [disabled].extend-select-elements::-moz-placeholder, [disabled].extend-textarea-element::-moz-placeholder, .extend-for-inputs-select-elements[disabled]:-ms-input-placeholder, [disabled].extend-input-elements:-ms-input-placeholder, [disabled].extend-select-elements:-ms-input-placeholder, [disabled].extend-textarea-element:-ms-input-placeholder, .extend-for-inputs-select-elements[disabled]:-moz-placeholder, [disabled].extend-input-elements:-moz-placeholder, [disabled].extend-select-elements:-moz-placeholder, [disabled].extend-textarea-element:-moz-placeholder, .extend-for-inputs-select-elements.disabled::-webkit-input-placeholder, .disabled.extend-input-elements::-webkit-input-placeholder, .disabled.extend-select-elements::-webkit-input-placeholder, .disabled.extend-textarea-element::-webkit-input-placeholder, .extend-for-inputs-select-elements.disabled::-moz-placeholder, .disabled.extend-input-elements::-moz-placeholder, .disabled.extend-select-elements::-moz-placeholder, .disabled.extend-textarea-element::-moz-placeholder, .extend-for-inputs-select-elements.disabled:-ms-input-placeholder, .disabled.extend-input-elements:-ms-input-placeholder, .disabled.extend-select-elements:-ms-input-placeholder, .disabled.extend-textarea-element:-ms-input-placeholder, .extend-for-inputs-select-elements.disabled:-moz-placeholder, .disabled.extend-input-elements:-moz-placeholder, .disabled.extend-select-elements:-moz-placeholder, .disabled.extend-textarea-element:-moz-placeholder { color: grey; } .extend-for-inputs-select-elements.valid, .valid.extend-input-elements, .valid.extend-select-elements, .valid.extend-textarea-element { border-color: green; color: green; } .extend-for-inputs-select-elements.error, .error.extend-input-elements, .error.extend-select-elements, .error.extend-textarea-element { border-color: red; color: red; } .extend-input-elements { height: 50px; } .extend-input-elements::-webkit-input-placeholder, .extend-input-elements::-moz-placeholder, .extend-input-elements:-ms-input-placeholder, .extend-input-elements:-moz-placeholder { color: #737373; } .extend-placeholder::-webkit-input-placeholder, .ym-register--form textarea::-webkit-input-placeholder, .extend-placeholder::-moz-placeholder, .ym-register--form textarea::-moz-placeholder, .extend-placeholder:-ms-input-placeholder, .ym-register--form textarea:-ms-input-placeholder, .extend-placeholder:-moz-placeholder, .ym-register--form textarea:-moz-placeholder { color: #737373; font-size: 14px; font-weight: 400; } .extend-select-elements { height: 50px; padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; background-position: right 20px center; } .extend-select-elements::-ms-expand { display: none; /* IE */ } .extend-textarea-element { height: 150px; resize: none; } .extend-checkbox-element .checkbox, .banner-with-form .login-block .checkbox { display: inline-block; position: relative; } .extend-checkbox-element .checkbox input, .banner-with-form .login-block .checkbox input { position: absolute; opacity: 0; z-index: -1; width: 0; height: 0; cursor: pointer; } .extend-checkbox-element .checkbox input[type=checkbox] + label, .banner-with-form .login-block .checkbox input[type=checkbox] + label { position: relative; z-index: 1; padding-left: 25px; } .extend-checkbox-element .checkbox input[type=checkbox] + label span, .banner-with-form .login-block .checkbox input[type=checkbox] + label span { color: #737373; font-size: 12px; line-height: 23px; font-weight: 400; margin-left: 4px; letter-spacing: 0.6px; } .extend-checkbox-element .checkbox input[type=checkbox] + label:after, .banner-with-form .login-block .checkbox input[type=checkbox] + label:after { content: ""; width: 20px; height: 20px; text-align: center; display: block; top: 2px; left: 0; position: absolute; color: #fff; border: 1px solid #e6e6e6; } .extend-checkbox-element .checkbox input[type=checkbox] + label:after, .banner-with-form .login-block .checkbox input[type=checkbox] + label:after { border-radius: 4px; } .extend-checkbox-element .checkbox input[type=checkbox] + label:hover, .banner-with-form .login-block .checkbox input[type=checkbox] + label:hover { cursor: pointer; color: #737373; } .extend-checkbox-element .checkbox input[type=checkbox] + label:hover span, .banner-with-form .login-block .checkbox input[type=checkbox] + label:hover span { color: #414141; font-weight: 600; } .extend-checkbox-element .checkbox input[type=checkbox] + label:hover:after, .banner-with-form .login-block .checkbox input[type=checkbox] + label:hover:after { border: 1px solid #feb819; } .extend-checkbox-element .checkbox input[type=checkbox]:checked + label span, .banner-with-form .login-block .checkbox input[type=checkbox]:checked + label span { color: #414141; font-weight: 600; } .extend-checkbox-element .checkbox input[type=checkbox]:checked + label:after, .banner-with-form .login-block .checkbox input[type=checkbox]:checked + label:after { width: 20px; height: 20px; left: 0; line-height: 18px; background-color: #feb819; content: ""; background-position: -11px -9px; color: #fff; border: 1px solid #feb819; } .extend-radio-element .radio, .banner-with-form .login-block .radio { display: inline-block; position: relative; } .extend-radio-element .radio input, .banner-with-form .login-block .radio input { position: absolute; opacity: 0; z-index: -1; width: 0; height: 0; cursor: pointer; } .extend-radio-element .radio input[type=radio] + label, .banner-with-form .login-block .radio input[type=radio] + label { position: relative; z-index: 1; padding-left: 25px; } .extend-radio-element .radio input[type=radio] + label span, .banner-with-form .login-block .radio input[type=radio] + label span { color: #737373; font-size: 12px; line-height: 23px; font-weight: 400; margin-left: 4px; letter-spacing: 0.6px; } .extend-radio-element .radio input[type=radio] + label:after, .banner-with-form .login-block .radio input[type=radio] + label:after { content: ""; width: 20px; height: 20px; text-align: center; display: block; top: 2px; left: 0; position: absolute; color: #fff; border: 1px solid #e6e6e6; } .extend-radio-element .radio input[type=radio] + label:after, .banner-with-form .login-block .radio input[type=radio] + label:after { border-radius: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .extend-radio-element .radio input[type=radio] + label:hover, .banner-with-form .login-block .radio input[type=radio] + label:hover { cursor: pointer; color: #feb819; } .extend-radio-element .radio input[type=radio] + label:hover span, .banner-with-form .login-block .radio input[type=radio] + label:hover span { color: #414141; font-weight: 600; } .extend-radio-element .radio input[type=radio] + label:hover:after, .banner-with-form .login-block .radio input[type=radio] + label:hover:after { border: 5px solid #feb819; } .extend-radio-element .radio input[type=radio]:checked + label span, .banner-with-form .login-block .radio input[type=radio]:checked + label span { color: #414141; font-weight: 600; } .extend-radio-element .radio input[type=radio]:checked + label:after, .banner-with-form .login-block .radio input[type=radio]:checked + label:after { width: 20px; height: 20px; left: 0; line-height: 18px; background-color: #fff; box-shadow: inset 0px 0px 0px 4px #fff; border: 5px solid #feb819; } /* How to Use Extend ===> @extend .extend_h1; */ .extend_h1, .default-content-section h1, .default-content-block h1, .extend_h2, .extend_h3, .extend_h4, .banner-with-form .login-block .login-form h4 { font-weight: 500; } .extend_h5 { font-weight: 300; } .extend_h1, .default-content-section h1, .default-content-block h1, .extend_h1 *, .default-content-section h1 *, .default-content-block h1 * { letter-spacing: -2px; color: #ffffff; } @media (min-width: 768px) { .extend_h1, .default-content-section h1, .default-content-block h1, .extend_h1 *, .default-content-section h1 *, .default-content-block h1 * { font-size: 36px; line-height: 1.28; } } @media (max-width: 767px) { .extend_h1, .default-content-section h1, .default-content-block h1, .extend_h1 *, .default-content-section h1 *, .default-content-block h1 * { font-size: 28px; line-height: 32px; } } .extend_h2, .extend_h2 * { letter-spacing: -1px; color: #ffffff; } @media (min-width: 768px) { .extend_h2, .extend_h2 * { font-size: 30px; line-height: 1; } } @media (max-width: 767px) { .extend_h2, .extend_h2 * { font-size: 24px; line-height: 28px; } } .extend_h3, .extend_h3 *, .extend_h4, .banner-with-form .login-block .login-form h4, .extend_h4 *, .banner-with-form .login-block .login-form h4 * { letter-spacing: -0.5px; color: #ffffff; } @media (min-width: 768px) { .extend_h3, .extend_h3 *, .extend_h4, .banner-with-form .login-block .login-form h4, .extend_h4 *, .banner-with-form .login-block .login-form h4 * { font-size: 22px; line-height: 1.09; } } @media (max-width: 767px) { .extend_h3, .extend_h3 *, .extend_h4, .banner-with-form .login-block .login-form h4, .extend_h4 *, .banner-with-form .login-block .login-form h4 * { font-size: 18px; line-height: 22px; } } .extend_h5, .extend_h5 * { letter-spacing: normal; color: #414141; } @media (min-width: 768px) { .extend_h5, .extend_h5 * { font-size: 20px; line-height: 1.3; } } @media (max-width: 767px) { .extend_h5, .extend_h5 * { font-size: 16px; line-height: 20px; } } .extend_banner_heading1, .banner-with-contact-form .banner-title h1, .extend_banner_heading1 *, .banner-with-contact-form .banner-title h1 * { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); color: #fff; letter-spacing: -4px; } @media (min-width: 768px) { .extend_banner_heading1, .banner-with-contact-form .banner-title h1, .extend_banner_heading1 *, .banner-with-contact-form .banner-title h1 * { font-size: 60px; line-height: 78px; } } @media (max-width: 767px) { .extend_banner_heading1, .banner-with-contact-form .banner-title h1, .extend_banner_heading1 *, .banner-with-contact-form .banner-title h1 * { font-size: 28px; line-height: 32px; } } .extend_stripe_images, .extend-checkbox-element .checkbox input[type=checkbox]:checked + label:after, .banner-with-form .login-block .checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=checkbox]:checked + label:after, .radio input[type=checkbox]:checked + label:after, .banner-with-form .login-block .login-form .forgot-password--wrapper a::before, .ym-register--form .im-sec .add-btn:before, .ym-register--form .im-sec .remove-btn:before { background-image: url(../images/icon-stripe.png); background-repeat: no-repeat; } .extend_form_fields_arrow, .extend-select-elements, select { background-image: url(../images/arrow-drop-down-material.png); background-repeat: no-repeat; } .extend_absolute_center_position { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .form_input_placeholder ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-style: normal; font-size: 13px; font-weight: normal; color: #939598; } .form_input_placeholder ::-moz-placeholder { /* Firefox 19+ */ font-style: normal; font-size: 13px; font-weight: normal; color: #939598; } .form_input_placeholder :-ms-input-placeholder { /* IE 10+ */ font-style: normal; font-size: 13px; font-weight: normal; color: #939598; } .form_input_placeholder :-moz-placeholder { /* Firefox 18- */ font-style: normal; font-size: 13px; font-weight: normal; color: #939598; } .Page-HeaderTitle, .inner-banner.banner-gradient-lg h1, .inner-banner.banner-gradient-lg-shape-1 h1 { font-size: 60px; font-weight: normal; line-height: 1.3; letter-spacing: -4px; color: #ffffff; } h1, .H1Left-Light, .H1Center-Light { font-size: 36px; font-weight: 500; line-height: 1.28; letter-spacing: -2px; color: #ffffff; } .H1Center-Light { text-align: center; } .H1Left-Dark { color: #414141; } .H1Center-Dark { text-align: center; color: #414141; } h2, .H2Left-Light, .H2Center-Light, .H2Center-Dark, .H2Left-Blue, .H2Left-Dark { font-size: 30px; font-weight: 500; line-height: 1; letter-spacing: -1px; color: #ffffff; } .H2Center-Light { text-align: center; } .H2Center-Dark { text-align: center; color: #414141; } .H2Left-Blue { color: #00acc8; } .H2Left-Dark { color: #414141; } h3, .H3Center-Light, .H3Left-Dark, .H3Center-Dark { font-size: 22px; font-weight: 500; line-height: 1.09; letter-spacing: -0.5px; color: #ffffff; } .H3Center-Light { text-align: center; } .H3Left-Dark { color: #414141; } .H3Center-Dark { text-align: center; color: #414141; } .H3Left-Dark-F2 { font-size: 22px; font-weight: 300; line-height: 1.27; letter-spacing: normal; color: #414141; } h4, .H4Left-Dark, .H4Left-Light, .H4Center-Light, .H4Center-Dark { font-size: 22px; font-weight: 300; line-height: 1.27; letter-spacing: normal; color: #fff; } .H4Left-Dark { color: #414141; } .H4Left-Light { color: #ffffff; } .H4Center-Light { text-align: center; color: #ffffff; } .H4Center-Dark { text-align: center; color: #414141; } .HighlightLeft-Light, .default-content-section p, .default-content-block p, .HighlightCenter-Light { font-size: 20px; font-weight: 300; line-height: 1.5; letter-spacing: normal; color: #ffffff; } .HighlightCenter-Light { text-align: center; } .H5Left-Dark { font-size: 20px; font-weight: 300; line-height: 1.3; letter-spacing: normal; color: #414141; } body, p, body p, .BodyBold, .BodyBold-Center, .BodyCenter-Dark, .BodyLeft-Dark, .BodyCenter-Light, .BodyLeft-Light { font-size: 16px; line-height: 1.5; letter-spacing: normal; color: #414141; } .BodyBold { font-weight: bold; color: #414141; } .BodyBold-Center { font-weight: bold; text-align: center; } .BodyCenter-Dark { font-weight: normal; text-align: center; color: #737373; } .BodyLeft-Dark { font-weight: normal; color: #737373; } .BodyCenter-Light { font-weight: normal; text-align: center; color: #ffffff; } .BodyLeft-Light { font-weight: normal; color: #ffffff; } body p { margin-bottom: 15px; } @media (max-width: 767px) { body, body p { font-size: 14px; line-height: 20px; } } @media (min-width: 768px) { body, body p { font-size: 14px; line-height: 20px; } } /* layout */ /* Main Navigation */ .header-full-wrapper { height: 90px; } .header-full-wrapper .main-navigation.navbar-default { background-color: #FFFFFF; border: none; border-bottom: 1px solid transparent; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); width: 100%; min-height: 90px; margin-bottom: 0; z-index: 12; } .header-full-wrapper .main-navigation.navbar-default .navbar-brand { padding: 0; margin: 18px 0 17px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-one ul { float: right; } .header-full-wrapper .main-navigation.navbar-default .nav-row-one ul li { float: left; margin-left: 10px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav li { position: relative; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav li.current_page_item a { color: #00ACC8; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav li.current_page_ancestor a { color: #00ACC8; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav li a { color: #414141; font-family: "Aktiv Grotesk", sans-serif; font-size: 15px; line-height: 17px; text-decoration: none; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; padding: 37px 13.5px 35px; display: inline-block; background-color: #FFFFFF; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav li a:hover { color: #00ACC8; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav li a:focus, .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav li a:hover { background-color: #FFFFFF; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .active-item > a { color: #00ACC8; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .contact-btn > a { margin: 26px 15px 0 10px; box-shadow: none; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .login-btn > a { color: #FEB819; font-weight: 700; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .language-button a { color: #737373; font-size: 13px; font-weight: 700; line-height: 15px; padding: 38px 9px 36px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .language-button a:after { content: ""; width: 3px; height: 3px; position: absolute; background-image: url(../images/dot.png); margin-left: 8px; margin-top: 6px; z-index: 1; object-fit: contain; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .language-button a:hover { color: #00ACC8; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .language-button:last-child a { padding-right: 0; color: #AAAAAA; font-weight: 400; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .language-button:last-child a:after { content: none; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-nav .language-button:last-child a:hover { color: #00ACC8; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right { margin-right: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu { display: none; position: absolute; left: -17px; background-color: #FFFFFF; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 0 10px 10px; width: 220px; padding: 4px 0; margin-top: 2px; text-align: left; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu:before { content: " "; width: 90%; height: 10px; position: absolute; top: -8px; left: 18px; background-repeat: no-repeat; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu li { padding: 0 30px; list-style: none; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu li.current-menu-item a { color: #00ACC8; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu li a { color: #414141; font-family: "Aktiv Grotesk", sans-serif; font-size: 15px; line-height: 17px; padding: 17px 0 16px; display: block; box-shadow: inset 0 -1px 0 rgba(230, 230, 230, 0.5); } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu li a:hover { color: #00ACC8; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu li:first-of-type { margin-top: -4px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu li:last-of-type { margin-bottom: -3px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-right .sub-menu li:last-child a { box-shadow: none; } .header-full-wrapper .main-navigation.navbar-default .mobile-drop { padding: 10px; display: none; } .header-full-wrapper .main-navigation.navbar-default .mobile-drop .caret { display: none; color: #FEB819; margin-left: 0px; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 8px solid #FEB819; } /* Ipad Landscape */ /* Ipad Portrait */ @media (min-width: 768px) and (max-width: 991px) { .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .navbar-toggle { background-color: transparent; border: none; border-color: transparent; border-radius: 0; padding: 0; margin: 0; margin-top: 35px; margin-right: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .navbar-toggle .icon-bar { background-color: #FEB819; border-radius: 0; width: 28px; height: 4px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .navbar-brand { padding: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .mobile-lang-items { float: right !important; width: 100px; margin-top: 28px; margin-right: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .mobile-lang-items li { display: inline-block; vertical-align: top; margin-left: 5px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .mobile-lang-items li a { padding: 0px !important; margin: 10px 5px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse { border-top: 1px solid #FEB819; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse.in { display: block !important; overflow-y: auto; max-height: 430px; padding-bottom: 20px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav { float: none !important; margin: 15px 15px 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li { float: none; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li a { font-size: 14px; padding: 10px 0px; display: block; text-align: left; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .mobile-drop { display: inline-block; padding: 10px 0; position: absolute; right: 0; z-index: 1; top: 0; transition: all 0.4s ease; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .mobile-drop .caret { display: inline-block; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .sub-menu { display: none; position: relative; box-shadow: none; width: 100%; margin-top: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .sub-menu li a { font-size: 13px; padding: 5px 0px; box-shadow: none; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .sub-menu:before { display: none; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li.open > a { background-color: #FFFFFF; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li.open > .mobile-drop { transform: rotateZ(-90deg); } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li.contact-btn { text-align: center; display: inline-block; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li.contact-btn > a { margin: 10px 0 0; padding: 10px 20px; } .navbar-header { float: none; padding: 0; } .navbar-header .navbar-brand { padding: 0 !important; } .navbar-toggle { display: block; } .navbar-collapse.collapse { display: none !important; } .dropdown .sub-menu { display: none !important; } .open .sub-menu { display: block !important; } .open > a { color: #00ACC8 !important; background-color: white !important; } .open .dropdown-menu { text-align: center; border: none; box-shadow: none; position: relative; left: 0; right: 0; float: none; width: 60%; margin: 0 auto; } .open .dropdown-menu li a { font-size: 13px; color: black; padding: 5px; } .open .dropdown-menu li a:hover { color: red !important; } } /* Mobile */ @media (max-width: 767px) { .header-full-wrapper { height: 90px; } .header-full-wrapper .main-navigation.navbar-default { padding: 0 15px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .navbar-toggle { background-color: transparent; border: none; border-color: transparent; border-radius: 0; padding: 0; margin: 0; margin-top: 35px; margin-right: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .navbar-toggle .icon-bar { background-color: #FEB819; border-radius: 0; width: 28px; height: 4px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .navbar-brand { padding: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .mobile-lang-items { float: right !important; width: 100px; margin-top: 28px; margin-right: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .mobile-lang-items li { display: inline-block; vertical-align: top; margin-left: 5px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-header .mobile-lang-items li a { padding: 0px !important; margin: 10px 5px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse { border-color: #FEB819; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse.in { overflow-y: auto; max-height: 430px; padding-bottom: 20px; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav { margin: 7.5px 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li a { font-size: 14px; padding: 10px 0px; display: block; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .mobile-drop { display: inline-block; padding: 10px 0; position: absolute; right: 0; z-index: 1; top: 0; transition: all 0.4s ease; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .mobile-drop .caret { display: inline-block; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .sub-menu { display: none; position: relative; box-shadow: none; width: 100%; margin-top: 0; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .sub-menu li a { font-size: 13px; padding: 5px 0px; box-shadow: none; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li .sub-menu:before { display: none; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li.open > a { background-color: #FFFFFF; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li.open > .mobile-drop { transform: rotateZ(-90deg); } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li.contact-btn { text-align: center; } .header-full-wrapper .main-navigation.navbar-default .nav-row-two .navbar-collapse .navbar-nav li.contact-btn > a { margin: 10px 0 0; padding: 10px 20px; } .dropdown .sub-menu { display: none !important; } .open .sub-menu { display: block !important; } } footer { padding: 60px 0 34px !important; background-color: #f9fafb; } footer .fw-container { padding: 0 !important; } footer .footer-top-one label, footer .footer-top-two label, footer .footer-top-three label { font-family: "Aktiv Grotesk", sans-serif; font-size: 14px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.4px; color: #feb819; } footer .footer-top-one ul { margin-top: 20px; } footer .footer-top-one ul li { margin: 16px 0; } footer .footer-top-one ul li a { font-family: "Aktiv Grotesk", sans-serif; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #414141; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; } footer .footer-top-one ul li a:hover { color: #00ACC8; } footer .footer-top-one ul li:last-child { margin-bottom: 0; } footer .footer-top-two .fw-cup-holder, footer .footer-top-three .fw-cup-holder { width: 235px; float: right; } footer .footer-top-two .fw-cup-holder ul { margin-top: 15px; } footer .footer-top-two .fw-cup-holder ul li { object-fit: contain; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: solid 1px #dbe4ee; margin: 5px 0; } footer .footer-top-two .fw-cup-holder ul li a { padding: 11px 14px 12px; display: block; } footer .footer-top-two .fw-cup-holder ul li a p { font-family: "Aktiv Grotesk", sans-serif; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #414141; margin-bottom: 4px; } footer .footer-top-two .fw-cup-holder ul li a span { font-family: "Aktiv Grotesk", sans-serif; font-size: 12px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #737373; position: relative; margin-right: 22px; } footer .footer-top-two .fw-cup-holder ul li a span:after { content: ""; position: absolute; width: 2px; height: 2px; background-color: #c8c8c8; margin-left: 10px; top: 6px; } footer .footer-top-two .fw-cup-holder ul li a span:last-of-type { margin-right: 0; } footer .footer-top-two .fw-cup-holder ul li a span:last-of-type:after { content: none; } footer .footer-top-two .fw-cup-holder ul li a p, footer .footer-top-two .fw-cup-holder ul li a span { -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; } footer .footer-top-two .fw-cup-holder ul li a:hover p, footer .footer-top-two .fw-cup-holder ul li a:hover span { color: #00ACC8; } footer .footer-top-three .fw-cup-holder p { margin: 10px 0 15px; font-family: "Aktiv Grotesk", sans-serif; font-size: 11px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 16px; letter-spacing: normal; color: #414141; } footer .footer-top-three .fw-cup-holder input { height: 36px; box-shadow: none; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: #ffffff; border: solid 1px #e7eef5; font-family: "Aktiv Grotesk", sans-serif; font-size: 13px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; color: #919191; padding: 8px 18px; } footer .footer-top-three .fw-cup-holder button { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border-color: #0d9ddb; background-color: #0d9ddb; background-image: url(../images/arrow-white.svg); background-repeat: no-repeat; background-position: center; width: 46px; height: 36px; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; } footer .footer-top-three .fw-cup-holder button:hover { border-color: #044f6d; background-color: #044f6d; } footer .footer-top-three .fw-cup-holder ul { margin: 31px 0 0; } footer .footer-top-three .fw-cup-holder ul li { display: inline-block; vertical-align: middle; margin-right: 21px; } footer .footer-top-three .fw-cup-holder ul li a { display: block; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; } footer .footer-top-three .fw-cup-holder ul li a:hover { opacity: 0.6; } footer .footer-top-three .fw-cup-holder ul li:last-of-type { margin-right: 0; } footer hr { margin-top: 46px; margin-bottom: 35px; object-fit: contain; border-color: #dbe4ee; } footer .footer-bottom-one img { float: left; margin-right: 29px; } footer .footer-bottom-one p { font-family: "Aktiv Grotesk", sans-serif; font-size: 12px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #414141; margin: 0; } footer .footer-bottom-two { float: right; } footer .footer-bottom-two ul { float: right; margin: 11px 0; } footer .footer-bottom-two ul li { display: inline-block; margin-right: 26px; } footer .footer-bottom-two ul li a { font-family: "Aktiv Grotesk", sans-serif; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.3px; color: #414141; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; } footer .footer-bottom-two ul li a:hover { color: #00ACC8; } footer .footer-bottom-two ul li:last-of-type { margin-right: 0; } /* Tab */ @media (min-width: 768px) and (max-width: 991px) { footer { padding: 30px 0 !important; } footer .fw-container { padding: 0 15px !important; } } /* Mobile Phones */ @media (max-width: 767px) { footer { padding: 30px 0 !important; } footer .fw-container { padding: 0 15px !important; } footer .footer-top-two .fw-cup-holder, footer .footer-top-three .fw-cup-holder { width: 100%; float: none; margin-top: 30px; } footer .footer-top-three .fw-cup-holder p { font-size: 14px; line-height: 22px; } footer .footer-top-three .fw-cup-holder ul { text-align: center; margin-top: 30px; } footer .footer-top-three .fw-cup-holder ul li img { height: 30px; width: auto; } footer hr { margin: 30px 0; } footer .footer-bottom-one { text-align: center; } footer .footer-bottom-one img { float: none; margin: 0; } footer .footer-bottom-two ul { float: none; margin: 0 0 30px; text-align: center; } } /* components */ input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], select, textarea, label { width: 100%; font-weight: 500; color: #737373; } .controls { margin-bottom: 25px; } .controls label { margin-bottom: 8px; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], select, textarea { min-width: 1px; padding-left: 18px; letter-spacing: 1.2px; border-radius: 4px; border: solid 1px #e6e6e6; box-shadow: none; color: #737373; font-size: 14px; background-color: #fff; outline: 0 !important; } input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, select:focus, textarea:focus { color: #414141; border: 1px solid #feb819 !important; box-shadow: none; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], select { height: 50px; } input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]::-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="password"]:-moz-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="url"]::-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="url"]:-moz-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]::-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="search"]::-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="search"]:-moz-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="number"]::-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="number"]:-moz-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="email"]::-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="email"]:-moz-placeholder { color: #737373; } label { display: inline-block; margin: 0 0 8px; color: #737373; font-size: 12px; font-weight: 500; line-height: 14px; text-align: left; } select { padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; background-position: right 19px center; } select::-ms-expand { display: none; /* IE */ } textarea { resize: none; } #mc_embed_signup .mc-field-group input, #mc_embed_signup .mc-field-group textarea { padding-left: 8px !important; padding-top: 8px !important; } .checkbox, .radio { position: relative; } .checkbox input, .radio input { position: absolute; opacity: 0; z-index: -1; width: 0; height: 0; cursor: pointer; } .checkbox input[type=checkbox] + label, .checkbox input[type=radio] + label, .radio input[type=checkbox] + label, .radio input[type=radio] + label { position: relative; z-index: 1; padding-left: 35px; } .checkbox input[type=checkbox] + label span, .checkbox input[type=radio] + label span, .radio input[type=checkbox] + label span, .radio input[type=radio] + label span { color: #737373; font-size: 14px; line-height: 26px; font-weight: 400; } .checkbox input[type=checkbox] + label:after, .checkbox input[type=radio] + label:after, .radio input[type=checkbox] + label:after, .radio input[type=radio] + label:after { content: ""; width: 20px; height: 20px; text-align: center; display: block; top: 2px; left: 0; position: absolute; color: #fff; border: 1px solid #e6e6e6; } .checkbox input[type=checkbox] + label:after, .radio input[type=checkbox] + label:after { border-radius: 4px; } .checkbox input[type=checkbox] + label:hover, .radio input[type=checkbox] + label:hover { cursor: pointer; color: #737373; } .checkbox input[type=checkbox] + label:hover span, .radio input[type=checkbox] + label:hover span { color: #414141; font-weight: 600; } .checkbox input[type=checkbox] + label:hover:after, .radio input[type=checkbox] + label:hover:after { border: 1px solid #feb819; } .checkbox input[type=radio] + label:after, .radio input[type=radio] + label:after { border-radius: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .checkbox input[type=radio] + label:hover, .radio input[type=radio] + label:hover { cursor: pointer; color: #feb819; } .checkbox input[type=radio] + label:hover span, .radio input[type=radio] + label:hover span { color: #414141; font-weight: 600; } .checkbox input[type=radio] + label:hover:after, .radio input[type=radio] + label:hover:after { border: 5px solid #feb819; } .checkbox input[type=checkbox]:checked + label:after, .radio input[type=checkbox]:checked + label:after { width: 20px; height: 20px; left: 0; line-height: 18px; background-color: #feb819; } .checkbox input[type=checkbox]:checked + label span, .radio input[type=checkbox]:checked + label span { color: #414141; font-weight: 600; } .checkbox input[type=checkbox]:checked + label:after, .radio input[type=checkbox]:checked + label:after { content: ""; background-position: -11px -9px; color: #fff; border: 1px solid #feb819; } .checkbox input[type=radio]:checked + label span, .radio input[type=radio]:checked + label span { color: #414141; font-weight: 600; } .checkbox input[type=radio]:checked + label:after, .radio input[type=radio]:checked + label:after { width: 20px; height: 20px; left: 0; line-height: 18px; background-color: #fff; box-shadow: inset 0px 0px 0px 4px #fff; border: 5px solid #feb819; } input[type="text"][disabled], input[type="text"].disabled, input[type="password"][disabled], input[type="password"].disabled, input[type="url"][disabled], input[type="url"].disabled, input[type="tel"][disabled], input[type="tel"].disabled, input[type="search"][disabled], input[type="search"].disabled, input[type="number"][disabled], input[type="number"].disabled, input[type="datetime"][disabled], input[type="datetime"].disabled, input[type="email"][disabled], input[type="email"].disabled, input[type="radio"][disabled], input[type="radio"].disabled, input[type="checkbox"][disabled], input[type="checkbox"].disabled, input[type="submit"][disabled], input[type="submit"].disabled, input[type="reset"][disabled], input[type="reset"].disabled, *.action.primary[disabled], *.action.primary.disabled, *.action.secondary[disabled], *.action.secondary.disabled, *.action.tertiary[disabled], *.action.tertiary.disabled, *.action.quartenary[disabled], *.action.quartenary.disabled, *.action.special[disabled], *.action.special.disabled, button[disabled], button.disabled, input[type="button"][disabled], input[type="button"].disabled, select[disabled], select.disabled, textarea[disabled], textarea.disabled, *[disabled], *.disabled { background-color: darkgrey; border-color: grey; color: grey; cursor: not-allowed; } input[type="text"][disabled]::-webkit-input-placeholder, input[type="text"][disabled]::-moz-placeholder, input[type="text"][disabled]:-ms-input-placeholder, input[type="text"][disabled]:-moz-placeholder, input[type="text"].disabled::-webkit-input-placeholder, input[type="text"].disabled::-moz-placeholder, input[type="text"].disabled:-ms-input-placeholder, input[type="text"].disabled:-moz-placeholder, input[type="password"][disabled]::-webkit-input-placeholder, input[type="password"][disabled]::-moz-placeholder, input[type="password"][disabled]:-ms-input-placeholder, input[type="password"][disabled]:-moz-placeholder, input[type="password"].disabled::-webkit-input-placeholder, input[type="password"].disabled::-moz-placeholder, input[type="password"].disabled:-ms-input-placeholder, input[type="password"].disabled:-moz-placeholder, input[type="url"][disabled]::-webkit-input-placeholder, input[type="url"][disabled]::-moz-placeholder, input[type="url"][disabled]:-ms-input-placeholder, input[type="url"][disabled]:-moz-placeholder, input[type="url"].disabled::-webkit-input-placeholder, input[type="url"].disabled::-moz-placeholder, input[type="url"].disabled:-ms-input-placeholder, input[type="url"].disabled:-moz-placeholder, input[type="tel"][disabled]::-webkit-input-placeholder, input[type="tel"][disabled]::-moz-placeholder, input[type="tel"][disabled]:-ms-input-placeholder, input[type="tel"][disabled]:-moz-placeholder, input[type="tel"].disabled::-webkit-input-placeholder, input[type="tel"].disabled::-moz-placeholder, input[type="tel"].disabled:-ms-input-placeholder, input[type="tel"].disabled:-moz-placeholder, input[type="search"][disabled]::-webkit-input-placeholder, input[type="search"][disabled]::-moz-placeholder, input[type="search"][disabled]:-ms-input-placeholder, input[type="search"][disabled]:-moz-placeholder, input[type="search"].disabled::-webkit-input-placeholder, input[type="search"].disabled::-moz-placeholder, input[type="search"].disabled:-ms-input-placeholder, input[type="search"].disabled:-moz-placeholder, input[type="number"][disabled]::-webkit-input-placeholder, input[type="number"][disabled]::-moz-placeholder, input[type="number"][disabled]:-ms-input-placeholder, input[type="number"][disabled]:-moz-placeholder, input[type="number"].disabled::-webkit-input-placeholder, input[type="number"].disabled::-moz-placeholder, input[type="number"].disabled:-ms-input-placeholder, input[type="number"].disabled:-moz-placeholder, input[type="datetime"][disabled]::-webkit-input-placeholder, input[type="datetime"][disabled]::-moz-placeholder, input[type="datetime"][disabled]:-ms-input-placeholder, input[type="datetime"][disabled]:-moz-placeholder, input[type="datetime"].disabled::-webkit-input-placeholder, input[type="datetime"].disabled::-moz-placeholder, input[type="datetime"].disabled:-ms-input-placeholder, input[type="datetime"].disabled:-moz-placeholder, input[type="email"][disabled]::-webkit-input-placeholder, input[type="email"][disabled]::-moz-placeholder, input[type="email"][disabled]:-ms-input-placeholder, input[type="email"][disabled]:-moz-placeholder, input[type="email"].disabled::-webkit-input-placeholder, input[type="email"].disabled::-moz-placeholder, input[type="email"].disabled:-ms-input-placeholder, input[type="email"].disabled:-moz-placeholder { color: #737373; } #mc_embed_signup .mc-field-group input[type="text"].valid, #mc_embed_signup .mc-field-group input[type="password"].valid, #mc_embed_signup .mc-field-group input[type="url"].valid, #mc_embed_signup .mc-field-group input[type="tel"].valid, #mc_embed_signup .mc-field-group input[type="search"].valid, #mc_embed_signup .mc-field-group input[type="number"].valid, #mc_embed_signup .mc-field-group input[type="datetime"].valid, #mc_embed_signup .mc-field-group input[type="email"].valid, #mc_embed_signup .mc-field-group select.valid, #mc_embed_signup .mc-field-group textarea.valid { border-color: green; color: green; } #mc_embed_signup #mc-embedded-subscribe-form input[type="text"].mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form input[type="password"].mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form input[type="url"].mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form input[type="tel"].mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form input[type="search"].mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form input[type="number"].mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form input[type="datetime"].mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form input[type="email"].mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form select.mce_inline_error, #mc_embed_signup #mc-embedded-subscribe-form textarea.mce_inline_error { border: 1px solid #d3102a !important; color: #d3112b; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { color: #d3102a !important; } input[type="text"].mage-error, input[type="password"].mage-error, input[type="url"].mage-error, input[type="tel"].mage-error, input[type="search"].mage-error, input[type="number"].mage-error, input[type="datetime"].mage-error, input[type="email"].mage-error, select.mage-error, textarea.mage-error { border: 1px solid #d3102a !important; color: #d3112b; } .default-content-section { padding: 69px 0 50px; width: auto; margin: 0 auto; } .default-content-section .fw-container { padding: 0 !important; } .default-content-section h1 { color: #414141; margin-bottom: 21px; } .default-content-section p { color: #414141; margin-bottom: 19px; display: inline-block; } .default-content-block { width: 850px; margin: 0 auto 20px; } .default-content-block h1 { color: #414141; margin-bottom: 21px; } .default-content-block p { color: #414141; margin-bottom: 19px; display: inline-block; } /* Device - Tab */ @media (min-width: 768px) and (max-width: 991px) { .default-content-section .fw-container { padding: 0 15px !important; } } /* Device - Mobile phones */ @media (max-width: 767px) { .default-content-section .fw-container { padding: 0 15px !important; } } .main-banner { background-repeat: no-repeat; background-size: 100%; background-position: center top; padding-top: 65px; /* Animation Slider */ } .main-banner .fw-container { padding: 0 !important; } .main-banner .container-fluid { padding: 0 !important; } .main-banner .slider-container .animation-slider .animate-slide .container { padding: 0 !important; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block { margin-top: 29px; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block h2 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); color: #fff; font-size: 60px; line-height: 64px; letter-spacing: -4px; margin-bottom: 20px; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block p { color: #fff; font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 40px; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-1, .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-2 { display: inline-block; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-1 { margin-right: 20px; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-image { width: 450px; height: 565px; float: right; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-image img { display: none; } .main-banner .slider-container .mobile-display { position: relative; } .main-banner .slider-container .mobile-display--fliped { transform: rotateY(180deg); } .main-banner .slider-container .mobile-display, .main-banner .slider-container .mobile-display__cover { height: 565px; width: 422px; overflow: hidden; } .main-banner .slider-container .mobile-display__cover { background-repeat: no-repeat 0 0; position: absolute; top: 0; left: 0; z-index: 200; } .main-banner .slider-container .mobile-display__canvas { background-color: #ccc; margin-top: 40px; margin-left: 40px; transform: skew(-21deg, 10deg) translate(50px, 6px) scale3d(0.9, 1.05, 1); position: relative; z-index: 100; } .main-banner .slider-container .mobile-display__canvas, .main-banner .slider-container .mobile-display__canvas__image, .main-banner .slider-container .mobile-display__canvas__video { height: 426px; width: 240px; overflow: hidden; pointer-events: none; } .main-banner .slider-container .left-col .mobile-display { transform: scaleX(-1); } .main-banner .slider-container .left-col .mobile-display__cover { float: left; } .main-banner .slider-container .right-col .mobile-display__cover { float: right; } /* Inner Banner */ .inner-banner .fw-container { padding: 0 !important; } .inner-banner.banner-gradient { padding: 73px 0; } .inner-banner.banner-gradient h1 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); color: #fff; font-size: 60px; line-height: 54px; letter-spacing: -4px; } .inner-banner.banner-gradient-lg { background-repeat: no-repeat; background-size: 100%; background-position: center bottom; padding: 81px 0 113px; } .inner-banner.banner-gradient-lg h1 { width: 548px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); } .inner-banner.banner-gradient-lg-shape-1 { background-repeat: no-repeat; background-size: 100%; background-position: center top; padding: 84px 0 88px; } .inner-banner.banner-gradient-lg-shape-1 h1 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); } .banner-with-contact-form { background-repeat: no-repeat; background-size: 100%; background-position: center top; min-height: 435px; padding-top: 89px; } .banner-with-contact-form .banner-title h1 { margin-bottom: 20px; } .banner-with-contact-form .banner-intro { padding-right: 80px; } .banner-with-contact-form .banner-intro p { color: #fff; font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 0; } /*Large Screens*/ @media screen and (min-width: 1600px) { .main-banner { background-position: center bottom; } /* Inner Banner */ .inner-banner.banner-gradient-lg { background-position: center bottom; } .inner-banner.banner-gradient-lg-shape-1 { background-repeat: no-repeat; background-size: 100%; background-position: bottom right; } .banner-with-contact-form { background-size: 100%; min-height: 585px; } } /* Ipad Landscape */ @media (min-width: 992px) and (max-width: 1199px) { .main-banner { background-size: inherit; } /* Inner Banner */ .inner-banner .fw-container { padding: 0 15px !important; } .inner-banner.banner-gradient-lg { background-image: linear-gradient(145deg, #00acc8 0%, #63ffd5 100%) !important; } .inner-banner.banner-gradient-lg h1 { width: 100%; } .inner-banner.banner-gradient-lg-shape-1 { background-repeat: no-repeat; background-size: cover; background-position: bottom right; /* background-image: linear-gradient(252deg, #ffe467, #f8aa00) !important; */ } .banner-with-contact-form { background-size: cover; } } /* Tab */ @media (min-width: 768px) and (max-width: 991px) { .main-banner { background-size: inherit; padding-bottom: 65px; /* Animation Slider */ } .main-banner .fw-container { padding: 0 15px !important; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block h2 { font-size: 46px; line-height: 46px; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-1 a, .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-2 a { font-size: 14px; padding: 10px 20px; } .main-banner .slider-container .animation-slider .left-col .mobile-display { float: left; left: 0; } .main-banner .slider-container .animation-slider .right-col .mobile-display { float: right; right: 30px; } /* Inner Banner */ .inner-banner .fw-container { padding: 0 15px !important; } .inner-banner.banner-gradient { padding: 50px 0; } .inner-banner.banner-gradient h1 { font-size: 36px; font-weight: 500; line-height: 1.28; letter-spacing: -2px; } .inner-banner.banner-gradient-lg { background-image: linear-gradient(145deg, #00acc8 0%, #63ffd5 100%) !important; } .inner-banner.banner-gradient-lg h1 { width: 100%; } .inner-banner.banner-gradient-lg-shape-1 { background-repeat: no-repeat; background-size: cover; background-position: bottom right; /* background-image: linear-gradient(252deg, #ffe467, #f8aa00) !important; */ } .banner-with-contact-form { background-size: cover; } } /* Mobile Phones */ @media (max-width: 767px) { .main-banner { background-size: inherit; background-position: center bottom; padding-bottom: 65px; /* Animation Slider */ } .main-banner .fw-container { padding: 0 15px !important; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block { margin-top: 0; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-text-block .btn-1 { margin-right: 0; } .main-banner .slider-container .animation-slider .animate-slide .animate-slide-content .content-image { display: none; } .main-banner .slider-container .animation-slider .mobile-display { display: none; } /* Inner Banner */ .inner-banner .fw-container { padding: 0 15px !important; } .inner-banner.banner-gradient { padding: 50px 0; } .inner-banner.banner-gradient h1 { font-size: 36px; font-weight: 500; line-height: 1.28; letter-spacing: -2px; } .inner-banner.banner-gradient-lg { background-image: linear-gradient(145deg, #00acc8 0%, #63ffd5 100%) !important; } .inner-banner.banner-gradient-lg h1 { width: 100%; } .inner-banner.banner-gradient-lg-shape-1 { background-repeat: no-repeat; background-size: cover; background-position: bottom right; /* background-image: linear-gradient(252deg, #ffe467, #f8aa00) !important; */ } .banner-with-contact-form { background-size: cover; } .banner-with-contact-form .banner-title h1 { text-align: center; letter-spacing: 1px; font-size: 36px; line-height: 46px; } .banner-with-contact-form .banner-intro { text-align: center; padding-right: 0; margin-bottom: 20px; } } #login-modal { background-image: url("../../assets/images/bg_login.png"); border-radius: 10px; height: 664px; background-repeat: no-repeat; background-size: 100%; background-position: top center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); width: 1000px; padding: 0; } #login-modal .fancybox-close-small { color: #fff; right: 5px; top: 7px; padding: 0; } .login-pop-up-sec .login-popup--wrapper h1 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); color: #fff; font-size: 60px; line-height: 54px; letter-spacing: -4px; text-align: center; padding: 78px 0 83px; } .login-pop-up-sec .login-popup--wrapper .login-blocks { padding: 0 60px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login-block--wrapper { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 10px; float: left; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block { width: calc(100%/4); float: left; position: relative; padding: 84px 30px; border-right: 1px solid #e6e6e6; background-color: #fff; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-color-bar { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 180px; height: 10px; border-radius: 0 0 10px 10px; z-index: 1; visibility: visible; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-color-bar.one { background-image: linear-gradient(270deg, #17ead9 0%, #6078ea 100%); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-color-bar.two { background-image: linear-gradient(to right, #7a7de0 0%, #d64369 100%); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-color-bar.three { background-image: linear-gradient(-45deg, #ffb372 0%, #d73e68 100%); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-color-bar.four { background-image: linear-gradient(270deg, #bee470 0%, #45e994 100%); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-block { position: relative; z-index: 3; text-align: center; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-block .content-wrapper { height: 155px; overflow: hidden; display: block; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-block .content-wrapper h4 { color: #414141; font-size: 22px; font-weight: 500; line-height: 24px; letter-spacing: -0.5px; margin-bottom: 10px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-block .content-wrapper p { color: #737373; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 30px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-block .button-wrapper { text-align: center; margin-top: 31px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-block .button-wrapper a { display: inline-block; border-radius: 20px; border: 1px solid #feb819; background: #fff; color: #feb819; padding: 10px 40px; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -ms-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-block .button-wrapper a:hover { border: transparent; background: #feb819; color: #fff; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-hoverBlock-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 2; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-hoverBlock-wrap .login-hoverBlock { position: absolute; width: 400px; height: 1050px; top: -10%; left: 50%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%) scale(0, 0); -moz-transform: translate(-50%, -50%) scale(0, 0); -ms-transform: translate(-50%, -50%) scale(0, 0); -o-transform: translate(-50%, -50%) scale(0, 0); transform: translate(-50%, -50%) scale(0, 0); -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-hoverBlock-wrap .login-hoverBlock.one { background-image: linear-gradient(270deg, #17ead9 0%, #6078ea 100%); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-hoverBlock-wrap .login-hoverBlock.two { background-image: linear-gradient(to right, #7a7de0 0%, #d64369 100%); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-hoverBlock-wrap .login-hoverBlock.three { background-image: linear-gradient(-45deg, #ffb372 0%, #d73e68 100%); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-hoverBlock-wrap .login-hoverBlock.four { background-image: linear-gradient(270deg, #bee470 0%, #45e994 100%); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:hover .login-hoverBlock { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%) scale(1, 1); -moz-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:hover .login-color-bar { visibility: hidden; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:hover .login-block h4 { color: #fff; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:hover .login-block p { color: #fff; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:last-child { border-right: transparent; border-radius: 0 10px 10px 0; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:last-child .login-hoverBlock-wrap { border-radius: 0 10px 10px 0; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:first-child { border-radius: 10px 0 0 10px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:first-child .login-hoverBlock-wrap { border-radius: 10px 0 0 10px; } @media (min-width: 992px) and (max-width: 1199px) { #login-modal { width: auto; } } @media (min-width: 768px) and (max-width: 991px) { #login-modal { width: auto; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block { padding: 50px 15px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-color-bar { width: 130px; } } @media (max-width: 767px) and (orientation: landscape) { #login-modal { width: auto; max-width: 370px; } } @media (max-width: 767px) { #login-modal { width: auto; } .login-pop-up-sec .login-popup--wrapper h1 { font-size: 46px; line-height: 50px; padding: 50px 0 90px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:first-child { border-radius: 10px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block:last-child { border-radius: 10px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login-block--wrapper { box-shadow: none; border-radius: 0; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block { padding: 65px 30px; width: calc(100%/1); margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 10px; } .login-pop-up-sec .login-popup--wrapper .login-blocks .single-login--block .login-hoverBlock-wrap { border-radius: 10px; } } /* pages */ .banner-with-form { background-repeat: no-repeat; background-size: 100%; background-position: top center; min-height: 675px; } .banner-with-form .content-wrapper { padding-top: 149px; } .banner-with-form .content-wrapper h1 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); font-size: 60px; line-height: 78px; letter-spacing: -2px; margin-bottom: 20px; } .banner-with-form .content-wrapper p { font-size: 18px; font-weight: 400; line-height: 28px; padding-right: 170px; color: #fff; } .banner-with-form .login-block { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); margin-top: 74px; float: right; margin-left: 12px; margin-right: 5px; width: 100%; } .banner-with-form .login-block .login-form { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; background-color: #fff; padding: 40px 50px 40px; float: left; width: 100%; } .banner-with-form .login-block .login-form h4 { color: #414141; text-align: center; margin-bottom: 40px; } .banner-with-form .login-block .login-form .controls { margin-bottom: 24px; } .banner-with-form .login-block .login-form .controls label { color: #737373; font-size: 12px; font-weight: 500; margin-bottom: 8px; } .banner-with-form .login-block .login-form .controls label span { font-size: 12px; font-weight: 400; color: #737373; } .banner-with-form .login-block .login-form .checkbox { float: left; } .banner-with-form .login-block .login-form .forgot-password--wrapper { float: right; margin-top: 3px; margin-right: 3px; } .banner-with-form .login-block .login-form .forgot-password--wrapper a { font-size: 12px; font-weight: 400; color: #737373; text-decoration: underline; position: relative; padding-left: 24px; } .banner-with-form .login-block .login-form .forgot-password--wrapper a::before { position: absolute; left: 0; content: ""; width: 16px; height: 16px; background-position: -43px -13px; } .banner-with-form .login-block .login-form .forgot-password--wrapper a:hover { color: #feb819; } .banner-with-form .login-block .login-form .forgot-password--wrapper a:hover:before { background-position: -43px -38px; } .banner-with-form .login-block .login-form .button-wrapper { text-align: center; margin-top: 23px; float: left; width: 100%; } .banner-with-form .login-block .login-form .button-wrapper button { width: 100%; padding: 16px 20px; font-size: 18px; border-radius: 25px; } .banner-with-form .login-block .account-related--wrapper { border-radius: 0 0 4px 4px; text-align: center; background-image: linear-gradient(180deg, #f1f5f7 0%, #ffffff 100%); padding: 30px 50px; float: left; width: 100%; } .banner-with-form .login-block .account-related--wrapper p { color: #737373; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 5px; } .banner-with-form .login-block .account-related--wrapper a { color: #feb819; font-size: 16px; font-weight: 700; letter-spacing: -0.5px; } @media (min-width: 992px) and (max-width: 1199px) { .banner-with-form .content-wrapper { padding-top: 80px; } .banner-with-form .content-wrapper p { padding-right: 100px; } } @media (min-width: 768px) and (max-width: 991px) { .banner-with-form { background-size: cover; height: auto; margin-bottom: 100px; } .banner-with-form .content-wrapper { text-align: center; padding-top: 50px; margin-bottom: 20px; } .banner-with-form .content-wrapper p { padding: 0 15px; } .banner-with-form .r-wrapper { text-align: center; } .banner-with-form .login-block { float: none; display: inline-block; margin-right: 0; margin-top: 30px; } } @media (max-width: 767px) { .banner-with-form { background-size: cover; height: auto; margin-bottom: 100px; } .banner-with-form .content-wrapper { text-align: center; padding-top: 50px; margin-bottom: 20px; } .banner-with-form .content-wrapper p { padding: 0 15px; } .banner-with-form .r-wrapper { text-align: center; } .banner-with-form .login-block { width: 330px; float: none; display: inline-block; margin-left: 0; margin-right: 0; margin-top: 30px; } .banner-with-form .login-block .login-form { padding: 30px 25px; } } .register-page .r-wrapper { padding-left: 0px !important; } .register-page .content-wrapper { padding-top: 135px; } .register-page .content-wrapper h1 { margin-bottom: 16px; } .register-page .content-wrapper p { padding-right: 120px; margin-bottom: 40px; } .register-page .content-wrapper a { padding: 17px 62px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); border-radius: 28px; font-size: 18px; } .ym-register--form { margin-top: 80px; background: #fff; padding: 40px 45px; border-radius: 4px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); margin-bottom: 60px; } .ym-register--form input, .ym-register--form select { height: 40px; } .ym-register--form .controls { margin-bottom: 19px; } .ym-register--form .controls > label { color: #737373; font-size: 12px; font-weight: 600; } .ym-register--form textarea { padding-top: 10px; height: 102px; } .ym-register--form .im-sec select { width: 200px; float: left; border-radius: 4px 0 0 4px; } .ym-register--form .im-sec input { width: 161px; border-radius: 0 4px 4px 0 !important; border-left: transparent; } .ym-register--form .im-sec .entry.input-group { margin-bottom: 10px; } .ym-register--form .im-sec .input-group-btn { display: inline-block; margin-left: 12px; margin-top: 6px; } .ym-register--form .im-sec .add-btn, .ym-register--form .im-sec .remove-btn { position: relative; } .ym-register--form .im-sec .add-btn:before, .ym-register--form .im-sec .remove-btn:before { width: 14px; height: 14px; content: ""; position: absolute; } .ym-register--form .im-sec .add-btn:after, .ym-register--form .im-sec .remove-btn:after { position: absolute; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; margin-left: 19px; } .ym-register--form .im-sec .add-btn:before { background-position: -77px -15px; } .ym-register--form .im-sec .add-btn:after { content: "Add"; color: #00acc8; } .ym-register--form .im-sec .remove-btn:before { background-position: -76px -39px; } .ym-register--form .im-sec .remove-btn:after { content: "Remove"; color: #aaaaaa; } .ym-register--form .account-type-sec, .ym-register--form .verticals-offer-sec, .ym-register--form .promote-offer-sec, .ym-register--form .revenue-offer-sec, .ym-register--form .mob-desk-traffic-sec { margin-top: 20px; } .ym-register--form .account-type-sec > label, .ym-register--form .verticals-offer-sec > label, .ym-register--form .promote-offer-sec > label, .ym-register--form .revenue-offer-sec > label, .ym-register--form .mob-desk-traffic-sec > label { padding-left: 10px; margin-bottom: 17px; color: #737373; font-size: 12px; font-weight: 600; line-height: 14px; } .ym-register--form .account-type-sec .radio, .ym-register--form .verticals-offer-sec .radio, .ym-register--form .promote-offer-sec .radio, .ym-register--form .revenue-offer-sec .radio, .ym-register--form .mob-desk-traffic-sec .radio { margin-bottom: 20px; } .ym-register--form .account-type-sec .radio label small, .ym-register--form .verticals-offer-sec .radio label small, .ym-register--form .promote-offer-sec .radio label small, .ym-register--form .revenue-offer-sec .radio label small, .ym-register--form .mob-desk-traffic-sec .radio label small { display: block; color: #aaaaaa; font-size: 12px; font-weight: 400; line-height: 16px; } .ym-register--form .account-type-sec .checkbox input, .ym-register--form .verticals-offer-sec .checkbox input, .ym-register--form .promote-offer-sec .checkbox input, .ym-register--form .revenue-offer-sec .checkbox input, .ym-register--form .mob-desk-traffic-sec .checkbox input { height: 1px; } .ym-register--form .account-type-sec { margin-bottom: 14px; } .ym-register--form .verticals-offer-sec .checkbox { width: 175px; margin-bottom: 20px; display: inline-block; } .ym-register--form .promote-offer-sec { margin-top: 14px; } .ym-register--form .promote-offer-sec .checkbox { width: 175px; margin-bottom: 20px; display: inline-block; } .ym-register--form .revenue-offer-sec { margin-top: 14px; margin-bottom: 14px; } .ym-register--form .revenue-offer-sec .checkbox { width: 175px; margin-bottom: 20px; display: inline-block; } .ym-register--form .mob-desk-traffic-sec { margin-top: 0; } .ym-register--form .mob-desk-traffic-sec label { margin-bottom: 15px; } .ym-register--form .mob-desk-traffic-sec .radio { display: inline-block; margin-right: 48px; margin-bottom: 10px; } .ym-register--form .recaptcha-sec { margin-bottom: 27px; } .ym-register--form .recaptcha-sec .recaptcha-wrapper { float: left; } .ym-register--form .recaptcha-sec .recaptcha-wrapper { width: 235px; } .ym-register--form .recaptcha-sec .recaptcha-wrapper .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .ym-register--form .recaptcha-sec .button-wrapper { float: right; } .ym-register--form .recaptcha-sec .button-wrapper button { padding: 16px 20px; font-size: 18px; border-radius: 25px; min-width: 186px; } .ym-register--form .terms-and-conditions-sec { text-align: center; } .ym-register--form .terms-and-conditions-sec p, .ym-register--form .terms-and-conditions-sec a { color: #737373; font-size: 12px; font-weight: 400; margin-bottom: 0; } .ym-register--form .terms-and-conditions-sec p a, .ym-register--form .terms-and-conditions-sec a a { color: #00acc8; } .ym-register--form .terms-and-conditions-sec p a:hover, .ym-register--form .terms-and-conditions-sec a a:hover { color: #008095; } .ym-register--form .terms-of-yeahmobi { margin-bottom: 10px; } .ym-register--form .terms-of-yeahmobi .checkbox { margin-bottom: 10px; } .ym-register--form .terms-of-yeahmobi .checkbox label span { line-height: 18px; } @media (min-width: 768px) and (max-width: 991px) { .register-page .content-wrapper { padding-top: 80px; } .register-page .content-wrapper p { padding: 0 15px; } .register-page .r-wrapper { padding-left: 50px !important; padding-right: 50px; } .ym-register--form { margin-top: 0; } .ym-register--form .verticals-offer-sec, .ym-register--form .promote-offer-sec, .ym-register--form .revenue-offer-sec, .ym-register--form .mob-desk-traffic-sec { text-align: left; } .ym-register--form .verticals-offer-sec .checkbox, .ym-register--form .promote-offer-sec .checkbox, .ym-register--form .revenue-offer-sec .checkbox, .ym-register--form .mob-desk-traffic-sec .checkbox { display: block; } } @media (max-width: 767px) and (orientation: landscape) { .ym-register--form { max-width: 400px; margin: 0 auto; } } @media (max-width: 767px) { .register-page .content-wrapper { padding-top: 50px; } .register-page .content-wrapper p { padding: 0 15px; } .register-page .r-wrapper { padding-left: 40px !important; padding-right: 40px; } .ym-register--form { margin-top: 0; padding: 40px 20px; } .ym-register--form .verticals-offer-sec, .ym-register--form .promote-offer-sec, .ym-register--form .revenue-offer-sec, .ym-register--form .mob-desk-traffic-sec { text-align: left; } .ym-register--form .verticals-offer-sec .checkbox, .ym-register--form .promote-offer-sec .checkbox, .ym-register--form .revenue-offer-sec .checkbox, .ym-register--form .mob-desk-traffic-sec .checkbox { display: block; } .ym-register--form .recaptcha-sec .recaptcha-wrapper { width: 100%; } .ym-register--form .recaptcha-sec .recaptcha-wrapper .g-recaptcha { transform: scale(1); -webkit-transform: scale(1); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .ym-register--form .recaptcha-sec .button-wrapper { float: left; text-align: center; margin-top: 20px; width: 100%; } .ym-register--form .im-sec input { border: solid 1px #e6e6e6; } .ym-register--form .im-sec select, .ym-register--form .im-sec input { width: 70%; } .ym-register--form .im-sec .input-group-btn { margin-left: -60px; margin-top: 32px; } } /*# sourceMappingURL=style.css.map */