.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; } .hamburger--3dx .hamburger-box {
perspective: 80px; }
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg); }
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dx-r .hamburger-box {
perspective: 80px; }
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(-180deg); }
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy .hamburger-box {
perspective: 80px; }
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(-180deg); }
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy-r .hamburger-box {
perspective: 80px; }
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg); }
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none; }
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg); }
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg); } .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s; } .hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s; }
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s; } .hamburger--emphatic {
overflow: hidden; }
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent; }
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r {
overflow: hidden; }
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent; }
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--slider .hamburger-inner {
top: 2px; }
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
top: 20px; }
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg); } .hamburger--slider-r .hamburger-inner {
top: 2px; }
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider-r .hamburger-inner::after {
top: 20px; }
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg); }
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg); } .hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent; }
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg); } .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg); }html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
} html {
line-height: 1;
} ol, ul {
list-style: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
} q, blockquote {
quotes: none;
} q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
} a img {
border: none;
} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
} html, body, div, span, applet, input, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-family: 'Roboto', sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none !important;
} a {
text-decoration: none;
} a:hover {
text-decoration: none;
}
@media screen and (max-width: 1500px) and (min-width: 1150px) { header {
padding-right: 10px;
}
} section .vc_row-fluid {
max-width: 1520px;
margin: 0 auto !important;
} #masthead {
float: left;
width: 100%;
} #mainpage-banner h1 {
position: relative;
} #mainpage-banner h1:after {
width: 253px;
background: #8D2F84;
height: 2px;
content: '';
position: absolute;
left: 0;
bottom: 9px;
} #mainpage-banner p {
line-height: 15px;
font-weight: 300;
margin-bottom: 17px;
} .main-content {
float: left;
width: 100%;
} footer {
float: left;
width: 100%;
background: #232122;
} #advertises h4 {
padding-bottom: 24px;
margin-bottom: 28px;
position: relative;
} #advertises h4:after {
position: absolute;
content: '';
width: 166px;
height: 2px;
background: #8D2F84;
left: 0;
bottom: 0;
} #advertises p {
font-size: 18px;
font-weight: 300;
line-height: 24px;
} .header-container {
max-width: 1520px;
margin: auto;
position: relative;
} .header-container:before {
content: '';
display: table;
} .header-container:after {
clear: both;
content: '';
display: table;
} #advantages {
background-position: bottom !important;
} .menu {
float: right;
}
@media screen and (max-width: 1150px) { .menu {
float: none;
position: absolute;
width: 100%;
top: 101px;
left: -100%;
background: #fff;
z-index: 9;
transition: 0.4s all cubic-bezier(1, -0.04, 0.37, 0.8);
text-align: center;
opacity: 0;
}
} .menu .nav {
float: left;
width: 100%;
} .menu.show {
display: block;
left: 0;
opacity: 1;
padding-bottom: 10px;
padding-top: 10px;
transition: 0.4s all cubic-bezier(1, -0.04, 0.37, 0.8);
} .hamburger {
float: right;
margin: 22px 0;
}
@media screen and (min-width: 1150px) { .hamburger {
display: none;
}
} .logo {
float: left;
} .logo a:not(.dragons-den) {
display: inline-block;
line-height: 101px;
} .logo a img {
vertical-align: middle;
position: relative;
top: 4px;
}
@media screen and (max-width: 420px) {
.logo a img {
max-width: 100%;
}
.logo {
width: 50%;
}
} .menu .nav .menu-item {
float: left;
margin-left: 38px;
position: relative;
}
.menu .nav .menu-item > .sub-menu {
position: absolute;
top: 101px;
z-index: 2;
background: #fff;
left: -20px;
min-width: 160px;
display: none;
border-bottom: 4px solid #8D2F84;
}
.menu .nav .menu-item > .sub-menu > .menu-item {
transition: 0.4s all ease-out;
}
.menu .nav .menu-item > .sub-menu > .menu-item:hover {
background: rgba(0, 0, 0, 0.15);
transition: 0.4s all ease-out;
}
.menu .nav .menu-item:hover > .sub-menu {
display: block;
}
.menu .nav .menu-item > .sub-menu > .menu-item {
margin-left: 0;
width: 100%;
}
.menu .nav .menu-item > .sub-menu > .menu-item a {
padding: 10px 20px;
width: 100%;
}
.menu .nav .menu-item > .sub-menu > .menu-item a {
line-height: 16px;
font-size: 13px;  
}
.inline-img-wrap {
text-align: right;
}
.inline-img-wrap .wpb_single_image {
display: inline-block;
width: 49%;
}
.inline-img-wrap .wpb_single_image img {
width: auto;
} .menu .nav .menu-item:first-child {
margin-left: 0;
}
#cost p {
color: #fff;
}
.text-left {
text-align: left !important;
}
.sub-menu .current_page_item a:after {
content: none !important;
}
.icon-pallete {
float: left;
width: 100%;
margin-bottom: 72px;
}
.blue-box-background {
background-position: bottom -42px center !important;
background-repeat: no-repeat !important;
}
.icon-pallete__icon {
float: left;
width: 24.5%;
text-align: center;
}
.icon-pallete__icon img {
position: relative;
max-width: 100%;
}
.icon-pallete__content {
float: left;
width: 73.5%;
padding-left: 35px;
padding-right: 75px;
padding-top: 17px;
}
.icon-pallete__content__title {
font-size: 24px;
line-height: 28.8px;
color: #000;
margin-bottom: 18px;
padding-bottom: 19px;
position: relative;
font-weight: bold;
}
.icon-pallete__content__title:before {
background: #C6C6C6;
content: '';
width: 82.5px;
left: 0;
position: absolute;
height: 1px;
bottom: 0;
}
.icon-pallete__content__description, .icon-pallete__content__description p {
font-weight: 300;
font-size: 16px;
line-height: 28px;
}
.text-center {
text-align: center;
}
#howmuchearn .vc_figure {
height: 134px;
}
@media screen and (max-width: 1150px) { .menu .nav .menu-item {
float: none;
display: inline-block;
width: 100%;
text-align: center;
margin-left: 0;
}
.menu .nav .menu-item > .sub-menu {
display: block !important;
position: static;
border-bottom: none;
}
}
@keyframes menu {
0% {
width: 0%;
}
100% {
width: 100%;
}
} .menu .nav .menu-item a {
font-size: 16px;
color: #000;
text-transform: uppercase;
padding-top: 2px;
line-height: 99px;
float: left;
position: relative;
}
@media screen and (max-width: 1150px) { .menu .nav .menu-item a {
line-height: 36px;
font-size: 14px;
float: none;
display: inline-block;
}
} .menu .nav .menu-item a:hover:after {
background: #8D2F84;
animation: menu 0.3s linear forwards;
height: 5px;
content: '';
left: 0;
top: 0;
position: absolute;
}
.sub-menu .menu-item a:hover:after {
content: none !important;
} .menu .nav .current_page_item a {
font-weight: bold;
} .menu .nav .current_page_item a:after {
background: #8D2F84;
width: 100%;
height: 5px;
content: '';
left: 0;
top: 0;
position: absolute;
}
.menu .nav .current_page_item .sub-menu a:after {
content: none;
} .footer-inner {
max-width: 1520px;
margin: auto;
padding-top: 39px;
padding-bottom: 21px;
}
@media screen and (max-width: 767px) { .footer-inner {
width: 80%;
}
} .footer-inner:before {
content: '';
display: table;
} .footer-inner:after {
clear: both;
content: '';
display: table;
} .copyright-copy {
font-size: 18px;
font-weight: 300;
color: #fff;
margin-bottom: 13px;
} .sahradyan {
margin-bottom: 24px;
} .footer-social-item {
display: inline-block;
margin-left: 8px;
} .footer-social-item:first-child {
margin-left: 0;
} .footer-col-title {
font-size: 18px;
font-weight: bold;
color: #fff;
position: relative;
padding-bottom: 14px;
margin-bottom: 14px;
} .footer-col-title:after {
position: absolute;
content: '';
background: #8D2F84;
width: 229px;
height: 2px;
left: 0;
bottom: 0;
} .footer-col-subtitle, .footer-col-subtitle a {
font-size: 18px;
font-weight: 300;
color: #fff;
display: block;
line-height: 24px;
} .footer-col-copy {
float: left;
width: 25%;
margin-bottom: 15px;
}
@media screen and (max-width: 1150px) { .footer-col-copy {
width: 50%;
}
}
@media screen and (max-width: 767px) { .footer-col-copy {
width: 100%;
}
} .footer-col-contact {
float: left;
width: 25%;
margin-bottom: 15px;
}
@media screen and (max-width: 1150px) { .footer-col-contact {
width: 50%;
}
}
@media screen and (max-width: 767px) { .footer-col-contact {
width: 100%;
}
} .footer-col-adress {
float: left;
width: 25%;
margin-bottom: 15px;
}
@media screen and (max-width: 1150px) { .footer-col-adress {
width: 50%;
clear: both;
}
}
@media screen and (max-width: 767px) { .footer-col-adress {
width: 100%;
}
} .footer-col-subscribe {
float: left;
width: 25%;
margin-bottom: 15px;
}
@media screen and (max-width: 1150px) { .footer-col-subscribe {
width: 50%;
}
}
@media screen and (max-width: 767px) { .footer-col-subscribe {
width: 100%;
}
} .contact-us {
text-align: center;
float: left;
background: #8D2F84;
padding: 54px 0 52px 0;
width: 100%; background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);
} .contact-us__title {
font-size: 40px;
font-weight: 300;
color: #fff;
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
@media screen and (max-width: 767px) { .contact-us__title {
margin-top: 10px;
font-size: 30px;
margin-bottom: 10px;
margin-right: 0;
}
} .contact-us__submit {
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 767px) { .contact-us__submit {
margin-top: 10px;
margin-bottom: 10px;
}
} .contact-us-button {
display: inline-block;
background-color: transparent;
vertical-align: middle;
text-transform: uppercase;
border: 1px solid #fff;
font-size: 18px;
border-radius: 30px;
color: #fff;
padding: 17px 39px 17px 39px;
} .subscribe-input {
margin-bottom: 20px;
float: left;
width: 100%;
} .subscribe-input span {
display: inline-block;
} .subscribe-input span input {
border: 1px solid #fff;
border-radius: 30px;
padding: 15px 23px;
width: 100%;
color: #fff;
font-size: 18px;
background-color: transparent;
} .subscribe-input span input::placeholder {
color: #fff;
} .subscribe-submit {
float: left;
width: 100%;
} .subscribe-submit input {
color: #fff;
font-size: 18px;
border-radius: 30px;
text-transform: uppercase;
padding: 15px 40px;
border: 0;
background: #8D2F84;
cursor: pointer; background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);
} .subscribe-submit .ajax-loader {
display: none !important;
} .contact_widget {
position: absolute;
right: 0;
z-index: 1;
bottom: calc(-100% + 1px);
background: #8D2F84;
padding: 19px 30px 14px 19px; background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);
} .contact_widget__phone {
position: relative;
margin-bottom: 5px;
} .contact_widget__phone:before {
position: relative;
display: inline-block;
content: '';
height: 28px;
margin-right: 10px;
width: 28px;
vertical-align: middle;
background: transparent url(../../../themes/driven/img/phone-white.svg) center no-repeat;
} .contact_widget__phone a {
font-size: 22px;
color: #fff;
font-weight: 300;
display: inline-block;
vertical-align: middle;
} .contact_widget__email {
position: relative;
} .contact_widget__email:before {
position: relative;
margin-right: 11px;
display: inline-block;
content: '';
height: 34px;
width: 27px;
vertical-align: middle;
background: transparent url(../../../themes/driven/img/email-white.svg) center no-repeat;
} .contact_widget__email a {
font-size: 22px;
color: #fff;
vertical-align: middle;
display: inline-block;
font-weight: 300;
} .advantage_count {
position: relative;
margin-bottom: 69px;
} .advantage_count__round {
width: 159px;
height: 159px;
background: #fff;
border-radius: 50%;
position: absolute;
} .advantage_count__element {
font-size: 109px;
position: relative;
top: 26px;
z-index: 1;
color: #8D2F84;
font-weight: bold;
} .advantage_count ~ div {
position: relative;
padding-left: 5px;
} .vc_tta-panel-body {
width: 80%;
margin: auto;
position: relative;
} .vc_tta-panel-body:before {
left: 0;
content: '' !important;
position: absolute;
bottom: 0;
height: calc(100% - 35px);
width: 1px;
background: #fff;
} .vc_tta-panel-body:after {
right: 0;
content: '' !important;
position: absolute;
bottom: 0;
height: calc(100% - 35px);
width: 1px;
background: #fff;
} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body > :last-child {
border-bottom: 1px solid #fff !important;
padding-bottom: 37px;
text-align: center;
padding-top: 15px;
}
.wpb-js-composer #testi-quote .vc_tta.vc_general .vc_tta-panel-body > :last-child {
padding-bottom: 13px;
} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body > :last-child:before {
left: 0;
content: '' !important;
position: absolute;
bottom: 15px;
height: calc(100% - 51px);
width: 1px;
background: #fff;
} .wpb-js-composer section:not(#testi-quote) .vc_tta.vc_general .vc_tta-panel-body > :last-child:after {
right: 0;
content: '' !important;
position: absolute;
bottom: 15px;
height: calc(100% - 51px);
width: 1px;
background: #fff;
}
#testi-quote .vc_tta-panel-body > :last-child:before, .wpb-js-composer #testi-qoute .vc_tta.vc_general .vc_tta-panel-body > :last-child:after {
content: none !important;
}
#testi-quote p, #testi-quote h4 {
color: #fff;
}
#testi-quote h4 {
padding-bottom: 24px;
margin-bottom: 19px;
position: relative;
}
#testi-quote h4:after {
background: #8D2F84;
height: 1px;
width: 154px;
position: absolute;
bottom: 0;
left: calc(50% - 77px);
content: '';
}
#testi-quote .vc_tta.vc_general .vc_tta-panel-body > :last-child {
border-bottom: none !important;
} .wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
margin-top: 34px;
}
#testi-quote .vc_tta-panel-body {
border: 1px solid #fff;
padding-top: 34px;
padding-left: 15px;
padding-right: 15px;
} .vc_separator.vc_separator_align_center h4 {
padding: 0 30px;
} #testi .vc_tta-tabs {
position: relative;
} #testi .vc_tta-panels {
width: 87%;
margin: auto;
} #testi h4 {
font-size: 40px;
font-weight: 300;
color: #fff;
position: relative;
} #testi h4:before {
content: '';
background: #8D2F84;
width: 59%;
left: 20.5%;
position: absolute;
height: 2px;
bottom: -24px;
} #testi p {
font-size: 18px;
color: #fff;
font-weight: 300;
line-height: 23px;
padding: 0 20px;
} .prevPagination {
width: 46.5px;
height: 93px;
background: transparent url(../../../themes/driven/img/arrow-left.svg) center no-repeat;
position: absolute;
top: calc(50% - 68.5px);
left: 0;
z-index: 1;
cursor: pointer;
transition: 0.2s all ease-out;
transform: scale(1);
} .prevPagination:hover {
transform: scale(1.1);
transition: 0.2s all ease-out;
} .nextPagination {
width: 46.5px;
cursor: pointer;
height: 93px;
background: transparent url(../../../themes/driven/img/arrow-right.svg) center no-repeat;
position: absolute;
top: calc(50% - 68.5px);
right: 0;
z-index: 1;
transition: 0.2s all ease-out;
transform: scale(1);
} .nextPagination:hover {
transform: scale(1.1);
transition: 0.2s all ease-out;
} .vc_btn3.vc_btn3-color-violet, .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat {
background-color: #8D2F84;
} .vc_btn3.vc_btn3-size-lg {
font-size: 18px;
padding: 17px 34px 15px 35px;
text-transform: uppercase;
} div.wpcf7-validation-errors, span.wpcf7-not-valid-tip {
display: none !important;
} .wpcf7-not-valid:not(.wpcf7-captchar) {
border-color: #C76776 !important;
}
#button-click-overlay form .wpcf7-not-valid {
border-width: 3px !important;
transition: 0.2s all ease-out;
border-width: 3px !important;
background: transparent url(../../../themes/driven/img/errorsend.png) no-repeat !important;
background-position: center right 10px !important;
background-size: 25px !important;
} .wpcf7-not-valid:not(.wpcf7-captchar)::placeholder {
color: #C76776 !important;
} .vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger:hover {
background: transparent;
} .vc_pagination-color-grey.vc_pagination-style-flat .vc_pagination-trigger, .vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger {
background: transparent;
position: relative;
} .vc_pagination-color-grey.vc_pagination-style-flat .vc_pagination-trigger:after, .vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger:after {
position: absolute;
width: 11px;
height: 11px;
left: calc(50% - 5.5px);
top: calc(50% - 5.5px);
content: '';
border-radius: 50%; background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);
} .vc_pagination.vc_pagination-style-outline .vc_pagination-trigger {
border: 1px solid #fff;
} .vc_general.vc_pagination .vc_pagination-trigger {
width: 18.8px;
height: 18.8px;
} #youare { background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);
}
#cost { background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);  
}
#cost h4.block-title:after {
background: #fff;
}
#popup-contact-section { background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);    
}
.violet-bg { background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);  
} .youare-start-block {
padding: 38px 0;
}
.media_contact_item__name {
font-size: 18px;
font-weight: bold;
line-height: 32px;
color: #000;
float: left;
width: 100%;
}
.media_contact_item__tel {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #000;
float: left;
width: 100%;
}
.media_contact_item__tel span {
text-decoration: underline;
}
.media_contact_item__email {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #000;
text-decoration: underline;
float: left;
width: 100%;
} .youare__title {
display: inline-block;
vertical-align: middle;
font-size: 60px;
font-weight: 300;
color: #fff;
} .youare__arrow {
background: transparent url(../../../themes/driven/img/arrow-right.svg) center no-repeat;
width: 29px;
height: 58px;
display: inline-block;
vertical-align: middle;
margin-left: 65px;
} #youare p {
font-size: 20px;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
line-height: 24px;
}
.media_download_item {
float: left;
width: 100%;
float: left;
width: 100%;
}
.media_download_item__name {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #000;
font-weight: bold;  
float: left;
width: 100%;
}
.media_download_item__resolution {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #000;  
float: left;
width: 100%;
}
.media_download_item__size {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #000;    
float: left;
width: 100%;
}
.media_download_item__download {
float: left;
margin-top: 8px;
}
.download-link {
background-color: transparent;
border: 1px solid #000;
padding: 10px 20px;
font-weight: bold;
border-radius: 35px;
display: inline-block;
font-size: 14px;
position: relative;
color: #000;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
} .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom, .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
} .vc_btn3.vc_btn3-style-outline, .vc_btn3.vc_btn3-style-outline-custom, .vc_btn3.vc_btn3-style-outline-custom:focus, .vc_btn3.vc_btn3-style-outline-custom:hover, .vc_btn3.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-style-outline:hover {
border-width: 1px;
} .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom, .vc_btn3.vc_btn3-size-md {
padding: 10.5px 17px;
} .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
color: rgba(255, 255, 255, 0.7);
} .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
border-color: rgba(255, 255, 255, 0.7);
} .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
color: #000;
} .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-violet:focus, .vc_btn3.vc_btn3-color-violet:hover { background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);
background-color: #8D2F84;
transition: 1s all linear;
} .main-content ul li:not(.vc_pagination-item) {
font-size: 20px;
font-weight: 300;
color: #000;
line-height: 28px;
padding-left: 38px;
background: transparent url(../../../themes/driven/img/arrow-color.svg) left no-repeat;
background-size: 17.2px 30.4px;
margin-bottom: 27px;
} h4.block-title {
position: relative;
margin-bottom: 28px;
padding-bottom: 25px;
} h4.block-title:after {
position: absolute;
content: '';
width: 82.5px;
height: 2px;
background: #8D2F84;
bottom: 0;
left: 0;
} p {
font-size: 20px;
line-height: 28px;
font-weight: 300;
margin-bottom: 28px;
} .color-black p {
color: #000;
} .color-white p {
color: #fff;
} #landscape {
background-position: bottom !important;
} .vc_sep_pos_align_center {
margin-bottom: 28px;
border-color: #DBDBDB;
} .violet-border { background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776)); background: -webkit-linear-gradient(left, #8D2F84, #C76776); background: -moz-linear-gradient(left, #8D2F84, #C76776); background: -ms-linear-gradient(left, #8D2F84, #C76776); background: -o-linear-gradient(left, #8D2F84, #C76776);
background-color: #8D2F84;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
height: 17px;
max-width: 100% !important;
} .features__item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
text-align: center;
flex-direction: column;
position: relative;
} .features__item:before {
background: #E6EEF4;
width: 1px;
height: 325px;
top: 0;
left: 0px;
content: '';
position: absolute;
display:none;
} .features__item:first-child:before {
content: none;
} .features__item__title {
font-size: 26px;
line-height: 28px;
font-weight: 300;
color: #000;
} .features__item__img img {
max-width: 100%;
} .flexy-container .wpb_wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
} #basic-info {
background-position: bottom !important;
} .section-title {
position: relative;
padding-bottom: 24px;
margin-bottom: 20px;
} .section-title:before {
content: '';
left: calc(50% - 41.5px);
bottom: 0;
position: absolute;
height: 2px;
background: #8D2F84;
width: 83px;
} .vc_toggle_size_lg.vc_toggle_default .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_default .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_round .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_round .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_rounded .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_rounded .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_simple .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_simple .vc_toggle_title .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_square .vc_toggle_content .vc_toggle_icon, .vc_toggle_size_lg.vc_toggle_square .vc_toggle_title .vc_toggle_icon {
left: auto;
right: 0;
} .vc_toggle_size_lg.vc_toggle_default .vc_toggle_icon::before {
height: 24px;
width: 24px;
background: transparent url(../../../themes/driven/img/plus.svg) center no-repeat;
border: none;
top: -12px;
} .vc_toggle_size_lg.vc_toggle_default.vc_toggle_active .vc_toggle_icon::before {
visibility: visible;
background: transparent url(../../../themes/driven/img/minus.svg) center no-repeat;
} .vc_toggle_size_lg.vc_toggle_default .vc_toggle_icon::after {
content: none;
} .vc_toggle_default .vc_toggle_icon {
background-color: transparent;
border: 0;
} .vc_toggle_default h4 {
border-bottom: 1px solid #CBD0D3;
display: block;
transition: 0.2s all ease-out;
padding-bottom: 18px;
} .vc_toggle_active h4 {
border-bottom: 2px solid #8D2F84;
transition: 0.2s all ease-out;
} .vc_toggle {
margin-bottom: 25px;
} .vc_gitem-animated-block .vc_gitem-zone {
height: 335px;
} .vc_toggle {
margin-bottom: 20px;
} .vc_toggle_content p {
margin-bottom: 25px;
} .vc_grid-item:nth-child(odd) {
float: left !important;
width: 50% !important;
padding-left: 0 !important;
padding-right: 65px !important;
clear: both;
border-top: 0.5px solid #EBECED;
} .vc_grid-item:nth-child(even) {
float: right !important;
width: 50% !important;
padding-left: 65px !important;
padding-right: 0 !important;
border-top: 0.5px solid #EBECED;
} .single-post p {
color: #777;
font-weight: 400;
} .more-posts .vc_grid-item {
border-bottom: 1px solid #CBD0D3;
padding-top: 0 !important;
} .more-posts .vc_grid-item .vc_gitem-post-data-source-post_excerpt p {
font-size: 18px;
margin-bottom: 0;
} .more-posts .vc_grid-item .vc_gitem-post-data-source-post_date, .more-posts .vc_grid-item .vc_gitem-post-data {
margin-left: 0;
} .more-posts .vc_grid-item .vc_gitem-zone-mini * {
padding-left: 0;
margin-bottom: 0;
} .more-posts .vc_grid-item .vc_gitem-zone {
background-color: #fff  !important;
} .more-posts .vc_grid-item:nth-child(odd) {
float: left !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
clear: both;
border-top: 0;
} .more-posts .vc_grid-item:nth-child(even) {
float: left !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
clear: both;
border-top: 0;
} .vc_toggle_content {
margin-top: 19px;
} .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
padding-top: 50px;
} #blog-loop {
position: relative;
} #blog-loop:after {
content: '';
background: #EBECED;
left: 50%;
bottom: 150px;
position: absolute;
width: 1px;
height: calc(100% - 200px);
} .vc_separator.vc_sep_color_grey .vc_sep_line {
border-color: #CBD0D3;
} .social__item {
float: left;
width: auto;
margin-bottom: 15px;
margin-right: 15px;
} .social__item__ico {
width: 49.6px;
height: 49.6px;
display: inline-block;
vertical-align: middle;
} .social__item__ico img {
max-width: 100%;
} .social__item__link {
display: none;
margin-left: 10px;
vertical-align: middle;
} .social__item__link a {
font-size: 18px;
line-height: 32px;
color: #000;
font-weight: 400;
text-decoration: underline;
}
.press-inderline {
position: relative;
margin-bottom: 30px;
padding-bottom: 27px;
}
.press-inderline {
font-size: 26px;
line-height: 31.2px;
}
#press-1 p {
font-size: 18px;
}
.press-inderline:before {
position: absolute;
content: '';
width: 82.5px;
height: 2px;
background: #8D2F84;
bottom: 0;
left: 0;
}
.popup_contact_item {
float: left;
cursor: pointer;
}
.popup_contact_item__icon {
width: 71.7px;
float: left;
}
.popup_contact_item__content {
float: left;
padding-left: 24px;
margin-left: 24px;
position: relative;
}
.popup_contact_item__content:before {
content: '';
position: absolute;
width: 1px;
height: 84px;
left: 0;
top: -8px;
background: rgba(255, 255, 255, 0.3);
}
.popup_contact_item__title {
font-size: 24px;
line-height: 28.8px;
font-weight: bold;
color: #fff;
}
.popup_contact_item__link {
font-size: 30px;
line-height: 36px;
color:#fff;
font-weight: 300;
text-decoration: underline;
}
.popup_contact_item__text {
color: #fff;
font-size: 18px;
line-height: 24px;
font-weight: 300;
}
.popup_contact_item__link:hover {
text-decoration: underline;
}
.outline-black-button {
background-color: transparent;
border: 1px solid #000;
padding: 9px 20px;
border-radius: 35px;
display: inline-block;
position: relative;
color: #000;
cursor: pointer;
text-decoration: none;
}
.outline-black-button a {
color: #000;
}
.outline-black-button a:hover {
color: #000;
}
.team-item-content__description {
display: none;
}
.outline-black-button:hover {
text-decoration: none;
} .contact-adress-wrap {
width: 100%;
display: inline-block;
} .contact-adress-wrap a, .contact-adress-wrap span {
font-size: 18px;
line-height: 32px;
color: #000;
font-weight: 400;
display: block;
}
#login {
position: absolute;
right: -110px;
top: 32px;
}
@media screen and (max-width: 1750px) {
#login {
position: relative;
float: right;
padding: 32px 0 32px 20px;
top: auto;
right: auto;
}
}
@media screen and (max-width: 650px) {
#login {
padding: 32px 0 32px 00px;
}
.icon-pallete__icon, .icon-pallete__content {
width: 100%;
}
} .contact-adress-col-left {
width: 35%;
float: left;
} .contact-adress-col-right {
float: left;
width: 50%;
} textarea {
resize: none;
} .contact-form .input__item input::placeholder, .contact-form select, .contact-form textarea::placeholder {
color: #000;
font-size: 18px;
line-height: 32px;
font-weight: 400;
font-family: 'Roboto';
} .contact-form span {
float: left;
width: 100%;
margin-bottom: 24px;
} .contact-form .input__item input, .contact-form select, .contact-form textarea, input.wpcf7-captchar {
color: #000;
font-size: 18px;
line-height: 32px;
background: #f7f7f7;
border: 1px solid #C4C4C4;
border-radius: 30px;
-webkit-border-radius: 30px;
outline: 0;
width: 100%;
display: inline-block;
padding: 10px 23px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
input.wpcf7-captchar {
border: 1px solid #C4C4C4;
border-right: 0;
border-radius: 30px 0 0 30px;
}
input.wpcf7-captchar::placeholder {
color: #000;
}
.captcha-img {
padding: 12.5px 6px;
display: block;
text-align: center;
float: left;
width: 36%;
position: relative;
border-radius: 0px 30px 30px 0px;
background: #f7f7f7;
border: 1px solid #c4c4c4;
border-left: 0;
}
.captcha-img:before {
content:'';
position: absolute;
left: 0;
top: 10px;
background: #c4c4c4;
width: 1px;
height: calc(100% - 20px);
} .contact-form select {
padding: 15px 20px;
-webkit-border-radius: 30px;
-webkit-appearance: none;
line-height: 22px;
} .contact-form .full {
width: 100%;
} .contact-form .half {
width: 50%;
} .contact-form .half_quat {
width: 75%;
} .contact-form .quarter {
width: 25%;
} .contact-form .input__item {
float: left;
position: relative;
}
@keyframes tooltip {
0% {
opacity: 0;
}
100% {
opacity: 0.7;
visibility: visible;
bottom: calc(100% + 5px);
}
}
.input-tooltip {
position: absolute;
bottom:130%;
text-align: center;
left: 0;
visibility: hidden;
color: #fff;
padding: 8px;
background: #000;
}
option {
color: #000;
}
.contact-form .input__item:hover .input-tooltip  {
animation: tooltip 0.3s forwards ease-out;
} .contact-form .input__item__group {
float: left;
width: 100%;
}
.contact-form .input__item__group .input__item {
padding-left: 23px;
} .contact-form .input__item__group .input__item:first-child {
padding-left: 0;
}
.violet-modal .ult_modal-body {
background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776));
background: -webkit-linear-gradient(left, #8D2F84, #C76776);
background: -moz-linear-gradient(left, #8D2F84, #C76776);
background: -ms-linear-gradient(left, #8D2F84, #C76776);
background: -o-linear-gradient(left, #8D2F84, #C76776);
}
.violet-modal .ult_modal-body .contact-form .input__item input, .violet-modal .ult_modal-body .contact-form select, .violet-modal .ult_modal-body .contact-form textarea, .violet-modal .ult_modal-body input.wpcf7-captchar {
background-color: transparent;
color: #fff !important;
}
.violet-modal *::placeholder {
color: #fff !important;
}
.violet-modal .ult_modal-body {
padding: 85px 40px 65px 40px;
}
.violet-modal .ult_modal-body .input__submit input:not(.wpcf7-captchar) {
color: #000;
font-size: 18px;
border-radius: 30px;
text-transform: uppercase;
padding: 16px 65px;
border: 0;
background: #8D2F84;
vertical-align: middle;
cursor: pointer;
background: #fff;
} .contact-form .ajax-loader {
display: none !important;
} .contact-form .input__submit {
float: right;
clear: both;
}
.dragons-den {
margin-left: 10px;
position: relative;
top: -11px;
text-align: center;
display: inline-block;
}
.dragons-den img {
display: block;
} .contact-form .input__submit span:not(.captcha-1) {
font-size: 18px;
line-height: 32px;
color: #000;
font-weight: 400;
margin-right: 32px;
display: inline-block;
width: auto;
margin-bottom: -0px;
vertical-align: middle;
float: none;
} .contact-form .input__submit input:not(.wpcf7-captchar) {
color: #fff;
font-size: 18px;
border-radius: 30px;
text-transform: uppercase;
padding: 16px 65px;
border: 0;
background: #8D2F84;
vertical-align: middle;
cursor: pointer;
background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776));
background: -webkit-linear-gradient(left, #8D2F84, #C76776);
background: -moz-linear-gradient(left, #8D2F84, #C76776);
background: -ms-linear-gradient(left, #8D2F84, #C76776);
background: -o-linear-gradient(left, #8D2F84, #C76776);
} #theteam .vc_col-sm-5 {
width: 38%;
} #theteam .vc_col-sm-5 .vc_box_circle {
width: 95%;
} .vc_btn3.vc_btn3-size-sm {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
} .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline-custom {
padding: 9px 17px;
} .vc_toggle_title > h4 {
font-size: 20px;
line-height: 28px;
font-weight: bold;
} .vc_toggle_size_lg.vc_toggle_default .vc_toggle_content, .vc_toggle_size_lg.vc_toggle_default .vc_toggle_title {
padding-left: 0;
} .vc_gitem-post-data {
margin-left: 9px;
} .vc_gitem-post-data-source-post_date {
margin-bottom: 0;
margin-top: 17px;
} .vc_gitem-post-data-source-post_excerpt {
margin-top: -6px;
} .vc_gitem-post-data-source-post_excerpt p {
line-height: 32px;
} .vc_gitem-zone-mini .vc_btn3-left {
margin-top: -6px;
padding-left: 8px;
} .vc_gitem-zone-mini .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline, .vc_gitem-zone-mini .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom, .vc_gitem-zone-mini .vc_btn3.vc_btn3-size-md {
padding: 8.5px 21px;
border: 1px solid !important;
} .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
padding-bottom: 17px;
} .vc_pageable-load-more-btn .vc_btn3 {
background: -webkit-gradient(linear, left top, right top, from(#8D2F84), to(#C76776));
background: -webkit-linear-gradient(left, #8D2F84, #C76776);
background: -moz-linear-gradient(left, #8D2F84, #C76776);
background: -ms-linear-gradient(left, #8D2F84, #C76776);
background: -o-linear-gradient(left, #8D2F84, #C76776);
} .vc_grid .vc_pageable-load-more-btn {
margin-top: 46px;
} .contact-form textarea {
padding-bottom: 6px;
} div.wpcf7-mail-sent-ng {
border: 0;
position: relative;
float: left;
background: #c06178;
padding: 10px 15px;
width: 100%;
color: #fff;
}
.view-all-posts a {
padding: 8px 32px !important;
} .return_post_date, .vc_gitem-post-data-source-post_date div {
float: left;
width: 100%;
margin-bottom: 22px;
font-size: 18px;
line-height: 32px;
color: #777;
}
.single-post p {
line-height: 32px;
}
div.wpcf7-mail-sent-ok {
border: 0;
float: left;
width: 100%;
padding: 20px;
color: #fff;
background: #3b9969;
margin: 0;
margin-top: 20px;
}
.captcha-wrap {
float: left;
width: 50%;
}
.submit__submit {
float: right;
width: 50%;
text-align: right;
}
.captcha-wrap input {
display: inline-block;
width: 100%;
}
.contact-form .captcha-1 {
display: inline-block;
width: 58%;
margin-right: 0;
}
.this-includes > .vc_col-sm-4:after {
position: absolute;
content: '';
background: #e0e9f0;
right: 0;
top: 0;
height: 100%;
width: 1px;
}
.this-includes > .vc_col-sm-4:first-child:before {
content: none;
}
.this-includes > .vc_col-sm-4:before {
position: absolute;
content: '';
background: #e0e9f0;
left: -1px;
top: 0;
height: 100%;
width: 1px;
}
.this-includes > .vc_col-sm-4:last-child:after {
content: none;
}
#howmuchearn img {
width: 640px;
max-width: 100%;
}
@media screen and (max-width: 1520px) {
.media_contact_item-section .vc_col-lg-4 {
width: 50%;
}
.include-count {
font-size: 80px !important;
}
.popup_contact_item {
text-align: center;
}
.popup_contact_item__icon {
float: none;
margin: auto;
width: 71.7px !important;
}
.popup_contact_item__content {
width: 100% !important;
padding-left: 0;
margin-left: 0;
}
.popup_contact_item__content:before {
content: none;
}
#popup-contact-section .vc_col-sm-3 {
}
.icon-pallete__content {
padding-right: 35px;
}
.captcha-wrap {
width: 42%;
}
.submit__submit {
width: 58%;
}
.contact-form .input__submit span:not(.captcha-1) {
font-size: 16px;
margin-right: 6px;
}
section .vc_row-fluid {
max-width: 1200px;
}
.header-container {
max-width: 1200px;
}
.footer-inner {
max-width: 1200px
}
.youare__arrow {
margin-left: 15px;
}
.advantage-description {
font-size: 16px !important;
}
.advantage-title {
font-size: 30px !important;
}
p {
font-size: 18px;
}
.main-content ul li:not(.vc_pagination-item) {
font-size: 16px;
}
h4.block-title {
margin-bottom: 16px;
padding-bottom: 20px;
font-size: 32px !important;
}
.copyright-copy, .footer-col-subtitle, .footer-col-subtitle a {
font-size: 16px;
}
.features__item__img img {
width: 140px;
}
.features__item__title {
font-size: 22px;
}
.features__item:before {
left: -71px;
}
}
@media screen and (max-width: 767px) {
.contact_widget {
position: static;
float: left;
width: 100%;
bottom: auto;
}
#popup-contact-section .vc_column_container>.vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
#popup-contact-section {
}
.popup_contact_item {
text-align: left;
float: none;
margin: 30px 0;
display: inline-block;
width: 100%;
text-align: center;
}
#popup-contact-section p {
text-align: center !important;
}
#testi-quote {
padding-left: 0 !important;
}
#testi-quote .vc_column_container>.vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
.contact-form .quarter {
width: 100%;
}
.contact-form .input__item__group .input__item {
padding-left: 0;
}
.contact-form .half_quat {
width: 100%;
}
.input__submit {
width: 100% !important;
}
section {
padding-left: 15px !important;
padding-right: 15px !important;
}
.vc_grid-item:nth-child(odd), .vc_grid-item:nth-child(even) {
float: left !important;
width: 100% !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
#blog-loop:after {
content: none;
}
.vc_gitem-post-data-source-post_title h4 {
font-size: 20px !important;
}
.vc_gitem-post-data-source-post_excerpt p {
font-size: 14px !important;
}
.vc_toggle_title > h4 {
font-size: 16px;
padding-right: 22px;
}
.section-title {
font-size: 30px !important;
}
#content-header h1 {
font-size: 40px !important;
}
#mainpage-banner h2 {
font-size: 40px !important;
line-height: 55px !important;
}
#youare .wpb_column {
margin-bottom: 30px;
}
#advantages .wpb_column {
margin-bottom: 30px;
}
#testi {
padding-left: 0 !important;
padding-right: 0 !important;
}
#testi .vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
#testi .vc_tta-panels {
width: 100% !important;
}
.vc_tta-panel-body {
width: 100% !important;
}
.nextPagination, .prevPagination {
display: none;
}
.vc_separator-has-text span {
display: none;
}
.vc_separator-has-text h4 {
text-align: center;
width: 100%;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body > :last-child:after, .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body > :last-child:before {
content:none !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body > :last-child {
border-bottom: none !important;
}
#mainpage-banner p {
line-height: 30px;
}
.flexy-container .wpb_wrapper {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.features__item {
margin-bottom: 40px;
}
.features__item:before {
content: none;
}
#theteam .vc_col-sm-5 {
width: 100%;
}
#theteam .vc_column-inner {
padding-left: 15px !important;
}
.team-block-first .vc_column-inner {
padding-left: 15px !important;
}
#theteam .wpb_wrapper * {
text-align: center !important;
}
.vc_gitem-animated-block .vc_gitem-zone {
height: 200px !important;
}
.single-post section .vc_column-inner {
padding-left: 15px !important;
padding-right: 15px !important;
}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
margin-right: 0;
}
}
@media screen and (max-width: 600px) {
.dragons-den {
display: none;
}
.captcha-wrap {
width: 100%;
}
.captcha-img {
width: 42%;
}
.submit__submit {
width: 100%;
}
.vc_custom_1502815004379 {
padding-right: 0 !important;
}
}
@media screen and (max-width: 500px) {
.social__item {
text-align: center;
}
}
@media screen and (max-width: 420px) {
.dragons-den {
display: none;
}
}
@media screen and (max-width: 767px) {
.input-tooltip {
display:none !important;
}
}