/*
Theme Name: Zink Sons Theme
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

/*
Wahab Custom CSS
*/ 

.white-line {
	border-bottom: solid 3px #fff !important;
}

body {
	-webkit-font-smoothing: antialiased;
	padding-top:102px!important;
}

.sliderwrap {
	margin: 0px !important;
}

.fa {
	margin-top:10px;
}

nav ul li ul li {
	border-bottom: solid 0px #fff;
	padding:5px 15px;
}

nav ul li ul li::before {

}

nav ul li ul li:hover {
	background-color: #275583!important;
	-webkit-transition: 0.3s ease-in-out;
    	-moz-transition: 0.3s ease-in-out;
    	-o-transition: 0.3s ease-in-out;
    	transition: 0.3s ease-in-out;
}

nav ul li ul li:hover a{
	color: #d7d7d7!important;
	-webkit-transition: 0.3s ease-in-out;
    	-moz-transition: 0.3s ease-in-out;
    	-o-transition: 0.3s ease-in-out;
    	transition: 0.3s ease-in-out;
}

a:focus {
    text-decoration: none;
}

h3 {
	padding-bottom: 12px !important;
}

h4 {
	padding-bottom: 8px !important;
}

.fancybox-image {
	max-height: initial ;
	max-width:900px;
}

@media(max-width: 767px) {
	.flexslider .flex-control-nav {
		display:none !important;
	}
	iframe {
		height:250px;
	}
}

 /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }




/* =Fonts
-------------------------------------------------------------- */

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit]
{
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 16px;
}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}

imput.button { /*green btn */}


table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
 thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
 tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
 tr.odd td {
	background: #F2F7FC;
}




.attachment img {
	max-width: 900px;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft, 
 img.alignright, 
 img.aligncenter {
	margin-bottom: 12px;
}
 .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
 .wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
.wp-smiley {
	margin:0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

.clear{clear:both; font-size:0px;line-height:0px; display:block;}


/* ----------------------- layout ----------*/


body { background:#fff; }
#wrapper{margin:0 auto; width:100%;}
header{ border-bottom: solid 1px #b3b3b3; padding: 0 0; position: relative; position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 99999;}

.logo{ position: absolute; left: 50%; top: 14px; margin: 0 0 0 -75px; z-index: 99; width: 149px;}
.logo a{ display: block;}
.logo a img{ display: block; margin: 0 auto; height: 42px; width: auto;}

nav{ padding: 0;}
nav ul{ margin: 0; padding: 0; list-style: none; float: left;}
nav ul li{ padding: 0 34px; float: left; position: relative;}
nav > ul > li:first-child{ padding-left: 0;}
nav > ul > li:last-child{ padding-right: 0;}
nav ul li a{ display: block;font-family: 'Lato', sans-serif; font-size: 12px; line-height: 70px; font-weight: 400; text-transform: uppercase; color: #555; letter-spacing: 0.2em;}
nav ul li a:hover{ text-decoration: none; color: #083563;}

nav > ul > li:nth-child(3){ padding-right: 150px;}
nav > ul > li:nth-child(4){ padding-left: 150px;}

nav ul li ul{ position: absolute; left: 0; top: 100%; width: 205px; display: none; z-index: 999;}
nav ul li ul li{ float: none; margin: 0; background: #d7d7d7; border-bottom: solid 0px #fff; padding: 0 15px;}
nav ul li ul li:last-child{ border-bottom: none;}
nav ul li ul li a{ color: #083563; font-size: 12px; line-height: 38px; font-weight: 400;}


/* flexslider */
.sliderwrap{ margin: 20px 0 0;}
.flexslider{ position:relative; width:100%; margin:0 auto; z-index:99; padding:0px;}
.flexslider ul{ float:left; padding:0; margin:0; list-style:none; width:100%;}
.flexslider > ul > li{ float:left; position:relative; line-height:0; width:100%; padding:0;}
.flexslider ul li img{ width:100%; display:block; margin:0 auto; height:auto;}
.flexslider ul li a > img{ width:100%; height:auto; display:block; margin:0 auto;}

.flexslider .flex-direction-nav {position: absolute; top: auto; bottom:8%; width: 100%; left:0%; height:58px;z-index:999;}
.flexslider .flex-direction-nav li {float:none; padding:0;}
.flexslider .flex-direction-nav a {display: block; text-indent: -9999px; width: 11px; height:11px; position: absolute; z-index:99; font-size:0; top:0px;}
.flexslider .flex-direction-nav a.flex-prev {background: url(images/left-nav.png) scroll no-repeat; left: 20%; font-size:0;}
.flexslider .flex-direction-nav a.flex-next {background: url(images/right-nav.png) scroll no-repeat; right: 20%; font-size:0;}

.flexslider .flex-control-nav {text-align: center; margin:0; position:absolute; z-index:99; width:100%; height:12px; bottom:75px; right:0px; display:inline-block; line-height:0px;}
.flexslider .flex-control-nav li {display: inline-block; list-style: none; margin: 0 15px 0 0px; text-align: center; line-height:16px;}
.flexslider .flex-control-nav li:last-child{ margin-right:0px;}
.flexslider .flex-control-nav li a {width: 12px; height: 12px; border-radius: 50%; display: block; z-index: 100000; text-indent:0px; background : #33ACE4; font-size:0;}
a.flex-active{ background: #99D5F1 !important;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; overflow:hidden;} 
.flex-control-nav.flex-control-paging span{ padding:8px 0 0; display:inline-block;}
/* flexslider ends*/

.captionwrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.caption{ max-width: 415px; margin: 0 auto; text-align: center; padding: 12% 0 0;}
.caption h1{font-family: 'Radley', serif; font-size: 45px; line-height: 45px; color: #fff; letter-spacing: 0.075em; font-weight: 400; border-bottom: solid 0px #fff; padding: 0 0 25px;}
.caption h2{font-family: 'Radley', serif; font-size: 30px; line-height: 45px; color: #fff;  letter-spacing: 0.075em; font-weight: 400;}

.gridcont{ padding: 20px 0 0;}
.gridcont ul{list-style: none; margin:0; padding: 0;}
.gridcont ul li { box-sizing: border-box; line-height: 0; height: auto; position: relative;}
em.vert{ position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #fff;}
em.horz{ position: absolute; right: 0; top: 0; width: 100%; height: 1px; background: #fff;}
.gridcont ul li img{ height: auto; display: block; box-sizing: border-box;}
.caption1{ position: absolute; width: 100%; z-index: 999; top: 50%; text-align: center;}
.caption1 h1{font-family: 'Radley', serif; font-size: 55px; line-height: 55px; color: #fff; letter-spacing: 0.075em; font-weight: 400; margin: 0 0 22px;}
.caption1 a.viewbig{ display: block; width:150px; height: 48px; line-height: 48px; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; font-weight: 300; letter-spacing: 0.1em; margin: 0 auto; border: solid 1px #fff;font-family: 'Lato', sans-serif; transition: ease-in all 0.3s;}
.caption1 a.viewbig:hover{ background: rgba(130, 130, 130, 0.7); text-decoration: none;}

.caption2{ position: absolute; width: 100%; z-index: 999; top: 50%; text-align: center;}
.caption2 h2{font-family: 'Radley', serif; font-size: 30px; line-height: 30px; color: #fff; letter-spacing: 0.075em; font-weight: 400; margin: 0 0 22px;}
.caption2 a.viewsmall{ display: block; width:130px; height: 38px; line-height: 38px; color: #fff; text-transform: uppercase; text-align: center; font-size: 20px; font-weight: 300; letter-spacing: 0.1em; margin: 0 auto; border: solid 1px #fff;font-family: 'Lato', sans-serif; transition: ease-in all 0.3s;}
.caption2 a.viewsmall:hover{ background: rgba(130, 130, 130, 0.7); text-decoration: none;}


.tabcont{ border-top: solid 1px #b3b3b3; margin: 20px 0 0;}

.box1{ width: 50%; box-sizing: border-box; padding: 0 15px 0 0; float: left;}
.box2{ width: 50%; box-sizing: border-box; padding: 0 0 0 15px; float: left;}

.field{ width: 100%; margin:0 0 20px;}
.box1 .field:last-child{ margin: 0;}
.field input{ display: block; width: 100%; height: 45px; border: solid 1px #a7a7a7; background: #fff; box-shadow: none; padding: 0; margin: 0; text-indent: 10px; font-family: 'Lato', sans-serif; font-size: 15px; line-height: 45px; color: #555; font-weight: 400; outline: none; -webkit-appearance:none;}
.field textarea{ display: block; width: 100%; padding: 10px; background: #fff; resize: none; box-shadow: none; border: solid 1px #a7a7a7; outline: none;font-family: 'Lato', sans-serif; font-size: 15px; line-height: normal; color: #555; font-weight: 400; height: 175px; -webkit-appearance:none;}
.box2 .field:last-child{ margin: 0;}
.field input[type="submit"]{ display: block; text-transform: uppercase; letter-spacing: 0.2em; background:#d7d7d7;}

#horizontalTab{ text-align: center; line-height: 0; padding: 0; margin: 0; list-style: none;}
ul.resp-tabs-list{ width: 970px; display: inline-block;}
.resp-tabs-list li{ width: 50%; padding: 0; border-left: solid 1px #bcbcbc; text-align: center;transition: ease-in all 0.3s;}
.resp-tabs-list li:hover{ background-color: #d7d7d7;}
.resp-tabs-list li span{ display: inline-block;font-family: 'Lato', sans-serif; font-size: 15px; line-height: 68px; color: #555; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; padding: 0 15px 0 0; background: url(images/smallarrow_down.png) no-repeat right center; cursor: pointer;}
.resp-tabs-list li:last-child{ border-right: solid 1px #bcbcbc;}

.resp-tab-active{ padding: 0 !important; border-top: none; border-left: solid 1px #bcbcbc; border-right: none; background: #d7d7d7;}
.resp-tab-active span{ color: #083563 !important;}

.resp-tabs-container{border-top: solid 1px #b3b3b3; background: #d7d7d7;}
.resp-tab-content{ width: 970px; margin: 0 auto; border: none; padding: 20px 0;}

footer{ padding: 20px 0; border-top: solid 1px #a7a7a7; background: #d7d7d7;}
footer .col-lg-4{ padding: 0;}
footer .col-lg-4:first-child{padding-left: 15px;}
footer .col-lg-4:last-child{padding-right: 15px;}
footer .col-lg-4:last-child .sec1{border-right: solid 1px #a7a7a7;}
.sec1{ padding: 32px 0 0; text-align: center; min-height: 190px;border-left: solid 1px #a7a7a7;} 
.sec1 h1{font-family: 'Lato', sans-serif; font-size: 12px; line-height: 15px; color: #555; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; margin: 0 0 12px;}
.sec1 p{font-family: 'Lato', sans-serif; font-size: 12px; line-height: 15px; color: #555; letter-spacing: 0.2em;}
.sec1 ul{ margin: 0; padding: 0; list-style: none; display: inline-block;}
.sec1 ul li{ float: left; margin: 0 8px 0 0;}
.sec1 ul li a{ display: block; width: 35px; height: 35px; border-radius: 50%; background: #686867; line-height: 31px; text-align: center; color: #fff; font-size: 18px; transition: ease-in all 0.3s;}
.sec1 ul li a:hover{ background: #545453;}
.sec1 ul li:last-child{ margin: 0;}

.field2{ width: 150px; margin: 0 auto 8px;}
.field2 input{ display: block; width: 100%; height: 22px; box-sizing: border-box; box-shadow: none; outline: none; border: solid 1px #8d8d8c; text-indent: 5px; background: #d7d7d7; padding: 0; margin: 0; font-size: 12px; color: #555; line-height: 22px; -webkit-appearance:none;font-family: 'Lato', sans-serif;}
.field2 input[type="email"]{ padding-right: 0px; width: 100%; float: left;}
.field2 input[type="submit"]{width: 100%; float: none; background-color: #8d8d8c; color: white;padding: 15px 0px; line-height:0px; font-weight: 700;}


.copyright{ padding: 20px 0 0; position: relative;}
.copyright p{ margin: 0; text-align: center;font-family: 'Lato', sans-serif; font-size: 12px; line-height: 18px; color: #555; font-weight: 400;  letter-spacing: 0.2em;}
.copyright p a{ color: #555; text-decoration: none;}
a.gotop{ position: absolute; right: 0px; top: -25px; line-height: 0; display: none;}

/* inner1.html */

.bredcrumb{ padding: 25px 0; border-bottom: 1px solid #b3b3b3;}
.bredcrumb ul{ margin: 0; padding: 0; list-style: none; float: left;}
.bredcrumb ul li{ float: left; padding: 0 11px; background: url(images/smallarrow.png) no-repeat left 4px;}
.bredcrumb ul li a{ display: block;font-family: 'Lato', sans-serif; font-size: 12px; line-height: 15px; color: #555; letter-spacing: 0.2em; font-weight: 400; text-transform: uppercase;}
.bredcrumb ul li:first-child{ padding-left: 0; background: none;}

.maintitle{ border-bottom: solid 1px #b3b3b3; padding: 30px 0;}
.maintitle h1{ text-align: center; font-family: 'Radley', serif; font-size: 45px; line-height: 45px; color: #363636; font-weight: 400; letter-spacing: 0.075em;}
.titleft h1{ text-align: left;}

.postwrap{ padding:20px 0 0;}
.postdate{ margin: 0 0 25px;}
.postdate span{ display: block;font-family: 'Lato', sans-serif; font-size: 13px; line-height: 25px; color: #555; text-transform: uppercase; font-weight: 400; letter-spacing: 0.2em;}
.aboutpost p{font-family: 'Lato', sans-serif; font-size: 13px; line-height: 25px; color: #555; font-weight: 400; letter-spacing: 0.2em;}
.aboutpost p a{ color: #083563;}
.postimg{ text-align: right;}
.postimg img{ width:470px;display: inline-block;}

.pagincont{ text-align: center; padding: 20px 0 10px;}
.pagincont ul{ display: inline-block; margin: 0; padding: 0; list-style: none;}
.pagincont ul li{ float: left; padding: 0 10px; background: url(images/sep.png) no-repeat left center;}
.pagincont ul li:first-child{ background: none;}
.pagincont ul li a{ display: block;font-family: 'Lato', sans-serif; font-size: 13px; line-height: 25px; font-weight: 400; text-transform: uppercase; color: #555; letter-spacing: 0.2em;}
.pagincont ul li a:hover{ text-decoration: none; color: #083563;}
.pagincont ul li:first-child a{ padding-left: 15px; background: url(images/smallarrow_left.png) no-repeat left center;}
.pagincont ul li:last-child a{ padding-right: 15px; background: url(images/smallarrow_right.png) no-repeat right center;}
.pagincont > a{ display: inline-block; padding: 0 15px 0 0;font-family: 'Lato', sans-serif; font-size: 13px; line-height: 25px; font-weight: 400; text-transform: uppercase; color: #555; letter-spacing: 0.2em;background: url(images/smallarrow_right.png) no-repeat right center;}
.pagincont > a:hover{ color: #083563; text-decoration: none;}

.map{ padding: 10px 0 0;}
.map img{ display: block; width: 100%; height: auto;}

/* inner4.html */

.formcont{ width: 410px; float: right;}
.formcont input{ display: block; width: 100%; height: 45px; -webkit-appearance:none; box-shadow: none; padding: 0; margin: 0 0 18px; background: #fff; outline: none; text-indent: 10px; border: solid 1px #d6d6d6;font-family: 'Lato', sans-serif; font-size: 13px; line-height: 25px; color: #555; font-weight: 400; letter-spacing: 0.2em;box-sizing: border-box;}
.formcont textarea{ display: block; width: 100%; height: 160px; font-family: 'Lato', sans-serif; font-size: 13px; line-height: normal; color: #555; font-weight: 400; letter-spacing: 0.2em;-webkit-appearance:none; box-shadow: none; padding: 10px; margin: 0 0 18px; background: #fff; outline: none;border: solid 1px #d6d6d6; width: 100%; resize: none;box-sizing: border-box;}
.formcont input[type="submit"]{ display: block; height: 48px; text-transform: uppercase; background: #686867; color: #fff; letter-spacing: 0.2em; border: none; outline: none; box-sizing: border-box; font-size: 15px;}

/* inner5.html */

.lookbook{ padding: 20px 0 0;}
.lookbook ul{ margin: 0; padding: 0; list-style: none; float: left;}
.lookbook ul li{ width: 242px; margin: 0 0px 0px 0; float: left; background-color: #fff; transition: ease-in all 0.3s;}
.lookbook ul li:nth-child(4n){ margin: 0;}
.lookbook ul li a{ display: block; position: relative; transition: ease-in all 0.3s;}
.lookbook ul li img{ display: block; width:100%; height: auto; box-sizing: border-box; border-right: solid 1px #fff; border-bottom: solid 1px #fff;}
.lookbook ul li:hover a{ background-color: #000;}
.lookbook ul li:hover img{ opacity: 0.8;}

/* inner6.html */

.maintitle2{ background: url(images/lookbook-bg.jpg) no-repeat center top; background-size: 100% auto;}
.maintitle2 h1{ color: #fff;}

.gridcont2{ padding: 20px 0 0;}
.gridcont2 .col-lg-12 > ul{ margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
.gridcont2 .col-lg-12 > ul > li{ float: left; width: 50%; box-sizing: border-box; position: relative; display: none;}


.cap3wrap{ position: absolute; left:0; top: 0; height: 100%; width: 100%; z-index: 999;}
.cap3cont { display: table; height: 100%; width: 100%;}
.caption3{ display: table-cell;  height: 100%; text-align: center; vertical-align: middle; width: 100%;}

.caption3 h1{font-family: 'Radley', serif; font-size: 45px; line-height: 45px; color: #fff; letter-spacing: 0.075em; font-weight: 400; margin: 0 0 22px; padding: 0 50px 0;}
.caption3 h3{font-family: 'Radley', serif; font-size: 30px; line-height: 30px; color: #fff; font-weight: 400; letter-spacing: 0.075em; padding: 0 50px 0; margin:0 0 22px; display: none;}

.caption3 a.viewbig{ display: block; width:150px; height: 48px; line-height: 48px; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; font-weight: 300; letter-spacing: 0.1em; margin: 0 auto; border: solid 1px #fff;font-family: 'Lato', sans-serif; transition: ease-in all 0.3s;}
.caption3 a.viewbig:hover{ background: rgba(130, 130, 130, 0.7); text-decoration: none;}

.section1{ background: #000; border-right: solid 1px #fff; border-bottom: solid 1px #fff;}
.section1:hover .section1 a{ background-color: #000; }
.section1:hover a img{ opacity: 0.9;}

.section1:hover .caption3 h1{ display: none;}
.section1:hover .caption3 h3{ display: block;}

.section2 .cap4cont:hover{ background: #222222;}
.section2 .cap4cont:hover .capcont4 h2{ display: none;}
.section2 .cap4cont:hover .capcont4 h4{ display: block;}

.section2 .cap4cont:hover{ background: #222222;}
.section3 .cap4cont:hover { background: #acacac;}


.section1 a{ display: block; line-height: 0;}
.section1 img{ display: block; width: 100%; height: auto;}

.section2{ /* display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flexbox;display:flex;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;*/}
.section2 > a{ display: block; width: 50%; box-sizing: border-box; float: left;}
.section2 > a img{ display: block; box-sizing: border-box; width: 100%; height: auto; border-right: solid 1px #fff; border-bottom: solid 1px #fff;}


.cap4cont { display: table;  width: 50%; float: left;background: #2b2b2b; position: relative;border-right: solid 1px #fff; border-bottom: solid 1px #fff;}

.capcont4{text-align: center; vertical-align: middle; width: 100%; display: table-cell; height: 100%;}

/*.caption4{ background: #2b2b2b; width: 50%; position: relative; border-bottom: solid 1px #fff; border-right: solid 1px #fff; float:left;}*/
/*.cap4wrap { height: 100%; left: 0; position: absolute; top: 0; width: 100%;z-index: 999;}*/

.capcont4 h2{font-family: 'Radley', serif; font-size: 30px; line-height: 30px; color: #fff; letter-spacing: 0.075em; font-weight: 400; margin: 0 0 22px;}
.capcont4 h4{font-family: 'Radley', serif; font-size: 20px; line-height: 20px; color: #fff; font-weight: 400; margin: 0 0 22px; letter-spacing: 0.075em; display: none;}
.capcont4 a.viewsmall{ display: block; width:130px; height: 38px; line-height: 38px; color: #fff; text-transform: uppercase; text-align: center; font-size: 20px; font-weight: 300; letter-spacing: 0.1em; margin: 0 auto; border: solid 1px #fff;font-family: 'Lato', sans-serif; transition: ease-in all 0.3s;}
.capcont4 a.viewsmall:hover{ background: rgba(130, 130, 130, 0.7); text-decoration: none;}

.section3 .cap4cont{ background: #acacac;}


.post_nav { text-align:center; margin:15px 0 0;}
.post_nav a
	{
	display:inline-block;color: #555;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 25px;
    text-transform: uppercase;
	padding:0 15px;
	}
	.post_nav a:first-child{   background: rgba(0, 0, 0, 0) url("images/smallarrow_left.png") no-repeat scroll left center;
    }
	.post_nav a:last-child{   background: rgba(0, 0, 0, 0) url("images/smallarrow_right.png") no-repeat scroll right center;
    }

	.item-current strong
	{
	color: #555;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 15px;
    text-transform: uppercase;
	}
	
	.aboutpost ul 
	{
		list-style-type:disc;
	}
	.aboutpost ul li{
    color: #555;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 25px;
	margin: 0 0 10px;
	}
		
/*--------for iphone or mobile or ipad ---------*/
a[href^=tel] {
color:#fff;
text-decoration:none;
}

body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

span.ti-menu{ color: #a7a17b; font-size: 35px; line-height: 35px; left: 18px; top: 18px; position: absolute; cursor: pointer; display: none;}

.postbox .postimg{ display: none;}
.postbox2 .postimg{ display: none;}

a.loadimages{ display: none;}



span.wpcf7-not-valid-tip{ font-size:12px; line-height:15px;}
div.wpcf7-response-output{ padding:1.2em 1em;}





.resp-tabs-list li{ position: relative;}
.cont1{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 999;}
.cont2{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 999;}