@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {background-color:#eff4f0; font-family:'Roboto', sans-serif; font-size:calc(70% + 1vmin); -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch;}

a {text-decoration:none; -webkit-transition: all ease .5s; transition: all ease .5s;}
a:hover, a:focus {text-decoration:none; outline:0; cursor:pointer;}
.btn:focus, .btn:active {outline:inherit;}
.wow {visibility:hidden;}
.dashlink {border-bottom:1px dashed; opacity:.8;}
.dashlink:hover {border-bottom:1px dashed; opacity:1;}

/* Other fixes*/
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul, ol {padding-left:0 !important;}
li {list-style: none;}

/* TEXTS */
h1, h2, h3, h4 {font-family:Roboto, sans-serif;}
h1 {font-size:calc(1.2em + 1.4vmin); line-height:calc(1.2em + 0.8vmin); margin:calc(0.5em + 2vmin) 0; font-weight:500;}
h2 {color:#666; font-size:calc(1.0em + 1vmin); line-height:calc(1.2em + 0.6vmin); margin:calc(0.5em + 1.2vmin) 0; font-weight:400;}
h3 {color:#666; font-size:calc(0.8em + 1vmin); line-height:calc(1.2em + 0.6vmin); margin:calc(0.5em + 1vmin) 0; font-weight:300;}
h4 {color:#444; font-size:calc(0.7em + 1vmin); line-height:calc(1em + 0.4vmin); margin:calc(0.5em + 0.9vmin) 0;}

p {line-height:calc(1.2em + 0.4vmin); margin:0 0 calc(1.2em + 1vmin) 0; color:#666; font-weight:300; word-wrap:break-word;}

/*  COLORS  */
.white-txt {color:#fff;}
.yellow-txt {color:#fc0;}

.dotline {border-top:2px #456 dashed; width:30%; margin:30px auto; clear:both;}

/*  SIZES  */
small {font-size:12px; color:#999;}
vsmall {font-size:10px; color:#999;}
.picim {margin:0 auto; margin-bottom:20px; max-width:800px;}
.picim  img {width:100%; height:auto;}

.bigtx {font-size:calc(1em + 1vmin);}

hr {display:block; width:75%; height:1px; border:0; border-top:1px solid rgba(255, 255, 255, 0.3); margin:5% auto; padding:0;}

.toper {background:url(../images/fixblock_bgbig.jpg) #052429 no-repeat center top; padding:80px 0; min-height:200px; width:100%; -webkit-background-size:100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; overflow:hidden border-bottom:5px #fc0 solid;}
.toper h2 {font-size:300%; line-height:100%; margin:20px 0; letter-spacing:2px; text-transform:uppercase;}
.toper h2 span {font-size:60%; font-weight:500 !important; margin:10px 0 15px 0; text-transform:uppercase;}
.toper .yelline {background:url(../images/yellow_main.png) no-repeat right top; background-size:cover;}
.toper .yelline h1 {font-size:80px; font-weight:700; color:#123; margin:10px 22% 10px 0; text-transform:uppercase; letter-spacing:3px;}

.navbar-dark {background:url(../images/fixblock_bgrzn.jpg) #052429 no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; overflow:hidden;}
.navbar-nav li a {font-size:18px; color:#9cc; font-weight:300; padding:15px 30px 15px 0;}
.navbar-nav .current a {outline:none; color:#fff;}

.bg-yellow {background: rgb(255,153,0); background: linear-gradient(355deg, rgba(255,153,0,1) 0%, rgba(255,221,0,1) 100%);}
.slogan {font-size:16px; margin:0 20px; text-transform:uppercase; letter-spacing:2px; color:#fff;}
.slogan span {font-size:20px; color:#123; font-weight:500; letter-spacing:1px;}
.breadcrumbs {font-size:14px; font-weight:300; color:#999; text-align:left; padding:110px 0 10px 15px; border-bottom:1px #ddd solid;}
.breadcrumbs a {color:#357;}

#index h1, #index h2, #index h3, #index h4 {text-transform:uppercase;}

/* CONTENT */
#content {padding:0 0 80px 0;}
#content a:link, #content a:visited {color:#357;}
#content li {line-height:calc(1.4em + 0.4vmin); list-style-type:circle; list-style:inside; color:#666; font-weight:300; word-wrap:break-word; padding-left:20px;}
.sidebar {font-size:16px; font-weight:300; word-wrap:break-word; padding:20px 0 40px 0;}
.sidebar a:link, .sidebar a:visited {color:#357;}
.keykey {margin:20px auto; text-align:center; color:#999; font-weight:300;}
.keykey span:before {content:'#';}
.podico {background:#fff; margin:10px 0; font-size:14px; font-weight:300; line-height:80%; border-right:3px #eff4f0 solid;}
.podico:last-child {border:none;}
.podico a {display:block; width:100%; height:100%; margin:20px auto;}
.podico a .bigicon:hover {background:#366;}
.bigicon {width:60px; height:60px; background:#789; border-radius:30px; font-size:20px; color:#fff; padding:20px 0 0 0; margin:10px 0 20px 0;}

/* PROFITS */
#profits {background:#345; padding:40px 0 80px 0;}
.spisok>div>p {font-size:0.9em; line-height:calc(1em + 0.4vmin); margin:calc(0.6em + 0.1vmin) 0; color:#fff; text-align:left;}
.spisok>div>p i {display:inline-block; float:left; font-size:calc(1em + 1vmin); width:1.4em; margin:0.2em 0.1em 0 0;}

/* VIEWS */
#views {background:url(../images/fixblock_bgwht.jpg) #cdd2e1 no-repeat center top; padding:80px 0;}
.trans_wht {background:rgba(255, 255, 255, 0.6); padding:40px 30px 60px 30px; margin:0 0 3vmin 0;}
#views  a, #views  a:visited {color:#666; border-color:#666;}
#views  a:hover, #views  a:active, #views  a:focus {color:#333;}

/* GALLERY */
#gallery {background:#cdd2e1; padding:0 0 60px 0;}

/* PRIMER */
#primer_one {background:url(../images/fixblock_bgstr.jpg) #e7e8f1 no-repeat center top; padding:80px 0;}
.rightpic {background:url(../images/fixblock_bgstr.jpg) #e7e8f1 no-repeat left top;  padding:20px; height:100%;}

/* PRICE */
#prices {padding:80px 0; background:#135;}
.fixpack {background:url(../images/fixblock_pack.png) no-repeat left top; display:block; max-width:380px; height:220px; margin:0 auto;}
.cenash {font-size:30px; color:#fff; line-height:100%; font-weight:700; text-align:center; width:200px; float:right;}
.cena {background:url(../images/cena_bg.png) no-repeat center top; font-size:60px; color:#123; line-height:100%; font-weight:700; width:200px; height:100px; clear:both; padding:15px 0 0 0; margin:0 0 5px 0;}
.cenash span {font-size:20px; font-weight:400;}
#prices  a, #prices  a:visited {opacity:0.6; color:#cde;}
#prices  a:hover, #prices  a:active, #prices  a:focus {opacity:1;}

/* LINKS */
#links {background:#045; padding:60px 0 90px 0; font-weight:300; color:#fff;}
#links a, #links a:visited {opacity:0.6; color:#cdd;}
#links a:hover, #links a:active, #links a:focus {opacity:1;}

#dostavka {background:radial-gradient(ellipse at top, #cdd, #899); padding:60px 0 90px 0; font-weight:300; text-align:center;}
#dostavka h2 {color:#345;}
#dostavka p {color:#234;}
#dostavka .img-fluid {width:70%; height:auto;}
.dostava .img-fluid {width:60%; height:auto;}

footer {padding:8% 0; background:radial-gradient(ellipse at top, #135,#024); border-top:5px #fc0 solid;}
footer p {font-size:16px; color:#467; margin:10px 0 20px 0;}
footer a {color:#79a;}
footer a:hover {color:#bdf;}
footer strong {font-size:28px; font-weight:300;}
footer i {font-size:26px; padding:0 4%;}
footer .copyright {font-size:12px;}
.invis {display:none;}


@media (max-width: 992px){
.toper h2 {font-size:220%; letter-spacing:1px;}
.toper h2 span {font-size:32px; font-weight:400 !important; margin:20px auto !important;}
.toper .yelline {background-position:center left; text-align:center;}
.toper .yelline h1 {font-size:70px !important; margin:0 auto;}
.slogan {display:none;}
.breadcrumbs {display:none;}
}

@media (max-width: 768px){
h1, h2, h3, h4 {letter-spacing:0px;}
.toper {padding:50px 10px 25px 10px !important; background:url(../images/fixblock_bgsml.jpg) #052429 no-repeat left top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.toper h2 {margin:15px 0;}
.toper h2 span {font-size:28px; font-weight:400 !important; margin:15px auto !important;}
.toper .yelline {background:linear-gradient(355deg, rgba(255,153,0,1) 0%, rgba(255,221,0,1) 100%); width:100% !important; text-align:center; margin:20px auto !important;}
.toper .yelline h1 {font-size:60px !important; margin:0 auto;}
#views {background-image:none !important; padding:40px 0;}
.trans_wht {padding:20px 20px;}
}

@media (max-width: 576px){
.toper h2 {margin:10px 0;}
.toper h2 span {font-size:24px; font-weight:400 !important; margin:0 0 10px 0;}
.toper .yelline {height:60px; width:100% !important;}
.toper .yelline h1 {font-size:44px !important; margin:0 !important; padding:6px 0 0 0; letter-spacing:0 !important;}
#profits {padding:30px 10px !important;}
#prices {padding:30px 10px !important;}
.cenash {margin:0 0 0 80px !important;}
#views {background-image:none !important; background-color:#cdd2e1; padding:20px 0;}
#owl-fixprim .item  img{width:100%; height:auto; display: block; margin:0 20px 20px 0;}
}