@font-face {
    font-family: 'OmnesMedium';
    src: url('/wp-content/themes/untertone/library/fonts/Omnes-Medium.otf')format('otf'),
    url('/wp-content/themes/untertone/library/fonts/Omnes-Medium.woff')format('woff'),
    url('/wp-content/themes/untertone/library/fonts/Omnes-Medium.ttf')format('truetype'),
    url('/wp-content/themes/untertone/library/fonts/Omnes-Medium.eot')format('eot'),
    url('/wp-content/themes/untertone/library/fonts/Omnes-Medium.svg')format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBold';
    src: url('/wp-content/themes/untertone/library/fonts/Gotham-Bold.otf')format('otf'),
    url('/wp-content/themes/untertone/library/fonts/Gotham-Bold.woff')format('woff'),
    url('/wp-content/themes/untertone/library/fonts/Gotham-Bold.ttf')format('truetype'),
    url('/wp-content/themes/untertone/library/fonts/Gotham-Bold.eot')format('eot'),
    url('/wp-content/themes/untertone/library/fonts/Gotham-Bold.svg')format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OmnesBold';
    src: url('/wp-content/themes/untertone/library/fonts/Omnes-Bold.otf')format('otf'),
    url('/wp-content/themes/untertone/library/fonts/Omnes-Bold.woff')format('woff'),
    url('/wp-content/themes/untertone/library/fonts/Omnes-Bold.ttf')format('truetype'),
    url('/wp-content/themes/untertone/library/fonts/Omnes-Bold.eot')format('eot'),
    url('/wp-content/themes/untertone/library/fonts/Omnes-Bold.svg')format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidGroBold';
    src: url('/wp-content/themes/untertone/library/fonts/AkzidGroCFFBolCn.otf')format('otf'),
    url('/wp-content/themes/untertone/library/fonts/AkzidGroCFFBolCn.woff')format('woff'),
    url('/wp-content/themes/untertone/library/fonts/AkzidGroCFFBolCn.ttf')format('truetype'),
    url('/wp-content/themes/untertone/library/fonts/AkzidGroCFFBolCn.eot')format('eot'),
    url('/wp-content/themes/untertone/library/fonts/AkzidGroCFFBolCn.svg')format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.circuit{
    width: 100%;
    height: auto;
}

.small-circuit{
    display: none;
}

.smaller-circuit{
    display: none;
}

.topleft{
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0;
    width: 839px;
    height: 813px;
}

.topright{
    position: absolute;
    z-index: -1;
    top: 636px;
    right: 0;
    width: 569px;
    height: 749px;
}

.middleleft{
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 344px;
    width: 853px;
    height: 902px;
}

.bottomright{
    position: absolute;
    z-index: -1;
    width: 459px;
    height: 499px;
    right: 0px;
    bottom: 248px;
}

.footer_circuit{
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    
}

.main_content{
    background-image: url("/wp-content/uploads/2014/02/bck-image.png");
    background-size: 100% auto;
    z-index: 10;
    position: relative;
    overflow: hidden;
    max-width: 1600px;
    min-width: 1600px;
    margin: 0 auto;
}

.container{
    width: 80% !important;
    height: 100% !important;
    text-align: center !important;
}

.head{
    width:100%;
}

.head .undertone_presents{
    margin: 0px auto 0px 422px;
    max-width: 357px;
    padding: 40px;
}

.head .future-proof{
    margin: 0px auto;
    max-width: 737px;
    position: relative;
    top: -11px;
    left: -3px;
}

.second_head{
    width: 80%;
    margin: 0 auto;
    position: relative;
    height: 360px;
}

.second_head .explore-container{
    max-width: 654px;
    margin: 0 auto;
    text-align: left;
    position: absolute;
    left: 166px;
    top: 144px;
    width: 100%;
}

.second_head .explore-container h2{
   font-family: AkzidGroBold !important;
    color: #066738;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 25px;
    padding: 0 !important;
    letter-spacing: 1.5px;
    margin-bottom: 4px;
}

.second_head .explore-container p{
    font-family: OmnesMedium;
    color: #58595b;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.1px;
}

.rv_container{
    width: 93%;
    margin: 20px auto;
    position: relative;
    height: 400px;
}

.rv_container .fplabs_container{
    width: 394.34375px;
    margin-top: 96px;
    margin-left: 116px;
    float: left;
    text-align: left;
}

.rv_container .fplabs_container h2{
    font-family: AkzidGroBold !important;
    color: #ffffff;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 24px;
    padding: 0 !important;
    letter-spacing: 0.6px;
    margin-bottom: 0px;
}

.rv_container .fplabs_container p{
    font-family: OmnesMedium;
    color: #58595b;
    font-size: 15px;
    line-height: 22px;  
}

.rv_container .fplabs_container p a {
    color: #58595b;
}

.rv_container .fplabs_container .bold{
    font-family: OmnesBold !important;
}

.rv_container .rv_image{
    position: absolute;
    right: 13px;
    top: -25px;
    overflow: hidden;
    width: 693px;
    /*min-width: 713px;*/
}

.map_container{
    width: 66.5%;
    margin: 0 auto;
    position: relative;
}

.img_container{
    position: relative;
    left: -51px;
    top: -58px;
}

.img_container img{
    width:100%;
    height:auto;
}

.post_container{
    width: 41%;
    margin: 0px 0px 0px 452px;
    position: relative;
    top: -23px;
    text-align: center;
}

.post_container .center_post{
    text-align:left;
    width: 100%;
    margin:auto;
}

.post_container .center_post h2{
    font-family: AkzidGroBold !important;
    color: #ffffff;
    padding: 0;
    margin: 0;
    text-transform:uppercase;
    font-size: 25px;
    letter-spacing: 1.5px;
}

.post_container .center_post .post_card{
    min-height: 100px;
    margin: 30px 0;

}

.post_container .center_post .post_card .user_image{
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid white;
    width: 100px;
    height: 100px;
    float: left;
    text-align: center;
    position: relative;
}

.post_container .center_post .post_card div.span5:first-child{
    width: auto;
}

.post_container .center_post .post_card .user_image img{
    width: auto;
    height: 100%;
}

.post_container .center_post .post_card .post_info{
	/*font-family: ProximaNova-Bold !important;*/
	font-family: OmnesMedium;
    color: #58595b;
	font-size: 14px;
    width: 300.515625px;
    height: auto;
    margin-left: 20px;
    float: left;
    position: relative;
}

.post_container .center_post .post_card .post_info > p{
	margin-bottom: 0px;
    line-height: 25px;
} 

.post_container .center_post .post_card .post_info_link{
    color:#056839 !important;
    line-height: 25px;
}

.post_container .center_post .post_card .time_ago{
    margin-right: 10px; 
}

.post_info_link a{
    color:#056839 !important;
    font-weight: bold;
    font-family: "omnes-pro";
}

.post_tumblr_link{
    text-align: left;
}
button
{
    /*width: 201px;*/
    height: 49px;
    background-color: #166D98;
    border-radius: 3px;
    border: none;
    color: white;
    font-family: GothamBold !important;
    text-transform: uppercase;
    padding: 1px 11px;
    font-size: 13px !important;
} 

.footer{
    width: 100%;
    margin: 0;
    height: 232px;
    background-image: url("/wp-content/uploads/2014/02/bck-footer.png");
    background-size: 100% auto;
    position: relative;
    z-index: 2;
}

.footer .f_content {
    min-height: 100px;
    width: 60%;
    margin: auto;
    padding: 20px 0;
}

.footer .f_content h1{
    font-family: AkzidGroBold !important;
    color: #ffffff;
    margin-bottom: 15px;
    text-transform:uppercase;
    font-size: 24px;
}

.footer .f_content .form-group
{
    display: inline-block;
}

.footer .f_content input
{
    height: 41px;
    width: 405px;
    margin-bottom: 0px;
    margin-right: 10px;
}

.footer .f_content .rights-reserved, .footer .f_content .copy{
    display: inline;
}

.footer .f_content .rights-reserved
{
    margin-top: 26px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 5px;
}

.footer .f_content .rights-reserved a
{
    border-left: 1px solid black;
    padding-left: 10px;
    margin-left: 10px;
    margin-right: 148px;
    color: #056839 !important;
}

@media (max-width: 480px){
    
    .main_content{
        background-image: url("/wp-content/uploads/2014/02/bck-image_small.png");
    }

    .footer{
        background-image: url("/wp-content/uploads/2014/02/bck-footer_small.png");
    }

    .container {
        width: 89% !important;
    }
    
    .big-circuit{
        display: none;
    }

    .small-circuit{
        display: inline;
    }

    .topleft{
        width: 52%;
    }  

    .topright{
        width: 16%;
        top: 590px;
        right: -15px;
    }

    .middleleft{
        width: 51%;
        bottom: 213px;
    }

    .bottomright{
        display: none;
    }

    .footer_circuit{
        width: 75%;
        bottom: 114px;
        z-index: -1;
    }

    .main_content{
        max-width: initial;
        min-width: initial;
    }

    .head .undertone_presents {
        padding: 0px;
        margin: 26px auto;
        max-width: 204px;
    }

    .second_head {
        width: 100%;
    }

    .second_head .explore-container {
        position: static;
        margin: 81px auto 0px 27px;
        width: 94%;
    }
    
    .second_head .explore-container h2 {
        font-size: 19px;
        letter-spacing: 0;
        margin-bottom: 0px;
        width: auto;
    }

    .second_head .explore-container p {
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 24px;
    }

    .inline-image{
        width: 88%;
    }
    
    .rv_container .rv_image {
        right: -47px;
        top: -4px;
        width: 96%;
        position: absolute;
    }

    .rv_container .fplabs_container {
        width: 100%;
        margin-top: 193px;
        margin-left: 11px;
    }
    
    .rv_container .fplabs_container h2 {
        font-size: 21px;
        letter-spacing: 0px;
    }

    .rv_container .fplabs_container p{
        font-size: 13px;
        line-height: 21px;
    }
    
    .map_container {
        width: 91%;
    }

    .img_container {
        left: 8px;
        top: 29px;
    }

    .post_container{
        margin: 75px 0px 0px 0px;
        width: 100%;
    }

    .post_container .center_post h2 {
        font-size: 21px;
        text-align: center;
    }
    
    .post_container .center_post .post_card .post_info {
        width: 100%;
        font-size: 14px;
    }

    .post_tumblr_link {
        text-align: center;
    }

    .post_container .center_post {
        text-align: center;
        padding-left: 0px;
        width: 87%;
    }

    .post_container .center_post .post_card {
        margin: 30px 0;
    }

    .post_container .center_post .post_card div.span5:first-child{
        width: 33%;
        display: inline-block;
        vertical-align: top;
    }

    .post_card div.span7{
        width: 62%;
        display: inline-block;
        vertical-align: text-top;
    }

    .footer{
        height: auto;
    }
    
    .footer .f_content {
        width: 80%;
    }

    .footer .f_content input {
        width: 100%;
    }

    .footer .f_content h1{
        margin-top: 0px;
        margin-bottom: 11px;
        font-size: 21px;
        padding-right: 23%;
        line-height: 29.5px;
    }

    .footer #formElement0{
        display: block !important;
    }

    .footer #formElement1{
        display: block !important;
    }

    .footer .f_content .rights-reserved, .footer .f_content .copy{
        display: block;
    }

    .footer .f_content .rights-reserved {
        margin-bottom: 4px;
    }
    

}

@media(max-width: 435px){

    .rv_container .rv_image {
        right: 4px;
        top: 46px;
        width: 91%;
    }
    
}

@media(max-width: 370px){
    
    .rv_container .rv_image {
        top: 72px;
    }

}

@media(max-width: 320px){
    
    .main_content{
        background-size: 150% auto;
    }

    .small-circuit{
        display: none;
    }

    .smaller-circuit{
        display: inline;
    }

   .topright, .bottomright, .footer_circuit{
        display: none;
    }

    .topleft {
        width: 56%;
        top: 11px;
    }

    .middleleft{
        width: 43%;
        bottom: 475px;
    }
    
    .second_head .explore-container{
       margin: 81px auto 0px 12px; 
    }

    .second_head .explore-container h2 {
        line-height: 24px;
    }

    .second_head .explore-container p {
        line-height: 21px;
    }
    
    .rv_container .rv_image {
        right: -26px;
        top: 38px;
        width: 112%;
    }

    .rv_container .fplabs_container {
        margin-left: 0px;
    }

    .rv_container .fplabs_container h2 {
        line-height: 27px;
    }
    
    .map_container {
        width: 99%;
    }

    .img_container {
        left: -1px;
        top: 0px;
    }

    .post_container .center_post .post_card div.span5:first-child{
        width: auto;
        display: inline-block;
    }

    .post_card div.span7{
        width: auto;
        display: inline-block;
    }

    .post_container .center_post .post_card .post_info {
        margin-left: 0px;
    }

    .footer .f_content {
        width: 88%;
    }

    .footer .f_content h1 {
        padding-right: 0px;
    }
}