/*
Theme Name: Wolfman
Theme URI: http://tivlabs.com/
Author: TivLabs
Author URI: http://tivlabs.com/
Description: Wolfman Property & Co
Version: 1.1 
*/

/*Reset CSS ==========================================/
====================================================*/
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin:0; outline:0; padding:0;}
html{-webkit-text-size-adjust: none;}
:focus {outline: 0;}
ol, ul {list-style: none; margin: 0;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q{quotes: "" "";}
a img{border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a{text-decoration:none;}
.alignright{float:right;}
.alignleft{float:left;}
/*End Reset*/


html{background:#ffffff url(images/bg.png) center bottom no-repeat;}
body{color:#222222; padding:30px 0; margin:0; font-size: 14px; font-weight:normal; font-family: 'Open Sans', sans-serif;}

/*Common CSS*/
.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.center{text-align:center;} 
.verticalM{vertical-align:middle; display:table-cell;}

.menuwrapper{background:rgba(255,255,255,.96); position:fixed; top:0; padding:26px; width:100%; min-height:100px; width:100%; z-index:9999; left:0; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:none; width:100% !important; }
a.logo{display:inline-block;}
.closePopup{text-align:right; padding-right:10px; padding-top:5px; position:absolute; right:26px;}
.closePopup a{display:inline-block; width:22px; height:29px; background:url(images/close.png) no-repeat;}

ul.skcmenu{display:table; margin-left:auto; margin-right:auto; padding:34px 0 14px 0;}
ul.skcmenu:after{display:block; content:''; clear:both; height:0;}
ul.skcmenu li{display:block;}
ul.skcmenu li a{display:block; padding:13px 10px 9px 10px; font-weight:bold; color:#000000; font-size:14px; text-transform:uppercase; letter-spacing:5px;}
ul.skcmenu li a:hover, ul.skcmenu li.current-menu-item a{color:#333; text-decoration:underline;}

/*header*/
.container{position:relative; margin:0 auto; width:1110px;}
.header{padding:19px 38px 45px 45px; box-sizing:border-box; display:block; width:100%; margin-bottom:25px; /*height:800px;*/ background-color:#E6E7EB; text-align:center; min-height:700px; background-repeat:no-repeat; background-size:cover;}

.header.headerInnwe, .header.singleHeader{min-height:450px;}
.header.headerInnwe h2, .header.singleHeader h2{padding-top:90px;}
.header.singleHeader{background:url(images/single.jpg) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}
 
.mobile_icn{text-align:right; position:absolute; top:65px; right:33px;}
.mobile_icn a{display:inline-block; color:#FFFFFF; letter-spacing:5px; font-size:11px;}
.mobile_icn a:hover{color:#efefef;}
.header h2{text-align:center; font-size:30px; font-weight:700; letter-spacing:10px; text-transform:uppercase; color:#FFFFFF; padding-top:150px;}


ul.itemlist{display:table; margin-left:auto; margin-right:auto; padding: 10px 0 36px 0;}
ul.itemlist:after{display:block; content:''; clear:both; height:0;}
ul.itemlist li{float:left; width:307px; height:298px; background-repeat:no-repeat; background-size:cover; margin:10px; display:table; text-align:center;}
ul.itemlist li a{color:#FFFFFF; font-size:19px; font-weight:bold; letter-spacing:8px; text-transform:uppercase; background:url(images/item_bord.jpg) bottom center no-repeat; padding:29px 0; display:inline-block;}
ul.itemlist li a:hover{color:#f1f1f1; background:none;}


.content{max-width:700px; padding:28px 94px; min-height:350px;}
.content h2{color:#404040; font-size:30px; padding:5px 0; font-weight:bold; letter-spacing:3px;}
.content p{color:#404040; font-size:12px; line-height:20px; padding:10px 0;}

.content img{max-width:100%;}

.content.porject_content{min-height:inherit;}

ul.porjectnav{display:table; margin-left:auto; margin-right:auto;}
ul.porjectnav:after{display:block; content:''; clear:both; height:0;}
ul.porjectnav li{float:left; padding:0 10px; background:url(images/separater.png) right center no-repeat;}
ul.porjectnav li:last-child{background:none;}
ul.porjectnav li a{color:#404040; font-size:14px; letter-spacing:5px; padding:0 5px;}
ul.porjectnav li a strong{font-weight:bold;}

.projectlist{text-align:center; position:relative; margin:0 auto; width:985px;}


.thumbimg{padding-top:20px;}
.thumbimg img{line-height:0;}

/*Footer*/
.footer{font-size:12px; color:#333333; padding:64px 0 24px 0; text-align:center;}
ul.footnav{display:table; margin-left:auto; margin-right:auto; padding-top:16px; padding-bottom:23px;}
ul.footnav:after{display:block; content:''; clear:both; height:0;}
ul.footnav li{float:left; list-style-type:none; background:url(images/separater.png) right center no-repeat; margin-right:13px;}
ul.footnav li a{display:inline-block; padding:5px 14px 5px 0; color:#878e98; font-size:11px; letter-spacing:5px; text-transform:uppercase; font-weight:normal; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; line-height:14px;}
ul.footnav li a:hover{color:#333333;}
ul.footnav li:last-child{background:none; margin-right:0;}
ul.footnav li:last-child a{padding-right:0;}

/*ul.social{position:relative; padding-bottom:5px;}
ul.social:before{content:'Follow us:'; position:absolute; left:-68px; padding-top:12px; font-size:15px; color:#878e98;}
ul.social:after{display:block; content:''; clear:both; height:0;}
ul.social li{float:left; list-style-type:none; margin-left:9px;}
ul.social li a{border:#878e98 1px solid; display:table-cell; padding:5px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; font-size:18px; width:30px; height:30px; text-align:center; color:#878e98; vertical-align:bottom; font-weight:normal; line-height:15px; box-sizing: border-box; transition:all .5s;}
ul.social li a:hover{background:#878e98; color:#FFFFFF;}*/