/* LOAD FONTS */
@font-face {
	font-family: 'Roboto'; font-style: normal; font-weight: 100;
	src: local('Roboto'), local('Roboto-Thin'), url(fonts/roboto/fonts/roboto-thin.woff2) format('woff2'), url(fonts/roboto/fonts/roboto-thin.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: normal; font-weight: 300;
	src: local('Roboto'), local('Roboto-Light'), url(fonts/roboto/fonts/roboto-light.woff2) format('woff2'), url(fonts/roboto/fonts/roboto-light.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: normal; font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(fonts/roboto/fonts/roboto-regular.woff2) format('woff2'), url(fonts/roboto/fonts/roboto-regular.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: normal; font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/roboto/fonts/roboto-bold.woff2) format('woff2'), url(fonts/roboto/fonts/roboto-bold.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: italic; font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/roboto/fonts/roboto-italic.woff2) format('woff2'), url(fonts/roboto/fonts/roboto-italic.woff) format('woff');
}
@font-face {
	font-family: 'Roboto'; font-style: italic; font-weight: 700;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(fonts/roboto/fonts/roboto-bold-italic.woff2) format('woff2'), url(fonts/roboto/fonts/roboto-bold-italic.woff) format('woff');
}

/*LOAD FONTS END*/

body {
		font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
		font-weight: 400;
	}

	.sitedescription,
	.btn-primary, .flex-caption, div.list-title,
	.componentheading, a.readmore, #footer ul.menu, #footer ul.menu li a, .accordion-heading,
	blockquote, .btn-group,
	dl.article-info,
	dt.article-info-term,
	.pagination ul li a,
	.pagination p.counter.pull-right,
	.categories-list h4.item-title,
	div.contact fieldset legend,
	div.blog-featured fieldset legend,
	div.search fieldset legend,
	.cat-children h3.page-header,
	.lead,
	#k2FrontendEditToolbar h2,
	div.catItemHeader h3.catItemTitle,
	span.catItemHits,
	div.catItemCategory,
	div.catItemTagsBlock,
	div.catItemCommentsLink,
	div.itemHeader h2.itemTitle,
	div.itemToolbar ul li span.itemTextResizerTitle,
	div.itemToolbar ul li a.itemCommentsLink,
	div.itemToolbar ul li a.itemPrintLink span,
	div.itemToolbar ul li a.itemEmailLink span,
	div.itemRatingBlock span,
	div.itemRatingLog,
	span.itemHits,
	div.itemCategory,
	div.itemTagsBlock,
	div.itemRelCat,
	div.itemRelAuthor,
	div.itemNavigation a.itemNext,
	div.itemCommentsForm form label.formComment,
	div.itemCommentsForm form label.formName,
	div.itemCommentsForm form label.formEmail,
	div.itemCommentsForm form label.formUrl,
	div.tagItemHeader h2.tagItemTitle,
	div.tagItemCategory,
	div.userItemHeader h3.userItemTitle,
	div.userItemCategory,
	div.userItemTagsBlock,
	div.userItemCommentsLink,
	div.latestItemHeader h2.latestItemTitle,
	div.latestItemCategory,
	div.genericItemCategory span,
	div.genericItemCategory a,
	div.genericItemHeader h2.genericItemTitle,
	div.genericItemReadMore,
	div.k2ItemsBlock ul li a.moduleItemTitle,
	div.k2ItemsBlock ul li span.moduleItemDateCreated,
	div.k2ItemsBlock ul li a.moduleItemCategory,
	div.k2ItemsBlock ul li div.moduleItemTags,
	div.k2ItemsBlock ul li a.moduleItemComments,
	div.k2ItemsBlock ul li span.moduleItemHits,
	div.k2LatestCommentsBlock ul li span.lcUsername,
	div.k2LatestCommentsBlock ul li span.lcCommentDate,
	div.k2LatestCommentsBlock ul li span.lcItemTitle,
	div.k2LatestCommentsBlock ul li span.lcItemCategory,
	div.itemComments ul.itemCommentsList li span.commentDate,
	div.itemComments ul.itemCommentsList li span.commentAuthorName,
	div.k2UserBlock div.k2UserBlockDetails span.ubName,
	div.k2UsersBlock ul li a.ubUserName,
	.k2AccountPage th.k2ProfileHeading,
	#k2Container span.catItemAddLink a.modal,
	#k2Container span.userItemAddLink a.modal {
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
	}
	h1, h2, h3, h4, h5, h6,
	.logo a, 
	div.profile legend,
	.hello,
	div.k2ItemsBlock ul li div.moduleItemTags b,
	span.itemNavigationTitle {
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
	}

	h2.item-page-title {
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
	}

	#nav ul li a, #menu-icon{
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
	}
	#eria_slider h1, #eria_slider h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
	}
	#eria_slider .eria_sliderin p{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}
	.eria_sliderbtn{
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
	}/**
* @version		1.0
* @package		Elxis CMS
* @subpackage	Templates / Eria
* @license		Elxis Public License ( http://www.elxis.org/elxis-public-license.html )
* @description 	CSS stylesheet for template Eria
************************************************************************************************/

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 auto; border: none; position: relative; zoom: 1; border:none; padding:0px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {margin: -40px 0 0; display: block; position: absolute; bottom: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1;}
.flex-direction-nav .flex-next {background-position: 100% 0; right:70px; 
    background-image: url(../images/right-arrow.png); 
    background-position: 100% 50%;
}
.flex-direction-nav .flex-prev {left: 70px;
    background-image: url(../images/left-arrow.png);
    background-position: 0% 50%;
}
.flexslider:hover .flex-next {opacity: 1; right:70px;}
.flexslider:hover .flex-prev {opacity: 1; left:70px;}
.flexslider:hover .flex-next:hover {opacity: 1;
    background-color: #dd171e;
    background-position: 0% 50%;
}
.flexslider:hover .flex-prev:hover {opacity: 1;

    background-color: #dd171e;
    background-position: 100% 50%;
    }
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-direction-nav a   {
    background-color: rgba(255,255,255, 1); 
    width:50px; 
    height:50px;     
    background-repeat: no-repeat;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
} 


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 35px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block;  background: rgba(150,150,150, 0.4); border:1px solid rgba(150,150,150, 0.4); cursor: pointer; text-indent: -9999px;
}
.flex-control-paging li a:hover { background:#dd171e;}
.flex-control-paging li a.flex-active { background: #dd171e; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0px;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0px;}
}

.flex-caption {
    display: table;
    background: rgba(255, 255, 255, 0);
    color: #191919;
    max-width: 700px;
    position: absolute;
    top: 20%;
	height: 50%;
    left: 10%;
    /* right: 50%; */
    /* margin-left: -200px; */
    /* font-size: 24px; */
    text-align: center;
    width: 80%;
	right:10%;
    margin: 0 auto;
}
.eria_sliderbtn {
	display: inline-block; margin:20px 0 0 0; padding: 9px 22px 7px; clear: both; color: #fff; font-size: 12px;
	font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4); border-radius: 5px;
}
a.eria_sliderbtn:hover { color: #dd171e; text-decoration: none; }
.eria_sliderbtn:hover { background: rgba(255,255,255,.05); }
.eria_sliderbtn:active {
	-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
.eria_sliderbtn {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.flex-caption h1, .flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5, .flex-caption h6 { color:#fff;margin:0}
/*.flex-caption{background: rgba(255, 255, 255, 1);color:#191919;max-width:700px;position:absolute;top:35%; left:50%; margin-left:-200px;font-size:24px}*/
/*.flex-caption a { color:#fff}*/
.flex-caption span {padding:25px;margin:0;display:block}
.flex-caption p {padding:2px;color: #fff; font-size:18px;}

@media screen and (max-width: 600px) {
	.flex-caption p {
    display: none;
    visibility: hidden;
}

@media screen and (max-width: 560px) {
	.flex-caption {
    display: table;
    background: rgba(255, 255, 255, 0);
    color: #191919;
    max-width: 700px;
    position: absolute;
    top: 5%;
    left: 5%;
    right: 5%;
    /* margin-left: -200px; */
    /* font-size: 0px; */
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
	.flex-caption span{
		padding: 1px;
		margin: 0;
		display: block;
	}
	.eria_sliderbtn {
	display: inline-block; padding: 1px 10px 0px; clear: both; color: #fff; font-size: 8px;
	font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4); border-radius: 5px;
}
	.eria_sliderbtn { margin-top:0px; }
	.flex-caption h1{font-size:20px; color: #fff;}
	.flex-caption p{display:none; visibility: hidden;}
}
  
  /*.flex-caption { display:none!important}*/
}

@media screen and (min-width: 861px) and (max-width: 1024px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 15px !important;}
  .flex-direction-nav .flex-next {opacity: 1; right: 15px !important;}
}