/*
Theme Name: BR TKO
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: brtko
*/



/*Add your own styles here:*/

@font-face {
    font-family: 'neue_haas_grotesk_disp55roman';
    src: url('fonts/nhaasgroteskdspro-55rg-webfont.eot');
    src: url('fonts/nhaasgroteskdspro-55rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nhaasgroteskdspro-55rg-webfont.woff2') format('woff2'),
         url('fonts/nhaasgroteskdspro-55rg-webfont.woff') format('woff'),
         url('fonts/nhaasgroteskdspro-55rg-webfont.ttf') format('truetype'),
         url('fonts/nhaasgroteskdspro-55rg-webfont.svg#neue_haas_grotesk_disp55roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neue_haas_grotesk_display65Md';
    src: url('fonts/nhaasgroteskdspro-65md-webfont.eot');
    src: url('fonts/nhaasgroteskdspro-65md-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nhaasgroteskdspro-65md-webfont.woff2') format('woff2'),
         url('fonts/nhaasgroteskdspro-65md-webfont.woff') format('woff'),
         url('fonts/nhaasgroteskdspro-65md-webfont.ttf') format('truetype'),
         url('fonts/nhaasgroteskdspro-65md-webfont.svg#neue_haas_grotesk_display65Md') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-family: 'neue_haas_grotesk_disp55roman';letter-spacing: 0.5px;}
#top h1, #top h2, #top h3, #top h5, #top h6{font-family: 'neue_haas_grotesk_display65Md';font-weight: normal;}

#top #header{position: absolute;top: 0px;left: 0px;right: 0px;background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));}
#top #header, #top #header #header_main{border: none;}
#top #header .header_bg{display: none;}
#top #header .logo{width: 100%;text-align: center;}
#top #header .logo img{display: inline-block;height: 80px;width: auto;vertical-align: bottom;}

#top #header .avia-menu{margin-top: 40px;}
#top #header .av-main-nav li a{line-height: 40px !important;height: 40px !important;background: url(images/call-icon.png) no-repeat left center;font-family: 'neue_haas_grotesk_display65Md';font-size: 18px;color: #ffffff;font-weight: normal;padding: 0px 0px 0px 24px;}
#top #header .av-main-nav li .avia-menu-fx{display: none !important;}

#top #main{padding-top: 0px !important;}

#top .brBanner .container{height: 100vh !important;}
#top .brBanner .avia_textblock h2{font-size: 72px;line-height: 80px;color: #ffffff;letter-spacing: 1px;text-align: center;text-transform: inherit;}
#top .brBanner .avia-image-container{text-align: right;}
#top .brBanner .avia_image{width: 200px;height: auto;}

#top .brAbout{padding: 75px 0px;}
#top .brAbout .av-special-heading-tag{font-size: 72px;line-height: 80px;color: #ffffff;font-weight: normal;margin: 0px 0px 30px 0px;}
#top .brAbout .avia_textblock{font-size: 18px;line-height: 28px;color: #ffffff;letter-spacing: 1px;}
#top .brAbout .avia_textblock h4{font-size: 26px;line-height: 34px;color: #ffffff;}
#top .brAbout .avia-gallery{margin: 0px 0px 30px 0px;}
#top .brAbout .avia-gallery a{padding-right: 20px;}
#top .brAbout .avia-gallery img{border: solid 10px #314644;padding: 0px;border-radius: 50%;}

#top .brFeatures{padding: 60px 0px 60px 0px;}
#top .brFeatures .av-special-heading{margin: 0px 0px 45px 0px;}
#top .brFeatures .av-special-heading-tag{display: inline-block;vertical-align: middle;width: 30%;font-size: 66px;line-height: 70px;color: #1b1b1b;}
#top .brFeatures .av-subheading{display: inline-block;vertical-align: middle;width: 50%;}
#top .brFeatures .av-subheading p{font-family: 'neue_haas_grotesk_display65Md';font-size: 22px;line-height: 30px;color: #1b1b1b;}
#top .brFeatures .avia-icon-list li{margin: 20px 0px;}
#top .brFeatures .avia-icon-list li:nth-child(1){padding-left: 10%;}
#top .brFeatures .avia-icon-list li:nth-child(2){padding-left: 15%;}
#top .brFeatures .avia-icon-list li:nth-child(3){padding-left: 20%;}
#top .brFeatures .avia-icon-list li:nth-child(4){padding-left: 25%;}

#top .brFeatures .avia-icon-list li:nth-child(1) .iconlist_icon{background: url(images/feature-icon-1.png) no-repeat center;background-size: 70px auto;}
#top .brFeatures .avia-icon-list li:nth-child(2) .iconlist_icon{background: url(images/feature-icon-2.png) no-repeat center;background-size: 70px auto;}
#top .brFeatures .avia-icon-list li:nth-child(3) .iconlist_icon{background: url(images/feature-icon-3.png) no-repeat center;background-size: 70px auto;}
#top .brFeatures .avia-icon-list li:nth-child(4) .iconlist_icon{background: url(images/feature-icon-4.png) no-repeat center;background-size: 70px auto;}

#top .brFeatures .avia-icon-list .av_iconlist_title{font-family: 'neue_haas_grotesk_display65Md';font-size: 26px;line-height: 34px;color: #1b1b1b;margin: 8px 0px 0px 0px;}
#top .brFeatures .avia-icon-list .iconlist_content{font-size: 18px;line-height: 28px;color: #1b1b1b;}
#top .brFeatures .avia-icon-list .iconlist_icon{width: 80px;height: 80px;margin: 0px 20px 0px 0px;border-radius: 0px;}
#top .brFeatures .avia-icon-list .iconlist_icon .iconlist-char{display: none;}
#top .brFeatures .avia-icon-list-container{margin: 0px;}

#top .brContact{padding: 60px 0px;}
#top .brContact .av-special-heading-tag{font-size: 72px;line-height: 80px;color: #1b1b1b;font-weight: normal;margin: 0px 0px 15px 0px;}
#top .brContact .wpforms-container{padding: 0px 120px;margin: 0px;}
#top .brContact .wpforms-form{margin: 0px;border: solid 10px #3c5654;padding: 45px 60px;}
#top .brContact .wpforms-form .wpforms-field{padding: 15px 0px;}
#top .brContact .wpforms-form .wpforms-field.wpforms-field-layout{padding: 0px;}
#top .brContact .wpforms-form .wpforms-field-label{font-family: 'neue_haas_grotesk_display65Md';font-size: 16px;line-height: 24px;font-weight: normal;letter-spacing: 0.5px;margin: 0px 0px 2px 0px;}
#top .brContact .wpforms-form input, #top .brContact .wpforms-form textarea{font-family: 'neue_haas_grotesk_disp55roman';font-size: 16px;line-height: 24px;font-weight: normal;letter-spacing: 0.5px;color: #1b1b1b;padding: 12px 15px;background: #eeeeee;border: none;margin: 0px;}
#top .brContact .wpforms-form textarea{height: 120px;}
#top .brContact .wpforms-form .wpforms-submit-container{margin: 20px 0px 0px 0px;padding: 0px;text-align: center;}
#top .brContact .wpforms-form .wpforms-submit{background: #3c5654;padding: 12px 60px;font-family: 'neue_haas_grotesk_display65Md';font-size: 18px;line-height: 28px;font-weight: normal;height: auto;text-transform: uppercase;letter-spacing: 1px;}

#top .brimg .container{width: 100% !important;max-width: 100% !important;padding: 0px;}
#top .brimg .avia-image-container-inner, #top .brimg .avia_image{width: 100%;height: auto;}

#top .brGallery{position: relative;}
#top .brGallery:before{content: "";position: absolute;left: 0px;right: 0px;top: 15%;height: 70%;background: #3c5654;}
#top .brGallery .avia-slideshow .avia-slide-wrap{padding: 0px 120px;}
#top .brGallery .avia-slideshow-arrows a{background: transparent;border: solid 2px #ffffff;opacity: 1;border-radius: 50%;}
#top .brGallery .avia-slideshow-arrows a:hover{background: #ffffff;color: #3c5654;}
#top .brGallery .avia-slideshow-arrows a:before{background: transparent;line-height: 56px;}
#top .brGallery .avia-slideshow-arrows .next-slide::before{text-indent: 2px;}

#top #footer{background: #3c5654;border: none;padding: 90px 0px 30px 0px;}
#top #footer .widget{margin: 0px;}
#top #footer .widget_media_image{text-align: center;}

#top #socket{background: #3c5654;border: none;padding: 20px 0px 90px 0px;}
#top #socket .tkoText{text-align: center;}
#top #socket .tkoText img{display: inline-block;vertical-align: top;margin-bottom: -2px;}
#top #socket .footerCont{float: left;width: 100%;border: solid 8px #ffffff;padding: 45px 60px;font-size: 18px;line-height: 30px;color: #ffffff;}
#top #socket .footerCont a{color: #ffffff;font-family: 'neue_haas_grotesk_display65Md';}
#top #socket .footerCont .contactinfo{display: inline-block;vertical-align: middle;width: 60%;}
#top #socket .footerCont .copyright{float: none;display: inline-block;vertical-align: middle;width: 39%;text-align: right;}



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

    #top .brFeatures .av-subheading{width: 60%;}

}

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

    #top .brAbout{padding: 60px 0px;}
    #top .brAbout .av-special-heading-tag{font-size: 62px;line-height: 70px;margin: 0px 0px 20px 0px;}
    #top .brAbout .avia-gallery img{border: solid 8px #314644;}
    #top .brAbout .avia_textblock h4{font-size: 22px;line-height: 30px;}
    #top .brFeatures{padding: 45px 0px;}
    #top .brFeatures .av-special-heading-tag{font-size: 60px;line-height: 68px;width: 35%;}
    #top .brFeatures .av-subheading p{font-size: 18px;line-height: 26px;}
    #top .brFeatures .avia-icon-list .av_iconlist_title{font-size: 22px;line-height: 30px;}
    #top #socket .tkoText img{height: 240px;width: auto;}
    #top #socket .footerCont{padding: 35px 45px;}
    #top #socket{padding: 20px 0px 60px 0px;}
    #top #footer{padding: 75px 0px 30px 0px;}
    #top .brContact .wpforms-container{padding: 0px 0px;}
    #top .brContact .av-special-heading-tag{font-size: 60px;line-height: 68px;}

}

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

    #top #header .logo{text-align: left;width: auto;}
    #top .brBanner .avia_textblock h2{font-size: 58px;line-height: 66px;margin: 20px 0px 0px 0px;}
    #top .brAbout{padding: 40px 0px;}
    #top .brFeatures .av-special-heading-tag{font-size: 48px;line-height: 56px;}
    #top .brGallery .avia-slideshow .avia-slide-wrap{padding: 0px 90px;}
    #top #socket .tkoText img{height: 180px;}
    #top #footer .widget_media_image img.image{height: 70px !important;width: auto;}
    #top #socket .footerCont{padding: 25px;}
    #top #socket .footerCont .contactinfo{width: 100%;text-align: center;}
    #top #socket .footerCont .copyright{width: 100%;text-align: center;margin-top: 20px;}
    #top .brContact{padding: 45px 0px;}
    #top .brContact .wpforms-form{padding: 35px 50px;}

}

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

    #top #header{position: absolute !important;}
    .responsive #top .av-main-nav .menu-item{display: block;}
    .responsive #top .av-main-nav .menu-item-avia-special{display: none;}
    #top #header .logo{width: 100%;text-align: center;}
    #top #header .logo img{height: 60px !important;}
    .responsive #top #wrap_all .main_menu{position: relative;}
    #top #header .avia-menu{margin: 0px;width: 100%;text-align: center;}
    .responsive #top .av-main-nav .menu-item{display: inline-block;float: none;margin: 20px 0px 0px 0px;}
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{color: #ffffff;background: url(images/call-icon.png) no-repeat left center;}
    #top .brBanner .template-page.content{padding-top: 150px;padding-bottom: 40px;}
    #top .brBanner .avia_textblock h2{font-size: 48px;line-height: 54px;}
    #top .brFeatures{padding: 45px 0px 5px 0px;}
    #top .brFeatures .av-special-heading-tag, #top .brFeatures .av-subheading{width: 100%;}
    #top .brFeatures .avia-icon-list li:nth-child(1), #top .brFeatures .avia-icon-list li:nth-child(2), #top .brFeatures .avia-icon-list li:nth-child(3), #top .brFeatures .avia-icon-list li:nth-child(4){padding-left: 0px;}
    #top .brFeatures .avia-icon-list li{margin: 15px 0px;}
    #top .brFeatures .av-special-heading{margin: 0px 0px 30px 0px;}
    #top .brFeatures .avia-icon-list .iconlist_content{font-size: 16px;line-height: 26px;}
    #top .brFeatures .avia-icon-list .iconlist_icon{width: 50px;height: 50px;}
    #top .brFeatures .avia-icon-list li:nth-child(1) .iconlist_icon, #top .brFeatures .avia-icon-list li:nth-child(2) .iconlist_icon, #top .brFeatures .avia-icon-list li:nth-child(3) .iconlist_icon, #top .brFeatures .avia-icon-list li:nth-child(4) .iconlist_icon{background-size: 48px auto;}
    #top .brFeatures .avia-icon-list .av_iconlist_title{font-size: 20px;line-height: 28px;margin: 0px 0px 0px 0px;}
    #top .brimg .flex_column{margin: 0px !important;}
    #top #footer .flex_column{margin: 0px !important;}
    #top .brContact .flex_column{margin: 0px !important;}
    #top .brContact .wpforms-container{margin: 0px;}
    #top .brContact .wpforms-form{padding: 30px 40px 40px 40px;border: solid 8px #3c5654;}
    #top .brContact .wpforms-form .wpforms-submit{width: 100%;padding: 12px 20px;}
    #top .brGallery{background: #3c5654;padding: 40px 0px 30px 0px;}
    #top .brGallery .av-special-heading-tag{font-size: 52px;line-height: 60px;color: #ffffff;font-weight: normal;margin: 0px 0px 30px 0px;}
    #top .brGallery .avia-slideshow .avia-slide-wrap{padding: 0px 0px;}
    #top .brGallery .avia-slideshow-arrows a{width: 48px !important;height: 48px;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);}
    #top .brGallery .avia-slideshow-arrows a::before {line-height: 46px;background: rgba(0,0,0,0.3);}
    #top .brContact .av-special-heading-tag{font-size: 48px;line-height: 56px;}

}

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

    .responsive #top .av-main-nav .menu-item{margin: 10px 0px 0px 0px;}
    #top .brBanner .avia_image{width: 140px;}
    #top .brBanner .avia_textblock h2{font-size: 36px;line-height: 44px;}
    #top .brAbout .avia_textblock{font-size: 16px;line-height: 24px;}
    #top .brAbout .avia_textblock h4{font-size: 20px;line-height: 28px;}
    #top #footer{padding: 45px 0px 10px 0px;}
    #top #footer .widget_media_image img.image{height: 60px !important;}
    #top #socket{padding: 20px 0px 45px 0px;}
    #top #socket .tkoText img{width: 90%;height: auto;}
    #top #socket .footerCont{font-size: 16px;line-height: 24px;}
    #top .brAbout .avia-gallery a{padding-right: 10px;}
    #top .brContact .wpforms-form{padding: 20px 30px 30px 30px;}
    #top .brContact .wpforms-form .wpforms-field{padding: 10px 0px;}
    #top .brContact .av-special-heading-tag{font-size: 44px;line-height: 50px;}

}

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

    #top .brBanner .avia_image{width: 120px;}
    #top .brBanner .avia_textblock h2{font-size: 32px;line-height: 36px;letter-spacing: 0.5px;}
    #top .brAbout{padding: 30px 0px;}
    #top .brAbout .av-special-heading-tag{font-size: 48px;line-height: 56px;}
    #top .brAbout .avia-gallery a{padding-right: 5px;}
    #top .brAbout .avia-gallery img{border: solid 5px #314644;}
    #top #socket{padding: 10px 0px 30px 0px;}
    #top #socket .footerCont{border: solid 5px #ffffff;padding: 15px;}
    #top .brFeatures .av-special-heading-tag{font-size: 42px;line-height: 50px;}
    #top .brContact .wpforms-form{padding: 0px;border: none;}
    #top .brGallery{padding: 30px 0px 20px 0px;}
    #top .brGallery .av-special-heading-tag{font-size: 44px;line-height: 50px;margin: 0px 0px 10px 0px;}
    #top .brContact .av-special-heading-tag{font-size: 36px;line-height: 44px;}


}