@import "grid.css";

/***** Reset & Basics *****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	border:0;
	font-size:100%;
	vertical-align:baseline;
	margin:0;
	padding:0;
}

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

body {
	line-height:1;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/***** Basic Styles *****/	
html {
	overflow:0;
}

/***** Typography *****/
h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans', Helvetica, Arial;
	font-weight:300;
	line-height:29px;
	padding:0;
	color:#565555;
	margin:0 0 15px;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-weight:inherit;}

h1 {font-size:34px;}
h2 {font-size:30px;}
h3 {font-size:28px;}
h4 {font-size:22px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
.valignmiddle{vertical-align:middle;}

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

sup,sub {
	height:0;
	line-height:1px;
	vertical-align:baseline;
	position:relative;
}

sup {bottom:1px;}
sub {top:1px;font-size:.6em;}
em {font-style:italic;}
strong {font-weight:700;}
small {font-size:80%;}

.low-bottom{margin-bottom:2px;}

/***** Blockquotes *****/
blockquote, blockquote p {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:24px;
	color:#9c9c9c;
	font-style:italic;
}

blockquote {
	background-image:url(../img/quote.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:30px;
	float:left;
}

blockquote cite {
	display:block;
	margin-top:-5px;
	font-size:12px;
	color:#555;
}

blockquote cite:before {
	content:"\2014 \0020";
}

blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {
	color:#555;
}

blockquote span {
	width:15px;
	display:inline-block;
}

/***** Horizontal Line *****/
hr {
	border:0;
	border-top:1px solid #999;
	height:2px;
	width:100%;
	text-align:left;
	margin:20px 0;
}

/***** Pullquotes *****/
.pullquote_right,.pullquote_left {
	color:#9c9c9c;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	letter-spacing:0;
	margin-bottom:0;
	margin-top:3px;
	margin-left:10px;
	padding-left:15px;
	width:40%;
	font-style:italic;
	line-height:1.4em;
	border-left:2px solid #ccc;
}

.pullquote_left {
	border-right:2px solid #ccc;
	border-left:none;
	float:left;
	margin-left:0;
	margin-right:10px;
	padding-left:0;
	padding-right:15px;
}

/***** Links *****/
a:hover {
	color:#999;
	text-decoration:none;
	outline:0;
}

a:link,a:visited,a:active {
	color:#333;
	text-decoration:none;
	outline:0;
}	

/***** Lists *****/
ul,ol {
	margin:0 0 20px;
}

ul {
	list-style:none outside;
}

ol {
	list-style:decimal;
}

ul.square,ul.circle,ul.disc {
	margin-left:15px;
}

ul.square {
	list-style:square outside;
}

ul.circle {
	list-style:circle outside;
}

ul.disc {
	list-style:disc outside;
}

ul.square,ul.circle,ul.disc
ul.star,ul.arrow {
	float:left;
}

ul ul,ul ol,ol ol,ol ul {
	font-size:90%;
	margin:4px 0 5px 30px;
}

ul ul li,ul ol li,ol ol li,ol ul li {
	margin-bottom:6px;
}

li {
	line-height:16px;
	margin-bottom:12px;
}

ul.large li,li p {
	line-height:21px;
}

/***** Images *****/
img {
	border:0;
	-ms-interpolation-mode:bicubic;
}

.max-image {
	width:100%;
	height:auto;
}


/***** Buttons  *****/ 
.button{
	display:inline-block;
	font-family:'Open Sans', Georgia, Arial !important;
	color:#fff !important;
	cursor:pointer;
	text-decoration:none;
	margin:0 0 10px;
}

.button:hover{
	text-decoration:none;
}

.button.small {
	font-size:12px;
	padding:5px 16px 6px 16px;
}

.button.medium{
	font-size:14px;
	padding:6px 18px 7px 18px;
}

.button.large {
	font-size:16px;
	padding:9px 24px 11px 24px;
}

.button.grey{
	background-color:#353535;
}

.button.white {
	color:#505050 !important;
	background-color:#e1e1e1;
}

.button.red {
	background-color:#e62727;
}

.button.orange {
	background-color:#ff5c00;
}

.button.blue {
	background-color:#00ADEE;
}

.button.green {
	background-color:#a2c437;
}

.arrow-icon {
	padding-right:33px !important;
}

.arrow-icon:after {
	content:"";
	display:block;	
	background:url(../img/btn-arrow.png) no-repeat;
	width:9px;
	height:12px;
	position:absolute;
	top:16px;
	right:32px;
}

/***** Back to Top *****/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:12px;
	right:12px;
	overflow:hidden;
	width:50px;
	height:50px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
	z-index:190;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -50px;
	width:50px;
	height:50px;
	display:block;
	overflow:hidden;
	float:left;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}

#toTop:active,#toTop:focus {
	outline:none;
}

/***** Global Classes *****/
.img-left {
	float:left;
	border:none;
	margin:5px 16px 11px 0;
}

.img-right {
	float:right;
	border:none;
	margin:5px 0 11px 16px;
}

.img-center {
	display:block;
	margin:5px auto 11px;
}

.img-border {
	background-color:#eaeaea;
	padding:8px;
}

.clear {
	clear:both;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.text-big {
	color:#a2bd30;
	font-weight:700;
	line-height:26px;
}

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

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

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

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

.normal {
	font-weight:400;
}

.bold {
	font-weight:700;
}

.italic {
	font-style:italic;
}

.underline {
	border-bottom:1px solid;
}

.highlight {
	background:#ffc;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

.block {
	display:block;
}

.hidden,.hide {
	display:none;
}

/***** Title Color Styling *****/
.title-green {
	color:#619e10;
}

.title-blue {
	color:#2d8aad;
}

.title-orange {
	color:#f4902d;
}

.title-red {
	color:#d12525;
}

/***** Form Styling *****/
input[type="text"], input[type="email"], input[type="password"], textarea, .CL-contact-form-item select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	padding: 9px 9px;
	border: none;
	outline: 0;
	width: 100%;
	color:#888;
	background: #f7f7f7;
	border: 1px solid #ddd;
}

textarea { 
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	height: 150px;
	line-height: 150%;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover, .CL-contact-form-item select:hover
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, .CL-contact-form-item select:focus { 
	border-color: #d7d7d7; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.form label {
	margin-left: 10px; 
}	


/***** Box Content Panels *****/
.panel { background: #fafafa; border: solid 1px #ddd; margin: 0 0 22px 0; padding: 20px 25px 20px 25px; position:relative; }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.callout a { color: #fff; }
.panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
.panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.panel:after {
	left: 4px;
	right: 4px;
	bottom: -5px;
	box-shadow: 0 0 2px #ddd;
}
.panel, .panel:before, .panel:after {
	background: #fafafa;
	border: 1px solid #ddd;
}
.panel:before, .panel:after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 3px;
	right: 3px;
	height: 1px;
	border-top: none;
}
.panel:hover {
	-webkit-box-shadow: 0 0px 7px #ddd;
	-moz-box-shadow: 0 0px 7px #ddd;
	box-shadow: 0 0px 7px #ddd;
}

/***** Box Content Color *****/
.box-blue { background: #01afee; margin: 0 0 22px 0; padding: 20px 25px 20px 25px; position:relative; }
.box-blue h1, .box-blue h2, .box-blue h3, .box-blue h4, .box-blue h5, .box-blue h6, .box-blue p, .box-blue ul {color:#fff;}
.box-green { background: #5ea919; margin: 0 0 22px 0; padding: 20px 25px 20px 25px; position:relative; }
.box-green h1, .box-green h2, .box-green h3, .box-green h4, .box-green h5, .box-green h6, .box-green p, .box-green ul {color:#fff;}
.box-purple { background: #5134ab; margin: 0 0 22px 0; padding: 20px 25px 20px 25px; position:relative; }
.box-purple h1, .box-purple h2, .box-purple h3, .box-purple h4, .box-purple h5, .box-purple h6, .box-purple p, .box-purple ul {color:#fff;}
.box-red { background: #f22601; margin: 0 0 22px 0; padding: 20px 25px 20px 25px; position:relative; }
.box-red h1, .box-red h2, .box-red h3, .box-red h4, .box-red h5, .box-red h6, .box-red p, .box-red ul {color:#fff;}
.box-yellow { background: #eaac01; margin: 0 0 22px 0; padding: 20px 25px 20px 25px; position:relative; }
.box-yellow h1, .box-yellow h2, .box-yellow h3, .box-yellow h4, .box-yellow h5, .box-yellow h6, .box-yellow p, .box-yellow ul {color:#fff;}
.box-grey { background: #ededed; margin: 0 0 22px 0; padding: 20px 25px 20px 25px; position:relative; }
.box-grey h1, .box-grey h2, .box-grey h3, .box-grey h4, .box-grey h5, .box-grey h6 {color:#565555;}
.box-grey p {color:#898989;}


img { max-width: 100%; height: auto; }
.google_map img{max-width:inherit; height:auto;}
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img { max-width: none!important; }

/*----------------------------------------------------
                  MAIN
------------------------------------------------------*/
body {
	background:#FFF url(../img/bg_pattern.png) repeat;
	font:14px Arial, Tahoma, Verdana;
	color:#898989;
	margin:0;
	padding:0;
	line-height:24px;
}

.main-wrapper {
	width: 1040px;
	margin: 40px auto;
	background:#fff;
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
}

.content-wrapper {
	padding-top:45px;
}

.bottom-wrap {
	background-color:#ededed;
	padding-top:25px;
}

/* Header styling */
.top-wrapper {
	width:100%;
	border-bottom:1px solid #e8e8e8;	
}

.logo {
	margin:35px 0px 4px 0px;
}

.top_search {
	margin-top:39px;
}


/* Extra styling */
.CL-article-text-item ol, .CL-box-default ol {
	list-style-image: inherit;
	list-style-position: inside;
	list-style-type: decimal;
}
.CL-article-text-item ul, .CL-box-default ul {
	list-style-image: inherit;
	list-style-position: inside;
	list-style-type: disc;
}


.metro-icon {
	background-color:#fff;
	padding:5px;
}

.front-desc{
	margin-bottom:25px;
	padding-bottom:20px;
	border-bottom:1px solid #e8e8e8;
}

.btm-margin {
	margin-bottom:0px;	
}

h5.client-title {
	width:10%;
	margin:0 auto;
	text-align:center;
	background-color:#fff;
	color:#989898;
	position:relative;
	top:-18px;
	z-index:100;
}

ul.client-box {
	width:100%;
	margin:-32px 0px 20px 0px;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	float:left;
}

ul.client-box li {
	width:16.3%;
	height:30px;
	text-align:center;
	margin:0px;
	padding:21px 0px 64px 0px;	
	display:inline-block;
}

ul.pricing-payment li {
	float:left;
	margin:0px 7px 7px 0px;
}

.text-indent p {
	overflow:hidden;
}

/* More button styling */
.more-btn {
	color:#fff;
	padding:0px 14px 0px 0px;
	background-image:url(../img/more_arrow.png);
	background-repeat:no-repeat;
	background-position:right 4px;
	font-size:14px;
	cursor:pointer;
}

a.more-btn, a.more-btn:visited {
	color:#fff;
	text-decoration:none;
}

/* Carousel styling */
.carousel-content .slides img {
	padding:0px 10px;
}

.carousel-content .slides li {
	margin-top:20px;
	margin-bottom:7px;
}

ul.slides {
	width:100%;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	float:left;
}

.carousel-content .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flex-direction-nav { height: 0; }
.flex-direction-nav a {width: 19px; height: 19px; margin: 24px 0 0; display: block; background: url(../img/carousel_nav.png) no-repeat; position: absolute; top:1px; cursor: pointer; text-indent: -999em;}
.flex-direction-nav .flex-next {background-position: -20px 0; right: 18px;}
.flex-direction-nav .flex-prev {right: 42px;}
.flex-direction-nav .flex-disabled {opacity: .4; filter:alpha(opacity=40); cursor: default;}

/* Pagetitle styling */
.pagetitle-wrapper {
	background:#ededed;
}

.pagetitle-wrapper .row, .pagetitle-wrapper .twelve {
	margin-bottom:1px;
}

.pagetitle-wrapper h3{
	color:#00a3de;
	background:url(../img/pagetitle_star.png) no-repeat 0px 18px;
	border-right:1px solid #dbdbdb;
	margin-right:24px;
	padding:10px 24px 14px 28px;
	float:left;
}

.pagetitle-wrapper p {
	font-size:16px;
	color:#a3a3a3;
	padding:15px 0px 17px 0px;
}

#breadcrumb {
	height:20px;
	margin:-32px -14px 0px 0px;
	float:right;
}

#breadcrumb ul li {
	color: #bdbdbd;
	padding:0px 14px 0px 5px;
	background-image:url(../img/breadcrumb_line.png);
	background-repeat:no-repeat;
	background-position:right 5px;
	font-size:11px;
	display:inline-block;
}

#breadcrumb ul li:first-child img {
	position:relative;
	top:2px;
}

#breadcrumb ul li:last-child {
	background-image:none;
}

#breadcrumb ul li.current-page a, #breadcrumb ul li.current-page a:visited {
	color: #01afee;
	text-decoration:none;	
}

#breadcrumb ul li a, #breadcrumb ul li a:visited {
	color: #bdbdbd;
	text-decoration:none;	
}


.indent-left{
	overflow:hidden;	
}


/***** Blog Area Stylesheet *****/
.blog-post {
	border-bottom:1px solid #e8e8e8;
	margin-bottom:30px;
	padding-bottom:30px;
	float:left;
}

.blog-post img {
	margin-bottom:16px;
}

.post-info {
	font-size:11px;
	color:#a4a4a4;
	margin:0px;
	float:left;
}

.post-info ul {
	width:100%;
	border-bottom:1px solid #e8e8e8;
	margin-bottom:25px;
	padding-bottom:10px;
	float:left;	
}

.post-info ul li {
	font-size:11px;
	font-style:italic;
	color:#a4a4a4;
	display:inline-block;
}

.post-info ul li a:hover {
	color:#7e7e7e;
	text-decoration:none;	
}

.post-info ul li a, .post-info ul li a:visited {
	color:#a4a4a4;
	text-decoration:none;	
}

.post-info ul li.author-icon {
	background:transparent url(../img/icon-author.png) no-repeat 0 0px;
	color:#acb0b5;
	padding:0 0 0 20px;
}

.post-info ul li.tag-icon {
	background:transparent url(../img/icon-tag.png) no-repeat 0 1px;
	color:#acb0b5;
	padding:0 0 0 20px;
}

.post-info ul li.comment-icon {
	background:transparent url(../img/icon-comment.png) no-repeat 0 0px;
	color:#acb0b5;
	padding:0 0 0 20px;
}

.post-date {
	width:100%;
	background-color:#01afee !important;
	margin:10px 0px 15px 0px;
	padding:11px 9px 5px 10px;
	clear:both;
	float:left;
}

.post-date img {
	margin:2px 10px 0px 1px;
	float:left;
}

.post-date p {
	margin-bottom:6px;
	padding:0px 0px 0px 11px;
	border-left:1px solid #fff;
	color:#fff;
	float:left;
}

.post-content {
	float:left;	
}

.post-content img {
	width:100%;
}

.post-content h4 {
	margin-top:5px;	
}

.post-content h4 a:hover {
	color:#7c7c7c;
	text-decoration:none;	
}

.post-content h4 a, .post-content h5 a:visited {
	color:#565555;
	text-decoration:none;	
}

.post-content iframe {
	margin-bottom:16px;
}

.post-slide {
	height:267px;
	margin-bottom:23px;	
}

.continue-btn {
	color:#01afee;
	padding:3px 0px;
	font-size:14px;
	cursor:pointer;
	float:left;
}

.continue-btn:before {
	content:"\2014 \0020";
}

a.continue-btn, a.continue-btn:visited {
	color:#01afee;
	text-decoration:none;
}

/* Sidebar styling */
aside {
	width:100%;
	margin-bottom:30px;
	float:left;
}


fieldset {
	border:0;
}

.label-form-inline{
	width:194px;
	width:193px\0/IE9;
	margin:0px 23px 19px 0px;
	float:left;
}

.label-form-inline-last{
	width:194px;
	margin:0px 0px 19px 0px;
	float:left;
}

.success-contact {
	width:99%;
	font-size:12px;
	text-align:center;
	color:#3F9153;
	background-color:#D7F7DF;
	border:1px solid #A3F7B8;
	clear:both;
	display:block;
	margin:4px 0 20px 0px;
	padding:10px;
}


/***** Footer Area Stylesheet *****/
footer {
	padding-top:40px;
	background-color:#3e3e3e;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
	color:#fff;
}

footer p {
	font-size:13px;
	color:#a2a2a2;
}

ul.footer-list {
	border-right:1px solid #696868;
}

.footer-list li a, .footer-list li a:visited, .footer-list-address li a, .footer-list-address li a:visited {
	font-size:13px;
	color:#a2a2a2;
}

.copyright div {
	position:relative;
	right:-173px;
	float:right;	
}

.copyright p {
	font-size:10px;
	text-align:right;
	line-height:18px;
	margin: 10px 0;
}


/* HEADER */
.logo {
	margin: 0;
	height: 120px;
}

.CL-position-custom1, .CL-position-custom2 {
	padding-right: 15px;
	padding-bottom: 15px;
}

/* NAV */
.top-nav {
    display: block;
    text-align: left;
    width: 100%;
}

.top-nav ul {
	margin-bottom:0px;
	font-family:'Open Sans',Arial,Tahoma,Verdana;
	font-size:16px;
	font-weight:300;
    padding: 0;
    float: left;
    line-height: 1;
    list-style: none;
    position: relative;
}

.top-nav ul li {
    text-align: left;
	padding: 0;
	margin: 0;
}

.top-nav ul li a {
    display: block;
    outline: 0;
    position: relative;
}

.top-nav .CL-box-main-content>ul>li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.top-nav .CL-box-main-content>ul>li>a {
    color:#323232;
    padding: 18px;
}

.top-nav .CL-box-main-content>ul>li>a:hover,
.top-nav .CL-box-main-content>ul>li.CL-active>a
{ 
	color: #999;
}

.top-nav ul ul {
    top: -9999px;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    border-top: 0;
    z-index: -388;
    -webkit-transition: .2s ease-out opacity,.2s ease-out padding-top;
    -moz-transition: .2s ease-out opacity,.2s ease-out padding-top;
    transition: .2s ease-out opacity,.2s ease-out padding-top;
}

.top-nav ul ul li {
    min-width: 180px;
    position: relative;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0;
    white-space: nowrap;
}

.top-nav ul ul li a {
    color:#323232;
    padding: 12px 15px;
}

.top-nav ul ul li:hover>a {
    background-color: #f0f0f0;
    color: #444444;
}

.top-nav ul li:hover>ul {
    top: 100%;
    left: 0;
    z-index: 388;
    padding-top: 0;
    opacity: 1;
    pointer-events: auto;
    margin: 0;
}

.top-nav ul ul li>ul {
    border-top: 1px solid #ebebeb;
    -webkit-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
}

.top-nav ul ul li:hover>ul {
    left: 100%;
    opacity: 1;
    padding: 0;
    top: -1px;
}

/* CONTENT */

.CL-trail {
	float: right;
	color: #bdbdbd;
	padding: 5px 0;
}


/* FOOTER */
footer .copyright a:link, footer .copyright a:visited, footer .copyright a:active {
	color: #ddd;
}

footer .copyright a:hover {
	color: #fff;
}

footer .CL-column .CL-portlet a:link,
footer .CL-column .CL-portlet a:visited,
footer .CL-column .CL-portlet a:active {
	color: #ddd;
}

footer .CL-column .CL-portlet a:hover {
	color: #fff;
}

footer .CL-column .CL-portlet {
	margin-bottom: 20px;
}

footer .CL-column .CL-portlet:last-child {
	margin-bottom: 0;
}

/* SLIDER */
.theme-dark .nivo-directionNav a {
    text-indent: 0;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: -20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 50%;
    transition: opacity 300ms ease 0s;
    vertical-align: middle;
    width: 44px;
    height: 45px;
    z-index: 999;
    background: #333333
}
.theme-dark a.nivo-prevNav {
    bottom: 50%;
    right: auto;
    left: 10px;
    z-index: 8;
    color: white;
    background-image: url('../img/home-slider-arrow.png');
    background-position: 0 0;
    background-color: #444;
}
.theme-dark a.nivo-nextNav {
    bottom: 50%;
    background-position: -44px 0;
    background-image: url('../img/home-slider-arrow.png');
    left: auto;
    background-repeat: no-repeat;
    background-color: #444;
    right: 10px;
    z-index: 8;
    color: white
}
.theme-dark .nivoSlider {
    margin-bottom: 0px;
}
.theme-dark .nivo-directionNav a:hover {
    opacity: 1;
}
.theme-dark .nivo-controlNav {
    background: transparent !important;
    height: 0px;
    left: 0;
    padding: 0px;
    position: relative;
    text-align: center;
    top: 10px;
    z-index: 10;
}
.theme-dark .nivo-controlNav a {
    background-color: #444;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 3px;
    position: relative;
    width: 25px;
    background-image: none;
}


/* Box design */
.CL-box-no-title .CL-box-title {
	margin: 0;
	padding: 0;
	height: 0;
}
.CL-box-no-subtitle .CL-box-subtitle {
	margin: 0;
	padding: 0;
	height: 0;
}
/* # Metro box */
.CL-metro-box {
	position: relative;
	margin: 0 0 22px;
	padding: 20px 25px;
	color: #fff;
}
.CL-metro-box p {
	margin: 0;
}
.CL-metro-box .CL-box-title {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}
.CL-box-no-title .CL-metro-box .CL-box-title {
	margin: 0;
	padding: 0;
	height: 0;
}
.CL-metro-box .CL-box-icon {
	position: static;
}
.CL-metro-box .CL-box-icon > img {
	background: none repeat scroll 0 0 #fff;
	padding: 5px;
}
.CL-metro-box h1, .CL-metro-box h2, .CL-metro-box h3, .CL-metro-box h4, .CL-metro-box h5, .CL-metro-box h6, .CL-metro-box p, .CL-metro-box ul, .CL-metro-box a {
	color: #fff;
}
.CL-metro-box .CL-box-read-more-link {
	margin-top: 20px;
}

.CL-metro-box .CL-box-read-more-link a {
	position: relative;
}

.CL-metro-box .CL-box-read-more-link a:after {
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	right: -10px;
	top: 3px;
	width: 0;
}


/* # Text box */
.CL-text-box {
	position: relative;
	margin: 0 0 22px;
	padding: 20px 25px;
	background: #ededed;
}
.CL-text-box p {
	margin: 0;
}
.CL-text-box .CL-box-title {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}
.CL-box-no-title .CL-text-box .CL-box-title {
	margin: 0;
	padding: 0;
	height: 0;
}
.CL-text-box .CL-box-icon {
	position: static;
	float: left;
	margin-right: 15px;
}
.CL-text-box .CL-box-icon > img {
	padding: 5px;
}
.CL-text-box h1, .CL-text-box h2, .CL-text-box h3, .CL-text-box h4, .CL-text-box h5, .CL-text-box h6, .CL-text-box p, .CL-text-box ul, .CL-text-box a {
	color: #898989;
}

/* # Image box */
.CL-image-box {
	position: relative;
	margin: 0 0 22px;
	background: #ededed;
}
.CL-image-box p {
	margin: 0;
}
.CL-image-box .CL-image-box-image {
	display: block;
}
.CL-image-box .CL-image-box-image > img {

}
.CL-image-box .CL-image-box-text {
	padding: 5px 25px 20px;
}
.CL-image-box .CL-box-title {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}

/* # Blog box */
.CL-blog-box {
	position: relative;
}
.CL-blog-box p {
	margin: 0;
}
.CL-blog-box .post-info {
	width: 100%;
	float: right;
}
.CL-blog-box .post-info ul li {
	width: 100%;
	text-align: right;
}

.CL-blog-box .CL-box-title {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}
.CL-box-no-title .CL-blog-box .CL-box-title {
	margin: 0;
	padding: 0;
	height: 0;
}
.CL-blog-box .CL-box-subtitle-wrapper {
	clear: both;
	float: left;
	margin: 0 0 10px;
	padding: 6px;
	width: 100%;
}
.CL-blog-box .CL-box-subtitle {
	margin: 0;
	padding: 0;
	color: #fff;
	clear: both;
	float: left;
	margin: 0 0 10px;
	padding: 6px;
	width: 100%;
}
.CL-box-no-subtitle .CL-blog-box .CL-box-subtitle {
	margin: 0;
	padding: 0;
	height: 0;
}
.CL-blog-box .CL-box-icon {
	position: static;
	float: right;
}
.CL-blog-box .CL-box-icon > img {
	margin: 0;
}

.CL-blog-box .CL-box-read-more-link {
	margin-top: 10px;
}

.CL-blog-box .CL-box-read-more-link a {
	cursor: pointer;
	float: left;
	font-size: 14px;
	padding: 3px 0;
}

.CL-blog-box .CL-box-read-more-link a:before {
	content: "— ";
}

/* Kontakt forma */
.CL-contact-form {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.CL-contact-form-item select,
.CL-contact-form-item .datetime-input {
	width: 25%;
}
.CL-contact-form .CL-contact-form-item, 
.CL-booking-form .CL-contact-form-item {
	margin-top: 0 !important;
	margin-bottom: 30px;
	width: 45%;
    float: left;
    margin-right: 5%;
}
.CL-contact-form .CL-contact-form-item--text {
	width: 95%;
}
.CL-contact-form input.text-input,
.CL-contact-form select,
.CL-contact-form textarea,
.CL-contact-form input.datetime-input {
	width: 100%;
}
.CL-contact-form .button {
	float: left;
}
.CL-booking-form input.datetime-input,
.CL-contact-form select {
	min-width: 140px;
}
.CL-contact-form-message {
	margin-bottom: 20px;
}

#CL-recover-password {
	display: block;
	margin: 0;
}

/* buttons */
.button {
	border: 0;
	font-size: 14px;
	padding: 6px 18px 7px;
}

/* search */
.CL-search .btn-search {
	background: url("../img/search_btn.png") no-repeat scroll right center transparent;
	border: medium none;
	cursor: pointer;
	font-size: 0;
	height: 22px;
	left: 6px;
	position: relative;
	top: 6px;
	width: 22px;
	float: right;
}
.CL-search	.search-text {
	width: 200px;
	max-width: 100%;
	float: right;
}

/* zadnja dešavanja */
.CL-what-is-new-list {
	float: left;
	margin-bottom: 0;
	width: 100%;
	overflow: hidden;
}
ul.CL-what-is-new-list li {
	float: left;
	list-style-type: none;
	margin: 0 0 22px;
	padding: 0;
	width: 100%;
}
ul.CL-what-is-new-list li img {
	float: left;
	/*	height: 85px;*/
	margin: 0 10px 0 0;
	width: 85px;
}
ul.CL-what-is-new-list li p.popular-title {
	font-size: 14px;
	line-height: 22px;
	margin: 9px 0 12px;
	padding-left: 10px;
	overflow: hidden;
}
ul.CL-what-is-new-list li p.popular-text {
	font-size: 11px;
	margin: 9px 0 12px;
	padding-left: 10px;
}
ul.CL-what-is-new-list li a, ul.CL-what-is-new-list li a:visited, ul.CL-what-is-new-list li span {
	display: block;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}
ul.CL-what-is-new-list li p.comment-count {
	float: right;
	margin: 0;
}
ul.CL-what-is-new-list li p.comment-count span {
	background-color: #fff;
	color: #898989;
	float: left;
	font-size: 11px;
	font-style: italic;
	padding: 0 8px 0 5px;
}

.CL-counter-module p {
	margin: 0;
}

.CL-vote-submit.button {
	margin-top: 10px;
}

/* sidebar */

.sidebar {

}

.sidebar .CL-portlet {
	margin-bottom: 30px;
}

.sidebar .CL-portlet-menu ul {

}

.sidebar .CL-portlet-menu ul li {
	background: url("../img/list-arrow2.png") no-repeat scroll 0 5px transparent;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 10px;
	padding: 0 0 9px 15px;
}

.sidebar .CL-portlet-menu ul li a,
.sidebar .CL-portlet-menu ul li a:visited {
	color: #979797;
	text-decoration: none;
}


.sidebar .CL-portlet-menu ul li ul {
	margin: 4px 0 4px 20px;
}

.sidebar .CL-portlet-menu ul li ul li {
	background: none;
	border: none;
	margin-bottom: 5px;
	padding: 0 0 5px 10px;
}

/* search */
.CL-search-result-toolbar {

}

.CL-search-result-toolbar .CL-search-result-text {

}

.CL-search-result-toolbar .CL-search-result-scope {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	padding: 9px 9px;
	border: none;
	outline: 0;
	color:#888;
	background: #f7f7f7;
	border: 1px solid #ddd;
}

.CL-search-result-toolbar .CL-search-result-scope:hover
.CL-search-result-toolbar .CL-search-result-scope:focus { 
	border-color: #d7d7d7; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.CL-search-result-toolbar .CL-search-result-submit {
	color: #fff !important;
	cursor: pointer;
	font-family: "Open Sans",Georgia,Arial !important;
	border: 0 none;
	font-size: 14px;
	padding: 6px 18px 7px;
}

.label-form-inline input {
	max-width: 100%;
}

.label-form-inline label {
	display: block;
}

.toggle-nav {
	display:none;
}

/* kalendar */

.CL-calendar-container .clndr-days-container {
	height: 285px;
}

.CL-calendar-container {
	border: 1px solid #d2d2d2;
}
.CL-calendar-container .clndr {
    border-bottom: none;
}
.CL-calendar-container .clndr-controls {
    background-color: #fff;
    color: #212121;
}
.CL-calendar-container .clndr-controls .clndr-previous-button:hover,
.CL-calendar-container .clndr-controls .clndr-next-button:hover {
	color: #fff;
    background-color: #212121;
}
.CL-calendar-container .clndr-days-container {
	border-bottom: 4px solid #fff;
}
.CL-calendar-container .clndr-days {
    background-color: #fff;
}
.CL-calendar-container .clndr-days-headers {
    background-color: #fff;
	border-bottom: 1px solid #ddd;
}
.CL-calendar-container .clndr-day-header {
    color: #212121;
}
.CL-calendar-container .clndr-days .clndr-day,
.CL-calendar-container .clndr-days .clndr-empty {
    color: #212121;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.CL-calendar-container .clndr-days .clndr-day.calendar-dow-6,
.CL-calendar-container .clndr-days .clndr-empty.calendar-dow-6 {
    border-right: 0;
}
.CL-calendar-container .clndr-days .clndr-day.clndr-event,
.CL-calendar-container .clndr-days .clndr-empty.clndr-event {
    background-color: #d2d2d2;
}
.CL-calendar-container .clndr-days .clndr-day.clndr-event:hover,
.CL-calendar-container .clndr-days .clndr-empty.clndr-event:hover {
    background-color: #b8b8b8;
}
.CL-calendar-container .clndr-days .clndr-day.clndr-adjacent-month,
.CL-calendar-container .clndr-days .clndr-empty.clndr-adjacent-month {
    color: rgba(0, 0, 0, 0.3);
}
.CL-calendar-container .clndr-events {
    background-color: #fff;
	color: #212121;
}
.CL-calendar-container .clndr-event-header {
    background-color: #fff;
    color: #212121;
}
.CL-calendar-container .clndr-events-list .clndr-event {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.CL-calendar-container .clndr-events-list .clndr-event:hover {
    background-color: #f5f5f5;
}
.CL-calendar-container .clndr-events-list .clndr-event a {
    background-color: transparent;
    color: #212121;
}
.CL-calendar-container .clndr-events-list .clndr-event a:hover {
    background-color: transparent;
    color: #212121;
}

.CL-calendar-container .clndr-event-details {
	background-color: #fff;
}
.CL-calendar-container .clndr-x-button {
	color: #212121;
}
.CL-calendar-container .clndr-x-button:hover {
	color: #fff;
}
.CL-calendar-container .clndr-event-details .clndr-event-item {
	color: #4f4f4f;
	border-top: 1px solid #ddd;
}