@charset "utf-8";
/* CSS Document */

body {font-family: 'Open Sans', sans-serif; font-size:14px; color:#343434; color:#868686}

a { color:#f05153 }
a:hover, a:focus {text-decoration:none; color:#000 }

h1,h2,h3,h4,h5,h6 { margin-top:0px; font-family: 'Comfortaa', cursive; font-weight:700; color:#000; font-size:30px}
h1.title { margin-top:0px }
p { line-height:22px }
h2.naslov { margin-bottom:15px !important; display:block}
.align { text-align:center }

/* Layout */
.container { position:relative }
.c_fix { padding-left:0px !important; padding-right:0px !important }
section { padding:40px 0px }
.dashed_top { border-top:1px dashed #c4c4c4 }
.dashed_bottom { border-bottom:1px dashed #c4c4c4 }
.bg { background-image:url(../images/wide-bg.png); background-repeat:repeat-x; background-color:#fff }
.bg_section { background-image:none; background-repeat:repeat-x; background-position:top left }

header { margin-top:80px }
footer { background-color:#000000; padding:10px 0px; color:#fff }

/* help */
.font {font-family: 'Comfortaa', cursive; font-weight:400}
.rounded {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.roundedB {-webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px;}
.fade {zoom: 1;filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out;  transition: opacity 0.3s ease-in-out;}
.fade:hover { zoom: 1;filter: alpha(opacity=90);opacity: 0.9;}
.shadow {-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);}

.dashed { border-top:1px dashed #999 }

a.logo { position:absolute; width:330px; height:270px; display:block; top:0px; left:0px;  background-repeat:no-repeat; background-position:center bottom; background-image:url(../images/mega-logo.png); }
a.rLogo {position:absolute; left:10px; top:15px; width:200px; height:50px;background-image:url(../images/rLogo.png);  background-repeat:no-repeat }

a.logo_small {background-image:url(../images/rLogo.png); position:absolute; width:200px; height:50px;top:0px; left:10px; display:none;  background-repeat:no-repeat; background-position:center -5px  }

.top { display:none; width:50px; height:50px; position:fixed; bottom:15px; right:15px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; z-index:5000;}
.top_inner { width:44px; height:44px; margin:2px; display:block; background-color:#484848; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#fff; text-align:center; line-height:44px; background-image:url(../images/arrow-top.png); background-repeat:no-repeat; background-position:center}

/* Main menu */
nav.main { padding:0px; text-align:right; position:fixed; left:0px; top:0px; right:0px; background:#fff; z-index:5000}

ul.main_menu { list-style:none; padding:0px; margin:0px; float:right }
ul.main_menu li { float:left }
ul.main_menu li a {display:block; padding:12px 20px; font-size:17px; font-weight:700; color:#343434; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
ul.main_menu li a.active, ul.main_menu li a:hover  { background-color:#eb5250; color:#fff}

/* rMenu */
a.rMenu { width:80px; height:80px; background-image:url(../images/rMenu-button.png); background-repeat:no-repeat; background-position:center; float:right }

.rOptions { display:none; position:fixed; top:80px; left:0px; right:0px; background-color:#fff; border-top:1px solid #ccc; padding:0px 30px; background-image:url(../images/rMenu-bg.png); background-repeat:repeat-x; background-position:top left;  }

a.rLijevo, a.rDesno { display:block; height:51px; width:30px; top:0px; position:absolute; background-image:url(../images/rNav-arrows.png); background-repeat:no-repeat;}
a.rLijevo { left:0px; background-position:0px 0px}
a.rDesno { right:0px; background-position:-30px 0px}

ul.rMenu_items { list-style:none; margin:0px -15px; padding:0px;}
ul.rMenu_items li { border-top:1px solid #e3e3e3}
ul.rMenu_items li a { padding:10px 20px; text-align:left; font-size:20px; color:#000 }
ul.rMenu_items li a:hover { color:#eb5250 }

ul.rSlide {text-align:center; padding:0px; margin:0px; list-style:none;}
ul.rSlide li {display:block; }
ul.rSlide li a { font-size:22px; padding:10px 20px; display:block; color:#414347; }

/* rotator */
.rotator_wrapp { height:300px; background-image:url(../images/rotator-bg.png); background-repeat:repeat-x; background-position:bottom -35px left }
.rs_wrapp {width:100%; height:300px;}
.r_center { position:relative; width:1170px; margin:auto !important }

.hrotator {width:100%; height:534px}

.rotator_panel { width:180px; margin-top:30px; }
.rotator_panel h1 { font-size:28px }
p.long { display:none }
.prva { margin-top:0px }
.rot_fix { margin-top:10px; }

ul.slider_nav { position:absolute; top:-82px; margin:0px; padding:0px; list-style:none }
ul.slider_nav li { display:inline-block; background-color:#fff;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  }
ul.slider_nav li a { margin:4px; width:25px; height:25px; display:block; color:#fff; background-color:#eb5250; text-align:center;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-image:url(../images/rotator_nav.png); background-repeat:no-repeat;  }
ul.slider_nav li a:hover { background-color:#bc4242 }
ul.slider_nav li a.sliderLeft { background-position:0px 0px }
ul.slider_nav li a.sliderRight { background-position:-25px 0px}

.owl-theme .owl-controls .owl-page span { background-color:#000 }

ul.feature_nav { margin:0px; padding:0px; list-style:none}
ul.feature_nav li { display:inline-block;background-color:#fff;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  }
ul.feature_nav li a {width:25px; height:25px; display:block; color:#fff; background-color:#eb5250; text-align:center;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  background-image:url(../images/rotator_nav.png); background-repeat:no-repeat;}
ul.feature_nav li a:hover { background-color:#bc4242 }
ul.feature_nav li a.k_lijevo { background-position: 0px 0px }
ul.feature_nav li a.k_desno {background-position:-25px 0px}

/* Feature items */
.features_wrapp { margin-top:30px }
.feature_item { padding-left:50px; background-repeat:no-repeat; margin-bottom:20px; background-position:top left;}
.feature_item h2 {font-size:20px; margin:0px; }
span.subtitle { margin-bottom:8px; display:block }

.feature_item.ico_time { background-image:url(../images/feature-icon-time.png) }
.feature_item.ico_phone { background-image:url(../images/feature-icon-phone.png) }
.feature_item.ico_bubble { background-image:url(../images/feature-icon-bubble.png) }
.feature_item.ico_send { background-image:url(../images/feature-icon-send.png) }
.feature_item.ico_automation { background-image:url(../images/feature-icon-auto.png) }
.feature_item.ico_kreativa { background-image:url(../images/feature-icon-kreativa.png) }
.feature_item.ico_pristup { background-image:url(../images/feature-icon-access.png) }
.feature_item.ico_recikliraj { background-image:url(../images/feature-icon-recikliraj.png) }
.feature_item.ico_podrska { background-image:url(../images/feature-icon-podrska.png) }

/* Box */
.box { display:block; padding:20px 20px 60px 20px ; color:#fff; margin-bottom:15px; text-align:center; position:relative; outline:none}
.box:focus { outline:none }
.box .more { height:45px; position:absolute; bottom:0px; left:0px; right:0px; background-image:url(../images/arrow-down.png); background-repeat:no-repeat; background-position:center}
.box p { margin:0px; color:#fff }

.extra_details { display:none }

a.box.icon { padding-top:130px; background-position:center 20px; background-repeat:no-repeat }
a.box.icon.mobile { background-image:url(../images/icon-box-mobile.png); }
a.box.icon.calendar { background-image:url(../images/icon-box-calendar.png); }
a.box.icon.bubble { background-image:url(../images/icon-box-bubble.png); }

.box_shadow { background-image:url(../images/box-shadow-md.png); background-repeat:no-repeat; background-position:bottom center; height:50px; display:block }

/* Box boje */
.green { background-color:#17b791; /* border-top:4px solid #0d614d; border-right:4px solid #0d614d*/  }
.orange { background-color:#fab34a; /*border-top:3px solid #8c5e1b; border-right:3px solid #8c5e1b*/ }
.red { background-color:#ee5758;/* border-top:3px solid #903a3b; border-right:3px solid #903a3b*/ }
.box.red .more {background-color:#bc4242;}
.box.orange .more {background-color:#bf8939}
.box.green .more {background-color:#128c6f}

/* Info */
.info_left, .info_right { background-repeat:no-repeat; background-position:top center; min-height:200px }
.info_left {padding:200px 0px 0px 0px; text-align:center;}
.info_right {padding:200px 0px 0px 0px; text-align:center;}

.test_img { background-image:url(../images/test-info-image.jpg) }

.automatizacija { background-image:url(../images/image-automatizacija.jpg) }
.kompatibilnost { background-image:url(../images/image-kompatibilnost.jpg) }
.statistike { background-image:url(../images/image-statistike.jpg) }
.sucelje { background-image:url(../images/image-sucelje.jpg) }
.zamke { background-image:url(../images/image-zamke.jpg) }
.multifunkcionalnost { background-image:url(../images/image-multi.jpg) }

/* Forma */
form.newsletter { padding-top:30px }
form.newsletter input { border:1px solid #d9d9d9;  margin-bottom:10px }
form.newsletter .btn, form.kontakt .btn { color:#fff; background-color:#ee5758; border:0px; text-transform:uppercase; padding-left:20px; padding-right:20px; font-size:14px}
form.newsletter .btn:hover, form.kontakt .btn:hover { background-color:#bc4242 }

form.kontakt label, form.newsletter label { display:block; text-align:center; }
form.kontakt p { margin-bottom:40px}
form.kontakt .polje { border:1px solid #CCC;  resize:none; outline:none}
form.kontakt .area { border:1px solid #CCC; resize:none; outline:none; margin-bottom:10px }

.form-control:focus { box-shadow:none; border:1px solid #e6a09f !important  }
 

@media (min-width:321px){
	
}

@media (min-width: 479px){
	.feature_item { padding-right:10px}
	
	.rotator_panel { width:300px; margin-top:40px; }
	.rot_fix { margin-top:40px; }
	
	.prva { margin-top:0px }
		
}

@media (min-width: 768px) {
	.box p { padding:0px 20px }	
	.bg_section { background-image:url(../images/section-bg.png);}
	
	.info_left, .info_right { background-position:top left }	
	.info_left {padding:0px 300px 0px 0px; text-align:left; background-position:top right}
	.info_right {padding:0px 0px 0px 300px; text-align:right; background-position:top left}
	
	form.kontakt label { text-align:left }
	
	.align, form.newsletter label { text-align:left }
	
	.rs_wrapp { width:750px; margin:auto }
	
	.rotator_wrapp { height:534px; background-position:bottom 0px left }
	.rs_wrapp {height:534px;}
	
	.rotator_panel { width:340px; margin-top:80px; padding-left:15px; }
	ul.slider_nav { top:-145px;}
	
	p.long { display:block }
}

@media (min-width: 992px) {
	
	.info_left {padding:0px 300px 0px 0px; text-align:left}
	.info_right {padding:0px 0px 0px 300px; text-align:right}	
	
	.box_shadow { background-image:url(../images/box-shadow.png);}
	
	.rs_wrapp { width:970px; }
	
	.rotator_panel { width:455px; margin-top:170px; }
	
}


@media (min-width: 1200px) {
	.features_wrapp { margin-top:0px }
	.rs_wrapp { width:1170px; }
}


@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
	a.box.icon.mobile { background-image:url(../images/icon-box-mobile-retina.png); background-size:95px 95px}
	a.box.icon.calendar { background-image:url(../images/icon-box-calendar-retina.png); background-size:95px 95px}
	a.box.icon.bubble { background-image:url(../images/icon-box-bubble-retina.png); background-size:95px 95px}
	
	.box .more { background-image:url(../images/arrow-down-retina.png); background-size:28px 28px}
	a.rMenu {background-image:url(../images/rMenu-button-retina.png);  background-size:60px 50px}
	a.logo { background-image:url(../images/mega-logo-retina.png);  background-size:330px 270px}
	a.rLogo {background-image:url(../images/rLogo-retina.png); background-size:200px 50px }
	
	.feature_item.ico_automation { background-image:url(../images/feature-icon-auto-retina.png); background-size:34px 31px }
	.feature_item.ico_kreativa { background-image:url(../images/feature-icon-kreativa-retina.png); background-size:34px 31px }
	.feature_item.ico_pristup { background-image:url(../images/feature-icon-access-retina.png); background-size:34px 31px }
	.feature_item.ico_recikliraj { background-image:url(../images/feature-icon-recikliraj-retina.png); background-size:34px 31px }
	.feature_item.ico_podrska { background-image:url(../images/feature-icon-podrska-retina.png); background-size:34px 31px }
	
	a.rLijevo, a.rDesno { background-image:url(../images/rNav-arrows-retina.png); background-size:60px 51px}
	.top_inner {background-image:url(../images/arrow-top-retina.png);background-size:16px 16px }
	
	.automatizacija { background-image:url(../images/info-image-automatizacija-retina.jpg); background-size:300px 200px }
	.kompatibilnost { background-image:url(../images/info-image-kompatibilnost-retina.jpg); background-size:300px 200px }
	.statistike { background-image:url(../images/info-image-statistike-retina.jpg); background-size:300px 200px }
	.sucelje { background-image:url(../images/info-image-sucelje-retina.jpg); background-size:300px 200px }
	.zamke { background-image:url(../images/info-image-zamke-retina.jpg); background-size:300px 200px }
	.multifunkcionalnost { background-image:url(../images/info-image-multi-retina.jpg); background-size:300px 200px }
}

form * { -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; border-radius: 15px !important; box-shadow:none}

/*input[type="text"], input[type="email"], input[type="search"], input[type="password"], .k_area { -webkit-appearance: caret; -moz-appearance: caret;}*/

label.error { color:#F00;}