@charset "UTF-8";
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
}
body{font-family:'helvetica neue',helvetica,arial,sans-serif;-webkit-font-smoothing:antialiased;color:#444;background:#f8f8f8 url(../img/gray-bg.jpg)}

#editbar > div > ul > li{float:left;margin-right:10px}
#editbar > div > ul > li > a > img{border:1px solid #7E9EC0;padding:2px;opacity:0.4;border-radius:4px;width:48px;height:48px}
#editbar > div > ul > li > a:hover > img{opacity:1/*;background:#eee !important*/}
#editbar > div > ul > li > a.active > img{opacity:1 !important;border:1px solid #fa3}
#editbar > div > ul > li > a.saving > img{background:url(../img/loading.gif) no-repeat center center}
#editbar{
	/*background:#7E9EC0;*/
	background:#fff;
	border-bottom:4px solid #475d69;
	display:block;
	padding:6px 0 0 0;
}
#x-html-editor {
	position: absolute;
	top: 70px;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top:1px 0 10px 0;
}

/*
.clearfix:after{content:".";display:block;clear: both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}

html,body,div,span,nav,menu,figure,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;
}
*/
.gallery-title {
	padding: 30px 0;
	margin-bottom: 5px;
	line-height: 1.5em;
	color: #fff;
	background: rgb(71, 93, 105);
}
a:focus,
a:hover {color: inherit;text-decoration: none;}
a{color:rgb(84,153,255)}
a:focus,
a:active{outline:none}
menu a:hover{color: #fff;box-shadow: 0px 5px 0px -4px #fff;}

body > header{border:0;margin:0;padding:50px 0 0;background: #d8d8d8;border-bottom: 1px solid #ccc;}

body > header nav{background: #475D69;position: fixed;top: 0;left: 0;right: 0;z-index: 10;border-bottom: 1px solid #ddd;}
body > header nav > menu{display:block;padding:12px 0 12px 0}
body > header nav > menu li{ display: inline-block;margin-right:10px;font-size:1em}
body > header nav > menu li a{padding:15px 10px;color:#fff}
body > header nav > menu li a.active{background: #b2b2b29c;}
body > header nav > menu li span{padding:2px 10px;color:#e3e3e3}
body > header > div h1{font-size:1em;font-weight:normal;padding:0;margin:0 0 10px 0}

body > footer{padding:30px auto;background:#475D69}
body > footer > section{margin:0 auto;border:0}
body > footer > p{padding:20px 0 10px 0;margin:0 auto;text-align:center;color:#aaa;font-size:0.8em}
body > footer img{width:40px;opacity:.6}
body > footer a{color:#efefef}
body > footer a.city{margin:0;border:0;background:none}

.spacer-10,.spacer-20,.spacer-30,.spacer-40,.spacer-50,.spacer-60,.spacer-70,.spacer-80,.spacer-90,.spacer-120,.spacer-130,.spacer-150,.spacer-200 {
	margin:10px 0;
	border-color:transparent !important;
}
.spacer-10{
	margin:10px 0;
}
.spacer-20{
	margin:20px 0;
}
.spacer-30{
	margin:30px 0;
}
.spacer-40{
	margin:40px 0;
}
.spacer-50{
	margin:50px 0;
}
.spacer-60{
	margin:60px 0;
}
.spacer-70{
	margin:70px 0;
}
.spacer-80{
	margin:80px 0;
}
.spacer-90{
	margin:90px 0;
}
.spacer-120{
	margin:120px 0;
}
.spacer-130{
	margin:130px 0;
}
.spacer-150{
	margin:150px 0;
}
.spacer-200{
	margin:200px 0;
}

header hgroup > h1{padding-top: 40px;line-height:40px;font-family:oswald,sans-serif;font-size:1.9em;font-weight:normal;text-transform:uppercase}
header hgroup > h1 dfn,span{font-family:inherit;font-style:normal}
header hgroup > h2{font-size:1.6em;font-weight:normal}
figcaption hgroup > h2{display:flex}
header a{color:inherit}
p{padding:0 2px;font-size:1em;text-align:justify}
footer{margin:20px 0 0}
section{margin-top:40px}
section:first-child{margin-top:25px}
section.about{margin-top:20px}
section h3{width: 100%;border-bottom:2px solid #555;font-weight:normal;padding-bottom:5px;margin-bottom:20px}
section p{margin:10px 0;line-height:18px;text-align:justify}

#logo{
	padding: 5px 0;
}

#logo h1 {
  padding: 0;
  margin: 0 0 10px 0;
  font-family: oswald,sans-serif;
  font-size: 1.9em;
  font-weight: normal;
  text-transform: uppercase;
}
#logo h2 {
  font-size: 1.3em;
  margin: 0 0 10px 0;
  padding: 0;
}
#logo h3 {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  color: #935214;
}
.logo-img img {
  height: 110px;
}
.logo-text {
  flex: 1;
  margin: 0 20px 0 40px;
}
.logo-contacts {
  font-size: 1.6em;
  margin-left: auto;
}
.logo-inner {
  display: flex;
  align-items: center;
  width: 100%;
}
/*
#logo .glass {padding:10px;background:#ededed;box-shadow:#ddd 2px 2px 4px}
#logo .glass a{font-family:oswald,georgia,serif;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:rgb(255, 110, 74)}
#logo .glass img{display:none}
*/
#logo .glass sup{
	padding: 0;
	margin: 0;
	vertical-align: top;
	font-family: oswald;
	text-decoration: none !important;
}

#logo .phone a{font-family:helvetica,tahoma,arial;color: #4096d0;}
#logo .license {font-size:.7em;color:#475d69}

.fa-align-justify {font-size: 28px;}

.btn-modal {
	margin-left: 30px;
}

/*
.service figure img {
	border: solid 5px #FFF;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 1px 3px #bbb;
	-webkit-box-shadow: 0px 1px 3px #bbb;
	box-shadow: 0px 1px 3px #bbb;
}
*/
.service {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
	grid-gap: 2rem;
}

.service figure {
	margin: 0;
    position: relative;
    box-shadow: 0 0 0 0.5px #999999;
    overflow: hidden;
    padding-top: 80%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s;
}
/*
.service figure img {
	display: none;
	width: 100%;
}
*/
.service figure a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.service figcaption {
	display: none;
}

figcaption {
	padding: 10px;
    color: #444;
}

.shower-doors {
	background: url('../img/quality-1.jpg')
}

.shower-doors-1 {
	background: url('../img/quality-5.jpg')
}

.glass-railings {
	background: url('../img/quality-2.jpg')
}

.glass-railings-1 {
	background: url('../img/quality-4.jpg')
}

.mirrors {
	background: url('../img/quality-3.jpg')
}

.special {
	background: url('../img/quality-6.jpg')
}


#props{line-height:25px;margin: 40px 0 0 0;}
#props + p {
  margin-top: 40px;
}
#props > li > span,a{font-size:1em}
#props > li:nth-child(even){background:#ededed}
#props > li > span:first-child{display:inline-block;width:120px;text-align:right;padding-right:10px}

#product > div.two-col {display:flex}
#product > div.two-col > div:first-child{flex: 1 1 80%;padding:0 20px 0 0}
#product > div.two-col > div:first-child > h2{border-bottom:2px solid #555;padding:0;padding-bottom:4px;font-size:1.1em;font-weight:normal;margin-bottom:6px}
#product > div.two-col > div:first-child > h3{font-size:.9em;font-weight:normal}
#product > div.two-col > div:last-child{width:40%;position:relative;top:-55px}
#product > div > div > figure{text-align:center;border:1px solid #e3e3e3;border-radius:2px;background:#fff;padding:5px}
#product > div > div > figure > a:last-child{display:block;background:#ededed;padding:5px}
#product > div > div > figure > a > img{width:100%;border:0}
#product > div > div > figure > figcaption {margin:10px auto;font-weight: normal;font-size:1em}
#product > div > div > figure > span{font-size:0.8em}
#product > div > div > p{line-height:18px;text-align:justify}
#product > div > div > p.note{border:1px solid #e3e3e3;background:#fff;padding:10px;border-radius:4px;text-align:left}

#pictures{margin:0;padding:0;width:100%}
#pictures > li{float:left;margin:0;padding:0;text-align:justify/*;width:33.33%*/}
#pictures > li > a > img{/*width:80%;*/height:100px;max-width:100px;margin:4px;border:7px solid #fff}
#pictures > li:nth-child(3n-2) > a > img{margin-left:0}
#pictures > li:nth-child(3n+3) > a > img{margin-right:0}

#cities{padding:1px;border:1px solid #e3e3e3;border-radius:2px}

a.portfolio{display:inline-block;margin-top:10px;font-size:1em}

.header-gallery > div {
	padding: 0 15px;
}

.gallery-box {
    display: grid;
    grid-gap: 2rem;
    padding: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.gallery { padding-top: 30px}
.gallery-box li,
.gallery li{ margin-bottom: 30px}
.gallery-box div,
.gallery div{padding:10px 10px 20px;border:1px solid #e3e3e3;text-align:center;font-size:1em;border-radius:4px;background:#ededed}
.gallery-box a,
.gallery a{display:block;color: inherit;}
.gallery-box img,
.gallery img{width:100%;border:5px solid #fff;background:#fff url(../img/loading.gif) no-repeat center center}
.gallery-box span,
.gallery span{ display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

span.highlight{line-height: 22px;padding:0 2px;border:1px solid #e3e3e3;background:#f5f5f5;border-radius:2px;margin:2px 0}
span.city{font-size:.9em;display:inline-block;margin:2px 0;padding:0 3px;border:1px solid #e3e3e3;background:#ededed;border-radius:2px}
a.city{display:inline-block;font-size:.74em;margin:2px 0;padding:1px 3px;border:1px solid #e3e3e3;background:#f5f5f5;border-radius:2px}

.gallery-box .embed {
  position: relative;
  padding-bottom: 62.5%;
}
.gallery-box .embed iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gallery-box .embed-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none !important;
}

.sizer{max-width:980px;margin:0 auto}

.top-dashed {
	margin: 0 0 20px 0;
	border-top: 1px dashed #e3e3e3;
}

.close {
	font-size: 28px;
	color: #fff!important;
	text-shadow: none;
	opacity: 1;
}

.modal-body span {
	font-size: 1.5em;
}

.modal-backdrop {
	background-color: #475D69;
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-dialog {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.modal-content {
	border: none;
    background: transparent;
}

.modal-body {
	display: flex;
    flex-direction: column;
}

.modal-body .menu__item {
    flex-direction: column;
	padding-bottom: 0px;
	margin-bottom: 25px;
	font-size: 18px;
	color: #fff;
}

.nav-icon {
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #2a333c;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hidden-md-up.red .nav-icon span {
	background: #fff;
}

.nav-icon span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

.nav-icon span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}

.nav-icon span:nth-child(1),
.nav-icon span:nth-child(2) {
  top: 0px;
}

.nav-icon span:nth-child(3),
.nav-icon span:nth-child(4) {
  top: 10px;
}

.nav-icon span:nth-child(5),
.nav-icon span:nth-child(6) {
  top: 21px;
}

.nav-icon.open span:nth-child(1),
.nav-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-icon.open span:nth-child(2),
.nav-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-icon.open span:nth-child(1) {
  left: 2px;
  top: 4px;
}

.nav-icon.open span:nth-child(2) {
  left: calc(50% - 2px);
  top: 4px;
}

.nav-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.nav-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.nav-icon.open span:nth-child(5) {
  left: 2px;
  top: 15px;
}

.nav-icon.open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 15px;
}

.service-list {
	padding-top: 50px;
	/*background: url(/slyder/images/bg.png);
	background-size: cover;*/
  }

span.service-ico {
	display: block;
	text-align: center;
  }
  .service-ico i {
	text-align: center;
	width: 50px;
	height: 50px;
	background: #475D69;
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	border-radius: 50%;
	margin-bottom: 30px;
  }
  .s-sep {
	display: block;
	width: 50px;
	height: 1px;
	background: #475D69;
	margin: 0 auto;
	margin-bottom: 30px;
  }
  .service-item {
  	text-align: center;
  	margin-bottom: 0;
  	border: 1px solid #475D69;
  	padding: 30px;
  	margin-bottom: 30px;
  	-webkit-transition: all ease 0.5s;
  	-moz-transition: all ease 0.5s;
  	transition: all ease 0.5s;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .service-item:hover {
	background: #475D69;
  }
  .service-item:hover i {
	background: #ffffff;
	color: #475D69;
  }
  .service-item h3, .service-item p {
	color: #ffffff !important;
  }
  .service-item .s-sep {
	background: #ffffff;
  }
  .service-item:hover .btn-sm, .service-item .btn-sm:hover {
	color: #ffffff;
	border: 2px solid #ffffff;
  }

  .service-item--doors {
    background-image: url('/shower-doors/high/single-shower-door-with-3-hinges-anaheim.jpg');
  }

  .service-item--railings {
    background-image: url('/glass-railings/high/glass-stairs-top-base-shoe-mount-mission-viejo.jpg');
  }

  .service-item--mirrors {
    background-image: url('/mirrors/high/wide-bathroom-mirror.jpg');
  }

  .btn-primary, .btn-sm {
	padding: 10px 28px;
	border: 2px solid transparent;
	border-radius: 0;
	font-size: 16px;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
  }

@media (max-width:767px) {
	#logo{
		padding-top: 10px;
		border-top: 10px solid #475D69;
	}
	#logo > :nth-child(2) {
		margin-right: auto;
		margin-left: initial;
	}
	.gallery div {
		padding: 1px 1px 10px;
		border: 1px solid #e3e3e3;
	}
	.gallery img {
		border: 1px solid #fff;
	}
	.gallery span {
		    padding: 0 4px;
	}
	body > header {
		padding: 0;
	}

}

@media (max-width:999px){
	.sizer{padding-left:10px;padding-right:10px}
	section.list > ul > li > a{width:260px;height:312px}
	#product > div.two-col > div:last-child{top:auto}
	#props > li > span:first-child{text-align:left;font-weight:bold;display:block}
	#props > li > span.nolbl{display:none}
}
@media (max-width:659px){
	#product > div.two-col > div{display:block}
	#product > div.two-col > div:last-child{width:auto;display:none}
	#cities{display:none}
	section.list > ul{padding:0}
	section.list > ul > li > div{padding:10px 0;width:auto;height:auto;background:#fff;min-width:240px;min-height:320px}
	section.list > ul > li:nth-child(n+5){display:none}
}

/* new */
.header__top-title {
  text-align: center;
  color: #5499ff;
  font-weight: 700;
  margin-bottom: 5px;
}
.header__top-text {
  text-align: center;
}

.services__list {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap
}
.services__list-item {
  padding: 0 15px;
  width: 33.3333%;
}
.services__list-img {
  font-size: 0;
  line-height: 1;
}
.services__list-img img {
  width: 100%;
}
.services__list-price {
  text-align: center;
  font-weight: 700;
}

.video__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.video__list-item {
  padding: 0 15px;
  width: 33.3333%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.video__container {
  display: block;
  position: relative;
  font-size: 0;
  line-height: 1;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 10px;
}
.video__container::before {
  content: url(../img/youtube-60.svg);
  font-size: 0;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: opacity 0.4s ease-in-out;
}
.video__container img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.video__container:hover::before {
  opacity: 0.8;
}
.video__title {
  color: #5499ff;
  font-weight: 700;
}
.video__text {
  margin-top: 15px;
}
.video__price {
  margin-top: auto;
  font-weight: 700;
}


.reviews__slider .owl-nav button.owl-prev, .reviews__slider .owl-nav button.owl-next {
  outline: none;
  border: none;
  font-size: 70px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.reviews__slider .owl-nav button.owl-prev {
  left: -30px;
}
.reviews__slider .owl-nav button.owl-next {
  right: -30px;
}


.reviews__item {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  border: 1px solid rgb(204, 204, 204, 0.6);
  background: #fff;
  border-radius: 5px;
}

.reviews__item a {
  font-size: 0;
  line-height: 1;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.reviews__item a img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.reviews__item-img {
  width: 100%;
  display: flex;
  justify-content: center;
}

.reviews__item-img img {
  max-width: 160px;
}

.reviews__item-text {
  text-align: center;
  margin: 30px 0;
}

.reviews__item-text p {
  text-align: center;
  line-height: 24px;
}

.reviews__item-name {
  margin-top: auto;
  font-weight: 700;
}

.button__wrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.button__wrap a + a {
  margin-left: 20px;
}

.button__style {
  cursor: pointer;
  outline: none !important;
  border: none;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  transition: all 0.4s ease-out;
}

.button__style:hover {
  color: #fff;
}

.button__style.red {
  background: #e00707;
}

.button__style.red:hover {
  background: #f40d15;
}

.button__style.blue {
  background: #5499ff;
}

.button__style.blue:hover {
  background: #475D69;
}

.button__style.white {
  border: 1px solid #5499ff;
  background: #fff;
  color: #5499ff;
}

.button__style.white:hover {
  background: #5499ff;
  color: #fff;
}

.contacts__page h1 {
  font-family: oswald,sans-serif;
  font-size: 1.9em;
  line-height: 1.2;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.contacts__page-text {
  margin-bottom: 40px;
}
.contacts__page-inner {
  display: flex;
}
.contacts__page-info {
  flex: 1;
  padding-right: 30px;
  font-size: 1.4em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contacts__page-info a {
  margin-bottom: 10px;
}

.contacts__page-form {
  width: 400px;
}
.contacts__page-form input, .contacts__page textarea {
  width: 100%;
  margin-bottom: 20px;
  outline: none;
  border: 1px solid #aaa;
  border-radius: 5px;
  height: 50px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}
.contacts__page-form input {
  height: 50px;
  display: flex;
  align-items: center;
}
.contacts__page-form textarea {
  height: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.contacts__page-form input:focus, .contacts__page textarea:focus {
  border-color: #5499ff;
}
.contacts__page-form input.error, .contacts__page textarea.error {
  border-color: #e00707;
}

.main__menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main__menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  height: 50px;
  color: #fff;
}

.main__menu a.active {
  background: #b2b2b29c;
}

.inner__text p {
  margin: 0;
}
.inner__text p + p {
  margin-top: 40px;
}
.inner__text .button__style {
  margin-top: 40px;
}

@media (max-width: 991px) {
  #logo h1 {
    font-size: 1.5em;
  }
  #logo h2, #logo h3 {
    font-size: 1em;
  }
  .logo-text {
    margin-left: 20px;
  }
  .logo-contacts {
    font-size: 1.3em;
  }
  .services__list-item, .video__list-item {
    width: 50%;
    margin-top: 40px;
  }
  .services__list-item:nth-child(-n+2), .video__list-item:nth-child(-n+2) {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .contacts__page-inner {
    flex-direction: column;
  }
  .contacts__page-info {
    flex: none;
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .contacts__page-form {
    max-width: 100%;
  }
  .logo-img img {
    height: 80px;
  }
  .logo-text {
    display: none;
  }
  .inner__text p + p, #props + p {
    margin-top: 20px;
  }
  #props {
    margin-top: 20px;
  }
}

@media (max-width: 575px) {
  .services__list-item, .video__list-item {
    width: 100%;
  }
  .services__list-item:nth-child(2), .video__list-item:nth-child(2) {
    margin-top: 40px;
  }
  .reviews__slider .owl-nav button.owl-prev {
    left: -10px;
  }
  .reviews__slider .owl-nav button.owl-next {
    right: -10px;
  }
}

@media (max-width: 420px) {
  .logo-img img {
    height: 60px;
  }
  .logo-contacts {
    font-size: 1.2em;
  }
  .btn-modal {
    margin-left: 20px;
  }
  .button__style {
    font-size: 14px;
    padding: 0 10px;
  }
}


/* new */