/*

* Author: Carlos Alvarez
* URL: http://alvarez.is
*
* Project Name: Landing Sumo - Theme 20
* URL: http://LandingSumo.com
* Version: 1.0
* Exclusive Freebie for BlackTie.co
*/

/* ################################################################

1. GENERAL STRUCTURES

################################################################# */

/* Import fonts */ @import url(fonts.googleapis.com/css?family=Lato:300,400,700,900);

.text-align-right{

text-align: right;

}

} body {

background: #fff;
margin: 0;
color: #5a5a5a;

}

h1, h2, h3, h4, h5, h6 {

font-family: 'Lato', sans-serif;
    font-weight: 300;

}

p {

    padding: 0;
    margin-bottom: 12px;
font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #666;
    margin-top: 10px;

}

html, body {

height: 100%;

}

.alignleft { float: left; } .alignright { float: right; } .aligncenter {

margin-left: auto;
margin-right: auto;
display: block;
clear: both;

} .centered {text-align: center} /*.mt {margin-top: 50px;}*/ .mb {margin-bottom: 50px;} .mtb {margin-top: 50px; margin-bottom: 50px;} .mtb2 { margin-top: 100px; margin-bottom: 100px;} .ptb {padding-top: 80px; padding-bottom: 80px;}

.clear {

clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width:100%;

} ::-moz-selection {

color: #fff;
text-shadow:none;
background:#2B2E31;

} ::selection {

color: #fff;
text-shadow:none;
background:#2B2E31;

} *, *:after, *:before {

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;

} a {

padding: 0;
margin: 0;
text-decoration: none;
-webkit-transition: background-color .4s linear, color .4s linear;
-moz-transition: background-color .4s linear, color .4s linear;
-o-transition: background-color .4s linear, color .4s linear;
-ms-transition: background-color .4s linear, color .4s linear;
transition: background-color .4s linear, color .4s linear;
color: #1abc9c;

} a:hover, a:focus {

text-decoration: none;
color:#696E74;

}

.nopadding {

padding: 0px !important;
margin: 0px;

}

/* FORM CONFIGURATION */

input {

font-size: 16px;
min-height: 40px;
border-radius: 25px;
line-height: 20px;
padding: 15px 30px 16px;
border: 1px solid #b9b9af;
margin-bottom: 10px;
background-color: #fff;
opacity: 0.9;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;

}

.subscribe-input {

float: left;
width: 65%;
text-align: left;
margin-right: 2px;
color: #222;

}

@media screen and (max-width: 767px) {

.subscribe-input {
        width: 100%;
}

}

.subscribe-submit {

right: 0;

}

.btn-download {

background: #FDE3A7;

}

/*Buttons Configuration */ .btn-conf {

border-radius: 50px;
margin-right: 15px;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 18px 28px 17px 28px;
}

.btn-conf-2 {

border-radius: 50px;
margin-right: 15px;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 12px 28px 11px 28px;
margin-top: 20px;
}

.btn-green {

background: #03C9A9;
color: white

}

/* HEADER SECTION */ h {

    background: url(../img/Girls-Code.jpg) no-repeat center top;
    padding-top: 180px;
    text-align:center;
    background-attachment: relative;
    background-position: center center;
    min-height: 500px;
    width: 100%;
    color: white;

-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

.video-container {

display: none;
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;

}

h .intro {

z-index: 10;

}

h .logo {

      top: 30px;
      left: 45px;
      font-size: 18px;
      font-weight: 900;
      position:absolute;
z-index: 100;

}

h .social {

top: 30px;
right: 45px;
font-size: 20px;
position: absolute;

}

h .social i {

margin-left: 20px;

}

h .social a {

color: white;

}

h h1 {

font-weight: 700;
color: white;
font-size: 40px;

}

/* Store Links */ .store img {

margin-right: 10px;
margin-top: 20px;

}

/* SEP */ sep {

    background: url(../img/ICrendering.png) no-repeat center top;
    padding-top: 90px;
    text-align:center;
    background-attachment: relative;
    background-position: center center;
    min-height: 450px;
    width: 100%;
    color: white;

-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

sep h1{

padding: 10px;
background: rgba(10,10,10,0.6);

} sep h4 {

      letter-spacing: 1px;
      line-height: 30px;
      margin-top: -10px;
padding: 10px;
background: rgba(10,10,10,0.6);

}

/* Pricing Tables */ .price-table {

border: 2px solid #5a5a5a;
border-radius: 25px;
padding-top: 15px;
padding-bottom: 25px;
margin: 5px;

}

.price-table .p-head {

font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 80px;
border-bottom: 2px solid #ccc;

}

.price-table .p-body .features li {

color: #333333;
border-bottom: 2px solid #ccc;
padding: 24px 0px;
margin: 0;
letter-spacing: 1px;

}

.p-body .price .detail {

font-weight: 700;
font-size: 45px;
margin-left: 10px;
margin-right: 10px;

}

.p-body .price .sub {

font-size: 18px;
color: #ccc;
position: relative;
bottom: 10px;
font-weight: 700;

}

ul {

list-style-type: none;

}

/* SPONSORS */ g {

background: #f2f2f2;
padding-top: 60px;
padding-bottom: 60px;

}

.sponsor img {

max-width: 140px;
max-height: 60px;
vertical-align: middle;

}

.sponsor .col-sm-2 {

height: 80px;
line-height: 80px;

}

/* GREEN SECTION - TESTIMONIAL */

green {

padding-top: 90px;
padding-bottom: 60px;
min-height: 300px;
background: #03C9A9;
color: white;

}

green tgr {

font-weight: 700;
letter-spacing: 1px;

}

/JOIN/ j {

padding-top: 60px;
      padding-bottom: 60px;
      background: #d44627;
      color: white;

}

/* FOOTER */ f {

padding-top: 60px;
padding-bottom: 60px;
background: #2f2f2f;
color: white;

}

f h5 {

margin-top: 30px;
letter-spacing: 1px;

}

f i {

font-size: 45px;
margin: 15px;

}

f a {

color: #b9b9b9;

}

f a:hover {

color: #03C9A9;

}