/*
Theme Name: 10k Consulting 2015
Theme URI: 
Author: Ash at Very Simple Websites
Author URI: http://verysimplewebsites.com.au/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/** MAIN **/
body{
    color:#464646;
    padding:0; margin:0;
    font-family: 'Roboto', sans-serif;
    background: #fff;}

#main, .wrap, footer, #contact, footer span, section{
    overflow:hidden;}

/** TYPOGRAPHY **/
h1, h2, h3, h4, h5, h6, p{margin:10px; padding:10px;}
h1, h2{ 
    font-size:26pt;
    font-weight: normal;
    text-transform: uppercase;}
h3{ font-size:18pt;}
h4{ font-size:16pt;}
h5{ font-size:16pt;}
h6{ font-size:12pt;
    font-weight: normal;}
p{  
    font-size:12pt;
    line-height: 20pt;}
a{
    color:#de2228;
    text-decoration:none;}
#main ul li{
    list-style:circle;
    font-size:12pt;
    padding:8px;}

/** NAVIGATION **/
nav *{
    transition: 0.5s ease-in-out;}
nav{
    float:right;
    padding:0; 
    padding-top:75px;
    margin:0;}
nav ul{
    width:100%;
    margin:0 auto;
    text-align: center;
    padding:0;}
nav ul li{
    list-style: none;
    padding:10px;
    margin:0;
    text-transform: uppercase;
    position: relative;
    font-size: 12pt;
    display:inline-block;
    text-align: center;}
nav ul li a{color:#464646;}
nav ul li:hover{background:#58585a;}
nav ul li:hover a{color:#fff;}
nav ul li.current-menu-item{background:#58585a;}
nav ul li.current-menu-item a{color:#fff;}

/** DROP DOWN **/
nav ul li ul{
        display: none;
        padding:0;
        position: absolute;
        top:40px; 
        left:0;
        z-index: 100;
        width:100%;}
li:hover ul{
        display:table;}
li ul li{
    width:250px;
    text-align: left;
    background:#58585a;
    border-top:1px solid #fff;
    padding:10px 15px;
    margin:0;}
li ul li:hover{
    background:#de2228;}
/** HEADER **/
header{
    width:100%;
    display: block;
    height:155px;
    border-bottom:3px solid #58585a;
    margin:0; padding:0;}
header h6{
    color:#fff;
    margin:5px 10px;
    padding:5px 10px;
    float:left;}
header h6 a{
    color:#fff;}
header img{
    float:right;}
header img.logo{
    float:left;
    padding:20px 10px;}
header span{
    width:100%;
    height:40px;
    margin:0; padding:0;
    background:#ccc;
    display: block;}
section{
    background:url(img/banner.png) no-repeat bottom right;
    text-align: center;
    background-size:cover;        
    width:100%;
    padding-top:300px;
    min-height: 250px;}
section button{
    background:none;
    padding:15px 10px;
    font-weight: bold;
    margin:20px 50px;
    transition: 0.5s ease-in-out;
    border:2px solid #fff;
    color:#fff;}
section button:hover{
    background:#fff;
    color:#464646;}
section.inner{
    min-height:5px;
    background:url(img/banner.png) no-repeat top right;
}
section h5{
    color:#fff;}
section h5 big{
    text-transform: uppercase;}
/** CONTENT **/
#main{
    width:100%;
    text-align: center;
    margin:0; padding:0;}
.left{text-align:left;}
.left h3{
	display:block;
	margin-top:40px;
	clear:both;}
#main h1{
    color:#de2228;}
#main ul{
    width:30%;
    text-align: left;
    padding:0; margin:0;
    float:left;
    padding-bottom:30px;
    margin-left:5%;}
#main ul.first{
    margin-left:20%;}
#main ul li{
    list-style: none;
    padding-left: 50px;
    background:url(img/ul-li.png) no-repeat left center;}
#main .left ul{
	width:95%;
	clear:both;}
#main .left ul li{
    padding:8px;
    padding-left:50px;}
#main .left ul.first{margin-left:5%;}
#main .left ul li ul{
padding-bottom:5px;}
#main .left ul li ul li{
    width:100%;
    background:none;
    padding-left:5px;
    list-style: circle;}
.wrap{
    padding:30px 0;
    width:1200px;
    margin:0 auto;}
#boxes .col{
    width:22%;
    background:#000;
    margin:0.5%;
    float:left;
    transition:0.5s ease-in-out;
    height:150px;
    padding:1%;}
#boxes .col h4{
    color:#fff;
    transition:0.5s ease-in-out;
    font-weight: normal;
    font-size: 14pt;
    margin:10px 0; padding:0;}
#boxes .aa{
    background:url(img/b1.png) no-repeat bottom right #6ecbd0;
    background-size: 35%;}
#boxes .bb{
    background:url(img/b2.png) no-repeat bottom right #a7a9ac;
    background-size: 35%;}
#boxes .cc{
    background:url(img/b4.png) no-repeat bottom right #fdbe14;
    background-size: 35%;}
#boxes .dd{
    background:url(img/b3.png) no-repeat bottom right #58585a;
    background-size: 35%;}
#boxes .aa:hover{
    background:url(img/b1.png) no-repeat bottom right #58A2A6;
    background-size: 35%;}
#boxes .bb:hover{
    background:url(img/b2.png) no-repeat bottom right #858789;
    background-size: 35%;}
#boxes .cc:hover{
    background:url(img/b4.png) no-repeat bottom right #CA9810;
    background-size: 35%;}
#boxes .dd:hover{
    background:url(img/b3.png) no-repeat bottom right #464648;
    background-size: 35%;}
#services{
    color:#fff;
    background:#b3b3b3;
    text-align: center;}
#services ul{
    clear:both;}
#services ul li{
    list-style: none;
    width:18%;
    transition: 0.5s ease-in-out;
    border-radius: 5px;
    font-size:10pt;
    text-align: left;
    float:left;
    padding:2%; margin:0.5%;}
#services ul li.first{
    margin-left:23.5%;}
#services ul li:hover{
    background:#ccc;}
#services a{color:#fff;}
#services ul li span{
    clear:right;
    text-align: left;
    display:block;
    padding:0 0 10px 0;
    text-transform: capitalize;
    font-weight: bold;}
#services ul li img{
    float:left;
    width:55px;
    padding:0 10px 0 0;}
#video h1{
    text-align: center;
    color:#f56b27;}
#blog{
    color:#fff;
    background:#58585a;
    text-align: center;}
#blog button{
    width:25%;
    float:left;
    text-align:left;
    color:#fff;
    line-height: 45px;
    margin:0;
    margin-bottom:30px;
    background:none;
    padding:0;}
#blog button:hover::after{
    content:" >> ";
}
#blog button img{
    float:left;
    padding:0 5px;}
#blog .col{
    width:30%;
    border-top:1px solid #fff;
    float:left;
    text-align: left;
    padding:1.5%;
    margin:0;}
#blog .col p.date{}
#blog .col p.title{
    color:#f06924;
    text-transform: uppercase;}
#blog .col p a{
    color:#fff;
    text-decoration: underline;}
#clients .wrap{
    width:1100px;
    text-align: center;}
#clients h1{
    color:#f56b27;}
#clients img{
    margin:18px 5px;
    height:40px;}
#testimonial{
    background:url(img/test-back.png) no-repeat center;
    background-size: cover;
}
#testimonial .col{
    width:18%;
    margin:2.5%;
    padding:5%;
    float:left;
    text-align: center;
    background:#fff;
    border-radius: 50%;}
#testimonial .col p.name{
    text-transform: uppercase;
    font-weight: bold;}
#testimonial .col p span{
    font-size:10pt;
    text-transform: capitalize;
    color:blue;
}
.left form{
    width:80%;
    height:360px;
    position: relative;
    margin:0 10%;}
.left form p{
    width:50%;
    float:left;
    margin:0; padding:0;}
.left form input{
    float:left;
    width:80%;
    border:1px solid #ccc;
    border-left:3px solid #de2228;
    margin:5px 0; 
    padding:10px;}
.left form textarea{
    width:185%;
    border:1px solid #ccc;
    border-left:3px solid #de2228;}
.left form input[type="submit"]{
    width:100px;
    text-transform: uppercase;
    font-weight: bold;
    background:none;
    color:red;
    border:2px solid #de2228;
    position: absolute;
    bottom:0;
    left:0;}
.left form input[type="submit"]:hover{
    background:#de2228;
    color:#fff;}
.left form p.small input[type="submit"]{
	bottom:240px;}
/** FOOTER **/
footer{
    background:#105797;
    width:100%;
    margin:0; padding:0;}
footer ul{
    float:left;
    padding:25px 45px;
}
footer ul li{
    padding:0 5px;
    margin:8px;
    color:#fff;
    height:25px;
    line-height:25px;
    border-left:3px solid #105797;
    list-style: none;}
footer ul li:hover{
    border-left:3px solid #fff;}
footer ul li a{color:#fff;}
footer .right{
    padding:25px 45px;
    float:right;
    clear:right;}
footer .right img{
    margin:5px;
    max-height: 100px;}
footer span{
    width:100%;
    display:block;
    border-top:3px solid #fff;
    background:#02427c;
    padding:0;
    margin:0;}
    footer span p{
        padding:10px;
        float:left;
        color:#fff;
        margin:0;}
    footer span p a{color:#fff;}
    footer span p:last-child{
        float: right;}
footer .socialfoot img{
    margin:50px 5px 5px 5px;
	border-radius:50%;
	max-height:50px;}
/** BUTTONS **/
button{
    border:0;
    padding:10px;
    margin:10px;
    text-transform: uppercase;
    cursor: pointer;}

/** MEDIA QUERIES **/

@media only screen and (max-width : 1199px) {
.wrap{
    width:100%;}
section{
    max-height:100px;}

}



@media only screen and (max-width : 699px) {
#main ul.first{
    margin-left:5px;}
#main ul{
	margin:5px; padding:0;
	width:90%;}
}