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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - General Styles
2.0 - Font Family
3.0 - Header Styles
	3.1 - Menu styles
4.0 - Main Styles
	4.1 - Breadcrumb Styles
	4.2 - Add slider Styles
5.0 - Portfolio Styles
6.0 - Team Styles
7.0 - Blog Styles
	7.1 - Blog Comments Styles
8.0 - Shop Page Styles
9.0 - Contact Page Styles
10.0 - Sidebar Styles
11.0 - Footer Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
0.0 Notes
--------------------------------------------------------------
Image folder = ?
	if the location of the stylesheet /public_html/css/style.css
	and if the location of the image is /public_html/img/arrow.png
	then when the CSS is being read, it will be the location of that css file that's used for the current location.
	So if you want to get to your image, you can point it like this:
background: url("../img/arrow.png") ... <--- both are correct
	where ".." means the parent folder of the current folder
	It is also correct if you use
background: url("/img/arrow.png") ... <--- both are correct
	because folder starting with "/" means root folder i.e. /public_html/
	But it is not correct to use
background: url("img/arrow.png") ... <--- not correct
	because arrow.png is not in the folder /public_html/css/img/
	
Updates:
- 15.12.2016 ... carobnajesen.si (osnutek)
- 25.7.2017 ... some images linked as http: instead of https:
*/

/*--------------------------------------------------------------
1.0 - General Styles
--------------------------------------------------------------*/

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

::selection{background-color:#008c99; color:#FFFFFF;}

body{background:#fff; color:#5c5c5c; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:22px;}

.container{width:1170px; margin:0 auto;}

article, aside, details, figcaption, figure, footer, header, menu, nav, section{display:block;}

a{text-decoration:none;}

q:before{content:"\201c";}

q:after{content:"\201d";}

a, .textWrapper, ul.products .image-overlay, footer .widget_recent_entries ul li img, footer .widget_recent_entries ul li, input[type="submit"], .entry-thumb, input[type=submit], .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type1 .infolayer, .dt-sc-team .team-details h4, h5.dt-sc-toggle, .dt-sc-ico-content.type3 .icon, .dt-sc-ico-content.type3 .icon span, button[type=submit], .dt-sc-tb-header-img img, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle, h5.dt-sc-toggle, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5 span:before, .dt-sc-toggle-frame h5 span:after, .dt-sc-toggle-frame h5 span, .front-portfolio .image-overlay, .dt-sc-toggle-frame h5 a:before, .dt-sc-toggle-frame h5 a:after, .dt-sc-toggle-frame, h5.dt-sc-toggle-accordion, h5.dt-sc-toggle, header ul.dt-sc-social-icons li a:after{-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;}

a, .dt-sc-ico-content:hover h4 a, footer .widget ul li:before, footer .widget.widget_text ul li a:hover, footer .widget_recent_entries ul li:hover h6 a, ul.tweet_list li a, footer .dt-sc-contact-info a:hover, footer .dt-sc-contact-info span, .mailchimp-form p span, .dt-sc-ico-content.type1:hover h4 a, .fullwidth_banner h1, .audio-list h5 a:hover, .author-description h5 a:hover, .events-list h2 a:hover, h5.dt-sc-toggle-accordion a:hover, h5.dt-sc-toggle-accordion.active a, .dt-sc-team:hover .team-details h4, .portfolio-detail h5 a:hover, .highlighter, ul.dt-sc-tabs-frame li a.current, ul.dt-sc-tabs li a.current, .entry-title h3, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a, .summary p.price span, ul.dt-sc-tabs-vertical-frame li a.current, .dt-sc-toggle-frame h5 a:hover, .dt-sc-toggle-frame h5.active a, h5.dt-sc-toggle a:hover, h5.dt-sc-toggle.active a, ul.dt-sc-social-icons li a:hover, #main-menu .megamenu-child-container .widget ul.product_list_widget li a:hover, #main-menu .megamenu-child-container .widget ul.product_list_widget li span.amount{color:#01a9e1;}

a.highlighter:hover, .portfolio-title p a:hover{border-bottom:1px dotted #008c99;}

.copyright, .widget .mailchimp-form input[type="submit"], .dt-sc-music-audio, .dt-sc-testimonial blockquote, .fullwidth-background.turquoise-plain-bg, h5.dt-sc-toggle-accordion.active:before, .dt-sc-testimonial-carousel-wrapper .carousel-arrows a:hover, .dt-sc-ico-content.type1 .infolayer a, .date, .comments, .entry_format, .dt-sc-ico-content.type3 .icon, .pagination ul li a:hover, .pagination .next-post a:hover, .pagination .prev-post a:hover, form.cart input[type="button"], th, h5.dt-sc-toggle.active:before, .dt-sc-pr-tb-col.selected .dt-sc-tb-header .dt-sc-price, .class_hours h2, .dt-sc-titled-box h4.dt-sc-titled-box-title, .mean-container a.meanmenu-reveal, .mean-nav, header ul.dt-sc-social-icons li a:after, .dt-menu-toggle{background:#21547f;}

a:hover, ul.tweet_list li a:hover, .copyright p a:hover, .breadcrumb-section .breadcrumb a:hover, .sorting-container a, .portfolio-detail h5 a, .fullwidth-background.orange-bg a:hover, .dt-sc-ico-content.type3:hover h4 a{color:#434343;}

p{margin:0px 0px 10px; padding:0px;}

img{border:none; max-width:100%;height: auto;}

ul{list-style:none; margin:0px; padding:0px;}

ol{margin:0px; padding:0px; list-style-position:outside; padding-left:20px;}

ul li, ol li{padding-bottom:5px;}

h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; color:#01a9e1;}

th.headerrow {background-color:#01a9e1;}

h1{font-size:32px; margin-bottom:25px;}

h2{font-size:30px; margin-bottom:25px;}

h3{font-size:24px; margin-bottom:10px;}

h4{margin-bottom:20px; font-size:20px;}

h5{font-size:18px; margin-bottom:20px;}

h6{margin-bottom:15px; font-size:16px;}

sub, sup{font-size:14px; line-height:0; vertical-align:baseline;}

del{text-decoration:line-through;}

table{border-collapse:separate; border-spacing:0; margin-bottom:20px; width:100%; clear:both; border:1px solid #f0f0f0; border-bottom:0px;}

table.no-border, table.no-border th, table.no-border td {border: none;}

th{color:#ffffff; border-bottom:1px solid #f0f0f0; padding:15px; line-height:normal; text-transform:uppercase; text-align:left;}

td{border-bottom:1px solid #f0f0f0; background:#f9f9f9; line-height:normal; padding:7px 15px;}

tbody tr:nth-child(2n+1) td{background:#ffffff;}

tbody td .dt-sc-button.small{padding:7px 14px; font-size:12px; margin:0px;}

iframe{max-width:100%; border:none;}

#map{width:1170px; height:500px; max-width:100%;}

.aligncenter{text-align:center; width:100%; display:inline-block; margin:0 auto;}

.alignleft{float:left;}

.alignright{float:right;}

blockquote q{font-style:italic;}

input[type=text], input[type=email]{width:100%; padding:10px ; font-size:16px; color:#a9a7a7; background:#FFFFFF; border:1px solid #eaeaea; outline:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

input[type=text]:focus, input[type=email]:focus, textarea:focus{box-shadow:0px 0px 10px #ddd; -webkit-box-shadow:0px 0px 10px #ddd; -moz-box-shadow:0px 0px 10px #ddd;}

.fullwidth-background.turquoise-plain-bg input[type=text]:focus, .fullwidth-background.turquoise-plain-bg input[type=email]:focus, .fullwidth-background.turquoise-plain-bg textarea:focus{box-shadow:0px 0px 10px #015057;}

input[type="button"]{border:0px; outline:none; cursor:pointer;}

input[type=submit]{background:#015057; color:#FFFFFF; font-family:inherit; padding:18px 24px; font-size:14px; border:none; outline:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:pointer;}

input[type=submit]:hover{background:#333334; color:#FFFFFF;}

input[type=number]{background:#FFFFFF; border:1px solid #dddddd; padding:12px 5px 12px 10px; display:block; margin:10px 0 10px; width:100%; outline:none; -moz-appearance:textfield;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}

button[type=submit]{cursor:pointer; border:0px; outline:none;}

textarea{border:none; outline:none; font-size:16px; color:#a9a7a7; padding:16px 18px; width:100%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

input.error, textarea.error{padding:15px 18px; border:1px solid #FF0000;}

#primary form p{margin-bottom:20px;}

/*--------------------------------------------------------------
2.0 - Font Family
--------------------------------------------------------------*/

.dt-sc-toggle-frame h5 a, .course h5.dt-sc-toggle-accordion:before, .course h5.dt-sc-toggle-accordion.active:before, h5.dt-sc-toggle a, h5.dt-sc-toggle-accordion a, .product-details h5 a, .front-portfolio .image-overlay h5 a{font-family:'Lato', sans-serif;}

#main-menu .megamenu-child-container .widget ul.product_list_widget li a, #main-menu .megamenu-child-container .widget ul.product_list_widget li span.amount{font-family:'Open Sans', sans-serif;}

h1, h2, h3, h4, h5, h6, .dt-sc-ico-content h4 a, .dt-sc-ico-content.type2 h4 a, .entry-title h3, .dt-sc-team h4, h3.widgettitle, .dt-sc-music-audio h5 a, input[type=text], input[type=email], textarea, .breadcrumb-section h1, .activity h4, .megamenu-child-container > ul.sub-menu > li > a{font-family:'Berkshire Swash', cursive; font-weight:normal;}

footer .widget.widget_text ul li:before, .portfolio-detail p:before, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before, .entry-meta .entry_format, .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before, .dt-sc-toggle-frame h5 a:before, .dt-sc-toggle-frame h5 a:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle:after, ul.dt-sc-fancy-list li:before, header ul.dt-sc-social-icons li a:before{font-family:FontAwesome; font-style:normal; font-weight:normal;}

/*--------------------------------------------------------------
3.0 - Header Styles
--------------------------------------------------------------*/

.sticky-wrapper{clear:both; width:100%; z-index:9999; display:block; height:auto !important;}

.is-sticky header{clear:both; float:left; width:100%;}

.is-sticky header .logo a img{max-height:60px;}

.is-sticky header .contact-details{margin:8px 0px 0px;}

.sticky-wrapper.is-sticky header #main-menu > ul.menu > li > a{line-height:50px;}

.is-sticky header #menu-container ul.dt-sc-social-icons{height:50px;}

.is-sticky header ul.dt-sc-social-icons li a{height:55px; line-height:50px;}

.is-sticky header ul.dt-sc-social-icons li a span{height:55px; line-height:50px;}

header{width:100%; float:left; margin:0px; padding:0px; display:block; z-index:9999;}

.is-sticky header #menu-container{height:auto;}

.header_top{width:100%; float:left; padding:28px 0px; margin:0px;}

.top-menu{
	float:left;
	padding-top: 15px;
}
.top-menu a {
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #666;
	margin-right: 25px;
	padding:0px 40px 0px 0px; 
	margin:0px;
	line-height:30px; 
	position:relative; 
	font-family:'Open Sans', sans-serif;
	border: 1px solid #2ea9e4;
	border-radius: 20px;
	padding: 0px 20px;
	box-shadow:1px 1px 2px rgba(170, 170, 170, 0.70); 
	-webkit-box-shadow:1px 1px 2px rgba(170, 170, 170, 0.70); 
	-moz-box-shadow:1px 1px 2px rgba(170, 170, 170, 0.70);
}
.top-menu a:hover,.top-menu a.active {
	color: #00a9e0;
}

header .contact-details .fa{margin-left:5px; color:#252525;}

header .contact-details{float:right; margin:15px 0px 0px; padding:0px;}

header .contact-details p{text-align:right; margin:0px;}

header ul.dt-sc-social-icons li{display:inline; float:left; margin-right:1px;}

header ul.dt-sc-social-icons li:last-child{margin-right:0px;}

header ul.dt-sc-social-icons li a{position:relative; border-top:5px solid; display:inline-block; width:50px; height:70px; overflow:hidden; color:#292929; line-height:65px; text-align:center; background-color:transparent; margin-top:-5px;}

header ul.dt-sc-social-icons li a:before{opacity:1; -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; transition:opacity .2s ease-out;}

header ul.dt-sc-social-icons li a:hover{color:#FFFFFF;}

header ul.dt-sc-social-icons li a:hover:before{opacity:0;}

header ul.dt-sc-social-icons li a:hover span{top:0px;}

header ul.dt-sc-social-icons li a.facebook:before{content:"\f09a";}

header ul.dt-sc-social-icons li a.youtube:before{content:"\f167";}

header ul.dt-sc-social-icons li a.twitter:before{content:"\f099";}

header ul.dt-sc-social-icons li a.gplus:before{content:"\f0d5";}

header ul.dt-sc-social-icons li a span{width:inherit; padding:0px 10px; height:70px; line-height:65px; bottom:auto; top:-70px; left:0px; -webkit-transition:top .3s ease-in-out; -moz-transition:top .3s ease-in-out; transition:top .3s ease-in-out; display:block; position:absolute;}

header ul.dt-sc-social-icons li a.facebook span{border-color:#35538f; background:#35538f;}

header ul.dt-sc-social-icons li a.youtube span{border-color:#b70400; background:#b70400;}

header ul.dt-sc-social-icons li a.facebook{border-color:#35538f;}

header ul.dt-sc-social-icons li a.youtube{border-color:#b70400;}

header ul.dt-sc-social-icons li a.youtube span{border-color:#b70400; background:#b70400;}

header ul.dt-sc-social-icons li a.twitter{border-color:#34b3d3;}

header ul.dt-sc-social-icons li a.twitter span{border-color:#34b3d3; background:#34b3d3;}

header ul.dt-sc-social-icons li a.gplus{border-color:#d53e2b;}

header ul.dt-sc-social-icons li a.gplus span{border-color:#d53e2b; background:#d53e2b;}

/*--------------------------------------------------------------
3.1 - Menu Styles
--------------------------------------------------------------*/

#menu-container{
	clear:both;
	float:left;
	width:100%;
	height:470px;
	position:relative;
	z-index:10;
	background:url("../img/menu-container-bg-default.jpg") #5bbbeb repeat-x scroll bottom center;
	background-size:cover;
}

.top-colors {
	background:url("../img/top-pas.jpg"); height:5px; 
}

.top-menu-partner { 
	background:url("../img/bg_clouds/cloud-bottom-white-bg-transp.png") #5bbbeb repeat-x bottom right; height:125px;
}

.top-menu-bg { 
	background:url("../img/bg_clouds/cloud-bottom-sblue-bg-transp.png") #fff repeat-x bottom center; height:95px;
}

.top-menu-nopartners-under-bg { 
	background:url("../img/bg_clouds/cloud-bottom-sblue-bg-transp.png") #5bbbeb repeat-x bottom center; height:95px;
}

.cloud-top-blue-bg-white {
	background:url("../img/bg_clouds/cloud-top-blue-bg-white.png") #66cddc repeat-x top right; 
	padding: 90px 0 20px; 
}

.cloud-top-sblue-bg-blue {
	background:url("../img/bg_clouds/cloud-top-sblue-bg-blue.png") #d7f0ff repeat-x top right; 
	padding: 90px 0 20px ; 
}

.cloud-bottom-sblue-bg-white {
	background:url("../img/bg_clouds/cloud-bottom-sblue-bg-white.png") #fff repeat-x top left; 
	padding: 90px 0 20px 0px ; 
}

.cloud-bottom-sblue-bg-blue {
	background:url("../img/bg_clouds/cloud-bottom-sblue-bg-blue.png") #66cddc repeat-x top left; 
	padding: 90px 0 20px 0px ;
}

.cloud-top-sblue-bg-white {
	background:url("../img/bg_clouds/cloud-top-sblue-bg-white.png") #d7f0ff repeat-x top left; 
	padding: 90px 0 20px 0px ; 
}

.cloud-bottom-blue-bg-white {
	background:url("../img/bg_clouds/cloud-bottom-blue-bg-white.png") #fff repeat-x top left; 
	padding: 90px 0 20px 0px ; 
}

.main-menu-wrapper{width:100%; float:left; clear:both; border-top:1px solid #dfdfdf;}

#main-menu{float:left; margin:0px; margin-top:330px; padding:0px; position:relative; z-index:100; line-height:normal;}

#main-menu > ul.menu{margin:0px; padding:0px;}

#main-menu > ul.menu > li{margin:0px; padding:0px; margin:0px; display:inline; float:left; position:relative; }

#main-menu > ul.menu > li > a {
	display: block;
	margin: 0px;
	line-height: 30px;
	position: relative;
	margin-top: -5px;
	margin-right: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 0px 20px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase; 
	background: rgba(0,0,0,0.0);
}

#main-menu > ul.menu > li:first-child > a{}

#main-menu > ul.menu > li.hasSubmenu > a:after{content: "\f01a"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 14px; position: absolute; top: 1px; right: 20px;}

#main-menu > ul.menu > li.hasSubmenu > a { padding-right:40px;}

#main-menu > ul.menu > li.hasSubmenu > a:hover:after, #main-menu > ul.menu > li.current_page_item > a:after {color: #21547f;}

#main-menu > ul.menu > li:last-child > a:after{background:none; width:0px;}

#main-menu > ul.menu > li.red > a{border-color:#f27b81;}

#main-menu > ul.menu > li.current_page_item.red > a, #main-menu > ul.menu > li.red > a:hover{color:#21547f;}

/**Mega Menu**/

#main-menu > ul.menu > li > .megamenu-child-container{display:none;}

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/mega_menu_bg.png") center center no-repeat; */
.megamenu-child-container{background-color:#FFFFFF; padding:10px 15px 40px; position:absolute; top:100%; left:0px; float:left; border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-top:3px solid #f8f8f8;}

.megamenu-2-columns-group .megamenu-child-container{width:500px;}

.megamenu-3-columns-group .megamenu-child-container{width:750px;}

.megamenu-4-columns-group .megamenu-child-container{width:1000px;}

.megamenu-child-container > ul.sub-menu > li{width:230px; padding:15px; float:left; display:inline;}

.megamenu-child-container > ul.sub-menu > li.menu-item-with-widget-area{width:280px;}

.megamenu-2-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth{width:470px; display:block;}

.megamenu-3-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth{width:720px; display:block;}

.megamenu-4-columns-group .megamenu-child-container > ul.sub-menu > li.menu-item-fullwidth{width:970px; display:block; padding-top:0px; padding-right:5px;}

.megamenu-child-container > ul.sub-menu{padding:0px; margin:0px;}

/* odstranjeno (ker image ne obstaja ve�) :: background-image:url("../img/megamenu-title_bg.png"); */
.megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li > .nolink-menu{color:#343434; display:block; font-size:22px; padding-bottom:25px; margin-bottom:25px; background-repeat:no-repeat; background-position:left bottom;}

.megamenu-child-container > ul.sub-menu > li > a .menu-item-description, .menu-item-description{color:#b1b1b1; display:block; font-weight:normal; padding:0px;}

.dt-megamenu-custom-content{display:block; padding:10px 0px 0px;}

.megamenu-child-container ul.sub-menu > li > ul{padding:0px 0px 0px;}

.megamenu-child-container ul.sub-menu > li > ul li{display:block; padding-left:10px;}

.megamenu-child-container ul.sub-menu > li > ul li a{color:#545454; position:relative; padding:5px 0px 5px 20px; display:block; font-weight:300;}

.megamenu-child-container ul.sub-menu > li > ul li:last-child a{border:none;}

.megamenu-child-container ul.sub-menu > li > ul > li > ul{padding-left:20px;}

.megamenu-child-container > ul.sub-menu > li > a:hover, .megamenu-child-container > ul.sub-menu > li > a:hover .menu-item-description{color:#ffffff;}

.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link > .nolink-menu{padding:0px;}

.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link ul.sub-menu{padding-top:0px;}

.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link img{max-width:100%;}

#main-menu ul li.menu-item-simple-parent ul{width:220px; background:#ffffff; padding:10px 0px 10px; position:absolute; top:100%; left:0px; float:left;}

#main-menu ul li.menu-item-simple-parent ul li ul{left:220px; top:-8px; border-top:0px; padding-top:5px;}

.megamenu-child-container > ul.sub-menu > li.fulwidth-image-link img{max-width:100%;}

#main-menu > ul.menu > li.current_page_item > a, #main-menu > ul.menu > li a:hover, #main-menu ul.menu ul.sub-menu li.current_page_item > a{color:#21547f;}

#main-menu ul.menu li.current_page_item.red ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.red ul.sub-menu li.current_page_item > a{color:#f27b81;}

#main-menu ul.menu li.current_page_item.mustard ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.mustard ul.sub-menu li.current_page_item > a{color:#f7c44e;}

#main-menu ul.menu li.current_page_item.green ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.green ul.sub-menu li.current_page_item > a{color:#aec158;}

#main-menu ul.menu li.current_page_item.yellow ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.yellow ul.sub-menu li.current_page_item > a{color:#fce480;}

#main-menu ul.menu li.current_page_item.blue ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.blue ul.sub-menu li.current_page_item > a{color:#4cbcd4;}

#main-menu ul.menu li.current_page_item.steelblue ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.steelblue ul.sub-menu li.current_page_item > a{color:#4c7297;}

#main-menu ul.menu li.current_page_item.lavender ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.lavender ul.sub-menu li.current_page_item > a{color:#b0b6fb;}

#main-menu ul.menu li.current_page_item.purple ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.purple ul.sub-menu li.current_page_item > a{color:#dd72b3;}

#main-menu ul.menu li.current_page_item.pink ul.sub-menu li a:hover, #main-menu ul.menu li.current_page_item.pink ul.sub-menu li.current_page_item > a{color:#fcc6e6;}

#main-menu .megamenu-child-container .widget ul.product_list_widget li{clear:both; display:block; padding:15px 0px 30px;}

#main-menu .megamenu-child-container .widget ul.product_list_widget li:first-child{padding-top:0px;}

#main-menu .megamenu-child-container .widget ul.product_list_widget li a{font-weight:100; color:#545454;}

#main-menu .megamenu-child-container .widget ul.product_list_widget li a img{margin-right:20px; float:left; border:2px solid #f3f3f3;}

#main-menu .megamenu-child-container .widget ul.product_list_widget li span.amount{margin:20px 0px 0px; display:block; font-weight:600;}

.megamenu-child-container > ul.sub-menu > li.fill-two-columns{width:445px; padding-right:0px;}

.menu-item-widget-area-container{width:100%; margin:0px; padding:0px;}

.menu-item-widget-area-container .widget{padding:0px;}

.menu-item-widget-area-container .widget .entry-thumb{border:none;}

.menu-item-widget-area-container .widget .entry-body p{line-height:26px;}

.menu-item-widget-area-container .widget .entry-details{border-top:2px solid #ebebeb; padding-top:15px;}

.menu-item-widget-area-container .widget .entry-details .entry-title h5{margin-bottom:10px;}

.menu-item-widget-area-container .widget .entry-details .entry-title h5 a{color:#343434;}

.menu-item-widget-area-container .widget .entry-details p{display:inline-block; float:left; clear:none; background:none; margin:0px; line-height:inherit; padding:0px;}

.menu-item-widget-area-container .widget .entry-details p, .menu-item-widget-area-container .widget .entry-details p a{color:#b6b6b6;}

.menu-item-widget-area-container .widget .entry-details span{display:inline-block; float:left; margin:0px 5px;}

.menu-item-widget-area-container .widget .entry-details .date:before, .menu-item-widget-area-container .widget .entry-details .comments:before{background:none;}

.dt-menu-toggle{display:none; color:#ffffff; font-size:16px; font-weight:bold; text-transform:uppercase; padding:10px 15px; cursor:pointer;}

.dt-menu-toggle-icon{background:#ffffff; display:inline-block; float:right; height:2px; margin-top:10px; position:relative; text-align:left; width:20px;}

.dt-menu-expand{font-size:16px !important; display:none !important; position:absolute !important; right:0px; top:0px; line-height:normal; padding:0px !important; text-align:center; line-height:50px !important; cursor:pointer; width:37px; height:37px; font-weight:bold; background:none !important;}

.dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after{content:""; position:absolute; background:#ffffff; height:2px; width:20px; left:0px; top:-5px;}

.dt-menu-toggle-icon:after{top:5px;}

.menu-item-widget-area-container .widget.widget_recent_entries{width:200px; margin-left:30px; float:left;}

.menu-item-widget-area-container li.widget.widget_recent_entries:first-child{margin-left:0px;}

/**Simple Drop Down Menu**/

#main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul{display:none;}

#main-menu ul li.menu-item-simple-parent ul{width:220px; padding:0px 0px 5px; position:absolute; top:100%; left:0px; float:left; border:3px solid #f8f8f8;}

#main-menu ul li.menu-item-simple-parent ul:before, .megamenu-child-container:before{content:""; background: #FFFFFF; position:absolute; bottom:0px; height:3px; width:100%; left:0px; }

#main-menu ul li.menu-item-simple-parent ul li{display:block; padding:0px 15px; position:relative;} 

#main-menu ul li.menu-item-simple-parent ul li a{color:#2d2d29; border-bottom: 1px solid #f1f1f1; position:relative; padding:10px 0px 10px 0px; font-weight:300; display:block;}

#main-menu ul li.menu-item-simple-parent ul li a.dt-menu-expand:before, .megamenu-child-container ul.sub-menu > li > ul li a.dt-menu-expand:before{background:none;}

.megamenu-child-container ul.sub-menu > li > ul li a:before{top:7px;}

#main-menu ul li.menu-item-simple-parent ul li:last-child > a{border:none;}

#main-menu ul li.menu-item-simple-parent ul li ul{left:220px; top:-5px; padding-top:5px;}

#main-menu ul li.menu-item-simple-parent:last-child ul{right:0px; left:inherit;}

#main-menu ul li.menu-item-simple-parent:last-child ul li ul{right:220px; left:inherit;}

/* hide the link until viewport size is reached */
a.meanmenu-reveal{display:none;}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar{padding:0; z-index:999999;}

.mean-container a.meanmenu-reveal{width:22px; height:22px; padding:13px 13px 11px 13px; position:absolute; top:5px; right:5px !important; cursor:pointer; color:#FFFFFF; text-decoration:none; font-size:16px; text-indent:-9999em; line-height:22px; font-size:1px; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:700; z-index:9999;}

.mean-container a.meanmenu-reveal span{display:block; background:#FFFFFF; height:3px; margin-top:3px;}

.mean-container .mean-nav{float:left; width:100%; position:absolute; left:0px; margin-top:10px;}

.mean-container .mean-nav ul{padding:0; margin:0; width:100%; list-style-type:none;}

.mean-container .mean-nav ul li{position:relative; float:left; padding-bottom:0; width:100%;}

.mean-container .mean-nav{float:left; width:100%; position:absolute; left:0px; top:0px; margin-top:56px; z-index:9999;}

.mean-container .mean-nav ul li a{display:block; float:left; width:90%; padding:1em 5%; margin:0; text-align:left; color:#FFFFFF; border-bottom:1px solid #383838; border-bottom:1px solid rgba(255,255,255,0.5); text-decoration:none; text-transform:uppercase;}

.mean-container .mean-nav ul li:last-child a{border-bottom:none;}

.mean-container .mean-nav ul li li a{width:80%; padding:1em 10%; border-bottom:1px solid #f1f1f1; border-bottom:1px solid rgba(255,255,255,0.25); opacity:0.75; filter:alpha(opacity=75); text-shadow:none !important; visibility:visible;}

.mean-container .mean-nav ul li.mean-last a{border-bottom:none; margin-bottom:0;}

.mean-container .mean-nav ul li li li a{width:70%; padding:1em 15%;}

.mean-container .mean-nav ul li li li li a{width:60%; padding:1em 20%;}

.mean-container .mean-nav ul li li li li li a{width:50%; padding:1em 25%;}

.mean-container .mean-nav ul li a:hover{background:#252525; background:rgba(255,255,255,0.1);}

.mean-container .mean-nav ul li a.mean-expand{width:26px; height:26px; border:none !important; padding:12px !important; text-align:center; position:absolute; right:0; top:0; z-index:2; font-weight:700;}

.mean-container .mean-nav ul li a.mean-expand:hover{background:none;}

.mean-container .mean-push{float:left; width:100%; padding:0; margin:0; clear:both;}

.mean-nav .wrapper{width:100%; padding:0; margin:0;}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

header #menu-container ul.dt-sc-social-icons{float:right; height:60px;}

.class_hours ul.dt-sc-social-icons li a:hover{opacity:0.8;}

.wrapper, .main #main{float:left; clear:both; margin:0px; padding:0px 0px 0px; width:100%;}

/*--------------------------------------------------------------
4.0 - Main Styles
--------------------------------------------------------------*/

#main{float:left; clear:both; margin:0px; padding:0px 0px 40px; width:100%;}

#primary.content-full-width{width:100%;}

#primary{margin:10px 0px 0px; padding:0px; float:left;}

#primary.with-sidebar{width:910px; margin-right:40px;}

#secondary{width:220px; margin:80px 0px 0px 0px; float:left; padding:0px;}

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/green_title_bg.png") center bottom no-repeat; */
#main .dt-sc-hr-green-title{text-align:center; width:100%; display:inline-block; padding:0px 0px 30px; margin:0px 0px 30px; line-height:inherit;}

#main .dt-sc-hr-white-title{text-align:center; color:#FFFFFF; width:100%; background:url("../img/white_title_bg.png") center bottom no-repeat; display:inline-block; padding:0px 0px 30px; margin:0px 0px 30px; line-height:inherit;}

#main .fullwidth-background.product_bg .dt-sc-hr-white-title{color:inherit;}

#slider{clear:both; position:relative; overflow:hidden;}

#slider img{max-width:100%;}

/*--------------------------------------------------------------
4.1 - Breadcrumb Styles
--------------------------------------------------------------*/

.breadcrumb-section{background:#73d5f0; width:100%; float:left; clear:both; padding:35px 0px; margin:0px 0px 0px;}

.breadcrumb-section h1{float:left; color:#333334; text-transform:capitalize; margin-bottom:0px; line-height:normal;}

.breadcrumb-section .breadcrumb a{float:left;}

.breadcrumb-section .breadcrumb span{float:left; margin:0px 8px; line-height:24px;}

.breadcrumb-section .breadcrumb span.current{margin:0px;}

.breadcrumb-section .breadcrumb{float:right; margin:8px 0px 0px;}

/**fullwidth-background**/

.fullwidth-background{float:left; clear:both; width:100%; margin:0px; padding:78px 0px; background-image:url(https://placehold.it/1920x436); background-position:center center; background-repeat:repeat; background-attachment:fixed;}

.fullwidth-background.turquoise-bg h2{color:#FFFFFF; text-transform:capitalize;}

.fullwidth-background.turquoise-bg{background-color:#008c99;}

.fullwidth-background.orange-bg{background-color:#cf571b;}

.fullwidth-background.mustard-bg{background:#df9b00; width:100%; padding:78px 0px; float:left; clear:both;}

.fullwidth-background.turquoise-plain-bg{width:100%; padding:78px 0px; float:left; clear:both;}
.fullwidth-background.grey-bg{width:100%; padding:78px 0px; float:left; clear:both; background:#f2f2f2}
.fullwidth-background.product_bg{background:url(https://placehold.it/1920x717) center center repeat #d2d2d2;}

/*--------------------------------------------------------------
4.2 - Add Slider Styles
--------------------------------------------------------------*/

/* odstranjeno (ker image ne obstaja ve�) :: background-image:url("../img/add_bg.png"); */
.add-slider-wrapper{padding:8% 9% 0px 8.8%; background-size:contain; background-repeat:no-repeat;}

.add-slider-wrapper iframe{overflow:hidden;}

.fullwidth_banner{background:url(https://placehold.it/1920x253) center center no-repeat; text-align:center; width:100%; background-size:cover; padding:87px 0px;}

.fullwidth_banner h1{font-family:'Berkshire Swash', cursive; font-size:36px;}

.add-slider-wrapper .bx-controls.bx-has-pager{margin:54px 0px 0px 0px;}

.add-slider-wrapper .bx-pager.bx-default-pager{width:100%; text-align:center;}

.add-slider-wrapper .bx-pager-item{text-align:center; display:inline-block;}

.add-slider-wrapper .bx-pager-item{display:inline-block;}

.add-slider-wrapper .bx-controls.bx-has-pager.bx-has-controls-direction .bx-controls-direction{display:none;}

.add-slider-wrapper .bx-pager-item a{display:inline-block; text-indent:-9999px; margin:0px 8px; background:#FFFFFF; width:14px; height:14px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}

.add-slider-wrapper .bx-pager-item a.active, .add-slider-wrapper .bx-pager-item a:hover{background:#015057;}

.about-slider-wrapper{float:left; width:100%; margin:0px; padding:0px; position:relative;}

.about-slider-wrapper ul{margin:0px; padding:0px;}

.about-slider-wrapper ul li{padding:0px;}

.about-slider-wrapper .bx-pager.bx-default-pager{display:none;}

.about-slider-wrapper .bx-controls-direction a{position:absolute; z-index:9; top:0; bottom:0; margin:auto; background:url("../img/arrow.png") 0px 0px no-repeat; text-indent:-9999px; width:36px; height:36px;}

.about-slider-wrapper .bx-controls-direction a.bx-prev{left:10px; background-position:left top;}

.about-slider-wrapper .bx-controls-direction a:hover{opacity:0.6;}

.about-slider-wrapper .bx-controls-direction a.bx-next{background-position:right top; right:10px;}

/*--------------------------------------------------------------
5.0 - Portfolio Styles 
--------------------------------------------------------------*/

/* odstranjeno (ker image ne obstaja ve�) :: background-image:url("../img/hexagon.png"); */
.portfolio-content{background-repeat:no-repeat; background-size:contain; display:inline-block; width:381px; height:330px; position:relative; overflow:hidden; z-index:9;}

.portfolio-content1{margin:auto; display:block; right:0px; left:0px;}

.portfolio-content2{margin:-168px 0 0 114px; float:left;}

.portfolio-content3{margin:-168px 0px 0px 182px; float:left;}

.portfolio-content4{margin:-6px 0px 0px 114px; float:left;}

.portfolio-content5{margin:-168px 0px 0px -100px; float:left;}

.portfolio-content6{margin:-6px 0px 0px -100px; float:left;}

.portfolio-content7{margin:-168px 0px 0px 395px; float:left;}

.front-portfolio{overflow:hidden; position:absolute; display:inline-block; height:318px; left:0; top:0; transform:rotate(120deg); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -ms-transform:rotate(120deg); right:0; bottom:0;
margin:auto;}

.portfolio-outer{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);}

.front-portfolio .portfolio-thumb{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);}

.front-portfolio .portfolio-thumb img{}

.front-portfolio .image-overlay{position:absolute; visibility:hidden; opacity:0; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:rgba(0,140,153,0.9);}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	/* Safari only override */
	::i-block-chrome,.front-portfolio .image-overlay{visibility:visible; opacity:1; display:none;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	/* Safari only override */
	::i-block-chrome,.front-portfolio:hover .image-overlay{display:block;}
}

.portfolio-content1 .front-portfolio .image-overlay{background:rgba(230,188,107,0.9);}

.portfolio-content2 .front-portfolio .image-overlay{background:rgba(243,166,189,0.9);}

.portfolio-content3 .front-portfolio .image-overlay{background:rgba(230,107,114,0.9);}

.portfolio-content4 .front-portfolio .image-overlay{background:rgba(233,186,11,0.9);}

.portfolio-content5 .front-portfolio .image-overlay{background:rgba(47,134,206,0.9);}

.portfolio-content6 .front-portfolio .image-overlay{background:rgba(229,104,84,0.9);}

.portfolio-content7 .front-portfolio .image-overlay{background:rgba(103,156,187,0.9);}

.portfolio-content .front-portfolio .image-overlay h5 a{color:inherit;}

.portfolio-content1 .front-portfolio .image-overlay a{color:#ddaa0c;}

.portfolio-content2 .front-portfolio .image-overlay a{color:#fa8cba;}

.portfolio-content3 .front-portfolio .image-overlay a{color:#ef7b80;}

.portfolio-content4 .front-portfolio .image-overlay a{color:#ebb50d;}

.portfolio-content5 .front-portfolio .image-overlay a{color:#6996cf;}

.portfolio-content6 .front-portfolio .image-overlay a{color:#ec6d5a;}

.portfolio-content7 .front-portfolio .image-overlay a{color:#6a9eba;}

.portfolio-content .front-portfolio .image-overlay a:hover{color:#333338;}

.portfolio-thumb:hover .image-overlay{visibility:visible; opacity:1;}

.front-portfolio.even{margin-top:102px;}

.front-portfolio-container{float:left; clear:both; width:100%; margin:0px auto; padding:0px; position:relative;}

.front-portfolio-container .front-portfolio.center.top{top:0px; left:0px; right:0px; margin:5px auto 0px;}

.front-portfolio.top.left{top:105px; left:295px;}

.front-portfolio.bottom.left{top:310px; left:295px;}

.front-portfolio.center.center{top:205px; left:470px;}

.front-portfolio.center.bottom{top:410px; left:475px;}

.front-portfolio.top.right{top:100px; right:345px;}

.front-portfolio.bottom.right{top:305px; right:340px;}

.front-portfolio .image-overlay h5{top:35%; left:0px; right:0px; margin:auto; text-align:center; position:absolute; text-transform:uppercase; color:#FFF; font-weight:700; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}

.front-portfolio .image-overlay h5 a{color:#FFFFFF;}

.front-portfolio .image-overlay a.link, .front-portfolio .image-overlay a.zoom{background:#fff; cursor:pointer; display:inline-block; font-size:18px; height:42px; line-height:42px; width:25px; text-align:center; position:absolute; z-index:9999;}

.front-portfolio .image-overlay .link{top:55%; margin:-23px 0px 0px; left:0px;}

.front-portfolio .image-overlay .zoom{top:55%; margin:-23px 0px 0px; right:0px;}

.front-portfolio:hover .link{left:35%;}

.front-portfolio:hover .zoom{right:35%;}

.front-portfolio:hover .image-overlay h5{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

.front-portfolio a.link, .front-portfolio a.zoom{width:25px; height:42px; background:#FFFFFF; position:absolute;}

.front-portfolio a.link:before, .front-portfolio a.zoom:before{content:""; position:absolute; left:-14px; width:0px; height:0px; border-top:21px solid transparent; border-bottom:21px solid transparent; border-right:14px solid #FFFFFF;}

.front-portfolio a.link:after, .front-portfolio a.zoom:after{content:""; position:absolute; right:-14px; width:0px; height:0px; border-top:21px solid transparent; border-bottom:21px solid transparent; border-left:14px solid #FFFFFF;}

.front-portfolio-container .carousel-arrows{width:100%; display:inline-block; text-align:center; margin:50px auto 0;}

.front-portfolio-container .carousel-arrows a{font-size:24px; color:#898b8c; width:50px; height:50px; line-height:44px; margin:0px 14px; display:inline-block; border:2px solid #898b8c; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}

.front-portfolio-container .carousel-arrows a:hover{border:2px solid #000000;}

.front-portfolio-container .carousel-arrows a.front-portfolio-prev span{margin-left:-1px;}

/**activity styles**/

.activity{float:left; width:100%; padding:20px 0px 10px; background:#efc043; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-top:5px solid #df9b00; border-bottom:5px solid #df9b00;}

.activity h4{text-align:center;}

.activity p{padding:0px 20px;}

.activity.box1{background:#efc043; border-color:#df9b00;}

.activity.box2{background:#d5c651; border-color:#c2b130;}

.activity.box3{background:#f5bbd1; border-color:#de81b8;}

.activity.box4{background:#a9e1f9; border-color:#5fa9c9;}

.activity img{display:block; margin-bottom:15px;}

/**sorting-container**/

.dt-sc-sorting-container{clear:both; display:inline-block; text-align:center; margin:0px auto 45px; padding:0px; width:100%;}

.dt-sc-sorting-container a{background:#df9b00; padding:8px 12px; display:inline-block; margin:0px 5px 0px 0px; border-bottom:3px solid #ca8e06; border-radius:8px 0px 8px 0px; -webkit-border-radius:8px 0px 8px 0px; -moz-border-radius:8px 0px 8px 0px; color:#FFFFFF;}

.dt-sc-sorting-container a:hover, .dt-sc-sorting-container .active-sort{color:#FFFFFF; background:#cf571b; border-bottom:3px solid #b54913;}

.portfolio-detail{display:block;}

.isotope-hidden{display:none !important;}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

.dt-sc-portfolio-container{clear:both;}

#primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth{width:280px;}

#primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third{width:379px; text-align:center;}

.portfolio.dt-sc-one-fourth{text-align:center;}

.dt-sc-portfolio-container .portfolio{margin:0px 0px 30px 0px;}

.portfolio.dt-sc-one-third{width:292px; margin:0px 0px 30px 0px; text-align:center;}

.portfolio-thumb{width:100%; position:relative; display:inline-block; float:none; margin:0px 0px 20px; overflow:hidden;}

.portfolio.dt-sc-one-fourth .portfolio-thumb{max-height:242px;}

.content-full-width .portfolio.dt-sc-one-third .portfolio-thumb{max-height:328px;}

.portfolio.dt-sc-one-third .portfolio-thumb{max-height:251px;}

.portfolio.dt-sc-one-fourth .portfolio-thumb img, .portfolio.dt-sc-one-third .portfolio-thumb img{height:auto;}

.portfolio.dt-sc-one-fourth .portfolio-thumb{max-height:242px;}

.portfolio-detail h5{margin:0px 0px 10px;}

.portfolio-detail p:before{content:"\f06b"; display:inline-block; margin:0px 5px 0px 0px;}

/**portfolio detail styles**/

.portfolio-single{float:left; width:100%; padding:0px; margin:0px;}

.portfolio-slider-container{float:left; width:100%; margin:0px; padding:0px; position:relative;}

.portfolio-slider-container .bx-controls-direction a{position:absolute; z-index:9; top:0; bottom:0; margin:auto; text-indent:-9999px; width:40px; height:60px;}

.portfolio-slider-container .bx-controls-direction a:hover{opacity:0.8;}

.portfolio-slider-container .bx-controls-direction a.bx-prev{background:url("../img/portfolio-slider-arrow-left.png") center center no-repeat #008c99; left:0px;}

.portfolio-slider-container .bx-controls-direction a.bx-next{background:url("../img/portfolio-slider-arrow-right.png") center center no-repeat #008c99; right:0px;}

.portfolio-slider-container .bx-pager.bx-default-pager .bx-pager-item a{display:none;}

.project-details{float:left; clear:both; width:100%; margin:25px 0px 0px; padding:30px 0px 0px; border-top:1px dotted #a2a2a2;}

.project-details p{margin:0px 0px 15px;}

.project-details p span{float:left; display:inline-block; margin:0px 5px 0px 0px; line-height:inherit;}

/*--------------------------------------------------------------
6.0 - Team Styles
--------------------------------------------------------------*/

.dt-sc-team{float:left; width:100%;}

.dt-sc-team .dt-sc-entry-thumb{position:relative; float:left; overflow:hidden;}

.dt-sc-team .item-mask, .services .item-mask{left:0px; position:absolute; top:0px; transition:all 0.2s ease 0s; z-index:999; }

.dt-sc-team .dt-sc-entry-thumb img{float:left; width:100%;}

.dt-sc-team .dt-sc-image-overlay, .portfolio .image-overlay{background:rgba(24, 151, 163, 0.9); float:left; height:100%; left:0; opacity:0; position:absolute; top:0; transition:opacity 0.2s ease 0s; -moz-transition:opacity 0.2s ease 0s; -webkit-transition:opacity 0.2s ease 0s; visibility:hidden; width:100%;}

.dt-sc-team:hover .dt-sc-entry-thumb .dt-sc-image-overlay, .portfolio:hover .image-overlay{opacity:1; visibility:visible;}

.dt-sc-entry-title{padding:15px 0px 11px; text-align:center; float:left; width:100%;}

.dt-sc-entry-title h2, .dt-sc-entry-title h6{margin:0 0 15px;}

.dt-sc-team:hover .dt-sc-entry-title span{background:#e2b961;}

.dt-sc-team:hover .dt-sc-image-overlay{opacity:1; visibility:visible;}

.dt-sc-image-overlay a.link, .portfolio .image-overlay a.link{left:0px;}

.dt-sc-image-overlay a.zoom, .portfolio .image-overlay a.zoom{right:0px;}

.dt-sc-team:hover .dt-sc-image-overlay a.link, .portfolio:hover .image-overlay a.link{left:29%;}

.dt-sc-team:hover .dt-sc-image-overlay a.zoom, .portfolio:hover .image-overlay a.zoom{right:29%;}

.content-full-width .portfolio.dt-sc-one-third:hover .image-overlay a.link{left:35%;}

.content-full-width .portfolio.dt-sc-one-third:hover .image-overlay a.zoom{right:35%;}

.dt-sc-image-overlay a, .portfolio .image-overlay a{display:inline-block; position:absolute; text-align:center; z-index:999; background:#FFFFFF; width:25px; height:40px; line-height:40px; top:50%; margin:-18px 0px 0px;}

.dt-sc-image-overlay a:before, .portfolio .image-overlay a:before{content:""; position:absolute; left:-12px; width: 0px; height: 0px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:12px solid #FFFFFF;}

.dt-sc-image-overlay a:after, .portfolio .image-overlay a:after{content:""; position:absolute; right:-12px; width:0px; height:0px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:12px solid #FFFFFF;}

/*--------------------------------------------------------------
7.0 - Blog Styles
--------------------------------------------------------------*/

.blog-entry{width:100%; margin:0px 0px 50px; padding:0px 0px 0px; float:left; clear:both; position:relative;}

.blog-entry-inner{padding:0px 0px 0px 122px;}

.entry-meta{width:130px; text-align:center; position:absolute; left:0;}

.entry-meta .entry_format{display:inline-block; text-align:center; text-decoration:inherit; position:relative;}

.entry-meta .date{text-align:left; line-height:normal; width:auto;}

.entry-meta .date:after, .entry-meta .comments:after, .entry-meta .entry_format:after{content:""; border-style:solid; border-width:5px 8px 0px 0px; border-color:#008c99 transparent transparent; width:0; height:0; line-height:0; font-size:0px; position:absolute; right:0px; bottom:-5px;}

.entry-meta .date p{line-height:15px; font-size:12px; margin:4px 0px 0px 8px; display:inline-block;}

.entry-meta .date span{display:inline-block; line-height:36px;}

.entry-meta .comments{display:block;}

.entry-meta	.blog-author{max-width:56px; max-height:56px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; border:3px solid #008c99; background:#a2bc56; display:inline-block; margin-bottom:15px;}

.entry-meta	.blog-author img{border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}

.entry-meta	.blog-author:hover{border:3px solid #333334;}

.entry-details p{line-height:25px;}

.date, .comments, .entry_format{margin:0px 0px 10px 0px; float:right; color:#FFFFFF; display:block; padding:0px 18px 0px 16px; line-height:39px; position:relative; clear:both;}

.date p, .date span{color:#FFFFFF;}

.date span{font-size:26px; font-weight:bold;}

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/green-meta-arrow.png") left center no-repeat; */
.date:before, .comments:before, .entry_format:before{content:""; float:left; width:15px; height:39px; margin:0px 0px 0px 0px; position:absolute; top:0px; left:-15px;}

.entry-thumb{border:5px solid #008c99; margin-bottom:30px; display:block;}

.entry-thumb img{display:block;}

#primary.with-sidebar .dt-sc-one-half .entry-meta .blog-author{max-width:50px; max-height:50px; margin-bottom:10px;}

#primary.with-sidebar .dt-sc-one-half .date, #primary.with-sidebar .dt-sc-one-half .comments, #primary.with-sidebar .dt-sc-one-half .entry_format{margin:0px 0px 6px 14px;}

/*--------------------------------------------------------------
7.1 - Blog Comments Styles
--------------------------------------------------------------*/

.commententries{width:100%; float:left; margin:10px 0px 0px; padding:0px;}

ul.commentlist{float:left; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px;}

ul.commentlist li{display:block; float:none; list-style:none; border:none; margin:0px 0px 28px; padding:0px 0px 0px 110px; position:relative; clear:both; border-bottom:2px dotted #a2a2a2;}

ul.commentlist li ul.children{margin:30px 0px 0px 0px; padding:0px; float:left; border:none; clear:both; width:100%;}

ul.commentlist li .respond{margin-left:69px;}

ul.commentlist li .comment-author{left:0px; top:0px; position:absolute; background:none; float:none; width:auto; border:none; z-index:1;}

ul.commentlist li .comment-author img{max-width:100px; max-height:100px; float:left; margin:0px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}

ul.commentlist li .author-name{font-size:15px; padding-bottom:5px;}

ul.commentlist li .commentmetadata{font-size:13px; padding-bottom:5px; font-style:italic;}

ul.commentlist li .comment-details{display:block;}

ul.commentlist li .comment-body{margin:0px; padding:0px;}

ul.commentlist li .comment-content{padding:5px 10px 10px 0px; margin:0px 0px 0px;}

ul.commentlist li .reply{background:#f0f3f3; margin:-10px 0px 0px; float:right; width:48px; text-align:right;}

ul.commentlist li .reply a{font-size:13px;}

ul.commentlist li ul.children{width:100%; float:left; clear:both; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;}

/**.fullwidth-background.orange-bg styles**/

.fullwidth-background .blog-entry{margin:0px 0px 0px;}

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/meta_arrow.png") left center no-repeat; */
.fullwidth-background.orange-bg .date:before, .fullwidth-background.orange-bg .comments:before, .fullwidth-background.orange-bg .entry_format:before{content:""; float:left; width:15px; height:39px; margin:0px 0px 0px 0px; position:absolute; top:0px; left:-15px;}

.fullwidth-background.orange-bg .entry-title h3 a{color:#FFF;}

.fullwidth-background.orange-bg .date, .fullwidth-background.orange-bg .comments, .fullwidth-background.orange-bg .entry_format{background:#FFF;}

.fullwidth-background.orange-bg .entry-details p{color:#FFF; font-size:16px; line-height:30px;}

.fullwidth-background.orange-bg .entry-title h3 a:hover{color:#a2bc56;}

.fullwidth-background.orange-bg a, .fullwidth-background.orange-bg .date p, .fullwidth-background.orange-bg .date span{color:#cf571c;}

.fullwidth-background.orange-bg .entry-meta .date:after, .fullwidth-background.orange-bg .entry-meta .comments:after, .fullwidth-background.orange-bg .entry-meta .entry_format:after{border-color:#FFFFFF transparent transparent;}

.fullwidth-background.orange-bg .entry-meta	.blog-author:hover{border:3px solid #FFFFFF;}

.fullwidth-background.orange-bg .entry-thumb{border:3px solid #FFFFFF; margin-bottom:30px; display:block;}

.fullwidth-background.orange-bg .entry-meta	.blog-author{border:3px solid #FFFFFF;}

.fullwidth-background.orange-bg .entry-meta	.blog-author:hover{border:3px solid #a2bc56;}

.fullwidth-background.orange-bg .dt-sc-button.small{font-size:13px; background:#FFFFFF; color:#cf571c;}

.fullwidth-background.orange-bg .dt-sc-button.small:hover{background:#a2bc56; color:#FFF;}

/*--------------------------------------------------------------
8.0 - Shop Page Styles
--------------------------------------------------------------*/

ul.products{float:left; clear:both; margin:0px; padding:0px; width:100%;}

ul.products li{background:#FFF; padding-bottom:0px; float:left; display:inline-block; margin-bottom:2%;}

ul.products li.dt-sc-one-third.column:nth-child(3n+1), ul.products li.dt-sc-one-fourth.column:nth-child(4n+1){clear:both;}

.fullwidth-background ul.products li{background:#FFF; padding-bottom:0px; width:270px; margin:0px 0px 0px 30px;}

.fullwidth-background ul.products li.column.first{margin-left:0px;}

.product-thumb{border-bottom:1px solid #f2f2f2; position:relative;}

.product-thumb .sale{position:absolute; left:25px; top:10px; z-index:9; font-size:16px; color:#FFF; background:#008c99; width:34px; height:50px; line-height:50px; float:left;}

.product-thumb .sale:after{width:0; content:""; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:13px solid #008c99; float:left; position:absolute; top:0px; right:-13px;}

.product-thumb .sale:before{width:0; content:""; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-right:13px solid #008c99; float:left; position:absolute; top:0px; left:-13px;}

.product-thumb a img{display:block;}

.product-details{padding:20px 20px; float:left; width:100%;}

.product-details h5{float:left; margin-bottom:0px;}

.product-details h5 a{color:#8c8c8c; font-size:14px; font-weight:100;}

.product-details h5 a:hover{color:#008c99;}

.product-details .price{float:right; font-weight:bold; color:#008c99;}

.product-thumb .product-button{position:absolute; display:inline-block; top:50%; left:0px; right:0px; margin:-11px auto 0px; display:none; text-align:center;}

.product-thumb .product-button a{padding:13px 18px; border:1px solid #FFF; color:#FFF; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

.product-thumb .product-button a:hover{color:#008c99; border:1px solid #008c99; background:#FFF;}

ul.products li:hover .product-details h5 a{color:#008c99;}

ul.products li:hover .product-thumb .product-button{display:block;}

ul.products .image-overlay{background:rgba(0, 140, 153, 0.5); opacity:0; width:100%; height:100%; left:0px; top:0px; position:absolute; z-index:9;}

ul.products li:hover .image-overlay{opacity:1;}

.pagination{float:left; width:100%; margin:20px 0px 10px; padding:0px;}

.pagination ul{float:left; margin:0px; padding:0px;}

.pagination ul li{float:left; display:inline; margin:0px; padding:0px;}

.pagination ul li a, .pagination .next-post a, .pagination .prev-post a{font-size:14px; font-weight:bold; line-height:30px; padding:0px 12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:0px 10px 0px 0px; float:left; border:1px solid #008c99; position:relative; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}

.pagination ul li.active-page{font-weight:bold; line-height:30px; padding:0px 12px; margin:0px 10px 0px 0px; float:left; position:relative; border:1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.pagination ul li a:hover, .pagination .next-post a:hover, .pagination .prev-post a:hover{color:#FFFFFF;}

.pagination .next-post{float:left; margin-left:4px; padding:0px;}

.pagination .prev-post{float:left; margin-right:4px; padding:0px;}

.images{float:left; width:32%; margin-right:25px;}

.images img{border:3px solid #008c99; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.summary{float:left; width:64%;}

.summary h2, .summary p.price{display:block; float:left; width:100%;}

.summary p.price{margin-bottom:15px;}

.summary p.price span{font-size:24px; line-height:20px; margin:0px 0px 0px 5px; float:left;}

.summary p.price del{float:left;}

ol.commentlist{padding-left:0px;}

form.cart input[type="button"]{padding:11px 15px; width:40px; height:40px; color:#FFFFFF; font-weight:bold; font-size:15px; float:left; display:inline-block;}

form.cart input[type="number"]{display:inline-block; width:55px; height:40px; text-align:center; color:#333334; border:0px; margin:0px 0px 0px; padding:0px; float:left;}

form.cart input[type="text"]{width:55px; height:40px; float:left; padding:0px; line-height:40px; text-align:center;}

form.cart .quantity.buttons_added{margin:10px 0px 12px; display:inline-block; width:100%; float:left;}

form.cart button[type=submit]{text-transform:uppercase; font-weight:bold;}

.summary .product_meta{margin:15px 0px 0px; float:left; clear:both;}

.related{width:100%; clear:both; float:left; margin:40px 0px 0px;}

ol.commentlist{list-style:none;}

ol.commentlist .comment_container{float:left; margin-right:20px; max-width:60px;}

/**events**/

.events-list{width:100%; float:left; margin:0px 0px 30px; padding:0px 0px 20px; border-bottom:1px solid #d8e8ea;}

.column .events-list:last-child{border:none;}

.events-list .event-thumb{float:left; margin:0px 20px 0px 0px; max-width:100px;}

.events-list .event-thumb img{max-width:100%;}

.events-list h2{font-size:16px; margin-bottom:8px; display:block;}

.events-list h2 a{color:#000000; display:inherit;}

.events-list .event-meta{margin:0px; color:#5c5c5c; padding:0px 0px 10px; display:block; width:100%; font-size:16px;}

.events-list .event-meta span{margin-right:5px; position:relative; top:-1px;}

.events-list .event-meta span.fa-location-arrow{margin-left:10px;}

.events-list .read-more{float:right; margin:0px; padding:0px;}

.events-list .read-more span{margin-left:5px; position:relative; top:1px;}

/**music gallery**/

.dt-sc-music-audio{padding:20px; display:inline-block; width:100%; margin:0px 0px 35px 0px;}

.dt-sc-music-audio .audio-button{float:left; margin:0px 18px 0px 0px;}

.dt-sc-music-audio .audio-button img{display:inline-block;}

.dt-sc-music-audio h5{margin-bottom:15px;}

.dt-sc-music-audio h5 a, .current-time, .duration-container{color:#FFFFFF;}

.time-rail{width:350px; display:inline-block; height:10px; margin:0px 21px;}

.time-rail:before{content:""; width:130px; background:#000; height:10px; float:left; border-radius:2px 0px 0px 2px; -webkit-border-radius:2px 0px 0px 2px; -moz-border-radius:2px 0px 0px 2px;}

.time-rail:after{content:""; width:220px; background:#FFF; height:10px; float:left; border-radius:0px 2px 2px 0px; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px;}

.audio-list{float:left; width:100%; display:inline-block; margin:0px 0px 32px 0px;}

.audio-list h5{margin:0px 10px 0px 15px; width:490px; overflow:hidden; font-size:16px;}

.audio-list h5 a{color:#1f1f1f;}

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/audio-bg.png") 0px center repeat-x; */
.audio-list h5{display:block;}

.audio-list .fa{font-size:16px;}

.audio-list .pause{display:inline-block; float:left; margin:5px 0px 0px 0px;}

.audio-list .fa, .audio-list h5{float:left;}

.audio-list h5 a{white-space:pre; padding-right:10px; background:#f0f3f3;}

/**author**/

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/rating.png") no-repeat; */
.author-rating{width:77px; height:13px; display:inline-block;}

.author-rating.rating-4{background-position:0px -20px;}

.author-description h5{margin-bottom:10px;}

.author-description h5 a{color:#1f1f1f;}

.author-thumb{float:left; display:inline-block; margin:0px 20px 20px 0px; width:100%; text-align:center; max-height:101px; max-width:119px; position:relative; float:left; overflow:hidden;}

.author-role, .students-count{display:block; margin-bottom:5px;}

.author-description p{float:left; display:block;}

.rating-review a{margin:0px 0px 0px 10px;}

/*--------------------------------------------------------------
9.0 - Contact Page Styles
--------------------------------------------------------------*/

.admission-form .aligncenter{margin-bottom:0px;}

.admission-form textarea, .contact-form textarea, .comment-form textarea{width:100%; padding:16px 18px; background:#FFFFFF; height:190px; border:1px solid #eaeaea;}

.dt-sc-contact-info{padding:0px 0px 12px; border-bottom:1px dotted #a2a2a2; width:100%; display:block; clear:both; float:left; margin:0px 0px 25px;}

.dt-sc-contact-info a{text-transform:lowercase;}

.dt-sc-contact-info i{display:inline-block; font-size:20px; margin:2px 15px 10px 0px; float:left;}

/* odstranjeno (ker image ne obstaja ve�) :: background: url("../img/contact_form_bg.png") -20px 0px; */
.contact_form_outer{box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.20); -webkit-box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.20); -moz-box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.20); padding:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.contact-form{background:#FFFFFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:30px 30px 10px; box-shadow:inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);}

.contact-form input[type=submit]{margin:0px;}

.class_hours h2{color:#FFFFFF; line-height:normal; margin:0px; padding:10px 15px; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}

.class_hours p{font-size:15px; display:inline-block; width:100%; margin:0px 0px 15px;}

ul.class_hours{margin:0px; padding:0px; width:100%; background:#FFFFFF;}

ul.class_hours li{width:100%; display:block; padding:10px 10px 10px; margin:0px 0px 0px; border-bottom:1px solid #f0f0f0; font-size:16px; font-weight:bold; position:relative; float:none; position:relative;}

ul.class_hours li:last-child{border-bottom:none;}

ul.class_hours li span{font-style:italic; font-weight:normal; color:#cf571b; float:right;}

/*--------------------------------------------------------------
10.0 - Sidebar Styles
--------------------------------------------------------------*/

#secondary .widget{float:left; width:100%; padding-bottom:30px; margin:0px 0px 0px;}

#secondary h3.widgettitle{border-bottom:2px dotted #a2a2a2;}

#secondary .widget_categories ul li{position:relative; float:none; display:block; padding:0px; margin:0px;}

#secondary .widget_categories ul li a{font-size:16px; padding:0px 45px 0px 5px; margin-bottom:5px; display:block; line-height:35px; border-bottom:1px dotted #a2a2a2;}

#secondary .widget_categories ul li:last-child a{border-bottom:none; margin-bottom:0px;}

#secondary .widget_categories ul li a span{position:absolute; right:0px; color:#cf571b; font-style:italic;}

.widget ul{float:left; width:100%; margin:0px; padding:0px;}

#secondary .tagcloud a{float:left; background:#df9b00; color:#FFFFFF; padding:4px 9px; margin:0px 10px 10px 0px; border-radius:5px 0px 5px 0px; -webkit-border-radius:5px 0px 5px 0px; -moz-border-radius:5px 0px 5px 0px; border-bottom:3px solid #ca8e06;}

#secondary .tagcloud a:hover{background:#cf571b; border-bottom:3px solid #b54913;}

/*--------------------------------------------------------------
11.0 - Footer Styles
--------------------------------------------------------------*/

.footer-widgets-wrapper a {
	color:#3b3b3d;
}

.cloud-top-green-bg-blue { 
	background:url("../img/bg_clouds/cloud-top-green-bg-blue.png") #ade166 repeat-x bottom center; height:79px;
}
.cloud-top-green-bg-sblue { 
	background:url("../img/bg_clouds/cloud-top-green-bg-sblue.png") #ade166 repeat-x bottom center; height:79px;
}
.cloud-top-green-bg-white { 
	background:url("../img/bg_clouds/cloud-top-green-bg-white.png") #fff repeat-x bottom center; height:79px;
}
footer{width:100%; margin:0px; padding:65px 0px 0px; float:left; clear:both; background-image:url("../img/footer_bg.png"); background-color:#ade166; position:relative; background-position:center top;}

.footer-widgets-wrapper{padding-bottom:20px; width:100%; clear:both; float:left;}

/**footer widget styles**/

footer h3.widgettitle{padding-bottom:25px;}

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/red_sketch.png") left bottom no-repeat; */
footer h3.widgettitle.red_sketch{}

footer h3.widgettitle.green_sketch{background:url("../img/green_sketch.png") left bottom no-repeat;}

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/yellow_sketch.png") left bottom no-repeat; */
footer h3.widgettitle.yellow_sketch{}

/* odstranjeno (ker image ne obstaja ve�) :: background:url("../img/steelblue_sketch.png") left bottom no-repeat; */
footer h3.widgettitle.steelblue_sketch{}

h3.widgettitle{font-size:22px; padding-bottom:10px; margin-bottom:25px; text-transform:capitalize;}

footer h3 a{color:#2f2f2f;}

footer .widget{float:left; width:100%; padding-bottom:20px; margin:0px 0px 0px;}

footer .widget ul{width:100%; margin:0px; padding:0px;}

footer .widget.widget_text ul li{width:100%; font-size:14px; font-weight:normal; display:block; position:relative; line-height:20px; padding:7px 0px 7px 20px;}

footer .widget.widget_text ul li:before{content:"\f00c"; text-decoration:inherit; font-size:16px; position:absolute; top:7px; left:0px;}

footer .widget.widget_text ul li a, footer .dt-sc-contact-info a{color:#5c5c5c; display:block;}

footer .widget_recent_entries ul li h6{font-size:14px; font-weight:normal; margin-bottom:10px; font-family:inherit;}

footer .widget_recent_entries ul li a{text-transform:none; color:#5c5c5c;}

footer .widget_recent_entries ul li{width:100%; float:left; margin:0px 0px 10px;}

footer .widget_recent_entries ul li a:hover, .widget_links ul li:hover a:before, .widget_links ul li:hover a{color:#A99479;}

footer .widget_recent_entries ul li img{color:#efebe6; font-size:14px; border:2px solid #818181;}

footer .widget_recent_entries ul li span{color:#818181; display:block; float:left;}

footer .widget_recent_entries ul li > a{float:left; margin-right:10px;}

footer .widget_recent_entries ul li img{width:60px; height:60px; float:left;}

footer .widget_recent_entries ul li:hover img{border:2px solid #008c99;}

footer #tweets_container ul.tweet_list{overflow:hidden;}

footer #tweets_container ul.tweet_list li{clear:both; display:block; padding-left:30px;}

footer #tweets_container li:before{content:""; background:url("../img/twitter_icon.png") no-repeat; float:left; width:21px; height:15px; margin:5px 0px 0px -30px;}

footer .dt-sc-contact-info{clear:both; float:left; width:100%; margin:0px 0px 10px; padding:0px; border:0px;}

footer .dt-sc-contact-info span{font-size:18px; float:left; margin:2px 10px 0px 0px; padding-bottom:12px;}

.widget.mailchimp p{text-transform:uppercase; font-weight:bold;}

.mailchimp-form p{border:1px solid #fff; background-color:transparent; border-right:0px; padding:10px 12px; float:left; border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px;}

.mailchimp-form input[type=email], .mailchimp-form input[type=text]{border:none; background-color:transparent; outline:none; width:110px; font-family:inherit; font-size:inherit; padding:0px; color: #fff;}

.mailchimp-form input[type=email]:focus, .mailchimp-form input[type=text]:focus{box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

.mailchimp-form p span{padding-right:5px;}

.widget .mailchimp-form input[type="submit"]{padding:0px 14px; line-height:40px; height:44px; border:1px solid #008c99; color:#FFF; cursor:pointer; outline:none; border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; display:inherit;}

.widget .mailchimp-form input[type="submit"]:hover{background:#df9b00; border:1px solid #df9b00;}

.copyright{clear:both; float:left; width:100%; margin:0px; padding:15px 0px 10px; background:url("../img/top-pas.jpg") center top repeat-x #2ea9e4;}

.copyright p{float:left; color:#FFF;}

.copyright p a{color:#FFF;}

.copyright .footer-links{float:right; margin:0px; padding:0px;}

.copyright .footer-links ul, .class_hours ul.dt-sc-social-icons{margin:0px; padding:0px; float:left;}

.copyright .footer-links ul li, .class_hours ul.dt-sc-social-icons li{margin:0px 8px 0px 0px;}

.copyright .footer-links ul li:last-child, .class_hours ul.dt-sc-social-icons li:last-child{margin:0px;}

.copyright .footer-links ul li a, .class_hours ul.dt-sc-social-icons li a{width:35px; height:35px; display:block; line-height:40px; text-align:center; padding:0px;}

.copyright .footer-links ul li.facebook:hover a, .class_hours ul.dt-sc-social-icons li.facebook a{background:#3c5b9b;}

.copyright .footer-links ul li.twitter:hover a, .class_hours ul.dt-sc-social-icons li.twitter a{background:#2caae1;}

.copyright .footer-links ul li.gplus:hover a, .class_hours ul.dt-sc-social-icons li.gplus a{background:#ba3526;}

.copyright .footer-links ul li.pinterest:hover a, .class_hours ul.dt-sc-social-icons li.pinterest a{background:#ca1325;}

footer .footer-links p{float:left; background:url("../img/footer_arrow.png") right 7px no-repeat; padding:0px 50px 0px 0px; margin:7px 15px 0px 0px;}

.copyright .copyright-info{margin:0px; line-height:35px;}

.back-to-top{position:fixed; bottom:8px; right:8px; width:42px; height:43px; line-height:43px; background:#e71b24; font-size:25px; border-radius: 50%; text-align:center; display:none; z-index:9999;}

a.back-to-top span {
	color: #fff;
}

a.btn-prijava {
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 10px 20px;
	color:#fff;
	font-size: 14px;
	text-transform: uppercase; 
	background: rgba(0,0,0,0.1)!important;
}

a:hover.btn-prijava {
	border: 1px solid #5c5c5c;
	color: #5c5c5c;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}
.clearfix {
	clear: both;
}

.hidden {
	display: none!important;
}
.padding-bottom-30 {
	padding-bottom:30px;
}
.img-thumbnail {
	border:4px solid #FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 0px 2px 2px #dbddde; -moz-box-shadow:0px 0px 2px 2px #dbddde; -webkit-box-shadow:0px 0px 2px 2px #dbddde; float:left; display:inline-block; margin:0px 10px 0px 0px;
}
.seperator-hr {
	background-color:#e3e3e3;
	clear: both;
	height: 1px;
	margin: 40px 0;
}

.youtube-video-border img {
	border-image: url("../img/slika_frame.png") 93 92 87 92 stretch stretch; 
	border-color: #66cddc;
	border-style: inset;
	border-width: 60px;
	display: block;
	width: 100%;
	height: auto;
	background-color: #66cddc;
	margin: 0 auto;
}
@media all and (max-width: 500px) {
	.youtube-video-border img {
	border-width: 0px;
	width: 100%;
	 }
}

.h2-blue-cloud {
	color:#ffffff;
	margin-bottom:0px;
}
.img-blue-cloud {
	border-style: solid;
	border-width: 10px;
	-moz-border-image: url("../img/slika_bg.png") 86 84 83 87 repeat;
	-webkit-border-image: url("../img/slika_bg.png") 86 84 83 87 repeat;
	-o-border-image: url("../img/slika_bg.png") 86 84 83 87 repeat;
	border-image: url("../img/slika_bg.png") 86 84 83 87 fill repeat;
	background-color: #66cddc;
	padding:5px;
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-top: 20px;
	margin-bottom: 20px; 
	border: 1px solid #61cff4; 
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 3px rgba(1, 169, 225, 0.3);
	box-shadow: inset 0 1px 3px rgba(1, 169, 225, 0.3);
	margin-bottom:20px;
}
.column.well {
	margin-bottom:20px;
}
.pokrovitelji li {
	display:inline;
}
.pokrovitelji img {
	padding:10px;
	border:1px solid #ddd;
	border-radius:4px;
	margin:10px;
}
#primary .pokrovitelji {
	margin-bottom:40px;
}

.slika-odmik {
	margin:10px 10px 10px 0;
}

/* modra od naslova h3 je #01a9e1 (44% svetlosti) - oglas damo na aaa #67d8fe (70% svetlosti) */
.oglas img {
	border:4px solid #FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 0px 2px 2px #67d8fe; -moz-box-shadow:0px 0px 2px 2px #67d8fe; -webkit-box-shadow:0px 0px 2px 2px #67d8fe; display:inline-block; margin:20px 0px 0px 0px;
}

.banner-lezeci-logotipi {
	margin: 20px 0px;
}

/*Youtube start*/
.youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 560px; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
.youtube-player-hq { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { max-width: 100%; width: 100%; }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url(https://i.imgur.com/TxzC70f.png) no-repeat; }
	/*Youtube end*/

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 9999999999999999999;
	height: 100%;
}

.loader i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
} 
#primary ul {
	list-style: inside none disc; 
}
.banner-content-left {
	left: 20px;
	position: absolute;
	top: 740px;
} 
.banner-content-right {
	right: 20px;
	position: absolute;
	top: 740px;
}

.caroufredsel_wrapper {
	height: 80px !important;
}
