/*
Theme Name: Invoke
Theme URI: http://tivlabs.com/
Author: TivLabs
Author URI: http://tivlabs.com/
Description: invoke
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:#fff;}
body{color:#222222; padding: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;}
.container{position:relative; margin:0 auto; width:960px;}

/*header*/
.header{background-color:#C2C2C2; background-repeat:no-repeat; background-size:cover; height:675px; box-sizing:border-box; background-position:center bottom;} 
.header.innerhead{height:400px;}
.navRow{background:rgba(255,255,255,.42); padding:34px 20px 15px 20px;}
.logo{float:left;}
.header_rigth{float:right;}
 
.mobile_icn{display:none;} 
ul.skcmenu{display:block; padding-top:25px;}
ul.skcmenu:after{display:block; content:''; clear:both; height:0;}
ul.skcmenu li{float:left; padding:2px 10px;}
ul.skcmenu li a{font-size:10px; color:#363c48; letter-spacing:1px; text-transform:uppercase; font-weight:700;}
ul.skcmenu li a:hover{color:#363c48;}

/*Sub*/
ul.skcmenu li ul{position:absolute; background:rgba(255,255,255,.5); width:110px; display:none; border:rgba(153,153,153,.3) 1px solid; padding:0 0 0 0;}
ul.skcmenu li:hover ul{display:block;}

ul.skcmenu li ul li{float:none; display:block; padding:0}
ul.skcmenu li ul a{display:block; padding:5px 10px;}
ul.skcmenu li ul a:hover{background:rgba(255,255,255,.6);}

ul.itemList{margin-top:-60px; padding-bottom:42px;}
ul.itemList:after{display:block; content:''; clear:both; height:0;}
ul.itemList li{float:left; width:300px; height:242px; background-color:#959595; margin-right:30px; background-repeat:no-repeat; background-size:cover;}
ul.itemList li:last-child{margin-right:0;}
ul.itemList li h3{background:rgba(255,255,255,.7); font-size:18px; text-align:center; padding:10px 5px; letter-spacing:2px; font-weight:bold; color:#363c48;}
ul.itemList li h3 a{color:#363c48;}

.content{padding:20px 20px 40px 20px; min-height:350px;}
.content:after{display:block; content:''; clear:both; height:0;}
.content h2{font-size:25px; font-weight:bold; text-transform:uppercase; padding:10px 0; font-weight:900; color:#363c48; letter-spacing:3px;}
.content p{line-height:20px; font-size:12px; padding:10px 0; color:#363c48;}
.content p strong{font-weight:bold;}

.content_main{float:left; width:600px;}
.sidebar{float:right; width:240px; padding-top:55px;}
.sidebar ul li{display:block; padding:5px 0;}
.sidebar ul li a{color:#363c48; font-size:14px; text-transform:uppercase; font-weight:600; letter-spacing:1px;}
.sidebar ul li a:hover{font-weight:bold;}
 

ul.projectlist{}
ul.projectlist:after{display:block; content:''; clear:both; height:0;}
ul.projectlist li{display:block; border-bottom:#363c48 1px solid; padding:25px 0 30px 0; margin-bottom:20px;}
ul.projectlist li:after{display:block; content:''; clear:both; height:0;}
ul.projectlist li .projectImg{float:left; width:372px; height:390px; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}
ul.projectlist li .projectDesc{float:right; width:525px;}
ul.projectlist li h3, ul.projectlist li h3 a{font-size:18px; letter-spacing:2px; color:#363c48; font-weight:700;}
ul.projectlist li p{line-height:22px; padding:10px 0 2px 0;}

.navigation:after{display:block; content:''; clear:both; height:0;}
.navigation a{color:#000000; font-size:14px; text-transform:capitalize;}

::-webkit-input-placeholder{color: #aeaeae;}
:-moz-placeholder{color: #aeaeae;}
::-moz-placeholder{color: #aeaeae;}
:-ms-input-placeholder {color: #aeaeae;}

/*Footer*/
.footer{font-size:9px; color:#fff; padding:35px 0 24px 0; background:#363c48;}
.footer *{color:#FFFFFF;}
.foot_left{float:left; width:325px; padding-top:10px;}
.foot_middle{float:left; width:150px;}
.foot_right{float:left; width:200px; display:none;}

.footer ul li{display:block; padding:7px 0;}
.footer ul li a{font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:1px;}
.footer ul li a:hover{text-decoration:underline;}