@charset "UTF-8";

@font-face {
    font-family: 'lineariconsregular';
     src:url('https://antiqon.pro/css/fonts/Linearicons.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'lg';
  src: url('https://antiqon.pro/css/fonts/lg.eot');
  src: url('https://antiqon.pro/css/fonts/lg.eot?#iefix') format('embedded-opentype'), url('https://antiqon.pro/css/fonts/lg.woff2') format('woff2'), url('https://antiqon.pro/css/fonts/lg.ttf') format('truetype'), url('https://antiqon.pro/css/fonts/lg.svg') format('svg');
}

@keyframes floatUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-30px);
        opacity: 0;
    }
}
@keyframes floatDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(30px);
        opacity: 0;
    }
}
@keyframes goTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none;
        visibility: hidden;
    }
}


/*animated arrow animattion*/
@-webkit-keyframes avia_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@keyframes avia_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

@keyframes growShrink {
    0%,
    100% {
        transform: scale(1);
    }
    5% {
        transform: scale(0.9);
    }
    10% {
         transform: scale(1);
    }
    15% {
        transform: scale(0.9);
    }
    20% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}


@keyframes abi2-zoom {
    0% {
        transform: scale3d(1.03, 1.03, 1)
    }
    100% {
        transform: scale3d(1.2, 1.2, 1)
    }
}


a:focus,
button:focus {
 outline: none !important;
}
button::-moz-focus-inner {
 border: 0;
}
*:focus {
 outline: none;
}

section {
    display: block;
    clear:left;
}

.section-xs,
.section-sm {
 padding-top: 35px;
 padding-bottom: 35px;
}
.section-md,
.section-lg,
.section-xl {
 padding-top: 60px;
 padding-bottom: 60px;
}
.section-xxl {
 padding-top: 75px;
 padding-bottom: 75px;
}
.section-collapse + .section-collapse {
 padding-top: 0;
}
@media (max-width: 767.98px) {
 .section-xs:first-of-type,
 .section-sm:first-of-type,
 .section-md:first-of-type,
 .section-lg:first-of-type,
 .section-xl:first-of-type {
  padding-top: 40px;
 }
}
@media (min-width: 768px) {
 .section-xs {
  padding-top: 50px;
  padding-bottom: 50px;
 }
 .section-sm {
  padding-top: 60px;
  padding-bottom: 60px;
 }
 .section-md {
  padding-top: 70px;
  padding-bottom: 70px;
 }
 .section-lg {
  padding-top: 80px;
  padding-bottom: 80px;
 }
 .section-xl {
  padding-top: 95px;
  padding-bottom: 95px;
 }
 .section-alternate-1 {
  padding-top: 90px;
  padding-bottom: 90px;
 }
}
@media (min-width: 992px) {
 .section-md {
  padding-top: 90px;
  padding-bottom: 90px;
 }
 .section-lg {
  padding-top: 100px;
  padding-bottom: 100px;
 }
 .section-xl {
  padding-top: 130px;
  padding-bottom: 130px;
 }
}
@media (min-width: 1200px) and (min-height: 800px) {
 .section-md {
  padding-top: 100px;
  padding-bottom: 100px;
 }
 .section-lg {
  padding-top: 135px;
  padding-bottom: 135px;
 }
 .section-xl {
  padding-top: 69px;
  padding-bottom: 69px;
 }
 .section-xl.section-xl_bigger {
  padding-top: 210px;
  padding-bottom: 210px;
 }
 .section-xxl {
  padding-top: 165px;
  padding-bottom: 190px;
 }
 .section-xs:first-of-type,
 .section-sm:first-of-type,
 .section-md:first-of-type,
 .section-lg:first-of-type {
  padding-top: 140px;
 }
}

input,
button,
select,
textarea {
 outline: none;
}
label {
 margin-bottom: 0;
}
p {
 margin: 0;
}
ul:not(.alpha-letters),
ol:not(.alpha-letters) {
 list-style: none;
 padding: 0;
 margin: 0;
}
ul:not(.alpha-letters) li,
ol:not(.alpha-letters) li {
 display: block;
}

body {
 -webkit-text-size-adjust: none;
 -webkit-font-smoothing: subpixel-antialiased;
 font-size: 14px;
 font-weight: 300;
 font-family: "Libre Franklin", "Roboto", Arial, sans-serif;
 line-height: 1.88889;
 color: #888;
}

body.admin{
    font-size: 12px;
    background-color: white;
}

@media (min-width: 768px) {
 body {
  font-size: 16px;
 }
}
@media (min-width: 1200px) {
 body {
  font-size: 18px;
 }
}
a {
 display: inline-block;
 text-decoration: none;
 transition: .33s all ease;
}

a:hover,
a:focus {
 color: #1f957b;
 text-decoration: none;
}
a[href*='tel'],
a[href*='mailto'] {
 white-space: nowrap;
}
img {
 display: inline-block;
 max-width: 100%;
 height: auto;
}
hr {
 margin-top: 0;
 margin-bottom: 0;
 border-top: 1px solid #e0e0e2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
 margin-top: 0;
 margin-bottom: 0;
 font-family: inherit;
 font-weight: 500;
 color: #151515;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.heading-1 a,.heading-2 a,.heading-3 a,.heading-4 a,.heading-5 a,.heading-6 a {
    display: inline;
    font: inherit;
    letter-spacing: inherit;
}

h1 a,h1 a:active,h1 a:focus,h2 a,h2 a:active,h2 a:focus,h3 a,h3 a:active,h3 a:focus,h4 a,h4 a:active,h4 a:focus,h5 a,h5 a:active,h5 a:focus,h6 a,h6 a:active,h6 a:focus,.heading-1 a,.heading-1 a:active,
.heading-1 a:focus,.heading-2 a,.heading-2 a:active,.heading-2 a:focus,.heading-3 a,.heading-3 a:active,.heading-3 a:focus,.heading-4 a,.heading-4 a:active,.heading-4 a:focus,.heading-5 a,
.heading-5 a:active,.heading-5 a:focus,.heading-6 a,.heading-6 a:active,.heading-6 a:focus {
    color: inherit;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.heading-1 a:hover,.heading-2 a:hover,.heading-3 a:hover,.heading-4 a:hover,.heading-5 a:hover,.heading-6 a:hover {
    color: #1f957b;
}

h1 > *,h2 > *,h3 > *,h4 > *,h5 > *,h6 > *,.heading-1 > *,.heading-2 > *,.heading-3 > *,.heading-4 > *,.heading-5 > *,.heading-6 > * {
    display: inline-block;
}

h1 span:not(:last-child),h2 span:not(:last-child),h3 span:not(:last-child),h4 span:not(:last-child),h5 span:not(:last-child),h6 span:not(:last-child),.heading-1 span:not(:last-child),
.heading-2 span:not(:last-child),.heading-3 span:not(:last-child),.heading-4 span:not(:last-child),.heading-5 span:not(:last-child),.heading-6 span:not(:last-child) {
    margin-right: .25em;
}
h1,.heading-1 {
 font-size: 34px;
 font-weight: 400;
 line-height: 1.2;
}
@media (min-width: 768px) {
 h1,
 .heading-1 {
  font-size: 56px;
  line-height: 1.1;
 }
}
@media (min-width: 1200px) {
 h1,
 .heading-1 {
  font-size: 80px;
 }
}
h2,
.heading-2 {
 font-size: 26px;
 line-height: 1.3;
 font-weight: 200;
}
@media (min-width: 768px) {
 h2,
 .heading-2 {
  font-size: 32px;
  line-height: 1.33333;
 }
}
@media (min-width: 992px) {
 h2,
 .heading-2 {
  font-size: 44px;
 }
}
@media (min-width: 1200px) {
 h2,
 .heading-2 {
  font-size: 60px;
 }
}
h3,
.heading-3 {
 font-size: 20px;
 line-height: 1.45;
 font-weight: 200;
}
@media (min-width: 768px) {
 h3,
 .heading-3 {
  font-size: 28px;
 }
}
@media (min-width: 1200px) {
 h3,
 .heading-3 {
  font-size: 40px;
  line-height: 1.35;
 }
}
h4,
.heading-4 {
 font-size: 20px;
 line-height: 1.35;
 font-weight: 300;
}
@media (min-width: 768px) {
 h4,
 .heading-4 {
  font-size: 24px;
 }
}
@media (min-width: 1200px) {
 h4,
 .heading-4 {
  font-size: 30px;
  line-height: 1.43333;
 }
}
h5,
.heading-5 {
 font-size: 18px;
 font-weight: 300;
 line-height: 1.45;
}
@media (min-width: 768px) {
 h5,
 .heading-5 {
  font-size: 20px;
 }
}
@media (min-width: 1200px) {
 h5,
 .heading-5 {
  font-size: 24px;
  line-height: 1.54167;
 }
}
h6,
.heading-6 {
 font-size: 14px;
 font-weight: 300;
 line-height: 1.5;
}
@media (min-width: 768px) {
 h6,
 .heading-6 {
  font-size: 18px;
  line-height: 1.55556;
 }
}
.big {
 font-size: 22px;
}


/*
*
* Colors
* ==================================================
*/
.text-primary {
 color: #DD137B
}
.text-dark {
 color: #333!important;
}

/*
*
* Main layout
* ==================================================
*/

.logo{
    width:100px;
}

.img-100 img{
    width:100%;
}

.navbar.navbar-static {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(136, 136, 136, 0.1);
}

.navbar-inner {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar-inner{
    max-width: 1370px;
    margin-left: auto;
    margin-right: auto;
}
.navbar-inner {
   position: relative;
   padding: 22px 0;
   transition: .33s all ease;
}

.navbar {
    background: #fff;
    background-color: rgb(255, 255, 255);
}
.navbar{
    transition: all 0.3s ease-in-out;
}

.navbar-wrap{
    height:132px;
}

.navbar.navbar-static .navbar-inner{
    padding-top: 6px;
    padding-bottom: 6px;
}

.menu-item{

 margin-top: 13px;
 padding: 0 13px;
 display: inline-block;
}

.menu-item > a {
    font-size: 14px;
    line-height: 1.28;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #000;
}

.menu-item > a:hover, .menu-item a.active {
   color: #DD137B;
   text-decoration: none;
}

.menu {
    margin: -13px -13px 0;
    font-size: 0;
    line-height: 0;
}

.menu .menu-item:last-child{
  padding-right: 0px;
 margin-right: 0px;
}


/*---margins and paddings ---*/

.margin-top-xl{
  margin-top:15px;
}
.margin-top-xxl{
  margin-top:30px;
}
.margin-top-xxxl{
  margin-top:45px;
}
.margin-top-xxxxl{
  margin-top:60px;
}
.margin-top-xxxxxl{
  margin-top:90px;
}

.margin-top-xxxxxxl{
  margin-top:120px;
}

.margin-bottom-xl{
  margin-bottom:15px;
}
.margin-bottom-xxl{
  margin-bottom:30px!important;
}
.margin-bottom-xxxl{
  margin-bottom:45px!important;
}
.margin-bottom-xxxxl{
  margin-bottom:60px;
}
.margin-bottom-xxxxxl{
  margin-bottom:90px;
}

.margin-right-xl{
  margin-right:15px;
}
.margin-right-xxl{
  margin-right:30px;
}
.margin-right-xxxl{
  margin-right:45px;
}
.margin-right-xxxxl{
  margin-right:60px;
}
.margin-right-xxxxxl{
  margin-right:90px;
}


.padding-top-xl{
  padding-top:15px;
}
.padding-top-xxl{
  padding-top:30px;
}
.padding-top-xxxl{
  padding-top:45px
}
.padding-top-xxxxl{
  padding-top:60px!important;
}
.padding-top-xxxxxl{
  padding-top:90px;
}

.padding-bottom-xl{
  padding-bottom:15px;
}
.padding-bottom-xxl{
  padding-bottom:30px;
}
.padding-bottom-xxxl{
  padding-bottom:45px;
}
.padding-bottom-xxxxl{
  padding-bottom:60px;
}
.padding-bottom-xxxxxl{
  padding-bottom:90px;
}

.contain-xxs {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
.contain-xs {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.contain-sm {
  max-width: 769px;
  margin-left: auto;
  margin-right: auto;
}
.contain-md {
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}
.contain-lg {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.contain-xlg {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.height-1,
.size-1 {
  height: 40px;
}
.height-2,
.size-2 {
  height: 80px;
}
.height-3,
.size-3 {
  height: 120px;
}
.height-4,
.size-4 {
  height: 160px;
}
.height-5,
.size-5 {
  height: 200px!important;
}
.height-6,
.size-6 {
  height: 240px;
}
.height-7,
.size-7 {
  height: 280px;
}
.height-8,
.size-8 {
  height: 320px;
}
.height-9,
.size-9 {
  height: 360px;
}
.height-10,
.size-10 {
  height: 400px;
}
.height-11,
.size-11 {
  height: 440px;
}
.height-11-5,
.size-11-5 {
  height: 460px;
}
.height-12,
.size-12 {
  height: 480px;
}
.height-12-5,
.size-12-5 {
  height: 500px;
}
.height-13,
.size-13 {
  height: 520px;
}

.height-14,
.size-14 {
  height: 560px;
}

.width-1,
.size-1 {
  width: 40px;
}
.width-2,
.size-2 {
  width: 80px;
}
.width-3,
.size-3 {
  width: 120px;
}
.width-4,
.size-4 {
  width: 160px;
}
.width-5,
.size-5 {
  width: 200px;
}
.width-6,
.size-6 {
  width: 240px;
}
.width-7,
.size-7 {
  width: 280px;
}
.width-8,
.size-8 {
  width: 320px;
}
.width-9,
.size-9 {
  width: 360px;
}
.width-10,
.size-10 {
  width: 400px;
}
.width-11,
.size-11 {
  width: 440px;
}
.width-12,
.size-12 {
  width: 480px;
}
.auto-width {
  width: auto;
}
.header-nav-profile .dropdown {
  padding: 0;
  min-width: 180px;

}

.dropdown-toggle{
  margin-top:12px;
  line-height: 0;
}

.header-nav-profile .dropdown > a {
  position: relative;
  padding: 12px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.header-nav-profile .dropdown > a:after {
  content: "\f107";
  *margin-right: .3em;
  right: 10px;
  top: 15px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
.header-nav-profile .dropdown > a .ink {
  background-color: rgba(83, 88, 88, 0.15);
}
.header-nav-profile .dropdown img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.header-nav-profile .dropdown .profile-info {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px 0 10px;
  line-height: 15px;
}
.header-nav-profile .dropdown .profile-info small {
  display: block;
  opacity: 0.5;
}
.header-nav-profile .dropdown .dropdown-menu {
  /*min-width: 100%;*/
}
.header-nav-profile .dropdown.open {
  color: #313534;
}
.header-nav-profile .dropdown.open > a {
}
.header-nav-profile .dropdown.open > a span:after {
  top: 16px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header-nav-profile .dropdown.open .dropdown-menu {
  margin-top: -32px;
  border-top: none;
  transform: translateY(30px);
}
.header-nav-options .dropdown > a .badge {
  position: absolute;
  font-size: 10px;
  top: -1px;
  right: 4px;
}
.header-nav-options .dropdown .dropdown-menu {
  top: 14px;
}

.fullwidth-page.fullwidth-page-top {
    min-height: 90vh;
}

.fullwidth-page.fullwidth-page-top {
    min-height: 30vh;
}
.fullwidth-page {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.section-xxl{
    padding-top: 165px;
    padding-bottom: 190px;
}

.text-white{
    color: #fff!important;
}

.post-modern {
 position:relative;
 overflow:hidden;
 text-align:center;
 width:100%;
 margin:-1px;
 padding-bottom:75.3950338%
}
@media(max-width:767.98px) {
 .post-modern {
  max-width:370px;
  margin-left:auto;
  margin-right:auto
 }
}
.post-modern>img {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:auto;
 min-height:101%;
 min-width:101%
}
.post-modern .post-modern__inner {
 color:#fff
}
.post-modern .post-modern__inner a {
 color:#fff
}
.post-modern .post-modern__inner a:hover {
 color:#000
}
.post-modern .list-inline-tag {
 font-size:12px;
 color:#fff
}
.post-modern__inner {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 padding:10px;
 background: #2ED3AE;
 pointer-events:none
}
.post-modern__inner>* {
 position:relative;
 z-index:1;
 pointer-events:auto
}
.post-modern__inner>*+* {
 margin-top:20px
}
.post-modern__title {
 max-height:5.5em;
 overflow:hidden;
 text-overflow:ellipsis
}
.post-modern__divider {
 width:116px;
 height:1px;
 background:#fff
}
@media(min-width:992px) {
 .post-modern__inner>*+* {
  margin-top:30px
 }
}
@media(min-width:1200px) {
 .post-modern__inner>*+* {
  margin-top:45px
 }
}
.post-modern>img {
 will-change:transform;
 transition:all .4s ease-out
}
.post-modern .post-modern__inner {
 opacity:0;
 transition:all .4s ease-out;
 background: rgba(46, 211, 174, 0.9);
}
.post-modern .post-modern__inner>* {
 transform:scale(0);
 transition:all .3s ease-out
}
.post-modern .post-modern__inner>*:nth-child(1) {
 transition-delay:.1s
}
.post-modern .post-modern__inner>*:nth-child(2) {
 transition-delay:.2s
}
.post-modern .post-modern__inner>*:nth-child(3) {
 transition-delay:.3s
}
.post-modern .post-modern__inner>*:nth-child(4) {
 transition-delay:.4s
}
.post-modern .post-modern__inner>*:nth-child(5) {
 transition-delay:.5s
}
.post-modern:hover>img,  .post-modern.active:hover>img{
 transform:translate3d(-50%,-50%,0) scale(.9)
}
 .post-modern:hover .post-modern__inner,  .post-modern.active .post-modern__inner {
 opacity:1
}
.post-modern:hover .post-modern__inner>*, .post-modern.active .post-modern__inner>* {
 transform:scale(1)
}
.list-inline-tag {
 color:#2ED3AE;
}
.list-inline-tag li {
 display:inline-block
}
.list-inline-tag li:after {
 content:',';
 color:inherit
}
.list-inline-tag li:last-of-type:after {
 content:none
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.double-margins > .col, .double-margins > [class*="col-"] {
    padding-right: 20px;
    padding-left: 20px;
}

.double-margins.row{
    margin-left: -20px;
    margin-right: -20px;
}


.link-transparent {
 padding:1px 20px;
 opacity:.3;
 transition:.33s;
 text-align:center
}
.link-transparent:hover {
 opacity:1
}

.topbg{
    overflow: hidden;
}

.topbg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;

    z-index: -1;
	animation: abi2-zoom 33s linear infinite alternate;
    background: url(/images/bg-image-6.jpg) no-repeat center;
    background-size: cover;
}

@keyframes abi2-zoom {
	0% {
		transform: scale3d(1.03, 1.03, 1)
	}
	100% {
		transform: scale3d(1.2, 1.2, 1)
	}
}

.form-group{
    position: relative;
}

.form-group .form-icon {
 position:absolute;
 top:30px;
 left:15px;
 transform:translateY(-55%);
 margin-right:7px;
 font-size:24px;
 line-height:24px;
 color:#c7c7c7
}
@media(min-width:576px) {
 .form-group .form-icon {
  left:22px
 }
}
.form-group .form-label-outside+.form-icon {
 top:auto;
 bottom:30px;
 transform:translateY(45%)
}
*+.form-group {
 margin-top:20px
}
.form-label {
    position:absolute;
    top:30px;
    left:19px;
    pointer-events:none;
    z-index:9;
    transition:.25s;
    will-change:transform;
    transform:translateY(-50%);
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-style: italic;
}
.form-label.focus {
 opacity:0
}
.form-label.auto-fill {
 color:#888
}
.form-label-outside {
 color:#000;
 font-style:normal;
}
.form-control{
   display: block;
    width: 100%;
    min-height: 60px;
    padding: 17px 19px;

    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-style: italic;
    color:#888;
    background-color:#f8f8f8;
    background-image: none;
    border: 1px solid #f8f8f8;
    border-radius: 3px;
    box-shadow: none;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    padding-left: 60px;
}

.form-control:focus {
    outline: 0;
    background: #fff;
    box-shadow: none;
    border-color: #DD137B;

}

/*.form-control:focus ~ label, .form-control.dirty ~ label{*/
/*    display: none;*/
/*}*/



.linear-icon-man:before {
 content:"\e728";
}

.linear-icon-envelope::before {
    content: "\e696";
}

.linear-icon-telephone::before {
    content: "\e76a";
}

.linear-icon-feather::before {
    content: "\e614";
}

[class^="linear-icon-"]::before, [class*=" linear-icon-"]::before {
    font-family: lineariconsregular;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.margin-left-60{
    margin-left: 60px!important;
}
.margin-left-40{
    margin-left: 40px!important;
}

.footer-minimal {
 padding:60px 0;
 text-align:center;
 font-size:14px;
 line-height:1.71429
}
.footer-minimal *+.footer-minimal__list {
 margin-top:40px
}
.footer-minimal .footer-minimal__list+* {
 margin-top:20px
}
[class*=section].bg-default+.footer-minimal {
 padding-top:0
}
@media(min-width:768px) {
 .footer-minimal {
  padding:80px 0
 }
}
@media(min-width:1200px) {
 .footer-minimal *+.footer-minimal__list,
 .footer-minimal .footer-minimal__list+* {
  margin-top:60px
 }
}
@media(min-width:1200px) and (min-height:800px) {
 .footer-minimal {
  padding:130px 0
 }
}

.list-inline-sm {
 position:relative;
 transform:translate3d(0,-8px,0);
 margin-bottom:-8px;
 margin-left:-10px;
 margin-right:-10px
}
.list-inline-sm>* {
 position:relative;
 margin-top:8px;
 padding-left:10px;
 padding-right:10px
}
.list-inline-sm > * {
    display: inline-block;
}

.breadcrumbs-custom {
    position: relative;
    background: #f8f8f8;
}

.breadcrumbs-custom__inner {
    display: block;
    float: left;
    margin-left: -12px;
    margin-right: -12px;
}
.breadcrumbs-custom__inner {
    padding: 20px 0;
    text-align: center;
}

.breadcrumbs-custom__title {
    font-size: 24px;
    line-height: 1.54167;
}
.breadcrumbs-custom__inner > * {
   padding: 0 15px 0px 0px;
}
.breadcrumbs-custom__title {
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    display: inline-block;
}
.breadcrumbs-custom__path{
     display: inline-block;
}

.breadcrumbs-custom__path > li {
    display: inline-block;
    vertical-align: baseline;
    font-size: 12px;
    line-height: 1.3;
}

.breadcrumbs-custom__path > li + li::before {
    position: relative;
    left: -1px;
    display: inline-block;
    padding: 0 5px;
    content: "/";
    vertical-align: baseline;
}

.category_item{
    font-size: 14px;
    line-height: 2.0em;
    font-weight: 400;
}

.category-sub{
    margin-left: 25px;
    font-weight: 100;
    display: block;
    font-weight: 100;
}

.category_item.active{
    font-weight: 700;
    color: #000;
}

.cat_wraper{
    margin-top: 23px;
}

.filter-shop-box > * {
 flex-basis: 30%;
 min-width: 190px;
 font-size: 14px;
}
@media (min-width: 576px) {
 .filter-shop-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .filter-shop-box .form-wrap {
  margin-top: 0;
 }
}

.customSelect{
  line-height:60px;
  padding: 0px 25px;
  white-space: nowrap;
  display: block;
  background-color: #F8F8F8;
  font-style:italic;
  outline:0;
  width: 100%!important;
  border-radius: 4px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  border: 1px solid #DD137B;
}

.customSelect:focus{
      border: 1px solid #DD137B;
}

.hasCustomSelect{
  padding: 0px 20px 0px 7px;
  box-sizing: border-box;

}

.strelka-parent{
 position:absolute;
 bottom:0;
 right:15px;
 top:0
}

#sort_order{
  min-width:200px;
}

.customSelect{
    background-image: url(/images/arrow-down.png);
    background-position: center right 20px;
    background-repeat: no-repeat;
}

.customSelectInner {
    width: 100% !important;
    display: block!important;
    overflow: hidden;
    font-weight: 100;
    max-width: calc(100% - 18px);
    text-overflow: ellipsis;
}

.product-grid {
 text-align: center;
}
.product-grid * + .button {
 margin-top: 10px;
}
.product-grid .product-icon-wrap {
 position: absolute;
 top: 15px;
 right: 17px;
}
.product-grid .product-icon-wrap span::before {
 line-height: inherit;
}
.product-caption {
 margin-top: 15px;
}
.product-img-wrap {
 position: relative;
 max-width: 440px;
 height: 400px;
 width:100%;
 display: inline-block;
}

.product-img-wrap img{
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.product-icon-wrap .icon {
 display: block;
 width: 60px;
 height: 60px;
 margin: 3px;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
 background-color: #fff;
 border-radius: 50%;
 border: 1px solid;
 color: #c7c7c7;
 cursor: pointer;
}
.product-icon-wrap .icon:hover {
 color: #fff;
 background-color: #DD137B;
 border-color: #DD137B;
}
.product-label-wrap {
 position: absolute;
 left: 20px;
 top: 20px;
 color: #fff;
 font-size: 12px;
 font-style: italic;
}
.product-label-wrap > * {
 display: inline-block;
 padding: 2px 6px;
 border-radius: 4px;
}
.product-label-wrap .featured {
 background-color: #DD137B;
    color:#fff;
}

.product-label-wrap .featured.featured-TOP {
 background-color: #ffca3d;
    color:#fff;
}

.product-label-wrap .featured.featured-BEST {
 background-color: #000;
    color:#fff;
}


.product-label-wrap .sale {
 background-color: #ff596d;
}
.product-label-wrap .new {
 background-color: #000;
}
.product-categories > li {
 display: inline-block;
}
.product-categories > li:after {
 content: ",";
 display: inline-block;
}
.product-categories > li:last-of-type:after {
 content: none;
}
.product-categories a {
 font-size: 12px;
 color: #888;
 font-style: italic;
}
.product-categories a:hover {
 color: #2ed3ae;
}
.product-title{

}

.product-title a {
      text-overflow: ellipsis;
    height: 30px;
    overflow: hidden;
 color: #000;
    display: block;
      white-space: nowrap;
}
.product-title a:hover {
 color: #2ed3ae;
}
* + .product-title {
 margin-top: 5px;
}
.product-price {
 font-size: 24px;
 color: #DD137B;
}

.product-price i{
 font-size: 14px;
 color: #000;
}
.product-price span:before {
 content: "€";
 display: inline-block;
}
.product-price b{
    font-weight: 300!important;
}

* + .product-price {
 margin-top: 7px;
}
.product-price.sale-price span {
 padding: 0 3px;
}
.product-price.sale-price span:first-of-type {
 color: #ff596d;
}
.product-price.sale-price span:last-of-type {
 position: relative;
 display: inline-block;
 color: #888;
 font-size: 18px;
}
.product-price.sale-price span:last-of-type:after {
 position: absolute;
 top: 50%;
 left: 0;
 right: 0;
 border-top: 1px solid;
 content: "";
 display: inline-block;
}
.rating-list > li {
 display: inline-block;
 letter-spacing: -3px;
}
.rating-list .icon {
 font-size: 17px;
}
* + .rating-list {
 margin-top: 20px;
}
h6 + .rating-list {
 margin-top: 0;
}
.product-text,
.product-stock {
 font-size: 14px;
 line-height: 24px;
}
.product-meta {
 font-size: 12px;
 font-style: italic;
}
.product-list * + .product-icon-wrap,
.product-single * + .product-icon-wrap {
 margin-top: 15px;
}
@media (min-width: 1200px) {
 .product-list * + .product-icon-wrap,
 .product-single * + .product-icon-wrap {
  margin-top: 38px;
 }
}
.product-list * + .product-price,
.product-single * + .product-price {
 margin-top: 10px;
}
.product-list * + .rating-list,
.product-single * + .rating-list {
 margin-top: 10px;
}
.product-list * + .product-text,
.product-single * + .product-text {
 margin-top: 15px;
}
.product-list .product-icon-wrap,
.product-single .product-icon-wrap {
 display: flex;
}
.product-list .product-price,
.product-single .product-price {
 font-size: 30px;
}
.product-list .product-caption,
.product-single .product-caption {
 margin-top: -10px;
}
@media (min-width: 768px) and (max-width: 1199px) {
 .product-list .product-img-wrap,
 .product-single .product-img-wrap {
  max-width: 40%;
 }
}
.product-single * + .product-select,
.product-single .product-select + * {
 margin-top: 20px;
}
@media (min-width: 768px) {
 .product-single * + .product-select,
 .product-single .product-select + * {
  margin-top: 40px;
 }
}
.product-single * + .product-meta {
 margin-top: 30px;
}
.product-single .product-price {
 font-size: 40px;
 font-weight: 100;
}
.product-single .product-text {
 font-size: 18px;
 line-height: 28px;
}
.table-product-info {
 border-collapse: collapse;
 width: 100%;
}
.table-product-info td {
 padding: 8px;
 border: 1px solid #ececee;
}
.table-product-info td:first-of-type {
 width: 150px;
 color: #000;
 font-weight: 400;
}
.table-product-info td:last-of-type {
 font-style: italic;
}
* + .table-product-info {
 margin-top: 30px;
}


.product-label-wrap {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fff;
    font-size: 12px;
    font-style: italic;
}

.item-row .col-md-4{
    padding-left:25px;
    padding-right: 25px;
}

.row .item-row{
    margin-left: -25px;
    margin-right: -25px;
}

.negative-15{
    margin-left: -15px;
    margin-right: -15px;
}

.side-menu-pad{
    padding-right: 40px;
}

.noitem{
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  line-height:60px;
  padding: 0px 25px;
  white-space: nowrap;
  display: block;
  background-color: #F8F8F8;
  outline:0;
  width: 100%!important;
  border-radius: 4px;
}

.img-thumbnail-variant-2 {
 position: relative;
 overflow: hidden;
}
.img-thumbnail-variant-2 .caption {
 position: absolute;
 top: 20px;
 right: 20px;
 opacity: 0;
 transform: scale(0.8) translateX(100%);
 transition: 350ms ease-in-out;
}
.img-thumbnail-variant-2 .icon-lg {
 font-size: 30px;
}
.img-thumbnail-variant-2:hover .caption {
 opacity: 1;
 transform: scale(1) translateX(0);
}

.slick-slide{
    margin-bottom: 20px;
}

.slick-slide img{
    display: block;
    width: 100%;
}

.block{
    display: block;
}


#child-carousel .item {
 padding-left:12px;
 padding-right:12px;
 opacity:.2;
 transition:280ms ease-in-out;
 cursor:pointer
}
#child-carousel .item:hover,
#child-carousel .slick-current {
 opacity:1
}
.slick-gallery {
 width:100%;
 max-width:880px;
 margin-left:auto;
 margin-right:auto
}
.slick-gallery .carousel-parent {
 margin-bottom:35px
}
.slick-gallery #child-carousel {
 margin-left:0;
 margin-right:0
}
.slick-gallery #child-carousel .item {
 margin-left:0;
 margin-right:0
}
@media(min-width:1200px) and (min-height:880px) {
 .slick-gallery {
  max-width:100%
 }
}

#child-carousel .item:hover, #child-carousel .slick-current .item{
    opacity: 1!important;
}

.product-col  [class*="col-"]{
    padding-left: 25px;
    padding-right: 25px;
}

.product-col .row{
    margin-right: -25px;
    margin-left: -25px;
    clear:left;
}

.marked-list li {
    position: relative;
    padding-left: 20px;
    color:  #888;
}

.marked-list li::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #DD137B;
}

.clear{clear:both;}

.add-p label{
    float: left;
    width: 250px;
    font-weight: 100;
    line-height: 50px;
}


.add-p .customSelect::after{
    right: 35px;
}

.no-padding {
  padding: 0 !important;
}

.product-description h5{
    margin-top: 40px;
    margin-bottom: 40px;
}

.tabs-custom .nav-custom>li,
.tabs-custom .nav-custom>li>a {
 display:block;
 position:relative
}
.tabs-custom .nav-custom-tabs {
 font-size:0;
 line-height:0
}
.tabs-custom .nav-custom-tabs li {
 margin:-1px 0
}
.tabs-custom .nav-custom-tabs li+li {
 margin-top:7px
}
@media(min-width:768px) {
 .tabs-custom .nav-custom-tabs li+li {
  margin-top:0;
  margin-left:9px
 }
}
.tabs-custom .nav-custom-tabs li a {
 position:relative;
 padding:15px 25px;
 font:400 12px/20px "Libre Franklin","Roboto",Arial,sans-serif;
 color:#fff;
 text-align:center;
 vertical-align:middle;
 letter-spacing:.06em;
 text-transform:uppercase;
 transition:.3s all ease;
 background-color:#333
}
.tabs-custom .nav-custom-tabs li a:hover,
.tabs-custom .nav-custom-tabs li a.active {
 background-color:#2ed3ae;
 color:#fff
}
.tabs-custom .nav-custom {
 display:flex;
 flex-direction:column
}
@media(min-width:768px) {
 .tabs-custom .nav-custom-tabs {
  flex-direction:row
 }
 .tabs-custom .nav-custom-tabs li a {
  background-color:transparent;
  color:#000;
  padding:25px 22px
 }
 .tabs-custom .nav-custom-tabs li a:hover,
 .tabs-custom .nav-custom-tabs li a.active {
  color:#2ed3ae;
  background-color:transparent
 }
}
.description-content{
    margin-bottom: 40px;
    margin-top: 40px;
}

.description-content h5{
    width: 100%;
    border-bottom: 4px solid #DD137B;
    line-height: 50px;
    margin-bottom: 40px;
}

.attachments{
    display: block;
    clear: both;
}

.table table td{
    border: 1px solid #ececee;
    padding: 7px 13px;
}

.stepper {
 position:relative;
 display:inline-block;
 max-width:83px;
 width:83px
}
.stepper input[type=number] {
 width:100%;
 padding-left:20px;
 padding-right:20px;
 text-align:center;
 -moz-appearance:textfield
}
.stepper input[type=number]::-webkit-inner-spin-button {
 -webkit-appearance:none
}
.stepper:hover .stepper-arrow.up,
.stepper:hover .stepper-arrow.down {
 transform:translateX(0)
}
.stepper-arrow {
 position:absolute;
 top:50%;
 margin-top:-10px;
 width:20px;
 height:20px;
 line-height:20px;
 font-size:12px;
 font-family:lineariconsregular;
 cursor:pointer;
 color:#333;
 transition:.3s all ease
}
.stepper-arrow:hover {
 color:#2ed3ae
}
.stepper-arrow.up {
 right:0;
 text-align:left
}
.stepper-arrow.up:before {
 content:'\e939'
}
.stepper-arrow.down {
 left:0;
 text-align:right
}
.stepper-arrow.down:before {
 content:'\e93a'
}
.stepper.disabled .stepper-arrow {
 pointer-events:none;
 opacity:.5
}
.margin-left-22{
    margin-left: 22px!important;
}

.checkbox-styled:not(ie8),
.radio-styled:not(ie8) {
  position: relative;
  margin-top: 0;
}
.checkbox-styled:not(ie8) input ~ span,
.radio-styled:not(ie8) input ~ span {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  cursor: pointer;
  vertical-align: text-top;
}
.checkbox-styled:not(ie8) input ~ span:before,
.radio-styled:not(ie8) input ~ span:before {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  border: 2px solid #535858;
  top: 4px;
}
.checkbox-styled:not(ie8) input[type="radio"],
.radio-styled:not(ie8) input[type="radio"],
.checkbox-styled:not(ie8) input[type="checkbox"],
.radio-styled:not(ie8) input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox-styled:not(ie8) label,
.radio-styled:not(ie8) label {
  padding-left: 0;
}
.checkbox-styled:not(ie8).radio-inline,
.radio-styled:not(ie8).radio-inline,
.checkbox-styled:not(ie8).checkbox-inline,
.radio-styled:not(ie8).checkbox-inline {
  padding-left: 0;
}
.checkbox-styled:not(ie8).disabled ~ span:before,
.radio-styled:not(ie8).disabled ~ span:before,
.checkbox-styled:not(ie8) input[disabled] ~ span:before,
.radio-styled:not(ie8) input[disabled] ~ span:before,
.checkbox-styled:not(ie8) input[readonly] ~ span:before,
.radio-styled:not(ie8) input[readonly] ~ span:before {
  border-color: #e5e6e6;
}
.checkbox-styled:not(ie8).disabled:checked ~ span:before,
.radio-styled:not(ie8).disabled:checked ~ span:before,
.checkbox-styled:not(ie8) input[disabled]:checked ~ span:before,
.radio-styled:not(ie8) input[disabled]:checked ~ span:before,
.checkbox-styled:not(ie8) input[readonly]:checked ~ span:before,
.radio-styled:not(ie8) input[readonly]:checked ~ span:before {
  border-color: #e5e6e6;
}
.checkbox-styled:not(ie8).disabled:checked ~ span:after,
.radio-styled:not(ie8).disabled:checked ~ span:after,
.checkbox-styled:not(ie8) input[disabled]:checked ~ span:after,
.radio-styled:not(ie8) input[disabled]:checked ~ span:after,
.checkbox-styled:not(ie8) input[readonly]:checked ~ span:after,
.radio-styled:not(ie8) input[readonly]:checked ~ span:after {
  background-color: #e5e6e6;
}
.checkbox-styled:not(ie8) input ~ span:before {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.checkbox-styled:not(ie8) input:checked ~ span:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 10px;
  border-color: #DD137B;
  border-top-style: none;
  border-right-style: none;
}

.line-height-30{
    line-height: 30px!important;
}

.height-0{
    height:0px;
    overflow: hidden;
}

.img-thumbnail-variant-3 {
 position:relative;
 display:block;
 text-align:center;
 overflow:hidden
}
.img-thumbnail-variant-3 img {
 width:100%
}
.img-thumbnail-variant-3 .icon {
 font-size:30px
}
.img-thumbnail-variant-3 .arrow-right {
 font-size:30px
}
.img-thumbnail-variant-3 .list-inline-tag {
 font-size:12px;
 font-style:italic
}
.img-thumbnail-variant-3 .label-custom {
 position:absolute;
 z-index:11;
 top:18px;
 left:18px;
 padding:2px 7px;
 font-size:12px;
 font-style:italic;
 background-color:#fff;
 border-radius:4px;
 color:#000
}
.img-thumbnail-variant-3 .caption {
 position:absolute;
 top:0;
 bottom:0;
 right:0;
 left:0;
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:15px;
 background-color: rgba(221, 19, 123, 0.91);
 transition:290ms ease-in-out
}
.img-thumbnail-variant-3 .caption>* {
 color:#fff
}
.img-thumbnail-variant-3 .caption>*+* {
 margin-top:5px
}
.img-thumbnail-variant-3 .caption .divider {
 position:relative;
 margin-top:8px;
 margin-bottom:8px;
 max-width:116px;
 margin-left:auto;
 margin-right:auto
}
@media(min-width:1200px) {
 .img-thumbnail-variant-3 .icon {
  font-size:40px
 }
 .img-thumbnail-variant-3 .caption {
  padding:50px 55px 45px
 }
 .img-thumbnail-variant-3 .caption>*+* {
  margin-top:10px
 }
 .img-thumbnail-variant-3 .caption .divider {
  margin-top:19px;
  margin-bottom:19px
 }
 .img-thumbnail-variant-3 .arrow-right {
  position:absolute;
  right:18px;
  bottom:13px
 }
}
.img-thumbnail-variant-3 .caption {
 opacity:0;
 transform:scale(.8)
}
.img-thumbnail-variant-3 .divider {
 background:0 0
}
.img-thumbnail-variant-3 .divider:before {
 position:absolute;
 content:"";
 display:inline-block;
 left:50%;
 right:50%;
 height:1px;
 background-color:#fff;
 transition:250ms 280ms ease-in-out
}
.img-thumbnail-variant-3 .hover-top-element {
 opacity:0;
 transform:translateY(30px);
 transition:450ms 650ms linear
}
.img-thumbnail-variant-3 .hover-bottom-element {
 opacity:0;
 transform:translateY(-40px);
 transition:450ms 650ms linear
}
.img-thumbnail-variant-3:hover .caption {
 opacity:1;
 transform:scale(1)
}
.img-thumbnail-variant-3:hover .hover-top-element,
.img-thumbnail-variant-3:hover .hover-bottom-element {
 opacity:1;
 transform:translateY(0)
}
.img-thumbnail-variant-3:hover .divider:before {
 left:0;
 right:0
}

.divider {

    display: block;
    width: 100%;
    height: 1px;
    background: #ececee;

}


.modal .form_wrap {
    position: absolute;
    top: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    width: 400px;
    padding: 8px 0;
    background-color: #fff;
    border-top: 10px solid #fcce01;
    border-bottom: 10px solid #fcce01;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.80);
    -webkit-animation: turnOnOpacity 1s ease-in-out ;
    -o-animation: turnOnOpacity 1s ease-in-out ;
    animation: turnOnOpacity 1s ease-in-out ;
    z-index: 100;
    opacity: 0.99999; }

.modal .modal__wrapper {
    background-color: #fff;
    max-width: 1250px;
    height: 620px;
    margin: auto;
    position: fixed;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 60px;
}



.modal.modal-registration .modal__wrapper .modal__content{
  padding:0px;
}


.modal .modal__wrapper.creditline{
    padding: 15px 30px;
}

.modal .modal__wrapper .modal__header{
    font-size: 40px;
    color: #003554;
    font-weight: 100;

}
.modal .modal__wrapper .modal__close {
    position: absolute;
    width:35px;
    height:35px;
    display: block;
    background: url("/images/close-btn.png") no-repeat center;
    right: 5px;
    font-size: 25px;
    top: 5px;
    cursor: pointer;
    z-index: 5555;
    opacity:0.85;
}

.modal .modal__wrapper .modal__close:hover {
    color: #999;
    opacity: 1;
}

.modal .modal__wrapper .modal__content {
    padding: 15px 0px;
    height: 100%;
    /*max-height: 420px;*/
    overflow: auto;
    position: relative; }

.modal-bigger .modal__wrapper .modal__content {
    padding: 15px 0px;
    height: 100%;
    max-height: 620px;
    overflow: auto;
    position: relative; }

.modal .modal__wrapper .modal__content h2 {
    padding-bottom: 10px;
    color: #35353b;
}
.modal .modal__wrapper .modal__content p {
    padding-bottom: 10px; }
.modal .modal__wrapper .modal__content iframe {
    width: 90%;
    height: 93%;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.modal .modal__wrapper .modal__content table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px auto 20px; }
.modal .modal__wrapper .modal__content table thead {
    background-color: #fcce01; }
.modal .modal__wrapper .modal__content table tfoot {
    background-color: #fcce01; }
.modal .modal__wrapper .modal__content table td {
    padding: 10px;
    border: 1px solid #d3d3d3; }

.form-label .smaller-text{
    font-size: 10px!important;
}

.text-light {
  font-weight: 300;
}

.text-bold {
  font-weight: 700;
}
.text-semibold {
  font-weight: 500;
}

.smaller-text{
    font-size:12px!important;
    font-weight: 100;
}

.checkout-price-parent{
    color: #DD137B;
    font-weight: 700;
    border-top: 3px solid #DD137B;
    margin-top: 25px;
}

.checkout-footer{
    position: absolute;
    bottom: 0px;
    left:0px;
    width:100%;
    padding: 10px 60px;
    border-top: 3px solid #DD137B;
    font-size: 12px;
}

#order_success{
    position: absolute;
    top:0px;
    left:0px;
    height: 620px;
    width:100%;
    background: url(/images/success_icon.png) no-repeat top 50px center #DD137B;
    z-index: 5000;
}
.order-success-bottom{
   position: absolute;
   top: 50%;
   left: 0px;
   height: 310px;
   background-color:#fff;
   width: 100%;
   text-align: center;
    padding-top: 20px;
}

.form-group.form-error{
    border: 1px solid red;
    box-shadow: 0px 0px 4px red;
}


.login-back, .signin-back, .forgot-back{
    position: fixed;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index: 0;
    background: url(/images/head-back.jpg) no-repeat center;
    background-size: cover;
}



.vertical-center {
  display: block;
  align-items: center;
  margin-top: 150px;
}


.login-block{
    box-sizing: border-box;
    overflow: hidden;
    border-radius:8px;
    background-color: #fff;
    padding:20px 40px!important;
}

.lock{
    font-size: 52px;
    margin: 40px auto;
}

.login-block input, .edit-info input{
    border:0px;
    border-bottom:1px solid #DD137B;
}
.text-grey{
    color: #9f9f9f;
}

.text-darkgrey{
    color: #636363;
}

.pricing_plans .text-grey{
    color: #9f9f9f!important;
}

.forgot_link{
    text-decoration: none;
    font-size: 16px;
}


.forgot_link span, .credentials a, .credentials a:hover{
    color: #DD137B;
}

.forgot_link:hover{
    text-decoration: none;
    color:#fff;
}

.credentials{
    position: relative;
    display: block;
    margin: 10px auto 0px;
}

.login-logo{
    position: absolute;
    top: 30px;
    right:0px;
    left:0px;
    display: block;
    width:110px;
    margin: auto;
}

.page-inner{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
    text-align: center;
}

.login-checkbox label{
    text-transform: none!important;
}
.login-checkbox a{
     color: #93C83F;
}


.admin .form-control{
    min-height: auto;
    border: 1px solid #c7c7c7;
}
.admin .line-height-lg{
    line-height: 37px;
}

.admin .customSelect{
  line-height:40px;
}

.stripped > div:nth-of-type(odd){
    background-color: #EEE;
}

.line-height-80{
    line-height:80px;
}

.card .select_branch{
    width: 100%;
    padding:10px;
}

.list_refresher{
    width:18px;
}

.post-modern.car img{
    min-height: auto;
}

.bg-gray {
    background-color: #eaeaea;
}

.bg-gray-lighter {
    background-color: #f8f8f8;
}

.blurb__title {
 font-size: 18px;
 line-height: 1.33;
 color: #000;
}
* + .blurb__title {
 margin-top: 16px;
}
@media (min-width: 1200px) {
 .blurb__title {
  font-size: 21px;
  line-height: 1.54167;
 }
 * + .blurb__title {
  margin-top: 45px;
 }
}
.blurb-circle {
 text-align: left;
}
.blurb-circle .unit .blurb-circle__icon {
 position: relative;
 top: 3px;
}
.blurb-circle__icon .icon {
 width: 2.4em;
 height: 2.4em;
 border: 1px solid #2ed3ae;
 border-radius: 50%;
 text-align: center;
 color: #2ed3ae;
 font-size: 44px;
 line-height: 2.33em;
    display: block!important;
    margin:0 auto;
}
.blurb-circle__icon .icon::before {
 line-height: inherit;
}
@media (min-width: 1200px) {
 .blurb-circle__icon .icon {
  font-size: 36px;
 }
}
@media (min-width: 1600px) {
 .blurb-circle__icon .icon {
  font-size: 60px;
 }
}
.blurb-circle.blurb-circle_centered {
 max-width: 360px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
@media (max-width: 767.98px) {
 .blurb-circle {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
 }
}
.blurb-minimal {
 text-align: left;
}
.blurb-minimal .unit .blurb-minimal__icon .icon {
 font-size: 32px;
}
.blurb-minimal__icon .icon {
 font-size: 30px;
 color: #2ed3ae;
}
.blurb-minimal.blurb-minimal_black,
.blurb-minimal.blurb-minimal_black .blurb-minimal__icon .icon {
 color: #000;
}
@media (min-width: 1200px) {
 .blurb-minimal__icon .icon {
  font-size: 36px;
 }
}
@media (min-width: 1600px) {
 .blurb-minimal__icon .icon {
  font-size: 44px;
 }
}

.blurb-minimal{
    margin-top: 20px;
}

.linear-icon-home:before {
 content: "\e600";
}
.linear-icon-wheelchair:before {
 content:"\e668"
}
.linear-icon-pencil:before {
 content:"\e802"
}
.linear-icon-wand:before {
 content:"\e610"
}
.linear-icon-wash:before {
 content:"\e641"
}
.linear-icon-car:before {
 content:"\e85a"
}

.linear-icon-rocket:before {
 content: "\e837";
}
.linear-icon-equalizer:before {
 content: "\e6f2";
}

.linear-icon-flare:before {
 content: "\e70b";
}

.linear-icon-move:before {
 content: "\e94e";
}

.linear-icon-bag-euro:before {
 content: "\e75f";
}

.linear-icon-graduationhat:before  {
    content: "\e6db";
}
.linear-icon-design:before  {
    content: "\e6da";
}

.linear-icon-typewriter:before  {
    content: "\e6b1";
}

.linear-icon-register:before  {
    content: "\e739";
}


/*
*
* Responsive unit
* --------------------------------------------------
*/
.unit {
 display: flex;
 flex: 0 1 100%;
}
[class*='unit']:empty {
 margin-bottom: 0;
 margin-left: 0;
}
.unit-body {
 flex: 0 1 auto;
}
.unit-left,
.unit-right {
 flex: 0 0 auto;
 max-width: 100%;
}
.unit {
 margin-bottom: -30px;
 margin-left: -20px;
}
.unit > * {
 margin-bottom: 30px;
 margin-left: 20px;
}
@media (min-width: 576px) {
 .unit-sm {
  margin-bottom: -30px;
  margin-left: -20px;
 }
 .unit-sm > * {
  margin-bottom: 30px;
  margin-left: 20px;
 }
}
@media (min-width: 768px) {
 .unit-md {
  margin-bottom: -30px;
  margin-left: -20px;
 }
 .unit-md > * {
  margin-bottom: 30px;
  margin-left: 20px;
 }
}
@media (min-width: 992px) {
 .unit-lg {
  margin-bottom: -30px;
  margin-left: -20px;
 }
 .unit-lg > * {
  margin-bottom: 30px;
  margin-left: 20px;
 }
}
@media (min-width: 1200px) {
 .unit-xl {
  margin-bottom: -30px;
  margin-left: -20px;
 }
 .unit-xl > * {
  margin-bottom: 30px;
  margin-left: 20px;
 }
}
@media (min-width: 1600px) {
 .unit-xxl {
  margin-bottom: -30px;
  margin-left: -20px;
 }
 .unit-xxl > * {
  margin-bottom: 30px;
  margin-left: 20px;
 }
}
.unit-spacing-sm.unit {
 margin-bottom: -20px;
 margin-left: -15px;
}
.unit-spacing-sm.unit > * {
 margin-bottom: 20px;
 margin-left: 15px;
}
@media (min-width: 576px) {
 .unit-spacing-sm.unit {
  margin-bottom: -20px;
  margin-left: -15px;
 }
 .unit-spacing-sm.unit > * {
  margin-bottom: 20px;
  margin-left: 15px;
 }
}
@media (min-width: 768px) {
 .unit-spacing-sm.unit {
  margin-bottom: -20px;
  margin-left: -15px;
 }
 .unit-spacing-sm.unit > * {
  margin-bottom: 20px;
  margin-left: 15px;
 }
}
@media (min-width: 992px) {
 .unit-spacing-sm.unit {
  margin-bottom: -20px;
  margin-left: -15px;
 }
 .unit-spacing-sm.unit > * {
  margin-bottom: 20px;
  margin-left: 15px;
 }
}
@media (min-width: 1200px) {
 .unit-spacing-sm.unit {
  margin-bottom: -20px;
  margin-left: -15px;
 }
 .unit-spacing-sm.unit > * {
  margin-bottom: 20px;
  margin-left: 15px;
 }
}
@media (min-width: 1600px) {
 .unit-spacing-sm.unit {
  margin-bottom: -20px;
  margin-left: -15px;
 }
 .unit-spacing-sm.unit > * {
  margin-bottom: 20px;
  margin-left: 15px;
 }
}
.unit-spacing-md.unit {
 margin-bottom: -30px;
 margin-left: -15px;
}
.unit-spacing-md.unit > * {
 margin-bottom: 30px;
 margin-left: 15px;
}
@media (min-width: 576px) {
 .unit-spacing-md.unit {
  margin-bottom: -30px;
  margin-left: -15px;
 }
 .unit-spacing-md.unit > * {
  margin-bottom: 30px;
  margin-left: 15px;
 }
}
@media (min-width: 768px) {
 .unit-spacing-md.unit {
  margin-bottom: -30px;
  margin-left: -15px;
 }
 .unit-spacing-md.unit > * {
  margin-bottom: 30px;
  margin-left: 15px;
 }
}
@media (min-width: 992px) {
 .unit-spacing-md.unit {
  margin-bottom: -30px;
  margin-left: -15px;
 }
 .unit-spacing-md.unit > * {
  margin-bottom: 30px;
  margin-left: 15px;
 }
}
@media (min-width: 1200px) {
 .unit-spacing-md.unit {
  margin-bottom: -30px;
  margin-left: -15px;
 }
 .unit-spacing-md.unit > * {
  margin-bottom: 30px;
  margin-left: 15px;
 }
}
@media (min-width: 1600px) {
 .unit-spacing-md.unit {
  margin-bottom: -30px;
  margin-left: -15px;
 }
 .unit-spacing-md.unit > * {
  margin-bottom: 30px;
  margin-left: 15px;
 }
 .unit-body{
     padding-top: 10px;
 }
}
.unit-spacing-lg.unit {
 margin-bottom: -45px;
 margin-left: -25px;
}
.unit-spacing-lg.unit > * {
 margin-bottom: 45px;
 margin-left: 25px;
}
@media (min-width: 576px) {
 .unit-spacing-lg.unit {
  margin-bottom: -45px;
  margin-left: -25px;
 }
 .unit-spacing-lg.unit > * {
  margin-bottom: 45px;
  margin-left: 25px;
 }
}
@media (min-width: 768px) {
 .unit-spacing-lg.unit {
  margin-bottom: -45px;
  margin-left: -25px;
 }
 .unit-spacing-lg.unit > * {
  margin-bottom: 45px;
  margin-left: 25px;
 }
}
@media (min-width: 992px) {
 .unit-spacing-lg.unit {
  margin-bottom: -45px;
  margin-left: -25px;
 }
 .unit-spacing-lg.unit > * {
  margin-bottom: 45px;
  margin-left: 25px;
 }
}
@media (min-width: 1200px) {
 .unit-spacing-lg.unit {
  margin-bottom: -45px;
  margin-left: -25px;
 }
 .unit-spacing-lg.unit > * {
  margin-bottom: 45px;
  margin-left: 25px;
 }
}
@media (min-width: 1600px) {
 .unit-spacing-lg.unit {
  margin-bottom: -45px;
  margin-left: -25px;
 }
 .unit-spacing-lg.unit > * {
  margin-bottom: 45px;
  margin-left: 25px;
 }
}
@media (max-width: 767.98px) {
 .unit.unit-horizontal.unit-spacing-md .unit-body {
  padding-left: 18px;
 }
}

.image-center{
    width: 100%;
    min-height: 400px;
}

.margin-bottom-0{
    margin-bottom: 0px;
}
.margin-top-0{
    margin-top:0px!important;
}



.infrastructure_wrapper .infrastructure_items{
  opacity: 0; }

.infrastructure_wrapper.active .infrastructure_items:nth-of-type(1) {
  -webkit-animation: show 0.5s 0.1s ease-out 1 both;
          animation: show 0.5s 0.1s ease-out 1 both;

}

.infrastructure_wrapper.active .infrastructure_items:nth-of-type(2) {
  -webkit-animation: show 0.5s 0.3s ease-out 1 both;
          animation: show 0.5s 0.3s ease-out 1 both; }

.infrastructure_wrapper.active .infrastructure_items:nth-of-type(3) {
  -webkit-animation: show 0.5s 0.6s ease-out 1 both;
          animation: show 0.5s 0.6s ease-out 1 both; }

.infrastructure_wrapper.active .infrastructure_items:nth-of-type(4) {
  -webkit-animation: show 0.5s 0.9s ease-out 1 both;
          animation: show 0.5s 0.9s ease-out 1 both; }


@-webkit-keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes down {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px); } }


.animated-text{
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.animated-text.animate{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.animated-text2{
    -webkit-transform: translateX(-90px);
    -ms-transform: translateX(-90px);
    transform: translateX(-90px);
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.animated-text2.animate{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
.animated-text3{
    -webkit-transform: translateX(90px);
    -ms-transform: translateX(90px);
    transform: translateX(90px);
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.animated-text3.animate{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.newseaman-photo-icon{
  display: block;
  background: url(/images/empty_image.png) no-repeat center #efefef;
  width:208px;
  height:208px;
  margin: 8px;
}

.newseaman-photo-icon-uploaded{
  display: block;
  width:208px;
  height:208px;
  float: left;
  margin: 8px;
  position: relative;
}



.image-remove{
  position: absolute;
  top:7px;
  right:7px;
  background: url(/images/yellow-close.png) no-repeat center;
  width: 21px;
  height: 20px;
  cursor: pointer;
}


body:not(.admin)  header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  /*width: auto;*/
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header video.video-height{
     height: 100% !important;
     width: auto!important;
}

header .container {
  position: relative;
  z-index: 2;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: none) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}

.gal .post-modern{
    padding-bottom: 0px!important;
}

.margin-left-lg{
    margin-left: 7px;
}

.container.product-col{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-smaller{
    font-size: 14px;
    padding: 13px 20px 11px;
}

.gallery-parent .isotope-item{
    height: 300px;
}

.gallery-parent .isotope-item img{
    position: absolute;
   top: 0; left: 0; bottom: 0; right: 0;
     margin: auto;
    width: 100%;
}

.btn.btn-black{
    color: #FFF;
    background-color: #000;
    border-color: #000;
}

.btn.btn-black:hover{
    color: #000;
    background-color: #fff;
    border-color: #fff;
}



.max-width-600{
    max-width: 600px;
}

.product-icon-wrap .icon {
    display: block;
    width: 60px;
    height: 60px;
    margin: 3px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid;
    color: #DD137B;
    cursor: pointer;
}
.page .icon-md {
    font-size: 22px;
    line-height: 22px;
}

[class^="linear-icon-"]::before, [class*=" linear-icon-"]::before {
    font-family: 'Linearicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.linear-icon-heart::before {

    content: "\e91b";

}


.heading-block{
    padding:70px 0px;
}
.padding-top-5{
    padding-top: 105px;
}
.padding-top-xl{
    padding-top: 12px!important;
}

.plan-holder{
    padding: 35px 30px;
}

.pricing-plans{
 position: relative;
    z-index: 4;
}

.plan{
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: -1px 2px 5px 0 rgba(65, 65, 65, 0.12);
    box-shadow: -1px 2px 5px 0 rgba(65, 65, 65, 0.12);
    height: 530px;
    box-sizing: border-box;
    padding: 20px;
}

.plan.plan-special{
     height: 300px;
}

.plan .name, .plan-name{
    font-size: 17pt;
    text-transform: uppercase;
    letter-spacing: .001em;
    color: #535457;
}



.plan .advantage{
    font-size: 16px;
    color: #75767b;
}

.plan .price{
    font-size: 72px;
}
.plan .price sup, .plan .price span{
    font-size: 32px;
}

.plan .description{
    padding: 25px 0;
    border-top: 2px solid #eef0f0;

}

.plan .description{
    font-size: 14px;
}

.lightgrey-back{
    background: #F9F9F9!important;
}

.grey-back{
    background: #E5E6E647!important;
}
.white-back{
    background: #FFF!important;
}
.darkgrey-back{
    background-color: #E5E8EF!important;
}

.bg-decoration-object{
    position: absolute;
    bottom:-100px;
    height:70%;
    width:100%;
    z-index: 1;
    background-color: #e5e8ef;
    left:0px;
}

/*
.login-back, .signin-back, .forgot-back{
    position: fixed;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index: 0;
    background: url(/images/login-back.jpg) no-repeat center;
}

.forgot-back{
    background: url(/images/forgot-back.jpg) no-repeat center;
}
*/
.vertical-center {
  display: block;
  align-items: center;
  margin-top: 153px;
}


.login-block{
    box-sizing: border-box;
    overflow: hidden;
    border-radius:8px;
    background-color: #fff;
    padding:20px 40px!important;
}

.lock{
    font-size: 52px;
    margin: 10px auto;
}

.login-block input, .edit-info input{
    border:0px;
    border-bottom:1px solid #77a52f;
}


.text-grey, a .text-grey{
    color: #9f9f9f;
}

.forgot_link{
    text-decoration: none;
    font-size: 16px;
}


.forgot_link span, .credentials a, .credentials a:hover{
    color: #93C83F;
}

.forgot_link:hover{
    text-decoration: none;
    color:#3097de;
}

.credentials{
    position: relative;
    display: block;
    margin: 10px auto 0px;
}

.login-logo{
    position: absolute;
    top: 30px;
    right:0px;
    left:0px;
    display: block;
    width:400px;
    margin: auto;
}

.page-inner{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
    text-align: center;
}

.login-checkbox label{
    text-transform: none!important;
}
.login-checkbox a{
     color: #2853FF;
}

.dropdown div{
   line-height: 50px;
    margin-right: 10px;
}

.active-plan {
  position: relative;
  width: 100%;
  padding: 45px;

  background: #2F3B46;
  -webkit-box-shadow: -1px 0px 10px 0px rgba(65, 65, 65, 0.12);
  box-shadow: -1px 0px 10px 0px rgba(65, 65, 65, 0.12);
}

.active-plan.pending{
    background: rgba(0, 0, 0, 0.28);
}

.active-plan, .active-plan:active, .active-plan:focus, .active-plan:hover {
  color: #fff;
}

.active-plan:hover {
  -webkit-box-shadow: -3px 5px 12px 0px rgba(65, 65, 65, 0.16);
  box-shadow: -3px 5px 12px 0px rgba(65, 65, 65, 0.16);
}

.currency-image{
    display: block;
    position: relative;
    width: 50px;
    height:50px;
}

.dz-clickable{
    border: 1px dotted #ebebeb;
}



.table.table-primary th{
    font-family: "Ubuntu",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 26px 25px;
    vertical-align: bottom;
    border-bottom: 0;
    color: #fff;
    background: #77A52F;
}

.table.table-primary td {
    padding: 17px 25px 18px;
    line-height: 1.71429;
    vertical-align: top;
    border-bottom: 1px solid #d9d9d9;
}
.round-cube, .cash-type, .status-block{
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    padding:25px;
    min-height: 220px;
      -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.round-cube:hover{
    box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}

.cube-head{
    font: 700 16px/24px "Ubuntu", Helvetica, Arial, sans-serif;
}

.btn-choose-absolute{
    position: absolute;
    right:20px;
    bottom:20px;
}

.cash-type, .status-block{
    min-height: 90px!important;
}

.status-block{
    padding-left: 70px !important;
    overflow: hidden;
    font-size: 22px;
    position: relative;
}

.status-block.status-success:before{
    content: "✓";
    position: absolute;
    height: 90px;
    width: 70px;
    font-size: 40px;
    color: #fff;
    background: #93c83f;
    left: 0;
    text-align: center;
    line-height: 90px;
    top: 0;
}
.status-block.status-error:before{
    content: "╳";
    position: absolute;
    height: 90px;
    width: 70px;
    font-size: 30px;
    color: #fff;
    background: red;
    left: 0;
    text-align: center;
    line-height: 80px;
    top: 0;
}
.margin-top-lgf{
    margin-top:50px;
}
.margin-top-xxl{
    margin-top:30px;
}

.check-block.active, .cash-type:hover .check-block{
    background: url(/images/galka.png) no-repeat center #77A52F;
}

.podskazka{
    position: absolute;
    right: 25px;
    bottom: -22px;
    font-style: italic;
    z-index: 2;
    font-size: 12px;
    color: rgba(255,255,255,0.8);
}



.ui-menu-item .ui-icon.advcash{
    background: url(/images/advcash.png) no-repeat center;
    background-size: 100% auto;
}
.ui-menu-item .ui-icon.payeer{
    background: url(/images/payeer.png) no-repeat center;
    background-size: 100% auto;
}
.ui-menu-item .ui-icon.qivi{
    background: url(/images/qivi.png) no-repeat center;
    background-size: 100% auto;
}
.ui-menu-item .ui-icon.visa{
    background: url(/images/visa.png) no-repeat center;
    background-size: 100% auto;
}

.ui-menu-item .ui-icon.mastercard{
    background: url(/images/mastercard.png) no-repeat center;
    background-size: 100% auto;
}


.cash label{
    text-transform: none!important;
}

input.error {
    border-color: red;
    box-shadow: 0px 0px 5px red;
}

h2 span{
    text-transform: uppercase;
}

.invoice{
    padding: 25px 40px;
    margin-bottom: 69px;
    border: 5px solid rgb(240,240,240);
    border-radius: 15px;
    background-color: #fff;
    width:100%;
    font-size: 16px;
}

.line{
    border-bottom: 2px solid #D1D1D1;
    width: 100%;
    height: 1px;
    margin: 15px auto;
}
.cash-type{

}

.bigger-text-xl{
    font-size: 20px!important;
}

.bigger-text{
    font-size: 17px;
}
.bigger-text-xs{
    font-size: 16px;
}

.round-cube.selected{
    background-color: #eee!important;
}


.footer{
    background-color: #373B46;
    padding: 40px 0px;
}

.text-bismark {
    color: rgba(255,255,255,0.5);
}

h6{
    font-weight: 700!important;
}
.link-bold {
    font: 500 18px/22px "Ubuntu", Helvetica, Arial, sans-serif;
}

.icon-xs-smaller {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
}
.icon-primary {
    color: #93c83f;
}
.padding-left-20{
    padding-left:20px;
}
.text-italic{
    font-style: italic;
}
.list-marked li {
    padding-left: 24px;
    font-size: 13px;
  }
.list-marked li:before {
    font-size: 11px;
  }
.list-marked> li > a:hover:before {
  left: 4px;
}

.list-marked > li + li {
  margin-top: 14px;
}

.list-marked > li > a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.list-marked > li > a::before {
    content: '\f105';
    position: absolute;
    left: 0;
    top: 1px;
    font: 400 18px/24px 'FontAwesome';
    color: #93c83f;
    transition: .33s all ease;
}

.list-marked{
    list-style: none;
}
.padding-left-50{
    padding-left:50px!important;
}

.nopadding{
    padding:0px!important;
}

.text-center{
    text-align: center;
}
.copyrights {
    color: #496a8a;
    padding:15px;
    text-align: center;
}

.payment-methods{
    display: inline-block;
    height: 55px;
    float:left;
    background-size:  100% auto !important;
    margin-left:10px;
}

.payment-methods.belassist{
    background: url(/images/belassist.png) no-repeat center;
    width: 70px;

}

.payment-methods.visa{
    background: url(/images/visa.png) no-repeat center;
     width: 70px;
}
.payment-methods.mastercard{
    background: url(/images/mastercard.png) no-repeat center;
     width: 70px;
}
.payment-methods.visa_verified{
    background: url(/images/visa_mastercard.png) no-repeat center;
     width: 150px;
}

.white-popup #cboxContent{
    background: #fff!important;
}

.form-error{
   color: red;
    display: none;
    position: absolute;
    /*right: 13px;*/
    /*top: -22px;*/
    font-style: italic;
    z-index: 2;
    font-size: 12px;
}

.error .form-error{
    display: block;
}

.highlighted{
   font-weight: 700;
   color: #15324C;
}
.margin-right-20{
    margin-right: 20px;
}

.margin-left-xl{
    margin-left: 15px;
}
.margin-left-xxl{
    margin-left: 30px;
}

.smaller-text{
    font-size:12px!important;
    font-weight: 100;
}
.regular-text{
    font-size:14px!important;
}

.img-100 img,  .img-100-mob img{
    width: 100%;
}

.yellow-link{

}


.history_block{
    display: block;
    width: 45%;
    box-sizing: border-box;
    float:left;
}

.history_block:nth-of-type(even){
    float:right;
}

.action_date{
    display: block;
    padding:20px 0px;
    width:100%;
    text-align: right;
    font-size: 18px;
    color:white;
    position: relative;
}
.pipka{
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    right:-55px;
    top:28px;
    background: url(/images/pipka.png) no-repeat center;
}

.history_block:nth-of-type(even) .action_date{
    text-align:left;
}

.history_block:nth-of-type(2){
    margin-top:110px;
}

.history_block:nth-of-type(even) .action_date .pipka{
    left:-56px;
}


.history_block .span-separator{
    height:18px;
    margin-bottom: 18px;
}

.history_main_block{
    display: block;
    width: 100%;
    clear: both;
    box-sizing: border-box;
    overflow: hidden;
    height: 200px;
    position: relative;
}

.history_action{
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    clear: both;
    display: block;

}
.history_block:nth-of-type(odd) .history_action{
    text-align: right;
}
.history_details{
    width: 100%;
    font-size: 14px;
    clear: both;
    display: block;
    height: 100px;
    overflow: hidden;
}
.history_agent{
    width: 100%;
    height:20px;
    font-size: 12px;
    clear: both;
    display: block;
    font-style: italic;
    position:absolute;
    bottom:0;
    left:5px;
    background: #fff;
}

.palka{
    height:100%;
    width:3px;
    background-color:#565d6a;
    position:absolute;
    right:50%;
    top:0px;
    margin-right: -1px;
    display: block;
    overflow: hidden;
}

.graph-header{
    position: absolute;
    left:0px;
    top: 12px;
    color: #393939;
    font-size:12px;
    width:300px;
    text-align: left;
}
.graph-header header{
    text-transform: uppercase;
    font-weight: 700;
    clear:both;
    display: block;
    margin-bottom: 0px;
    font-size: 16px;
}

#pricing-plans{
    background-color: #192028;
    padding: 130px 0px;
}


.tarif{
    display: block;
    width: 100%;
    background: #ffffff;
    height:490px;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin: 0px auto;
}


.tarif-price{
    width: 100%;
    height: 150px;
    line-height: 150px;
    font-size: 54pt;
    color: #0066cc;
    font-weight: 400;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.tarif-price span{
    font-size: 30pt;
}

.tarif-name{
    width: 100%;
    background-color: #0066cc;
    color: #ffffff;
    line-height: 80px;
    height: 80px;
    display: block;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
}
.tarif-name span{
    font-size: 14px;
    display: block;
    clear: both;
    padding-top:-50px;
}

.tarif-description{
    width: 100%;
    text-align: left;
    color: #222222;
    margin: 0px 0px;
    font-size: 12pt;
    font-weight: 400;
    line-height: 18pt;
    padding: 10px;
}




.tarif-order-now{
    width: 155px;
    text-align: center;
    color: #0066cc;
    font-size: 18pt;
    font-weight: 100;
    text-transform: capitalize;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;

}
.tarif-order-now:hover > i{
    margin-left: -4px;
}
.tarif-order-now i {
    font-size: 22pt;
    margin-left: 7px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tarif-order-now span {
    margin-top: -7px;
    display: block;
    float: left;
}

.tarif.second .tarif-price{
    color: #57a25e;
}
.tarif.second .tarif-name{
    background-color: #57a25e;
}
.tarif.second .tarif-order-now{
    color: #57a25e;
}

.tarif:hover{
    box-shadow: 0px 10px 18px rgba(0,0,0,0.2);
}

#contact-us{
    background-color: #FAB915;
      padding: 80px 0px;
}

.logo-footer img{
    width: 100px;
}

.footer-details{
    font-weight: 300;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #192028;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0px;
}


.modal .form_wrap {
    position: absolute;
    top: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    width: 400px;
    padding: 8px 0;
    background-color: #fff;
    border-top: 10px solid #fcce01;
    border-bottom: 10px solid #fcce01;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.80);
    -webkit-animation: turnOnOpacity 1s ease-in-out ;
    -o-animation: turnOnOpacity 1s ease-in-out ;
    animation: turnOnOpacity 1s ease-in-out ;
    z-index: 100;
    opacity: 0.99999; }

.modal .modal__wrapper {
    background-color: #fff;
    max-width: 1070px;
    height: 600px;
    margin: auto;
    position: fixed;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 30px;
    color: #696969;
}
.modal-bigger .modal__wrapper {
    background-color: #fff;
    height: 600px;
    margin: auto;
    position: fixed;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 15px;
    color: #696969;
}

.modal-smaller .modal__wrapper {
    background-color: #fff;
    height: 350px;
    max-width: 500px;
    margin: auto;
    position: fixed;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 15px;
    color: #696969;
}
.modal-bigger-xl .modal__wrapper {
    background-color: #fff;
    width: 800px;
    height: 600px;
    max-width: 800px;
    margin: auto;
    position: fixed;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 15px;
    color: #696969;
}

.modal-registration .modal__wrapper {
    background-color: #fff;
    width: 833px;
    height: 645px;
    max-width: 850px;
    margin: auto;
    position: fixed;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;
    color: #696969;
}

.modal-registration-new .modal__wrapper {
    background-color: #fff;
    width: 833px!important;
    height: 786px!important;
    max-width: 850px;
    margin: auto;
    position: fixed;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;
    color: #696969;
}

.modal-registration-new .middle-block-bigger{
    height: 780px;
}

.modal.modal-registration .modal__wrapper .modal__content{
  padding:0px;
}


.modal .modal__wrapper.creditline{
    padding: 15px 30px;
}

.modal .modal__wrapper .modal__header{
    font-size: 40px;
    color: #003554;
    font-weight: 100;

}
.modal .modal__wrapper .modal__close {
    position: absolute;
    width:35px;
    height:35px;
    display: block;
    background: url("/images/close-btn-dark.png") no-repeat center;
    right: 0px;
    font-size: 25px;
    top: 0px;
    cursor: pointer;
    z-index: 3;
    opacity:0.65;
}

.modal .modal__wrapper .modal__close:hover {
    color: #999;
    opacity: 1;
    z-index: 6;
}
.modal .modal__wrapper .modal__close.m-inner {
    background: url("/images/close_hover_big.png") no-repeat center;
    opacity: 0.6;
    z-index: 6;
    right: 10px;
    top: 10px;
    background-size: 70%;
}

.modal .modal__wrapper .modal__content {
    padding: 15px 0px;
    height: 100%;
    /*max-height: 420px;*/
    overflow: auto;
    position: relative; }

.modal-bigger .modal__wrapper .modal__content {
    padding: 15px 0px;
    height: 100%;
    max-height: 620px;
    overflow: auto;
    position: relative; }

.modal .modal__wrapper .modal__content h2 {
    padding-bottom: 10px;
    color: #35353b;
}
.modal .modal__wrapper .modal__content p {
    padding-bottom: 10px; }
.modal .modal__wrapper .modal__content iframe {
    width: 90%;
    height: 93%;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.modal .modal__wrapper .modal__content table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px auto 20px; }
.modal .modal__wrapper .modal__content table thead {
    background-color: #fcce01; }
.modal .modal__wrapper .modal__content table tfoot {
    background-color: #fcce01; }
.modal .modal__wrapper .modal__content table td {
    padding: 10px;
    border: 1px solid #d3d3d3; }

textarea{
    border-color: rgba(12, 12, 12, 0.12);
}
.gold-text{
    color: #fcce01;
}
.toTop{
    width: 58px;
    height: 58px;
    position: fixed;
    font: 700 30px/56px 'FontAwesome';
    color: #ffffff;
    text-align: center;
    transition: .3s;
    background: #fab915;
    border-radius: 50%;
    right: 40px;
    bottom: 40px;
    cursor: pointer;
    z-index: 500;

}
.toTop:before{
     content: "\f106";
     font-size: 26pt;
    line-height: 40pt;
}

.big-back-header-top{
    font-weight: 500;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #192028;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.big-back-header{
    font-weight: 700;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 72px;
    line-height: 1;
    letter-spacing: 1px;
}

.lang-menu span{
    padding-left: 30px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
}

.lang-english:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    width:20px;
    height: 20px;
    background: url(/images/england.png) no-repeat center;
    background-size: 100% auto;
}
.lang-latvian:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    width:20px;
    height: 20px;
    background: url(/images/latvia.png) no-repeat center;
    background-size: 100% auto;
}
.lang-russian:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    width:20px;
    height: 20px;
    background: url(/images/russia.png) no-repeat center;
    background-size: 100% auto;
}

.blurry-backgorund{
  filter: blur(2px);
  -webkit-filter: blur(2px);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.calc-block{
    width: 800px;
    border-radius: 8px;
    margin:80px auto;
    position: relative;
    display: block;
    background: rgba(55,57,70,0.8);
    overflow: hidden;
    padding: 20px 80px;
}



input:not([type="checkbox"]):not([type="button"]):not([type="submit"]), textarea {
    width: 100%;
    position: relative;
    line-height: 17px;
    font-size: 14px;
    color: #5A5A5A;
    padding: 15px 15px;
    border: 1px solid #E6E6E6;
    font-weight: normal;
    border-radius: 4px;
}


.form-control {
    display: block;
    width: 100%;
    background-color: #ffffff;
    background-image: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.hasCustomSelect{
  padding: 0px 20px 0px 20px;
  box-sizing: border-box;

}
#sort_order{
  min-width:200px;
}


.cal-slider-holder .button-next, .cal-slider-holder .button-prev{

  margin-top: -20px;
}

.customSelect .innerPoint{
  position:absolute;
  width:30px;
  height:30px;
  top:0px;
  right:0px;
  line-height: 28px;
  text-align: center;
}

.calc-block .select-branch {
    width: 100%;
}

.form-head{
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    margin-left: 13px;
}

.project-image{
    width: 100%;
    height: 150px;
    display: block;
}

.project-head{
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

.text-initial-letter {
    font-size: 20px;
    line-height: 1.45;
    font-weight: 300;

}

.text-initial-letter {

    font-size: 20px;
    line-height: 1.2;

}

.divider-modern {

    height: 1px;
    font-size: 0;
    line-height: 0;
    background: #ebebeb;
    margin-top: 40px;

}

.text-initial-letter:first-letter {
	padding-right: 15px;
	font-size: 78pt;
	line-height: .8;
	float: left;
}

.text-initial-letter::after {
	content: '';
	clear: both;
}


.divider-modern::after {
    content: '';
    display: inline-block;
    width: 75px;
    height: 2px;
    background: #fab915;
}

.consult{
    background: url('/images/consult.jpg') no-repeat center;
    background-size: cover;
}

.podskazka-error{
    color: #FF0000;
}

.currency-image{
    display: block;
    width: 50px;
    height:50px;
    overflow: hidden;
    border-radius: 50%;
}

.no-padding-right{
    padding-right: 0px!important;
}
.no-padding-left{
    padding-left: 0px!important;
}

.currency-BTC{
    background: url(/images/bitcoin-icon.png) no-repeat center;
    background-size: 100% auto;
}

.currency-ETH{
    background: url(/images/ethereum-icon.png) no-repeat center;
     background-size: 100% auto;
}

.currency-ETC{
    background: url(/images/etc.svg) no-repeat center;
     background-size: 100% auto;
}

.currency-EUR{
    background: url(/images/eur-icon.png) no-repeat center;
     background-size: 100% auto;
}

.deal-text{
    color: #C6D6DA;
    font-size: 14px;
}

.huge-text{
    font-size: 65px!important;
    color: rgba(255,255,255,0.5);
}

.lightgrey-text{
    color: #C6D6DA;
}

.footer .link-bold.white-text .smaller-text{
    color: rgba(255,255,255,0.5);
}

.classic-separator{
    clear: both;
    width: 100%;
    height:1px;
    background-color: rgba(255,255,255,0.25);
}
.footer ul{
    list-style: none;
}

.footer ul li{
    margin-left: 27px;
    display: inline-block;
    position: relative;
    list-style: none;
    text-align: center;
}

.footer-menu li a {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: .025em;
    text-transform: uppercase;
}
.footer-menu li a:hover {
  color: #fab915;
    text-decoration: none;
}

.panel-title:before{
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background-color: #fab915;
    color: white;
    font-size: 26pt;
    left:-40px;
    top:-5px;
    text-align:center;
    content: "+";
    font-weight: 700;
}

.panel.active .panel-title:before{
    content: "-";
}

.order-steps{
    border-top: 1px solid #C6D6DA;
}
.answer{
    margin-left:16px;
}

.text-red{
    color: red;
}

.margin-top-12{
    margin-top:12px;
}
.margin-top-9{
    margin-top:9px;
}

.line-height-xxxl{
    line-height: 55px;
}

.canvas {
    width:1200px;
    border:1px solid #ccc;
}

.cal_label{
    display: block;
    float:left;
    position: relative;
    background: repeating-linear-gradient(
      45deg,
      #ededff,
      #ededff 10px,
      #fff 10px,
      #fff 20px
    );
     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px dashed #ccc;
}

.cal_label div{
    width:100%;
    height:100%;
    background-color: white;
    background-size: auto 100%;
}


.header-40-nomargin {
    font-size: 80px;
    font-weight: bolder;
    color: #010101;
    line-height: 60px;
}

.extrasence-holder {
    display: block;
    position: absolute;
    width: 500px;
    height: 500px;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -250px;
    box-shadow: 15px 0px 21px rgba(0,0,0,0.5);
    padding: 50px 60px;
}

.form-holder {
    width: 100%;
    text-align: left;
    position: relative;
    line-height: 17px;
    font-size: 14px;
    color: #5A5A5A;
    padding: 0px 0 0;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
    -webkit-transition: 0.4s ease background-color;
    -o-transition: 0.4s ease background-color;
    transition: 0.4s ease background-color;
}

.form-control ~ label {
    top: 22px;
    font-size: 16px;
    text-align: left;
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    margin-bottom: 0;
    opacity: 1;
    color: #ADADB7;
    -webkit-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
    font-weight: 400!important;
}


.form-holder .form-control {
    background: transparent !important;
}

.form-group .form-holder input.form-control, .form-group .form-holder input.form-control{
    border: 0px;
    padding: 15px 0px 8px 15px;
    box-shadow: none!important;
}

.cc_custom .ui-selectmenu-button.ui-button {
    text-align: left;
    padding: 7px 15px 7px !important;
    border-radius: 5px;
    font-size: 16px;
    color:    rgb(90, 90, 90);
}
.form-control:focus ~ label::before {
    opacity: 1 !important;
}

.cc_custom .form-control.dirty ~ label{
    top: 10px !important;
}




.form-group .form-holder.money-part label:before {
    content: "€";
    width: 10px;
    height: 15px;
    display: block;
    position: absolute;
    left: 0px;
    top: 22px;
    opacity: 0;
    font-size: 14px;
    color: #5A5A5A;
}

.form-group .form-holder.money-part .form-control.dirty + label::before {
    opacity: 1;
}

.form-control:focus ~ label::before {
    opacity: 1 !important;
}

.cc_custom .form-control.dirty ~ label{
    top: 10px !important;
}

.form-group.money-part {
    padding: 18px 0px 5px 30px;
}



.form-holder.error {
    border-color: #DC5758 !important;

    box-shadow: 0 0 2px #DC5758;
    background: url(/images/edit-icon-no.png) no-repeat transparent right 10px center;
    background-size: auto 25%;
}

.form-holder.error label {
    color: #A92121 !important;
}

.form-holder {
    background: transparent;
}

.form-holder.passed {
    background: url(/images/checked-lightblue.png) no-repeat transparent right 10px center;
    background-size: auto 25%;
}

.form-group .form-holder input.form-control {
    border: 0px;
    padding: 27px 0px 8px 15px;
    box-shadow: none !important;

}

.form-control:focus ~ label, .form-control.dirty ~ label {
    top: 4px;
    font-size: 12px !important;
}

.line-height-50{
    line-height: 50px;
}

.plan-holder{
    padding: 35px 30px;
}

.pricing-plans{
 position: relative;
    z-index: 4;
}

.plan{
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: -1px 2px 5px 0 rgba(65, 65, 65, 0.12);
    box-shadow: -1px 2px 5px 0 rgba(65, 65, 65, 0.12);
    height: 390px;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
}

.plan.plan-special{
     height: 300px;
}

.plan .name, .plan-name{
    font-size: 17pt;
    text-transform: uppercase;
    letter-spacing: .001em;
    color: #535457;
}

.plan-period{
    position: absolute;
    bottom: -5px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 20px!important;
    font-weight: 100;
    color: #555;
    text-transform: lowercase;
}



.plan .advantage{
    font-size: 16px;
    color: #75767b;
}

.plan .price{
    font-size: 72px;
    position: relative;
}
.plan .price sup, .plan .price span{
    font-size: 32px;
}

.plan .description{
    padding: 25px 0;
    border-top: 2px solid #eef0f0;

}

.plan .description{
    font-size: 14px;
}


.plan-Basic{
    color: #1E3953!important;
}

.plan-Medium{
    color: #29bb9c!important;
}
.plan-Premium {
    background-color: #29bb9c;
    color: #fff!important;
}

.plan-Enterprise {
    background-color: #fead0d;
    color: #fff!important;
}

.plan-Enterprise .name, .plan-Enterprise .advantage, .plan-Premium .name, .plan-Premium .advantage{
     color: #fff!important;
}

.plan-holder li{
    padding-left: 30px;
    position: relative;
}

.plan-holder li:before{
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;

  z-index: 1;
  width: 12px;
  height: 10px;
  border: 1px solid #535858;
  transform: rotate(-45deg);
  border-top-style: none;
  border-right-style: none;
  border-color: #0aa89e;
}


.cc_custom .ui-selectmenu-button.ui-button {
    text-align: left;
    padding: 11px 15px 11px!important;
    border-radius: 5px;
    font-size: 16px;
    color:    rgb(90, 90, 90);
}

.cc_custom .ui-selectmenu-button.ui-button {
    text-align: center;
    border: 1px solid #D6D6D6;
    padding: 12px
}

.cc_custom label {
    width: 100%
}

.cc_custom .ui-selectmenu-button.ui-button {
    text-align: left;
    border: 1px solid #D6D6D6;
    padding: 12px;
    background: transparent!important;
}

.cc_custom .ui-icon, .cc_custom .ui-widget-content .ui-icon {
    background: url(/images/small-grey-arrow-down.png) center no-repeat !important;
}

.cc_custom .ui-selectmenu-button-open .ui-icon-triangle-1-s {
    background: url(/images/small-grey-arrow-up.png) center no-repeat !important;
}

.new-form .ui-selectmenu-button {
    background: none;
    z-index: 5000;
}

.cc_custom .label {
    top: 8px;
    font-size: 13px !important;
    position: absolute;
    bottom: 0;
    left: 15px;
    display: block;
    z-index: 50;
    color: rgb(90, 90, 90);
    font-weight: 400;
    opacity: 0.5;
    text-align: left;
}

.new-form .form-control:focus ~ label,
.new-form .form-control.dirty ~ label {
    top: 4px;
    font-size: 12px !important;
}

.new-form .ui-selectmenu-text{
    padding-top: 18px;
    line-height: 20px;
    font-family: Gilroy;

}

.btn-remove{
    position: absolute;
    right:-15px;
    top:14px;
}

.relative{
    position: relative;
}

textarea.form-control~label{
    left: 15px;
}

textarea.form-control{
    padding: 20px 12px!important;
}


.new-form .checkbox-container {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 26px;
}

/* Hide the browser's default checkbox */
.new-form .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.new-form .checkbox-container .checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    font-size: 45px;
    border: 1px solid #999;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.new-form .checkbox-container:hover input ~ .checkbox-checkmark {
   box-shadow: 0px 0px 3px #ccc;
}


/* Create the checkmark/indicator (hidden when not checked) */
.new-form .checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.new-form .checkbox-container input:checked ~ .checkbox-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.new-form .checkbox-container .checkbox-checkmark:after {
    left: 6px;
    top: 0px;
    width: 11px;
    height: 17px;
    border: solid #19B8F3;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

.new-form  .radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 23px;
}
.new-form  .radio-container.smaller-container {
    padding-left: 30px;
    line-height: 22px;
}

/* Hide the browser's default radio button */
.new-form .radio-container input {
    position: absolute!important;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.new-form .radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
}
.new-form .smaller-container .radio-checkmark {
    height: 20px;
    width: 20px;
}


/* Create the indicator (the dot/circle - hidden when not checked) */
.new-form .radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.new-form .radio-container input:checked ~ .radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.new-form .radio-container .radio-checkmark:after {
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #19B8F3;
}

.new-form .radio-container.smaller-container .radio-checkmark:after {
    top: 5px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #19B8F3;
}


.radio-styled input{
    display: none;
}

.request-steps{

}

.steps{
    position: absolute;
    right: 20px;
    top: 25px;
    display: block;
    z-index: 5;
}

.steps .btn-go{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: lightgrey;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.steps .btn-go.active{
    background-color: #2ED3AE;
}

.border-bottom-bold{
    border-bottom: 3px solid #999;
}

.border-bottom-grey{
    border-bottom: 2px solid #777;
}
.border-top-grey{
    border-top: 2px solid #777;
}

.btn.btn-normal{
    line-height: 11px!important;
    background: none;
    color: rgb(49, 53, 52);
}

@-webkit-keyframes autofill {
    0%,100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: #fff !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

.ui-datepicker-trigger{
    position: absolute;
    right: -50px;
    top: 15px;
    width: 26px;
    opacity: 0.6;
    cursor: pointer;
}

.link-default{
    color: #1e3953;
    text-decoration: underline;
    font-size: 16px;
    cursor:pointer;
   display: block;
    position: relative;
    float: right;
}
.link-default:before{
    content: "";
    position: absolute;
    left:-20px;
    width: 14px;
    height: 14px;
    top: 8px;
    background: url(/images/save.webp) no-repeat center;
    background-size: 100% auto;
}

.blue-link{
    color: #1052a8;
}


.link-default:hover{
    color: #93C83F;
}

.btn-loading::after{
    content: "";
    position: absolute;
    right: 19px;
    top:15px;
    width: 20px;
    height: 20px;
    background: url(/images/loading2.gif) no-repeat center;
    background-size: 100% auto;
}

 a, a:active, a:focus{
        outline: none!important; /* Works in Firefox, Chrome, IE8 and above */
    }

 .error .radio-container{
     color:red;
 }

 .error .radio-checkmark{
    border-color: red;
    box-shadow: 0px 0px 5px red;
 }

 .checkbox-styled.error input ~ span::before{
     border-color: red;
     box-shadow: 0px 0px 5px red;
 }

 .middle-block{
   position: absolute;
   width: 500px;
   height:340px;
   padding:40px;
   border-radius: 6px;
   background-color: #fff;
   left:0;
   right:0;
   top:0;
   bottom:0;
   margin-left: auto;
   margin-right: auto;
  overflow: hidden;
   margin-top: auto;
  margin-bottom: auto;
 }

  .middle-block-bigger{
     position: absolute;
     width: 800px;
     height:645px;
     padding:25px 40px;
     border-radius: 6px;
     background-color: #fff;
     left:0;
     right:0;
     top:0;
     bottom:0;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
     margin-top: auto;
     margin-bottom: auto;
   }

 .login-page-back{
   width: 100%;
   height:100%;
   position: static;
   left:0px;
   top:0px;
   background: url(https://www.antiqon.com/images/items/antimage_5f9a49b4e761d.jpg) no-repeat center;
   background-size: cover;
 }


 .slider_fullheight {
    min-height: 100vh;
    height: auto;
     position: relative;
}


*, ::before, ::after {
    box-sizing: border-box;
}

.height-1,
.size-1 {
  height: 40px;
}
.height-1-5,
.size-1-5 {
  height: 60px;
}
.height-2,
.size-2 {
  height: 80px;
}
.height-3,
.size-3 {
  height: 120px;
}
.height-4,
.size-4 {
  height: 160px;
}
.height-5,
.size-5 {
  height: 200px;
}
.height-6,
.size-6 {
  height: 240px;
}
.height-7,
.size-7 {
  height: 280px;
}
.height-8,
.size-8 {
  height: 320px;
}
.height-9,
.size-9 {
  height: 360px!important;
}
.height-10,
.size-10 {
  height: 400px!important;
}
.height-11,
.size-11 {
  height: 440px;
}
.height-11-5,
.size-11-5 {
  height: 460px;
}
.height-12,
.size-12 {
  height: 480px;
}
.height-12-5,
.size-12-5 {
  height: 500px;
}
.height-13,
.size-13 {
  height: 520px;
}

.height-14,
.size-14 {
  height: 560px;
}

.width-1,
.size-1 {
  width: 40px;
}
.width-2,
.size-2 {
  width: 80px;
}
.width-3,
.size-3 {
  width: 120px;
}
.width-4,
.size-4 {
  width: 160px;
}
.width-5,
.size-5 {
  width: 200px;
}
.width-6,
.size-6 {
  width: 240px;
}
.width-7,
.size-7 {
  width: 280px;
}
.width-8,
.size-8 {
  width: 320px;
}
.width-9,
.size-9 {
  width: 360px;
}
.width-10,
.size-10 {
  width: 400px;
}
.width-11,
.size-11 {
  width: 440px;
}
.width-12,
.size-12 {
  width: 480px;
}

.height-90{
    height:90px!important;
}


.div-text-center{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
    height: 400px;
    max-width: 1200px;
    z-index: 2;
}

h1, .heading-1 {
    font-size: 80px;
}
h2, .heading-2 {
    font-size: 60px;
}


h1, h2, h3, h4, h5, h6, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: inherit;

    color: #151515;
}
h1, .h1 {
    font-size: 80px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;

    line-height: 1.1;
    color: #151515;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}


.rd-navbar-wrap, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu {
    transition: 0.32s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.rd-navbar-fixed {
    display: block;
}
.rd-navbar {
    background: #fff;
}

.rd-navbar-fixed .rd-navbar-panel {
    color: #000;
    box-shadow: none;
    background: #fff;
}
.rd-navbar-fixed .rd-navbar-panel {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    padding: 4px;
    height: 56px;
    z-index: 999;
    border-bottom: 1px solid #ececee;
}

.rd-navbar-fixed .rd-navbar-toggle {
    display: inline-block;
}

.rd-navbar-toggle{
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    color: #000;
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 7;
    top: 20px;
    left: 30px;
}

.rd-navbar-toggle.active{
    left: 390px;
    top:10px;
}

.rd-navbar-toggle.active span {
    transition: background .22s 0s ease;
    background: transparent;

}
.rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span {
    width: 22px;
    height: 2px;
    background-color: #000;
    backface-visibility: hidden;
    will-change: transform;
}
.rd-navbar-toggle span {
    position: relative;
    display: block;
    margin: auto;
    transition: .3s all ease;
}

.rd-navbar-toggle.active span::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rd-navbar-toggle.active span::before, .rd-navbar-toggle.active span::after {
    top: 0;
    -webkit-transition-delay: 0s, 0.22s;
    transition-delay: 0s, 0.22s;
}
.rd-navbar-toggle span::before, .rd-navbar-toggle span::after {
    -webkit-transition-duration: 0.22s, 0.22s;
    transition-duration: 0.22s, 0.22s;
    -webkit-transition-delay: 0.22s, 0s;
    transition-delay: 0.22s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}
.rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span {
    width: 33px;
    height: 3px;
    background-color: #FFF;
    backface-visibility: hidden;
    will-change: transform;
}
.rd-navbar-toggle span::after, .rd-navbar-toggle span::before {
    content: "";
    position: absolute;
    left: 0;
    top: -9px;
    transition: .3s all ease;
    transition-property: all;
    transition-duration: 0.3s;
    transition-delay: 0s;
}

.rd-navbar-toggle span::after {
    top: 9px;
}

.rd-navbar-toggle.active span::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rd-navbar-toggle.active span::before, .rd-navbar-toggle.active span::after {
    top: 0;
    -webkit-transition-delay: 0s,.22s;
    transition-delay: 0s,.22s;
}
.rd-navbar-toggle.active span::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

}

.rd-navbar-panel{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 110px;
}

.fixed-menu.hidden{
    height:0px;
}

.fixed-menu{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 60px;
    z-index: 55;
    background: rgba(0,0,0,0.85);
    transition: .3s all ease;
    transition-property: all;
    transition-duration: 0.3s;
    transition-delay: 0s;
}

.fixed-menu .rd-navbar-brand{
     height: 70px;
     margin-left: -50px;
     top:-5px;
}


.fixed-menu .rd-navbar-toggle{
    top:8px;
}

.rd-navbar-brand {
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -75px;
    height: 110px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    z-index: 17;
}

.side-menu{
    position: fixed;
    left:0px;
    top:0px;
    transform:translate(-100%,0%);
    height:100%;
    min-width: 390px;
    width: 390px;
    background: #fff;
    z-index: 555;
      -webkit-animation: all 0.3s ease-in-out ;
    -o-animation:  all 0.3s ease-in-out ;
    animation:  all 0.3s ease-in-out ;
    padding-top: 110px;
}
.side-menu.active{
    transform:translate(0%,0%);
}

.side-menu .menu-item{
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 36px!important;

}

.side-menu .menu-item a{
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    padding: 7px;
}
.side-menu .menu-item a:hover{
    color: #2ed3ae;
}

.lang-bar{
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
}

.lang-bar .lang{
    text-transform: uppercase;
    display: inline-block;
    padding: 5px;
    font-size: 20px;
    color: #000;
    z-index: 8;
}

.lang.active, .lang:hover{
    color: #2ed3ae!important;
    text-decoration: underline;
}


.highlight{
    background: #2ed3ae;
    color: #FFF;
    padding: 40px 0px;
    text-align: center;
    display: block;
    overflow: hidden;
    z-index: 6;
}

.highlight .title{
    font-size: 40px;
}

.highlight .description{
    font-size: 18px;
}

h3 {
    font-size: 40px!important;
    line-height: 1.35!important;
    font-weight: 200!important;
    text-align: center;
}

.heading-3{
    font-size: 50px!important;
    line-height: 1.35!important;
    font-weight: 400!important;
    text-align: center;
}

.paragraph{
    -webkit-text-size-adjust: none;
    font-size: 16px;
    font-weight: 300;
    font-family: "Libre Franklin", "Roboto", Arial, sans-serif;
    line-height: 1.88889;
    color: #888;
}

.scroll-down-link {
height: 60px;
width: 80px;
margin: 0px 0 0 -40px;
line-height: 60px;
position: absolute;
left: 49.85%;
bottom: 0px;
color: #2ed3ae;
text-align: center;
font-size: 70px;

text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    z-index: 8;

-webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
animation:         avia_fade_move_down 2s ease-in-out infinite;
}





@media (max-width: 767.98px) {
 .thumb-corporate {
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
 }
}
.thumb-corporate img {
 height: 220px;
width: auto;
}
.thumb-corporate * + .thumb-corporate__list {
 margin-top: 15px;
}
.thumb-corporate__overlay {
 padding: 20px 10px 5px;
}
* + .thumb-corporate__caption {
 margin-top: 10px;
}
@media (min-width: 992px) {
 .desktop[data-x-mode='true'] .thumb-corporate__overlay,
.thumb-corporate:hover .thumb-corporate__overlay {
  opacity: 1;
 }
 .desktop[data-x-mode='true'] .thumb-corporate__overlay .thumb-corporate__list > li,
.thumb-corporate:hover .thumb-corporate__overlay .thumb-corporate__list > li {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
  transition-delay: .1s;
 }
.thumb-corporate__main {
  position: relative;
 }
.thumb-corporate__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .2s ease-in-out;
  pointer-events: none;
 }
.thumb-corporate__overlay::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(248, 248, 248, 0.9);
  transition: transform .3s ease-in-out;
 }
.thumb-corporate__overlay .thumb-corporate__list {
  pointer-events: auto;
 }
.thumb-corporate__overlay .thumb-corporate__list > li {
  position: relative;
  opacity: 0;
  transition: transform .3s ease-in-out, opacity .1s;
  transform: matrix(0.01, 0, 0, 1, 0, 0);
 }
}
@media (min-width: 1200px) {
 * + .thumb-corporate__caption {
  margin-top: 25px;
 }
}


.thumb {
 text-align: center;
}
.thumb__title {
 font-size: 20px;
 line-height: 1.33;
 color: #000;
}
.thumb__title a {
 color: inherit;
}
.thumb__title a:hover {
 color: #2ed3ae;
}
.thumb__subtitle {
 font-size: 14px;
 line-height: 1.71429;
}
* + .thumb__subtitle {
 margin-top: 5px;
}
@media (min-width: 1200px) {
 .thumb__title {
  font-size: 24px;
  line-height: 1.3;
 }
}

.pricing-table {
 position: relative;
 max-width: 300px;
 margin-left: auto;
 margin-right: auto;
 padding: 15px;
 border: 1px solid #ececee;
 text-align: center;
 transition: .33s all ease;
 transform:translate3d(0,0px,0) scaleX(1.05)
}
.price div:first-of-type {
 font-size: 40px;
 font-weight: 300;
 color: #2ed3ae;
}
.price div:last-of-type {
 font-size: 14px;
}
.pricing-table.pricing-table-label .pricing-label {
 display: flex;
}
@media (min-width: 768px) {
 .pricing-table {
  padding: 22px;
 }
}
.pricing-header {
 padding: 15px 0;
 border-bottom: 1px solid #ececee;
 height: 250px;

}

.pricing-header h5{
    font-size: 20px!important;
}
.pricing-header sup, .pps sup{
    top:-0.9em;
    font-size: 18px;
}

@media (min-width: 768px) {
 .pricing-header {
  padding-top: 0px;
  padding-bottom: 27px;
 }
}
.pricing-body {
 padding: 15px 0;
}
.pricing-body .list {
 font-size: 14px;
}
.pricing-body .list > li + li {
 margin-top: 7px;
}
@media (min-width: 768px) {
 .pricing-body {
  padding-top: 28px;
 }
}
.pricing-footer {
 padding: 15px 0;
}
.pricing-footer p {
 font-size: 12px;
 font-style: italic;
}
@media (min-width: 768px) {
 .pricing-footer {
  padding-top: 30px;
  padding-bottom: 35px;
 }
 .pricing-footer * + p {
  margin-top: 41px;
 }
}
.pricing-label {
 position: absolute;
 top: -36px;
 right: 26px;
 z-index: 1;
 width: 86px;
 height: 86px;
 align-items: center;
 justify-content: center;
 font-size: 12px;
 line-height: 16px;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 color: #fff;
}
.pricing-label svg {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: -1;
 fill: #2ed3ae;
}
.pricing-table-custom {
 padding-top: 30px;
}
.pricing-table-custom * + .list-xxs {
 margin-top: 30px;
}
@media (min-width: 768px) {
 .pricing-table-custom {
  padding-top: 80px;
 }
 .pricing-table-custom * + .list-xxs {
  margin-top: 115px;
 }
}
.pricing-table-wrap {
 padding-top: 15px;
}

h6, .heading-6 {
    font-size: 18px!important;
    line-height: 1.55556!important;
    font-weight: 300!important;
}


.pricing-table:hover, .pricing-table.active{

}

.overflow-hidden{
    overflow: hidden;
}
.margin-bottom-lg {
  margin-bottom: 5px!important;
}


.module-head {
    position: relative;
    line-height: 32px;
    min-height: 36px;
    vertical-align: middle;
}

.module-head .header {
    display: inline-block;
    padding: 5px 24px;
    vertical-align: middle;
    line-height: 17px;
    font-size: 16pt;
    font-weight: 100;
    text-transform: uppercase;
}


.card-head .hh  {
  display: inline-block;
  padding: 18px 24px;
  vertical-align: middle;
  line-height: 30px;
  font-size: 20px;
}


.card-head.land {
    color: #2ED3B1;
    font-size: 28px!important;
    font-weight: 500;
}

.card-head.land .hh{
     font-size: 28px!important;
}

#registrationComplete .modal__wrapper{
    height: 240px;
    width: 500px;
}

.pricing-body
{
    text-align: left;
    font-size: 12px;
}
.pricing-body .line{
    border-bottom: 1px solid #eee;
    display: block;
    float: none;
    overflow: hidden;
    padding: 2px 2px;
    width:100%;
    height: auto;
    vertical-align: center;

}


.pricing_plans .row:not(.padding-0) div[class*="col-xs-"]{
    padding: 9px 10px;
    border-left: 1px solid rgba(163,168,168,.2);
    line-height: 33px;
}


.pricing_plans .row:not(.padding-0) div[class*="col-xs-"]:last-of-type{
    border-right: 1px solid rgba(163,168,168,.2);

}






.pricing_plans .md-check{
    font-size: 28px;
    font-weight: 700;
    color: #2ED3AE;
    line-height: 40px;
}

.pricing_plans .col-xs-2{
    border-left: 1px solid rgba(242, 243, 243, 0.95)!important;
}

.pricing-label span{
    display: block;
    margin-top: 23px;

}


.podskazka{
    display: none;
    position: absolute;
    top: 0px;
    bottom: auto;
    left: -205px;
    width: 200px;
    background-color: #fff;
    border: 1px solid #32D3AE;
    color: #888;
    font-style: normal !important;
    padding: 6px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
    border-radius: 4px;
    line-height: 20px;
    font-family: "Libre Franklin", "Roboto";
}

.podskazka p{
    font-weight: 100;
    padding-bottom: 0;
    margin-bottom: 0;
}

.md-info-outline:hover > .podskazka{
    display: block;
}

.text-green{
    color: #2ED3AE!important;
}

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

.left-pp{
    height:178px;
}

.left-pp:not(.bez-palki){
    border-bottom: 1px solid #fafafa;
}

.left-pp .vertical-center{
    margin-top: 109px;
}

.rem .left-pp .vertical-center{
    margin-top: 145px;
}

.margin-top--20{
    margin-top: -20px;
}

.last-row{
    border-bottom:1px solid rgba(163,168,168,.2);
    margin-bottom:7px;
}

.margin-top-lg{
    margin-top: 5px;
}

.border-grey{
    border:1px solid rgba(163,168,168,.2);
}

.head-3{
    line-height: 33px!important;
    padding: 4px 10px!important;
}

.lightgrey-back:not(.nohover):hover, .white-back:not(.nohover):hover{
    background-color: #E5E6E6!important;
}

.zaglushka_youtube{
    position: absolute;
    top:0px;
    left:20px;
    width:600px;
    height:380px;
    z-index: 5;
    background: url(/images/knopka_en.jpg);
    background-size: cover;
}
.zaglushka_youtube.fr{
    background: url(/images/knopka_fr.jpg);
    background-size: cover;
}


.zaglushka_youtube_remastered{
    position: absolute;
    top:0px;
    left:20px;
    width:600px;
    height:380px;
    z-index: 5;
    background: url(/images/1_puzzle.jpg);
    background-size: cover;
}

.z-bigger{
    width:100%;
    height:100%;
    left: 0px;
}

.zaglushka_youtube::after{
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100px;
    height: 60px;
    background: url(/images/youtube_play.png) no-repeat center;
    margin: auto;
    cursor: pointer;
    animation: growShrink 4s infinite;
}

.zaglushka{
    position: absolute;
    top:0px;
    left:20px;
    width:600px;
    height:380px;
    z-index: 5;
    background: url(/images/banners/service.png);
    background-size: cover;
}

.modal.v-video .modal__wrapper .modal__close {
    background: url("/images/close-btn.png") no-repeat center;
    right: 2px;
    top: -40px;
    font-size: 25px;
}

.half-square-block{
    height: 550px;

}

.half-square-block.active:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left:0px;
    top: 0px;
    background: rgba(0, 185, 90, 0.7);
}

.half-square-block.auction-caller{
    background: url('/images/auction-caller.png') no-repeat center;
    background-size: 100% auto;
}
.half-square-block.pro-caller{
    background: url('/images/pro-caller.png') no-repeat center;
    background-size: 100% auto;
}


.rd-navbar-panel .active:not(.lang){
    display:none;
}

.green-block{
    background-color: #2ED3AE;
    padding: 30px;
    color: #fff;
}

.product-icon-wrap .icon{
    font-size: 25px;
}

.param-block, .param-block-a{
    cursor: pointer;
}


.param-holder{
    border: 1px solid #eee;
    border-radius: 22px;
    background-color: #fff;
    color: #0a0c0e;
    display: inline-block;
}
.param-block, .param-block-a{
    display: inline-block;
    padding:6px 20px;
    text-align: center;
    width:110px;
    position:relative;
}

.param-holder .param-block.active, .param-holder .param-block-a.active{
    background-color: #F8F8F8;
    border-radius: 23px;
    font-weight: 500;
    box-shadow: 1px 1px 5px rgba(10, 208, 196, 0.9);
}

.white-text{
    color: #fff!important;
}

.discount{
    position: absolute;
    bottom:-20px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    margin: 0 auto;
    width: 100%;
left: 0;
}

.period{
    cursor: pointer;
}

.ui-widget.ui-widget-content {
  max-height: 250px;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 18px;
}



.login-checkbox.checkbox-styled:not(ie8) input:checked ~ span {
    color: #2ED3AE;
}


.login-checkbox.checkbox-styled:not(ie8) input ~ span:hover{
     color: #2ED3AE;
}

.card-bordered{
    padding: 20px 40px;
}


.eye{
    position: absolute;
    right:5px;
    top:22px;
    height:15px;
    width:35px;
    background: url('/images/eye_icon.png') no-repeat center;
    background-size: auto 100%;
    opacity: 0.7;
    cursor: pointer;
    z-index: 5;
}


.cookie-choices-button{
    display: inline-block;
    padding: 7px 15px!important;
    border: 1px solid #fff;
}

.cookie-choices-button:hover{
    color: #000!important;
    background-color: #fff;
}

.image-overlay-block{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.8;
  background-color: #ffffff;
}

.social-link{
    border: 1px solid #ebebeb;
    height: 150px!important;
    padding:15px!important;
    background-color: #fff;
}

.social-link a i{
    font-size: 50px;
    color: #2ED3AE;
}

.padding-20{
    padding:20px;
}

.social-title{
    margin-top: 15px;
    font-size: 16px;
}

.padding-bottom-0{
    padding-bottom: 0px;
}
.padding-top-0{
    padding-top: 0px;
}

#contactas{
    background: url(/images/back-contactus.jpg) no-repeat center;
    background-size: cover;
}

#contactsas .form-control{
    background-color: #fff!important;
}

.make-it-dark{
    filter: brightness(0%);
}


.greyscale{
    filter: grayscale(1);
}


.pholder{
    position: relative;
}

.pholder:hover  .podskazka{
    display: block;
}


.bigger-text-xxl{
    font-size: 30px!important;
}

.bigger-text-xxxl{
    font-size: 40px!important;
}

.margin-right-lg{
    margin-right: 7px!important;
}


.inner-page-head {
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.inner-page-head .container{
    z-index: 5;

}

.back-support{
    background: url('/images/back-support.jpg') no-repeat center;
    background-size: cover;
}

.back-support-big{
    height: 700px;
    background: url('/images/back-support.jpg') no-repeat top;
    background-size: cover;
}


.bordered-div{
    display: block;
    padding: 30px;
    border: 1px solid #EAEAEA;
    background-color: #fff;
    height: 300px;
}

.bordered-div:hover{
    background-color: #F9F9F9;
}

a.no-decoration{
    text-decoration: none!important;
}

.header-30{
    font-size: 30px!important;
}



#preview{
    width:500px;
    float:left;
    margin-right:20px;
    object-fit: cover;
}



ul.accordion{
    list-style: none!important;
    margin-left:-12px;
}

ul.accordion li i{
    margin-right: 15px;
    font-size: 22px;
    line-height: 33px;
}

ul.accordion li{
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    display: block;
    clear: both;
}

ul.accordion li a{
    font-size: 18px;
    color: rgb(49, 53, 52);
}

ul.accordion li a:hover{
    text-decoration: none!important;
}

.accordion > li.in .collapse{
    display: block;
    visibility: visible;
    padding: 30px 15px;
    line-height: 20px;
    min-height: 70px;
    background: #ebebeb;
}

.accordion > li:after{
    content: "";
    position: absolute;
    right: 10px;
    top:10px;
    width: 12px;
    height:8px;
    background: url(/images/small-grey-arrow-down.png) no-repeat center;
}

.accordion > li.in:after{
    background: url(/images/small-grey-arrow-up.png) no-repeat center;
}


ul.accordion .collapse{
    font-size: 16px;
    color: #35353b;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

}



#preview{
    width:500px;
    float:left;
    margin-right:20px;
    object-fit: cover;
}

#view-video .modal__wrapper, #view-video .modal__content{
    padding: 0px!important;
}

#view-video .modal__content{
    overflow: hidden;
}

.modal-video{
    cursor: pointer;
}


.btn-fl{
    padding: 6px 30px!important;
    margin-top: 11px!important;
}

.bigger-text-25{
    font-size: 25px !important;
    font-weight: 400;
}

.ti-15{
    text-indent: 15px;
}

.vl{
    position: absolute;
    bottom: -19px;
    height: 50px;
    width: 4px;
    left: 50%;
    margin-left: -2px;
    background-color: #2ED3B1;
}

.vl-left{
    position: absolute;
    bottom: -19px;
    height: 50px;
    width:4px;
    left: -214px;
    margin-left:-2px;
    background-color: #2ED3B1;
}

.vl-right{
    position: absolute;
    bottom: -19px;
    height: 50px;
    width: 4px;
    right: -216px;
    margin-left:-2px;
    background-color: #2ED3B1;
}

.hl{
    position: absolute;
    bottom: 31px;
    height: 4px;
    width: 840px;
    left: 50%;
    margin-left: -420px;
    background-color: #2ED3B1;
}

.vplus-v{
    position: absolute;
    bottom: 80px;
    height: 40px;
    width: 4px;
    left: 50%;
    margin-left:-2px;
    background-color: #2ED3B1;
}
.vplus-h{
    position: absolute;
    bottom: 98px;
    height: 4px;
    width: 40px;
    left: 50%;
    margin-left:-20px;
    background-color: #2ED3B1;
}




.free-trial{
    position: absolute;
    right: -170px;
    top: -70px;
}

.free-trial img{
    width: 60%;
}

.hd, .hd2{
    text-decoration: none!important;
    font-weight: 500;
    display: block;
    float: left;
    margin-top:2px;
}

.hd2{
    position: absolute;
    right: -50px;
    font-style: normal;
    top: 0px;
}

.absolute-desc{
    font-size: 11px;
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100px;
    text-align: center;
    left: -34px;
}

.absocheck label{
    width: 70%;
    display: block;
    position: relative;
    float:right
}
.absocheck input{
    position: absolute;
    left: 8px;
    top: 7px;
    margin-top:-8px;
}

.presentation-checkbox span{
    font-size: 15px!important;
    padding-left: 27px!important;
}

.margin-bottom-5{
    margin-bottom: 5px!important;
}

.soc-icon img{
    height: 40px;
    margin-left: 15px;
}

.absolute-bottom{
    position: absolute!important;
    bottom: 60px;
    display: block;
    width: 160px;
    left:50%;
    margin-left: -80px;
}




.inner-head{
    height: 500px;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.inner-head.back-plans{
    background: url("/images/top/tarifi_2.jpg") no-repeat center;
    background-size: auto 100%;
}
.inner-head.back-support{
    background: url("/images/top/support_.jpg") no-repeat center;
    background-size: auto 100%;
}
.inner-head.back-news{
    background: url("/images/top/news_.jpg") no-repeat center;
    background-size: auto 100%;
}

.inner-head.back-press{
    background: url("/images/top/press.jpg") no-repeat center;
    background-size: auto 100%;
}
.inner-head.back-placement{
    background: url("/images/top/placementatplatforms_.jpg") no-repeat center;
    background-size: auto 100%;
}

.inner-head.back-about{
    background: url("/images/top/o_nas.jpg") no-repeat center;
    background-size: auto 100%;
}
.inner-head.back-terms{
    background: url("/images/top/TERMS_CONDITIONS_1.jpg") no-repeat center;
    background-size: auto 100%;
}
.inner-head.back-guide{
    background: url("/images/top/guide_.jpg") no-repeat center;
    background-size: auto 100%;
}

.inner-head .overlay{
    opacity: 0.2;
}

.plan-line{
    line-height: 50px;
    padding: 20px 0px;
    height: 90px;
    overflow: hidden;
}

.plan-line a{
    text-decoration: none;
    font-size: 22px;
    display: inline-block;
    margin: 0px 0px;
    position: relative;
    outline: none;
    color: #595959;
    font-weight: 400;
}
.plan-line a.active::before{
    content: "";
    position: absolute;
    right: 0px;
    width: 100%;
    height: 3px;
    background-color: #2ED3B1;
    display: block;
    bottom: -15px;
}



.plan-line-tinier a{
    padding: 0px 24px;
}

.plan-line a.active, .plan-line a:hover{
    color: #2ED3B1;
    text-decoration: none!important;
    font-weight: 500;
}

.plan-line:not(.plan-line-tinier) a:after{
    content: "";
    position: absolute;
    right: -70px;
    width: 2px;
    height: 22px;
    background-color: #bbb;
    display: block;
    top: 15px;
}

.img-h30p img{
    max-height: 30px;
}

.plan-line a:last-of-type:after{
    display: none;
}

.div-text-center-inner{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
    height: 70px;
    max-width: 1200px;
    z-index: 5;
}



.line-height-22{
    line-height: 22px;
}


.font-15{
    font-size: 15px;
}

.img-60 img{
    width: 60%;
}
.img-80 img{
    width: 80%;
}

.img-h100 img{
    height: 100%;
    width: auto!important;
}

.img-h80 img{
    height: 80%;
    width: auto!important;
}

.bigger-price{
    font-size: 60px;
}

.service-disabled{
    opacity: 0.5
}

.service-disabled img{
    filter: grayscale(1);
    filter: brightness(0.3);
}

.pholder img{
    height: 35px;
}

.headerbar-right{
    position: absolute;
    right: 20px;
    top:20px;
    z-index: 5555;
}

.headerbar-right .btn-icon-toggle{
    font-size: 26px;
}

.header-nav-options .dropdown > a .badge {
    position: absolute;
    font-size: 10px;
    top: -1px;
    right: -5px;
}
.header-nav-options .dropdown .dropdown-menu {
    top: 14px;
}


.btn.btn-icon-toggle {
    padding: 0;
    width: 36px;
}
.btn.btn-icon-toggle {
    border-radius: 999px !important;
}
.btn.btn-flat, .btn.btn-icon-toggle {
    background-color: transparent;
    font-weight: 500;
    border-color: transparent;
}

.header-nav {
    margin: 0 12px;
    padding-left: 0;
    list-style: none;
}
.header-nav > li {
    position: relative;
    display: block;
    padding: 14px 0 14px 12px;
    float: left;
}
.header-nav > li:first-child {
    padding-left: 0;
}
.header-nav > li > a {
    position: relative;
    display: block;
}
.header-nav > li > a:hover,
.header-nav > li > a:focus {
    text-decoration: none;
    background-color: rgba(12, 12, 12, 0.07);
}

.badge.style-danger {
    background-color: #f44336;
    color: #ffffff;
}



.adminka{
    overflow: hidden;
}
.admin_holder .adminka_row{
    text-align: left;
}

.admin_holder div {
    margin: 0px !important;

}

.admin_action {
    display: block;
    float: left;
    cursor: pointer;
    min-width: 20px !important;
    margin: 0px !important;
}

.admin_action img {
    width: 25px;
    opacity: 0.5;
}

.admin_action img:hover {
    opacity: 0.9;
}

.m-height-390{
    min-height: 390px!important;
    float: left;
}


.admin_holder .admin_close {
    position: absolute;
    width:20px;
    height:20px;
    display: block;
    background: url("/images/close-btn.png") no-repeat center;
    background-size: 100% auto;
    right: 7px;
    top: 7px;
    cursor: pointer;
    z-index: 3;
    opacity:0.85;
}



.hidden-desktop{
    display: none!important;
}
.height-480{
    height: 480px!important;
}

.height-390{
    height: 390px!important;
}
.height-246{
    height: 246px!important;
}

.col-xs-12.double-paddings,.col-xs-6.double-paddings, .col-xs-4.double-paddings,.col-xs-3.double-paddings,.col-md-6.double-paddings,.double-paddings{
    padding-left:24px!important;
    padding-right:24px!important;
}

.normal-weight{
    font-weight: 400;
}

.return{
    position: absolute;
    left: 0px;
    width: 60px;
    height: 60px;
    background: url(/images/back.png) no-repeat center;
    background-size: 100% auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100%) */
    height: 0;
    width: 100%;
}



.video-container video {
    position: absolute;
    top: 0;
    left: 33px;
    width: 100%;
    height: 100%;
}

.video-container video::-webkit-media-controls {
    display: none;
}
.video-container video::-webkit-media-controls-panel {
    display: none;
}
.grecaptcha-badge { visibility: hidden; }




.admin_holder {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9998;
    margin: 0px !important;
    min-width: 10px !important;
    text-align: left;
}

.admin_holder.admin-blue-back{
    box-shadow: 0px 0px 12px #003554;
    background: #003554;
    border-radius: 6px;
    padding: 20px;
    max-width:600px;
}
.adminka{
    overflow: hidden;
}
.admin_holder .adminka_row{
    text-align: left;
}

.admin_holder div {
    margin: 0px !important;

}

.admin_action {
    display: block;
    float: left;
    cursor: pointer;
    min-width: 20px !important;
    margin: 0px !important;
}

.admin_action img {
    width: 25px;
    opacity: 0.5;
}

.admin_action img:hover {
    opacity: 0.9;
}



.admin_holder .admin_close {
    position: absolute;
    width:20px;
    height:20px;
    display: block;
    background: url("/images/close-btn.png") no-repeat center;
    background-size: 100% auto;
    right: 7px;
    top: 7px;
    cursor: pointer;
    z-index: 3;
    opacity:0.85;
}
.alpha-letters{
    list-style: lower-alpha;
    padding-left: 15px;
}
.alpha-letters.alpha-digits{
    list-style: decimal!important;
    padding-left: 15px;
}

.alpha-letters li{
    list-style: lower-alpha;
    padding-left: 30px;
}

.alpha-letters.alpha-digits li{
    list-style: decimal;
}


.alpha-letters li ul li{
    list-style: disc;
    padding-left: 20px;
    display: list-item;
}
.alpha-letters li ul li ul li{
    list-style: lower-roman;
    padding-left: 20px;
    display: list-item;
}

.openup_content{
    font-size: 16px;
    color: #313534;
    padding:40px!important;
}

.underline-link{
    text-decoration: underline;
    color: #2ED3AE!important;
    font-size: inherit!important;
    cursor: pointer;
}

.loading{
    position: absolute!important;
    left: 0px;
    right:0px;
    top:0px;
    bottom:0px;
    margin: auto!important;
    z-index: 55555;
}

.white-list-holder{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 700px;
    position: relative;
    padding:6px;
    overflow: hidden;
}

.white-list-wrapper{

    display: block;
    position: absolute;
    left:6px;
    top: 0px;
}


.green-year-line{

}

.phase{
    position: relative;
    width: 240px;
    display: none;
    float: left;
    height: 500px;
}

.phase.active{
    display: block;
}

.phase .year-holder{
    position: absolute;
    padding: 20px 30px;
    font-size: 36px;
    font-weight: 700;
    color: #2ED3AE;
    opacity: 0;
    animation: enlargeOpacity 0.2s forwards;
    animation-delay: 0.8s;
}






.phase .image-holder{
    position: absolute;
    padding: 20px 30px;
    height: 120px;
    overflow: hidden;
    opacity: 0;
    animation: enlargeOpacity 0.2s forwards;
    animation-delay: 0.7s;
}

.phase .image-holder img{
    height:100%;
    width: auto!important;
}

.phase .title-holder{
    position: absolute;
    padding: 20px 30px;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 900;
    text-align: left;
    line-height: 20px;
    animation: enlargeOpacity 0.2s forwards;
    animation-delay: 0.7s;
}

.phase .year-line{
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    padding-left: 30px;
}

.phase.active:not(.first) .year-holder:before{
    content: "";
    position: absolute;
    left: -5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #747474;
    top: 39px;
    opacity: 0;
    animation: enlargeOpacity 0.2s forwards;
    animation-delay: 0.4s;
}

.phase.active:not(.first)  .year-line:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 1px;
    background-color: #747474;
    left: 0px;
    top: -44px;
    animation: enlargeHeight 0.4s forwards;

}

@keyframes enlargeHeight {
    from {
        height: 1px;
    }
    to {
        height: 300px;
    }
}

@keyframes enlargeOpacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.phase.first  .year-line:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 240px;
    background-color: #747474;
    left: 0px;
    top: 16px;
}



.phase:nth-of-type(even) .year-line:before{
    top: -222px!important;
}


.phase:nth-of-type(odd) .year-holder{
    top:50%;
    margin-top: -60px;
}


.phase:nth-of-type(odd) .image-holder{
    top:50%;
    margin-top: 80px;
}

.phase:nth-of-type(odd) .title-holder{
    top: 50%;
    margin-top: 180px;
}

.phase:nth-of-type(odd) .year-line{
    top: 50%;
    margin-top: 30px;
    color: #fff;
    background-color: #2ED3B1;
}

.phase:nth-of-type(even) .year-holder{
    top:50%;
    margin-top: 60px;
}




.phase:nth-of-type(even) .image-holder{
    top:50%;
    margin-top: -150px;
}

.phase:nth-of-type(even) .title-holder{
    top: 50%;
    margin-top: -215px;

}

.phase:nth-of-type(even) .year-line{
    top: 50%;
    margin-top: 30px;
    background-color: #C4C7C6;
    color: #fff;
}

.navigation-holder{
    position: absolute;
    top: 322px;
    width: 100%;
    z-index: 3;
}
.navigation-holder-inner{
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: 3;
}

.navigation-holder .driver{
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #2ED3B1;
    line-height: 50px;
    text-align: center;
}

.navigation-holder-inner .driver{
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #2ED3B1;
    line-height: 36px;
    text-align: center;
}

 .navigation-holder .driver.left{
    left:-20px;
}

.navigation-holder-inner .driver.left{
    left:-36px;
}

 .navigation-holder .driver.right{
    right:-20px;
}

.navigation-holder-inner .driver.right{
    right:-36px;
}

.q-header{
  display: block;
  width: 100%;
  height: 225px;
  clear: both;
  background: url(/images/banner_questions.jpg) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
}
.a-header{
  display: block;
  width: 100%;
  height: 225px;
  clear: both;
  background: url(/images/order_an_auction_top.jpg) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
}


.q-header.fr {
    background: url(/images/banner_questions_fr.jpg) no-repeat center;
    background-size: cover;
}


.modal.modal-otherQuestions .modal__wrapper{
    max-width: 760px;
    height: 760px;
    padding: 0px!important;
}
.modal.modal-auctionOrder .modal__wrapper{
    max-width: 690px;
    height: 660px;
    padding: 0px!important;
}


.modal.v-video .modal__wrapper{
    max-width: 860px;
    height: 480px;
    padding: 0px!important;
    background-color: transparent;
}


.modal.modal-otherQuestions .middle-block-bigger{
    width: 760px!important;
}

.padding-top-115{
    padding-top: 135px;
}

.margin-top--8{
    margin-top: -8px;
}


.z-index-top{
    z-index: 55555;
}

.marg-b-40{
    margin-bottom: 40px!important;
}

.padding-sides-75{
    margin-left: 75px!important;
    margin-right: 75px!important;
}

.green-line-fat{
    display: block;
    position: relative;
    width: 100%;
    background-color: #2ED3B1;
    height: 30px;
}

#platforms-slide .owl-item:after{
    content: "";
    position: absolute;
    right: -6px;
    width: 2px;
    height: 22px;
    background-color: #bbb;
    display: block;
    top: 4px;
}


.margin-top-180{
    margin-top: 180px;
}


.danila-block{
    display: inline-block;
    float: left;
    margin-right: 40px;
}

.text-darkred{
    color: #D30000;
}

.sing-news{
    height: 106px;
    background: #EDEDED;
    padding-top:30px;
    color:#2ED3B1;
}

.sing-news span{
    font-size:18pt;
    color: #35353b;
    line-height:19px;
}
.sing-news .form-control{
    min-height: 50px;
}


.admin_holder {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9998;
    margin: 0px !important;
    min-width: 10px !important;
    text-align: left;
}

.admin_holder.admin-blue-back{
    box-shadow: 0px 0px 12px #003554;
    background: #003554;
    border-radius: 6px;
    padding: 20px;
    max-width:600px;
}
.adminka{
    overflow: hidden;
}
.admin_holder .adminka_row{
    text-align: left;
}

.admin_holder div {
    margin: 0px !important;

}

.admin_action {
    display: block;
    float: left;
    cursor: pointer;
    min-width: 20px !important;
    margin: 0px !important;
}

.admin_action img {
    width: 25px;
    opacity: 0.5;
}

.admin_action img:hover {
    opacity: 0.9;
}



.admin_holder .admin_close {
    position: absolute;
    width:20px;
    height:20px;
    display: block;
    background: url("/images/close-btn.png") no-repeat center;
    background-size: 100% auto;
    right: 7px;
    top: 7px;
    cursor: pointer;
    z-index: 3;
    opacity:0.85;
}

.adminka label{
    width: 100%;
    display: block;
    clear: both;
    margin-top: 30px;
}

.adminka #image{
    width: auto!important;
}

.margin-top-0-desktop{
    margin-top: 0px!important;
}

.qu-success{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    z-index: 500;
    padding-top: 95px;
}

/*.btn-play-video{*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    background: url('/images/play-button.png') no-repeat center;*/
/*    background-size: 100% auto;*/
/*    display: inline-block;*/
/*    cursor: pointer;*/
/*}*/

.margin-left-48{
    margin-left: 48px;
}

.plan-caller{
    line-height: 55px;
    border: 1px solid #ececee;
    text-align: center;
    transition: .33s all ease;
    transform: translate3d(0,0px,0) scaleX(1.03);
    font-size: 28px;
    color: #2ED3AE;
}

.plan-caller.active, .plan-caller:hover{
    color: #fff;
    background-color: #2ED3AE;
}

.padding-top-235{
    padding-top: 235px;
}

.goTop {
    animation: floatUp 0.3s forwards;
}

.goDown {
    animation: floatDown 0.3s forwards;
}


.goTransparent {
    animation: goTransparent 0.3s forwards;
}

.absolute-left-down{
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 50;
}

.absolute-right-down{
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 50;
}

.btn-videos-inner:hover{
    color: #2ED3AE;
}

@keyframes heartbeat {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.heartbeat {
    animation: heartbeat 0.3s ease-in-out;
}

.bw-image {
    filter: grayscale(100%);
}

.btn-videos-inner{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #2ED3AE;
    text-align: center;
}

.btn-videos-inner-smaller{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #2ED3AE;
    text-align: center;
    float: left;
    cursor: pointer;
}

.btn-videos-inner-smaller i{
    position: absolute;
    top: 6px;
    left: 10px;
}
.btn-videos-inner i{
    padding-left: 7px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.btn-pause-video-inner i{
    padding-left: 3px;
    font-size: 28px;
    top: 11px;
}
.btn-mute-video-inner i{
    padding-left: 3px;
    position: absolute;
    left: 6px;
    top: 8px;
    font-size: 34px;
}

.btn-add i, .btn-rem i{
    font-size: 17px !important;
    line-height: inherit;
    color: inherit;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 5px;
}


.video-fade {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.video-visible {
    opacity: 1;
}

.btn.btn-red{
    color: #FFF;
    background-color: #E31E24;
    border-color: #E31E24;
}

.btn.btn-red:hover{
    color: #FFF;
    background-color: #E31E24;
    border-color: #E31E24;
}

.btn.notactive{
    color: #b6b6b6;
    background-color: #EBEBEB;
    border-color: #b6b6b6;
}

.btn.notactive{
    color: #b6b6b6;
    background-color: #EBEBEB;
    border-color: #b6b6b6;
}


#puzzle .container {
    position: relative;
    height: 400px;
    overflow: hidden;
}

#puzzle{
    position: relative;
    display: block;
    overflow: hidden;
}

#puzzle .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/g_puzzle_3.png') no-repeat center center;
    background-size: cover;
    z-index: 1;
}

#puzzle .middle-image {
    position: absolute;
    left: -20vh;
    top: -20.6%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
}

#puzzle .foreground-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/g_puzzle_2_2.png') no-repeat center center;
    background-size: cover;
    z-index: 3;
}

.button-order{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.paid{
    position: absolute;
    top: 200px;
    right: 40px;
    z-index: 50000;
}

.info-icon {
    /*display: block;*/
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #2ED3AE;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    right: 0px;
    top: -5px;
    display: none;
}

.info-icon::after {
    content: 'i'; /* Display letter 'i' */

    transform: translate(-50%, -50%); /* Center the letter */
    font-weight: bold;
}