/*
Theme Name: Total Acoperisuri
Theme URL: 
Description: 
Author: SMART CUPS AGENCY
Author URI: www.smartcupsagency.ro
Version: 2025
*/

/*-------------------
    Project
---------------------*/

html {
	background: #fff;	
}
*{ margin: 0px auto; padding: 0px; font-family: 'Montserrat', sans-serif;}
h1{
	font-size: 31px;
	line-height:43px;
	font-weight:500;
	color:#1e3669;
	text-align:left;
	text-decoration: none;
	font-weight:normal;
}
h2{
	font-size:24px;
	line-height:40px;
	color:#1e3669;
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	padding: 10px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}
h3{
	font-size:23px;
	line-height:37px;
	color:#1e3669;
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	border-left: 2px solid #1e3669;
	padding: 7px 0px 7px 20px;
	margin:20px 0px 20px 0px;
}
h4{
	font-size:19px;
	line-height:32px;
	color:#026730;
	text-align:left;
	text-decoration: none;
	font-weight:bold;
	margin:20px 0px 20px 0px;
}
h5{
	font-size:17px;
	line-height:25px;
	padding:10px 0px 10px 0px;
	text-decoration: none;
	font-weight:normal;
}
h6{
	font-size:13px;
	line-height:13px;
	padding:9px 0px 9px 0px;
	text-decoration: none;
	font-weight:normal;
	color:#fff;
}
img {
	border:0;
	max-width: 100%;
	height: auto;
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:15px;
}
img.alignright {
	padding: 5px 5px;
	margin: 5px 0px 20px 20px;
	display: inline;
}
.alignright {
	float: right;
	margin: 0px 0px 20px 20px;
}
img.alignleft {
	padding: 5px 5px;
	margin: 5px 20px 20px 0px;
	display: inline;
}
.alignleft {
	float: left;
	margin: 0px 20px 20px 0px;
}
img.alignnone {
	display: inline;
}
.grecaptcha-badge {
    display: none !important;
}
ul li{ 
 margin: 0 0 0 20px;
}
.green {
	color:#b2cb24;
}

/*-------------------
    Cups
---------------------*/
#cups {
    margin: 0px auto 0 auto;
    background: #fff;
    width: 100%;
    max-width: 2560px;
    min-width: 320px;
    min-height: 10px;
    box-sizing: border-box;
}
#header {
	float:left;	
	background: #fff;
	width:100%;
	height:120px;
	position: fixed;
	z-index:300;
	margin-top:0px;
}
#home {
	float:left;	
	background: #ffffff;
	width:100%;
	min-height:10px;
	overflow: hidden;
	margin-top:120px;
}
#main {
	float:left;	
	background: #ffffff;
	width:100%;
	min-height:10px;
	margin-top:120px;
}
#footer {
	float:left;	
	background: #182b54;
	width:100%;
	min-height:120px;
	overflow: hidden;
}
/*-------------------
    header
---------------------*/
#top {
	float:left;	
	background:#ffca08;	
	width:100%;
	min-height:10px;
	position: fixed;
	z-index:200;
	display:none;
}
#breakpoint {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 15px;
	color:#1f1f1f;
	text-align:center;
	padding:6px 0px;
}
#header-list {
	float:left;	
	width:90%;
	min-height:90px;
	margin-left:5%;
	margin-top:13px;
}
#header-logo {
	float:left;
	width:22%;
	min-height:10px;
	text-align:center;
	margin-top:0px;
}
#header-info {
	float:left;	
	width:78%;
	min-height:10px;
}
#header-ct {
	float:right;	
	width:150px;
	min-height:10px;
}
#header-ct-e {
	float:right;
	width:40px;
	height:40px;
	margin-left:10px;
}
#header-ct-e a {
	background: url(files/images/h-mail-a.svg) no-repeat center center;
	color:#b19966;
	height:40px;
	display:block;
}
#header-ct-e a:link {  }
#header-ct-e a:visited { }
#header-ct-e a:hover{
	background: #182b54 url(files/images/h-mail-h.svg) no-repeat center center;
	color:#fff;
	text-decoration:none;
}
#header-ct-p {
	float:right;
	width:40px;
	height:40px;
	margin-left:10px;
}
#header-ct-p a {
	background: url(files/images/h-phn-a.svg) no-repeat center center;
	color:#b19966;
	height:40px;
	display:block;
}
#header-ct-p a:link {  }
#header-ct-p a:visited { }
#header-ct-p a:hover{
	background: #182b54 url(files/images/h-phn-h.svg) no-repeat center center;
	color:#fff;
	text-decoration:none;
}
#header-ct-w {
	float:right;
	width:40px;
	height:40px;
	margin-left:10px;
}
#header-ct-w a {
	background: url(files/images/h-whp-a.svg) no-repeat center center;
	color:#b19966;
	height:40px;
	display:block;
}
#header-ct-w a:link {  }
#header-ct-w a:visited { }
#header-ct-w a:hover{
	background: #182b54 url(files/images/h-whp-h.svg) no-repeat center center;
	color:#fff;
	text-decoration:none;
}
#header-men {
	float:right;
	width:60%;
	min-height:10px;
	font-size:17px;
	text-align:right;
	margin-top:12px;
} 
#header-men  a {	
	color:#f70000;
	text-decoration: none;
	padding:9px 12px;
	}
#header-men a:link {  }
#header-men  a:visited { }
#header-men a:hover{
	background: #182b54;
	color:#fff;
	text-decoration:none;
}

#header-menu {
	float:left;	
	width:56%;
	min-height:10px;
	margin-top:5px;
	margin-right:22%;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin:0;padding:0;border:0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after {content: ".";display: block;clear: both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width:auto;font-family: 'Montserrat', sans-serif;}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul {font-size:0;text-align:center;}
#cssmenu.align-center > ul > li {display:inline-block;float:none;}
#cssmenu.align-right > ul > li {float:right;}
#cssmenu > ul > li > a {padding: 10px 17px 10px 17px;font-size:18px;text-decoration:none;color: #182b54;font-weight: 400;letter-spacing: 0.7px; -moz-border-radius:10px;-webkit-border-radius:10px;	- border-radius:10px;}
#cssmenu > ul > li:first-child > a {}
#cssmenu.align-center > ul > li:first-child > a {}
#cssmen.align-right > ul > li:first-child > a {}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {color: #8c8c74;font-size:18px;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {background: #182b54;color: #fff;font-size:18px; }
#cssmenu > ul > li:after {content: '';  position: absolute;  top: 8px;  right: 0;  display: block;  height: 17px;  width: 1px;  opacity: .15;  background:#fff; }
#cssmenu.align-right > ul > li:after {right: auto;left:-1px;}
#cssmenu > ul > li:before { content: '';  position: absolute;  top: 12px;  right: -1px;  display: block;  height: 17px;  width: 1px;  opacity: .35;  background:#fff; }
#cssmenu.align-right > ul > li:before {right:auto;left:0px;}
#cssmenu > ul > li:last-child:after,
#cssmenu > ul > li:last-child:before {display: none;}
#cssmenu.small-screen {width: 100%;background: #fff;-moz-border-radius:10px; -webkit-border-radius:10px; - border-radius:10px;}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {width:100%;text-align:left;}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {float: none;display: block;}
#cssmenu.small-screen > ul > li > a {padding: 5x 10px;color: #1e3669;background: #fff;}
#cssmenu.small-screen > ul > li > a:hover {background: #182b54;color: #fff;}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {display: none;}
#cssmenu.small-screen #menu-button {display: block;padding: 10px 25px 10px 25px;cursor: pointer;font-size: 16px;text-decoration: none;background: #182b54;color: #fff;}
#cssmenu.small-screen #menu-button.menu-opened {color: #ffff;}
#cssmenu.small-screen #menu-button:after { content: "";  position: absolute;  right: 25px;  top: 12px;  display: block;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  border-top: 2px solid #fff;  border-bottom: 2px solid #fff;  width: 18px;  height: 3px;}
#cssmenu.small-screen #menu-button.menu-opened:after {border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
#cssmenu.small-screen #menu-button:before {content: "";  position: absolute;  right: 25px;  top: 22px;  display: block;  width: 18px;  height: 2px;  background: #fff;}

/*-------------------
    layout
---------------------*/
#slide {
	float:left;
	background: url(files/images/slide-2560.webp) no-repeat center bottom;	
	width:100%;
	min-height:900px;
}
#slide-b {
	float:left;
	background: url(files/images/slide-b-2560.webp) no-repeat center bottom;	
	width:100%;
	min-height:900px;
}
#slide-list {
	float:left;
	width:86%;
	min-height:10px;
	margin-left:7%;
	margin-top:300px;
}
#slide-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 60px;
	color:#fff;
	font-weight:500;
}
#slide-stitle {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 26px;
	color:#fff;
	margin-top:25px;
}
#slide-link {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:18px;
	margin-top:43px;
} 
#slide-link a {
	background: #b2cb24;
	color:#1e3669;
	text-decoration: none;
	padding:10px 14px 10px 14px;
 	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
}
#slide-link a:link {  }
#slide-link a:visited { }
#slide-link a:hover{
	background: #fff;
	color:#1e3669;
	text-decoration:none;
}
#total {
	float:left;	
	background: #f3f6f7 url(files/images/total-2560.webp) no-repeat center center;
	width:100%;
	min-height:10px;
}
#about {
	float:left;	
	width:100%;
	min-height:120px;
}
#about-list {
	float:left;
	width:50%;
	min-height:10px;
	margin-left:25%;
	margin-top:100px;
}
#about-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 33px;
	font-weight:500;
	color:#1e3669;
	text-align:center;
}
#about-txt {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:20px;
	line-height:33px;
	color:#1b1b1b;
	text-align:center;
	margin-top:30px;
}
#about-txt p{ 
	margin:5px  0px 0px 0px;
	padding:5px  0px 0px 0px;
}
#catalog {
	float:left;	
	width:100%;
	min-height:10px;
}
#catalog-list {
	float:left;
	width:90%;
	min-height:10px;
	margin-left:5%;
	margin-top:70px;
	margin-bottom:100px;
}
#catalog-box {
	float:left;
	background: #fff;
	width:31.33%;
	min-height:10px;
 	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	overflow:hidden;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:30px;
}
#catalog-box-1 {
	float:left;
	width:100%;
	height:350px;
	 -moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	overflow:hidden;
}
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-2560.webp) no-repeat center top;
	color:#000;
	height:350px;
	text-decoration: none;
	padding:12px 17px 12px 17px;
	display:block;
}
#catalog-box-1 a:link {  }
#catalog-box-1 a:visited { }
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-2560.webp) no-repeat center top;
	color:#fff;
	text-decoration:none;
}
#catalog-box-1 a:hover .ct-box-t {
	color:#fff;
}
#catalog-box-1 a:hover .ct-box-b {
	color:#fff;
}
#catalog-box-2 {
	float:left;
	width:100%;
	height:350px;
	 -moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	overflow:hidden;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-2560.webp) no-repeat center top;
	color:#000;
	height:350px;
	text-decoration: none;
	padding:12px 17px 12px 17px;
	display:block;
}
#catalog-box-2 a:link {  }
#catalog-box-2 a:visited { }
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-2560.webp) no-repeat center top;
	color:#fff;
	text-decoration:none;
}
#catalog-box-2 a:hover .ct-box-t {
	color:#fff;
}
#catalog-box-2 a:hover .ct-box-b {
	color:#fff;
}
#catalog-box-3 {
	float:left;
	width:100%;
	height:350px;
	 -moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	overflow:hidden;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-2560.webp) no-repeat center top;
	color:#000;
	height:350px;
	text-decoration: none;
	padding:12px 17px 12px 17px;
	display:block;
}
#catalog-box-3 a:link {  }
#catalog-box-3 a:visited { }
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-2560.webp) no-repeat center top;
	color:#fff;
	text-decoration:none;
}
#catalog-box-3 a:hover .ct-box-t {
	color:#fff;
}
#catalog-box-3 a:hover .ct-box-b {
	color:#fff;
}
#catalog-box-4 {
	float:left;
	width:100%;
	height:350px;
	 -moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	overflow:hidden;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-2560.webp) no-repeat center top;
	color:#000;
	height:350px;
	text-decoration: none;
	padding:12px 17px 12px 17px;
	display:block;
}
#catalog-box-4 a:link {  }
#catalog-box-4 a:visited { }
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-2560.webp) no-repeat center top;
	color:#fff;
	text-decoration:none;
}
#catalog-box-4 a:hover .ct-box-t {
	color:#fff;
}
#catalog-box-4 a:hover .ct-box-b {
	color:#fff;
}
#catalog-box-5 {
	float:left;
	width:100%;
	height:350px;
	 -moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	overflow:hidden;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-2560.webp) no-repeat center top;
	color:#000;
	height:350px;
	text-decoration: none;
	padding:12px 17px 12px 17px;
	display:block;
}
#catalog-box-5 a:link {  }
#catalog-box-5 a:visited { }
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-2560.webp) no-repeat center top;
	color:#fff;
	text-decoration:none;
}
#catalog-box-5 a:hover .ct-box-t {
	color:#fff;
}
#catalog-box-5 a:hover .ct-box-b {
	color:#fff;
}
#catalog-box-6 {
	float:left;
	width:100%;
	height:350px;
	 -moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	overflow:hidden;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-2560.webp) no-repeat center top;
	color:#000;
	height:350px;
	text-decoration: none;
	padding:12px 17px 12px 17px;
	display:block;
}
#catalog-box-6 a:link {  }
#catalog-box-6 a:visited { }
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-2560.webp) no-repeat center top;
	color:#fff;
	text-decoration:none;
}
#catalog-box-6 a:hover .ct-box-t {
	color:#fff;
}
#catalog-box-6 a:hover .ct-box-b {
	color:#fff;
}
.ct-box-t {
	font-size: 23px;
	color:#232c33;
	font-weight: 500;
	text-align:center;
	padding-top:270px;
}

.ct-box-s {
	height: 4px;
}

.ct-box-b {
	font-size:18px;
	line-height:18px;
	color:#1f335f;
	font-weight: normal;
	text-align:center;
	padding-bottom:10px;
}
#why {
	float:left;
	background: #1e3669;
	width:100%;
	min-height:10px;
}
#why-list {
	float:left;	
	width:90%;
	min-height:10px;
	margin-left:5%;
	margin-top:80px;
	margin-bottom:60px;
}
#why-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 30px;
	font-weight:500;
	color:#fff;
	text-align:center;
}
#why-opis {
	float:left;	
	width:70%;
	min-height:100px;
	margin-left:15%;
	margin-top:40px;
}
#why-box {
	float:left;	
	width:23%;
	min-height:10px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:40px;
}
#why-box-img {
	float:left;	
	width:100%;
	min-height:130px;
	text-align:center;
	margin-bottom:20px;
}
#why-box-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 20px;
	font-weight:500;
	color:#fff;
	text-align:center;
	margin-bottom:5px;
}
#why-box-stitle {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 19px;
	font-weight:500;
	color:#fff;
	text-align:center;
}
#tips {
	float:left;	
	background: #f35b18;
	width:100%;
	min-height:10px;
	overflow: hidden;
}
#tips-acoperis {
	float:left;
	background: #626779 url(files/images/acoperis-2560.webp) no-repeat center center;	
	width:45%;
	min-height:600px;
}
#tips-acoperis-mask {
	float:left;
	background: url(files/images/acoperis-mask-right.webp) no-repeat right center;	
	width:100%;
	min-height:600px;
}
#tips-acoperis-list {
	float:left;	
	width:100%;
	min-height:10px;
	margin-top:120px;
}
#tips-acoperis-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 30px;
	font-weight:500;
	color:#fff;
	text-align:center;
}
#tips-acoperis-info {
	float:left;	
	width:60%;
	min-height:10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-top:40px;
	margin-left:17%;
}
#tips-acoperis-link {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:18px;
	text-align:center;
	border-bottom: 1px solid #fff;
}
#tips-acoperis-link a {
	color:#fff;
	text-decoration: none;
	padding:18px 0px 18px 0px;
	display:block;
}
#tips-acoperis-link a:link {  }
#tips-acoperis-link a:visited { }
#tips-acoperis-link a:hover{
	background: #b2cb24;
	color:#0a101e;
	text-decoration:none;
}
#tips-suport {
	float:left;	
	background: #f35b18 url(files/images/agent.webp) no-repeat right center;
	width:55%;
	min-height:600px;
}
#tips-suport-list {
	float:left;	
	width:90%;
	min-height:10px;
	margin-left:10%;
	margin-top:120px;
	margin-bottom:120px;
}
#tips-suport-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 34px;
	font-weight:500;
	color:#fff;
}
#tips-suport-txt {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:24px;
	color:#fff;
	margin-top:30px;
}
#tips-suport-stxt {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:26px;
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
}
#tips-suport-link {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:20px;
	margin-top:43px;
} 
#tips-suport-link a {
	background: #f35b18;
	color:#fff;
	text-decoration: none;
	padding:10px 14px 10px 14px;
 	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	border: 1px solid #fff;
}
#tips-suport-link a:link {  }
#tips-suport-link a:visited { }
#tips-suport-link a:hover{
	background: #fff;
	color:#1e3669;
	text-decoration:none;
}
#gallery {
	float:left;	
	width:100%;
	min-height:10px;
}
#gallery-list {
	float:left;	
	width:90%;
	min-height:100px;
	margin-left:5%;
	margin-top:70px;
	margin-bottom:70px;
}
#gallery-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 28px;
	font-weight:500;
	color:#1e3669;
	text-align:center;
}
#gallery-stitle {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 20px;
	color:#1e3669;
	text-align:center;
	margin-top:10px;
}
#gallery-opis {
	float:left;	
	width:100%;
	min-height:10px;
	margin-top:60px;
}
#photo-box {
	float:left;
	width:25%;
	min-height:10px;
	text-align:center;
	line-height: 0;
}
#brand {
	float:left;	
	width:100%;
	min-height:10px;
}
#brand-list {
	float:left;	
	width:80%;
	min-height:10px;
	margin-left:10%;
	margin-bottom:100px;
}

.marquee {
  overflow: hidden;
  width: 100%;
  background: #fff; /* opțional */
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marqueeLeft 15s linear infinite;
}

.marquee-track img {
  width: 200px;      /* ajustează dimensiunea */
  margin-right: 20px;
}

@keyframes marqueeLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}



/*-------------------
    section
---------------------*/
#section {
	float:left;	
	width:100%;
	min-height:10px;
}
#section-list {
	float:left;	
	width:90%;
	min-height:500px;
	margin-left:5%;
	margin-top:60px;
	margin-bottom:70px;
}
#sidebar {
	float:right;
	background: #1e3669;
	width:19%;
	min-height:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
}
#sidebar-list {
	float:left;	
	width:90%;
	min-height:200px;
	margin-top:25px;
	margin-bottom:30px;
	margin-left:5%;
}
#sidebar-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:23px;
	color:#fff;
	text-align:center;
	font-weight: 400;
	margin-top:10px;
	margin-bottom:15px;
}
#sidebar-link {
	float:left;
	width:100%;
	min-height:10px;
	font-size:15px;
	text-align:center;
	margin-top:7px;
	margin-bottom:7px;
} 
#sidebar-link a {
	color:#fff;
	text-decoration: none;
	padding:12px 17px 12px 17px;
	border: 1px solid #fff;
	display:block;
}
#sidebar-link a:link {  }
#sidebar-link a:visited { }
#sidebar-link a:hover{
	background: #fff;
	color:#1e3669;
	text-decoration:none;
	border: 1px solid #fff;
}
#content {
	float:left;	
	width:77%;
	min-height:10px;
}
#content-center {
	float:left;	
	width:80%;
	min-height:10px;
	margin-left:10%;
}
#content-list {
	float:left;		
	width:100%;
	min-height:10px;
}
#content-title {
	float:left;
	width:100%;
	min-height:10px;
	font-size:25px;
	line-height:40px;
}
#breadcrumbs {
	float:left;
	background:url(files/images/bk-cat.png) no-repeat center left;
	width:80%;
	min-height:10px;
	font-size:14px;
	line-height:14px;
	color:#1b1b1b;
	padding-left:20px;
	margin-top:20px;
	margin-bottom:20px;
} 
#breadcrumbs  a {
	color:#1b1b1b;
	text-decoration: none;
	}
#breadcrumbs a:link {  }
#breadcrumbs  a:visited { }
#breadcrumbs a:hover{
	color:#e24c4b;
	text-decoration:none;
}
#time {
	float:right;
	width:18%;
	min-height:10px;
	font-size:14px;
	line-height:14px;
	color:#8c8c74;
	text-align:right;
	margin-top:15px;
} 
#content-page {
	float:left;
	width:100%;
	min-height:10px;
	font-size:18px;
	line-height:32px;
	color:#1b1b1b;
	font-weight:normal;
	text-align:justify;
	margin-top:20px;
	margin-bottom:30px;
}
#content-page p{ 
	margin:5px  0px 0px 0px;
	padding:5px  0px 0px 0px;
}
#content-page a {
	color:#f70000;
	text-decoration:none;
}
#content-page a:link { }
#content-page a:visited { }
#content-page a:hover{
	color:#f70000;
	text-decoration:underline;
}
/*-------------------
    servicii
---------------------*/




/*-------------------
    contact
---------------------*/

input[type="date"]:valid {
    width: 100%;padding: 10px 20px;  margin: 8px 0; box-sizing: border-box; font-size:14px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="select"],
.wpcf7 textarea,
.wpcf7-select {background: #fff;padding: 10px 20px;width:100%; margin: 6px 0px; box-sizing: border-box; font-size:16px;border: 1px solid #d3ced2;color:#777;}
.wpcf7-submit{
	background: #f4ebe9;
	font-size:17px;
	color:#905a56;
	text-decoration: none;
	padding:15px 20px 15px 20px;
	border: 1px solid #905a56;
	transition: 1s ease;
	transition: 0.5s ease-out;
	cursor:pointer;
	}
.wpcf7-submit:hover {
	background: #d5aaab;
	color:#fff;
	text-decoration:none;
	border: 1px solid #d5aaab;
	transition: 1s ease;
	transition: 0.5s ease-out;
}
.grecaptcha-badge {
    display: none !important;
}
/*-------------------
    archive
---------------------*/
#archive {
	float:right;
	width:100%;
	min-height:10px;
}
#archive-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-left:5%;
	margin-top:60px;
	margin-bottom:170px;
}
#archive-title {
	float:left;
	width:100%;
	min-height:10px;
	font-size: 31px;
	line-height:43px;
	font-weight:500;
	color:#1e3669;
	text-decoration: none;
	font-weight:normal;
	text-align:center;
	margin-bottom:70px;
}
#blog {
	float:left;
	width:100%;
	min-height:10px;
}
#blog-list {
	float:left;
	width:80%;	
	min-height:10px;
	margin-left:10%;
	margin-top:60px;
	margin-bottom:20px;
}
#blog-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 28px;
	font-weight:500;
	color:#1e3669;
	text-align:center;
}
#blog-stitle {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 20px;
	color:#1e3669;
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
}
#blog-box {
	float:left;
	background: #fff;
	width:31.33%;
	min-height:10px;	
	margin-left:1%;
	margin-right:1%;	
	margin-bottom:40px;
	overflow:hidden;
}
#blog-i {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
}
.postimg{
	width: auto;
	height:auto;
}
#blog-c {
	float:left;
	width:90%;
	min-height:10px;	
	margin-left:5%;
	margin-top:16px;
	margin-bottom:10px;
}
#blog-d {
	float:left;
	width:100%;
	min-height:10px;
	font-size:15px;
	color:#c8c8c8;
	text-align:right;
}
#blog-t {
	float:right;
	width:100%;
	margin-bottom:10px;	
	min-height:10px;
	text-align:left;	
} 
#blog-t  a {
	color:#1e3669;
	text-decoration: none;
	font-size:19px;
	line-height:30px;
}
#blog-t a:link {  }
#blog-t a:visited { }
#blog-t a:hover{
	color:#f70000;
	text-decoration:none;
}
#blog-a {
	float:right;
	width:100%;
	margin:15px 0px;
	min-height:10px;
	text-align:right;
	font-size:14px;
} 
#blog-a  a {
	color:#717171;
	text-decoration: none;
}
#blog-a a:link {  }
#blog-a  a:visited { }
#blog-a a:hover{
	color:#ff0000;
	text-decoration:none;
}
#blog-e {
	float:left;
	width:100%;
	min-height:50px;
	font-size:17px;
	line-height:26px;
	color:#939393;
	text-align:justify;
	margin-top:5px;	
} 
#blog-l {
	float:left;
	width:100%;
	min-height:10px;
	font-size:13px;
	text-align:left;
	margin-top:18px;
	margin-bottom:25px;
} 
#blog-l a {
	color:#f70000;
	text-decoration: none;
	border: 1px solid #f70000;
	padding:5px 8px 6px 8px;
}
#blog-l a:link {  }
#blog-l  a:visited { }
#blog-l a:hover{
	background: #f70000;
	color:#fff;
	text-decoration:none;
	border: 1px solid #f70000;
}
/*-------------------
    pr
---------------------*/
#pr {
	float:left;	
	background: #1e3669;
	width:100%;
	min-height:10px;
}
#pr-list {
	float:left;
	width:90%;
	min-height:10px;
	margin-left:5%;
	margin-top:20px;
	margin-bottom:100px;
}
#pr-blog {
	float:left;
	width:57%;
	min-height:10px;
}
#pr-blog-info {
	float:left;	
	width:90%;
	min-height:10px;
	margin-left:5%;
}
#pr-blog-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 33px;
	font-weight:500;
	color:#fff;
}
#pr-blog-txt {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:20px;
	line-height:31px;
	color:#fff;
	text-align:justify;
	margin-top:20px;
}
#pr-blog-arh {
	float:left;	
	width:100%;
	min-height:10px;
	margin-top:30px;
}
#pr-blog-box {
	float:left;	
	width:100%;
	min-height:10px;
}
#pr-blog-i {
	float:left;
	width:48%;
	min-height:10px;
	text-align:center;
}
.postimg{
	width: auto;
	height:auto;
}
#pr-blog-c {
	float:right;
	width:48%;
	min-height:10px;
	margin-top:16px;
	margin-bottom:10px;
}
#pr-blog-d {
	float:left;
	width:100%;
	min-height:10px;
	font-size:15px;
	color:#c8c8c8;
	text-align:right;
}
#pr-blog-t {
	float:right;
	width:100%;
	margin-bottom:10px;	
	min-height:10px;
	text-align:left;	
} 
#pr-blog-t  a {
	color:#fff;
	text-decoration: none;
	font-size:24px;
	line-height:33px;
	padding:5px 10px;
 	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	margin-left:-10px;
}
#pr-blog-t a:link {  }
#pr-blog-t a:visited { }
#pr-blog-t a:hover{
	background: #b19966;
	color:#fff;
	text-decoration:none;
}
#pr-blog-a {
	float:right;
	width:100%;
	margin:15px 0px;
	min-height:10px;
	text-align:right;
	font-size:14px;
} 
#pr-blog-a  a {
	color:#717171;
	text-decoration: none;
}
#pr-blog-a a:link {  }
#pr-blog-a  a:visited { }
#pr-blog-a a:hover{
	color:#ff0000;
	text-decoration:none;
}
#pr-blog-e {
	float:left;
	width:100%;
	min-height:50px;
	font-size:17px;
	line-height:26px;
	color:#fff;
	text-align:justify;
	margin-top:5px;	
} 
#pr-blog-l {
	float:left;
	width:100%;
	min-height:10px;
	font-size:13px;
	text-align:left;
	margin-top:18px;
	margin-bottom:25px;
} 
#pr-blog-l a {
	background: #f4cc21;
	color:#1e3669;
	text-decoration: none;
	padding:5px 8px 6px 8px;
 	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	border: 1px solid #b19966;
}
#pr-blog-l a:link {  }
#pr-blog-l a:visited { }
#pr-blog-l a:hover{
	background: #1e3669;
	color:#fff;
	text-decoration:none;
	border: 1px solid #b19966;
}
#pr-blog-link {
	float:left;	
	width:90%;
	min-height:10px;
	font-size:15px;
	margin-top:30px;
	margin-left:5%;
} 
#pr-blog-link a {
	background: #1e3669;
	color:#fff;
	text-decoration: none;
	padding:7px 9px 7px 9px;
 	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	border: 1px solid #b19966;
}
#pr-blog-link a:link {  }
#pr-blog-link a:visited { }
#pr-blog-link a:hover{
	background: #f4cc21;
	color:#1e3669;
	text-decoration:none;
	border: 1px solid #f4cc21;
}
#pr-cont {
	float:right;
	background: #faf7f4;
	width:35%;
	min-height:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
	margin-top:130px;
}
#pr-cont-c {
	float:left;
	width:80%;
	min-height:10px;
	margin-left:10%;
	margin-top:50px;
	margin-bottom:50px;
}
#pr-cont-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 25px;
	font-weight:500;
	color:#c29b44;
}
#pr-cont-opis {
	float:left;	
	width:100%;
	min-height:10px;
	margin-top:25px;
}
#pr-cont-table {
	float:left;	
	width:73%;
	min-height:10px;
	margin-top:10px;
}
#pr-cont-line {
	float:left;	
	width:100%;
	min-height:10px;
	margin-bottom:15px;
}
#pr-cont-zi {
	float:left;	
	width:50%;
	min-height:10px;
	font-size:18px;
	color:#1b1b1b;
}
#pr-cont-ora {
	float:left;	
	width:50%;
	min-height:10px;
	font-size:18px;
	font-weight:500;
	color:#1b1b1b;
}
#pr-cont-adresa {
	float:left;	
	background: url(files/images/pr-adresa.svg) no-repeat left center;
	width:100%;
	min-height:10px;
	font-size:18px;
	color:#1b1b1b;
	padding:10px 12px 10px 30px;
	margin-top:10px;
}
#pr-cont-img {
	float:right;	
	width:23%;
	min-height:10px;
}
/*-------------------
    footer
---------------------*/
#footer-ca {
	float:left;
	background: url(files/images/ca-2560.webp) no-repeat center center;	
	width:100%;
	height:550px;
	margin-top:5px;
}
#footer-ca-list {
	float:left;
	width:90%;
	min-height:10px;
	margin-left:5%;
	margin-top:190px;
}
#footer-ca-title {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 35px;
	color:#fff;
	text-align:center;
	font-weight:500;
}
#footer-ca-stitle {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 26px;
	color:#fff;
	text-align:center;
	margin-top:25px;
}

#footer-ca-link {
	float:left;	
	width:100%;
	min-height:10px;
	font-size:18px;
	text-align:center;
	margin-top:43px;
} 
#footer-ca-link a {
	background: #b2cb24;
	color:#182b54;
	text-decoration: none;
	padding:10px 14px 10px 14px;
 	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	- border-radius:10px;
}
#footer-ca-link a:link {  }
#footer-ca-link a:visited { }
#footer-ca-link a:hover{
	background: #fff;
	color:#182b54;
	text-decoration:none;
}
#footer-list {
	float:left;
	width:90%;
	min-height:10px;
	margin-left:5%;
	margin-top:70px;
	margin-bottom:30px;
}
#footer-logo {
	float:left;
	width:28%;
	min-height:10px;
	text-align:center;
	margin-left:1%;
	margin-right:1%;
	margin-top:20px;
	margin-bottom:20px;
}
#footer-cat {
	float:left;
	width:38%;
	min-height:10px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
}
#footer-cat-link {
	float:left;
	width:48%;
	min-height:10px;
	font-size:14px;
	text-align:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:25px;
} 
#footer-cat-link a {
	color:#fff;
	text-decoration: none;
	padding:5px 8px 6px 8px;
}
#footer-cat-link a:link {  }
#footer-cat-link a:visited { }
#footer-cat-link a:hover{
	background: #fff;
	color:#1e3669;
	text-decoration:none;
}
#footer-ct-link {
	float:left;
	width:98%;
	min-height:10px;
	font-size:14px;
	text-align:left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:25px;
} 
#footer-ct-link a {
	color:#fff;
	text-decoration: none;
	padding:5px 8px 6px 8px;
}
#footer-ct-link a:link {  }
#footer-ct-link a:visited { }
#footer-ct-link a:hover{
	background: #fff;
	color:#1e3669;
	text-decoration:none;
}
#footer-pol-link {
	float:left;
	width:98%;
	min-height:10px;
	font-size:14px;
	text-align:center;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
	margin-bottom:25px;
} 
#footer-pol-link a {
	color:#fff;
	text-decoration: none;
	padding:5px 8px 6px 8px;
}
#footer-pol-link a:link {  }
#footer-pol-link a:visited { }
#footer-pol-link a:hover{
	background: #fff;
	color:#1e3669;
	text-decoration:none;
}
#footer-ct {
	float:left;
	width:28%;
	min-height:10px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
}

#suna {
	float:left;
	background:#182b54;
	min-height:50px;
	width:100%;
	overflow:hidden;
    position: absolute;
    bottom: 0px;
	position: fixed;
	text-align:center;
}
.suna-nr {
  display: inline-block;
  text-align: left;
}
.suna-nr a {
	background: url(files/images/s-phn-a.svg) no-repeat center left;
	font-size:17px;
	color:#fff;
	height:30px;
	display:block;
	padding:15px 8px 6px 45px;
	text-decoration: none;
}
.suna-nr a:link {  }
.suna-nr a:visited { }
.suna-nr a:hover{
	background: #fff url(files/images/s-phn-h.svg) no-repeat center left;
	color:#182b54;
	text-decoration:none;
}
/*-------------------
    project
---------------------*/
#project {
	float:left;
	background:#fff;
	min-height:10px;
	width:100%;
}
#project-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:5%;
}
#copyright {
	float:left;
	width:60%;	
	min-height:10px;
	font-size:13px;
	color:#b7b7b7;
	text-align:center;
	margin-left:20%;
	margin-top:5px;
}
#created {
	float:right;
	width:20%;
	min-height:10px;
	text-align:right;
}
/*-------------------
    youtube
---------------------*/
.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:0px;
margin-top:15px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/*-------------------
    under construction
---------------------*/
#uc {
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
}
#uc-list {
	float:left;
	width:80%;
	min-height:10px;
	margin-top:70px;
	margin-bottom:70px;
	margin-left:10%;
	margin-right:10%;
}
#uc-img {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
	margin-top:70px;
}
#uc-title {
	float:left;
	width:100%;
	min-height:10px;
	font-size:30px;
	line-height:45px;
	color:#656565;
	text-align:center;
	margin-top:40px;
}
#uc-txt {
	float:left;
	width:100%;
	min-height:10px;
	font-size:18px;
	line-height:28px;
	text-align:center;
	color:#656565;
	margin-top:15px;
}
#uc-txt p{ 
	margin:5px  0px 0px 0px;
	padding:5px  0px 0px 0px;
}
/*-------------------
    display
---------------------*/
@media (min-width:2560px)
{
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:70px;
}
#suna {
	display:none;
}
}
@media (min-width:2000px) and (max-width:2559px)
{
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
}
@media (min-width:1800px) and (max-width:1999px)
{
#header-menu {
	width:74%;
	margin-right:4%;
}
#slide {
	background: url(files/images/slide-2000.webp) no-repeat center bottom;	
	min-height:847px;
}
#slide-b {
	background: url(files/images/slide-b-2000.webp) no-repeat center bottom;	
	min-height:850px;
}
#slide-list {
	margin-top:275px;
}
#about-info {
	margin-right:3%;
	margin-top:100px;
}
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-2000.webp) no-repeat center top;
}
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-2000.webp) no-repeat center top;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-2000.webp) no-repeat center top;
}
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-2000.webp) no-repeat center top;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-2000.webp) no-repeat center top;
}
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-2000.webp) no-repeat center top;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-2000.webp) no-repeat center top;
}
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-2000.webp) no-repeat center top;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-2000.webp) no-repeat center top;
}
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-2000.webp) no-repeat center top;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-2000.webp) no-repeat center top;
}
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-2000.webp) no-repeat center top;
}
#why-opis {
	width:70%;
	margin-left:15%;
}
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-ca {
	background: url(files/images/ca-2000.webp) no-repeat center center;	
	height:500px;
}
#footer-ca-title {
	font-size: 33px;
}
#footer-ca-stitle {
	font-size: 24px;
}
#suna {
	display:none;
}
}
@media (min-width:1600px) and (max-width:1799px)
{
#header-menu {
	width:76%;
	margin-right:2%;
}
#slide {
	background: url(files/images/slide-1800.webp) no-repeat center bottom;	
	min-height:780px;
}
#slide-b {
	background: url(files/images/slide-b-1800.webp) no-repeat center bottom;	
	min-height:780px;
}
#slide-list {
	margin-top:250px;
}
#slide-title {
	font-size: 58px;
}
#slide-stitle {
	font-size: 24px;
}
#about-info {
	width:40%;
	margin-right:3%;
	margin-top:60px;
}
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-1800.webp) no-repeat center top;
}
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-1800.webp) no-repeat center top;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-1800.webp) no-repeat center top;
}
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-1800.webp) no-repeat center top;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-1800.webp) no-repeat center top;
}
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-1800.webp) no-repeat center top;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-1800.webp) no-repeat center top;
}
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-1800.webp) no-repeat center top;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-1800.webp) no-repeat center top;
}
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-1800.webp) no-repeat center top;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-1800.webp) no-repeat center top;
}
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-1800.webp) no-repeat center top;
}
#why-opis {
	width:80%;
	margin-left:10%;
}
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-ca {
	background: url(files/images/ca-1800.webp) no-repeat center center;	
	height:500px;
}
#footer-ca-title {
	font-size: 32px;
}
#footer-ca-stitle {
	font-size: 23px;
}
#suna {
	display:none;
}
}
@media (min-width:1400px) and (max-width:1599px)
{
#header-menu {
	width:78%;
	margin-right:0%;
}
#slide {
	background: url(files/images/slide-1600.webp) no-repeat center bottom;	
	min-height:710px;
}
#slide-b {
	background: url(files/images/slide-b-1600.webp) no-repeat center bottom;	
	min-height:710px;
}
#slide-list {
	margin-top:210px;
}
#slide-title {
	font-size: 57px;
}
#slide-stitle {
	font-size: 23px;
}
#slide-link {
	font-size:18px;
	margin-top:42px;
}
#about-list {
	width:60%;
	margin-left:20%;
}	
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-1600.webp) no-repeat center top;
}
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-1600.webp) no-repeat center top;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-1600.webp) no-repeat center top;
}
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-1600.webp) no-repeat center top;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-1600.webp) no-repeat center top;
}
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-1600.webp) no-repeat center top;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-1600.webp) no-repeat center top;
}
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-1600.webp) no-repeat center top;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-1600.webp) no-repeat center top;
}
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-1600.webp) no-repeat center top;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-1600.webp) no-repeat center top;
}
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-1600.webp) no-repeat center top;
}
#why-opis {
	width:80%;
	margin-left:10%;
}
#sidebar {
	width:19%;
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#content {
	width:77%;
}
#blog-box {
	width:48%;
}
#footer-ca {
	background: url(files/images/ca-1600.webp) no-repeat center center;	
	height:500px;
}
#footer-ca-title {
	font-size: 31px;
}
#footer-ca-stitle {
	font-size: 22px;
}
#suna {
	display:none;
}
}
@media (min-width:1200px) and (max-width:1399px)
{
#header-list {
	width:96%;
	margin-left:2%;
}
#header-logo {
	width:19%;
	margin-top:5px;
}
#header-info {
	width:80%;
}
#header-menu {
	width:80%;
	margin-right:0%;
}
#slide {
	background: url(files/images/slide-1400.webp) no-repeat center bottom;	
	min-height:650px;
}
#slide-b {
	background: url(files/images/slide-b-1400.webp) no-repeat center bottom;	
	min-height:650px;
}
#slide-list {
	margin-top:200px;
	margin-left:4%;
}
#slide-title {
	font-size: 56px;
}
#slide-stitle {
	font-size: 22px;
}
#slide-link {
	font-size:17px;
	margin-top:41px;
} 
#about-list {
	width:60%;
	margin-left:20%;
}	
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-1400.webp) no-repeat center top;
}
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-1400.webp) no-repeat center top;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-1400.webp) no-repeat center top;
}
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-1400.webp) no-repeat center top;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-1400.webp) no-repeat center top;
}
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-1400.webp) no-repeat center top;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-1400.webp) no-repeat center top;
}
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-1400.webp) no-repeat center top;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-1400.webp) no-repeat center top;
}
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-1400.webp) no-repeat center top;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-1400.webp) no-repeat center top;
}
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-1400.webp) no-repeat center top;
}
#why-opis {
	width:84%;
	margin-left:8%;
}
#sidebar {
	width:20%;
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#content {
	width:76%;
}
#blog-box {
	width:48%;
}
#footer-ca {
	background: url(files/images/ca-1400.webp) no-repeat center center;	
	height:500px;
}
#footer-ca-title {
	font-size: 30px;
}
#footer-ca-stitle {
	font-size: 21px;
}
#suna {
	display:none;
}
}
@media (min-width:1000px) and (max-width:1199px)
{
#header-logo {
	width:35%;
}
#header-info {
	width:65%;
}
#header-menu {
	width:55%;
	margin-left:5%;
	margin-right:5%;
}
#slide {
	background: url(files/images/slide-1200.webp) no-repeat center bottom;	
	min-height:620px;
}
#slide-b {
	background: url(files/images/slide-b-1200.webp) no-repeat center bottom;	
	min-height:620px;
}
#slide-list {
	margin-top:180px;
	margin-left:3%;
}
#slide-title {
	font-size: 51px;
}
#slide-stitle {
	font-size: 20px;
}
#slide-link {
	font-size:17px;
	margin-top:41px;
}
#about-list {
	width:60%;
	margin-left:20%;
}	
#catalog-box {
	width:48%;
}
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-1200.webp) no-repeat center top;
}
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-1200.webp) no-repeat center top;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-1200.webp) no-repeat center top;
}
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-1200.webp) no-repeat center top;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-1200.webp) no-repeat center top;
}
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-1200.webp) no-repeat center top;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-1200.webp) no-repeat center top;
}
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-1200.webp) no-repeat center top;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-1200.webp) no-repeat center top;
}
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-1200.webp) no-repeat center top;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-1200.webp) no-repeat center top;
}
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-1200.webp) no-repeat center top;
}
#why-opis {
	width:90%;
	margin-left:5%;
}
#sidebar {
	width:80%;
	margin-right:10%;
	margin-top:20px;
}
#sidebar-link {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
#content {
	width:100%;	
}
#content-center {
	width:90%;
	margin-left:5%;
}
#blog-box {
	width:48%;
}
#footer-ca {
	background: url(files/images/ca-1200.webp) no-repeat center center;	
	height:500px;
}
#footer-ca-list {
	margin-top:170px;
}
#footer-ca-title {
	font-size: 30px;
}
#footer-ca-stitle {
	font-size: 21px;
}
#suna {
	display:none;
}
}
@media (min-width:768px) and (max-width:999px)
{

#header-logo {
	width:35%;
}
#header-info {
	width:65%;
}
#header-menu {
	width:55%;
	margin-left:5%;
	margin-right:5%;
}
#slide {
	background: url(files/images/slide-1000.webp) no-repeat right bottom;
	min-height:620px;
}
#slide-b {
	background: url(files/images/slide-b-1000.webp) no-repeat right bottom;
	min-height:620px;
}
#slide-list {
	width:70%;
	margin-left:4%;
	margin-top:90px;
}
#slide-title {
	font-size: 47px;
}
#slide-stitle {
	font-size: 20px;
}
#slide-link {
	font-size:17px;
	margin-top:42px;
} 
#about-list {
	width:70%;
	margin-left:15%;
}	
#catalog-box {
	width:48%;
}
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-1000.webp) no-repeat center top;
}
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-1000.webp) no-repeat center top;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-1000.webp) no-repeat center top;
}
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-1000.webp) no-repeat center top;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-1000.webp) no-repeat center top;
}
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-1000.webp) no-repeat center top;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-1000.webp) no-repeat center top;
}
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-1000.webp) no-repeat center top;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-1000.webp) no-repeat center top;
}
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-1000.webp) no-repeat center top;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-1000.webp) no-repeat center top;
}
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-1000.webp) no-repeat center top;
}

#why-opis {
	width:90%;
	margin-left:5%;
}
#why-box {	
	width:48%;
}
#tips-acoperis {
	width:100%;
	min-height:600px;
}
#tips-acoperis-mask {
	background: url(files/images/acoperis-mask-bot.webp) no-repeat center bottom;	
	min-height:600px;
}
#tips-suport {
	width:100%;
	min-height:600px;
}
#photo-box {
	width:50%;
}

#sidebar {
	width:90%;
	margin-right:5%;
	margin-top:20px;
}
#sidebar-link {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
#content {
	width:100%;	
}
#content-center {
	width:90%;
	margin-left:5%;
}
#blog-box {
	width:98%;
	min-height:10px;
}
#footer-ca {
	background: url(files/images/ca-1000.webp) no-repeat center center;	
	height:500px;
}
#footer-ca-list {
	margin-top:160px;
}
#footer-ca-title {
	font-size: 29px;
	line-height:40px;
}
#footer-ca-stitle {
	font-size: 20px;
}
#footer-logo {
	width:98%;
	margin-top:0px;
	margin-bottom:30px;
}
#footer-cat {
	width:58%;
}
#footer-ct {
	width:38%;
}
#suna {
	display:none;
}
}
@media (min-width:480px) and (max-width:767px)
{
#header-list {
	width:96%;
	margin-left:2%;
}
#header-logo {
	width:48%;
}
#header-info {
	width:50%;
}
#header-ct {	
	width:100%;
}
#header-men {
	display:none;
} 
#header-menu {
	float:right;
	width:40%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
}
#slide {
	background: url(files/images/slide-768.webp) no-repeat right bottom;
	min-height:560px;
}
#slide-b {
	background: url(files/images/slide-b-768.webp) no-repeat right bottom;
	min-height:560px;
}
#slide-list {
	width:70%;
	margin-left:4%;
	margin-top:47px;
}
#slide-title {
	font-size: 43px;
}
#slide-stitle {
	font-size: 18px;
}
#slide-link {
	font-size:17px;
	margin-top:37px;
} 
#total {
	background: #f3f6f7 url(files/images/total-768.webp) no-repeat center top;
}
#about-list {
	width:70%;
	margin-left:15%;
}
#catalog-box {
	width:98%;
}
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-768.webp) no-repeat center top;
}
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-768.webp) no-repeat center top;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-768.webp) no-repeat center top;
}
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-768.webp) no-repeat center top;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-768.webp) no-repeat center top;
}
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-768.webp) no-repeat center top;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-768.webp) no-repeat center top;
}
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-768.webp) no-repeat center top;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-768.webp) no-repeat center top;
}
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-768.webp) no-repeat center top;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-768.webp) no-repeat center top;
}
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-768.webp) no-repeat center top;
}

#why-opis {
	width:100%;
	margin-left:0%;
}
#why-box {	
	width:98%;
}
#tips-acoperis {
	width:100%;
	min-height:600px;
}
#tips-acoperis-mask {
	background: url(files/images/acoperis-mask-bot.webp) no-repeat center bottom;	
	min-height:600px;
}
#tips-suport {
	width:100%;
	min-height:600px;
}
#photo-box {
	width:50%;
}

#sidebar {
	width:90%;
	margin-right:5%;
	margin-top:20px;
}
#content {
	width:100%;	
}
#content-center {
	width:100%;
	margin-left:0%;
}
#programare-apl-box {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
#blog-box {
	width:98%;
	min-height:10px;
}
#footer-ca {
	background: url(files/images/ca-768.webp) no-repeat center center;	
	height:500px;
}
#footer-ca-list {
	margin-top:160px;
}
#footer-ca-title {
	font-size: 28px;
	line-height:39px;
}
#footer-ca-stitle {
	font-size: 19px;
	line-height:26px;
}
#footer-logo {
	width:98%;
	margin-top:0px;
	margin-bottom:30px;
}
#footer-cat {
	width:98%;
}
#footer-ct {
	width:98%;
}
}
@media (min-width:300px) and (max-width:479px)
{
#header-list {
	width:90%;
	margin-left:5%;
}
#header-logo {
	width:37%;
	margin-top:6px;
}
#header-info {
	width:63%;
	margin-top:5px;
}
#header-ct {	
	width:100%;
}
#header-men {
	display:none;
} 
#header-menu {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
}
#slide {
	background: url(files/images/slide-480.webp) no-repeat center bottom;
	min-height:450px;
}
#slide-b {
	background: url(files/images/slide-b-480.webp) no-repeat center bottom;
	min-height:450px;
}
#slide-list {
	width:90%;
	margin-left:4%;
	margin-top:49px;
}
#slide-title {
	font-size: 34px;
}
#slide-stitle {
	font-size: 17px;
	margin-top:10px;
}
#slide-link {
	font-size:17px;
	margin-top:30px;
}
#total {
	background: #f3f6f7 url(files/images/total-480.webp) no-repeat center top;
}
#about-list {
	width:80%;
	margin-left:10%;
}
#catalog-box {
	width:98%;
}
#catalog-box-1 a {
	background: #fff url(files/images/cat-b1-bk-480.webp) no-repeat center top;
}
#catalog-box-1 a:hover{
	background: #1e3669 url(files/images/cat-b1-bk-480.webp) no-repeat center top;
}
#catalog-box-2 a {
	background: #fff url(files/images/cat-b2-bk-480.webp) no-repeat center top;
}
#catalog-box-2 a:hover{
	background: #1e3669 url(files/images/cat-b2-bk-480.webp) no-repeat center top;
}
#catalog-box-3 a {
	background: #fff url(files/images/cat-b3-bk-480.webp) no-repeat center top;
}
#catalog-box-3 a:hover{
	background: #1e3669 url(files/images/cat-b3-bk-480.webp) no-repeat center top;
}
#catalog-box-4 a {
	background: #fff url(files/images/cat-b4-bk-480.webp) no-repeat center top;
}
#catalog-box-4 a:hover{
	background: #1e3669 url(files/images/cat-b4-bk-480.webp) no-repeat center top;
}
#catalog-box-5 a {
	background: #fff url(files/images/cat-b5-bk-480.webp) no-repeat center top;
}
#catalog-box-5 a:hover{
	background: #1e3669 url(files/images/cat-b5-bk-480.webp) no-repeat center top;
}
#catalog-box-6 a {
	background: #fff url(files/images/cat-b6-bk-480.webp) no-repeat center top;
}
#catalog-box-6 a:hover{
	background: #1e3669 url(files/images/cat-b6-bk-480.webp) no-repeat center top;
}


#why-opis {
	width:100%;
	margin-left:0%;
}
#why-box {	
	width:98%;
}
#tips-acoperis {
	width:100%;
	min-height:600px;
}
#tips-acoperis-mask {
	background: url(files/images/acoperis-mask-bot.webp) no-repeat center bottom;	
	min-height:600px;
}
#tips-suport {
	width:100%;
	background: #f35b18;
	min-height:10px;
}
#photo-box {
	width:100%;
}


#sidebar {
	width:90%;
	margin-right:5%;
	margin-top:20px;
}
#content {
	width:100%;	
}
#content-center {
	width:100%;
	margin-left:0%;
}
#blog-box {
	width:98%;
	min-height:10px;
}
#footer-ca {
	background: url(files/images/ca-480.webp) no-repeat center center;	
	height:500px;
}
#footer-ca-list {
	margin-top:120px;
}
#footer-ca-title {
	font-size: 27px;
	line-height:37px;
}
#footer-ca-stitle {
	font-size: 19px;
	line-height:26px;
}
#footer-logo {
	width:98%;
	margin-top:0px;
	margin-bottom:30px;
}
#footer-cat {
	width:98%;
}
#footer-ct {
	width:98%;
}
#copyright {
	width:78%;
	margin-left:0%;
}
#created {
	width:20%;
}
}