File: //proc/self/cwd/wp-content/themes/medialider/less/common.less
@blue: #343a64;
@gray: #8a98a2;
.row-no-gutter {
margin-right: 0;
margin-left: 0;
[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
}
html {
height: 100%;
}
body {
font: 16px/18px Arial, sans-serif;
height: 100%;
line-height: 1.2;
}
.wrapper {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
}
.font-light {
font-family: "LatoLight";
}
.font-bold {
font-family: "LatoBold";
}
.font-semibold {
font-family: "LatoSemiBold";
}
.font-regular {
font-family: "LatoRegular";
}
.font-black {
font-family: "LatoBlack";
}
.font-size-14 {
font-size: 14px;
}
.font-size-16 {
font-size: 16px;
}
.font-size-18 {
font-size: 18px;
}
.font-size-20 {
font-size: 20px;
}
.font-size-28 {
font-size: 28px;
}
.font-size-48 {
font-size: 48px;
}
.line-height-1 {
line-height: 1;
}
.font-color-blue {
color: @blue;
}
.font-color-gray {
color: @gray;
}
.font-color-white{
color: #ffffff;
}
.text-center {
text-align: center;
}
/* Middle
-----------------------------------------------------------------------------*/
.content {
padding: 0 0 260px;
}
.img-phone {
background: url("./img/phone-header.svg") no-repeat;
width: 45px;
height: 45px;
display: inline-block;
vertical-align: middle;
}
.img-point {
background: url("./img/img-point.svg") no-repeat;
width: 45px;
height: 45px;
display: inline-block;
vertical-align: middle;
}
.img-icon-fb {
background: url("./img/icon-fb.png") no-repeat;
width: 45px;
height: 45px;
display: inline-block;
vertical-align: middle;
}
.front-page__wrap-one-slide {
height: 700px;
width: 100%;
background: #000;
.img-phone {
background: url("./img/phone-white.svg") no-repeat;
}
.phone-number {
color: #ffffff;
}
.ml-btn, .logo-slide, .header-phone-block {
margin: 15px auto;
}
}
.player-back {
background: url("./img/Overlay.jpg") no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
height: 700px;
width: 100%;
}
.play-btn {
background: url("./img/play-btn.png") no-repeat;
width: 140px;
height: 140px;
margin-top: -70px;
position: relative;
top: 50%;
left: 50%;
margin-left: -70px;
cursor: pointer;
}
video {
padding-bottom: 200px;
width: 100%;
height: 500px;
position: absolute;
left: 0;
top: 0;
}
.wrap-one-slide__contain-content {
position: absolute;
width: 100%;
top: 0;
z-index: 120;
}
.logo-slide {
background: url("./img/logo-slide.png") no-repeat;
width: 120px;
height: 127px;
margin: 0 auto;
}
.head-title {
margin: 30px auto;
text-align: center;
}
.divImg{
height: 100%;
width: 100%;
background-position: center center!important;
background-size: cover!important;
}
.front-page__wrap-stocks {
background: url("./img/wrap-stocks.jpg") no-repeat;
background-size: cover;
background-position: center;
.stock-item {
position: relative;
background: #343a64;
height: 175px;
img {
height: 100%;
width: 100%;
opacity: .25;
display: block;
}
.divImg{
opacity: .25;
}
.stock-item__description {
position: absolute;
padding: 10px;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.price {
line-height: 1;
color: #ffffff;
padding: 6px 16px;
background: #ff6600;
border-radius: 3px;
font-size: 14px;
display: inline-block;
}
.stock-title {
font-size: 20px;
color: #ffc600;
text-align: center;
margin-top: 20px;
}
.stock-property {
font-size: 14px;
font-family: 'LatoRegular';
color: #ffffff;
text-align: center;
margin-top: 10px;
}
}
}
.stock-contain-btn {
margin-top: 15px;
text-align: center;
}
.stock-label {
padding: 25px 0 50px;
text-align: center;
}
.front-page__wrap-services,.woocommerce__wrap-services {
background: #dddddd;
.head-title {
margin: 50px auto;
}
.front-page__service-item {
padding: 25px;
background: #ffffff;
height: 182px;
.service-item__title, .service-item__description {
text-align: center;
margin-bottom: 10px;
}
}
}
.front-page__service-item-img, .category__service-item-img {
img {
display: block;
width: 100%;
}
}
.portfolio__item-img {
img {
height: 100%;
}
}
.service-contain-btn {
margin-top: 15px;
text-align: center;
margin-bottom: 15px;
}
.front-page__container-all-service-btn {
text-align: center;
}
@media (min-width: 992px) {
.row-md-service {
margin-top: 30px;
margin-bottom: 30px;
}
}
.front-page__our-company {
background: #ffffff;
img {
width: 100%;
display: block;
}
}
.front-page__group-companies {
position: relative;
background: #ffffff;
margin-bottom: 40px;
}
.row-group-company {
padding: 0 100px;
}
.guideline {
width: 100%;
height: 2px;
background: #e7eef3;
position: absolute;
top: 52px;
}
.point {
width: 10px;
height: 10px;
border: 2px solid #dde5ec;
position: absolute;
top: 48px;
z-index: 20;
background: #fff;
border-radius: 5px;
}
.point_green {
border: 2px solid #5dd062;
z-index: 30;
left: -15px;
}
.group-company {
display: inline-block;
.group-company__company-title {
margin-bottom: 50px;
}
.group-company__company-description, .group-company__company-title {
transition: all linear 200ms;
}
&:hover {
.group-company__company-title {
color: #5dd062;
}
.group-company__company-description {
color: #3c434c;
}
}
}
.category-layer, .single-layer {
background: #dddddd;
}
.category__service-item {
padding: 25px 20px 0;
background: #ffffff;
.service-item__title {
//margin-bottom: 15px;
text-align: center;
}
}
.wrap-menu {
position: fixed;
z-index: 120;
background: #333961;
max-width: 400px;
width: 100%;
height: 100%;
top: 0;
right: 0;
height: 100%;
.sidebar-menu {
//padding-left: 140px;
//padding-right: 100px;
text-align: center;
}
}
.menu-container {
//height: 100%;
//min-height: 550px;
//padding-bottom: 150px;
.logo-slide {
margin-top: 30px;
}
.row-sidebar-menu {
margin-top: 120px;
}
.sidebar-item {
a {
color: #ffffff;
text-decoration: none;
line-height: 1.3;
}
}
}
.menu-container__footer {
margin-top: 60px;
}
.online-pay {
background: #5dd062;
color: #ffffff;
position: fixed;
border-radius: 0 25px 25px 0;
top: 90px;
opacity: 0.8;
//left: -58px;
transition: all 300ms linear;
cursor: pointer;
z-index: 190;
p {
float: left;
margin: 12px;
width: 66px;
font-size: 12px;
}
.money {
margin: 15px 10px 0 0;
float: right;
}
&:hover {
opacity: 1;
left: 0;
}
.cart-contents{
color: #fff;
}
}
.money {
background: url("./img/money.svg") no-repeat;
width: 22px;
height: 21px;
}
.col-category-padd {
padding-top: 15px;
padding-bottom: 15px;
}
.small-image {
height: 240px;
}
.large-image {
height: 500px;
}
.menu-container__footer-phone-block {
margin-top: 30px;
.img-phone {
background: url("./img/phone-white.svg") no-repeat;
}
.phone-number {
color: #ffffff;
}
}
.sidebar-hide {
display: none;
}
.front-page__title-category-link {
text-decoration: none;
&:hover {
text-decoration: none;
}
&:focus {
text-decoration: none;
}
}
.online-order__title {
font-size: 18px;
color: #8a98a2;
font-family: "LatoBold";
}
.single__online-order {
background: #ffffff;
padding: 20px;
.form-group {
label {
font-size: 12px;
color: #343a64;
font-family: "LatoBold";
margin-bottom: 10px;
}
input {
border-radius: 18px;
}
}
}
.btn-single-submit {
display: block;
margin: 0 auto;
}
.single-img-block {
height: 400px;
width: 100%;
.DivImage {
background-position: center center !important;
}
}
.row-single {
margin-bottom: 60px;
}
div.bx-wrapper {
border: none;
}
div.bx-wrapper a.bx-next, div.bx-wrapper a.bx-prev {
width: 40px;
height: 40px;
margin-top: -20px;
z-index: 10;
}
div.bx-wrapper a.bx-next {
background: url("./img/btn-right.svg") no-repeat;
&:hover {
background-position: 0 0;
}
&:focus {
background-position: 0 0;
}
}
div.bx-wrapper a.bx-prev {
background: url("./img/btn-left.svg") no-repeat;
&:hover {
background-position: 0 0;
}
}
.portfolio__item-img {
height: 240px;
}
.portfolio__item {
height: 350px;
}
.portfolio-grid-item {
margin-bottom: 30px;
}
.video-wrap {
height: 100%;
}
.container-category, .container-single, .container-page {
.head-title {
margin-top: 5px;
}
}
.page-wrapper {
background: #dddddd;
}
.page-contacts-item {
height: 240px;
padding: 0 20px;
background: #ffffff;
.page-contacts__head-title {
padding-top: 25px;
}
.page-contacts__text {
margin-top: 20px;
color: #80909c;
}
}
.page-contacts-requisite {
color: #80909c;
font-size: 14px;
}
.page-contacts-item_margin {
margin-top: 30px;
margin-bottom: 30px;
}
.contacts-contain-btn {
text-align: center;
}
.screen-reader-text {
text-align: center;
position: relative;
top: 30px;
}
.nav-previous, .nav-next {
position: relative;
z-index: 2;
}
.nav-previous {
float: left;
}
.nav-next {
float: right;
}
.single__content-item {
padding-bottom: 42px;
}
.map-container {
margin-bottom: 60px;
}
.front-page__reviews {
background: #343a64;
height: 715px;
position: relative;
overflow: hidden;
}
.slider-nav {
.review-slide {
width: 400px;
}
}
.review-slide {
.review-item {
height: 300px;
width: 300px;
margin: 10px;
background: #FFF;
margin: 0 auto;
border-radius: 155px;
}
}
.slick-center {
.review-item {
transition: all 200ms linear;
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
-webkit-transform: scale(1.08);
opacity: 1;
transform: scale(1.08);
}
}
.front-page__reviews{
.head-title{
margin: 50px auto;
}
}
/*---Override woocommerce style*/
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
float: left;
//clear: both;
//width: 100%;
}
.product-item{
//height: 480px;
background: #ffffff;
margin-bottom: 30px;
img.attachment-shop_catalog{
width: 100%;
}
}
.single__online-order{
.quantity{
.qty{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 18px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
margin: 10px 0;
}
}
}
[type="submit"].single_add_to_cart_button,
.cart-collaterals .single_add_to_cart_button
{
font-family: "LatoBold";
font-size: 16px;
padding: 14px 40px;
border-radius: 30px;
line-height: 1;
outline: none;
cursor: pointer;
transition: all 200ms linear;
border: 1px solid transparent;
background: #5dd062;
color: #ffffff;
display: block;
margin: 0 auto;
opacity: .85;
float: none;
text-decoration: none;
&:hover{
opacity: 1;
text-decoration: none;
}
}
.cart-collaterals .cart_totals .single_add_to_cart_button{
display: inline-block;
}
div.woocommerce div.product form.cart div.quantity {
float: none;
width: 200px;
margin: 0 auto;
}
/*--- end Override woocommerce style*/
.term-description{
margin-bottom: 20px;
}
.col-single-content{
margin-bottom: 20px;
ul {
margin: 0.5em 0 0.5em 3em;
padding: 0;
}
strong{
font-weight: bold;
}
p{
padding: 0 0 18px;
}
}
/* экваринг*/
.bankcard_payment_text {
margin-top: 35px;
}
.bankcard_payment_text p {
margin: 20px 0 30px;
}
.page_text p {
padding: 0 0 18px;
}
.bankcard_payment_text .visa_master {
background: url("./img/visa-mastercard.png") no-repeat scroll 95% top;
min-height: 140px;
padding-right: 200px;
}
.bankcard_payment_text h2 {
font-family: Arial, sans-serif;
color: #a92593;
font-size: 16px;
font-weight: bold;
margin: 0.5em 0 0.8em 0;
text-transform: uppercase;
}
.bankcard_payment strong{
font-weight: bold;
}
/*end block*/