/************************************************************************/
/* MAIN	
/************************************************************************/


body, html{height:100%; width:100%;}

body {
	background:#FFF;
	color:#000;
	font-size: 14px;
	line-height: 24px;
	visibility: hidden;
	font-family: "Geometria", sans-serif;
	-webkit-font-smoothing: antialiased;
}



body.m-internal {background: #f3f5f9;}

a {text-decoration: none !important}
a:hover {cursor: pointer !important;}



/************************************************************************/
/* DEFAULTS
/************************************************************************/


/* Aligns */
.s-vertical-row { display: flex; align-items: center;}
.s-inline-blocks > * {display: inline-block; vertical-align: top;}
.s-vertical-align {justify-content: center; align-items: center;  display: flex}
.s-flex-row {display: flex;align-items: stretch;}
.s-bottom-row  {display: flex; align-items: flex-end}




.s-dash-after {padding-bottom: 35px; position: relative;}
.s-dash-after:after {
  content: "";
  display: block;
  background:#eaeaea;
  position: absolute;
  bottom: 0px;
  width: 34px;
  height: 4px;
}


.s-color-orange {color: #ea6a31 !important;}
.s-color-orange.s-link-bottom-border-hover:after {background: #ea6a31;}





/* Titles */
.s-title {margin-bottom: 80px;}
.s-title-text {font-size: 30px; font-weight: 500; text-transform: uppercase; padding: 30px 0px; margin-bottom: 20px;}
.s-title-text.m-color-green {color: #a0c458;}
.s-title-text.m-color-orange {color: #F4AE38;}
.s-title-text.s-dbl-color {color: #685c5c; text-transform: none}
.s-title-text.s-dbl-color b {color: #a0c458;}

.s-title-text.s-background-logo {position: relative;}
.s-title-text.s-background-logo:after {content:""; display:block; width: 80px; height: 80px; -webkit-mask: url(../img/logo/background-text-logo.svg) center no-repeat;  mask: url(../img/logo/background-text-logo.svg) center no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top:0px; left: 50%; margin-left: -40px; z-index: 5;}

.s-title-text.s-background-logo.m-logo-white:after {background: #fff;}
.s-title-text.s-background-logo.m-logo-gray:after {background: #f8f8f8}
.s-title-text.s-background-logo.m-logo-darkgray:after {background: #eaecf0}
.s-title-text.s-background-logo > span {position: relative; z-index: 10;}
.s-title-description {font-size: 16px; color: #727272;}

.s-title-dblcolor {font-size: 30px; font-weight: bold; color: #555555;}
.s-title-dblcolor > span, .s-title-dblcolor > strong {color: #db7643}

/* END: Titles */





/* Buttons */ 
.s-volia-orange-gradient-btn, .s-volia-green-gradient-btn   {
  background-image: -moz-linear-gradient( 0deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%);
  box-shadow: 2px 10px 30px 0px rgba(1,1,1,.2);
  border-radius: 40px;
  font-size: 16px;
  color: #fff;
  padding: 22px 60px;
  font-weight: 500;
  transition: all 300ms ease;
  border: transparent !important;
  outline: none !important;
}

.s-volia-orange-gradient-btn:hover, .s-volia-orange-gradient-btn:focus, .s-volia-green-gradient-btn:hover, .s-volia-green-gradient-btn:focus {color: #fff; text-decoration: none !important; box-shadow: none;} 

.s-volia-green-gradient-btn  {
  background-image: -moz-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
}

.s-grey-button {color: #676362; background:transparent; transition: background .3s; text-decoration: none !important; border: 1px solid #e7e7e7; border-radius: 30px; padding: 15px 30px;}
.s-grey-button:hover {background: #ec6d3a; color: #fff; border-color: #ec6d3a;}

/* END: Buttons */ 




/* Links */ 
.s-opacity-link {opacity: 1; transition: 200ms all ease;}
.s-opacity-link:hover {opacity: .5}


.s-simple-link {font-size: 16px; font-weight: 500; color: #c3c3c3; transition: color ease 300ms;}
.s-simple-link:hover, .s-simple-link:focus {color: #2C2C2C; text-decoration: none !important}
.s-simple-link > i {background-color: #c3c3c3; transition: background-color ease 300ms;}
.s-simple-link:hover > i, .s-simple-link:focus  > i {background-color: #2C2C2C; text-decoration: none !important}


.s-link-bottom-border-hover {position: relative; padding-bottom: 2px;}
.s-link-bottom-border-hover:after {content: ""; height: 1px; width: 0; background: inherit; position: absolute; bottom: 0px; left: 0px; transition: ease 300ms width;}
.s-link-bottom-border-hover:hover:after, .s-link-bottom-border-hover:focus:after {width: 100%;}
/* END: Links */ 





/* Icons */
.i-uah {display: inline-block; width: 22px; height: 30px; -webkit-mask: url(../img/icons/uah-icon.svg) center no-repeat;  mask: url(../img/icons/uah-icon.svg) center no-repeat; -webkit-mask-size: contain; mask-size: contain; text-indent: -9999999999px;     position: relative; top: -2px;}
.i-photo {display: inline-block; width: 22px; height: 22px; -webkit-mask: url(../img/icons/photo-icon.svg) center no-repeat;  mask: url(../img/icons/photo-icon.svg) center no-repeat; -webkit-mask-size: contain; mask-size: contain; text-indent: -9999999999px;     position: relative; top: 5px; margin-right: 6px;}
.i-star {display: inline-block; width: 17px; height: 18px; -webkit-mask: url(../img/icons/star-icon.svg) center no-repeat;  mask: url(../img/icons/star-icon.svg) center no-repeat; -webkit-mask-size: contain; mask-size: contain; text-indent: -9999999999px;     position: relative; background: #DAE9EF;}
.i-star.m-active {background: #FCD661;}
.i-star + .i-star {margin-left: 5px;}
.i-user {-webkit-mask: url(../img/icons/user.svg) center no-repeat;  mask: url(../img/icons/user.svg) center no-repeat;}
.i-email {-webkit-mask: url(../img/icons/email.svg) center no-repeat;  mask: url(../img/icons/email.svg) center no-repeat;}
.i-mobile {-webkit-mask: url(../img/icons/mobile.svg) center no-repeat;  mask: url(../img/icons/mobile.svg) center no-repeat;}
.i-login {-webkit-mask: url(../img/icons/login.svg) center no-repeat;  mask: url(../img/icons/login.svg) center no-repeat;}
.i-text {-webkit-mask: url(../img/icons/text.svg) center no-repeat;  mask: url(../img/icons/text.svg) center no-repeat;}
.i-company {-webkit-mask: url(../img/icons/company.svg) center no-repeat;  mask: url(../img/icons/company.svg) center no-repeat;}
.i-egrpou {-webkit-mask: url(../img/icons/egrpou.svg) center no-repeat;  mask: url(../img/icons/egrpou.svg) center no-repeat;}
.i-sms {-webkit-mask: url(../img/icons/sms.svg) center no-repeat;  mask: url(../img/icons/sms.svg) center no-repeat;}
.i-email_code {-webkit-mask: url(../img/icons/email_code.svg) center no-repeat;  mask: url(../img/icons/email_code.svg) center no-repeat;}
/* END: Icons */





/* Backgrounds */
.m-background-gray, .m-background-gray.s-waves-after {background-color: #f8f8f8;}
.m-background-white, .m-background-white.s-waves-after {background-color: #fff;}
/* END: Backgrounds */



/*
  background-image: -moz-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
*/



/* Table */
.s-volia-table {width: 100%; font-size: 16px;}
.s-volia-table th {color: #4dae5f; font-weight: bold; }
.s-volia-table th, .s-volia-table td {background: #fbfbfc; border-left:20px solid #fff;  border-right:20px solid #fff;  padding: 30px 20px; border-radius: 10px;}
.s-volia-table td {font-weight: 300;}
.s-volia-table.m-striped tbody tr:not(.m-hidden):nth-child(odd) td {background: transparent;}
.s-volia-table.m-striped tbody tr:not(.m-hidden) td:first-child, .s-volia-table.m-striped thead th:first-child {border-left: 0px;}
.s-volia-table.m-striped tbody tr:not(.m-hidden) td:last-child,  .s-volia-table.m-striped thead th:last-child {border-right: 0px;}

tr.m-hidden {display: none;}

.s-volia-table.m-order-table td {border: 0px; border-radius: 0px;}
.s-volia-table.m-order-table tr td:last-child {font-size: 16px; width: 15%; color: #92bf6d; font-weight: 500; text-align: right; position: relative; padding-left: 40px;}


.s-volia-table.m-order-table tr td:nth-child(2) {padding: 0px 50px; text-align: center; font-size: 20px;}
.s-volia-table.m-order-table tr.m-min-qty td:nth-child(2) > * {opacity: 0 !important;}


.s-volia-table.m-order-table tr td:nth-child(2) > * { opacity: 1; transition: ease-in .5s all;} 
.s-volia-table.m-order-table tr td:nth-child(2) > strike {opacity: .5 !important}

input[type="checkbox"][readonly] {
  pointer-events: none;
}


.s-volia-table.m-order-table tbody > tr > td > p {color: #919191 !important; font-size: 14px; font-weight: 400; text-align: left; }


.s-volia-table.m-order-table tbody tr[data-input-type="select"] td:nth-child(2), .s-volia-table.m-order-table tbody tr[data-input-type="select"] td:last-child {opacity: 0;}



/* .s-volia-table.m-order-table tr td:last-child:after {content: "......"; font-size:20px; letter-spacing: 2px; transform: rotate(90deg); position: absolute; display: block; left: 0px; top:20px; color: #c5c5c5;} */
.s-volia-table.m-order-table .i-uah {background: #DFDFDF; width: 14px; height: 18px; top:1px;}
.s-volia-table.m-order-table td {vertical-align: middle;}
.s-volia-table.m-order-table td:first-child {font-size: 16px;}
.s-volia-table.m-order-table .text-grey {color: #c1c1c1;}
.s-volia-table.m-order-table .text-price {font-size: 24px; font-weight: 500}

.s-volia-table.m-order-table tr td:last-child {white-space: nowrap}

.s-volia-table-wrap {width: 100%; overflow: scroll}
/* END: Table */





/* Inputs */
.s-form-title {font-size: 16px; color: #ea6a31; font-weight: bold; text-transform: uppercase; }
.s-volia-input {position: relative;}



.s-volia-input > input, .s-volia-input > textarea {background: #f7f7f7;  padding: 18px 25px 18px 70px; min-height: 60px; width: 100%; border: none; box-shadow: none !important; outline: none !important; font-size: 16px; font-weight: 500;border-radius: 10px; display: block; resize: vertical; border: 2px solid transparent; transition: border-color ease .3s}


.s-volia-input.has-error > input, .s-volia-input.has-error > textarea {border: #ea6a30 2px solid}
.s-volia-input.has-error > .m-form-icon  {background: #ea6a30 !important;}


.s-volia-input > input::-webkit-input-placeholder, .s-volia-input > textarea::-webkit-input-placeholder {color:#c5c5c5;}
.s-volia-input > input::-moz-placeholder, .s-volia-input > textarea::-moz-placeholder {color:#c5c5c5;}/* Firefox 19+ */
.s-volia-input > input:-moz-placeholder, .s-volia-input > textarea:-moz-placeholder{color:#c5c5c5;}/* Firefox 18- */
.s-volia-input > input:-ms-input-placeholder, .s-volia-input > textarea:-ms-input-placeholder {color:#c5c5c5;}


.s-volia-input > input:focus, .s-volia-input > input:active, .s-volia-input > textarea:focus, .s-volia-input > textarea:active {border-color: #a0c458; background: #fff;}
.s-volia-input > .input-group-addon {border: none; box-shadow: none;background: #fbfbfc; }

.s-volia-input.m-after-button input {padding-right: 50px;}

.s-volia-input-button {position: absolute; right: 20px; top:10px; background: #fff; border: none; color: #727272; padding: 10px 30px; font-weight: 500; border-radius: 10px; transition: all ease .3s;}
.s-volia-input-button[disabled] {cursor: not-allowed !important;}

.s-volia-input-button[disabled]:hover, .s-volia-input-button[disabled]:focus {background: #fff !important; color: #727272 !important; opacity: .7}

.s-volia-input-button {display:block;  -webkit-animation: fadeIn .3s;}

.s-volia-input-button:hover {background: #ea6a31; color: #fff;}


.s-volia-checkbox, .s-volia-radio {display: inline-block;}
.s-volia-checkbox [type="checkbox"], .s-volia-radio [type="radio"] {position: absolute;opacity: 0;}
.s-volia-checkbox [type="checkbox"] + label, .s-volia-radio [type="radio"] + label {position: relative;cursor: pointer;padding: 0;vertical-align: top;display: inline-block;padding-left: 50px;font-weight: 300;font-size: 16px;color: #727272;padding-top: 5px;}
.s-volia-checkbox [type="checkbox"]:not(checked) + label:before, .s-volia-radio [type="radio"]:not(checked) + label:before {content: "";position: absolute;top:0px;left:0px;cursor: pointer; -webkit-mask-size: contain; mask-size: contain; background-color: #F2F2F2;transition: 0.4s;display: inline-block;width: 34px;height: 34px; z-index: 9;}


.s-volia-checkbox [type="checkbox"]:checked + label:before, .s-volia-radio [type="radio"]:checked + label:before {background-color: #a0c458;}
.s-volia-checkbox [type="checkbox"]:not(checked) + label:before {-webkit-mask: url(../img/icons/checkbox-icon.svg) center no-repeat;  mask: url(../img/icons/checkbox-icon.svg) center no-repeat;}
.s-volia-radio [type="radio"]:not(checked) + label:before {-webkit-mask: url(../img/icons/radio-icon.svg) center no-repeat;  mask: url(../img/icons/radio-icon.svg) center no-repeat;}


.s-volia-radio [type="radio"][disabled] + label {opacity: .4; cursor: not-allowed;}
.s-plusminus-input {white-space: nowrap}
.s-plusminus-input button {background: transparent; border: none; font-weight: 400; font-size: 26px; color: #C5C5C5;}
.s-plusminus-input button:hover, .s-plusminus-input button:focus {color:#5EB86E; outline: none !important}
.s-plusminus-input input {width: 70px; border-radius: 40px; border: 2px solid #dfddde; background: transparent; text-align: center; outline: none; padding: 8px; font-weight: bold; font-size: 18px; font-weight: 500; color: #C5C5C5; transition: ease 300ms all;}
.s-plusminus-input:focus input, .s-plusminus-input:active input, .s-plusminus-input:hover input{color: #8ebd6d ; border-color: #8ebd6d;}



.select2-container--volia  {max-width: 100%; width: 250px !important;}
.select2-container--volia .select2-selection--single {background: #f7f7f7; position:relative; height: auto; padding: 12px 25px 12px 25px; border: none; box-shadow: none; outline: none; border-radius: 10px; font-size: 12px; font-weight: 500; max-width: 420px; text-align: left;  position: relative; margin: 0 auto;}
.select2-container--volia .select2-selection__arrow {width: 0;position: absolute; right: 20px;top:20px;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #383838 transparent transparent transparent; transform: none; transition: ease 300ms all;}
.select2-container--volia.select2-container--open .select2-selection__arrow  {transform: rotate(180deg)}
.select2-container--volia .select2-dropdown {box-shadow: 0px 20px 20px 5px rgba(0,0,0,.1); z-index: 10; border: none; background:#f7f7f7; border-top:1px solid #d2d2d2;}
.select2-container--volia .select2-dropdown.select2-dropdown--above {border-top:0px; border-bottom:1px solid #d2d2d2; box-shadow: 0px -20px 30px 5px rgba(0,0,0,.1);}
.select2-container--volia.select2-container--open .select2-selection--single  {box-shadow: 0px 0px 20px 5px rgba(0,0,0,.1); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.select2-container--volia.select2-container--open.select2-container--above .select2-selection--single  { border-top-left-radius: 0px; border-top-right-radius: 0px;}
.select2-container--volia .select2-search {display: none;}
.select2-container--volia .select2-results__option {padding: 10px 20px 10px 30px; font-size: 16px; opacity: 1; transition: ease 300ms all;}
.select2-container--volia .select2-results__option:hover {opacity: .3}
.select2-container--volia .select2-results__option[aria-disabled="true"] {cursor: not-allowed; color: #c7c7c7; font-weight: bold; opacity: 1 !important;}
/* END: inputs */


.alert {font-size: 16px; padding: 20px;}
.alert.alert-warning {background: #fff5e1}




.growl {opacity: .95;}
.growl .growl-title {font-size: 16px; font-weight: 600;}
.growl .growl-message {font-weight: 400; font-size: 12px; font-family: "Geometria", sans-serif;}
.growl.growl-notice {background: #a0c458;}
.growl.growl-error {background: #ea6a31;}




/* Show/Hide fields */
[data-sh-field] {display:none;}
[data-sh-field].m-active {display:block;  -webkit-animation: fadeIn .3s;
    animation: fadeIn 1s;}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

/* END: Show/Hide fields */



/************************************************************************/
/* Owl Carousel  
/************************************************************************/

.s-carousel-wt-arrows {padding: 0px 80px; position: relative;}
.s-carousel-wt-arrows .owl-nav button {position: absolute; overflow: hidden; top:15px; text-indent: -99999999999px; display: inline-block; width: 42px; height: 27px;  -webkit-mask: url(../img/icons/owl-arrow.svg) center no-repeat; mask: url(../img/icons/owl-arrow.svg) center no-repeat; -webkit-mask-size: contain; mask-size: contain; background-color: #BCBCBC !important; transition: all ease 300ms;}
.s-carousel-wt-arrows .owl-prev {left:0;}
.s-carousel-wt-arrows .owl-next {right:0;}
.s-carousel-wt-arrows .owl-nav button.owl-next { transform: rotate(180deg);}
.s-carousel-wt-arrows .owl-nav button:hover {background-color: #F4AE38 !important; }
/* .s-carousel-wt-dots {text-align: center;} */
.s-carousel-wt-dots .owl-dots {margin-top: 80px; text-align: center;}
.s-carousel-wt-dots .owl-dots > button {background: #E5E5E5; border-radius: 50%; display: inline-block; width: 10px; height: 10px;}
.s-carousel-wt-dots .owl-dots > button + button {margin-left: 8px;}
.s-carousel-wt-dots .owl-dots > button.active {background: #F4AE38; outline: none !important; box-shadow: none !important}





/************************************************************************/
/* Page styles
/************************************************************************/
.b-pageheader { background-size: cover !important; background-repeat: no-repeat !important;  width: 100%; padding: 150px 0px 180px;}
.b-pageheader.m-background-orange {background: url(../img/backgrounds/page-top-orange.jpg) center;}
.b-pageheader.m-background-green {background: url(../img/backgrounds/page-top-green.jpg) center;}

.pageheader__text {text-align: center; color: #fff;}
.pageheader__text-title {font-weight: 900; font-size: 50px; text-transform: uppercase; color: inherit; margin-bottom: 20px;}
.pageheader__text-title a {border-bottom: 1px dashed #fff; color: inherit; text-decoration: none !important; opacity: 1; transition: all ease .4s;}
.pageheader__text-title a:hover {border-bottom: transparent; opacity: .8}
.pageheader__text-desc {font-size: 16px;}

/* .b-pageheader.m-ordering .pageheader__text {text-align: left} */
.b-pageheader.m-ordering .pageheader__text-title  {font-weight: 100; font-size: 32px;}

.b-pageheader.m-ordering .pageheader__text-title .i-uah {background-color: #fff; top:0px; width: 19px; height: 24px;}





.s-white-block {background: #fff; border-radius: 20px; padding: 75px 0px; box-shadow: 19px 32.909px 46px 0px rgb( 0, 0, 0, .05);}
.s-page-paddings {padding-left: 100px; padding-right: 100px}
.s-minus-margin {margin-top: -120px;}
.no-wrap {white-space: nowrap}






/************************************************************************/
/* Modal
/************************************************************************/


.modal.s-volia-modal {text-align: center;}
@media screen and (min-width: 768px) { 
  .modal.s-volia-modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.s-volia-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.s-volia-modal .modal-content {padding: 80px 150px 150px;  box-shadow: 15px 25.981px 30px 0px rgba( 0, 0, 0, .2); border: none; border-radius: 20px; background-image: url(../img/backgrounds/modal-footer.png); background-position: center bottom; background-repeat: no-repeat; background-size: contain;}
.s-volia-modal .modal-header {border: none !important; padding-bottom: 65px; margin-bottom: 20px; position: relative;}
.s-volia-modal .modal-header:after {content: "...."; font-size: 34px; color: #e1e1e1; display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center;}
.s-volia-modal .modal-header:before {width: 100%; text-align: center;}
.s-volia-modal .modal-title {font-size: 30px; color: #63b966; font-weight: 600; line-height: 10px;}
.s-volia-modal  .modal-button {margin-top: 40px; margin-bottom: 30px;}
.s-volia-modal .modal-close {color: #63b966; outline:  none !important; position: absolute; right: -40px; top:-40px; font-size: 50px; font-weight: 300; transform: none; transition: all ease .5s; opacity: 1; text-shadow: none !important}
.s-volia-modal .modal-close:hover {color: #ea6a31; transform: rotate(90deg);}

.modal-backdrop.in {opacity: .7}
.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}


/************************************************************************/
/* Header
/************************************************************************/



#header {position: absolute;  top:0px; left: 0px; width: 100%; padding-top: 30px; color: #fff; font-weight: 500; z-index: 20;}
#header.m-fixed {background: rgba(255,255,255,1); color: #5f5b5c; padding: 5px 0px 20px; position: fixed; box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1); }
.header__logo {text-align: center; padding-top: 10px;}
.header__logo a {display: inline-block;}
.header__logo-image {vertical-align: middle; max-width: 100%;}
.header__services {text-align: center;}
.header__services-item {display: inline-block; vertical-align: middle; color:inherit; font-weight: 500; opacity: 1; transition: 200ms all ease;}
.header__services-item:hover { /* color: #50bb62; */ color: inherit !important}
.header__services-item:before {content: ""; vertical-align: top; display: inline-block; width: 27px; height: 27px;  -webkit-mask-size: contain; mask-size: contain; background-color: rgba(255,255,255,.3); position: relative; top:-3px; margin-right: 15px;  transition: 200ms all ease; }



.header__services-item:hover:before {background-color: #F4AE38}


.header__services-item.m-cloud:before {-webkit-mask: url(../img/services/header-cloud-icon.svg) center no-repeat;  mask: url(../img/services/header-cloud-icon.svg) center no-repeat;}
.header__services-item.m-colocation:before {-webkit-mask: url(../img/services/header-colocation-icon.svg) center no-repeat;  mask: url(../img/services/header-colocation-icon.svg) center no-repeat;}
.header__services-item.m-dedicated:before {-webkit-mask: url(../img/services/header-dedicated-icon.svg) center no-repeat;  mask: url(../img/services/header-dedicated-icon.svg) center no-repeat;}
.header__services-item.m-vds:before {-webkit-mask: url(../img/services/header-vds-icon.svg) center no-repeat;  mask: url(../img/services/header-vds-icon.svg) center no-repeat;}
.header__services-item + .header__services-item {margin-left: 7%; }


.header__right { position: relative; text-align: center; vertical-align: middle; top:-2px;}
.header__right-login {background: rgba(255,255,255,.1); transition: 200ms all ease; border-radius: 20px; padding: 11px 17px; color: inherit !important;}
.header__right-login-icon {margin-right: 7px; vertical-align: top; padding-top: 3px;}


.header__right-phones:hover .header__right-phones-icon, .header__right-login:hover {background: rgba(255,255,255,.2)}


.header__right-languages {padding: 0px; margin-right: 30px; display: inline-block;  list-style: none; vertical-align: middle; position: relative;}


.header__right-languages-other {opacity: 0;  transition: all 300ms; visibility: hidden; position: absolute; padding-left: 0px; list-style: none;  box-shadow: 12px 20.785px 29px 0px rgba( 0, 0, 0, 0.1);  background-color: rgba( 255, 255, 255, 0.051 ); padding: 35px 0px 0px; top:-5px; left: -16px; border-radius: 10px; overflow: hidden;}

.header__right-languages:hover .header__right-languages-other {visibility: visible;  opacity: 1;}
.header__right-languages-other li {color: rgba(255,255,255,.4); background-color: transparent; transition: ease 400ms all; display: block; padding: 7px 15px;}
.header__right-languages-other li a {color: inherit; display: block;}
.header__right-languages-other li:hover {background-color: rgba(255,255,255,.1); color: rgba(255,255,255,.9); }




/* Burger */
.header__right-menu {display: inline-block; margin-left: 25px; position: relative; z-index: 55; vertical-align: middle;}
.header__right-menu  .s-menu-burder {position: relative;  top: 3px;}


.s-menu-burder {width: 24px; height: 24px; opacity: 1; transition: all 500ms ease; overflow: hidden;}
.s-menu-burder > div {width: 100%; height: 2px; display: block; background: #fff; border-radius: 4px; opacity: 1; transition: all 200ms ease; position: relative; }
.s-menu-burder > div:nth-child(1) {top:0px;}


.s-menu-burder > div + div {margin-top: 4px;}


.s-menu-burder > div:last-child {background:transparent !important;}
.s-menu-burder > div:last-child:after, .s-menu-burder > div:last-child:before {content:""; display: inline-block; background: #fff; position: absolute; bottom:0px; height: 2px; transition: all 400ms ease;}
.s-menu-burder > div:last-child:after {width: 10%; right:0px; }
.s-menu-burder > div:last-child:before {width: 60%; left:0px;}





.s-menu-burder:hover > div:last-child:before, .s-menu-burder:focus > div:last-child:before {width: 100%; background: #F4AE38 !important;}
.s-menu-burder:hover > div:last-child:after, .s-menu-burder:focus > div:last-child:after {background: #F4AE38 !important;}
.s-menu-burder:hover > div, .s-menu-burder:focus > div {background: #F4AE38 !important;}
.s-menu-burder:hover > div:last-child, .s-menu-burder:focus > div:last-child {width: 100%;}




/* Active */
.header__right-menu.m-active .s-menu-burder > div:before {display: none;}

.header__right-menu.m-active .s-menu-burder > div {background: #F4AE38 !important;}

.header__right-menu.m-active .s-menu-burder > div:nth-child(2) {width: 0; visibility: hidden; transition-delay: .1s;}
.header__right-menu.m-active .s-menu-burder > div:nth-child(1) {top:12px;  transition-delay: .4s;}
.header__right-menu.m-active .s-menu-burder > div:nth-child(3) {width: 100%; transform: rotate(90deg); transition-delay: .6s;}
.header__right-menu.m-active .s-menu-burder {transform: rotate(42deg);  transition-delay: .8s;}
.header__right-menu.m-active .s-menu-burder > div:last-child:after {display: none;} 








/* Fixed */

#header.m-fixed .header__services-item:before {background: #a0c458}
#header.m-fixed .header__right-phones-icon {background: #f9f9f9;}
#header.m-fixed .header__right-phones {border-right-color: #d4d4d4;}
#header.m-fixed .header__right-login {background: #f9f9f9;}
#header.m-fixed .s-menu-burder > div {background:#a0c458; }
#header.m-fixed .s-menu-burder > div:last-child:after, #header.m-fixed .s-menu-burder > div:last-child:before {background: #a0c458;}
#header.m-fixed .header__right-languages-other {background-color: #fff;}
#header.m-fixed .header__right-languages-active {position: relative; z-index: 10}
#header.m-fixed .header__right-languages-other li {color: rgb(97, 94, 95);}
#header.m-fixed .header__right-languages-other li:hover {background: #f9f9f9}

#header.m-fixed .header__right-phones-icon path, #header.m-fixed .header__right-login-icon path {fill:#dbdbdb;}
#header.m-fixed .header__logo-image-text path {fill:#514f50}

#header.m-fixed .header__services-item:hover { color: #50bb62;}
#header.m-fixed .header__services-item:hover:before {background-color: #F4AE38}

#header.m-fixed .header__right-phones:hover .header__right-phones-icon {background: #F4AE38}
#header.m-fixed .header__right-phones:hover .header__right-phones-icon path {fill: #fff;}


#header.m-fixed .header__right-login:hover {background: #F4AE38; color: #fff !important;}
#header.m-fixed .header__right-login:hover .header__right-login-icon path {fill: #fff;}
/* #header.m-fixed .header__services {border-color: rgb(221, 221, 221);} */









/* #header.m-fixed .s-menu-burder > div:before {} */


/************************************************************************/
/* Menu
/************************************************************************/


#menu {position: absolute; background: #fff; padding: 70px 0px; color: #8C8C8C; width: 100%; height: auto; top:-500px; left: 0px; opacity: 0; visibility: hidden; opacity: 0; transition: all .2s; z-index: 50; box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1);}


.menu__logo {margin-bottom: 70px;}
.menu__nav  a {display:block; margin-bottom: 40px; text-transform: uppercase; font-size: 14px; color: #7c7c7c}
.menu__nav a:hover {color: #ec6d3a}
.menu__contacts {margin-top: 60px;}
.menu__contacts .widget-title {color: #ec6d3a}
.menu__nav-column {position: relative;}
.menu__nav-column:nth-child(2):after, .menu__nav-column:nth-child(4):after {content: ""; width: 5px;position: absolute;height: 100%;top: -10px;right: 50px; border-right: 2px dotted #f5f5f5;}
.menu__nav-column:nth-child(4):after {left: -50px; border-left: 2px dotted #f5f5f5; border-right: 0px;}
.menu__contacts a:hover, .menu__contacts a:focus {opacity: .4}
.menu__buttons {margin-top: 50px; }



#menu.m-active {visibility: visible; opacity: 1; top:0px; transition-delay: .5s;}

.menu__nav-column {opacity: .1; transition: opacity ease .5s}

#menu.m-active .menu__nav-column:nth-child(1) {opacity: 1;  transition-delay: .9s;}
#menu.m-active .menu__nav-column:nth-child(2) {opacity: 1;  transition-delay: 1.1s;}
#menu.m-active .menu__nav-column:nth-child(3) {opacity: 1;  transition-delay: 1.0s;}
#menu.m-active .menu__nav-column:nth-child(4) {opacity: 1;  transition-delay: 1.3s;}


#menu .s-title-background-text-title {margin-top: -10px; display: inline-block;}



/************************************************************************/
/* Home
/************************************************************************/



#home { 
	height: 95%; 
	width: 100%;  
	display: block;
    position: relative;
    z-index: 2;
    padding-top: 100px;
    
 }
 
 
.home__background {
	    -webkit-mask: url(../img/backgrounds/waves-after.svg) 0px bottom no-repeat;
	    mask: url(../img/backgrounds/waves-after.svg) 0px bottom no-repeat;
	    -webkit-mask-size: cover;
		position: absolute; top:0px; left: 0px; width: 100%; height: 100%; display: block; z-index: 2;
		background-image: -moz-linear-gradient( -141deg, rgb(29,52,120) 0%, rgb(105,133,180) 100%);
		background-image: -webkit-linear-gradient( -141deg, rgb(29,52,120) 0%, rgb(105,133,180) 100%);
		background-image: -ms-linear-gradient( -141deg, rgb(29,52,120) 0%, rgb(105,133,180) 100%);
} 



.home__background-illustration {width: 100%;  transform:translateY(300px); opacity: 0; height: 100%; background: url(../img/backgrounds/home-illustration.svg) center bottom no-repeat; background-size: 75%; position: absolute; left: 0px; bottom: 0px;}

.home__background-clouds {width: 100%; height: 100%; background: url(../img/backgrounds/home-clouds.svg) top center no-repeat; background-size: 100%; position: absolute; top:100px; left: 0px;}




/* borders for home background */
#home:after, #home:before {
	content:"";
	height: 100%;
	width: 100%;  
	display: block;
    -webkit-mask: url(../img/backgrounds/waves-after.svg) 0px bottom no-repeat;
    mask: url(../img/backgrounds/waves-after.svg) 0px bottom no-repeat;
    position: absolute;
    z-index: 1;
    -webkit-mask-size: cover;
}



#home:after {top: 25px; background-color: #485f8f;}
#home:before {top: 50px; background-color: #f0f0f0;}




.s-waves-after {
	width: 100%;  
	display: block;
    -webkit-mask: url(../img/backgrounds/waves-after.svg) 0px bottom no-repeat;
    mask: url(../img/backgrounds/waves-after.svg) 0px bottom no-repeat;
    z-index: 1;
    padding-bottom: 250px;
    -webkit-mask-size: cover;
    margin-bottom: 20px;
    position: relative;
}








.home__content {width: 100%; height: 100%;  position: relative; z-index: 5; justify-content: center; align-items: center;  display: flex; text-align: center; color: #fff; font-weight: 300; padding-bottom: 250px;}



.home__content-title {font-size: 50px; font-weight: 400; margin-bottom: 30px; display: block; }
.home__content-desc {font-size: 16px; margin-bottom: 50px; display: block; }

 
 

/* Animations */

.home__content-title, .home__content-desc, .home__content-btn {opacity: 0;}
.home__content-title {transform: translateY(-50px);}

 
 
 
 /************************************************************************/
 /* Services
 /************************************************************************/



#home + #services {margin-top: -150px; padding-top: 300px;}

.s-home-section {padding: 80px 0px;}

#news.s-home-section {padding-bottom: 0px;}

#services .services__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.services__container > div {height: 100%;}



.services__item {height: 100%; position: relative; overflow: hidden; background: #fff; background-image:none; border-radius: 18px; box-shadow: none; text-align: center; padding: 45px 40px 150px; transition: 300ms ease all;}

.services__item-header-icon {margin-bottom:25px; display: inline-block; width: 100%; height: 65px;  -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; background-color: #D7D7D7;  transition: 200ms all ease;}


.services__item-header-icon.m-cloud {-webkit-mask: url(../img/services/main-cloud-icon.svg) center no-repeat;  mask: url(../img/services/main-cloud-icon.svg) center no-repeat;}
.services__item-header-icon.m-colocation {-webkit-mask: url(../img/services/main-colocation-icon.svg) center no-repeat;  mask: url(../img/services/main-colocation-icon.svg) center no-repeat;}
.services__item-header-icon.m-dedicated{-webkit-mask: url(../img/services/main-dedicated-icon.svg) center no-repeat;  mask: url(../img/services/main-dedicated-icon.svg) center no-repeat;}
.services__item-header-icon.m-vds {-webkit-mask: url(../img/services/main-vds-icon.svg) center no-repeat;  mask: url(../img/services/main-vds-icon.svg) center no-repeat;}


.services__item-header {font-size: 20px; color: #a0c458; text-transform: uppercase; font-weight: 500; border-bottom: 1px dashed #e3e3e3; padding-bottom: 25px; margin-bottom: 25px; }
.services__item-advantages {padding: 0px; list-style: none; font-size: 14px; color: #727272; margin-bottom: 25px; opacity: 1; padding: 0px 20px; border-bottom: 1px dashed #e3e3e3; padding-bottom: 25px; }
.services__item-advantages li + li {margin-top: 10px;}
.services__item-price-text {font-size: 16px; color: #727272; margin-bottom: 25px; display: block}
.services__item-price-number {font-size: 36px; font-weight: 500; color: #a0c458;}
.services__item-price-number .i-uah {background-color: #dfdfdf; position: relative; top:-5px; margin-left: 5px;}



.services__item-price { width: 100%; left: 0px; }



.services__wrap > div:nth-child(even) .services__item-price-number, .services__wrap > div:nth-child(even) .services__item-header-name {color: #ea6a31}



.services__item-header, .services__item-header-icon, .services__item-advantages, .services__item-price-text, .services__item-price-number, .services__item-price-number .i-uah, .services__item-more {transition: 100ms all ease;}


.services__item:hover  .services__item-hidden{
  background-image: -moz-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  box-shadow: 0px 0px 35px 0px rgba(0,0,0,.3);	

}


.services__wrap > div:nth-child(even) .services__item:hover .services__item-hidden{
	  background-image: -moz-linear-gradient( 130deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%) !important;
  background-image: -webkit-linear-gradient( 130deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%) !important;
  background-image: -ms-linear-gradient( 130deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%) !important;
}




.services__item-hidden {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; padding: 45px 40px 150px; opacity: 0; z-index: 3; visibility: hidden; transition: all ease 300ms;}
.services__item:hover .services__item-hidden  { opacity: 1; visibility: visible; left: 0px;}


.services__item-more {margin-top: 50px; margin-bottom: 40px; width: 100%; left: 0px; transition: 150ms all ease-out; position: relative; bottom: -100px;}

.services__item-hidden .services__item-header-name, .services__item-hidden .services__item-price-text, .services__item-hidden .services__item-price-number {color: #fff !important}
.services__item-hidden .services__item-header-icon, .services__item-hidden .services__item-price-number .i-uah  {background-color: #fff !important}


 .services__item-hidden .services__item-price-number {border-bottom: 1px dashed #e3e3e3; padding-bottom: 30px;}




.s-volia-orange-gradient-btn.m-white {background: #fff; color: #50bb62;}


.services__item-more  .s-volia-orange-gradient-btn.m-white {font-weight: 600}

.services__item:hover .services__item-price {position: relative; bottom:0px; border-top: 0px;}
.services__item:hover .services__item-more {visibility: visible; opacity: 1; bottom:0px;}

.services__wrap > div:nth-child(even) .services__item:hover .s-volia-orange-gradient-btn {color: #f4ad38;}





/************************************************************************/
/* About
/************************************************************************/


#about {z-index: 2;}

.about__text {padding-right: 100px; padding-left: 50px; background: url(../img/logo/volia-about-logo.svg) left center no-repeat; background-size: contain;}

.about__text > p {font-size: 16px; color: #727272; line-height: 36px; margin-top: 30px;}


.about__buttons {margin-top: 80px;}


.about__buttons-photo {margin-left: auto;}


.about__image {overflow: hidden}


/************************************************************************/
/* Advantages
/************************************************************************/




#about.s-waves-after + #advantages {margin-top: -300px; padding-top: 300px;}



.advantages__wrap {  counter-reset: advantages; margin-top: 50px; margin-bottom: 100px;}
.advantages__item {text-align: center;}

.advantages__item {display: inline-block; width: 19%; vertical-align: top;}


.advantages__item-icon {position: relative; display: inline-block; margin: 0 auto 35px;}
.advantages__item-icon img {display: inline-block}

.advantages__item-icon:after {  content: counter(advantages);  counter-increment: advantages;  background: #ccc; display: block; width: 35px; height: 38px; position: absolute; top:-20px; left: -30px; color: #fff; background: url(../img/advantages/number-background.svg) center no-repeat; font-size: 16px; font-weight: 800; padding-top: 8px;}


.advantages__item-name {font-size: 16px; font-weight: 600; color: #686868; margin-bottom: 18px; display: block; padding-bottom: 18px; position: relative;}


.advantages__item-name:after{content:"..."; font-size: 24px; letter-spacing: 3px; display: inline-block; width: 100%; text-align: center; position: absolute; bottom:0px; left: 0px; color: #57e16b; line-height: 0px;}

.advantages__item p {color: #727272; font-size: 14px;}






/************************************************************************/
/* Reviews
/************************************************************************/

/* .b-review {background: #f3f3f3;} */

#reviews .owl-carousel .owl-stage-outer {padding-top: 40px; padding-bottom: 40px; overflow-y: visible !important}

#reviews .owl-carousel .owl-stage {display: flex; align-items: stretch; flex-wrap: wrap;}




.b-review {text-align: center; height: 100%;}


.reviews__list {padding-bottom: 0px !important;}

.review__content { 
	height: 100%;
  background-image: -moz-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  padding: 45px 40px;
  border-radius: 15px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  box-shadow: none;
  transition: background 300ms ease, box-shadow 300ms ease;
  position: relative;
}



 



.review__content-photo {display: block; width: 67px; height: 67px; overflow: hidden; border-radius: 50%; margin: 0 auto 40px;}


.review__content-name {font-size: 18px; color: inherit; font-weight: bold; margin-bottom: 20px; display: block}

.review__content-text {position: relative; padding: 0px 20px;}
.review__content-text:before {content: ''; display: inline-block; z-index: 1; width: 76px; height: 33px; background: url(../img/icons/review-quotes-icon.svg) center no-repeat; position: absolute; top:-20px; left: -45px; background-size: contain; opacity: .5;}


.review__content-text > p {position: relative; z-index: 5}


.reviews__list .owl-item.center .review__content-more {opacity: 1; visibility: visible;}


.review__content-rating {margin-bottom: 25px;}


.reviews__list .owl-item.center .review__content{background: #fff; color: #727272;   box-shadow: 5px 5px 40px 0px rgba( 0, 0, 0, .1); padding-bottom: 60px;}


.reviews__list .owl-item.center .review__content-text:before {opacity: 1;}


.review__content-more {margin-top: 35px; text-align: center; opacity: 0; visibility: hidden; transition: 1s ease all;}

.review__content-more-link {font-weight: bold; color: #54D167 !important; font-size: 16px; position: relative; padding-bottom: 8px;}
.review__content-more-link.s-link-bottom-border-hover:after {background: #54D167;}






/************************************************************************/
/* Clients
/************************************************************************/


#clients {margin-bottom: 0px;}

#clients .owl-carousel .owl-stage {display: flex; align-items: center;flex-wrap: wrap;}

.clients__list-item {text-align: center;}
.clients__list-item img { width: auto !important; display: inline-block;margin: 0 auto; max-height: 100%; max-width: 100%;  filter: contrast(1) sepia(100%) hue-rotate(0) brightness(.5) saturate(.2); opacity: .5; -webkit-transition: all 100ms ease-in;-moz-transition: all 100ms ease-in;-ms-transition: all 100ms ease-in;-o-transition: all 100ms ease-in;transition: all 100ms ease-in;}

.clients__list-item img:hover {filter:none; opacity: 1;}





/************************************************************************/
/* News
/************************************************************************/
#news .owl-carousel .owl-stage-outer {padding-top: 50px; padding-bottom: 35px; overflow-y: visible !important}
#news .owl-carousel .owl-stage {display: flex; align-items: stretch; flex-wrap: wrap;}
#news .b-post:after {background: #f29e36}

.b-post {background: #f4ae38; border-radius: 20px; overflow: hidden !important; color: #fff; position: relative;}
.post__photo {height: 137px; overflow: hidden; position: relative; z-index: 5;}
.post__photo img {width: 100%;}

.post__content {padding: 35px 45px;  position: relative; z-index: 5;}


.b-post:after {
	content: "";
	display: block;
	-webkit-mask: url(../img/logo/background-text-logo-gray.svg) bottom no-repeat;
    mask: url(../img/logo/background-text-logo-gray.svg) bottom no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
	width: 100%;
	height: 100%; 
	padding-top: 140px;
	position: absolute;
	left: 0px;	
	bottom: 0px;
	background: #000;
	z-index: 3;
}





.post__content-date {font-weight: bold; display: block; margin-bottom: 20px;}
.post__content > p {line-height: 24px;}
.post__content-more {margin-top: 30px; display: inline-block; color: #fff; font-weight: bold; position: relative}
.post__content-more:hover, .post__content-more:focus {color: inherit; text-decoration: none !important}
.post__content-more.s-link-bottom-border-hover:after {background: #fff;}




.news__list {margin-top: 0px;}
.news__list .owl-item.center .b-post {background: #fff; color: #727272; box-shadow: 5px 5px 40px 0px rgba( 0, 0, 0, .1); margin-top: -50px;}
#news .owl-item.center .b-post:after {background: #fbfbfb !important;}
.news__list .owl-item.center .post__photo {height: 235px;}
.news__list .owl-item.center .post__content-more {color: #f4ae38;}
.news__list .owl-item.center .post__content-more.s-link-bottom-border-hover:after {background: #f4ae38;}









/************************************************************************/
/* Blog
/************************************************************************/


.blog-list__item {margin-bottom: 20px;}

.b-blog-list .b-post {background: #FBFBFB; color: #727272;  border-radius: 10px; margin-bottom: 25px; transition: all .2s ease; box-shadow: none;}
.b-blog-list .b-post:after {display: none;}

.b-blog-list .b-post:hover {background: #fff; box-shadow: 0px 0px 40px 0px rgba( 0, 0, 0, .1);}


.b-blog-list .post__content-more {color: #f4ae38;}
.b-blog-list .post__content-more:after {background: #f4ae38;}


.b-filters {margin-bottom: 60px; text-align: center}
.filters__link {padding: 15px 35px; display: inline-block; color: #BFBFBF; font-weight: 600; background: transparent; transition: all .3s ease; border-radius: 5px; position: relative;}
.filters__link + .filters__link {margin-left: 40px;}
.filters__link:hover, .filters__link:focus, .filters__link.m-active {background: #f9f9f9; color: #EA6A31; text-decoration: none !important}
.filters__link:after {  content:""; position: absolute; display: inline-block; height: 80%; width: 3px; border-right: 2px dotted #ececec; top:10%; right: -20px;}
.filters__link:first-child:before  {  content:""; position: absolute; display: inline-block; height: 80%; width: 3px; top:10%; border-right: 2px dotted #ececec; left: -20px;}



.b-more {margin-top: 50px;}
.s-grey-button.m-more {font-weight: bold; color: #AAA; border-color: #f1f3f7; border-width: 2px;}
.s-grey-button.m-more:hover, .s-grey-button.m-more:focus {background: #f1f3f7}



.blog-post__title-text {text-transform: uppercase; font-size: 18px; font-weight: bold; color: #ea6a31; margin-bottom: 50px;}

.blog-post__content {}
.blog-post__preview img {width: 100%; margin-bottom: 50px;}



.blog-post__content, .blog-post__content p {font-size: 16px; color: #727272; margin-bottom: 25px;}


.blog-post__content a {color: #ea6a31; position: relative; padding-bottom: 2px;}
.blog-post__content a:after {content: ""; height: 1px; width: 0; background: #ea6a31; position: absolute; bottom: 0px; left: 0px; transition: ease 300ms width;}
.blog-post__content a:hover:after, .blog-post__content a:focus:after {width: 100%;}



.blog-post__content h1, .blog-post__content h2, .blog-post__content h3, .blog-post__content h4, .blog-post__content h5, .blog-post__content h6 {color: #a0c458;}
.blog-post__content ol, .blog-post__content ul {font-size: inherit; color: inherit; padding-left: 20px;}



.blog-post__before {margin-top: 40px;}



/************************************************************************/
/* Contacts
/************************************************************************/




.contacts__row + .contacts__row, .payment__row + .payment__row {margin-top: 60px;}

.contacts__block, .payment__block {height: 100%;}
.s-volia-subtitle {font-size: 24px; color: #ea6a31; font-weight: bold; margin-bottom: 50px;}

/* .contacts__row .contacts__block:first-child .contacts__block-wrap {border-right: 2px dotted #c5c5c5;} */

.contacts__block-content {position: relative; padding-left: 50px; font-size: 16px; color: #727272; padding-right: 50px; line-height: 32px; }

.contacts__block-content:before {content: ""; position: absolute; top:0px; left: 0px; background-position: center center; background-size: contain; background-repeat: no-repeat; width: 27px; height: 27px;}

.contacts__block-content.m-phone:before {background-image: url(../img/icons/phone.svg);}
.contacts__block-content.m-mobile:before {background-image: url(../img/icons/mobile.svg);}
.contacts__block-content.m-address:before {background-image: url(../img/icons/address.svg);}
.contacts__block-content.m-email:before {background-image: url(../img/icons/email.svg);}
.contacts__block-content.m-subway:before {background-image: url(../img/icons/subway.svg);}
.contacts__block-content.m-schedule:before {background-image: url(../img/icons/calendar.svg);}

.contacts__block-content a {color: #ea6a31; position: relative; padding-bottom: 3px;}
.contacts__block-content a:after {content: ""; height: 1px; width: 0; background: #ea6a31; position: absolute; bottom: 0px; left: 0px; transition: ease 300ms width;}
.contacts__block-content a:hover:after,  .contacts__block-content a:focus:after {width: 100%;}

.contacts__block-content + .contacts__block-content {margin-top: 35px;}

.contacts__map {height: 450px; position: relative; margin-top: 50px;}
.contacts__map > * {width: 100%; height: 100%; position: absolute; left: 0px; top:0px;}
#contacts .s-white-block {padding-bottom: 0px !important}



.payment__block-content {padding-left: 0px;}

.payment__block-content img {margin-bottom: 20px;}



/************************************************************************/
/* Payments
/************************************************************************/


.payments__table {position: relative; padding-left: 50px; font-size: 16px; color: #727272; padding-right: 50px; line-height: 32px; border: none !important;}


.payments__table tr td {width: 50%; padding: 30px 50px 30px 0px; vertical-align: top}

.payments__table tr td img {margin-bottom: 30px;}

/************************************************************************/
/* Footer
/************************************************************************/



#footer {
	width: 100%;  
	display: block;
    -webkit-mask: url(../img/backgrounds/waves-before.svg) 0px top no-repeat;
    mask: url(../img/backgrounds/waves-before.svg) 0px top no-repeat;
    z-index: 1;
	margin-top: 100px;
    padding-top: 200px;
    -webkit-mask-size: cover;
    position: relative;	
	background-color: #f9f9f9;
	color: #6A6A6A;
}


.footer__logo {text-align: center; padding-top: 50px;}

.footer__logo a, .footer__logo img {display: inline-block; margin: 0 auto;}

.footer-title {color: #2c2c2c; font-size: 18px; text-transform: uppercase; margin-bottom: 35px;}


.widget-title {color: #F4AE38; font-size: 16px; font-weight: 500; display: block; margin-bottom: 18px;}


.b-widget + .b-widget {margin-top: 35px; font-size: 14px;}

.b-widget a {color: inherit; opacity: 1; transition: 300ms all ease;}
.b-widget address, .b-widget p {color: inherit}


.footer__menu-links {padding-left: 0px; list-style: none;}
.footer__menu-links li {display: inline-block; width: 49%; margin-bottom: 20px;}
.footer__menu-links li a {color: inherit; transition-delay: ease 300ms all; display: inline-block;; position: relative;}


.footer__menu-links li a:after {content: ""; height: 1px; width: 0; background: #f4ae38; position: absolute; bottom: 0px; left: 0px; transition: ease 300ms width;}
.footer__menu-links li a:hover, .footer__menu-links li a:focus {color: inherit; text-decoration: none !important}
.footer__menu-links li a:hover:after, .footer__menu-links li a:focus:after {width: 100%;}
.footer__menu-links li a:hover, .footer__menu-links li a:focus {color: #f4ae38;}



.footer__contacts a:hover, .footer__contacts-row a:focus {color: #84B85A;}




.footer__social-links a {display: inline-block; font-size: 33px; color: #dcdcdc; transition: 300ms color ease;}

.footer__social-links a + a {margin-left: 10px;}

.footer__social-links a:hover, .footer__social-links a:focus {color: #84B85A;}



.b-seo-text {max-height: 300px; overflow: scroll; line-height: 20px;}


/* breadcrumbs */
.footer__breadcrumbs {margin-top: 50px; padding-left: 20px;}
ul.b-breadcrumbs {padding-left:0}
ul.b-breadcrumbs li {display: inline}
ul.b-breadcrumbs li:after {content:"\00BB"; color:#c7c7c7; margin:0px 5px;}
ul.b-breadcrumbs li a {color:#838383; font-size: 14px}
ul.b-breadcrumbs > li:last-child:after {content:""; display: none !important;}
ul.b-breadcrumbs li:last-child a {color:#838383} 




/* Copyright */


#copyright {margin-top: 50px; background: #fff; padding: 25px 0px 15px;}



.copyright__developer {text-align: right; vertical-align: top}

.copyright__developer-link {opacity: .3; transition: 300ms ease all; position: relative; top:-2px;}
.copyright__developer-link:hover {opacity: 1;}



/************************************************************************/
/* Custom scroll bar
/************************************************************************/


.mCSB_scrollTools .mCSB_draggerRail {background: rgba(197, 197, 197, 0.3); width: 7px; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background: rgb(244, 174, 55);}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: rgba(84, 84, 84, 0.3); width: 7px; transition: background ease 300ms;}




/************************************************************************/
/* 404
/************************************************************************/


#error {background: url(../img/backgrounds/404.png) center top no-repeat; background-size: cover; padding: 200px 0px; text-align: center;}

.error__content-code {position: relative}


.error__content-code-number {position: relative; top:0px; z-index: 2; display: block; text-align: center; width: 100%; font-size: 300px; font-weight: 900; color: #68d777; opacity: .5; text-shadow: 30px 51.962px 29px rgba( 0, 0, 0, .1);}

.error__content-code-text {position: relative; top:-150px; z-index: 10; font-size: 36px; font-weight: 900; color: #fff;}



.s-btn-white {background: #fff; padding: 15px 40px; display: inline-block; border-radius: 40px; font-weight: bold; }



#error .s-btn-white { box-shadow: 0px 0px 30px 0px rgba( 0, 0, 0, .2); color:#4bae59; transition: all .3s;  }
#error .s-btn-white:hover,  #error .s-btn-white:focus {box-shadow: none; }

.error__content-supporttext {color: #fff; margin-top: 20px; opacity: .8; font-weight: 500} 


/************************************************************************/
/* Docs
/************************************************************************/

.docs__items {align-items: center;  display: flex; background: #fbfbfd; border-radius: 15px; padding: 25px 160px 25px 35px; box-shadow: none; transition: all .3s ease; margin-bottom: 30px;}

.docs__items:hover {box-shadow: 0px 0px 20px 0px rgba(0,0,0,.08); background: #fff;}


.docs__items-text {padding-left: 30px; width: 100%; color: #8d8d8f;}
.docs__items-text p {margin: 0px; line-height: 20px;}


.docs__items-text-download:before {content:""; display: block; width: 24px; height: 24px; top:0px; position: relative;  -webkit-mask: url(../img/icons/download.svg) center no-repeat;  mask: url(../img/icons/download.svg) center no-repeat; -webkit-mask-size: contain; mask-size: contain; background: #a0c458; margin: 0 auto 10px; transition: .1s ease all;}

.docs__items-text-download {position: absolute; right:40px; top:20px; border-left: 2px dotted #e2e2e2; color: #c5c5c5; font-weight: bold; padding-left: 20px; transition: 1s ease color;}


.docs__items:hover .docs__items-text-download:before {background: #F4AE38; top: 5px;}




.docs__row + .docs__row {margin-top: 50px;}



/************************************************************************/
/* About
/************************************************************************/



.about__wrapper {overflow: hidden;}
.about__timeline .b-timeline {margin-top: 70px; }

.about__wrapper-image img {top:100px; position: relative; width: 200%;}


.s-title-background-text {position: relative;}
.s-title-background-text:before, .s-title-background-text-content {content: attr(data-background-text); font-family: 'Roboto', sans-serif; font-weight: 900; font-style: italic; font-size: 120px; color: #f9f9f9; position: absolute; z-index: 2; top:0px; left: 0px;}

.s-title-background-text-title {position: relative; z-index: 5}





/* Timeline */
.b-timeline {padding-left: 50px; position: relative; overflow: hidden;}
.timeline__row {margin-bottom: 40px;}
.timeline__yearbar {border-left: 2px dotted #e2e2e2; display: block; height: 100%; width: 10px; position: absolute; top:0px; left: 5px;}
.timeline__yearbar-point {display: block; z-index:10; position: absolute; top:0px; left: -5px; width: 10px; height: 10px; border-radius: 50%;    background-image: -moz-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);background-image: -ms-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%); transition: ease .1s top;}
.timeline__row {position: relative;}
.timeline__row-title {font-weight: bold; font-size: 24px; color: #a0c458; margin-bottom: 30px; display: block; position: relative; transform: translateX(-100px); overflow: hidden; opacity: 0; transition: ease .1s all;}
.timeline__row p {color: #727272; font-size: 16px; line-height: 26px; text-align: justify;  opacity: 0.1;  transition: all ease .3s;}

.timeline__row:before {content: ""; display: block; position: absolute; height: 13px; width: 13px; background: #d7d7d7; border: 2px solid #f5f5f5; top:5px; left: -50px; border-radius: 50%; z-index: 5}

.timeline__row.m-active .timeline__row-title {transform: none; opacity: 1;}

.timeline__row.m-active p {opacity: 1 !important; }

.timeline__yearbar-point.m-first {top: 5px !important}


/* End: Timeline */




.about__specifications {margin-top: 150px;}

.about__specifications-text-title {}
.about__specifications-text-title .s-title-background-text-content {color: #eaecf0; top:-80px; left: -100px;  line-height: 80px; opacity: .6}




.about__specifications-text-title .s-title-background-text-title {padding-bottom: 64px;  margin-bottom: 45px; }

.about__specifications-text-title .s-title-background-text-title.s-dash-after:after {
  background-image: -moz-linear-gradient( 0deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%) !important;
  background-image: -webkit-linear-gradient( 0deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%) !important;
  background-image: -ms-linear-gradient( 0deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%) !important;	
}



.about__specifications-text > p {color: #727272; font-size: 16px; line-height: 28px;}

.about__specifications-btn {margin-top: 40px !important; display: inline-block}




.about__specifications-map {display: block; position: relative; height: 560px;}

.about__specifications-map-wrap { z-index: 10; position: absolute; background: url(../img/about/company-map.png) center no-repeat; background-size: contain; width: 100%; height: 100%; }

.about__specifications-map:before {content: ""; background: url(../img/about/map-circles.svg) center center no-repeat; background-size: contain; width: 100%; height: 100%; display: block; position: absolute; z-index: 2; animation: 3s mapCirclesOpacity infinite;}

@keyframes mapCirclesOpacity {
    0% { background-size: 40%; opacity: .2; }
    50% { background-size: 70%; opacity: .8;}
    100% { background-size: 50%; opacity: .4}
}




/*
.about__specifications-map-popover-title {font-size: 16px; font-weight: bold; color: #6c6c6c;}
.about__specifications-map-popover p {font-size: 11px; line-height: 18px;}
*/
.b-spec-popover {border: 0px !important; max-width: 500px; font-family:  "Geometria", sans-serif !important; box-shadow: 0px 0px 29px 0px rgba( 0, 0, 0, .1);}
.b-spec-popover .popover-content {padding: 0px 30px 30px; color: #949494; font-size: 12px; line-height: 20px;}
.b-spec-popover .popover-title {background: none; font-size: 16px; color: #6c6c6c; font-weight: bold; border: none; padding: 30px 30px 10px;}
.b-spec-popover .arrow {border-color: transparent !important;}




.about__specifications-map-popover {position: absolute; display: inline-block; }
.about__specifications-map-popover > span {display: block; width: 35px; height: 35px; background: #f3561b; box-shadow: 15px 25.981px 29px 0px rgba( 0, 0, 0, .1); border-radius: 50%; text-align: center; vertical-align: middle; color: #fff; font-weight: bold; font-size: 16px; padding-top: 5px; position: relative; z-index: 5;}
.about__specifications-map-popover:before {content: ""; opacity: 0; transition: opacity ease .3s; position: absolute; width: 150%; height: 150%; border-radius: 50%; background: rgba(255,255,255,.56); display: block; top:-25%; left: -25%; z-index: 3;}

.about__specifications-map-popover:hover, .about__specifications-map-popover:focus {color: inherit !important; text-decoration: none !important;}
.about__specifications-map-popover:hover:before, .about__specifications-map-popover:focus:before {opacity: 1;}


.about__specifications-map-popover:nth-child(1) {top: 33%; left: 13%;}
.about__specifications-map-popover:nth-child(2) {top: 22%; left: 35%;}
.about__specifications-map-popover:nth-child(3) {top: 11%; right: 39%;}
.about__specifications-map-popover:nth-child(4) {top: 6%; right: 28%;}
.about__specifications-map-popover:nth-child(5) {bottom: 40%; left: 30%;}
.about__specifications-map-popover:nth-child(6) {bottom: 60%; right: 31%;}
.about__specifications-map-popover:nth-child(7) {top: 24%; right: 16%;}
.about__specifications-map-popover:nth-child(8) {bottom: 42%; right: 36%;}



#about .advantages__wrap {margin-top: 200px;}

#about .advantages__wrap > div {width: 20%; padding: 0px 30px; float:left;}



.about__photo {margin-top: 100px;}

.about__photo-title {margin: 0 auto; text-align: center;}
.about__photo-title:before {width: 100%; text-align: center; color: #eaecf0;}

.about__photo-carousel {margin-top: 90px;}





.b-photocarousel .owl-item a {display: block; width: 100%;}
.b-photocarousel .owl-item a img {display: block; width: 100%;}

.b-photocarousel .owl-stage-outer {padding: 50px 0px;}

.b-photocarousel .owl-item {box-shadow: none; transition: box-shadow easy .3s; border-radius: 10px; overflow: hidden;}
.b-photocarousel .owl-item.center {box-shadow: 0px 0px 40px 0px rgba( 0, 0, 0, .5);}


.b-photocarousel {text-align: center;}
.b-photocarousel .owl-dots {margin-top: 20px;}
.b-photocarousel .owl-dots > button {background: #E5E5E5; border-radius: 50%; display: inline-block; width: 10px; height: 10px;}
.b-photocarousel .owl-dots > button + button {margin-left: 8px;}
.b-photocarousel .owl-dots > button.active {background: #F4AE38; outline: none !important; box-shadow: none !important}



.b-morepages {margin-top: 100px;}



.morepages__content-text {font-size: 24px; color: #adadad; font-weight: 500; text-transform: uppercase; margin-right: 40px;}


.morepages__content-link {display: inline-block; background: #fff; border-radius: 30px;  box-shadow: 0px 0px 29px 0px rgba( 0, 0, 0, .1); color: #685c5c; font-weight: 600; padding: 13px 25px; transition: all ease .3s;}


.morepages__content-link + .morepages__content-link {margin-left: 20px;}


.morepages__content-link:hover, .morepages__content-link:focus {box-shadow: none; color: inherit; text-decoration: none !important}






/************************************************************************/
/* Service
/************************************************************************/


.service__wrap {margin-top: 90px;}
.service__advantages {width: 24.5%; display: inline-block; text-align: center; vertical-align: top; padding: 0px 50px; position: relative; margin-bottom: 30px; opacity: 0;}


.service__advantages:after {content: "....."; color: #fff;  font-size: 30px; position: absolute; transform: rotate(90deg); top:20%; right: 0px;}
.service__advantages:last-child:after {display: none;}


.service__advantages-img {display: block; margin-bottom: 40px;}
.service__advantages-img img {display: inline-block; margin: 0 auto;}
.service__advantages-text {color: #fff; font-size: 16px; line-height: 20px;}






/* Tariffs */

#service.m-tariffs .b-pageheader {padding-bottom: 200px !important;}

.service__tariffs {margin-bottom: 100px;}
.service__tariffs-item {display: inline-block; width: 33%; padding: 0px 25px; vertical-align: top; transform: translateY(200px); opacity: 0;}





.b-tarifftable {background: #fff; box-shadow: 20px 34.641px 40px 0px rgba( 0, 0, 0, .07); border-radius: 10px; text-align: center; padding: 60px 30px;  position: relative; transition: ease all .6s;} 

.b-tarifftable:hover {box-shadow: none;}

.tarifftable__price {margin-bottom: 25px;}
.tarifftable__price.m-price_old {opacity: .5; zoom:.6}
/* .tarifftable__price.m-price_old  .tarifftable__price-number {font-size: 28px;} */
.tarifftable__price-number {font-size: 45px;  font-family: 'Roboto', sans-serif; color: #F4AE38;}
.tarifftable__price .i-uah {background-color: #dfdfdf; position: relative; top:-10px; margin-left: 5px; width: 16px; height: 23px;}


.tarifftable__condition {font-size: 16px; color: #727272; margin-bottom: 25px;}
.tarifftable__name {margin-bottom: 45px; position: relative;}

.tarifftable__name-text {display: inline-block; margin: 0 auto; padding: 10px 35px; border-radius: 25px; background: #F4AE38; color: #fff; font-weight: bold; position: relative;}

.tarifftable__name-text:before, .tarifftable__name-text:after {content: "......"; top:8px; color: #e3e3e3; font-size: 18px; letter-spacing: 4px; position: absolute;}

.tarifftable__name-text:before {left: -80px;}
.tarifftable__name-text:after {right: -80px;}




.tarifftable__content {font-size: 14px; font-weight: 400; color: #727272; padding-left: 0px; display: block; list-style: none; margin-bottom: 40px;}
.tarifftable__content > li {display: block;}

.tarifftable__content > li + li {margin-top: 25px;}



.tarifftable__order-btn {position: relative; border: 1px solid #e1dede; display: inline-block; margin: 0 auto; padding: 15px 45px; border-radius: 35px; font-size: 16px; font-weight: 500; color: #685c5c; transition: all ease .3s;}
.tarifftable__order-btn:before, .tarifftable__order-btn:after {content: "......"; top:8px; color: #e3e3e3; font-size: 18px; letter-spacing: 4px; position: absolute;}

.tarifftable__order-btn:before {left: -80px;}
.tarifftable__order-btn:after {right: -80px;}


.tarifftable__order-btn:hover {background: #F4AE38; color: #fff; border-color: #F4AE38}


.tarifftable__popular {position: absolute; top:-30px; left: 0px; display: block; text-align: center;   width: 100%; opacity: 0;}

.tarifftable__popular-wrap {background: #ea6a31;  box-shadow: 15.5px 26.847px 30px 0px rgba( 1, 1, 1, .13); border-radius: 10px; display: inline-block; font-weight: bold; color: #fff; padding: 12px 45px; font-size: 11px; text-transform: uppercase; margin: 0 auto;}


.tarifftable__popular-wrap:after {content: ""; width: 0;height: 0;border-style: solid;border-width: 15px 15px 0 15px;border-color: #ea6a31 transparent transparent transparent;position: absolute;left: 45%;bottom: -10px;}


.b-tarifftable.m-green .tarifftable__price-number {color: #50bb62;}
.b-tarifftable.m-green .tarifftable__name-text {background: #50bb62;}
.b-tarifftable.m-green  .tarifftable__order-btn:hover {background: #50bb62; border-color: #50bb62}



.b-tarifftable.m-green .tarifftable__price-number {color: #50bb62;}
.b-tarifftable.m-green .tarifftable__name-text {background: #50bb62;}
.b-tarifftable.m-green  .tarifftable__order-btn:hover {background: #50bb62; border-color: #50bb62}


.b-tarifftable.m-red .tarifftable__price-number {color: #ea6a31;}
.b-tarifftable.m-red .tarifftable__name-text {background: #ea6a31;}
.b-tarifftable.m-red  .tarifftable__order-btn:hover {background: #ea6a31; border-color: #ea6a31}



.service__about {margin-top: 50px;}


.s-simple-title  {font-size: 24px; color: #5A5A5A; font-weight: 400; margin-bottom: 50px;}




/* tabs */
.s-volia-tabs  .nav-tabs {border: 0px; margin-bottom: 50px;}
.s-volia-tabs .nav-tabs > li {
	display: inline-block; width: 100%;
	margin-right: 2%;
	 vertical-align: top;
	border-radius: 10px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	padding: 15px;
	background: #f9f9f9;
	color: #DCDBDB; 
	font-weight: 500;
	 position: relative;
	 transition: all ease .5s;

}


.s-volia-tabs  .nav-tabs {display: flex; }


.s-volia-tabs .nav-tabs > li > a {background: transparent !important; font-weight: bold; border: none !important; display: block; color: inherit !important; text-decoration: none !important;}


.s-volia-tabs .nav-tabs > li.active{
  background-image: -moz-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
	box-shadow: 12.5px 21.651px 25px 0px rgba( 1, 1, 1, .07);
	color: #fff;
}



.s-volia-tabs .nav-tabs > li > a:before {content: ""; display: inline-block; width: 26px; height: 33px; position: absolute; left: 19px; top:5px; background-color: #E1E1E1; transition: background-color ease .3s; -webkit-mask-size: contain; mask-size: contain; }
.s-volia-tabs .nav-tabs > li.active > a:before {background-color: #fff;}

.s-volia-tabs .nav-tabs > li > a.m-icon-perhour:before {-webkit-mask: url(../img/icons/hand-clock.svg) center no-repeat;  mask: url(../img/icons/hand-clock.svg) center no-repeat; }
.s-volia-tabs .nav-tabs > li > a.m-icon-fixed:before {-webkit-mask: url(../img/icons/calendar.svg) center no-repeat;  mask: url(../img/icons/calendar.svg) center no-repeat;}
.s-volia-tabs .nav-tabs > li > a.m-login:before {-webkit-mask: url(../img/icons/login.svg) center no-repeat;  mask: url(../img/icons/login.svg) center no-repeat; }
.s-volia-tabs .nav-tabs > li > a.m-registration:before {-webkit-mask: url(../img/icons/registration.svg) center no-repeat;  mask: url(../img/icons/registration.svg) center no-repeat;}
.s-volia-tabs .nav-tabs > li > a.m-forgot:before {-webkit-mask: url(../img/icons/forgot.svg) center no-repeat;  mask: url(../img/icons/forgot.svg) center no-repeat; }


.s-volia-tabs .nav-tabs > li > a.m-icon-empty:before {display: none !important;}


/* End tabs */



.alert a {color: inherit; text-decoration: underline !important;}
.alert a:hover {text-decoration: none !important}

.configurator__footer {margin-top: 100px;}



.configurator__footer-submit {padding-top: 10px;}

.configurator__footer-submit-text, .configurator__footer-submit-text p {color: #c5c5c5; margin-top: 50px; font-size: 12px;}

.configurator__footer-submit-text a {color: #ee8534 !important; opacity: 1; transition: all ease .3s;}
.configurator__footer-submit-text a:hover {color: inherit; text-decoration: none; opacity: .5;}


.configurator__footer-total {text-align: right; padding-top: 20px;}
.configurator__footer-total > * {display: inline-block; vertical-align: middle;}


.configurator__footer-total-text {color: #C7C7C7; font-size: 16px; text-align: right; margin-right: 10px; line-height: 24px;}
.configurator__footer-total-number {color: #a0c457; font-size: 45px; text-align: right; }
.configurator__footer-total-number .i-uah {width: 16px; height: 23px; background-color: #C3C3C3;}


.autform_bottom-trial {color: #a2a2a2; font-size: 14px; margin-bottom: 20px;}




.configurator__group-text {width: 100%;}

.configurator__group-text table  {width: 100%; font-size: 16px; font-weight: 300; border:none !important;}
.configurator__group-text table  th {color: #4dae5f; font-weight: bold; }
.configurator__group-text table  th, .configurator__group-text table td {background: #fbfbfc; border:none !important; border-left:20px solid #fff !important;  border-right:20px solid #fff !important;  padding: 15px 20px !important; border-radius: 10px;}


.configurator__group-text table  tr:not(.m-hidden):nth-child(odd) td {background: transparent;}
.configurator__group-text table  tr:not(.m-hidden) td:first-child, .s-volia-table.m-striped thead th:first-child {border-left: 0px;}
.configurator__group-text table  tr:not(.m-hidden) td:last-child,  .s-volia-table.m-striped thead th:last-child {border-right: 0px;}

.configurator__group-text table tr:first-child td {  color: #4dae5f; font-weight: bold;}





/* End table */




.service__configurator .s-volia-table {margin-bottom: 30px; width: 100%;}

.m-t-10 {margin-top: 10px;}
.m-t-20 {margin-top: 20px;}
.m-t-30 {margin-top: 30px;}
.m-t-50 {margin-top: 50px;}
.m-t-80 {margin-top: 80px;}

.m-b-10 {margin-bottom: 10px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-30 {margin-bottom: 30px;}
.m-b-50 {margin-bottom: 50px;}
.m-b-80 {margin-bottom: 80px;}







/* Price slider */
.s-price-slider {position: relative; white-space: nowrap; display: inline-block; padding: 0px 30px;}


.s-price-slider-max, .s-price-slider-min {font-size: 16px; font-weight: 600; color: #92bf6d; display: inline-block; position: absolute; text-align: center;}

.s-price-slider-min {left: 0px;}
.s-price-slider-max {right: 0px;}



.s-price-slider > .slider {margin: 0px 30px;  }
.s-price-slider .slider-handle.custom {
	background: url(../img/icons/slider-handle.svg) center center no-repeat; background-size: cover;
	width: 35px; height: 35px;
	box-shadow: none !important;
	border:none !important;
	margin-left: -17px;
}
.s-price-slider .tooltip {transition: opacity ease .3s; z-index: 10 !important}
.s-price-slider  .tooltip-inner { font-size: 13px; font-family: "Geometria"; color: #fff;    background-image: -moz-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
border-radius: 20px; padding: 5px 20px; font-weight: bold; box-shadow: 3.5px 6.062px 7px 0px rgba( 1, 1, 1, .07);}



.s-price-slider .tooltip.top .tooltip-arrow {border-top-color: #96c16c;}
.s-price-slider .slider-track {box-shadow: none; border: none; border-radius: 0px; background: url(../img/backgrounds/slider-background-dots.png) center center repeat-x;}
.s-price-slider .slider-selection {box-shadow: none; display: none;}
.s-price-slider .slider-handle.custom::before {display: none;}

/* End price slider */





/* Similar Services */


.b-similar-service {}

.similar-service__item {width: 33.3%; color: #fff !important; text-decoration: none; display: inline-block; vertical-align: top; text-align: center; background: #ffffff; box-shadow: 0px 0px 40px 0px rgba( 0, 0, 0, .2); padding: 100px 0px; border-radius: 15px;   transition: ease all .3s;   background-image: -moz-linear-gradient( 40deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%);
  background-image: -webkit-linear-gradient( 40deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%);
  background-image: -ms-linear-gradient( 40deg, rgb(234,106,49) 0%, rgb(244,174,56) 100%);}


.similar-service__item:hover  {

  background-image: -moz-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(112, 174, 93) 0%, rgb(191, 212, 82) 100%);
  box-shadow: none;
}
.similar-service__item + .similar-service__item  {margin-left: 30px;}


.similar-service__item-image {text-align: center; margin-bottom: 25px;}
.similar-service__item-image > i {-webkit-mask-size: contain; mask-size: contain; width: 76px; height: 76px; background: #fff; display: inline-block;}

.i-dedicated {-webkit-mask: url(../img/services/main-dedicated-icon.svg) center no-repeat;  mask: url(../img/services/main-dedicated-icon.svg) center no-repeat;}
.i-cloud {-webkit-mask: url(../img/services/main-cloud-icon.svg) center no-repeat;  mask: url(../img/services/main-cloud-icon.svg) center no-repeat;}
.i-colocation {-webkit-mask: url(../img/services/main-colocation-icon.svg) center no-repeat;  mask: url(../img/services/main-colocation-icon.svg) center no-repeat;}
.i-vds {-webkit-mask: url(../img/services/main-vds-icon.svg) center no-repeat;  mask: url(../img/services/main-vds-icon.svg) center no-repeat;}

 
.similar-service__item-name {font-size: 20px; font-weight: bold; margin-bottom: 25px;}


 
.similar-service__item-more {color: #fff; opacity: 0; transition: all ease .3s; transform: translateY(200px); display: block;}
.similar-service__item:hover .similar-service__item-more {opacity: .8; transform: translateY(0px)}





.m-form-icon {background: #a0c458; -webkit-mask-size: contain; mask-size: contain; display: block; width: 27px; height: 27px; position: absolute; left: 17px; top:17px;}






#authform .s-volia-radio + .s-volia-radio {margin-left: 30px;}

.authform__form-helptext {margin-top: 20px; color: #727272;}



.autform_bottom {border-top: 2px dotted rgba(197,197,197,.5); margin-top: 50px; padding-top: 50px;}



.page__menu {border-radius: 15px; border-left: 1px #f1f1f1 solid; padding-left: 50px;}
.page__menu-ul {position: relative; display: block; padding-left: 0px;}

.page__menu-ul li {display: block;}


.page__menu-ul li + li {margin-top: 10px;}

.page__menu-link {font-size: 14px; display: inline-block; color: #000; text-decoration: none !important; position: relative; transition: all ease .3s;}

.page__menu-link:hover {color:#f4ae38 }



/* At the end of CSS !! */ 
body {visibility: visible}