@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic|Roboto+Slab:400,300,700|Open+Sans:400,600italic,600,400italic,300,300italic,700,700italic&subset=latin,latin-ext);

body {
    font-family: "Open Sans", Arial;
    background: #2c2c2c;
}

.apgavikas {
	display: none;
}

.err {
	border-color: #A54E55!important;
}


/* top line */
#top {
	position: relative;
	width: 100%;
	background: #160711;
	border-bottom: 2px solid #d80000;
}

#top .holder {
	position: relative;
	max-width: 1920px;
	min-width: 240px;
	margin: 0 auto;
	background: url("../images/top-bg.png") no-repeat center #160711;
	background-size: 100% 100%;
}

#top .logo {
	float: left;
	width: 18%;
	min-width: 200px;
	margin: 1% 1% 1% 4%;
}
#top .logo img {
	width: 100%;
}


#top-nav {
	overflow: visible!important;
	background: none!important;
	height: auto;
}

#top-nav ul {
	background: none!important;
}

#top-nav li {
	background: none!important;
}

#top-nav li a {
	white-space: nowrap;
	background: none!important;
	padding: 0 5px 10px;
	vertical-align: top;
}

#top-nav li a .hold {
	height: 38px;
	padding: 0 0 0 18px;
	margin-right: 18px;
	font-family: "Open Sans", Arial;
	font-size: 16px;
	font-weight: 600;
	line-height: 38px;
	text-align: center;
	background: url('../images/top-menu-bg.png') no-repeat left -38px;
	vertical-align: top;
}

#top-nav li a .end {
	float: right;
	width: 18px;
	height: 38px;
	margin-right: -18px;
	line-height: 38px;
	background: url('../images/top-menu-bg.png') no-repeat right -38px;
	vertical-align: top;
}

#top-nav li a:hover .hold, #top-nav li.in-path a .hold {
	background: url('../images/top-menu-bg.png') no-repeat left 0px;
}
#top-nav li a:hover .end, #top-nav li.in-path a .end {
	background: url('../images/top-menu-bg.png') no-repeat right 0px;
}


/* index-page */
#index {
	max-width: 1920px;
	background-color: #fefefe;
}

#index .start {
	max-width: none;
	background: url('../images/home-page-bg.jpg') no-repeat top center #000;
	border-bottom: 2px solid #4d0c0f;
}

#index .start .top {
	height: 700px;
}

#index .logo {
	text-align: left;
	margin: 20px;
}

#index .top-menu {
	margin: 20px;
}

#index .start .top .slogan {
	max-width: 970px;
	margin: 0 auto;
}

#index .start .top .slogan .margin {
	float: left;
	width: 100%;
}

#index .start .top .slogan .margin.show-for-large-up {
	height: 270px;
}
#index .start .top .slogan .margin.show-for-medium-only {
	height: 170px;
}
#index .start .top .slogan .margin.show-for-small-only {
	height: 100px;
}



#index .index-services {
	padding: 80px 3% 40px;
	background: #222222;
}

#index .index-services .one {
	text-align: center;
	padding: 0 20px 40px;
}

#index .index-services .one .icon {
	padding-bottom: 40px;
}
#index .index-services .one .icon .pic {
	max-width: 197px;
	margin: 0 auto;
}
#index .index-services .one .icon .pic.service-207 {
	background: url('../images/index-icon-service-1st.png') no-repeat 0px 0px;
}
#index .index-services .one .icon .pic.service-192 {
	background: url('../images/index-icon-service-2nd.png') no-repeat 0px 0px;
}
#index .index-services .one .icon .pic.service-194 {
	background: url('../images/index-icon-service-3rd.png') no-repeat 0px 0px;
}
#index .index-services .one .icon .pic.service-195 {
	background: url('../images/index-icon-service-4th.png') no-repeat 0px 0px;
}
#index .index-services .one a:hover .icon .pic {
	background-position: 0px -197px;
}

#index .index-services .one .name {
	color: #bf1e26;
	font-size: 30px;
	font-weight: 300;
	padding-bottom: 25px;
	line-height: 36px;
}
#index .index-services .one a:hover .name {
	color: #ffffff;
}

#index .index-services .one .desc {
	color: #bdbdbd;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}
#index .index-services .one a:hover .desc {
	color: #dedede;
}



.index-articles-title {
	background: #222222;
}

.index-articles-title h3 {
	margin: 0;
	padding: 10px 0;
	font-size: 36px;
	font-weight: 300;
	color: #fefefe;
	text-align: center;
	text-transform: uppercase;
	line-height: 52px;
}


.index-portfolio-title {
	background: #a4251d;
}

.index-portfolio-title h3 {
	margin: 0;
	padding: 10px 0;
	font-size: 36px;
	font-weight: 300;
	color: #fefefe;
	text-align: center;
	text-transform: uppercase;
	line-height: 52px;
}

.index-portfolio {
	border-bottom: 2px solid #a4251d;
}

.index-portfolio .grid {
	margin: 0 -15px;
}

.index-portfolio .one {
	padding: 0;
}

.index-portfolio .one .holder {
	position: relative;
	overflow: hidden;
}

.index-portfolio .one .small-overlay {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	padding: 10px;
	background: url('../images/index-hover-bg.png');
	color: #fff;
	font-size: 14px;
}

.index-portfolio .one .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 110%;
	background: url('../images/index-overlay.png');
}

.index-portfolio .one .hover {
	display: none;
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	padding: 20px;
	background: url('../images/index-hover-bg.png');
}

.index-portfolio .one .hover .name-hold {
	overflow: hidden;
	display: table;
	width: 100%;
	height: 100%;
}

.index-portfolio .one .hover .name-hold .name {
	display: table-cell;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.index-portfolio .one .hover .name-hold .name span {
	display: inline;
	border-bottom: 1px solid #fff;
}



.index-articles {
	border-bottom: 2px solid #a4251d;
}

.index-articles .grid {
	margin: 0 -15px;
}

.index-articles .one {
	padding: 0;
}

.index-articles .one .holder {
	position: relative;
	overflow: hidden;
}

.index-articles .one .small-overlay {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	padding: 10px;
	background: url('../images/index-hover-bg.png');
	color: #fff;
	font-size: 14px;
}

.index-articles .one .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 110%;
	background: url('../images/index-overlay.png');
}

.index-articles .one .hover {
	overflow: hidden;
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	padding: 20px;
	background: #313131;
}

.index-articles .one:hover .hover {
	background: url('../images/index-hover-bg.png');
}

.index-articles .one .hover .name-hold {
	overflow: hidden;
	display: table;
	width: 100%;
	height: 100%;
}

.index-articles .one .hover .name-hold .name {
	display: table-cell;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.index-articles .one .hover .name-hold .name span {
	display: inline;
}




.index-staff-title {
	background: #a4251d;
}

.index-staff-title h3 {
	margin: 0;
	padding: 10px 0;
	font-size: 36px;
	font-weight: 300;
	color: #fefefe;
	text-align: center;
	text-transform: uppercase;
	line-height: 52px;
}

.index-staff {
	border-bottom: 2px solid #a4251d;
}

.index-staff .grid {
	margin: 0 -15px;
}

.index-staff .one {
	padding: 0;
}

.index-staff .one .hold {
	position: relative;
}

.index-staff .one .hold .video {
	position: relative;
	background: #fff;
	margin: 0;
	padding-bottom: 73.5%;
}

.index-staff .one .hold .info {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 10px;
	background: url('../images/index-hover-black-bg.png');
	margin: 0;
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-family: Roboto;
}

.index-staff .one .hold:hover .info {
	background: url('../images/index-hover-bg.png');
}

.index-staff .one .hold .info .name {
	font-size: 22px;
	line-height: 22px;
}

.index-staff .one .hold .info .occupation {
	font-size: 16px;
	line-height: 16px;
	margin-top: 5px;
}

.staff-title-photo-cont {
	padding: 0;
	background: url('../images/staff-bg.jpg') center bottom no-repeat;
}

.staff-title-photo-cont .photo {
	padding-top: 40px;
}

.staff-info-cont {
	max-width: 1000px!important;
	margin: 0px auto!important;
}

.staff-info-cont .personal-info {
	padding-top: 40px;
	padding-bottom: 0px;
}

.staff-info-cont .personal-info .slogan {
	padding-left: 50px;
	margin-bottom: 40px;
	background: url('../images/quote.png') no-repeat;
	font-family: "Roboto Slab";
	font-size: 18px;
	line-height: 30px;
	color: #424242;
}

@media only screen and (min-width: 64.063em) {
	.staff-info-cont .personal-info .slogan {
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 60px;
	}
}

.staff-info-cont .personal-info .name {
	padding-left: 50px;
	margin-bottom: 10px;
	font-family: "Roboto";
	font-size: 36px;
	line-height: 40px;
	font-weight: normal;
	color: #424242;
}

@media only screen and (min-width: 64.063em) {
	.staff-info-cont .personal-info .name {
		font-size: 50px;
		line-height: 52px;
		margin-bottom: 20px;
	}
}

.staff-info-cont .personal-info .occupation {
	padding-left: 50px;
	font-family: "Roboto";
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #c64943;
	padding-bottom: 40px;
}

@media only screen and (min-width: 64.063em) {
	.staff-info-cont .personal-info .occupation {
		font-size: 24px;
		line-height: 24px;
	}
}

.staff-info-cont .personal-info-small {
	padding-top: 50px;
	padding-bottom: 50px;
}

.staff-info-cont .personal-info-small .slogan {
	padding-left: 50px;
	background: url('../images/quote.png') no-repeat;
	font-family: "Roboto Slab";
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	color: #424242;
}

.staff-info-cont .personal-info-small .name {
	margin-bottom: 10px;
	font-family: "Roboto";
	font-size: 36px;
	line-height: 40px;
	color: #424242;
}

.staff-info-cont .personal-info-small .occupation {
	font-family: "Roboto";
	font-size: 16px;
	line-height: 16px;
	color: #c64943;
	margin-bottom: 30px;
}


.staff-info-cont .main-info {
	padding-top: 50px;
}

.staff-info-cont .main-info .this-title {
	font-family: "Roboto";
	font-size: 26px;
	margin-bottom: 20px;
}

.staff-info-cont .main-info .data-block {
	margin-bottom: 40px;
}

.staff-info-cont .contact-info {
	padding-top: 50px;
	padding-bottom: 50px;
}

.staff-info-cont .contact-info .phone {
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: url('../images/red-corner.png') no-repeat left bottom;
}

.staff-info-cont .contact-info .phone .data {
	display: inline-block;
	padding: 15px;
	background: #c64943;
	color: #fff;
	font-size: 32px;
}

.staff-info-cont .contact-info .email a {
	color: #c64943!important;
	font-family: "Roboto";
	font-size: 24px;
}
.staff-info-cont .contact-info .email a:hover {
	text-decoration: underline;
}

.index-partners-title {
	background: #292929;
}

.index-partners-title h3 {
	margin: 0;
	padding: 10px 0;
	font-size: 36px;
	font-weight: 300;
	color: #fefefe;
	text-align: center;
	text-transform: uppercase;
	line-height: 52px;
}

.index-partners {
	background: url('../images/partners-bg.jpg') no-repeat center bottom #2c2b2c;
	padding: 30px 0;
}

.index-partners .one {
	padding: 20px;
}


/* main */
.header {
	max-width: 1920px;
	background-color: #fefefe;
}

.header .holder {
	max-width: none;
	background: url('../images/home-page-bg.jpg') no-repeat top center #000;
	border-bottom: 2px solid #a4251d;
}

.header.inner .holder {
	background: url('../images/home-page-bg-inner.jpg') no-repeat top center #000;
}

.header .holder .top {
	height: 700px;
}

.header .holder .logo {
	text-align: left;
	margin: 20px;
}

.header .holder .top-menu {
	margin: 20px;
}

.main {
	max-width: 1920px;
	background-color: #fefefe;
}

/* editable */
.editable-title {
	max-width: 1000px!important;
	margin: 0 auto -20px!important;
	padding: 50px 0 0;
}

.editable-title .title {
	font-size: 60px;
	line-height: 66px;
	font-weight: 300;
	color: #222222;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.editable-title .title {
		font-size: 40px;
		line-height: 44px;
	}
}

@media only screen and (max-width: 40em) {
	.editable-title .title {
		font-size: 34px;
		line-height: 36px;
	}
	.paging a {
	    padding: 10px 16px !important;
	    margin-right: 6px !important;
	    font-size: 20px !important;
	}
	.paging .active {
	    padding: 10px 16px !important;
	    margin-right: 6px !important;
	    font-size: 20px !important;
	}
}

.editable-title .fb-like {
	margin-top: 10px;
}

.editable-view {
	padding: 0px 0 0;
}

.editable-view h1 {
	max-width: 1000px!important;
	margin: 0 auto!important;
	margin-bottom: 30px;
}

.editable-view .paragraphs {
	max-width:1000px!important;
	margin: 20px auto 20px;
	font-size: 20px;
	font-weight: 300;
	line-height: 175%
}

.editable-view .paragraphs p {
	font-size: 20px;
	font-weight: 300;
	line-height: 175%;
}

.editable-view .paragraphs ul {
	font-size: 20px;
	font-weight: 300;
	margin-left: 55px;
}

/* services */
.services-main-cont {
	background: #fefefe;
	padding: 30px;
}

.article-sidebar {
	float: right;
	width: 300px;
	margin-left: 30px;
}

.article-sidebar-header {
	display: block;
	background: #bd1f24;
	color: #ffffff;
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: 600;
	line-height: 43px;
	height: 43px;
	padding: 0 20px;
}

.article-sidebar ul.article-sidebar-menu li ul.list li {
	backgdround: none!important;
}

.article-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.article-sidebar ul li {
	background: #f5f5f5;
	padding: 0 20px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #e9e9e9;
}
.article-sidebar ul li:hover {
	background: #e8e8e8;
}
.article-sidebar ul li a {
	display: table-cell;
	color: #424242;
	vertical-align: middle;
	width: 100%;
	height: 43px;
}
.article-sidebar ul li:hover a {
	color: #bd1f24;
}

.article-title {
	padding: 30px 0 0 0;
}
.article-title .fb-like {
	margin: 0 0 20px 0;
}

.article-right-menu {
	width: 300px;
	margin: 50px 0 0 0;
}

.fixed-am {
	position: fixed;
	top: 0;
}

.services-sidebar {
	float: left;
	width: 270px;
	margin-right: 30px;
}

.services-sidebar .side-menu {
	margin: 0;
}

.services-sidebar .one {
	padding: 0;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #bd1f24;
	line-height: 36px;
	background: url('../images/services-menu-bg.png') no-repeat right 0;
}
.services-sidebar .one.expanded {
	background-position: right -36px;
}
.services-sidebar .one a {
	display: block;
	overflow: hidden;
	height: 36px;
	width: 100%;
	padding: 0 40px 0 15px;
	color: #bd1f24;
}
.services-sidebar .one.expanded a {
	color: #fff;
}

.services-sidebar .one .side-sub-menu {
	float: left;
	width: 265px;
	margin: 0;
}

.services-sidebar .one .side-sub-menu.hidden {
	display: none;
}

.services-sidebar .one .side-sub-menu .one {
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #e4e4e4;
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	background: #f5f5f5;
}
.services-sidebar .one .side-sub-menu .one a {
	overflow: visible;
	width: 100%;
	height: auto;
	padding: 11px 10px 11px 30px;
	line-height: 20px;
	color: #000;
}
.services-sidebar .one .side-sub-menu .one a:hover {
	color: #bd1f24;
}
.services-sidebar .one .side-sub-menu .one.selected a {
	color: #bd1f24;
	font-weight: 700;
}




.services-topbar {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.services-topbar .side-menu {
	margin: 0;
}

.services-topbar .one {
	padding: 0;
	line-height: 36px;
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #e4e4e4;
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	background: #f5f5f5;
}
.services-topbar .one a {
	overflow: visible;
	float: left;
	width: 100%;
	height: auto;
	padding: 11px 10px 11px 30px;
	line-height: 20px;
	color: #000;
}
.services-topbar .one a:hover {
	color: #bd1f24;
}
.services-topbar .one.selected a {
	color: #bd1f24;
	font-weight: 700;
}


.article-content {
	float: left;
	width: 100%;
	margin-right: -330px;
	padding-right: 330px;
}

.article-info {
	max-width: 1050px;
	margin: 0 auto;
}


.services-content {
	float: right;
	width: 100%;
	margin-left: -300px;
	padding-left: 300px;
}

.services-cont {
	margin: 0px!important;
}

.services-cont .services-list {
	padding: 0 15px;
}

.services-cont .services-list .one {
	margin-bottom: 30px;
	background: #f6f6f6;
}

.services-cont .services-list a:hover .one {
	margin-bottom: 30px;
	background: url('../images/next-arrow.jpg') no-repeat right center #f6f6f6;
}

.services-cont .services-list .one .pic {
	padding: 0;
}

.services-cont .services-list .one .info {
	padding: 20px 60px 0 30px;
	font-size: 14px;
}

.services-cont .services-list .one .info .title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	padding-bottom: 15px;
}

.services-cont .services-list a .one .info .title {
	color: #000;
}
.services-cont .services-list a:hover .one .info .title {
	color: #a5151a;
}

.services-cont .services-list a .one .info p {
	font-size: 14px;
	color: #424242;
}

.services-cont .service-info {
	padding: 0;
}

.services-cont .service-info .main-title {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	background: url('../images/1px-red.jpg') repeat-x left center;
}

.services-cont .service-info .main-title span {
	float: left;
	padding-right: 15px;
	background: #fefefe;
	font-size: 24px;
	line-height: 26px;
	color: #bd1f24;
}

.services-cont .service-info .title-pic {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.services-cont .service-info .photo-list {
	margin-bottom: 30px;
	padding: 0;
	margin: 0 15px;
}

.services-cont .service-info .photo-list .one {
	padding: 0;
}
.services-cont .service-info .photo-list .one.text {
	padding: 30px 50px;
	background: #f6f6f6;
}
.services-cont .service-info .photo-list .one.text h2 {
	font-size: 30px;
}

.services-cont .service-info .paragraphs-list {
	padding: 10px 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	background: #f6f6f6;
}

.services-cont .service-info .paragraphs-list .one {
	padding: 15px 50px 15px;
	font-size: 14px;
	line-height: 175%;
}

.services-cont .service-info .paragraphs-list .one h2 {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 600;
	line-height: 100%;
}
.services-cont .service-info .paragraphs-list .one h2 img {
	margin-bottom: 20px;
}




/* portfolio */
.portfolio-categories-list {
	padding: 0px;
	margin: 0 -0.9375rem!important;
	font-family: "Roboto";
	text-transform: uppercase;
	line-height: 24px;
}

.portfolio-categories-list .title {
	font-size: 36px;
	font-weight: 300;
	padding: 30px 10px 30px 40px;
	line-height: 36px;
}

.portfolio-categories-list .data {
	float: right;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	list-style: none;
	line-height: 18px;
	padding: 30px 0 12px;
}

.portfolio-categories-list .data li {
	float: left;
	margin-right: 20px;
}

.portfolio-categories-list .data li a {
	color: #8c8c8c!important;
	font-family: "Open Sans";
	text-transform: none;
}
.portfolio-categories-list .data li a.selected {
	color: #d80000!important;
}
.portfolio-categories-list .data li a:hover {
	text-decoration: underline;
}

.portfolio-list-cont {
	width: 100%;
	max-width: 100%;
	margin: 0 -0.9375rem!important;
	padding: 0px;
	font-weight: 300;
	background: #313131;
}

.portfolio-list .one {
	padding: 0;
	margin: 0 0 35px 0;
	text-align: center;
}

.portfolio-list .one .name {
	padding: 15px 5px 0px 5px;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
}
.portfolio-list .one .category {
	font-size: 14px;
}


.portfolio-view {
	width: 100%;
	max-width: 100%;
	margin: 0 4%!important;
	padding: 0px 0 50px;
	font-weight: 300;
}

.portfolio-view .prev-next-nav {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #e9e8e8;
	border-bottom: 1px solid #e9e8e8;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
}

.portfolio-view .prev-next-nav .prev {
	padding: 0;
	text-align: left;
}
.portfolio-view .prev-next-nav .prev a {
	float: left;
	background: url('../images/icn-prev.png') no-repeat left;
	padding-left: 25px;
}

.portfolio-view .prev-next-nav .next {
	padding: 0;
	text-align: right;
}
.portfolio-view .prev-next-nav .next a {
	float: right;
	background: url('../images/icn-next.png') no-repeat right;
	padding-right: 25px;
}

.portfolio-view .prev-next-nav a {
	color: #000;
	margin: 5px 0;
}
.portfolio-view .prev-next-nav a:hover {
	color: #d80000;
}


.portfolio-view .caption {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #d80000;
	text-transform: uppercase;
}
.portfolio-view .text {
	margin-bottom: 50px;
	font-size: 14px!important;
	line-height: 25px!important;
	font-weight: 400!important;
}
.portfolio-view .text p, .portfolio-view .text ul, .portfolio-view .text ol, .portfolio-view .text ul li, .portfolio-view .text ol li {
	font-size: 14px!important;
	line-height: 25px!important;
	font-weight: 400!important
}

.portfolio-view .name {
	padding: 25px;
	margin-bottom: 0;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e9e8e8;
	font-size: 30px;
}

.portfolio-view .additional-small-pic {
	padding: 0;
	margin: 0;
	background: #f6f6f6;
	text-align: center;
}

.portfolio-view .additional-small-pic .desc {
	margin: 50px 30px;
	background: #f6f6f6;
	font-size: 14px;
	line-height: 30px;
	height: 150px;
	overflow: hidden;
}

.portfolio-view .additional-large-pic {
	padding: 0;
	margin: 0;
	background: #f6f6f6;
	text-align: center;
	margin-bottom: 20px;
}

.portfolio-view .additional-large-pic .desc {
	margin: 10px 30px;
	background: #f6f6f6;
	font-size: 14px;
	line-height: 30px;
}


.portfolio-similar-title {
	margin: 0!important;
	max-width: 100%;
	width: 100%;
	
	background: url('../images/1px-red.jpg') repeat-x center center;
	text-align: center;
}
.portfolio-similar-title h3 span {
	padding: 0 20px;
	background: #fff;
}

.portfolio-similar {
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto!important;
	max-width: 62.5rem!important;
}

.portfolio-similar .one .pic .holder {
	position: relative;
}

.portfolio-similar .one .hover {
	display: none;
	background: url('../images/hover.png') no-repeat center center;
	background-size: auto 100%;
}
.portfolio-similar .one .hover.lt {
	background: url('../images/hover-lt.png') no-repeat center center;
	background-size: auto 100%;
}
.portfolio-similar .one .hover.en {
	background: url('../images/hover-en.png') no-repeat center center;
	background-size: auto 100%;
}
.portfolio-similar .one .circle-overlay {
	background: url('../images/circle-overlay.png') no-repeat center center;
	background-size: auto 100%;
}

.portfolio-similar .one .hover, .portfolio-similar .one .circle-overlay {
	position: absolute;
	width: 100%;
	height: 101%;
	top: 0;
}

.portfolio-similar .one .name {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	color: #424242;
	text-align: center;
}

.portfolio-similar .one .desc {
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	color: #424242;
	text-align: center;
	margin-bottom: 40px;
}



.portfolio-newest-cont {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #e9e8e8;
	border-bottom: 1px solid #e9e8e8;
}

.portfolio-newest-cont .one {
	padding: 25px 0;
	max-width: 1000px!important;
	margin: 0 auto!important;
}

.portfolio-newest-cont .one .pic .holder {
	position: relative;
}

.portfolio-newest-cont .one .hover {
	display: none;
	background: url('../images/hover.png') no-repeat center center;
	background-size: auto 100%;
}
.portfolio-newest-cont .one .hover.lt {
	background: url('../images/hover-lt.png') no-repeat center center;
	background-size: auto 100%;
}
.portfolio-newest-cont .one .hover.en {
	background: url('../images/hover-en.png') no-repeat center center;
	background-size: auto 100%;
}
.portfolio-newest-cont .one .circle-overlay {
	background: url('../images/circle-overlay.png') no-repeat center center;
	background-size: auto 100%;
}

.portfolio-newest-cont .one .hover, .portfolio-newest-cont .one .circle-overlay {
	position: absolute;
	width: 100%;
	height: 101%;
	top: 0;
}

.portfolio-newest-cont .one .info-hold {
	display: table;
	width: 100%;
	height: 100%;
}

.portfolio-newest-cont .one .info {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.portfolio-newest-cont .one .info .name {
	margin-top: 30px;
	padding-bottom: 20px;
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
	color: #424242;
}

.portfolio-newest-cont .one .info .desc {
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
	color: #424242;
}

/* articles */
.articles-categories-list {
	padding: 0px;
	margin: 0 -0.9375rem!important;
	font-family: "Roboto";
	text-transform: uppercase;
	line-height: 24px;
	color: #fff;
	background-color: #222222;
}

.articles-categories-list .title {
	font-size: 36px;
	font-weight: 300;
	padding: 30px 40px;
	line-height: 36px;
	color: #fff;
}

.articles-categories-list .data {
	float: right;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	list-style: none;
	line-height: 18px;
	padding: 30px 0 12px;
}

.articles-categories-list .data li {
	float: left;
	margin-right: 20px;
}

.articles-categories-list .data li a {
	color: #8c8c8c!important;
	font-family: "Open Sans";
	text-transform: none;
}
.articles-categories-list .data li a.selected {
	color: #d80000!important;
}
.articles-categories-list .data li a:hover {
	text-decoration: underline;
}

.articles-list-cont {
	width: 100%;
	max-width: 100%;
	margin: 0 -0.9375rem!important;
	padding: 0px;
	font-weight: 300;
	background: #313131;
}

.articles-list .one {
	padding: 0;
	margin: 0 0 35px 0;
	text-align: center;
}

.v-list .one .name {
	padding: 15px 5px 0px 5px;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
}
.articles-list .one .category {
	font-size: 14px;
}

/* contacts */

.contacts-map-cont {
	width: 100%!important;
	padding: 30px 4%!important;
	margin: 0!important;
}

.contacts-map-cont .page-title {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 30px;
}

.contacts-map-cont .map {
	height: 350px;
	margin-bottom: 30px;
}

.contacts-map-cont .map #map-canvas {
	height: 350px;
	margin: 0px;
	padding: 0px;
}
.contacts-map-cont .map #map-canvas embed { max-width: none; }
.contacts-map-cont .map #map-canvas img { max-width: none; }
.contacts-map-cont .map #map-canvas object { max-width: none; }

.contacts-map-cont .info .data {
	padding: 25px 25px 5px 25px;
	line-height: 30px;
	border: 1px solid #e9e8e8;
}

.contacts-map-cont .info .data .col1 {
	padding-left: 60px;
	background: url('../images/icn-contacts-1.png') no-repeat;
}
.contacts-map-cont .info .data .col2 {
	padding-left: 60px;
	background: url('../images/icn-contacts-2.png') no-repeat;
}
.contacts-map-cont .info .data .col3 {
	padding-left: 60px;
	background: url('../images/icn-contacts-3.png') no-repeat;
}

.contacts-map-cont .info .coffee-cont .coffee-hold {
	position: relative;
	height: 300px;
}
.contacts-map-cont .info .coffee-cont img {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* footer area */

.footer {
	padding: 50px 0 30px;
	background: #313131;
	max-width: 1920px;
	color: #ffffff;
}

.footer .info {
	padding-top: 12px;
	text-align: left;
}

.footer .info .location {
	padding-left: 35px;
	background: url('../images/icn-footer-location.jpg') no-repeat 10px 0;
}
.footer .info .phone {
	padding-left: 35px;
	background: url('../images/icn-footer-phone.jpg') no-repeat 10px 0;
}

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

.footer .copy {
	padding-top: 12px;
	text-align: right;
	font-size: 14px;
}

.footer .copy h1 {
	display: inline;
	font-size: 14px;
	color: #fff;
}

#footer {
	position: relative;
	width: 100%;
	background: #313131;
}

#footer .holder {
	position: relative;
	width: 18%;
	max-width: 1920px;
	min-width: 240px;
	margin: 0 auto;
	text-align: center;
}

#footer .logo {
	float: left;
	margin: 25px 0 15px;
}
#footer .logo img {
	width: 100%;
}

#footer .info {
	float: left;
	display: table;
	width: 100%;
	margin-bottom: 25px;
	font-size: 14px;
	color: #bebebe;
	line-height: 20px;
}
#footer .info .location {
	display: table-cell;
	padding-left: 20px;
	background: url('../images/icn-footer-location.jpg') no-repeat;
}
#footer .info .phone {
	display: table-cell;
	padding-left: 20px;
	background: url('../images/icn-footer-phone.jpg') no-repeat;
}

#sub-footer {
	position: relative;
	width: 100%;
	background: #313131;
}

#sub-footer .holder {
	position: relative;
	max-width: 1920px;
	min-width: 240px;
	margin: 0 auto;
	padding: 0px 0 64px;
	text-align: center;
	font-size: 14px;
	color: #bebebe;
}

#sub-footer .holder .to-top {
	position: absolute;
	bottom: 0px;
	width: 67px;
	left: 48%;
	cursor: pointer;
}

/* tables */
.simple-table {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.simple-table th {
	width: 180px;
	padding: 0 10px 5px 10px;
	line-height: 24px;
	vertical-align: top;
	text-align: left;
	font-weight: 300;
}

.simple-table td {
	padding: 0 10px 5px 10px;
	line-height: 24px;
	vertical-align: top;
	text-align: left;
}

.edit-table {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.edit-table th {
	width: 180px;
	padding: 0 10px 5px 10px;
	line-height: 24px;
	vertical-align: top;
	text-align: left;
	font-weight: 300;
}

.edit-table td {
	padding: 0 10px 5px 10px;
	line-height: 24px;
	vertical-align: top;
	text-align: left;
}

/* msg blocks */

.msg-cont {
	position: relative;
	width: 99%;
	margin-bottom: 20px;
}

.msg {
	float: left;
	width: 100%;
	margin: 0 0px 10px 0px;
	text-align: center;
	padding: 5px 0px;
}

.msg.err {
	color: #a54e55;
	border: 1px solid #DFB8BB!important;
	background: #FEF2F2;
}
.msg.inf {
	border: 1px solid #ddd!important;
	background: #FAFAFA;
}
.msg.suc {
	color: #86a44e;
	border: 1px solid #D6E5BA!important;
	background: #edf8e2;
}

.paging-box{
	background-color:#c5261c;
}

.text-box {
	float: left;
	width: 100%;
}

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

.paging a {
	display: inline-block;
    padding: 7px 13px;
    margin-right: 4px;
    border-radius: 1px;
    background: #222;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

.paging .active {
    display: inline-block;
    padding: 7px 13px;
    margin-right: 4px;
    border-radius: 1px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #222;
}


/* Admin bar */
.admin-bar-cont {
	position: fixed;
	box-sizing: border-box;
	top: 0px;
	left: 0px;
	padding: 5px;
	font-family: "Arial";
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	border-radius: 0 0px 10px 0;
	background-color: rgba(0,0,0,0.75);
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.admin-bar-cont.atidarytas {
	width: 100%;
	border-radius: 0;
}

.admin-bar-cont .show-btn {
	float: left;
	width: 24px;
	height: 24px;
	background: url('../images/admin-bar/toolbox-icn.png') no-repeat;
	cursor: pointer;
}

.admin-bar-cont .admin-info {
	display: none;
	float: right;
	padding: 0 10px 0 20px;
	color: #fff;
	cursor: default;
}
.admin-bar-cont.atidarytas .admin-info {
	display: inline-block;
}

.admin-bar-cont .admin-menu {
	display: none;
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	color: #fff;
}
.admin-bar-cont.atidarytas .admin-menu {
	display: inline-block;
}

.ab-icn-btn {
	float: left;
	padding: 0 0 0 28px;
	margin-right: 22px;
	color: #1ea7db;
	background-repeat: no-repeat;
}
a.ab-icn-btn:hover {
	text-decoration: none;
	color: #6bcc00;
	background-position: 0 -24px;
}
span.ab-icn-btn {
	color: #9e9e9e;
	background-position: 0 -48px;
	cursor: default;
}
.ab-icn-btn.home {
	background-image: url('../images/admin-bar/btn-home-icn.png');
}
.ab-icn-btn.add {
	background-image: url('../images/admin-bar/btn-add-icn.png');
}
.ab-icn-btn.edit {
	background-image: url('../images/admin-bar/btn-edit-icn.png');
}
table.order-form {
	margin-top: 20px;
}
table.order-form td, table.order-form th {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}
table.order-form td input {
	margin: 0;
}
a.send-message {
	display: block;
	background: #000000;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
	padding: 10px;
}
a.send-message:hover {
	background: #a4251d;
}



.hq-button,.hq-button:active,.hq-button:visited{    
	cursor: pointer;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    font-weight: 400;
    opacity: 1;
    -o-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
    text-transform: uppercase;
    background-color: transparent;
    font-size: .9rem;
    color: #000;
    padding: .9375rem 1.25rem .8125rem;
    border: 3px solid #000;
    width: 13.75rem;
}
.hq-button:active:focus,.hq-button:active:hover,.hq-button:focus,.hq-button:hover,.hq-button:visited:focus,.hq-button:visited:hover{background-color:#007095;color:#FFF}
.hq-button:focus,.hq-button:hover{background-color:#000!important;color:#FFF;opacity:1;-o-transition:0s;-ms-transition:0s;-moz-transition:0s;-webkit-transition:0s;transition:0s;text-decoration:none}
a.grid-button{text-indent:-9999px;background-image:url(../images/fpo_grid.png);display:inline-block;background-size:100%;width:2.5rem;height:2.3125rem;background-repeat:no-repeat;overflow:hidden}

div.absolute, .row .layout-1 .padding-class{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 15px;
}

.row .layout-2 .padding-class, .row .layout-6 .padding-class, .row .layout-1{
	text-align: center;
	display: table;
	width: 100%;
}
.full{width:100%;background:#fff;}


.portfolio-index li.one{
	width: 100%;
    height: 350px;
}