PATH:
home
/
thebhoeo
/
public_html
/
lazysleep
/
wp-content
/
plugins
/
woo-permalink-manager
/
assets
/
admin
/
css
@charset "UTF-8"; /* Base styles */ /* Break points */ /* TODO: Refactor to bootstrap variables and check all pages */ /* Grid */ /* Colors */ /* product-labels */ /* Base styles */ /* Colors */ /* Product */ /* Video */ @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=cyrillic"); .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .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 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; } .form-control, .acf-comment-fields .acf-field .acf-input input, #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table td textarea, .sumoaffiliates_menu_content textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus, .acf-comment-fields .acf-field .acf-input input:focus, #sumo_affiliates_registration_form .form-table th textarea:focus, #sumo_affiliates_registration_form .form-table td textarea:focus, .sumoaffiliates_menu_content textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder, .acf-comment-fields .acf-field .acf-input input::-moz-placeholder, #sumo_affiliates_registration_form .form-table th textarea::-moz-placeholder, #sumo_affiliates_registration_form .form-table td textarea::-moz-placeholder, .sumoaffiliates_menu_content textarea::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder, .acf-comment-fields .acf-field .acf-input input:-ms-input-placeholder, #sumo_affiliates_registration_form .form-table th textarea:-ms-input-placeholder, #sumo_affiliates_registration_form .form-table td textarea:-ms-input-placeholder, .sumoaffiliates_menu_content textarea:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder, .acf-comment-fields .acf-field .acf-input input::-webkit-input-placeholder, #sumo_affiliates_registration_form .form-table th textarea::-webkit-input-placeholder, #sumo_affiliates_registration_form .form-table td textarea::-webkit-input-placeholder, .sumoaffiliates_menu_content textarea::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand, .acf-comment-fields .acf-field .acf-input input::-ms-expand, #sumo_affiliates_registration_form .form-table th textarea::-ms-expand, #sumo_affiliates_registration_form .form-table td textarea::-ms-expand, .sumoaffiliates_menu_content textarea::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .acf-comment-fields .acf-field .acf-input input[disabled], #sumo_affiliates_registration_form .form-table th textarea[disabled], #sumo_affiliates_registration_form .form-table td textarea[disabled], .sumoaffiliates_menu_content textarea[disabled], .form-control[readonly], .acf-comment-fields .acf-field .acf-input input[readonly], #sumo_affiliates_registration_form .form-table th textarea[readonly], #sumo_affiliates_registration_form .form-table td textarea[readonly], .sumoaffiliates_menu_content textarea[readonly], fieldset[disabled] .form-control, fieldset[disabled] .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input fieldset[disabled] input, fieldset[disabled] #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th fieldset[disabled] textarea, fieldset[disabled] #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td fieldset[disabled] textarea, fieldset[disabled] .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content fieldset[disabled] textarea { background-color: #eeeeee; opacity: 1; } .form-control[disabled], .acf-comment-fields .acf-field .acf-input input[disabled], #sumo_affiliates_registration_form .form-table th textarea[disabled], #sumo_affiliates_registration_form .form-table td textarea[disabled], .sumoaffiliates_menu_content textarea[disabled], fieldset[disabled] .form-control, fieldset[disabled] .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input fieldset[disabled] input, fieldset[disabled] #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th fieldset[disabled] textarea, fieldset[disabled] #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td fieldset[disabled] textarea, fieldset[disabled] .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content fieldset[disabled] textarea { cursor: not-allowed; } textarea.form-control, #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table td textarea, .sumoaffiliates_menu_content textarea { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, .acf-comment-fields .acf-field .acf-input input[type="date"], input[type="time"].form-control, .acf-comment-fields .acf-field .acf-input input[type="time"], input[type="datetime-local"].form-control, .acf-comment-fields .acf-field .acf-input input[type="datetime-local"], input[type="month"].form-control, .acf-comment-fields .acf-field .acf-input input[type="month"] { line-height: 34px; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control, .form-group-sm .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input .form-group-sm input, .form-group-sm #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .form-group-sm textarea, .form-group-sm #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .form-group-sm textarea, .form-group-sm .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .form-group-sm textarea { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .form-group-sm textarea, .form-group-sm #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .form-group-sm textarea, .form-group-sm .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .form-group-sm textarea, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control, .form-group-lg .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input .form-group-lg input, .form-group-lg #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .form-group-lg textarea, .form-group-lg #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .form-group-lg textarea, .form-group-lg .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .form-group-lg textarea { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .form-group-lg textarea, .form-group-lg #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .form-group-lg textarea, .form-group-lg .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .form-group-lg textarea, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control, .has-feedback .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input .has-feedback input, .has-feedback #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .has-feedback textarea, .has-feedback #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .has-feedback textarea, .has-feedback .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .has-feedback textarea { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback, .form-group-lg .acf-comment-fields .acf-field .acf-input input + .form-control-feedback, .acf-comment-fields .acf-field .acf-input .form-group-lg input + .form-control-feedback, .form-group-lg #sumo_affiliates_registration_form .form-table th textarea + .form-control-feedback, #sumo_affiliates_registration_form .form-table th .form-group-lg textarea + .form-control-feedback, .form-group-lg #sumo_affiliates_registration_form .form-table td textarea + .form-control-feedback, #sumo_affiliates_registration_form .form-table td .form-group-lg textarea + .form-control-feedback, .form-group-lg .sumoaffiliates_menu_content textarea + .form-control-feedback, .sumoaffiliates_menu_content .form-group-lg textarea + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback, .form-group-sm .acf-comment-fields .acf-field .acf-input input + .form-control-feedback, .acf-comment-fields .acf-field .acf-input .form-group-sm input + .form-control-feedback, .form-group-sm #sumo_affiliates_registration_form .form-table th textarea + .form-control-feedback, #sumo_affiliates_registration_form .form-table th .form-group-sm textarea + .form-control-feedback, .form-group-sm #sumo_affiliates_registration_form .form-table td textarea + .form-control-feedback, #sumo_affiliates_registration_form .form-table td .form-group-sm textarea + .form-control-feedback, .form-group-sm .sumoaffiliates_menu_content textarea + .form-control-feedback, .sumoaffiliates_menu_content .form-group-sm textarea + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control, .has-success .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input .has-success input, .has-success #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .has-success textarea, .has-success #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .has-success textarea, .has-success .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .has-success textarea { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus, .has-success .acf-comment-fields .acf-field .acf-input input:focus, .acf-comment-fields .acf-field .acf-input .has-success input:focus, .has-success #sumo_affiliates_registration_form .form-table th textarea:focus, #sumo_affiliates_registration_form .form-table th .has-success textarea:focus, .has-success #sumo_affiliates_registration_form .form-table td textarea:focus, #sumo_affiliates_registration_form .form-table td .has-success textarea:focus, .has-success .sumoaffiliates_menu_content textarea:focus, .sumoaffiliates_menu_content .has-success textarea:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control, .has-warning .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input .has-warning input, .has-warning #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .has-warning textarea, .has-warning #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .has-warning textarea, .has-warning .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .has-warning textarea { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus, .has-warning .acf-comment-fields .acf-field .acf-input input:focus, .acf-comment-fields .acf-field .acf-input .has-warning input:focus, .has-warning #sumo_affiliates_registration_form .form-table th textarea:focus, #sumo_affiliates_registration_form .form-table th .has-warning textarea:focus, .has-warning #sumo_affiliates_registration_form .form-table td textarea:focus, #sumo_affiliates_registration_form .form-table td .has-warning textarea:focus, .has-warning .sumoaffiliates_menu_content textarea:focus, .sumoaffiliates_menu_content .has-warning textarea:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control, .has-error .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input .has-error input, .has-error #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .has-error textarea, .has-error #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .has-error textarea, .has-error .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .has-error textarea { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus, .has-error .acf-comment-fields .acf-field .acf-input input:focus, .acf-comment-fields .acf-field .acf-input .has-error input:focus, .has-error #sumo_affiliates_registration_form .form-table th textarea:focus, #sumo_affiliates_registration_form .form-table th .has-error textarea:focus, .has-error #sumo_affiliates_registration_form .form-table td textarea:focus, #sumo_affiliates_registration_form .form-table td .has-error textarea:focus, .has-error .sumoaffiliates_menu_content textarea:focus, .sumoaffiliates_menu_content .has-error textarea:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control, .form-inline .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input .form-inline input, .form-inline #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .form-inline textarea, .form-inline #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .form-inline textarea, .form-inline .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .form-inline textarea { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control, .form-inline .input-group .acf-comment-fields .acf-field .acf-input input, .acf-comment-fields .acf-field .acf-input .form-inline .input-group input, .form-inline .input-group #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table th .form-inline .input-group textarea, .form-inline .input-group #sumo_affiliates_registration_form .form-table td textarea, #sumo_affiliates_registration_form .form-table td .form-inline .input-group textarea, .form-inline .input-group .sumoaffiliates_menu_content textarea, .sumoaffiliates_menu_content .form-inline .input-group textarea { width: auto; } .form-inline .input-group > .form-control, .form-inline .acf-comment-fields .acf-field .acf-input .input-group > input, .acf-comment-fields .acf-field .acf-input .form-inline .input-group > input, .form-inline #sumo_affiliates_registration_form .form-table th .input-group > textarea, #sumo_affiliates_registration_form .form-table th .form-inline .input-group > textarea, .form-inline #sumo_affiliates_registration_form .form-table td .input-group > textarea, #sumo_affiliates_registration_form .form-table td .form-inline .input-group > textarea, .form-inline .sumoaffiliates_menu_content .input-group > textarea, .sumoaffiliates_menu_content .form-inline .input-group > textarea { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* -------------------------------------------------- Reset and normalize default browser styles -------------------------------------------------- */ 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, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, select, textarea { margin: 0; padding: 0; outline: none; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; } /* Handle box-sizing while better addressing child elements */ html { box-sizing: border-box; } *, *:after, *:before { box-sizing: inherit; } /* force a vertical scrollbar to prevent a jumpy page */ html { overflow-y: scroll; } html, body { min-height: 100%; /* disable webkit tap highlight */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } img, fieldset, hr, legend { border: 0; } object, video, embed, img { max-width: 100%; height: auto; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } audio, canvas, video, figure { display: inline-block; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } tr { page-break-inside: avoid; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } [hidden] { display: none; } svg:not(:root) { overflow: hidden; } /* Form normalize BEGIN */ button, input, select, textarea { box-shadow: none; background-color: transparent; border: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } html { font-family: "Open Sans", "Arial", sans-serif; font-size: 14px; line-height: 1.4; color: #30333a; } html.js-disable-scroll { overflow: hidden; } html.js-disable-scroll body { position: relative; width: 100%; } html.js-disable-popup-scroll { overflow: hidden; } html.js-disable-popup-scroll body { position: relative; width: 100%; } a { color: #479ccf; transition: hover, .2s; } a:hover { color: #24658c; } .u-hidden { display: none !important; } .svg-icon { max-width: 100%; max-height: 100%; fill: currentColor; } .svg-icon--hor-flip { transform: scale(-1); } img { max-width: 100%; max-height: 100%; } @media (min-width: 1200px) { .container--second-width { width: 1400px; } } .hidden { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right; } .text-center { text-align: center !important; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .col-xs-offset-right-12 { margin-right: 100%; } .col-xs-offset-right-11 { margin-right: 91.66666667%; } .col-xs-offset-right-10 { margin-right: 83.33333333%; } .col-xs-offset-right-9 { margin-right: 75%; } .col-xs-offset-right-8 { margin-right: 66.66666667%; } .col-xs-offset-right-7 { margin-right: 58.33333333%; } .col-xs-offset-right-6 { margin-right: 50%; } .col-xs-offset-right-5 { margin-right: 41.66666667%; } .col-xs-offset-right-4 { margin-right: 33.33333333%; } .col-xs-offset-right-3 { margin-right: 25%; } .col-xs-offset-right-2 { margin-right: 16.66666667%; } .col-xs-offset-right-1 { margin-right: 8.33333333%; } .col-xs-offset-right-0 { margin-right: 0; } @media (min-width: 768px) { .col-sm-offset-right-12 { margin-right: 100%; } .col-sm-offset-right-11 { margin-right: 91.66666667%; } .col-sm-offset-right-10 { margin-right: 83.33333333%; } .col-sm-offset-right-9 { margin-right: 75%; } .col-sm-offset-right-8 { margin-right: 66.66666667%; } .col-sm-offset-right-7 { margin-right: 58.33333333%; } .col-sm-offset-right-6 { margin-right: 50%; } .col-sm-offset-right-5 { margin-right: 41.66666667%; } .col-sm-offset-right-4 { margin-right: 33.33333333%; } .col-sm-offset-right-3 { margin-right: 25%; } .col-sm-offset-right-2 { margin-right: 16.66666667%; } .col-sm-offset-right-1 { margin-right: 8.33333333%; } .col-sm-offset-right-0 { margin-right: 0; } } @media (min-width: 992px) { .col-md-offset-right-12 { margin-right: 100%; } .col-md-offset-right-11 { margin-right: 91.66666667%; } .col-md-offset-right-10 { margin-right: 83.33333333%; } .col-md-offset-right-9 { margin-right: 75%; } .col-md-offset-right-8 { margin-right: 66.66666667%; } .col-md-offset-right-7 { margin-right: 58.33333333%; } .col-md-offset-right-6 { margin-right: 50%; } .col-md-offset-right-5 { margin-right: 41.66666667%; } .col-md-offset-right-4 { margin-right: 33.33333333%; } .col-md-offset-right-3 { margin-right: 25%; } .col-md-offset-right-2 { margin-right: 16.66666667%; } .col-md-offset-right-1 { margin-right: 8.33333333%; } .col-md-offset-right-0 { margin-right: 0; } } @media (min-width: 1200px) { .col-lg-offset-right-12 { margin-right: 100%; } .col-lg-offset-right-11 { margin-right: 91.66666667%; } .col-lg-offset-right-10 { margin-right: 83.33333333%; } .col-lg-offset-right-9 { margin-right: 75%; } .col-lg-offset-right-8 { margin-right: 66.66666667%; } .col-lg-offset-right-7 { margin-right: 58.33333333%; } .col-lg-offset-right-6 { margin-right: 50%; } .col-lg-offset-right-5 { margin-right: 41.66666667%; } .col-lg-offset-right-4 { margin-right: 33.33333333%; } .col-lg-offset-right-3 { margin-right: 25%; } .col-lg-offset-right-2 { margin-right: 16.66666667%; } .col-lg-offset-right-1 { margin-right: 8.33333333%; } .col-lg-offset-right-0 { margin-right: 0; } } /* -------------------------------------------------- Bootstrap default grid styles modificators -------------------------------------------------- */ /* Inline-block grid modifier */ .row { clear: both; } .row--ib { font-size: 0; } .row--ib > [class*="col-"] { float: none; display: inline-block; vertical-align: top; font-size: 1rem; } .row--ib-mid [class*="col-"] { vertical-align: middle; } .row--ib-bot [class*="col-"] { vertical-align: bottom; } .row--scroll { white-space: nowrap; overflow: auto; padding-bottom: 10px; } .row--scroll [class*="col-"] { white-space: normal; } .row--gutter-collapse { margin: 0; } .row--gutter-collapse > [class*="col-"] { padding: 0; } .row--center { text-align: center; } .row--vindent-s { margin-bottom: -20px; } .row--vindent-s [class*="col-"], .row--vindent-s .slick-track > [class*="col-"] { padding-bottom: 20px; } @media (min-width: 768px) { .row--vindent-s-sm { margin-bottom: -20px; } .row--vindent-s-sm [class*="col-"], .row--vindent-s-sm .slick-track > [class*="col-"] { padding-bottom: 20px; } } @media (min-width: 992px) { .row--vindent-s-md { margin-bottom: -20px; } .row--vindent-s-md [class*="col-"], .row--vindent-s-md .slick-track > [class*="col-"] { padding-bottom: 20px; } } @media (min-width: 1200px) { .row--vindent-s-lg { margin-bottom: -20px; } .row--vindent-s-lg [class*="col-"], .row--vindent-s-lg .slick-track > [class*="col-"] { padding-bottom: 20px; } } .row--vindent-m { margin-bottom: -30px; } .row--vindent-m [class*="col-"], .row--vindent-m .slick-track > [class*="col-"] { padding-bottom: 30px; } @media (min-width: 768px) { .row--vindent-m-sm { margin-bottom: -30px; } .row--vindent-m-sm [class*="col-"], .row--vindent-m-sm .slick-track > [class*="col-"] { padding-bottom: 30px; } } @media (min-width: 992px) { .row--vindent-m-md { margin-bottom: -30px; } .row--vindent-m-md [class*="col-"], .row--vindent-m-md .slick-track > [class*="col-"] { padding-bottom: 30px; } } @media (min-width: 1200px) { .row--vindent-m-lg { margin-bottom: -30px; } .row--vindent-m-lg [class*="col-"], .row--vindent-m-lg .slick-track > [class*="col-"] { padding-bottom: 30px; } } .row--vindent-m2 { margin-bottom: -50px; } .row--vindent-m2 [class*="col-"], .row--vindent-m2 .slick-track > [class*="col-"] { padding-bottom: 50px; } @media (min-width: 768px) { .row--vindent-m2-sm { margin-bottom: -50px; } .row--vindent-m2-sm [class*="col-"], .row--vindent-m2-sm .slick-track > [class*="col-"] { padding-bottom: 50px; } } @media (min-width: 992px) { .row--vindent-m2-md { margin-bottom: -50px; } .row--vindent-m2-md [class*="col-"], .row--vindent-m2-md .slick-track > [class*="col-"] { padding-bottom: 50px; } } @media (min-width: 1200px) { .row--vindent-m2-lg { margin-bottom: -50px; } .row--vindent-m2-lg [class*="col-"], .row--vindent-m2-lg .slick-track > [class*="col-"] { padding-bottom: 50px; } } .row--vindent-l { margin-bottom: -80px; } .row--vindent-l [class*="col-"], .row--vindent-l .slick-track > [class*="col-"] { padding-bottom: 80px; } @media (min-width: 768px) { .row--vindent-l-sm { margin-bottom: -80px; } .row--vindent-l-sm [class*="col-"], .row--vindent-l-sm .slick-track > [class*="col-"] { padding-bottom: 80px; } } @media (min-width: 992px) { .row--vindent-l-md { margin-bottom: -80px; } .row--vindent-l-md [class*="col-"], .row--vindent-l-md .slick-track > [class*="col-"] { padding-bottom: 80px; } } @media (min-width: 1200px) { .row--vindent-l-lg { margin-bottom: -80px; } .row--vindent-l-lg [class*="col-"], .row--vindent-l-lg .slick-track > [class*="col-"] { padding-bottom: 80px; } } .row--hindent-l { margin-left: -40px; margin-right: -40px; } .row--hindent-l > [class*="col-"], .row--hindent-l .slick-track > [class*="col-"] { padding-left: 40px; padding-right: 40px; } @media (min-width: 768px) { .row--hindent-l-sm { margin-left: -15px; margin-right: -15px; } .row--hindent-l-sm > [class*="col-"], .row--hindent-l-sm .slick-track > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media (min-width: 992px) { .row--hindent-l-md { margin-left: -30px; margin-right: -30px; } .row--hindent-l-md > [class*="col-"], .row--hindent-l-md .slick-track > [class*="col-"] { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) { .row--hindent-l-lg { margin-left: -40px; margin-right: -40px; } .row--hindent-l-lg > [class*="col-"], .row--hindent-l-lg .slick-track > [class*="col-"] { padding-left: 40px; padding-right: 40px; } } .row--v-space-s { margin-bottom: 15px; } .row--v-space-m { margin-bottom: 20px; } .col--spacer { padding-top: 20px; } @media (max-width: 767px) { .col--spacer-xs { padding-top: 20px; } } @media (max-width: 991px) { .col--spacer-sm { padding-top: 20px; } } @media (max-width: 1199px) { .col--spacer-md { padding-top: 20px; } } .col--align-center { text-align: center; } @media (min-width: 768px) { .col--align-center-sm { text-align: center; } } @media (min-width: 992px) { .col--align-center-md { text-align: center; } } @media (min-width: 1200px) { .col--align-center-lg { text-align: center; } } .col--align-left { text-align: left; } @media (min-width: 768px) { .col--align-left-sm { text-align: left; } } @media (min-width: 992px) { .col--align-left-md { text-align: left; } } @media (min-width: 1200px) { .col--align-left-lg { text-align: left; } } .col--align-right { text-align: right; } @media (min-width: 768px) { .col--align-right-sm { text-align: right; } } @media (min-width: 992px) { .col--align-right-md { text-align: right; } } @media (min-width: 1200px) { .col--align-right-lg { text-align: right; } } /* Debug */ /* *[class*="col-"]{ outline: 1px solid #800; }*/ /* -------------------------------------------------- Typography styles. Use for content outputted from admin panel WYSIWYG editor -------------------------------------------------- */ .typo { line-height: 1.5; /** Headers BEGIN **/ /** END Headers **/ /** List BEGIN **/ /** END List **/ /** Table BEGIN **/ /** END Table **/ /** Inline BEGIN **/ } .typo > :last-child { margin-bottom: 0; } .typo > :first-child { margin-top: 0; } .typo ul, .typo ol, .typo p, .typo dl, .typo table, .typo figure, .typo form, .typo form fieldset { margin: 0 0 0.6em 0; } .typo figcaption { font-size: 0.8em; line-height: 1; text-align: center; } .typo blockquote { position: relative; min-height: 45px; padding: 0 0 0.8em 3.7em; color: #999; } .typo blockquote:after { content: ""; display: table; clear: both; } .typo blockquote:before { content: '\201C'; position: absolute; top: 0; left: 0; font-size: 10rem; line-height: .8; } .typo hr { height: 1px; background: #30333a; } .typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 { margin: 1.5em 0 1em; } .typo h1 { font-size: em(22); font-weight: 700; margin-bottom: em(30, 22); } .typo h2 { font-size: 1.6em; } .typo h3 { font-size: 1.4em; } .typo h4 { font-size: 1.3em; } .typo h5 { font-size: 1.2em; } .typo h6 { font-size: 1.1em; } .typo ul { margin-left: 1.1em; list-style: disc; } .typo ul ul { margin: 0 0 0 2em; list-style: circle; } .typo ul ul ul { list-style: square; } .typo ol { list-style: none; counter-reset: num; } .typo ol ol { margin: 0 0 0 2em; } .typo ol li:before { content: counters(num, ".") " "; counter-increment: num; } .typo dt { font-weight: bold; } .typo dd { margin-bottom: 0.4em; } .typo table { border-color: black; } .typo table caption { font-size: 1.3em; } .typo table thead { font-weight: bold; } .typo table tfoot { font-weight: bold; } .typo table td { padding: 0.2em 0.5em 0.2em 0.5em; } .typo strong, .typo b { font-weight: bold; } .typo em, .typo cite, .typo dfn, .typo i, .typo var { font-style: italic; } .typo i.fa { /* Font Awesome default reset */ font-style: normal !important; } .typo code, .typo kbd, .typo pre, .typo samp { font-family: monospace, serif; font-size: 1em; } .typo ins { text-decoration: underline; } .typo del, .typo s, .typo strike { text-decoration: line-through; } .typo mark { background: #FF0; color: #000; } .typo small { font-size: 80%; } .typo sub, .typo sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .typo sup { top: -0.5em; } .typo sub { bottom: -0.25em; } .typo abbr[title] { border-bottom: 1px dotted; } .typo audio:not([controls]) { display: none; height: 0; } .typo iframe { max-width: 100%; /* youtube video height decrease on small devices */ } @media (max-width: 767px) { .typo iframe { height: auto; } } .l-page { display: flex; flex-direction: column; min-height: 100vh; padding-top: 90px; } .l-page--transparent-header { padding-top: 0; } .l-page--dark { color: #fff; background-color: rgba(30, 39, 49, 0.95); } .l-page__header { padding: 25px 0; background-color: rgba(30, 39, 49, 0.95); position: absolute; top: 0; left: 0; right: 0; height: 90px; z-index: 101; transition: height 0.3s ease-in-out, padding 0.3s ease-in-out; } .l-page__header[data-header-scroll-state="scroll"] { background-color: rgba(30, 39, 49, 0.95) !important; padding: 10px 0; height: 60px; position: fixed; } .l-page--transparent-header .l-page__header { background: transparent; } .l-page__body { flex-grow: 1; } @media (min-width: 992px) { .l-page__body--strip { position: relative; } } .l-page__container { width: 100%; padding: 0 20px; max-width: 1200px; margin: 0 auto; } .l-page__flex-wrapper { display: flex; justify-content: space-between; align-items: stretch; } @media (min-width: 992px) { .l-page__flex-wrapper .l-page__content { width: calc(100% - 370px); } } .l-page__flex-wrapper .l-page__content--second { padding: 0; } @media (min-width: 992px) { .l-page__flex-wrapper .l-page__content--second { width: calc(100% - 270px); } } .l-page__content { flex-grow: 1; background-color: #fff; } .l-page__sidebar { width: 350px; flex-shrink: 0; } @media (max-width: 992px) { .l-page__sidebar { display: none; } } @media (min-width: 992px) { .l-page__sidebar { margin-left: 20px; } } .l-page__left-menu { width: 270px; flex-shrink: 0; margin-right: 30px; } .l-header { width: 100%; padding: 0 20px; max-width: 1200px; margin: 0 auto; display: flex; font-size: 12px; justify-content: space-between; align-items: center; } @media (min-width: 992px) { .l-header__hamburger { display: none; } } .l-header__hamburger-ico { display: block; } .l-header__hamburger-ico > svg { fill: #fff; width: 30px; height: 30px; } .l-header__logo { text-align: center; flex-shrink: 1; width: 188px; } .l-header__logo img { width: 188px; transition: all 0.3s ease-in-out; } .l-header[data-header-scroll-state="scroll"] .l-header__logo img { width: 140px; } .l-header__nav { display: none; } @media (min-width: 992px) { .l-header__nav { display: block; } } .l-header__right { display: flex; align-items: center; } .l-header__button { display: none; white-space: nowrap; font-size: 11px; text-align: right; } @media (min-width: 720px) { .l-header__button { display: block; } } .l-header__cart-header { margin-left: 20px; } .l-footer { background-color: rgba(30, 39, 49, 0.95); color: #fff; } .l-footer__container { width: 100%; padding: 0 20px; max-width: 1200px; margin: 0 auto; } .l-footer__main { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 0; } .l-footer__main > * { padding: 10px 0; } @media (max-width: 768px) { .l-footer__main { flex-direction: column; } } .l-footer__title { font-weight: bold; margin-bottom: 20px; } .l-footer__title--second { color: #27ae60; text-transform: uppercase; } .l-footer__basement { display: flex; align-items: center; width: 100%; padding: 0 20px; max-width: 1200px; margin: 0 auto; border-top: 1px solid #384042; padding: 15px 0 10px 0; font-size: 12px; } @media (max-width: 768px) { .l-footer__basement { flex-direction: column-reverse; } .l-footer__basement > * { margin-bottom: 15px; } } @media (min-width: 992px) { .l-footer__copyright { margin-right: 30px; } } .l-footer__money-back a { display: flex; } .l-footer__col--contacts .custom-logo-link { display: block; margin-bottom: 15px; } .l-footer__col--contacts .l-footer__title { margin-bottom: 10px; } .l-footer__col--contacts .c-social-nav { margin-top: 15px; } .l-footer__item { display: flex; align-items: center; } .l-footer__ico { margin-right: 5px; color: #27ae60; } .l-footer__ico--email { width: 16px; height: 12px; } .l-footer__ico--phone { width: 15px; height: 16px; } .l-footer__ico .svg-icon { display: block; } .l-content { padding: 30px 0 50px 0; background-color: #fff; } .l-content__breadcrumbs { padding-bottom: 20px; } .l-content__title { font-size: 25px; line-height: 1.1; color: rgba(0, 0, 0, 0.8); margin-bottom: 20px; } @media (min-width: 720px) { .l-content__title { font-size: 35px; line-height: 1.2; } } .l-content__list-item:not(:first-child) { margin-top: 30px; } .l-content__pagination { margin-top: 60px; font-size: 0; text-align: center; } .l-content__body--lg { padding-top: 20px; } .o-button, .c-hero-image__btn, .c-feature__btn, .c-page-404__button, .c-license__buttons form input.button.alt, .comments__form-body .form__btn, .ic-build__btn, #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, .sumoaffiliates_menu_content input[type="submit"], .c-small-price-table__btn, .comment-respond .comment-form input[type="submit"], .woocommerce #payment .button.alt { display: inline-flex; align-items: center; border-radius: 2px; cursor: pointer; text-decoration: none; transition: hover, 0.2s; text-align: center; } .o-button--primary, .c-hero-image__btn, .c-feature__btn, .c-license__buttons form input.button.alt, .comments__form-body .form__btn, .ic-build__btn, #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, .sumoaffiliates_menu_content input[type="submit"], .woocommerce #payment .button.alt { background-color: #27ae60; color: #fff; } .o-button--primary:hover, .c-hero-image__btn:hover, .c-feature__btn:hover, .c-license__buttons form input.button.alt:hover, .comments__form-body .form__btn:hover, .ic-build__btn:hover, #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form:hover, .sumoaffiliates_menu_content input:hover[type="submit"], .woocommerce #payment .button.alt:hover { background-color: #2cc36b; color: #fff; } .o-button--secondary, .comment-respond .comment-form input[type="submit"] { background-color: #479ccf; color: #fff; } .o-button--secondary:hover, .comment-respond .comment-form input:hover[type="submit"] { background-color: #5ba7d4; color: #fff; } .o-button--fourth { background-color: #384048; color: #fff; } .o-button--fourth:hover { background-color: #434d56; color: #fff; } .o-button--transparent, .c-page-404__button { background-color: rgba(255, 255, 255, 0.1); color: #fff; } .o-button--transparent:hover, .c-page-404__button:hover { background-color: rgba(255, 255, 255, 0.2); color: #fff; } .o-button--empty { border: 1px solid #27ae60; color: #27ae60; } .o-button--empty:hover { color: #fff; background-color: #27ae60; } .o-button--empty-second { border: 1px solid #479ccf; color: #479ccf; } .o-button--empty-second:hover { color: #fff; background-color: #479ccf; } .o-button__ico { margin-right: 10px; } .o-button__ico--pc { width: 22px; height: 13px; } .o-button__ico--eye { width: 22px; height: 13px; } .o-button--caps, .c-hero-image__btn, .c-license__buttons form input.button.alt, .comments__form-body .form__btn, #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, .c-small-price-table__btn, .woocommerce #payment .button.alt { text-transform: uppercase; } .o-button--small-caps { text-transform: uppercase; font-size: 12px; } .o-button--sm, .sumoaffiliates_menu_content input[type="submit"] { min-height: 30px; padding: 5px 20px; } .o-button--md, .c-feature__btn, .c-page-404__button, .ic-build__btn, #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, .comment-respond .comment-form input[type="submit"], .woocommerce #payment .button.alt { min-height: 40px; padding: 5px 20px; } .o-button--lg, .c-hero-image__btn, .c-license__buttons form input.button.alt, .comments__form-body .form__btn { min-height: 50px; padding: 5px 30px; font-weight: bold; } .o-button--fix-width { padding: 5px 10px; width: 100%; max-width: 230px; justify-content: center; } .o-button--auto-width { padding: 5px 10px; width: 100%; justify-content: center; } .o-button br, .c-hero-image__btn br, .c-feature__btn br, .c-page-404__button br, .c-license__buttons form input.button.alt br, .comments__form-body .form__btn br, .ic-build__btn br, #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form br, .sumoaffiliates_menu_content input[type="submit"] br, .c-small-price-table__btn br, .comment-respond .comment-form input[type="submit"] br, .woocommerce #payment .button.alt br { display: none; } .o-button__desc { color: #999; font-size: 12px; margin-top: 20px; } .o-link, .o-typo a, .c-blog-post__content a, body#tinymce a, .c-post-tools__link, .c-breadcrumbs a, .c-post-categories > .cat-item a, .c-post-categories > a, .c-author__toolbar-link, .c-post-nav__item > a, .c-license__buttons form a.button.cancel, .comment-list a, .comment-list > .comment > .comment-body > .comment-meta a, .comment-respond a, #recentcomments .recentcomments > a { text-decoration: none; } .o-link.o-link--main, .o-typo a, .c-blog-post__content a, body#tinymce a, .o-link--main.c-post-tools__link, .c-breadcrumbs a, .c-post-categories > .cat-item a, .c-post-categories > a, .o-link--main.c-author__toolbar-link, .c-post-nav__item > a, .c-license__buttons form a.o-link--main.button.cancel, .c-license__buttons form .o-typo a.button.cancel, .o-typo .c-license__buttons form a.button.cancel, .c-license__buttons form .c-blog-post__content a.button.cancel, .c-blog-post__content .c-license__buttons form a.button.cancel, .c-license__buttons form .c-breadcrumbs a.button.cancel, .c-breadcrumbs .c-license__buttons form a.button.cancel, .c-license__buttons form .c-post-categories > .cat-item a.button.cancel, .c-post-categories > .cat-item .c-license__buttons form a.button.cancel, .c-license__buttons form .c-post-categories > a.button.cancel, .c-license__buttons form .c-post-nav__item > a.button.cancel, .c-license__buttons form .comment-list a.button.cancel, .comment-list .c-license__buttons form a.button.cancel, .c-license__buttons form .comment-respond a.button.cancel, .comment-respond .c-license__buttons form a.button.cancel, .comment-list a, .o-typo .comment-list > .comment > .comment-body > .comment-meta a, .c-blog-post__content .comment-list > .comment > .comment-body > .comment-meta a, .c-breadcrumbs .comment-list > .comment > .comment-body > .comment-meta a, .c-post-categories > .cat-item .comment-list > .comment > .comment-body > .comment-meta a, .comment-list > .comment > .comment-body > .comment-meta a, .comment-respond .comment-list > .comment > .comment-body > .comment-meta a, .comment-respond a, #recentcomments .recentcomments > a.o-link--main, #recentcomments .o-typo .recentcomments > a, .o-typo #recentcomments .recentcomments > a, #recentcomments .c-blog-post__content .recentcomments > a, .c-blog-post__content #recentcomments .recentcomments > a, #recentcomments body#tinymce .recentcomments > a, body#tinymce #recentcomments .recentcomments > a, #recentcomments .c-breadcrumbs .recentcomments > a, .c-breadcrumbs #recentcomments .recentcomments > a, #recentcomments .c-post-categories > .cat-item .recentcomments > a, .c-post-categories > .cat-item #recentcomments .recentcomments > a, #recentcomments .c-post-categories.recentcomments > a, #recentcomments .c-post-nav__item.recentcomments > a, #recentcomments .comment-list .recentcomments > a, .comment-list #recentcomments .recentcomments > a, #recentcomments .comment-respond .recentcomments > a, .comment-respond #recentcomments .recentcomments > a { color: #479ccf; transition: hover, .2s; } .o-link.o-link--main:hover, .o-typo a:hover, .c-blog-post__content a:hover, body#tinymce a:hover, .o-link--main.c-post-tools__link:hover, .c-breadcrumbs a:hover, .c-post-categories > .cat-item a:hover, .c-post-categories > a:hover, .o-link--main.c-author__toolbar-link:hover, .c-post-nav__item > a:hover, .c-license__buttons form a.o-link--main.button.cancel:hover, .c-license__buttons form .o-typo a.button.cancel:hover, .o-typo .c-license__buttons form a.button.cancel:hover, .c-license__buttons form .c-blog-post__content a.button.cancel:hover, .c-blog-post__content .c-license__buttons form a.button.cancel:hover, .c-license__buttons form .c-breadcrumbs a.button.cancel:hover, .c-breadcrumbs .c-license__buttons form a.button.cancel:hover, .c-license__buttons form .c-post-categories > .cat-item a.button.cancel:hover, .c-post-categories > .cat-item .c-license__buttons form a.button.cancel:hover, .c-license__buttons form .c-post-categories > a.button.cancel:hover, .c-license__buttons form .c-post-nav__item > a.button.cancel:hover, .c-license__buttons form .comment-list a.button.cancel:hover, .comment-list .c-license__buttons form a.button.cancel:hover, .c-license__buttons form .comment-respond a.button.cancel:hover, .comment-respond .c-license__buttons form a.button.cancel:hover, .comment-list a:hover, .o-typo .comment-list > .comment > .comment-body > .comment-meta a:hover, .c-blog-post__content .comment-list > .comment > .comment-body > .comment-meta a:hover, .c-breadcrumbs .comment-list > .comment > .comment-body > .comment-meta a:hover, .c-post-categories > .cat-item .comment-list > .comment > .comment-body > .comment-meta a:hover, .comment-list > .comment > .comment-body > .comment-meta a:hover, .comment-respond .comment-list > .comment > .comment-body > .comment-meta a:hover, .comment-respond a:hover, #recentcomments .recentcomments > a.o-link--main:hover, #recentcomments .o-typo .recentcomments > a:hover, .o-typo #recentcomments .recentcomments > a:hover, #recentcomments .c-blog-post__content .recentcomments > a:hover, .c-blog-post__content #recentcomments .recentcomments > a:hover, #recentcomments .c-breadcrumbs .recentcomments > a:hover, .c-breadcrumbs #recentcomments .recentcomments > a:hover, #recentcomments .c-post-categories > .cat-item .recentcomments > a:hover, .c-post-categories > .cat-item #recentcomments .recentcomments > a:hover, #recentcomments .c-post-categories.recentcomments > a:hover, #recentcomments .c-post-nav__item.recentcomments > a:hover, #recentcomments .comment-list .recentcomments > a:hover, .comment-list #recentcomments .recentcomments > a:hover, #recentcomments .comment-respond .recentcomments > a:hover, .comment-respond #recentcomments .recentcomments > a:hover { color: #24658c; } .o-link.o-link--invert, .o-typo a.o-link--invert, .c-blog-post__content a.o-link--invert, body#tinymce a.o-link--invert, .o-link--invert.c-post-tools__link, .c-breadcrumbs a.o-link--invert, .c-post-categories > .cat-item a.o-link--invert, .c-post-categories > a.o-link--invert, .o-link--invert.c-author__toolbar-link, .c-post-nav__item > a.o-link--invert, .c-license__buttons form a.o-link--invert.button.cancel, .comment-list a.o-link--invert, .comment-list > .comment > .comment-body > .comment-meta a.o-link--invert, .comment-respond a.o-link--invert, #recentcomments .recentcomments > a.o-link--invert { color: rgba(30, 39, 49, 0.95); transition: hover, .2s; } .o-link.o-link--invert:hover, .o-typo a.o-link--invert:hover, .c-blog-post__content a.o-link--invert:hover, body#tinymce a.o-link--invert:hover, .o-link--invert.c-post-tools__link:hover, .c-breadcrumbs a.o-link--invert:hover, .c-post-categories > .cat-item a.o-link--invert:hover, .c-post-categories > a.o-link--invert:hover, .o-link--invert.c-author__toolbar-link:hover, .c-post-nav__item > a.o-link--invert:hover, .c-license__buttons form a.o-link--invert.button.cancel:hover, .comment-list a.o-link--invert:hover, .comment-list > .comment > .comment-body > .comment-meta a.o-link--invert:hover, .comment-respond a.o-link--invert:hover, #recentcomments .recentcomments > a.o-link--invert:hover { color: #479ccf; text-decoration: underline; } .o-link.o-link--pale, .o-typo a.o-link--pale, .c-blog-post__content a.o-link--pale, body#tinymce a.o-link--pale, .o-typo a.c-post-tools__link, .c-blog-post__content a.c-post-tools__link, body#tinymce a.c-post-tools__link, .o-typo a.c-author__toolbar-link, .c-blog-post__content a.c-author__toolbar-link, body#tinymce a.c-author__toolbar-link, body#tinymce .c-license__buttons form a.button.cancel, .c-license__buttons form body#tinymce a.button.cancel, .o-typo .comment-list > .comment > .comment-body > .comment-meta a, .c-blog-post__content .comment-list > .comment > .comment-body > .comment-meta a, body#tinymce .comment-list > .comment > .comment-body > .comment-meta a, .comment-list > .comment > .comment-body > .comment-meta body#tinymce a, #recentcomments .o-typo .recentcomments > a, #recentcomments .c-blog-post__content .recentcomments > a, #recentcomments body#tinymce .recentcomments > a, .c-post-tools__link, .c-breadcrumbs a.o-link--pale, .c-breadcrumbs a.c-post-tools__link, .c-breadcrumbs a.c-author__toolbar-link, .c-breadcrumbs .comment-list > .comment > .comment-body > .comment-meta a, #recentcomments .c-breadcrumbs .recentcomments > a, .c-post-categories > .cat-item a.o-link--pale, .c-post-categories > .cat-item a.c-post-tools__link, .c-post-categories > .cat-item a.c-author__toolbar-link, .c-post-categories > .cat-item .comment-list > .comment > .comment-body > .comment-meta a, #recentcomments .c-post-categories > .cat-item .recentcomments > a, .c-post-categories > a.o-link--pale, .c-post-categories > a.c-post-tools__link, .c-post-categories > a.c-author__toolbar-link, .c-author__toolbar-link, .c-post-nav__item > a.o-link--pale, .c-post-nav__item > a.c-post-tools__link, .c-post-nav__item > a.c-author__toolbar-link, .c-license__buttons form a.button.cancel, .comment-list a.o-link--pale, .comment-list a.c-post-tools__link, .comment-list a.c-author__toolbar-link, .comment-list > .comment > .comment-body > .comment-meta a, #recentcomments .comment-list .recentcomments > a, .comment-respond a.o-link--pale, .comment-respond a.c-post-tools__link, .comment-respond a.c-author__toolbar-link, .comment-respond .comment-list > .comment > .comment-body > .comment-meta a, #recentcomments .comment-respond .recentcomments > a, #recentcomments .recentcomments > a { text-decoration: underline; color: rgba(0, 0, 0, 0.8); transition: hover, .2s; } .o-link.o-link--pale:hover, .o-typo a.o-link--pale:hover, .c-blog-post__content a.o-link--pale:hover, body#tinymce a.o-link--pale:hover, body#tinymce a.c-post-tools__link:hover, body#tinymce a.c-author__toolbar-link:hover, body#tinymce .c-license__buttons form a.button.cancel:hover, .c-license__buttons form body#tinymce a.button.cancel:hover, .o-typo .comment-list > .comment > .comment-body > .comment-meta a:hover, .c-blog-post__content .comment-list > .comment > .comment-body > .comment-meta a:hover, body#tinymce .comment-list > .comment > .comment-body > .comment-meta a:hover, .comment-list > .comment > .comment-body > .comment-meta body#tinymce a:hover, #recentcomments .o-typo .recentcomments > a:hover, #recentcomments .c-blog-post__content .recentcomments > a:hover, #recentcomments body#tinymce .recentcomments > a:hover, .c-post-tools__link:hover, .c-breadcrumbs a.o-link--pale:hover, .c-breadcrumbs .comment-list > .comment > .comment-body > .comment-meta a:hover, #recentcomments .c-breadcrumbs .recentcomments > a:hover, .c-post-categories > .cat-item a.o-link--pale:hover, .c-post-categories > .cat-item a.c-post-tools__link:hover, .c-post-categories > .cat-item a.c-author__toolbar-link:hover, .c-post-categories > .cat-item .comment-list > .comment > .comment-body > .comment-meta a:hover, #recentcomments .c-post-categories > .cat-item .recentcomments > a:hover, .c-post-categories > a.o-link--pale:hover, .c-author__toolbar-link:hover, .c-post-nav__item > a.o-link--pale:hover, .c-license__buttons form a.button.cancel:hover, .comment-list a.o-link--pale:hover, .comment-list > .comment > .comment-body > .comment-meta a:hover, #recentcomments .comment-list .recentcomments > a:hover, .comment-respond a.o-link--pale:hover, .comment-respond .comment-list > .comment > .comment-body > .comment-meta a:hover, #recentcomments .comment-respond .recentcomments > a:hover, #recentcomments .recentcomments > a:hover { color: rgba(77, 76, 76, 0.8); } .o-list, .c-main-nav, .c-post-tools { display: flex; justify-content: flex-start; margin-top: -15px; } .o-list > *, .c-main-nav > *, .c-post-tools > * { margin-top: 15px; } .o-list--sm { margin-left: -5px; } .o-list--md, .c-main-nav { margin-left: -15px; } .o-list--lg, .c-post-tools { margin-left: -25px; } .o-list--sm > * { margin-left: 5px; } .o-list--md > *, .c-main-nav > * { margin-left: 15px; } .o-list--lg > *, .c-post-tools > * { margin-left: 25px; } .c-media--align-center { text-align: center; } .c-media__header { display: flex; align-items: center; } .c-media__image { display: inline-block; } .c-media__image--size-md { height: 69px; width: 69px; } .c-media__image--dir-hor { margin-right: 30px; } .c-media__image--dir-vert { margin-bottom: 20px; } .c-media__title { font-weight: bold; font-size: 18px; } .c-media__title--size-lg { font-size: 21px; } .c-media__content { margin-top: 10px; line-height: 25px; } .c-media__content--size-lg { font-size: 16px; line-height: 28px; margin-top: 20px; } /* -------------------------------------------------- Typography styles. Use for content outputted from admin panel WYSIWYG editor -------------------------------------------------- */ .o-typo, .c-blog-post__content, body#tinymce { line-height: 1.5; /** Headers BEGIN **/ /** END Headers **/ /** List BEGIN **/ /** END List **/ /** Table BEGIN **/ /** END Table **/ /** Inline BEGIN **/ } @media (min-width: 720px) { .o-typo--lg { font-size: 16px; } } .o-typo > :last-child, .c-blog-post__content > :last-child, body#tinymce > :last-child { margin-bottom: 0; } .o-typo > :first-child, .c-blog-post__content > :first-child, body#tinymce > :first-child { margin-top: 0; } .o-typo ul, .c-blog-post__content ul, body#tinymce ul, .o-typo ol, .c-blog-post__content ol, body#tinymce ol, .o-typo p, .c-blog-post__content p, body#tinymce p, .o-typo dl, .c-blog-post__content dl, body#tinymce dl, .o-typo table, .c-blog-post__content table, body#tinymce table, .o-typo figure, .c-blog-post__content figure, body#tinymce figure, .o-typo form, .c-blog-post__content form, body#tinymce form, .o-typo form fieldset, .c-blog-post__content form fieldset, body#tinymce form fieldset { margin: 0 0 1.6em 0; } .o-typo figcaption, .c-blog-post__content figcaption, body#tinymce figcaption { font-size: 0.8em; line-height: 1; text-align: center; } .o-typo blockquote, .c-blog-post__content blockquote, body#tinymce blockquote { position: relative; min-height: 45px; padding: 0 0 0.8em 3.7em; color: #999; } .o-typo blockquote:after, .c-blog-post__content blockquote:after, body#tinymce blockquote:after { content: ""; display: table; clear: both; } .o-typo blockquote:before, .c-blog-post__content blockquote:before, body#tinymce blockquote:before { content: '\201C'; position: absolute; top: 0; left: 0; font-size: 10rem; line-height: .8; } .o-typo hr, .c-blog-post__content hr, body#tinymce hr { height: 1px; background: #30333a; } .o-typo h1, .c-blog-post__content h1, body#tinymce h1, .o-typo h2, .c-blog-post__content h2, body#tinymce h2, .o-typo h3, .c-blog-post__content h3, body#tinymce h3, .o-typo h4, .c-blog-post__content h4, body#tinymce h4, .o-typo h5, .c-blog-post__content h5, body#tinymce h5, .o-typo h6, .c-blog-post__content h6, body#tinymce h6 { color: rgba(0, 0, 0, 0.8); margin: 1.5em 0 0.5em; line-height: 1.1; } .o-typo h1, .c-blog-post__content h1, body#tinymce h1 { font-size: 2em; color: #000; } .o-typo h2, .c-blog-post__content h2, body#tinymce h2 { font-size: 1.6em; } .o-typo h3, .c-blog-post__content h3, body#tinymce h3 { font-size: 1.4em; } .o-typo h4, .c-blog-post__content h4, body#tinymce h4 { font-size: 1.3em; } .o-typo h5, .c-blog-post__content h5, body#tinymce h5 { font-size: 1.2em; } .o-typo h6, .c-blog-post__content h6, body#tinymce h6 { font-size: 1.1em; } .o-typo ul, .c-blog-post__content ul, body#tinymce ul { margin-left: 1.1em; list-style: disc; } .o-typo ul ul, .c-blog-post__content ul ul, body#tinymce ul ul { margin: 0 0 0 2em; list-style: circle; } .o-typo ul ul ul, .c-blog-post__content ul ul ul, body#tinymce ul ul ul { list-style: square; } .o-typo ol, .c-blog-post__content ol, body#tinymce ol { list-style: decimal; margin-left: 1.1em; } .o-typo ol ol, .c-blog-post__content ol ol, body#tinymce ol ol { margin: 0 0 0 2em; } .o-typo li, .c-blog-post__content li, body#tinymce li { margin-bottom: .2em; } .o-typo dt, .c-blog-post__content dt, body#tinymce dt { font-weight: bold; } .o-typo dd, .c-blog-post__content dd, body#tinymce dd { margin-bottom: 0.4em; } .o-typo table, .c-blog-post__content table, body#tinymce table { border-color: black; } .o-typo table caption, .c-blog-post__content table caption, body#tinymce table caption { font-size: 1.3em; } .o-typo table thead, .c-blog-post__content table thead, body#tinymce table thead { font-weight: bold; } .o-typo table tfoot, .c-blog-post__content table tfoot, body#tinymce table tfoot { font-weight: bold; } .o-typo table td, .c-blog-post__content table td, body#tinymce table td { padding: 0.2em 0.5em 0.2em 0.5em; } .o-typo strong, .c-blog-post__content strong, body#tinymce strong, .o-typo b, .c-blog-post__content b, body#tinymce b { font-weight: bold; } .o-typo em, .c-blog-post__content em, body#tinymce em, .o-typo cite, .c-blog-post__content cite, body#tinymce cite, .o-typo dfn, .c-blog-post__content dfn, body#tinymce dfn, .o-typo i, .c-blog-post__content i, body#tinymce i, .o-typo var, .c-blog-post__content var, body#tinymce var { font-style: italic; } .o-typo i.fa, .c-blog-post__content i.fa, body#tinymce i.fa { /* Font Awesome default reset */ font-style: normal !important; } .o-typo code, .c-blog-post__content code, body#tinymce code, .o-typo kbd, .c-blog-post__content kbd, body#tinymce kbd, .o-typo pre, .c-blog-post__content pre, body#tinymce pre, .o-typo samp, .c-blog-post__content samp, body#tinymce samp { font-family: monospace, serif; font-size: 1em; } .o-typo ins, .c-blog-post__content ins, body#tinymce ins { text-decoration: underline; } .o-typo del, .c-blog-post__content del, body#tinymce del, .o-typo s, .c-blog-post__content s, body#tinymce s, .o-typo strike, .c-blog-post__content strike, body#tinymce strike { text-decoration: line-through; } .o-typo mark, .c-blog-post__content mark, body#tinymce mark { background: #ff0; color: #000; } .o-typo small, .c-blog-post__content small, body#tinymce small { font-size: 80%; } .o-typo sub, .c-blog-post__content sub, body#tinymce sub, .o-typo sup, .c-blog-post__content sup, body#tinymce sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .o-typo sup, .c-blog-post__content sup, body#tinymce sup { top: -0.5em; } .o-typo sub, .c-blog-post__content sub, body#tinymce sub { bottom: -0.25em; } .o-typo abbr[title], .c-blog-post__content abbr[title], body#tinymce abbr[title] { border-bottom: 1px dotted; } .o-typo audio:not([controls]), .c-blog-post__content audio:not([controls]), body#tinymce audio:not([controls]) { display: none; height: 0; } .o-typo iframe, .c-blog-post__content iframe, body#tinymce iframe { max-width: 100%; height: auto; } .o-form { margin-top: -10px; } .o-form__row { display: flex; flex-direction: column; margin: 0 -15px 0 -15px; } @media (min-width: 992px) { .o-form__row { flex-direction: row; } } .o-form__row.js-hidden { display: none; } .o-form__col { padding: 15px 15px 0 15px; flex-grow: 1; } .o-field, .comment-respond .comment-form input[type="text"], .comment-respond .comment-form input[type="email"], .comment-respond .comment-form textarea { border: 1px solid #ccd3d3; width: 100%; padding: 10px; color: #969fa3; background-color: #fff; transition: .3s; } .o-field:focus, .comment-respond .comment-form input:focus[type="text"], .comment-respond .comment-form input:focus[type="email"], .comment-respond .comment-form textarea:focus { border-color: #5ba7d4; box-shadow: 0 0 4px #479ccf; } .o-field--second { background-color: #f5f7f8; } .o-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; } .o-overlay.js-hidden { display: none; } .o-tooltip { position: relative; cursor: pointer; } .o-tooltip::before { content: ''; display: inline-block; background-image: url("../svg/tooltip.svg"); width: 13px; height: 13px; } .o-tooltip__drop { display: none; position: absolute; z-index: 10; left: 100%; top: -5px; padding-left: 3px; } .o-tooltip__drop--rtl { left: auto; right: 100%; padding-left: 0; padding-right: 3px; } .o-tooltip:hover .o-tooltip__drop { display: block; } .o-tooltip__desc { display: block; cursor: default; border: 1px solid #ccd3d3; box-shadow: 0 3px 10px rgba(57, 93, 132, 0.2); background: #fff; font-size: .9rem; padding: 10px; width: 200px; font-family: "Open Sans", "Arial", sans-serif; font-weight: normal; font-style: normal; color: #30333a; text-transform: none; line-height: 1.3; text-decoration: none; text-align: left; } .o-tooltip__desc--md { width: 300px; } .o-tooltip__desc--lg { width: 400px; } .animated-plus { height: 10px; width: 10px; opacity: .7; } .animated-plus__inner { position: relative; width: 10px; height: 10px; } .animated-plus__vertical { position: absolute; top: 50%; left: 50%; background-color: #27ae60; width: 10px; height: 2px; margin-left: -5px; margin-top: -1px; transition: all .5s ease-in-out; transform: rotate(-90deg); } .animated-plus__horizontal { position: absolute; top: 50%; left: 50%; background-color: #27ae60; width: 2px; height: 10px; margin-left: -1px; margin-top: -5px; transition: all .5s ease-in-out; transform: rotate(-90deg); opacity: 1; } .active > .animated-plus .animated-plus__horizontal, .active:hover > .animated-plus .animated-plus__horizontal { transition: all .5s ease-in-out; transform: rotate(90deg); } .active > .animated-plus .animated-plus__vertical, .active:hover > .animated-plus .animated-plus__vertical { transition: all .5s ease-in-out; transform: rotate(90deg); opacity: 0; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100% !important; max-width: 770px; } .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 42px; user-select: none; -webkit-user-select: none; } .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 40px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container [dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-search--inline { float: left; } .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #ccd3d3; border-radius: 2px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 1px 6px; font-size: 13px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .select2-container--open .select2-selection--single { border-color: #66afe9 !important; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ccd3d3; border-radius: 2px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 40px; font-size: 12px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; position: absolute; top: 1px; right: 1px; width: 25px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -8px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .cart-header { display: table; } .cart-header__aside { display: table-cell; vertical-align: middle; padding-right: 10px; } .cart-header__inner { display: table-cell; vertical-align: middle; } .cart-header__ico { position: relative; display: block; width: 20px; height: 24px; } .cart-header__ico--empty { cursor: default; pointer-events: none; } .cart-header__link { color: #479ccf; } .cart-header__link--empty { cursor: default; pointer-events: none; text-decoration: none; opacity: .8; } .cart-header__badge { position: absolute; top: 0; right: 0; bottom: 0; left: 100%; margin: -10px 0 0 -10px; background: #27ae60; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; color: #fff; font-size: 11px; text-align: center; } .brace { display: flex; width: 12%; height: 25px; margin-top: 25px; margin-bottom: 40px; } .brace__left, .brace__right { position: relative; width: 100%; max-width: calc(50% - 50px); height: 2px; margin: 0 25px; background-color: #27ae60; } .brace__top-corner, .brace__bottom-corner { position: absolute; width: 25px; height: 25px; overflow: hidden; } .brace__top-corner::before, .brace__bottom-corner::before { content: ''; position: absolute; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #27ae60; } .brace__left .brace__top-corner { left: -25px; bottom: 0; } .brace__left .brace__top-corner::before { left: 0; bottom: 0; } .brace__left .brace__bottom-corner { right: -25px; top: 0; } .brace__left .brace__bottom-corner::before { right: 0; top: 0; } .brace__right .brace__top-corner { left: -25px; top: 0; } .brace__right .brace__top-corner::before { left: 0; top: 0; } .brace__right .brace__bottom-corner { right: -25px; bottom: 0; } .brace__right .brace__bottom-corner::before { right: 0; bottom: 0; } .animated .brace { width: 100%; transition: width 1.2s; } .c-documentation__item { margin-bottom: 40px; } .c-documentation__title { color: #384048; font-weight: bold; font-size: 28px; } .c-documentation__links { display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 768px) { .c-documentation__links { flex-direction: column; } } .c-documentation__link { display: flex; min-height: 100px; border-bottom: 1px solid #ccd3d3; } @media (min-width: 768px) { .c-documentation__link { width: 48%; } } .c-documentation__link-text { font-size: 18px; color: #384048; margin: 40px 0; text-decoration: none; } .c-documentation__ico { display: inline-block; width: 10px; height: 9px; color: #27ae60; } .c-hero-image { display: flex; flex-direction: column; position: relative; color: #fff; background-size: cover; background-position: 100% 0; background-repeat: no-repeat; background-color: rgba(30, 39, 49, 0.95); } .c-hero-image--opacity::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); /* improve text reading, when background image overlay text */ } @media (min-width: 720px) { .c-hero-image--opacity::before { background-color: rgba(0, 0, 0, 0.4); } } .c-hero-image--full-height { height: 100vh; } .c-hero-image__container { width: 100%; position: relative; z-index: 10; margin: auto; text-align: center; padding: 100px 20px; } .c-hero-image__container--second { padding-bottom: 160px; } @media (min-width: 992px) { .c-hero-image__container--s { padding-top: 60px; padding-bottom: 60px; } } .c-hero-image__container--theme { padding-bottom: 60px; padding-top: 152px; } .c-hero-image__title { font-size: 32px; font-weight: bold; line-height: 1.2; } @media (min-width: 720px) { .c-hero-image__title { font-size: 50px; line-height: 1.4; } } .home .c-hero-image__title { max-width: 854px; margin: auto; } .c-hero-image__subtitle { max-width: 745px; margin: 0 auto; /* Hidden on mobile devices */ display: none; font-size: 20px; margin-top: 25px; } @media (min-width: 720px) { .c-hero-image__subtitle { display: block; } } .c-hero-image__desc { max-width: 1200px; margin: 0 auto; /* Hidden on mobile devices */ display: none; color: #b0bfcc; font-size: 20px; margin-top: 25px; } @media (min-width: 720px) { .c-hero-image__desc { display: block; } } .c-hero-image__desc::before { content: ''; display: block; margin: 0 auto 25px; width: 108px; height: 1px; background-color: #596978; } .c-hero-image__buttons { margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: center; } .c-hero-image__btn { margin: 0 7px 10px; } .c-hero-image__btn:hover { opacity: .85; } .c-hero-image__btn-caption { /* Hidden on mobile devices */ max-width: 1200px; margin: 0 auto; display: none; color: #b0bfcc; font-size: 16px; margin-top: 25px; } @media (min-width: 720px) { .c-hero-image__btn-caption { display: block; } } .c-hero-image__btn-caption::before { content: ''; display: block; margin: 0 auto 25px; width: 108px; height: 1px; background-color: #596978; } .c-hero-image__arrow { position: absolute; margin: auto; left: 0; right: 0; bottom: 5%; width: 57px; height: 57px; display: none; justify-content: center; align-items: center; border: 2px solid #596978; border-radius: 50%; cursor: pointer; } .c-hero-image--full-height .c-hero-image__arrow { display: flex; } .c-hero-image__go-next { width: 58px; height: 57px; border: 2px solid #435a6d; border-radius: 50%; position: absolute; left: 50%; margin-left: -24px; bottom: 50px; z-index: 10; display: none; animation: bounce 2s infinite; } .c-hero-image__go-next:hover { animation: none; } @media (min-width: 992px) and (min-height: 620px) { .c-hero-image__go-next { display: block; } } @media (max-width: 992px) and (orientation: portrait) { .c-hero-image__go-next { display: block; } } .c-hero-image__arrow-down { width: 18px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-15px); } 60% { transform: translateY(-10px); } } .c-section { padding-top: 30px; padding-bottom: 30px; text-align: center; } .c-section:before, .c-section:after { content: " "; display: table; } .c-section:after { clear: both; } @media (min-width: 720px) { .c-section { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 720px) { .c-section--md { padding-top: 80px; padding-bottom: 80px; } } .c-section__theme-hero { padding-top: 40px; padding-bottom: 50px; } @media (min-width: 768px) { .c-section__theme-hero { padding-top: 70px; padding-bottom: 90px; } } .c-section__theme-hero-title { font-weight: bold; margin-bottom: 18px; font-size: 28px; } @media (min-width: 768px) { .c-section__theme-hero-title { font-size: 36px; } } @media (min-width: 992px) { .c-section__theme-hero-title { font-size: 42px; } } @media (min-width: 1200px) { .c-section__theme-hero-title { font-size: 50px; } } .c-section__theme-hero-title-descrption { max-width: 810px; margin: 0 auto; font-size: 16px; } @media (min-width: 992px) { .c-section__theme-hero-title-descrption { font-size: 18px; } } .c-section--v-spacer-s { padding-bottom: 30px; } .c-section--top-spacer { padding-top: 0; } .c-section--bottom-spacer { padding-bottom: 0; } .c-section--grey-bg { background: #ececee url("../img/concrete-texture.png") repeat 0 0; border-top: 1px solid #e5e9eb; border-bottom: 1px solid #e5e9eb; } .c-section--grey { background: #f5f7f8; border-top: 1px solid #e5e9eb; border-bottom: 1px solid #e5e9eb; } .c-section--dark-bg { background: #384048; } .c-section__container { clear: both; width: 100%; padding: 0 20px; max-width: 1200px; margin: 0 auto; } .c-section--form .wpcf7-mail-sent-ok { color: green; } .c-section__title { font-size: 25px; line-height: 1.1; color: rgba(0, 0, 0, 0.8); font-weight: 400; } .c-section__title--theme { font-size: 26px; font-weight: bold; } .c-section__title--left { text-align: left; text-transform: uppercase; margin-bottom: 20px; } @media (min-width: 720px) { .c-section__title { font-size: 35px; line-height: 1.2; } } .c-section__title--small { margin-bottom: 10px; } @media (min-width: 720px) { .c-section__title--small { font-size: 18px; } } @media (min-width: 720px) { .c-section__title--lg { font-size: 42px; } } .c-section__sub-title { font-size: 16px; line-height: 1; color: rgba(0, 0, 0, 0.8); margin-bottom: 15px; font-weight: 600; } .c-section--dark-bg .c-section__title { color: #fff; } .c-section__col { background-color: #fff; border: 1px solid #e5e9eb; border-radius: 2px; } .c-section__desc { margin-top: 15px; font-size: 14px; } @media (min-width: 720px) { .c-section__desc { font-size: 16px; } } .c-section__desc--center { max-width: 810px; margin: auto; text-align: center; } .c-section__desc .o-link, .c-section__desc .o-typo a, .o-typo .c-section__desc a, .c-section__desc .c-blog-post__content a, .c-blog-post__content .c-section__desc a, .c-section__desc body#tinymce a, body#tinymce .c-section__desc a, .c-section__desc .c-post-tools__link, .c-section__desc .c-breadcrumbs a, .c-breadcrumbs .c-section__desc a, .c-section__desc .c-post-categories > .cat-item a, .c-post-categories > .cat-item .c-section__desc a, .c-section__desc .c-post-categories > a, .c-section__desc .c-author__toolbar-link, .c-section__desc .c-post-nav__item > a, .c-section__desc .c-license__buttons form a.button.cancel, .c-license__buttons form .c-section__desc a.button.cancel, .c-section__desc .comment-list a, .comment-list .c-section__desc a, .c-section__desc .comment-list > .comment > .comment-body > .comment-meta a, .comment-list > .comment > .comment-body > .comment-meta .c-section__desc a, .c-section__desc .comment-respond a, .comment-respond .c-section__desc a, .c-section__desc #recentcomments .recentcomments > a, #recentcomments .c-section__desc .recentcomments > a { font-size: 13px; } .c-section--dark-bg .c-section__desc { color: #fff; } .c-section__content { text-align: left; } .c-section__content:not(:first-child) { padding-top: 20px; } @media (min-width: 720px) { .c-section__content:not(:first-child) { padding-top: 50px; } } .c-section__content--md { padding-top: 30px !important; } .c-section__content--sm { padding-top: 20px !important; } .c-section__content--lg { padding-top: 40px !important; } @media (min-width: 720px) { .c-section__content--lg { padding-top: 80px !important; } } .c-section__contact-form { text-align: left; max-width: 730px; margin: 45px auto 0; } .c-section__reviews .comments-block { float: none; margin: 0 auto; } @media (min-width: 992px) { .c-section:nth-child(odd) .c-section__feature { flex-direction: row-reverse; } } .c-section__text-white { color: #fff; } .c-section__buttons { display: flex; flex-wrap: wrap; justify-content: center; } .c-section__btn { padding: 20px 5px 0 5px; } .c-section-price { padding: 25px 0; } @media (min-width: 992px) { .c-section-price { padding: 50px 0; } } .c-section-price:nth-child(even) .c-section-price__row { flex-direction: column; } @media (min-width: 992px) { .c-section-price:nth-child(even) .c-section-price__row { flex-direction: row-reverse; } } .c-section-price__row { display: flex; align-items: center; flex-direction: column; } @media (min-width: 992px) { .c-section-price__row { flex-direction: row; } } .c-section-price__content { width: 100%; margin-bottom: 10px; } @media (min-width: 992px) { .c-section-price__content { width: 50%; margin-bottom: 0; } } .c-section-price__content--100 { width: 100%; } .c-section-price__image { width: 100%; text-align: center; } @media (min-width: 992px) { .c-section-price__image { width: 50%; } } .c-section-price__title { font-size: 24px; font-weight: bold; color: #000; margin-bottom: 10px; } @media (min-width: 768px) { .c-section-price__title { font-size: 28px; } } @media (min-width: 992px) { .c-section-price__title { font-size: 36px; margin-bottom: 20px; } } .c-section-price__text { font-size: 14px; line-height: 1.6; color: #30333a; margin-bottom: 10px; } @media (min-width: 768px) { .c-section-price__text { font-size: 16px; } } .c-section-price__more { font-size: 14px; line-height: 1.4; color: #27ae60; text-decoration: none; } .c-section-price__more:hover { color: #327bc4; } .c-section-premium { padding: 25px 0; } @media (min-width: 992px) { .c-section-premium { padding: 50px 0; } } .c-section-premium__title { font-size: 24px; font-weight: bold; color: #000; margin-bottom: 10px; max-width: 520px; } @media (min-width: 768px) { .c-section-premium__title { font-size: 28px; } } @media (min-width: 992px) { .c-section-premium__title { font-size: 36px; margin-bottom: 20px; } } .c-section-premium__subtitle { font-size: 20px; font-weight: bold; color: #000; margin-bottom: 10px; } .c-section-premium__text { font-size: 14px; line-height: 1.4; color: #30333a; margin-bottom: 20px; } @media (min-width: 768px) { .c-section-premium__text { font-size: 16px; } } .c-section-premium__content { display: flex; align-items: center; flex-direction: column; justify-content: space-between; } @media (min-width: 992px) { .c-section-premium__content { flex-direction: row; } } .c-section-premium__list { width: 100%; } @media (min-width: 992px) { .c-section-premium__list { width: 50%; } } .c-section-premium__list-item { display: flex; align-items: flex-start; } .c-section-premium__list-image { margin-top: 5px; margin-right: 15px; flex-shrink: 0; } .c-section-premium__image { padding-left: 20px; } .c-feature { display: flex; flex-direction: column; align-items: center; } @media (min-width: 992px) { .c-feature { flex-direction: row; margin-left: -30px; margin-right: -30px; } } .c-feature__col:first-child { margin-bottom: 20px; } @media (min-width: 992px) { .c-feature__col { width: 50%; padding: 0 30px; margin-bottom: 0; } } .c-feature__btn { margin-top: 20px; } .c-post-card { font-size: 14px; margin-bottom: 30px; border: 1px solid #ccd3d3; } .c-post-card__content { padding: 15px; background-color: none; } .c-post-card__img { max-height: 350px; overflow: hidden; } .c-post-card__img img { display: block; margin: auto; width: 100%; } .c-post-card__title { font-weight: bold; font-size: 18px; line-height: 1.2; margin-bottom: 5px; color: rgba(0, 0, 0, 0.8); } .c-post-card__link { text-decoration: none; color: rgba(0, 0, 0, 0.8); transition: hover, .2s; } .c-post-card__link:hover { color: #27ae60; } .c-post-card__footer { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccd3d3; } .c-main-nav { /* grouped wordpress menu-item class */ } .c-main-nav__item, .c-main-nav .menu-item { position: relative; } .c-main-nav__link, .c-main-nav .menu-item a { color: #fff; text-decoration: none; text-transform: uppercase; transition: hover, 0.2s; } .c-main-nav__link:hover, .c-main-nav .menu-item a:hover { color: #a4a8a9; } .c-main-nav .bundle-link a { color: #fff; padding: 5px; background-color: #ff8920; border-radius: 2px; } .c-main-nav .bundle-link a:hover { color: #fff; background-color: rgba(255, 137, 32, 0.8); } .c-main-nav .current-menu-item > a, .c-main-nav .current-menu-parent > a, .c-main-nav .current_page_parent > a { color: #a4a8a9; } .c-main-nav .current-menu-item.bundle-link > a { color: #fff; background-color: rgba(255, 137, 32, 0.8); } .c-main-nav .sub-menu { position: absolute; visibility: hidden; padding: 5px 0; opacity: 0; top: 100%; left: -10px; z-index: -1; transition: all 0.3s ease-in-out 0s; border-radius: 2px; background-color: rgba(30, 39, 49, 0.95); } .c-main-nav .sub-menu a { display: block; padding: 3px 10px; } .c-main-nav .menu-item:hover .sub-menu { visibility: visible; opacity: 1; z-index: 1; } .c-footer-nav .menu-item:not(:last-of-type) { margin-bottom: 7px; } .c-footer-nav .menu-item a { font-size: 13px; color: #fff; text-decoration: none; transition: hover, 0.2s; } .c-footer-nav .menu-item a:hover { color: #a4a8a9; } .c-copy-nav { display: flex; flex-wrap: wrap; } .c-copy-nav .menu-item { position: relative; } .c-copy-nav .menu-item:not(:last-of-type) { padding-right: 5px; margin-right: 5px; } .c-copy-nav .menu-item:not(:last-of-type)::before { content: ""; position: absolute; right: 0; top: 3px; bottom: 2px; width: 2px; background-color: #5a6c7f; border-left: 1px solid #34404e; } .c-copy-nav .menu-item a { color: #70859c; font-size: 12px; } .c-copy-nav .menu-item a:hover { color: #70859c; text-decoration: none; } .c-social-nav { display: flex; } .c-social-nav .menu-item { width: 30px; height: 30px; overflow: hidden; border-radius: 2px; margin-right: 10px; } .c-social-nav .menu-item a { display: block; width: 30px; height: 30px; overflow: hidden; color: transparent; } .c-social-nav .menu-item a:hover { background-color: #485e77 !important; } .c-social-nav .menu-item.facebook a { background: #354557 url("../svg/facebook.svg") no-repeat center center; } .c-social-nav .menu-item.google_plus a { background: #354557 url("../svg/google_plus.svg") no-repeat center center; } .c-social-nav .menu-item.youtube a { background: #354557 url("../svg/youtube.svg") no-repeat center center; } .c-social-nav .menu-item.linked a { background: #354557 url("../svg/linked.svg") no-repeat center center; } .c-social-nav .menu-item.twitter a { background: #354557 url("../svg/twitter.svg") no-repeat center center; } .marker-list { padding: 50px; } @media (max-width: 991px) { .marker-list { padding: 15px; } } .marker-list__title { font-size: 24px; line-height: 1.1; color: rgba(0, 0, 0, 0.8); font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } .marker-list__inner { text-align: left; padding: 25px 0 0; } @media (max-width: 991px) { .marker-list__inner { padding: 0; } } .marker-list__item { display: flex; margin-bottom: 25px; } .marker-list__ico { min-width: 30px; padding-top: 2px; text-align: left; } .marker-list__ico--check { color: #32c272; } .marker-list__ico--check svg { width: 18px; height: 14px; } .marker-list__ico--cancel { color: #f86152; } .marker-list__ico--cancel svg { width: 12px; height: 12px; } .marker-list__text { flex-grow: 1; } .c-contacts { max-width: 620px; margin: auto; } .c-contacts__row:not(:last-child) { border-bottom: 1px solid #ccd3d3; margin-bottom: 20px; } .c-contacts__ico { width: 37px; height: 37px; margin: 0 auto 5px; fill: #51a1d1; } .c-contacts__content { text-align: center; color: #000; font-weight: bold; margin-bottom: 20px; } .c-frame__header { background-color: #f5f7f8; border: 1px solid #ccd3d3; padding: 15px; text-align: center; font-size: 18px; } .c-frame__body { border: 1px solid #ccd3d3; border-top: 0; padding: 15px; } @media (min-width: 720px) { .c-frame__body { padding: 35px; } } .c-frame__comments-validation { margin-bottom: 20px; } .c-frame__comments-validation:empty { display: none; } .c-sidebar { padding: 30px 0 50px 40px; /* Widget content */ } .c-sidebar--post-sidebar { padding: 10px 0 0 40px !important; } .c-sidebar__row:not(:last-child) { margin-bottom: 40px; } .widget_premmerce_reading_progress .c-sidebar__title { display: none; } .c-sidebar__title { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: rgba(0, 0, 0, 0.8); } .c-sidebar__item-link { display: block; } .c-sidebar .menu .sub-menu { display: none; } .c-sidebar .menu .menu-item:not(:first-child) { border-top: 1px solid #ccd3d3; } .c-sidebar .menu .menu-item:hover, .c-sidebar .menu .menu-item:hover + .menu-item { border-color: #e1e6e6; } .c-sidebar .menu .menu-item > a { display: block; padding: 8px 12px; color: #687175; text-decoration: none; } .c-sidebar .menu .menu-item > a:hover { background-color: #e1e6e6; } .c-sidebar .menu .menu-item.categories-more-show.show > a { display: none; } .c-sidebar .menu .menu-item.current-menu-item { border-top: 0; } .c-sidebar .menu .menu-item.current-menu-item + .menu-item { border-top: 0; } .c-sidebar .menu .menu-item.current-menu-item > a { background-color: #479ccf; color: #fff; } .c-sidebar-dark { font-size: .8em; } .c-sidebar-dark__header { background: #1e2731; color: #fff; text-align: center; font-size: 16px; height: 40px; line-height: 40px; } .c-sidebar-dark__content { background-color: #f8f8f8; padding: 0 18px; } .c-sidebar-dark__item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; } .c-sidebar-dark__item:not(:last-child) { border-bottom: 1px solid #ddd; } .c-sidebar-dark__download { display: flex; align-items: center; } .c-sidebar-dark__download a { color: rgba(0, 0, 0, 0.8); text-decoration: underline; } .c-sidebar-dark__download-ico { width: 16px; height: 16px; color: rgba(30, 39, 49, 0.95); margin-right: 5px; } .c-sidebar-dark .o-button--primary, .c-sidebar-dark .c-hero-image__btn, .c-sidebar-dark .c-feature__btn, .c-sidebar-dark .c-license__buttons form input.button.alt, .c-license__buttons form .c-sidebar-dark input.button.alt, .c-sidebar-dark .comments__form-body .form__btn, .comments__form-body .c-sidebar-dark .form__btn, .c-sidebar-dark .ic-build__btn, .c-sidebar-dark #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, #sumo_affiliates_registration_form .c-sidebar-dark .sumo_affiliates_submit_registration_form, .c-sidebar-dark .sumoaffiliates_menu_content input[type="submit"], .sumoaffiliates_menu_content .c-sidebar-dark input[type="submit"], .c-sidebar-dark .woocommerce #payment .button.alt, .woocommerce #payment .c-sidebar-dark .button.alt { color: #fff !important; } .c-post-tools { flex-wrap: wrap; font-size: 12px; } @media (min-width: 992px) { .c-blog-post--with-left-sidebar .c-post-tools { justify-content: flex-start !important; } } .c-post-tools--center { justify-content: center; } .c-post-tools--lg { font-size: 1rem; } .c-post-tools__item { display: flex; align-items: center; } .c-post-tools__ico { color: #27ae60; margin-right: 5px; line-height: 1; } .c-post-tools__ico--calendar { width: 16px; height: 16px; } .c-post-tools__ico--comments { width: 16px; height: 17px; } .c-post-tools__ico--pen { width: 16px; height: 16px; } .c-post-tools__ico--time { width: 16px; height: 16px; } .c-post-tools__value { line-height: 1; color: rgba(30, 39, 49, 0.95); } .c-post-tools__link { color: rgba(30, 39, 49, 0.95); } .c-breadcrumbs .breadcrumb_last { display: none; } @media (min-width: 720px) { .c-breadcrumbs .breadcrumb_last { display: inline; } } .c-post-categories { /* Category list item */ /* Categories links */ } .c-post-categories__separator { padding-right: 5px; } .c-post-categories__separator:last-child { display: none; } .c-screen { text-align: center; } @media (min-width: 720px) { .c-screen { position: relative; width: 445px; height: 372px; margin: auto; background: url("../img/demo-out-bg.png") 50% 50% no-repeat; } } @media (min-width: 720px) { .c-screen__link { position: absolute; top: 35px; left: 2px; } } .c-demo__row { display: flex; margin: -35px -15px 0; flex-direction: column; justify-content: space-between; } @media (min-width: 992px) { .c-demo__row { flex-direction: row; } } .c-demo__col { padding: 35px 15px 0; } .c-demo__item { text-align: center; } .c-demo__item:not(:first-child) { padding-top: 20px; } @media (min-width: 992px) { .c-demo__item { text-align: left; } } .c-blog-post__title { margin-bottom: 30px; font-weight: bold; text-align: center; line-height: 1.2; font-size: 30px; } @media (min-width: 720px) { .c-blog-post__title { font-size: 35px; } } @media (min-width: 992px) { .c-blog-post__title { font-size: 40px; } } .c-blog-post__content { font-size: 18px; max-width: 700px; margin: auto; line-height: 1.7; } .c-blog-post__content h1, .c-blog-post__content h2, .c-blog-post__content h3, .c-blog-post__content h4, .c-blog-post__content h5, .c-blog-post__content h6 { font-weight: 600; } .c-blog-post__content .slides, .c-blog-post__content .slides li { margin: 0 !important; padding: 0 !important; } .c-blog-post__toolbar { margin-bottom: 40px; } .c-blog-post__author { margin-top: 40px; padding: 35px; background-color: #F6F7F9; } .c-blog-post__navigation { margin-top: 40px; } .c-blog-post__comments { padding-top: 80px; } .c-blog-post__share { padding-top: 40px; text-align: center; } @media (min-width: 992px) { .c-blog-post--with-left-sidebar .c-blog-post__title { text-align: left; } .c-blog-post--with-left-sidebar .c-blog-post__content { max-width: none; margin: 0; } } .c-author { display: flex; } .c-author__avatar { margin-right: 20px; } .c-author__avatar > .avatar { display: block; border-radius: 50%; } .c-author__title { color: rgba(0, 0, 0, 0.8); font-weight: bold; } .c-author__desc { color: #677f95; } .c-author__toolbar { font-size: .9rem; margin-top: 10px; } .c-author__toolbar-item { display: inline-block; margin-right: 10px; } .c-post-nav { display: flex; padding: 15px 0; border-top: 1px solid #ccd3d3; border-bottom: 1px solid #ccd3d3; } .c-post-nav__item { width: 50%; } .c-post-nav__item--prev { padding-right: 15px; } .c-post-nav__item--next { padding-left: 15px; text-align: right; margin-left: auto; } .c-post-nav__item > a { font-size: 13px; } .c-post-nav__caption { display: block; } .c-team-gallery { display: flex; flex-wrap: wrap; justify-content: center; } .c-team-gallery__item { width: 100%; } @media (min-width: 720px) { .c-team-gallery__item { width: 50%; } } @media (min-width: 992px) { .c-team-gallery__item { width: 33%; } } .c-team-gallery__item img { display: block; margin: auto; } .c-share-buttons__label { padding-bottom: 15px; color: #677f95; font-size: 18px; } .c-share-buttons__icons { display: inline-flex; } .c-share-buttons__icon { margin: 0 10px; width: 20px; height: 20px; fill: #000; opacity: .6; } .c-share-buttons__icon:hover { opacity: 1; } .c-mobile-nav > .menu-item { font-size: 18px; } .c-mobile-nav > .menu-item:not(:first-child) { border-top: 1px solid #283441; } .c-mobile-nav > .menu-item a { display: block; padding: 10px; color: #fff; text-decoration: none; } .c-mobile-nav > .menu-item a:hover { color: #a4a8a9; } .c-mobile-nav > .current-menu-item, .c-mobile-nav > .current-menu-parent, .c-mobile-nav > .current_page_parent { background-color: #283441; } .c-mobile-panel { position: fixed; left: 0; top: 0; z-index: 2000; width: 70vw; min-height: 100vh; transition: transform, .4s; padding: 0 20px; background-color: #1e2731; } @media (min-width: 992px) { .has-top-banner .c-mobile-panel { top: 35px; } } .c-mobile-panel.js-hidden { transform: translateX(-70vw); } .c-mobile-panel__header { width: 100%; position: relative; height: 70px; padding: 20px 0; text-align: right; } .c-mobile-panel__close > svg { fill: #fff; width: 30px; height: 30px; } .c-mobile-panel__nav { height: calc(100vh - 70px); overflow-y: auto; } .c-page-404 { height: 100%; width: 100%; background-color: #1c262a; color: #fff; display: flex; align-items: stretch; } .c-page-404__container { width: 100%; padding: 0 20px; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-end; min-height: 484px; } @media (min-width: 992px) { .c-page-404__container { background: url("../img/404.png") no-repeat 0 50%; } } .c-page-404__content { text-align: left; } @media (min-width: 992px) { .c-page-404__content { padding-left: 484px; } } .c-page-404__title { margin-left: auto; font-size: 32px; line-height: 1.2; text-transform: uppercase; margin-bottom: 15px; } .c-page-404__desc { font-size: 18px; color: #5A646A; line-height: 1.5; } .c-page-404__button { margin-top: 20px; } .c-modal { margin: 0 auto; z-index: 2000; max-width: 400px; background-color: #fff; position: fixed; left: 20px; right: 20px; overflow-y: auto; top: 50%; transform: translateY(-50%); } .c-modal--order-service { max-width: 500px; position: static; transform: none; } .c-modal--order-service iframe { height: auto !important; } .c-modal--pricing-action { max-width: 830px; top: 0; transform: none; border: 1px solid #e5e9eb; border-radius: 2px; padding: 48px 35px 0; } .c-modal--demo { max-width: 560px; height: 500px; background-color: #f5f7f8; } .c-modal.js-hidden { display: none; } .c-modal__header { background-color: #677f95; font-size: 18px; color: #fff; display: flex; align-items: center; flex-grow: 1; } .c-modal__title { padding: 14px 20px; flex-grow: 0; flex-shrink: 0; } .c-modal__close { padding: 14px 20px; margin-left: auto; border-left: 1px solid #587087; } .c-modal__close > svg { position: relative; top: 2px; width: 16px; height: 16px; line-height: 1; fill: #fff; } .c-modal__close:hover { background-color: #587087; } .c-modal__main { padding: 20px 30px; background-color: #f5f7f8; } .c-modal__main iframe { width: 100%; height: 400px; } .c-modal__message { font-size: 18px; line-height: 1.5; text-align: center; } .c-modal--pricing-action { position: relative; } .mfp-close-btn-in .c-modal .mfp-close { color: #384048; font-size: 40px; right: 6px; top: 6px; } .c-price-table { width: 100vw; overflow: auto; position: relative; z-index: 100; } @media (min-width: 1280px) { .c-price-table { top: -100px; margin: auto; max-width: 1160px; } } .c-price-table--without-header { top: 0 !important; margin-top: 35px !important; margin-bottom: 35px !important; } .c-price-table--comparision-plans { top: 0 !important; margin-top: 35px; } .c-price-table--comparision-plans .c-price-table__header .c-price-table__col { background-color: #e5e9eb !important; border: 1px solid #e5e9eb; } .c-price-table--comparision-plans .c-price-table__header { height: auto; } .c-price-table--comparision-plans .c-price-table__header .c-price-table__col { color: #384048 !important; } .c-price-table--comparision-plans .c-price-table__header:first-child .c-price-table__col { font-size: 14px !important; } .c-price-table--comparision-plans .c-price-table__header:not(:first-child) { font-size: 13px; } .c-price-table__table--theme { top: 0 !important; border-bottom: 1px solid #e5e9eb; } .c-price-table__table--theme .c-price-table__col--fill:nth-child(3) { color: #ff8920; } .c-price-table__table--theme .c-price-table__header > .c-price-table__col:not(:first-child) { background: #fff; border-color: #e5e9eb; } .c-price-table__table--theme .c-price-table__col--fill:nth-child(3) { color: #ff8920; } .c-price-table__table { border-bottom: 1px solid #5a718e; width: 100%; } .c-price-table__header { height: 100px; } .c-price-table__footer { background-color: #607999; } .c-price-table__footer:nth-child(even) { background-color: #6a85a8; } .c-price-table__col { vertical-align: middle; text-align: center; border-left: 1px solid #e5e9eb; border-top: 1px solid #e5e9eb; color: rgba(0, 0, 0, 0.8); padding: 5px 15px; } @media (min-width: 992px) { .c-price-table__col { padding: 10px 20px; width: 20%; } } .c-price-table__col:first-child { text-align: left; width: auto; } .c-price-table__col:last-child { border-right: 1px solid #e5e9eb; } .c-price-table__col--title { width: 100%; background-color: #e5e9eb; font-weight: bold; text-align: left; } .c-price-table__col--fill:empty:before { content: ''; display: inline-block; width: 18px; height: 14px; } .c-price-table__col--fill:nth-child(2) { color: #32c272; fill: #32c272; } .c-price-table__col--fill:nth-child(2):before { background-image: url("../img/check-green.png"); } .c-price-table__col--fill:nth-child(3) { color: #13beec; fill: #13beec; } .c-price-table__col--fill:nth-child(3):before { background-image: url("../img/check_orange.png"); } .c-price-table__col--fill:nth-child(4) { color: #ff8920; fill: #ff8920; } .c-price-table__col--cancel::before { content: ''; display: inline-block; background-image: url("../img/disabled.png"); width: 14px; height: 13px; fill: #ccc; position: relative; top: 2px; } .c-price-table__header > .c-price-table__col { border-color: #3d4a59; background-color: #2a3543; } .c-price-table__header > .c-price-table__col:first-child { color: #6f8196; background-color: transparent; border: 0; } .c-price-table__header > .c-price-table__col:not(:first-child) { font-weight: bold; font-size: 18px; } .c-price-table__footer > .c-price-table__col { border-color: #5a718e; color: #fff; } .c-price-table__footer > .c-price-table__col a { color: #fff; } .c-price-table__footer > .c-price-table__col a:hover { text-decoration: none; } .c-price-table__tooltip { display: none; position: relative; top: 2px; } @media (min-width: 992px) { .c-price-table__tooltip { display: inline-block; } } .c-price-table__check-ico { display: inline-block; width: 18px; height: 14px; background-repeat: no-repeat; } .c-price-table__check-ico--blue { background-image: url("../img/check-blue.png"); } .c-price-table__check-ico--green { background-image: url("../img/check-green.png"); } .c-price-table__check-ico--orange { background-image: url("../img/check_orange.png"); } .c-price-table__check-ico--red { background-image: url("../img/check_red.png"); } .c-plans-table { font-size: 13px; color: #384048; } .c-plans-table__table { width: 100%; margin-top: 35px; } .c-plans-table__header { display: none; } @media (min-width: 720px) { .c-plans-table__header { display: table-row; } } .c-plans-table__header:first-child { font-size: 14px; font-weight: bold; } .c-plans-table__header .c-plans-table__col { background: #e5e9eb; } .c-plans-table__row--hidden-mobile { display: none; } @media (min-width: 720px) { .c-plans-table__row--hidden-mobile { display: table-row; } } .c-plans-table__col { padding: 10px 20px; vertical-align: middle; border: 1px solid #e5e9eb; display: flex; justify-content: space-between; text-align: right; } .c-plans-table__col--fill-green { color: #32c272; } .c-plans-table__col--fill-blue { color: #13beec; } .c-plans-table__col--fill-orange { color: #ff8920; } .c-plans-table__col--fill-red { color: #f66054; } @media (min-width: 720px) { .c-plans-table__col { display: table-cell; text-align: center; } } .c-plans-table__col:before { content: attr(data-title) ": "; text-align: left; color: #384048; } @media (min-width: 720px) { .c-plans-table__col:before { display: none; } } .c-plans-table__col:first-child { text-align: left; } .c-plans-table__col--title { background: #e5e9eb; } @media (min-width: 720px) { .c-plans-table__col--title { background: transparent; } } .c-plans-table__col--title:before { display: none; } .c-plans-table__check-ico { display: inline-block; width: 18px; height: 14px; background-repeat: no-repeat; } .c-plans-table__check-ico--blue { background-image: url("../img/check-blue.png"); } .c-plans-table__check-ico--green { background-image: url("../img/check-green.png"); } .c-plans-table__check-ico--orange { background-image: url("../img/check_orange.png"); } .c-plans-table__check-ico--red { background-image: url("../img/check_red.png"); } .c-plans-table__check-ico--cancel:before { content: ''; display: inline-block; background-image: url("../img/disabled.png"); width: 14px; height: 13px; fill: #ccc; position: relative; top: 2px; } @media (min-width: 720px) { .c-plans-table__check-ico--cancel:before { display: none; } } .c-plans-table__price { font-size: 24px; font-weight: bold; color: #384048; } .product-cut { position: relative; background-color: #fff; border: 1px solid #e5e9eb; border-radius: 2px; transition: all .1s; } .product-cut:hover { border-color: #27ae60; box-shadow: 0 15px 25px rgba(39, 174, 96, 0.25); transition: all .3s; } .product-cut__inner { position: relative; overflow: hidden; border-radius: 2px; } .product-cut:hover .product-cut__inner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); transition: all .1s; } .product-cut__photo img { width: 100%; vertical-align: middle; } .product-cut__row { text-align: left; display: flex; justify-content: space-between; } .product-cut__row--v-space-s { margin-bottom: 15px; } .product-cut__row--v-space-m { margin-bottom: 20px; } .product-cut__row--v-bottom { align-items: flex-end; } .product-cut__row--button { padding-top: 20px; margin: 0 -5px; } .product-cut__row--button .o-button, .product-cut__row--button .c-hero-image__btn, .product-cut__row--button .c-feature__btn, .product-cut__row--button .c-page-404__button, .product-cut__row--button .c-license__buttons form input.button.alt, .c-license__buttons form .product-cut__row--button input.button.alt, .product-cut__row--button .comments__form-body .form__btn, .comments__form-body .product-cut__row--button .form__btn, .product-cut__row--button .ic-build__btn, .product-cut__row--button #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, #sumo_affiliates_registration_form .product-cut__row--button .sumo_affiliates_submit_registration_form, .product-cut__row--button .sumoaffiliates_menu_content input[type="submit"], .sumoaffiliates_menu_content .product-cut__row--button input[type="submit"], .product-cut__row--button .c-small-price-table__btn, .product-cut__row--button .comment-respond .comment-form input[type="submit"], .comment-respond .comment-form .product-cut__row--button input[type="submit"], .product-cut__row--button .woocommerce #payment .button.alt, .woocommerce #payment .product-cut__row--button .button.alt { margin: 0 5px; } .product-cut__title { font-size: 18px; font-weight: bold; } .product-cut__content { margin-bottom: 20px; } .product-cut__extra { position: relative; z-index: 10; padding: 20px; min-height: 140px; background-color: #f5f7f8; } .product-cut__extra--animate { position: absolute; left: 0; right: 0; bottom: -70px; transition: bottom .1s; } .product-cut:hover .product-cut__extra { bottom: 0; transition: bottom .3s; } .product-cut:hover .product-cut__row--button { padding-top: 0; transition: padding-top .2s; } .c-product-price { display: inline-flex; align-items: flex-end; line-height: 1; font-size: 24px; } .c-product-price .woocommerce-Price-amount { font-size: 24px; font-weight: bold; text-transform: uppercase; color: #000; } .c-product-price--lg .woocommerce-Price-amount { font-size: 40px; } .c-product-price del { text-decoration: none; } .c-product-price del .woocommerce-Price-amount { position: relative; font-size: 0.9em; color: #999; margin-right: 12px; padding: 0 2px 2px; font-weight: 400; } .c-product-price del .woocommerce-Price-amount::before { content: ''; position: absolute; height: 1px; margin-top: -1px; background-color: #27ae60; left: 0; right: 0; top: 50%; transform: rotate(-26deg); } .c-product-price ins { text-decoration: none; } .c-product-price ins .woocommerce-Price-amount { color: #27ae60; } .c-product-price__pre { font-size: 1rem; margin-right: 10px; } /*Theme Filter Navigation------------------*/ #content .filterWrap { text-align: center; } #content #filterNav { padding: 0 !important; margin: 0 auto 15px auto !important; width: auto; text-align: center; width: 100%; position: relative; } #content #filterNav li { padding: 0; background: none; margin: 0 8px 8px 0; display: inline-block; } #filterNav li a { font-size: 24px; display: inline-block; color: #bbb !important; text-decoration: none; position: relative; cursor: pointer; padding: 5px 7px !important; } #filterNav .selected, #filterNav li a:hover, #filterNav a.selected:hover { color: #1a1a1a !important; background: none !important; border-bottom: 3px #ef3f38 solid; } /* Isotope ----------- */ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .product-labels { position: absolute; left: -5px; top: 10px; z-index: 1; } .product-labels__item { position: relative; color: #fff; padding: 0 10px; font-size: 12px; line-height: 20px; margin-bottom: 5px; } .product-labels__item::before { content: ""; position: absolute; bottom: -4px; left: 0; border: 2px solid; } .product-labels__item--new { background-color: #6bb53e; } .product-labels__item--new::before { border-color: #3e6924 #3e6924 transparent transparent; } .product-labels__item--hit { background-color: #ff9000; } .product-labels__item--hit::before { border-color: #cc7300 #cc7300 transparent transparent; } .product-labels__item--action { background-color: #e54d4d; } .product-labels__item--action::before { border-color: #df2121 #df2121 transparent transparent; } .c-spinner-circle { border-radius: 80%; display: block; height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; animation: tcon-spin360 0.675s linear infinite forwards; background: lightgray; z-index: 200; opacity: 0.7; } .c-spinner-circle:before, .c-spinner-circle:after { content: ""; display: block; position: absolute; } .c-spinner-circle:before { border-radius: 0 90px 90px 0; height: 40px; width: 50%; top: 0; right: 0; z-index: 1; background: black; background-image: linear-gradient(lightgray, black); } .c-spinner-circle:after { border-radius: 80%; height: 30px; width: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; background: white; } .c-spinner-circle--sm { width: 12px; height: 12px; margin: -6px 0 0 -6px; opacity: 1; } .c-spinner-circle--sm:before { border-radius: 0 18px 18px 0; height: 12px; } .c-spinner-circle--sm:after { border-radius: 50%; width: 7px; height: 7px; } @keyframes tcon-spin360 { to { transform: rotate(360deg); } } [data-loader-frame] { position: relative; } [data-loader-frame]:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: rgba(255, 255, 255, 0.5); z-index: 100; } [data-loader-frame-multifilter] { position: relative; } [data-loader-frame-multifilter]:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: rgba(255, 255, 255, 0.5); z-index: 100; } .message { padding: 5px 10px; } .message--success { background-color: #dff0d8; border: 1px solid #dff0d8; } .message--error { background-color: #ffefe8; border: 1px solid #e89b88; } .message--info { background-color: #fcf8e3; border: 1px solid #efe4ae; } .message__list { margin-left: 15px; list-style-type: disc; } .message__item, .message__list p, .message p { margin-top: 5px; } .message__item:first-child, .message__list p:first-child, .message p:first-child { margin-top: 0; } .fade-in { opacity: 0; transition: opacity 1s; } .animated .fade-in { opacity: 1; } .animated .fade-in--step-1 { transition-delay: 0.3s; } .animated .fade-in--step-2 { transition-delay: 0.6s; } .animated .fade-in--step-3 { transition-delay: 0.9s; } .animated .fade-in--step-4 { transition-delay: 1.2s; } .fade-up { opacity: 0; transform: translate3d(0, 50px, 0); transition: transform 1s, opacity 0.5s; } .fade-up--step-1 { transition-delay: 0.3s; } .fade-up--step-2 { transition-delay: 0.6s; } .fade-up--step-3 { transition-delay: 0.9s; } .fade-up--step-4 { transition-delay: 1.2s; } .animated .fade-up { opacity: 1; transform: translate3d(0, 0, 0); } .fade-left { opacity: 0; transform: translate3d(-30px, 0, 0); transition: transform 1s, 0.4s; } .fade-left--step-1 { transition-delay: 0.3s; } .fade-left--step-2 { transition-delay: 0.6s; } .fade-left--step-3 { transition-delay: 0.9s; } .fade-left--step-4 { transition-delay: 1.2s; } .animated .fade-left { opacity: 1; transform: translate3d(0, 0, 0); } .fade-right { opacity: 0; transform: translate3d(30px, 0, 0); transition: transform 1s, 0.4s; } .fade-right--step-1 { transition-delay: 0.3s; } .fade-right--step-2 { transition-delay: 0.6s; } .fade-right--step-3 { transition-delay: 0.9s; } .fade-right--step-4 { transition-delay: 1.2s; } .animated .fade-right { opacity: 1; transform: translate3d(0, 0, 0); } .widget_premmerce_reading_progress { display: none; } .reading-progress { width: 300px; color: #30333a; opacity: 0; transition: ease-in-out opacity .5s; display: none; } @media (min-width: 992px) { .reading-progress { display: block; } } .reading-progress.fixed { position: fixed; top: 70px !important; } .reading-progress.visible { opacity: 1; visibility: visible; } .reading-progress__header { background: #1e2731; color: #fff; text-align: center; font-size: 16px; height: 40px; line-height: 40px; } .reading-progress__list { list-style: none; background-color: #f8f8f8; margin: 0 !important; padding: 0 8px; max-height: calc(100vh - 400px); overflow: auto; } .reading-progress__list::-webkit-scrollbar { width: 5px; height: 5px; } .reading-progress__list::-webkit-scrollbar-thumb { background: #6E6E6E; } .reading-progress__list::-webkit-scrollbar-track { background: #ddd; } .reading-progress__list { scrollbar-face-color: #6E6E6E; scrollbar-track-color: #ddd; } .reading-progress__list-item { counter-increment: articles; position: relative; padding: 10px; } .reading-progress__list-item.read:before { background: #dfdfdf; } .reading-progress__list-item.reading .reading-progress__link { color: #479ccf; } .reading-progress__list-item svg { width: 36px; height: 36px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); display: none; } .reading-progress__list-item:not(:last-child) { border-bottom: 1px solid #ddd; } .reading-progress__list-item::before { border: 1px solid #ddd; border-radius: 50%; content: counter(articles); width: 36px; height: 36px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); text-align: center; line-height: 36px; box-sizing: border-box; color: #b3b3b3; } .reading-progress__list-item.reading:before { color: #000; background: #fff; } .reading-progress__list-item.reading svg { display: block; } .reading-progress__link { text-decoration: none; padding: 0 10px 0 50px; display: block; height: 0; min-height: 36px; font-size: 0; } .reading-progress__link:before { content: ''; height: 100%; width: 0px; display: inline-block; vertical-align: middle; } .reading-progress__text-el { display: inline-block; vertical-align: middle; font-size: 14px; } .star-voting__wrap { display: inline-block; font-size: 1rem; } .star-voting__wrap:after { content: ""; display: table; clear: both; } .star-voting__ico { float: right; padding-left: 2px; cursor: pointer; width: 21px; height: 21px; } .star-voting__ico .svg-icon { color: #ccc; } .star-voting__input { display: none; } .star-voting__ico:hover .svg-icon, .star-voting__ico:hover ~ .star-voting__ico .svg-icon, .star-voting__input:checked ~ .star-voting__ico .svg-icon { fill: #27ae60; } .star-rating { display: inline-block; font-size: 1rem; } .star-rating:before, .star-rating:after { content: " "; display: table; } .star-rating:after { clear: both; } .star-rating__stars { float: left; } .star-rating__star { float: left; margin-left: 1px; color: #27ae60; width: 14px; height: 14px; } .star-rating__star:first-child { margin-left: 0; } .star-rating__star .svg-icon { fill: #ccc; } .star-rating__star--active .svg-icon { fill: #27ae60; } .star-rating__votes { float: left; font-size: 0.9em; margin-left: 5px; color: rgba(0, 0, 0, 0.8); } .star-rating__votes-link { color: rgba(0, 0, 0, 0.8); border-bottom: 0; } @media (min-width: 992px) { .c-feature-ico__col { padding-right: 55px; } } .c-feature-ico__title { display: flex; align-items: center; font-size: 16px; font-weight: 600; } .c-feature-ico__ico { margin-right: 10px; color: #27ae60; width: 32px; } .c-feature-ico__ico--marketing svg { width: 32px; height: 30px; } .c-feature-ico__ico--design svg { width: 32px; height: 32px; } .c-feature-ico__ico--zoom svg { width: 32px; height: 32px; } .c-feature-ico__ico--support svg { width: 32px; height: 32px; } .c-feature-ico__ico--analitic svg { width: 32px; height: 32px; } .c-feature-ico__ico--security svg { width: 28px; height: 32px; } .c-feature-ico__list { position: relative; margin-left: 42px; margin-bottom: 5px; } .c-feature-ico__list-item { position: relative; padding-left: 10px; } .c-feature-ico__list-item::before { content: ''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(30, 39, 49, 0.95); } .c-feature-ico__more { float: right; } .c-feature-main h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .c-feature-main p { margin-top: 10px; line-height: 1.5; } .c-feature-main .row { margin-bottom: -40px; } .c-feature-main [class^="col-"] { padding-bottom: 40px; } .c-feature-main__image--vertical { height: 70px; margin-bottom: 10px; } .c-feature-main__ico--vertical { height: 40px; margin-bottom: 10px; } .c-feature-main__ico .svg-icon { margin-bottom: 10px; height: 40px; } .c-feature-main__ico .svg-icon--f-pipette { width: 34px; height: 41px; } .c-feature-main__ico .svg-icon--f-palette { width: 34px; height: 40px; } .c-feature-main__ico .svg-icon--f-text { width: 32px; height: 40px; } .c-feature-main__ico .svg-icon--f-responsive { width: 52px; height: 40px; } .c-feature-main__ico .svg-icon--f-translation { width: 40px; height: 40px; } .c-feature-main__ico .svg-icon--f-tag { width: 73px; height: 40px; } .c-feature-list__header { font-size: 18px; margin-bottom: 20px; font-weight: bold; } .c-feature-list__items { padding-left: 16px; list-style: disc; } .c-integrations { display: flex; flex-wrap: wrap; margin: 0 -15px -60px; align-items: center; justify-content: center; align-content: flex-start; } .c-integrations__col { padding: 0 15px 60px; width: 25%; text-align: center; } .cart-header { display: block; position: relative; width: 20px; height: 24px; color: #479ccf; } .cart-header__count { position: absolute; right: -15px; top: -15px; width: 21px; height: 21px; line-height: 21px; font-size: 12px; border-radius: 50%; background-color: #27ae60; color: #fff; text-align: center; } .testimonials { margin: 0 15px; padding: 30px; font-size: 14px; background-color: #fff; border-radius: 2px; } .testimonials__image { display: flex; justify-content: center; align-items: center; min-height: 80px; margin-bottom: 30px; } .testimonials__content { text-align: left; line-height: 24px; margin-bottom: 25px; } .testimonials__user { display: flex; } .testimonials__user-image { min-width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin-right: 10px; } .testimonials__user-info { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; } .testimonials__user-name { font-weight: bold; } .testimonials__user-link .svg-icon { display: inline-block; width: 10px; height: 9px; } .widget-primary { position: relative; } .widget-primary__inner { position: relative; } .widget-primary__arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 30px; height: 65px; display: inline-block; cursor: pointer; /* styles for disabled arrow, when slick carusel infinite is disabled */ } .widget-primary__arrow--ico { width: 17px; height: 32px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); fill: #27ae60; color: #27ae60; } .widget-primary__arrow:hover { opacity: .8; } .widget-primary__arrow.slick-disabled { opacity: .5; cursor: default; } .widget-primary__arrow--left { left: 20px; } @media (min-width: 1270px) { .widget-primary__arrow--left { left: -55px; } } .widget-primary__arrow--right { right: 20px; } @media (min-width: 1270px) { .widget-primary__arrow--right { right: -55px; } } /* -------------------------------------------------- Catalog sidebar menu -------------------------------------------------- */ .sidebar-nav { font-size: 0.9rem; list-style: none !important; margin-left: 0 !important; } .sidebar-nav li > .sidebar-nav__sub { display: none; } .sidebar-nav li:target > .sidebar-nav__sub { display: block; } .sidebar-nav__title { position: relative; } .sidebar-nav__title > a { display: flex; width: 100%; align-items: center; line-height: 40px; font-weight: 600; background-color: #f5f7f8; border: 1px solid #ccd3d3; border-top: 0; padding-left: 19px; } .sidebar-nav__title > a .animated-plus { margin-right: 5px; } .sidebar-nav__title > a:hover { text-decoration: none !important; } .sidebar-nav__title > a .sidebar-nav__icon { color: #27ae60; } .sidebar-nav__item { display: flex; } .sidebar-nav__link { color: #384048; display: flex; align-items: center; padding-left: 35px; line-height: 40px; width: 100%; text-decoration: none; border: 1px solid #ccd3d3; border-top: 0; } .sidebar-nav__link--single.active { color: #fff; background-color: #27ae60; } .sidebar-nav__link--single.active:hover { background-color: #27ae60; } .sidebar-nav__link--single.active .sidebar-nav__icon { color: #fff; } .sidebar-nav__item.is-active .sidebar-nav__link, .sidebar-nav__link:hover { color: #fff !important; text-decoration: none !important; background-color: #27ae60; border-color: #27ae60; } .sidebar-nav__icon { display: block; color: #384048; margin-right: 5px; } .sidebar-nav__icon .svg-icon { display: block; } .sidebar-nav__icon--cart-profile { width: 13px; height: 11px; } .sidebar-nav__icon--coin { width: 11px; height: 11px; } .sidebar-nav__icon--document { width: 9px; height: 11px; } .sidebar-nav__icon--faq { width: 7px; height: 11px; } .sidebar-nav__icon--gear { width: 11px; height: 11px; } .sidebar-nav__icon--link { width: 11px; height: 11px; } .sidebar-nav__icon--pen-profile { width: 13px; height: 11px; } .sidebar-nav__icon--user { width: 13px; height: 11px; } .sidebar-nav__item.is-active .sidebar-nav__icon, .sidebar-nav__link:hover .sidebar-nav__icon { color: #fff; transition: hover, .2s; } .profile-photo { display: flex; align-items: center; border: 1px solid #ccd3d3; padding: 20px; border-radius: 2px 2px 0 0; } .profile-photo__frame { position: relative; height: 100px; width: 100px; border-radius: 50%; overflow: hidden; margin-right: 10px; } .profile-photo__frame > img { border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .profile-photo__title { display: flex; flex-direction: column; justify-content: center; } .profile-photo__name { font-size: 16px; font-weight: 600; margin-bottom: 3px; } .profile-photo__link { display: flex; color: #999; font-size: 12px; align-items: center; text-decoration: none; } .profile-photo__icon { width: 8px; height: 11px; margin-right: 5px; } .profile-photo__icon > .svg-icon { display: block; } .form-row { padding: 0 !important; } .input-text, #sumo_affiliates_registration_form .form-table th .text-input, #sumo_affiliates_registration_form .form-table td .text-input, .sumoaffiliates_menu_content .sa_datepicker, .sumoaffiliates_menu_content select, .sumoaffiliates_menu_content input[type="text"], .sumoaffiliates_menu_content input[type="email"] { border: 1px solid #e5e9eb; border-radius: 2px; padding: 10px; } .input-text:focus, #sumo_affiliates_registration_form .form-table th .text-input:focus, #sumo_affiliates_registration_form .form-table td .text-input:focus, .sumoaffiliates_menu_content .sa_datepicker:focus, .sumoaffiliates_menu_content select:focus, .sumoaffiliates_menu_content input:focus[type="text"], .sumoaffiliates_menu_content input:focus[type="email"] { border-color: #27ae60; outline: 0; box-shadow: 0 0 8px rgba(39, 174, 96, 0.6), inset 0 1px 1px rgba(0, 0, 0, 0.075); } .form-control, .acf-comment-fields .acf-field .acf-input input, #sumo_affiliates_registration_form .form-table th textarea, #sumo_affiliates_registration_form .form-table td textarea, .sumoaffiliates_menu_content textarea { border-radius: 2px; border: 1px solid #ccd3d3; } .form-control:focus, .acf-comment-fields .acf-field .acf-input input:focus, #sumo_affiliates_registration_form .form-table th textarea:focus, #sumo_affiliates_registration_form .form-table td textarea:focus, .sumoaffiliates_menu_content textarea:focus { border-color: #27ae60; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(39, 174, 96, 0.6); } .c-cabinet { font-family: "Open Sans", "Arial", sans-serif; } .c-cabinet__title { font-size: 24px; text-transform: uppercase; font-weight: 600; margin: -7px 0 20px 0; padding: 0; } @media (max-width: 767px) { .c-cabinet__title { font-size: 18px; } } .c-cabinet__sub-title { font-size: 16px; font-weight: 600; margin: 0 0 5px 0; padding: 0; } .c-cabinet__sub-title span { font-size: 12px; color: #999; font-weight: 400; } .c-cabinet-table { width: 100%; border-collapse: collapse; } @media (max-width: 767px) { .c-cabinet-table__title { display: flex; flex-direction: column-reverse; } } @media (max-width: 992px) { .c-cabinet-table__row { display: block; } .c-cabinet-table__row:not(:last-child) { margin-bottom: 25px; } } .c-cabinet-table__row .c-cabinet-table__cell-order-status { color: #ff8920; } .c-cabinet-table__row--status-completed .c-cabinet-table__cell-order-status { color: #32c272; } .c-cabinet-table__row--status-cancel-request .c-cabinet-table__cell-order-status { color: #f26451; } .c-cabinet-table__header { background-color: #f5f7f8; border: 1px solid #ccd3d3; height: 48px; vertical-align: middle; padding-left: 10px; padding-right: 10px; font-weight: 600; } @media (max-width: 1200px) { .c-cabinet-table__header { padding-left: 10px; } } .c-cabinet-table__cell { border: 1px solid #ccd3d3; vertical-align: middle; padding: 10px; } @media (max-width: 992px) { .c-cabinet-table__cell { overflow: hidden; display: block; text-align: right; padding-right: 10px; border: 0; border-bottom: 1px solid #ccd3d3; } .c-cabinet-table__cell:first-child { background-color: #f5f7f8; } .c-cabinet-table__cell::before { content: attr(data-title) ": "; float: left; } } @media (max-width: 1200px) { .c-cabinet-table__cell { padding-left: 10px; } } .c-cabinet-table__cell .woocommerce-Price-amount { display: block; } .c-cabinet-table-actions { display: inline-flex; color: rgba(30, 39, 49, 0.95); font-size: 13px; border-bottom: 1px solid rgba(30, 39, 49, 0.95); text-decoration: none; line-height: 12px; } .c-cabinet-table-actions__ico { display: inline-block; width: 10px; text-align: center; margin-right: 3px; } .c-cabinet-table-actions__ico--more svg { width: 4px; height: 10px; } .c-cabinet-table-actions__ico--cancel svg { width: 10px; height: 10px; } .c-cabinet-table-actions__ico--download svg { width: 10px; height: 10px; } .c-cabinet-table-actions:hover { color: rgba(30, 39, 49, 0.95); border-color: transparent; } .c-cabinet-table__key { padding: 2px 5px; border-radius: 2px; background-color: #ebebeb; } .c-cabinet-table__bt { color: #fff; padding: 2px 5px; border-radius: 2px; background-color: #27ae60; } .c-cabinet-table__bt:hover { opacity: .9; } .c-cabinet-table__count { font-size: 12px; color: #999; } .c-cabinet-table__domain { display: block; color: #32c272; } .c-cabinet-table__domain-status { display: block; color: #ff8920; } .c-cabinet-table__domain-wrap { margin: 5px 0; } .c-cabinet-table__domain-wrap:first-of-type { margin-top: 0; } .c-cabinet-table__domain-wrap:last-of-type { margin-bottom: 0; } .c-cabinet-table__reload { float: right; position: relative; top: -7px; } .c-cabinet__article:not(:last-of-type) { margin-bottom: 15px; } .c-cabinet__article .c-cabinet__sub-title { padding: 15px 0 15px; font-size: 18px; } .c-accordion { padding-top: 15px; text-align: left; max-width: 650px; } .c-accordion--col { columns: 2; } .c-accordion__header { display: flex; align-items: flex-start; cursor: pointer; } .c-accordion__header:not(:first-of-type) { margin-top: 25px; } .c-accordion__header .animated-plus { margin-top: 7px; } .c-accordion__title { margin-left: 5px; font-size: 18px; font-weight: 600; } .c-accordion__desc { display: none; color: #999; padding: 15px 0 0 35px; font-size: 14px; text-align: left; } .pagination { padding-top: 15px; border-top: 1px solid #ccd3d3; /* Items wrappers */ } .pagination--woocommerce { display: table; width: 100%; margin: 30px auto 0; } .pagination__item, .pagination--woocommerce li { position: relative; display: inline-block; vertical-align: middle; /* All items */ /* Link items */ /* Active item */ /* First and Lats items separators */ } .pagination__item:not(:first-child), .pagination--woocommerce li:not(:first-child) { margin-left: 5px; } .pagination__item .page-numbers, .pagination--woocommerce li .page-numbers { background: transparent; border: 0; padding: 0 5px; height: auto; width: auto; line-height: inherit; color: rgba(30, 39, 49, 0.95); font-weight: bold; text-align: center; white-space: nowrap; } .pagination__item .page-numbers:hover, .pagination--woocommerce li .page-numbers:hover { color: #27ae60; background: transparent; } .pagination__item .page-numbers.dots, .pagination--woocommerce li .page-numbers.dots { color: #999; } .pagination__item a.page-numbers, .pagination--woocommerce li a.page-numbers { color: #000; } .pagination__item .page-numbers.current, .pagination--woocommerce li .page-numbers.current { color: #27ae60; background-color: transparent; } .pagination__item .page-numbers.dots, .pagination--woocommerce li .page-numbers.dots { border: 0; } .c-pagination { display: flex; justify-content: center; background-color: #f5f7f8; border: 1px solid #ccd3d3; border-top: 0; padding: 15px 0; } .c-pagination__link { display: flex; align-items: center; color: rgba(30, 39, 49, 0.95); text-decoration: none; font-size: 14px; margin: 0 10px; } .c-pagination__link--disabled { color: #ccc; cursor: default; pointer-events: none; } .c-pagination__ico { display: block; margin: 0 5px; width: 5px; height: 9px; } .c-pagination__ico svg { display: block; } .c-registration { width: 100%; max-width: 500px; margin: 0 auto; } .c-registration__title { text-align: center; text-transform: uppercase; font-size: 22px; margin-bottom: 50px; font-weight: 700; } .c-registration__logo { display: table; margin: 50px auto; } .c-registration .form__field { margin-bottom: 30px; } .c-registration .form__field--justify { display: flex; justify-content: space-between; } .c-registration .form__notices { margin-bottom: 0; } .c-registration .form__label { line-height: 2; } .c-registration__desc { margin-bottom: 10px; } .c-license { border-radius: 32px; overflow: hidden; padding: 60px 75px; box-shadow: 0px 0px 15px rgba(89, 105, 120, 0.15); transition: box-shadow 0.3s ease; } .c-license:hover { box-shadow: 0px 0px 15px rgba(89, 105, 120, 0.5); } .c-license--1 { border: 2px solid transparent; } .c-license--20 { border: 2px solid #327bc4; } .c-license--20 .c-license__title, .c-license--20 .c-license__price, .c-license--20 .c-license__body-plus-icon { color: #327bc4; } .c-license--20 .c-license__plugin:after, .c-license--20 .o-button--primary, .c-license--20 .c-hero-image__btn, .c-license--20 .c-feature__btn, .c-license--20 .c-license__buttons form input.button.alt, .c-license__buttons form .c-license--20 input.button.alt, .c-license--20 .comments__form-body .form__btn, .comments__form-body .c-license--20 .form__btn, .c-license--20 .ic-build__btn, .c-license--20 #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, #sumo_affiliates_registration_form .c-license--20 .sumo_affiliates_submit_registration_form, .c-license--20 .sumoaffiliates_menu_content input[type="submit"], .sumoaffiliates_menu_content .c-license--20 input[type="submit"], .c-license--20 .woocommerce #payment .button.alt, .woocommerce #payment .c-license--20 .button.alt { background-color: #327bc4; } .c-license--20 .o-button--primary:hover, .c-license--20 .c-hero-image__btn:hover, .c-license--20 .c-feature__btn:hover, .c-license--20 .c-license__buttons form input.button.alt:hover, .c-license__buttons form .c-license--20 input.button.alt:hover, .c-license--20 .comments__form-body .form__btn:hover, .comments__form-body .c-license--20 .form__btn:hover, .c-license--20 .ic-build__btn:hover, .c-license--20 #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form:hover, #sumo_affiliates_registration_form .c-license--20 .sumo_affiliates_submit_registration_form:hover, .c-license--20 .sumoaffiliates_menu_content input:hover[type="submit"], .sumoaffiliates_menu_content .c-license--20 input:hover[type="submit"], .c-license--20 .woocommerce #payment .button.alt:hover, .woocommerce #payment .c-license--20 .button.alt:hover { background-color: #4c9ad1; } @media (max-width: 991px) { .c-license { max-width: 420px; margin: auto; } } @media (max-width: 480px) { .c-license { max-width: 90%; padding: 30px 35px; } } .c-license b { font-weight: 600; font-size: 18px; display: block; text-align: center; } .c-license b:not(:last-child) { margin-bottom: 5px; } .c-license__header { text-align: center; } .c-license__plugins-list { text-align: left; } .c-license__plugin { margin-bottom: 10px; position: relative; padding-left: 20px; } .c-license__plugin .fa { color: #27ae60; position: absolute; left: 0; top: 3px; } .c-license__plugin:after { position: absolute; content: ""; top: 7px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #27ae60; } .c-license__plugin-link { color: #30333a; text-decoration: none; font-size: 14px; font-weight: 600; } .c-license__footer { text-align: center; } .c-license--one { max-width: 460px; margin: 0 auto; } .c-license__title { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #27ae60; } .c-license__subtitle { color: #677f95; font-size: 16px; } .c-license__price { padding: 5px 0; font-size: 34px; font-weight: bold; color: #27ae60; } .c-license__price .woocommerce-Price-currencySymbol { font-size: 16px; margin-right: 5px; } .c-license__save-price { font-size: 16px; color: #b0bfc7; margin-bottom: 10px; } .c-license__save-price .woocommerce-Price-amount { position: relative; } .c-license__save-price .woocommerce-Price-amount:after { position: absolute; content: ""; width: 100%; height: 1px; top: 50%; left: 0; background-color: #f36f56; transform: rotate(-15deg); } .c-license__body-description { text-align: center; max-width: 260px; padding-bottom: 40px; } .c-license__body-description span { display: block; } .c-license__body-description > *:first-child { font-size: 14px; font-weight: 600; display: block; margin-bottom: 3px; color: #677f95; } .c-license__body-plus { display: flex; align-items: center; padding: 10px 0 40px 0; } .c-license__body-plus b { font-size: 14px; font-weight: normal; color: #30333a; text-align: left; } .c-license__body-plus-icon { font-size: 36px; margin-right: 10px; color: #27ae60; } .c-license__content { max-width: 230px; margin: 0 auto 45px; font-size: 16px; } .c-license__buttons form input.button.alt { margin-bottom: 10px; } .c-license__buttons form a.button.cancel { padding: 0 !important; font-weight: normal !important; background-color: transparent !important; border-radius: 0 !important; } .c-product-tabs { display: flex; margin: 0 auto; border-radius: 2px; margin-bottom: 25px; } @media (max-width: 768px) { .c-product-tabs { flex-direction: column; } } .c-product-tabs--portfolio { justify-content: center; margin-bottom: 30px; } .c-product-tabs--portfolio .c-product-tabs__link { flex-grow: initial; padding-left: 35px; padding-right: 35px; } .c-product-tabs__link { background-color: #f5f7f8; flex-grow: 1; color: #1e2731; position: relative; text-transform: uppercase; border-top: 1px solid #e5e9eb; border-bottom: 1px solid #e5e9eb; text-align: center; line-height: 50px; } @media (max-width: 1200px) { .c-product-tabs__link { font-size: 1.3vw; } } @media (max-width: 768px) { .c-product-tabs__link { font-size: 14px; } } .c-product-tabs__link:first-child { border-left: 1px solid #e5e9eb; border-radius: 2px 0 0 2px; } .c-product-tabs__link:last-child { border-right: 1px solid #e5e9eb; border-radius: 0 2px 2px 0; } .c-product-tabs__link--active, .c-product-tabs__link:hover { border-color: #27ae60 !important; background-color: #27ae60; border-radius: 2px !important; color: #fff; cursor: pointer; } .c-product-tabs__link--active::before, .c-product-tabs__link:hover::before { display: none; } .c-product-tabs__link:not(:first-of-type)::before { content: ''; position: absolute; left: 0; top: 9px; bottom: 9px; border-left: 1px solid #e5e9eb; } .c-product-tabs__content { display: flex; flex-wrap: wrap; margin: 0 -15px; } .c-product-tabs__content:before, .c-product-tabs__content:after { content: " "; display: table; } .c-product-tabs__content:after { clear: both; } .c-product-tabs__item { padding: 0 15px; width: 33.3%; margin-bottom: 30px; will-change: left, top, width, height; } @media (max-width: 992px) { .c-product-tabs__item { width: 50%; } } @media (max-width: 768px) { .c-product-tabs__item { width: 100%; } } .c-search { display: flex; margin: 0 auto 40px; max-width: 535px; background-color: #fff; border: 1px solid #27ae60; } .c-search__wrap { padding: 0 15px; } .c-search__text { flex-grow: 1; padding: 0 15px; font-size: 14px; } .c-search__button { background-color: #fff; border: none; width: 50px; height: 50px; position: relative; } .c-search__ico { width: 18px; height: 19px; color: #27ae60; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .c-center-frame { border: 1px solid #ccd3d3; background: #f5f7f8; border-radius: 2px; padding: 30px 0; } @media (max-width: 991px) { .c-center-frame__content { padding: 0 15px; } } .c-center-frame__title { font-size: 24px; font-weight: 700; margin-top: 12px; margin-bottom: 10px; } .c-center-frame__text { font-size: 14px; } .c-center-frame__image { text-align: center; } .c-product-content { font-size: 16px; } .c-product-content h3 { font-size: 18px; font-weight: 600; margin: 0 0 15px 0; } .c-product-content__item:not(:last-of-type) { margin-bottom: 35px; } .c-product-content__item p { margin-bottom: 0; } .c-product-content__item p:not(:last-of-type) { margin-bottom: 10px; } .c-product-content__item ol, .c-product-content__item ul { list-style: none; margin: 0; padding: 0; } .c-product-content__item ol li, .c-product-content__item ul li { position: relative; margin: 0; padding: 0; } .c-product-content__item ol { counter-reset: num; } .c-product-content__item ol li::before { content: counters(num, ".") ". "; counter-increment: num; color: #27ae60; font-weight: 600; } .c-product-content__item ul li::before { content: ''; display: inline-block; margin-right: 5px; vertical-align: middle; width: 7px; height: 7px; background-color: #27ae60; border-radius: 50%; } .c-product-content__shadow-img { box-shadow: 10px 0 25px rgba(57, 66, 75, 0.25); } .c-product-content__img-container { margin-bottom: 15px; box-shadow: 5px 0 10px rgba(57, 66, 75, 0.2); } .c-product-content__img-container img { vertical-align: middle; } .c-product-content__img-container--back { display: none; } .c-product-content__img-container:hover .c-product-content__img-container--front { display: none; } .c-product-content__img-container:hover .c-product-content__img-container--back { display: block; } .c-product-content__img-container--dark-bg { background-color: #262526; } .c-product-content__img-title { color: #555; font-size: 16px; font-weight: 600; text-align: center; } .comments { /* scrolling to form place on the page after non Ajax submit */ } .comments__list { padding-bottom: 40px; } .comments__pagination { margin-top: 20px; } .comments__form { border-radius: 2px; border: 1px solid #ccd3d3; } .comments__form-header { padding: 15px 30px; color: #000; font-weight: 600; font-size: 18px; background-color: #f5f7f8; border-bottom: 1px solid #ccd3d3; } .comments__form-body { padding: 30px; } @media (max-width: 767px) { .comments__form-body { padding: 15px; } } .comments__form-body .form__field { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .comments__form-body .form__label { width: 170px; } .comments__form-body .form__inner { flex-grow: 1; } .comments__form-body .form__btn { padding: 0 40px; } .comments #comments-anchor { position: absolute; margin-top: -50px; } @media (min-width: 768px) { .comments #comments-anchor { margin-top: -250px; } } #comments-list { position: absolute; margin-top: -50px; } .acf-comment-fields .acf-field { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .acf-comment-fields .acf-field .acf-label { width: 170px; } .acf-comment-fields .acf-field .acf-label label { font-weight: normal; } .acf-comment-fields .acf-field .acf-input { flex-grow: 1; } .acf-comment-fields .acf-field .acf-input-wrap { overflow: inherit; } .acf-comment-fields .acf-field .acf-input .acf-icon { display: none; } .comments-posts__group:not(:last-of-type) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccd3d3; } .comments-posts__group:first-of-type { padding-top: 20px; } .comments-posts__content { display: flex; align-items: flex-start; } .comments-posts__avatar { margin-right: 30px; flex-shrink: 0; border-radius: 50%; } .comments-posts__main { flex-grow: 1; } .comments-posts__title a { font-size: 18px; } .children .comments-posts__group { margin-top: 10px; padding: 0; margin-left: 40px; font-size: .9rem; border: 0; } .children .comments-posts__item { padding: 20px; } .comments-posts__header { padding-bottom: 5px; } .comments-posts__author { float: right; color: #999; font-size: 13px; font-style: italic; } .comments-posts__author::before { content: "—"; margin-right: 5px; } .comments-posts__date { float: left; margin-right: 5px; font-size: 13px; color: #999; } .comments-posts__ico { display: inline-block; color: #27ae60; margin-right: 5px; line-height: 1; bottom: -3px; position: relative; } .comments-posts__ico--calendar { width: 16px; height: 16px; } .comments-posts__rate { float: left; position: relative; top: 2px; margin-right: 60px; } .comments-posts__text { color: #30333a; font-size: 16px; line-height: 1.7; } .comments-posts__message { padding-top: 10px; } .comments-posts__footer { margin-top: 10px; } .comments-posts__footer:before, .comments-posts__footer:after { content: " "; display: table; } .comments-posts__footer:after { clear: both; } .comments-posts__vote { float: left; font-size: 0; } .comments-posts__vote-item { display: inline-block; vertical-align: top; text-align: center; font-size: 1rem; text-decoration: none; } .comments-posts__vote-item:not(:first-child) { margin-left: 15px; } .comments-posts__vote-ico { display: inline-block; width: 16px; height: 16px; } .comments-posts__vote-ico--dislike { transform: scale(-1, -1); } .comments-posts__reply { font-size: .9rem; } .comments-posts__reply-form { margin-top: 10px; } .variant-list { margin-bottom: 20px; border-top: 1px solid #ccd3d3; } .variant-list--in-tab { border-top: none; } .variant-list__item { padding: 12px 0; overflow: hidden; border-bottom: 1px solid #ccd3d3; } .variant-list__inner { display: flex; align-items: center; justify-content: space-between; } .variant-list__fake-radio { position: relative; display: block; min-width: 17px; min-height: 17px; border-radius: 50%; border: 2px solid rgba(30, 39, 49, 0.95); margin-right: 10px; } .variant-list__title { font-size: 16px; font-weight: 600; } .variant-list__desc { flex-grow: 1; } .variant-list__desc-inner { color: #999; font-size: 12px; } .variant-list__desc-inner strong { color: rgba(0, 0, 0, 0.8); font-weight: bold; } .variant-list__content { flex-grow: 1; display: flex; align-items: center; } .variant-list__content--empty { width: 100%; display: flex; justify-content: space-between; align-items: center; } .variant-list__radio { position: absolute; left: -99999px; } .variant-list__radio:checked + .variant-list__inner .variant-list__fake-radio { border-color: #27ae60; } .variant-list__radio:checked + .variant-list__inner .variant-list__fake-radio::before { content: ''; position: absolute; width: 7px; height: 7px; top: 3px; left: 3px; border-radius: 50%; background-color: #27ae60; } .variant-list__radio:checked + .variant-list__inner .variant-list__title, .variant-list__radio:checked + .variant-list__inner ins .woocommerce-Price-amount, .variant-list__radio:checked + .variant-list__inner > .woocommerce-Price-amount { color: #27ae60; } .variant-list__inner:hover { cursor: pointer; } .variant-list__radio:checked + .variant-list__inner:hover { cursor: default; } .variant-list__inner:hover .variant-list__fake-radio { border-color: #27ae60; } .variant-list__inner:hover .variant-list__title, .variant-list__inner:hover ins .woocommerce-Price-amount, .variant-list__inner:hover > .woocommerce-Price-amount { color: #27ae60; } .shop_attributes { width: 100%; border-top: 1px solid #ccd3d3; } .shop_attributes tr { border-bottom: 1px solid #ccd3d3; } .shop_attributes th, .shop_attributes td { height: 40px; vertical-align: middle; } .shop_attributes th { text-align: left; } .shop_attributes td { text-align: right; font-weight: 600; } .product-tags { padding: 15px 0 10px; border-bottom: 1px solid #ccd3d3; } .product-tags:before, .product-tags:after { content: " "; display: table; } .product-tags:after { clear: both; } .product-tags__title { float: left; } .product-tags a { clear: right; float: right; font-size: 13px; color: rgba(0, 0, 0, 0.8); background-color: #f5f7f8; border: 1px solid #ccd3d3; line-height: 20px; border-radius: 2px; padding: 0 9px; text-decoration: none; margin-bottom: 5px; } .product-tags a:hover { opacity: .6; color: rgba(0, 0, 0, 0.8); } .summary-extra { margin: 15px 0 40px; } .summary-extra__title { color: #384048; text-transform: uppercase; margin-bottom: 7px; font-weight: bold; font-size: 13px; } .summary-extra__row { display: flex; align-items: center; } .summary-extra__row:not(:last-child) { margin-bottom: 15px; } .summary-extra__item { display: flex; align-items: flex-start; margin-right: 15px; position: relative; padding-left: 20px; } .summary-extra__link { font-size: 13px; } .summary-extra__link:hover { text-decoration: none; } .summary-extra__ico { margin-right: 5px; color: #27ae60; flex-shrink: 0; position: absolute; left: 0; top: 3px; } .summary-extra__ico--comments { width: 12px; height: 12px; } .summary-extra__ico--document { width: 14px; height: 12px; } .summary-extra__ico--file { width: 10px; height: 12px; } .summary-extra__ico svg { display: block; } .summary-extra__ico--product-logo { width: 16px; height: 16px; } .summary-extra__extra-offer { margin-bottom: 28px; } .summary-extra__extra-offer-header { padding: 6px 18px; background: #ee5f58; color: #fff; font-weight: 600; border-radius: 2px 2px 0 0; } .summary-extra__extra-offer-body { padding: 15px 18px; background: #f5f7f8; border-radius: 0 0 2px 2px; } .c-product-summary__free { margin-bottom: 10px; } .c-product-summary__free strong { font-weight: 700; } .c-product-summary__buttons { display: flex; margin: 15px 0 70px; } .c-product-summary__buttons .o-button, .c-product-summary__buttons .c-hero-image__btn, .c-product-summary__buttons .c-feature__btn, .c-product-summary__buttons .c-page-404__button, .c-product-summary__buttons .c-license__buttons form input.button.alt, .c-license__buttons form .c-product-summary__buttons input.button.alt, .c-product-summary__buttons .comments__form-body .form__btn, .comments__form-body .c-product-summary__buttons .form__btn, .c-product-summary__buttons .ic-build__btn, .c-product-summary__buttons #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, #sumo_affiliates_registration_form .c-product-summary__buttons .sumo_affiliates_submit_registration_form, .c-product-summary__buttons .sumoaffiliates_menu_content input[type="submit"], .sumoaffiliates_menu_content .c-product-summary__buttons input[type="submit"], .c-product-summary__buttons .c-small-price-table__btn, .c-product-summary__buttons .comment-respond .comment-form input[type="submit"], .comment-respond .comment-form .c-product-summary__buttons input[type="submit"], .c-product-summary__buttons .woocommerce #payment .button.alt, .woocommerce #payment .c-product-summary__buttons .button.alt { margin-right: 20px; } .c-product-summary__wp-bt { width: 100%; max-width: 275px; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 2px; border: 1px solid rgba(30, 39, 49, 0.95); text-decoration: none; } .c-product-summary__wp-bt:hover { opacity: .8; } .c-product-summary__wp-ico { width: 16px; height: 16px; color: rgba(30, 39, 49, 0.95); margin-right: 10px; } .c-product-summary__wp-text { color: rgba(30, 39, 49, 0.95); text-transform: uppercase; } .post-3320 .c-product-summary__wp-text:after { content: ''; display: inline-block; margin-left: 10px; margin-bottom: -10px; height: 26px; width: 128px; object-fit: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDkuNTk1IDEwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OS41OTUgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojOUI1QzhGO30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS41NTksMGgxMy42NzRDMTYuMDk5LDAsMTYuOCwwLjcwMSwxNi44LDEuNTY2djUuMjJjMCwwLjg2NS0wLjcwMSwxLjU2Ni0xLjU2NiwxLjU2NkgxMC4zM0wxMS4wMDMsMTBsLTIuOTYtMS42NDhIMS41NjZDMC43MDEsOC4zNTIsMCw3LjY1MSwwLDYuNzg2di01LjIyQy0wLjAwNywwLjcwNywwLjY5NCwwLDEuNTU5LDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTAuODM4LDEuNDIyYzAuMDk2LTAuMTMsMC4yNC0wLjE5OSwwLjQzMy0wLjIxM2MwLjM1LTAuMDI3LDAuNTQ5LDAuMTM3LDAuNTk4LDAuNDk1QzIuMDgxLDMuMTM5LDIuMzE1LDQuMzU0LDIuNTYyLDUuMzVsMS41MDQtMi44NjRjMC4xMzctMC4yNjEsMC4zMDktMC4zOTgsMC41MTUtMC40MTJjMC4zMDItMC4wMjEsMC40ODgsMC4xNzIsMC41NjMsMC41NzdDNS4zMTYsMy41NjUsNS41MzYsNC4zNDEsNS43OTcsNWMwLjE3OS0xLjc0NSwwLjQ4MS0zLjAwMSwwLjkwNy0zLjc3N0M2LjgwNiwxLjAzLDYuOTU3LDAuOTM0LDcuMTU3LDAuOTJjMC4xNTgtMC4wMTQsMC4zMDIsMC4wMzQsMC40MzMsMC4xMzdjMC4xMywwLjEwMywwLjE5OSwwLjIzNCwwLjIxMywwLjM5MWMwLjAwNywwLjEyNC0wLjAxNCwwLjIyNy0wLjA2OSwwLjMzQzcuNDY2LDIuMjczLDcuMjQ2LDMuMTA0LDcuMDY3LDQuMjU4QzYuODk2LDUuMzc4LDYuODM0LDYuMjUsNi44NzUsNi44NzVjMC4wMTQsMC4xNzItMC4wMTQsMC4zMjMtMC4wODIsMC40NTNDNi43MSw3LjQ3OSw2LjU4Nyw3LjU2Miw2LjQyOSw3LjU3NkM2LjI1LDcuNTg5LDYuMDY1LDcuNTA3LDUuODg2LDcuMzIxQzUuMjQ3LDYuNjY5LDQuNzM5LDUuNjk0LDQuMzY4LDQuMzk2QzMuOTIyLDUuMjc1LDMuNTkyLDUuOTM0LDMuMzc5LDYuMzc0QzIuOTc0LDcuMTUsMi42MzEsNy41NDgsMi4zNDIsNy41NjlDMi4xNTcsNy41ODIsMS45OTksNy40MjQsMS44NjEsNy4wOTVjLTAuMzUtMC45LTAuNzI4LTIuNjM3LTEuMTMzLTUuMjEzQzAuNzA3LDEuNzAzLDAuNzQyLDEuNTQ1LDAuODM4LDEuNDIyeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNS42MDQsMi41Yy0wLjI0Ny0wLjQzMy0wLjYxMS0wLjY5NC0xLjA5OS0wLjc5N2MtMC4xMy0wLjAyNy0wLjI1NC0wLjA0MS0wLjM3MS0wLjA0MWMtMC42NTksMC0xLjE5NSwwLjM0My0xLjYxNCwxLjAzYy0wLjM1NywwLjU4NC0wLjUzNiwxLjIyOS0wLjUzNiwxLjkzN2MwLDAuNTI5LDAuMTEsMC45ODIsMC4zMywxLjM2YzAuMjQ3LDAuNDMzLDAuNjExLDAuNjk0LDEuMDk5LDAuNzk3YzAuMTMsMC4wMjcsMC4yNTQsMC4wNDEsMC4zNzEsMC4wNDFjMC42NjYsMCwxLjIwMi0wLjM0MywxLjYxNC0xLjAzYzAuMzU3LTAuNTkxLDAuNTM2LTEuMjM2LDAuNTM2LTEuOTQ0QzE1LjkzNCwzLjMxNywxNS44MjQsMi44NzEsMTUuNjA0LDIuNUwxNS42MDQsMi41eiBNMTQuNzM5LDQuNDAyYy0wLjA5NiwwLjQ1My0wLjI2OCwwLjc5LTAuNTIyLDEuMDE2Yy0wLjE5OSwwLjE3OS0wLjM4NSwwLjI1NC0wLjU1NiwwLjIyYy0wLjE2NS0wLjAzNC0wLjMwMi0wLjE3OS0wLjQwNS0wLjQ0NmMtMC4wODItMC4yMTMtMC4xMjQtMC40MjYtMC4xMjQtMC42MjVjMC0wLjE3MiwwLjAxNC0wLjM0MywwLjA0OC0wLjUwMWMwLjA2Mi0wLjI4MiwwLjE3OS0wLjU1NiwwLjM2NC0wLjgxN2MwLjIyNy0wLjMzNywwLjQ2Ny0wLjQ3NCwwLjcxNC0wLjQyNmMwLjE2NSwwLjAzNCwwLjMwMiwwLjE3OSwwLjQwNSwwLjQ0NmMwLjA4MiwwLjIxMywwLjEyNCwwLjQyNiwwLjEyNCwwLjYyNUMxNC43ODcsNC4wNzMsMTQuNzY3LDQuMjQ1LDE0LjczOSw0LjQwMkwxNC43MzksNC40MDJ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTExLjI5OCwyLjVjLTAuMjQ3LTAuNDMzLTAuNjE4LTAuNjk0LTEuMDk5LTAuNzk3Yy0wLjEzLTAuMDI3LTAuMjU0LTAuMDQxLTAuMzcxLTAuMDQxYy0wLjY1OSwwLTEuMTk1LDAuMzQzLTEuNjE0LDEuMDNDNy44NTcsMy4yNzYsNy42NzksMy45MjIsNy42NzksNC42MjljMCwwLjUyOSwwLjExLDAuOTgyLDAuMzMsMS4zNkM4LjI1Niw2LjQyMiw4LjYyLDYuNjgzLDkuMTA3LDYuNzg2YzAuMTMsMC4wMjcsMC4yNTQsMC4wNDEsMC4zNzEsMC4wNDFjMC42NjYsMCwxLjIwMi0wLjM0MywxLjYxNC0xLjAzYzAuMzU3LTAuNTkxLDAuNTM2LTEuMjM2LDAuNTM2LTEuOTQ0QzExLjYyOCwzLjMxNywxMS41MTgsMi44NzEsMTEuMjk4LDIuNUwxMS4yOTgsMi41eiBNMTAuNDMzLDQuNDAyYy0wLjA5NiwwLjQ1My0wLjI2OCwwLjc5LTAuNTIyLDEuMDE2Yy0wLjE5OSwwLjE3OS0wLjM4NSwwLjI1NC0wLjU1NiwwLjIyQzkuMTksNS42MDQsOS4wNTIsNS40Niw4Ljk0OSw1LjE5MkM4Ljg2Nyw0Ljk3OSw4LjgyNiw0Ljc2Niw4LjgyNiw0LjU2N2MwLTAuMTcyLDAuMDE0LTAuMzQzLDAuMDQ4LTAuNTAxQzguOTM1LDMuNzg0LDkuMDUyLDMuNTEsOS4yMzgsMy4yNDljMC4yMjctMC4zMzcsMC40NjctMC40NzQsMC43MTQtMC40MjZjMC4xNjUsMC4wMzQsMC4zMDIsMC4xNzksMC40MDUsMC40NDZjMC4wODIsMC4yMTMsMC4xMjQsMC40MjYsMC4xMjQsMC42MjVDMTAuNDgxLDQuMDczLDEwLjQ2Nyw0LjI0NSwxMC40MzMsNC40MDJMMTAuNDMzLDQuNDAyeiIvPjxnPjxnPjxwYXRoIGQ9Ik0xOC41MzcsMi40MzhjLTAuNDYsMC40NTMtMC42ODcsMS4wMy0wLjY4NywxLjczMWMwLDAuNzQ5LDAuMjI3LDEuMzYsMC42OCwxLjgyYzAuNDUzLDAuNDYsMS4wNDQsMC42OTQsMS43NzksMC42OTRjMC4yMTMsMCwwLjQ1My0wLjAzNCwwLjcxNC0wLjExVjUuNDZjLTAuMjQsMC4wNjktMC40NDYsMC4xMDMtMC42MjUsMC4xMDNjLTAuMzY0LDAtMC42NTItMC4xMjQtMC44NzItMC4zNjRjLTAuMjItMC4yNDctMC4zMy0wLjU3Ny0wLjMzLTAuOTk2YzAtMC4zOTEsMC4xMS0wLjcxNCwwLjMyMy0wLjk2MmMwLjIyLTAuMjU0LDAuNDg4LTAuMzc4LDAuODE3LTAuMzc4YzAuMjEzLDAsMC40NCwwLjAzNCwwLjY4NywwLjEwM1YxLjg1NGMtMC4yMjctMC4wNjItMC40ODEtMC4wODktMC43NDktMC4wODlDMTkuNTc0LDEuNzU4LDE4Ljk5NywxLjk4NSwxOC41MzcsMi40Mzh6IE0yMy4zMDQsMS43NThjLTAuNjMyLDAtMS4xMjYsMC4yMTMtMS40ODQsMC42MzJjLTAuMzU3LDAuNDE5LTAuNTI5LDEuMDEtMC41MjksMS43NjVjMCwwLjgxNywwLjE3OSwxLjQ0MiwwLjUyOSwxLjg3NWMwLjM1LDAuNDMzLDAuODY1LDAuNjUyLDEuNTM4LDAuNjUyYzAuNjUyLDAsMS4xNTQtMC4yMiwxLjUwNC0wLjY1MnMwLjUyOS0xLjA0NCwwLjUyOS0xLjgyN3MtMC4xNzktMS4zODctMC41MzYtMS44MTNDMjQuNDkyLDEuOTcxLDIzLjk3NywxLjc1OCwyMy4zMDQsMS43NTh6IE0yMy44NDYsNS4zM2MtMC4xMjQsMC4xOTItMC4zMDksMC4yODgtMC41NDMsMC4yODhjLTAuMjIsMC0wLjM4NS0wLjA5Ni0wLjUwMS0wLjI4OGMtMC4xMTctMC4xOTItMC4xNzItMC41NzctMC4xNzItMS4xNjFjMC0wLjksMC4yMjctMS4zNDYsMC42ODctMS4zNDZjMC40ODEsMCwwLjcyOCwwLjQ1MywwLjcyOCwxLjM2N0MyNC4wMzksNC43NTMsMjMuOTcsNS4xMzcsMjMuODQ2LDUuMzN6IE0yOC43ODQsMS44ODlMMjguNTM3LDIuOTRjLTAuMDYyLDAuMjY4LTAuMTI0LDAuNTQzLTAuMTc5LDAuODI0bC0wLjEzNywwLjcyOGMtMC4xMy0wLjcyOC0wLjMwOS0xLjU5My0wLjUzNi0yLjYwM2gtMS41OTNsLTAuNTk4LDQuNjc3aDEuMTk1bDAuMzIzLTMuMjIxbDAuODE3LDMuMjIxaDAuODUybDAuNzgzLTMuMjE0bDAuMzM3LDMuMjE0aDEuMjVsLTAuNjMyLTQuNjc3TDI4Ljc4NCwxLjg4OUwyOC43ODQsMS44ODl6IE0zNC41MDYsMS44ODlMMzQuMjU4LDIuOTRjLTAuMDYyLDAuMjY4LTAuMTI0LDAuNTQzLTAuMTc5LDAuODI0bC0wLjEzNywwLjcyOGMtMC4xMy0wLjcyOC0wLjMwOS0xLjU5My0wLjUzNi0yLjYwM2gtMS41OTNsLTAuNTk4LDQuNjc3aDEuMTk1bDAuMzIzLTMuMjIxbDAuODE3LDMuMjIxaDAuODUybDAuNzc2LTMuMjE0bDAuMzM3LDMuMjE0aDEuMjVsLTAuNjMyLTQuNjc3SDM0LjUwNnogTTM4LjM5Myw0LjcxOGgxLjEyVjMuNzVoLTEuMTJWMi44OTFoMS4yOTFWMS44OTZoLTIuNTU1djQuNjc3aDIuNTYyVjUuNTc3aC0xLjI5OFY0LjcxOHogTTQzLjI0OSwzLjk3N2MwLjEzLTAuMjEzLDAuMTk5LTAuNDMzLDAuMTk5LTAuNjU5YzAtMC40NC0wLjE3Mi0wLjc5LTAuNTE1LTEuMDQ0cy0wLjgxNy0wLjM4NS0xLjQwOC0wLjM4NWgtMS40N3Y0LjY3N2gxLjI2NFY0LjQzN2gwLjAyMWwxLjAyMywyLjEyOWgxLjMzMmwtMS4wMS0yLjEwOUM0Mi45MjYsNC4zNDgsNDMuMTE4LDQuMTksNDMuMjQ5LDMuOTc3eiBNNDEuMzEyLDMuOTAxVjIuNzg4YzAuMzAyLDAuMDA3LDAuNTE1LDAuMDU1LDAuNjQ2LDAuMTUxYzAuMTMsMC4wOTYsMC4xOTIsMC4yNDcsMC4xOTIsMC40NjdDNDIuMTUsMy43MjksNDEuODY4LDMuODk0LDQxLjMxMiwzLjkwMXogTTQ0LjE5LDIuNDM4Yy0wLjQ2LDAuNDUzLTAuNjg3LDEuMDMtMC42ODcsMS43MzFjMCwwLjc0OSwwLjIyNywxLjM2LDAuNjgsMS44MmMwLjQ1MywwLjQ2LDEuMDQ0LDAuNjk0LDEuNzc5LDAuNjk0YzAuMjEzLDAsMC40NTMtMC4wMzQsMC43MTQtMC4xMVY1LjQ2Yy0wLjI0LDAuMDY5LTAuNDQ2LDAuMTAzLTAuNjI1LDAuMTAzYy0wLjM2NCwwLTAuNjUyLTAuMTI0LTAuODcyLTAuMzY0Yy0wLjIyLTAuMjQ3LTAuMzMtMC41NzctMC4zMy0wLjk5NmMwLTAuMzkxLDAuMTEtMC43MTQsMC4zMjMtMC45NjJjMC4yMi0wLjI1NCwwLjQ4OC0wLjM3OCwwLjgxNy0wLjM3OGMwLjIxMywwLDAuNDQsMC4wMzQsMC42ODcsMC4xMDNWMS44NTRjLTAuMjI3LTAuMDYyLTAuNDgxLTAuMDg5LTAuNzQ5LTAuMDg5QzQ1LjIzNCwxLjc1OCw0NC42NSwxLjk4NSw0NC4xOSwyLjQzOHogTTQ4LjI5LDUuNTYzVjQuNzEyaDEuMTJWMy43NDNoLTEuMTJWMi44ODVoMS4yOThWMS44ODloLTIuNTU1djQuNjc3aDIuNTYyVjUuNTdINDguMjlWNS41NjN6Ii8+PC9nPjwvZz48L2c+PC9zdmc+); } .c-product-summary__wc-ico { width: 26px; height: 16px; margin-right: 10px; } .post-3320 .c-product-summary__wc-ico { display: none; } .c-product-summary__aside { float: right !important; } .c-product-summary__aside .woocommerce-variation-add-to-cart { margin-left: -15px; margin-top: -15px; } .c-product-summary__aside .woocommerce-variation-add-to-cart > * { margin-top: 15px; margin-left: 15px; } .c-product-summary__additional-meta { display: flex; flex-wrap: wrap; margin-bottom: 20px; margin-top: -20px; } .c-product-summary__additional-meta > * { margin-top: 10px; margin-left: 0 !important; margin-right: 15px; white-space: nowrap; padding: 5px 20px; } .woocommerce-breadcrumb { color: #ccc; margin: 0 auto 10px; } .woocommerce-breadcrumb span { color: #fff; } .woocommerce-breadcrumb a { color: #fff; } .woocommerce-breadcrumb a:hover { text-decoration: none; } .c-profile-menu { display: flex; align-items: center; cursor: pointer; position: relative; padding-right: 20px; border-radius: 30px 2px 2px 30px; background-color: rgba(255, 255, 255, 0.1); } .c-profile-menu__avatar { width: 35px; height: 35px; border: 1px solid #373f47; border-radius: 50%; overflow: hidden; margin-right: 10px; } .c-profile-menu__name { display: flex; align-items: center; color: #fff; font-size: 12px; } .c-profile-menu__name-text { margin-right: 10px; } .c-profile-menu__name-ico { width: 6px; height: 4px; } .c-profile-menu__name-ico svg { display: block; } .c-profile-menu__drop { position: absolute; visibility: hidden; padding: 5px 0; opacity: 0; top: 100%; right: 0; z-index: -1; transition: all 0.3s ease-in-out 0s; border-radius: 2px 0 2px 2px; background-color: rgba(30, 39, 49, 0.95); } .c-profile-menu:hover .c-profile-menu__drop { visibility: visible; opacity: 1; z-index: 1; } .c-profile-menu__link { display: block; color: #fff; padding: 3px 20px; text-decoration: none; } .l-page__header[data-header-scroll-state="scroll"] .c-profile-menu .c-profile-menu__drop { background-color: rgba(30, 39, 49, 0.95) !important; } .c-services-frame { display: flex; align-items: center; justify-content: space-between; } .c-services-frame__price { min-width: 200px; text-align: center; font-size: 50px; font-weight: 700; } .c-services-frame__price span { font-size: 16px; font-weight: 400; } .c-services-frame__content { flex-grow: 1; } .c-services-frame__title { font-size: 18px; font-weight: 700; margin-bottom: 5px; } .c-services-frame__bt { min-width: 200px; } .c-services-task { margin-top: 40px; } .c-services-task__item { display: flex; justify-content: space-between; align-items: center; min-height: 70px; border-radius: 2px; padding: 0 15px; background: #f5f7f8; border: 1px solid #ccd3d3; } .c-services-task__item:not(:last-of-type) { margin-bottom: 10px; } .c-services-task__title { display: flex; align-items: center; flex-grow: 1; } .c-services-task__title-ico { width: 36px; height: 36px; margin-right: 15px; } .c-services-task__title-text { font-weight: 600; } .c-services-task__bt { width: 140px; } .c-services-task__price { width: 115px; text-align: left; } .c-services-task__price strong { font-size: 16px; font-weight: 700; } .c-services-task__select { width: 200px; text-align: left; margin-right: 30px; } .c-services-task__select .select2 { width: 100%; } .c-services-task-type { text-align: left; margin-top: 40px; } .c-services-task-type--order-service { margin-top: 0; } .c-services-task-type__title { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .c-services-task-type__img { height: 70px; margin-bottom: 15px; display: flex; align-items: center; } .c-services-task-type__ico { margin: 0 auto; color: #27ae60; } .c-services-task-type__ico--panic-attack { width: 52px; height: 63px; } .c-services-task-type__ico--as-usual { width: 60px; height: 70px; } .c-services-task-type__ico--keep-calm { width: 60px; height: 70px; } .c-services-task-type__ico--cost-100 { width: 70px; height: 70px; } .c-services-task-type__ico--cost-500 { width: 70px; height: 61px; } .c-services-task-type__ico--cost-2000 { width: 70px; height: 50px; } .c-services-task-type__ico--cost-5000 { width: 60px; height: 70px; } .c-services-task-type__ico--cost-10000 { width: 70px; height: 62px; } .c-services-task-type__ico--cost-unlimited { width: 70px; height: 35px; } .c-services-task-type__inner { display: flex; align-items: center; } .c-services-task-type__item { flex-basis: 170px; display: flex; flex-direction: column; text-align: center; position: relative; overflow: hidden; } .c-services-task-type__item label { cursor: pointer; } .c-services-task-type__item input { position: absolute; left: -10000px; } .c-services-task-type__item input:checked + label .c-services-task-type__ico, .c-services-task-type__item:hover label .c-services-task-type__ico { color: #479ccf; } .c-services-task-type__item input:checked + label { cursor: default; } .c-services-task-type__select { flex-basis: 770px; text-align: left; } .c-services-task-type__select .select2 { width: 100% !important; } .c-services-task-type__select .select2.select2-container .select2-selection--single { height: 70px; } .c-services-task-type__select .select2.select2-container .select2-selection--single .select2-selection__arrow { width: 50px; height: 70px; } .c-services-task-type__select .select2.select2-container .select2-selection--single .select2-selection__arrow b { border-width: 9px 6px 0 6px; border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent; } .c-services-task-type__select .select2-selection__rendered { height: 68px; line-height: 68px !important; display: flex !important; align-items: center; padding-left: 15px !important; padding-right: 55px !important; background-color: #f5f7f8; } .c-services-task-type__select .select2-selection__rendered .select-icon { width: 36px; height: 36px; margin-right: 15px; } .c-services-task-type__select .select2-selection__rendered .select-icon svg { display: block; } .c-services-task-type__select .select2-selection__rendered .select-content { line-height: 70px; } .c-services-task-type__select .select2-selection__rendered .select-title { line-height: normal; font-weight: 600; font-size: 14px; margin-bottom: 3px; } .c-services-task-type__select .select2-selection__rendered .select-desc { line-height: normal; color: #999; } .task-type-select-drop .select2-results__option { display: flex; height: 68px; align-items: center; padding-left: 15px !important; } .task-type-select-drop .select2-results__option .select-icon { width: 36px; height: 36px; margin-right: 15px; } .task-type-select-drop .select2-results__option .select-icon svg { display: block; } .task-type-select-drop .select2-results__option .select-content { line-height: 70px; } .task-type-select-drop .select2-results__option .select-title { line-height: normal; font-weight: 600; font-size: 14px; margin-bottom: 3px; } .task-type-select-drop .select2-results__option .select-desc { line-height: normal; color: #999; } .task-type-select-drop .select2-results__option--highlighted .select-desc { color: #fff; } .c-services-form { max-width: 770px; } .c-services-form__row:not(:last-of-type) { margin-bottom: 10px; } .c-services-form__label { margin-bottom: 5px; } .c-services-form__label span { color: #e54d4d; } .c-services-form__first { margin-bottom: 40px; } .c-services-form__buttons { display: flex; justify-content: flex-end; align-items: center; padding-top: 20px; } .c-services-form__buttons .file { position: relative; overflow: hidden; margin-right: 15px; } .c-services-form__buttons .file label { cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .c-services-form__buttons .file .user-file { position: absolute; left: -10000px; } .c-jivo-site { padding: 50px 30px; text-align: center; border-radius: 2px; margin-top: 40px; border: 1px solid #ccd3d3; } .c-jivo-site__ico { width: 52px; height: 70px; color: #27ae60; margin: 0 auto 30px; } .c-jivo-site__title { font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; margin-bottom: 10px; } .c-jivo-site__desc { color: #999; font-size: 14px; margin-bottom: 50px; } .c-overview { text-align: left; } .c-overview:before, .c-overview:after { content: " "; display: table; } .c-overview:after { clear: both; } .c-overview__list { margin-bottom: 30px; } @media (min-width: 992px) { .c-overview__list--line { display: flex; position: relative; } .c-overview__list--line:before { content: ''; position: absolute; top: 0; left: 75px; right: 75px; height: 2px; background-color: #fbb0a8; } } .c-overview__item { display: flex; align-items: center; } @media (min-width: 992px) { .c-overview__item--column { align-items: flex-start; flex-direction: column; } } .c-overview__item:not(:last-of-type) { margin-bottom: 30px; } @media (min-width: 992px) { .c-overview__list--line .c-overview__item { padding-top: 40px; margin-bottom: 0; position: relative; } .c-overview__list--line .c-overview__item .c-overview__ico { margin-right: 0; } .c-overview__list--line .c-overview__item:nth-of-type(1) { margin-left: 40px; } .c-overview__list--line .c-overview__item:nth-of-type(3) { margin-left: -85px; } .c-overview__list--line .c-overview__item:nth-of-type(5) { margin-left: -145px; } .c-overview__list--line .c-overview__item:nth-of-type(even) { padding-top: 170px; } .c-overview__list--line .c-overview__item .c-overview__ico-wrap { position: relative; } .c-overview__list--line .c-overview__item .c-overview__ico-wrap .dot { position: absolute; display: block; top: -46px; left: 50%; width: 14px; height: 14px; transform: translate(-50%, 0); border-radius: 50%; background-color: #f86152; box-shadow: 0 0 0 4px #fff; } .c-overview__list--line .c-overview__item .c-overview__ico-wrap .line { position: absolute; display: block; top: -25px; bottom: 65px; left: 50%; transform: translate(-50%, 0); border-left: 1px dashed #fbb0a8; } .c-overview__list--line .c-overview__item:nth-of-type(even) .c-overview__ico-wrap .dot { top: -176px; } .c-overview__list--line .c-overview__item:nth-of-type(even) .c-overview__ico-wrap .line { top: -153px; } } .c-overview__image { margin-left: -105px; } .c-overview__title { font-size: 28px; font-weight: 600; margin-bottom: 50px; text-align: center; } .c-overview__ico { min-width: 50px; width: 50px; height: 50px; margin-right: 15px; position: relative; color: #f86152; } .c-overview__ico-wrap { width: 63px; position: relative; margin: 0 0 10px 10px; display: flex; justify-content: center; } .c-overview__ico-text { color: rgba(30, 39, 49, 0.95); position: absolute; left: -10px; bottom: 5px; z-index: 1; font-size: 17px; } .c-overview__ico .svg-icon { display: block; } .c-overview__ico--c-arrow-down { height: 55px; } .c-overview__ico--c-premium { width: 63px; min-width: 63px; } .c-overview__text { font-size: 14px; } .c-overview-links__link { color: #999; font-size: 13px; text-decoration: none; } .c-overview-links__link .svg-icon { width: 10px; height: 9px; color: #f86152; margin-left: 10px; } .c-overview__wp--icon { width: 256px; height: 256px; max-width: 100%; max-height: 100%; color: #464646; margin: 0 auto; } .c-overview__wp--icon svg { width: 100%; height: 100%; } .c-older-version__item { margin-bottom: 50px; } .c-older-version__title { font-size: 24px; font-weight: 700; margin-bottom: 15px; } .c-older-version__sub-title { margin-bottom: 20px; } .c-older-version__img { text-align: center; } .c-older-version__buttons { display: flex; flex-direction: column; align-items: center; padding-top: 20px; } .c-older-version__buttons .o-button, .c-older-version__buttons .c-hero-image__btn, .c-older-version__buttons .c-feature__btn, .c-older-version__buttons .c-page-404__button, .c-older-version__buttons .c-license__buttons form input.button.alt, .c-license__buttons form .c-older-version__buttons input.button.alt, .c-older-version__buttons .comments__form-body .form__btn, .comments__form-body .c-older-version__buttons .form__btn, .c-older-version__buttons .ic-build__btn, .c-older-version__buttons #sumo_affiliates_registration_form .sumo_affiliates_submit_registration_form, #sumo_affiliates_registration_form .c-older-version__buttons .sumo_affiliates_submit_registration_form, .c-older-version__buttons .sumoaffiliates_menu_content input[type="submit"], .sumoaffiliates_menu_content .c-older-version__buttons input[type="submit"], .c-older-version__buttons .c-small-price-table__btn, .c-older-version__buttons .comment-respond .comment-form input[type="submit"], .comment-respond .comment-form .c-older-version__buttons input[type="submit"], .c-older-version__buttons .woocommerce #payment .button.alt, .woocommerce #payment .c-older-version__buttons .button.alt { margin-bottom: 5px; } .c-older-version__buttons .o-link, .c-older-version__buttons .o-typo a, .o-typo .c-older-version__buttons a, .c-older-version__buttons .c-blog-post__content a, .c-blog-post__content .c-older-version__buttons a, .c-older-version__buttons body#tinymce a, body#tinymce .c-older-version__buttons a, .c-older-version__buttons .c-post-tools__link, .c-older-version__buttons .c-breadcrumbs a, .c-breadcrumbs .c-older-version__buttons a, .c-older-version__buttons .c-post-categories > .cat-item a, .c-post-categories > .cat-item .c-older-version__buttons a, .c-older-version__buttons .c-post-categories > a, .c-older-version__buttons .c-author__toolbar-link, .c-older-version__buttons .c-post-nav__item > a, .c-older-version__buttons .c-license__buttons form a.button.cancel, .c-license__buttons form .c-older-version__buttons a.button.cancel, .c-older-version__buttons .comment-list a, .comment-list .c-older-version__buttons a, .c-older-version__buttons .comment-list > .comment > .comment-body > .comment-meta a, .comment-list > .comment > .comment-body > .comment-meta .c-older-version__buttons a, .c-older-version__buttons .comment-respond a, .comment-respond .c-older-version__buttons a, .c-older-version__buttons #recentcomments .recentcomments > a, #recentcomments .c-older-version__buttons .recentcomments > a { font-size: 13px; color: rgba(30, 39, 49, 0.95); text-decoration: underline; } .c-older-version__buttons .o-link:hover, .c-older-version__buttons .o-typo a:hover, .o-typo .c-older-version__buttons a:hover, .c-older-version__buttons .c-blog-post__content a:hover, .c-blog-post__content .c-older-version__buttons a:hover, .c-older-version__buttons body#tinymce a:hover, body#tinymce .c-older-version__buttons a:hover, .c-older-version__buttons .c-post-tools__link:hover, .c-older-version__buttons .c-breadcrumbs a:hover, .c-breadcrumbs .c-older-version__buttons a:hover, .c-older-version__buttons .c-post-categories > .cat-item a:hover, .c-post-categories > .cat-item .c-older-version__buttons a:hover, .c-older-version__buttons .c-post-categories > a:hover, .c-older-version__buttons .c-author__toolbar-link:hover, .c-older-version__buttons .c-post-nav__item > a:hover, .c-older-version__buttons .c-license__buttons form a.button.cancel:hover, .c-license__buttons form .c-older-version__buttons a.button.cancel:hover, .c-older-version__buttons .comment-list a:hover, .comment-list .c-older-version__buttons a:hover, .c-older-version__buttons .comment-list > .comment > .comment-body > .comment-meta a:hover, .comment-list > .comment > .comment-body > .comment-meta .c-older-version__buttons a:hover, .c-older-version__buttons .comment-respond a:hover, .comment-respond .c-older-version__buttons a:hover, .c-older-version__buttons #recentcomments .recentcomments > a:hover, #recentcomments .c-older-version__buttons .recentcomments > a:hover { text-decoration: none; } .c-older-version-list { margin-bottom: 25px; } .c-older-version-list__item { display: flex; align-items: center; } .c-older-version-list__item:not(:last-of-type) { margin-bottom: 8px; } .c-older-version-list__item strong { font-weight: 700; } .c-older-version-list__ico { width: 18px; height: 14px; color: #32c272; margin-right: 10px; } .c-older-version__desc { color: #999; } .c-photo-table { display: flex; flex-wrap: wrap; } .c-photo-table__item { flex: 0 1 auto; flex-basis: 20%; } @media (max-width: 1199px) { .c-photo-table__item { flex-basis: 25%; } } @media (max-width: 991px) { .c-photo-table__item { flex-basis: 33.3333333%; } } @media (max-width: 767px) { .c-photo-table__item { flex-basis: 50%; } } @media (max-width: 400px) { .c-photo-table__item { flex-basis: 100%; } } .c-photo-table__item:hover { position: relative; z-index: 1; } .c-photo-table__item-inner { transition: all 0.8s ease; } .c-photo-table .cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .c-photo-table__block { transform-style: preserve-3d; perspective: 1000px; position: relative; } .c-photo-table__block-hover { display: table; width: 100%; } .c-photo-table__block-hover:hover .cover { opacity: .8; background-color: rgba(30, 39, 49, 0.95); } .c-photo-table__block figure { display: block; margin: 0; padding: 0; position: relative; } .c-photo-table__block img { display: table; width: 100%; vertical-align: middle; } .c-photo-table__block-front { transform: rotateY(0deg); } .c-photo-table__block-back { transform: rotateY(180deg); position: absolute; top: 0; left: 0; width: 100%; } .c-photo-table__block-front, .c-photo-table__block-back { transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); backface-visibility: hidden; } .c-photo-table__block-front .hover-content, .c-photo-table__block-back .hover-content { display: flex; flex-flow: column nowrap; justify-content: flex-end; align-content: center; align-items: center; position: absolute; overflow: hidden; padding: 0 10px; left: 0; right: 0; bottom: 20px; transition: all 0.4s ease-out; transform: translateZ(60px); backface-visibility: hidden; } .c-photo-table__block-front .hover-content > *, .c-photo-table__block-back .hover-content > * { opacity: 1; transition: .3s; transform: translateY(0); } .c-photo-table__block-front .hover-content__name, .c-photo-table__block-back .hover-content__name { color: #fff; font-weight: 600; font-size: 16px; margin-bottom: 3px; text-transform: uppercase; } .c-photo-table__block-front .hover-content__work-position, .c-photo-table__block-back .hover-content__work-position { font-size: 12px; color: #fff; opacity: .8; margin-bottom: 15px; } .c-photo-table__block-front .hover-content .c-social-nav, .c-photo-table__block-back .hover-content .c-social-nav { min-height: 32px; } .c-photo-table__block-front .hover-content .c-social-nav .menu-item, .c-photo-table__block-back .hover-content .c-social-nav .menu-item { margin: 0 5px; } .c-photo-table__block-hover:hover .c-photo-table__block-front { transform: rotateY(-180deg); } .c-photo-table__block-hover:hover .c-photo-table__block-back { transform: rotateY(0deg); } .profile-dashboard { margin-top: 20px; } .profile-dashboard__item { display: block; border: 1px solid #ccd3d3; } .profile-dashboard__item, .profile-dashboard__item:hover { text-decoration: none; color: #000; } .profile-dashboard__item:hover .profile-dashboard__caption { background: #f5f7f8; } .profile-dashboard__item:hover .profile-dashboard__icon { color: #479ccf; } .profile-dashboard__image { height: 170px; display: block; position: relative; padding: 10px; } .profile-dashboard__icon { display: block; max-height: 60%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #27ae60; transition: .2s; } .profile-dashboard__caption { border-top: 1px solid #ccd3d3; padding: 10px; text-align: center; font-weight: bold; transition: .2s; } .frame-profile__sidebar { margin-bottom: 20px; } .ic-build { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 900px; margin: 0 auto; } @media (max-width: 720px) { .ic-build { max-width: 300px; } } .ic-build__inner { display: flex; width: 100%; max-width: 805px; justify-content: space-between; align-items: center; } @media (max-width: 720px) { .ic-build__inner { flex-direction: column; } } .ic-build__row { position: relative; } .ic-build__row:last-of-type { margin-top: 25px; } .ic-build__text { position: absolute; display: inline-block; left: 50%; top: 40%; transform: translate(-50%, -50%); font-size: 36px; font-weight: 600; color: rgba(30, 39, 49, 0.95); text-align: center; } @media (min-width: 992px) { .ic-build__text { padding-left: 25px; } } @media (min-width: 767px) { .ic-build__text { white-space: nowrap; } } @media (max-width: 991px) { .ic-build__text { font-size: 26px; } } @media (max-width: 767px) { .ic-build__text { font-size: 14px; } } .ic-build__ico { width: 16px; height: 16px; color: #27ae60; } @media (min-width: 992px) { .ic-build__col { margin-bottom: 0; } } .ic-build__col img { float: left; } .ic-build__btn { margin-top: 20px; } .c-product-advantage { margin-top: 50px; } .c-product-advantage__item { text-align: center; } .c-product-advantage__title { font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .c-product-advantage__desc { color: #666; } .c-product-advantage__ico { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .c-product-advantage__ico-wrap { height: 60px; margin-bottom: 10px; position: relative; } .c-product-advantage__ico--f-AA { width: 40px; height: 26px; } .c-product-advantage__ico--f-boxed { width: 72px; height: 47px; } .c-product-advantage__ico--f-chat { width: 37px; height: 33px; } .c-product-advantage__ico--f-compatible { width: 37px; height: 45px; } .c-product-advantage__ico--f-customizer_category { width: 56px; height: 56px; } .c-product-advantage__ico--f-customizer_page { width: 47px; height: 44px; } .c-product-advantage__ico--f-customizer_product { width: 43px; height: 42px; } .c-product-advantage__ico--f-demo { width: 42px; height: 41px; } .c-product-advantage__ico--f-doc { width: 35px; height: 42px; } .c-product-advantage__ico--f-footer { width: 67px; height: 49px; } .c-product-advantage__ico--f-grid { width: 81px; height: 30px; } .c-product-advantage__ico--f-header { width: 67px; height: 49px; } .c-product-advantage__ico--f-layout { width: 61px; height: 46px; } .c-product-advantage__ico--f-palette { width: 36px; height: 40px; } .c-product-advantage__ico--f-pipette { width: 34px; height: 41px; } .c-product-advantage__ico--f-responsive { width: 44px; height: 34px; } .c-product-advantage__ico--f-slider { width: 59px; height: 46px; } .c-product-advantage__ico--f-tag { width: 42px; height: 23px; } .c-product-advantage__ico--f-text { width: 23px; height: 28px; } .c-product-advantage__ico--f-translation { width: 43px; height: 43px; } .c-product-advantage__ico--f-zoom { width: 32px; height: 32px; } .c-product-speed__header { color: #666; } @media (min-width: 992px) { .c-product-speed__header { display: table; } .c-product-speed__header.text-right { margin: 0 0 60px auto; } .c-product-speed__header.text-left { margin: 0 auto 60px 0; } .c-product-speed__header.text-center { margin: 0 auto 60px auto; } } .c-product-speed__title { font-size: 36px; margin-bottom: 20px; font-weight: 600; } .c-product-speed__title span { color: #27ae60; } .c-product-speed__sub-title { font-size: 16px; } .c-product-speed__img-title { font-size: 16px; font-weight: 600; margin-bottom: 10px; } .video-container { width: 100%; height: auto; } /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */ .mejs__offscreen { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } .mejs__container { background: #000; box-sizing: border-box; font-family: 'Helvetica', Arial, serif; position: relative; text-align: left; text-indent: 0; vertical-align: top; } .mejs__container * { box-sizing: border-box; } /* Hide native play button and control bar from iOS to favor plugin button */ .mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .mejs__fill-container, .mejs__fill-container .mejs__container { height: 100%; width: 100%; } .mejs__fill-container { background: transparent; margin: 0 auto; overflow: hidden; position: relative; } .mejs__container:focus { outline: none; } .mejs__iframe-overlay { height: 100%; position: absolute; width: 100%; } .mejs__embed, .mejs__embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .mejs__fullscreen { overflow: hidden !important; } .mejs__container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; } .mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video { height: 100% !important; width: 100% !important; } /* Start: LAYERS */ .mejs__background { left: 0; position: absolute; top: 0; } .mejs__mediaelement { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .mejs__poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; } :root .mejs__poster-img { display: none; } .mejs__poster-img { border: 0; padding: 0; } .mejs__overlay { align-items: center; display: flex; justify-content: center; left: 0; position: absolute; top: 0; } .mejs__overlay:hover .mejs__overlay-button { transform: scale(1.1, 1.1); transition: transform .5s; } .mejs__layer { z-index: 1; } .mejs__overlay-play { cursor: pointer; } .mejs__overlay-button { background-image: url("../img/mejs-controls--premmerce.svg"); background-repeat: no-repeat; background-position: 0 -39px; height: 80px; width: 80px; } .mejs__overlay:hover > .mejs__overlay-button { background-position: -80px -39px; } .mejs__overlay-loading { height: 80px; width: 80px; } .mejs__overlay-loading-bg-img { animation: mejs__loading-spinner 1s linear infinite; background-color: transparent; background-image: url("../img/mejs-controls--premmerce.svg"); background-position: -160px -40px; background-repeat: no-repeat; display: block; height: 80px; width: 80px; z-index: 1; } @keyframes mejs__loading-spinner { 100% { transform: rotate(360deg); } } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs__controls { bottom: 0; display: flex; height: 40px; left: 0; list-style-type: none; margin: 0; padding: 0 10px; position: absolute; width: 100%; z-index: 3; } .mejs__controls:not([style*='display: none']) { background: rgba(255, 0, 0, 0.7); background: linear-gradient(transparent, rgba(30, 39, 49, 0.5)); } .mejs__button, .mejs__time, .mejs__time-rail { font-size: 10px; height: 40px; line-height: 10px; margin: 0; width: 32px; } .mejs__button > button { background-color: transparent; background-image: url("../img/mejs-controls--premmerce.svg"); border: 0; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 10px 6px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 20px; } /* :focus for accessibility */ .mejs__button > button:focus { outline: dotted 1px #999; } .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus { outline: 0; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs__time { box-sizing: content-box; color: #fff; font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0; text-align: center; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs__play > button { background-position: 0 0; } .mejs__pause > button { background-position: -20px 0; } .mejs__replay > button { background-position: -160px 0; } /* End: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs__time-rail { direction: ltr; flex-grow: 1; height: 40px; margin: 0 10px; padding-top: 10px; position: relative; } .mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker { border-radius: 2px; cursor: pointer; display: block; height: 10px; position: absolute; } .mejs__time-total { background: rgba(255, 255, 255, 0.3); margin: 5px 0 0; width: 100%; } .mejs__time-buffering { animation: buffering-stripes 2s linear infinite; background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-size: 15px 15px; width: 100%; } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs__time-loaded { background: rgba(255, 255, 255, 0.3); } .mejs__time-current, .mejs__time-handle-content { background: #27ae60; opacity: .9; } .mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; } .mejs__time-hovered.negative { background: rgba(0, 0, 0, 0.2); } .mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered { left: 0; transform: scaleX(0); transform-origin: 0 0; transition: 0.15s ease-in all; width: 100%; } .mejs__time-buffering { transform: scaleX(1); } .mejs__time-hovered { transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); } .mejs__time-hovered.no-hover { transform: scaleX(0) !important; } .mejs__time-handle, .mejs__time-handle-content { border: 4px solid transparent; cursor: pointer; left: 0; position: absolute; transform: translateX(0); z-index: 11; } .mejs__time-handle-content { border: 4px solid rgba(255, 255, 255, 0.9); border-radius: 50%; height: 10px; left: -7px; top: -4px; transform: scale(0); width: 10px; } .mejs__time-rail:hover .mejs__time-handle-content, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active { transform: scale(1); } .mejs__time-float { background: #eee; border: solid 1px #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; transform: translateX(-50%); width: 36px; } .mejs__time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; } .mejs__time-float-corner { border: solid 5px #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; transform: translateX(-50%); width: 0; } .mejs__long-video .mejs__time-float { margin-left: -23px; width: 64px; } .mejs__long-video .mejs__time-float-current { width: 60px; } .mejs__broadcast { color: #fff; height: 10px; position: absolute; top: 15px; width: 100%; } /* End: Progress Bar */ /* Start: Fullscreen */ .mejs__fullscreen-button > button { background-position: -80px 0; } .mejs__unfullscreen > button { background-position: -100px 0; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs__mute > button { background-position: -60px 0; } .mejs__unmute > button { background-position: -40px 0; } .mejs__volume-button { position: relative; } .mejs__volume-button > .mejs__volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; transform: translateX(-50%); width: 25px; z-index: 1; } .mejs__volume-button:hover { border-radius: 0 0 4px 4px; } .mejs__volume-total { background: rgba(255, 255, 255, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; transform: translateX(-50%); width: 2px; } .mejs__volume-current { background: rgba(255, 255, 255, 0.9); left: 0; margin: 0; position: absolute; width: 100%; } .mejs__volume-handle { background: rgba(255, 255, 255, 0.9); border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; position: absolute; transform: translateX(-50%); width: 16px; } .mejs__horizontal-volume-slider { display: block; height: 36px; position: relative; vertical-align: middle; width: 56px; } .mejs__horizontal-volume-total { background: rgba(50, 50, 50, 0.8); border-radius: 2px; font-size: 1px; height: 8px; left: 0; margin: 0; padding: 0; position: absolute; top: 16px; width: 50px; } .mejs__horizontal-volume-current { background: rgba(255, 255, 255, 0.8); border-radius: 2px; font-size: 1px; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; } .mejs__horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs__captions-button, .mejs__chapters-button { position: relative; } .mejs__captions-button > button { background-position: -140px 0; } .mejs__chapters-button > button { background-position: -180px 0; } .mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; } .mejs__chapters-button > .mejs__chapters-selector { margin-right: -55px; width: 110px; } .mejs__captions-selector-list, .mejs__chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item, .mejs__chapters-selector-list-item { color: #fff; cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; } .mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; } .mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 10px 0; width: 100%; } .mejs__captions-selected, .mejs__chapters-selected { color: #21f8f8; } .mejs__captions-translations { font-size: 10px; margin: 0 0 5px; } .mejs__captions-layer { bottom: 0; color: #fff; font-size: 16px; left: 0; line-height: 20px; position: absolute; text-align: center; } .mejs__captions-layer a { color: #fff; text-decoration: underline; } .mejs__captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs__captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; } .mejs__captions-position-hover { bottom: 35px; } .mejs__captions-text, .mejs__captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; } .mejs__container.mejs__hide-cues video::-webkit-media-text-track-container { display: none; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .mejs__overlay-error { position: relative; } .mejs__overlay-error > img { left: 0; max-width: 100%; position: absolute; top: 0; z-index: -1; } .mejs__cannotplay, .mejs__cannotplay a { color: #fff; font-size: 0.8em; } .mejs__cannotplay { position: relative; } .mejs__cannotplay p, .mejs__cannotplay a { display: inline-block; padding: 0 15px; width: 100%; } /* End: Error */ .widget-secondary__header { margin-bottom: 1.2rem; display: inline-block; vertical-align: baseline; font-size: 1.5rem; line-height: 1; color: #000; } .widget-secondary__viewall { display: inline-block; vertical-align: baseline; font-size: 1rem; } .widget-secondary__viewall:before { content: '/'; padding: 0 10px; } .small-post__item:before, .small-post__item:after { content: " "; display: table; } .small-post__item:after { clear: both; } .small-post__item:not(:last-of-type) { margin-bottom: 30px; } .small-post__image { display: block; float: left; width: 100px; margin-right: 10px; text-align: center; } .small-post__date { display: block; padding-bottom: 3px; } .small-post__title { font-size: 1.1em; } .small-post__desc { padding-top: 5px; } .small-post .more-link { display: block; margin-top: 5px; white-space: nowrap; } .small-post .more-link:after { content: '>'; margin-left: 5px; } .c-left-menu { padding: 20px; border: 1px solid #e5e9eb; background-color: #f9f9f9; } .c-left-menu__item:not(:last-of-type) { padding-bottom: 10px; } .c-left-menu__link { color: rgba(0, 0, 0, 0.8); text-decoration: none; } .c-left-menu__link:hover { color: #479ccf; } .c-left-menu__item.active .c-left-menu__link { color: #479ccf; } @media (max-width: 992px) { .c-examples { flex-direction: column; align-items: center; } } .c-examples .l-page__left-menu { margin-bottom: 30px; } .c-examples__item-wrap:nth-of-type(odd) { clear: left; } @media (min-width: 992px) { .c-examples__item img { width: 100%; } } @media (max-width: 1199px) { .c-examples__item { max-width: 420px; margin: 0 auto; } } .c-examples__button { display: flex; justify-content: center; margin-top: 20px; } #sumo_affiliates_registration_form { position: relative; } #sumo_affiliates_registration_form .form-table { width: 100%; margin-bottom: 10px; } #sumo_affiliates_registration_form .form-table th, #sumo_affiliates_registration_form .form-table td { padding-bottom: 10px; vertical-align: top; position: relative; } #sumo_affiliates_registration_form .form-table th .formError, #sumo_affiliates_registration_form .form-table td .formError { left: 0 !important; top: -100% !important; margin-top: 0 !important; } .sumo_affiliates_frontend_management { border: 1px solid #ccd3d3; } .sumo_affiliates_frontend_management .sumoaffiliates_menu { background-color: #f5f7f8 !important; } .sumo_affiliates_frontend_management .sumoaffiliates_menu ul { display: flex; justify-content: space-between; } @media (max-width: 640px) { .sumo_affiliates_frontend_management .sumoaffiliates_menu ul { display: none; } } @media (max-width: 991px) { .sumo_affiliates_frontend_management .sumoaffiliates_menu ul { flex-wrap: wrap; justify-content: flex-start; } } .sumo_affiliates_frontend_management .sumoaffiliates_menu ul li a { font-size: 13px; color: #27ae60 !important; background-color: #f5f7f8 !important; white-space: nowrap; } @media (max-width: 1199px) { .sumo_affiliates_frontend_management .sumoaffiliates_menu ul li a { padding: 5px; } .sumo_affiliates_frontend_management .sumoaffiliates_menu ul li a .fa { display: none; } } .sumo_affiliates_frontend_management .sumoaffiliates_menu ul li a.current, .sumo_affiliates_frontend_management .sumoaffiliates_menu ul li a:hover { color: #f5f7f8 !important; background-color: #27ae60 !important; } .sumoaffiliates_menu { border-bottom: 1px solid #ccd3d3; } .sumoaffiliates_menu_content { background-color: #fff; } .sumoaffiliates_menu_content table { width: 100%; } .sumoaffiliates_menu_content select, .sumoaffiliates_menu_content input[type="text"], .sumoaffiliates_menu_content input[type="email"] { height: 30px; } .sumoaffiliates_menu_content th { width: 25%; } .sumoaffiliates_menu_content th, .sumoaffiliates_menu_content td { padding-bottom: 10px; vertical-align: top; position: relative; } .sumoaffiliates_menu_content b { font-weight: 600; } @media (max-width: 640px) { .sumoaffiliates_menu_content label { display: block; } .sumoaffiliates_menu_content td { display: block; } .sumoaffiliates_menu_content .paginated td { display: table-cell; } } .sumoaffiliates_menu_content .legendLabel { vertical-align: middle; } #sumoaffiliate_link_generation { margin-top: 20px; } #sumoaffiliate_link_generation #sumoaffiliate_generate_url { max-width: 200px; text-align: center; margin-top: 10px; } /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("../img/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("../img/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("../img/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("../img/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("../img/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("../img/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("../img/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("../img/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("../img/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } .product-remove { width: 45px; } .product-thumbnail { width: 200px; } .product-price { width: 120px; } .order-total td { width: 120px; } .cart-product { display: flex; justify-content: space-between; margin-bottom: 30px; } .cart-product:not(:first-child) { padding-top: 30px; border-top: 1px solid #E5E5E5; } .cart-product__remove { width: 40px; } .cart-product__remove a.remove { color: #CFCFCF !important; } .cart-product__remove a.remove:hover { background-color: #CFCFCF; } .cart-product__image { width: 150px; margin-right: 40px; } .cart-product__content { flex-grow: 1; } .cart-product__title { padding-bottom: 5px; } .cart-row, .woocommerce-checkout #payment { padding: 20px 40px; margin-bottom: 10px; background-color: #F6F6F6; border-radius: 2px; } .cart-row { display: flex; justify-content: space-between; align-items: center; text-align: left; font-size: 1.1rem; } .cart-row__value { font-weight: bold; } .cart-row.order-total .cart-row__value { font-size: 1.6rem; } body .woocommerce-checkout #payment ul.payment_methods { padding: 0; background-color: transparent; } body .woocommerce-checkout #payment div.payment_box { display: block !important; padding: 0; margin: 0; background-color: transparent; color: #AAAAAA; } body .woocommerce-checkout #payment div.payment_box::before { display: none; } body .woocommerce-checkout #payment ul.payment_methods li { position: relative; padding: 0 0 30px 20px; } body .woocommerce-checkout #payment ul.payment_methods li label { font-weight: bold; } body .woocommerce-checkout #payment ul.payment_methods li .input-radio { position: absolute; left: 0; top: 8px; } body .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: none; line-height: 1; } body .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; } .c-hiw { margin: 20px 0 70px; } .c-hiw__item { position: relative; } .c-hiw__item::before { content: attr(data-number); position: absolute; left: -5px; top: -20px; color: #eee; font-size: 150px; line-height: 100px; font-weight: bold; } .c-hiw__icon { color: #27ae60; margin: 0 0 20px 40px; } .c-hiw__icon-wrap { height: 75px; display: flex; align-items: flex-end; position: relative; z-index: 1; } .c-hiw__icon--doc { width: 56px; height: 75px; } .c-hiw__icon--link { width: 75px; height: 75px; } .c-hiw__icon--money { width: 85px; height: 60px; } .c-hiw__icon--users { width: 75px; height: 71px; } .c-hiw__text { margin-left: 20px; color: rgba(0, 0, 0, 0.8); font-weight: 600; position: relative; z-index: 1; } .c-contact { padding: 65px 0; position: relative; } .c-contact:before, .c-contact:after { content: " "; display: table; } .c-contact:after { clear: both; } .c-contact__inner { width: 470px; max-width: 100%; float: right; padding: 30px; position: relative; z-index: 1; background-color: #fff; border: 1px #e5e9eb solid; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); } .c-contact__inner textarea { height: 100px !important; } .c-contact__map { position: absolute !important; left: 0; top: 0; right: 0; bottom: 0; } .c-contact__map .gm-style-pbt { top: 40px !important; } .c-contact__title { font-size: 24px; font-weight: 600; color: rgba(0, 0, 0, 0.8); margin-bottom: 25px; } .c-contact__sub-title { font-size: 18px; color: rgba(0, 0, 0, 0.8); padding-left: 10px; } .c-contact__list { margin-bottom: 35px; } .c-contact__item { display: flex; align-items: center; } .c-contact__item:not(:last-of-type) { margin-bottom: 15px; } .c-contact__icon { color: #27ae60; width: 16px; margin-right: 10px; } .c-contact__icon svg { display: block; } .c-contact__icon--pin { height: 20px; } .c-contact__icon--email { height: 12px; } .c-contact__icon--phone { height: 16px; } .youtube-iframe { position: relative; padding-bottom: 56.2%; } .youtube-iframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .c-small-price-table { background-color: #fff; border: 1px solid #e5e9eb; padding: 35px 0; } .c-small-price-table--action-popup { border: none; padding-bottom: 20px; } .c-small-price-table__header { font-size: 24px; line-height: 1.2; font-weight: 600; text-align: center; padding: 10px 25px 0; } .c-small-price-table__desc { font-size: 16px; margin: 15px auto; text-align: center; padding: 0 25px 40px; max-width: 900px; } .c-small-price-table__table { display: flex; flex-wrap: wrap; } .c-small-price-table__item { width: 100%; padding-bottom: 25px; text-align: center; } .c-small-price-table__item:not(:last-child) { border-right: 1px solid #e5e9eb; } @media (min-width: 720px) { .c-small-price-table__item { width: 50%; } } @media (min-width: 992px) { .c-small-price-table__item { width: 33%; padding-bottom: 0; } } .c-small-price-table__image { padding: 0 24px; } .c-small-price-table__inner { padding: 0 24px; } .c-small-price-table--action-popup .c-small-price-table__inner { border: none !important; } .c-small-price-table--action-popup .c-small-price-table__title { font-size: 14px; } .c-small-price-table__title { color: #384048; font-weight: bold; font-size: 21px; margin-bottom: 6px; } .c-small-price-table__old { font-size: 18px; color: #999999; position: relative; display: inline-block; } .c-small-price-table__old:before { content: ''; height: 1px; background: #eb665c; position: absolute; display: block; width: 100%; top: 50%; transform: rotate(-12deg); } .c-small-price-table__price { font-size: 32px; font-weight: bold; margin-bottom: 5px; line-height: 1; } .c-small-price-table--action-popup .c-small-price-table__price { font-size: 18px; } .c-small-price-table__item--base .c-small-price-table__price { color: #32c272; } .c-small-price-table__item--fast-start .c-small-price-table__price { color: #13beec; } .c-small-price-table__item--individual .c-small-price-table__price { color: #ff8920; } .c-small-price-table__item--enterprise .c-small-price-table__price { color: #f66054; } .c-small-price-table__content { min-height: 280px; } .c-small-price-table__content-item:not(:first-child) { padding-top: 25px; margin-top: 25px; border-top: 1px solid #e5e9eb; } .c-small-price-table__content-title { margin-bottom: 10px; } .c-small-price-table__content-desc { margin-top: 5px; font-size: 13px; color: #666; } .c-small-price-table__footer { flex-direction: column; padding-top: 12px; } .c-small-price-table__btn { display: table; margin: 0 auto 15px; color: #fff; font-size: 12px; padding: 12px 30px; font-weight: bold; } .c-small-price-table__btn:hover { color: #fff; opacity: .85; } .c-small-price-table__item--base .c-small-price-table__btn { background-color: #32c272; } .c-small-price-table__item--fast-start .c-small-price-table__btn { background-color: #13beec; } .c-small-price-table__item--individual .c-small-price-table__btn { background-color: #ff8920; } .c-small-price-table__item--enterprise .c-small-price-table__btn { background-color: #f66054; } .c-small-price-table__example { font-size: 13px; display: inline-flex; align-items: center; text-decoration: none; } .c-small-price-table__example:hover { opacity: .7; } .c-small-price-table__example .svg-icon { display: inline-block; width: 10px; height: 9px; margin-left: 5px; margin-top: 2px; } .c-small-price-table__item--base .c-small-price-table__example { color: #32c272; } .c-small-price-table__item--fast-start .c-small-price-table__example { color: #13beec; } .c-small-price-table__item--individual .c-small-price-table__example { color: #ff8920; } .c-small-price-table__item--enterprise .c-small-price-table__example { color: #f66054; } .socauth__title { color: #fff; text-align: center; margin-bottom: 20px; font-size: 14px; } .socauth__title-or { text-align: center; position: relative; } .socauth__title-or:before { content: ''; left: 0; background: #fff; height: 1px; width: 100%; position: absolute; top: 50%; } .socauth__title-or-text-el { display: inline-block; background: #29323b; padding-left: 10px; padding-right: 10px; position: relative; z-index: 10; } .socauth__link { display: flex; align-items: stretch; height: 40px; line-height: 40px; width: 100%; text-decoration: none; color: #fff; border-radius: 3px; } .socauth__link:hover { text-decoration: none; color: #fff; opacity: .8; } .socauth__link--facebook { background: #4267b2; } .socauth__link--google { background: #dc4e41; } .socauth__link svg { color: #fff; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .socauth__link-icon { position: relative; width: 35px; flex-shrink: 0; } .socauth__link-icon:before { content: ''; position: absolute; width: 1px; height: 90%; top: 5%; right: 0; background: #000; opacity: 0.1; } .socauth__link-text { text-align: center; width: calc(100% - 35px); } @media (min-width: 720px) { .socauth .mo-openid-app-icons { display: flex !important; flex-wrap: wrap; } } .socauth .mo-openid-app-icons > p { display: none !important; } .socauth .mo-openid-app-icons > a { padding-top: 10px !important; padding-bottom: 10px !important; width: 100% !important; margin-bottom: 20px !important; display: block; } @media (min-width: 720px) { .socauth .mo-openid-app-icons > a { width: calc(50% - 15px) !important; } } .socauth .mo-openid-app-icons > p + a { margin-right: 30px; } .socauth .mo-openid-app-icons .btn-block + .btn-block { margin-top: 0; } .socauth .mo-openid-app-icons .btn-social > :first-child { top: 4px; font-size: 17px; } .portfolio__list-item { border: 1px solid #e5e9eb; font-size: 0; } .portfolio__list-item:not(:last-child) { margin-bottom: 30px; } .portfolio__example { transition: .3s; cursor: pointer; } .portfolio__example:hover { border-color: #27ae60; box-shadow: 0 15px 25px rgba(39, 174, 96, 0.25); } .portfolio__popup { background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; overflow-y: auto; padding: 25px; } @media (min-width: 720px) { .portfolio__popup { padding: 40px; } } @media (min-width: 992px) { .portfolio__popup { padding: 50px; } } .portfolio__popup-close { position: absolute; width: 18px; height: 18px; cursor: pointer; right: 25px; top: 25px; } @media (min-width: 720px) { .portfolio__popup-close { right: 40px; top: 40px; } } @media (min-width: 992px) { .portfolio__popup-close { right: 50px; top: 50px; } } .portfolio__popup-close svg { color: #384048; } .portfolio__row { display: flex; flex-direction: column; } @media (min-width: 1280px) { .portfolio__row { flex-direction: row; } } .portfolio__column-aside { display: none; order: 2; } @media (min-width: 720px) { .portfolio__column-aside { display: block; } } @media (min-width: 1280px) { .portfolio__column-aside { order: 1; width: 60%; } } .portfolio__column-description { order: 1; margin-bottom: 35px; } @media (min-width: 1280px) { .portfolio__column-description { margin-bottom: 0; order: 2; margin-left: 48px; width: calc((100% - 60%) - 48px); display: flex; flex-direction: column; justify-content: space-between; } } .portfolio__description-inner-wrap { max-width: 580px; } .portfolio__shop-plans-list { margin-bottom: 9px; } .portfolio__shop-plan { display: inline-block; background: #e5e9eb; border-radius: 12px; padding: 0 30px; white-space: nowrap; line-height: 30px; font-weight: bold; color: #384048; font-size: 14px; } .portfolio__title { color: #384048; font-weight: bold; font-size: 26px; } @media (min-width: 720px) { .portfolio__title { font-size: 32px; } } .portfolio__shop-type { margin-bottom: 19px; } .portfolio__description { margin-bottom: 20px; } .portfolio__links { margin-bottom: 60px; display: flex; flex-wrap: wrap; margin-left: -15px; margin-top: -15px; } .portfolio__links > * { margin-left: 15px; margin-top: 15px; padding-left: 35px; padding-right: 35px; } .portfolio__comment-author { display: flex; align-items: center; margin-bottom: 18px; } .portfolio__comment-author-aside { width: 70px; height: 70px; } .portfolio__comment-author-body { margin-left: 10px; } .portfolio__comment-author-name { color: #30333a; font-weight: bold; margin-bottom: 3px; } .portfolio__comment-author-url { color: #999999; } .portfolio__browser-frame img { max-height: none; } .portfolio__browser-header { font-size: 0; } .portfolio__browser-header img { width: 100%; } @media (min-width: 1280px) { .portfolio__browser-body { height: calc(100vh - 150px); overflow-y: auto; } } .portfolio__navs { margin-top: 25px; } @media (min-width: 1280px) { .portfolio__navs { display: flex; justify-content: flex-end; } } .portfolio__navs-btn { color: #479ccf; } .portfolio__navs-btn:not(:last-child) { margin-right: 30px; } .portfolio__navs-btn:hover { text-decoration: dotted; } .pc-qa { padding: 25px 0; border-bottom: 1px solid #e5e9eb; } .pc-qa__header { display: flex; align-items: flex-start; justify-content: space-between; cursor: pointer; } .pc-qa__title { color: #384048; font-weight: 600; } .pc-qa__arrow { width: 12px; height: 12px; color: #384048; transform-origin: center center; position: relative; top: 8px; flex-shrink: 0; } .pc-qa.is-open .pc-qa__arrow { transform: rotate(-180deg); } .pc-qa__content { display: none; padding-top: 15px; color: #999999; } .c-vendor-logo { text-align: center; } .c-vendor-logo__img { filter: grayscale(1); transition: .3s; } .c-vendor-logo__img:hover { filter: grayscale(0); } .active-users-reviews { color: #384048; font-size: 20px; } .active-users-reviews__thanks { vertical-align: middle; position: relative; top: -4px; } .active-users-reviews__count { color: #398ecd; font-size: 38px; padding: 0 10px; font-weight: bold; } .active-users-reviews__stars { display: inline-flex; padding: 0 10px; position: relative; top: 4px; } .active-users-reviews__stars svg { width: 24px; height: 24px; color: #398ecd; } .g-recaptcha { overflow: hidden; } @media (max-width: 720px) { .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; } } /* Hide binotel on mobile screen*/ @media (max-width: 720px) { .bingc-phone-button, .bingc-passive, .bingc-active { display: none !important; } } .pricing-modal__title { text-align: center; color: #384048; font-size: 16px; font-weight: 600; margin-bottom: 5px; } @media (min-width: 992px) { .pricing-modal__title { font-size: 32px; } } .pricing-modal__footer { text-align: center; padding-bottom: 60px; } .pricing-modal__timer { text-align: center; } .pricing-modal__timer-title { margin-bottom: 6px; } .action-timer { display: inline-flex; align-items: center; background: #f5f7f8; border: 1px solid #e5e9eb; line-height: 1; color: #f26451; padding: 6px 30px 12px; } .action-timer__timer-num { font-size: 48px; margin-bottom: 2px; } .action-timer__timer-num-desc { font-size: 13px; } .action-timer__timer-cell-separator { padding: 0 20px; font-size: 30px; margin-top: -9px; } .action-timer__timer-cell-separator:before { content: ':'; } .wp-editor .wow .fade-up, .wp-editor .wow .fade-left, .wp-editor .wow .fade-right, .wp-editor .wow .fade-in { opacity: 1 !important; } body#tinymce { margin: 10px; } .advanced-menu { display: flex; flex-wrap: wrap; } @media (min-width: 992px) { .advanced-menu { flex-wrap: nowrap; } } .advanced-menu__item { width: 100%; padding: 20px; text-align: center; transition: .3s; } @media (min-width: 768px) { .advanced-menu__item { padding: 25px 20px 36px; width: 33.3%; } } @media (max-width: 767px) { .advanced-menu__item.is-active { order: 1; } } @media (max-width: 767px) { .advanced-menu__item:not(.is-active) .advanced-menu__link { text-decoration: underline; color: #333; } } @media (max-width: 767px) { .advanced-menu__item:not(.is-active) .advanced-menu__link .advanced-menu__title { color: #333; } } .advanced-menu__link { text-decoration: none; } .advanced-menu__title { font-weight: bold; color: #333333; font-size: 22px; transition: .3s; } @media (min-width: 992px) { .advanced-menu__title { margin-bottom: 26px; } } .advanced-menu__item:hover .advanced-menu__title--white { color: #fff; } .is-active .advanced-menu__title--white { color: #fff; } .advanced-menu__photo-block { position: relative; display: block; } .advanced-menu__image { border-radius: 3px; } .variations-tabs__header--inline .variations-tabs__link { flex-grow: initial; justify-content: center; font-weight: 600; padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .variations-tabs__header--inline .variations-tabs__link { padding-left: 35px; padding-right: 35px; } } .variations-tabs__header { display: flex; justify-content: center; margin-bottom: 35px; } .variations-tabs__link { border: 1px solid #e5e9eb; background-color: #f5f7f8; flex-grow: 1; font-size: 14px; color: #1e2731; text-align: center; padding: 11px 5px; } .variations-tabs__link:not(:first-child) { margin-left: -1px; } .variations-tabs__link.is-active { color: #fff; background-color: #27ae60; border: 1px solid #27ae60; } .multicurrency { position: fixed; z-index: 10000000000; right: 50px; top: 18px; background: #fff; } .c-teaser { display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 992px) { .c-teaser--center { align-items: center; } } @media (min-width: 992px) { .c-teaser { flex-direction: row; margin-left: -30px; margin-right: -30px; } } .c-teaser__ico { width: 150px; flex-shrink: 0; margin-bottom: 20px; } @media (min-width: 992px) { .c-teaser__ico { padding: 0 30px; margin-bottom: 0; } } .order-details__group:not(:first-child) { margin-top: 30px; } .order-data__item { display: flex; } .order-data__item:not(:first-child) { margin-top: 5px; } .order-data__title { font-weight: 700; font-size: 14px; margin-right: 5px; } @media (min-width: 992px) { .c-counters { display: flex; justify-content: space-between; align-items: center; } } .c-counters__item { text-align: center; } .c-counters__item:not(:first-child) { margin-top: 30px; } @media (min-width: 992px) { .c-counters__item { width: 230px; margin: 0 30px; } } .c-counters__separator { display: none; } @media (min-width: 992px) { .c-counters__separator { display: block; width: 1px; margin-top: 20px; height: 70px; background-color: #eee; } } .c-counters__title { font-size: 40px; color: #27ae60; font-weight: bold; } .c-customer-types { display: flex; align-items: center; } .c-customer-types__item { display: flex; align-items: center; } .c-customer-types__item:not(:first-child) { margin-top: 40px; } .c-customer-types__customer-icon { flex-shrink: 0; width: 54px; } .c-customer-types__customer-icon > .svg-icon--customer-user { width: 28px; height: 35px; } .c-customer-types__customer-icon > .svg-icon--customer-basket { width: 32px; height: 32px; } .c-customer-types__customer-icon > .svg-icon--customer-puzzle { width: 28px; height: 30px; } .c-customer-types__customer-icon > .svg-icon--customer-layers { width: 28px; height: 31px; } .c-customer-types__content { flex-grow: 1; } .c-customer-types__title { color: rgba(0, 0, 0, 0.8); font-size: 18px; margin-bottom: 10px; font-weight: bold; } .c-customer-types__main-icon { display: none; flex-shrink: 0; padding-left: 30px; } @media (min-width: 1200px) { .c-customer-types__main-icon { display: block; } } .c-steps { display: flex; flex-direction: column; } .c-steps__item { display: flex; align-items: flex-start; position: relative; } .c-steps__item:not(:first-child) { margin-top: 50px; } @media (min-width: 1200px) { .c-steps__item { width: 50%; } .c-steps__item:nth-child(2n - 1) { padding-right: 30px; } .c-steps__item:nth-child(2n - 1)::after { content: url("../img/process-arrow.png"); position: absolute; right: -30px; top: 25px; } .c-steps__item:nth-child(2n) { align-self: flex-end; padding-left: 30px; } .c-steps__item:nth-child(2n):not(:first-child) { margin-top: 10px; } } .c-steps__number { width: 70px; flex-shrink: 0; font-size: 40px; color: #27ae60; line-height: 1; font-weight: bold; } .c-steps__number::before { content: '#'; } @media (min-width: 768px) { .c-steps__number { font-size: 60px; width: 100px; } } .c-steps__content { flex-grow: 1; } .c-steps__title { font-size: 18px; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; } @media (min-width: 768px) { .c-steps__title { font-size: 24px; } } /* Wordpress build in widgets */ .widget_categories { /* Widget content */ } .widget_categories > ul > .cat-item:not(:first-child) { border-top: 1px solid #ccd3d3; } .widget_categories > ul > .cat-item:hover, .widget_categories > ul > .cat-item:hover + .cat-item { border-color: #e1e6e6; } .widget_categories > ul > .cat-item > a { display: block; padding: 8px 12px; color: #687175; text-decoration: none; } .widget_categories > ul > .cat-item > a:hover { background-color: #e1e6e6; } .widget_categories > ul .cat-item.current-cat { border-top: 0; } .widget_categories > ul .cat-item.current-cat + .cat-item { border-top: 0; } .widget_categories > ul .cat-item.current-cat > a { background-color: #479ccf; color: #fff; } .comment-list { margin-bottom: 40px; /* Single comment styles */ } .comment-list .says { display: none; } .comment-list .comment-body p { line-height: 1.5; } .comment-list > .comment:not(:first-child) { border-top: 1px dashed #ccd3d3; padding-top: 20px; margin-top: 20px; } .comment-list > .comment > .comment-body { display: flex; flex-wrap: wrap; position: relative; padding-left: 50px; } .comment-list > .comment > .comment-body > .comment-author { order: 1; font-weight: bold; margin-right: 10px; } .comment-list > .comment > .comment-body > .comment-author .avatar { position: absolute; left: 0; top: 2px; border-radius: 50%; } .comment-list > .comment > .comment-body > .comment-meta { margin-right: 10px; order: 2; font-size: .9rem; } .comment-list > .comment > .comment-body > .comment-meta a { color: #a4a8a9; text-decoration: none; } .comment-list > .comment > .comment-body > .reply { order: 3; } .comment-list > .comment > .comment-body > p { order: 4; width: 100%; margin-top: 5px; color: rgba(0, 0, 0, 0.8); } .comment-list > .comment > .children { margin-top: 20px; } .comment-list > .comment > .children:not(:first-child) { margin-top: 8px; } .comment-list > .comment > .children .comment { margin-top: 3px; } @media (min-width: 720px) { .comment-list > .comment > .children .comment { margin-left: 50px; } } .comment-list > .comment > .children .comment-author { font-weight: bold; } .comment-list > .comment > .children .comment-body { position: relative; padding: 10px; padding-left: 50px; background: #F6F7F9; } .comment-list > .comment > .children .avatar { position: absolute; top: 12px; left: 10px; width: 30px; border-radius: 50%; } .comment-respond { margin-top: 20px; } .comment-respond .comment-reply-title { font-size: 16px; font-weight: bold; color: rgba(0, 0, 0, 0.8); margin-bottom: 5px; position: relative; } .comment-respond .comment-reply-title #cancel-comment-reply-link { font-size: 0; position: absolute; right: 0; } .comment-respond .comment-reply-title #cancel-comment-reply-link:before { content: '✖'; font-size: 20px; font-weight: bold; font-family: "Arial"; } .comment-respond .comment-form .comment-notes { padding-bottom: 10px; } .comment-respond .comment-form p:not(:first-child) { padding-top: 15px; } #recentcomments { /* list item */ } #recentcomments .recentcomments { /* post title */ } #recentcomments .recentcomments:not(:first-child) { margin-top: 10px; } #recentcomments .comment-author-link a { color: #30333a; text-decoration: none; pointer-events: none; } .page-numbers { font-size: 1rem; display: inline-block; height: 44px; line-height: 44px; text-decoration: none; background-color: #f5f7f8; color: #687175; padding: 0 20px; transition: hover, .2s; border: 1px solid #ccd3d3; } .page-numbers:not(:last-child) { border-right: 0; } .page-numbers:hover { background: #e8edef; } .page-numbers.current { background-color: #969fa3; color: #fff; } .wpcf7-validation-errors { display: none !important; } .wpcf7-not-valid-tip, span.wpcf7-not-valid-tip { font-size: 14px; position: relative; top: 2px; } .wpcf7-form.sent .o-form__row { display: none; } div.wpcf7-mail-sent-ok { border: 0; font-size: 18px; line-height: 1.5; text-align: center; margin: 0; } .post-ratings .post-ratings-text { display: none !important; } .post-ratings > img, .post-ratings .post-ratings-image { width: 16px; height: 16px; position: relative; top: 2px; } .wc_payment_method > label > img { display: none; } .woocommerce-form__label { display: flex !important; } .woocommerce-form__label .input-checkbox { position: static !important; } .woocommerce-Price-amount .woocommerce-Price-currencySymbol { font-size: 0.8em; padding-left: 0.1em; } .woocommerce .woocommerce-checkout { padding-top: 20px; } .woocommerce .woocommerce-checkout h3 { font-size: 25px; line-height: 1.1; color: rgba(0, 0, 0, 0.8); margin-bottom: 20px; } .woocommerce .woocommerce-checkout .form-row-wide { margin-bottom: 20px; } .woocommerce .woocommerce-checkout .form-row .required { text-decoration: none; font-weight: normal; } .woocommerce .woocommerce-checkout .woocommerce-additional-fields h3 { display: none; } .woocommerce-info { background-color: #EFF8FF; /*border-top: 0;*/ border: 1px solid #e5e5e5; padding: 1em 2em; } .woocommerce-info::before { content: none; } .woocommerce form.checkout_coupon { margin-top: calc(-2em + -1px); border-radius: 0; border: 1px solid #e5e5e5; } .woocommerce form.checkout_coupon .form-row-last { float: left; } .woocommerce form.checkout_coupon .button { display: inline-flex; align-items: center; border-radius: 2px; cursor: pointer; text-decoration: none; transition: hover, 0.2s; text-align: center; background-color: #27ae60; color: #fff; padding: 13px 1em; } .woocommerce form.checkout_coupon .button:hover { background-color: #2cc36b; color: #fff; } .woocommerce .woocommerce-form__input-checkbox { margin-top: 7px !important; margin-right: 5px !important; } .woocommerce form.woocommerce-form-login { margin-top: calc(-2em + -1px); border-radius: 0; border: 1px solid #e5e5e5; } .woocommerce form.woocommerce-form-login .form-row { margin-top: 10px; margin-bottom: 10px; } .woocommerce form.woocommerce-form-login .form-row-first { margin-top: 20px; float: none; } .woocommerce form.woocommerce-form-login .form-row-last { float: none; } .woocommerce form.woocommerce-form-login button { display: inline-flex; align-items: center; border-radius: 2px; cursor: pointer; text-decoration: none; transition: hover, 0.2s; text-align: center; background-color: #27ae60; color: #fff; padding: 13px 1em; } .woocommerce form.woocommerce-form-login button:hover { background-color: #2cc36b; color: #fff; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }
[-] premmerce.min.css
[edit]
[-] style.css
[edit]
[-] banner.css
[edit]
[+]
..