/*------------------------------------------------------------------------
# "Hot Responsive Portfolio" Joomla template - March, 2013
# Copyright (C) 2013 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto:300,700,900&subset=latin,cyrillic,latin-ext,greek-ext);

body {
	margin:0;
	padding:0;
	font-family: Roboto, sans-serif;
	text-shadow:0 !important;
}

.clr {
	clear:both;
}

#autohidebacktotop {
	position:fixed;
	bottom:5px;
	right:5px;
}

.main_container {
	overflow-y:hidden!important;
	margin:15px 0;
}

#k2Container{
	padding:0!important;
}

div.item, div.itemContainer, div.userItemView, div.tagItemView, ol.dynlayout_feed li {
	margin:0 0 10px 0 !important;
	padding:0; /* padding in boxes */
	float:left;
	width:auto;
}

div.item:hover, div.itemContainer:hover, div.userItemView:hover, div.tagItemView:hover, ol.dynlayout_feed li:hover {
}

div.top_menu_container {
	background: url(../images/topmenu_transparent.png);
	width: 100%;
	height: 40px;
	position: fixed;
	display: block;
	z-index: 1;
	top: 0;
}

div.top_menu_container div.moduletable {
	margin: 0 auto;
}

.responsive_header {
	text-shadow:none;
	height:40px;
	position:static!important;
}

.responsive_logo {
	width:100%;
	max-height:617px;
	background-size: cover;
	background-position: top center;
	text-align: center;
}

.responsive_logo span.line1 {
	font-size: 3em;
	color:#fff;
	font-weight: 900;
	text-shadow:10px 0px 10px #333;
}

.responsive_logo span.line2 {
	font-size: 2.5em;
	color:#fff;
	font-weight: 300;
	text-shadow:3px 0px 5px #333;
}

.quote_module {
	padding: 30px 0;
	text-align: center;
}

.quote_module > div {
	padding: 50px 0;
}

.quote_module span.quote_line1 {
	font-size: 2.5em;
	font-weight: 900;
}

.quote_module span.quote_line2 {
	font-size: 1.5em;
}

.quote_module div {
	background: url(../images/quote_left.png) no-repeat 20% 50px
}

.quote_module div div {
	background: url(../images/quote_right.png) no-repeat 80% bottom;
}

.user1_module {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #111;
}

.user1_module span.quote_line1 {
	font-size: 2.5em;
	font-weight: 900;
}

.user1_module span.quote_line2 {
	font-size: 1.5em;
}

.user2_module {
	padding-bottom: 30px;
}

.footer_modules_container {
	padding: 50px 0;
}

.item-page, .footer_modules, .bottom_modules {
	max-width: 1485px;
	margin: 0 auto;
}

div.footer1 {
	width: 50%;
	float: left;
	line-height: 1.5em;
}

div.footer1 h2 {
	font-size: 3em;
	text-transform: none;
}

div.footer2 {
	width: 16.67%;
	float: left;
	line-height: 35px;
	padding-top: 10px;
}

div.footer2 img {
	float: left;
	margin-right: 15px;
}

div.footer3 {
	width: 33.33%;
	float: left;
	padding-top: 10px;
}

div.footer1 div {
	padding-right: 260px;
}

div.footer2 div, div.footer3 div {
	padding-right: 30px;
}

.bottom_modules_container {
	padding: 50px 0;
}

div.bottom1 {
	width: 50%;
	float: left;
}

div.bottom2 {
	width: 50%;
	float: left;
	text-align: right;
}

div.bottom2 div {
	padding-right: 30px;
}

/* menu */

.topmenu {
	height:40px;
	float:left;
}

.topmenu h3 {
	color:#fff;
}

.social_icons {
	width:200px;
	height:40px;
	float:right;
	color:#fff;
	text-align: right;
}

.social_icons div.moduletable {
	padding:4px 10px 0 0;
}

.left_column {
	width:220px;
	float:left;
	line-height: 16px;
}

.right_column{
	float:right;
	line-height: 16px;
}

.right_column_column {
    float:left;
	width:220px;
}

.left_column div.moduletable {
	padding: 10px 10px 10px 0;
}

.right_column div.moduletable {
	padding: 10px;
}

/* custom colored articles */

div.black {
	background:#000 !important;
	border-color:#000;
	color:#eee;
}

div.black:hover {
	background:#222222 !important;
	border-color:#000;
	color:#eee;
}

div.black.item h2, div.black.item h2 a.ui-link:link, div.black.item h2 a.ui-link:visited {
	color:#eee !important;
}

div.yellow {
	background:#fff9b7 !important;
	border-color:#e7df81;
	color:#333;
}

div.yellow:hover {
	background:#e7df81 !important;
	border-color:#000;
}

div.yellow.item h2, div.yellow.item h2 a.ui-link:link, div.yellow.item h2 a.ui-link:visited,
div.yellow a.ui-link:link, div.yellow a.ui-link:visited {
	color:#6e6500 !important;
}

div.yellow p.readmore a.ui-btn-up-c {
	background:#e7df81;
}

div.green {
	background:#c6fdb6 !important;
	border-color:#9ceb84;
	color:#333;
}

div.green:hover {
	background:#9ceb84 !important;
	border-color:#000;
}

div.green.item h2, div.green.item h2 a.ui-link:link, div.green.item h2 a.ui-link:visited,
div.green a.ui-link:link, div.green a.ui-link:visited {
	color:#218e00 !important;
}

div.green p.readmore a.ui-btn-up-c {
	background:#9ceb84;
}

div.blue {
	background:#bdddfa !important;
	border-color:#a6cff6;
	color:#333;
}

div.blue:hover {
	background:#a6cff6 !important;
	border-color:#000;
}

div.blue.item h2, div.blue.item h2 a.ui-link:link, div.blue.item h2 a.ui-link:visited,
div.blue a.ui-link:link, div.blue a.ui-link:visited {
	color:#1465b1 !important;
}

div.blue p.readmore a.ui-btn-up-c {
	background:#a6cff6;
}

div.red {
	background:#6f0000 !important;
	border-color:#340000;
	color:#eee;
}

div.red:hover {
	background:#340000 !important;
	border-color:#000;
	color:#eee;
}

div.red.item h2, div.red.item h2 a.ui-link:link, div.red.item h2 a.ui-link:visited {
	color:#eee !important;
}

div.black.item h2, div.black.item p,
div.yellow.item h2, div.yellow.item p,
div.green.item h2, div.green.item p,
div.blue.item h2, div.blue.item p,
div.red.item h2, div.red.item p {
	padding-left:10px;
	padding-right:10px;
}

.mnu_right {
	-moz-border-top-left-radius: 0px!important;
	-webkit-border-top-left-radius: 0px!important;
	border-top-left-radius: 0px!important;
	-moz-border-bottom-left-radius: 0px!important;
	-webkit-border-bottom-left-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
}

.mnu_left {
	-moz-border-top-right-radius: 0px!important;
	-webkit-border-top-right-radius: 0px!important;
	border-top-right-radius: 0px!important;
	-moz-border-bottom-right-radius: 0px!important;
	-webkit-border-bottom-right-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
}

.mnu_left, .mnu_right {
	cursor:pointer;
}

/* photo gallery plugin */

#gallery.photogallery_plg img {
	width: 18% !important;
	margin-right: 1% !important;
}

/* jquery mobile */

.ui-bar-a {
	font-weight: normal;
}

#infscr-loading h1 {
	display: none;
}

.ui-content {
	padding: 0;
}

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button, .ui-bar-a, .ui-bar-a input, .ui-bar-a select, .ui-bar-a textarea, .ui-bar-a button {
	font-family: inherit;
}

@media (max-width:1485px) {

div.footer1, div.footer2, div.footer3 {
	width:33.33%;
}

div.footer1 > div, div.footer2 > div, div.footer3 > div {
	padding: 0 15px;
}

div.bottom1 > div {
	padding-left: 15px;
}

.quote_module div {
	background: url(../images/quote_left.png) no-repeat 10% top;
	padding: 20px 0 50px 0;
}

.quote_module div div {
	background: url(../images/quote_right.png) no-repeat 90% bottom;
}

}

@media (max-width:685px) {

div.footer1, div.footer2, div.footer3, div.bottom1, div.bottom2 {
	width:100%;
}

div.footer1 > div, div.footer2 > div, div.footer3 > div, div.bottom1 > div, div.bottom2 > div {
	padding: 0 15px;
}

div.bottom2 {
	text-align: left;
}

.responsive_logo span.line1 {
	font-size: 2em;
}

.responsive_logo span.line2 {
	font-size: 1.6em;
}

}

@media screen and (max-width: 800px) { 
	#gallery.photogallery_plg img {
		width: 90% !important;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 640px), only screen and (min-device-pixel-ratio : 1.5) and (max-device-width : 640px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 1),
screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1),
screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation : portrait)
{

.hero-carousel div.carousel-article .contents {
	padding-bottom: 50px;
}

.quote_module div {
	background: url(../images/quote_left.png) no-repeat 50% top;
	padding: 20px 0 50px 0;
}

.quote_module div div {
	background: url(../images/quote_right.png) no-repeat 50% bottom;
}

.hero-carousel-nav {
	display: none;
}

#gallery.photogallery_plg img {
	width: 90% !important;
}

}