/* cmsms stylesheet: Template1200-grid modified: 07.03.2024 18:46:31 */
/* TEMPLATE 1200 v1.6 (by PMKMedia.nl/template1200) */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
.section > div > table > tbody > tr > td {
    display: inline-block;
    max-width: calc(50% - 10px);
    margin: 5px;
}
/* media css */
img{max-width:100%;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=button],input[type=submit],select,textarea{-webkit-appearance:none;border-radius:0;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],select,textarea{width:100%;}
/* general table css */
table{table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1200px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* cmsms stylesheet: Template1200-style modified: 20.11.2020 19:02:09 */
/* TEMPLATE 1200 v1.6 (by PMKMedia.nl/template1200) */



/* body css */

.height-200 img {
    max-height: 200px;
    display: inline-block;
}

body {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}

/* headings / paragraph margin css */

h1,h2,h3,h4,h5,h6,p {margin:10px;}

/* headings css */

h1 {font-size:30px;font-weight:400;color:#000;line-height:42px;}
h2 {font-size:26px;font-weight:400;color:#000;line-height:38px;}
h3 {font-size:22px;font-weight:400;color:#000;line-height:34px;}
h4 {font-size:20px;font-weight:400;color:#000;line-height:32px;}
h5 {font-size:18px;font-weight:400;color:#000;}
h6 {font-size:16px;font-weight:400;color:#000;}

/* list css */

ul {list-style-type:disc;margin:10px 40px;}
ol {list-style-type:decimal;margin:10px 40px;}
ul li {display:list-item;}
ol li {display:list-item;}

.price-plitk {
    font-size: 14px;
}
 table.price-plitk td {
    padding: 5px;
}
table {
    margin: 0 0 1.5em;

}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
    box-sizing: inherit;
}


a {color:#F60;text-decoration:underline;}
a:visited {color:#999;}
a:hover {color:#000;}
a:active {color:#333;}

/* CMSMS MicroTiny WYSIWYG Editor text left */

.CMSMSBody {text-align:left;}

/* elements css */


em {font-style:italic;}

.form input,.form textarea {background:#FFF;border:1px solid #000;padding:8px;font-family: Arial, Helvetica, sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.form input[type=submit],.form button {color:#FFF;background:#F60;border:0;font-weight:400;width:100%;}
.form input[type=submit]:hover,.form button:hover {background:#000;cursor:pointer;}
.form td {padding:0 12px;border:0;}

.search-form input {background:#FFF;border:0;padding:8px;font-family:Arial, Helvetica, sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.search-form input[type=submit]{display:none;}

/* content css */

#header_container {
	top: 0;
	left: 0;
	position: fixed;
	background: #FFF;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#header_container span {color:#F60;}

#content_container {
	margin-top: 60px;
	width: 100%;
}

.content_back {
	width: 100%;
	text-shadow: 0 0 5px #000;
	border-bottom: 1px solid #efefef;
	font-size: 22px;
	font-weight: 400;
	padding: 200px 0;
color: #ffffff;
}

.content_back p,.content_back h1,.content_back h2,.content_back h3,.content_back h4,.content_back h5,.content_back h6 {
	color: #FFF;

}

.content_blocks {
	background: #FFF;
	border-bottom: 1px solid #efefef;
	padding: 40px 0;
}

.content_blocks p {padding:5px;}

.content_blocks h1,.content_blocks h2,.content_blocks h3,.content_blocks h4,.content_blocks h5,.content_blocks h6 {

	color: #F60;
}

.news-content {
	text-align: center;
	border: 1px solid #efefef;
	border-radius: 5px;
	color: #000;
}

.news-content:hover {background:#f5f5f5;}

.news-content:hover > .orange_button {background:#000;}

.orange_button {
	margin: 20px;
	text-align: center;
	background: #F60;
	border-radius: 5px;
	font-weight: 400;
	color: #FFF;
}

.round {padding:30px;}

.round > div {
	border-radius: 50%;
	overflow: hidden;
}
.round img {
	display: block;
	width: 100%;
}

.image-article img {
	width: 100%;
	border-radius: 10px;
	display: block;
}

.footer {
	background: #666;
	padding-bottom: 30px;
	color: #CCC;
}

.footer a {color:#CCC;text-decoration:none;}
.footer a:hover{color:#999;}

.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
	padding: 5px;
	color: #CCC;
}

.footer p {
	padding: 0 5px;
	margin: 0 10px;
	color: #CCC;
}

.footer-desktop {display:block;}
.footer-mobile {display:none;}

.main-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	text-align: center;
}

.main-nav p {margin:0;}

.main-nav a {
	color: #999;
	font-weight: 300;
	text-decoration: none;
}

.main-nav a:hover {color:#CCC;}

.facebook-share {background:#42549a;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:5px;}
.twitter-share {background:#66ccff;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:5px;}
.facebook-share:hover,.twitter-share:hover {background:#000;color:#FFF;}
.facebook-share:visited,.twitter-share:visited {color:#FFF;}

.social img {width:18px;display:inline-block;}

.long-table {
    overflow-x: scroll;
    width: 100%;
    max-width: 1100px;
    padding: 5px;
    border: solid 2px #efefef;
    white-space: nowrap;
}

.long-table table.sectional-gates tr:nth-child(3) td:nth-child(1), .long-table table.sectional-gates tr:nth-child(1) td:nth-child(1) {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.long-table table.sectional-gates td {
    text-align: center;
    border: 1px solid;
    padding: 2px;
}


/* ts-land Gates Start */
section.fw-main-row.zag-main.center div div div {
    float: none;
    margin: 0 auto;
}
.product .parametrs {
    text-align: right;
    display: block;
    font-weight: bold;
    font-size: 24px;
	max-width: 300px;
}
.ts-land.gates.avtomatika .product span.parametrs {
    font-size: 18px;
}
.avtomatika-nav {
    text-align: center;
}
.avtomatika-nav a {
    background: #007daf;
    color: #fff;
    border: 1px solid #005273;
    border-radius: 3px;
    padding: 10px 0px;
    cursor: pointer;
    text-shadow: 1px 1px 3px #000;
    transition: linear .2s;
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
}
.avtomatika-nav a:hover {
    background: #005273;
}
.avtomatika-nav a:active {
    background: #003044;
}
.product .prices {
    display: block;
    border: solid 1px #e45b00;
    border-radius: 3px;
    max-width: 300px;
	text-align: center;
}
.product .prices .old {
    display: block;
    color: #000000;
    font-weight: bold;
    font-size: 24px;
}
.product .prices .new {
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 32px;
    background: #e45b00;
    border-radius: 0 0 3px 3px;
}
.product .main-info {
    display: inline-block;
    max-width: 300px;
    width: 100%;
}
.product .main-info a {
    background: #37b90e;
    color: #fff;
    display: block;
    border-radius: 10px;
    max-width: 300px;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    font-size: 18px;
    border: solid 1px #808080;
	transition: .2s linear;
    cursor: pointer;
}
.product .main-info a:hover {
    -webkit-box-shadow: inset 2px 2px 20px 0px rgba(69,69,69,1);
    -moz-box-shadow: inset 2px 2px 20px 0px rgba(69,69,69,1);
    box-shadow: inset 2px 2px 20px 0px rgba(69,69,69,1);
}
.product .description ul li:before {

  
content: "\f058";
    display: block;
    float: left;
    font-family: FontAwesome;
    font-style: normal;
    font-size: 16px;
    font-weight: normal;
    background: #FFFFF;
    color: #29a9df;
    padding: 0 12px


}
.product .description ul li:hover:before {
    opacity: 1 !important;
	color: #ff0000;
}
.product .description ul li:after {
	content:'';
	display:none;
}
.product .description {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px;
}
.product .description ul li {
    display: block;
    text-align: left;
	width: inherit;
	padding: 2px 10px;
}
.product .description ul li:hover {
    -webkit-box-shadow: inset -1px 0px 1px 0px rgba(69,69,69,1);
    -moz-box-shadow: inset -1px 0px 1px 0px rgba(69,69,69,1);
    box-shadow: inset -1px 0px 1px 0px rgba(69,69,69,1);
    border-radius: 5px;
    background: #fbfbfb;
}
.product .main-info img {
    width: 100%;
    max-width: 310px;
    border-radius: 3px;
    border: solid 1px #c6c6c6;
}
.product .name {
    font-size: 24px;
    color: #000;
}
.product .name.long-line {
    font-size: 16px;
    line-height: 28px;
}
.screen-2 .trot .product {
    display: inline-block;
    margin: 10px 30px;
    text-align: left;
}

.long-table {
    overflow-x: scroll;
    width: 100%;
    max-width: 1100px;
    padding: 5px;
    border: solid 2px #efefef;
    white-space: nowrap;
}
.long-table table.sectional-gates td {
    text-align: center;
    border: 1px solid;
	padding:2px;
}
.long-table table.sectional-gates tr:nth-child(3) td:nth-child(1), .long-table table.sectional-gates tr:nth-child(1) td:nth-child(1) {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
table.complex-table td {
    border: 1px solid #999;
	padding: 5px;
}

table.complex-table {
    outline: 1px solid #999;
}

.screen-2 .trot {
    text-align: center;
}
.product .name:after {
    content: ' ';
    background: #fff;
    width: 150px;
    height: 5px;
    display: block;
    border-radius: 5px;
    margin: 5px 0 0 -10px;
}
.product:after {
    content: ' ';
    display: block;
    height: 1px;
    width: 300px;
    background: #999;
    margin: 10px auto;
    opacity: 0;
}
.screen-2 .trot {
    text-align: center;
}
.screen-2 .trot .product {
    display: inline-block;
    margin: 10px 30px;
    text-align: left;
}
.screen-2 .trot .product .parametrs {
    position: relative;
    margin-top: -40px;
    padding: 6px 2px;
    text-shadow: 0px 0px 2px #fff, 0px 0px 3px #fff;
}
.screen-2 .trot.material .parametrs {
    font-size: 18px;
    margin-top: -55px;
}
.screen-2 .trot.material .prices .new {
    font-size: 24px;
}
.trot .product {
    display: inline-block;
    margin: 10px 30px;
    text-align: left;
}
.services td {
    padding: 3px;
}
/* ts-land Gates End */

@media screen and (max-width: 1600px) {

	.content_back {padding:150px 0;}
}

@media screen and (max-width: 1200px) {

	.content_back {padding:100px 0;}

	.news-height {min-height:280px;}

}

@media screen and (max-width: 980px) {

	.content_back {padding:100px 0;}

	.news-height {min-height:340px;}

}

@media screen and (max-width: 800px) {

	body {line-height:25px;}

	.search-form label {display:none;}

	#header_container:hover {
		overflow: auto;
		max-height: 100%;
	}

	#content_container {
		overflow: hidden;
	}

	.content_blocks {padding:0;}

	.news-content {
		text-align: left;
		line-height: 20px;
		min-height: 100%;
	}

	.news-content h1,.news-content h2,.news-content h3,.news-content h4,.news-content h5,.news-content h6,.news-content p {margin:10px;}

	.news-height {min-height:100%;}

	.orange_button {margin:15px;}

	.news-content > .round {
		float: left;
		padding: 15px;
		width: 30%;
	}

	.image-article {
		margin: -20px -20px 10px -20px;
	}

	.image-article img {
		border-radius: 0;
	}

	.footer-desktop {display:none;}
	.footer-mobile {display:block;text-align:center;}

	.footer {padding-bottom:5px;}

	.social img {
		width: 26px;
		display: inline-block;
		margin: 10px 5px;
	}

}

@media screen and (max-width: 600px) {

	.content_back {padding: 40px 0;}

	.news-content {line-height:25px;}

	.services table tr:first-child td {background: #169800 !important;}

	.services td {display: block;}

	.services table tr td:nth-child(1) {background: #e0e0e0;}

	.trot .product {margin: 10px 5px;}

}


/* Definitions within Font Awesome */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.special_phones a {
    color: #c00;
    font-size: 34px !important;
}
.special_phones {
    font-size: 1.5em;
    font-weight: bold;
    background: rgb(0 0 0 / 5%);
    color: #c00;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #c00;
}

span.discount.gates {
    right: -220px;
    margin-top: -50px;
    width: 60px;
}
span.discount {
    display: block;
    background: rgba(255, 0, 0, 0.95);
    position: relative;
    width: 100px;
    font-size: 12px;
    padding: 18px 21px;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    border-radius: 100px;
    top: 60px;
    right: -188px;
    margin-top: -133px;
    overflow: hidden;
    line-height: 150%;
}
span.discount strong {
    color: #fff !important;
    font-size: 18px;
}
/* cmsms stylesheet: Template1200-menu modified: 09.09.2019 18:47:38 */
/* TEMPLATE 1200 v1.6 (by PMKMedia.nl/template1200) */

 

/* menu css */

#menu {
	font-size: 18px;
}

.logo a {
	text-decoration: none;
}

#nav-mobile {
	display: none;
}

#menu-mobile {
	float: right;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

#menu li ul {
	position: absolute;
	margin-top: -10%;
	margin-left: 10%;
	display: none;
}

#menu li:hover ul {
	display: block;
}

/* menu link css */

#menu a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 10px 6px;
margin-bottom:5px;
}

#menu a:hover {
	background: #F60;
	color: #FFF;
	border-radius: 5px;
}

#menu ul {
	background: #FFF;
	width: 230px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#menu ul a {
	width: 250px;
	padding: 10px;
}

.currentpage {
	background: #F60 !important;
	color: #FFF !important;
	border-radius: 5px !important;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
}

/* menu z-index */

#menu ul {
	z-index: 1000;
}

@media screen and (max-width: 800px) {	

	/* mobile menu css */

	#menu-mobile {
		float: none;
	}
	
	.logo {
		display: none;
	}

	#nav-mobile {
		display: block;
		padding: 10px;
		font-size: 20px;
		font-weight: 400;
		background: url(https://eurozabor-worota.odessa.ua/uploads/template1200/images/mobile.png) no-repeat right;
		background-position: 98% 50%; 
		background-size: 25px;
		-moz-background-size: 25px;
		-webkit-background-size: 25px;
	}

	#menu {
		display: none;
	}
	
	#menu-mobile:hover #menu {
		display: block;
	}

	/* menu css */
	
	#menu li {
		float: none;
	}
	
	#menu li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
	
	#menu li:hover ul {
		display: block;
	}
	
	#menu ul {
		width: 100%;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	/* menu link css */
	
	#menu ul a {
		width: 100%;
		padding: 10px 10%;
	}

}