html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
}
body.he{
font-family: 'Assistant', sans-serif;
}
*::selection{
background: #eee;
}
@media(max-width:980px) {
.webtime-clock{
margin: 10px auto 0;
}
#loader{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url('../img/loader/loader-bg.jpg') no-repeat center;
background-size: cover;
z-index: 9999;
transition: all .1s linear;
display: block;
}
#loader:after{
content: '';
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0, 0.9);
transition: all .1s linear;
}
span#loader-icon{
width: 75px;
height: 71px;
display: block;
background: url('../img/loader/1.png') no-repeat;
position: fixed;
top: 50%;
left: 50%;
margin-top: -35px;
margin-left: -37px;
z-index: 99999;
transition: all .1s linear;
}
span#loader-icon.stage-1{
background: url('../img/loader/2.png') no-repeat;
}
span#loader-icon.stage-2{
background: url('../img/loader/3.png') no-repeat;
}
span#loader-icon.stage-3{
background: url('../img/loader/4.png') no-repeat;
}
span#loader-icon.stage-4{
background: url('../img/loader/5.png') no-repeat;
}
span#loader-icon.stage-5{
background: url('../img/loader/6.png') no-repeat;
}
span#loader-icon.stage-6{
background: url('../img/loader/7.png') no-repeat;
}
span#loader-icon.stage-7{
background: url('../img/loader/8.png') no-repeat;
}
span#loader-icon.stage-8{
background: url('../img/loader/9.png') no-repeat;
}
span#loader-icon.stage-9{
background: url('../img/loader/10.png') no-repeat;
}
span#loader-icon.stage-10{
background: url('../img/loader/11.png') no-repeat;
}
#loader.stage-1:after{
background: rgba(0,0,0, 0.85);
}
#loader.stage-2:after{
background: rgba(0,0,0, 0.80);
}
#loader.stage-3:after{
background: rgba(0,0,0, 0.75);
}
#loader.stage-4:after{
background: rgba(0,0,0, 0.70);
}
#loader.stage-5:after{
background: rgba(0,0,0, 0.65);
}
#loader.stage-6:after{
background: rgba(0,0,0, 0.60);
}
#loader.stage-7:after{
background: rgba(0,0,0, 0.55);
}
#loader.stage-8:after{
background: rgba(0,0,0, 0.50);
}
#loader.stage-9:after{
background: rgba(0,0,0, 0.45);
}
#loader.stage-10:after{
background: rgba(0,0,0, 0.40);
}
}
.wrapper{
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto;
position: relative;
background: #fff;
z-index: 1;
color: #231f20;
font-size: 18px;
overflow: hidden;
}
.he .wrapper{
font-size: 20px;
}
.inner{
width: 1200px;
margin: 0 auto;
}
.nav li{
float: left;
}
/*----------------------------------------------------------*/
/* HEADER */
/*----------------------------------------------------------*/
.header{
padding: 20px 0 20px;
background: #fff;
qoverflow: hidden;
z-index:200;
position: relative;
}
#Stage{
margin-top: 10px;
overflow: visible !important;
}
#Stage_logo2{
left: 0 !important;
top: 0 !important;
width: 300px !important;
height: 80px !important;
}
.he #Stage_logo2{
background: url('../img/logo_he.png') no-repeat !important;
}
#Stage_Ellipse2, #Stage_hours, #Stage_minutes, #Stage_seconds{
left: -40px !important;
top: -32px !important;
}
.header .phone{
float: right;
color: #231f20;
font-size: 27px;
margin-bottom: 15px;
}
.header .nav{
float: right;
padding: 0;
display: block;
}
.header nav{
margin-left: 20px;
width: 100%;
qoverflow: hidden;
}
.header .nav li a{
padding: 0 13px;
font-size: 18px;
color: #231f20;
text-decoration: underline;
}
.header .nav li a:hover, .header .nav li a:focus, .header .nav li.current-menu-item a, .header .nav li.current-post-parent a{
color: #54c5d0;
}
.header .nav li a:hover, .header .nav li a:focus{
background: none;
}
.header .nav li:hover .sub-menu{
display: block;
}
.header .nav .sub-menu{
display: none;
position: absolute;
top: 21px;
left: -10px;
z-index: 100;
padding: 24px 14px 0;
background: #fff;
width: 270px;
}
.he .header .nav .sub-menu{
right: -10px;
left: auto;
}
.header .nav .sub-menu li{
display: block;
float: none;
}
.header .nav .sub-menu li a{
border-bottom: 1px solid #000;
width: 100%;
text-decoration: none;
padding: 10px 10px;
display: block;
}
.header .nav .sub-menu li:last-child a{
border: none;
}
.breadcrumbs{
padding: 30px 0 0;
}
.breadcrumbs a{
color: #55c5d0;
text-decoration: underline;
}
.breadcrumbs a:hover, .breadcrumbs a:focus{
text-decoration: none;
}
.header .phone .nav li a{
padding: 0 0 0 10px;
}
.he .header .phone .nav li a{
padding: 0 10px 0 0;
}
.webtime-clock{
position: relative;
width: 300px;
height: 82px;
margin-top: 10px;
}
#myCanvas{
position: absolute;
top: 8px;
right: 12px;
z-index: 100;
transform: rotate(-10deg);
border-radius: 60%;
overflow: hidden;
}
#logo-img{
position: absolute;
top: 0;
left: 0;
width:100%;
}
#clockMinute{
position: absolute;
top: 11px;
right: 22px;
z-index: 100;
transform: rotate(-10deg);
border-radius: 60%;
overflow: hidden;
}
#clockHour{
position: absolute;
top: 15px;
right: 40px;
z-index: 100;
transform: rotate(-10deg);
border-radius: 60%;
overflow: hidden;
}
/*----------------------------------------------------------*/
/* #portals */
/*----------------------------------------------------------*/
#portals{
background: url('../img/bg/catalog-portals.jpg') no-repeat center;
height: 770px;
}
#portals .owl-item{
display: table;
}
#portals .owl-item div{
display: table-cell;
vertical-align: middle;
height: 770px;
}
#portals .owl-item img{
display: block;
margin: 0 auto;
}
/*----------------------------------------------------------*/
/* #promotion */
/*----------------------------------------------------------*/
#promotion{
padding: 20px 0;
text-align: center;
}
#promotion .promotion-item{
width: 15.5%;
display: inline-block;
margin: 30px 0.4%;
}
#promotion .promotion-item a{
color: #231f20;
text-decoration: underline;
font-size: 18px;
}
#promotion .promotion-item a:hover{
text-decoration: none;
}
#promotion .promotion-item img{
width: 100%;
transition: all .3s linear;
}
#promotion .promotion-item span{
margin: 20px 0 10px;
display: block;
}
#promotion .promotion-item a.moveBubble img{
-webkit-animation: moveBubble 1s;
animation: moveBubble 1s;
}
@-webkit-keyframes moveBubble {
from {top: 700px;}
to {top: 30px;}
}
@keyframes moveBubble{
from {top: 700px;}
to {top: 30px;}
}
#promotion .promotion-text{
text-align: left;
}
#promotion .promotion-text h1{
font-size: 24px;
}
#promotion-video{
display: block;
margin: 30px auto;
width: 800px;
height: 400px;
}
/*----------------------------------------------------------*/
/* #adsence */
/*----------------------------------------------------------*/
#adsence{
overflow: hidden;
padding-bottom: 30px;
}
#catalogSlider {
background: url('../img/bg/catalog-business.jpg') no-repeat top center;
height: 685px;
}
#catalogSlider .owl-item{
display: table;
height: 685px;
}
#catalogSlider .owl-item div{
display: table-cell;
vertical-align: middle;
height: 685px;
}
#catalogSlider .owl-item img{
display: block;
margin: 0 auto;
}
#adsence .col-md-4{
text-align: center;
padding-top: 100px;
}
/*----------------------------------------------------------*/
/* #social */
/*----------------------------------------------------------*/
#social{
overflow: hidden;
padding-bottom: 30px;
}
#socialSlider {
background: url('../img/bg/social-network.jpg') no-repeat top center;
height: 616px;
}
#socialSlider .owl-item{
display: table;
height: 616px;
}
#socialSlider .owl-item div{
display: table-cell;
vertical-align: middle;
height: 616px;
}
#socialSlider .owl-item img{
display: block;
margin: 0 auto;
}
#social .col-md-4{
text-align: center;
padding-top: 100px;
}
.btn-green-more{
display: block;
text-align: right;
font-size: 20px;
color: #54c5d0;
}
.he .btn-green-more{
text-align: left;
}
/*----------------------------------------------------------*/
/* #build */
/*----------------------------------------------------------*/
#build{
padding-bottom: 30px;
overflow: hidden;
}
#buildSlider{
background: url('../img/bg/portfolio-bg.jpg') no-repeat center;
height: 617px;
}
#buildSlider .owl-item{
display: table;
height: 503px;
}
#buildSlider .owl-item div{
display: table-cell;
vertical-align: middle;
height: 503px;
}
#buildSlider .owl-item img{
display: block;
margin: 0 auto;
}
#build .col-md-4{
padding-top: 100px;
text-align: center;
}
#buildSlider .owl-wrapper{
margin-left: -3px;
}
/*----------------------------------------------------------*/
/* #seo */
/*----------------------------------------------------------*/
#seo{
overflow: hidden;
padding-bottom: 30px;
}
#seoSlider{
qbackground: url('../img/bg/seo-bg.jpg') no-repeat center;
height: auto;
}
#seoSlider .owl-item img{
width: 100%;
}
#seo .col-md-4{
text-align: center;
padding-top: 30px;
}
#seo .col-md-4 img:nth-of-type(1){
margin-bottom: 30px;
}
#seo .col-md-8{
qpadding-top: 150px;
}
/*----------------------------------------------------------*/
/* #video */
/*----------------------------------------------------------*/
#video{
overflow: hidden;
padding-bottom: 30px;
}
#videoSlider{
background: url('../img/bg/video-bg.jpg') no-repeat center !important;
height: 571px;
}
#videoSlider .inner{
position: relative;
}
#videoLink{
position: absolute;
top: 50px;
right: 90px;
z-index: 10;
-webkit-animation: moveVideoLink 1s;
animation: moveVideoLink 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
transition: all .3s linear;
}
#videoLink.active{
-webkit-animation: none;
animation: none;
}
@-webkit-keyframes moveVideoLink {
0% {top: 50px;}
50% {top: 70px;}
100%{top: 30px;}
}
@keyframes moveVideoLink{
0% {top: 50px;}
50% {top: 70px;}
100%{top: 30px;}
}
#video .col-md-4{
padding-top: 100px;
}
/*----------------------------------------------------------*/
/* #nagish */
/*----------------------------------------------------------*/
#nagish{
overflow: hidden;
padding-bottom: 30px;
}
#nagishSlider{
background: url('../img/bg/nagishut-bg.jpg') no-repeat top center #fff !important;
height: 699px;
}
#nagish .col-md-4{
padding-top: 70px;
}
/*----------------------------------------------------------*/
/* #clients */
/*----------------------------------------------------------*/
#clients{
background: url('../img/bg/clients-bg.jpg') no-repeat top center;
padding-bottom: 50px;
}
#clientSlider{
height: 712px;
}
#clientSlider .owl-item{
display: table;
height: 712px;
text-align: center;
}
#clientSlider .owl-item div{
display: table-cell;
vertical-align: middle;
height: 712px;
}
#clientSlider .owl-item img{
display: block;
margin: 0 auto;
opacity: 0.4;
transition: all .3s linear;
max-width: 170px;
}
#clientSlider .owl-item.active img{
opacity: 1;
}
#clientSlider .owl-buttons .owl-prev{
left: -135px;
}
#clientSlider .owl-buttons .owl-next{
right: -135px;
}
.he #clientSlider .owl-buttons .owl-prev{
left: auto;
right: -135px;
}
.he #clientSlider .owl-buttons .owl-next{
right: auto;
left: -135px;
}
#clients .review-icon{
display: block;
margin: 20px auto 50px;
}
#clients h2{
font-size: 36px;
color: #231f20;
margin: 0 0 80px;
text-align: center;
}
.reviews{
qdisplay: table;
}
.reviews .owl-item{
overflow: initial;
}
.reviews .review-item{
qwidth: 18%;
qdisplay: table-cell;
margin: 0 0.8%;
vertical-align: top;
color: #000;
}
.review-item .front, .review-item .back{
position: absolute;
top: 0;
left: 0;
height: 214px;
width: 100%;
background: #fff;
backface-visibility: hidden;
transition: 0.8s;
transform-style: preserve-3d;
}
.review-item .front{
transform: rotateY(0deg);
}
.review-item .back{
transform: rotateY(-180deg);
}
.review-item:hover .front{
transform: rotateY(-180deg);
}
.review-item:hover .back{
transform: rotateY(0deg);
}
.reviews .review-item a{
display: block;
margin-bottom: 30px;
width: 214px;
height: 214px;
position: relative;
color: #000;
}
.reviews .review-item blockquote {
border: none;
padding: 0;
font-size: 18px;
margin-bottom: 57px;
display: block;
}
.reviews .review-item h3{
font-size: 24px;
margin: 0;
color: #54c5d0;
}
.review-single img{
float: left;
margin: 0 20px 20px 0;
}
/*----------------------------------------------------------*/
/* #portfolio */
/*----------------------------------------------------------*/
#portfolio{
overflow: hidden;
}
#portfolio h2{
background: #54c5d0;
height: 85px;
line-height: 85px;
color: #fff;
position: relative;
width: 80%;
padding-left: 40%;
margin: 0;
font-size: 30px;
}
#portfolio h2:after{
content: '';
display: block;
width: 114px;
height: 85px;
background: url('../img/title-right.png') no-repeat;
position: absolute;
top: 0;
right: -100px;
}
#portfolioSlider{
qheight: 495px;
}
#portfolioSlider img{
width: 100%;
height: auto;
}
#portfolioSlider .owl-item{
position: relative;
overflow: hidden;
}
#portfolioSlider .owl-item a{
background: #54c5d0;
height: 85px;
line-height: 85px;
color: #fff;
position: absolute;
bottom: 0;
right: 0;
width: 70%;
padding-left: 20%;
margin: 0;
font-size: 30px;
text-decoration: underline;
}
#portfolioSlider .owl-item a:hover{
text-decoration: none;
}
#portfolio a:after{
content: '';
display: block;
width: 114px;
height: 85px;
background: url('../img/title-left.png') no-repeat;
position: absolute;
top: 0;
left: -100px;
}
/*Portfolio page*/
.portfolio{
padding: 30px;
}
.tabs ul{
margin: 0 0 45px;
padding: 0;
text-align: center;
height: 246px;
}
.tabs ul li{
display: block;
float: left;
width: 18%;
margin: 0 0.4%;
cursor: pointer;
width: 214px;
height: 246px;
padding-top: 90px;
color: #fff;
text-decoration: underline;
list-style: none;
transition: all .3s linear;
opacity: 0.5;
}
.tabs ul li.active{
text-decoration: none;
opacity: 1;
}
.tabs ul li:hover{
margin-top: -20px;
opacity: 1;
}
.tabs ul li:nth-of-type(1){
background: url('../img/icons/blue-icon.png') no-repeat;
}
.tabs ul li:nth-of-type(2){
background: url('../img/icons/red-icon.png') no-repeat;
}
.tabs ul li:nth-of-type(3){
background: url('../img/icons/green-icon.png') no-repeat;
}
.tabs ul li:nth-of-type(4){
background: url('../img/icons/yellow-icon.png') no-repeat;
}
.tabs ul li:nth-of-type(5){
background: url('../img/icons/blue-green-icon.png') no-repeat;
}
.tab-panel{
transition: all .3s linear;
}
.tab-panel .owl-item{
text-align: center;
height: auto;
}
.tab-panel .owl-item .slide-text{
color: #231f20;
text-align: left;
width: 600px;
margin: 0 auto 30px;
}
.tab-panel .owl-item .slide-text .title{
color: #54c5d0;
}
.tab-panel .owl-item .slide-text a{
color: #231f20;
text-decoration: underline;
}
.tab-panel .owl-item .slide-text a:hover{
text-decoration: none;
}
/*----------------------------------------------------------*/
/* #contactForm */
/*----------------------------------------------------------*/
#contactForm{
overflow: hidden;
padding: 50px 0;
}
#contactForm .col-md-4, #contactForm .col-md-8{
padding: 0;
}
#contactForm label{
font-weight: normal;
display: block;
font-size: 18px;
}
#contactForm input[type="text"], #contactForm input[type="email"]{
width: 100%;
max-width: 325px;
margin-bottom: 25px;
height: 40px;
line-height: 40px;
padding: 0 15px;
}
#contactForm textarea{
width: 100%;
max-width: 725px;
resize: vertical;
height: 160px;
}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea, #contactForm input[type="checkbox"]{
border: 1px solid #55c5d0;
}
#contactForm p:nth-of-type(1){
margin-top: 30px;
}
#contactForm p label{
display: inline-block;
margin: 0 0 11px 0;
}
input[type="checkbox"] + label span {
display:inline-block;
width:21px;
height:21px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(check_radio_sheet.png) left top no-repeat;
cursor:pointer;
}
span.wpcf7-list-item {
width: 100%;
display: inline-block;
margin: 0 0 13px 0 !important;
font-size: 18px;
}
.he span.wpcf7-list-item{
direction: rtl;
}
.he .jq-checkbox{
margin: -1px 0 0 15px;
}
.he .jq-checkbox.checked .jq-checkbox__div {
margin: -7px 0 0 15px;
}
input[type="checkbox"] {
qdisplay:none;
}
input[type="checkbox"] + label span {
display:inline-block;
width:21px;
height:21px;
margin: -1px 15px 0 0;
vertical-align:middle;
background:url('../img/icons/check.jpg') no-repeat;
cursor:pointer;
transition: all .3s ease-in-out;
}
input[type="checkbox"]:checked + label span {
background:url('../img/icons/check-active.jpg') no-repeat;
}
#contactForm input[type="submit"]{
background: #55c5d0;
font-size: 24px;
color: #fff;
border: none;
padding: 5px 70px 7px;
float: right;
margin: 46px 72px 0 0;
text-decoration: underline;
}
#contactForm input[type="submit"]:hover{
text-decoration: none;
}
.g-recaptcha{
margin-top: 30px;
}
.wpcf7-response-output{
qdisplay: inline-block !important;
}
div.wpcf7-response-output{
/*margin: 0;
width: 300px;
height: 150px;
background: rgba(255,255,255,0.9);
position: fixed;
top: 50%;
left: 50%;
margin-top: -75px !important;
margin-left: -150px !important;
font-weight: bold;
text-align: center;*/
text-align: center;
}
.response-modal{
display: none;
}
.wpcf7-form.invalid .response-modal, .wpcf7-form.spam .response-modal, .wpcf7-form.sent .response-modal{
display: block;
}
.wpcf7-form.invalid .response-modal:before, .wpcf7-form.spam .response-modal:before, .wpcf7-form.sent .response-modal:before{
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
right: 0;
bottom: 0;
z-index: 8888;
}
.response-content{
background: #fff;
position: fixed;
width: 300px;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -150px;
flex-direction: column;
border-radius: 10px;
border: 2px solid #55c5d0;
}
div.wpcf7-mail-sent-ok{
border: none;
}
#close-response{
position: absolute;
top: -15px;
right: -15px;
color: #fff;
background: #55c5d0;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
cursor: pointer;
}
#ok-response{
display: table;
margin: 0 auto;
color: #fff;
padding: 15px 30px;
background: #55c5d0;
transition: all .3s linear;
border: none;
cursor: pointer;
}
.lead__form__block{
margin: 50px 0 0;
}
.video-block-section .lead__form__block{
margin-bottom: 0;
}
.lead__form{
display: flex;
flex-direction: column;
}
.lead__form p{
margin: 0;
}
.lead__form__block h2{
margin-bottom: 30px;
text-align: center;
}
.lead__form__top, .lead__form__bottom{
display: flex;
align-items: center;
justify-content: center;
}
.lead__form__top input[type="text"]{
border: 1px solid #55c5d0;
padding: 10px 15px;
margin: 0 10px 0;
max-width: 300px;
}
.lead__form input[type="submit"] {
display: table;
margin: 25px 15px 0;
color: #fff;
padding: 15px 30px;
background: #55c5d0;
transition: all .3s linear;
border: none;
cursor: pointer;
}
.lead__form input[type="submit"]:hover{
color: #fff;
text-decoration: none;
box-shadow: 0 20px 20px 0 rgba(0,0,0,.15);
-ms-transform: translate(0,-5px);
transform: translate(0,-5px);
}
.lead__form .ajax-loader{
display: none !important
}
/*----------------------------------------------------------*/
/* CONTENT */
/*----------------------------------------------------------*/
.content{
padding: 0;
position: relative;
z-index: 1;
}
/*----------------------------------------------------------*/
/* ABOUT page */
/*----------------------------------------------------------*/
.about{
padding-bottom: 30px;
}
.about-banner{
background: url('../img/bg/about-bg.jpg') no-repeat center;
background-size: cover;
width: 100%;
height: 494px;
position: relative;
}
.icon-move{
display: block;
width: 214px;
height: 246px;
position: absolute;
top: 30px;
left: 50%;
margin-left: -107px;
-webkit-animation: moveBubble 1s infinite; /* Chrome, Safari, Opera */
animation: moveBubble 1s infinite;
transition: all linear 0.8s;
}
.about-banner .icon-move{
background: url('../img/icons/about-icon.png') no-repeat;
}
.icon-move:hover{
-webkit-animation: none; /* Chrome, Safari, Opera */
animation: none;
backface-visibility: hidden;
transform-style: preserve-3d;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes moveBubble {
0% {top: 30px;}
70% {top: 50px;}
100% {top: 30px;}
}
/* Standard syntax */
@keyframes moveBubble{
0% {top: 30px;}
70% {top: 50px;}
100% {top: 30px;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes swingBubble {
0% {top: 30px;}
100% {top: 70px;}
}
/* Standard syntax */
@keyframes swingBubble{
0% {transform: rotateY(60deg);}
100% {transform: rotateY(-60deg);}
}
.company-nav{
height: 65px;
background: #55c5d0;
}
.company-nav ul{
display: flex;
align-items: center;
justify-content: space-between;
}
.company-nav li{
display: block;
float: none;
}
.company-nav li a{
color: #fff;
text-decoration: underline;
line-height: 65px;
padding: 0;
qmargin-right: 100px;
}
.company-nav li:nth-of-type(5) a{
margin-right: 0;
}
.company-nav li a:hover, .company-nav li a:focus, .company-nav li.current-menu-item a{
text-decoration: none;
background: none;
color: #000;
}
.tech-department h2, .marketing-department h2{
text-align: center;
color: #231f20;
font-size: 30px;
margin: 0 0 50px;
}
.tech-department, .marketing-department{
padding-bottom: 30px;
overflow: hidden;
}
.person{
width: 18%;
margin: 0 1% 30px;
float: left;
height: 345px;
position: relative;
}
.tech-department div.person:nth-of-type(3), .tech-department div.person:nth-of-type(4), .marketing-department div.person:nth-of-type(3){
display: none;
}
.person .front, .person .back{
position: absolute;
top: 0;
left: 0;
height: 345px;
width: 100%;
background: #fff;
backface-visibility: hidden;
transition: 0.8s;
transform-style: preserve-3d;
}
.person .front{
transform: rotateY(0deg);
}
.person .back{
transform: rotateY(-180deg);
}
.person .back p{
font-size: 16px;
}
.person:hover .front{
transform: rotateY(-180deg);
}
.person:hover .back{
transform: rotateY(0deg);
}
.person img{
margin-bottom: 15px;
}
.person p{
margin-bottom: 0;
}
.person p.name{
font-size: 21px;
color: #55c5d0;
}
/*----------------------------------------------------------*/
/* Make page */
/*----------------------------------------------------------*/
.make-banner{
/*background: url('../img/bg/make-bg.jpg') no-repeat center;*/
/*background-size: cover;*/
width: 100%;
height: 490px;
position: relative;
overflow: hidden;
}
.make-banner .icon-move{
background: url('../img/icons/make-icon.png') no-repeat;
z-index: 100;
}
.make-sites{
padding-bottom: 30px;
}
.create__big__block{
overflow: hidden;
}
.create__section{
padding: 70px 0;
font-weight: 300;
}
.create__section__gray{
background: #f7f7f7;
}
.create__section__orange{
background: #f57321;
}
.create__section__green{
background: #238e71;
}
.create__section__header{
padding-bottom: 0;
text-align: center;
}
.create__section__header .eco-logo{
display: block;
margin: 0 auto 30px;
}
.create__section__header .eco-slide{
width: 100%;
height: auto;
margin-top: 40px;
}
.create__section__header h2{
font-size: 30px;
font-weight: 300;
color: #242424;
}
.he .create__section__header h2{
font-size: 40px;
}
.create__section__header p{
font-weight: 300;
color: #242424;
}
.create__section_orange__first{
}
.create__section_orange__first h2{
font-size: 60px;
color: #fff;
text-transform: uppercase;
margin: 0 90px 0 0;
}
.he .create__section_orange__first h2{
margin: 0 0 0 90px;
font-size: 100px;
}
.create__section_orange__first p{
color: #fff;
max-width: 400px;
}
.create__section_orange__first img{
margin: -145px auto 55px;
display: block;
}
.flex{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.create__section_orange__first .flex{
justify-content: center;
align-items: center;
}
.create__section__color{
background: url('../img/create/color-bg.jpg') no-repeat right 285px #f7f7f7;
padding: 70px 150px;
color: #262626;
}
.he .create__section__color{
background: url('../img/create/color-bg.jpg') no-repeat left 285px #f7f7f7;
}
.create__section__color h2{
position: relative;
font-size: 30px;
margin: 0 0 145px;
color: #262626;
text-align: center;
text-transform: uppercase;
}
.he .create__section__color h2{
font-size: 40px;
}
.create__section__color h2:after{
content: '';
display: block;
height: 50px;
width: 1px;
position: absolute;
top: 105px;
left: 50%;
background: #262626;
}
.create__section__color ul{
padding: 0;
font-weight: normal;
margin-left: 120px;
}
.he .create__section__color ul{
margin-left: 0;
margin-right: 120px;
}
.create__section__color ul li{
list-style: none;
margin: 0;
line-height: 18px;
}
.create__section__color ul li:first-child{
margin-bottom: 20px;
}
.green-color p, .orange-color p{
font-weight: normal;
margin: 0;
}
.circle-color{
display: block;
width: 104px;
height: 104px;
border: 1px solid #262626;
border-radius: 50%;
position: relative;
margin-right: 28px;
}
.he .circle-color{
margin-left: 28px;
margin-right: 0;
}
.green-color span:after{
background: #228e70;
}
.orange-color span:after{
background: #f57220;
}
.green-color, .orange-color{
display: flex;
align-items: center;
}
.green-color{
margin-right: 50px;
}
.he .green-color{
margin-right: 0;
margin-left: 50px;
}
.circle-color:after{
content: '';
width: 86px;
height: 86px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-left: -43px;
margin-top: -43px;
}
.circle-color:before{
content: '';
width: 105px;
height: 105px;
background: #f7f7f7;
position: absolute;
top: -1px;
right: 17px;
display: block;
}
.he .circle-color:before{
right: auto;
left: 17px;
}
.circle-color i{
display: block;
background: #262626;
height: 1px;
position: absolute;
top: 50%;
right: -13px;
width: 13px;
}
.he .circle-color i{
right: auto;
left: -13px;
}
.create__section__green__first{
color: #fff;
padding: 70px 80px;
height: 2000px;
position: relative;
}
.create__section__green__first h2{
font-size: 30px;
color: #fff;
margin: 0 0 125px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.he .create__section__green__first h2{
font-size: 40px;
}
.create__section__green__first h2:after{
content: '';
display: block;
height: 50px;
width: 1px;
position: absolute;
top: 72px;
left: 50%;
background: #fff;
}
.create__section__title{
text-transform: uppercase;
font-size: 48px;
line-height: 60px;
}
.create__section__green__first .create__section__text{
max-width: 250px;
}
.create__section__green__first .create__section__title{
text-align: right;
}
.he .create__section__green__first .create__section__title{
text-align: left;
}
.scroll-block-laptop-move{
max-width: 1040px;
margin: 0 auto;
}
.scroll-block-laptop-move.active{
position: fixed;
top: 50px;
}
.scroll-block-laptop-move.active-relative{
position: relative;
top: 1050px;
}
.create__section__green__first .scroll-block{
margin-left: -40px;
top: 0;
transition: all .5s linear;
}
.he .create__section__green__first .scroll-block{
margin-left: 0;
margin-right: -40px;
}
.scroll-block{
position: relative;
}
.scroll-block .laptop-viewport img{
position: absolute;
top: 0;
left: 0;
transition: all 1s linear;
}
.laptop-viewport{
width: 705px;
height: 439px;
position: absolute;
overflow: hidden;
top: 38px;
right: 97px;
}
.scroll-block-laptop:after{
content: '';
position: absolute;
top: 4px;
right: 73px;
width: 252px;
height: 421px;
background: url('../img/create/laptop-light.png') no-repeat center;
}
.create__section__gray__first{
background: url('../img/create/second-page-bg.jpg') bottom right #f7f7f7 no-repeat;
}
.he .create__section__gray__first{
background: url('../img/create/second-page-bg-he.jpg') bottom left #f7f7f7 no-repeat;
}
.create__section__gray__first h2{
font-size: 30px;
color: #242424;
margin: 0 0 125px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.he .create__section__gray__first h2{
font-size: 40px;
}
.create__section__gray__first h2:after{
content: '';
display: block;
height: 50px;
width: 1px;
position: absolute;
top: 72px;
left: 50%;
background: #242424;
}
.create__section__gray__first .flex{
justify-content: center;
}
.create__section__gray__first .create__section__text{
width: 255px;
margin-left: 60px;
}
.he .create__section__gray__first .create__section__text{
margin-left: 0;
margin-right: 60px;
}
.desktop-viewport{
width: 705px;
height: 397px;
overflow: hidden;
position: absolute;
top: 29px;
left: 26px;
}
.he .desktop-viewport{
left: auto;
right: 26px;
}
.desktop-viewport img{
position: absolute;
top: 0;
left: 0;
transition: all .5s linear;
}
.create__section__orange__second{
text-align: center;
}
.create__section__orange__second h2{
font-size: 30px;
color: #fff;
margin: 0 0 50px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.he .create__section__orange__second h2{
font-size: 40px;
}
.create__section__orange__second p{
margin: 0 auto 50px;
width: 600px;
text-align: center;
color: #fff;
}
.create__section__orange__second img{
display: block;
margin: 0 auto 35px;
}
.create__section__gray__third{
padding: 70px 0 220px 75px;
background: url(../img/create/gallery-bg.jpg) bottom left no-repeat #f7f7f7;
}
.he .create__section__gray__third{
padding: 70px 75px 220px 0;
background: url(../img/create/gallery-bg-he.jpg) bottom right no-repeat #f7f7f7;
}
.create__section__gray__third h2{
font-size: 30px;
color: #242424;
margin: 0 0 125px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.he .create__section__gray__third h2{
font-size: 40px;
}
.create__section__gray__third h2:after{
content: '';
display: block;
height: 50px;
width: 1px;
position: absolute;
top: 72px;
left: 50%;
background: #242424;
}
.create__section__green__second{
padding: 70px 0 250px;
}
.create__section__green__second .flex{
margin-top: -230px;
justify-content: center;
}
.tablet-viewport{
position: absolute;
top: 24px;
left: 45px;
width: 423px;
height: 317px;
overflow: hidden;
}
.he .tablet-viewport{
left: auto;
right: 45px;
}
.tablet-viewport img{
position: absolute;
top: 0;
left: 0;
}
.create__section__green__second .create__section__text{
width: 300px;
margin-left: 130px;
}
.he .create__section__green__second .create__section__text{
margin-right: 130px;
margin-left: auto;
}
.create__section__green__second .create__section__text h2{
margin: 0 0 60px;
font-size: 36px;
color: #242424;
}
.create__section__green__second .create__section__text p{
color: #fff;
}
.he .create__section__green__second .scroll-block{
margin-right: 130px;
}
.create__section__gray__fourth{
}
.create__section__gray__fourth .flex{
margin-top: -265px;
justify-content: center;
}
.create__section__gray__fourth .create__section__text{
margin-right: 60px;
width: 200px;
text-align: right;
color: #242424;
}
.he .create__section__gray__fourth .create__section__text{
text-align: left;
margin-left: 60px;
margin-right: auto;
}
.create__section__gray__fourth .create__section__text h2:first-child{
color: #fff;
font-size: 36px;
margin: 0 0 30px;
text-align: right;
position: relative;
}
.he .create__section__gray__fourth .create__section__text h2:first-child{
text-align: left;
}
.create__section__gray__fourth .create__section__text h2:first-child:after{
content: '';
display: block;
position: absolute;
top: 77px;
right: -75px;
background: url('../img/create/arrow-right-white.png') no-repeat center;
width: 13px;
height: 25px;
}
.he .create__section__gray__fourth .create__section__text h2:first-child:after{
right: auto;
left: -75px;
background: url('../img/create/arrow-left-white.png') no-repeat center;
}
.create__section__gray__fourth .create__section__text p:nth-child(2){
color: #fff;
margin-bottom: 90px;
}
.he .create__section__gray__fourth .create__section__text p:nth-child(2){
margin-bottom: 130px;
}
.create__section__gray__fourth .create__section__text h2:nth-child(3){
color: #242424;
font-size: 36px;
margin: 0 0 30px;
position: relative;
}
.create__section__gray__fourth .create__section__text h2:nth-child(3):after{
content: '';
display: block;
position: absolute;
top: 40px;
right: -75px;
background: url('../img/create/arrow-right-black.png') no-repeat center;
width: 13px;
height: 25px;
}
.he .create__section__gray__fourth .create__section__text h2:nth-child(3):after{
right: auto;
left: -75px;
background: url('../img/create/arrow-left-black.png') no-repeat center;
}
.create__section__gray__fourth .create__section__text p:nth-child(4){
}
.create__section__orange__third{
color: #fff;
}
.create__section__orange__third h2{
font-size: 30px;
color: #fff;
margin: 0 0 125px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.he .create__section__orange__third h2{
font-size: 40px;
}
.create__section__orange__third h2:after{
content: '';
display: block;
height: 50px;
width: 1px;
position: absolute;
top: 72px;
left: 50%;
background: #fff;
}
.create__section__orange__third .flex{
justify-content: center;
}
.orange__third_left{
margin-right: 80px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.he .orange__third_left{
margin-right: auto;
margin-left: 80px;
}
.orange__third_left p{
width: 300px;
text-align: right;
margin-top: 105px;
position: relative;
padding-right: 55px;
}
.he .orange__third_left p{
text-align: left;
padding-right: auto;
padding-left: 55px;
}
.orange__third_left p:after{
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -12px;
right: 0;
background: url('../img/create/arrow-right-white.png') no-repeat center;
width: 13px;
height: 25px;
}
.he .orange__third_left p:after{
right: auto;
left: 0;
background: url('../img/create/arrow-left-white.png') no-repeat center;
}
.orange__third_right{
}
.he .orange__third_right{
margin-left: 80px;
}
.orange__third_right .flex{
justify-content: flex-end;
align-items: center;
}
.he .orange__third_right .flex{
justify-content: center;
}
.orange__third_right img{
margin-top: 50px;
}
.orange__third_right .flex img{
margin: 0 40px;
}
.orange__third_right .flex p{
margin: 0;
position: relative;
}
.orange__third_right .flex p:after{
content: '';
display: block;
position: absolute;
top: 50%;
left: -180px;
background: url(../img/create/arrow-left-white.png) no-repeat center;
width: 13px;
height: 25px;
margin-top: -12px;
}
.he .orange__third_right .flex p:after{
left: auto;
right: -180px;
background: url(../img/create/arrow-right-white.png) no-repeat center;
}
.create__section__footer{
background: url('../img/create/iphone-bg.jpg') bottom right no-repeat #f7f7f7;
}
.he .create__section__footer{
background: url('../img/create/iphone-bg-he.jpg') bottom left no-repeat #f7f7f7;
}
.create__section__footer .flex{
justify-content: center;
}
.create__section__footer{
transition: all .3s linear;
}
.scroll-block-phone{
margin-top: -270px;
transition: all .3s linear;
}
.scroll-block-phone:after{
content: '';
width: 168px;
height: 466px;
position: absolute;
top: 7px;
right: 11px;
background: url('../img/create/iphone-light.png') no-repeat center;
}
.he .scroll-block-phone{
margin-right: 195px;
}
.phone-viewport{
width: 303px;
height: 535px;
position: absolute;
top: 79px;
left: 21px;
overflow: hidden;
}
.phone-viewport img{
position: absolute;
top: 0;
left: 0;
transition: all 1s linear;
}
.create__section__footer .create__section__text{
margin-left: 195px;
position: relative;
}
.he .create__section__footer .create__section__text{
margin-left: auto;
margin-right: 195px;
}
.create__section__footer .create__section__text:after{
content: '';
display: block;
position: absolute;
top: 90px;
left: -110px;
background: url(../img/create/arrow-left-black.png) no-repeat center;
width: 13px;
height: 25px;
}
.he .create__section__footer .create__section__text:after{
left: auto;
right: -110px;
top: 11px;
background: url(../img/create/arrow-right-black.png) no-repeat center;
}
.create__section__footer .create__section__text h2{
color: #242424;
font-size: 36px;
margin: 0 0 50px;
}
/*----------------------------------------------------------*/
/* Promotion page */
/*----------------------------------------------------------*/
.promotion-banner{
background: url('../img/bg/promotion-bg.jpg') no-repeat center;
background-size: cover;
width: 100%;
height: 494px;
position: relative;
}
.promotion-banner .icon-move{
background: url('../img/icons/promotion-icon.png') no-repeat;
}
.promotion{
padding-bottom: 30px;
}
/*----------------------------------------------------------*/
/* Promotion page */
/*----------------------------------------------------------*/
.ads-banner{
background: url('../img/bg/ads-bg.jpg') no-repeat center;
background-size: cover;
width: 100%;
height: 494px;
position: relative;
}
.ads-banner .icon-move{
background: url('../img/icons/adsence-icon.png') no-repeat;
}
.ads{
padding-bottom: 30px;
}
.infolist {
display: flex;
flex-direction: column;
}
.infolist__item {
margin: 30px 0 70px;
display: flex;
}
.infolist__item_reverse {
flex-direction: row-reverse;
}
.infolist__item_reverse .infolist__content {
padding: 0 2% 0 0;
}
.infolist__image {
width: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.infolist__image img {
max-width: 100%;
height: auto;
}
.infolist__content {
width: 50%;
padding: 0 0 0 2%;
}
.infolist__logo {
margin-bottom: 30px;
text-align: center;
}
.infolist__logo img{
max-width: 100%;
}
.infolist__text {
}
.infolist__link {
margin-top: 25px;
display: block;
text-decoration: none;
color: #54c5d0;
}
/*----------------------------------------------------------*/
/* Social networks page */
/*----------------------------------------------------------*/
.social-banner{
width: 100%;
height: 490px;
position: relative;
overflow: hidden;
}
.social-banner .icon-move{
background: url('../img/social-networks/social-icon.png') no-repeat;
z-index: 2;
}
.social-banner video, .make-banner video{
position: absolute;
top: 0;
left: 50%;
margin-left: -960px;
right: 0;
bottom: 0;
width: auto;
min-height: 494px;
z-index: 1;
}
.image-bg{
width: 100%;
height: auto;
}
#socialSliderOne, #socialSliderTwo{
margin-bottom: 30px;
}
#socialSliderOne .owl-item, #socialSliderTwo .owl-item{
text-align: center;
}
#socialSliderOne .owl-buttons .owl-prev, #socialSliderOne .owl-buttons .owl-next, #socialSliderTwo .owl-buttons .owl-prev, #socialSliderTwo .owl-buttons .owl-next{
width: 60px;
height: 60px;
}
#socialSliderOne .owl-buttons .owl-prev, #socialSliderTwo .owl-buttons .owl-prev{
background: url(../img/icons/nav-prev.png) no-repeat !important;
background-size: contain !important;
left: -5.5%;
}
.he #socialSliderOne .owl-buttons .owl-prev, .he #socialSliderTwo .owl-buttons .owl-prev{
background: url(../img/icons/nav-next.png) no-repeat !important;
background-size: contain !important;
left: auto;
right: -5.5%;
}
#socialSliderOne .owl-buttons .owl-next, #socialSliderTwo .owl-buttons .owl-next{
background: url(../img/icons/nav-next.png) no-repeat !important;
background-size: contain !important;
right: -5.5%;
}
.he #socialSliderOne .owl-buttons .owl-next, .he #socialSliderTwo .owl-buttons .owl-next{
background: url(../img/icons/nav-prev.png) no-repeat !important;
background-size: contain !important;
right: auto;
left: -5.5%;
}
.social__page{
margin-bottom: 100px;
}
.social-block{
margin: 50px auto;
}
.mb100{
margin-bottom: 100px;
}
#socialSliderOne a, #socialSliderTwo a{
color: #000;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#socialSliderOne a img, #socialSliderTwo a img{
margin-bottom: 20px;
}
#socialSliderOne a p strong, #socialSliderTwo a p strong{
display: block;
text-transform: uppercase;
font-weight: normal;
font-size: 18px;
color: #231f20;
}
#socialSliderOne a p, #socialSliderTwo a p{
text-transform: lowercase;
font-size: 18px;
font-weight: 300;
max-width: 350px;
}
.he #socialSliderOne a p, .he #socialSliderTwo a p{
direction: rtl;
}
/*----------------------------------------------------------*/
/* Videoclips page */
/*----------------------------------------------------------*/
.videoclips-banner{
background: url('../img/video/videoclips-bg.jpg') no-repeat center;
background-size: cover;
width: 100%;
height: 494px;
position: relative;
}
.videoclips-banner .icon-move{
background: url('../img/icons/videoclips-icon.png') no-repeat;
}
.videoclips{
padding-bottom: 30px;
}
.video-menu{
display: flex;
}
.video-menu-item{
width: 20%;
position: relative;
font-size: 30px;
line-height: 30px;
color: #fff;
min-height: 270px;
}
.video-menu-item:before{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
transition: all .3s linear;
}
.video-menu-item:hover:before{
background: rgba(0, 0, 0, 0.61);
}
.video-menu-item > img{
width: 100%;
height: 100%;
}
.video-menu-item span{
position: absolute;
top: 1%;
left: 1%;
width: 93%;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
bottom: 1%;
right: 1%;
text-align: center;
border: 1px solid transparent;
margin: 10px;
}
.he .video-menu-item span{
justify-content: flex-start;
padding-top: 20px;
}
.video-menu-item span img{
margin-top: 40px;
}
.video-menu-item:hover span{
border: 1px solid #fff;
}
.video-menu-item:hover, .video-menu-item:focus{
color: #fff;
}
.video-menu-item-rolik i{
display: block;
margin-top: 40px;
background: url('../img/video/icon1_sprite.png') left center;
width: 113px;
height:116px;
}
.video-menu-item-rolik:hover i{
animation: icon_movie_1 1s infinite steps(5);
}
@keyframes icon_movie_1 {
100%{background-position: -565px 0;}
}
.video-menu-item-soc i{
display: block;
margin-top: 40px;
background: url('../img/video/icon2_sprite.png') left center;
width: 89px;
height:99px;
}
.video-menu-item-soc:hover i{
animation: icon_movie_2 2s infinite steps(5);
}
@keyframes icon_movie_2 {
100%{background-position: -445px 0;}
}
.video-menu-item-anim i{
display: block;
margin-top: 40px;
background: url('../img/video/icon3_sprite.png') left center;
width: 127px;
height:106px;
}
.video-menu-item-anim:hover i{
animation: icon_movie_3 1.5s infinite steps(10);
}
@keyframes icon_movie_3{
100%{background-position: -1270px 0;}
}
.video-menu-item-bobina i{
display: block;
margin-top: 40px;
background: url('../img/video/icon4_sprite.png') left center;
width: 149px;
height:146px;
}
.video-menu-item-bobina:hover i{
animation: icon_movie_4 1s infinite steps(5);
}
@keyframes icon_movie_4{
100%{background-position: -745px 0;}
}
.video-menu-item-tv i{
display: block;
margin-top: 40px;
background: url('../img/video/icon5_sprite.png') left center;
width: 135px;
height:118px;
}
.video-menu-item-tv:hover i{
animation: icon_movie_5 1.3s infinite steps(6);
}
@keyframes icon_movie_5{
100%{background-position: -810px 0;}
}
.video-block-section > img{
width: 100%;
height: auto;
margin-bottom: 15px;
}
.video-block-section video{
width: 100%;
height: auto;
}
.video-block-section{
padding-bottom: 70px;
}
.video-block-section h2{
text-align: center;
}
.video-block-section h3{
color: #429fa9;
text-align: center;
}
.btn-more{
display: table;
margin: 0 auto;
color: #fff;
padding: 15px 30px;
background: #55c5d0;
transition: all .3s linear;
}
.btn-more:hover, .btn-more:focus{
color: #fff;
text-decoration: none;
box-shadow: 0 20px 20px 0 rgba(0,0,0,.15);
-ms-transform: translate(0,-5px);
transform: translate(0,-5px);
}
.videos-block{
display: flex;
justify-content: space-between;
margin: 30px 0;
flex-wrap: wrap;
}
.videos-block-center{
justify-content: center;
margin: 50px 0 0;
}
.videos-block a{
width: 49%;
height: 336px;
margin-bottom: 20px;
box-shadow: 0 3px 50px 0 rgba(0,0,0,.4);
position: relative;
overflow: hidden;
cursor: default;
}
.videos-block a span.play{
content: '';
display: block;
width: 90px;
height: 90px;
position: absolute;
top: 50%;
left: 50%;
transition: all .2s ease;
margin-top: -45px;
margin-left: -45px;
border: 4px solid hsla(0,0%,100%,.5);
border-radius: 50%;
cursor: pointer;
}
.videos-block a span.play:after{
content: '';
display: block;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 30px solid #fff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -10px;
transition: color .3s ease;
}
.videos-block a span.play:hover{
border: 44px solid #fff;
}
.videos-block a span.play:hover:after{
border-left: 30px solid #55c5d0;
transform: scaleX(0.8) scaleY(0.8) scaleZ(1);
transform-style: preserve-3d;
transition: opacity 200ms, transform 200ms;
}
.videos-block a img{
width: 100%;
height: 100%;
opacity: .7;
}
.videos-block a:hover img{
transform-style: preserve-3d;
transition: transform 500ms;
transform: scaleX(1.1) scaleY(1.1) scaleZ(1);
opacity: 1;
}
#lottie{
width: 100%;
}
/*----------------------------------------------------------*/
/* Nagishut page */
/*----------------------------------------------------------*/
.nagishut-banner{
background: url('../img/bg/nagish-bg.jpg') no-repeat center;
background-size: cover;
width: 100%;
height: 494px;
position: relative;
}
.nagishut-banner .icon-move{
background: url('../img/icons/nagishut-icon.png') no-repeat;
}
.nagishut{
padding-bottom: 30px;
}
.nagishut__page{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.nagishut__page .text{
width: 65%;
}
.nagishut__img{
width: 35%;
text-align: right;
}
.nagishut__form{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
border: 1px solid #55c5d0;
padding: 30px 60px;
border-radius: 5px;
margin-top: 50px;
}
.nagishut__form .left, .nagishut__form .right{
width: 48%;
}
.nagishut__form .all-width{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.nagishut__form label{
font-weight: 500;
}
.nagishut__form input[type="text"], .nagishut__form input[type="email"]{
width: 100%;
max-width: 325px;
margin-bottom: 25px;
height: 40px;
line-height: 40px;
padding: 0 15px;
border: 1px solid #55c5d0;
}
.nagishut__form input[type="submit"]{
background: #55c5d0;
font-size: 24px;
color: #fff;
border: none;
padding: 5px 70px 7px;
margin: 30px 0 0 0;
text-decoration: underline;
float: right;
}
span.wpcf7-not-valid-tip{
display: none !important;
}
.wpcf7-not-valid{
background: rgba(255, 0, 0, 0.2);
}
.he .nagishut__img{
text-align: left;
}
.he .nagishut__form{
direction: rtl;
}
/*----------------------------------------------------------*/
/* Contact page */
/*----------------------------------------------------------*/
.contact-banner{
width: 100%;
height: 494px;
position: relative;
}
.contact-banner #map{
width: 100%;
height: 494px;
}
.contact-banner .icon-move{
background: url('../img/icons/contact-icon.png') no-repeat;
}
.contact p span{
color: #54c5d0;
}
.contact p a{
color: #000;
}
/*----------------------------------------------------------*/
/* Portfolio page */
/*----------------------------------------------------------*/
.portfolio-banner{
background: url('../img/bg/portfolio-page-bg.jpg') no-repeat center;
background-size: cover;
width: 100%;
height: 494px;
position: relative;
}
.portfolio-banner .icon-move{
background: url('../img/icons/portfolio-icon.png') no-repeat;
}
.portfolio{
padding-bottom: 30px;
}
.portfolio-nav{
margin: 30px 0;
}
.portfolio-nav .inner{
border-top: 1px solid #959595;
border-bottom: 1px solid #959595;
}
.portfolio-nav .nav{
display: flex;
justify-content: space-between;
padding: 0;
}
.portfolio-nav .nav:before, .portfolio-nav .nav:after{
content: none;
}
.portfolio-nav .nav li{
position: relative;
float: none !important;
}
.portfolio-nav .nav li a{
padding: 0;
color: #000;
margin: -1px 0 0 0 !important;
padding: 23px 28px 30px;
border-top: 8px solid transparent;
}
.portfolio-nav .nav li:first-child a{
padding-left: 0;
}
.portfolio-nav .nav li:last-child a{
padding-right: 0;
}
.he .portfolio-nav .nav li:first-child a{
padding-left: 28px;
padding-right: 0;
}
.he .portfolio-nav .nav li:last-child a{
padding-right: 28px;
padding-left: 0;
}
.portfolio-nav .nav li a:hover, .portfolio-nav .nav li a:focus, .portfolio-nav .nav li.current-menu-item a, .portfolio-nav .nav li.current-category-parent a{
color: #000;
background: none;
text-decoration: none;
border-top: 8px solid #55c5d0;
}
.portfolio-nav .nav .sub-menu{
position: absolute;
left: -10px;
padding: 0 15px 0;
z-index: 100;
background: #fff;
width: 285px;
box-sizing: border-box;
display: none;
border: 1px solid #959595;
}
.portfolio-nav .nav .sub-menu li{
list-style: none;
display: block;
width: 100%;
border-bottom: 1px solid #636363;
position: relative;
border-top: none !important;
}
.portfolio-nav .nav .sub-menu li:last-child{
border-bottom: none;
}
.portfolio-nav .nav .sub-menu li a{
color: #000;
padding: 15px 15px 15px;
display: block;
border-top: none !important;
font-size: 17px;
}
.portfolio-nav .nav .sub-menu li:hover, .portfolio-nav .nav .sub-menu li.current-menu-item{
border-top: none !important;
}
.portfolio-nav .nav .sub-menu li:hover:before, .portfolio-nav .nav .sub-menu li.current-menu-item:before{
content: '';
display: block;
height: 9px;
width: 283px;
position: absolute;
top: 0px;
left: -15px;
background: #55c5d0;
}
.portfolio-items{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.portfolio-item{
position: relative;
width: 355px;
height: auto;
qheight: 375px;
transition: all .3s linear;
color: #000;
margin: 0 0 30px;
}
.portfolio-item:hover{
text-decoration: none;
color: #000;
}
.portfolio-item h2{
color: #000;
font-size: 18px;
font-weight: 500;
margin: 25px 0 15px;
text-align: center;
}
.he .portfolio-item h2{
font-size: 20px;
}
.portfolio-img-wrap{
width: 353px;
height: 373px;
overflow: hidden;
border: 1px solid #acacac;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.22);
}
.portfolio-item img{
z-index: 1;
width: 100%;
height: auto;
}
.portfolio-item:hover img{
transform-style: preserve-3d;
transition: transform 500ms;
transform: scaleX(1.1) scaleY(1.1) scaleZ(1);
}
.portfolio-item ul{
padding: 0;
display: inline-block;
}
.portfolio-item ul li{
list-style: none;
display: inline-block;
font-weight: 300;
}
.portfolio-single-title{
max-width: 670px;
margin: 0 auto;
color: #54c5d0;
text-align: left;
}
.he .portfolio-single-title{
text-align: right;
}
.portfolio-page-nav{
padding: 20px 0 5px;
background: #55c5d0;
}
.portfolio-page-nav .navigation{
display: flex;
}
.portfolio-page-nav .navigation a, .portfolio-page-nav .navigation span{
font-size: 24px;
color: #fff;
margin: 0 5px;
}
.portfolio-page-nav .navigation span.current{
color: #000;
}
.portfolio-page-nav .navigation a.next, .portfolio-page-nav .navigation a.prev{
display: block;
width: 67px;
height: 67px;
margin-top: -15px;
}
.portfolio-page-nav .navigation a.next{
background: url('../img/portfolio-nav-right.png') no-repeat;
}
.portfolio-page-nav .navigation a.prev{
background: url('../img/portfolio-nav-left.png') no-repeat;
}
.he .portfolio-page-nav .navigation a.next{
background: url('../img/portfolio-nav-left.png') no-repeat;
}
.he .portfolio-page-nav .navigation a.prev{
background: url('../img/portfolio-nav-right.png') no-repeat;
}
.portfolio-single h1{
max-width: 670px;
margin: 0 auto 30px;
color: #000;
text-align: left;
}
.he .portfolio-single h1{
text-align: right;
}
.portfolio-single{
overflow: hidden;
}
#singlePortfolio .owl-item{
}
#singlePortfolio .item{
text-align: center;
}
#singlePortfolio .owl-item img{
width: 100%;
height: auto;
line-height: 750px;
max-width: 670px;
}
#singlePortfolio .owl-pagination{
background: #55c5d0;
padding: 15px 0;
position: relative;
}
#singlePortfolio .owl-pagination:before{
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #55c5d0;
}
#singlePortfolio .owl-pagination:after{
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #55c5d0;
right: -100%;
}
#singlePortfolio .owl-pagination .owl-page{
display: inline-block;
margin: 0 5px 5px;
color: #fff;
}
#singlePortfolio .owl-pagination .owl-page.active{
color: #000;
}
.project-info{
margin: 30px auto 0;
max-width: 700px;
color: #000;
text-align: left;
}
.he .project-info{
text-align: right;
}
.project-info h4{
color: #54c5d0;
}
.project-info a{
text-decoration: underline;
color: #000;
}
.project-info a:hover{
text-decoration: none;
}
.project-info ul{
padding: 0;
}
.project-info ul li{
list-style: none;
}
.project-info ul li:before{
content: '-';
}
.he .project-info ul li:before{
content: '';
}
.he .project-info ul li:after{
content: '-';
}
/*----------------------------------------------------------*/
/* clientsInner */
/*----------------------------------------------------------*/
#clientsInner{
height: 685px;
background: url('../img/bg/clients-inner.jpg') no-repeat center;
overflow: hidden;
}
#clientsInner h2{
margin: 100px 0 0;
text-align: center;
color: #231f20;
font-size: 30px;
}
#clientSliderInner{
height: 430px;
}
#clientSliderInner .owl-item{
display: table;
height: 430px;
text-align: center;
}
#clientSliderInner .owl-item div{
display: table-cell;
vertical-align: middle;
height: 430px;
}
#clientSliderInner .owl-item img{
display: block;
margin: 0 auto;
}
#clientSliderInner .owl-buttons .owl-prev{
left: -100px;
}
#clientSliderInner .owl-buttons .owl-next{
right: -100px;
}
.he #clientSliderInner .owl-buttons .owl-prev{
left: auto;
right: -100px;
}
.he #clientSliderInner .owl-buttons .owl-next{
right: auto;
left: -100px;
}
/*----------------------------------------------------------*/
/* FOOTER */
/*----------------------------------------------------------*/
#footer{
background: url(../img/bg/footer-bg.jpg) no-repeat top center #f3ece2;
background-size: contain;
height: auto;
padding: 30px 0;
}
#footer .inner .small-logo{
display: block;
margin: 0 auto 50px;
}
.webtime-description{
margin: 0 0 10px 0;
text-align: center;
font-size: 14px;
}
#footer nav .nav li a{
color: #000;
}
#footer nav .nav li a:hover, #footer nav .nav li a:focus, #footer nav .nav li.current-menu-item a{
text-decoration: none;
color: #54c5d0;
}
#footer .seo-block{
font-size: 16px;
}
#footer .nav{
margin-bottom: 35px;
padding: 0;
}
#footer .nav li{
float: none;
}
#footer .nav li a:hover, #footer .nav li a:focus{
background: none;
}
#footer .copyright{
text-align: center;
margin-bottom: 20px;
color: #231f20;
}
#footer .social-btns{
padding: 0;
}
.footer__blocks{
font-size: 16px;
}
.footer__blocks .nav li{
display: block !important;
}
.footer__blocks{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footer__block h2{
color: #231f20;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
}
.footer__block h2:after{
content: '';
display: block;
width: 55px;
height: 1px;
background: #55c5d0;
margin: 20px 0;
}
#footer .footer-services-menu li a{
font-size: 18px;
text-decoration: none;
padding: 0;
}
.footer-services-menu li a:before{
content: '- ';
}
.footer-services-menu li a:hover{
text-decoration: underline;
}
.footer-main-menu{
}
.footer-main-menu li{
color: #55c5d0;
display: list-item !important;
width: 235px;
border-bottom: 1px solid #231f20;
}
.footer-main-menu li:last-child{
border: none;
}
.footer-main-menu li a{
font-size: 18px;
color: #231f20;
padding: 10px 17px;
position: relative;
}
.footer-main-menu li a:before{
content: '';
width: 7px;
height: 7px;
border-radius: 100%;
background: #55c5d0;
display: block;
position: absolute;
top: 50%;
margin-top: -4px;
left: 0;
}
.footer__block__adress p{
margin: 0 0 5px;
}
.footer__block__adress a{
color: #000;
}
.footer__seo__block{
padding: 55px 0 40px;
font-size: 16px;
}
.seo-block ul{
padding-left: 25px;
padding-top: 33px;
}
#footer .seo-block ul li{
list-style: none;
display: inline-block;
}
.seo-block ul li:before{
content: '- ';
}
#footer .social-btns li{
display: inline-block !important;
}
.social-btns a{
padding: 0 !important;
width: 38px;
height: 38px;
display: block;
}
.social-btns a img{
width: 100%;
}
.ru-foot-phones{
padding: 0 5px 0 45px;
}
.he-foot-phones{
padding: 0 45px 0 5px;
}
/*----------------------------------------------------------*/
/* MISC */
/*----------------------------------------------------------*/
.owl-buttons .owl-prev, .owl-buttons .owl-next{
position: absolute;
top: 50%;
margin-top: -60px;
display: block;
width: 117px;
height: 117px;
}
.owl-buttons .owl-prev{
background-color: none !important;
background: url('../img/icons/nav-prev.png') no-repeat !important;
left: 4.5%;
}
.owl-buttons .owl-next{
background-color: none !important;
background: url('../img/icons/nav-next.png') no-repeat !important;
right: 4.5%;
}
.he .owl-buttons .owl-prev{
background-color: none !important;
background: url('../img/icons/nav-next.png') no-repeat !important;
left: auto;
right: 4.5%;
}
.he .owl-buttons .owl-next{
background-color: none !important;
background: url('../img/icons/nav-prev.png') no-repeat !important;
right: auto;
left: 4.5%;
}
h1, h2{
font-size: 24px;
color: #429fa9;
margin: 20px 0;
}
h1{
font-size: 36px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #429fa9;
}
h2{
font-size: 36px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #429fa9;
}
.he h1, .he h2{
font-family: 'Assistant', sans-serif;
}
h1 a, h2 a{
color: #429fa9;
}
.contact__page{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.contact__page__block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
text-align: center;
border: 1px solid #898989;
padding: 40px 10px 20px;
width: 288px;
height: 580px;
}
.contact__page__block img{
margin-bottom: 20px;
}
.contact__page__block .waze-icon{
margin: 50px 0;
}
.menu-overlay{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.55);
display: block;
z-index: 100;
display: none;
}
.menu-overlay.active{
display: block;
}
#toUp{
position: fixed;
width: 60px;
height: 60px;
background: url('../img/arrow-top.png') no-repeat;
bottom: 15px;
right: 15px;
z-index: 5555;
display: none;
cursor: pointer;
}
/*----------------------------------------------------------*/
/* HEBREW */
/*----------------------------------------------------------*/
.he .owl-carousel{
direction: ltr;
}
.he .col-md-5{
float: right;
}
.he .header .logo{
float: right;
background: url('../img/logo_he.png') no-repeat;
background-position: center center;
}
.he .col-md-7{
float: right;
}
.he .header .nav{
float: left;
}
.he .nav li{
float: right;
}
.he .header .phone{
float: left;
margin-left: 20px;
}
.he .header .phone:after {
background: url('../img/icons/phone-icon-he.png') no-repeat;
float: left;
margin: 7px 10px 0 0px;
}
.he .col-md-4, .he .col-md-5, .he .col-md-6, .he .col-md-7, .he .col-md-8, .he .col-md-9{
float: right;
}
.he #promotion .promotion-text{
text-align: right;
}
.he .person{
float: right;
}
.he #contactForm p{
direction: rtl;
}
.he input[type="checkbox"] + label span {
margin: -1px 0 0 15px;
}
.he #contactForm label{
text-align: right;
qpadding-right: 75px;
}
.he #contactForm input[type="text"], .he #contactForm input[type="email"], .he #contactForm textarea{
float: right;
direction: rtl;
z-index: 1;
position: relative;
}
.he #contactForm input[type="submit"]{
float: left;
margin: 46px 0 0 72px;
}
.he .webtime-description{
text-align: center;
}
.he #videoSlider{
background: url('../img/bg/video-bg-he.jpg') no-repeat center !important;
height: 572px;
}
.he #videoLink{
left: 175px;
right: auto;
}
.he #wfd-link{
right: auto;
left: 0;
}
.he #portfolio h2{
float: left;
padding-right: 30%;
padding-left: 0;
}
.he .company-nav li:nth-of-type(1) a{
margin-right: 0;
}
.he #menu-services_menu_he li{
float: none;
display: inline-block;
}
.he #contactForm h2{
qpadding-right: 75px;
}
.he #footer {
background: url('../img/he/bg/footer-bg-he.jpg') no-repeat center;
background-size: cover;
}
.he .navigation{
float: right;
}
.mobile-elem, .mobile-elem-two{
display: none !important;
}
.contactformMobile{
display: none;
}
.dop-footer{
background: #f3ece2;
text-align: center;
padding-bottom: 15px;
}
.dop-footer img{
margin: 0 5px;
}
.he .footer-main-menu li a:before{
left: auto;
right: 0;
}
.he .contact__page__block{
height: 530px;
}
/*----------------------------------------------------------*/
/* ADAPTATION */
/*----------------------------------------------------------*/
@media(min-width:1920px) {
.social-banner video, .make-banner video{
width: 100%;
margin-left: 0;
left: 0;
}
}
@media(max-width:1400px) {
#clientSlider {
height: 712px;
width: 940px;
margin: 0 auto;
}
}
@media(max-width:1200px) {
.inner{
width: 1000px;
}
#clientSlider .owl-buttons .owl-prev{
left: 0;
}
#clientSlider .owl-buttons .owl-next{
right: 0;
}
.header .nav li a{
padding: 0 14px;
}
#wfd-link{
top: 190px;
}
#Stage{
overflow: visible !important;
}
#promotion .promotion-item a{
font-size: 17px;
}
.he #videoLink{
left: 7.5%;
}
#videoSlider {
background: url('../img/bg/video-bg.jpg') no-repeat -550px center !important;
background-size: cover !important;
}
.seo-block ul{
padding-top: 5px;
}
.person {
width: 23%;
}
.person .front, .review-item .front {
transform: initial;
}
.person .front, .person .back, .review-item .front, .review-item .back{
display: block;
transform-style: initial;
}
.person .back, .review-item .back{
display: none;
}
.person:hover .front, .review-item:hover .front{
transform: rotateY(0deg);
}
.person:hover .back, .review-item:hover .back{
display: none;
}
.he span.wpcf7-list-item{
padding-right: 15px;
}
span.wpcf7-list-item{
padding-left: 15px;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next{
width: 104px;
height: 104px;
margin-top: -52px;
}
.owl-buttons .owl-prev {
background-color: none !important;
background: url('../img/left.png') no-repeat !important;
background-size: contain !important;
}
.owl-buttons .owl-next {
background-color: none !important;
background: url('../img/right.png') no-repeat !important;
background-size: contain !important;
}
.mobile-elem-two{
display: block !important;
}
.mobile-hide-two{
display: none !important;
}
#toUp{
position: fixed;
width: 104px;
height: 104px;
background: url('../img/up.png') no-repeat;
bottom: 15px;
right: 15px;
z-index: 5555;
display: none;
}
}
@media(max-width:1023px) {
.create__big__block{
йdisplay: none;
}
.create__big__block, .he .create__big__block{
padding: 0 15px;
}
.create__section_orange__first img, .he .create__section_orange__first img{
max-width: 300px;
margin: 0 auto 30px;
}
.create__section_orange__first .flex, .he .create__section_orange__first .flex{
flex-direction: column;
}
.create__section_orange__first h2, .he .create__section_orange__first h2{
margin: 0 0 15px;
text-align: center;
font-size: 40px;
}
.create__section__color h2:after, .create__section h2:after, .he .create__section__color h2:after, .he .create__section h2:after{
display: none;
}
.create__section h2, .he .create__section h2{
margin: 0 0 30px !important;
font-size: 26px !important;
}
.create__section__color .flex, .he .create__section__color .flex{
flex-direction: column;
}
.green-color, .orange-color, .he .green-color, .orange-color{
margin: 0 0 15px;
display: flex;
justify-content: center;
align-items: center;
}
.create__section__color ul, .he .create__section__color ul{
margin:0 !important;
text-align: center;
}
.create__section__color, .he .create__section__color{
padding: 30px 15px;
background: #f7f7f7;
}
.create__section, .he .create__section{
padding: 30px 15px !important;
}
.create__section__color h2, .he .create__section__color h2{
margin: 0 0 30px;
}
.scroll-block-laptop-move, .he .scroll-block-laptop-move{
flex-direction: column;
}
.create__section__green__first .create__section__text, .he .create__section__green__first .create__section__text{
max-width: 100%;
}
.create__section__title, .he .create__section__title{
text-align: center !important;
font-size: 26px;
}
.create__section__title br, .he .create__section__title br{
display: none !important;
}
.create__section__green__first, .he .create__section__green__first{
height: auto;
}
.create__section__green__first .scroll-block, .he .create__section__green__first .scroll-block{
width: 300px;
margin: 0 auto;
}
.create__section__green__first .scroll-block img, .he .create__section__green__first .scroll-block img{
width: 100%;
height: auto;
}
.laptop-viewport, .he .laptop-viewport {
width: 228px;
height: 142px;
position: absolute;
overflow: hidden;
top: 13px;
right: 33px;
}
.scroll-block-laptop:after, .he .scroll-block-laptop:after{
display: none;
}
.create__section__gray__first .flex, .he .create__section__gray__first .flex {
justify-content: center;
flex-direction: column;
}
.create__section__gray__first .scroll-block, .he .create__section__gray__first .scroll-block{
width: 300px;
margin: 0 auto;
}
.create__section__gray__first .scroll-block img, .he .create__section__gray__first .scroll-block img{
width: 100%;
}
.desktop-viewport, .he .desktop-viewport {
width: 278px;
height: 157px;
overflow: hidden;
position: absolute;
top: 11px;
left: 11px;
right: auto;
}
.create__section__gray__first .create__section__text, .he .create__section__gray__first .create__section__text{
margin: 0 auto 15px;
width: 100%;
}
.create__section__orange__second p, .create__section__orange__second img, .he .create__section__orange__second p, .he .create__section__orange__second img{
width: 100%;
}
.create__section__gray__third .flex, .he .create__section__gray__third .flex{
flex-direction: column;
}
.create__section__gray__third .scroll-block, .he .create__section__gray__third .scroll-block{
width: 300px;
margin: 0 auto;
}
.create__section__gray__third .scroll-block img, .he .create__section__gray__third .scroll-block img{
width: 100%;
}
.create__section__green__second .flex, .he .create__section__green__second .flex{
margin: 0;
flex-direction: column;
}
.create__section__green__second .flex, .he .create__section__green__second .flex{
flex-direction: column-reverse !important;
}
.create__section__green__second .create__section__text, .he .create__section__green__second .create__section__text{
margin: 0;
width: 100%;
color: #fff;
}
.create__section__green__second .scroll-block, .he .create__section__green__second .scroll-block{
width: 300px;
margin: 0 auto;
}
.create__section__green__second .scroll-block img, .he .create__section__green__second .scroll-block img{
width: 100%;
}
.tablet-viewport, .he .tablet-viewport {
position: absolute;
top: 14px;
left: 27px;
width: 246px;
height: 185px;
overflow: hidden;
}
.he .tablet-viewport{
left: auto !important;
right: 23px;
}
.create__section__green__second .create__section__text h2, .he .create__section__green__second .create__section__text h2{
color: #fff;
text-align: center;
}
.create__section__gray__fourth .flex, .he .create__section__gray__fourth .flex{
margin: 0;
flex-direction: column;
}
.create__section__gray__fourth .create__section__text, .he .create__section__gray__fourth .create__section__text{
margin: 0;
width: 100%;
text-align: center;
}
.create__section__gray__fourth .create__section__text h2:first-child, .he .create__section__gray__fourth .create__section__text h2:first-child{
color: #242424;
text-align: center;
margin: 0 0 15px !important;
}
.create__section__gray__fourth .create__section__text p:nth-child(2), .he .create__section__gray__fourth .create__section__text p:nth-child(2){
margin: 0;
color: #242424;
text-align: center;
}
.macbook-pro, .he .macbook-pro{
width: 300px;
margin: 30px auto 0;
}
.macbook-pro img, .he .macbook-pro img{
width: 100%;
}
.create__section__gray__fourth .create__section__text h2:after, .he .create__section__gray__fourth .create__section__text h2:after{
display: none;
}
.create__section__gray__fourth .create__section__text h2:nth-child(3), .he .create__section__gray__fourth .create__section__text h2:nth-child(3){
margin: 30px auto 15px !important;
}
.create__section__orange__third .flex, .he .create__section__orange__third .flex{
flex-direction: column;
align-items: center;
}
.scroll-block-phone, .he .scroll-block-phone{
margin: 0 auto;
}
.orange__third_left, .he .orange__third_left {
margin-right: 0;
display: flex;
flex-direction: column;
align-items: center;
width: 300px;
margin-left: 0;
}
.orange__third_left img, .he .orange__third_left img{
width: 100%;
margin: 0 auto 30px;
}
.create__section h2 br{
}
.orange__third_left p, .he .orange__third_left p {
width: 100%;
text-align: center;
margin: 0 0 30px;
position: relative;
padding: 0;
}
.orange__third_left p:after, .he .orange__third_left p:after{
display: none;
}
.orange__third_right .flex img, .he .orange__third_right .flex img {
margin: 15px auto 30px;
width: auto;
}
.orange__third_right .flex p, .he .orange__third_right .flex p{
text-align: center;
}
.orange__third_right img, .he .orange__third_right img{
margin: 30px auto 0;
width: 100%;
}
.create__section__footer .flex, .he .create__section__footer .flex {
flex-direction: column-reverse;
}
.create__section__footer .create__section__text, .he .create__section__footer .create__section__text{
margin: 0 auto;
}
.create__section__footer .create__section__text h2, .he .create__section__footer .create__section__text h2{
text-align: center;
}
.create__section__footer .create__section__text:after, .he .create__section__footer .create__section__text:after{
display: none;
}
.scroll-block-phone, .he .scroll-block-phone{
width: 300px;
margin: 30px auto 0;
}
.scroll-block-phone img, .he .scroll-block-phone img{
width: 100%;
}
.phone-viewport, .he .phone-viewport {
width: 261px;
height: 466px;
position: absolute;
top: 69px;
left: 20px;
overflow: hidden;
}
.phone-viewport img, .he .phone-viewport img{
width: 100%;
}
.he .orange__third_right{
margin: 0;
}
}
@media(max-width:980px) {
.wrapper{
overflow: hidden;
}
.mobile-hide{
display: none !important;
}
.mobile-menu{
position: fixed;
z-index: 9000;
top: -600px;
left: 0;
width: 100%;
background-color: #fff;
}
.mobile-menu .nav{
float: none;
position: fixed;
width: 100%;
z-index: 9000;
position: relative;
}
.mobile-menu:after{
content: '';
background-image: url('../img/mob/menu-mob-shadow.png');
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
bottom: -12px;
left: 0;
height: 12px;
width: 100%;
position: absolute;
display: block;
}
.mobile-menu .nav li{
float: none;
width: 100%;
padding: 5px 0;
qbackground: #8dc63f;
text-align: center;
}
.textLoupe{
padding: 10px 10px;
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
.textLoupe:after{
content: '';
background-image: url('../img/mob/menu-mob-shadow.png');
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
bottom: -12px;
left: 0;
height: 12px;
width: 100%;
position: absolute;
display: block;
}
.textLoupe span{
display: block;
float: left;
margin: 0 5px;
line-height: 39px;
font-weight: bold;
font-size: 14px;
}
.he .textLoupe span{
float: right;
}
.textLoupe span#mobTextBig{
width: 39px;
height: 39px;
background: url('../img/mob/mob-text-big.png') no-repeat;
background-size: contain;
}
.textLoupe span#mobTextNormal{
width: 39px;
height: 39px;
background: url('../img/mob/mob-text-normal.png') no-repeat;
background-size: contain;
}
.textLoupe span#mobTextSmall{
width: 39px;
height: 39px;
background: url('../img/mob/mob-text-small.png') no-repeat;
background-size: contain;
}
#menu-icon{
position: fixed;
top: 10px;
right: 10px;
width: 30px;
cursor: pointer;
z-index: 9999;
height: 25px;
display: block;
}
.he #menu-icon.active{
right: auto;
left: 10px;
}
#menu-icon.active{
top: 22px;
}
#menu-icon:before{
content: '';
display: block;
width: 30px;
height: 5px;
background: #534741;
transition: all .3s linear;
}
#menu-icon:after{
content: '';
display: block;
width: 30px;
height: 5px;
background: #534741;
transition: all .3s linear;
}
#menu-icon span{
width: 30px;
height: 5px;
background: #534741;
display: block;
margin: 5px 0;
transition: all .3s linear;
cursor: pointer;
}
#menu-icon.active span{
margin: 0;
display: none;
}
#menu-icon.active:before{
transform: rotateZ(45deg);
margin-top: 5px;
background: #EE3B35;
}
#menu-icon.active:after{
transform: rotateZ(-45deg);
margin-top: -5px;
background: #EE3B35;
}
.inner{
width: 100%;
}
.mobile-elem{
display: block !important;
}
.header{
padding: 5px 0;
}
.header nav{
display: none;
}
.logo, .he .logo{
float: none !important;
margin: 0 auto 5px;
width: 100%;
text-align: center;
}
.logo img, .he .logo img{
max-width: 250px;
}
.header .phone, .he .header .phone{
text-align: center;
width: 100%;
display: block;
float: none;
margin: 0 0 0 15px;
}
.header .phone:after, .he .header .phone:after{
display: inline-block;
float: none;
}
.call-icons{
padding: 15px 0 5px;
text-align: center;
}
.call-icons .nav{
float: none !important;
}
.call-icons li{
float: none !important;
display: inline-block;
}
.call-icons li a{
padding: 0 1px !important;
}
#header{
overflow: visible;
position: relative;
}
.wrapper.second{
padding-top: 150px;
}
.second #header{
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 800;
}
#header br{
display: none;
}
.webtime-clock {
position: relative;
width: 200px !important;
height: 55px !important;
margin-top: 10px;
}
#myCanvas{
width: 140px !important;
height: 40px !important;
}
#clockMinute{
width: 119px !important;
height: 40px !important;
}
#clockHour{
width: 125px !important;
height: 40px !important;
right: 17px !important;
top: 8px !important;
}
#header:after{
content: '';
background-image: url('../img/mob/menu-mob-shadow.png');
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
bottom: -12px;
left: 0;
height: 12px;
width: 100%;
position: absolute;
display: block;
}
.welcome-block{
position: relative;
}
.welcome-block h2{
position: absolute;
bottom: 0;
left: 0;
height:63px;
background: #f0140e;
margin: 0;
line-height: 63px;
padding: 0 40px;
}
.welcome-block h2:after{
content: '';
display: block;
width: 54px;
height: 64px;
background: url('../img/mob/red-title.png') no-repeat;
position: absolute;
bottom: 0;
right: -53px;
}
.welcome-block h2 a{
color: #fff;
font-size: 24px;
text-decoration: underline;
position: relative;
}
.welcome-block h2 a:after{
content: '';
display: block;
width: 44px;
height: 36px;
background: url('../img/mob/mail-icon.png') no-repeat;
position: absolute;
right: -50px;
top: 50%;
margin-top: -10px;
}
.welcome-block img{
width: 100%;
height: auto;
}
#promotion {
padding: 20px 0 70px;
position: relative;
}
#promotion h3{
position: absolute;
bottom: 0;
right: 0;
height:64px;
background: #32C1D0;
margin: 0;
line-height: 64px;
padding: 0 40px;
color: #fff;
}
#promotion h3:after{
content: '';
display: block;
width: 52px;
height: 64px;
background: url('../img/mob/green-blue-title.png') no-repeat;
position: absolute;
bottom: 0;
left: -51px;
}
#promotion nav, #promotion .promotion-text, #promotion h2{
display: none;
}
#promotion .promotion-item{
width: 100%;
display: inline-block;
margin: 0;
}
#promotion .owl-buttons .owl-prev, #promotion .owl-buttons .owl-next{
width: 14px;
height: 22px;
margin-top: -55px;
}
#promotion .owl-buttons .owl-prev{
background: url('../img/mob/gray-nav-left.png') no-repeat !important;
background-size: contain !important;
left: 1.5%;
}
#promotion .owl-buttons .owl-next{
background: url('../img/mob/gray-nav-right.png') no-repeat !important;
background-size: contain !important;
right: 1.5%;
}
.he #promotion .owl-buttons .owl-prev{
background: url('../img/mob/gray-nav-right.png') no-repeat !important;
background-size: contain !important;
left: auto;
right: 1.5%;
}
.he #promotion .owl-buttons .owl-next{
background: url('../img/mob/gray-nav-left.png') no-repeat !important;
background-size: contain !important;
right: auto;
left: 1.5%;
}
#promotion .promotion-item img{
padding: 0 15%;
}
#promotion-video{
width: 100% !important;
height: 200px !important;
}
#portals{
display: none !important;
}
#adsence{
position: relative;
padding-bottom: 70px;
}
#adsence .inner{
qheight: 300px;
qoverflow: auto;
}
#adsence .col-md-8{
padding-top: 15px;
}
#adsence .col-md-8 h2{
display: none;
}
#adsence h3{
position: absolute;
bottom: 0;
left: 0;
height:64px;
background: #FFC903;
margin: 0;
line-height: 64px;
padding: 0 40px;
color: #fff;
}
#adsence h3:after{
content: '';
display: block;
width: 52px;
height: 64px;
background: url('../img/mob/yellow-title.png') no-repeat;
position: absolute;
bottom: 0;
right: -51px;
}
#build{
position: relative;
padding-bottom: 70px;
}
#build .inner{
qheight: 300px;
qoverflow: auto;
}
#build .col-md-8{
padding-top: 15px;
}
#build h2{
display: none;
}
#build h3{
position: absolute;
bottom: 0;
right: 0;
height:64px;
background: #E3241F;
margin: 0;
line-height: 64px;
padding: 0 40px;
color: #fff;
}
#build h3:after{
content: '';
display: block;
width: 52px;
height: 64px;
background: url('../img/mob/red-title-left.png') no-repeat;
position: absolute;
bottom: 0;
left: -51px;
}
#footer nav{
display: none;
}
#clientSlider{
width: 100%;
}
#footer .inner{
width: 100%;
}
#clientSlider .owl-buttons .owl-next{
right: 0;
}
.owl-item img{
width: 100%;
height: auto;
}
#catalogSlider {
background: url('../img/mob/catalog-business.jpg') no-repeat top center;
background-size: contain;
height: auto;
min-height: auto;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next{
width: 104px;
height: 104px;
margin-top: -52px;
}
.owl-buttons .owl-prev {
background-color: none !important;
background: url('../img/left.png') no-repeat !important;
background-size: contain !important;
}
.owl-buttons .owl-next {
background-color: none !important;
background: url('../img/right.png') no-repeat !important;
background-size: contain !important;
}
.he .owl-buttons .owl-prev {
background-color: none !important;
background: url('../img/right.png') no-repeat !important;
background-size: contain !important;
}
.he .owl-buttons .owl-next {
background-color: none !important;
background: url('../img/left.png') no-repeat !important;
background-size: contain !important;
}
#catalogSlider .owl-item div, #catalogSlider .owl-item{
height: auto;
min-height: 373px;
}
#catalogSlider .owl-item img{
width: 40%;
}
#promotion .promotion-text {
padding: 0 15px;
}
#buildSlider {
background: url('../img/mob/portfolio-bg.jpg') no-repeat -2px center;
background-size: cover;
height: auto;
min-height: 177px;
}
#buildSlider .owl-item, #buildSlider .owl-item div{
height: auto;
min-height: 362px;
}
#buildSlider .owl-item img{
width: 45%;
margin-top: -62px !important;
}
#socialSlider {
background: url('../img/mob/social-network.jpg') no-repeat center;
background-size: cover;
height: auto;
min-height: 195px;
}
#socialSlider .owl-item, #socialSlider .owl-item div{
height: auto;
min-height: 195px;
}
#socialSlider .owl-item img{
width: 45%;
}
#adsence .col-md-4{
display: none;
}
#build .col-md-4{
display: none;
}
#seoSlider{
display: none !important;
}
#seo .col-md-4{
background: url('../img/mob/promotion-bg.jpg') no-repeat center;
background-size: cover;
height: auto;
min-height: 400px;
padding: 0;
}
#seo .col-md-4 img{
display: none;
}
#seo{
position: relative;
padding-bottom: 70px;
}
#seo .inner{
}
#seo .col-md-8{
padding-top: 15px;
qheight: 300px;
qoverflow: auto;
}
#seo h2{
display: none;
}
h3{
font-size: 20px;
}
#seo h3{
position: absolute;
bottom: 0;
left: 0;
height:64px;
background: #31D261;
margin: 0;
line-height: 64px;
padding: 0 40px;
color: #fff;
}
#seo h3:after{
content: '';
display: block;
width: 52px;
height: 64px;
background: url('../img/mob/green-title.png') no-repeat;
position: absolute;
bottom: 0;
right: -51px;
}
#videoSlider .inner{
display: none;
}
#videoSlider, .he #videoSlider {
background: url('../img/mob/video-bg.jpg') no-repeat center !important;
background-size: cover !important;
height: auto;
min-height: 400px;
padding: 0;
}
#video .col-md-4{
display: none;
}
#video{
position: relative;
padding-bottom: 70px;
}
#video .inner{
qheight: 300px;
qoverflow: auto;
}
#video .col-md-8{
padding-top: 15px;
}
#video h2{
display: none;
}
#video h3{
position: absolute;
bottom: 0;
right: 0;
height:64px;
background: #1586D2;
margin: 0;
line-height: 64px;
padding: 0 40px;
color: #fff;
}
#video h3:after{
content: '';
display: block;
width: 52px;
height: 64px;
background: url('../img/mob/blue-title.png') no-repeat;
position: absolute;
bottom: 0;
left: -51px;
}
#nagishSlider {
background: url('../img/mob/nagish-bg.jpg') no-repeat center !important;
background-size: cover !important;
height: auto;
min-height: 400px;
padding: 0;
}
#nagish .col-md-4{
display: none;
}
#nagish{
position: relative;
padding-bottom: 70px;
}
#nagish .inner{
qheight: 300px;
qoverflow: auto;
}
#nagish .col-md-8{
padding-top: 15px;
}
#nagish h2{
display: none;
}
#nagish h3{
position: absolute;
bottom: 0;
left: 0;
height:64px;
background: #31D261;
margin: 0;
line-height: 64px;
padding: 0 40px;
color: #fff;
}
#nagish h3:after{
content: '';
display: block;
width: 52px;
height: 64px;
background: url('../img/mob/green-title.png') no-repeat;
position: absolute;
bottom: 0;
right: -51px;
}
#clients {
background: none;
padding-bottom: 0px;
position: relative;
}
#clients article{
padding: 15px 0 80px;
}
#clients h2{
display: none;
}
#clients h4{
position: absolute;
bottom: 0;
right: 0;
height:64px;
background: #1586D2;
margin: 0;
line-height: 64px;
padding: 0 40px;
color: #fff;
}
#clients h4:after{
content: '';
display: block;
width: 52px;
height: 64px;
background: url('../img/mob/blue-title.png') no-repeat;
position: absolute;
bottom: 0;
left: -51px;
}
#clientSlider{
background: url('../img/mob/clients-bg.jpg') no-repeat center !important;
background-size: cover !important;
height: auto;
min-height: 177px;
padding: 0;
}
#clientSlider .owl-item, #clientSlider .owl-item div{
height: auto;
min-height: 362px;
}
#clientSlider .owl-item img{
opacity: 1;
}
#clientSlider .owl-buttons .owl-prev{
left: 4.5%;
}
#clientSlider .owl-buttons .owl-next{
right: 4.5%;
}
.he #clientSlider .owl-buttons .owl-prev{
left: auto;
right: 4.5%;
}
.he #clientSlider .owl-buttons .owl-next{
right: auto;
left: 4.5%;
}
#reviewSlider .owl-buttons .owl-prev, #reviewSlider .owl-buttons .owl-next{
width: 14px;
height: 22px;
margin-top: -75px;
}
#reviewSlider .owl-buttons .owl-prev{
background: url('../img/mob/gray-nav-left.png') no-repeat !important;
background-size: contain !important;
left: 1.5%;
}
#reviewSlider .owl-buttons .owl-next{
background: url('../img/mob/gray-nav-right.png') no-repeat !important;
background-size: contain !important;
right: 1.5%;
}
.he #reviewSlider .owl-buttons .owl-prev{
background: url('../img/mob/gray-nav-right.png') no-repeat !important;
background-size: contain !important;
left: auto;
right: 1.5%;
}
.he #reviewSlider .owl-buttons .owl-next{
background: url('../img/mob/gray-nav-left.png') no-repeat !important;
background-size: contain !important;
right: auto;
left: 1.5%;
}
#reviewSlider .owl-controls{
display: block !important;
}
#clients #review-img{
display: none;
}
#portfolio{
display: none;
}
.review-item .back{
display: none;
}
.reviews .review-item{
margin: 0 1%;
text-align: center;
}
.reviews .review-item a{
width: 100%;
height: auto;
margin-bottom: 0;
padding: 0 15%;
}
.review-item .front, .review-item .back{
position: relative;
top: auto;
left: auto;
height: auto;
width: 100%;
}
#contactForm{
padding: 15px 0;
background: url('../img/mob/contacts-bg.jpg') no-repeat top center !important;
background-size: cover !important;
}
#contactForm h2{
display: none;
}
#contactForm .inner{
padding: 0 15px;
}
#wfd-link, #wfd{
display: none !important;
}
.contactformMobile{
display: block;
padding: 1px;
max-width: 500px;
margin: 0 auto;
}
.contactformMobile .left, .contactformMobile .right{
width: 50%;
margin-bottom: 15px;
}
.contactformMobile .left{
float: left;
}
.contactformMobile .right{
float: right;
}
.contactformDesktop{
display: none;
}
::-webkit-input-placeholder {color:#000;}
::-moz-placeholder {color:#000;}/* Firefox 19+ */
:-moz-placeholder {color:#000;}/* Firefox 18- */
:-ms-input-placeholder {color:#000;}
#contactForm textarea{
padding: 0 10px;
height: 70px;
}
#contactForm input[type="text"], #contactForm input[type="email"]{
font-size: 14px;
height: 30px;
line-height: 30px;
max-width: 100%;
margin-bottom: 5px;
padding: 0 10px;
}
#contactForm p:nth-of-type(1){
margin-top: 0;
}
#contactForm p label{
margin: 0;
font-size: 14px;
}
input[type="checkbox"] + label span{
margin: -1px 5px 0 0;
}
#contactForm textarea{
font-size: 14px;
}
#contactForm input[type="submit"], .he #contactForm input[type="submit"] {
background: #55c5d0;
font-size: 14px;
color: #fff;
border: none;
padding: 5px 30px 7px;
float: none;
margin: 0 auto 0;
text-decoration: underline;
display: block;
}
.he .col-md-4, .he .col-md-5, .he .col-md-6, .he .col-md-7, .he .col-md-8, .he .col-md-9{
float: none;
}
.desktopHide{
display: none;
}
#footer, .he #footer {
background: none;
height: auto;
padding: 30px 0 0;
text-align: center;
}
.small-logo{
display: block;
margin: 0 auto 30px;
}
.ru-foot-phones, .he-foot-phones{
padding: 0;
}
.seo-block{
background: url('../img/mob/footer-bg.jpg') no-repeat center;
background-size: cover;
padding: 50px 30px;
}
.seo-block ul{
padding: 0;
max-width: 220px;
display: block;
margin: 0 auto;
}
.seo-block ul li{
font-size: 11px !important;
}
span.wpcf7-list-item{
font-size: 12px;
}
.header .logo{
width: 280px;
height: 116px;
background: url('../img/logo.png') no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: relative;
}
.he .header .logo{
width: 280px;
height: 116px;
background: url('../img/logo_he.png') no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: relative;
}
#Stage_logo2{
left: 0 !important;
top: 0 !important;
width: 230px !important;
background-size: contain;
height: 62px !important;
}
.he #Stage_logo2{
background: url('../img/logo_he.png') no-repeat !important;
background-size: contain !important;
}
#Stage_Ellipse2, #Stage_hours, #Stage_minutes, #Stage_seconds {
left: -83px !important;
top: -39px !important;
}
#Stage{
width: 230px !important;
background-size: contain;
height: 62px !important;
margin: 0 auto !important;
}
.headingBtn{
display: none !important;
}
.jq-checkbox{
margin-right: 0;
}
.he .jq-checkbox {
margin: -1px 0 0 0;
}
.contactformMobile .col-md-12{
padding: 0;
}
.he .contactformMobile .col-md-12 textarea{
margin-bottom: 5px;
}
.g-recaptcha{
margin: 0 auto 30px;
display: block;
}
.he .g-recaptcha{
float: right;
}
.make-banner, .company-nav, .breadcrumbs{
display: none;
}
.content h1{
height: 64px;
background: #32C1D0;
margin: 0;
line-height: 64px;
padding: 0 20px 0 20px;
color: #fff;
text-align: right;
margin-left: 60px;
position: relative;
display: inline-block;
float: right;
font-size: 20px;
}
.content h1:after{
content: '';
display: block;
width: 52px;
height: 64px;
background: url('../img/mob/green-blue-title.png') no-repeat;
position: absolute;
bottom: 0;
left: -51px;
}
.content .text{
padding: 15px 15px 0;
}
.make-sites{
padding-bottom: 10px;
}
.response-img img{
width: 100%;
height: auto;
}
.content iframe{
width: 100% !important;
height: 300px !important;
}
.g-recaptcha iframe{
width: 304px !important;
height: 78px !important;
position: relative;
z-index: 1;
}
.videos-block a {
width: 300px;
height: 150px;
margin: 0 auto 15px;
}
.content a{
text-decoration: underline;
}
#mobMap{
width: 100%;
height: 285px;
}
.person{
float: none !important;
width: 300px;
margin: 0 auto 15px;
text-align: center;
min-height: 320px;
height: auto;
}
.person .front {
transform: initial;
}
.person .front, .person .back{
display: block;
transform-style: initial;
}
.person .back{
display: none;
}
.person:hover .front{
transform: rotateY(0deg);
}
.person:hover .back{
display: none;
}
.portfolio-item{
float: none;
width: 310px;
margin: 0 auto 20px;
}
.portfolio-img-wrap{
width: 300px;
height: 315px;
margin: 0 auto;
}
.portfolio-page-nav .inner{
padding: 0 15px;
}
.portfolio-item .name h2{
font-size: 20px;
line-height: 30px;
}
.portf-title{
margin: 0 !important;
height: auto !important;
text-align: center !important;
padding: 10px 15px !important;
line-height: 22px !important;
width: 100%;
}
.portf-title:after{
display: none !important;
}
.portfolio-single-title{
padding: 0 15px;
margin-bottom: 5px;
}
#singlePortfolio .owl-buttons .owl-prev, #singlePortfolio .owl-buttons .owl-next{
top: 25%;
}
.portfolio-nav .nav .sub-menu{
left: 0;
right: 0;
background: #fff;
width: 100%;
display: none !important;
}
#menu-portfolio_menu_he{
padding: 0;
}
#menu-item-76, #menu-item-580{
width: 100%;
}
.portfolio-nav{
padding: 15px 0;
display: none;
}
.portfolio-nav .nav{
text-align: center;
flex-direction: column;
}
.portfolio-nav .nav li{
float: none;
display: inline-block;
margin: 0 3px 5px !important;
}
.portfolio-nav .nav li a{
margin: 0 !important;
padding: 10px 15px;
border: none !important;
}
.portfolio-nav .nav li a:hover, .portfolio-nav .nav li a:focus, .portfolio-nav .nav li.current-menu-item a, .portfolio-nav .nav li.current-category-parent a{
background: #55c5d0;
}
.jq-checkbox.checked .jq-checkbox__div {
margin-top: 0;
}
.review-single img{
display: block;
margin: 0 auto 15px;
float: none !important;
}
.review-item{
width: 100%;
padding: 0 15px;
}
.review-item img{
display: block;
margin: 0 auto 15px;
}
.infolist__item{
flex-direction: column;
margin: 0 auto 30px;
}
.infolist__image, .infolist__content{
width: 100%;
}
.infolist__image img{
max-width: 300px;
}
.infolist__logo {
margin-bottom: 30px;
text-align: center;
max-width: 300px;
margin: 0 auto 30px;
}
.infolist__text {
padding: 0 15px;
}
.infolist__link {
margin-top: 0;
padding: 0 15px;
}
#reviewSlider{
margin: 30px auto;
}
#toUp{
position: fixed;
width: 104px;
height: 104px;
background: url('../img/up.png') no-repeat;
bottom: 55px;
right: 15px;
z-index: 5555;
display: none;
}
#footer nav.social-btns{
display: block;
margin-top: 15px;
}
#footer nav.social-btns ul{
margin-bottom: 0;
}
#footer nav.social-btns li:before, #footer nav.social-btns li:after{
content: '';
}
#footer nav.social-btns li, #footer nav.social-btns li a{
max-width: 30px;
}
#footer nav.social-btns li img{
width: 100%;
height: auto;
}
.contact__page{
flex-direction: column;
justify-content: center;
align-items: center;
}
.contact__page__block{
margin-bottom: 30px;
height: auto;
}
.nagishut__page{
flex-direction: column;
}
.nagishut__page .text{
width: 100%;
}
.nagishut__img{
width: 100%;
text-align: center;
margin-top: 30px;
padding: 0 15px;
}
.nagishut__img img{
width: 100%;
}
.nagishut__form .left, .nagishut__form .right{
width: 100%;
}
.nagishut__form{
padding: 10px;
}
.nagishut__form .all-width{
width: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.video-menu{
flex-wrap: wrap;
}
.video-menu-item{
width:100%;
}
.video-block-section .inner{
padding: 0 15px;
}
.video-block-section {
padding-bottom: 30px;
}
.social-block {
margin: 0px auto;
padding: 0 15px;
}
#socialSliderOne, #socialSliderTwo{
margin-bottom: 0;
}
.social-block br{
display: none;
}
.nagishut__form label{
display: block;
}
.portfolio-items{
margin-top: 30px;
}
.lead__form__block{
margin: 30px auto 0;
max-width: 500px;
}
.lead__form__top, .lead__form__bottom{
flex-direction: column;
}
.lead__form__top input[type="text"]{
width: 100%;
margin: 0 0 15px;
}
.lead__form .g-recaptcha{
margin: 0 auto 15px;
}
.lead__form input[type="submit"]{
margin: 0 auto;
position: relative;
z-index: 100;
}
.content{
z-index: auto !important;
}
}
@media(max-width:700px) {
#toUp{
position: fixed;
width: 50px;
height: 50px;
background: url('../img/mob/icons/toUp.png') no-repeat;
bottom: 55px;
right: 15px;
z-index: 5555;
display: none;
}
#catalogSlider .owl-item div, #catalogSlider .owl-item{
height: auto;
min-height: 177px;
}
#buildSlider .owl-item, #buildSlider .owl-item div{
height: auto;
min-height: 177px;
}
#buildSlider .owl-item img{
width: 45%;
margin-top: -30px !important;
}
#seo .col-md-4{
background: url('../img/mob/promotion-bg.jpg') no-repeat center;
background-size: cover;
height: auto;
min-height: 180px;
padding: 0;
}
#videoSlider, .he #videoSlider {
background: url('../img/mob/video-bg.jpg') no-repeat center !important;
background-size: cover !important;
height: auto;
min-height: 177px;
padding: 0;
}
#nagishSlider {
background: url('../img/mob/nagish-bg.jpg') no-repeat center !important;
background-size: cover !important;
height: auto;
min-height: 177px;
padding: 0;
}
#clientSlider .owl-item, #clientSlider .owl-item div{
height: auto;
min-height: 177px;
}
.seo-block{
background: url('../img/mob/footer-bg.jpg') no-repeat center;
background-size: auto;
padding: 50px 30px;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next{
width: 38px;
height: 38px;
margin-top: -19px;
}
.owl-buttons .owl-prev {
background-color: none !important;
background: url('../img/mob/nav-left.png') no-repeat !important;
background-size: contain !important;
}
.owl-buttons .owl-next {
background-color: none !important;
background: url('../img/mob/nav-right.png') no-repeat !important;
background-size: contain !important;
}
.he .owl-buttons .owl-prev {
background-color: none !important;
background: url('../img/mob/nav-right.png') no-repeat !important;
background-size: contain !important;
}
.he .owl-buttons .owl-next {
background-color: none !important;
background: url('../img/mob/nav-left.png') no-repeat !important;
background-size: contain !important;
}
#socialSliderOne .owl-buttons .owl-prev, #socialSliderTwo .owl-buttons .owl-prev {
background: url(../img/icons/nav-prev.png) no-repeat !important;
background-size: contain !important;
left: 1%;
width: 30px;
height: 30px;
margin-top: -15px;
top: 35%;
}
#socialSliderOne .owl-buttons .owl-next, #socialSliderTwo .owl-buttons .owl-next {
background: url(../img/icons/nav-next.png) no-repeat !important;
background-size: contain !important;
right: 1%;
width: 30px;
height: 30px;
margin-top: -15px;
top: 35%;
}
.he #socialSliderOne .owl-buttons .owl-prev, .he #socialSliderTwo .owl-buttons .owl-prev {
right: 1%;
left: auto;
}
.he #socialSliderOne .owl-buttons .owl-next, .he #socialSliderTwo .owl-buttons .owl-next {
right: auto;
left: 1%;
}
h2{
font-size: 24px;
}
}
@media(max-width:320px) {
#buildSlider {
background: url(../img/mob/portfolio-bg.jpg) no-repeat -2px center;
background-size: contain;
height: auto;
min-height: 177px;
}
.create__section_orange__first img, .he .create__section_orange__first img{
max-width: 240px;
}
.create__section__green__first .scroll-block, .he .create__section__green__first .scroll-block{
width: 250px;
}
.laptop-viewport, .he .laptop-viewport {
width: 188px;
height: 118px;
position: absolute;
overflow: hidden;
top: 11px;
right: 29px;
}
.create__section__gray__first .scroll-block, .he .create__section__gray__first .scroll-block{
width: 250px;
}
.desktop-viewport, .he .desktop-viewport {
width: 232px;
height: 132px;
overflow: hidden;
position: absolute;
top: 9px;
left: 9px;
}
.create__section__gray__third .scroll-block, .he .create__section__gray__third .scroll-block {
width: 250px;
}
.create__section__green__second .scroll-block, .he .create__section__green__second .scroll-block{
width: 250px;
}
.tablet-viewport, .he .tablet-viewport {
position: absolute;
top: 12px;
left: 22px;
width: 205px;
height: 145px;
overflow: hidden;
}
.macbook-pro, .he .macbook-pro{
width: 250px;
}
.orange__third_left, .he .orange__third_left{
width: 250px;
}
.scroll-block-phone, .he .scroll-block-phone{
width: 250px;
}
.phone-viewport, .he .phone-viewport {
width: 218px;
height: 389px;
position: absolute;
top: 57px;
left: 17px;
overflow: hidden;
}
}