/* ==================================================================================
    BASIC STYLES:
        01: PAGE DEFAULT
        02: HEADER
        03: HEADER RESPONSIVE
        04: MAIN MENU - file (css/header-styles/header-style-?.css)
        05: SUB MENU
        06: MENU STICKY
        07: RESPONSIVE MENU
        08: FOOTER

    BLOCKS:
        01: ADVANTAGE
        02: PRODUCTS CAROUSEL
        03: SERVICES
        04: PROMO LIST
        05: OUR CLIENTS
        06: MAPS
        07: ADDITIONAL SECTIONS
        08: MAIN SLIDER

    SHOP:
    	01: FILTER - SIDEBAR
    	02: MAIN CATALOG
    	03: LIST OF PRODUCTS
    	04: SINGLE PAGE
    	05: SHOPPING CART
	
	BLOG:
		01: NEWS LIST
		02: SINGLE PAGE

	PORTFOLIO:
		01: WORKS LIST
		02: SINGLE PAGE

	OTHER PAGES:
		01: 404
		02: CONTACTS
		03: ABOUT
		04: FAQ
		05: SERVICES
		06: SEARCH RESULTS
		07: SHORTCODES
		08: INDEX
		09: INDEX - MAIN
		10: INDEX - CORPORATE
===================================================================================== */

/*  ======================================================================
        BASIC STYLES: PAGE DEFAULT
========================================================================== */
.lang{
	position:absolute;
	right:20px;
	top:20px;
}

.sil{
	display: none;
}
.page {
	background-color: #f6f6f6;
}

.section-top {
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: top center;
}

.section-top-h1 {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

.breadcrumbs {
	color: #ababab;
	font-size: 12px;
}

.breadcrumbs + .section-top-h1 {
	margin-top: 10px;
}

.breadcrumbs__link,
.breadcrumbs span {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.breadcrumbs span {
	color: #796b79;
}

.breadcrumbs__separator {
	padding: 0 5px 0 7px;
}

.section-default {
	position: relative;
	padding-bottom: 50px;
	background-repeat: no-repeat;
	background-position: top center;
}

.section-h1 {
	margin-bottom: 45px;
	font-size: 24px;
	font-weight: 300;
	color: #434343;
	text-transform: uppercase;
}

.section-h1 span {
	display: block;
	font-size: 18px;
}

.section-h1 code {
	display: block;
	font-size: 14px;
	text-transform: none;
	margin-top: 8px;
}

.border-top > .section-h1 {
	margin-top: 40px;
	margin-bottom: 30px;
}

.aside {
	width: 308px;
}

.aside--left {
	float: left;
}

.aside--right {
	float: right;
}

.content {
	position: relative;
}

.content-boxed {
	position: relative;
	background-color: #FFF;
	padding: 40px 80px;
}

.content-boxed .section-full {
	margin-left: -80px;
	margin-right: -80px;
}

.content-bg-top {
	position: relative;
	padding-top: 40px;
}

.content--right,
.content--left {
	width: 786px;
	background-color: #fff;
	padding: 26px 28px;
}

.content--right {
	float: right;
}

.content--left {
	float: left;
}

.hr {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 30px;
}

/*----- Burger Icon -----*/
.burger-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 2px;
	margin-right: 15px;
	border-radius: 4px;
	background-color: #000;
}

.burger-icon:before,
.burger-icon:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 0;
	display: block;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	background-color: inherit;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
			transition: all .4s;
}

.burger-icon:after {
	top: auto;
	bottom: -6px;
}

.burger-icon-hover:hover .burger-icon:before {
	-webkit-transform: translateY(-3px);
       -moz-transform: translateY(-3px);
   			transform: translateY(-3px); 
}

.burger-icon-hover:hover .burger-icon:after {
	-webkit-transform: translateY(3px);
       -moz-transform: translateY(3px);
   			transform: translateY(3px); 
}

/*----- Media Styles -----*/
@media only screen and (max-width : 1199px) {
	.content--right,
	.content--left {
		width: 586px;
		margin-bottom: 30px;
	}
	.content-boxed { padding: 40px;	}
	.content-boxed .section-full {
		margin-left: -40px;
		margin-right: -40px;
	}
}
@media only screen and (max-width : 991px) {
	.content--right,
	.content--left {
		width: 100%;
	}
	.aside { width: 100%; }
}
@media only screen and (max-width : 480px) {
	.section-h1 { font-size: 20px; }
	.section-h1 span { font-size: 16px; }
	.content-boxed { padding: 30px 15px; }
	.content-boxed .section-full {
		margin-left: -15px;
		margin-right: -15px;
	}
}


/*  ======================================================================
        BASIC STYLES: HEADER
========================================================================== */
.header {
	position: relative;
	z-index: 100;
	background-color: rgba(255,255,255,0.6)
}

.header__top {
	background-color: #f6f7fe;
}

.top-menu {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}

.top-menu__item {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
}

.top-menu__link {
	display: block;
	padding: 14px 20px;
	font-size: 14px;
	color: #8b8b8b;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
			transition: all .3s;
}

.top-menu__link:hover {
	color: #40231D;
	background-color: #e0e4fd;
	text-decoration: none;
}

.top-menu__link i {
	display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 21px;
}

.top-menu__link i.fc-liked {
	position: relative;
	top: 1px;
	font-size: 18px;
	font-weight: bold;
}

.header__middle {
	padding: 5px 0;
	position: relative;
	z-index: 10;
	background-color: transparent;
}

/*----- Logo -----*/
.logo__link {
	display: inline-block;
	vertical-align: top;
}

.logo-campus a {
	display: inline-block;

	width: 270px;
}

.footer .logo-campus a {
	margin-top: 0;
}

/*----- Phone Header -----*/
.phone-header {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 7px 28px 7px 40px;
	border-right: 1px solid #b2b2b3;
	text-align: right;
	line-height: 20px;
}

.phone-header:before {

}

.phone-header .phone-header__text {
	font-size: 26px;
	font-weight: 300;
	color: #40231D;
}

.phone-header span {
	display: block;
	font-size: 12px;
	line-height: 12px;
	margin-top: 6px;
}

.phone-header:hover:before {
	animation: vibration 500ms ease-in-out;
}

/*----- Search Header -----*/
.aramasonuc{
    position: absolute;
	display:inline-block;
	overflow:auto;
    min-width: 100%;
    max-height: 300px;
    top: 50px;
    left: 0px;
	background:#fff;
	text-align:left;
	border-bottom:1px solid #D7DAE2;
	border-left:1px solid #D7DAE2;
	border-right:1px solid #D7DAE2;
	padding:15px;
}



.search {
	display: inline-block;
	vertical-align: top;
}

.search__link {
	position: relative;
    z-index: 101;
	width: 34px;
	height: 34px;
	cursor: pointer;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
			transition: all .4s;
}

.search.active .search__link {
	z-index: 99;
}

.search__link:before {
	font: 32px 'font-caplus';
    content: '\e918';
	color: #a4a4a6;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
			transition: all .3s;
}

.search__link:hover:before {
	color: #40231D;
}

.search__form {
	display: block;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 110;
	width: 100%;
	-webkit-transition: all .3s;
   	   -moz-transition: all .3s;
		    transition: all .3s;
}

.search.active .search__form {
	opacity: 1;
	visibility: visible;
}

.search__input {
    border: 1px solid #D7DAE2;
    background-color: #fff;
    width: 100%;
    height: 52px;
    line-height: 52px;
    padding-left: 52px;
    padding-right: 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    color: #434343;
}

.search__button {
	position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 52px;
    padding: 13px 10px 13px 16px;
    font-size: 25px;
    border: none;
    background: transparent;
    color: #a7a7a9;
    opacity: 0;
    visibility: hidden;
}

.search__button:hover,
.search__button:focus {
	background: transparent;
	color: #40231D;
	outline: none;
}

.search__button i {
	display: block;
	width: 25px;
	height: 25px;
}

.search.active .search__button {
	opacity: 1;
	visibility: visible;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 1399px) {
	.main-menu,
	.header__top,
	.header__middle {
		display: none;
	}
}

.menuonoff{
	top:13px;
}


/*  ======================================================================
        BASIC STYLES: HEADER RESPONSIVE
========================================================================== */
.header-responsive {
	display: none;
	text-align: center;
	padding: 9px 0;
	min-height: 50px;
	background-color: #fff;
}

.header-responsive .container {
	position: relative;
}

.header-responsive .logo {
	display: inline-block;
	vertical-align: top;
}

.header-responsive .logo-caplus {
	max-width: 150px;
}

.header-responsive__cart {
	position: absolute;
	top: calc(50% - 10px);
	right: 24px;
}

.header-responsive__cart .cart-mini__link {
	width: 25px;
	height: 25px;
}

.header-responsive__cart .cart-mini__link:before {
	font-size: 25px;
}

.header-responsive .burger-icon {
	position: absolute;
	top: 50%;
	margin-right: 0;
	left: 15px;
	width: 20px;
	vertical-align: top;
	background-color: #aeaeaf;
}

.header-responsive .burger-icon:before,
.header-responsive .burger-icon:after {
	width: 32px;
}

.header-responsive .burger-icon:before {
	top: -9px;
}

.header-responsive .burger-icon:after {
    bottom: -9px;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 1399px) {
	.header-responsive { display: block; }
}


/*  ======================================================================
        BASIC STYLES: SUB MENU
========================================================================== */
.sub-menu,
.sub-menu-full {
	opacity: 0;
    visibility: hidden;
	position: absolute;
	z-index: 110;
	top: 10px;
	margin-left: 100px;
	display: block;
	min-width: 225px;
	max-width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	background-color: #fff;
	box-shadow: 0 0 11px rgba(0,0,0,0.2);
	-webkit-transition: all .25s;
   	   -moz-transition: all .25s;
		    transition: all .25s;
}

.sub-menu:before,
.sub-menu-full:before {
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 10px;
    background-color: transparent;
}

/*-- Sub-Menu - animate (js - adds class .sub-menu--show) --*/
.sub-menu.sub-menu--show,
.sub-menu-full.sub-menu--show {
	opacity: 1;
    visibility: visible;

    -webkit-transition: all .35s;
   	   -moz-transition: all .35s;
		    transition: all .35s;

    -webkit-transform: translateY(-10px);
       -moz-transform: translateY(-10px);
    		transform: translateY(-10px);
}

/*----- Clear styles -----*/
.sub-menu__item {
	margin: 0;
	padding: 0;
}
.sub-menu__item:before {
	display: none;
}

/*----- Sub-Menu LINK -----*/
.sub-menu__link {
	position: relative;
	display: block;
	padding: 12px 23px 11px 23px;
	font-size: 14px;
	color: #434343;
	text-decoration: none !important;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
			transition: all .4s;	
}

.sub-menu__link span {
	display: block;
	position: relative;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
			transition: all .4s;	
}

.sub-menu__link span:before {
    content: '';
    opacity: 0;
    position: absolute;
	top: calc(50% - 6px);
    left: -18px;
    display: block;
    width: 9px;
    height: 9px;
    background: url(../images/icons/arrow_sub_menu.png) no-repeat;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
			transition: all .4s;
}

/*----- Sub-Menu ITEM WITH ARROW -----*/
.sub-menu__item--arrow > .sub-menu__link:after {
	content: '\e904';
    position: absolute;
    z-index: 2;
    top: 16px;
    right: 15px;
    font-family: 'font-caplus';
    font-size: 10px;
    color: #40231D;
}

/*----- Sub-Menu ITEM ICON -----*/
.sub-menu__link i {
	margin-right: 10px;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
    padding-left: 2px;
}

.sub-menu__item--icon .sub-menu__link span:before {
	display: none;
}

/*----- Sub-Menu LINK: HOVER -----*/
.sub-menu__item:hover  > .sub-menu__link, 
.sub-menu__item.active > .sub-menu__link,
.sub-menu__item:active > .sub-menu__link {
	outline: 0;
	color: #434343;
	background-color: #ebf0f6;
}

.sub-menu__item:hover  > .sub-menu__link span, 
.sub-menu__item.active > .sub-menu__link span,
.sub-menu__item:active > .sub-menu__link span {
    -webkit-transform: translateX(15px);
       -moz-transform: translateX(15px);
    		transform: translateX(15px);
}

.sub-menu__item:hover  > .sub-menu__link span:before, 
.sub-menu__item.active > .sub-menu__link span:before,
.sub-menu__item:active > .sub-menu__link span:before {
	opacity: 1;
}

/*----- 2+ level Sub-Menu -----*/
.sub-menu__item .sub-menu {
	left: 100%;
}

.sub-menu__item .sub-menu.invert-pos {
	left: auto;
	right: 100%;
}


/*---------------------------
		Sub-Menu FULL 
-----------------------------*/
.sub-menu-full {
	left: 0;
	right: 0;
	max-width: none;
	border-top: 1px solid #321912;
	background-color: #321912;
	box-shadow: none;
}

.sub-menu-full-list {
	display: table;
	table-layout: fixed;
	width: 100%;	
	text-align: left;
	font-size: 0;
	margin: 0;
	padding: 5px;
}

/*----- Clear styles -----*/
.sub-menu-full__list {
	padding: 0;
	margin: 0;
}
.sub-menu-full__item:before {
	display: none;
}

/*----- Sub-Menu FULL - ITEM -----*/
.sub-menu-full__item {
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
	padding: 15px 0 15px 0;
	margin: 0px;
	border-right: 1px solid #321912
}

.sub-menu-full__item:last-child {
	border-right: 0;
}

/*----- Sub-Menu FULL - LINK -----*/
.sub-menu-full .sub-menu__link {
	color: #fff;
	padding-left: 30px;
}

.sub-menu-full .sub-menu__item:hover > .sub-menu__link, 
.sub-menu-full .sub-menu__item.active > .sub-menu__link,
.sub-menu-full .sub-menu__item:active > .sub-menu__link {
	background-color: #321912;
	color: #fff;
}

/*----- Sub-Menu FULL - ITEM TITLE -----*/
.sub-menu-full__title {
    display: block;
    padding: 10px 30px 8px 30px;
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}


/*--------------------------------
		Sub-Menu FULL WHITE
----------------------------------*/
.sub-menu-full--white {
	border-color: #fff;
	background-color: #fff;
	box-shadow: 0 0 11px rgba(0,0,0,0.2);
}

/*----- Sub-Menu FULL WHITE - ITEM -----*/
.sub-menu-full--white .sub-menu-full__item {
	border-color: #f5f5f5;
}

/*----- Sub-Menu FULL WHITE - LINK -----*/
.sub-menu-full--white .sub-menu__link {
	color: #434343;
	font-weight: normal;
}

.sub-menu-full--white .sub-menu__item:hover .sub-menu__link,
.sub-menu-full--white .sub-menu__item:active .sub-menu__link,
.sub-menu-full--white .sub-menu__item.active .sub-menu__link {
	background-color: #efefef;
	color: #434343;
}

/*----- Sub-Menu FULL WHITE - ITEM TITLE -----*/
.sub-menu-full--white .sub-menu-full__title {
	color: #434343;
	font-weight: normal;
}


/*--------------------------------
		Main-Menu CATALOG
----------------------------------*/
.main-menu__item .burger-icon,
.menu-sticky__item .burger-icon {
	margin-top: -2px;
}

.menu-catalog .sub-menu-full__item {
	text-align: center;
	font-weight:bold;
}

.catalog-menu__item {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-bottom: 28px;
	text-align: center;
}

.catalog-menu__link {
	display: block;
	margin: 0px;
	text-decoration: none !important;
}

.catalog-menu__img {
	width: 200px;
	margin: 0 auto;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
			transition: all .3s;
}

.catalog-menu__link:hover .catalog-menu__img {
	opacity: 0.7;
}

.catalog-menu__img span {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 38px;
    margin-top: 40px;
    background-color: #e9e9e9;
    font-size: 14px;
    text-transform: uppercase;
    color: #434343;
    border-radius: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
    		transition: all .3s;
}

.catalog-menu__link:hover .catalog-menu__img span {
	color: #434343;
	opacity: 1;
    background-color: #D6DAF5;
}

.catalog-menu__caption {
	white-space: nowrap;
	max-width: 200px;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 15px;
	color: #434343;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
			transition: all .3s;
}

.catalog-menu__link:hover .catalog-menu__caption {
	color: #40231D;
}

/*----- Catalog Menu link for header-style-2 -----*/
.header__middle .catalog-menu__caption {
	font-size: 13px;
}

.header__middle .catalog-menu__link {
    padding: 0 14px;
}

.header__middle .catalog-menu__img span {
	padding-top: 40px;
	font-size: 13px;
}


/*  ======================================================================
        BASIC STYLES: MENU STICKY
========================================================================== */
.menu-sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 111;
	width: 100%;
	height: 56px;
	background-color: #fff;
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
	-webkit-transform: translateY(-75px) translate3d(0, 0, 0);
       -moz-transform: translateY(-75px) translate3d(0, 0, 0);
   			transform: translateY(-75px) translate3d(0, 0, 0);  
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
   			transition: all .3s ease-in-out;
	-webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
}

.menu-sticky.active {
	-webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
   			transform: translateY(0px);	
}

/*----- Clear styles -----*/
.menu-sticky__list,
.menu-sticky__item {
	padding: 0;
	margin: 0;
}
.menu-sticky__item:before {
	display: none;
}

/*----- Sticky-Menu LIST -----*/
.menu-sticky__list {
    position: relative;
    width: 100%;
    font-size: 0;
}

/*----- Sticky-Menu ITEM -----*/
.menu-sticky__item {
	position: static;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	font-size: 14px;
	color: #40231D;
	-webkit-transition: all .3s;
   	   -moz-transition: all .3s;
		    transition: all .3s;
}

.menu-sticky__item:first-child {
	margin-left: 0;
}

.menu-sticky__item:last-child {
	margin-right: 0;
}

/*----- Sticky-Menu LINK -----*/
.menu-sticky__link {
	position: relative;
	display: block;
	line-height: 56px;
	font-size: 14px;
	font-weight: 300;
	color: #40231D !important;
	text-transform: uppercase;
	text-decoration: none !important;
	outline: 0 !important;
}

.menu-sticky__link:before {
	content: '';
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0;
    z-index: 110;
    width: 100%;
    height: 5px;
    border-radius: 0;
    background-color: #90b6e2;
    opacity: 0;
	-webkit-transform: translateY(4px);
       -moz-transform: translateY(4px);
   			transform: translateY(4px);
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
    		transition: all .3s;
}

/*----- Sticky-Menu ITEM: HOVER DEFAULT -----*/
.menu-sticky__item:not(.js-hover):hover .menu-sticky__link:before,
.menu-sticky__item.active .menu-sticky__link:before {
	opacity: 1;
	-webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
   			transform: translateY(0px);
}

/*-- Sticky-Menu ITEM: HOVER JS (js - adds class .hover) --*/
.menu-sticky__item.hover .menu-sticky__link:before {
	opacity: 1;
	-webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
   			transform: translateY(0px);
}

/*----- SUB MENU -----*/
.menu-sticky__item > .sub-menu,
.menu-sticky__item > .sub-menu-full {
	top: 66px;
}

/*----- Sticky-Menu Logo -----*/
.menu-sticky__item--logo {
	margin-right: 60px;
}

.menu-sticky__item--logo .logo__link {
	height: 46px;
	margin-top: 5px;
}

/*----- Sticky-Menu More -----*/
.menu-sticky__item--more {
	float: right;
	margin: 0 !important;
}

.menu-sticky__item--more .menu-sticky__link {
	font-size: 22px;
	padding: 16px 25px 13px 25px;
	line-height: normal;
}

/*----- Sticky-Menu Search -----*/
.menu-sticky__item--search {
	float: right;
	margin: 0 !important;
}

.menu-sticky__search-link {
	position: relative;
	z-index: 999;
	font-size: 26px;
	color: #A4A4A6;
    padding: 15px 20px 9px 20px;
	line-height: normal;
	cursor: pointer;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

.menu-sticky__search-link:hover:not(.active) {
	color: #40231D;
}

.menu-sticky__search-link.active {
	color: #F9FFFF;
}

.menu-sticky__search-link.active {
    -webkit-transform: translateX(-46px);
       -moz-transform: translateX(-46px);
    		transform: translateX(-46px);
}

.search-sticky {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 120;
	width: 100%;
	height: 100%;
	background-color: #321912;
    -webkit-transition: transform 0.3s;
       -moz-transition: transform 0.3s;
            transition: transform 0.3s;
    -webkit-transform: translateY(-70px);
       -moz-transform: translateY(-70px);
    		transform: translateY(-70px);
}

.search-sticky.active {
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
    		transform: translateX(0px);
}

.search-sticky__input {
	width: 100%;
	line-height: 54px;
	height: 56px;
	background: transparent;
	border: none;
	outline: none;
	padding-left: 100px;
	color: #fff;
	font-size: 18px;
}

.search-sticky__input::-webkit-input-placeholder { color: #e2e2e2; }
.search-sticky__input::-moz-placeholder          { color: #e2e2e2; }/* Firefox 19+ */
.search-sticky__input:-moz-placeholder           { color: #e2e2e2; }/* Firefox 18- */
.search-sticky__input:-ms-input-placeholder      { color: #e2e2e2; }

.search-sticky__close {
	line-height: 56px;
    height: 56px;
    padding-left: 55px;
    font-size: 18px;
    color: #DEDEDE;
    cursor: pointer;
}

/*----- Sticky-Menu Cart Mini -----*/
.menu-sticky__item--cart-mini {
	float: right;
	margin: 0;
}

.menu-sticky__cart-mini-link {
	padding: 17px 15px 5px 15px;
}

.menu-sticky__cart-mini-link .cart-mini__link {
	width: 34px;
	height: 34px;
}

.menu-sticky__cart-mini-link .cart-mini__link:before {
	font-size: 28px;
}

.menu-sticky__cart-mini-link .cart-mini_dropdown {
	top: 2px;
	right: -70px;
}

.menu-sticky__cart-mini-link .cart-mini_content:after {
	right: 94px;
}

/*----- Media Styles -----*/
@media only screen and (max-width: 1199px) {
	.menu-sticky__item { margin: 0 15px; }
	.menu-sticky__item--logo { margin-right: 50px; }
}
@media only screen and (max-width: 1399px) {
	.menu-sticky { display: none; }
}


/*  ======================================================================
        BASIC STYLES: RESPONSIVE MENU
========================================================================== */
.responsive-menu {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	z-index: 9999;
	min-width: 320px;
	background-color: #fafafa;
    -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;
            transition: all 0.4s;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    will-change: transform;
}

.responsive-menu.active {
    -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
            transition: all 0.5s;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
}

.responsive-menu__top {
	overflow: hidden;
	padding: 20px 15px;
	border-bottom: 1px solid #edf5fb;
	background-color: #fff;
}

.responsive-menu__close {
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #000;
    -webkit-transition: color 0.3s;
       -moz-transition: color 0.3s;
            transition: color 0.3s;
}

.responsive-menu__close:hover {
	color: #40231D;
}

.responsive-menu__close:before {
	position: absolute;
	content: '\e91c';
	font: 20px/20px 'font-caplus';
	color: inherit;
}

.responsive-menu__phone {
	position: relative;
	float: right;
	font-size: 14px;
	color: #000;
    line-height: 20px;
}

.responsive-menu__phone:before {
	content: '\e916';
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	font-family: 'font-caplus';
	color: #a4a4a6;
}

.responsive-menu__phone a {
	color: #000;
	text-decoration: none !important;
}

.responsive-overlay {
	position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #000;
    cursor: pointer;
    -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;
            transition: all 0.4s;
}

.responsive-overlay.active {
    opacity: .6;
    visibility: visible;
}

.mb-menu,
.mb-menu__item,
.mb-sub-menu,
.mb-more-menu,
.mb-more-menu li {
	margin: 0;
	padding: 0;
	
}

.mb-menu {
	background-color: #fff;
	
}

.mb-menu__item:before,
.mb-more-menu li:before {
	display: none;
}

.mb-menu__item,
.mb-more-menu li {
	position: relative;
}

.mb-menu__open-sub-menu2 {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
    height: 43px;
}

.mb-menu__open-sub-menu2:before {
	content: '\e904';
	position: relative;
	top: calc(50% - 12px);
    display: block;
    font-family: 'font-caplus';
    font-size: 14px;
    color: #d2e3ee;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

.mb-menu__item.active > .mb-menu__open-sub-menu2:before {
	color: #314a82;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.mb-menu__link,
.mb-more-menu a {
	display: block;
	border-bottom: 1px solid #edf5fb;
	padding: 10px 15px;
	text-decoration: none !important;
	font-size: 14px;
	color: #434343;
	    text-transform: uppercase;
}

.mb-more-menu i {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	color: #6d6d6d;
	font-size: 16px;
}

.mb-more-menu i.fc-liked {
	font-weight: bold;
}

.mb-menu__link i {
	color: #6d6d6d;
	width: 28px;
}

.mb-menu__item.active > .mb-menu__link {
	color: #40231D;
}

.mb-sub-menu {
	display: none;
}

.mb-menu__item .mb-menu__link {
	padding: 10px 15px;
}

.mb-menu__item .mb-menu__item .mb-menu__link {
	padding: 10px 35px; 
}

.mb-menu__item .mb-menu__item .mb-menu__item .mb-menu__link {
	padding: 10px 55px; 
}

.mb-menu__item .mb-menu__item .mb-menu__item .mb-menu__item .mb-menu__link {
	padding: 10px 75px; 
}

.responsive-menu .social-media {
	margin: 20px 0;
}

/*----- Media Styles -----*/
@media only screen and (max-width: 1299px) {
	.responsive-menu { display: block; }
}


/*  ======================================================================
        BASIC STYLES: FOOTER
========================================================================== */
.footer {
	background-color: #40231D;
}

.footer__top {
	padding: 70px 0;
}

.footer__bottom {
	background-color: #321912;
}

.footer__title {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.footer__top .col-last {
	padding-left: 50px;
}

/*----- Contact Footer -----*/
.contact-footer {

}

.contact-footer__desc {
	width: 90%;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 300;
	color: #acbbdd;
	line-height: 20px;
}

.contact-footer__list {
	margin: 0;
}

.contact-footer__item {
	padding-left: 0;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 300;
	font-size: 14px;
}

.contact-footer__item:before {
	display: none;
}

.contact-footer__item span {
	color: #ffcd2c;
}

.contact-footer__item i {
    width: 30px;
    font-size: 18px;
    padding-left: 2px;
}

/*----- Subscribe -----*/
.subscribe {
	margin-bottom: 50px;
}

.subscribe form {
	font-size: 0;
}

.subscribe__input {
    width: calc(100% - 45px);
    margin-bottom: 0;
    border: none;
    font-size: 14px;
    font-weight: 300;
    background-color: #321912;
    color: #fff;
}

.subscribe__input::-webkit-input-placeholder {color:#f1f1f1;}
.subscribe__input::-moz-placeholder          {color:#f1f1f1;}/* Firefox 19+ */
.subscribe__input:-moz-placeholder           {color:#f1f1f1;}/* Firefox 18- */
.subscribe__input:-ms-input-placeholder      {color:#f1f1f1;}

.subscribe__button {
	width: 45px;
    height: 46px;
    padding: 0;
    background-color: #321912;
    line-height: 51px;
}

.subscribe__button:hover {
	background-color: #28140F;
}

/*----- Payment Methods -----*/
.payment {
	width: 70%;
	font-size: 0;
}

.payment__item {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 12px;
	margin-right: 16px;
}

/*----- Instagram -----*/
.instagram {
	font-size: 0;
}

.instagram__item {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
	background-color: #fff;
}

.instagram__item img {
	-webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
    		transition: all 0.5s;
}

.instagram__item:hover img {
	opacity: 0.7;
}

/*----- Footer Menu -----*/
.footer-menu {
	display: inline-block;
	vertical-align: top;
	width: 158px;
	padding: 0;
	margin: 0;
	margin-top: -4px;
	margin-right: 40px;
}

.footer-menu:last-child {
	margin-right: 0;
}

.footer-menu li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 18px;
}

.footer-menu li:before {
	border-radius: 0;
	background-color: #afbfe3;
}

.footer-menu a,
.footer-bottom-menu a {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}

.footer-menu:hover,
.footer-menu:focus,
.footer-bottom-menu a:hover,
.footer-bottom-menu a:focus {
	color: #fff;
}

.footer-menu a.hover-1:before,
.footer-bottom-menu a.hover-1:before {
	background-color: #fff;
}

/*----- Footer Social Media -----*/
.footer__social-media {
	padding: 26px 0;
}

.footer__social-media a:hover {
	color: #fff;
	border-color: #fff;
}

/*----- Footer Bottom Menu -----*/
.footer-bottom-menu {
	font-size: 0;
	margin: 0;
}

.footer-bottom-menu li {
	display: inline-block;
	vertical-align: top;
	padding: 29px 16px;
	text-align: left;
	margin: 0;
}

.footer-bottom-menu li:before {
	display: none;
}

/*----- Footer Copyright -----*/
.copyright {
	font-size: 14px;
	font-weight: 300;
	padding: 29px 0;
	color: #fff;
}

@media only screen and (max-width: 1199px) {
	.footer-menu { width: 124px; }
}
@media only screen and (max-width: 991px) {
	.contact-footer__desc { width: 100%; }
	.contact-footer__list {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
				justify-content: space-between;
	}
	.footer__top { padding: 50px 0 10px 0; }
	.footer__top .col-last { padding-left: 15px; }
	.footer__top [class^="col"] { margin-bottom: 30px; }
	.footer__bottom [class^="col"] { text-align: center; }
	.footer__social-media { padding: 16px 0; }
	.copyright {
		padding: 0;
		line-height: 40px;
	}
	.footer__bottom { padding: 20px 0; }
	.footer__title { font-size: 16px; }
}
@media only screen and (max-width: 700px) {
	.contact-footer__list {	display: block;	}
	.footer__top [class^="col"] {
		display: block;
		float: none;
		width: auto;
	}
	.footer-menu {
		width: calc(50% - 30px);
		margin: 0 15px;
	}
	.payment {
		width: auto;
		text-align: center;
		margin: 0 auto;
	}	
}
@media only screen and (max-width: 480px) {
	.footer-bottom-menu { margin: 20px 0; }
	.footer-bottom-menu li {
		display: block;
		padding: 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.footer-bottom-menu li:last-child { margin-bottom: 0; }
}
@media only screen and (max-width: 425px) {
	.subscribe { margin-bottom: 30px; }
	.contact-footer__item i { width: 25px; }
	.payment {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.payment__item {
		margin: 0 8px;
		margin-bottom: 12px;
	}
	.subscribe + .footer__title { text-align: center; }
	.instagram,
	.footer__title-instagram {
		text-align: center;
	}
	.instagram__item {
		margin: 5px;
		margin-top: 0; 
	}
}
@media only screen and (max-width: 375px) {
	.instagram__item {
		width: 80px;
		height: 80px;
	}
}

/*  ======================================================================
        BLOCK: ADVANTAGE
========================================================================== */
.advantage-row {
	margin-top: 70px;
	margin-bottom: 30px;
}

.advantage-row-2 {
	margin-bottom: 30px;
}

.advantage-item {
	text-align: center;
	margin-bottom: 40px;
}

.advantage-item__title {
	margin-bottom: 10px;
	font-size: 16px;
	color: #40231D;
	text-transform: uppercase;
}

.advantage-item p {
	padding: 0 15px;
}

/*----- advantage-2 -----*/
.advantage-2-row {
	font-size: 0;
}

.advantage-2 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 20%;
	font-size: 14px;
}

.advantage-2:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 220%;
	width: 1px;
	background-color: #262625;
    -webkit-transform: translate(-50%, -47%) rotate(45deg);
       -moz-transform: translate(-50%, -47%) rotate(45deg);
            transform: translate(-50%, -47%) rotate(45deg);
    -webkit-transition: all 0.7s;
       -moz-transition: all 0.7s;
            transition: all 0.7s;
}

.advantage-2:hover:before {
	background-color: #464645;
}

.advantage-2 .timer__count:before {
	display: none;
}
.advantage-2 .timer__text {
	font-size: 18px;
}

.advantage-2--blue .timer {
	color: #978bf3;
}
.advantage-2--orange .timer {
	color: #f4c744;
}
.advantage-2--red .timer {
	color: #b63838;
}
.advantage-2--green .timer {
	color: #3dcc4a;
}

.advantage-items--style-1 .circle-icon {
	background-color: transparent;
	color: #40231D;
}

.advantage-items--style-2 .circle-icon {
	background-color: #f4f1f1;
	color: #40231D;
}

/*----- Advantage Block -----*/
.advantage-block {
	padding: 30px 20px;
	padding-bottom: 60px;
	background-color: #fff;
	margin-bottom: 40px;
	-webkit-transition: box-shadow 0.4s;
	   -moz-transition: box-shadow 0.4s;
			transition: box-shadow 0.4s;
}

.advantage-block:hover {
	box-shadow: 0px 3px 14px rgba(24, 45, 93, 0.08);
}

.advantage-block .advantage-item__title {
	font-weight: 500;
}

.advantage-block__icon {
	margin-bottom: 30px;
	font-size: 55px;
	color: #40231D;
}

@media only screen and (max-width : 700px) {
	.advantage-2-row { margin-bottom: -70px; }
	.advantage-2 {
		width: 33.3333%;
		margin-bottom: 80px;
	}
}
@media only screen and (max-width : 480px) {
	.advantage-row,
	.advantage-row-2 {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.advantage-2-row { margin-bottom: -50px; }
	.advantage-2 {
		width: 50%;
		margin-bottom: 30px;
	}
	.advantage-2:before { height: 140%; }
}


/*  ======================================================================
        BLOCK: PRODUCTS CAROUSEL
========================================================================== */
.section-products-carousel {
	overflow: hidden;
}

.section-products-carousel .h1 {
	margin-bottom: 30px;
}

.section-products-carousel .owl-carousel-custom {
    width: calc(100% + 20px);
    height: 476px;
    padding: 0;
    margin: 0 -10px;
    font-size: 0;
}

.section-products-carousel .owl-item {
	text-align: center;
}

.section-products-carousel .owl-controls {
	position: absolute;
    top: -50px;
    right: 0;
    width: auto;
}

.section-products-carousel .owl-pagination {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0 33px;
}

.section-products-carousel .owl-buttons {
	top: 6px;
}

.section-products-carousel .owl-next {
    right: 3px;
}

.section-products-carousel .owl-prev {
	left: 3px;
}

.section-default .section-products-carousel {
    padding-bottom: 30px;
}

.catalog-item-page .section-products-carousel {
    padding-top: 40px;
    padding-bottom: 30px;
    background-color: #f6f6f6;
}

.section-index .product-row-full {
	margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
	.section-products-carousel .owl-pagination { display: none; }
	.section-products-carousel .owl-controls { width: 70px; }
}
@media only screen and (max-width: 400px) {
	.section-products-carousel .h1 { font-size: 22px; }
}


/*  ======================================================================
        BLOCK: SERVICES
========================================================================== */
.services-row {
	margin-top: -60px;
}

.services__item {
	margin-top: 60px;
	text-align: center;
}

.services-icon,
.services-icon-2 {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 34px;
	color: #222;
}

.services__caption {
	margin-bottom: 15px;
	font-size: 16px;
}

.services__item p {
    padding: 0 15px;
}

/*----- Custom Effect circle-icon--3c -----*/
.services-icon.circle-icon--3c {
	background-color: #fff;
}

.circle-icon-hover:hover .services-icon.circle-icon--3c,
.circle-icon-hover.services-icon.circle-icon--3c:hover {
    background-color: #e3edf1;
    color: #000;
}

.services-icon.circle-icon--3c:after {
    box-shadow: 0 0 0 4px #e3edf1
}

/*----- Custom Effect circle-icon--3c - STYLE 2 -----*/
.services-icon-2.circle-icon--3c {
	background-color: #fff;
}

.circle-icon-hover:hover .services-icon-2.circle-icon--3c,
.circle-icon-hover.services-icon-2.circle-icon--3c:hover {
    background-color: #e4edf2;
    color: #000;
}

.services-icon-2.circle-icon--3c:after {
    box-shadow: 0 0 0 4px #fff;
}

/*  ======================================================================
        BLOCK: PROMO LIST
========================================================================== */
.promo-list [class^="col"],
.promo-list [class^="row"] {
	padding: 0;
	margin: 0;
}

.promo-list__item {
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-decoration: none !important;
}

.promo-list__item:before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(33,60,121,0.25);
	-webkit-transition: background-color 0.5s;
	   -moz-transition: background-color 0.5s;
	  	    transition: background-color 0.5s;
}

.promo-list__item:after{
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: -30px;
	content: "\e90c";
	font-family: 'font-caplus';
	font-size: 25px;
	color: #fff;
	-webkit-transition: transform 0.4s;
	   -moz-transition: transform 0.4s;
			transition: transform 0.4s;
}

.promo-list__content {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 3;
	padding: 0 30px 26px 30px;
	-webkit-transition: transform 0.4s;
	   -moz-transition: transform 0.4s;
			transition: transform 0.4s;
    overflow: hidden;
}

.promo-list__tooltips {
	display: inline-block;
	font-size: 12px;
	padding: 4px 10px;
    line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 15px;
	background-color: #ffa200;
}

/*----- Promo List Tooltips Color -----*/
.promo-list__tooltips--yellow {
	background-color: #ffa200;
}

.promo-list__tooltips--blue {
	background-color: #3fa3bc;
}

.promo-list__tooltips--blue-darken {
	background-color: #40231D;
}

.promo-list__tooltips--green {
	background-color: #65b01b;
}

.promo-list__tooltips--white {
	background-color: #fff;
}

.promo-list__tooltips--red {
	background-color: #e12323;
}

.promo-list__title {
	font-size: 23px;
	font-weight: 500;
	line-height: 26px;
	color: #fff;
	text-transform: uppercase;
}

.blog-index-row {
	text-align: center;
}

.blog-index-row .promo-list__item {
	display: inline-block;
	vertical-align: top;
	max-width: 360px;
	text-align: left;
}

/*----- Media Styles -----*/
@media only screen and (min-width: 601px) {
	.promo-list__item:hover:before {
		background-color: rgba(0,0,0,0.4);
	}
	.promo-list__item:hover:after {
		-webkit-transform: translateX(61px);
		   -moz-transform: translateX(61px);
		    -ms-transform: translateX(61px);
		        transform: translateX(61px);	
	}
	.promo-list__item:hover .promo-list__content {
		-webkit-transform: translateY(-40px);
		   -moz-transform: translateY(-40px);
			-ms-transform: translateY(-40px);
				transform: translateY(-40px);
	}
}
@media only screen and (max-width: 991px) {
	.blog-index-row .promo-list__item { margin-bottom: 5px; }
}
@media only screen and (max-width: 600px) {
	.promo-list { text-align: center; }
	.promo-list .promo-list__item {
		display: inline-block;
		vertical-align: top;
		width: auto;
		max-width: 380px;
		overflow: hidden;
		margin-bottom: 5px;
		float: none;
		text-align: left;
	}
	.promo-xs-width {
		position: relative;
		max-width: none;
	}
	.promo-list__title {
		font-size: 20px;
		font-weight: normal;
	}
	.promo-list__title br { display: none; }
}
@media only screen and (max-width: 410px) {
	.promo-list .promo-list__item { width: 100%; }
	.promo-list__content { padding: 0 20px 15px 20px; }
}


/*  ======================================================================
        BLOCK: OUR CLIENTS
========================================================================== */
.our-clients {
	padding: 70px 0;
	line-height:100px;
}

.our-clients.border-top {
	border-top: 1px solid #e8eaeb;
}

.our-clients .owl-carousel-custom {
	margin-bottom: 0;
	justify-content:center;
}

.grayscale img {
	max-height:100px;
}


/*  ======================================================================
        BLOCK: MAPS
========================================================================== */
.maps-container {
	height: 325px;
	margin: 40px 0;
}

.map {
	width: 100%;
	height: 100%;
}

.maps-group {
	display: table;
	width: 100%;
}

.maps-list {
	display: table-cell;
	vertical-align: top;
	width: 33%;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.maps-content {
	display: table-cell;
	vertical-align: top;
	height: 300px;
	width: 67%;
}

.maps-list li {
	position: relative;
	padding: 27px 20px 25px 54px;
	margin: 0;
	margin-bottom: 1px;
	background-color: #fff;
	border-left: 2px solid transparent;
	font-size: 14px;
	color: #434343;
	text-align: left;
	cursor: pointer;
}

.maps-list li:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -2px;
	width: calc(100% + 2px);
	height: 1px;
	background-color: #f6f7fe;
}

.maps-list li.active {
	color: #40231D;
	border-color: #40231D;
	font-weight: 500;
}

.maps-list li:before {
    content: "\f041";
    font: 18px 'FontAwesome';
    position: absolute;
    border-radius: 0;
    width: auto;
    height: auto;
    left: 23px;
    top: calc(50% - 9px);
    padding-left: 2px;
    color: #a3a3a3;
    background-color: transparent;
}

.maps-list li.active:before {
	color: #40231D;
	font-weight: normal;
}

.maps-list li:hover {
	color: #40231D;
}

/*----- Maps Block - Index Page -----*/
.maps-section {
	position: relative;
	background: url(../images/bg/maps-bg.jpg) repeat-y center;
	min-height: 250px;
	overflow: hidden;
}

.maps-section .container {
	position: relative;
}

.maps-section__open-maps {
	position: absolute;
	z-index: 2;
	top: calc(50% - 64px);
	right: 45px;
	width: 128px;
	height: 128px;
	border-radius: 50%;
	background-color: #ffcd2c;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
			transition: all 0.4s;
	overflow: hidden;
	opacity: 1;
	visibility: visible;
}

.maps-section__open-maps:hover {
	background-color: #f9d769;
}

.maps-section__open-maps span {
	position: absolute;
	top: calc(50% - 21px);
	width: 100%;
	padding-top: 30px;
	text-align: center;
	font-size: 14px;
	color: #434343;
	text-transform: uppercase; 
	white-space: nowrap;
}

.maps-section__open-maps span:before {
	content: '\e915';
    font: 22px 'font-caplus';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -11px;
}

.maps-section__open-maps.active {
	opacity: 0;
	z-index: 15;
	visibility: hidden;
    -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
    	-ms-transform: scale(0.6);
    		transform: scale(0.6);
}

.maps-section__close-maps {
	visibility: hidden;
	opacity: 0;
	line-height: 60px;
	text-align: center;
    position: absolute;
	top: calc(50% - 30px);
	right: 110px;
	z-index: 20;
	width: 60px;
	height: 60px;
	margin-right: -30px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	cursor: pointer;
	overflow: hidden;
    -webkit-transform: scale(0.4);
       -moz-transform: scale(0.4);
    	-ms-transform: scale(0.4);
    		transform: scale(0.4);	
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
			transition: all 0.4s;
}

.maps-section__close-maps.active {
	visibility: visible;
	opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
    	-ms-transform: scale(1);
    		transform: scale(1);
}

.map-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.8s;
	   -moz-transition: opacity 0.8s;
			transition: opacity 0.8s;
}

.map-bg.active {
	opacity: 1;
}

.maps-section__content {
	position: relative;
	z-index: 2;
	padding: 75px 30px;
	-webkit-transition: all 0.8s;
	   -moz-transition: all 0.8s;
			transition: all 0.8s;
}

.maps-section__content.active {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
			transition: all 0.4s;
}

.maps-section__text {
	color: #40231D;
	font-size: 26px;
	text-transform: uppercase;
	line-height: 24px;
	margin-bottom: 30px;
}

.maps-section__link {
	position: relative;
	display: block;
	width: 189px;
	padding: 13px 0 10px 66px;
	border: 1px solid #40231D;
	color: #213b79;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none !important;
	overflow: hidden;
}

.maps-section__link:before, 
.maps-section__link:after {
	content: '\e917';
	font: 22px 'font-caplus';
	color: #2f4881;
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -11px;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    	transition: all .3s;
}

.maps-section__link:after {
	top: 200%;
	color: #feda64;
}

.maps-section__link:hover:before {
	top: -200%;
}

.maps-section__link:hover:after {
	top: 50%;
}

/*----- Media Styles -----*/
@media only screen and (max-width: 767px) {
	.maps-section { min-height: 340px; }
	.maps-section__content {
		padding: 45px 10px;
		text-align: center;
	}
	.maps-section__link {
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	.maps-section__open-maps {
		top: calc(100% - 24px);
		right: calc(50% - 64px);
	}
	.maps-section__close-maps {
		top: 100%;
		right: 50%;
	}
	.maps-list,
	.maps-content,
	.maps-group {
		display: block;
		width: auto;
	}
}
@media only screen and (max-width: 480px) {
	.maps-section__text { font-size: 20px; }
	.maps-list li { padding: 17px 20px 15px 34px; }
	.maps-list li:before { left: 12px; }
}


/*  ======================================================================
        BLOCKS: MAIN SLIDER
========================================================================== */
.main-slider-wrap {
width:100%;
margin: auto;
	overflow: hidden;
}

.main-slider-wrap.full {
	position: relative;
	height: 100%;
	margin-bottom: -142px;
	top: -142px;
}

.main-slider,
.slick-list,
.slick-track,
.main-slider__item,
.main-slider__item .container {
	position: relative;
	height: 100%;
}

.main-slider__item {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	outline: none !important;
}

.main-slider__content {
	position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    text-transform: uppercase;
    text-align: left;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
    		transform: translateY(-50%);
}

.main-slider-wrap.full .main-slider__content {
    -webkit-transform: translateY(-33%);
       -moz-transform: translateY(-33%);
    		transform: translateY(-33%);
}

.main-slider__content .h1 {
	font-size: 48px;
	font-weight: 300;
	color: #40231D;
}

.main-slider__content .h4 {
	margin-top: 0;
	font-size: 24px;
	font-weight: 300;
	color: #40231D;
}

.main-slider__content .h1 span:after {
	display: none;
}

/*----- INDEX -----*/
/*----- Main-Slide 1.1 -----*/
.main-slide-11 .main-slider__content {
    -webkit-transform: translateY(-40%);
       -moz-transform: translateY(-40%);
    		transform: translateY(-40%);
}
.main-slide-11 .h1 {
	margin-bottom: 30px;
}
.main-slide-11 .h4 {
	text-transform: none;
	line-height: 32px;
}

/*----- SHOP-1 -----*/
/*----- Main-Slide 2.1 -----*/
.main-slide-21 .main-slider__content {
    left: 50%;
}
.main-slide-21 .h1 {
	margin-bottom: 30px;
}
.main-slide-21 .h4 {
	margin-bottom: 49px;
	font-size: 30px;
	color: #000;
}

/*----- Main-Slide 2.2 -----*/
.main-slide-22 .main-slider__content {
    text-align: right;
}
.main-slide-22 .h1,
.main-slide-22 .h2 {
	margin-bottom: 10px;
	margin-top: 0px;
}
.main-slide-22 .h2 {
	color: #fff;
	font-size: 48px;
	font-weight: 300;
}
.main-slide-22 .h4 {
	margin-bottom: 10px;
	color: #000;
}

/*----- Main-Slide 2.3 -----*/
.main-slide-23 .main-slider__content {
	-webkit-transform: translateY(-80%);
       -moz-transform: translateY(-80%);
    		transform: translateY(-80%);
}
.main-slide-23 .h1 {
	margin-bottom: 30px;
}
.main-slide-23 .h4 {
	margin-bottom: 10px;
	color: #000;
}

/*----- SHOP-2 -----*/
/*----- Main-Slide 3.1 -----*/
.main-slide-31 .h1 {
	margin-bottom: 10px;
	color: #fff;
}
.main-slide-31 .h1 span {
	font-size: 72px;
}
.main-slide-31 .h4 {
	font-size: 48px;
	color: #fff;
}

/*----- Main-Slide 3.2 -----*/
.main-slide-32 .h1 {
	margin-bottom: 64px;
}
.main-slide-32 .h1:after {
    content: '';
    position: absolute;
    bottom: -27px;
    left: 0;
    display: block;
    width: 130px;
    height: 1px;
    background-color: #40231D;
}
.main-slide-32 .h4 {
	margin-bottom: 10px;
}
.main-slide-32 .h5 {
	margin-top: 0;
	font-size: 36px;
	color: #40231D;
}

/*----- Main-Slide 3.3 -----*/
.main-slide-33 .main-slider__content {
    text-align: center;
}
.main-slide-33 .h1 {
	margin-bottom: 40px;
	color: #fff;
}
.main-slide-33 .h4 {
	color: #fff;
}
.main-slide-33 .h4:after {
    content: '';
    position: absolute;
    bottom: -27px;
    left: calc(50% - 40px);
    display: block;
    width: 80px;
    height: 1px;
    background-color: #fff;
}

/*----- CORPORATE 1 -----*/
/*----- Main-Slide 4.1 -----*/
.main-slide-41 .main-slider__content {
    text-align: center;
	-webkit-transform: translateY(-33%);
	   -moz-transform: translateY(-33%);
			transform: translateY(-33%);
}
.main-slide-41 .h1 {
	margin-bottom: 40px;
	line-height: 1.2;
}
.main-slide-41 .h1:before {
	content: '';
	display: block;
	width: 150px;
	height: 1px;
	position: absolute;
	top: -40px;
	left: calc(50% - 75px);
	background: #242424;
}
.main-slide-41 .h4 {
	margin-bottom: 49px;
	text-transform: none;
}
.main-slide-41 .btn-3 {
	border-color: #40231D;
	color: #40231D;
}
.main-slide-41 .btn-3:hover {
	color: #40231D;
}

/*----- Main-Slide 4.2 -----*/
.main-slide-42 .main-slider__content {
	-webkit-transform: translateY(-34%);
	   -moz-transform: translateY(-34%);
			transform: translateY(-34%);
}
.main-slide-42 .h1 {
	margin-bottom: 40px;
}
.main-slide-42 .h1 span {
	position: relative;
	z-index: 1;
}
.main-slide-42 .h1:before {
	content: attr(data-bg-text);
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	font-size: 140px;
	color: rgba(256, 256, 256, 0.6);
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
			transform: translateY(-50%);
}
.main-slide-42 .h4 {
	margin-bottom: 0;
}

/*----- Main-Slide 4.3 -----*/
.main-slide-43 .main-slider__content {
	-webkit-transform: translateY(-34%);
	   -moz-transform: translateY(-34%);
			transform: translateY(-34%);
}
.main-slide-43 .h1 {
	margin-bottom: 40px;
}
.main-slide-43 .h4 {
	margin-bottom: 0;
}

/*----- CORPORATE 2 -----*/
/*----- Main-Slide 5.1 -----*/
.main-slide-51 .h1 {
	margin-bottom: 25px;
	line-height: 1.2;
}
.main-slide-51 .h4 {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}

/*----- Main-Slide 5.2 -----*/
.main-slide-52 .h1 {
	margin-bottom: 25px;
	color: #fff;
	line-height: 1.2;
}
.main-slide-52 .btn-3 {
	border-color: #fff;
	color: #fff;
}
.main-slide-52 .btn-3:hover {
	color: #40231D;
}

/*----- Main-Slide 5.3 -----*/
.main-slide-53 .h1 {
	margin-bottom: 35px;
	color: #fff;
	line-height: 1.2;
}
.main-slide-53 .h1:before {
	content: '';
	display: block;
	width: 88px;
	height: 2px;
	position: absolute;
	top: -20px;
	left: 0;
	background: #ffdd70;
}
.main-slide-53 .h4 {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}

/*----- CORPORATE 3 -----*/
/*----- Main-Slide 6.1 -----*/
.main-slide-61 .main-slider__content {
    text-align: center;
}
.main-slide-61 .h1 {
	margin-bottom: 20px;
	color: #fff;
	text-transform: uppercase;
}
.main-slide-61 .h1 span {
	position: relative;
	z-index: 1;
}
.main-slide-61 .h1:before {
	content: attr(data-bg-text);
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 130px;
	color: #1d3767;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
			transform: translateY(-50%);
}
.main-slide-61 .h4 {
	margin-bottom: 0;
	color: #fff;
}

/*----- Main-Slide 6.2 -----*/
.main-slide-62 .main-slider__content {
    text-align: center;
}
.main-slide-62 .h1 {
	margin-bottom: 30px;
	color: #fff;
	line-height: 1.2;
}
.main-slide-62 .h5 {
    margin-bottom: 30px;
    font-size: 24px;
	color: #fff;
}
.main-slide-62 .h5:before {
	content: '';
	display: block;
	width: 88px;
	height: 2px;
	position: absolute;
	bottom: -20px;
	left: calc(50% - 44px);
	background: #ffdd70;
}
.main-slide-62 .btn-3 {
	border-color: #fff;
	color: #fff;
	padding: 11px 46px 9px 46px;
}
.main-slide-62 .btn-3:hover {
	color: #40231D;
}

/*----- Main-Slide 6.3 -----*/
.main-slide-63 .main-slider__content {
    text-align: center;
}
.main-slide-63 .h1 {
	margin-bottom: 15px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
}
.main-slide-63 .h5 {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
	margin-bottom: 0;
	border: 1px solid #fff;
    font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.main-slide-63 .h4 {
	font-size: 18px;
	color: #fff;
}

/*----- Media Styles -----*/
@media only screen and (max-width: 991px) {
	.main-slider-wrap.full { 
		margin-bottom: 0;
		top: 0;
	}
	.main-slider__item .h1 { font-size: 40px; }
	.main-slider__item .main-slider__content {
		-webkit-transform: translateY(-50%) !important;
		   -moz-transform: translateY(-50%) !important;
				transform: translateY(-50%) !important;
	}

	/*----- Main-Slide 4.1 -----*/
	.main-slide-41 .h1 { margin-bottom: 30px; }
	.main-slide-41 .h4 { margin-bottom: 40px; }
	/*----- Main-Slide 4.2 -----*/
	.main-slide-42 .h1:before { font-size: 130px; }

	/*----- Main-Slide 6.1 -----*/
	.main-slide-61 .h1:before { font-size: 110px; }

}
@media only screen and (max-width: 600px) {
	.main-slider__item .h1 {
		font-size: 36px;
		line-height: 48px;
	}
	.main-slider__item .main-slider__content {
		left: 0;
		right: 0;
		text-align: center;
	}
	/*----- Main-Slide 1.1 -----*/
	.main-slide-11 .h4 { font-size: 20px; }

	/*----- Main-Slide 3.1 -----*/
	.main-slide-31 .h1 span { font-size: 52px; }
	/*----- Main-Slide 3.2 -----*/
	.main-slide-32 .h1:after { left: calc(50% - 65px); }
	/*----- Main-Slide 4.2 -----*/
	.main-slide-42 .h1:before { font-size: 100px; }

	/*----- Main-Slide 5.1 -----*/
	.main-slide-51 { background-position: 67% top; }
	/*----- Main-Slide 5.2 -----*/
	.main-slide-52 { background-position: 54% top; }
	/*----- Main-Slide 5.3 -----*/
	.main-slide-53 .h1:before { left: calc(50% - 44px); }
}
@media only screen and (max-width: 424px) {
	.main-slider__item .h1 {
		font-size: 32px;
		line-height: 42px;
	}
	.main-slider__content { padding: 0 15px; }

	/*----- Main-Slide 1.1 -----*/
	.main-slide-11 { background-position: 24% top; }

	/*----- Main-Slide 2.1 -----*/
	.main-slide-21 { background-position: 48% top; }
	/*----- Main-Slide 2.2 -----*/
	.main-slide-22 .h4 { font-size: 20px; }
	/*----- Main-Slide 2.3 -----*/
	.main-slide-23 { background-position: 24% top; }

	/*----- Main-Slide 3.1 -----*/
	.main-slide-31 .h1 span {
		display: block;
		margin-bottom: 20px;
	}
	/*----- Main-Slide 3.2 -----*/
	.main-slide-32 .h5 { font-size: 30px; }

	/*----- Main-Slide 4.2 -----*/
	.main-slide-42 .h1:before { font-size: 80px; }
	.main-slide-42 .h1 span { display: block; }

	/*----- Main-Slide 5.1 -----*/
	.main-slide-51 { background-position: 65% top; }
	/*----- Main-Slide 5.2 -----*/
	.main-slide-52 { background-position: 57% top; }

	/*----- Main-Slide 6.1 -----*/
	.main-slide-61 .h1:before { font-size: 80px; }
	.main-slide-61 .h4 { text-transform: none; }
}
@media only screen and (max-width: 320px) {
	/*----- Main-Slide 5.1 -----*/
	.main-slide-51 { background-position: 64% top; }
}
@media only screen and (max-height: 767px) {
	.main-slider-wrap.full { height: calc(100% - 400px); }
}
@media only screen and (max-height: 767px) and (max-width: 991px) {
	.main-slider-wrap.full { height: calc(100% - 400px); }
}


/*  ======================================================================
        SHOP: FILTER - SIDEBAR
========================================================================== */
.filter {
	background-color: #fff;
}

.catalog-content {
	padding: 0;
	background: transparent;
}

.filter .widget-filter {
	display: block;
	margin: 0;
	border-bottom: 1px solid #dae9f0;
}

.widget-filter .label-checkbox {
	display: block;
	margin-right: 0;
}

.widget-filter .label-checkbox:last-child {
	margin-bottom: 0;
}

.widget-filter__title {
	position: relative;
	font-size: 16px;
	color: #434343;
	font-weight: 300;
	padding: 25px 30px;
	line-height: 18px;
	cursor: pointer;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
    		transition: all 0.2s;
}

.widget-filter__title:hover {
	background-color: #ECEBEC;
}

.widget-filter__title:after {
	content: '';
	width: 1px;
	height: 17px;
	background-color: #565656;
	position: absolute;
	right: 38px;
	top: 25px;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
    		transition: all 0.3s;
}

.widget-filter__title:before {
	content: '';
	width: 17px;
	height: 1px;
	background-color: #565656;
	position: absolute;
	right: 30px;
	top: 33px;
}

.widget-filter.opened .widget-filter__title:after {
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
    	-ms-transform: rotate(-90deg);
    		transform: rotate(-90deg);
}

.filter__l-grid {
	display: none;
}

.filter__content {
	position: relative;
	padding: 30px;
	padding-top: 10px;
}

.filter__content label {
	display: block;
	margin-bottom: 10px;
}

.filter__color {
	font-size: 0;
	padding: 27px;
	padding-top: 7px; 
}

.filter__color-box {
	display: inline-block;
	width: 36px;
	height: 36px;
	background-color: #000;
	cursor: pointer;
	margin: 3px;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
}

.filter__color-box:hover {
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
    	-ms-transform: scale(0.9);
    		transform: scale(0.9);	
}

.filter__color-box.red {
	background-color: #c62128;
}

.filter__button {
	display: block;
	width: 100%;
	padding: 14px 0px 11px 0px;
	margin-top: -1px;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
}

.filter__range-slider {
	height: 16px;
	padding-top: 7px;
}

.range-slider__input-bg {
	margin-bottom: 17px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	color: #434343;
}

.range-slider__input-bg input {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 29px;
	border: 1px solid #d7e7ef;
	border-radius: 4px;
	background-color: #fff;
	padding: 0 11px;
	margin: 0 4px;
	font-size: 14px;
	font-weight: 300;
	color: #434343;
}

.range-slider__input-bg input:last-child {
	margin-right: 0;
}

/*----- COLOR FILTER -----*/
.gray-light-l2 {
	background-color: #d3d7d8;
}
.gray-light {
	background-color: #bcbdbf;
} 
.gray-dark {
	background-color: #898a8c;
}
.black-bluish-dark {
	background-color: #414244;
}
.black {
	background-color: #090a0c;
}
.dove-colored {
	background-color: #7bb3c4;
}
.dark-cerulean {
	background-color: #08698c;
}
.sapphirine {
	background-color: #09355a;
}
.antique-brass {
	background-color: #d3a977;
}
.ocher {
	background-color: #cd8123;
}
.dark-coral {
	background-color: #ca614b;
}
.red-dark {
	background-color: #e01a23;
}
.purple {
	background-color: #c50a7b;
}
.purple-light {
	background-color: #c86292;
}
.pearl-purple {
	background-color: #8776a3;
}
.blue-steel {
	background-color: #4376a5;
}
.green-light {
	background-color: #41a8a4;
}
.ochre-yellow {
	background-color: #91a841;
}


/*  ======================================================================
        SHOP: MAIN CATALOG
========================================================================== */
.catalog-index {
	padding: 0px;
}

.catalog-index__item {
	padding: 35px 70px;
	border-bottom: 1px solid #f1f0f0;
}

.catalog-index__item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.catalog-index__item-title {
	margin-bottom: 8px;
	font-size: 20px;
	color: #40231D;
}

a.catalog-index__item-title:hover {
	text-decoration: none;
}

.catalog-index__menu {
	font-size: 0;
}

.catalog-index__menu-list {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

.catalog-index__menu-list li {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	margin-bottom: 6px;
	width: 33.33333333%;
}

.catalog-index__menu-list li:before {
	display: none;
}

.catalog-index__menu-list a {
	font-size: 14px;
	line-height: 24px;
	color: #434343;
}

.catalog-index__item-img {
	padding-left: 15px;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 1199px) {
	.catalog-index { padding: 0; }
	.catalog-index__item { padding: 35px 40px; }
}
@media only screen and (max-width : 991px) {
	.catalog-index__menu-list li { width: 50%; }
	.catalog-index__item-title { display: block; }
	.catalog-index__item-img {
		margin-bottom: 20px;
		padding: 0;
		text-align: left;
	}
	.catalog-index__item-img img { max-width: 245px; }
}
@media only screen and (max-width : 600px) {
	.catalog-index__menu-list li { width: 100%; }
}
@media only screen and (max-width : 480px) {
	.catalog-index { padding: 0; }
}
@media only screen and (max-width : 425px) {
	.catalog-index__item { padding: 35px 30px; }
	.catalog-index__item-img img { max-width: 100%; }
}


/*  ======================================================================
        SHOP: LIST OF PRODUCTS
========================================================================== */
.section-banners {
	margin-bottom: 16px;
}

.section-banners .owl-slider {
	margin-bottom: 0;
}

.catalog__title {
	font-size: 24px;
	font-weight: 300;
	color: #434334;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.other-categories {
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

.other-categories li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

.other-categories li:before {
	display: none;
}

.other-categories li:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 11px;
	width: 1px;
	background-color: #434343;
	margin: 0px 7px 0 12px;
}

.other-categories li:last-child:after {
	display: none;
}

.other-categories a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	text-decoration: none !important;
	font-size: 12px;
	color: #434343;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

.other-categories a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 1px;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-transform: translateX(-102%);
       -moz-transform: translateX(-102%);
        -ms-transform: translateX(-102%);
            transform: translateX(-102%); 
    background-color: #40231D;
}

.other-categories a:hover:before {
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);	
}

.sort-block {
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid #c9c9c9;
	font-size: 0;
}

.sort-block__left,
.sort-block__right {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	font-size: 14px;
}

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

.sort-block__filter > span,
.sort-block__view > span {
	display: inline-block;
	vertical-align: top;
    line-height: 25px;
    margin-right: 10px;
    font-size: 14px;
    color: #434343;
}

.sort-block__select {
	width: 90px;
	height: 25px;
}

.sort-block__select .select__title {
	height: 25px;
	padding: 0;
	padding-left: 10px;
	background-color: transparent;
	font-size: 14px;
	color: #40231D;
	line-height: 25px;
}

.sort-block__select .select__list {
	padding: 0;
}

.sort-block__select .select__item  {
    padding: 11px 10px;
    font-size: 14px;
    text-decoration: none;
    line-height: 11px;
}

.sort-block__select .select__item.min:after,
.sort-block__select .select__item.max:after,
.sort-block__select .select__title.min:after,
.sort-block__select .select__title.max:after {
	position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -5px;
    display: block;
	font: 8px 'font-caplus';
    content: '\e908';
}

.sort-block__select .select__item.max:after,
.sort-block__select .select__title.max:after {
	content: '\e90e';
}

.sort-block__display {
	display: inline-block;
	vertical-align: top;
	height: 17px;
	margin-top: 4px;
	overflow: hidden;
}

.sort-block__display a {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
}

.sort-block__display a:last-child {
	margin-right: 0;
}

.sort-block__display a:before {
	display: block;
	color: #969696;
	font-family: 'font-caplus';
	font-size: 17px;
	line-height: 17px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
            transition: all .2s;
}

.sort-block__display a:hover:before,
.sort-block__display a.active:before {
	color: #434343;
}

.sort-block__display-block:before {
	content: '\e921';
}

.sort-block__display-list:before {
	content: '\e923';
}

.sort-block__view {
	display: inline-block;
	vertical-align: top;
}

.sort-block__view + .sort-block__display {
	margin-left: 20px;
}

.sort-block__view .select__title:after {
	position: absolute;
    right: 7px;
    top: 15px;
    margin-left: 5px;
    color: #010101;
    font-size: 9px;
}

.sort-block__view .sort-block__select {
	width: 50px;
}

/*----- Mobail Filter -----*/
.mb-filter-opened,
.mb-filter-title {
	position: relative;
	padding-left: 36px;
	font-size: 16px;
	color: #959595;
	background-color: #fff;
}

.mb-filter-opened {
	color: #09355a;
	padding: 16px 20px 16px 56px;
	margin: -16px 0 -16px -18px;
	border-right: 2px solid #f6f6f6;
}

.mb-filter-opened:before,
.mb-filter-title:before {
	content: '\e92f';
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	line-height: 20px;
	font: 20px 'font-caplus';
}

.mb-filter-opened:before {
	left: 20px;
	top: 18px;
}

.filter-overlay {
	position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #000;
    cursor: pointer;
    -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;
            transition: all 0.4s;
}

.filter-overlay.active {
    opacity: .6;
    visibility: visible;
}

.mb-filter-head {
	display: none;
	position: fixed;
	z-index: 9;
	top: 0;
	width: calc(100% - 20px);
	background-color: #fff;
	border-bottom: 1px solid #dae9f0;
	padding: 14px 20px;
}

.mb-filter-close {
	position: absolute;
	top: 18px;
	right: 20px;
	z-index: 9;
	display: block;
	width: 17px;
	height: 17px;
	color: #09355a;
	font-size: 17px;
}

/*----- Media Styles -----*/
@media only screen and (min-width: 1199px) {
	.section-banners {
		height: 230px;
		overflow: hidden;
	}
}
@media only screen and (max-width: 991px) {
	.section-banners { margin-bottom: 20px; }
	.sort-block {
		display: flex;
		justify-content: space-between;
		padding: 16px 18px;
		margin-top: 20px;
		margin-bottom: 6px;
		border: none;
		background-color: #fff;
	}
	.sort-block__left,
	.sort-block__right {
		width: auto;
	}
	.sort-block__right { margin-left: 25px;	}
	.filter {
		position: fixed;
		top: 10px;
		left: 50%;
		width: 100%;
		height: calc(100% - 10px);
		max-width: 500px;
		min-width: 320px;
		z-index: 2000;
		visibility: hidden;
		background-color: transparent;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.filter.active { visibility: visible; }
	.filter-in {
		width: calc(100% - 20px);
		height: calc(100% - 10px);
		padding: 54px 0 50px 0;
		margin: 0 10px;
		opacity: 0;
		overflow: auto;
		background-color: #fff;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
				transition: all 0.3s;
		will-change: opacity;
	}
	.filter.active .filter-in {	opacity: 1;	}
	.mb-filter-head { display: block; }
	.filter__button {
		position: fixed;
		bottom: 10px;
		z-index: 99;
		width: calc(100% - 20px);
	}
	.widget-filter__title {	padding: 15px 30px;	}
	.widget-filter__title:after { top: 15px; }
	.widget-filter__title:before { top: 23px; }
	.filter__content { padding-bottom: 20px; }
	.filter__content .label-checkbox { margin-bottom: 10px; }
}

@media only screen and (max-width : 360px) {
	.sort-block__filter > span { display: none; }
}


/*  ======================================================================
        SHOP: SINGLE PAGE
========================================================================== */
.shop-single-content {
	background-color: #fff;
}

/*----- SHOP-SINGLE: TOP SECTION -----*/
.shop-single-top {
	border-bottom: 1px solid #f6f6f6;
}

.shop-single-top:after {
	content: '';
	display: table;
	clear: both;
}

/*----- SHOP-SINGLE: BACK BUTTON -----*/
.back {
	width: 100px;
	height: 50px;
	padding: 0 15px;
	line-height: 51px;
	font-weight: 300;
	font-size: 14px;
	color: #969696;
	text-decoration: none !important;
	vertical-align: top;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	  	    transition: all .3s;
	cursor: pointer;
}

.back:before {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	content: "\e902";
	font-size: 18px;
	font-family: 'font-caplus' !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.back:hover {
    background-color: #ECEBEC;
}

/*----- SHOP-SINGLE: ADD COMPARE && FAVORITES -----*/
.add-container {
	padding-top: 16px;
}

.add-container .add-compare,
.add-container .add-favorites {
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}

.add-container .add-favorites:after {
    left: 1px;
}

/*----- SHOP-SINGLE: ROW & COL -----*/
.shop-single-row {
	padding: 30px 0;
	margin: 0;
	border-bottom: 2px solid #f6f6f6;
}

.shop-single-col {
	padding: 0 65px;
}

/*----- SHOP-SINGLE: GALLERY -----*/
.product-gallery-wrap {
	height: 400px;
	cursor: zoom-in;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}

.product-gallery-wrap img {
	cursor: zoom-in;
}

.product-gallery-nav-wrap {
	height: 60px;
	overflow: hidden;
	text-align: center;
}

.product-gallery-nav {
	padding: 0 40px;
	max-width: 500px;
	margin: 0 auto;

}

.product-gallery-nav__img {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
    -webkit-transition: all .3s;
   	   -moz-transition: all .3s;
		    transition: all .3s;
}

.product-gallery-nav__item.active .product-gallery-nav__img,
.product-gallery-nav__item:hover  .product-gallery-nav__img{
	opacity: 1;
}

.product-gallery-nav-wrap .owl-prev:before,
.product-gallery-nav-wrap .owl-next:before {
	font-size: 22px;
}

/*----- SHOP-SINGLE: BADGE -----*/
.shop-single-content .product__badge,
.shop-single-content .rating {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 0;
    left: 0;
}

.shop-single-content .product__badge {
	margin-right: 20px;
}

/*----- SHOP-SINGLE: PRODUCT INFO -----*/
.shop-single-name {
	margin-top: 20px;
	margin-bottom: 10px; 
	font-size: 24px;
	font-weight: 300;
	color: #434343;
	text-transform: none;
}

.shop-single-prev-text {
    font-size: 14px;
    color: #646464;
    line-height: 18px;
}

/*----- SHOP-SINGLE: PRODUCT PRICE -----*/
.shop-single-price-wrap {
	padding-bottom: 25px;
	margin-top: 40px;
	border-bottom: 1px solid #F1EFEF;
	font-size:25px;
}
.shop-single-price-wrap i{
margin-right:15px;
}

.shop-single-new-price,
.shop-single-old-price {
	display: inline-block;
	vertical-align: bottom;
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	color: #434343;
}

.shop-single-old-price {
	margin-left: 15px;
	font-size: 18px;
	line-height: 12px;
	color: #737373;
	text-decoration: line-through;
}

/*----- SHOP-SINGLE: PRODUCT PROPERTIES -----*/
.shop-single-prop {
    margin-top: 20px;
    padding-bottom: 10px;
	border-bottom: 1px solid #F1EFEF;
}

.shop-single-prop__select {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}

.shop-single-prop__select:not(:last-child) {
	margin-right: 40px;
}

.select-prop__title {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 300;
	color: #959595;
}

.select-color__item,
.select-size__item {
	position: relative;
	z-index: 9;
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	padding: 0;
	margin-right: 7px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 25px;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
}

.select-color__item a,
.select-size__item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #959595;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
}

.select-color__item:before,
.select-size__item:before {
	display: block !important;
	content: '';
	position: absolute;
	top: -3px;
    left: -2px;
	width: 30px;
	height: 30px;
	background-color: #40231D;
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
    	-ms-transform: scale(0.8);
    		transform: scale(0.8);	
}

.select-color__item:before {
	opacity: 1;
}

/*----- SELECT PROP: COLOR -----*/
.select-color__item.purple:before {
	background-color: #c50a7b;
}
.select-color__item.blue-steel:before {
	background-color: #4376a5;
}
.select-color__item.green-light:before {
	background-color: #41a8a4;
}
.select-color__item.ochre-yellow:before {
	background-color: #91a841;
}

.select-color__item:hover:before,
.select-color__item.active:before,
.select-size__item:hover:before,
.select-size__item.active:before {
	opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
    	-ms-transform: scale(1);
    		transform: scale(1);	
}

.select-size__item:hover a,
.select-size__item.active a {
	color: #fff;
}

/*----- SHOP-SINGLE: BUY -----*/
.shop-single-add-cart i {
	top: 1px;
}

.shop-single-buy-wrap {
	margin-top: 30px;
}

.shop-single-buy-wrap .amount {
	margin-right: 30px;
}

/*----- SHOP-SINGLE: INFO BLOCK -----*/
.shop-single-iblock {
	padding: 30px 35px;
	padding-right: 10px;
	border: 2px solid #cbd2e5;
}

.shop-single-iblock:not(:last-child) {
	margin-bottom: 30px;
}

.icon-block {
	overflow: hidden;
}

.icon-block__img {
	float: left;
	width: 70px;
	color: inherit;
	text-align: left;
}

.icon-block__img i {
	display: inline-block;
	vertical-align: top;
}

.icon-block__content {
	margin-left: 70px;
	font-size: 14px;
	color: #a9a9a9;
}

.icon-block__title {
	line-height: 18px;
	text-transform: uppercase;
	color: #40231D;
}

.shop-single-iblock .icon-block:not(:last-child) {
	margin-bottom: 35px;
}

/*----- SHOP-SINGLE: TABS -----*/
.shop-single-tabs .tab__link {
	font-size: 15px;
	color: #434343;
	margin: 0 25px;
	border-bottom-style: solid;
}

.shop-single-tabs__mb-title {
	display: none;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #434343;
	text-transform: uppercase;
	border-bottom: 1px solid #959595;
}

.shop-single-tabs__mb-title:after {
	content: '\e900';
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'font-caplus';
	font-size: 15px;
}

.shop-single-tabs .tab__link:hover, 
.shop-single-tabs .tab__link.active {
	color: #434343;
	border-color: #434343;
}

.shop-single-tabs .tab__link:last-child {
	margin-right: 0;
}
.shop-single-tabs .tab__link:first-child {
	margin-left: 0;
}

.shop-single-tabs .tab__content {
	padding: 30px 0;
}

.shop-single-tabs__title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 300;
}

.shop-single-tabs__desc {
	margin-bottom: 40px;
}

.shop-single-tabs__desc p {
	font-weight: 300;
}

.table-2td {
	width: 100%;
}

.table-2td tr:not(:last-child) {
	border-bottom: 1px solid #eae8e8;
}

.table-2td td {
	font-size: 14px;
	color: #434343;
	padding: 18px 0 5px 0;
}

.table-2td td:first-child {
	text-align: left;
}

.table-2td td:last-child {
	text-align: right;
	font-weight: 300;
}

.shop-single-comments {
	border: none;
}

.shop-single-comments .comments__title {
	font-size: 20px;
}

/*----- SHOP-SINGLE:BANNER -----*/
.banner-1 {
	height: 273px;
	padding: 27px 0;
	margin-bottom: 30px;
	background-color: #17c5cc;
	text-align: center;
}
.banner-1__title {
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
}
@media only screen and (max-width: 480px) {
	.banner-1 { height: 227px; }
	.banner-1 img { max-width: 240px; }
	.banner-1__title { font-size: 24px; }
}

/*----- SHOP-SINGLE: SUBSCRIBE -----*/
.section-subscribe {
	text-align: center;
	background: url('../images/bg/wave_bg.png') no-repeat bottom right, #fff;
}

.section-subscribe form {
	display: inline-block;
	max-width: 450px;
}

.section-subscribe form input {
	text-align: center;
	border: 0;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 20px;
}

/*----- Media Styles -----*/
@media only screen and (min-width : 991px) {
	.shop-single-col:last-child { padding-left: 0px; }
}
@media only screen and (max-width : 1199px) {
	.shop-single-col { padding: 0 35px; }
	.shop-single-prop__select:not(:last-child) { margin-right: 30px; }
}
@media only screen and (max-width : 991px) {
	.shop-single-col {
		max-width: 590px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.shop-single-row:nth-child(2) > .shop-single-col:first-child { margin-bottom: 40px; }
}
@media only screen and (max-width: 600px) {
	.product-gallery-wrap { padding: 0 50px; }
	.section-subscribe .section-h1 { font-size: 20px; }
	.shop-single-tabs .tab__link {
		margin: 0 15px;
		font-size: 14px;
	}
}
@media only screen and (max-width: 480px) {
	.product-gallery-wrap { padding: 0; }
	.shop-single-tabs__mb-title { display: block; }
	.shop-single-tabs .tabs__caption {
		display: block;
		height: 0;
		overflow: hidden;
		text-align: left;
	    -webkit-transition: all 0.3s;
	       -moz-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.shop-single-tabs .tabs__caption.active { height: 114px; }
	.shop-single-tabs .tab__link {
		text-align: left;
		padding: 7px 15px 4px 15px;
		margin: 0;
		background-color: #f6f6f6;
		margin-bottom: 0 !important;
		border-bottom: 0 !important;
		color: #434343 !important;
	}
	.shop-single-tabs .tab__link.active { background-color: #efefef; }
	.shop-single-row-1 .shop-single-col:first-child { padding: 0 15px; }
	.shop-single-name { font-size: 20px; }
	.shop-single-iblock { padding: 25px 20px; }
	.shop-single-tabs__title { font-size: 18px; }
	.section-subscribe .section-h1 { margin-bottom: 25px; }
}
@media only screen and (max-width: 425px) {
	.shop-single-tabs__desc .table-2td,
	.shop-single-tabs__desc .table-2td * {
		display: block;
		text-align: left !important;
	}
	.shop-single-tabs__desc .table-2td td { padding: 0; }
	.shop-single-tabs__desc .table-2td tr { padding: 15px 0 5px 0; }
	.shop-single-buy-wrap .amount { margin-right: 15px;	}
	.shop-single-buy-wrap .shop-single-add-cart { float: right; }
	.shop-single-buy-wrap .shop-single-add-cart .btn-e2-bg {
		padding-left: 26px;
		padding-right: 26px;
	}
}
@media only screen and (max-width: 360px) {
	.icon-block__img { width: 60px; }
	.icon-block__content { margin-left: 60px; }
}
@media only screen and (max-width: 359px) {
	.product-gallery-wrap { height: auto; }
	.shop-single-name { font-size: 18px; }
	.shop-single-buy-wrap .amount { margin-right: 20px; }
	.shop-single-buy-wrap .shop-single-add-cart { float: none; }
	.shop-single-buy-wrap .shop-single-add-cart .btn-e2-bg {
		margin-top: 30px;
		padding-left: 32px;
		padding-right: 32px;
	}
	.shop-single-add-cart .add-cart__link:before { right: 30px; }
	.shop-single-add-cart .add-cart__link:after { right: 23px; }
	.section-subscribe .section-h1 {
		font-size: 18px;
		margin-bottom: 15px;
	}
}


/*  ======================================================================
        SHOP: SHOPPING CART
========================================================================== */
.steps-checkout {
	overflow: hidden;
}

.steps-checkout__item {
	padding-top: 10px;
	padding-bottom: 25px;
	border-bottom: 4px solid #dcdcdc;
	text-align: center;
	font-size: 22px;
	font-weight: 300;
	color: #aaa;
}

.steps-checkout__item.active {
	color: #40231D;
	border-bottom: 4px solid #40231D;
}

.basket__table {
	width: 100%;
	table-layout: fixed;
	background-color: #fff;
}

.basket__table th,
.basket__table td {
	text-align: center;
}

.basket__table th {
	padding: 25px 0;
	border-bottom: 1px solid #F1EFEF;
	font-size: 12px;
	font-weight: 300;
	color: #9f9f9f;
	text-transform: uppercase;
}

.basket__table td {
	padding: 30px 0;
	border-bottom: 1px solid #F1EFEF;
	font-size: 16px;
	vertical-align: middle;
}

.basket__table tr:last-child td {
	border-bottom: 0;
}

.basket__product {
	width: 36%;
	white-space: nowrap;
}

.basket__discount {
	color: #2cc557;
}

.basket__price {
	font-size: 18px;
}

.basket__price span {
	display: block;
	text-decoration: line-through;
	color: #c5c5c5;
	font-size: 14px;
}

.basket__result {
	color: #40231D;
}

.basket__remove-item {
	width: 8%;
}

.backet__item {
	-webkit-animation-duration: 13s;
	-webkit-animation-delay: 12s;
	-webkit-animation-iteration-count: infinite;
}

.basket__item .basket__product {
	font-size: 0;
	text-align: left;
	padding-left: 35px;
}

.basket__product-img {
	display: inline-block;
	vertical-align: middle;

	height: 120px;
	margin-right: 30px;
	text-align: center;
	line-height: 70px;
	font-size: 14px;
}

.basket__product-content {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 100px);
}

.basket__product-link {
	display: block;
	color: #434343;
	font-size: 16px;
	white-space: normal;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
			transition: all 0.3s;
}

.basket__product-link:hover {
	color: #40231D;
	text-decoration: none;
}

.basket__product-content .basket__price {
	margin-top: 10px;
}

.basket__product-content  .basket__price span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 13px;
}

.basket__product-content .amount {
	margin-top: 18px;
}

.basket__product-content .basket__price,
.basket__product-content .amount {
	display: none;
}

.basket__remove-link {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #d13c3c;
	background-color: #fff;
	text-decoration: none !important;
	color: #d13c3c;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
	  	    transition: all .4s;
}

.basket__remove-link:before {
	position: absolute;
	top: 6px;
	left: 7px;
	content: '\e91c';
	display: inline-block;
    font-family: 'font-caplus' !important;
	font-size: 8px;
	font-weight: bold;
	color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.basket__remove-link:hover {
	background-color: #d13c3c;
	color: #fff;
}

.basket-footer {
	margin-top: 20px;
	overflow: hidden;
}

.basket-coupon {
	padding: 30px;
	overflow: hidden;
	font-size: 0;
	background: url(../images/bg/basket-coupon.png) no-repeat right top, #fec620;
}

.basket-coupon input {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 202px);
	height: 50px;
	padding: 0 20px;
	margin: 0;
	margin-right: 50px;
	font-size: 16px;
	color: #434334;
	border: none;
	border-bottom: 1px solid #fff !important;
	background: transparent;
}

.basket-coupon input::-webkit-input-placeholder       {font-size: 14px; color: #434343; opacity: 1; transition: opacity 0.1s ease;}
.basket-coupon input::-moz-placeholder                {font-size: 14px; color: #434343; opacity: 1; transition: opacity 0.1s ease;}
.basket-coupon input:-moz-placeholder                 {font-size: 14px; color: #434343; opacity: 1; transition: opacity 0.1s ease;}
.basket-coupon input:-ms-input-placeholder            {font-size: 14px; color: #434343; opacity: 1; transition: opacity 0.1s ease;}
.basket-coupon input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.1s ease;}
.basket-coupon input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.1s ease;}
.basket-coupon input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.1s ease;}
.basket-coupon input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.1s ease;}

.basket-coupon .btn-3 {
	padding: 14px 0 12px 0;
	width: 152px;
}

.basket-coupon .btn-3:hover {
	background-color: rgba(238, 240, 249, 0.4); 
}

.basket-complete {
	padding: 30px;
	padding-left: 35px;
	overflow: hidden;
	background-color: #fff;
}

.basket-total-price {
	color: #434343;
	font-size: 20px;
	font-weight: 300;
	line-height: 48px;
}

.basket-total-price span {
	font-weight: 400;
}

.order-content {
	background-color: #fff;
}

.order-information.tabs {
	overflow: hidden;
	border-bottom: 1px solid #F1EFEF;
	margin-bottom: 0;
}

.order__delivery {
	padding: 30px;
	border-bottom: 1px solid #F1EFEF;
}

.order__payment {
	padding: 30px;
}

.order-information .tabs__content {
	border: none;
}

.order-information .tabs__caption {
	border-bottom: 1px solid #F1EFEF;
}

.order-information .tab__link {
	width: 50%;
	padding: 23px 0;
	margin: 0;
	font-size: 14px;
	font-weight: 300;
	color: #434343;
	text-transform: none;
	text-decoration: none;
	border-bottom: 0;
	background: transparent;
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
            transition: all .4s;
}

.order-information .tab__link:hover {
	color: #40231D;
	background: #e8e7e7;
}

.order-information .tab__link.active {
	color: #40231D;
	background: #f1efef;
}

.order-information .tab__link .radio {
	width: 12px;
	height: 12px;	
	margin-top: 4px;
}

.order-information .tab__link .radio:before {
	top: 4px;
	left: 4px;
	z-index: 9;
	width: 2px;
	height: 2px;
}

.order-information .tab__content {
	overflow: hidden;
	padding: 30px;
}

.order-information textarea {
	height: 110px;
}

.order-method-list {
	margin: -8px -15px;
	font-size: 0;
}

.order-method {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 30px);
	margin: 8px 15px;
	font-size: 14px;
	background-color: #f6f6f6;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
            transition: all .5s;
}

.order-method__content {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 90px;
	margin: 0;
}

.order-method__radio {
	display: table-cell;
	vertical-align: middle;
	width: 72px;
	text-align: center;
}

.order-method__radio .radio {
	display: block;
	margin: 0 auto;
	width: 12px;
	height: 12px;
}

.order-method__radio .radio:before {
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
}

.order-method__icon {
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	height: 50px;
}

.order-method__icon svg {
	fill: #434343;
}

.order-method__text {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px 10px 30px;
	text-align: left;
}

.order-method__title {
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 3px;
	color: #434343;
}

.order-method__desc {
	font-size: 12px;
	font-weight: 300;
	color: #434343;
	line-height: 16px;
}

.order-method.active {
	background-color: #40231D;
}

.order-method.active .radio {
	border-color: #fff;
}

.order-method.active .radio:before {
	background-color: #fff;
}

.order-method.active .order-method__icon svg {
	fill: #fff;
}

.order-method.active .order-method__title {
	color: #fff;
}

.order-method.active .order-method__desc {
	color: #fff;
}

.order-complete {
	padding-top: 80px;
	padding-bottom: 88px;
	background-color: #fff;
	text-align: center;
}

.order-complete__title {
	margin-bottom: 45px;
	font-size: 24px;
	font-weight: 300;
	color: #434343;
}

.order-complete__icon {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.order-complete__text {
	text-align: center;
	margin-top: 35px;
}

.btn--order-complete {
	background-color: #434343;
}

.btn--order-complete:hover {
    background-color: #2c2c2c;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 1199px) {
	.basket-complete .btn { padding: 15px 37px 13px 37px; }
	.order-method__radio { width: 55px; }
	.order-method__text { padding: 10px 15px 10px 20px; }
}
@media only screen and (max-width : 991px) {
	.basket__item .basket__product { padding-left: 10px; }
	.basket__product-img { margin-right: 10px; }
	.steps-checkout__item {
		padding-bottom: 15px;
		font-size: 18px;
	}
	.basket-total-price { 
		width: 50%; 
		white-space: nowrap;
	}
	.basket-complete { margin-top: 20px; }
	.order-method { width: calc(100% - 30px); }
}
@media only screen and (max-width : 767px) {
	.basket__product { width: 42%; }
	.order-information.tabs .tab__link {
		width: 50%;
		margin-bottom: 0;
	}
}
@media only screen and (max-width : 700px) {
	.basket__header,
	.basket__price {
		display: none;
	}
	.basket__product-content { width: calc(100% - 110px); }
	.basket__product-content .basket__price { display: block; }
	.basket__product-img { width: 100px; }
	.basket__product { width: 55%; }
}
@media only screen and (max-width : 600px) {
	.basket__amount,
	.basket__result {
		display: none;
	}
	.basket__product-content .amount { display: inline-block; }
	.basket__remove-item { width: 70px; }
	.basket__product { width: calc(100% - 70px); }
}
@media only screen and (max-width : 520px) {
	.basket-coupon input {
		width: calc(100% - 182px);
		margin-right: 30px;
	}
	.basket-complete { text-align: center; }
	.basket-total-price {
		float: none;
		width: auto;
		text-align: center;
		margin-bottom: 10px;
	}
	.basket-complete .btn { float: none; }
}
@media only screen and (max-width: 480px) {
	.order-information.tabs .tab__link { display: inline-block; }
	.order-method,
	.order-method.active {
		background-color: transparent;
	}
	.order-method.active .order-method__icon svg { fill: #40231D; }
	.order-method.active .order-method__desc,
	.order-method.active .order-method__title {
		color: #40231D;
	}
	.order-method.active .radio { border-color: #40231D; }
	.order-method.active .radio:before { background-color: #40231D;	}
	.order-method__radio {
		width: 25px;
		padding-right: 13px
	}
	.order-method__icon {
		width: 40px;
		height: 30px;
	}
	.order-complete { padding: 40px 0; }
	.order-complete__icon { height: 130px; }
	.order-complete__title { margin-bottom: 25px; }
}
@media only screen and (max-width : 425px) {
	.basket__table td.basket__remove-item { 
		width: 50px;
		vertical-align: top;
	}
	.basket__remove-link { 
		width: 20px;
		height: 20px;
	}
	.basket__remove-link:before {
		top: 4px;
		left: 5px; 
	}
	.basket__product { width: calc(100% - 50px); }
	.basket__product-img { width: 80px;  }
	.basket__product-content { width: calc(100% - 90px); }
	.basket-coupon input {
		width: calc(100% - 122px);
		margin-right: 10px;
	}
	.basket-coupon .btn-3 {	width: 112px; }
	.order-information.tabs .tab__link:first-child { width: 40%;}
	.order-information.tabs .tab__link:last-child { width: 60%; }
	.order-method__text {
		padding: 0 0 10px 10px;
		vertical-align: top;
	}
	.order-method__icon,
	.order-method__radio {
		vertical-align: top;
	}
	.order-method__radio { padding-top: 4px; }
	.order__delivery,
	.order__payment {
		padding: 30px 20px;
	}
	.order__delivery .h4,
	.order__payment .h4 { margin-bottom: 40px; }
}
@media only screen and (max-width : 360px) {
	.basket__product-img { width: 70px; }
	.basket__product-content { width: calc(100% - 80px); }
}
@media only screen and (max-width : 320px) {
	.basket-coupon { padding: 30px 15px; }
	.order-information .tab__content { padding: 25px 20px; }
	.order-method__title { font-size: 16px; }
}


/*  ======================================================================
        BLOG: NEWS LIST
========================================================================== */
.widget {
	position: relative;
	margin-bottom: 30px;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget + .widget.widget-search,
.widget.widget-search:first-child + .widget {
	margin-top: -29px;
}

.widget-search {
	padding: 20px;
	background-color: #fff;
}

.widget-title {
	margin-bottom: 18px;
	font-size: 18px;
	font-weight: 300;
	color: #434343;
	text-transform: uppercase;
}

.aside-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.aside-menu__item {
	position: relative;
	padding: 0;
	margin: 0;
}

.aside-menu__item:before {
	content: '';
	position: absolute;
	top: 23px;
	left: 20px;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 0;
	background: url(../images/icons/aside_menu_item_before.png) no-repeat;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
			transition: all .4s;
}

.aside-menu__link {
	display: block;
	padding: 15px 35px;
	border-bottom: 1px solid #f6f6f6;
	font-size: 14px;
	font-weight: 300;
	color: #434343;
	text-decoration: none !important;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
			transition: all .4s;
}

.aside-menu__item:last-child .aside-menu__link {
	border-bottom: 0;
}

.aside-menu__link span {
	display: block;
	-webkit-transition: inherit;
	   -moz-transition: inherit;
			transition: inherit;
}

.aside-menu__item:hover .aside-menu__link span,
.aside-menu__item.active .aside-menu__link span {
	color: #40231D;
	-webkit-transform: translateX(18px);
       -moz-transform: translateX(18px);
            transform: translateX(18px);
}

.aside-menu__item:hover:before,
.aside-menu__item.active:before {
    -webkit-transform: translateX(18px);
       -moz-transform: translateX(18px);
            transform: translateX(18px);
}

/*----- RECENT POSTS -----*/
.recent-posts__item {
	overflow: hidden;
	padding-bottom: 22px;
	border-bottom: 1px solid #adadad;
	margin-bottom: 22px;
}

.recent-posts__item:last-child {
	margin-bottom: 0;
	padding-bottom: 4px;
	border-bottom: 0;
}

.recent-posts__img {
	display: block;
	float: left;
	text-align: center;
	-webkit-transition: opacity 0.3s;
	   -moz-transition: opacity 0.3s;
			transition: opacity 0.3s;
}

.recent-posts__img:hover {
	opacity: 0.7;
}

.recent-posts__img img {
	display: block;
}

.recent-posts__content {
	margin-left: 80px;
	padding-left: 20px;
	font-size: 14px;
	color: #434343;
}

.recent-posts__text p {
	margin-bottom: 5px;
	line-height: 16px;
}

.recent-posts__text p:last-child {
	margin-bottom: 0;
}

.recent-posts__meta {
	color: #adadad;
	margin-bottom: 15px;
}

.recent-posts__read-more {
	display: block;
	font-size: 14px;
	font-weight: 300;
	line-height: 11px;
	color: #434343;
}

.recent-posts__read-more a.hover-1 {
	padding-bottom: 5px;
	margin-bottom: -5px;
}

/*----- ASIDE PORTFOLIO -----*/
.aside-portfolio {
	margin: -9px;
	font-size: 0;
}

.aside-portfolio__item {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 90px;
	margin: 9px;
	font-size: 14px;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
			transition: all .3s;
}

.aside-portfolio__item:hover {
	opacity: 0.6;
}

/*----- BLOG ARTICLE -----*/
.content--blog {
	background-color: transparent;
	padding: 0;
}

.blog-article-grid {
	padding: 0;
	margin: -15px;
	margin-bottom: 15px;
	font-size: 0;
	background-color: transparent;
}

.blog-article {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(33.33333% - 30px);
	margin: 15px;
	font-size: 14px;
	background-color: #fff;
	text-align: left;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
			transition: all .3s;
}

.content--blog .blog-article {
	width: 378px;
}

.blog-article:hover {
	box-shadow: 0 2px 0 rgba(0,0,0,0.4);
}

.blog-article__img {
	display: block;
}

.blog-article__img iframe {
	width: 100%;
	height: 100%;
}

.blog-article__img--no-photo {
	text-align: center;
	background-color: #d5d5d5;
}

.blog-article__img a {
	display: block;
}

.blog-article__img .owl-slider {
	margin: 0;
}

.blog-article__content {
	position: relative;
	padding: 17px 20px;
	padding-bottom: 20px;
}

.blog-article__title {
	display: inline-block;
	font-size: 16px;
	color: #434343;
	text-decoration: none;
	margin-bottom: 7px;
}

.blog-article__text {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 300;
	color: #434343;
}

.blog-article__read-more {
	display: inline-block;
	margin-bottom: 30px;
	color: #40231D;
	font-size: 14px;
	font-weight: 300;
}

.blog-article__meta {
	overflow: hidden;
}

.date-post {
	position: relative;
	padding-left: 29px;
	font-size: 14px;
	font-weight: 300;
	color: #434343;
}

.date-post span {
	margin-left: 5px;
}

.count-comment {
	position: relative;
	padding-left: 28px;
	font-size: 14px;
	font-weight: 300;
	color: #434343;
}

.date-post:before,
.count-comment:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 19px;
	height: 19px;
    font-family: 'font-caplus' !important;
	font-size: 19px;
	line-height: 19px;
	color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.date-post:before {
	content: '\e92a';
}

.count-comment:before {
	content: '\e91d';
}

/*----- BLOG ARTICELE LIST -----*/
.blog-article.blog-article--list {
	display: block;
	width: auto;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 20px;
	overflow: hidden;
}

.blog-article--list .blog-article__img {
	width: 340px;
	height: 230px;
	float: left;
}

.content--left.content--blog .blog-article--list .blog-article__img,
.content--right.content--blog .blog-article--list .blog-article__img {
	width: 230px;
}

.blog-article--list .blog-article__img + .blog-article__content,
.blog-article--list .blog-article__img + .blog-article__content {
	margin-left: 340px;
}

.content--left.content--blog .blog-article--list .blog-article__img + .blog-article__content,
.content--right.content--blog .blog-article--list .blog-article__img + .blog-article__content {
	margin-left: 230px;
}

.blog-article--list .blog-article__meta {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.blog-article--list .blog-article__img + .blog-article__content .blog-article__meta {
	left: 20px;
}

.blog-article--list .date-post {
	margin-right: 70px;
}

.blog-article--list .blog-article__read-more {
	margin-bottom: 44px;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 1199px) {
	.blog-article-grid {
		margin: -10px;
		margin-bottom: 15px;
	}
	.blog-article-grid .blog-article {
		width: 283px;
		margin: 10px;
	}
}
@media only screen and (max-width : 991px) {
	.blog-article-grid {
		margin: -15px;
		margin-bottom: 15px;
	}
	.blog-article-grid .blog-article {
		width: calc(50% - 30px);
		margin: 15px;
	}
	.blog-article__img { text-align: center; }
	.content-boxed .related-articles { padding: 22px 40px; }
}
@media only screen and (max-width : 768px) {
	.content--blog-full .blog-article--list.blog-article .blog-article__img {
		width: auto;
		height: auto;
		float: none;
		text-align: center; 
	}
	.content--blog-full .blog-article__content { margin-left: 0 !important; }
}
@media only screen and (max-width : 600px) {
	.blog-article__content { margin-left: 0 !important;	}
	.content.content--blog .blog-article--list .blog-article__img, 
	.content.content--blog .blog-article--list .blog-article__img {
		width: auto;
		height: auto;
		float: none;
		text-align: center; 
	}
	.blog-article-grid .blog-article { width: calc(100% - 30px); }
}

@media only screen and (max-width : 360px) {
	.aside-portfolio { text-align: center; }
	.aside-portfolio__item {
		width: 84px;
		height: 84px;
	}
}

/*  ======================================================================
        BLOG: SINGLE PAGE
========================================================================== */
.blog-item-page .comments {
	padding: 30px 80px;
}

.comments--full {
	margin: 0 -28px;
}

.blog-item__content img.img-full {
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}

.blog-item__title {
	margin-bottom: 15px;
	color: #434343;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
}

.blog-item__meta {
	margin-bottom: 30px;
}

.blog-item__content {
	margin-bottom: 55px;
}

.blog-item__content img {
	margin: 10px;
	margin-top: 0;
}

.blog-item__content .section-full {
	margin-left: -28px;
	margin-right: -28px;
	margin-bottom: 20px;
}

.blog-item__content .section-full img {
	margin: 0;
}

.column-2 {
	column-count: 2;
	column-gap: 50px; 
}

.social-media--share {
	padding: 28px;
	margin: 0 -28px;
	border-top: 1px solid #f6f6f6;
}

.blog-item-page .social-media--share {
	padding: 28px 80px;
	margin: 0 -80px;
}

.related-articles {
	padding: 22px;
	padding-top: 26px;
	margin: 0 -28px;
	border-top: 1px solid #f6f6f6;
}

.content-boxed .related-articles {
	padding: 22px 74px;
}

.related-articles__title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 300;
	color: #40231D;
	text-align: center;
}

.related-articles__item {
	display: inline-block;
	vertical-align: top;
	width: 225px;
	margin: 10px;
	text-align: left;
}

.related-articles__item-img img {
	margin: 0;
	margin-bottom: 15px;
}

.related-articles__item-title {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 7px;
	color: #434343;
	overflow: hidden;
	text-decoration: none !important;
}

.hover-1,
.blog-article__title,
.blog-article__read-more,
.hover-1-wrap .hover-1 {
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-decoration: none !important;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

.hover-1:before,
.blog-article__title:before,
.blog-article__read-more:before,
.hover-1-wrap .hover-1:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 1px;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-transform: translateX(-102%);
       -moz-transform: translateX(-102%);
        -ms-transform: translateX(-102%);
            transform: translateX(-102%); 
    background-color: #40231D;
}

.hover-1:hover:before,
.blog-article__title:hover:before,
.blog-article__read-more:hover:before,
.hover-1-wrap:hover .hover-1:before {
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);	
}

/*----- Media Styles -----*/
@media only screen and (max-width: 1200px) and (min-width: 992px) {
	.content--right .related-articles__item,
	.content--left  .related-articles__item {
		width: 158px;
	}
}
@media only screen and (max-width : 1199px) {
	.related-articles__list { text-align: center; }
	.related-articles__item { width: 175px; }
	.blog-item-page .social-media--share {
		margin: 0 -40px;
		padding: 28px 40px;
	}
	.blog-item-page .comments { padding: 30px 40px; }
}
@media only screen and (max-width : 991px) {
	.related-articles__item { width: 220px; }
}
@media only screen and (max-width : 768px) {
	.related-articles__item {
		width: 100%;
		margin: 0;
		margin-bottom: 25px;
	}
	.related-articles__item-img {
		display: block;
		float: none;
	}
}
@media only screen and (max-width : 600px) {
	.column-2 {	column-count: 1; }
}
@media only screen and (max-width : 480px) {
	.blog-item-page .social-media--share {
		margin: 0 -15px;
		padding: 28px 15px;
	}
	.blog-item-page .comments { padding: 30px 15px; }
	.related-articles__item { text-align: center; }
	.comments__input { width: 100%; }
	.comments__item-content {
		margin-left: 0;
		margin-top: 10px;
	}
	.widget-banner { text-align: center; }
}

/*  ======================================================================
        PORTFOLIO: WORKS LIST
========================================================================== */
.portfolio-content {
	padding: 0;
    background: transparent;
}

.portfolio-filter {
	font-size: 0;
	margin-bottom: 30px;
}

.portfolio-filter__item {
    display: inline-block;
    vertical-align: top;
	font-size: 14px;
    color: #646464;
    text-transform: uppercase;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
    		transition: all .3s;
   	cursor: pointer;
}

.portfolio-filter__item span {
	display: block;
	text-align: center;
	padding: 8px 30px 6px 30px;
	font-size: 14px;
    color: #646464;
}

.portfolio-filter__item:hover span { 
	background-color: #e6e9f8;
	color: #646464;
}

.portfolio-filter__item.active span { 
	background-color: #40231D;
	color: #fff;
}

.portfolio-page__content {
	font-size: 0;
	margin: -15px;
}

.portfolio-page__item {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	margin: 15px;
	font-size: 14px;
	color: #646464;
	overflow: hidden;
	text-align: left;
}

.img-col-1 {
	width: calc(33.333334% - 30px);
}
.img-col-2 {
	width: calc(66.66667% - 30px);
}
.img-col-3 {
	width: calc(100% - 30px);
}
.img-col-6 {
	width: calc(50% - 30px);
	max-height:230px
}


.portfolio-page__item-content {
	text-shadow: 2px 3px 4px rgba(27, 42, 80, 0.9);
	position: absolute;
	top: 0;
	bottom: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
	padding: 30px 25px;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
    		transition: all .5s;
}

.portfolio-page__item:hover .portfolio-page__item-content {
	opacity: 1;
}

.portfolio-page__item-title {
	display: block;
	margin-bottom: 15px;
}

.portfolio-page__item-title span {
	display: inline-block;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #fff !important;
    -webkit-transition: text-shadow .5s;
       -moz-transition: text-shadow .5s;
    		transition: text-shadow .5s;
				background-color: rgba(0, 0, 0, 0.5);
				padding: 0 7px 0 7px;
}

.portfolio-page__item-title a:hover {
	text-shadow: 2px 3px 4px rgba(27, 42, 80, 0.6);
		color: #fff !important;
}

.portfolio-content .portfolio-page__item-title a {
	font-size: 20px;
}

.portfolio-page__item-section {
	display: inline-block;
	vertical-align: top;
	background-color: #1e305b;
	padding: 2px 12px 0px 10px;
	margin-bottom: 24px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

.portfolio-page__item-desk,
.portfolio-page__item-desk p {
	font-size: 14px;
	color: #fff;
}

.portfolio-page__item-desk {
	max-height: 170px;
	overflow: auto;
}

.portfolio-page__item-content .count-comment {
	position: absolute;
	bottom: 20px;
	left: 25px;
	color: #fff;
}

/*----- Portfolio Photo Hover Style 1, 2 -----*/
.portfolio-page__item--hover1:before,
.portfolio-page__item--hover2:before,
.portfolio-page__item:after {
	opacity: 0;
	content: '';
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 8;
	background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
    		transition: all .5s;
}

.portfolio-page__item--hover1:hover:before,
.portfolio-page__item:hover:after {
	opacity: 1;
}

.portfolio-page__item--hover1:after,
.portfolio-page__item--hover2:after {
	display: none;
}

.portfolio-page__item--hover1 img {
    -webkit-transition: all .7s;
       -moz-transition: all .7s;
    		transition: all .7s;
}

.portfolio-page__item--hover1:hover img {
	-webkit-transform: scale(1.1) rotateZ(1deg);
	   -moz-transform: scale(1.1) rotateZ(1deg);
			transform: scale(1.1) rotateZ(1deg);
}

/*----- Portfolio Photo Hover Style 2 -----*/
.portfolio-page__item--hover2 .portfolio-page__item-content {
	top: auto;
	bottom: 0px;
	padding-left: 74px;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s; 
    -webkit-transform: translateX(-15px);
       -moz-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
            transform: translateX(-15px);
}

.portfolio-page__item:hover .portfolio-page__item-content {
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
}

.portfolio-page__item--hover2 .portfolio-page__item-title:before {
    content: '\e904';
    position: absolute;
    left: 25px;
    top: calc(50% - 9px);
	font-family: 'font-caplus' !important;
	font-size: 40px;
	line-height: 19px;
	color: #fff;
	opacity: 0.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.portfolio-page__item--hover2 .portfolio-page__item-title {
	margin-bottom: 6px;
}

.portfolio-page__item--hover2 .portfolio-page__item-title a {
	font-size: 24px;
	font-weight: 300;
	text-transform: none;
}

.portfolio-page__item--hover2 .portfolio-page__item-section {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
	font-size: 14px;
	font-weight: 300;
	text-transform: none;
}

.portfolio-page__item--hover2:before {
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
    		transition: all .4s;
	background-color: rgba(0, 0, 0, 0.6);
}

.portfolio-page__item--hover2:hover:before {
	opacity: 1;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;	
}

.btn-load-more {
	text-align: center;
	margin: 15px;
	margin-bottom: 0;
}

/*----- Portfolio with sidebar -----*/
.portfolio-content .portfolio-page__item--hover2 .portfolio-page__item-title {
	font-size: 20px;
}

.portfolio-content .portfolio-page__item--hover2 .portfolio-page__item-title:before {
	font-size: 30px;
	left: 20px;
}

.portfolio-content .portfolio-page__item--hover2 .portfolio-page__item-content {
	padding-left: 65px;
}

/*----- Media Styles -----*/
@media only screen and (min-width : 1200px ) {
	.portfolio-content .img-col-1 { width: calc(33.333334% - 16px); }
	.portfolio-content .img-col-2 { width: calc(66.66667% - 16px); }
	.portfolio-content .img-col-3 { width: calc(100% - 16px); }
}

@media only screen and (max-width : 1199px) and (min-width : 991px) {
	.portfolio-content .img-col-1 {	width: calc(50% - 16px); }
	.portfolio-content .img-col-2 { width: calc(100% - 16px); }
}

@media only screen and (max-width : 1199px) and (min-width : 991px) {
	.portfolio-content .portfolio-filter__item span { padding: 8px 18px 6px 18px; }
}

@media only screen and (min-width : 991px) {
	.portfolio-content .portfolio-page__content { margin: -8px; }
	.portfolio-content .portfolio-page__item { margin: 8px; }
}

@media only screen and (max-width : 991px) {
	.portfolio-page__content { margin: -10px; }
	.portfolio-page__item { margin: 10px; }
	.portfolio-filter__item span { padding: 8px 20px 6px 20px; }
	.img-col-1 { width: calc(33.333334% - 20px); }
	.img-col-2 { width: calc(66.66667% - 20px); }
	.portfolio-page__item-desk { display: none; }
	.portfolio-page__item-title a { font-size: 18px !important; }
}
@media only screen and (max-width : 767px) {
	.img-col-1 { width: calc(50% - 20px); }
	.img-col-2 { width: calc(100% - 20px); }
}
@media only screen and (max-width : 700px) {
	.portfolio-filter__item { width: 50%; }
}
@media only screen and (max-width : 480px) {
	.portfolio-page__content { margin: 0; }
	.portfolio-page__content.js-grid-portfolio {
		max-width: 360px;
		margin: 0 auto;
	}
	.img-col-1,
	.img-col-2,
	.img-col-3 {
		display: block;
		width: auto;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
	.img-col-2 img,
	.img-col-3 img {
		position: relative;
		max-width: none;
	}
	.portfolio-filter__item {
		display: block;
		width: auto;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width : 390px) {
	.img-col-1,
	.img-col-2,
	.img-col-3 {
		max-width: 330px;
		height: 275px;
	}
	.portfolio-page__content.js-grid-portfolio .img-col-1 {
		height: auto;
		max-width: 360px;
	}
}
@media only screen and (max-width : 359px) {
	.img-col-1,
	.img-col-2,
	.img-col-3 {
		max-width: 290px;
		height: 242px;
	}
	.portfolio-page__content.js-grid-portfolio .img-col-1 {
		height: auto;
		max-width: 360px;
	}
}


/*  ======================================================================
        PORTFOLIO: SINGLE PAGE
========================================================================== */
.portfolio-item {
	padding: 40px;
}

.portfolio-item-bg-pen {
	background: url(../images/portfolio/portfolio-single/pen_bg.png) no-repeat bottom left, #fff;
}

.portfolio-item .section-full {
	margin-right: -40px;
	margin-left: -40px;
	overflow: hidden;
}

.portfolio-item .section-full:first-child {
	margin-top: -40px;
}

.portfolio-item .section-full + h1,
.portfolio-item .section-full + .h1 {
	margin-top: 30px; 
}

.section-center {
	max-width: 770px;
	margin: 0 auto;
}

.portfolio-item__section {
	margin-bottom: 30px;
}

.portfolio-item__section-item {
	display: inline-block;
	vertical-align: top;
	padding: 2px 12px 0px 10px;
	margin-right: 5px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #1e305b;
	text-decoration: none !important;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
    		transition: all .3s;
}

.portfolio-item__section-item:hover,
.portfolio-item__section-item:focus {
	color: #fff;
	background-color: #334e8e;
}

.portfolio-item__content img {
	margin-bottom: 15px;
}

.portfolio-item__meta {
	font-size: 14px;
	border-top: 1px solid #f6f6f6;
	margin-top: 20px;
	padding-top: 20px;
}

.controll-bar {
	overflow: hidden;
	background-color: #fff;
	border-top: 1px solid #f6f6f6;
}

.controll-bar:first-child {
	border-bottom: 1px solid #f6f6f6;
}

.controll-bar__next,
.controll-bar__prev {
	display: block;
	height: 60px;
	padding: 0 20px;
	line-height: 60px;
	font-size: 14px;
	color: #969696;
	vertical-align: top;
	text-decoration: none;
	-webkit-transition: background-color 0.3s;
	   -moz-transition: background-color 0.3s;
			transition: background-color 0.3s;
}

.controll-bar__next:hover,
.controll-bar__prev:hover {
	background-color: #ECEBEC;
	text-decoration: none;
	color: #969696;
}

.controll-bar__next:after,
.controll-bar__prev:before {
    display: inline-block;
    vertical-align: top;
    content: "";
    font-size: 18px;
    font-family: 'font-caplus' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.controll-bar__next:after {
	content: "\e904";
	margin-left: 10px;
}

.controll-bar__prev:before {
    content: "\e902";
    margin-right: 10px;
}

.portfolio-item-blockquote-block {
	max-width: 750px;
	padding-top: 70px;
}

.portfolio-item-blockquote-block:before {
	top: 10px;
}

.portfolio-item-blockquote-block:last-child {
	padding-bottom: 20px;
}


/*  ======================================================================
        PAGE: 404
========================================================================== */
.page-404 .section-default {
	padding: 40px 0;
}

.page-404 .content {
	padding: 35px 0 108px 0;
	text-align: center;
	background: url(../images/bg/page_404_bg.png) no-repeat center, #ffffff;
}

.page-404__title {
	color: #434334;
}

.page-404__title span:first-child {
	display: block;
	font-size: 48px;
}

.page-404__title span:last-child {
	display: block;
	font-size: 18px;
}

.page-404__img {
	padding: 95px 0 75px 0;
	margin: 0 40px;
}

.btn--page-404 {
	color: #b7b7b7;
	border-color: #b7b7b7;
}


/*  ======================================================================
        PAGE: CONTACTS
========================================================================== */
.contact-page {
	position: relative;
	z-index: 1;
	padding: 0px;
	padding-bottom: 20px;
	background-color: #fff;
}

.contact-page-top {
	padding: 28px 40px;
	margin: 0;
	border-bottom: 1px solid #f6f6f6;
}

.contact-page-top .social-media {
	padding: 2px 0;
}

.contact-page-top .social-media a {
	margin-right: 14px;
	border: none;
	font-size: 20px;
}

.contact__tabs .tabs__caption {
	padding: 30px 0;
}

.contact__tabs .tab__link {
	margin: 0;
	margin-right: 10px;
    padding: 11px 30px 7px 43px;
	background-color: transparent;
	color: #acacac;
}

.contact__tabs .tab__link:after {
	opacity: 0;
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 6px);
    display: block;
    border: 6px solid transparent;
    border-top: 8px solid #ffcb31;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
}

.contact__tabs .tab__link.active:after {
	opacity: 1;
}

.contact__tabs .tab__link span {
	position: relative;
}

.contact__tabs .tab__link span:before {
	content: '';
    position: absolute;
    top: calc(50% - 7px);
    left: -19px;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #acacac;
    border-radius: 50%;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
}

.contact__tabs .tab__link.active span:before {
	border-color: #1f3b7a;
}

.contact__tabs .tab__link span:after {
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    top: 6px;
    left: -15px;
    z-index: 9;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #1f3b7a;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0);
}

.contact__tabs .tab__link.active span:after {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
}

.contact__tabs .tab__link:hover {
	color: #40231D;
	background-color: #efebe2;
}

.contact__tabs .tab__link:hover span:before {
	border-color: #40231D;
}

.contact__tabs .tab__link.active {
	color: #40231D;
	background-color: #ffcb31;
}

.contact__tabs .tabs__content {
	border: 0;
	background-color: transparent;
}

.contact__tabs .tab__content {
	padding: 0;
}

.contact__box {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	position: relative;
	padding-left: 60px;
	padding-right: 20px;
	border-left: 1px solid #b8bcc4;
	color: #434343;
	font-size: 14px;
}

.contact__box-info {
	font-size: 18px;
	color: #989898;
	font-weight: 300;
	line-height: 25px;
	margin: 98px 0 0 44px;
}

.contact__box-adress,
.contact__box-phone,
.contact__box-email {
	position: relative;
}

.contact__box-adress:before,
.contact__box-phone:before,
.contact__box-email:before {
	content: '';
	display: block;
	position: absolute;
    top: -1px;
    left: -24px;
	font-family: 'font-caplus';
    font-size: 15px;
    color: #a4a4a6;
}

.contact__box-adress:before {
	content: '\e932';
}
.contact__box-phone:before {
	content: '\e916';
	top: 1px;
	left: -22px;
}
.contact__box-email:before {
	content: '\e931';
	font-size: 19px;
	top: -3px;
	left: -35px;
}

.contact__box-phone {
	font-size: 16px;
	color: #40231D;
}

.contact__box--email-wrap {
    padding-left: 80px;
}

.contact-map-2-container {
	position: relative;
	height: 700px;
	margin-top: -245px;
	margin-bottom: -50px;
}

.feedback {
	position: relative;
	padding: 45px 50px;
	margin: 0 20px;
	margin-top: 40px;
	background: url(../images/bg/contact.png) no-repeat left 15px, #f6f6f6;
}

.feedback__top {
	overflow: hidden;
	margin-bottom: 30px;
}

.feedback__title {
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
}

.feedback__desc {
	margin-top: 6px;
	line-height: 18px;
	text-align: right;
	font-size: 14px;
	font-weight: 300;
}

.feedback__form textarea {
	height: 174px;
}

/*----- Contact Page 1 -----*/
.contact-map-container {
	height: 450px;
}

.social-media--inverse a {
	background-color: #BABABD;
	color: #fff;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
    		transition: all .3s;
}

.social-media--inverse a:hover {
	border-color: #40231D;
	background-color: #40231D;
	color: #fff;
}

.contact-1-phone {
	color: #434343;
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 35px;
}

.contact-1-phone i {
	display: inline-block;
	vertical-align: middle;
	color: #a4a4a6;
	margin-right: 10px;
}

.contact-1-phone span {
	color: #8f8f8f;
	font-size: 14px;
	margin-left: 10px;
}

.contact-1-social-media {
	margin-bottom: 20px;
}

/*----- Media Styles -----*/
@media only screen and (min-width: 1199px ) {
	.contact__box--phone-wrap { width: 29%; }
}
@media only screen and (max-width: 991px) {
	.contact__box { width: 32%; }
	.contact__box:first-child { border-left: none; }
	.contact__tabs { padding: 0 20px; }
	.contact-map-2-container { 
		height: 500px; 
		margin-top: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.contact__tabs.tabs .tab__link {
		margin-right: 0;
		width: calc(33.3333% - 1px);
	}
	.contact-page-top .col-sm-7 { margin-bottom: 20px; }
	.contact-page-top .col-sm-5 { text-align: center; }
	.contact-page-top .social-media { padding-bottom: 0; }
}
@media only screen and (max-width: 767px) {
	.contact__box {
		display: block;
		width: auto;
		border: none;
		padding-left: 60px;
		margin-bottom: 15px;
	}
	.contact__box--phone-wrap .text-right { text-align: left; }
	.contact__box-phone,
	.contact__box--time-work {
		display: inline-block;
	}
	.contact__box--time-work { margin-left: 10px; }
	.contact__box-email br { display: none; }
	.contact__box-email:before {
		font-size: 16px;
		top: -1px;
		left: -26px;
	}
	.contact__box-adress:before { left: -27px; }
	.contact__box-phone:before { left: -25px; }
}
@media only screen and (max-width: 700px) {
	.feedback {
		margin-top: 20px;
	    padding: 35px 40px;
	}
	.feedback__top .feedback__title,
	.feedback__top .feedback__desc {
		float: none;
		text-align: left;
	}
	.feedback__top .feedback__desc br { display: none; }
}
@media only screen and (max-width: 480px) {
	.contact__tabs.tabs .tab__link { width: 100%; }
	.contact__tabs .tab__link:after { display: none; }
	.feedback { padding: 30px 20px; }
	.feedback__top .feedback__title,
	.feedback__top .feedback__desc {
		text-align: center;
	}
	.feedback .btn { margin: 0 auto; }
	.content-boxed.contact-page { padding-bottom: 15px; }
}
@media only screen and (max-width: 420px) {
	.contact__box { padding-left: 40px; }
	.feedback {
		margin: 0 15px;
		padding: 20px;
	}
}


/*  ======================================================================
        PAGE: ABOUT
========================================================================== */
.about-page {
	padding: 40px 80px;
	padding-bottom: 0;
	background-color: #fff;
}

.about-page .section-full {
	margin-right: -80px;
	margin-left: -80px;
	font-size: 0;
}

.about-page-services {
	margin-top: 60px;
	margin-bottom: 120px;
}

.btn--services-item {
	margin-top: 10px;
	padding: 12px 74px 9px 40px;
	font-size: 13px;
	text-transform: uppercase;
}

.icon-style-1 {
	margin-bottom: 30px;
	font-size: 34px;
	color: #222;
}

.our-skills {
	margin-top: 40px;
	margin-bottom: 40px;
}

.about-bottom {
	padding-bottom:15px;
	text-align: center;
}

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

.icon-text {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	font-weight: 300;
}

.icon-text img {
	margin-right: 20px;
}

.icon-text:hover img {
	animation: vibration 500ms ease-in-out;
}

@media only screen and (max-width : 991px) {
	.about-page-services { margin-bottom: 50px; }
	.icon-text { font-size: 16px; }
	.icon-text img {
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}
}
@media only screen and (max-width : 480px) {
	.icon-text-row { margin-top: -40px; }
	.icon-text { margin-top: 40px; }
}

.about-skills {
	padding: 0 50px;
	padding-top: 30px;
	text-align: center;
}

.about-skills .timer__count {
	margin-bottom: 14px;
	font-size: 48px;
}

.outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}

.inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}

.svg-container {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
    font-weight: 300;
}

.page .about-video-1 {
	padding: 150px 0;
}

.about-video-1 .section-h1 {
	font-weight: 300;
	font-size: 38px;
	color: #fff;
}

.about-video-1 .section-h1 span {
	font-size: 20px;
	margin-top: 5px;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 768px) {
	.about-skills .timer__count { font-size: 35px; }
	.page .about-video-1 { padding: 90px 0; }
	.page .about-video-1 .section-h1 { margin-bottom: 0; }
}
@media only screen and (max-width : 480px) {
	.about-skills .timer { margin-bottom: 30px; }
	.page .about-video-1 { padding: 40px 0; }
	.about-video-1 .section-h1 {
		line-height: 40px;
		font-size: 28px;
	}
}
@media only screen and (max-width : 360px) {
	.about-video-1 .section-h1 { font-size: 22px; }
	.about-video-1 .section-h1 span { font-size: 16px; }
}


/*  ======================================================================
        PAGE: FAQ
========================================================================== */
.faq-accordion .accordion__link {
	font-size: 18px;
	padding: 11px 57px 9px 40px;
}

/*----- Media Styles -----*/
@media only screen and (min-width : 1200px) {
	.faq-content { padding: 40px 85px; }
}
@media only screen and (max-width : 480px) {
	.faq-accordion .accordion__link { font-size: 16px; }
}
@media only screen and (min-width : 360px) {
	.faq-accordion .accordion__link {
		font-size: 14px;
		padding: 11px 30px 9px 20px;
	}
}

/*  ======================================================================
        PAGE: SERVICES
========================================================================== */
.services-page-row {
	margin-top: -60px;
	margin-bottom: 70px;
}

.service-page-circle-icon {
	display: inline-block;
	vertical-align: top;
	width: 70px;
	height: 70px;
	margin-bottom: 36px;
	line-height: 70px;
	font-size: 34px;
	color: #222;
	background-color: #ede9e9;
}

.circle-icon-hover:hover .service-page-circle-icon.circle-icon--3c, 
.service-page-circle-icon.circle-icon-hover.circle-icon--3c:hover {
	color: #222;
}

.service-page-circle-icon.circle-icon--3c:after {
	box-shadow: 0 0 0 3px #ede9e9;
}

.service-page-blockquote-block {
	background: url(../images/bg/blockquote_bg.jpg) no-repeat center top, #324b83;
	color: #fff;
}

.service-page-blockquote-block p {
	color: #fff;
}

.service-page-blockquote-block .blockquote-block:before {
	color: #fff;
}

.our-clients.section-full {
    margin-right: -65px;
    margin-left: -65px;
}

.service-advantages {
	padding: 45px 80px 50px 80px;
	background: url(../images/bg/service_advantages_bg.png) no-repeat left top;
}

.service-advantages__title {
	font-size: 24px;
	font-weight: 300;
	color: #40231D;
	margin-top: 0;
	margin-bottom: 80px;
	text-transform: uppercase;
	line-height: 30px;
	text-align: center;
}

.service-advantages__title span {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-transform: none;
	line-height: 22px;
}

.service-advantages__item {
	position: relative;
	padding-left: 82px;
	font-size: 14px;
	color: #223c79;
	margin-bottom: 50px;
}

.service-advantages__item:before {
	content: attr(data-adv-item);
	position: absolute;
	left: 0;
	top: -8px;
	width: 60px;
	height: 60px;
	font: 30px Georgia;
	line-height: 50px;
	text-align: center;
	border: 2px solid #223c79;
	border-radius: 50%;
}

.service-advantages__link {
	margin-top: 30px;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 1199px) {
	.service-advantages {
		padding: 45px 40px 50px 40px;
		background-position: -43% top; 
	}
}
@media only screen and (max-width : 991px) {
	.service-advantages {
		padding: 45px 40px 50px 40px;
		background-position: -240% top;
	}
}
@media only screen and (max-width : 768px) {
	.service-advantages { background: none; }
}
@media only screen and (max-width : 480px) {
	.service-advantages {
		padding: 45px 20px 50px 20px;
		text-align: center;
	}
	.service-advantages__title {
		font-size: 20px;
		margin-bottom: 50px;
	}
	.service-advantages__item {
		padding-left: 0;
		text-align: center;
	    padding-top: 70px;
	}
	.service-advantages__item:before { left: calc(50% - 30px); }
	.contact-1-phone span { display: block; }
}


/*  ======================================================================
        PAGE: SEARCH RESULTS
========================================================================== */
.search-page {
    background: url(../images/bg/search-page.png) no-repeat right top, #fff;
}

.search-page h1,
.search-page .h1 {
	margin-bottom: 100px;
}

.search-form {
	display: block;
	position: relative;
	max-width: 540px;
	margin: 0 auto;
	margin-bottom: 85px;
}

.search-form__input {
    color: #40231D;
    padding: 14px 20px;
    padding-top: 16px;
    height: auto;
    padding-right: 130px;
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #dfdfdf;
}

.search-form__input:focus {
	outline: none !important;
}

.search-form__input:focus::-webkit-input-placeholder { color: #40231D; }
.search-form__input:focus::-moz-placeholder          { color: #40231D; }
.search-form__input:focus:-moz-placeholder           { color: #40231D; }
.search-form__input:focus:-ms-input-placeholder      { color: #40231D; }

.search-form__input-bottom:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1;
    width: 0%;
    height: 1px;
    background-color: #40231D;
    -webkit-transition: 0.4s ease all;
       -moz-transition: 0.4s ease all;
            transition: 0.4s ease all;
}

.search-form__input:focus + .search-form__input-bottom:before {
	width: 100%;
}

.search-form__button {
	position: absolute;
    right: 0;
    top: 5px;
    padding: 12px 67px 9px 34px;
    background-color: #e8e8e8;
}
.search-form__button.btn--yellow.btn--e1:after {
	display: none;
}
.search-form__button:before {
	right: 25px;
}

.search-error {
	position: relative;
	padding-bottom: 63px;
	margin-bottom: 85px;
	color: #bc2d2d;
	text-align: center;
	font-weight: 300;
	line-height: 18px;
}

.search-error:after {
	content: '\e91a';
	position: absolute;
	bottom: 0;
	left: calc(50% - 23px);
	font-family: 'font-caplus';
    font-size: 45px;
    line-height: 1em;
	color: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.search-result {
	max-width: 640px;
	margin: 0 auto;
}

.search-list__item {
	padding: 26px 0;
	border-bottom: 1px solid #e8e8e8;
	font-weight: 300;
}

.search-list__item:last-child {
	border-bottom: 0;
}

.search-list__item p {
	font-weight: 300;
}

.search-list__link {
	display: inline-block;
	color: #434343;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 425px) {
	.search-page h1 { font-size: 20px; }
	.search-form__button { padding: 12px 47px 9px 34px; }
}


/*  ======================================================================
        BLOCKS: ADDITIONAL SECTIONS
========================================================================== */
/*----- Section Blue -----*/
.section-blue {
	padding: 55px 0;
	background-color: #40231D;
	color: #fff;
	font-weight: 300;
}

.section-blue .section-h1 {
	color: #fff;
}

.section-blue p {
	color: #fff;
	font-weight: 300;
}

/*----- Section Gray -----*/
.section-gray {
	padding: 55px 0;
	background-color: #f6f7fe;
}

/*----- Section White -----*/
.section-white {
	padding: 55px 0;
	background-color: #fff;
}

/*----- Section Black -----*/
.section-black {
	padding: 55px 0;
	background-color: #232323;
	color: #fff;
}

.section-black .section-h1 {
	color: #fff;
}

.section-black p {
	color: #fff;
	font-weight: 300;
}

/*----- Section Image -----*/
.section-image {
	background-repeat: no-repeat;
	background-position: top center;
}

.section-image.image-def {
	padding: 55px 0 28px 0;
	background-image: url(../images/bg/section_defBg.png);
	background-position: bottom center;
	background-color: #f6f7fe;
}

/*----- Image 1 -----*/
.section-image.image-1 {
	padding: 49px 0;
	background-image: url(../images/other/section_bg1.jpg);
	background-color: #111e3e;
}
.section-image.image-1 p {
	color: #fff;
	font-weight: 300;
}
.section-image.image-1 .section-h1 {
	color: #fff;
	font-weight: 300;
}
.section-image.image-1.image-1--slider {
	padding-bottom: 20px;
}

/*----- Image 2 -----*/
.section-image.image-2 {
	padding: 40px 0 13px 0;
	background-image: url(../images/other/section_bg2.jpg);
	background-color: #f8f9f8;
	background-position: bottom right;
	/*background-size: contain;*/
}

/*----- Image 3 -----*/
.section-image.image-3 {
	padding: 49px 0;
	background-image: url(../images/other/section_bg2.jpg);
	background-color: #283351;
}
.section-image.image-3 p {
	color: #fff;
	font-weight: 300;
}
@media only screen and (max-width : 425px) {
	.section-image.image-3 { padding: 30px 0; }
}

/*----- Image 4 -----*/
.section-image.image-4 {
	padding: 60px 0;
	background-image: url(../images/other/section_bg3.jpg);
}

/*----- Image 5 -----*/
.section-image.image-5 {
	padding: 40px 0 13px 0;
    background-image: url(../images/other/section_bg5.jpg);
    background-position: right bottom;
    background-color: #fafafa;
}

@media only screen and (max-width : 991px) {
	.section-image.image-5 { background-position: 85% bottom; }
}
@media only screen and (max-width : 767px) {
	.section-image.image-5 {
		background-image: url(../images/other/section_bg8.jpg);
		background-repeat: repeat;
		background-position: top right;
	}
}
@media only screen and (max-width : 480px) {
	.page-shortcode .timer-bg { padding: 0 20px; }
}
	

/*----- Image 6 -----*/
.section-image.image-6 {
	padding: 55px 0;
	background-image: url(../images/other/section_bg6.jpg);
	background-position: center top;
}
.section-image.image-6 * {
	color: #fff;
}

.section-image.image-6 h1,
.section-image.image-6 .h1 {
	font-size: 36px;
}

/*----- Image 7 -----*/
.section-image.about-image-1 {
	padding: 90px 0 105px 0;
	background-color: #fff;
	background-image: url(../images/other/section_bg7.jpg);
	background-position: bottom center;
}

.section-image.about-image-2 {
	padding: 50px 0 46px 0;
	background-color: #f8f9fb;
	background-image: url(../images/other/section_bg9.jpg);
	background-position: top right;
}

.section-image.about-image-2 .maps-group {
	margin-top: 46px;
}

@media only screen and (max-width : 991px) {
	.section-image.about-image-1 {
		padding: 70px 0 85px 0;
	    background-position: 60% 100%;
	}
	.section-image.about-image-2 {
		background-size: 1040px;
		background-position: 60% 0;
	}
	.section-image.about-image-2 .maps-group { margin-top: 65px; }
}

@media only screen and (max-width : 767px) {
	.section-image.about-image-1,
	.section-image.about-image-2 {
		background-image: url(../images/other/section_bg8.jpg);
		background-size: inherit;
		background-repeat: repeat;
		text-align: center;
	}
	.section-image.about-image-2 .maps-group { margin-top: 30px; }
}

/*----- Image 8 -----*/
.section-image.action-section {
	position: relative;
	padding: 62px 0 61px 0;
	background-image: url(../images/other/section_bg8.jpg);
	background-repeat: repeat;
	background-position: top right;
}
.section-image.action-section .container {
	position: relative;
}
.section-image.action-section .h1 {
	color: #333;
	font-weight: 500;
}
.section-image.action-section .btn {
	margin: 21px 0;
}
@media only screen and (max-width : 991px) {
	.section-image.action-section .btn { 
		padding: 15px 57px 13px 57px;
		margin: 25px 0 0 0;
	}
}

/*----- Image 9 -----*/
.section-image.image-9 {
	background-image: url(../images/index/section_bg.jpg);
	background-color: #e4edf2;
}

/*----- Image 10 -----*/
.section-image.image-10 {
	padding: 70px 0 47px 0;
	background-image: url(../images/index/section_img7.jpg);
	background-color: #e4edf2;
}

@media only screen and (max-width : 700px) {
	.section-image.image-10 { padding: 50px 0 27px 0; }
}

/*----- Image 11 -----*/
.section-image.image-11 {
	position: relative;
	overflow: hidden;
	padding: 100px 0px;
}
.section-image.image-11 .h1 {
	margin-bottom: 45px;
	font-size: 36px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
}

/*----- Image 13 -----*/
.section-image.section-our-projects {

}

/*----- Image 14 -----*/
.section-image.section-purchase {
	background-color: #fbfbfb;
}
.section-image.section-purchase-2 {
	background-color: #f7f7fd;
	background-image: url(../images/other/section_bg15.jpg);
	background-position: bottom center;
}

@media only screen and (max-width : 991px) {
	.section-image.section-purchase-2 .section-index-desk { margin-bottom: 20px; }
	.section-image.section-purchase-2 .section-index-desk + .btn { margin-bottom: 30px; }
}
@media only screen and (min-width: 768px) {
	.section-image.section-purchase-2 .col-xs-push-1 { left: 0;	}
}
@media only screen and (max-width : 425px) {
	.section-image.section-purchase-2 .col-xs-10 {
		text-align: center;
		left: 0;
		width: 100%;
	}
}

/*----- Image 15 -----*/
.section-list-advantage {
	background: url(../images/other/section_bg12.jpg) no-repeat center bottom, #000;
	color: #fff;
}
.section-list-advantage .section-index-h1,
.section-list-advantage .section-index-desk,
.section-list-advantage p {
	color: #fff;
}
.section-list-advantage .section-index-desk {
	margin-bottom: 50px;
}

.section-list-advantage ul {
	margin-left: 0;
}

@media only screen and (min-width: 481px) {
	.section-list-advantage ul {
		margin-top: 20px;
		margin-bottom: 45px;
	}
}

/*----- Parallax shortcode -----*/
.section-default--text-white * {
	color: #fff;
}

/*----- Video BG 1 -----*/
.section-video.section-video-1 {
	padding: 200px 0;
}
@media only screen and (max-width : 991px) {
	.section-video.section-video-1 { padding: 100px 0; }
}
@media only screen and (max-width : 480px) {
	.section-video.section-video-1 {
		padding: 50px 0;
	}
}

/*----- Image Question -----*/
.section-image.image-question {
	padding: 67px 0;
	background-image: url(../images/other/section_bg4.jpg);
}

/*----- Section Alone h1 -----*/
.section-alone-h1 {
	padding: 40px 0;
}

.section-alone-h1 .content-bg-top {
	padding: 0;
}

.section-alone-h1 .section-h1 {
	margin: 0;
}

/*----- Section Full Slider -----*/
.section-full-slider {
	padding-bottom: 0;
}

/*----- Section Video -----*/
.section-video {
	position: relative;
	padding: 100px 0;
	background-repeat: no-repeat;
	background-position: top center;
	color: #fff;
	overflow: hidden;
}

.section-video--blackout:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	display: block;
	background: rgba(0,0,0,0.6);
}

.section-video--blackout .h1 {
	color: #fff;
}

.section-video > .container {
	position: relative;
	z-index: 2;
}

.section-video p {
	color: #fff;
}

.video-bg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
}

.video-bg > video {
    display: block;
    width: 100%;
    height: auto;
}
/*----- Media Styles -----*/
@media only screen and (max-width : 600px) {
	.video-bg {
		top: 0px;
		left: -50px;
		right: -50px;
		bottom: -50px;
	}
}
@media only screen and (max-width : 480px) {
	.section-video { padding: 50px 0; }
}
/*  ======================================================================
        PAGE: SHORTCODES
========================================================================== */
.page-shortcode {
	background-color: #fff;
}

.page-shortcode .section-top {
	padding-bottom: 20px;
	background-image: url(../images/bg/page_bg.jpg);
}

.bg-hakkimizda {
	background: url(../images/bg/default-bg.jpg) no-repeat center top, #f6f6f6;
}

.bg-projeler {
	background: url(../images/bg/default-bg.jpg) no-repeat center top, #f6f6f6;
}

.page-shortcode .section-h1 span {
	text-transform: none;
}
.page-shortcode .section-h1 span.text-uppercase {
	text-transform: uppercase;
}

.page-shortcode .row:not(:last-child) {
	margin-bottom: 40px;
}

.button-shortcode button {
	padding: 15px 104px 13px 104px;
}

.button-shortcode .btn-icon-left,
.button-shortcode .btn-icon-right {
	padding: 15px 86px 13px 87px;
}

.button-shortcode .btn--e1 {
	padding: 15px 124px 13px 84px;
}

.form-h4 {
	margin-bottom: 35px;
} 

* + .form-h4 {
	margin-top: 30px;
} 

.form-shortcode .section-white form {
	width: 95%;
}

.form-shortcode .select {
	max-width: 490px;
}

.table-shortcode table,
.table-shortcode table {
	table-layout: fixed;
}

.table-shortcode table th:first-child,
.table-shortcode table td:first-child {
	width: 53px;
	min-width: auto;
	text-align: center;
}

.table-shortcode table th:last-child,
.table-shortcode table td:last-child {
	width: auto;
	min-width: auto;
	text-align: left;
}

.table-shortcode .section-h1 {
    margin-top: 45px;
    margin-bottom: 25px;
}

.table-shortcode .section-h1:first-child {
    margin-top: 0px;
    margin-bottom: 25px;
}

.steps-shortcode .section-default .steps {
	margin-top: 70px;
}

.maps-shortcode .section-default,
.steps-shortcode .section-default {
	padding-bottom: 0;
}

.maps-2-shortcode {
	height: 460px;
	margin-bottom: 0;
}

.team-shortcode .team-row + h4 {
	margin-top: 40px;
}

.team-shortcode .section-gray {
	padding-top: 30px;
}

.notice-shortcode .notice:last-child {
	margin-bottom: 0;
}

.notice-shortcode .row:not(:last-child) {
	margin-bottom: 25px;
}

.galleries-shortcode h4 {
	margin-top: 40px;
}

.galleries-shortcode .row:not(:last-child) {
	margin-bottom: 20px;
}

.page-shortcode .macbook {
	margin-top: -50px;
}

.page-shortcode .maps_bg {
	margin-top: -20px;
}

.page-shortcode .timer-bg {
	padding: 0 40px;
}

.counters-shortcode .section-white .row,
.counters-shortcode .section-image.image-3 .row {
	margin-top: 35px;
}

.testimonials-shortcode .section-default .row {
	margin-top: 40px;
}

.icons-shortcode [class^="col"] {
	padding: 16px;
	border-bottom: 1px solid #f2f3f9;
	line-height: 1.42857143;
	white-space: nowrap;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
			transition: all .4s;
}

.icons-shortcode [class^="col"]:hover {
	background-color: #f1f1f1;
}

.icons-shortcode [class^="col"] i {
	display: inline-block;
	font-size: 14px;
	width: 30px;
}

.page-shortcode .our-clients {
	padding: 0;
}

.parallax-shortcode .section-default {
	height: 100vh;
}

.parallax-shortcode .content {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50%;
	text-align: center;
	-webkit-transform: translateZ(0px) translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
}

.section-slider-full {
	padding-bottom: 0;
	width:100%;
	margin: auto;
}

.section-slider-full .owl-slider {
	margin-bottom: 0;
}

.page-shortcode.modal-shortcode .row:not(:last-child){
	margin-bottom: 50px;
}

.block-image-1 {
	padding: 50px;
	margin-top: 40px;
	background: url(../images/bg/block_bg1.jpg) no-repeat top center;
}

.block-cray {
	position: relative;
	margin-top: 40px;
	padding: 35px 50px;
	background-color: #f6f7fe;
}

.block-cray h1,
.block-cray .h1 {
	color: #434343;
	font-size: 24px;
}

.height92 {
	height: 92px;
}

.md-modal-my-padding .md-content {
	 padding: 26px 32px 29px 32px;
}

.my-video-1 {
	width: 100%;
	height: 500px;
}

/*----- Media Styles -----*/
@media only screen and (max-width : 991px) {
	.button-shortcode .col-sm-12 { margin-bottom: 15px; }
}
@media only screen and (max-width : 767px) {
	.form-shortcode .section-white form { width: 100%; }
	.my-video-1 {
		width: 100%;
		height: 300px;
	}
}
@media only screen and (max-width : 425px) {
	.form-login button {
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	.form-login button + a { float: none; }
	.my-video-1 {
		width: 100%;
		height: 200px;
	}
}
@media only screen and (max-width : 320px) {
	.my-video-1 {
		width: 100%;
		height: auto;
		max-height: 200px;
	}
}


/*  ======================================================================
        PAGE: INDEX
========================================================================== */
.section {
	padding: 70px 0;
}

.section-index {
	padding: 20px 0;
}

.section-index--gray {
	background-color: #e4edf2;
}

.section-index--gray-1 {
	background-color: #e3edf1;
}

.section-index--gray-2 {
	background-color: #f0f7fa;
}

.section-index--gray-3 {
	background-color: #f7f7ff;
}

.section-index--gray-4 {
	background-color: #fafafa;
}

.section-index--gray-5 {
	background-color: #edf5f8;
}

.section-index--blue {
	background-color: #40231D;
}

/*---- Title styles ----*/
.section-index-h1 {
	position: relative;
	font-size: 30px;
    font-weight: 300;
    color: #40231D;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.section-index-h1:first-child {
	margin-top: -10px;	
}

/*---- Title styles - after LINE ----*/
.section-index-h1--line {
	padding-bottom: 20px;
	margin-bottom: 35px;
}

.section-index-h1--line:after {
	content: '';
	position: absolute;
	left: calc(50% - 50px);
	bottom: 0px;
	width: 100px;
	height: 1px;
	background-color: #434343;
}

.section-index-desk {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 60px;
}

.section-index-desk-2 {
	font-size: 16px;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 20px;
}

.icon-block--style-2 .icon-block__img {
	width: 83px;
	padding-left: 2px;
	font-size: 44px;
}

.icon-block--style-2 .icon-block__content {
	margin-left: 83px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 300;
	color: #000;
}

.icon-block--style-2 .icon-block__text {
	width: 90%;
}

.icon-block--style-2 .icon-block__title {
	font-size: 18px;
	color: #000;
	margin-bottom: 14px;
	text-transform: none;
	padding-bottom: 6px;
}

.icon-block--style-2:hover .icon-block__title {
	color: #40231D;
}

@media only screen and (max-width : 991px) {
	.icon-block--style-2 .icon-block__title { margin-bottom: 10px; }
}
@media only screen and (max-width : 480px) {
	.section-index { padding: 20px 0; }
	.section-index-h1 { font-size: 26px; }
	.section-index-desk { font-size: 15px; margin-bottom: 50px; }
}
@media only screen and (max-width : 360px) { 
	.section-index-h1 { font-size: 24px; }
}


/*  ======================================================================
        PAGE: INDEX - MAIN
========================================================================== */
.demo-item-row {
	margin-top: -30px;
}

.demo-item {
	display: inline-block;
	vertical-align: top;
	text-decoration: none !important;
	margin-top: 30px;
	text-align: center;
}

.demo-item__title {
	text-transform: uppercase;
	padding-bottom:10px;
	display: inline-block;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #000 !important;
    -webkit-transition: text-shadow .5s;
       -moz-transition: text-shadow .5s;
    		transition: text-shadow .5s;
}

.online-shop-index-row .btn {
	margin-top: 25px;
}

@media only screen and (max-width : 767px) { 
.img-col-6 {
	width: calc(100% - 30px);
	max-height:230px
}
	.online-shop-index-row {
		display: flex;
		flex-direction: column;
	}
	.online-shop-index-row [class^="col"]:last-child { order: 1; }
	.online-shop-index-row [class^="col"]:first-child { order: 2; }
	
.demo-item__title {

	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin-top:5px;
	margin-bottom:-20px;

}
}


/*  ======================================================================
        PAGE: INDEX - CORPORATE
========================================================================== */
.section-index .timer-row {
    padding: 20px 0 65px 0;
}

.section-purchase .section-index-h1 {
	margin-bottom: 20px;
	color: #fff;
}

.section-purchase .section-index-desk {
	margin-bottom: 55px;
	color: #fff;	
}

.content-corp-2-about p {
	font-size: 16px;
	font-weight: 300;
}

.content-corp-2-about .btn {
	margin-top: 25px; 
}

.section-index--gray-3 .testimonials-carousel {
	margin-bottom: 70px;
}

.section-index-price {
	background-color: #40231D;
	padding-bottom: 20px;
}

.section-index-price .section-index-desk {
	margin-bottom: 50px;
}

/*----- Parallax Block -----*/
.parallax-wrap {
	position: relative;
	overflow: hidden;
}

.parallax-img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.parallax-img img {
    position: absolute;
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.shop-single-new-price i{
	margin-right:10px;
}