/*
Theme Name: Base
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
* {
	margin: 0;
	padding: 0;
	max-height: 1000000px;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset, mejs-container {
	margin: 0 0 14px;
}
html, body, div, span, applet, embed, object, iframe, frameset, p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center, h1, h2, h3, h4, h5, h6, b, strong, big, u, ins, i, cite, em, var, dfn, address, s, strike, del, dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt, fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0;
	background: none;
}
@font-face {
	font-family: 'al_aunt_marieregular';
	src: url('../fonts/alauntmarie-webfont.woff2') format('woff2'),  url('../fonts/alauntmarie-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'al_professorregular';
	src: url('../fonts/al_professor-webfont.woff2') format('woff2'),  url('../fonts/al_professor-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Theano-Didot-Regular";
	src: url("../fonts/TheanoDidot-Regular.eot?") format("eot"), url("../fonts/TheanoDidot-Regular.woff") format("woff"), url("../fonts/TheanoDidot-Regular.ttf") format("truetype"), url("../fonts/TheanoDidot-Regular.svg#TheanoDidot-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/centurygothic.eot');
	src: url('../fonts/centurygothic.eot?#iefix') format('embedded-opentype'),  url('../fonts/centurygothic.woff') format('woff'),  url('../fonts/centurygothic.ttf') format('truetype'),  url('../fonts/centurygothic.svg#centurygothic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gotham_bookregular';
	src: url('../fonts/ufonts.com_gotham-book-webfont.woff2') format('woff2'),  url('../fonts/ufonts.com_gotham-book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* latin-ext */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body {
	color: #000;
	font: 18px/1.66 "Times New Roman", Times, serif;
	background: #fff;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
}
a {
	text-decoration: underline;
	color: #000;
	outline: none;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
}
video, iframe, object, embed {
	max-width: 100%;
}
input, textarea, select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	background: #fff;
	margin: 0;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	padding: 3px 4px;
}
label {
	vertical-align: middle;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 padding:0;
 border:0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
input[type="search"] {
	-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
display:none;
}
h1, h2, h3, h4, h5, h6, b, strong, th {
	font-weight: bold;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 90%;
}
i, cite, em, var, dfn, address {
	font-style: italic;
}
u, ins {
	text-decoration: underline;
}
s, strike, del {
	text-decoration: line-through;
}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}
blockquote {
	border-left: 4px solid #ccc;
	padding-left: 10px;
	margin-left: 14px;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	border: 1px solid #ccc;
	padding: 3px 7px;
	text-align: left;
	vertical-align: top;
}
th {
	border-color: #999;
	text-align: center;
	vertical-align: middle;
}
ul {
	margin-left: 1px;
}
ul, ol {
	padding-left: 3em;
}
ul ul, ul ol, ol ul, ol ol {
	padding-left: 3em;
	margin: 0;
}
ul>li {
	list-style-type: disc;
}
dl dt {
	float: left;
	clear: left;
	padding-right: 4px;
	font-weight: bold;
}
pre {
	max-width: 100%;
	overflow: auto;
}
.widget {
	margin-bottom: 14px;
	overflow: hidden;
}
.widget ul {
	padding-left: 2em;
}
.widget select {
	min-width: 150px;
}
.comment-form textarea, .comment-form input[type="text"], .search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 300px;
}
.post-password-form label {
	vertical-align: top;
}
.post-password-form input[type="password"], .search-form input[type="search"] {
	width: 150px;
}
.commentlist {
	margin: 0 0 14px;
}
.commentlist .edit-link {
	margin: 0;
}
.commentlist-item .commentlist-item {
	padding: 0 0 0 3em;
}
@media only screen and (max-width: 767px) {
.commentlist-item .commentlist-item {
	padding: 0;
}
}
.comment, .commentlist-holder {
	overflow: hidden;
}
.commentlist-item .commentlist-item, .commentlist-item + .commentlist-item {
	padding-top: 14px;
}
.commentlist .avatar-holder {
	float: left;
	margin: 0 14px 4px 0;
}
.comment-form label {
	display: block;
	padding-bottom: 4px;
}
.comment-form textarea {
	padding: 3px 4px;
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}
.widget_calendar #next {
	text-align: right;
}
.gallery-item dt {
	float: none;
	padding: 0;
}
.navigation {
	overflow: hidden;
	margin: 0 0 14px;
}
.navigation .next {
	float: left;
}
.navigation .prev {
	float: right;
}
.wp-caption {
	max-width: 98%;
	clear: both;
	border: 1px solid #ccc;
	padding: 5px;
}
.wp-caption img {
	vertical-align: top;
}
.wp-caption p {
	margin: 10px 0 0;
}
div.aligncenter {
	margin: 0 auto 14px;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
#wrapper {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
#header {
	text-align: center;
	background: #f4f4f4;
}
#header.fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	transition: all 1s linear;
}
#header.fixed .logo {
	display: none;
}
#header:after {
	display: block;
	clear: both;
	content: '';
}
.header-holder {
	margin: 0 auto;
	max-width: 1040px;
	padding: 17px 10px 4px;
}
.header-holder:after {
	display: block;
	clear: both;
	content: '';
}
.logo {
	margin: 0 auto 9px;
	max-width: 230px;
}
.logo a {
	display: inline-block;
}
.logo img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
#nav {
	text-transform: uppercase;
}
#nav:after {
	display: block;
	clear: both;
	content: '';
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 27px;
}
#nav ul li a {
	transition: all 0.3s ease;
	display: block;
	color: #000;
	position: relative;
	text-decoration: none;
 //font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Lato';
}
#nav ul li a:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	content: '';
	background: #21346e;
	height: 0;
	margin: 2px 0 0;
	z-index: 1;
	transition: all 0.3s linear;
}
#nav ul li a.active, #nav ul li a:hover {
	color: #21346e;
}
#nav ul li a.active:before, #nav ul li a:hover:before {
	height: 2px;
}
#main {
	overflow: hidden;
	width: 100%;
	position: relative;
}
.carousel {
	overflow: hidden;
	width: 100%;
	position: relative;
}
.mask {
	overflow: hidden;
	width: 100%;
}
.carousel .slideset {
	width: 9999px;
	float: left;
	overflow: hidden;
}
.carousel .slideset .slide {
	float: left;
	overflow: hidden;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
}
.carousel .slideset .slide.alignleft .banner-caption .caption-frame {
	max-width: 500px;
}
.banner-caption {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: calc(100vh - 150px);
}
.banner-caption .caption-frame {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.banner-caption .caption-frame h1 {
	font: 98px/102px 'al_professorregular';
	margin: 0;
	color: #fff;
	letter-spacing: 3px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.carousel .scroll {
	text-transform: uppercase;
	font: 500 9px/13px 'Lato';
	margin: 0;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	margin: 0 0 19px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
	animation: equalize 4s steps(25, end) 0s infinite;
	padding: 30px 0 0;
}
.carousel .scroll:before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	background: url(../images/img2.png) no-repeat;
	width: 14px;
	height: 24px;
	margin: -5px 0 0;
}
.container {
	position: relative;
	margin: 0 auto;
	max-width: 1040px;
	padding: 53px 10px 0;
}
.container:after {
	display: block;
	clear: both;
	content: '';
}
.latest-blogs {
	position: relative;
	z-index: 1;
}
.latest-blogs:before {
	position: absolute;
	left: -9999px;
	right: -9999px;
	top: 0;
	bottom: 0;
	content: "";
	background: #f7f7f7;
	z-index: -1;
}
.main-header {
	text-align: center;
	overflow: hidden;
	margin: 0 0 36px;
}
.main-header h2 {
	color: #222;
	font-family: 'Lato';
	font-size: 40px;
	line-height: 42px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 0 13px;
}
.main-header h3 {
	color: #4d4d4d;
	font-size: 40px;
	line-height: 42px;
	font-weight: 900;
	position: relative;
	margin: 0 0 10px;
	font-family: 'al_aunt_marieregular';
}
.main-header h3 .txt {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
}
.main-header h3 .txt:after, .main-header h3 .txt:before {
	position: absolute;
	left: 100%;
	top: 50%;
	content: "";
	background: #8a8688;
	z-index: -1;
	width: 42px;
	height: 1px;
	margin: 0 21px;
	transform: translateY(-50%);
}
.main-header h3 .txt:after {
	left: auto;
	right: 100%;
}
.twocolumns {
	padding: 11px 0 0;
	margin: 0;
	position: relative;
}
.twocolumns:after {
	display: block;
	content: '';
	clear: both;
}
.twocolumns .alignright {
	float: right;
	width: 45.4%;
	padding: 7px 0 0;
	margin: 0 0 0 5%;
}
.twocolumns .alignright .image-holder {
	overflow: hidden;
	width: 100%;
}
.twocolumns .alignright .image-holder img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
	float: right;
}
.twocolumns .alignright .image-holder:first-child {
	padding: 0 11.4% 0 0;
}
.twocolumns .alignright .image-holder:nth-child(2) {
	margin: -34px 0 0;
}
.twocolumns .alignright .image-holder:nth-child(2) img {
	float: left;
}
.twocolumns .alignright .image-holder:nth-child(3) {
	margin: -67px 0 0;
}
.twocolumns .content-area {
	overflow: hidden;
	margin: 0;
	text-align: justify;
	padding: 0;
}
.twocolumns .content-area p {
	margin: 0 0 36px;
}
.twocolumns .content-area p:last-child {
	margin: 0;
}
.video-holder iframe {
	min-height: 460px;
	width: 100%;
	margin:0;
}
.image-holder.extra-holder.video-holder{ margin:0;}
.blog-frame .more.more2{ font-size:14px; text-align:left; float:left;}
#extra-ul{ margin-top:20px;}
.extra-holder {
	margin-top: 20px;
}
.services-area .video-holder {
	overflow: hidden;
	margin: 0 0 68px;
	padding: 0;
}
.services-area .video-holder iframe {
	display: block;
	width: 100%;
	margin: 0;
	min-height: 461px;
}
.services-holder {
	margin: 0 0 70px;
	padding: 0;
	position: relative;
}
.services-holder:after {
	display: block;
	clear: both;
	content: '';
}
.services-holder .recomended-area {
	float: right;
	width: 64.5%;
}
.services-holder .recomended-area .banner-area {
	position: relative;
	padding: 0 77px 0 0;
	margin: 0 0 7px;
	z-index: 1;
}
.services-holder .recomended-area .banner-area:after {
	display: block;
	content: '';
	clear: both;
}
.services-holder .recomended-area .banner-area:before {
	position: absolute;
	right: 0;
	left: -9999px;
	content: '';
	top: 0;
	bottom: -53px;
	margin: 38px 0 0;
	background: #f7f7f7;
	z-index: -1;
}
.services-holder .recomended-area .vertical-text {
	position: absolute;
	right: -110px;
	bottom: 136px;
	transform: rotate(90deg);
	font: 400 36px/40px "Times New Roman", Times, serif;
	color: #000;
	letter-spacing: 2px;
}
.services-holder .recomended-area .vertical-text:before {
	position: absolute;
	content: '';
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	background: #000;
	height: 2px;
	width: 96px;
	margin: 0 25px 0 0;
}
.services-holder .recomended-area .banner-area img {
	display: block;
	width: 100%;
	margin: 0;
}
.services-holder .outlook-block {
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.services-holder .outlook-block .image-holder {
	display: inline-block;
	vertical-align: bottom;
	width: 37.2%;
	margin: 0 4.2% 0 0;
}
.services-holder .outlook-block .outlooktext {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	font: 700 12px/19px 'Lato';
	position: relative;
	height: 100%;
}
.services-holder .outlook-block .image-holder img {
	display: block;
	height: auto;
	width: 100%;
}
.services-holder .outlook-block .header-text {
	overflow: hidden;
	margin: 0 0 7px;
}
.services-holder .outlook-block .header-text h2 {
	margin: 0;
	color: #917c5a;
	font: 500 80px/60px 'al_professorregular';
	text-transform: lowercase;
	letter-spacing: -1px;
}
.services-holder .outlook-block .header-text p {
	font: 600 16px/20px "Theano-Didot-Regular";
	margin: 0;
	text-transform: uppercase;
}
.services-holder .outlook-block p {
	margin: 0 0 69px;
}
.btn-default {
	text-decoration: none;
	transition: all 0.3s ease;
	text-transform: uppercase;
	font: 800 11px/12px 'Lato';
	border: 2px solid #000;
	color: #000;
	text-align: center;
	display: inline-block;
	padding: 8px 12px 7px;
	word-spacing: 1px;
}
.btn-default:hover {
	background: #000;
	color: #fff;
}
.fashion-area{
  overflow: hidden;
  padding: 0;
  margin: 0 0 70px;
  position: relative;
  font-size: 0;
}
.fashion-area .product-list{
  list-style: none;
  padding: 0;
  margin: 0;
}
.fashion-area .product-list li{
  display: inline-block;
  vertical-align: middle;
  margin: 0 1.2% 0 0;
  width: 16%;
}
.fashion-area .product-list li img{
  display: block;
  width: 100%;
  height: auto;
}
.fashion-area .product-list li:nth-child(2){
  width: 19.5%;
  margin: 0 0.8% 0 0;
}
.fashion-area .product-list li:nth-child(2) .image-holder{
  margin: 0 0 10px;
}
.fashion-area .product-list li:nth-child(3){
  width: 18.1%;
  margin: 0 0.7% 0 0;
}
.fashion-area .product-list li:nth-child(4){
  width: 12.2%;
  margin: 0 1.6% 0 0;
}
.fashion-area .product-list li:nth-child(4) .image-holder.top-img{
  margin: 0 0 10px -19%;
}
.fashion-area .product-list li:nth-child(5){
  width: 10.7%;
  margin: 0 1% 0 0;
}
.fashion-area .product-list li:nth-child(6){
  margin: 0;
  width: 17.8%;
  vertical-align: bottom;
}
.essential-area {
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 0 6px;
}
.essential-col {
	text-align: center;
	padding: 108px 0 0;
	margin: 0 0 26px;
}
.essential-col .heading {
	font: 800 13px/13px 'Lato';
	margin: 0 0 62px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}
.essential-col .heading:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 100%;
	height: 1px;
	width: 25px;
	background: #000;
	transform: translateX(-50%);
	margin: 21px 0 0;
}
.essential-col h2 {
	font: 900 42px/51px "Theano-Didot-Regular";
	margin: 0 0 12px;
	color: #333574;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.essential-col .text2 {
	display: block;
	margin: 0 0 23px;
	text-transform: uppercase;
	font: 800 11px/14px 'Lato';
}
.essential-area .denim-image {
	margin: 0 0 29px;
}
.essential-area .denim-image img {
	display: block;
	height: auto;
	width: 100%;
}
.essential-area .outlooktext {
	text-align: right;
	padding: 0 27px 0 0;
	font: 800 12px/16px 'Lato';
}
.essential-area .outlooktext h2 {
	font: 800 26px/31px "Theano-Didot-Regular";
	margin: 0 0 13px;
	color: #575d6f;
	text-transform: uppercase;
}
.essential-area .outlooktext .header-text {
	margin: 0 0 9px;
}
.essential-area .outlooktext .header-text p {
	text-transform: uppercase;
	font: 800 12px/16px 'Lato';
	letter-spacing: 1px;
	margin: 0;
}
.essential-area .outlooktext p {
	margin: 0 0 55px;
}
.production-block {
	margin: 0;
	position: relative;
}
.production-block:after {
	display: block;
	clear: both;
	content: '';
}
.inhouse-area {
	position: relative;
	margin: 0 0 103px;
}
.inhouse-area:after {
	display: block;
	clear: both;
	content: '';
}
.inhouse-area .alignleft {
	float: left;
	width: 43.3%;
}
.inhouse-area .alignright {
	float: right;
	width: 26.1%;
}
.inhouse-area .alignright img, .inhouse-area .alignleft img {
	display: block;
	width: 100%;
	height: auto;
}
.inhouse-text {
	overflow: hidden;
	padding: 22px 0 0 3.8%;
	display: table;
	table-layout: fixed;
	height: 358px;
}
.inhouse-text .text-frame {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.inhouse-text h3 {
	font: 400 20px/24px "Times New Roman", Times, serif;
	margin: 0 0 28px;
	text-transform: uppercase;
}
.inhouse-text ul {
	list-style: none;
	margin: 0 0 23px;
	padding: 0;
}
.inhouse-text ul li {
	display: block;
	margin: 0 0 4px;
	color: #2e2e2e;
	font: 16px/20px 'Lato';
}
.product-images {
	position: relative;
	margin: 0 0 18px;
}
.product-images:after {
	display: block;
	clear: both;
	content: '';
}
.product-images .alignleft {
	float: left;
	width: 29.9%;
}
.product-images .alignright {
	float: right;
	width: 67.5%;
}
.product-images .alignright img, .product-images .alignleft img {
	display: block;
	width: 100%;
	height: auto;
}
.product-images.add .alignleft, .product-images.add .alignright {
	width: 48.2%;
}
#we-care {
	padding-bottom: 68px;
}
#we-care .main-header {
	overflow: inherit;
	position: relative;
}
#we-care .main-header:after {
	display: block;
	clear: both;
	content: '';
}
.logo-area {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.logo-area li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}
.logo-area li img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}
.blog-area {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog-area:after {
	clear: both;
	display: block;
	content: '';
}
.blog-frame {
	width: 45%;
	margin: 0 2.4% 62px;
}
.blog-frame .image-holder {
	margin: 0 0 10px;
}
.blog-frame .image-holder img {
	display: block;
	height: auto;
	width: 100%;
}
.blog-frame h3 {
	font: 600 21px/26px 'Lato';
	margin: 0 0 14px;
}
.blog-frame p {
	text-transform: uppercase;
	color: #000;
	font: 600 10px/13px 'Lato';
	margin: 0 0 8px;
}
.blog-frame p span {
	text-transform: lowercase;
	color: #9f9f9f;
}
.blog-frame .more {
	text-decoration: none;
	color: #000;
	font: 15px/18px 'Lato';
	transition: all 0.3s ease;
	float:right;
}
.blog-frame .more:hover {
	color: #000;
}
#contact-area {
	overflow: hidden;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.school-images {
	padding: 0 0 120px;
	margin: 0;
	position: relative;
}
.school-images:after {
	display: block;
	clear: both;
	content: '';
}
.school-images .image-holder {
	display: inline-block;
	vertical-align: bottom;
	margin: 0;
}
.school-images .image-holder img {
	display: block;
	width: 100%;
	height: auto;
}
.school-images .image-holder.second-child {
	width: 45%;
}
.school-images .image-holder:first-child {
	margin: 0 0 -20px;
	width: 33.5%;
}
.school-images .image-holder:last-child {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	width: 30%;
}
.school-images .image-holder:last-child .image-box {
	padding: 10px;
	background: #fff;
}
.school-images .image-holder .image-box.add {
	margin: 0 0 0 -10px;
	width: 100%;
}
.contact-block {
	min-height: 597px;
	position: relative;
}
.contact-block:after {
	display: block;
	clear: both;
	content: '';
}
.contact-info {
	position: relative;
}
.contact-info:after {
	display: block;
	clear: both;
	content: '';
}
.contact-info .contact-details {
	float: left;
	width: 35%;
	font: 15px/24px 'CenturyGothic';
	margin: 0;
}
.contact-form h3, .contact-info .contact-details h3 {
	font: 700 17px/24px 'CenturyGothic';
	margin: 0 0 20px;
	color: #000;
}
.contact-info .contact-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.contact-info .contact-details ul li {
	margin: 0 0 25px;
	display: block;
}
.contact-info .contact-details ul li:nth-child(2) strong, .contact-info .contact-details ul li:nth-child(3) strong {
	text-transform: none;
}
.contact-info .contact-details ul li:nth-child(2) {
	margin: 0;
}
.contact-info .contact-details ul li span {
	display: block;
	margin: 0 0 25px;
}
.contact-info .contact-details ul li strong {
	text-transform: uppercase;
}
.contact-info .contact-details ul li strong.heading {
	text-transform: uppercase;
	display: block;
	margin: 0 0 20px;
}
.contact-form {
	float: right;
	width: 46.6%;
	padding: 0;
}
.contact-form .form-row {
	overflow: hidden;
	margin: 0 0 14px;
}
.contact-form .form-row input[type="text"], .contact-form .form-row input[type="tel"], .contact-form .form-row input[type="email"], .contact-form .form-row textarea {
	margin: 0;
	padding: 4px 11px;
	background: none;
	border: 1px solid #747473;
	font: 14px/18px 'gotham_bookregular';
	display: block;
	width: 100%;
	height: 38px;
	color: #000;
}
.contact-form .form-row textarea {
	resize: none;
	height: 132px;
}
.contact-form .btn-default {
	min-width: 175px;
	background: #000;
	color: #fff;
	font: 800 15px/18px 'Lato';
	padding: 9px 10px 10px;
}
#footer {
	text-align: center;
	max-width: 1040px;
	padding: 24px 10px 12px;
	margin: 0 auto;
	overflow: hidden;
}
#footer .logo {
	max-width: 180px;
	margin: 0 auto;
}
.nav-opener {
	display: none;
}
@media only screen and (max-width: 1023px) {
body {
	font-size: 16px;
}
#nav ul li {
	margin: 0 15px;
}
#nav ul li a {
	font-size: 12px;
}
.banner-caption .caption-frame h1 {
	font-size: 60px;
	line-height: 80px;
}
.main-header {
	margin: 0 0 25px;
}
.twocolumns .content-area p {
	margin: 0 0 15px;
}
.twocolumns .alignright .image-holder:first-child {
	padding: 0;
}
.twocolumns .alignright {
	width: 50%;
	margin: 0 0 0 3%;
}
.twocolumns .alignright .image-holder img {
	width: 55%;
}
.twocolumns .alignright .image-holder:nth-child(2) img {
	width: 42%;
}
.twocolumns .alignright .image-holder:nth-child(3) {
	margin: -35px 0 0;
}
.inhouse-area .alignleft {
	width: 38%;
}
.inhouse-area .alignright {
	width: 22.8%;
}
.inhouse-text {
	padding: 10px 0 0 3%;
	height: 220px;
}
.inhouse-text h3 {
	font-size: 16px;
	margin: 0 0 10px;
}
.inhouse-text ul li {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}
.container {
	padding-top: 30px;
}
.services-area .video-holder {
	margin: 0 0 30px;
}
.services-holder .recomended-area .vertical-text {
	font-size: 26px;
	line-height: 30px;
	bottom: 90px;
	right: -80px;
}
.services-holder .recomended-area .vertical-text::before {
	margin: 0 10px 0 0;
	width: 70px;
}
.essential-col .heading {
	margin: 0 0 30px;
}
.essential-col .heading::before {
	margin: 10px 0 0;
}
.essential-col h2 {
	font-size: 30px;
	line-height: 36px;
}
.essential-area .denim-image,  .essential-col,  .essential-col .text2 {
	margin: 0 0 15px;
}
.essential-area .outlooktext h2 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 8px;
}
.essential-area .outlooktext .header-text {
	margin: 0 0 5px;
}
.services-holder .outlook-block .header-text h2 {
	font-size: 60px;
	line-height: 50px;
}
.services-holder .outlook-block p {
	margin: 0 0 25px;
}
.blog-frame h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px;
}
.blog-frame {
	width: 30%;
	margin: 0 1% 30px;
}
}
@media only screen and (max-width: 767px) {
#header.fixed {
	position: static;
}
.logo {
	float: left;
	width: 150px;
	margin: 0 10px;
}
.header-holder {
	padding: 15px 0 5px;
}
.nav-opener {
	float: right;
	margin: 30px 15px 0;
	display: block;
	width: 36px;
	height: 21px;
	position: relative;
}
.nav-opener:after,  .nav-opener span,  .nav-opener:before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	border-radius: 4px;
	background: #333574;
	transition: all 1s ease;
}
.nav-opener:after {
	bottom: 0;
	top: auto;
}
.nav-opener span {
	top: 9px;
}
#nav {
	width: 100%;
	overflow: hidden;
	max-height: 0;
	transition: all 1s ease;
}
#nav ul {
	padding: 20px 0 10px;
}
#nav ul li {
	display: block;
	margin: 0;
}
#nav ul li:first-child a {
	border-top: 1px solid #22346d;
}
#nav ul li a {
	padding: 7px 20px;
	margin: 0 -10px;
	border-bottom: 1px solid #22346d;
}
#nav ul li a:hover {
	background: #22346d;
	color: #fff;
}
#nav ul li a:before {
	display: none;
}
.nav-active .nav-opener:before {
	transform: rotate(-45deg);
	margin: 8px 0 0;
}
.nav-active .nav-opener:after {
	transform: rotate(45deg);
	margin: 0 0 9px;
}
.nav-active .nav-opener span {
	display: none;
}
.nav-active #nav {
	max-height: 2000px;
}
  .carousel .slideset .slide{background-position: 50% 50%;}
.carousel .slideset .slide.first{background-position: 0 50%;}
.banner-caption {
	height: calc(100vh - 275px);
}
.banner-caption .caption-frame h1 {
	font-size: 53px;
	line-height: 40px;
}
.container {
	max-width: 500px;
}
.main-header h3,  .main-header h2 {
	font-size: 26px;
	line-height: 32px;
}
.main-header h3 {
	margin: 0;
}
.main-header h3 .txt:after, .main-header h3 .txt:before {
	margin: 0 15px;
}
.main-header {
	margin: 0 0 15px;
}
.twocolumns .alignright {
	margin: 0 0 20px;
	width: 100%;
	float: none;
}
.services-holder {
	margin: 0 0 20px;
}
.services-holder .recomended-area {
	width: 100%;
	float: none;
}
.services-area .video-holder iframe {
	min-height: 280px;
}
.services-holder .recomended-area .vertical-text {
	font-size: 18px;
	line-height: 26px;
	bottom: 65px;
	right: -66px;
}
.services-holder .recomended-area .banner-area {
	padding: 0 40px 0 0;
}
.services-holder .outlook-block .header-text {
	margin: 0;
}
.services-holder .outlook-block .header-text h2 {
	font-size: 40px;
	line-height: 30px;
}
.services-holder .outlook-block .image-holder {
	width: 40%;
	margin: 0 10px 0 0;
}
.services-holder .outlook-block .outlooktext {
	width: 55%;
}
.services-holder .outlook-block .header-text p {
	font-size: 11px;
}
.services-holder .outlook-block p {
	margin: 0 0 15px;
}
.services-holder .recomended-area .banner-area {
	margin: 0 0 18px;
}
.fashion-area .product-list li{
  width: 28%;
}
.fashion-area .product-list li:nth-child(2){
  width: 37%;
  margin: 0 0.8% 0 0;
}
.fashion-area .product-list li:nth-child(3){
  width: 33%;
  margin: 0;
}
.fashion-area .product-list li:nth-child(4){
  margin: -20% 1.6% 0 0;
  width: 28%;
}
.fashion-area .product-list li:nth-child(5){width: 27%;}
.fashion-area .product-list li:nth-child(6){width: 42.2%;}
.essential-col {
	padding: 30px 0 0;
}
.essential-area .outlooktext {
	text-align: left;
}
.essential-area .outlooktext h2 br {
	display: none;
}
.essential-area .outlooktext p {
	margin: 0 0 20px;
}
.inhouse-area {
	margin: 0 0 10px;
}
.inhouse-area .alignleft {
	width: 100%;
	float: none;
	margin: 0 0 20px;
}
.inhouse-area .alignright {
	width: 50%;
}
.inhouse-text {
	padding: 0;
	height: 210px;
}
.inhouse-text h3 {
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 10px;
}
.inhouse-text ul {
	margin: 0 0 18px;
}
#we-care {
	padding-bottom: 20px;
}
.logo-area li {
	width: 25%;
	margin-bottom: 10px;
}
.school-images {
	padding: 0 0 20px;
}
.school-images .image-holder:first-child {
	margin: 0;
	width: 38%;
}
.school-images .image-holder.second-child {
	width: 60%;
}
.school-images .image-holder:last-child {
	position: static;
	width: 100%;
}
.school-images .image-holder:last-child .image-box {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.blog-frame {
	width: 100%;
}
  .blog-frame .video-holder iframe{min-height: 280px;}
.blog-frame .image-holder {
	margin: 0 0 10px;
}
.blog-frame {
	font-size: 14px;
	margin-bottom: 20px;
}
.contact-form,  .contact-info .contact-details {
	float: none;
	width: 100%;
}
#footer .logo {
	float: none;
}
}
 @keyframes equalize {
 0% {
 height: 40px;
}
 25% {
 height: 60px;
}
 50% {
 height: 40px;
}
 75% {
 height: 60px;
}
 100% {
 height: 40px;
}
}