/*reset*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

body {
    font-family: 'Lato', 'Arial';
    line-height: 1;
}

sup, sub{
    font-size: 65%;
    .font-size: 75%; /*IE 6 & 7 hack*/
    vertical-align: baseline;
    position: relative;
}

sup{
    top:-12px;
}

sub{
    top: 4px;
}

h1 {
    font-family: 'Anton', 'Arial';
    font-size: 60px;
    color: #262626;
}

@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regularitalic-webfont.woff2') format('woff2'),
    url('../fonts/oswald-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

i {cursor: pointer;}

header .container .row {
    background: #fff;
    padding: 20px 10px 15px;
}

header .container .row .col-1 .div-1 {
    float: left;
}

header .container .row .col-1 .div-2 {
    float: left;
    margin-top:7px;
}

header .container .div-2 img{
    width: 215px;
}

.hero {
    color:#fff;
}

.hero .container {   
}

.hero .container .row{
}

.hero .container .row .col-1{
    background-color: #000;
    height: 438px;
    margin-right: -1px;
    padding-top: 12px;
    padding-left: 60px; 
}

.hero .container .row .col-1 p:first-child{
    font-size: 38px;
    line-height:43px;
    font-weight: bold;
    letter-spacing: 1px;
}

.hero .container .row .col-1 p:first-child .hide-show{
    display:none;
}

.hero .container .row .col-1 p:nth-child(2){
    color:#00a2d9;
    font-size: 44px;
    line-height: 44px;
    font-weight: bold;
}

.hero .container .row .col-1 p:nth-child(3){
    font-size: 20px;
    margin-top: 5px;
}

.hero .container .row .col-1 p:nth-child(3) span{
    font-weight: bold;
}

.hero .container .row .col-1 p:nth-child(4){
    font-size: 20px;
    margin-top: 5px;
}

.hero .container .row .col-1 .file-online-icon {
    color: #fff;
    background-color:#00A8E1;
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
    margin-top: 13px;
    border:3px solid #fff;
    font-size: 12px;
    cursor: pointer;
}

.hero .container .row .col-1 .file-online-icon a {
    color: #fff;
}

.hero .container .row .col-1 p:nth-child(6){
    font-size: 20px;
    margin-top: 12px;
}

.hero .container .row .col-1 p:nth-child(6) span{
    font-weight: bold;
}

.hero .container .row .col-1 p:nth-child(7){
    font-size: 20px;
    margin-top: 10px;
}

.hero .container .row .col-1 p:nth-child(8){
    font-size: 20px;
    margin-top: 10px;
}

.hero .container .row .col-1 p:nth-child(9){
    font-size: 20px;
    margin-top: 10px;
}

.hero .container .row .col-1 .div-2{
    margin: 20px 0 0 0;  
}

.hero .container .row .col-1 .div-2 .btn-get {
    background: #00a8e1;
    padding: 10px 10px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: "Myriad Pro", Arial;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border:3px solid #fff;
}

.hero .container .row .col-2{
    background-color: #000;
    height: 438px;
}

.hero .container .row .col-2 img{
    width:100%;
    position:relative;
    left:15px;
}

@media (max-width: 1199px) {

    .hero .container .row .col-1{
        padding-left: 15px;
        padding-top:10px;
        height:414px;
    }

    .hero .container .row .col-1 p:first-child{
        font-size: 27px;
        line-height: 36px;
    }

    .hero .container .row .col-1 p:nth-child(2){
        font-size: 38px;
    }

    .hero .container .row .col-1 p:nth-child(3){
        font-size: 18px;
    }

    .hero .container .row .col-1 p:nth-child(3) span{
    }

    .hero .container .row .col-1 p:nth-child(4){
        font-size: 18px;
    }

    .hero .container .row .col-1 .file-online-icon {
    }

    .hero .container .row .col-1 .file-online-icon a {
    }

    .hero .container .row .col-1 p:nth-child(6){
        font-size: 18px;  
        letter-spacing: -1px;    
    }

    .hero .container .row .col-1 p:nth-child(6) span{
    }

    .hero .container .row .col-1 p:nth-child(7){
        font-size: 18px;
    }

    .hero .container .row .col-1 p:nth-child(8){
        font-size: 18px;
    }

    .hero .container .row .col-1 p:nth-child(9){
        font-size: 18px;
    }

    .hero .container .row .col-1 .div-2{
    }

    .hero .container .row .col-1 .div-2 .btn-get {
    }

    .hero .container .row .col-2{
        height:414px;
    }
}

@media (max-width: 991px) {
    .hero .container .row .col-1{
        margin-right: 0;
        margin-bottom: -1px;
        text-align: center;
        padding: 22px 10px;
        height:auto;
    }

    .hero .container .row .col-2{
        padding-left: 0;
        padding-right: 0;
        height:auto;
    }

    .hero .container .row .col-2 img {
        max-width: 100%;
        width: auto;
        left:0;
    }
}

@media (max-width: 321px) {
    .hero .container .row .col-1 p:first-child .hide-show{
        display:block;
    }
}