/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Arimo&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald&subset=latin-ext');
/* NORMALIZE v3.0.2 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* GLOBALS */
ul,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;list-style:none;}
body{margin:0;padding:0;font-family:Arimo;background:black;}
a{color:black;text-decoration:underline;}
a:hover{text-decoration:none;}

/* MAIN */ 
.wrap {max-width:1150px;margin:0 auto;}
.wrap1 {max-width:1150px;margin:0 auto;padding:0 15px;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.hide {display:none;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.round3 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.round5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.round10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.shadow{-webkit-box-shadow: -1px -1px 30px -2px rgba(0,0,0,0.41);-moz-box-shadow: -1px -1px 30px -2px rgba(0,0,0,0.41);box-shadow: -1px -1px 30px -2px rgba(0,0,0,0.41);}
.txtShadow {text-shadow: rgb(3, 3, 3) -2px 0px 3px;}
.fade {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.white-popup {position: relative;background: #FFF;padding: 25px;width:auto;max-width: 800px;min-width:300px;margin: 0 auto; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  }
.white-popup:hover {box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
.ruler {border:0;border-bottom:1px dotted #CCCCCC;margin:0;}
.shadow3D {background:url('http://www.marmel.si/templates/default/img/sliderShadow.png')no-repeat;width:956px;height:27px;text-align:center;margin:0 auto;}
.obvezno {color:red;}
.title {font:bold 2em Oswald;text-align:center;position:relative;display:inline-block;width:100%;margin:0 auto;text-transform:uppercase;}
.title:after { content:'';position:absolute;left:0;right:0;top:100%;margin:2px auto;width:10%;height:3px;background:#843431;}
.title.red {color:black;}
.title.blue {color:#2C71B5;}
.title.white {color:white;}
.lgreybg {background:#F7F7F7;overflow:hidden;padding:20px 25px;}
.whitebg {background:white;overflow:hidden;padding:80px 15px;}

.btn {padding:5px 20px;text-decoration:none;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;border:0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.29);-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.29);box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.29);}
input[type="submit"]:disabled {opacity:0.65;cursor:not-allowed;}
.btn.light{background:#ddd;}
.btn.light:hover{background:#BBB;}
.btn.yellow{background:#FEB600;color:black;}
.btn.yellow:hover{background:#E1A400;}
.btn.red{background:#ED3237;}
.btn.red:hover{background:#8C0000;}
.btn.big {font-size:1.3em;padding:8px 30px;text-transform:uppercase;font-family:Oswald;}
.btn.med {font-size:1em;padding:8px 20px;text-transform:uppercase;font-family:Oswald;}
.btn.small {font-size:.7em;padding:5px 10px;}

.lightBg {background:#efefef;overflow:hidden;}

.dHide {display:none!important;} /* hide on desktop */
	@media all and (min-width:320px) and (max-width:966px){.mHide {display:none!important;}.dHide{display:block!important;}} /* hide on mobile */

#scrollUp {width:80px;height:80px;opacity:0.5;position:fixed;bottom:5px;right:0;display:none;text-indent:-10000px;outline:none !important;background-image: url('../img/top.png');background-repeat: no-repeat;}

/* HEADER */


/* top menu */


#header {height:120px;}
#header .logo img {height:60px;width:auto;position:absolute;margin:40px 0 0 0;transition: all .3s ease-in-out;}
#header .logo img:hover {margin:30px 0 0 0;}

#boxMenu {margin:30px 0 0 350px;z-index:999;position:absolute;color:white;}
#boxMenu li {width:180px;margin-right:30px;font-size:.9em;padding:10px;}
#boxMenu li .main p{margin:0; padding:0;}
#boxMenu li .main i{color:#F26B35;font-size:2em;padding-right:15px;line-height:40px;}
#boxMenu li .subMain {border-top:5px solid #F26B35;padding-top:5px;margin-top:15px;background:white;}
#boxMenu li .subMain p{font-size:.9em;}
#boxMenu li .subMain a{margin-bottom:10px;}

/* main menu */
.menu {background:#A8CF45;height:60px;}
#mainMenu nav li {float:left;list-style:none;height:35px;border-right:1px solid #333333;line-height:35px;margin-top:15px;border-right:1px solid #666666;}
#mainMenu nav li:last-of-type {border:0;}
#mainMenu nav li a {text-decoration:none;font:normal 1.2em Oswald;text-transform:uppercase;text-align:center;padding:0 25px;color:black;}
#mainMenu nav .lL a {font-weight:bold;background:#F16A34;}
#mainMenu nav .lL {background:#F16A34;}
#mainMenu nav .lL a:hover {color:white;}
#mainMenu nav li a i {display:none;}
#mainMenu nav li a:hover {color:#F26B35}
.toBottom {cursor:pointer;border:0!important;}
.rightMenu {float:right!important;border:0!important;}

#mobileMenu, #mobileContactMenu {display:none;}

/* INDEX PAGE */
/* slider */
#mainSlider p {margin:0;padding:0;}
#mainSlider img {width:100%;height:auto;margin:0 auto;}
#mainSlider .rsABlock {color:black;width:100%;padding:10px 0;text-align:center;font-size:0.7em;margin-top:22%;}
#mainSlider .rsABlock h2 {font-weight:normal;}
#mainSlider h3 {color:white;}
	@media all and (max-width:768px) {
		#mainSlider {height:100px;}
		#mainSlider .rsABlock {margin-top:50px; font:normal .8em/23px 'Dosis'; height:50px;width:99%; padding:0 10px 0 5px;}
	}

#quoteTop {background:#F26B35;width:1120px;height:100px;position:absolute;margin:-130px 0 0 0;}
#quoteTop .icon {width:100px;}
#quoteTop .icon i {background:#FFFCE4;font-size:2em;color:#F26B35;margin:20px;padding:15px;}
#quoteTop .text {width:750px;padding-top:20px;color:white;}
#quoteTop .text h2 {padding:0;margin:0;font-family:Oswald;text-transform:uppercase;font-weight:normal;}
#quoteTop .text p  {padding:0;margin:0;padding-top:3px;}
#quoteTop .send {width:240px;padding-top:35px;text-align:right;padding-right:20px;}
	
#indexPage {background:white;}
	
/* products */
#frontProducts {height:400px;}
#frontProducts li{float:left;width:360px;height:270px;padding-right:20px;}
#frontProducts .levelL {padding-right:0;}
#frontProducts li a {text-decoration:none;}
#frontProducts li img {width:350px;height:auto;}
#frontProducts li h3 {font:normal 1.4em Oswald;color:black;text-transform:uppercase;}
#frontProducts li p {padding:10px 0 0 0;margin:0;text-align:justify;font-size:.8em;line-height:18px;}

#indexPage .about {width:600px;text-align:justify;font-size:.9em;color:#444444;line-height:30px;}
#map{width:480px;height:250px}
	@media (min-width:967px) and (max-width:1024px) {
		#map {width:480px;}
	}

#numbers .left {width:150px;text-align:center;padding:0 50px;}
#numbers .counter {font-size:6em;font-weight:normal;}
#numbers .name {font-size:.8em;}

.greybg{background:#EEEEEE;height:300px;padding-top:50px;}
.latestProjects li {float:left;padding-right:30px;}
.latestProjects li .photo {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:200px;height:200px;background:white;margin:0 auto;padding:5px 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.2s ease-in-out;}
.latestProjects li .photo:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.latestProjects li .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:200px;}
.latestProjects li a{color:#2C71B5;text-decoration:none;}

#quote {text-align:center;background:url('../img/grass.jpg')no-repeat;height:350px;}
#quote p {font:bold 1.5em Arimo;margin:0;color:black;padding-top:50px;}

#promoted {width:1110px;}
#promoted li{display:inline-block;*display:inline;width:49%;vertical-align:middle;box-sizing:border-box;margin:0;padding:0}
#promoted a{display:block;position:relative;overflow:hidden;border:1px solid white;}
#promoted .photo{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:520px;height:300px;transform:scale(1);transition:all 1s;}
#promoted .photo img{flex-shrink:0;min-width:100%;min-height:100%;width:520px}
#promoted .overlay{position:absolute;display:block;top:0;left:0;bottom:0;right:0;margin:auto;background:#843431;background-size:50px 50px;opacity:0;filter:alpha(opacity=0);transition:all .6s}
#promoted li:hover .overlay{opacity:.8}
#promoted li:hover .photo {transform:scale(1.05);}
#promoted .text{display:block;padding:0 30px;box-sizing:border-box;position:absolute;left:0;width:100%;text-align:center;text-transform:uppercase;font-size:15px;font-weight:normal!important;top:30%;color:white;opacity:0;filter:alpha(opacity=0);transform:translateY(-20px);transition:all .3s}
#promoted li:hover .text{transform:translateY(0px);opacity:.9}

	@media (max-width: 900px) {
		#promoted li {width:25%;}
	}

	@media (max-width: 700px) {
		#promoted li {width:33.33%;}
	}

	@media (max-width: 550px) {
		#promoted li {width:50%;}
	}

/* BODY */
.greyBG {background:#EEEDED;overflow:hidden;}				
#body {width:100%;}
#column {width:250px;}
#page h1 {color:#A8CF45; border-bottom:1px solid #F16A34;padding-top:40px;padding-bottom:15px;text-transform:uppercase;font-family:Oswald;}

#inquiry h1 {color:#C32328; border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:20px;}
#inquiry input[type=text], #requestForm input[type=email]  {width:300px;margin-bottom:10px;padding:10px;}
#inquiry textarea {height:200px;width:400px;}
#inquiry .captchaInput{width:30px!important;margin-right:30px;}
#inquiry .captchaText {}

.obvezno {background:red;color:white;}
#contact {max-width:900px; height:500px;}
#contact .left {width:350px;}
#contact h3 {font-size:2em; color:#843431; padding:0 0 30px 0; font-weight:normal;}
#contact h3 span {color:#666;}
#contact ul {list-style:none;}
#contact input[type=text], #contact input[type=email] {width:240px; padding:5px 0 5px 10px; font:normal 1.3em tahoma; margin:0 0 20px 5px;}
#contact textarea {margin:10px 0 0 4px; font:normal 1.2em tahoma;padding:5px 0 5px 10px;}
#contact .right {padding-right:40px; width:200px;}
#contact .right div {padding-bottom:20px;}
#contact .right h5 {color:black;padding-bottom:5px;}
#contact .right p {font-size:1.1em;padding:0;margin:0;}
#contact .right  b{color:#843431}
#contact .captchaInput{width:30px!important;margin-right:30px;float:left;padding-right:30px;}
#contact .captchaText {line-height:30px;float:left;margin-right:10px;}
#contact input[type=submit] {margin-left:30px;}


/* bottom gallery */
#imageGallery li {float:left;text-align:center;margin:10px 20px 0 0;}
#imageGallery .photo {position:relative;border:1px solid #b2b2b2;display:flex;justify-content:center;align-items:center;overflow:hidden;width:250px;height:180px;}
#imageGallery .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:250px;/*zoom:1.2*/}
#imageGallery p {width:250px;height:30px;margin:0;padding:0;padding-bottom:20px;}

#pageDescription p {text-align:justify;color:white;}
#pageDescription strong {color:#F16A34;}
#pageDescription ul {margin-top:30px;}
#pageDescription li {list-style-type:square;list-style-position:inside;text-indent:-1em;padding-left:1em;padding-bottom:20px;text-align:justify;}

/* subpages in left column */
.columnBox {padding:15px 15px 30px 15px;background:white;margin-bottom:10px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.2s ease-in-out;}
.columnBox:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
#showSubpages {margin-top:20px;margin-bottom:20px;}
#showSubpages  h1 {font-size:1.3em;padding:10px 0 10px 0; margin-bottom:15px; height:35px; line-height:35px;color:#2C71B5;cursor:pointer;border-bottom:1px solid #eeeded;}
#showSubpages  h1 i {padding-right:15px; cursor:pointer;color:#CCCCCC;font-size:.8em;}
#showSubpages ul {list-style:none;padding-top}
#showSubpages li a {display:block;padding:5px 10px; text-decoration:none;font-size:.9em;color:black}
#showSubpages li a:hover {text-decoration:underline;}
#showSubpages h1 i.mobileOn {display:none;}

.latestProjectsColumn h1 {font-size:1.3em;border-bottom:1px solid #eeeded;margin-bottom:20px;}
.latestProjectsColumn li {text-align:center;padding:0 0 5px 20px;}
.latestProjectsColumn li .photo {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:180px;height:160px;transition: all .25s ease-in-out;}
.latestProjectsColumn li .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:160px;}
.latestProjectsColumn li .photo:hover {transform: scale(1.1);filter: blur(0);-webkit-filter: blur(0);}
.latestProjectsColumn li a{color:#2C71B5;text-decoration:none;font-size:.6em;}

/* projects gallery */
.galleryBottom ul {text-align:center;}
.galleryBottom li {list-style:none; float:left; padding:8px;}
.galleryBottom li .photo {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:200px;height:200px;background:white;margin:0 auto;padding:5px 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.2s ease-in-out;}
.galleryBottom li .photo:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.galleryBottom li .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:200px;}
.galleryBottom li .rsABlock {display:none;}
.galleryBottom li .desc {font-size:.8em; display:block; width:250px; height:30px;}
	@media all and (max-width:768px) {
		.galleryBottom li div {font-size:1em; color:black; text-align:center;background:rgba(255,255,255,.7); width:100%; padding:5px;}
		.galleryBottom li .desc {display:none;}
		.galleryBottom li .photo 
	}

/* FOOTER */
/* main footer */
#footer {background:#262728;height:250px;padding:10px 0;color:#878787;font-size:.8em;}
#footer .column {width:270px;padding:10px;}
#footer  h1 {margin-bottom:10px;padding-bottom:10px;font-size:1.2em;color:white;text-transform:uppercase;font-weight:normal;}
#footer h1 i {margin-right:20px;}
#footer a {color:#878787;}


/* footer blocks */
#footerContact {width:350px;}
#footerContact a {color:#878787;}
#footerContact i {padding-right:10px;color:#E03651;}


#footerMenu {width:150px;padding:10px;}
#footerMenu li {line-height:30px;}
#footerMenu i {padding-right:10px;font-size:.7em;color:#E03651;}
#footerMenu a {font-size:1.1em;text-decoration:none;}
#footerMenu a:hover {text-decoration:underline;}

#footerSocial a {padding-left:5px;}
#footerSocial a i {font-size:2.3em;color:black;background:white;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;width:40px;height:40px;text-align:center;line-height:40px;}
#footerSocial .fa-facebook:hover  {background-color:#3b5998;color:white;}
#footerSocial .fa-twitter:hover  {background-color:#00aced;color:white;}
#footerSocial .fa-linkedin:hover  {background-color:#bb0000;color:white;}
#footerSocial .fa-google-plus:hover  {background-color:#dd4b39;color:white;}
#footerSocial .fa-instagram:hover  {background-color:#dd4b39;color:white;}
#footerSocial .fa-pinterest:hover  {background-color:#dd4b39;color:white;}
#footerSocial .fa-youtube:hover  {background-color:#dd4b39;color:white;}

#footerNewsletter input[type="text"] {border: 1px solid #ccc;padding: 6px 4px;outline: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #777;margin: 0;width: 250px;max-width: 100%;display: block;margin-bottom: 20px;background: #fff; }
#footerNewsletter .captchaInput{width:30px!important;margin-right:30px;float:left;}
#footerNewsletter .captchaText {line-height:30px;float:left;margin-right:10px;}

#footerCopy {background:black;height:50px;color:white;line-height:50px;font-size:.8em;}
#footerCopy a {color:white;}
#legalMenu li{float:left;list-style:none;}
#legalMenu li a{padding:0 10px;}