/*
Theme Name: 
Theme URI: http://propell.io/
Description: Custom Artur theme
Author: propell.io
Author URI: http://propell.io/
Version: 1.0
 
General comments (optional).
*/

* { box-sizing: border-box }
html {margin:0;padding:0;border:0;}body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}table {border-collapse:separate;border-spacing:0;width: 100%;}caption, th, td {font-weight:normal;float:none !important;padding:5px}table, th, td {vertical-align:middle;}blockquote:before, blockquote:after, q:before, q:after {content:'';}blockquote, q {quotes:"" "";}:focus {outline:0;}h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}strong {font-weight:bold;}em, dfn {font-style:italic;}dfn {font-weight:bold;}sup, sub {line-height:0;}li ul, li ol {margin:0;line-height:1.8;}ul {list-style-type:disc;margin:0}ol {list-style-type:decimal;margin:0}
.last{ margin-right:0!important}.first{ margin-left:0!important}.clear{ clear:both}.hide{ display:none}.left{ float:left!important}.right{ float:right!important}

@font-face {
  font-family: 'Varela';
  font-style: normal;
  font-weight: 400;
  src: local('Varela'), url('css/font/varela.woff') format('woff');
}

/* Clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/*----------------------------------------------------------------------------*/
/*							Font and text setup								  */
/*----------------------------------------------------------------------------*/
body {font-family:'Varela', Arial, Helvetica, sans-serif;color:#222222;background-color:#fff;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;color:#222222}
p ,ul li{font-size:13px;line-height:18px;}
a {color:#007fff;text-decoration:none}
a:hover{ text-decoration:none}  


/*----------------------------------------------------------------------------*/
/*							Layout and grid setup							  */
/*----------------------------------------------------------------------------*/
#header{ position:fixed; left:0; width:290px; top:0; height:100%; background-color:#222222; overflow-y: scroll;}
#header a{ color:#fff;}
#header a:hover{ color:#007fff;}
#header .container{ padding:0 7px 5% 20px;height:98.5%	}
#header_res i{ display:none}

#content{ margin-left:290px; width:auto}
#content .container{ padding:20px}

.main_content{ width:67%; margin-right:3%; float:left}
.sidebar{ width:30%; float:left}

/*----------------------------------------------------------------------------*/
/*								Sprites setup							   	  */
/*----------------------------------------------------------------------------*/
.sprite2{ background:url('img/sprite.png') no-repeat 0 0; width:0px; height:0px; overflow:hidden}


/*----------------------------------------------------------------------------*/
/*							Form and buttons setup							  */
/*----------------------------------------------------------------------------*/
input[type=text],
input[type=password],
input[type=number],
input[type=email],
select,
textarea{ border:none; padding:16px 3%; width:50%; background-color:#f9f9f9; color:#999999; margin:0;font-family:'Varela', Arial, Helvetica, sans-serif; border:1px solid #dbdbdb}

textarea{ height:200px; width:94%}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus{box-shadow:0 0 6px rgba(127, 144, 151, 0.4);-moz-box-shadow:0 0 6px rgba(127, 144, 151, 0.4);-webkit-box-shadow:0 0 6px rgba(127, 144, 151, 0.4);}

#upload{ position:relative; overflow:hidden; cursor:pointer}
#upload input[type=text]{ float:left; margin-right:3%}
#upload .button { float:left; padding:16px 5% 15px; border:1px solid #dbdbdb}
#fileupload {font-size:35px;padding : 0;margin : 0; width:100%; position:absolute; background-color:red; top:0; cursor:pointer; left:0; display:none}
#upload input[type=file]  {font-size:35px;padding : 0;margin : 0; width:100%; position:absolute; background-color:red; top:0; cursor:pointer; left:0; display:none}
.button, input[type=submit]{ border:none; background-color:#007fff; text-align:center; font-size:13px; padding:15px; color:#fff;font-family:'Varela', Arial, Helvetica, sans-serif; margin:0; cursor:pointer}
.button:hover, input[type=submit]:hover{ background-color:#006cd9}

.button_neg{ color:#007fff; background-color:#f9f9f9}
.button_neg:hover{ background-color:#007fff; color:#fff!important}

/*----------------------------------------------------------------------------*/
/*								Header setup								  */
/*----------------------------------------------------------------------------*/
#logo a h1{ text-indent:-99999px; display:block; background:url('img/logo.png') no-repeat left top; width:250px; height:49px; margin:40px 0 60px}

.widget{ margin-bottom:30px;}


/*Navigation widget*/
.nav_widget{ border-bottom:1px dashed #555555; padding-bottom:20px; margin-bottom:20px}
.nav_widget .widget_title{ font-size:19px; color:#fff; margin-bottom:7px}
.nav_widget ul{ margin-left:20px}
.nav_widget ul li{ list-style:square; color:#fff;}
.nav_widget ul li a{ display:block; padding-bottom:3px;}


/*main navigation*/
.main_navigation{}


/*search bar*/
.search_widget input[type=text]{ padding:12px 3%; background-color:#fff; font-size:11px; width:77%; margin-right:2%; float:left; border:none}
.search_widget input[type=submit]{ text-indent:-99999px; background:url('img/ico_search.png') no-repeat center #007fff; padding:0; width:15%; height:39px; float:left}
.search_widget input[type=submit]:hover{background:url('img/ico_search.png') no-repeat center #006cd9;}


/*social icons*/
.social_icons_widget ul{ overflow:hidden}
.social_icons_widget li{ list-style:none; float:left; margin-right:25px; font-size:19px;}


/*filter widget*/
.filter_widget{ margin-bottom:5px}
.filter_widget ul{ overflow:hidden;}
.filter_widget li { float:left; list-style:none;margin:0 10% 10% 0; width:26.5%}
.filter_widget li.last{ margin-right:0}
.filter_widget li a{ display:block; height:50px; cursor:pointer}
.filter_widget li.color_blue a{ background-color:#007fff}
.filter_widget li.color_purple a{ background-color:#b200b2}
.filter_widget li.color_orange a{ background-color:#ff7e00}
.filter_widget li.color_green a{ background-color:#4eaf12}
.filter_widget li.color_red a{ background-color:#d93600}
.filter_widget li.color_yellow a{ background-color:#ffff26}

.filter_widget li.color_blue a:hover{ background-color:#006cd9}
.filter_widget li.color_purple a:hover{ background-color:#910091}
.filter_widget li.color_orange a:hover{ background-color:#d66a00}
.filter_widget li.color_green a:hover{ background-color:#42940f}
.filter_widget li.color_red a:hover{ background-color:#ac2b00}
.filter_widget li.color_yellow a:hover{ background-color:#dcdc21}

.filter_widget li.reset{ float:none; margin:0 0 10px; width:100%}
.filter_widget li.reset a{ height:auto;}


/*links widget*/
.links_widget li{ text-align:center; margin-bottom:25px}


/*copyright*/
#copyright{ color:#b0b0b0; font-size:10px}



/*----------------------------------------------------------------------------*/
/* 						 Main-content setup 								  */
/*----------------------------------------------------------------------------*/
/*news items*/
.sponsors_grid { width:100%; background-color:#222; padding: 15px 0px 15px 28px;}
.sponsors_grid h1 { float:left; color: #FFF; margin-right:15px;}
.sponsors_grid img { height:20px; width:auto; margin-right:10px;}

/*sponsor cube*/
 .sponsor_dark { background-color:#222;}
 .sponsor_dark .image a { text-align:center;}
 .sponsor_dark img {width: 50% !important;
height: auto;
text-align: center;
margin-top: 70px;}
.news_items .item{width:100%; margin:0 0 15px 0; position:relative; overflow:hidden;}
.news_items .item .image img{ 
    width:100%; height:auto;
	
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
	
	
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.news_items .item:hover .image img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.news_items .item .image a{ display:block}
.news_items .item .wrap{ position:absolute; bottom:0; left:0; width:100%; border-top:1px solid;background-color:#222}
.news_items .item.color_blue .wrap{ border-top-color:#007fff}
.news_items .item.color_purple .wrap{ border-top-color:#b200b2}
.news_items .item.color_orange .wrap{ border-top-color:#ff7e00}
.news_items .item.color_green .wrap{ border-top-color:#4eaf12}
.news_items .item.color_red .wrap{ border-top-color:#d93600}
.news_items .item.color_yellow .wrap{ border-top-color:#ffff26}
.news_items .item .wrap .title { padding:10px; font-size:14px;}
.news_items .item .wrap .title a{ color:#fff; }
.news_items .item .wrap .title a:hover{ color:#007fff}

/*news item no image*/
.news_items .item.no_image a .title{ color:#fff;}
.news_items .item.no_image{text-align:center;}
.news_items .item.no_image.color_blue{ background-color:#007fff}
.news_items .item.no_image.color_purple{ background-color:#b200b2}
.news_items .item.no_image.color_orange{ background-color:#ff7e00}
.news_items .item.no_image.color_green{ background-color:#4eaf12}
.news_items .item.no_image.color_red{ background-color:#d93600}
.news_items .item.no_image.color_yellow{ background-color:#ffff26}

.news_items .item.no_image:hover{ background-color:#fff;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;}
.news_items .item.no_image.color_blue:hover .title{color:#007fff}
.news_items .item.no_image.color_purple:hover .title{ color:#b200b2}
.news_items .item.no_image.color_orange:hover .title{ color:#ff7e00}
.news_items .item.no_image.color_green:hover .title{ color:#4eaf12}
.news_items .item.no_image.color_red:hover .title{ color:#d93600}
.news_items .item.no_image.color_yellow:hover .title{ color:#ffff26}

.news_items .item.no_image .wrap{ background:none; position:static; border:none; display:table-cell; vertical-align:middle; height:270px}
.news_items .item.no_image .wrap .title{font-size:25px; padding:0 15px}


/*news items grid view*/
.news_grid .item{width:23.9%; float:left; margin:0 0.5% 1%; height:270px;}



/*----------------------------------------------------------------------------*/
/* 								 Sidebar setup 						 		  */
/*----------------------------------------------------------------------------*/
.sidebar .widget{ margin-bottom:40px}

.sidebar .widget .widget_title,
.sidebar .widget .widget_title a{ color:#fff; margin-bottom:10px}
.sidebar .widget .widget_title i{ background-color:#007fff; float:left; height:40px; width:15%; text-align:center; line-height:40px; font-size:20px}
.sidebar .widget .widget_title .title_content{ background-color:#222; padding:11px 4%; font-size:17px; line-height:18px; float:left; width:77%}


/*info_list_widget */
.sidebar .info_list_widget .widget_content{ padding:15px;color:#666666;}
.sidebar .info_list_widget .widget_content li{ list-style:none;  margin-bottom:10px; font-size:13px;}
.sidebar .info_list_widget .widget_content li i{ margin-right:8px; float:left; width:15px; color:#007fff}
.sidebar .info_list_widget .widget_content li span{ overflow:hidden; display:block}

.sidebar .info_list_widget.bg_color .widget_content,
.sidebar .info_list_widget.bg_color .widget_content a{color:#fff;}
.sidebar .info_list_widget.bg_color .widget_content a:hover{ text-decoration:underline}
.sidebar .info_list_widget.bg_color .widget_content i{ color:#fff;}
.sidebar .info_list_widget.bg_color_blue .widget_content{ background-color:#007fff;}
.sidebar .info_list_widget.bg_color_purple .widget_content{ background-color:#b200b2;}
.sidebar .info_list_widget.bg_color_orange .widget_content{ background-color:#ff7e00;}
.sidebar .info_list_widget.bg_color_green .widget_content{ background-color:#4eaf12;}
.sidebar .info_list_widget.bg_color_red .widget_content{ background-color:#d93600;}
.sidebar .info_list_widget.bg_color_yellow .widget_content{ background-color:#ffff26;}


/*----------------------------------------------------------------------------*/
/*						Single & list posts setup							  */
/*----------------------------------------------------------------------------*/ 
.post{ padding-bottom:30px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.post.single{ border-bottom:none; margin-bottom:0; padding-bottom:0}
.post .title,
.post .title a{ font-size:33px; line-height:40px; font-weight:bold; color:#333; margin-bottom:10px;}
.post .title a:hover{ color:#007fff}
.post .meta,
.post .meta a{ color:#aaaaaa;}
.post .meta a:hover{color:#007fff}
.post .meta i{ color:#007fff; margin-right:8px;}
.post .meta{ overflow:hidden; margin-bottom:35px}
.post .meta li{ list-style:none; float:left; margin-right:25px;}

.post .image{ margin-bottom:20px}
.post .image img{ width:100%; height:auto;background-color:#fff; }

.post .image #carousel{ margin-bottom:25px;}
.post .image .caroufredsel_wrapper{border:1px solid #0484f2;}
.post .image #carousel{background-color:#fff;}
.post .image #carousel .slide{ overflow:hidden; height:auto; }
.post .image #carousel .slide img{ width:100%; border:none; height:auto; display: block; }

.post .image #carousel_pagination_wrap{ position:relative;/*border-top:1px solid #0484f2; padding-top:25px; margin-top:-2px*/}
.post .image #carousel_pagination_wrap .caroufredsel_wrapper{ padding:0; border:none}
.post .image #carousel_pagination_wrap .button{width: 5%;padding: 0;height: 40px;line-height: 40px;font-weight: bold; margin-top:12px}
.post .image #carousel_pagination_wrap #carousel_prev{ float:left; margin-right:5%}
.post .image #carousel_pagination_wrap #carousel_next{ float:right;}
.post .image #carousel_pagination{ float:left; margin-right:4%}
.post .image #carousel_pagination .slide{ float:left; margin-right:1%}
.post .image #carousel_pagination .slide a{ display:block}
.post .image #carousel_pagination img{ width:60px; height:60px; border:1px solid #cccccc; padding:3px;}
.post .image #carousel_pagination .selected img{ border-color:#0484f2}

.post .content p.lead{ font-size:17px; line-height:25px; font-weight:bold}
.post .content p{font-size: 13px;line-height: 22px;}
.post .content p,.post .content div{margin-bottom: 20px;}
.post .content a{ color:#007fff}
.post .content img{ width:100%; height:auto;padding:3px;border:1px solid #0484f2; background-color:#fff}
.post .content img.alignleft {clear: left;float: left;margin: 0 15px 15px 0;}
.post .content img.alignright {clear: right;float: right;margin: 0 0 15px 15px;}
.post .content ul, .post .content ol {overflow: hidden; margin-left:0}
.post .content ul li { margin-left:30px; font-size:13px; line-height:22px;}
.post .content ol li { margin-left:40px; font-size:13px; line-height:22px;}
.post .content h1{ font-size:25px; margin-bottom:5px}
.post .content h2{ font-size:23px; margin-bottom:5px}
.post .content h3{ font-size:21px; margin-bottom:5px}
.post .content h4{ font-size:19px; margin-bottom:5px}
.post .content h5{ font-size:17px; margin-bottom:5px}
.post .content h6{ font-size:15px; margin-bottom:5px}

.related .item {width:32% !Important; min-width:200px !important; height:auto !Important; min-height:100px !important; margin-right:6px !important; }
.related-people .connected-person { float:left; margin-right:20px; }
.related-people .connected-person img { border: 1px solid #0484F2; }
.related-people .icon-file-text-alt { color: #0484F2;}
.related-people .title_content { margin-bottom:10px;}

/*----------------------------------------------------------------------------*/
/*									Other setup								  */
/*----------------------------------------------------------------------------*/
/*pagination*/
#pagination .button_prev{ float:left;}
#pagination .button_next{ float:right;}
#pagination ul{ list-style:none; text-align:center; padding-top:13px}
#pagination li{ display:inline-block;}
#pagination li a{ display:block; color:#bababa; border-right:1px solid #babaab; padding:0 8px 0 3px}
#pagination li:last-child{ border-right:none}
#pagination li.current a,
#pagination li a:hover{ color:#007fff}


/*load more button*/
.load_more{ font-size:13px; color:#333; display:block; margin:20px auto 0; text-align:center; text-transform:uppercase}
.load_more:hover{ color:#007fff}
.load_more img{ display:block; margin:0 auto 10px}


/*isotype transitions*/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.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:      -o-transform, 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;}
		  

/*custom scroll*/
.scrollable {position: relative;}
.scrollable .viewport {position: relative;overflow: hidden;}
.scrollable .viewport .overview {position:relative; height:auto; margin-bottom:60px}
.scrollable .scroll-bar {display: none;}
.scrollable .scroll-bar.vertical {position: absolute;right: 7px;width:5px;height: 100%;}
.scrollable .scroll-bar .thumb {position: absolute;width: 100%; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff; opacity:0;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.scrollable:hover .scroll-bar .thumb{ opacity:0.7;}
.scrollable .scroll-bar .thumb:hover{ cursor:pointer}
.not-selectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
		
		 
/*scroll bar*/
.mCSB_container{width:auto;overflow:hidden; margin-right:13px}
.mCustomScrollBox>.mCSB_scrollTools{width:6px;height:100%;top:0;right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0; height:auto;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;}

.mCustomScrollBox>.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)";-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:0.7;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,0.4);filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;background:rgba(255,255,255,0.75);filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85);filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,0.9);filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)";}



/*----------------------------------------------------------------------------*/
/*									Responsive setup						  */
/*----------------------------------------------------------------------------*/
/*destop*/
@media screen and (max-width: 1450px) {
	.news_grid .item,
	.news_items .item.no_image .wrap{ height:235px}
}
@media screen and (max-width: 1280px) {
	.news_grid .item{ width:31%; margin:0 1% 2%}
	.news_grid .item,
	.news_items .item.no_image .wrap{ height:215px}
	.main_content {width: 62%;}
	.sidebar{ width:35%}
	
	
	.post .image #carousel .slide{}
	.post .image #carousel .slide,
	.post .image #carousel .slide img{ min-height:290px;}
	
}

@media screen and (max-width: 990px) {
	.news_grid .item{ width:47.8%}
	.main_content,.sidebar { float:none; width:100%}
	.main_content{ margin-bottom:35px}
	
	
	.post .image #carousel .slide,
	.post .image #carousel .slide img{ min-height:290px;}
	
}

/*tablet*/
@media screen and (max-width: 768px) {
	#header{ position:static; width:100%;}/*to do*/
	#header .container{ padding:10px 20px;}
	#header_res #logo{ float:left;}
	#header_res #logo a h1{ margin:0; background-size:160px; width:165px; height:32px}
	#header_res i{ color:#fff; display:block; float:right; font-size:34px; margin-bottom:-3px}
	#header_res i:hover{ color:#007fff; cursor:pointer}
	#header_res_hide{ display:none; padding-top:15px}
	.mCSB_container{ margin-right:0}
	.filter_widget,
	.links_widget{ display:none}
	.search_widget{ max-width:250px}
	
	#copyright{ text-align:center}
	
	#content{ margin-left:0}
	.news_grid .item{ width:47.8%}
}

@media screen and (max-width: 640px) {
	.news_grid .item{ width:100%; margin:0 0 2%}
}

/*mobile*/
@media screen and (max-width: 550px) {
	.post .title, .post .title a{ font-size:27px; line-height:34px}

}

@media screen and (max-width: 420px) {
	
	.post .image #carousel .slide img{ width:98%}
	.post .image #carousel .slide,
	.post .image #carousel .slide img{ min-height:200px;}
	
}


@media screen and (orientation:portrait) and (max-width: 640px) {

}
.last{ margin-right:0!important}.first{ margin-left:0!important}.clear{ clear:both}.hide{ display:none}.left{ float:left!important}.right{ float:right!important}

@font-face {
  font-family: 'Varela';
  font-style: normal;
  font-weight: 400;
  src: local('Varela'), url('css/font/varela.woff') format('woff');
}

/*----------------------------------------------------------------------------*/
/*							Font and text setup								  */
/*----------------------------------------------------------------------------*/
body {font-family:'Varela', Arial, Helvetica, sans-serif;color:#222222;background-color:#fff;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;color:#222222}
p ,ul li{font-size:13px;line-height:18px;}
a {color:#007fff;text-decoration:none}
a:hover{ text-decoration:none} 


/*----------------------------------------------------------------------------*/
/*							Layout and grid setup							  */
/*----------------------------------------------------------------------------*/
#header{ position:fixed; left:0; width:290px; top:0; height:100%; background-color:#222222;}
#header a{ color:#fff;}
#header a:hover{ color:#007fff;}
#header .container{ padding:0 7px 5% 20px;height:98.5%	}
#header_res i{ display:none}

#content{ margin-left:290px; width:auto}
#content .container{ padding:20px}

.main_content{ width:67%; margin-right:3%; float:left}
.sidebar{ width:30%; float:left}

/*----------------------------------------------------------------------------*/
/*								Sprites setup							   	  */
/*----------------------------------------------------------------------------*/
.sprite2{ background:url('img/sprite.png') no-repeat 0 0; width:0px; height:0px; overflow:hidden}


/*----------------------------------------------------------------------------*/
/*							Form and buttons setup							  */
/*----------------------------------------------------------------------------*/
input[type=text],
input[type=password],
input[type=number],
input[type=email],
select,
textarea{ border:none; padding:16px 3%; width:50%; background-color:#f9f9f9; color:#999999; margin:0;font-family:'Varela', Arial, Helvetica, sans-serif; border:1px solid #dbdbdb}

textarea{ height:200px; width:94%}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus{box-shadow:0 0 6px rgba(127, 144, 151, 0.4);-moz-box-shadow:0 0 6px rgba(127, 144, 151, 0.4);-webkit-box-shadow:0 0 6px rgba(127, 144, 151, 0.4);}

#upload{ position:relative; overflow:hidden; cursor:pointer}
#upload input[type=text]{ float:left; margin-right:3%}
#upload_button { float:left; padding:16px 5% 15px; border:1px solid #dbdbdb}
#fileupload {font-size:35px;padding : 0;margin : 0; width:100%; position:absolute; background-color:red; top:0; cursor:pointer; left:0; display:none}

.button, input[type=submit]{ border:none; background-color:#007fff; text-align:center; font-size:13px; padding:15px; color:#fff;font-family:'Varela', Arial, Helvetica, sans-serif; margin:0; cursor:pointer}
.button:hover, input[type=submit]:hover{ background-color:#006cd9}

.button_neg{ color:#007fff; background-color:#f9f9f9}
.button_neg:hover{ background-color:#007fff; color:#fff!important}

/*----------------------------------------------------------------------------*/
/*								Header setup								  */
/*----------------------------------------------------------------------------*/
#logo a h1{ text-indent:-99999px; display:block; background:url('img/logo.png') no-repeat left top; width:250px; height:49px; margin:40px 0 60px}

.widget{ margin-bottom:30px;}


/*Navigation widget*/
.nav_widget{ border-bottom:1px dashed #555555; padding-bottom:20px; margin-bottom:20px}
.nav_widget .widget_title{ font-size:19px; color:#fff; margin-bottom:7px}
.nav_widget ul{ margin-left:20px}
.nav_widget ul li{ list-style:square; color:#fff;}
.nav_widget ul li a{ display:block; padding-bottom:3px;}

.nav_widget .menu:not(#menu-glavni-meni) > li > a { font-size:15px; }


/*main navigation*/
.main_navigation{}


/*search bar*/
.search_widget input[type=text]{ padding:12px 3%; background-color:#fff; font-size:11px; width:77%; margin-right:2%; float:left; border:none}
.search_widget input[type=submit]{ text-indent:-99999px; background:url('img/ico_search.png') no-repeat center #007fff; padding:0; width:15%; height:39px; float:left}
.search_widget input[type=submit]:hover{background:url('img/ico_search.png') no-repeat center #006cd9;}


/*social icons*/
.social_icons_widget ul{ overflow:hidden}
.social_icons_widget li{ list-style:none; float:left; margin-right:25px; font-size:19px;}

/*category_color*/
.category_pick ul { margin-left:0px;} 
.color_categories li { list-style:none !important;}
.color_categories li a:before {content:""; display:inline-block; width:10px; height:10px;  margin-right:10px;
}
.color_categories li.color_blue a:before  { background-color:#007fff; }
.color_categories li.color_purple a:before  { background-color:#b200b2; }
.color_categories li.color_orange a:before  { background-color:#ff7e00; }
.color_categories li.color_green a:before  { background-color:#4eaf12; }
.color_categories li.color_red a:before { background-color:#d93600; }
.color_categories li.color_yellow  a:before { background-color:#ffff26; }

.color_categories li.color_blue { color:#007fff; }
.color_categories li.color_purple { color:#b200b2; }
.color_categories li.color_orange { color:#ff7e00; }
.color_categories li.color_green { color:#4eaf12; }
.color_categories li.color_red { color:#d93600; }
.color_categories li.color_yellow { color:#ffff26; }

/*filter widget*/
.filter_widget{ margin-bottom:5px}
.filter_widget ul{ overflow:hidden;}
.filter_widget li { float:left; list-style:none;margin:0 10% 10% 0; width:26.5%}
.filter_widget li.last{ margin-right:0}
.filter_widget li a{ display:block; height:50px; cursor:pointer}
.filter_widget li.color_blue a{ background-color:#007fff}
.filter_widget li.color_purple a{ background-color:#b200b2}
.filter_widget li.color_orange a{ background-color:#ff7e00}
.filter_widget li.color_green a{ background-color:#4eaf12}
.filter_widget li.color_red a{ background-color:#d93600}
.filter_widget li.color_yellow a{ background-color:#ffff26}

.filter_widget li.color_blue a:hover{ background-color:#006cd9}
.filter_widget li.color_purple a:hover{ background-color:#910091}
.filter_widget li.color_orange a:hover{ background-color:#d66a00}
.filter_widget li.color_green a:hover{ background-color:#42940f}
.filter_widget li.color_red a:hover{ background-color:#ac2b00}
.filter_widget li.color_yellow a:hover{ background-color:#dcdc21}

.filter_widget li.reset{ float:none; margin:0 0 10px; width:100%}
.filter_widget li.reset a{ height:auto;}


/*links widget*/
.links_widget li{ text-align:center; margin-bottom:25px}


/*copyright*/
#copyright{ color:#b0b0b0; font-size:10px}



/*----------------------------------------------------------------------------*/
/* 						 Main-content setup 								  */
/*----------------------------------------------------------------------------*/
/*news items*/
.news_items .item{width:100%; margin:0 0 15px 0; position:relative; overflow:hidden;}
.news_items .item .image img{ 
	width:100%; height:auto;
	
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
	
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.news_items .item:hover .image img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	}
.news_items .item .image a{ display:block}
.news_items .item .wrap{ position:absolute; bottom:0; left:0; width:100%; border-top:1px solid;background-color:#222}
.news_items .item.color_blue .wrap{ border-top-color:#007fff}
.news_items .item.color_purple .wrap{ border-top-color:#b200b2}
.news_items .item.color_orange .wrap{ border-top-color:#ff7e00}
.news_items .item.color_green .wrap{ border-top-color:#4eaf12}
.news_items .item.color_red .wrap{ border-top-color:#d93600}
.news_items .item.color_yellow .wrap{ border-top-color:#ffff26}
.news_items .item .wrap .title { padding:10px; font-size:14px;}
.news_items .item .wrap .title a{ color:#fff; }
.news_items .item .wrap .title a:hover{ color:#007fff}

/*news item no image*/
.news_items .item.no_image a .title{ color:#fff;}
.news_items .item.no_image{text-align:center;}
.news_items .item.no_image.color_blue{ background-color:#007fff}
.news_items .item.no_image.color_purple{ background-color:#b200b2}
.news_items .item.no_image.color_orange{ background-color:#ff7e00}
.news_items .item.no_image.color_green{ background-color:#4eaf12}
.news_items .item.no_image.color_red{ background-color:#d93600}
.news_items .item.no_image.color_yellow{ background-color:#ffff26}

.news_items .item.no_image:hover{ background-color:#fff;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;-o-transition: background-color 0.3s;transition: background-color 0.3s;}
.news_items .item.no_image.color_blue:hover .title{color:#007fff}
.news_items .item.no_image.color_purple:hover .title{ color:#b200b2}
.news_items .item.no_image.color_orange:hover .title{ color:#ff7e00}
.news_items .item.no_image.color_green:hover .title{ color:#4eaf12}
.news_items .item.no_image.color_red:hover .title{ color:#d93600}
.news_items .item.no_image.color_yellow:hover .title{ color:#ffff26}

.news_items .item.no_image .wrap{ background:none; position:static; border:none; display:table-cell; vertical-align:middle; height:270px}
.news_items .item.no_image .wrap .title{font-size:20px; padding:0 15px}


/*news items grid view*/
.news_grid .item{width:23.9%; float:left; margin:0 0.5% 1%; height:270px;}



/*----------------------------------------------------------------------------*/
/* 								 Sidebar setup 						 		  */
/*----------------------------------------------------------------------------*/
.sidebar .widget{ margin-bottom:40px}

.sidebar .widget .widget_title,
.sidebar .widget .widget_title a{ color:#fff; margin-bottom:10px}
.sidebar .widget .widget_title i{ background-color:#007fff; float:left; height:40px; width:15%; text-align:center; line-height:40px; font-size:20px}
.sidebar .widget .widget_title .title_content{ background-color:#222; padding:11px 4%; font-size:17px; line-height:18px; float:left; width:77%}


/*info_list_widget */
.sidebar .info_list_widget .widget_content{ padding:15px;color:#666666;}
.sidebar .info_list_widget .widget_content li{ list-style:none;  margin-bottom:10px; font-size:13px;}
.sidebar .info_list_widget .widget_content li i{ margin-right:8px; float:left; width:15px; color:#007fff}
.sidebar .info_list_widget .widget_content li span{ overflow:hidden; display:block}

.sidebar .info_list_widget.bg_color .widget_content,
.sidebar .info_list_widget.bg_color .widget_content a{color:#fff;}
.sidebar .info_list_widget.bg_color .widget_content a:hover{ text-decoration:underline}
.sidebar .info_list_widget.bg_color .widget_content i{ color:#fff;}
.sidebar .info_list_widget.bg_color_blue .widget_content{ background-color:#007fff;}
.sidebar .info_list_widget.bg_color_purple .widget_content{ background-color:#b200b2;}
.sidebar .info_list_widget.bg_color_orange .widget_content{ background-color:#ff7e00;}
.sidebar .info_list_widget.bg_color_green .widget_content{ background-color:#4eaf12;}
.sidebar .info_list_widget.bg_color_red .widget_content{ background-color:#d93600;}
.sidebar .info_list_widget.bg_color_yellow .widget_content{ background-color:#ffff26;}


/*----------------------------------------------------------------------------*/
/*						Single & list posts setup							  */
/*----------------------------------------------------------------------------*/ 
.post{ padding-bottom:30px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.post.single{ border-bottom:none; margin-bottom:0; padding-bottom:0}
.post .title,
.post .title a{ font-size:33px; line-height:40px; font-weight:bold; color:#333; margin-bottom:10px;}
.post .title a:hover{ color:#007fff}
.post .meta,
.post .meta a{ color:#aaaaaa;}
.post .meta a:hover{color:#007fff}
.post .meta i{ color:#007fff; margin-right:8px;}
.post .meta{ overflow:hidden; margin-bottom:35px}
.post .meta li{ list-style:none; float:left; margin-right:25px;}

.post .content p.lead{ font-size:17px; line-height:25px; font-weight:bold}
.post .content p{font-size: 13px;line-height: 22px;}
.post .content p,.post .content div{margin-bottom: 20px;}
.post .content a{ color:#007fff}
.post .content img{ width:100%; height:auto;padding:3px;border:1px solid #0484f2; background-color:#fff}
.post .content img.alignleft {clear: left;float: left;margin: 0 15px 15px 0;}
.post .content img.alignright {clear: right;float: right;margin: 0 0 15px 15px;}
.post .content ul, .post .content ol {overflow: hidden; margin-left:0}
.post .content ul li { margin-left:30px; font-size:13px; line-height:22px;}
.post .content ol li { margin-left:40px; font-size:13px; line-height:22px;}
.post .content h1{ font-size:25px; margin-bottom:5px}
.post .content h2{ font-size:23px; margin-bottom:5px}
.post .content h3{ font-size:21px; margin-bottom:5px}
.post .content h4{ font-size:19px; margin-bottom:5px}
.post .content h5{ font-size:17px; margin-bottom:5px}
.post .content h6{ font-size:15px; margin-bottom:5px}



/*----------------------------------------------------------------------------*/
/*									Other setup								  */
/*----------------------------------------------------------------------------*/
/*pagination*/
#pagination .button_prev{ float:left;}
#pagination .button_next{ float:right;}
#pagination ul{ list-style:none; text-align:center; padding-top:13px}
#pagination li{ display:inline-block;}
#pagination li a{ display:block; color:#bababa; border-right:1px solid #babaab; padding:0 8px 0 3px}
#pagination li:last-child{ border-right:none}
#pagination li.current a,
#pagination li a:hover{ color:#007fff}


/*load more button*/
.load_more{ font-size:13px; color:#333; display:block; margin:20px auto 0; text-align:center; text-transform:uppercase}
.load_more:hover{ color:#007fff}
.load_more img{ display:block; margin:0 auto 10px}


/*isotype transitions*/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.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:      -o-transform, 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;}
		  

/*custom scroll*/
.scrollable {position: relative;}
.scrollable .viewport {position: relative;overflow: hidden;}
.scrollable .viewport .overview {position:relative; height:auto; margin-bottom:60px}
.scrollable .scroll-bar {display: none;}
.scrollable .scroll-bar.vertical {position: absolute;right: 7px;width:5px;height: 100%;}
.scrollable .scroll-bar .thumb {position: absolute;width: 100%; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color:#fff; opacity:0;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.scrollable:hover .scroll-bar .thumb{ opacity:0.7;}
.scrollable .scroll-bar .thumb:hover{ cursor:pointer}
.not-selectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
		
		 
/*scroll bar*/
.mCSB_container{width:auto;overflow:hidden; margin-right:13px}
.mCustomScrollBox>.mCSB_scrollTools{width:6px;height:100%;top:0;right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0; height:auto;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;}

.mCustomScrollBox>.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)";-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:0.7;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,0.4);filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;background:rgba(255,255,255,0.75);filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85);filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,0.9);filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)";}


div.wpcf7 img.ajax-loader {
    width:16px !important;
    height:16px !important;
    
}
/*----------------------------------------------------------------------------*/
/*									Responsive setup						  */
/*----------------------------------------------------------------------------*/
/*destop*/
@media screen and (max-width: 1450px) {
	.news_grid .item,
	.news_items .item.no_image .wrap{ height:235px}
}
@media screen and (max-width: 1280px) {
	.news_grid .item{ width:31%; margin:0 1% 2%}
	.news_grid .item,
	.news_items .item.no_image .wrap{ height:215px}
	.main_content {width: 62%;}
	.sidebar{ width:35%}
	
	
	.post .image #carousel .slide{}
	.post .image #carousel .slide,
	.post .image #carousel .slide img{ min-height:290px;}
	
}

@media screen and (max-width: 990px) {
	.news_grid .item{ width:47.8%}
	.main_content,.sidebar { float:none; width:100%}
	.main_content{ margin-bottom:35px}
	
	
	.post .image #carousel .slide,
	.post .image #carousel .slide img{ min-height:290px;}
	
}

/*tablet*/
@media screen and (max-width: 768px) {
	#header{ position:static; width:100%;}/*to do*/
	#header .container{ padding:10px 20px;}
	#header_res #logo{ float:left;}
	#header_res #logo a h1{ margin:0; background-size:160px; width:165px; height:32px}
	#header_res i{ color:#fff; display:block; float:right; font-size:34px; margin-bottom:-3px}
	#header_res i:hover{ color:#007fff; cursor:pointer}
	#header_res_hide{ display:none; padding-top:15px}
	.mCSB_container{ margin-right:0}
	.filter_widget,
	.links_widget{ display:none}
	.search_widget{ max-width:250px}
	
	#copyright{ text-align:center}
	
	#content{ margin-left:0}
	.news_grid .item{ width:47.8%}
}

@media screen and (max-width: 640px) {
	.news_grid .item{ width:100%; margin:0 0 2%}
}

/*mobile*/
@media screen and (max-width: 550px) {
	.post .title, .post .title a{ font-size:27px; line-height:34px}

}

@media screen and (max-width: 420px) {
	
	.post .image #carousel .slide img{ width:98%}
	.post .image #carousel .slide,
	.post .image #carousel .slide img{ min-height:200px;}
	
}


@media screen and (orientation:portrait) and (max-width: 640px) {

}

.sponsor_dark{
    background-color:#CCC; 
}

/*
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	border: none;
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#cssmenu {
	height: 37px;
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid;
	border-radius: 5px;
	width: auto;
	border-color: #080808;
}
#cssmenu,
#cssmenu > ul > li > ul > li a:hover {
	background: #3c3c3c;
	background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
	background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background: linear-gradient(top, #3c3c3c 0%, #222222 100%);
}
#cssmenu > ul {
	list-style: inside none;
	padding: 0;
	margin: 0;
}
#cssmenu > ul > li {
	list-style: inside none;
	padding: 0;
	margin: 0;
	width: auto;
	float: left;
	display: block;
	position: relative;
}
#cssmenu > ul > li > a {
	outline: none;
	display: block;
	position: relative;
	width: 210px;
	padding: 6px 19px;
	padding-top: 9px;
	text-align: center;
	line-height: 13px;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid #080808;
	color: #ffffff;  
}
#cssmenu > ul > li > a:hover {
	background: #080808;
	color: #ffffff;
	height: 37px;
}
#cssmenu > ul > li:first-child > a {
	border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
	content: '';
	position: absolute;
	border-right: 1px solid;
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;
	border-color: #3c3c3c;  
}

#cssmenu ul li.has-sub:hover > a:after {
	top: 0;
	bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
	content: '';
	position: absolute;
	top: 18px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
	background: #3f3f3f;
	border-color: #3f3f3f;
	padding-bottom: 13px;
	padding-top: 13px;
	top: -1px;
	z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
	display: block;
}
#cssmenu ul li.has-sub > a:hover {
	background: #3f3f3f;
	border-color: #3f3f3f;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
	display: none;
	width: auto;
	position: absolute;
	top: 38px;
	padding: 10px 0;
	background: #3f3f3f;
	border-radius: 0 0 5px 5px;
	z-index: 999;
}
#cssmenu ul li > ul {
	width: 200px;
}
#cssmenu ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
}
#cssmenu ul li > ul li a {
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 20px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu ul ul a:hover {
	color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
	border-top: 5px solid #ffffff;
}

*/