/*
 * CaptainAdmin v1.0 - "It's me, MARIO!"
 * Copyright 2014 CaptainAdmin
 * By friends, Take a Tea <takeatea.com> :)
 */


/*--- [@FONT-FACE & TYPOGRAPHY & SPECIALS] ---*/
/* @font-face */
@font-face {
    font-family:'Permanent Marker';
    font-style:normal;
    font-weight:400;
    src:local('Permanent Marker'), local('PermanentMarker'), url(../fonts/9vYsg5VgPHKK8SXYbf3sMmVSxyvLCPm9firj_jMeQtQ.woff) format('woff');
}
@font-face {
    font-family:'Handlee';
    font-style:normal;
    font-weight:400;
    src:local('Handlee Regular'), local('Handlee-Regular'), url(../fonts/lXdgF9zSHTlhzKRElEhHowLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}


/*--- [SKELETON] ---*/
*, html, body {
    box-sizing:border-box;
}
html, body {
    height:100%;
    width:100%;
}
body {
    font-family:'Handlee',sans-serif,arial;
    font-size:100%;
    margin:0;
}
.row {
    padding:10px;
    position:relative;
}
.clearfix {
    clear:both;
}
h1, h2, h3 {
    color:#282828;
    font-family:'Permanent Marker',sans-serif,arial;
    font-style:normal;
    font-weight:500;
    margin:0;
}
h2 {
    font-size:480%;
    line-height:1em;
}
h3 {
    font-size:300%;
    text-align:left;
}
h4 {
    font-size:170%;
}
ul {
    margin:0;
    padding:0;
    list-style:none;
}
p {
    font-family:'Handlee',sans-serif,arial;
    font-size:1.5em;
    font-weight:500;
    text-align:left;
}
p.section-desc {
    margin:60px 0 20px;
    text-align:center;
}
a {
    color:#c0120b;
}
.highlight {
    color:#c0120b;
}
q {
    color:#cfcfcf;
    display:block;
    font-family:'Handlee',sans-serif,arial;
    font-size:130%;
    font-style:italic;
    font-weight:400;
    padding:0 0 60px;
}


/*--- [BLOCKS] ---*/
.block {
    margin-top:25px;
    opacity:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease;
}
.active .block {
    opacity:1;
}
.block.left {
    margin-left:-100px;
}
.block.right {
    margin-right:-100px;
}
.active .block.left {
    margin-left:6%;
}
.active .block.right {
    margin-right:6%;
}
.active .block.block-inner {
    margin-top:100px;
}
.left, .right {
    width:41%;
}
.left {
    margin-left:2%;
    padding-right:4em;
    float:left;
}
.right {
    margin-right:2%;
    float:right;
}
.active .left {
    margin-left:6%;
}
.active .right {
    margin-right:6%;
}
.left.nomargin, .right.nomargin {
    margin-top:10px;
}


/*--- [BLOCK] ---*/
.block-inner {
    margin:100px auto;
    text-align:center;
    width:80%;
}


/*--- [INTRO] ---*/
#intro {
    background:#2980b9 url(../img/background.png) no-repeat bottom center;
    min-height:680px;
    margin:0;
    overflow:hidden;
    position:relative;
    width:100%;
    z-index:10;
}
#intro h1 {
    color:#fff;
    font-size:700%;
    margin:40px auto;
    text-align:center;
    text-shadow:2px 2px rgba(0,0,0,.4);
    text-transform:uppercase;
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    transform:rotate(-10deg);
}
#intro h2 {
    color:#20346f;
    font-size:200%;
    margin:40px 20px 0;
    text-align:center;
}
#intro .nav-down {
    bottom:10px;
    color:#20346f;
    display:block;
    height:40px;
    line-height:40px;
    left:50%;
    margin-left:-40px;
    outline:none;
    position:absolute;
    text-align:center;
    width:80px;
}


/*--- [STEPS] ---*/
#services {
    background-color:#fff;
    z-index:11;
}
#services ul.step-list {
    width:100%;
}
#services ul.step-list li {
    display:inline-block;
    margin:0;
    padding:0 2%;
    vertical-align:top;
    width:21%;
}
#services ul.step-list li .fa {
    font-size:700%;
}
#services ul.step-list li h3 {
    font-family:'Handlee',sans-serif,arial;
    font-size:20px;
    margin-top:20px;
    text-align:center;
}


/*--- [CLIENTS] ---*/
#clients {
    background-color:#c0120b;
}
#clients h2 {
    color:#fff;
}
.single-client .block {
    text-align:center;
}
.single-client .block .fa {
    font-size:900%;
}
.single-client.gray {
    background-color:#f0f0f0;
}


/*--- [CAPTAIN] ---*/
#captain {
    background-color:#fff;
}


/*--- [CONTACT] ---*/
#contact {
    background-color:#c0120b;
    color:#fff;
    overflow:hidden;
    z-index:12;
}
#contact .block-inner {
    padding-top:40px;
    position:relative;
    z-index:7;
}
#contact h2 {
    color:#fff;
    padding-bottom:8px;
}
#contact .section-small {
    font-size:16px;
    text-align:center;
}
#contact .social-list {
    margin:0 auto;
    overflow:auto;
    padding:0;
    text-align:center;
}
#contact .social-list li {
    color:#fff;
    display:inline-block;
    margin:30px 0 0;
    text-align:center;
    vertical-align:top;
    width:24%;
}
#contact .social-list li a {
    color:#fff;
    outline:none;
    text-decoration:none;
}
#contact .social-list li .fa {
    display:block;
    margin-bottom:10px;
}
#contact .social-list li img {
    display:block;
    margin:0 auto 10px;
}


/*--- [CONTACT] ---*/
.courage-honor-loyalty-sacrifice {
    bottom:0;
    position:fixed;
    right:10px;
    z-index:15;
    -webkit-animation:courage-honor-loyalty-sacrifice 1s ease infinite;
    -moz-animation:courage-honor-loyalty-sacrifice 1s ease infinite;
    animation:courage-honor-loyalty-sacrifice 1s ease infinite;
}
@-webkit-keyframes courage-honor-loyalty-sacrifice {0% {opacity:1} 50% {opacity:.3} 100% {opacity:1}}
@-moz-keyframes courage-honor-loyalty-sacrifice {0% {opacity:1} 50% {opacity:.3} 100% {opacity:1}}
@keyframes courage-honor-loyalty-sacrifice {0% {opacity:1} 50% {opacity:.3} 100% {opacity:1}}


/*--- [OUTDATED] ---*/
#outdated {
    background-color:#f25648;
    color:#fff;
    display:none;
    height:170px;
    left:0;
    padding-bottom:30px;
    position:fixed;
    text-align:center;
    text-transform:uppercase;
    top:0;
    width:100%;
    z-index:1500;
}
* html #outdated {
    position:absolute;
}
#outdated h6 {
    font-size:25px;
    line-height:25px;
    margin:30px 0 10px;
}
#outdated p {
    font-size:12px;
    line-height:12px;
    margin:0;
}
#outdated .btnUpdateBrowser {
    border:2px solid #fff;
    color:#fff;
    cursor:pointer;
    display:block;
    margin:30px auto 0;
    padding:10px 20px;
    position:relative;
    text-decoration:none;
    width:180px;
}
#outdated .btnUpdateBrowser:hover {
    color:#f25648;
    background-color:#fff;
}
#outdated .last {
    height:15px;
    position:absolute;
    right:30px;
    top:20px;
    width:15px;
}
#outdated .btnCloseUpdateBrowser {
    color:#fff;
    display:block;
    font-size:36px;
    height:100%;
    left:0;
    position:absolute;
    text-decoration:none;
    top:0;
    width:100%;
}


/*--- [RESPONSIVE] ---*/
@media (max-width:540px) {
    /* Globals */
    .left, .right {
        float:none;
        margin-left:6%;
        margin-right:6%;
        width:88%;
    }
    /* Intro */
    #intro h1 {
        font-size:480%;
    }
    h2 {
        font-size:360%;
    }
    #intro h2 {
        font-size:160%;
    }
    /* Services */
    #services ul.step-list li {
        width:48%;
    }
    /* Contact */
    #contact .social-list li {
        width:48%;
    }
}