File: /home/assibfaf/public_html/wp-content/themes/zzero/style.css
/*
Theme Name: Zzero
Theme URI: https://davisonpro.dev/zzero
Author: Davison Pro
Author URI: https://davisonpro.dev
*/
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.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-right: 15px;
padding-left: 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-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@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-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@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-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@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-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
@-webkit-keyframes bounce_in {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
50% {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
}
@keyframes bounce_in {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
50% {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
}
@-webkit-keyframes bounce_out {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
}
@keyframes bounce_out {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
}
@-webkit-keyframes rotate-icons-wrap {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
64%,74% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
76%,86% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
88%,to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes rotate-icons-wrap {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
64%,74% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
76%,86% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
88%,to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes rotate-icons {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
64%,74% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
76%,86% {
-webkit-transform: rotate(-270deg);
transform: rotate(-270deg)
}
88%,to {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
}
@keyframes rotate-icons {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
64%,74% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
76%,86% {
-webkit-transform: rotate(-270deg);
transform: rotate(-270deg)
}
88%,to {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
}
@-webkit-keyframes rotate-icons-wrap-2 {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
64%,74% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
76%,86%,88%,to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes rotate-icons-wrap-2 {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
64%,74% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
76%,86%,88%,to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes rotate-icons-2 {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
64%,74% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
76%,86%,88%,to {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
}
@keyframes rotate-icons-2 {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
64%,74% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
76%,86%,88%,to {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
}
@-webkit-keyframes dotUp {
0%,47%,53%,to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
}
@keyframes dotUp {
0%,47%,53%,to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
}
#fb-root {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
#fb-root .fb_customer_chat_bubble_pop_in {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s,-webkit-transform .2s
}
#fb-root.show .fb_customer_chat_bubble_pop_in {
-webkit-transform: scale(1);
transform: scale(1)
}
#fb-root.show {
opacity: 1;
visibility: visible
}
.hide-messanger {
display: none
}
#fb-root .fb-customerchat.fb_iframe_widget iframe {
bottom: 60pt!important
}
#fb-root.position-top .fb-customerchat.fb_iframe_widget iframe {
bottom: 180pt!important
}
.FloatingContacts {
position: fixed;
bottom: 15px;
right: 24px;
display: block;
z-index: 11111111
}
.FloatingContacts.position-top .FloatingContacts__list {
bottom: 220px
}
.FloatingContacts_loaded .FloatingContacts__button {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .2s;
transition: all .2s
}
.FloatingContacts [data-icon=dots]>i {
display: inline-block;
width: 5px;
height: 5px;
background-color: #fff;
border-radius: 50%;
position: absolute;
left: 19px;
top: 28px
}
.FloatingContacts [data-icon=dots]>i:nth-child(2) {
left: 28px
}
.FloatingContacts [data-icon=dots]>i:nth-child(3) {
left: 37px
}
.FloatingContacts__button [data-icon],.FloatingContacts__button a.FloatingContacts__list-item[data-icon],.FloatingContacts__list [data-icon],.FloatingContacts__list a.FloatingContacts__list-item[data-icon] {
padding: 0 0 0 75px
}
.FloatingContacts__button [data-icon]:before,.FloatingContacts__list [data-icon]:before {
content: "";
width: 70px;
left: 5px;
top: 0;
height: 100%;
position: absolute;
background-repeat: no-repeat;
background-position: 50%;
background-size: 20px
}
.FloatingContacts:hover .FloatingContacts__button,.FloatingContacts__button:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.FloatingContacts__button {
background-color: #1e88e5;
width: 60px;
height: 60px;
display: inline-block;
border: 0;
border-radius: 50% 50% 0 50%;
-webkit-box-shadow: 0 3px 15px 0 rgba(74,76,78,.45);
box-shadow: 0 3px 15px 0 rgba(74,76,78,.45);
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.7);
transform: scale(.7)
}
.FloatingContacts__button>* {
pointer-events: none
}
.FloatingContacts__button-icons {
position: absolute;
z-index: 2;
width: 110px;
height: 110px;
top: -25px;
left: 30px
}
.FloatingContacts__button-icons[data-icons-number="3"] {
-webkit-animation: rotate-icons-wrap 10s infinite;
animation: rotate-icons-wrap 10s infinite
}
.FloatingContacts__button-icons[data-icons-number="3"] [data-icon] {
-webkit-animation: rotate-icons 10s infinite;
animation: rotate-icons 10s infinite
}
.FloatingContacts__button-icons[data-icons-number="2"] {
-webkit-animation: rotate-icons-wrap-2 10s infinite;
animation: rotate-icons-wrap-2 10s infinite
}
.FloatingContacts__button-icons[data-icons-number="2"] [data-icon] {
-webkit-animation: rotate-icons-2 10s infinite;
animation: rotate-icons-2 10s infinite
}
.FloatingContacts__button-icons [data-icon] {
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px
}
.FloatingContacts__button-icons [data-icon]:before {
width: 100%;
height: 100%;
left: 0;
top: 0;
background-position: 50%;
background-size: 30px 30px!important
}
.FloatingContacts__button-icons [data-icon=dots] {
position: absolute;
left: -30px;
top: 50%;
margin-top: -30px
}
.FloatingContacts__button-icons [data-icon=dots]>i {
-webkit-animation: dotUp 2.6s linear infinite;
animation: dotUp 2.6s linear infinite
}
.FloatingContacts__button-icons [data-icon=dots]>i:nth-child(2) {
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.FloatingContacts__button-icons [data-icon=dots]>i:nth-child(3) {
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.FloatingContacts__button-icons [data-icon=facebook] {
left: 50%;
margin: -30px 0 0 -30px;
top: 0
}
.FloatingContacts__button-icons [data-icon=phone] {
left: 100%;
top: 50%;
margin: -30px 0 0 -30px
}
.FloatingContacts__button-icons [data-icon=phone]:before {
background-size: 28px 28px!important
}
.FloatingContacts__button-icons [data-icon=livechat] {
left: 50%;
top: 100%;
margin: -30px 0 0 -30px
}
.FloatingContacts__button-icons [data-icon=livechat]:before {
top: 3px
}
.FloatingContacts__button-close {
visibility: hidden;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.FloatingContacts__button:after {
content: "";
background-position: 50%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
-webkit-transition: opacity .2s,-webkit-transform .2s;
transition: opacity .2s,transform .2s;
transition: opacity .2s,transform .2s,-webkit-transform .2s
}
.FloatingContacts__button_dialog-open {
background-image: none;
border-radius: 50%;
-webkit-transition: border-radius .1s;
transition: border-radius .1s
}
.FloatingContacts__button_dialog-open .FloatingContacts__button-close {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.FloatingContacts[data-device=mobile] .FloatingContacts__button-close>*,.FloatingContacts__button_dialog-open .FloatingContacts__button-icons {
opacity: 0;
visibility: hidden
}
.FloatingContacts__button_dialog-open:after {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
.FloatingContacts__button:active,.FloatingContacts__button:focus,.FloatingContacts__button:hover {
outline: 0
}
.FloatingContacts[data-device=mobile] .FloatingContacts__button-close:after {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZD0iTTE4IDEuOEwxNi4yIDAgOSA3LjIgMS44IDAgMCAxLjggNy4yIDkgMCAxNi4yIDEuOCAxOCA5IDEwLjhsNy4yIDcuMiAxLjgtMS44TDEwLjggOXoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
background-position: 50%;
background-repeat: no-repeat;
-webkit-transition: all .2s;
transition: all .2s
}
.FloatingContacts__list {
max-height: 0;
position: fixed;
bottom: 85px;
right: 24px;
padding: 0;
background-color: #1e88e5;
border-radius: 5px;
width: 245px;
margin-bottom: 20px;
-webkit-box-shadow: 0 3px 18px 0 rgba(0,0,0,.16);
box-shadow: 0 3px 18px 0 rgba(0,0,0,.16);
overflow: hidden
}
.FloatingContacts__list:before {
content: "";
width: 100%;
height: 200px;
position: absolute;
bottom: -85px;
right: 0;
opacity: .5;
z-index: -1
}
.FloatingContacts__list:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 100%;
display: block;
right: 17px;
border: 14px solid transparent;
border-top-color: #1e88e5;
margin-top: -1px
}
.FloatingContacts__list a.FloatingContacts__list-item,.FloatingContacts__list-item {
padding: 0 0 0 25px;
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
color: #fff;
font-weight: 400;
font-size: 18px;
border: 1px solid transparent;
border-radius: 10px;
-webkit-transition: background-color .2s;
transition: background-color .2s;
margin: 3px 0;
text-decoration: none
}
.FloatingContacts__list a.FloatingContacts__list-item:first-child,.FloatingContacts__list a.FloatingContacts__list-item:last-child,.FloatingContacts__list-item:first-child,.FloatingContacts__list-item:last-child {
margin: 0
}
.FloatingContacts__list a.FloatingContacts__list-item:first-child,.FloatingContacts__list-item:first-child {
margin: 10px 0 0
}
.FloatingContacts__list a.FloatingContacts__list-item:last-child,.FloatingContacts__list-item:last-child {
margin: 0 0 10px
}
.FloatingContacts__list a.FloatingContacts__list-item:hover,.FloatingContacts__list-item:hover {
border-color: #3498f1;
background-color: #3498f1;
text-decoration: none;
border-radius: 0
}
.FloatingContacts__list a.FloatingContacts__list-item:not(:first-child):after,.FloatingContacts__list-item:not(:first-child):after {
content: "";
width: calc(100% - 44px);
left: 22px;
top: -3px;
position: absolute;
display: block;
background-color: #3498f1;
height: 1px
}
.FloatingContacts.bounce_out .FloatingContacts__list,.FloatingContacts.show .FloatingContacts__list {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
.FloatingContacts.show .FloatingContacts__list {
max-height: 100%;
overflow: visible;
-webkit-animation-name: bounce_in;
animation-name: bounce_in
}
.FloatingContacts.show[data-device=mobile] .FloatingContacts__button-close:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.FloatingContacts.bounce_out .FloatingContacts__list {
-webkit-animation-name: bounce_out;
animation-name: bounce_out
}
.FloatingContacts [data-icon=livechat]:before {
background-image: url(/images/floatingContacts/livechat.svg);
background-size: 20px 16px
}
.FloatingContacts [data-icon=phone]:before {
background-image: url(/images/floatingContacts/tell.svg);
background-size: 16px
}
.FloatingContacts [data-icon=facebook]:before {
background-image: url(/images/floatingContacts/fb_messenger.svg);
background-size: 19px
}
#fb-root div.fb_dialog.fb_dialog_advanced,#fb-root div.fb_dialog.fb_dialog_mobile,.LPMcontainer {
display: none!important
}
.LPMcontainer {
opacity: 0;
visibility: hidden
}
.lp_desktop {
position: relative;
z-index: 5555555555
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],[type=radio],legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],template {
display: none
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
30% {
-webkit-transform: translateX(-2px) scale3d(1.75,1.25,1);
transform: translateX(-2px) scale3d(1.75,1.25,1)
}
40% {
-webkit-transform: translateX(-1px) scale3d(1.25,1.75,1);
transform: translateX(-1px) scale3d(1.25,1.75,1)
}
50% {
-webkit-transform: translateX(-3px) scale3d(1.65,1.35,1);
transform: translateX(-3px) scale3d(1.65,1.35,1)
}
65% {
-webkit-transform: translateX(-2px) scale3d(1.45,1.65,1);
transform: translateX(-2px) scale3d(1.45,1.65,1)
}
75% {
-webkit-transform: translateX(2px) scale3d(1.55,1.55,1);
transform: translateX(2px) scale3d(1.55,1.55,1)
}
to {
-webkit-transform: translateX(0) scale3d(1,1,1);
transform: translateX(0) scale3d(1,1,1)
}
}
@-webkit-keyframes tabActivate {
0%,to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(25%);
transform: translateY(25%)
}
75% {
-webkit-transform: translateY(2px);
transform: translateY(2px)
}
}
@keyframes tabActivate {
0%,to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(25%);
transform: translateY(25%)
}
75% {
-webkit-transform: translateY(2px);
transform: translateY(2px)
}
}
@-webkit-keyframes flip_old {
0% {
-webkit-transform: rotateY(0deg) translateZ(0);
transform: rotateY(0deg) translateZ(0);
-webkit-box-shadow: inset -8px 0 10px -8px transparent;
box-shadow: inset -8px 0 10px -8px transparent
}
1% {
-webkit-transform: rotateY(0deg) translateZ(30px);
transform: rotateY(0deg) translateZ(30px)
}
to {
-webkit-transform: rotateY(-90deg) translateZ(30px);
transform: rotateY(-90deg) translateZ(30px);
-webkit-box-shadow: inset -8px 0 10px -8px rgba(0,0,0,.2);
box-shadow: inset -8px 0 10px -8px rgba(0,0,0,.2);
color: #f39c12
}
}
@keyframes flip_old {
0% {
-webkit-transform: rotateY(0deg) translateZ(0);
transform: rotateY(0deg) translateZ(0);
-webkit-box-shadow: inset -8px 0 10px -8px transparent;
box-shadow: inset -8px 0 10px -8px transparent
}
1% {
-webkit-transform: rotateY(0deg) translateZ(30px);
transform: rotateY(0deg) translateZ(30px)
}
to {
-webkit-transform: rotateY(-90deg) translateZ(30px);
transform: rotateY(-90deg) translateZ(30px);
-webkit-box-shadow: inset -8px 0 10px -8px rgba(0,0,0,.2);
box-shadow: inset -8px 0 10px -8px rgba(0,0,0,.2);
color: #f39c12
}
}
@-webkit-keyframes flip_new {
0% {
-webkit-transform: rotateY(90deg) translateZ(30px);
transform: rotateY(90deg) translateZ(30px);
-webkit-box-shadow: inset 8px 0 10px -8px rgba(0,0,0,.2);
box-shadow: inset 8px 0 10px -8px rgba(0,0,0,.2)
}
99% {
-webkit-transform: rotateY(0deg) translateZ(30px);
transform: rotateY(0deg) translateZ(30px)
}
to {
-webkit-transform: rotateY(0deg) translateZ(0);
transform: rotateY(0deg) translateZ(0);
-webkit-box-shadow: inset 8px 0 10px -8px transparent;
box-shadow: inset 8px 0 10px -8px transparent;
z-index: 1;
color: #3e454c
}
}
@keyframes flip_new {
0% {
-webkit-transform: rotateY(90deg) translateZ(30px);
transform: rotateY(90deg) translateZ(30px);
-webkit-box-shadow: inset 8px 0 10px -8px rgba(0,0,0,.2);
box-shadow: inset 8px 0 10px -8px rgba(0,0,0,.2)
}
99% {
-webkit-transform: rotateY(0deg) translateZ(30px);
transform: rotateY(0deg) translateZ(30px)
}
to {
-webkit-transform: rotateY(0deg) translateZ(0);
transform: rotateY(0deg) translateZ(0);
-webkit-box-shadow: inset 8px 0 10px -8px transparent;
box-shadow: inset 8px 0 10px -8px transparent;
z-index: 1;
color: #3e454c
}
}
@-webkit-keyframes spinner-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes flat-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes flat-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
30% {
-webkit-transform: translateX(-2px) scale3d(1.75,1.25,1);
transform: translateX(-2px) scale3d(1.75,1.25,1)
}
40% {
-webkit-transform: translateX(-1px) scale3d(1.25,1.75,1);
transform: translateX(-1px) scale3d(1.25,1.75,1)
}
50% {
-webkit-transform: translateX(-3px) scale3d(1.65,1.35,1);
transform: translateX(-3px) scale3d(1.65,1.35,1)
}
65% {
-webkit-transform: translateX(-2px) scale3d(1.45,1.65,1);
transform: translateX(-2px) scale3d(1.45,1.65,1)
}
75% {
-webkit-transform: translateX(2px) scale3d(1.55,1.55,1);
transform: translateX(2px) scale3d(1.55,1.55,1)
}
to {
-webkit-transform: translateX(0) scale3d(1,1,1);
transform: translateX(0) scale3d(1,1,1)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes opacityAnim {
to {
opacity: 1
}
}
@keyframes opacityAnim {
to {
opacity: 1
}
}
@-webkit-keyframes scaleAnim {
0%,to {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.4);
transform: scale(1.4)
}
}
@keyframes scaleAnim {
0%,to {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.4);
transform: scale(1.4)
}
}
@-webkit-keyframes translateLines {
to {
-webkit-transform: rotateZ(45deg) translate(0,0);
transform: rotateZ(45deg) translate(0,0)
}
}
@keyframes translateLines {
to {
-webkit-transform: rotateZ(45deg) translate(0,0);
transform: rotateZ(45deg) translate(0,0)
}
}
@-webkit-keyframes bounce_in {
0% {
opacity: 0;
-webkit-transform: scale(0,0);
transform: scale(0,0);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
50% {
-webkit-transform: scale(1.03,1.03);
transform: scale(1.03,1.03);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
to {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
}
@keyframes bounce_in {
0% {
opacity: 0;
-webkit-transform: scale(0,0);
transform: scale(0,0);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
50% {
-webkit-transform: scale(1.03,1.03);
transform: scale(1.03,1.03);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
to {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
}
@-webkit-keyframes bounce_out {
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
to {
opacity: 0;
-webkit-transform: scale(0,0);
transform: scale(0,0);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
}
@keyframes bounce_out {
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
to {
opacity: 0;
-webkit-transform: scale(0,0);
transform: scale(0,0);
-webkit-transform-origin: bottom right;
transform-origin: bottom right
}
}
@-webkit-keyframes rotate-icons-wrap {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
64%,74% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
76%,86% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
88%,to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate-icons-wrap {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
64%,74% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
76%,86% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
88%,to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes rotate-icons {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
64%,74% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
76%,86% {
-webkit-transform: rotate(-270deg);
transform: rotate(-270deg)
}
88%,to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@keyframes rotate-icons {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
64%,74% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
76%,86% {
-webkit-transform: rotate(-270deg);
transform: rotate(-270deg)
}
88%,to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@-webkit-keyframes rotate-icons-wrap-2 {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
64%,74% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
76%,86%,88%,to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate-icons-wrap-2 {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
64%,74% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
76%,86%,88%,to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes rotate-icons-2 {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
64%,74% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
76%,86%,88%,to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@keyframes rotate-icons-2 {
0%,50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
52%,62% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
64%,74% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
76%,86%,88%,to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@-webkit-keyframes dotUp {
0%,47%,53%,to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
}
@keyframes dotUp {
0%,47%,53%,to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
}
.hamburger,.hamburger-box {
height: 17px;
display: inline-block
}
.hamburger {
padding: 0 15px;
cursor: pointer;
-webkit-transition-property: opacity,-webkit-filter;
transition-property: opacity,filter;
transition-property: opacity,filter,-webkit-filter;
-webkit-transition-duration: .25s;
transition-duration: .25s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible
}
.hamburger:hover {
opacity: .7
}
.hamburger-box {
width: 30px;
position: relative
}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {
width: 30px;
height: 3px;
background-color: #2f5654;
border-radius: 5px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
display: block
}
.hamburger-inner {
top: 50%;
margin-top: -1.5px
}
.hamburger-inner::after,.hamburger-inner::before {
content: ""
}
.hamburger-inner::before {
top: -7px
}
.hamburger-inner::after {
bottom: -7px
}
.hamburger--spin .hamburger-inner {
-webkit-transition-duration: .22s;
transition-duration: .22s;
-webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin .hamburger-inner::before {
-webkit-transition: top .1s .25s ease-in,opacity .1s ease-in;
transition: top .1s .25s ease-in,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner::after {
-webkit-transition: bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19);
transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition-delay: .12s;
transition-delay: .12s;
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top .1s ease-out,opacity .1s .12s ease-out;
transition: top .1s ease-out,opacity .1s .12s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1);
transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1);
transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1),-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1)
}
.tns-outer {
padding: 0!important
}
.tns-outer [hidden] {
display: none!important
}
.tns-outer [aria-controls],.tns-outer [data-action] {
cursor: pointer
}
.tns-slider {
-webkit-transition: all 0s;
transition: all 0s
}
.tns-slider>.tns-item,:after,:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.tns-horizontal.tns-subpixel {
white-space: nowrap
}
.tns-horizontal.tns-subpixel>.tns-item {
display: inline-block;
vertical-align: top;
white-space: normal
}
.tns-horizontal.tns-no-subpixel:after,.tns-t-ct:after {
content: '';
display: table;
clear: both
}
.tns-horizontal.tns-no-subpixel>.tns-item {
float: left
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
margin-right: -100%
}
.tns-gallery,.tns-no-calc {
position: relative;
left: 0
}
.tns-gallery {
min-height: 1px
}
.tns-gallery>.tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s,opacity 0s;
-webkit-transition: opacity 0s,-webkit-transform 0s;
transition: transform 0s,opacity 0s;
transition: transform 0s,opacity 0s,-webkit-transform 0s
}
.tns-gallery>.tns-slide-active {
position: relative;
left: auto!important
}
.tns-gallery>.tns-moving {
-webkit-transition: all .25s;
transition: all .25s
}
.tns-autowidth,.tns-vpfix>div,.tns-vpfix>li {
display: inline-block
}
.tns-lazy-img {
-webkit-transition: opacity .6s;
transition: opacity .6s;
opacity: .6
}
.tns-lazy-img.tns-complete {
opacity: 1
}
.tns-ah {
-webkit-transition: height 0s;
transition: height 0s
}
.tns-ovh {
overflow: hidden
}
.tns-visually-hidden {
position: absolute;
left: -10000em
}
.tns-transparent {
opacity: 0;
visibility: hidden
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0
}
.tns-fadeOut,.tns-normal {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1
}
.tns-vpfix {
white-space: nowrap
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden
}
.tns-t-ct {
width: 2333.3333333%;
width: calc(100%*70/3);
position: absolute;
right: 0
}
.tns-t-ct>div {
width: 1.4285714%;
width: calc(100%/70);
height: 10px;
float: left
}
.facebook-messanger-btn {
font-size: 16px;
color: #0084ff;
text-decoration: none;
background-color: #fff;
border: 1px solid rgba(0,0,0,.12);
border-radius: 3px;
padding: 8px 10px 8px 32px;
position: relative;
-webkit-transition: background-color .2s;
transition: background-color .2s
}
.facebook-messanger-btn:focus,.facebook-messanger-btn:hover {
background-color: rgba(0,0,0,.03);
outline: 0;
text-decoration: none
}
.facebook-messanger-btn:before {
content: "";
background-image: url(/img/facebook-messanger-icon.svg);
background-size: contain;
display: block;
width: 20px;
height: 20px;
margin: auto;
position: absolute;
top: 0;
left: 7px;
bottom: 0
}
@font-face {
font-family: 'Lato';
font-display:swap;font-style: italic;
font-weight: 400;
src: local("Lato Italic"),local("Lato-Italic"),url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-q.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-s.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Lato';
font-display:swap;font-style: italic;
font-weight: 700;
src: local("Lato Bold Italic"),local("Lato-BoldItalic"),url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwfr.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Lato';
font-display:swap;font-style: normal;
font-weight: 300;
src: local("Lato Light"),local("Lato-Light"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHw.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Lato';
font-display:swap;font-style: normal;
font-weight: 400;
src: local("Lato Regular"),local("Lato-Regular"),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWA.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Lato';
font-display:swap;font-style: normal;
font-weight: 700;
src: local("Lato Bold"),local("Lato-Bold"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHw.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Lato';
font-display:swap;font-style: normal;
font-weight: 900;
src: local("Lato Black"),local("Lato-Black"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPHw.woff) format("woff");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Lato';
font-display:swap;font-style: italic;
font-weight: 700;
src: local("Lato Bold Italic"),local("Lato-BoldItalic"),url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format("woff2");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
font-family: 'Lato';
font-display:swap;font-style: italic;
font-weight: 900;
src: local("Lato Black Italic"),local("Lato-BlackItalic"),url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI3wi_Gwft.woff2) format("woff2");
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
body {
font-family: "Lato",sans-serif;
font-size: 16px;
line-height: 24px;
background-color: #fff;
color: #00395a;
min-width: 320px;
position: relative;
overflow-x: hidden;
padding-top: 0
}
a,a:focus,a:hover {
text-decoration: none;
outline: 0
}
img {
max-width: 100%
}
.box:not(.report) ul:not(.toggle-list) li,.red-thing-list li,.simple-page:not(.simple-page--about) ul:not(.toggle-list) li,body>.holder-width ul:not(.toggle-list) li {
padding: 0 0 0 29px;
position: relative;
line-height: normal
}
@media screen and (max-width: 420px) {
.box:not(.report) ul:not(.toggle-list) li,.red-thing-list li,.simple-page:not(.simple-page--about) ul:not(.toggle-list) li,body>.holder-width ul:not(.toggle-list) li {
padding:0 0 0 17px
}
}
@media screen and (min-width: 0\0) {
.box:not(.report) ul:not(.toggle-list) li,.red-thing-list li,.simple-page:not(.simple-page--about) ul:not(.toggle-list) li,body>.holder-width ul:not(.toggle-list) li {
padding:0
}
}
.box:not(.report) ul:not(.toggle-list) li:before,.red-thing-list li:before,.simple-page:not(.simple-page--about) ul:not(.toggle-list) li:before,body>.holder-width ul:not(.toggle-list) li:before {
content: "";
position: absolute;
left: 0;
top: 9px;
display: inline-block;
width: 15px;
height: 1px;
background-color: #cd3838
}
@media screen and (max-width: 420px) {
.box:not(.report) ul:not(.toggle-list) li:before,.red-thing-list li:before,.simple-page:not(.simple-page--about) ul:not(.toggle-list) li:before,body>.holder-width ul:not(.toggle-list) li:before {
width:7px
}
}
@media screen and (min-width: 0\0) {
.box:not(.report) ul:not(.toggle-list) li:before,.red-thing-list li:before,.simple-page:not(.simple-page--about) ul:not(.toggle-list) li:before,body>.holder-width ul:not(.toggle-list) li:before {
position:static;
margin-right: 15px;
vertical-align: middle
}
}
[data-observed-bg]:not(.load-bg) {
background: #f5f5f5!important
}
p {
color: #00395a;
font-size: 15px;
line-height: 22px;
margin: 0 0 15px
}
ul {
padding: 0;
margin: 0;
list-style-type: none
}
.boxIn,.container {
margin: auto;
width: 1170px;
padding-left: 15px;
padding-right: 15px
}
@media screen and (max-width: 1215px) {
.boxIn,.container {
width:980px
}
}
@media screen and (max-width: 1000px) {
.boxIn,.container {
width:745px
}
}
@media screen and (max-width: 767px) {
.boxIn,.container {
width:545px
}
}
@media screen and (max-width: 560px) {
.boxIn,.container {
width:100%
}
}
.section {
position: relative
}
.title {
color: #00395a;
font-weight: 700
}
.title--lg {
font-weight: 900;
font-size: 60px;
line-height: 70px;
margin: 32px 0
}
@media screen and (max-width: 1000px) {
.title--lg {
line-height:52px;
font-size: 44px;
margin: 20px 0
}
}
@media screen and (max-width: 560px) {
.title--lg {
line-height:40px;
font-size: 32px;
margin: 5px 0 10px
}
}
.title--md {
line-height: 39px;
font-size: 32px;
margin: 0 0 15px
}
@media screen and (max-width: 560px) {
.title--md {
line-height:32px;
font-size: 25px
}
}
.title--center {
text-align: center
}
.h1,.h2,.h3 {
color: #00395a;
font-weight: 700
}
.h3 {
font-size: 26px;
line-height: 1.15;
margin: 1.75rem 0 1rem
}
@media screen and (max-width: 560px) {
.h3 {
font-size:23px
}
}
.hidden,.page-error .lpchat-container img {
display: none!important
}
.no-scroll {
overflow: hidden;
height: auto
}
.btn {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
text-decoration: none;
position: relative;
z-index: 1;
font-size: 16px;
font-weight: 700;
line-height: 18px;
border-radius: 7px;
padding: 12px 25px;
border: none;
outline: none;
cursor: pointer
}
.btn--primary,.btn.orderNow {
color: #ffffff;
-webkit-box-shadow: 0 4px 6px rgba(190,132,0,.3);
box-shadow: 0 4px 6px rgba(190,132,0,.3);
background-color: #fec137;
-webkit-transition: background-color .2s;
transition: background-color .2s
}
.btn--primary:hover,.btn.orderNow:hover {
color: #ffffff
}
.btn--secondary {
-webkit-box-shadow: 0 4px 6px rgba(190,132,0,.3);
box-shadow: 0 4px 6px rgba(190,132,0,.3);
border-radius: 7px;
background-color: #fff;
color: #555
}
.btn--secondary:hover {
color: currentColor
}
.btn--alternate,.btn--arrow,.btn--secondary {
-webkit-transition: background-color .2s;
transition: background-color .2s
}
.btn--alternate {
font-size: 16px;
font-weight: 700;
line-height: 18px;
-webkit-box-shadow: 0 4px 6px rgba(193,193,193,.3);
box-shadow: 0 4px 6px rgba(193,193,193,.3);
background-color: #fafafa;
color: #2e5b74
}
.btn--alternate:hover {
background-color: #f0f0f0;
border-color: #d0d0d0;
color: #2e5b74
}
.btn--arrow {
-webkit-box-shadow: 0 4px 6px rgba(123,3,3,.3);
box-shadow: 0 4px 6px rgba(123,3,3,.3);
border-radius: 7px;
background-color: #f65c50;
color: #fff
}
.btn--arrow:hover {
color: #fff;
background-color: #e64240
}
@media screen and (max-width: 680px) {
.LPMcontainer {
left:0!important;
right: 0!important;
margin: auto!important;
height: 40px!important;
top: auto!important;
bottom: 0!important;
z-index: 995!important
}
.LPMcontainer,.LPMcontainer[style*="150"] {
width: 150px!important
}
.LPMcontainer .LPMimage {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
left: 95%!important;
top: 5px!important
}
}
.header {
position: relative;
height: 80px
}
@media screen and (max-width: 1215px) {
.header {
height:50px
}
}
.header__content {
background-color: #fec137;
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: 100%;
-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.2);
box-shadow: 0 0 6px 1px rgba(0,0,0,.2);
}
@media screen and (max-width: 1215px) {
.header__content {
position:fixed;
z-index: 107159;
-webkit-transition: .25s transform;
transition: .25s transform;
top: 0
}
}
.header__content.hidden {
-webkit-transform: translateY(-105%);
transform: translateY(-105%)
}
.header__content.visible {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.header__content.sticky {
position: fixed;
-webkit-animation: fadeIn .17s;
animation: fadeIn .17s;
-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.2);
box-shadow: 0 0 6px 1px rgba(0,0,0,.2)
}
.header__content.sticky .logo__svg--color {
fill: #2f5654
}
.header__main {
width: calc(1210px + 94px + 94px);
padding-left: 15px;
padding-right: 15px;
height: 80px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
position: relative
}
@media screen and (max-width: 1450px) {
.header__main {
width:1170px
}
}
@media screen and (max-width: 1215px) {
.header__main {
width:auto;
height: 50px
}
.header__button {
padding: 7px 15px
}
.header__button a {
min-width: 190px
}
}
.header__button--orders {
margin-right: 19px;
margin-left: auto
}
@media screen and (max-width: 1215px) {
.header__button--orders {
margin-left:0;
margin-right: 0
}
}
.order-page-wrapper .header {
top: 0
}
@media screen and (min-width: 1216px) {
.mobile-nav {
display:none
}
}
@media screen and (max-width: 1215px) {
.mobile-nav {
margin-left:auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.mobile-nav .hamburger {
padding-right: 0
}
.mobile-nav__order-btn {
padding: 10px 19px;
color: #2f5654;
margin-right: 15px
}
@media screen and (max-width: 360px) {
.mobile-nav__order-btn {
padding:10px 14px;
display: none
}
}
.logo {
text-align: center;
width: 313px;
z-index: 8
}
.logo .logo-title {
font-size: 30px;
color: #013959;
font-weight: 700;
white-space: nowrap;
}
.logo__link {
display: inline-block
}
.logo__svg {
width: 135px;
height: 45px;
position: relative;
z-index: 2;
margin: 18px 0 0;
vertical-align: middle
}
@media screen and (max-width: 1450px) {
.logo__svg {
margin:0
}
}
@media screen and (max-width: 1215px) {
.logo__svg {
width:100px
}
}
.PdfContainer__close svg path,.logo__svg--color {
fill: #fff
}
@media screen and (max-width: 1450px) {
.logo__svg--color {
fill:#2f5654
}
}
@media screen and (max-width: 1215px) {
.logo__svg--color {
fill:#2f5654
}
}
.nav {
position: relative;
z-index: 6;
margin: 0 0 0 246px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media screen and (max-width: 1450px) {
.nav {
margin:0
}
}
@media screen and (max-width: 1215px) {
.nav,.nav:before {
position:absolute;
left: 0;
width: 100%
}
.nav {
height: calc(100vh - 50px);
max-height: none;
z-index: 90;
max-width: none;
visibility: hidden;
top: 100%
}
.nav.is-active {
visibility: visible
}
.nav.is-active:before {
opacity: 1
}
.nav.is-active>ul {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.nav:before {
height: 100%;
top: 0;
opacity: 0;
content: "";
background-color: rgba(0,0,0,.75);
-webkit-transition: .25s all;
transition: .25s all
}
.nav ul li:nth-last-child(2) {
margin-right: 0
}
}
.nav>ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 1215px) {
.nav>ul {
height:100%;
position: absolute;
top: 0;
width: 325px;
right: 0;
background-color: #fec137;
-webkit-box-shadow: -1px 6px 2px 3px rgba(0,0,0,.15);
box-shadow: -1px 6px 2px 3px rgba(0,0,0,.15);
border-top: 2px solid #eca80d;
-webkit-transition: .5s all;
transition: .5s all;
-webkit-transition-delay: .15s;
transition-delay: .15s;
-webkit-transform: translateX(110%);
transform: translateX(110%);
max-height: calc(100vh - 50px);
overflow-y: auto;
padding-bottom: 45px;
display: block
}
}
.nav__item {
padding: 0 11px;
position: relative;
height: 80px;
line-height: 80px
}
@media screen and (max-width: 1215px) {
.nav__item {
width:100%;
height: auto;
line-height: normal;
padding: 10px 15px
}
}
.nav__item--phone {
display: none;
color: #2f5654;
font-size: 15px;
font-weight: 500;
line-height: 22px;
margin-top: auto
}
@media screen and (max-width: 1215px) {
.nav__item--phone {
display:block
}
}
.nav__item--phone a,.tabs__selector-item.tabs__selector-item--is-active .tabs__selector-item-text span {
font-weight: 700
}
.nav__item:not(.nav__item--dropdown)>a {
border-bottom: 1px solid transparent;
-webkit-transition: border-color .15s;
transition: border-color .15s
}
.nav__item:not(.nav__item--dropdown)>a:hover {
border-color: #2f5654;
color: #2f5654
}
.nav__item.nav__item--dropdown {
padding-right: 20px;
-webkit-transition: background-color .25s;
transition: background-color .25s
}
@media screen and (min-width: 1216px) {
.nav__item.nav__item--dropdown {
-webkit-transition-delay:.2s;
transition-delay: .2s
}
}
@media screen and (max-width: 1215px) {
.nav__item.nav__item--dropdown {
padding:0
}
}
.nav__item.nav__item--dropdown ul {
top: calc(100% + 2px);
left: 0;
-webkit-transition: all .25s;
transition: all .25s;
width: 600px;
background-color: #f5b015;
border: 2px solid #eca80d;
border-top: 0;
line-height: normal;
padding: 8px 0
}
@media screen and (min-width: 1216px) {
.nav__item.nav__item--dropdown ul {
position:absolute;
opacity: 0;
visibility: hidden;
-webkit-transition-delay: .2s;
transition-delay: .2s
}
}
@media screen and (max-width: 1215px) {
.nav__item.nav__item--dropdown ul {
display:none;
width: auto;
border: 0
}
.nav__item.nav__item--dropdown ul.active {
display: block
}
}
.nav__item.nav__item--dropdown ul li {
display: inline-block;
padding: 7px 15px;
width: 32%
}
@media screen and (max-width: 1215px) {
.nav__item.nav__item--dropdown ul li {
width:100%
}
}
.nav__item.nav__item--dropdown ul li a {
font-size: 14px;
font-weight: 400;
border-bottom: 1px solid transparent;
-webkit-transition: all .25s;
transition: all .25s
}
.nav__item.nav__item--dropdown ul li a:hover {
border-bottom-color: currentColor;
color: currentColor;
-webkit-transition: none;
transition: none
}
.nav__item.nav__item--dropdown>span {
cursor: pointer;
border-bottom: 1px solid transparent
}
@media screen and (max-width: 1215px) {
.nav__item.nav__item--dropdown>span {
display:block;
padding: 10px 15px;
cursor: pointer
}
}
.nav__item.nav__item--dropdown>span:before {
content: "";
position: absolute;
right: 6px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 3px 4px 0;
border-color: currentColor transparent transparent
}
@media screen and (min-width: 1216px) {
.nav__item.nav__item--dropdown>span:before {
-webkit-transition:-webkit-transform .2s;
transition: transform .2s;
transition: transform .2s,-webkit-transform .2s;
-webkit-transition-delay: .2s;
transition-delay: .2s
}
}
@media screen and (max-width: 1215px) {
.nav__item.nav__item--dropdown>span:before {
-webkit-transform:translateY(0);
transform: translateY(0);
top: 20px;
right: 15px
}
}
@media screen and (min-width: 0\0) {
.nav__item.nav__item--dropdown>span:before {
-webkit-transform:translateY(0);
transform: translateY(0);
border-width: 4px
}
}
@media screen and (min-width: 1216px) {
.nav__item.nav__item--dropdown:hover {
background-color:#f5b015
}
.nav__item.nav__item--dropdown:hover ul {
opacity: 1;
visibility: visible
}
}
.nav a,.nav span {
display: inline-block;
color: #2f5654;
font-size: 15px;
font-weight: 700;
line-height: 22px
}
.calc-box .styled-select {
position: relative;
max-width: 100%;
cursor: pointer
}
.calc-box .styled-select select {
background-color: transparent;
font-weight: 700;
white-space: nowrap;
text-transform: initial;
width: 100%;
border-radius: 0;
border: 0;
margin: 0;
-webkit-transition: all .2s;
transition: all .2s;
cursor: pointer;
-webkit-appearance: none!important;
-moz-appearance: none!important;
appearance: none!important;
-moz-user-focus: none
}
.calc-box .styled-select select.pointer-events {
pointer-events: none
}
.calc-box .styled-select select[disabled] {
color: #acacac
}
@media screen and (max-width: 992px) {
.calc-box .styled-select select {
pointer-events:auto
}
}
.calc-box .styled-select select option {
white-space: nowrap;
padding: 0;
display: inline-block
}
.calc-box .styled-select select::-ms-expand,.plagcheck-container .plagcheck-container .select-lang select::-ms-expand,.styled-select select::-ms-expand {
display: none
}
.calc-short {
width: 380px;
padding: 26px 30px;
border-radius: 5px;
background-color: #fff
}
@media screen and (max-width: 375px) {
.calc-short {
width:auto;
padding: 22px 21px 28px
}
}
.orderform-title {
color: #00395a;
font-size: 20px;
line-height: 28px;
font-weight: 900
}
.calc-short label {
color: #00395a;
font-size: 15px;
line-height: normal;
display: block;
margin: 0 0 8px
}
.calc-short select {
color: #00395a;
font-size: 16px;
font-weight: 700;
line-height: normal;
border: 0;
width: 100%;
padding: 11px 31px 13px 18px
}
.form-item--field {
border-radius: 7px;
border: 1px solid #c7d3d9;
background-color: #fff
}
.order-m-group--pages {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.order-m-group--pages .pages-control {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 150px
}
.order-m-group--pages .pages-control .form-item--field {
overflow: hidden
}
.order-m-group--pages .pages-control__head {
color: #5a5a5a;
font-size: 15px;
margin: 0 0 8px;
line-height: normal
}
.order-m-group--pages .pages-control__head label {
margin: 0 10px 0 0;
color: #5a5a5a
}
.order-m-group--pages .pages-control__head p {
color: #5a5a5a
}
.order-m-group--pages .order-m-group__bottom,.order-m-group--pages .pages-control__head {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.order-m-group--price {
color: #5a5a5a;
text-align: center
}
.order-m-group--price p {
margin: 24px 0 0;
font-size: 16px;
font-weight: 700;
color: #5a5a5a
}
.order-m-group--price span {
font-size: 18px;
color: #5a5a5a
}
.order-m-group--submit {
text-align: center;
padding: 7px 0 0
}
.order-m-group--submit input {
padding: 15px 58px
}
.order-m-group:not(:last-of-type) {
margin: 0 0 20px
}
.order-m-group:first-of-type {
margin: 0 0 18px
}
.pageskol {
position: relative;
height: 43px
}
.pageskol-title {
white-space: nowrap
}
.pageskol button,.pageskol input {
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 43px
}
.pageskol input {
color: #00395a;
font-size: 16px;
font-weight: 700;
text-align: center;
line-height: 40px;
width: 100%
}
.pageskol button {
cursor: pointer;
width: 43px;
position: absolute;
padding: 0;
z-index: 1;
top: 0;
background-color: transparent
}
.pageskol button:after,.pageskol button:before {
content: "";
width: 11px;
height: 3px;
background-color: #00395a;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: background-color .2s;
transition: background-color .2s
}
.pageskol button.pageskol-left {
left: 5px
}
.pageskol button.pageskol-right {
right: 5px
}
.pageskol button.pageskol-right:after {
width: 3px;
height: 11px
}
.pageskol button:hover:after,.pageskol button:hover:before {
background-color: #fec137
}
.pageskol button:disabled,.pageskol button:disabled:hover,.pageskol button[disabled=disabled],.pageskol button[disabled=disabled]:hover {
cursor: default
}
.pageskol button:disabled:after,.pageskol button:disabled:before,.pageskol button:disabled:hover:after,.pageskol button:disabled:hover:before,.pageskol button[disabled=disabled]:after,.pageskol button[disabled=disabled]:before,.pageskol button[disabled=disabled]:hover:after,.pageskol button[disabled=disabled]:hover:before {
background-color: rgba(50,66,75,.5)
}
.styled-select {
position: relative
}
.styled-select:before {
content: "";
display: inline-block;
pointer-events: none;
position: absolute;
right: 18px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 4px 5px 0;
border-color: #00395a transparent transparent;
z-index: 1
}
.styled-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.new-line-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -13px;
margin-right: -13px
}
@media screen and (max-width: 1000px) {
.new-line-flex {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.new-line-flex>* {
padding-left: 13px;
padding-right: 13px;
width: 50%;
max-width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
@media screen and (max-width: 1000px) {
.new-line-flex>:nth-of-type(1) {
margin-bottom:18px
}
.new-line-flex>* {
width: 100%;
max-width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.UserBlockButton.UserBlockWhois--orders {
z-index: 1!important;
border-radius: 7px!important;
padding: 12px 25px!important;
font-size: 15px!important;
font-weight: 700!important;
line-height: 22px!important;
text-transform: none!important;
text-align: center
}
.UserBlockWhois {
z-index: 2!important
}
@media screen and (max-width: 1215px) {
.UserBlock {
width:100%
}
}
@media screen and (max-width: 1215px) {
.UserBlockButton.UserBlockWhois--orders {
max-width:191px
}
.header__auth {
margin-left: 0!important;
width: 100%;
display: block
}
.header__auth .UserBlockWhois {
margin-left: 0!important;
position: absolute;
right: 41px;
top: 9px
}
}
.promo-section {
padding: 0 0 44px;
background-color: #fafafa;
overflow: hidden
}
.promo-section .container {
padding-top: 17px
}
.promo-section--add-triangle .container:before {
content: "";
display: block;
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -2719px -1808px;
height: 189px;
width: 425px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 2
}
@media screen and (max-width: 1000px) {
.promo-section--add-triangle .container:before {
display:none
}
}
.promo-section--pic .promo-section__calc-short-bg {
top: -77px
}
.promo-section--pic .promo-section__calc-short-bg:after {
opacity: 1
}
@media screen and (max-width: 1215px) {
.promo-section--pic .promo-section__calc-short-bg {
display:none
}
.promo-section--pic .promo-section__text {
margin: 0 0 15px
}
}
.promo-section .container,.promo-section--left-pic {
position: relative
}
.promo-section--left-pic:before {
content: "";
display: none;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 449px;
opacity: .5
}
@media screen and (min-width: 1575px) {
.promo-section--left-pic:before {
opacity:1
}
}
@media screen and (min-width: 1216px) {
.promo-section--left-pic:before {
display:block
}
}
@media screen and (max-width: 560px) {
.promo-section {
padding:17px 0 25px
}
}
.promo-section__headline {
max-width: 620px
}
.promo-section__phone {
padding-left: 76px;
line-height: 18px;
color: #677177;
font-size: 14px
}
@media screen and (max-width: 1450px) {
.promo-section__phone {
padding-left:0
}
}
@media screen and (max-width: 1215px) {
.promo-section__phone {
display:none
}
}
@media screen and (max-width: 767px) {
.promo-section__phone {
padding-left:0;
text-align: center;
color: #f7f7f7;
position: relative;
z-index: 50
}
}
.promo-section__phone a {
color: #677177;
font-weight: 700;
font-size: 14px
}
@media screen and (max-width: 767px) {
.promo-section__phone a {
color:#f7f7f7
}
}
.promo-section__phone a:hover {
text-decoration: underline
}
.promo-section__main {
margin: 42px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 1000px) {
.promo-section__main {
margin:15px 0 0
}
}
@media screen and (max-width: 767px) {
.promo-section__main {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.promo-section__text {
max-width: 600px;
margin: 0 0 84px;
position: relative;
z-index: 5
}
@media screen and (max-width: 560px) {
.promo-section__text {
margin:0 0 31px
}
}
@media screen and (max-width: 425px) {
.promo-section__text {
margin:0 0 24px
}
}
.promo-section__text-title {
color: #00395a;
font-size: 60px;
font-weight: 700;
line-height: 70px;
margin: 0
}
@media screen and (max-width: 1215px) {
.promo-section__text-title {
font-size:47px;
line-height: 55px
}
}
@media screen and (max-width: 1000px) {
.promo-section__text-title {
font-size:43px;
line-height: 49px
}
}
@media screen and (max-width: 560px) {
.promo-section__text-title {
font-size:36px;
line-height: 42px
}
}
@media screen and (max-width: 425px) {
.promo-section__text-title {
font-size:30px;
line-height: 37px
}
}
@media screen and (min-width: 1216px) {
.promo-section__text-title.promo-section__text-title--reduced {
font-size:55px;
line-height: 65px
}
}
@media screen and (max-width: 1000px) {
.promo-section__text-title.promo-section__text-title--reduced {
font-size:38px;
line-height: 45px
}
}
.promo-section__text p {
font-size: 20px;
line-height: 28px;
margin: 20px 0
}
.promo-section__text-btn {
min-width: 200px;
padding: 14px 25px;
margin: 30px 0 0
}
@media screen and (max-width: 560px) {
.promo-section__text-btn {
width:250px;
display: block;
margin: 20px 0 0
}
}
@media screen and (min-width: 768px) {
.promo-section__calc-short {
position:relative
}
}
.promo-section__calc-short-bg {
position: absolute;
top: -77px;
left: -92px;
width: 870px;
height: 549px;
z-index: 1
}
.promo-section__calc-short-bg:after {
content: "";
display: inline-block;
opacity: .04;
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -922px -660px;
height: 549px;
width: 870px
}
.promo-section__calc-short .calc-short {
z-index: 2;
position: relative
}
.promo-section__calc-short .calc-short+p {
margin: 20px 0 0;
font-weight: 300
}
.promo-section__stats {
max-width: 620px;
margin: -39px 0 0;
border-radius: 15px;
background-color: #fff;
padding: 20px 15px;
position: relative;
color: #677177;
font-size: 15px;
line-height: 22px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1
}
@media screen and (max-width: 1215px) {
.promo-section__stats {
margin:30px 0 0
}
}
@media screen and (max-width: 560px) {
.promo-section__stats {
margin:25px 0 0;
display: block
}
.promo-section__stats div {
display: block
}
.promo-section__stats div:not(:last-of-type) {
margin: 0 0 10px
}
.promo-section__stats div:not(:last-of-type):before {
display: none
}
}
.promo-section__stats>div {
display: inline-block;
padding: 0 14px;
position: relative
}
.promo-section__stats>div:not(:last-of-type):before {
content: "";
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: -1px;
width: 1px;
height: 28px;
background-color: #ddd
}
.promo-section--simple .promo-section {
padding: 17px 0 35px
}
@media screen and (min-width: 1001px) {
.promo-section--simple .promo-section__main {
margin:56px 0 0
}
}
.promo-section--simple .promo-section__text {
margin: 0;
max-width: none
}
.promo-section--simple .promo-section__text p {
margin: 10px 0
}
.promo-section--without-calc {
height: 618px
}
.promo-section--without-calc .container:after {
content: "";
position: absolute;
display: inline-block;
z-index: 2;
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -922px -660px;
height: 549px;
width: 870px;
opacity: .04;
top: 0;
left: 0;
right: 0;
margin: auto;
-webkit-transform: translateX(513px);
transform: translateX(513px)
}
@media screen and (max-width: 1000px) {
.promo-section--without-calc .container:after {
display:none
}
.promo-section--without-calc {
height: auto
}
}
.promo-section--without-calc .container {
z-index: 2
}
.promo-section--without-calc .promo-section__main {
height: 475px;
z-index: 2
}
@media screen and (max-width: 1000px) {
.promo-section--without-calc .promo-section__main {
height:290px
}
}
@media screen and (max-width: 767px) {
.promo-section--without-calc .promo-section__main {
height:auto
}
}
.promo-section--without-calc .promo-section__text {
max-width: 830px;
margin: 0 0 63px
}
@media screen and (max-width: 1215px) {
.promo-section--without-calc .promo-section__text {
max-width:690px
}
}
@media screen and (max-width: 1000px) {
.promo-section--without-calc .promo-section__text {
max-width:510px;
margin: 0 0 15px
}
}
.promo-section--without-calc .promo-section__text p {
font-size: 18px;
line-height: 26px;
margin: 13px 0
}
.promo-section--without-calc .promo-section__text-btn {
min-width: 143px;
padding: 11px 36px 13px
}
@media screen and (max-width: 1000px) {
.promo-section--without-calc .promo-section__text-btn {
margin:10px 0 0
}
}
.promo-section--without-calc .promo-section__bg {
z-index: 1;
position: absolute;
top: 0;
right: -5px;
height: 100%;
width: 1040px;
overflow: hidden
}
@media screen and (max-width: 767px) {
.promo-section--without-calc .promo-section__bg {
display:none
}
}
.promo-section--without-calc .promo-section__bg-inner {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1040px
}
@media screen and (max-width: 1450px) {
.promo-section--without-calc .promo-section__bg-inner {
right:-150px
}
}
@media screen and (max-width: 1215px) {
.promo-section--without-calc .promo-section__bg-inner {
right:-230px
}
}
.promo-prices__free-head span:before,.promo-section--without-calc .promo-section__bg-inner:after,.promo-section--without-calc .promo-section__bg-inner:before {
content: "";
position: absolute;
display: inline-block
}
.promo-section--without-calc .promo-section__bg-inner:after {
z-index: 1;
height: 100%;
width: 100%
}
@media screen and (max-width: 1000px) {
.promo-section--without-calc .promo-section__bg-inner:after {
background-size:contain
}
}
@media screen and (max-width: 1800px) {
.promo-section--large-pic .promo-section__bg-inner {
right:-100px
}
}
@media screen and (max-width: 1700px) {
.promo-section--large-pic .promo-section__bg-inner {
right:-200px
}
}
@media screen and (max-width: 1600px) {
.promo-section--large-pic .promo-section__bg-inner {
right:-250px
}
}
@media screen and (max-width: 1450px) {
.promo-section--large-pic .promo-section__bg-inner {
right:-300px
}
}
@media screen and (max-width: 1000px) {
.promo-section--large-pic .promo-section__bg-inner {
right:-400px
}
}
@media screen and (min-width: 1216px) and (max-width:1350px) {
.promo-section--large-pic .promo-section__text-title {
font-size:50px;
line-height: 60px
}
}
@media screen and (min-width: 1001px) and (max-width:1250px) {
.promo-section--large-pic .promo-section__text {
max-width:500px
}
}
.promo-section .trustpilot-widget {
padding-bottom: 15px;
max-width: 455px;
margin-left: -48px;
position: relative;
z-index: 1
}
@media screen and (max-width: 440px) {
.promo-section .trustpilot-widget {
max-width:254px
}
}
@media (max-width: 1000px) and (min-width:768px) {
.promo-section .trustpilot-widget {
max-width:280px;
margin-left: -52px
}
}
@media (max-width: 480px) {
.promo-section--home .promo-section__text {
position:relative;
margin-bottom: 65px!important
}
.promo-section--home .promo-section__text .trustpilot-widget {
position: absolute!important;
bottom: -60px;
max-width: 280px;
margin-left: -52px
}
}
.promo-prices,.tabs__selector-item--with-pic .tabs__selector-item-text span {
position: relative
}
@media screen and (max-width: 767px) {
.promo-prices {
margin:auto;
padding-top: 10px
}
}
.promo-prices__text {
color: #f7f7f7;
font-size: 22px;
line-height: 30px;
font-weight: 700;
letter-spacing: .8px;
margin: 0;
text-align: center;
padding: 0 86px 0 0;
position: relative
}
@media screen and (max-width: 767px) {
.promo-prices__text {
font-size:20px;
line-height: 24px;
padding-right: 65px
}
}
.promo-prices__main {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 17px
}
@media screen and (max-width: 767px) {
.promo-prices__main {
margin:0 0 7px
}
}
.promo-prices__currency {
margin-top: 16px;
display: inline-block;
color: #fec137;
font-size: 80px;
font-weight: 700;
line-height: 1
}
@media screen and (max-width: 767px) {
.promo-prices__currency {
font-size:65px
}
}
.promo-prices__min-price {
display: inline-block;
color: #fec137;
font-size: 200px;
font-weight: 700;
line-height: 180px;
margin: 0 17px 0 7px
}
@media screen and (max-width: 767px) {
.promo-prices__min-price {
line-height:140px;
font-size: 80px;
margin-right: 8px
}
}
.promo-prices__free {
color: #f7f7f7;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.promo-prices__free-head {
padding: 0 0 0 25px;
margin: 0 0 5px;
font-size: 28px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
position: relative
}
@media screen and (max-width: 767px) {
.promo-prices__free-head {
font-size:21px
}
}
.promo-prices__free-head span {
display: inline-block
}
.promo-prices__free-head span:before {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -770px -492px;
height: 18px;
width: 18px
}
.promo-prices__free ul {
padding: 0 0 0 25px
}
.promo-prices__free li {
font-size: 15px;
line-height: 22px
}
@media screen and (max-width: 767px) {
.promo-prices__free li {
font-size:14px;
line-height: 18px
}
}
.promo-prices__bg {
position: absolute;
top: -170px;
left: -91px;
width: 890px;
height: 560px;
}
@media screen and (max-width: 1000px) {
.promo-prices__bg {
left:-177px
}
}
@media screen and (max-width: 767px) {
.promo-prices__bg {
left:-238px
}
}
.affordable-prices-section {
background-color: #00395a;
padding: 37px 0 51px
}
@media screen and (max-width: 1000px) {
.affordable-prices-section {
text-align:center
}
}
.affordable-prices-section__title {
color: #fff;
font-size: 32px;
font-weight: 700;
line-height: 45px;
margin: 0 0 33px
}
.affordable-prices-section__main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -16px;
margin-right: -16px;
margin-bottom: 44px
}
@media screen and (max-width: 1215px) {
.affordable-prices-section__main {
-webkit-box-align:center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
@media screen and (max-width: 1000px) {
.affordable-prices-section__main {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media screen and (max-width: 560px) {
.affordable-prices-section__main {
margin-left:-15px;
margin-right: -15px;
margin-bottom: 33px
}
}
.affordable-prices-section__prices-from,.affordable-prices-section__text {
padding-left: 16px;
padding-right: 16px
}
@media screen and (max-width: 1000px) {
.affordable-prices-section__prices-from {
-webkit-flex-basis:100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
max-width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 25px
}
}
@media screen and (max-width: 560px) {
.affordable-prices-section__prices-from {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px
}
}
.affordable-prices-section__text {
background: rgba(0,0,0,0.3);
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-radius: 5px;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
.affordable-prices-section__text {
max-width: 600px
}
}
.affordable-prices-section__text p {
border-radius: 25px;
height: 100%;
margin: 0;
padding: 34px 45px;
color: #d5d5d5;
font-size: 16px;
line-height: 22px
}
@media screen and (max-width: 560px) {
.affordable-prices-section__text p {
padding:20px
}
}
.affordable-prices-section__btn {
padding: 14px 61px 14px 41px
}
.affordable-prices-section__btn:before {
content: "";
display: inline-block;
position: absolute;
right: 40px;
top: 20px;
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -58px -47px;
height: 7px;
width: 10px
}
.affordable-prices-section__btn:hover:before {
-webkit-animation: rubberBand 1s;
animation: rubberBand 1s
}
.prices-from {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -16px;
margin-right: -16px
}
@media screen and (max-width: 1000px) {
.prices-from {
margin-left:0;
margin-right: 0
}
}
.prices-from__item {
padding-left: 16px;
padding-right: 16px
}
@media screen and (max-width: 560px) {
.prices-from__item {
padding-left:5px;
padding-right: 5px;
margin-bottom: 10px
}
}
.prices-from__item-inner {
display: inline-block;
width: 159px;
padding: 37px 0;
border-radius: 14%;
background: #fff;
color: #333;
text-align: center;
font-size: 18px
}
@media screen and (max-width: 767px) {
.prices-from__item-inner {
width:145px;
height: 145px;
padding: 24px 0
}
}
@media screen and (max-width: 560px) {
.prices-from__item-inner {
width:120px;
height: 120px;
padding: 12px 0 0;
font-size: 16px
}
}
@media screen and (max-width: 425px) {
.prices-from__item-inner {
font-size:18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
width: 145px;
height: 145px;
padding: 7px 0 0
}
}
.prices-from__item-inner>span {
display: block;
margin: 0 auto 5px;
color: #999;
text-transform: uppercase;
font-size: 11px
}
.prices-from__item-inner>div {
position: relative;
padding-bottom: 5px
}
.prices-from__item-inner>div:before {
content: "";
position: absolute;
background: #b2b2b2;
left: 0;
right: 0;
bottom: 0;
height: 1px;
width: 50px;
margin: auto
}
.prices-from__item-inner p {
margin: 0
}
.prices-from__item-inner p span {
color: #f65c50;
font-size: 42px;
font-weight: 800
}
@media screen and (max-width: 560px) {
.prices-from__item-inner p span {
font-size:30px
}
}
@media screen and (max-width: 425px) {
.prices-from__item-inner p span {
font-size:30px
}
}
.features-section {
padding: 42px 0 33px
}
.features-section--alt.features-section .title {
margin: 0 0 20px
}
@media screen and (min-width: 1001px) {
.features-section--alt.features-section .features-block {
padding:41px 0
}
}
.features-section--alt.features-section .features-block__title {
font-size: 24px;
margin: 0 0 25px
}
@media screen and (min-width: 1001px) {
.features-section--alt.features-section .features-block--grey {
padding:40px 45px
}
}
.features-section .title {
margin: 0 0 40px
}
@media screen and (max-width: 425px) {
.features-section .title {
margin:0 0 10px
}
}
@media screen and (max-width: 560px) {
.features-section {
padding:25px 0 20px
}
}
.features-section__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 1000px) {
.features-section__row {
margin-left:-15px;
margin-right: -15px
}
}
@media screen and (max-width: 767px) {
.features-section__row {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.features-section__item {
-webkit-flex-basis: 33.33%;
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
width: 33.33%;
min-width: 33.33%
}
@media screen and (max-width: 767px) {
.features-section__item {
-webkit-flex-basis:50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
min-width: 50%
}
}
@media screen and (max-width: 425px) {
.features-section__item {
-webkit-flex-basis:100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
min-width: 100%
}
}
@media screen and (max-width: 767px) {
.features-section__item:nth-of-type(3) {
-webkit-flex-basis:100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
min-width: 100%
}
}
.features-block {
padding: 43px 0
}
@media screen and (max-width: 1215px) {
.features-block {
padding:13px 0
}
}
@media screen and (max-width: 1000px) {
.features-block {
padding:13px 15px
}
}
@media screen and (max-width: 560px) {
.features-block {
margin-left:10px;
margin-right: 10px
}
}
.features-block__title {
color: #00395a;
font-size: 32px;
font-weight: 700;
line-height: 45px;
margin: 0 0 37px
}
@media screen and (max-width: 1000px) {
.features-block__title {
font-size:22px;
line-height: 30px
}
}
@media screen and (max-width: 425px) {
.features-block__title {
margin:0 0 10px;
font-size: 18px
}
}
.features-block__descr li {
color: #00395a;
font-size: 15px;
line-height: 21px;
padding: 0 0 0 19px;
margin: 0 0 19px;
position: relative
}
@media screen and (max-width: 425px) {
.features-block__descr li {
margin:0 0 13px
}
.features-block__descr li:last-of-type {
margin: 0
}
}
.features-block__descr li:before,.features-block__descr.features-block__descr--yellow-check li:before {
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
height: 7px;
width: 9px
}
.features-block__descr li:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 8px;
background-position: -80px -63px
}
.features-block__descr.features-block__descr--yellow-check li:before {
background-position: -89px -70px
}
.features-block--grey {
background-color: #fafafa;
border-radius: 25px;
padding: 43px 45px
}
@media screen and (max-width: 1215px) {
.features-block--grey {
padding:15px
}
}
.features-block--grey li {
padding: 0 0 0 45px;
margin: 0 0 27px
}
@media screen and (max-width: 425px) {
.features-block--grey li {
padding:0 0 0 37px
}
}
.features-block--grey li:before {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center;
background-size: auto
}
@media screen and (max-width: 425px) {
.features-block--grey li:before {
-webkit-transform:scale(.8) translateY(-50%);
transform: scale(.8) translateY(-50%)
}
}
.features-block--grey li:nth-of-type(1):before {
background-image: url(./assets/images/paper-format-1.svg);
width: 22px;
height: 24px
}
.features-block--grey li:nth-of-type(2):before {
background-image: url(./assets/images/paper-format-2.svg);
width: 24px;
height: 23px
}
.features-block--grey li:nth-of-type(3):before {
background-image: url(./assets/images/paper-format-3.svg);
width: 24px;
height: 24px
}
.features-block--grey li:nth-of-type(4) {
margin-bottom: 0
}
.features-block--grey li:nth-of-type(4):before {
background-image: url(./assets/images/paper-format-4.svg);
width: 23px;
height: 24px
}
.pop-disciplines-section {
padding: 35px 0
}
.pop-disciplines-section--alt {
padding-top: 0
}
.pop-disciplines-section__main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 34px;
margin-left: -15px;
margin-right: -15px
}
@media screen and (max-width: 1215px) {
.pop-disciplines-section__main {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px
}
}
.pop-disciplines-section__list {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media screen and (max-width: 1215px) {
.pop-disciplines-section__list {
margin:0 0 20px
}
}
.pop-disciplines-section__banner,.pop-disciplines-section__list {
padding-left: 15px;
padding-right: 15px
}
@media screen and (max-width: 1000px) {
.pop-disciplines-section__banner,.pop-disciplines-section__list {
width:100%;
min-width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.pop-disciplines-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 14px -30px 0 -28px;
padding-left: 28px
}
@media screen and (max-width: 1000px) {
.pop-disciplines-list {
padding-left:0;
margin-left: 0;
margin-right: 0
}
}
@media screen and (max-width: 565px) {
.pop-disciplines-list {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin: 14px -15px 0
}
}
.pop-disciplines-list>li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-right: 30px
}
@media screen and (max-width: 565px) {
.pop-disciplines-list>li {
padding-right:15px;
padding-left: 15px
}
}
.pop-disciplines-list>li li {
margin: 0 0 13px
}
.pop-disciplines-list a,.pop-disciplines-list span {
white-space: nowrap;
color: #2e5b74;
font-size: 15px;
font-weight: 700;
line-height: 21px;
display: inline-block;
border-bottom: 1px solid rgba(49,82,100,.2);
-webkit-transition: color .2s,border-color .2s;
transition: color .2s,border-color .2s
}
.pop-disciplines-list a:hover {
color: #002234;
border-color: rgba(0,26,41,.8)
}
.pop-disciplines-banner {
width: 660px;
min-width: 660px;
border-radius: 11px;
background: url(./assets/images/seo/banner_bg.jpg) no-repeat center/cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px 30px
}
.pop-disciplines-banner--wide {
width: 100%!important;
padding: 30px
}
.pop-disciplines-banner--wide .pop-disciplines-banner__btn {
min-width: 267px
}
@media screen and (max-width: 425px) {
.pop-disciplines-banner--wide .pop-disciplines-banner__btn {
min-width:auto
}
}
@media screen and (min-width: 768px) {
.pop-disciplines-banner--wide .pop-disciplines-banner__text-headline {
padding:0 75px 0 0
}
}
@media screen and (max-width: 767px) {
.pop-disciplines-banner--wide .pop-disciplines-banner__text-headline {
font-size:22px;
line-height: 30px
}
}
.pop-disciplines-banner--cut {
width: 600px;
min-width: 600px
}
@media screen and (max-width: 1215px) {
.pop-disciplines-banner {
width:565px;
min-width: 565px
}
}
@media screen and (max-width: 1000px) {
.pop-disciplines-banner {
width:100%;
min-width: 100%
}
}
@media screen and (max-width: 767px) {
.pop-disciplines-banner {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 25px 30px
}
}
.pop-disciplines-banner__text {
padding: 0 0 8px
}
@media screen and (min-width: 1216px) {
.pop-disciplines-banner__text {
padding-right:60px
}
}
@media screen and (min-width: 768px) {
.pop-disciplines-banner__text {
padding-right:15px
}
}
@media screen and (max-width: 767px) {
.pop-disciplines-banner__text {
margin:0 0 15px
}
}
.pop-disciplines-banner__text-headline {
color: #fff;
font-size: 32px;
font-weight: 700;
line-height: 40px
}
@media screen and (max-width: 767px) {
.pop-disciplines-banner__text-headline {
margin:0 0 5px
}
}
@media screen and (max-width: 360px) {
.pop-disciplines-banner__text-headline {
font-size:28px
}
}
.pop-disciplines-banner__text p {
color: #fff;
margin: 0;
font-size: 18px;
line-height: 20px
}
.pop-disciplines-banner__btn {
padding: 14px 25px;
min-width: 224px
}
.webp .pop-disciplines-banner {
background: url(./assets/images/seo/webp/banner_bg.webp) no-repeat center/cover
}
.samples-section {
padding: 8px 0
}
.samples-section__main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 38px 0 0
}
@media screen and (max-width: 1000px) {
.samples-section__main {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
}
@media screen and (max-width: 560px) {
.samples-section__main {
margin-top:20px
}
}
@media screen and (min-width: 1001px) {
.samples-section .sample-item:not(:last-of-type) {
margin-right:17px
}
}
.sample-item {
padding: 0 18px 0 0;
position: relative
}
@media screen and (max-width: 1000px) {
.sample-item {
max-width:50%;
width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 30px
}
}
@media screen and (max-width: 767px) {
.sample-item {
max-width:100%;
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
@media screen and (max-width: 560px) {
.sample-item {
margin-bottom:15px
}
}
.sample-item__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
width: 450px;
padding: 25px 32px;
border-radius: 15px;
border: 4px solid #f0f0f0;
background-color: #fff
}
@media screen and (max-width: 1215px) {
.sample-item__inner {
width:auto
}
}
@media screen and (max-width: 560px) {
.sample-item__inner {
padding:18px 32px 21px 18px
}
}
.sample-item__inner:before {
content: "";
position: absolute;
right: 0;
top: 29px;
display: inline-block;
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -730px -472px;
height: 20px;
width: 40px
}
@media screen and (max-width: 560px) {
.sample-item__inner:before {
right:5px
}
}
.sample-item__title {
font-size: 15px;
font-weight: 700;
line-height: 22px
}
.sample-item__content {
margin-top: auto;
padding: 15px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 1215px) {
.sample-item__content {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.sample-item__properties {
width: 100%;
max-width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.sample-item__properties tbody tr:not(:first-of-type) td {
white-space: nowrap
}
.sample-item__properties td {
padding: 0;
line-height: 25px
}
.sample-item__properties td:nth-of-type(1) {
font-size: 13px;
padding: 0 25px 0 0
}
.sample-item__properties td:nth-of-type(2) {
padding: 0 15px 0 0;
font-size: 15px;
font-weight: 700
}
.sample-item__btn.btn {
margin: 16px 0;
width: 100px;
height: 80px;
-webkit-box-shadow: 0 4px 6px rgba(193,193,193,.3);
box-shadow: 0 4px 6px rgba(193,193,193,.3);
border-radius: 7px;
border: 1px solid #eaeaea;
background-color: #fafafa;
white-space: normal!important;
padding: 20px 10px;
color: #2e5b74;
font-size: 16px;
font-weight: 700;
line-height: 18px;
-webkit-transition: background-color .2s,border-color .2s;
transition: background-color .2s,border-color .2s
}
.sample-item__btn.btn:hover {
background-color: #f0f0f0;
border-color: #d0d0d0
}
@media screen and (max-width: 1215px) {
.sample-item__btn.btn {
margin:16px 0 0;
height: auto;
width: auto;
padding: 14px 25px
}
}
@media screen and (max-width: 1000px) {
.sample-item--view-all {
width:100%;
max-width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center
}
}
.sample-item--view-all:after,.sample-item--view-all:before {
content: "";
position: absolute;
left: 5px;
display: inline-block;
height: 4px;
width: calc(100% - 4px);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#fff));
background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%)
}
@media screen and (max-width: 1000px) {
.sample-item--view-all:after,.sample-item--view-all:before {
display:none
}
}
.sample-item--view-all:before {
top: 0
}
.sample-item--view-all:after {
bottom: 0
}
@media screen and (max-width: 1000px) {
.sample-item--view-all .sample-item__content {
display:block;
text-align: center
}
}
.sample-item--view-all .sample-item__inner {
width: auto;
border-right: 0;
border-radius: 11px 0 0 11px
}
@media screen and (max-width: 1000px) {
.sample-item--view-all .sample-item__inner {
border:0;
padding: 0
}
}
.sample-item--view-all .sample-item__inner:before {
display: none
}
.sample-item--view-all .sample-item__btn {
color: #7c7c7c;
background-color: #fff
}
.sample-item--view-all .sample-item__btn:hover {
background-color: #fafafa;
border-color: #eaeaea
}
@media screen and (max-width: 1000px) {
.sample-item--view-all .sample-item__btn {
margin-top:0
}
}
.sample-item-text {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
padding: 0 15px
}
@media screen and (min-width: 1001px) {
.sample-item-text {
margin:0 27px 0 0;
padding: 0
}
}
@media screen and (min-width: 768px) and (max-width:1000px) {
.sample-item-text {
max-width:50%;
width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
}
.PdfContainer {
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
top: 0;
left: 0;
display: none
}
.PdfContainer__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
z-index: -1
}
.PdfContainer__close {
width: 34px;
height: 34px;
border: 0;
background: 0 0;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer
}
.PdfContainer iframe {
width: 90%;
height: calc(100% - 85px);
top: 50px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
position: absolute
}
.PdfContainer.show {
display: inline-block
}
.steps-section {
padding: 45px 0 25px
}
@media screen and (min-width: 1270px) {
.steps-section .container {
width:1267px
}
}
.steps {
background: url(./assets/images/seo/steps__bg.jpg) no-repeat center/cover;
padding: 34px 48px 40px;
border-radius: 9px
}
@media screen and (max-width: 767px) {
.steps {
padding:23px 25px 29px
}
}
.steps,.steps .title,.steps p {
color: #fff
}
@media screen and (max-width: 560px) {
.steps .title {
line-height:33px;
font-size: 27px
}
}
.steps__list {
padding: 48px 0 58px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 1215px) {
.steps__list {
padding:20px 0 40px
}
}
@media screen and (max-width: 1000px) {
.steps__list {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 0 10px
}
}
.steps__btn-box {
text-align: center
}
.steps__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: 74px
}
.steps__item:last-of-type {
margin-right: 0
}
@media screen and (max-width: 1300px) {
.steps__item {
margin-right:20px
}
}
@media screen and (max-width: 1000px) {
.steps__item {
width:50%;
max-width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin: 0 0 25px
}
}
@media screen and (max-width: 560px) {
.steps__item {
width:100%;
max-width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.steps__item p {
margin: 0;
max-width: 120px;
z-index: 2;
font-weight: 700;
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
.steps__item span {
width: 78px;
height: 78px;
line-height: 78px;
display: inline-block;
position: relative;
z-index: 1;
font-size: 50px;
text-align: center;
margin-left: 17px
}
@media screen and (max-width: 1300px) {
.steps__item span {
height:50px;
width: 50px;
line-height: 50px;
font-size: 35px
}
}
.steps__item span:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
background-color: #00395a;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
display: inline-block;
border-radius: 11px;
z-index: -1
}
.steps__btn {
min-width: 219px;
padding: 15px 25px
}
.tns-slider {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@supports (-ms-ime-align:auto) {
.tns-slider {
display: block
}
}
.tns-outer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative
}
.tns-nav {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
text-align: center;
margin: 15px 0 0
}
.tns-controls button {
position: absolute;
top: calc(50% - 16px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 20px;
background: 0 0;
border: 0;
font-size: 0
}
.tns-controls button:focus {
outline: 0
}
.tns-controls button:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0;
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -10px -7px;
height: 20px;
width: 24px
}
.tns-controls button.disabled:before {
opacity: .65;
cursor: auto
}
.tns-controls button:nth-of-type(1) {
left: -50px
}
.tns-controls button:nth-of-type(2) {
right: -50px;
-webkit-transform: translateY(-50%) scale(-1,1);
transform: translateY(-50%) scale(-1,1)
}
.tns-controls button:not(.disabled):hover:before {
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -34px -27px;
height: 20px;
width: 24px
}
.tns-nav button {
display: inline-block;
width: 20px;
height: 6px;
border-radius: 3px;
background-color: #f0f0f0;
margin: 0 5px;
border: 0
}
.tns-nav button:focus {
outline: 0
}
.tns-nav button.tns-nav-active {
background-color: #fec137
}
.tabs__selector-container {
border-bottom: 2px solid #fec137;
margin: 0 0 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden
}
@media screen and (max-width: 560px) {
.tabs__selector-container {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 0;
overflow: visible
}
}
.tabs__selector-item {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
border: 0;
background-color: transparent;
display: block;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0;
cursor: pointer;
height: 60px;
max-width: 50%;
width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
@media screen and (max-width: 560px) {
.tabs__selector-item {
max-width:100%;
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.tabs__selector-item:not(:last-of-type) {
margin-right: 6px
}
@media screen and (max-width: 560px) {
.tabs__selector-item:not(:last-of-type) {
margin-right:0;
margin-bottom: 10px
}
}
.tabs__selector-item--with-pic .tabs__selector-item-text span:before {
content: "";
position: absolute;
right: 100%;
top: 50%;
-webkit-transform: translateX(-7px) translateY(-50%);
transform: translateX(-7px) translateY(-50%)
}
.tabs__selector-item--trustpilot .tabs__selector-item-text span {
margin-right: -34px
}
.tabs__selector-item--trustpilot .tabs__selector-item-text span:before,.testimonials-item__inner:before {
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -3144px -1997px;
height: 26px;
width: 27px
}
.tabs__selector-item-text {
display: block;
position: relative;
z-index: 2
}
.tabs__selector-item-text span {
color: #00395a;
font-size: 16px;
line-height: 24px;
display: inline-block
}
.tabs__selector-item-frame {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 2px solid #eee;
background-color: #fafafa;
-webkit-transform: scaleY(.9);
transform: scaleY(.9);
z-index: 1;
-webkit-transition: .1s .25s transform,.25s .25s border-color,background-color .25s .25s;
transition: .1s .25s transform,.25s .25s border-color,background-color .25s .25s
}
@media screen and (max-width: 560px) {
.tabs__selector-item-frame {
border-radius:10px
}
}
@media screen and (min-width: 561px) {
.tabs__selector-item:first-of-type .tabs__selector-item-frame {
border-radius:10px 0 0
}
.tabs__selector-item:last-of-type .tabs__selector-item-frame {
border-radius: 0 10px 0 0
}
.tabs__selector-item.tabs__selector-item--is-active {
-webkit-animation: tabActivate .5s;
animation: tabActivate .5s
}
}
.tabs__selector-item.tabs__selector-item--is-active .tabs__selector-item-frame {
border-color: #fec137;
background-color: #fff;
-webkit-transform: scaleY(1) translateY(1px);
transform: scaleY(1) translateY(1px)
}
@media screen and (min-width: 561px) {
.tabs__selector-item.tabs__selector-item--is-active .tabs__selector-item-frame {
border-bottom-color:transparent
}
}
.tabs__tab-pane {
display: none
}
.tabs__tab-pane.tabs__tab-pane--is-active {
display: block;
-webkit-animation: fadeIn .3s;
animation: fadeIn .3s
}
.testimonials-section {
padding: 25px 0
}
.testimonials-section__main {
padding-top: 8px
}
@media screen and (min-width: 1001px) and (max-width:1250px) {
.testimonials-section__main {
padding-left:50px;
padding-right: 50px
}
}
.testimonials-item {
position: relative;
padding: 23px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 5px
}
@media screen and (min-width: 1000px) {
.testimonials-item {
margin:0
}
}
.testimonials-item__inner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 28px 32px;
border-radius: 15px;
border: 2px solid #f0f0f0;
background-color: #fff;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width: 420px) {
.testimonials-item__inner {
padding:23px 18px
}
}
.testimonials-item__inner:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
right: 46px;
-webkit-transform: scale(.75);
transform: scale(.75);
background-position: -2663px -1758px;
height: 50px;
width: 56px
}
.testimonials-item__title {
font-size: 15px;
font-weight: 700;
line-height: 22px;
margin: 15px 0 0
}
.testimonials-item__quote {
font-size: 18px;
font-style: italic;
line-height: 24px;
margin: 22px 0 15px;
text-align: left
}
@media screen and (max-width: 767px) {
.testimonials-item__quote {
font-size:18px;
line-height: 27px;
margin: 40px 0 30px
}
}
@media screen and (max-width: 420px) {
.testimonials-item__quote {
margin:27px 0 25px
}
}
.testimonials-item__bottom,.testimonials-item__head {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.testimonials-item__bottom span,.testimonials-item__head span {
margin: 0 3px 0 0
}
.testimonials-item__bottom {
margin-top: auto
}
.testimonials-item__date,.testimonials-item__disc,.testimonials-item__id,.testimonials-item__pages {
vertical-align: middle;
font-size: 13px
}
.testimonials-item__date b,.testimonials-item__disc b,.testimonials-item__id b,.testimonials-item__pages b {
font-size: 15px
}
.testimonials-item--has-head .testimonials-item__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.pay-section {
padding: 30px 0 20px
}
.pay-section__main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: -18px;
margin-right: -18px;
padding: 16px 0 0
}
@media screen and (max-width: 1150px) {
.pay-section__main {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0
}
}
.pay-section__calc,.pay-section__inquiry {
padding-left: 18px;
padding-right: 18px
}
@media screen and (max-width: 1150px) {
.pay-section__calc,.pay-section__inquiry {
width:100%;
max-width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 0;
padding-right: 0
}
}
.pay-section__calc {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media screen and (max-width: 1150px) {
.pay-section__calc {
margin:0 0 25px
}
}
@media screen and (min-width: 561px) {
.pay-section .title {
padding-left:35px
}
}
.calc {
width: 100%;
min-height: 477px
}
.inquiry-block {
padding: 28px 36px 48px;
width: 340px;
border-radius: 15px;
border: 4px solid #f0f0f0;
background-color: #fff;
text-align: center
}
@media screen and (max-width: 1150px) {
.inquiry-block {
margin:auto
}
}
@media screen and (max-width: 370px) {
.inquiry-block {
width:100%
}
}
.inquiry-block.inquiry-block--alternative {
text-align: left;
padding: 22px 24px 33px
}
.inquiry-block.inquiry-block--alternative .inquiry-block__title {
font-size: 32px;
font-weight: 400;
line-height: 40px;
margin: 0
}
@media screen and (max-width: 425px) {
.inquiry-block.inquiry-block--alternative .inquiry-block__title {
font-size:26px;
line-height: 33px
}
}
.inquiry-block.inquiry-block--alternative p {
margin: 15px 0 20px
}
.inquiry-block__title {
color: #00395a;
font-size: 32px;
font-weight: 300;
line-height: 45px;
margin: 0 0 26px
}
@media screen and (max-width: 370px) {
.inquiry-block__title {
font-size:26px;
line-height: 36px
}
}
.inquiry-block__btn {
border-radius: 3px;
padding: 12px 32px
}
.uvocalc {
border-radius: 15px;
background-color: #fafafa;
padding: 24px 35px
}
@media screen and (max-width: 425px) {
.uvocalc {
padding:15px
}
}
.uvocalc :focus {
outline: 0
}
.uvocalc--wrapper {
max-width: 780px;
min-width: 520px;
margin: 0 auto 20px
}
@media (max-width: 767px) {
.uvocalc--wrapper {
min-width:0
}
}
.uvocalc--container form[style*=block] {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.uvocalc--container label {
display: block;
color: #3e454c;
font-size: 15px;
line-height: 18px
}
.uvocalc--select {
position: relative;
margin-top: 12px;
background-color: #fff;
border-radius: 7px;
border: 1px solid #c7d3d9;
padding: 1px;
overflow: hidden;
-webkit-transition: border .3s ease;
transition: border .3s ease
}
.uvocalc--select:focus,.uvocalc--select:hover {
border-color: #aaa
}
.uvocalc--select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 37px;
width: 100%;
background-color: transparent;
color: #3e454c;
font-size: 1rem;
border: 0;
border-radius: 5px;
padding: 0 0 0 10px
}
.uvocalc--select:after,.uvocalc--select:before {
content: "";
pointer-events: none;
position: absolute
}
.uvocalc--select:before {
bottom: 0;
background-color: #fff;
width: 25px;
top: 0;
right: 0
}
.uvocalc--select:after {
display: inline-block;
right: 18px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 4px 5px 0;
border-color: #00395a transparent transparent;
z-index: 1
}
.uvocalc--type_of_paper {
width: calc(100% - 152px);
padding-right: 23px
}
@media (max-width: 479px) {
.uvocalc--type_of_paper {
width:100%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding-right: 0
}
}
.uvocalc--pages {
width: 150px
}
@media (max-width: 479px) {
.uvocalc--pages {
width:100%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 0;
margin-bottom: 10px
}
.uvocalc--submit__container .btn {
padding: 12px 0
}
}
.uvocalc--pages__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 18px
}
@media (max-width: 479px) {
.uvocalc--pages__title {
width:50%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.uvocalc--pages__words {
color: #636363;
font-size: 15px
}
.uvocalc--pages__buttons {
width: 100%;
margin-top: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: 5px;
border: 1px solid #c7d3d9
}
@media (max-width: 479px) {
.uvocalc--pages__buttons {
width:50%;
margin-top: 0
}
}
.uvocalc--pages__buttons button {
height: 38px;
width: 38px;
background-color: transparent;
border: 0;
padding: 0;
position: relative;
cursor: pointer
}
.uvocalc--pages__buttons button:before {
content: "";
width: 1px;
position: absolute;
top: 6px;
right: 0;
bottom: 6px;
background-color: #c5c5c5;
display: none
}
@media (max-width: 479px) {
.uvocalc--pages__buttons button {
height:43px
}
}
.uvocalc--pages__buttons button span {
display: block;
height: 32px;
width: 32px;
margin: auto;
position: relative;
overflow: hidden;
text-indent: -50px;
border-radius: 5px;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease
}
.uvocalc--pages__buttons button span:before {
content: "";
width: 11px;
height: 3px;
background-color: #00395a;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto
}
.uvocalc--pages__buttons button span:after,.uvocalc--pages__buttons button span:before {
-webkit-transition: background-color .2s;
transition: background-color .2s
}
@media (max-width: 479px) {
.uvocalc--pages__buttons button span {
height:38px
}
}
.uvocalc--pages__buttons button[data-plus-button]:before {
left: 0;
right: auto
}
.uvocalc--pages__buttons button[data-plus-button] span:after {
content: "";
width: 3px;
height: 11px;
background-color: #00395a;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto
}
.uvocalc--pages__buttons button:focus span:after,.uvocalc--pages__buttons button:focus span:before,.uvocalc--pages__buttons button:hover span:after,.uvocalc--pages__buttons button:hover span:before {
background-color: #fec137
}
.uvocalc--pages__buttons button:disabled,.uvocalc--pages__buttons button:disabled:hover,.uvocalc--pages__buttons button[disabled=disabled],.uvocalc--pages__buttons button[disabled=disabled]:hover {
cursor: default
}
.uvocalc--pages__buttons button:disabled span:after,.uvocalc--pages__buttons button:disabled span:before,.uvocalc--pages__buttons button:disabled:hover span:after,.uvocalc--pages__buttons button:disabled:hover span:before,.uvocalc--pages__buttons button[disabled=disabled] span:after,.uvocalc--pages__buttons button[disabled=disabled] span:before,.uvocalc--pages__buttons button[disabled=disabled]:hover span:after,.uvocalc--pages__buttons button[disabled=disabled]:hover span:before {
background-color: rgba(50,66,75,.5)
}
.uvocalc--pages__buttons input[type=text] {
height: 39px;
width: calc(100% - 76px);
text-align: center;
border: 0;
border-radius: 0;
color: #3e454c;
font-size: 16px;
font-weight: 700
}
.uvocalc--field_tip {
width: 100%;
font-size: .75rem;
padding: 10px 3% 0
}
@media (max-width: 680px) {
.uvocalc--field_tip {
padding:0 15px
}
}
@media (max-width: 479px) {
.uvocalc--field_tip {
-webkit-box-ordinal-group:3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
padding: 5px 0
}
}
.uvocalc--academic_level {
width: 100%;
overflow: hidden
}
@media (max-width: 479px) {
.uvocalc--academic_level {
-webkit-box-ordinal-group:2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
}
.uvocalc--academic_level>label {
display: none;
padding: 10px
}
@media (max-width: 767px) {
.uvocalc--academic_level>label {
display:block
}
}
.uvocalc--academic_level .visible-in-mobile {
display: none;
padding: 0 0 15px;
border-bottom: 0
}
@media (max-width: 767px) {
.uvocalc--academic_level .visible-in-mobile {
display:block
}
}
*,.box table ul,.simple-page table ul,.uvocalc--academic_level .visible-in-mobile .uvocalc--select,body>.holder-width table ul {
margin: 0
}
@media (max-width: 767px) {
.uvocalc--academic_level .visible-in-desktop {
display:none
}
}
.uvocalc--academic_level_control,.uvocalc--academic_level_control label {
padding: 10px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-bottom: 2px solid #eee
}
.uvocalc--academic_level_content__input input[type=radio],.uvocalc--academic_level_control input[type=radio] {
position: absolute;
top: 0;
left: -30px;
opacity: 0
}
.uvocalc--academic_level_control label {
position: relative;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
padding: 15px 5px;
border-top: 2px solid #eee;
border-left: 2px solid #eee;
border-bottom: 0;
cursor: pointer;
font-size: calc(.9375rem - 1%);
line-height: 120%;
color: #3e454c;
width: 18%;
-webkit-transition: font-weight .3s ease,color .3s ease,background-color .3s ease;
transition: font-weight .3s ease,color .3s ease,background-color .3s ease;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.uvocalc--academic_level_control label:nth-of-type(2),.uvocalc--academic_level_control label:nth-of-type(3) {
width: 24%
}
.uvocalc--academic_level_control label:last-child {
border-right: 2px solid #f0f0f0
}
.uvocalc--academic_level_control label.current,.uvocalc--academic_level_control label:focus,.uvocalc--academic_level_control label:hover {
background-color: #fff
}
.uvocalc--academic_level_control label.current {
font-weight: 600;
color: #3e454c;
-webkit-box-shadow: 0 2px 0 #fff,inset 0 3px #fec137;
box-shadow: 0 2px 0 #fff,inset 0 3px #fec137;
border-top-color: #fec137
}
.uvocalc--academic_level_control label span {
display: block;
font-size: .75rem;
color: #555
}
.uvocalc--academic_level_control label.current span {
color: #3e454c;
font-weight: 400
}
.uvocalc--academic_level_content {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 20px 3%;
border: 2px solid #f0f0f0;
border-top: 0;
margin-bottom: 15px;
background-color: #fff;
position: relative
}
.uvocalc--academic_level_content:after,.uvocalc--academic_level_content:before {
content: "";
position: absolute;
top: -5px;
height: 20px;
background-color: #f0f0f0;
width: 2px;
display: inline-block;
background: 0 0;
border: 2px solid #f0f0f0
}
.uvocalc--academic_level_content:before {
left: -4px
}
.uvocalc--academic_level_content:after {
right: -4px
}
@media (max-width: 767px) {
.uvocalc--academic_level_content {
display:block;
padding: 0;
border: 0
}
}
.uvocalc--academic_level_content label {
cursor: pointer;
text-align: center;
min-width: 12%;
border-radius: 7px;
border: 4px solid #f0f0f0;
background-color: #fafafa;
padding: 12px 5px;
-webkit-transition: border .3s ease,background-color .3s ease,-webkit-box-shadow .3s ease;
transition: border .3s ease,box-shadow .3s ease,background-color .3s ease;
transition: border .3s ease,box-shadow .3s ease,background-color .3s ease,-webkit-box-shadow .3s ease
}
@media (min-width: 768px) {
.uvocalc--academic_level_content label {
display:-webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.uvocalc--academic_level_content__min label {
min-width: 10%
}
@media (max-width: 767px) {
.uvocalc--academic_level_content label {
display:-webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 5px;
padding: 0 5px
}
}
.uvocalc--academic_level_content label:focus,.uvocalc--academic_level_content label:hover {
background-color: #f5f5f5
}
.uvocalc--academic_level_content label:focus .uvocalc--academic_level_content__input:before,.uvocalc--academic_level_content label:hover .uvocalc--academic_level_content__input:before {
opacity: 1
}
.uvocalc--academic_level_content label.active {
background-color: #fff;
border-color: #fec137
}
.uvocalc--academic_level_content label.active .uvocalc--academic_level_content__input {
background-color: #fec137;
border-color: #fec137
}
.uvocalc--academic_level_content label.active .uvocalc--academic_level_content__input:before {
border-color: #fff;
opacity: 1
}
.uvocalc--academic_level_content__input {
position: relative;
height: 26px;
width: 26px;
border-radius: 50%;
overflow: hidden;
background-color: #fff;
border: 1px solid #cbcbcb;
margin: 15px auto 5px
}
.uvocalc--academic_level_content__input:before {
content: "";
width: 7px;
height: 11px;
position: absolute;
top: 0;
right: 0;
bottom: 1px;
left: 0;
margin: auto;
border-right: 3px solid #cbcbcb;
border-bottom: 3px solid #cbcbcb;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 0
}
@media (max-width: 767px) {
.uvocalc--academic_level_content__input {
-webkit-box-ordinal-group:2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin: auto 0 auto 10px
}
}
.uvocalc--academic_level_content__price {
font-size: 1.625rem;
font-weight: 700;
line-height: 28px
}
.uvocalc--academic_level_content__price strong {
font-size: .8125rem;
line-height: 28px;
vertical-align: top;
margin-right: 3px
}
.uvocalc--academic_level_content__price span,.uvocalc--academic_level_content__time span {
display: block;
font-size: .8125rem;
font-weight: 400;
line-height: 1;
color: #a0a0a0
}
@media (max-width: 767px) {
.uvocalc--academic_level_content__price {
-webkit-box-ordinal-group:3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
}
.uvocalc--academic_level_content__time {
font-size: 1.25rem;
font-weight: 700;
line-height: 130%;
color: #3e454c;
margin: 10px 0
}
@media (max-width: 767px) {
.uvocalc--academic_level_content__time {
-webkit-box-ordinal-group:3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
text-align: left
}
}
.uvocalc--academic_level_content__date {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: .75rem;
line-height: 130%;
color: #3e454c;
max-width: 55px;
min-height: 30px;
margin: auto;
text-align: center
}
@media (min-width: 768px) {
.uvocalc--academic_level_content__date {
margin:auto auto 0;
min-height: auto
}
}
@media (max-width: 767px) {
.uvocalc--academic_level_content__date {
-webkit-box-ordinal-group:3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin: auto 10px auto 0;
width: 100%;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 0;
text-align: right
}
}
@media (max-width: 479px) {
.uvocalc--deadline,.uvocalc--submit__container,.uvocalc--total_price_container {
-webkit-box-ordinal-group:4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
}
.uvocalc--deadline {
margin-left: 0;
width: 42%;
min-width: 250px;
font-size: .875rem;
line-height: 120%;
color: #636363;
padding-top: 7px
}
@media (max-width: 992px) {
.uvocalc--deadline {
width:47%
}
}
@media (max-width: 767px) {
.uvocalc--deadline {
padding-top:10px;
margin: 0 0 15px;
width: calc(100% - 20px)
}
}
@media (max-width: 479px) {
.uvocalc--deadline {
min-width:0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
}
.samples-page .samples-filter .other-samples-dropdown .dropdown-filter-item span,.uvocalc--deadline strong span {
font-weight: 400
}
.uvocalc--total_price_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 3%;
min-height: 45px;
width: calc(52% - 170px);
margin: 0
}
@media (max-width: 992px) {
.uvocalc--total_price_container {
width:47%
}
}
@media (max-width: 767px) {
.uvocalc--total_price_container {
width:50%;
padding: 0 10px 0 0;
margin: 0;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.uvocalc--total_price {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #f39c12;
font-size: 2.125rem;
font-weight: 700
}
@media (max-width: 479px) {
.uvocalc--total_price {
font-size:1.5rem
}
}
.uvocalc--total_price span {
font-size: 1.25rem;
margin-right: 3px
}
@media (max-width: 479px) {
.uvocalc--total_price span {
font-size:1rem
}
}
.uvocalc--total_price_title {
font-size: 1rem;
line-height: 120%;
color: #636363;
margin-right: 10px
}
.uvocalc--submit__container {
margin-right: 0;
margin-left: auto;
width: 200px;
padding: 0
}
.uvocalc--submit__container .btn {
width: 100%;
border-radius: 3px
}
@media (max-width: 767px) {
.uvocalc--submit__container {
margin-right:0;
width: calc(50% - 10px);
padding: 0 0 10px
}
}
.uvocalc--info_container {
text-align: center;
font-size: .875rem;
line-height: 130%;
color: #636363;
margin-top: 10px
}
.uvocalc--animate_level {
position: relative;
width: 60px;
height: 28px;
margin: auto;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000;
perspective: 1000
}
.uvocalc--animate_level__new,.uvocalc--animate_level__old {
width: 100%;
position: absolute;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
line-height: 28px;
text-align: center
}
.uvocalc--animate_level__old {
display: none
}
.animate .uvocalc--animate_level__old {
display: block;
-webkit-transform: rotateY(0deg) translateZ(0);
transform: rotateY(0deg) translateZ(0);
-webkit-box-shadow: inset -8px 0 10px -8px transparent;
box-shadow: inset -8px 0 10px -8px transparent;
z-index: 1;
-webkit-animation: flip_old .3s ease-in-out 1 forwards;
animation: flip_old .3s ease-in-out 1 forwards
}
.animate .uvocalc--animate_level__new {
-webkit-transform: rotateY(90deg) translateZ(0);
transform: rotateY(90deg) translateZ(0);
-webkit-box-shadow: inset 8px 0 10px -8px rgba(0,0,0,.2);
box-shadow: inset 8px 0 10px -8px rgba(0,0,0,.2);
color: #f39c12;
-webkit-animation: flip_new .3s ease-in-out 1 forwards;
animation: flip_new .3s ease-in-out 1 forwards
}
.uvocalc--academic_level_content label:nth-of-type(2) .animate .uvocalc--animate_level__new,.uvocalc--academic_level_content label:nth-of-type(2) .animate .uvocalc--animate_level__old {
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.uvocalc--academic_level_content label:nth-of-type(3) .animate .uvocalc--animate_level__new,.uvocalc--academic_level_content label:nth-of-type(3) .animate .uvocalc--animate_level__old {
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.uvocalc--academic_level_content label:nth-of-type(4) .animate .uvocalc--animate_level__new,.uvocalc--academic_level_content label:nth-of-type(4) .animate .uvocalc--animate_level__old {
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.uvocalc--academic_level_content label:nth-of-type(5) .animate .uvocalc--animate_level__new,.uvocalc--academic_level_content label:nth-of-type(5) .animate .uvocalc--animate_level__old {
-webkit-animation-delay: .4s;
animation-delay: .4s
}
.uvocalc--academic_level_content label:nth-of-type(6) .animate .uvocalc--animate_level__new,.uvocalc--academic_level_content label:nth-of-type(6) .animate .uvocalc--animate_level__old {
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.uvocalc--academic_level_content label:nth-of-type(7) .animate .uvocalc--animate_level__new,.uvocalc--academic_level_content label:nth-of-type(7) .animate .uvocalc--animate_level__old {
-webkit-animation-delay: .6s;
animation-delay: .6s
}
.uvocalc--academic_level_content label:nth-of-type(8) .animate .uvocalc--animate_level__new,.uvocalc--academic_level_content label:nth-of-type(8) .animate .uvocalc--animate_level__old {
-webkit-animation-delay: .7s;
animation-delay: .7s
}
@media (max-width: 479px) {
.uvocalc--submit__container {
width:50%
}
.uvocalc--submit__container .btn {
padding: 13px 0
}
}
@media (max-width: 360px) {
.uvocalc--pages__title,.uvocalc--total_price_container {
width:42%
}
.uvocalc--pages__buttons,.uvocalc--submit__container {
width: 57%
}
}
.guarantee-section {
padding: 17px 0
}
.guarantee-section .title+p {
max-width: 770px
}
.guarantee-section__inner {
background-color: #fafafa;
border-radius: 25px;
padding: 30px 37px 43px
}
@media screen and (max-width: 1215px) {
.guarantee-section__inner {
padding:30px 37px
}
}
@media screen and (max-width: 767px) {
.guarantee-section__inner {
padding:10px 15px 15px
}
}
.guarantee-section__main {
margin: 36px 0 0
}
.guarantee-box__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: -24px;
margin-right: -24px
}
@media screen and (max-width: 1215px) {
.guarantee-box__inner {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.guarantee-box__item {
max-width: 25%;
width: 25%;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding-left: 24px;
padding-right: 24px
}
@media screen and (max-width: 1215px) {
.guarantee-box__item {
max-width:50%;
width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-bottom: 15px
}
}
@media screen and (max-width: 767px) {
.guarantee-box__item {
max-width:100%;
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.guarantee-item__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.guarantee-item__descr {
font-size: 15px;
line-height: 20px;
margin: 4px 0 0
}
.guarantee-item__img {
position: relative;
width: 50px;
height: 50px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 13px 0 0
}
@media screen and (max-width: 767px) {
.guarantee-item__img {
width:54px!important
}
}
.guarantee-item__img:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.guarantee-item:nth-of-type(1) .guarantee-item__img {
width: 40px;
height: 63px;
margin-top: -6px
}
.guarantee-item:nth-of-type(1) .guarantee-item__img:before,.guarantee-item:nth-of-type(2) .guarantee-item__img:before {
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -98px -77px;
height: 63px;
width: 40px
}
.guarantee-item:nth-of-type(2) .guarantee-item__img:before {
background-position: -138px -140px;
height: 50px;
width: 50px
}
.guarantee-item:nth-of-type(3) .guarantee-item__img {
width: 44px;
height: 50px
}
.guarantee-item:nth-of-type(3) .guarantee-item__img:before,.guarantee-item:nth-of-type(4) .guarantee-item__img:before {
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -188px -190px;
height: 50px;
width: 44px
}
.guarantee-item:nth-of-type(4) .guarantee-item__img:before {
background-position: -232px -240px;
width: 50px
}
.guarantee-sheet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -30px;
margin-right: -30px
}
@media screen and (max-width: 767px) {
.guarantee-sheet {
display:block;
margin-left: 0;
margin-right: 0
}
}
@media screen and (min-width: 768px) {
.guarantee-sheet__col {
padding-left:30px;
padding-right: 30px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media screen and (max-width: 767px) {
.guarantee-sheet__col:not(:last-of-type) {
margin:0 0 30px
}
}
.guarantee-sheet__title {
font-size: 22px;
font-weight: 700;
line-height: 30px;
margin: 0 0 10px
}
.guarantee-sheet p {
margin: 0 0 18px
}
.guarantee-sheet li:not(:last-of-type) {
margin: 0 0 17px
}
.why-us-section {
padding: 30px 0 10px
}
.why-us-block {
padding: 25px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 1000px) {
.why-us-block {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0 0
}
}
.why-us-block__item {
max-width: 328px;
width: 33.33%;
-webkit-flex-basis: 33.33%;
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
padding: 0 0 0 37px;
margin: 0 0 15px
}
@media screen and (max-width: 1000px) {
.why-us-block__item {
max-width:100%;
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0
}
}
.why-us-block__item p {
position: relative;
padding: 0 0 0 21px;
margin: 0
}
.why-us-block__item p:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 8px;
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -89px -70px;
height: 7px;
width: 9px
}
.last-orders-section {
padding: 29px 0 15px
}
.last-orders-section__main {
padding: 12px 0 0
}
@media screen and (min-width: 1001px) and (max-width:1250px) {
.last-orders-section__main {
padding-left:50px;
padding-right: 50px
}
}
.last-orders-slider__item {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.last-orders-slider__item .last-orders-item__inner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.last-orders-item {
padding-left: 3px;
padding-right: 3px
}
.last-orders-item__inner {
min-width: 370px;
padding: 25px 32px 18px;
border-radius: 15px;
border: 4px solid #f0f0f0;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width: 1250px) {
.last-orders-item__inner {
min-width:240px
}
}
@media screen and (max-width: 420px) {
.last-orders-item__inner {
padding:23px 18px
}
}
.last-orders-item__title {
font-size: 15px;
font-weight: 700;
line-height: 22px
}
.last-orders-item__content {
padding: 10px 0 0
}
@media screen and (min-width: 768px) {
.last-orders-item__content {
margin-top:auto
}
}
.last-orders-item__properties {
border-collapse: collapse
}
.last-orders-item__properties tr td {
line-height: 26px
}
.last-orders-item__properties tr td:nth-of-type(1) {
white-space: nowrap;
font-size: 13px;
padding: 0 43px 0 0
}
.last-orders-item__properties tr td:nth-of-type(2) {
width: 100%;
font-size: 15px;
font-weight: 700
}
.last-orders-item__properties tr:nth-last-child(2) td {
padding-bottom: 12px
}
.last-orders-item__properties tr:last-of-type td {
padding-top: 12px;
border-top: #f0f0f0 solid 2px
}
.faq {
max-width: 800px
}
.accordion,.toggle-list {
padding: 10px 0 15px
}
.accordion a:not(.btn),.seo-section a:not(.btn),.toggle-list a:not(.btn) {
color: #2d5b74;
display: inline-block;
border-bottom: #d6dce0 1px solid;
-webkit-transition: color .2s,border-color .2s;
transition: color .2s,border-color .2s
}
.accordion a:not(.btn):hover,.box a:not(.btn):hover,.seo-section a:not(.btn):hover,.simple-page a:not(.btn):hover,.toggle-list a:not(.btn):hover,body>.holder-width a:not(.btn):hover {
color: #002234;
border-color: rgba(0,26,41,.8)
}
.accordion li.open .accordion__item-head:after,.accordion li.open .toggle-link:after,.accordion__item.open .accordion__item-head:after,.accordion__item.open .toggle-link:after,.toggle-list li.open .accordion__item-head:after,.toggle-list li.open .toggle-link:after,.toggle-list__item.open .accordion__item-head:after,.toggle-list__item.open .toggle-link:after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg)
}
.accordion li .toggle-link,.accordion li-head,.accordion__item .toggle-link,.accordion__item-head,.toggle-list li .toggle-link,.toggle-list li-head,.toggle-list__item .toggle-link,.toggle-list__item-head {
font-size: 20px;
font-weight: 700;
line-height: 28px;
border-radius: 7px;
background-color: #fafafa;
position: relative;
padding: 11px 55px 11px 36px;
margin: 0 0 6px;
cursor: pointer;
-webkit-transition: background-color .25s;
transition: background-color .25s;
-webkit-appearance: none;
border: 0;
outline: 0;
display: block;
width: 100%;
text-align: left
}
.accordion li .toggle-link:focus,.accordion li .toggle-link:hover,.accordion li-head:focus,.accordion li-head:hover,.accordion__item .toggle-link:focus,.accordion__item .toggle-link:hover,.accordion__item-head:focus,.accordion__item-head:hover,.toggle-list li .toggle-link:focus,.toggle-list li .toggle-link:hover,.toggle-list li-head:focus,.toggle-list li-head:hover,.toggle-list__item .toggle-link:focus,.toggle-list__item .toggle-link:hover,.toggle-list__item-head:focus,.toggle-list__item-head:hover {
background-color: #efefef
}
@media screen and (max-width: 767px) {
.accordion li .toggle-link,.accordion li-head,.accordion__item .toggle-link,.accordion__item-head,.toggle-list li .toggle-link,.toggle-list li-head,.toggle-list__item .toggle-link,.toggle-list__item-head {
font-size:18px;
line-height: 26px;
padding: 9px 40px 9px 20px
}
}
@media screen and (max-width: 425px) {
.accordion li .toggle-link,.accordion li-head,.accordion__item .toggle-link,.accordion__item-head,.toggle-list li .toggle-link,.toggle-list li-head,.toggle-list__item .toggle-link,.toggle-list__item-head {
font-weight:400
}
}
.accordion li .toggle-link:after,.accordion li-head:after,.accordion__item .toggle-link:after,.accordion__item-head:after,.toggle-list li .toggle-link:after,.toggle-list li-head:after,.toggle-list__item .toggle-link:after,.toggle-list__item-head:after {
content: "";
position: absolute;
display: inline-block;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 4px 5px 0;
border-color: #00395a transparent transparent;
z-index: 1;
-webkit-transition: .19s transform;
transition: .19s transform
}
@media screen and (max-width: 767px) {
.accordion li .toggle-link:after,.accordion li-head:after,.accordion__item .toggle-link:after,.accordion__item-head:after,.toggle-list li .toggle-link:after,.toggle-list li-head:after,.toggle-list__item .toggle-link:after,.toggle-list__item-head:after {
right:17px
}
}
.accordion li .toggle-content,.accordion li-hidden,.accordion__item .toggle-content,.accordion__item-hidden,.toggle-list li .toggle-content,.toggle-list li-hidden,.toggle-list__item .toggle-content,.toggle-list__item-hidden {
height: 0;
overflow: hidden;
-webkit-transition: height .2s;
transition: height .2s;
padding: 0 36px
}
@media screen and (max-width: 767px) {
.accordion li .toggle-content,.accordion li-hidden,.accordion__item .toggle-content,.accordion__item-hidden,.toggle-list li .toggle-content,.toggle-list li-hidden,.toggle-list__item .toggle-content,.toggle-list__item-hidden {
padding:0 20px
}
}
.accordion li .toggle-content p,.accordion li-hidden p,.accordion__item .toggle-content p,.accordion__item-hidden p,.toggle-list li .toggle-content p,.toggle-list li-hidden p,.toggle-list__item .toggle-content p,.toggle-list__item-hidden p {
padding: 10px 0;
font-size: 15px;
line-height: 20px;
margin: 0 0 6px
}
@media screen and (max-width: 425px) {
.accordion li .toggle-content p,.accordion li-hidden p,.accordion__item .toggle-content p,.accordion__item-hidden p,.toggle-list li .toggle-content p,.toggle-list li-hidden p,.toggle-list__item .toggle-content p,.toggle-list__item-hidden p {
font-weight:300
}
}
.faq-section {
padding: 10px 0
}
.cta-section {
padding: 10px 0 50px
}
.cta-block {
border-radius: 15px;
border: 4px solid #f0f0f0;
background-color: #fff;
padding: 26px 35px 40px;
max-width: 800px
}
@media screen and (max-width: 1000px) {
.cta-block {
padding:21px 25px 29px
}
}
.cta-block__title {
font-size: 32px;
line-height: 40px;
font-weight: 400;
margin: 0 0 12px
}
@media screen and (max-width: 1000px) {
.cta-block__title {
font-size:27px;
line-height: 34px
}
}
@media screen and (max-width: 565px) {
.cta-block__title {
font-size:22px;
line-height: 28px
}
}
.cta-block p {
font-size: 20px;
line-height: 26px;
margin: 0 0 21px
}
@media screen and (max-width: 1000px) {
.cta-block p {
font-size:15px;
line-height: 20px
}
}
.cta-block__btn {
padding: 15px 48px
}
@media screen and (max-width: 565px) {
.cta-block__btn {
padding:13px 20px
}
}
.price-factors {
padding: 25px;
width: 340px;
border-radius: 15px;
border: 4px solid #f0f0f0;
background-color: #fff
}
@media screen and (max-width: 1150px) {
.price-factors {
margin:auto
}
}
@media screen and (max-width: 370px) {
.price-factors {
width:100%
}
}
.price-factors__title {
font-size: 32px;
font-weight: 400;
line-height: 40px;
margin: 0 0 27px
}
@media screen and (max-width: 425px) {
.price-factors__title {
font-size:26px;
line-height: 33px
}
}
.price-factors__items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center
}
.price-factors__item {
max-width: 71px;
-webkit-flex-basis: 71px;
-ms-flex-preferred-size: 71px;
flex-basis: 71px
}
.price-factors__item-img {
position: relative;
width: 46px;
height: 50px;
margin: auto
}
.price-factors__item-img:before {
content: "";
position: absolute;
left: 0;
top: 0;
display: inline-block;
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -788px -510px;
height: 50px;
width: 44.68px
}
.price-factors__item:nth-of-type(2) .price-factors__item-img:before,.price-factors__item:nth-of-type(3) .price-factors__item-img:before {
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -833px -560px;
height: 50px;
width: 44px
}
.price-factors__item:nth-of-type(3) .price-factors__item-img:before {
background-position: -877px -610px;
width: 45px
}
.price-factors__item-text {
margin: 9px 0 0;
font-size: 15px;
line-height: 22px
}
.seo-section {
padding: 18px 0 60px
}
@media screen and (min-width: 1024px) {
.seo-section__text {
max-width:850px
}
}
.seo-section__text .title:not(:first-child) {
padding-top: 25px
}
.seo-section__text p {
margin: 0 0 7px
}
.seo-section__text p.large-spacing {
padding-top: 10px
}
.seo-section__text ol {
margin: 0 0 10px
}
.seo-section__text ol li {
margin: 0 0 5px;
font-size: 15px;
line-height: 22px
}
.seo-section__text--2-columns {
max-width: none
}
.seo-section__text--2-columns .seo-section__text-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -33px;
margin-right: -33px
}
@media screen and (max-width: 1000px) {
.seo-section__text--2-columns .seo-section__text-row {
margin-left:0;
margin-right: 0
}
}
.seo-section__text--2-columns .grid50 {
width: 50%;
max-width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-left: 33px;
padding-right: 33px;
padding-bottom: 12px
}
@media screen and (max-width: 1000px) {
.seo-section__text--2-columns .grid50 {
width:100%;
max-width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 0;
padding-right: 0
}
}
.seo-section__buttons {
margin: 25px 0 0
}
.seo-section__buttons--single {
text-align: center;
padding: 7px 0
}
.box ol.list-numbers li ul,.seo-section ul,.simple-page ol.list-numbers li ul,body>.holder-width ol.list-numbers li ul {
margin: 0 0 15px
}
.seo-section ul li {
margin: 0 0 16px
}
.pay-buttons__item {
padding: 12px 33px
}
@media screen and (max-width: 420px) {
.pay-buttons__item {
display:block
}
}
.pay-buttons__item:first-of-type {
margin: 0 30px 0 0
}
@media screen and (max-width: 420px) {
.pay-buttons__item:first-of-type {
margin:0 0 15px
}
}
[hidden] {
display: none
}
.samples-page .samples-filter select[name=other-examples]:active,.samples-page .samples-filter select[name=other-examples]:focus,:focus {
outline: 0
}
::-moz-focus-inner {
outline: medium
}
:-moz-focusring {
outline: medium
}
:-moz-placeholder {
color: #777
}
a {
color: #1482ce
}
@media (max-width: 1280px) {
.holder-width {
width:auto
}
}
.footer ul li {
margin: 0 0 10px;
line-height: 1.6;
list-style: none
}
.holder-width,[class*=grid],[class*=sec] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.holder-width {
padding: 40px 15px;
margin: 0 auto;
width: 1170px
}
@media (max-width: 1280px) {
.holder-width {
width:auto
}
}
.holder-width:after {
display: block;
clear: both;
content: ""
}
.top-header,.top-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.top-header {
position: relative;
height: 74px;
background-color: #00395a
}
.top-menu {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-left: auto
}
@media (max-width: 560px) {
.top-header {
height:70px
}
}
@media (max-width: 1560px) {
.holder-width {
padding:50px 15px 30px 30px
}
.holder-width.top-menu-holder {
padding: 25px 15px 25px 30px
}
}
@media (max-width: 1023px) {
.holder-width {
position:relative
}
}
@media (max-width: 960px) {
.holder-width,.holder-width.top-menu-holder {
padding:40px 15px 30px
}
}
@media (max-width: 780px) {
.holder-width {
padding:40px 20px 30px;
margin: 0
}
}
@media screen and (max-width: 660px) {
.footer-copyright {
padding-bottom:40px
}
}
@media (max-width: 480px) {
.holder-width,.holder-width.top-menu-holder {
padding:20px 15px
}
}
@media screen and (max-width: 780px) {
.menu-top {
text-align:center
}
}
.affordable-prices {
background: #333;
color: #fff;
padding-bottom: 0
}
.affordable-prices .holder-width {
padding-bottom: 0
}
.footer {
background-color: #00395a
}
.footer ul {
margin: 0;
padding: 0
}
.footer-top {
color: #7a8b93;
font-size: 14px
}
.safety>div {
padding-bottom: 20px
}
.footer-top a {
color: rgba(240,240,240,.8)
}
.footer a:hover {
text-decoration: underline
}
.footer-col-header {
font-size: 18px;
font-weight: 700;
line-height: 1;
color: #fff;
margin-bottom: 25px
}
.footer-col-without-header {
margin-top: 43px
}
@media (max-width: 479px) {
.footer-col {
margin:0 0 25px
}
.footer-col-without-header {
margin-top: -25px
}
.footer-col-without-header+.footer-col-without-header {
margin-top: 0
}
}
.paypal {
display: inline-block;
width: 108px;
height: 31px;
background: url(./assets/images/sprite-icons.svg) -346px -13px no-repeat;
margin: 0 0 -12px -20px;
-webkit-transform: scale(.5);
transform: scale(.5)
}
.copyright {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 40px
}
.footer-copyright {
font-size: 14px;
padding-top: 20px
}
.footer-copyright .col-text {
overflow: hidden
}
.footer .holder-width {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 15px 20px
}
.footer .footer-links .container {
display: block;
padding-top: 30px;
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.footer .footer-links .container {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
@media only screen and (min-width: 1200px) {
.footer .footer-links .container {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}
.footer .holder-width:not(.footer-copyright)>* {
width: 100%;
max-width: 25%;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%
}
.footer .holder-width:not(.footer-copyright)>:last-child {
max-width: 160px
}
.accept-icons {
margin-bottom: 15px
}
.footer .holder-width.footer-copyright {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 0;
font-size: 15px;
color: #a5b2ba
}
@media (max-width: 640px) {
.footer .holder-width:not(.footer-copyright)>*,.footer .holder-width:not(.footer-copyright)>:last-child {
max-width:32%;
padding-right: 1%;
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%
}
}
@media (max-width: 480px) {
.footer .holder-width:not(.footer-copyright)>*,.footer .holder-width:not(.footer-copyright)>:last-child {
max-width:100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-right: 0
}
}
.footer-links {
background-color: #235c7d;
font-size: 14px
}
.footer-links li {
padding: 0;
vertical-align: top;
list-style-type: none
}
.box ol,.footer a,.simple-page ol,body>.holder-width ol {
font-size: 15px
}
.footer-links,.footer-links a {
color: rgba(240,240,240,.8)
}
@media (max-width: 768px) {
.footer-links ul {
width:50%
}
}
@media (max-width: 1200px) {
.footer-top .col.col4 {
text-align:left
}
}
@media (max-width: 480px) {
.footer-top .col.col4 {
text-align:center
}
.footer-links ul {
width: 100%
}
}
@media (max-width: 1200px) {
.footer ul,.footer-top .col.col3 {
padding:0
}
.footer-top .col {
width: 49%
}
.copyright {
margin-left: 0
}
}
@media (max-width: 780px) {
.footer .holder-width.footer-copyright {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 50px
}
.copyright {
float: none;
max-width: 100%;
width: 100%;
margin: 0 0 10px
}
}
@media (max-width: 480px) {
.footer-top .col {
width:100%;
padding: 0;
margin: 0
}
}
@media (max-width: 420px) {
#back-top {
display:none!important
}
}
#status {
line-height: 30px;
height: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: inline-block;
padding: 0 10px;
text-align: center
}
.Loader {
background-color: transparent;
width: 100%;
min-height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 99
}
.Loader--center-mode,.Loader--custom-mode {
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.Loader--custom-mode {
height: 70%
}
.Loader--top-mode {
display: block;
padding-top: 20px
}
.Loader__inner {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.6) rgba(0,0,0,.6);
margin: 0 auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: spinner-animation .6s infinite linear;
animation: spinner-animation .6s infinite linear;
position: relative
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
.Loader__inner {
margin: 0
}
}
.mcAfee {
margin: 0;
padding: 0;
border: 0;
background: url(/img/mcAfee.png) center center/92px 38px no-repeat #fff;
max-width: none;
max-height: none;
position: fixed;
height: 38px;
width: 92px;
overflow: hidden;
bottom: 0;
left: 20px;
z-index: 999;
cursor: pointer;
-webkit-box-shadow: rgba(0,0,0,.2) 0 0 5px 0;
box-shadow: rgba(0,0,0,.2) 0 0 5px 0;
border-top-right-radius: 2px;
border-top-left-radius: 2px
}
body>.holder-width {
width: auto
}
.box,.simple-page,body>.holder-width {
background: #f9f9f9;
padding: 20px 0
}
.box .boxIn,.box .container,.simple-page .boxIn,.simple-page .container,body>.holder-width .boxIn,body>.holder-width .container {
background-color: #fff;
padding: 50px 70px
}
@media screen and (max-width: 1000px) {
.box .boxIn,.box .container,.simple-page .boxIn,.simple-page .container,body>.holder-width .boxIn,body>.holder-width .container {
padding:25px
}
}
.box .hidden-info:before,.simple-page .hidden-info:before,body>.holder-width .hidden-info:before {
content: attr(data-title)
}
.box ul:not(.toggle-list),.simple-page ul:not(.toggle-list),body>.holder-width ul:not(.toggle-list) {
margin: 15px 0
}
.box ul:not(.toggle-list) li,.simple-page ul:not(.toggle-list) li,body>.holder-width ul:not(.toggle-list) li {
font-size: 15px
}
.box ul:not(.toggle-list) li:not(:last-of-type),.simple-page ul:not(.toggle-list) li:not(:last-of-type),body>.holder-width ul:not(.toggle-list) li:not(:last-of-type) {
margin: 0 0 10px
}
.box ol.list-numbers li ul li,.simple-page ol.list-numbers li ul li,body>.holder-width ol.list-numbers li ul li {
list-style-type: none
}
@media screen and (max-width: 767px) {
.box table,.simple-page table,body>.holder-width table {
display:block;
overflow: auto
}
}
.box table ul li:not(:last-of-type),.simple-page table ul li:not(:last-of-type),body>.holder-width table ul li:not(:last-of-type) {
margin: 0 0 5px
}
.box h1,.simple-page h1,body>.holder-width h1 {
font-weight: 900;
font-size: 60px;
line-height: 70px;
margin: 32px 0;
text-align: center
}
@media screen and (max-width: 1000px) {
.box h1,.simple-page h1,body>.holder-width h1 {
line-height:52px;
font-size: 44px;
margin: 20px 0
}
}
@media screen and (max-width: 560px) {
.box h1,.simple-page h1,body>.holder-width h1 {
line-height:40px;
font-size: 32px;
margin: 5px 0 10px
}
}
.box h2,.simple-page h2,body>.holder-width h2 {
font-size: 26px;
line-height: 34px;
margin: 20px 0 12px
}
.box h3,.simple-page h3,body>.holder-width h3 {
font-size: 22px;
line-height: 30px;
margin: 20px 0 12px
}
.box a:not(.btn),.simple-page a:not(.btn),body>.holder-width a:not(.btn) {
color: #2d5b74;
display: inline-block;
border-bottom: #d6dce0 1px solid;
-webkit-transition: color .2s,border-color .2s;
transition: color .2s,border-color .2s
}
[data-page=money_back_guarantee] .customwritings.speech-to-user {
display: none
}
@media screen and (min-width: 1024px) {
.seo-home {
display:-webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px
}
}
.seo-home p {
line-height: 24px
}
.seo-home__col {
margin: 0 0 25px
}
@media screen and (min-width: 1024px) {
.seo-home__col {
padding:0 12px;
width: 50%;
margin: 0 0 48px
}
}
.seo-home__col--1 .title,.seo-home__col--3 .title,.seo-home__col--4 .title {
border-bottom: 2px solid #fec137;
padding-bottom: 16px
}
.seo-home__col--1 .title:before {
background: #f0f0f0 url(./assets/images/home-seo-title-1.svg) no-repeat center/auto
}
@media screen and (min-width: 768px) {
.seo-home__col--2 .seo-home__col-inner {
display:-webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
@media screen and (min-width: 1216px) {
.seo-home__col--2 .seo-home__col-inner {
padding:111px 0 0
}
}
.seo-home__col--2 .seo-home__pic {
width: 100%;
height: 200px;
border-radius: 9px;
margin: 0 0 13px;
background: url(./assets/images/success-illustration.svg) no-repeat;
background-size: contain;
}
@media screen and (min-width: 768px) {
.seo-home__col--2 .seo-home__pic {
-webkit-flex-shrink:0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 267px;
height: auto;
margin: 0 24px 0 0
}
}
.seo-home__col--2 p:last-of-type {
text-align: center;
margin: 30px 0 0
}
.seo-home__col--2 p:last-of-type a {
display: inline-block
}
.seo-home__col--3 .title {
border-color: #f0f0f0
}
.seo-home__col--3 .seo-home__col-inner {
border: 4px solid #f0f0f0;
border-radius: 15px;
padding: 20px;
margin: 0 0 15px
}
@media screen and (min-width: 1024px) {
.seo-home__col--3 .seo-home__col-inner {
padding:30px
}
}
.seo-home__col--3 .seo-home__col-inner p:last-of-type {
margin-bottom: 0
}
.seo-home__col--4 .title:before {
background: #f0f0f0 url(./assets/images/home-seo-title-2.svg) no-repeat center/auto
}
@media screen and (min-width: 1024px) {
.seo-home__col--4 .seo-home__col-inner {
padding:34px 0 0
}
.seo-home__col--8 {
width: 100%
}
}
.seo-home__col--8 .title:before {
background: #fff url(./assets/images/support.svg) no-repeat center/auto;
display: block;
margin: 0 auto 15px
}
.seo-home__col--8 .seo-home__col-inner {
background: #f0f0f0;
border-radius: 8px;
text-align: center;
padding: 24px
}
@media screen and (min-width: 768px) {
.seo-home__col--8 .seo-home__col-inner {
padding:32px 24px 48px
}
}
.seo-home__col--8 .btn {
display: inline-block;
margin: 0
}
.seo-home__col--8 p:first-of-type {
margin: 16px auto 20px;
max-width: 364px
}
@media screen and (min-width: 768px) {
.seo-home__col--8 p:first-of-type {
margin:21px auto 28px
}
}
@media screen and (min-width: 1024px) {
.seo-home__col--5,.seo-home__col--6,.seo-home__col--7 {
width:33.33%
}
}
.seo-home__col--5 .title,.seo-home__col--6 .title,.seo-home__col--7 .title {
padding-left: 16px
}
@media screen and (min-width: 1024px) {
.seo-home__col--5 .title,.seo-home__col--6 .title,.seo-home__col--7 .title {
padding-left:30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 78px
}
}
.seo-home__col--5 .seo-home__col-inner div,.seo-home__col--6 .seo-home__col-inner div,.seo-home__col--7 .seo-home__col-inner div {
border-left: 2px solid #fec137;
padding-left: 16px
}
@media screen and (min-width: 1024px) {
.seo-home__col--5 .seo-home__col-inner div,.seo-home__col--6 .seo-home__col-inner div,.seo-home__col--7 .seo-home__col-inner div {
padding-left:30px
}
}
.seo-home__col--1 .title,.seo-home__col--4 .title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.seo-home__col--1 .title:before,.seo-home__col--4 .title:before {
display: inline-block;
margin: 0 16px 0 0
}
.seo-home__col--1 .title:before,.seo-home__col--4 .title:before,.seo-home__col--8 .title:before {
content: "";
width: 48px;
height: 48px;
border-radius: 50%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.webp .seo-home__col--2 .seo-home__pic {
background: url(./assets/images/success-illustration.svg) no-repeat -120px top/auto
}
.order-page {
font-family: "Lato",sans-serif
}
.order-page .bg-dark {
padding-top: 18px
}
.order-page .container {
padding: 25px;
max-width: 1182px
}
@media only screen and (max-width: 767px) {
.order-page .container {
padding:25px 15px
}
}
#root {
min-height: 450px
}
.flat-spinner {
margin: 90px auto;
position: relative;
border-top: 5px solid rgba(0,147,221,.2);
border-right: 5px solid rgba(0,147,221,.2);
border-bottom: 5px solid rgba(0,147,221,.2);
border-left: 5px solid #0093dd;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: flat-spinner 1s infinite linear;
animation: flat-spinner 1s infinite linear
}
.flat-spinner,.flat-spinner:after {
border-radius: 50%;
width: 64px;
height: 64px
}
.bundle-loading-error {
padding: 20px;
color: tomato;
border: 2px solid tomato;
display: table;
font: 700 16px Arial,sans-serif;
margin: 100px auto
}
.order-page__footer {
position: relative;
z-index: 0;
padding: 20px;
text-align: center;
font-size: 12px;
color: rgba(0,0,0,.45)
}
.order-page__footer::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 80px;
-webkit-mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(black),to(transparent));
-webkit-mask-image: linear-gradient(to right,transparent,#000,transparent);
mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(black),to(transparent));
mask-image: linear-gradient(to right,transparent,#000,transparent);
background-image: linear-gradient(to bottom,rgba(0,0,0,.22),rgba(0,0,0,.06) 3px,transparent)
}
.order-page__footer__links {
margin-bottom: 5px
}
.order-page__footer__link {
display: inline-block;
text-decoration: none;
margin-right: 15px;
color: rgba(0,0,0,.6)
}
.order-page__footer__link:hover {
color: rgba(0,0,0,.8)
}
.order-page__footer__copyrights {
margin-bottom: 5px
}
.page-error.cabinet {
padding: 0!important;
max-width: 100%;
height: 100%
}
.page-error.cabinet .btn {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
text-decoration: none;
position: relative;
z-index: 1;
font-size: 16px;
font-weight: 700;
line-height: 18px;
border-radius: 7px;
padding: 14px 43px;
cursor: pointer
}
.page-error.cabinet .btn--primary {
color: #4f3700;
-webkit-box-shadow: 0 4px 6px rgba(190,132,0,.3);
box-shadow: 0 4px 6px rgba(190,132,0,.3);
background-color: #fec137;
-webkit-transition: background-color .2s;
transition: background-color .2s
}
.page-error.cabinet .btn--primary:hover {
background-color: #f5b015
}
.page-error {
background: #fafafa;
font-family: "Lato"
}
.page-error .container {
width: 1170px;
padding-left: 15px;
padding-right: 15px;
background-color: transparent
}
@media screen and (max-width: 1250px) {
.page-error .container {
width:100%
}
}
.page-error header {
padding: 40px 0
}
.error-logo {
display: block;
width: 135px;
height: 50px
}
.page-error .container.container-error,.page-error .wrapper-all {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.page-error .wrapper-all {
min-height: 100%;
z-index: 1;
height: 100vh;
overflow: hidden;
position: relative
}
.page-error .container.container-error {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: auto 1 0;
-ms-flex: auto 1 0px;
flex: auto 1 0;
padding: 50px 15px 180px;
position: static
}
@media screen and (max-width: 360px) {
.page-error .container.container-error {
padding:50px 15px 115px
}
}
.container-error h1,.plagcheck-container .container-error h1 {
color: #00395a;
font-size: 40px;
font-weight: 700;
line-height: 50px;
text-transform: none;
margin: 0 0 15px
}
.container-error p,.plagcheck-container .container-error p {
color: #00395a;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin: 0 0 27px
}
.error-main {
z-index: 2;
position: relative;
max-width: 575px
}
.error-thing,.page-error .page-in {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.error-thing,.error-thing:after {
position: absolute;
border-radius: 78px
}
.error-thing {
z-index: 1;
right: -326px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 101px 54px;
top: -166px;
width: 1201px;
height: 627px;
background-color: #00395a;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.error-thing:after {
content: "";
display: inline-block;
left: 0;
top: -581px;
height: 500px;
width: 500px;
background-color: #fff;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.error-thing p {
color: #46545c;
font-size: 100px;
font-weight: 900;
line-height: 80px
}
.error-thing span {
color: #fec137;
font-size: 397px;
font-weight: 900;
line-height: 304px;
display: block;
padding-left: 19px
}
@media screen and (max-width: 1800px) {
.error-main {
max-width:480px
}
}
@media screen and (max-width: 1700px) {
.error-thing {
padding:82px 54px;
width: 1074px;
height: 568px
}
}
@media screen and (max-width: 1400px) {
.error-thing {
padding:56px 54px;
width: 997px;
height: 528px
}
.error-thing span {
font-size: 316px
}
}
@media screen and (max-width: 1130px) {
.error-thing {
width:868px;
height: 441px;
-webkit-transform: rotate(-45deg) scale(.7);
transform: rotate(-45deg) scale(.7)
}
.error-thing p {
font-size: 70px;
line-height: 70px
}
.error-thing span {
font-size: 249px;
line-height: 228px;
padding-left: 0
}
}
@media screen and (max-width: 1024px) and (max-height:768px) {
.page-error .container.container-error {
-webkit-box-pack:end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media screen and (max-width: 768px) {
.page-error header {
padding:15px 0
}
.error-thing {
-webkit-transform: rotate(-45deg) scale(.3);
transform: rotate(-45deg) scale(.3);
top: -206px;
right: -426px;
height: 390px
}
.error-thing:before {
display: none
}
.error-thing span {
font-size: 166px;
line-height: 160px
}
}
.page-error .header-main {
position: relative;
padding-bottom: 34px
}
.page-error .page-in {
max-width: 1000px;
padding: 0 10px;
margin: 0 auto;
position: relative
}
.page-error .menu-top {
position: absolute;
top: auto;
bottom: 0;
width: 100%;
left: 0
}
#fb-root div.fb_dialog.fb_dialog_advanced,#fb-root div.fb_dialog.fb_dialog_mobile,.page-error .menu-link.menu-order.btn-mq {
display: none!important
}
.menu-top.scroll.fixed,.page-error .menu-top.fixed {
-webkit-box-shadow: 0 1px 0 0 #6c9d33 inset,0 -1px 0 0 #6c9d33 inset,0 0 3px 0 rgba(0,0,0,.3);
box-shadow: 0 1px 0 0 #6c9d33 inset,0 -1px 0 0 #6c9d33 inset,0 0 3px 0 rgba(0,0,0,.3);
position: fixed;
bottom: auto;
top: 0;
z-index: 1090
}
.page-error .menu-top.scroll {
z-index: 9999;
position: absolute;
top: 100px
}
.page-error .menu-top.scroll .page-in {
position: absolute;
left: 0;
width: auto;
top: auto;
padding: 0;
display: none
}
.page-error .menu-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 100%
}
.page-error .menu-top.scroll .menu-wrap {
display: block;
width: auto;
height: auto;
border: 0
}
.page-error .menu-link,.page-error .menu-link:hover,.page-error .menu-link:visited {
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle
}
.page-error .menu-top.scroll .menu-link,.page-error .menu-top.scroll .menu-link:hover,.page-error .menu-top.scroll .menu-link:visited {
display: block;
height: auto;
border-bottom: none;
padding: 10px 25px;
text-align: left
}
.page-error .menu-top.scroll .butn-top,.page-error .menu-top.scroll .butn-top:hover,.page-error .menu-top.scroll .butn-top:visited {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
line-height: 98%;
height: 100%;
cursor: pointer;
vertical-align: middle;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.page-error .menu-top.scroll .menu-order,.page-error .menu-top.scroll .menu-order:hover,.page-error .menu-top.scroll .menu-order:visited {
border-color: #e74c3c
}
.page-error .menu-top.scroll .butn-top:first-child:after {
display: inline-block;
content: "";
height: 0;
width: 0;
vertical-align: middle;
margin-left: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff
}
.menu-order:active,.page-error .menu-order,.page-error .menu-order:hover,.page-error .menu-order:visited {
background: #e74c3c;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.page-error .menu-order:active,.page-error .menu-order:hover {
background: #df4232
}
.error-content {
padding-bottom: 3%
}
.error-content .page-in>div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15%;
padding-right: 15%;
line-height: 120%
}
.error-content,.error-content p,.red-headings h1 {
text-align: center;
font-size: 24px;
line-height: 150%
}
.error-content .error-title {
font-weight: 600;
line-height: 120%;
padding: 5% 0;
margin: 0 0 5%;
position: relative;
color: #333;
font-size: 40px;
text-transform: uppercase
}
.error-help {
color: #7f8c8d;
color: rgba(0,0,0,.35);
margin: 12% auto 10%
}
.error-content .error-title:after {
display: block;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #d4d6d7;
border-bottom: 1px solid #fff
}
.error-content div,.plagcheck-container .error-content div {
margin-left: auto;
margin-right: auto
}
@media screen and (max-width: 1215px) {
.promo-section--home .container:before {
display:none
}
}
.promo-section--home .promo-section__main {
margin: 50px 0 0
}
@media screen and (max-width: 1215px) {
.promo-section--home .promo-section__main {
margin:40px 0 0
}
}
@media screen and (max-width: 1000px) {
.promo-section--home .promo-section__main {
margin:30px 0 0
}
}
@media screen and (max-width: 565px) {
.promo-section--home .promo-section__main {
margin:0
}
}
.promo-section--home .promo-section__text {
margin: 0 0 45px;
position: relative
}
@media screen and (max-width: 1215px) {
.promo-section--home .promo-section__text {
max-width:455px
}
}
@media screen and (max-width: 1000px) {
.promo-section--home .promo-section__text {
max-width:380px
}
}
@media screen and (max-width: 767px) {
.promo-section--home .promo-section__text {
-webkit-box-ordinal-group:2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
max-width: none
}
}
.promo-section--home .promo-section__prices {
min-height: 359px
}
@media screen and (max-width: 767px) {
.promo-section--home .promo-section__prices {
min-height:315px
}
}
.promo-section--home .promo-section__stats {
margin: 0
}
.promo-section--cheap-book-report .promo-section__calc-short-bg:after {
background: url(./assets/images/seo/promo__bg--cheap-book-reports.png) no-repeat center/auto
}
.promo-section--cheap-thesis .promo-section__calc-short-bg:after {
background: url(./assets/images/seo/promo__bg--cheap-thesis.png) no-repeat center/auto
}
.promo-section--cheap-book-reviews .promo-section__calc-short-bg:after {
background: url(./assets/images/seo/promo__bg--cheap-book-reviews.png) no-repeat center/auto
}
.promo-section--cheap-research-papers .promo-section__calc-short-bg:after {
background: url(./assets/images/seo/promo__bg--cheap-research-papers.png) no-repeat center top/auto
}
.promo-section--cheap-term-papers:before {
background: url(./assets/images/seo/promo__pic--cheap-term-papers.jpg) no-repeat center/auto
}
.promo-section--nursing .promo-section__bg-inner:after {
background: url(./assets/images/seo/promo__bg--nursing.jpg) no-repeat center/auto
}
.promo-section--marketing .promo-section__bg-inner:after {
background: url(./assets/images/seo/promo__bg--marketing.jpg) no-repeat center/auto
}
.promo-section--english-papers .promo-section__bg-inner:after {
background: url(./assets/images/seo/promo__bg--english-papers.jpg) no-repeat center/auto
}
.promo-section--business .promo-section__bg-inner:after {
background: url(./assets/images/seo/promo__bg--business.jpg) no-repeat center/auto
}
.promo-section--management .promo-section__bg-inner:after {
background: url(./assets/images/seo/promo__bg--management.jpg) no-repeat center/auto
}
.promo-section--law .promo-section__bg-inner:after {
background: url(./assets/images/seo/promo__bg--law.jpg) no-repeat center/auto
}
.promo-section--admission-essay .promo-section__bg-inner:after {
background: url(./assets/images/seo/promo__bg--admission-essay.jpg) no-repeat center/auto
}
.promo-section--history .promo-section__bg-inner:after {
background: url(./assets/images/seo/promo__bg--history.jpg) no-repeat center/auto
}
.steps--cheap-homework {
background: url(./assets/images/seo/steps__bg--cheap-homework.jpg) no-repeat center/cover
}
.steps--cheap-book-report {
background: url(./assets/images/seo/steps__bg--cheap-book-reports.jpg) no-repeat center/cover
}
.steps--cheap-assignments {
background: url(./assets/images/seo/steps__bg--cheap-assignments.jpg) no-repeat center/cover
}
.steps--cheap-thesis {
background: url(./assets/images/seo/steps__bg--cheap-thesis.jpg) no-repeat center/cover
}
.steps--cheap-book-reviews {
background: url(./assets/images/seo/steps__bg--cheap-book-reviews.jpg) no-repeat center/cover
}
.steps--cheap-term-papers {
background: url(./assets/images/seo/steps__bg--cheap-term-papers.jpg) no-repeat center/cover
}
.steps--cheap-research-papers {
background: url(./assets/images/seo/steps__bg--cheap-research-papers.jpg) no-repeat center/cover
}
.testimonials-section--home {
padding-top: 50px
}
.red-headings h1 {
color: #00395a;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
letter-spacing: .96px;
margin-bottom: 38px
}
.red-headings h2,.red-headings h3 {
color: #f65c50;
text-transform: uppercase;
font-weight: 400!important
}
.red-headings h2 {
font-size: 24px;
line-height: 32px;
margin: 51px 0 13px
}
.red-headings h3 {
font-size: 20px;
line-height: 24px;
margin: 52px 0 16px
}
.red-headings p {
color: #363e49;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin: 0 0 20px
}
@media screen and (max-width: 1024px) {
.red-headings h1 {
font-size:36px;
line-height: 40px
}
}
@media screen and (max-width: 767px) {
.red-headings h1 {
font-size:36px;
line-height: 40px;
margin-bottom: 20px
}
.red-headings h2 {
margin: 30px 0 13px
}
.red-headings h3 {
margin: 36px 0 16px
}
}
@media screen and (max-width: 480px) {
.red-headings h2,.red-headings h3 {
text-transform:none
}
.red-headings h2 {
font-size: 21px;
line-height: 27px
}
.red-headings h3 {
font-size: 19px;
line-height: 24px
}
}
.webp .promo-section--cheap-book-report .promo-section__calc-short-bg:after {
background: url(./assets/images/seo/webp/promo__bg--cheap-book-reports.webp) no-repeat center/auto
}
.webp .promo-section--cheap-thesis .promo-section__calc-short-bg:after {
background: url(./assets/images/seo/webp/promo__bg--cheap-thesis.webp) no-repeat center/auto
}
.webp .promo-section--cheap-book-reviews .promo-section__calc-short-bg:after {
background: url(./assets/images/seo/webp/promo__bg--cheap-book-reviews.webp) no-repeat center/auto
}
.webp .promo-section--cheap-research-papers .promo-section__calc-short-bg:after {
background: url(./assets/images/seo/webp/promo__bg--cheap-research-papers.webp) no-repeat center top/auto
}
.webp .promo-section--cheap-term-papers:before {
background: url(./assets/images/seo/webp/promo__pic--cheap-term-papers.webp) no-repeat center/auto
}
.webp .promo-section--nursing .promo-section__bg-inner:after {
background: url(./assets/images/seo/webp/promo__bg--nursing.webp) no-repeat center/auto
}
.webp .promo-section--marketing .promo-section__bg-inner:after {
background: url(./assets/images/seo/webp/promo__bg--marketing.webp) no-repeat center/auto
}
.webp .promo-section--english-papers .promo-section__bg-inner:after {
background: url(./assets/images/seo/webp/promo__bg--english-papers.webp) no-repeat center/auto
}
.webp .promo-section--business .promo-section__bg-inner:after {
background: url(./assets/images/seo/webp/promo__bg--business.webp) no-repeat center/auto
}
.webp .promo-section--management .promo-section__bg-inner:after {
background: url(./assets/images/seo/webp/promo__bg--management.webp) no-repeat center/auto
}
.webp .promo-section--law .promo-section__bg-inner:after {
background: url(./assets/images/seo/webp/promo__bg--law.webp) no-repeat center/auto
}
.webp .promo-section--admission-essay .promo-section__bg-inner:after {
background: url(./assets/images/seo/webp/promo__bg--admission-essay.webp) no-repeat center/auto
}
.webp .promo-section--history .promo-section__bg-inner:after {
background: url(./assets/images/seo/webp/promo__bg--history.webp) no-repeat center/auto
}
.webp .steps--cheap-homework {
background: url(./assets/images/seo/webp/steps__bg--cheap-homework.webp) no-repeat center/cover
}
.webp .steps--cheap-book-report {
background: url(./assets/images/seo/webp/steps__bg--cheap-book-reports.webp) no-repeat center/cover
}
.webp .steps--cheap-assignments {
background: url(./assets/images/seo/webp/steps__bg--cheap-assignments.webp) no-repeat center/cover
}
.webp .steps--cheap-thesis {
background: url(./assets/images/seo/webp/steps__bg--cheap-thesis.webp) no-repeat center/cover
}
.webp .steps--cheap-book-reviews {
background: url(./assets/images/seo/webp/steps__bg--cheap-book-reviews.webp) no-repeat center/cover
}
.webp .steps--cheap-term-papers {
background: url(./assets/images/seo/webp/steps__bg--cheap-term-papers.webp) no-repeat center/cover
}
.webp .steps--cheap-research-papers {
background: url(./assets/images/seo/webp/steps__bg--cheap-research-papers.webp) no-repeat center/cover
}
.samples-page__top-block {
background-color: #f9f9f9
}
.samples-page__top-block h1 {
text-transform: inherit
}
.samples-page .trustpilot-widget {
text-align: center;
min-height: 28px;
padding: 2rem 0 .5rem;
margin-right: auto;
margin-left: auto
}
.samples-page .samples-wrap {
padding-bottom: 0
}
.samples-page .samples-wrap:after {
display: none
}
.samples-page .samples-filter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px
}
.samples-page .samples-filter:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background-color: #fec137
}
@media (max-width: 680px) {
.samples-page .samples-filter:after {
content:none
}
}
.samples-page .samples-filter-current:first-letter {
text-transform: capitalize
}
.samples-page .samples-filter__tab {
height: 50px;
width: 100%;
background-color: #fafafa;
font-weight: 700;
color: #00395a;
font-size: 16px;
display: inline-block;
padding: 12px 0;
max-width: calc(33.33% - 4px);
border: 2px solid #eee;
cursor: pointer;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease
}
.samples-page .samples-filter__tab:hover {
background-color: #fff
}
.samples-page .samples-filter__tab.active {
height: 60px;
background-color: #fff;
border-color: #fec137;
font-weight: 700
}
.samples-page .samples-filter__tab:first-child {
border-top-left-radius: 10px
}
.samples-page .samples-filter__tab:last-child {
border-top-right-radius: 10px
}
.samples-page .samples-filter .other-samples .samples-filter-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
max-width: none
}
.samples-page .samples-filter .other-samples .samples-filter-item.active {
position: relative;
z-index: 3;
padding-top: 4px
}
.samples-page .samples-filter .other-samples .samples-filter-item.active.show:after {
content: "";
display: inline-block;
position: absolute;
bottom: -18px;
left: 0;
width: 100%;
height: 3px;
background-color: #fff
}
.samples-page .samples-filter .other-samples .samples-filter-item.show {
border-bottom-color: #f9f9f9;
z-index: 2
}
.samples-page .samples-filter .other-samples .samples-filter-item.show svg {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg)
}
.samples-page .samples-filter .other-samples .samples-filter-item svg {
margin: 3px 7px 0;
-webkit-transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s,-webkit-transform .2s
}
.samples-page .samples-filter .dropdown-close {
background-color: #6e7980;
width: 30px;
height: 30px;
position: absolute;
top: 22px;
right: 22px;
border-radius: 50%;
cursor: pointer;
-webkit-transition: background-color .2s;
transition: background-color .2s
}
.samples-page .samples-filter .dropdown-close:hover {
background-color: #ababab
}
.samples-page .samples-filter .dropdown-close:after,.samples-page .samples-filter .dropdown-close:before {
content: "";
width: 2px;
height: 13px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
position: absolute;
background-color: #fff;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg)
}
.samples-page .samples-filter .dropdown-close:before {
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg)
}
.samples-page .samples-filter .other-samples-dropdown {
position: absolute;
top: calc(100% - 2px);
width: 100%;
background: #fff;
border: 2px solid #fec137;
padding: 35px 35px 20px;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.samples-page .samples-filter .other-samples-dropdown.show {
opacity: 1;
visibility: visible
}
.samples-page .samples-filter .other-samples-dropdown .dropdown-filter-item {
background-color: #fafafa;
border: 2px solid #eee;
padding: 15px 20px;
font-weight: 400;
font-size: 13px;
color: #6e7980;
margin-right: 15px;
margin-bottom: 15px;
cursor: pointer;
text-transform: uppercase!important;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease
}
.samples-page .samples-filter .other-samples-dropdown .dropdown-filter-item.active,.samples-page .samples-filter .other-samples-dropdown .dropdown-filter-item.active:hover,.samples-page .samples-filter .other-samples-dropdown .dropdown-filter-item:hover {
background-color: #fec137;
color: #fff;
border-color: #fec137
}
.samples-page .samples-filter .select-other-samples {
display: none;
height: 50px;
text-align: center;
border: 0;
border-left: 2px solid #dadada;
border-right: 2px solid #dadada;
border-top: 2px solid #dadada;
-moz-text-align-last: center;
text-align-last: center;
position: relative;
z-index: 0;
background-color: #f9f9f9;
margin-left: -2px
}
.samples-page .samples-filter .select-other-samples svg {
z-index: -1;
top: 0;
bottom: 0;
margin: auto;
right: 10px;
position: absolute
}
.samples-page .samples-filter .select-other-samples select {
z-index: 1;
font-size: 16px;
color: #464646;
font-weight: 700;
text-transform: inherit;
position: relative;
top: -2px;
left: 0;
width: 100%;
height: 50px;
border: 0;
padding: 0 25px;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.samples-page .samples-filter .select-other-samples.active {
background-color: #fff
}
@media (max-width: 680px) {
.samples-page .samples-filter {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 400px;
margin: 20px auto;
border-bottom: 0;
overflow: visible
}
.samples-page .samples-filter .select-other-samples {
display: inline-block;
height: 46px;
margin-left: 0;
border-radius: 10px;
border: 2px solid #eee;
background-color: #fff
}
.samples-page .samples-filter .select-other-samples.active {
border: 2px solid #fec137
}
.samples-page .samples-filter .select-other-samples .samples-filter-item {
border-radius: 10px
}
.samples-page .samples-filter select[name=other-examples] {
-moz-text-align-last: left;
text-align-last: left;
text-align: left;
height: 46px
}
.samples-page .samples-filter .other-samples {
display: none
}
.samples-page .samples-filter>*,.samples-page .samples-filter>:not(:first-child) {
width: 100%;
max-width: 100%;
margin-left: 0
}
.samples-page .samples-filter .samples-filter-item {
height: auto;
border: 2px solid #eee;
border-radius: 10px!important;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 0 10px;
background-color: #fff;
text-align: left;
padding-left: 25px
}
.samples-page .samples-filter .samples-filter-item.active {
height: auto;
border-color: #fec137;
-webkit-box-shadow: none;
box-shadow: none
}
.samples-page .samples-filter .samples-filter-item svg {
right: 15px!important
}
.samples-page .samples-filter .other-samples-dropdown {
padding: 0;
z-index: 2
}
.samples-page .samples-filter .other-samples-dropdown .dropdown-close {
top: -40px;
right: 10px
}
.samples-page .samples-filter .other-samples-dropdown .dropdown-filter-item {
width: 100%;
border: 0;
border-top: 1px solid #ddd;
margin-bottom: 0;
border-radius: 0
}
}
.samples-page .samples-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -15px
}
.samples-page .samples-list:after {
content: "";
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.samples-page .show-more-button {
text-align: center;
display: none;
width: 100%;
margin-top: 10px
}
.samples-page .show-more-button.show {
display: inline-block
}
.samples-page .show-more-button button {
padding: 15px 25px;
max-width: 230px;
width: 100%
}
.samples-page .sample {
position: relative;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fff;
border: 2px solid #f0f0f0;
border-radius: 14px;
padding: 0 30px 60px;
width: 100%;
max-width: calc(33.333% - 30px);
margin: 15px 15px 70px
}
@media (max-width: 680px) {
.samples-page .sample {
margin-bottom:40px
}
}
.samples-page .sample.show {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.samples-page .sample .sample-body {
margin-bottom: auto
}
.samples-page .sample .s-row {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 22px
}
.samples-page .sample .s-row * {
width: 100%
}
.samples-page .sample .s-row:last-child {
margin-top: auto;
margin-bottom: 0
}
.samples-page .sample>.s-row {
height: 82px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.samples-page .sample .s-label {
max-width: 120px;
padding-right: 20px;
font-weight: 400;
font-size: 13px;
color: #00395a;
line-height: 1.466
}
.samples-page .sample .s-value {
font-size: 15px;
font-weight: 700;
color: #00395a;
line-height: 1.466
}
.samples-page .sample-title {
font-weight: 700;
font-size: 18px;
color: #00395a;
position: relative;
height: 82px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.samples-page .sample-button {
position: absolute;
padding: 12px 30px 12px 60px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -22px
}
.samples-page .sample-button:active,.samples-page .sample-button:hover {
outline: 0;
text-decoration: none
}
.samples-page .sample-button:before {
content: "";
position: absolute;
left: 29px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 22px;
width: 22px;
background-image: url(/img/pdf-icon.svg);
background-position: center;
background-repeat: no-repeat
}
@media (max-width: 960px) {
.samples-page .sample {
max-width:calc(50% - 30px)
}
.samples-page .sample .sample-button {
margin-top: 20px
}
}
@media (max-width: 680px) {
.samples-page .sample {
max-width:calc(100% - 30px)
}
.samples-page .sample.show {
display: inline-block
}
.samples-page .sample>.s-row {
height: 60px;
margin-top: 15px
}
.samples-page .sample .s-row {
margin-bottom: 15px
}
}
.samples-block {
width: 100%;
position: relative;
background-color: #f9f9f9
}
.samples-block .holder-width {
width: 1050px;
padding: 40px 0;
margin: 0 auto
}
@media (max-width: 1560px) {
.samples-block .holder-width {
padding:50px 15px 30px
}
}
@media (max-width: 1280px) {
.samples-block .holder-width {
width:auto
}
}
@media (max-width: 1023px) {
.samples-block .holder-width {
position:relative
}
}
@media (max-width: 960px) {
.samples-block .holder-width {
padding:40px 20px 30px
}
}
@media (max-width: 780px) {
.samples-block .holder-width {
padding:40px 20px 30px;
margin: 0
}
}
@media (max-width: 480px) {
.samples-block .holder-width {
padding:20px 10px 30px
}
}
.samples-block .holder-width:after {
display: block;
clear: both;
content: ""
}
.samples-wrap {
padding-top: 0!important;
padding-bottom: 60px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.samples-wrap .col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 360px;
padding-bottom: 75px
}
.samples-wrap .col.col-text {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.samples-wrap .samples-box {
background-color: #fff;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: 4px solid #cbcbcb;
padding: 20px 20px 35px;
position: relative;
height: 100%;
-webkit-box-orient: vertical
}
.samples-wrap .samples-box .holder-button {
position: absolute;
left: 0;
right: 0;
bottom: -58px;
margin: 0 auto;
-webkit-transform: scale(.8);
transform: scale(.8)
}
.samples-wrap .pdf:before {
content: "pdf";
background-color: #f15642;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
display: inline-block;
padding: 4px 6px;
border-radius: 2px;
position: absolute;
right: -12px;
top: -12px
}
.samples-wrap .sample-content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.samples-wrap .sample-content,.samples-wrap .samples-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sample-label,.sample-text {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 40%;
color: #7b7b7b;
font-size: 12px;
margin-bottom: 5px
}
.sample-text {
width: 58%;
font-size: 14px;
color: #000;
line-height: 1.5
}
@media (max-width: 992px) {
.samples-wrap .col.col-text {
-webkit-box-flex:1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%
}
}
@media (max-width: 380px) {
.samples-wrap .col {
width:260px
}
}
.level-content {
border: 0;
border-top: 0;
background-color: #fff
}
@media (min-width: 0) and (max-width:570px) {
.level-content {
border:0
}
}
.sample-btn-wrap {
text-align: center;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%)
}
.about-us__layout {
max-width: 1182px;
background-color: #fff;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative
}
.about-us__layout:before {
content: "";
display: inline-block;
height: 79%;
width: 2px;
position: absolute;
left: 51%;
background-color: #208a90;
opacity: .11;
top: 156px
}
@media screen and (max-width: 1112px) {
.about-us__layout:before {
display:none
}
}
.about-list {
padding: 0;
margin: 0
}
.about-list .about-us-list-item:last-child {
margin-bottom: 0
}
.about-us__left {
max-width: 433px
}
.about-us__right {
max-width: 450px
}
.about-us__left,.about-us__right {
padding: 0
}
@media screen and (max-width: 1000px) {
.about-us__left,.about-us__right {
max-width:100%
}
}
.about-us-list-item {
list-style-type: none;
margin-bottom: 83px
}
@media screen and (max-width: 1000px) {
.about-us-list-item {
margin-bottom:40px
}
}
.about-us__title {
text-align: center;
width: 100%;
font-size: 48px;
font-weight: 800;
color: #363e49;
line-height: .8;
margin-top: 16px;
margin-bottom: 63px;
text-transform: none
}
.about-us-list-item__title {
color: #f65c50;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
padding-left: 40px;
position: relative;
margin-bottom: 22px;
line-height: .8
}
@media screen and (max-width: 480px) {
.about-us-list-item__title {
font-size:17px;
text-transform: none
}
}
.about-us-list-item__title:before {
content: "";
position: absolute;
left: 0;
display: block
}
.about-us-list-item__title--overview:before {
background: url(/img/sprite-icons.svg) -274px -130px no-repeat;
width: 24px;
height: 19px;
top: 2px
}
.about-us-list-item__title--goals:before {
background: url(/img/sprite-icons.svg) -239px -130px no-repeat;
width: 24px;
height: 24px;
top: -1px
}
.about-us-list-item__title--writers:before {
background: url(/img/sprite-icons.svg) -306px -162px no-repeat;
width: 24px;
height: 24px;
top: -1px
}
.about-us-list-item__title--history:before {
background: url(/img/sprite-icons.svg) -240px -161px no-repeat;
width: 25px;
height: 24px;
top: -1px;
left: 1px
}
.about-us-list-item__title--prices:before {
background: url(/img/sprite-icons.svg) -274px -161px no-repeat;
width: 25px;
height: 24px;
top: -1px;
left: 1px
}
.about-us-list-item__title--support:before {
background: url(/img/sprite-icons.svg) -304px -131px no-repeat;
width: 25px;
height: 24px;
top: -1px;
left: 1px
}
.about-us-list-item__text {
color: #363e49;
font-size: 15px;
font-weight: 400;
line-height: 1.73
}
.pros {
width: 100%;
max-width: 452px;
background-color: #ffc84b;
border-radius: 4px;
padding: 24px 0 23px 66px;
height: 178px;
margin-bottom: 85px;
position: relative;
margin-top: 17px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 1000px) {
.pros {
margin-bottom:60px
}
}
@media screen and (max-width: 468px) {
.pros {
padding:24px 0 23px 25px
}
}
.pros-circle,.pros:after,.pros:before {
display: block;
width: 17px;
height: 17px;
border-radius: 50%;
background-color: #fff;
position: absolute;
left: -8.5px
}
.pros:after,.pros:before {
content: ""
}
.pros:before {
top: 23px
}
.pros:after {
bottom: 23px
}
.pros-circle__top {
top: 62px
}
.pros-circle__bottom {
bottom: 62px
}
.pros-list {
padding: 0
}
.pros-list__item {
padding: 0;
list-style-type: none;
text-transform: uppercase;
color: #00395a;
font-weight: 300;
height: 17px;
font-size: 22px!important;
line-height: .8
}
.pros-list__item:not(:last-of-type) {
margin-bottom: 20px!important
}
.pros-list__item:last-child {
margin-bottom: 0
}
@media screen and (max-width: 468px) {
.pros-list__item {
font-size:22px!important
}
}
@media screen and (max-width: 348px) {
.pros-list__item {
font-size:17px!important
}
}
.red-circle-list {
font-size: 15px;
line-height: 1.73;
padding: 0 0 0 27px;
margin: 0
}
@media screen and (max-width: 1000px) {
.red-circle-list__about br {
display:none
}
}
@media screen and (max-width: 400px) {
.red-circle-list__about {
padding:0 0 0 10px
}
}
.red-circle-list li {
padding-left: 18px;
position: relative;
list-style-type: none
}
.red-circle-list li:before {
content: "";
border-radius: 50%;
background-color: #e20423;
width: 4px;
height: 4px;
position: absolute;
left: 0;
top: 11px
}
.about-us__boundless {
width: 100%;
color: #cd3333;
position: relative;
top: -61px
}
@media screen and (max-width: 1000px) {
.about-us__boundless {
position:relative;
top: 0
}
}
.about-us__boundless-plus {
height: 15px;
font-size: 30px;
font-weight: 600;
margin-bottom: 24px
}
.about-us__boundless-title {
font-size: 24px;
text-transform: uppercase;
font-weight: 300;
line-height: 1.2
}
@media screen and (max-width: 390px) {
.about-us__boundless-title {
font-size:21px
}
}
@media screen and (max-width: 340px) {
.about-us__boundless-title {
font-size:20px
}
}
.testimonials-page-section.affordable-prices-section {
background-color: #333
}
.testimonials-page-section.affordable-prices-section .affordable-prices-section__btn,.testimonials-page-section.affordable-prices-section .affordable-prices-section__btn:hover {
color: #fff
}
.testimonials-page-section.affordable-prices-section .container {
max-width: 1140px;
padding: 0 15px;
background-color: transparent
}
.testimonials-page-section.affordable-prices-section .prices-from__item-inner p span {
line-height: .6
}
.testimonials-page-section.affordable-prices-section .prices-from {
margin: 0
}
.testimonials-page-section.affordable-prices-section .affordable-prices-section__main {
margin: 0 0 44px
}
.testimonials-page-section.affordable-prices-section .affordable-prices-section__main .affordable-prices-section__prices-from,.testimonials-page-section.affordable-prices-section .affordable-prices-section__main .affordable-prices-section__text {
padding: 0
}
.testimonials-page-section.affordable-prices-section .prices-from__item {
padding: 0;
margin-right: 30px;
width: 100%
}
@media (max-width: 1000px) {
.testimonials-page-section.affordable-prices-section .prices-from {
margin-bottom:25px
}
.testimonials-page-section.affordable-prices-section .prices-from__item {
width: auto
}
}
@media (max-width: 480px) {
.testimonials-page-section.affordable-prices-section .prices-from__item {
margin:0 5px 10px
}
}
.inner-block {
display: inline-block;
width: 100%
}
.Testimonials__page {
width: 100%;
max-width: 1140px;
padding: 50px 15px;
background-color: #fff;
margin: 20px auto
}
.Testimonials__page,.Testimonials__page button {
font-family: "Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif
}
.Testimonials__page button:hover {
-webkit-transition: background-color .2s;
transition: background-color .2s
}
.Testimonials__page-heading {
font-weight: 900;
font-size: 60px;
text-transform: none
}
.Testimonials__page-description {
font-weight: 400;
font-size: 18px
}
.Testimonials__page-description,.Testimonials__page-heading {
text-align: center
}
@media (max-width: 768px) {
.Testimonials__page {
padding:30px 15px
}
.Testimonials__page-heading {
font-size: 44px;
margin-top: 0
}
}
@media (max-width: 480px) {
.Testimonials__page-heading {
font-size:32px
}
.Testimonials__page-description {
font-weight: 400;
font-size: 16px
}
}
.Testimonials__tabs,.Testimonials__tabs-containers {
width: 100%;
max-width: 940px;
margin: 0 auto
}
.Testimonials__tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 4px;
position: relative;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px
}
.Testimonials__tabs:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: -4px;
left: 0;
background-color: #fec137
}
.Testimonials__tabs-tab {
width: 100%;
background-color: #fafafa;
-webkit-box-shadow: 0 0 0 2px #eee inset;
box-shadow: 0 0 0 2px #eee inset;
font-weight: 400;
font-size: 16px;
display: inline-block;
padding: 16px 10px;
max-width: calc(50% - 4px);
border: 0
}
.Testimonials__tabs-tab svg {
width: 27px;
height: 26px;
position: relative;
margin-bottom: -6px;
margin-right: 6px
}
.Testimonials__tabs-tab:hover {
background-color: #eee
}
.Testimonials__tabs-tab.active {
background-color: #fff;
border-color: #fff;
-webkit-box-shadow: 0 8px 0 0 #fff,0 0 0 2px #fec137,2px 8px 0 0 #fec137,-2px 8px 0 0 #fec137;
box-shadow: 0 8px 0 0 #fff,0 0 0 2px #fec137,2px 8px 0 0 #fec137,-2px 8px 0 0 #fec137;
font-weight: 700
}
.Testimonials__tabs-tab:first-child {
border-top-left-radius: 10px
}
.Testimonials__tabs-tab:first-child.active {
padding: 14px 10px 10px
}
.Testimonials__tabs-tab:last-child {
border-top-right-radius: 10px
}
.Testimonials__tabs-tab:last-child.active {
padding: 17px 10px 15px
}
.Testimonials__tabs-tab span {
position: relative
}
.Testimonials__tabs-tab[data-tab-target=reviews] span:before {
content: "";
background: url(/img/trustpilot.svg) 0 0 no-repeat;
width: 27px;
height: 26px
}
.Testimonials__tabs-container {
opacity: 0;
width: 100%;
visibility: hidden;
max-width: 940px;
margin: 0 auto;
display: none
}
.Testimonials__tabs-container.active {
display: block;
opacity: 1;
visibility: visible
}
@media (max-width: 480px) {
.Testimonials__tabs {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 0
}
.Testimonials__tabs:after {
display: none
}
.Testimonials__tabs-tab {
max-width: 100%
}
.Testimonials__tabs-tab svg {
width: 22px
}
.Testimonials__tabs-tab.active {
padding: 10px;
-webkit-box-shadow: 0 0 0 2px #fec137 inset;
box-shadow: 0 0 0 2px #fec137 inset
}
.Testimonials__tabs-tab:first-child {
margin-bottom: 10px;
border-radius: 10px
}
.Testimonials__tabs-tab:first-child.active {
padding: 16px 10px
}
.Testimonials__tabs-tab:last-child {
padding: 12px 10px 14px;
border-radius: 10px
}
.Testimonials__tabs-tab:last-child.active {
padding: 12px 10px 14px
}
}
.Testimonials__show-more {
display: inline-block;
width: 100%;
text-align: center
}
.Testimonials__show-more button {
font-weight: 700;
color: #2e5b74;
font-size: 16px;
padding: 17px 30px;
-webkit-box-shadow: 0 4px 6px 0 rgba(193,193,193,.3);
box-shadow: 0 4px 6px 0 rgba(193,193,193,.3);
background: #fafafa;
border-radius: 10px;
display: none
}
.Testimonial:before,.Testimonials__show-more button.show {
display: inline-block
}
.Testimonials__show-more button[disabled] {
opacity: .5
}
.Testimonials__show-more button:hover {
background-color: #eaeaea
}
.Testimonials__tabs-container {
padding-top: 30px
}
.Testimonials__tabs-container .trustpilot-widget {
background-color: #fefefe
}
.Testimonials__tabs-container-heading {
font-weight: 700;
font-size: 18px;
line-height: 1.3;
margin: 0;
padding-bottom: 5px
}
.Testimonials__tabs-container-description {
font-weight: 400;
font-size: 16px;
margin: 0
}
.Testimonials__tabs-container .Testimonials__tabs-content {
margin-top: 40px
}
.Testimonial {
background-color: #fff;
border: 2px solid #f0f0f0;
border-radius: 15px;
padding: 30px 35px 25px;
display: inline-block;
width: 100%;
margin-bottom: 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.Testimonial:before {
content: "";
position: absolute;
top: -24px;
right: 46px;
-webkit-transform: scale(.75);
transform: scale(.75);
height: 50px;
width: 56px;
background: url(/img/sprite.svg) -2663px -1758px no-repeat
}
.Testimonial__text {
font-style: italic;
margin: 40px 0;
text-align: center
}
.Testimonial__footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.Testimonial__footer>* {
font-size: 13px;
margin-right: 30px
}
.Testimonial__footer>* strong {
font-size: 15px;
margin-left: 5px
}
.Testimonial__footer>:last-child {
margin-left: auto;
margin-right: 0
}
@media (max-width: 768px) {
.Testimonial__footer {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.Testimonial__footer>* {
width: 100%;
margin: 10px 0 0;
padding: 0;
max-width: 50%
}
.Testimonial__text {
margin: 20px 0
}
}
@media (max-width: 460px) {
.Testimonial {
padding:15px;
margin-bottom: 20px
}
.Testimonial__footer>* {
max-width: 100%
}
}
.Testimonials__loader {
visibility: hidden;
opacity: 0;
border: 5px solid #f3f3f3;
border-top: 5px solid #fec137;
border-radius: 50%;
-webkit-animation: spin .5s linear infinite;
animation: spin .5s linear infinite;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.Testimonials__loader.active {
visibility: visible;
opacity: 1;
width: 30px;
height: 30px;
margin: auto auto 20px
}
.Testimonials__tabs-container-description+.Testimonials__tabs-content {
margin-top: 25px
}
.coupon-expired-page {
padding-top: 0!important
}
.coupon-expired-page .bg-dark:after,.coupon-expired-page .bg-light:after,.coupon-expired-page .holder-width:after,.coupon-expired-page .row-fluid:after,.coupon-expired-page .row-fluid:before {
display: none
}
.coupon-expired-page .bg-dark {
background: 0 0;
padding: 0
}
.coupon-expired-wrapper {
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
min-height: 100vh;
font-weight: 400;
font-size: 15px;
line-height: 160%;
color: #464646
}
.coupon-expired-page .logo {
width: 100%;
text-align: center;
padding: 0;
overflow: hidden;
position: relative;
left: 0;
margin: 0
}
.coupon-expired-page .logo:before {
content: "";
background-color: #fec137;
border-bottom: 2px solid #eca80d;
display: block;
height: 80px;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-image: none
}
.coupon-expired-page .logo .logo-link,.mini-auth-page__header a {
display: block;
margin: auto;
width: 313px;
height: 137px;
z-index: 8;
text-align: center;
position: relative
}
.coupon-expired-page .logo .logo-link:before,.mini-auth-page__header a:before {
content: "";
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
background-position: -417px -335px;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1
}
.coupon-expired-page .logo .logo-img {
width: 135px;
height: 45px;
position: relative;
z-index: 2;
margin: 18px 0 0;
vertical-align: middle
}
.coupon-expired-content {
position: relative;
background-color: #fff;
max-width: 640px;
width: 92%;
margin: 4vh auto auto;
line-height: 1.4;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2),0 1px 5px rgba(0,0,0,.1);
box-shadow: 0 1px 1px rgba(0,0,0,.2),0 1px 5px rgba(0,0,0,.1);
padding: 30px 20px
}
.coupon-expired-heading {
font-family: "Lato",sans-serif;
font-size: 27px;
color: #464646;
font-weight: 700
}
.coupon-expired-icon {
display: block;
width: 100%;
height: 240px;
margin: 25px auto;
background: url(./assets/images/coupon-expired.svg) center center/auto no-repeat
}
.coupon-expired-text-box {
margin: 0 0 10px
}
.coupon-expired-text {
margin-bottom: 18px
}
.coupon-expired-text p {
font-size: 15px;
font-weight: 400;
margin: 0;
line-height: 1.6
}
.coupon-expired-btn {
margin: 0 auto;
text-align: center
}
.coupon-expired-btn .btn {
min-width: 240px;
padding: 15px 25px;
text-decoration: none
}
.coupon-expired-btn .btn:hover {
text-decoration: none
}
.coupon-expired-footer {
position: relative;
z-index: 0;
padding: 20px;
text-align: center;
font-size: 12px;
color: rgba(0,0,0,.45);
width: 100%;
margin: 40px auto auto
}
.coupon-expired-footer:after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 80px;
-webkit-mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(black),to(transparent));
-webkit-mask-image: linear-gradient(to right,transparent,#000,transparent);
mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(black),to(transparent));
mask-image: linear-gradient(to right,transparent,#000,transparent);
background-image: linear-gradient(to bottom,rgba(0,0,0,.22),rgba(0,0,0,.06) 3px,transparent)
}
.coupon-expired-footer .footer-copyrights,.coupon-expired-footer .footer-linkss {
margin-bottom: 5px
}
.coupon-expired-footer .footer-link {
display: inline-block;
text-decoration: none;
margin-right: 15px;
color: rgba(0,0,0,.6)
}
.coupon-expired-footer .footer-link:hover {
color: rgba(0,0,0,.8)
}
@media (max-width: 600px) {
.coupon-expired-text {
width:100%;
padding: 0;
margin-bottom: 15px
}
.coupon-expired-icon {
height: 130px;
margin: 15px auto
}
.coupon-expired-heading {
font-size: 24px
}
}
.stages {
padding: 10px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -40px;
margin-right: -40px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.stages__item {
max-width: calc(100%/3);
width: calc(100%/3);
-webkit-flex-basis: calc(100%/3);
-ms-flex-preferred-size: calc(100%/3);
flex-basis: calc(100%/3);
padding-left: 40px;
padding-right: 40px
}
.stages__item-img {
min-width: 100px;
width: 100px;
height: 100px;
border-radius: 10px;
background-color: #f5f4f4;
position: relative;
margin: 10px 0 17px
}
.orange-block__inner span:before,.stages__item-img:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(./assets/images/sprite__our-writers.svg);
background-repeat: no-repeat;
width: 60px;
height: 60px;
margin: auto
}
.stages__item:nth-of-type(1) .stages__item-img:before {
background-position: 0 0
}
.stages__item:nth-of-type(2) .stages__item-img:before {
background-position: 30.92784% 31.57895%
}
.stages__item:nth-of-type(3) .stages__item-img:before {
background-position: 61.85567% 63.15789%
}
.cols-row {
margin-left: -19px;
margin-right: -19px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.col-half {
max-width: 50%;
width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-left: 19px;
padding-right: 19px
}
.orange-block {
padding: 63px 0 0
}
.orange-block__inner {
margin: auto;
width: 100%;
max-width: 488px;
border-radius: 10px;
background-color: #ffc84b;
position: relative;
padding: 75px 40px 34px
}
.orange-block__inner span {
display: inline-block;
width: 125px;
height: 125px;
border-radius: 50%;
background-color: #fff;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.orange-block__inner span:before {
background-position: 92.78351% 94.73684%
}
.orange-block__inner p {
color: #333;
font-style: italic;
font-size: 22px;
line-height: 32px;
margin: 0;
font-weight: 600;
text-align: center
}
@media screen and (max-width: 1024px) {
.cols-row,.stages {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0
}
.col-half,.stages__item {
max-width: 100%;
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 0;
padding-right: 0
}
.col-half img {
display: block;
margin: auto;
max-height: 400px
}
.stages__item {
margin-bottom: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.stages__item-img {
margin: 0
}
.stages__item-descr {
padding-left: 15px
}
}
@media screen and (max-width: 767px) {
.orange-block {
padding:50px 0 0
}
}
@media screen and (max-width: 480px) {
.col-half img {
display:none
}
.orange-block__inner {
padding: 75px 10px 20px
}
.orange-block__inner p {
font-size: 16px;
line-height: 24px
}
.stages__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 36px
}
.stages__item:last-of-type {
margin-bottom: 0
}
.stages__item-descr {
padding-top: 15px;
padding-left: 0
}
}
.thank-you-page {
min-height: 100vh;
font-family: "Lato",sans-serif;
padding-top: 0!important
}
.thank-you-page .mainblock {
min-height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.thank-you-page .row-fluid:after,.thank-you-page .row-fluid:before {
display: none
}
.mini-auth-page__header {
overflow: hidden;
padding: 0;
position: relative
}
.mini-auth-page__header:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
display: block;
height: 80px;
width: 100%;
background-color: #fec137;
border-bottom: 2px solid #eca80d
}
.mini-auth-page__logo {
width: 135px;
height: 45px;
position: relative;
z-index: 2;
margin: 18px 0 0;
vertical-align: middle
}
@media (max-width: 680px) {
.mini-auth-page__header {
padding:0
}
}
.ThankYou {
position: relative;
background-color: #fff;
max-width: 640px;
width: 100%;
margin: 20px auto 50px;
border-radius: 3px;
line-height: 1.4;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2),0 1px 5px rgba(0,0,0,.1);
box-shadow: 0 1px 1px rgba(0,0,0,.2),0 1px 5px rgba(0,0,0,.1);
padding: 30px 35px
}
.ThankYou__heading {
font-size: 30px;
font-weight: 700;
text-align: left
}
.ThankYou__coupon {
text-align: center;
padding: 15px
}
.ThankYou__coupon img {
max-width: 210px;
margin: 0 auto
}
.ThankYou__description p,.ThankYou__footer p {
font-size: 14px;
margin-bottom: 5px;
line-height: 1.3
}
.ThankYou__description p {
font-size: 15px
}
.ThankYou__button {
text-align: center;
padding: 15px 15px 25px
}
.ThankYou__button .btn,.ThankYou__button .btn:hover {
color: #4f3700;
padding: 13px 40px
}
.ThankYou__button .btn:hover {
text-decoration: none
}
.ThankYou__footer p {
color: #9c9c9c
}
@media (max-width: 680px) {
.ThankYou {
max-width:92%
}
}
@media (max-width: 480px) {
.thank-you-page .textblock {
padding:0!important
}
.ThankYou {
padding: 12px
}
.ThankYou__heading {
font-size: 20px
}
.ThankYou__button {
padding: 15px 0 20px
}
.ThankYou__button .btn {
width: 100%
}
}
.mini-auth-page__footer {
position: relative;
z-index: 0;
padding: 20px;
text-align: center;
font-size: 12px;
color: rgba(0,0,0,.45)
}
.mini-auth-page__footer::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 80px;
-webkit-mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(black),to(transparent));
-webkit-mask-image: linear-gradient(to right,transparent,#000,transparent);
mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(black),to(transparent));
mask-image: linear-gradient(to right,transparent,#000,transparent);
background-image: linear-gradient(to bottom,rgba(0,0,0,.22),rgba(0,0,0,.06) 3px,transparent)
}
.mini-auth-page__footer__links {
margin-bottom: 5px
}
.mini-auth-page__footer__link {
display: inline-block;
text-decoration: none;
margin-right: 15px;
color: rgba(0,0,0,.6)
}
.mini-auth-page__footer__link:hover {
color: rgba(0,0,0,.8)
}
.mini-auth-page__footer__copyrights {
margin-bottom: 5px
}
.simple-page .container--phone h2 {
color: #f65c50;
font-weight: 400;
text-transform: uppercase;
font-size: 22px;
line-height: 28px
}
.container--phone {
min-height: 845px;
overflow: hidden;
position: relative
}
.container--phone:before {
content: "";
display: inline-block;
position: absolute;
bottom: -50px;
left: -220px;
height: 450px;
width: 799px;
background: url(./assets/images/phone.jpg) no-repeat center/auto;
z-index: 1
}
.webp .container--phone:before {
background: url(./assets/images/phone.webp) no-repeat center/auto
}
.phones {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 22px;
padding: 3px 0 0
}
.guarantees__item h3:before,.phones a {
display: inline-block;
vertical-align: middle
}
.phones a,.phones span {
font-weight: 400;
line-height: 25px
}
.phones a,.phones a:hover {
color: #363e49!important;
border-bottom: 0!important;
border-color: transparent!important
}
.phones a {
padding: 10px 24px;
border-radius: 5px;
background-color: #ffc84b;
-webkit-transition: .25s box-shadow;
transition: .25s box-shadow;
font-size: 22px
}
.phones a:hover {
text-decoration: none;
-webkit-box-shadow: 0 2px 8px 2px rgba(0,0,0,.1);
box-shadow: 0 2px 8px 2px rgba(0,0,0,.1)
}
.phones span {
vertical-align: middle;
color: #363e49;
font-size: 15px
}
.container--phone .box.contact-us {
position: relative;
z-index: 2
}
@media screen and (max-width: 1200px) {
.container--phone:before {
width:709px;
background-size: contain;
background-position: center bottom
}
.phones a {
padding: 10px 12px;
font-size: 20px
}
}
@media screen and (max-width: 1024px) {
.container--phone {
min-height:auto
}
.container--phone:before {
display: none
}
.phones {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.phones span {
display: inline-block;
margin: 0 10px
}
}
@media screen and (max-width: 480px) {
.phones a {
padding:6px 7px;
font-size: 15px
}
}
@media screen and (max-width: 360px) {
.phones {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.phones a {
margin: 4px 0
}
}
.our-guarantees-section {
padding: 40px 0 25px;
background-color: #fff;
color: #00395a
}
@media (min-width: 768px) {
.our-guarantees-section {
padding:90px 0 25px
}
}
.our-guarantees-section__title {
margin-top: 0;
margin-bottom: 16px;
font-size: 3em;
line-height: 1.2
}
.our-guarantees-section__descr {
margin-bottom: 60px;
font-size: 20px;
line-height: 1.4;
max-width: 765px;
width: 100%
}
.guarantees,.guarantees__item,.guarantees__item h3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.guarantees {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.guarantees__item,.guarantees__item h3 {
width: 100%
}
.guarantees__item {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
margin-bottom: 50px
}
@media (min-width: 768px) {
.guarantees__item {
max-width:345px;
margin-right: 52px
}
}
.guarantees__item h3 {
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
line-height: 1.18;
margin-bottom: 10px;
font-weight: 400
}
.guarantees__item h3:before {
content: "";
width: 55px;
height: 55px;
margin-right: 15px;
background-position: left center;
background-repeat: no-repeat
}
.guarantees__item:nth-of-type(1) h3:before {
background-image: url(./assets/images/guarantees/guarantees1.svg)
}
.guarantees__item:nth-of-type(2) h3:before {
background-image: url(./assets/images/guarantees/guarantees2.svg)
}
.guarantees__item:nth-of-type(3) {
margin-right: 0
}
.guarantees__item:nth-of-type(3) h3:before {
background-image: url(./assets/images/guarantees/guarantees3.svg)
}
.guarantees__item:nth-of-type(4) h3:before {
background-image: url(./assets/images/guarantees/guarantees4.svg)
}
.guarantees__item:nth-of-type(5) h3:before {
background-image: url(./assets/images/guarantees/guarantees5.svg)
}
.guarantees__item p {
font-size: 15px;
margin-bottom: 17px
}
.guarantees__item .btn {
margin-top: auto;
font-size: 16px;
font-weight: 700;
color: #00395a;
border-radius: 7px;
-webkit-transition: .2s ease;
transition: .2s ease
}
.guarantees__item .btn:hover {
background-color: #00395a;
color: #fff
}
.stats-section {
padding: 70px 0;
background-color: #fafafa;
color: #00395a
}
@media (min-width: 768px) {
.stats-section {
padding:70px 0 120px
}
}
.stats-section__title {
text-align: center;
font-size: 32px;
line-height: 1.18;
font-weight: 400;
margin-bottom: 30px
}
.stats-section__descr {
text-align: center;
font-size: 20px;
line-height: 1.4;
max-width: 790px;
margin: 0 auto 54px
}
.stats {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 60px
}
.stats__item {
text-align: center;
width: 100%;
margin-bottom: 10px
}
@media (min-width: 480px) {
.stats__item {
width:50%
}
}
@media (min-width: 768px) {
.stats__item {
width:23%;
margin-bottom: 0
}
}
.stats__item strong {
display: block;
font-weight: 300;
font-size: 36px;
line-height: 1.2;
color: #cd3838
}
@media (min-width: 768px) {
.stats__item strong {
font-size:52px;
margin-bottom: 15px
}
}
.guarantees-banner {
padding: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
border-radius: 9px;
background-image: url(./assets/images/seo/steps__bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (min-width: 600px) {
.guarantees-banner {
-webkit-flex-wrap:nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 35px 60px
}
}
.guarantees-banner p {
margin-bottom: 20px;
font-size: 22px;
line-height: 1.18;
font-weight: 700;
color: #fff
}
@media (min-width: 600px) {
.guarantees-banner p {
margin-bottom:0;
margin-right: 70px;
font-size: 32px
}
}
.guarantees-banner .btn {
width: 210px
}
.error404 .trysearch li {
color: #00395a;
font-size: 15px;
line-height: 21px;
padding: 0 0 0 19px;
margin: 0 0 19px;
position: relative;
}
.error404 .trysearch li::before {
background-image: url(./assets/images/sprite.svg);
background-repeat: no-repeat;
background-size: 3171px 2023px;
height: 7px;
background-position: -89px -70px;
width: 9px;
}
.search-interface {
position: relative;
max-width: 500px;
}
.search .search-interface {
margin: 0 auto 70px auto;
}
.searchform input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
border-radius: 128px;
}
.searchform input[type="text"] {
color: #212121;
font-size: 16px;
width: 100%;
padding: 5px 85px 5px 15px;
border: 2px solid #e0e0e0;
}
.searchform input[type="text"]:focus {
outline: 0;
}
.searchform input[type="submit"] {
background: #fec137
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCElEQVQ4T62SgREBQQxFbQc6oAN0cDqggqMCWlCBuwpQAR1QAhUYFdDBev9m9ybW3QxGZjK7uSTvkmxcx4j3fomZo8Pw+cxZOOd2Ns7enQwSuxzHkHjhVKJEoEGwx4AeKSgClNBHZwQdkqom2Fv0im/0Bghlr3FM0+QYTIwge3ROjGC1OJxVuThi3+lPKjvE+bQKATz+EocG2CqE6c85cVXbUf4CUAtvpaWltLWqClT670M0A+qFKTc94wbfDc3SXbCLdCIgLo1dJL2OlitDNcg7kHk9RNsr7cyw1ZJAEiUWqKpSFdoHyTZCXp7EwtJ7fEbzvYJ8DFBiA6T8CtAE+RoQIJrLAl09AYP9fhdwjiZ9AAAAAElFTkSuQmCC")
no-repeat center;
text-indent: -9999px;
overflow: hidden;
width: 25%;
transition: background-color 0.3s, box-shadow 0.25s, border-color 0.3s;
border: 0;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.searchform input[type="submit"]:hover,
.searchform input[type="submit"]:focus {
outline: 0;
background-color: #fec137;
border-color: #fec137;
color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);
}
.header__logo.logo {
max-width: 250px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
.widget {
margin-bottom: 30px;
border: 1px solid #ddd;
padding: 30px;
}
.widget:last-child{
margin-bottom: 0px;
}
.widget a:hover {
color: #F2784B;
}
.widget h2 {
font-size: 20px;
text-transform: uppercase;
color: #424242;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 2;
}
.widget ul ul {
padding-left: 15px;
}
.widget ul ul ul {
padding-left: 5px;
}
.widget a {
color: #555;
}
.widget table {
width: 100%;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.widget table th {
background-color: #ddd;
}
.widget table th,
.widget table td {
padding: 5px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.widget.widget_rss li {
margin-bottom: 30px;
}
.widget.widget_rss .rssSummary {
font-size: 95%;
padding-top: 10px;
}
.widget.widget_rss cite {
padding-top: 10px;
display: inline-block;
font-weight: 700;
}
.widget.widget_rss a.rsswidget {
font-size: 110%;
}
.widget.widget_rss .rss-date {
font-size: 80%;
}
.screen-reader-text {
visibility: hidden;
display: none;
}
.page .map,
.page #particles-js{
display:none;
}
article.sticky{
background-color: #f2f2f2;
display: block;
}
article.post,
article.project {
margin-bottom: 30px;
border: 1px solid #ddd;
padding: 30px;
}
article.post:last-child{
margin-bottom: 0px;
}
article.post img,
article.project img {
margin-bottom: 15px;
}
.entry-meta{
margin-bottom: 10px;
}
.entry-title {
font-size: 20px;
text-transform: uppercase;
line-height: 26px;
margin-top: 0px;
}
.entry-meta i,
.entry-footer i{
color: #cccccc;
margin-right: 5px;
}
.entry-title a,
.entry-footer span a,
.entry-meta a{
color: #999999;
}
.entry-title a:hover ,
.entry-footer span a:hover,
.entry-meta a:hover{
color: #E74C3C;
}
.entry-footer{
margin-top: 10px;
}
.entry-footer span,
.entry-meta span{
margin-right: 15px;
}
p.comment-notes {
margin-bottom: 30px;
}
.nav-links{
overflow: hidden;
}
.nav-previous{
float: left;
width: 50%;
text-align: left;
}
.nav-next{
text-align: right;
width: 50%;
float: right;
}
.nav-links a{
display: inline-block;
color: #E74C3C;
font-weight: 700;
text-transform: uppercase;
transition: 0.5s;
}
.page-links{
margin-top: 10px;
}
.page-links a{
display: inline-block;
border: 1px solid #E74C3C;
color: #E74C3C;
padding: 0px 10px;
transition: 0.5s;
margin: 0px 5px;
}
.nav-links a:hover,
.page-links a:hover{
color: #252525;
transition: 0.5s;
border-color: #252525;
}
article.post .button {
background: transparent;
padding: 0;
box-shadow: none;
margin-top: 5px;
}
article.post .button {
color: #999999;
}
article.post .button i{
margin-left:5px;
}
article.post .button:hover{
color:#E74C3C;
}
.search-results article.page .entry-summary {
display: none;
}
.entry-content h2{
margin-top: 15px;
}
.entry-content table {
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
}
.entry-content table th,
.entry-content table td {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 10px;
}
.entry-content table th {
background-color: #f9f9f9;
}
.entry-content dd {
margin-bottom: 15px;
}
.entry-content ul,
.entry-content ol {
padding-left: 15px;
margin: 0px;
}
.entry-content address {
border: 1px solid #ddd;
padding: 20px;
}
.pagination { margin-bottom: 45px; line-height: 30px; }
.pagination .prev, .pagination .next { padding: 10px 13px; margin: 0 15px; border-radius: 4px; border-right: 1px solid #ddd; color: #51ab6d; }
.pagination__page-numbers { display: inline-block; }
.pagination__page-numbers .current { background: #f8f9fa; color: #51ab6d; }
.page-numbers { color: #666660; font-size: 13px; background-color: #fff; border: 1px solid #ddd; padding: 10px 16px; font-family: "Lato", sans-serif; border-right: none; }
.page-numbers:hover { background-color: #f8f9fa; }
.page-numbers:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.page-numbers:last-child { border-right: 1px solid #ddd; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.nav-links{
overflow: hidden;
}
.nav-previous{
float: left;
width: 50%;
text-align: left;
}
.nav-next{
text-align: right;
width: 50%;
float: right;
}
.nav-links a{
display: inline-block;
color: #E74C3C;
font-weight: 700;
text-transform: uppercase;
transition: 0.5s;
}
.page-links{
margin-top: 10px;
}
.page-links a{
display: inline-block;
border: 1px solid #E74C3C;
color: #E74C3C;
padding: 0px 10px;
transition: 0.5s;
margin: 0px 5px;
}
.nav-links a:hover,
.page-links a:hover{
color: #252525;
transition: 0.5s;
border-color: #252525;
}
@media only screen and (min-width: 992px) {
.stop1 {
position:relative!important
}
.sticky1 {
position: fixed!important
}
}