a{
text-decoration:none;
}
table {
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
strong{
font-weight: bold;
}
ol,ul {
list-style: none;
margin:0;
padding:0;
}
caption,th {
text-align: left;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0;
}
@font-face {
font-family: 'Gotham Pro';
src: local('GothamPro-Bold'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Bold.woff2) format('woff2'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Bold.woff) format('woff'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gotham Pro';
src: local('GothamPro-Medium'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Medium.woff2) format('woff2'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Medium.woff) format('woff'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gotham Pro';
src: local('GothamPro-Light'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Light.woff2) format('woff2'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Light.woff) format('woff'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/GothamPro-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/Gilroy-ExtraBold.woff2) format('woff2'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/Gilroy-ExtraBold.woff) format('woff'),
url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/fonts/Gilroy-ExtraBold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'iconfont';
font-display: auto;
src: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/iconfont/fonts/iconfont.ttf?otccrj) format("truetype"), url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/iconfont/fonts/iconfont.woff?otccrj) format("woff"), url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/iconfont/fonts/iconfont.svg?otccrj#iconfont) format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'iconfont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
body {
color: #000;
font-family: 'Gotham Pro', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 17px;
margin:0;
padding:0;
}
body.noscroll,body.home {
height: 100%;
width: 100%;
position: fixed;
overflow: hidden;}
h1, h2, h3, h4, h5, h6, .entry-title {
font-family: 'Gilroy', Arial, Helvetica, sans-serif;
font-weight: 800;
color: #000;
text-transform: uppercase;
margin:0;
}
h3 {
margin: 30px 0;
}
a {color:#000; transition: all 0.5s ease 0s; text-decoration: none;}
a:visited {color:#000;text-decoration: none; background:transparent;}
a:hover,a:focus {color:#606060; background:transparent; }
a:active, a:focus { outline: none; background:transparent; }
blockquote {
margin-bottom: 30px;
font-size: 1.1em;
font-style: italic;
}
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
.button:after,.button:before,.blocks:after,.blocks:before,.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.pull-right{float:right}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.pull-left{float:left}.textcenter{text-align:center}.blocks{position:relative;display:table;width:100%}.fullscreen{height:100vh}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:480px){.container{width:100%}}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (max-width:767px){.container{padding-left:15px;padding-right:15px}.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.hidden-lg{display:none!important}}
*, ::before, ::after {
box-sizing: border-box;
}
.clearfix::after {
content: '';
display: block;
clear: both;
}
.alignleft, .alignright  {margin-bottom:10px;}
.aligncenter {
display: block;
margin: 0 auto !important;
}
.text-center  {text-align:center;}
.text-right  {text-align:right;}
.text-left {text-align:left;}
.np {padding:0 !important;}
.nm {margin:0 !important;}
.lstn {list-style:none;}
.rltv {position:relative;}
.abslt {position:absolute;}
.stoh {height:100%;}
.block {width:100%; display:block;}
.fxd {position:fixed;}
img {max-width:100%; height:auto;}
.row-flex,.alm-reveal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rowflex  {
height: 100%;
} .btn,.button, .button:visited, .nav-previous > a, .nav-next > a, button, input[type="button"], input[type="reset"], input[type="submit"],.simplefilter li a {
position: relative;
display: inline-block;
padding: 1px 12px;
border: 0;
cursor: pointer;
font-size: 1.75vw;
border-radius: 0;
font-weight: 800;
margin: 0 auto;
text-align: center;
color: #fff !important;
text-decoration: none !important;
background: linear-gradient(45deg, #00d6d0 33%, #24e0ca 66%, #4aebc4);
}
.btn:hover,.button:hover, .nav-previous > a:hover, .nav-next > a:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,.simplefilter a:hover,.simplefilter li.active a {
color: #fff !important;
text-decoration: none;
border-color: transparent;
display: inline-block;
background: linear-gradient(45deg, #ff0178 33%, #ff323a 66%, #fe6a00);
}
.inverse {background:#f7e13c; color:#fff;}
.inverse p, .inverse a, .inverse span, .inverse b, .inverse ul li,.inverse .entry-title {color:#fff;}
.button.inverse,.inverse button,  button.inverse {border: solid 1px #fff;background:transparent; color:#fff;}
.button.inverse:hover, .inverse button:hover, button.inverse:hover {background:#fff; border: solid 1px #fff; color:#f7e13c;}
button:active, button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0 !important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
color: #000;
border-top: 0;
padding: 5px 10px;
width: 100%;
background: transparent;
border-radius: 0;
margin-bottom: 5px;
border-bottom: 2px solid #000;
border-left: 0;
border-right: 0;
}
input[type="submit"] {cursor:pointer;}
button.cancel {
background:transparent;
}
button.cancel:hover {
background:#e2e2e2;
color:#000;
border-color:#000;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
color: #000;
}
select {
margin: 0 0 15px;
width: 100%;
padding: 5px 35px 5px 10px;
font-size: 16px;
border: 1px solid #fff; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/images/carret-down.png) 95% 15px no-repeat transparent;
border-radius: 40px;
color: #fff;
height: 40px;
} select::-ms-expand { 
display: none; } @media screen and (min-width:0\0) {
select {
background:none\9;
}
} .logo {
font-size: 1.4vw;
top: 6.1vh;
left: 1.7vw;
z-index: 1000;
}
.logo img {
width: 9.8vw;
margin-bottom: 1.1vh;
}
.switch_lang {
bottom: 2vh;
right: 2vw;
z-index: 10;
}
#qtranslate-chooser li {
position: absolute;
}
#qtranslate-chooser li a {
font-size: 1.6vw;
}
#qtranslate-chooser li.active a, #qtranslate-chooser li a:hover,.main-navigation a:hover {background: linear-gradient(45deg, #ff0178 33%, #ff323a 66%, #fe6a00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
#qtranslate-chooser {
position: relative;
width: 4.6vw;
height: 10vh;
}
#qtranslate-chooser li:first-child {
bottom: 0;
right: 0;
}
#qtranslate-chooser li:nth-child(2) {
bottom: 3.7vh;
right: 0;
}
#qtranslate-chooser li:last-child {
bottom: 0;
} .contact-form {
background: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/images/modal_bg.svg) no-repeat 0 100%;
z-index: 100;
bottom: 0;
left: 0;
font-size: 20px;
height: 100px;
width: 160px;
text-align:center;
}
.contact-form a {
color: #fff;
padding-top: 5vh;
display: block;
}
.rotate90 {
transform: rotate(-0deg);
left: inherit;
bottom: inherit;
line-height: inherit;
position: relative;
display: inline-block;
width: 100px;
}
.redo {
}
.abslt.lastspan {
position: relative;
}
.social {
top: 9vh;
z-index: 100;
bottom: 8vh;
right: -6vw;
width: 20vw;
}
.home .social { right: 5vw; }
.home #arrow {display:block !important;} 
.social .textwidget {
position: absolute;
transform: rotate(90deg);
right: 0;
bottom: 19.3vh;
}
.social .textwidget a {
font-size: 1.8vw;
margin-left: 3vh;
}
#arrow {
background: transparent !important;
} .main-navigation {
position: fixed;
padding-top: 5vh;
right: 0;
text-align: center;
overflow: hidden;
z-index: 100;
width: 7vw;
background: #fff;
}
.main-navigation.toggled {z-index: 999; width:100%;}
.main-navigation a {
padding: 2vh 4px;
font-weight: 400;
color: #000;
position: relative;
font-size: 4vh;
margin-left: 1.05vw;
margin-right: 1.05vw;
}
.main-navigation .current_page_item ul ul a, .main-navigation .current-menu-ancestor ul ul a {
background: transparent;
}
.main-navigation li {
display: inline-block;
float: none;
margin: 0;
height: 8vh;
line-height: 7vh;
}
.icon-bar {
display: block;
width: 3vw;
height: 0.5vh;
border-radius: 0;
background: #000;
margin: 0.3vh;
transition: all 0.5s ease 0s;
}
.icon-bar {
display: block;
width: 3vw;
height: 0.7vh;
border-radius: 0;
background: #000;
margin: 0.5vh;
transition: all 0.5s ease 0s;
}
.main-navigation .icon-bar:nth-child(2) {
width: 2vw;
margin-right: 1vw;
}
.main-navigation .menu-toggle:hover .icon-bar:nth-child(2) {
width: 3vw;
margin-right: 0.5vh;
}
.main-navigation .menu-toggle {
background: transparent;
border: 0;
padding: 0;
width: 6vw;
height: 5vh;
cursor: pointer;
position: absolute;
right: 0;
left: inherit;
z-index: 100;
}
.main-navigation .menu-toggle:hover {
background: transparent;
border: 0;
}
.main-navigation.toggled .menu-toggle .icon-bar:nth-child(2){display:none;}
.main-navigation.toggled .menu-toggle .icon-bar:first-child {
transform: rotate(45deg);
width: 4.5vh;
position: absolute;
}
.main-navigation.toggled .menu-toggle .icon-bar:last-child {
transform: rotate(-45deg);
width: 4.5vh;
position: absolute;
}
.main-navigation #menu {background:#fff; opacity:0; overflow:hidden; visibility:hidden; transform:translateX(100%); transition:all 0.5s ease;}
.main-navigation.toggled #menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
margin-left: 18vw;
} .wrapper {
overflow:hidden;
margin:0;
padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.pp-section {
height: 100%;
position: absolute;
width: 100%;
background: #fff;
backface-visibility: hidden;
max-height: 99vh;
min-height: 99vh;
}
.pp-tableCell {
margin-left: 21.1vw;
margin-right: 11.2vw;
}
.pp-easing {
-webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
-moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
-o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
-moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
-o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); }
.pp-scrollable{
overflow-y: scroll;
height: 100%;
}
.intro img {
float: right;
} .svg_box {
display: inline-block;
} .service_img {
right: 0;
overflow: hidden;
width:100%;
}
.serviсe_title {
top: 23vh;
left: 0;
z-index: 100;
max-width: 20vw;
}
.serviсe_title li {
margin-bottom: 5vh;
}
.serviсe_title  a {
display: block;
font-size: 2.9vw;
} .advantadges_box {
top: 7vh;
z-index: 10;
width: 28vw;
padding: 0 15px;
}
.advantadges-block {
margin-top: 5vh;
margin-bottom: 5vh;
}
#about .row.row-flex article:nth-child(3),#about .row.row-flex article:last-child {margin-bottom:0;}
.number-box {
font-size: 4.5vw;
text-transform: none;
}
.inner-box p {
font-size: 1.55vw;
text-transform: none;
margin-bottom: 3vh;
}
.descr {
max-width: 8.5vw;
}
#about .row.row-flex article:last-child .descr {
max-width: 20vw;
} .projects {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.projects li {
position: absolute;
display: table;
vertical-align: middle;
width: 8vw;
height: 15vh;
}
.projects li:first-child {
top: 24.5vh;
transform: rotate(-20deg);
right: 27vw;
font-size: 1.1vw;
}
.projects li:nth-child(2) {
right: 14vw;
top: 8vh;
transform: rotate(-8deg);
font-size: 1.2vw;
}
.projects li:nth-child(3) {
right: 12vw;
top: 35.3vh;
transform: rotate(29deg);
font-size: 1.1vw;
}
.projects li:nth-child(4) {
right: 22.4vw;
bottom: 29vh;
transform: rotate(-30deg);
font-size: 1vw;
}
.projects li:nth-child(5) {
right: 11vw;
bottom: 12vh;
transform: rotate(28deg);
font-size: 1.7vw;
}
.projects li a {
color: #fff;
text-transform: none;
display: table-cell;
text-align: center;
vertical-align: middle;
width:100%;
}
.projects li a:hover {
color: #000;
}
.projects_title {
text-align: center;
top: 52%;
left: 8%;
z-index: 40;
}
.projects_title h2 {
font-size: 2.9vw;
} .contacts_box {
top: 45vh;
z-index: 10;
color: #fff;
right: 17%;
text-transform: none;
font-size: 2.7vw;
}
.contacts_box li:first-child {
margin-bottom: 13vh;
}
.contacts_box a,.contacts_box a:hover {
color: #fff !important;
} 
.contacts_title {
top: 11vh;
z-index: 10;
font-size: 2.53vw;
left: 2.2vw;
}
.hand_top {
top: 0px;
transform: translateY(-100%);
right: 0px;
left: 0px;
}
.hand_bottom {
bottom: 0px;
transform: translateY(100%);
left: 0px;
right: 0px;
}
.hand_top,.hand_bottom {
transition: all 0.7s ease;
}
.section.active .hand_top, .section.active  .hand_bottom
{transform: translateY(0);}
#about_svg,#cases_svg {
width: 49vw;
} .overlay {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 200;
transition: .3s all;
}
.modal {
opacity: 0;
visibility: hidden;
width: 100%;
max-width: 500px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 30;
box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2);
padding: 30px;
border-radius: 3px;
background-color: #fff;
transition: 0.3s all;
z-index: 1000;
}
.modal.active,
.overlay.active{
opacity: 1;
visibility: visible;
}
.modal__cross {
width: 15px;
height: 15px;
position: absolute;
top: 20px;
right: 20px;
fill: #444;
cursor: pointer;
} #primary {
position: relative;
margin-bottom: 50px;
}
#main {
line-height: 1.42857143;
}
#main img {
margin: 5px 0 20px 0;
}
#main strong {
color: #00d6d0;
}
#main p span {
font-weight: 300 !important;
}
p .btn {
margin: 30px auto;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
margin-bottom: 30px;
}
.bx-wrapper {
padding-bottom: 30px !important;
}
.t-m-sec {
margin-bottom: 95px;
}
.t-ul__subtitle {
margin: 0 0 25px;
}
.t-ul__posttitle {
margin: 25px 0 0;
}
.c-m-sec5 {
margin-bottom: 70px;
}
.c-m-sec2 {
margin: 50px 0 45px;
}
.c-m-sec5__titlte {
margin: 0 0 25px;
text-align: center;
}
.c-m-sec5-ul__item {
margin: 0 0 10px;
padding: 0;
position: relative;
list-style-type: none;
}
.c-m-sec5-ul__item--ok::before {
content: '\e91e';
font-family: 'iconfont';
color: #00d6d0;
}
.c-m-sec5__icon {
position: absolute;
top: 0;
left: calc(100% + 45px);
font-size: 120px;
color: #00d6d0;
}
.c-m-sec5-ul__item--no::before {
content: '\e91d';
font-family: 'iconfont';
color: #ff0178;
}
.c-m-sec3-box__icon {
margin-bottom: 20px;
font-size: 90px;
color: #00d6d0;
}
.t-m-sec-box__icon {
font-size: 240px;
}
.c-m-sec5-ul {
margin-left: 80px;
}
.c-m-sec5-ul__item::before {
position: absolute;
left: -30px;
}
.c-m-sec5-ul__item--up::before {
content: '\e900';
font-family: 'iconfont';
color: #00d6d0;
}
.c-m-sec5-ul__item::before {
position: absolute;
left: -30px;
}
.c-s-sec1__title {
margin: 0 0 50px;
}
.c-m-sec4 {
margin: 95px 0 115px;
}
.c-s-sec2__title {
margin-bottom: 40px;
}
.c-s-sec2__text__title {
display: block;
margin: 10px 0;
font-weight: bold;
}
.i-colored {
color: #00d6d0;
}
.s-box__link {
font-size: 16px;
color: #ff0178;
transition-duration: 0.3s;
text-decoration: underline;
cursor:pointer;
}
.c-s-sec2__icon {
position: absolute;
top: 0;
left: calc(100% + 80px);
font-size: 145px;
color: #00d6d0;
}
.entry-content ul, .entry-content ol {
padding: 0em 0 0em 3em;
list-style: disc;
font-weight: 300 !important;
}
.entry-content ul li, .entry-content ol li {
font-weight: 300 !important;
}
.entry-content ol {
list-style: decimal;
}
.entry-content a {color:#00d6d0; text-decoration:underline;}
.entry-content a:hover{color:#ff0178; text-decoration:none;}
.post-nav {
margin-top: 5.1vh;
text-align: right;
}
.post-nav a {
display: inline-block;
padding: 0 10px;
color: #ff0178;
font-size: 23px;
}
.span--colored {
color: #ff0178;
}
a.ajax-post:focus {background:transparent !important;}
.post-titlt {
max-width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
line-height: 14px;
}
.post-nav a:hover,.span--colored:hover,.s-box__link:hover {
color: #00d6d0;
background: transparent;
}
.popup {
background-color: #fff;
margin: 0;
padding: 0;
opacity: 0;
top: 0;
z-index: 500;
left: 0;
right: 0;
position: relative;
visibility: hidden;
transition: all 1.5s ease;
transform: translateX(-100%) translateY(-100%) scale(0);
}
.popup.supernova.animated.fadeInDown {
opacity: 1;
visibility: visible;
transform: translateX(0) translateY(0) scale(1);
}
.scrollup {
position: fixed;
bottom: 2.4vh;
right: 8vw;
}
.blog_filter_main .simplefilter {
position: absolute;
top: 0.5vh;
margin: 0;
left: 0;
width: 100%;
right: 0;
text-align: right;
}
.simplefilter li {
background: transparent !important;
padding: 0;
display: inline-block;
}
.simplefilter li a {
padding: 1vh 5px;
font-family: 'Gotham Pro', Arial, Helvetica, sans-serif;
font-size: 1vw;
}
.simplefilter li:hover a, .simplefilter li:active a {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);}
.bf_thumb_box_1.hvr-shadow-radial figure a {
opacity: 1 !important;
display: block;
transform: none;
padding: 0 0.5vw;
cursor:pointer;
}
.bf_thumb_box_1 figure:hover::before, .bf_thumb_box_1 figure::before {
opacity: 0 !important;
display: none;
}
.bf_thumb_box_1.hvr-shadow-radial {
border-color: #000;
background: #fff;
}
.bf_thumb_box_1.hvr-shadow-radial:hover,.bf_thumb_box_1.hvr-shadow-radial:after,.bf_thumb_box_1.hvr-shadow-radial:before {
border-color: transparent;
background: transparent;
}
.icon-fb:before {
content: "\e91f";
color: #4c76be; }
.icon-ok:before {
content: "\e920";
color: #ee8b1e; }
.icon-vk:before {
content: "\e921";
color: #4d75a3; }
.icon-all:before {
content: "\e900";
color: #00d6d0; }
.icon-connect:before {
content: "\e901";
color: #00d6d0; }
.icon-cost:before {
content: "\e902";
color: #00d6d0; }
.icon-exp:before {
content: "\e903";
color: #00d6d0; }
.icon-fast:before {
content: "\e904";
color: #00d6d0; }
.icon-lieder:before {
content: "\e905";
color: #00d6d0; }
.icon-messenger .path1:before {
position: absolute;
content: "\e906";
color: #29abe2; }
.icon-messenger .path2:before {
position: absolute;
content: "\e907";
color: white; }
.icon-prod:before {
content: "\e908";
color: #00d6d0; }
.icon-sale:before {
content: "\e909";
color: #00d6d0; }
.icon-smm-only:before {
content: "\e90a";
color: #00d6d0; }
.icon-strat:before {
content: "\e90b";
color: #00d6d0; }
.icon-team:before {
content: "\e90c";
color: #00d6d0; }
.icon-telegram .path1:before {
position: absolute;
content: "\e90d";
color: #31a8df; }
.icon-telegram .path2:before {
position: absolute;
content: "\e90e";
color: #a9c9dd; }
.icon-telegram .path3:before {
position: absolute;
content: "\e90f";
color: white; }
.icon-telegram .path4:before {
position: absolute;
content: "\e910";
color: #c8daea; }
.icon-time:before {
content: "\e911";
color: #00d6d0; }
.icon-uni:before {
content: "\e912";
color: #00d6d0; }
.icon-viber .path1:before {
position: absolute;
content: "\e913";
color: #6d3e9b; }
.icon-viber .path2:before {
position: absolute;
content: "\e914";
color: #fefefe; }
.icon-viber .path3:before {
position: absolute;
content: "\e915";
color: white; }
.icon-viber .path4:before {
position: absolute;
content: "\e916";
color: white; }
.icon-viber .path5:before {
position: absolute;
content: "\e917";
color: white; }
.icon-viber .path6:before {
position: absolute;
content: "\e918";
color: white; }
.icon-whatsup .path1:before {
position: absolute;
content: "\e919";
color: #3aa542; }
.icon-whatsup .path2:before {
position: absolute;
content: "\e91a";
color: #fefefe; }
.icon-whatsup .path3:before {
position: absolute;
content: "\e91b";
color: #fefefe; }
.icon-whatsup .path4:before {
position: absolute;
content: "\e91c";
color: #fefefe; }
.icon-x:before {
content: "\e91d";
color: #fb4c35; }
.icon-yes:before {
content: "\e91e";
color: #00d6d0; }
.c-box__icon {
margin-bottom: 25px;
font-size: 110px;
} 
.c-connect {
margin-bottom: 55px;
}
.c-connect__title {
margin: 0 0 30px;
}
.c-connect__link {
display: block;
font-size: 18px;
color: #ff0178;
text-decoration: none;
}
.c-lists__title {
margin-bottom: 60px;
}
.entry-content {
margin-bottom: 10vh;
}
.loader {
display: none !important;
}
.simplefilter li .fa {display:none;}
h1.entry-title,  .entry-content h2,h2.archive-title{margin:5vh 0;}
h1.entry-title {
font-size: 2.5vw;
}
.block-box {
padding: 0 15px;
}
.subscribe {
margin-top: 10vh;
} .animated-preloader {
position: fixed;
top: 0;
left: 0;
bottom: 0;
height: 100vh;
z-index: 1000;
width: 100vw;
right: 0;
text-align: center;
background: #fff;
opacity: 0;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.animated-preloader  {
-webkit-animation: animatedPreloader 4s linear;
-ms-animation: animatedPreloader 4s linear;
animation: animatedPreloader 4s linear;
}
@-webkit-keyframes animatedPreloader {
0% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
80% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}
90% { opacity: 0; transform: translateY(0); -webkit-transform: translateY(0); }
100% { opacity: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%);}
}
.animated-words {
width: 30vw;
margin: 45vh auto;
}
.animated-words span {
position: absolute;
opacity: 0;
overflow: hidden;
color: #000;
font-size: 4vw;
-webkit-animation: animateWord 3s linear;
-ms-animation: animateWord 3s linear;
animation: animateWord 3s linear;
font-weight: bold;
width: 30vw;
margin: 0 auto;
display: block;
}
.animated-words span img {width:25vw;}
.animated-words span:nth-child(2) { 
-webkit-animation-delay: 0.7s; 
-ms-animation-delay: 0.7s; 
animation-delay: 0.7s; 
}
.animated-words span:nth-child(3) { 
-webkit-animation-delay: 1.4s; 
-ms-animation-delay: 1.4s; 
animation-delay: 1.4s; 
}
.animated-words span:nth-child(4) { 
-webkit-animation-delay: 2.1s; 
-ms-animation-delay: 2.1s; 
animation-delay: 2.1s; 
}
.animated-words span:nth-child(5) { 
-webkit-animation-delay: 2.8s; 
-ms-animation-delay: 2.8s; 
animation-delay: 2.8s; 
}
@-webkit-keyframes animateWord {
0% { opacity: 0; }
2% { opacity: 0; -webkit-transform: translateY(-2vh); transform: translateY(-2vh);}
5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
20% { opacity: 0; -webkit-transform: translateY(2vh); transform: translateY(2vh);}
80% { opacity: 0; }
100% { opacity: 0; }
} @keyframes swipebutton {
0%, 20%, 60%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
80% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
}
.swipe_box {
top: 0;
bottom: 0;
width: 17vw;
z-index: 10;
background: #fff url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/images/menu_bg.png) no-repeat 100% 0;
background-size: contain;
}
.swipe_box span {
animation: swipebutton 3s infinite alternate;
opacity: 1;
position: absolute;
top: 50%;
margin-left: -20vh;
}
.swipe_box span:hover {animation:none !important;}
.swipe_box span img {width:17vh} .alm-listing .alm-paging-content > li, .alm-listing .alm-reveal > li, .alm-listing > li {
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.alm-listing .alm-paging-content > li img, .alm-listing .alm-reveal > li img, .alm-listing > li img {
position: relative !important;
}
.attachment-post-bg.size-post-bg.wp-post-image {
position: relative !important;
}
.alm-reveal li {
list-style: none;
}
li.cases .news-box {
position: relative;
margin: 0 2vw 10vh 2vw;
}
.news-box img {
margin: 0 !important;
display: block;
}
li.cases .news-box h3 {
position: absolute;
opacity: 0;
color: #fff;
transition: all 0.5s ease;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
top:30%;
left:0;
padding: 0 2vw;
z-index:10;
}
li.cases .news-box:hover h3 {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
li.cases .news-box::after {
background: linear-gradient(45deg, #ff0178 33%, #ff323a 66%, #fe6a00);
width: 0;
height: 100%;
content: "";
opacity: 0;
transition: all 0.3s ease;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index:1;
}
.alm-reveal li.cases:nth-child(2n) .news-box::after {
background: linear-gradient(45deg, #00d6d0 33%, #24e0ca 66%, #4aebc4);
}
li.cases .news-box:hover:after {
width:100%;	
opacity:0.95;}
.blog-list .alm-reveal li {
padding: 15px !important;
margin-bottom: 30px !important;
}	
.blog-list .alm-reveal li .news-box {
border: solid 1px #000;
padding: 5%;
position: relative;
}
.blog-list .alm-reveal li:hover .news-box {	
border-color:transparent;
}
.blog-list h3 {
font-size: 1.4vw;
min-height: 5vw;
margin: 0 !important;
}	
.blog-list .alm-reveal img {
margin: 0 !important;
transition: opacity 0.3s ease;
opacity: 1;
}
.post-wiew {
position: absolute;
bottom: 14%;
width: 100px;
height: 100px;
left: 50%;
margin-left: -50px;
text-align: center;
border-radius: 100%;
background: linear-gradient(45deg, #ff0178 33%, #ff323a 66%, #fe6a00);
display: block;
opacity: 0;
transition: all 0.5s ease;
transform: translateY(100px);
color: #fff;
}
.blog-list .alm-reveal li:hover .post-wiew {	
opacity: 1;
transform: translateY(0);
}
.blog-list .alm-reveal li:hover img {	
opacity: 0;
}
.post-meta .post-meta-key {
display: none;
}	
.post-meta {
padding: 50px 0 0;
font-weight: bold;
display: block;
background: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/assets/img/eye.png) no-repeat;
background-position: 50% 49%;
margin: 0;
}
.blog-list .alm-reveal ul.post-meta li {
margin: 0 !important;
padding: 0 !important;
}	
.post_like {
margin-top: 50px;
}
.post_like a {
padding-left: 60px;
height: 50px;
display: inline-block;
line-height: 50px;
background: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/assets/img/like.png) no-repeat;
background-position: 0 0;
}
.pp_like.liked {
background-position: 0 100%;
}
a.pp_like {
text-decoration: none;
box-shadow: none;
}
.lds-facebook {
display: inline-block;
position: relative;
width: 64px;
height: 38px;
display:none;
margin-top: -20px;
}
.lds-facebook div {
display: inline-block;
position: absolute;
left: 6px;
width: 13px;
background: #000;
animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
left: 0px;
animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
left: 22px;
animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
left: 45px;
animation-delay: 0;
}
@keyframes lds-facebook {
0% {
top: 6px;
height: 51px;
}
50%, 100% {
top: 19px;
height: 26px;
}
}
.breadcrumbs a:not(:last-child),.postid-3796 .post_like ,.postid-3847 .post_like,.postid-3809 .post_like,.postid-3806 .post_like,.postid-3800 .post_like,.postid-3803 .post_like{
display: none;
} 
.back {
margin-top: 6vh;
}
.service-box img {
padding-bottom: 10vh;
opacity: 1;
transition: all 0.3s ease;
}
.service-box .entry-content {
position: absolute;
top: 5vh;
background: #fff;
z-index: 10;
opacity: 0;
transition: all 0.5s ease;
transform: translateY(-50%);
margin-bottom: 0;
}
.service-box:hover .entry-content {
opacity: 1;
transform: translateY(0);
}
.service-box:hover img {
opacity: 0;
} .vertical-slider-wrap {
background: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/images/bg-drag.png) repeat-y 0 0; 
position: absolute;
top: 0%;
bottom: 0%;
left: 10%;
width: 2px;
margin-left: -1px;
background: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/images/bg-drag.png) repeat-y 0 0; 
z-index: 1000;
}
.vertical-slider-wrap::before {
bottom: 0;
content: "";
left: -2px;
position: absolute;
right: -2px;
top: 0;
z-index: 13;
}
.vertical-slider-wrap.inactive-0,
.vertical-slider-wrap2.inactive-0 {
z-index: 0;
}
.vertical-slider-wrap.inactive,
.vertical-slider-wrap2.inactive {
z-index: 1;
}
.vertical-slider {
position: absolute;
top: 11%;
bottom: 11%;
left: 0%;
width: 2px;			
}
.vertical-slider .point,
.vertical-slider-wrap2 .point {
position: absolute;
left: 50%;
width: 6px;
height: 6px;
margin: -3px 0 0 -3px;
background: grey;
border-radius: 50%;
display: block;
opacity: 0;
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.vertical-slider-wrap2.hovered .point,
.in-progress .vertical-slider-wrap2 .point {
opacity: 1;
}
.vertical-slider .ui-slider-handle {
cursor: pointer;
display: block;
height: 1px;
left: 0%;    
position: absolute;  
width: 1px;
z-index: 34;
background: red
}
.custom-scroll-bar {
height: 725px;
}
.vertical-slider .ui-slider-handle i,
.custom-scroll-bar .mCSB_dragger_bar i {
background: red;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
display: block; 	
width:90px;
height: 90px; 	
top: 50%;
left: 50%;
margin: -45px 0 0 -45px;
background: #fff url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/images/bg-drag-circle-2.png) no-repeat 50% 50%;	
border-radius: 50%;
}
.custom-scroll-bar .mCSB_dragger_bar b {
background: red;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
display: block; 	
width:90px;
height: 90px; 	
top: 50%;
left: 50%;
margin: -45px 0 0 -45px;
background: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/images/arrows.png) no-repeat 50% 50%;	
z-index: 99999;  
}
.vertical-slider .ui-slider-handle:before,
.custom-scroll-bar .mCSB_dragger_bar:before {
content: "";
position: absolute;		
top: 50%;
left: 50%;	
width: 89px;
height: 89px; 	
top: 50%;
left: 50%;
margin: -44px 0 0 -44px;
border: 5px solid #fff;
z-index: 2;
box-shadow: 0 8px  8px rgba(0,0,0,0.3);
border-radius: 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform .15s;
transition: transform .15s;
will-change: transform;
}
.vertical-slider .ui-slider-handle::after, .custom-scroll-bar .mCSB_dragger_bar::after, .custom-scroll-bar .mCSB_dragger_bar em::before {
content: "";
position: absolute;
width: 83px;
height: 83px;
top: 50%;
left: 50%;
margin: -41px 0 0 -41px;
border: 3px solid #00d6d0;
z-index: 2;
border-radius: 50%;
-webkit-transition: -webkit-transform .15s;
transition: transform .15s;
will-change: transform;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #fff;
}
.mCSB_dragger_bar span {
position: absolute;
font-size: 40px;
left: 50%;
margin-left: -9px;
z-index: 100;
top: 20px;
}
.mCSB_dragger_bar span:last-child {
top: inherit;
bottom: 30px;
}
.mCSB_dragger_bar:hover::after {border: 3px solid #ff0178 !important;}
.custom-scroll-bar .mCSB_dragger_bar em  {
border: none;
z-index: 9999;
margin: -45px 0 0 -40px;
overflow: hidden;
width: 85px;
height: 85px;
border-radius: 0;	
top: auto;
bottom: 26px;
left: 0px;
right: 0;
display: block;
position: absolute;	
border-radius: 50%;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
}
.custom-scroll-bar .mCSB_dragger_bar em:before {
border: none;
z-index: 9999;
margin: 0;
width: auto;
height: auto;
margin: 0;
top: auto;
bottom: 0px;
top: 0;
opacity: 0;
-webkit-transition: opacity .25s;
transition: opacity .25s;
right: 0;
left: 0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);
}
.custom-scroll-bar .mCSB_dragger_bar.overed em:before,
.custom-scroll-bar .mCSB_dragger_bar:hover em:before {
opacity: 1;
}
.vertical-slider .ui-slider-handle.ui-state-hover:after,
.vertical-slider .ui-slider-handle.ui-state-hover:before,
.vertical-slider .ui-slider-handle.ui-state-active:after,
.vertical-slider .ui-slider-handle.ui-state-active:before,
.custom-scroll-bar .mCSB_dragger_bar.overed:after,
.custom-scroll-bar .mCSB_dragger_bar.overed:before,
.custom-scroll-bar .mCSB_dragger_bar.overed em {
-webkit-transform: scale(1.1);
transform:  scale(1.1);
}
.vertical-slider .ui-slider-handle i:before,
.vertical-slider .ui-slider-handle i:after, 
.custom-scroll-bar .mCSB_dragger_bar i:after,
.custom-scroll-bar .mCSB_dragger_bar i:before {
position: absolute;
width:89px;
height: 60px; 	
color: #2c0647;
top: 50%;
left: 50%;
margin: -45px 0 0 -45px;
content: attr(data-text);
text-align: center;
line-height: 13px;
font-size: 11px;
font-style: normal; 
white-space: pre-wrap;
padding: 30px 0 0 1px;
-webkit-transition: opacity .2s;
transition: opacity .2s;
z-index: 99999;
}
.vertical-slider .ui-slider-handle i:after,
.custom-scroll-bar .mCSB_dragger_bar i:after {
opacity: 0;
content: attr(data-hover);
font-size: 20px;
padding-top: 38px;
height: 52px;
}
.vertical-slider .ui-slider-handle.ui-state-active i:before,
.custom-scroll-bar .mCSB_dragger_bar.overed i:before {
opacity: 0;
}
.vertical-slider .ui-slider-handle.ui-state-active i:after,
.custom-scroll-bar .mCSB_dragger_bar.overed i:after {
opacity: 1;
} .vertical-slider-wrap2 {  
position: absolute;
overflow: hidden;
top: 0%;
bottom: 0%;
left: 50%;
width: 2px;
margin-left: -60px;	
z-index: 1000;
opacity: 0;
width: 120px; -webkit-transition: opacity .5s ease .2s;
transition: opacity .5s ease .2s;
}
.navi-active .vertical-slider-wrap2.ready {
opacity: 0;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.vertical-slider-wrap2.ready {
opacity: 1;
}
.vertical-slider-wrap2::before {
bottom: 0;
content: "";
left: 0px;
position: absolute;
right: 0px;
top: 0;
z-index: 13;
}
.vertical-slider2 {
box-sizing: border-box;
overflow: visible;  
position: relative;
width: 120px;
position: absolute; 
top: 4%;
bottom: 4%;
}
.fake-height {
height: 1900px;
}
.custom-scroll-bar .mCSB_scrollTools .mCSB_dragger {
height: 140px;
background: none;
}
body .custom-scroll-bar .mCSB_inside > .mCSB_container {
margin-right: 0;
}
body .custom-scroll-bar .mCSB_scrollTools .mCSB_draggerRail,
body .custom-scroll-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: none!important;
}
body .custom-scroll-bar .mCSB_draggerContainer {
width: 93px;
margin-left: -47px;
}
body .custom-scroll-bar .mCSB_scrollTools {
left: 50%;
margin-left: 0;
opacity: 1!important;
}
body .custom-scroll-bar .mCSB_scrollTools .mCSB_dragger {
z-index: inherit;
}
body .custom-scroll-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
z-index: 999;
}
@media screen and (max-width: 1024px) {
.home .social {
right: 3vw;
}
}
@media screen and (min-width: 769px) {
.logo span {
display: block;
}
}
@media screen and (max-width: 769px) {
.main-navigation {
top: 10vh;
left: 0;
right: inherit;
position: absolute;
}
.icon-bar {
width: 9vw;
height: 1vh;
}
.main-navigation .menu-toggle {
width: 10vw;
height: 5vh;
margin-left: 15px;
z-index: 1000;
left: 0;
right: inherit;
}
.main-navigation a {
font-size: 3vw;
}
#main {
margin-top: 13.5vh;
}
.blog_filter_main .simplefilter {
top: -0.5vh;
padding-right: 5vw;
}
.simplefilter li a {
font-size: 1vh;
}
.category h1.entry-title, article h1.entry-title {
font-size: 18px;
}
.entry-content h2 {font-size:15px;}
.logo {
font-size: 3.4vw;
top: 3vh;
left: 0;
right: 0;
text-align: center;
position: absolute;
}
.home .logo {
position: fixed;
}	
.logo img {
width: 22vw;
margin-bottom: 0.3vh;
}
.switch_lang {
top: inherit;
bottom: 10px;
width: 15vw;
}
#qtranslate-chooser li:first-child {
top: inherit;
right: 0;
bottom: 0;
}
#qtranslate-chooser li:nth-child(2) {
top: 0;
}
#qtranslate-chooser li:last-child {
bottom: 0;
}
#qtranslate-chooser {
position: relative;
width: 100%;
height: 9vh;
}
#qtranslate-chooser li a {
font-size: 4vw;
}
.main-navigation #menu { transform:translateX(-100%); }
.main-navigation.toggled #menu {
transform: translateX(5vw);
margin: 0;
}
.social {
right: inherit;
bottom: inherit;
width: 60vw;
height: 50vh;
left: -55vw;
top: 19vh;
}
.home .social {
left: -55vw;
}
.social .textwidget {
right: -22vw;
top: 23vh;
bottom: inherit;
}
.social .textwidget a {
font-size: 5vw;
margin-left: 3vh;
}
.intro {
margin-top: 13vh;
}
.pp-tableCell {
margin-left: 0;
margin-right: 0;
padding-left: 10vw;
padding-right: 5vw;
}
.advantadges_box {
width: 100%;
}
.serviсe_title, .projects_title, .contacts_title {
top: 0;
max-width: 100%;
left: 7%;
}
.serviсe_title ul {
text-align: center;
width: 100%;
background: #ffff;
}
.serviсe_title li {
display: inline-block;
background: #fff;
margin-bottom: 10px;
margin-right: 3vw;
}
.serviсe_title a,.serviсe_title,.projects_title h2,.contacts_title h2 {
font-size: 4vw;
}
#about .serviсe_title {
left: 8vw;
}
.service_img {
width: 115vw;
margin-left: -32vw;
left: 0;
max-height: 80%;
margin-top: 2vh;
}
.intro img {
float: right;
width: 100%;
}
#about_svg, #cases_svg {
width: 120vw !important;
}
#contacts .service_img {
width: 78vw;
margin-left: 0;
left: inherit;
}
#about .row.row-flex article:nth-child(3), #about .row.row-flex article:last-child {
margin-top: 22vh;
}
.advantadges-block {
width: 43%;
}
#about .row.row-flex article:first-child {
order:2;	
margin-top: 10vh;
}
#about .row.row-flex article:nth-child(2) {
order: 1;
margin-top: 10vh;
}
#about .row.row-flex article:nth-child(3) {
order:4;	
}
#about .row.row-flex article:last-child {
order:3;
}
.descr {
max-width: 20vw;
}
.advantadges_box {
margin-left: 14vw;
top: 0;
color: #fff;
}
.advantadges_box .entry-title {color: #fff;}
.number-box {
font-size: 8vw;
}
.inner-box p {
font-size: 2.4vw;
margin-bottom: 1vh;
}
.contact-form {
background: url(//www.smm-lab.kiev.ua/wp-content/themes/ardeil/images/modal_bg.svg) no-repeat 0 100%;
text-align: center;
bottom: 0;
left: 0;
font-size: 2.3vw;
height: 8vh;
width: 20vw;
}
.rotate90 {
transform: rotate(-0deg);
left: inherit;
bottom: inherit;
line-height: inherit;
position: relative;
display: inline-block;
width: 100px;
}
.redo {
bottom: inherit;
position: relative;
}
.abslt.lastspan {
bottom: inherit;
left: inherit;
position: relative;
}
.contact-form a {
color: #fff;
padding-top: 3vh;
display: block;
}
.redo, .contact-form a:hover span {
background: transparent;
-webkit-background-clip: inherit;
-webkit-text-fill-color: inherit;
}
.redo:hover,.contact-form a:hover span {color:black;}
.projects li {
width: 20vw;
}
.projects li:first-child {
top: 22%;
transform: rotate(-20deg);
right: 61vw;
font-size: 3.5vw;
}
.projects li:nth-child(2) {
right: 29vw;
top: 5.5%;
transform: rotate(-8deg);
font-size: 3.2vw;
}
.projects li:nth-child(3) {
right: 24vw;
top: 33%;
transform: rotate(29deg);
font-size: 2.3vw;
}
.projects li:nth-child(4) {
right: 50vw;
bottom: 27%;
transform: rotate(-30deg);
font-size: 2.5vw;
}
.projects li:nth-child(5) {
right: 22vw;
bottom: 10%;
transform: rotate(28deg);
font-size: 3.9vw;
}
.projects_title .button {
position: fixed;
right: -10vw;
top: 29.5vh;
transform: rotate(90deg);
font-size: 4vw;
}
.hand_top {
overflow: hidden;
width: 146vw;
margin-left: -25vw;
}
.hand_bottom {
overflow: hidden;
width: 146vw;
margin-left: -25vw;
}
.contacts_box {
color: #fff;
text-transform: none;
font-size: 3.8vw;
}
.contacts_box {
top: 40vh;
right: 15%;
font-size: 3.8vw;
}
.contacts_box li:first-child {
margin-bottom: 3vh;
}
.contacts_box {
top: 32vh;
right: 13%;
font-size: 4vw;
}
.blog-list h3 {
font-size: 2vw;
}
.service-box img {
padding-bottom: 5vh;
}
.hand_top {
width: 145vw;
margin-left: -25vw;
}
.back {
margin-top: 0;
}
.hand_bottom {
width: 145vw;
margin-left: -21vw;
}
.animated-words span {
font-size: 6vw;
}
}
@media screen and (max-width: 480px) {
.main-navigation {
top: 8vh;
width: 8vw;
}
h1.entry-title {
font-size: 4vw;
}
.blog-list h3 {
font-size: 3vw;
}
.service-box img {
padding-bottom: 4vh;
}
.service_img {
max-height: 75%;
}
.modal {
max-width: 80%;
}
.advantadges_box {
margin-left: 15vw;
padding:0;
}
.btn, .button, .button:visited, .nav-previous > a, .nav-next > a, button, input[type="button"], input[type="reset"], input[type="submit"],.simplefilter li a {
font-size: 14px;
}
.c-m-sec5__icon.icon-cost {
display: none;
}
.alm-filter-nav.simplefilter {
position: relative;
padding: 0;
width: 100%;
left: 0;
text-align: left;
margin-top: -2vh;
}
.simplefilter li {
margin-bottom: 0.8vh;
}
ul {
margin-left: 0 !important;
}
#about .row.row-flex article:nth-child(3), #about .row.row-flex article:last-child {
margin-top: 12vh;
}
.advantadges-block {
width: 40%;
padding: 0;
}
.social {
left: -51vw;
top: 19vh;
}
.home .social {
left: -50vw;
background: #fff;
}
.contact-form {
width: 23vw;
}
.inner-box p {
font-size: 4vw;
margin-bottom: 1vh;
max-width: 25vw;
line-height: 4vw;
}
.descr {
font-size: 13px;
}
#about .row.row-flex article:last-child .descr {
max-width: 30vw;
}
.hand_top {
width: 180vw;
margin-left: -39vw;
}
.hand_bottom {
width: 180vw;
margin-left: -31vw;
}
}
.alm-btn-wrap{display:block;text-align:center;padding:10px 0 25px;position:relative}.alm-btn-wrap:after{display:table;clear:both;height:0;width:100%;content:''}.alm-btn-wrap .alm-load-more-btn{font-size:15px;font-weight:600;width:auto;height:42px;line-height:42px;background:#ed7070;color:#fff;border:none;border-radius:4px;margin:0 0 4px;padding:0 20px;display:inline-block;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease;text-align:center;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.alm-btn-wrap .alm-load-more-btn.loading,.alm-btn-wrap .alm-load-more-btn:hover{background-color:#e06464;color:#fff;text-decoration:none}.alm-btn-wrap .alm-load-more-btn:active{-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,.1);box-shadow:inset 0 2px 1px rgba(0,0,0,.1);text-decoration:none}.alm-btn-wrap .alm-load-more-btn.loading{cursor:default;outline:0;padding-left:44px}.alm-btn-wrap .alm-load-more-btn.done{cursor:default;opacity:.15;background-color:#ed7070;outline:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.alm-btn-wrap .alm-load-more-btn.done:before,.alm-btn-wrap .alm-load-more-btn:before{background:0 0;width:0}.alm-btn-wrap .alm-load-more-btn.loading:before{background:#fff url(https://www.smm-lab.kiev.ua/wp-content/plugins/ajax-load-more/core/img/ajax-loader.gif) no-repeat center center;width:30px;height:30px;margin:6px;border-radius:3px;display:inline-block;z-index:0;content:'';position:absolute;left:0;top:0;overflow:hidden;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}.alm-masonry{display:block;overflow:hidden;clear:both}.ajax-load-more-wrap.blue .alm-load-more-btn{background-color:#0081bf}.ajax-load-more-wrap.blue .alm-load-more-btn.done,.ajax-load-more-wrap.blue .alm-load-more-btn.loading,.ajax-load-more-wrap.blue .alm-load-more-btn:hover{background-color:#0073aa}.ajax-load-more-wrap.green .alm-load-more-btn{background-color:#6fca68}.ajax-load-more-wrap.green .alm-load-more-btn.done,.ajax-load-more-wrap.green .alm-load-more-btn.loading,.ajax-load-more-wrap.green .alm-load-more-btn:hover{background-color:#64b95e}.ajax-load-more-wrap.red .alm-load-more-btn{background-color:#ca4b4b}.ajax-load-more-wrap.red .alm-load-more-btn.done,.ajax-load-more-wrap.red .alm-load-more-btn.loading,.ajax-load-more-wrap.red .alm-load-more-btn:hover{background-color:#b13b3b}.ajax-load-more-wrap.purple .alm-load-more-btn{background-color:#a86bb9}.ajax-load-more-wrap.purple .alm-load-more-btn.done,.ajax-load-more-wrap.purple .alm-load-more-btn.loading,.ajax-load-more-wrap.purple .alm-load-more-btn:hover{background-color:#9963a8}.ajax-load-more-wrap.grey .alm-load-more-btn{background-color:#888}.ajax-load-more-wrap.grey .alm-load-more-btn.done,.ajax-load-more-wrap.grey .alm-load-more-btn.loading,.ajax-load-more-wrap.grey .alm-load-more-btn:hover{background-color:#777}.ajax-load-more-wrap.white .alm-load-more-btn{background-color:#fff;color:#666;border:1px solid #efefef}.ajax-load-more-wrap.white .alm-load-more-btn.done,.ajax-load-more-wrap.white .alm-load-more-btn.loading,.ajax-load-more-wrap.white .alm-load-more-btn:hover{background-color:#efefef;color:#333}.ajax-load-more-wrap.white .alm-load-more-btn.done{border-color:#fff}.ajax-load-more-wrap.infinite .alm-load-more-btn{width:100%;background-color:transparent!important;background-position:center center;background-repeat:no-repeat;background-image:url(https://www.smm-lab.kiev.ua/wp-content/plugins/ajax-load-more/core/img/spinner.gif);border:none!important;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-box-shadow:none!important;box-shadow:none!important;overflow:hidden;text-indent:-9999px;cursor:default!important;outline:0!important}.ajax-load-more-wrap.infinite .alm-load-more-btn:before{display:none!important}.ajax-load-more-wrap.infinite .alm-load-more-btn:active,.ajax-load-more-wrap.infinite .alm-load-more-btn:focus{outline:0}.ajax-load-more-wrap.infinite .alm-load-more-btn.done{opacity:0}.ajax-load-more-wrap.infinite .alm-load-more-btn.loading{opacity:1}.ajax-load-more-wrap.infinite.skype .alm-load-more-btn{background-image:url(https://www.smm-lab.kiev.ua/wp-content/plugins/ajax-load-more/core/img/spinner-skype.gif)}.ajax-load-more-wrap.infinite.ring .alm-load-more-btn{background-image:url(https://www.smm-lab.kiev.ua/wp-content/plugins/ajax-load-more/core/img/spinner-ring.gif)}.ajax-load-more-wrap.infinite.fading-blocks .alm-load-more-btn{background-image:url(https://www.smm-lab.kiev.ua/wp-content/plugins/ajax-load-more/core/img/loader-fading-blocks.gif)}.ajax-load-more-wrap.infinite.fading-circles .alm-load-more-btn{background-image:url(https://www.smm-lab.kiev.ua/wp-content/plugins/ajax-load-more/core/img/loader-fading-circles.gif)}.ajax-load-more-wrap.infinite.chasing-arrows .alm-load-more-btn{background-image:url(https://www.smm-lab.kiev.ua/wp-content/plugins/ajax-load-more/core/img/spinner-chasing-arrows.gif)}.alm-listing{margin:0;padding:0}.alm-listing .alm-reveal{outline:0}.alm-listing .alm-reveal:after{display:table;clear:both;height:0;width:100%;content:''}.alm-listing .alm-paging-content>li,.alm-listing .alm-reveal>li,.alm-listing>li{background:0 0;margin:0 0 30px;padding:0 0 0 170px;overflow:hidden;position:relative;list-style:none}.alm-listing .alm-paging-content>li.no-img,.alm-listing .alm-reveal>li.no-img,.alm-listing>li.no-img{padding:0}.alm-listing .alm-paging-content>li p,.alm-listing .alm-reveal>li p,.alm-listing>li p{margin:0}.alm-listing .alm-paging-content>li p.entry-meta,.alm-listing .alm-reveal>li p.entry-meta,.alm-listing>li p.entry-meta{margin:0 0 5px;opacity:.75}.alm-listing .alm-paging-content>li h3,.alm-listing .alm-reveal>li h3,.alm-listing>li h3{margin:0 0 10px}.alm-listing .alm-paging-content>li img,.alm-listing .alm-reveal>li img,.alm-listing>li img{position:absolute;left:0;top:0;border-radius:2px}
body.logged-in.admin-bar.customize-support {
margin-top: -32px;
}