/*
Author: Joel Dos Santos
Copyrights: (c)Inter Invest
*/


@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


/*
======================================================
                                            CROSS-SIZE
======================================================
*/

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

    header a.connection,header .header_contact{display: none !important;}

    header.navbar {height: 64px;}
    header.navbar a.navbar-brand, header.navbar.navbar-compact a.navbar-brand {padding: 0;margin: 15px 0 0 0 !important;width: 160px;max-width: 160px;}
    header.navbar .dropdown-menu {position: static;float: inherit;max-width: 100%;background: #fff;border: none;box-shadow: none;}
    header.navbar .navbar-toggle {margin: 15px 0 0 5px;}
    header .navbar-header {float: none;}
    header .navbar-toggle {display: block;}
    header .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}

    header .navbar-collapse.collapse {display: none !important;}
    header .navbar-collapse.collapse.in {display: block !important;}

    //.subnavbar-header{display: block !important;}

    header .navbar-nav {float: none!important;}
    header.navbar .nav li{float: none;border-bottom: 1px solid #eee;}
    header .navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}
    header .nav-pills{background:#fff;margin-top: 0 !important;}

    #contentwrap {padding: 64px 0 0;}
}


@media screen and (max-width: 1440px) {
    .h1-title {margin: 0.5em 0px;}

    .interinvest_carousel .caption{margin: 0.5em 0 0;padding-top: 0;}
    .interinvest_carousel .caption .title-caption{font-size: 30px;margin: 0 0 0.5em;}
    .interinvest_carousel .caption .lead{margin: 0;}
    .rslides figure{overflow: hidden;max-height: 280px !important;}

}

@media screen and (min-width: 1600px){
    /*.rslides figure img{position: relative;height: 500px;width: auto;left: 0}*/
    .rslides figure{overflow: hidden;max-height: 400px !important;}
    .rslides figure img{position:relative;top: -20%;}
    .interinvest_carousel .caption{top: 4%;}
}

/*
======================================================
                                               MAX 768
======================================================
*/

@media screen and (max-width: 768px){
    .social-network,header.navbar .btn.btn-primary.btn-sm span{display:none !important;}

    header.navbar .btn.btn-primary.btn-sm.navbar-toggle {min-width: 44px;}
    .lead{font-size: 18px;}
    .cookie p{line-height: normal;}
    .h1-title {font-size: 1.3em;margin: 0px;text-align: center;}

    .wrap{ margin: 0 auto -64px;padding: 0 0 64px;}
    .footerwrap{min-height: 30px;}
    .footerwrap .copyrights{margin-top: 0; font-size: 0.8em; text-align: center}

    .social-icons{height:20px;margin-bottom: 0;}
    .social-icons li{margin-right: 4px;}
    .social-icons li:last-child{margin-right: 0;}
    .social-icons li i{font-size: 1.3em;}

    .slogan{text-align: center;}
    .slogan .interinvest_form {background: 0 0 rgb(112, 112, 112);position: relative;margin: 15px -15px 0;}
    .slogan .interinvest_form form{padding: 30px 15px;}
    .slogan .interinvest_form .btn.btn-lg {position: static;}

    .admin-toolbar{height: auto;line-height: inherit}

    .interinvest_carousel .caption .title-caption {font-size: 1.5em;margin: 0 0 0.5em;}
    .interinvest_carousel .caption a, .interinvest_carousel .caption a:link, .interinvest_carousel .caption a:visited{font-size: 14px;}
    .interinvest_carousel .caption h1{font-size: 20px;font-weight: bolder;margin-bottom:0; font-weight:bold;}
    .interinvest_carousel .caption p.lead{display: none}
    .interinvest_carousel .sponsorship01 .caption h1{max-width:70%;text-align:left;}
    .interinvest_carousel .sponsorship01 .caption a, .interinvest_carousel .sponsorship01 .caption a:link, .interinvest_carousel .sponsorship01 .caption a:visited{float: left}

    a.square-button:link, a.square-button:visited{height: 120px;padding: 15px}
    a.square-button h4{font-size: 14px}

    .square-simulation,.slogan .interinvest_form form .chrono,header a.connection,header .header_contact, .picture_copyrights{display:none;}

    //.whitesection h2, .whitesection h3,  #section_video h2{text-align: center;}

    #landing-page h2,#landing-page h3{font-size: 25px;}

    .authenticated .interinvest_carousel.admin_carousel .rslides img{min-height: 150px;min-width: 1019px;left:50%;margin-left: -510px;}
    .authenticated .interinvest_carousel.admin_carousel .caption{padding:0}

    .rslides img{min-width:250%;left:-55%;}

    a.rslides_nav.prev, a.rslides_nav.rslides1_nav.prev:link, a.rslides_nav.prev:visited,
    a.rslides_nav.next, a.rslides_nav.rslides1_nav.next:link, a.rslides_nav.next:visited{left:-1000px}

    .rightpanel-button{top:auto;bottom: -1px;}
    #landing-page img{height: 300px;min-width:300%;left:-100%;}
    #landing-page .caption {top: 3%;}

    #section0 {padding-bottom: 0;}
    #section1 .thumbs{margin-top:25px;}

    #section2 .container {padding: 40px 15px;}
    #section2 .video_wrapper {margin-top: 80px;}
    #section2 a.close_button:link, #section2 a.close_button:visited {height: 30px;width: 30px;background-position: -12px -68px;right: 15px}
    #section2 a.close_button:hover {background-position: -12px -13px;}
    #section2 h2 {text-align:center;}

    #sectiong3f{min-height: 300px;}
    #sectiong3f img{max-width: 300px;}
    #sectiong3f, #verspieren {padding-top: 40px;}

    #section3{padding: 40px 0;}

    #verspieren,#section5{background-image:none;}

    .team_photo{margin-bottom: 10px;}
    .team_photo figcaption{height: 100px;}

    .garanty .col-lg-2.col-md-2{text-align: center;}

    .advertising {margin-top: -20px;}
    .advertising figure{position:relative;overflow:hidden}
    .advertising figure img{min-width:1000px;min-height:180px;margin-left:-80px}
    .advertising figure .container{position:inherit;max-width:none;}
    .advertising figure .caption{height: 100%;left: 0;max-width: 300px;padding: 20px;top: 0;}
    .advertising figure .caption h3{font-size:20px}
    .advertising figure .caption h4{font-size: 13px;}

    .simulator_btn {margin-bottom:20px;text-align:center}
    .simulator_btn .marginbottom-20{margin-bottom:0}
    .simulator_btn .btn-icon{padding: 10px;}
    .simulator_btn .icon-3x{font-size:1em;}

    #section1 .col-xs-landscape-4,#section1 .col-xs-landscape-8,#news{text-align: center;}
    .press .col-md-6{text-align: center;}
    .press .col-md-6 .col-md-4 .pull-right{float: none !important;}

    .list-articles li a{
        display: inherit;
        padding: 0;
        margin: 8px 0;
    }

    .list-articles li a:hover{
        background-color: inherit;
        text-indent: 0;
    }

    .js-masonry .col-sm-6{width: 100% !important}

    .row-height {display:inherit;}
    .col-height {display:inherit;float:inherit;padding: 0}

    #section_video h3{
        text-align: right;
    }
    #section_video h3:after {
      width: 0;
    }

    .video_link {
        display: block;
    }

/*//  .slick-container{*/
/*//    #slickprev, #slicknext{*/
/*//      left: 10%;*/
/*//      margin-left: 0;*/
/*//    }*/
/*//  }*/


    .label-choice:after {
        display: none;
    }


}

/*
======================================================
                                   MAX 768 / LANDSCAPE
======================================================
*/

@media screen and (max-width: 768px) and (orientation : landscape) {

    .col-xs-landscape-1,
    .col-xs-landscape-2,
    .col-xs-landscape-3,
    .col-xs-landscape-4,
    .col-xs-landscape-5,
    .col-xs-landscape-6,
    .col-xs-landscape-7,
    .col-xs-landscape-8,
    .col-xs-landscape-9,
    .col-xs-landscape-10,
    .col-xs-landscape-11,
    .col-xs-landscape-12{
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float:left
    }
    .col-xs-landscape-4 {width: 33.3333%;}
    .col-xs-landscape-8 {width: 66.6667%;}

    #section1 .col-xs-landscape-8{text-align: left;}

    .container_video iframe{height: 300px;max-width: 80%;}
    #section_video a.close_button:link, #section_video a.close_button:visited {height: 30px;width: 30px;background-size: cover;}

    .rslides img{max-height:250px;max-width: 952px;min-width:952px;left: 0;}

    #section1.whitesection h3{text-align: left;}
    #section_video .video{text-align: center}
    #section_video .video_link{display: inline-block;}

    .textright-xs {text-align: right}
}

/*
======================================================
                                       MIN 768 MAX 980
======================================================
*/

@media screen and (min-width: 768px) and (max-width: 980px) {

    h2 {font-size: 1.8em;}
    .footerwrap h2{font-size: 1.1em}

    .h1-title {font-size: 1.6em;}

    .social-network {top:inherit;bottom: 0;}

    .interinvest_carousel .caption{max-width: 450px;}

    .slogan .interinvest_form form .chrono{ right: -10px;}

    .rslides img{height: 280px;min-width:150%;left:-20%;}
    a.rslides_nav.prev, a.rslides_nav.rslides1_nav.prev:link, a.rslides_nav.prev:visited,
    a.rslides_nav.next, a.rslides_nav.rslides1_nav.next:link, a.rslides_nav.next:visited{left:-1000px}

    .rightpanel-button{top:auto;bottom: -1px;}

    #section_video .video_link {max-width: 100%;float: inherit;}

    #section1 .thumbs{margin-top: 0;}
    #section2{overflow:hidden;}
    #section2 .container {padding: 40px 15px;}
    #section3{padding: 40px 0;}
    #section4 h2 {padding-top: 0;}
    #section5 .bluebox h3[itemprop="telephone"] {font-size: 1.5em}
    #section5 .bluebox h3[itemprop="email"] {font-size: 1.4em}

    #landing-page h2,#landing-page h3{font-size: 25px;}
    #landing-page img{height: 350px;min-width:200%;left:-50%;}
    #landing-page .caption {top: 15%;}
    #verspieren{background-size:110%;}

    .advertising figure{position:relative;overflow:hidden}
    .advertising figure img{min-width:1123px;min-height:180px;margin-left:-180px}
    .advertising figure .container{position:inherit;max-width:none;}
    .advertising figure .caption{height: 100%;left: 0;max-width: 300px;padding: 20px;top: 0;}
    .advertising figure .caption h3{font-size:20px}
    .advertising figure .caption h4{font-size: 13px;}

    .simulator_btn {margin-bottom:20px;text-align:center}
    .simulator_btn .marginbottom-20{margin-bottom:0}
    .simulator_btn .btn-icon{padding: 10px;}
    .simulator_btn .icon-3x{font-size:1em;}

    #section_video .video_link{float: right;}
    #section_video #video .video_link.pull-right{float: inherit !important;}

    .team_photo{margin-bottom: 10px;}
    .team_photo figcaption{height: 100px;}
}

/*
======================================================
                                       MIN 768 MAX 991
======================================================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*header.navbar a.navbar-brand{margin: 12px 0px 0px !important;}*/
    .textright-sm {text-align: right}
}


/*
======================================================
                                      MIN 992 MAX 1199
======================================================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {

    header.navbar a.navbar-brand, header.navbar.navbar-compact a.navbar-brand {padding: 0;margin: 15px 0 0 0 !important;width: 200px;max-width: 200px;}
    header .nav-pills > li > a, .nav-pills > li > a {font-size: 10px;padding: 4px;font-weight: bold}
    //header.navbar a.navbar-brand{margin: 35px 0px 0px !important;}

    #section1 h3, #section2 h3{letter-spacing: -1px;}
    #section2 h3{font-size: 22px;}
    #verspieren{background-size:110%;}
    .team_photo figcaption{height:140px;}
    .slogan .interinvest_form form .chrono{ right: -10px;}

    #landing-page .caption{top:6%;}
    #landing-page h2, #landing-page h3{font-size: 28px;}
    #landing-page h3{margin-top: 10px;}

    .advertising figure{position:relative;overflow:hidden}
    .advertising figure img{min-width:1500px;min-height:250px;margin-left:-180px}
    .advertising figure .container{position:inherit;max-width:none;}
    .advertising figure .caption{max-width: 400px;padding: 20px;left:40px}
    .advertising figure .caption h3{font-size:20px}
    .advertising figure .caption h4{font-size: 13px;}

    .productbox_blue.products_g3f_classic h2{font-size: 30px;}
    .productbox.products_g3f_classic .btn-white{margin-top: 133px;}

    .authenticated .interinvest_carousel.admin_carousel .rslides img{min-height: 200px;min-width: 1358px;left:50%;margin-left: -679px;}
    .authenticated .interinvest_carousel.admin_carousel .caption{padding:20px;max-width: 400px;}
    .authenticated .interinvest_carousel.admin_carousel .caption h1{font-size: 20px;margin-bottom: 8px;font-weight: bold}
    .authenticated .interinvest_carousel.admin_carousel .caption .lead{font-size: 17px;margin:0;line-height: 15px;}
    .authenticated .interinvest_carousel.admin_carousel .caption .lead .font12.pull-right{display:none;}
    .authenticated .interinvest_carousel.admin_carousel .caption .pull-left{max-width: 300px;}
    .authenticated .interinvest_carousel.admin_carousel .caption a, .authenticated .interinvest_carousel.admin_carousel .caption a:link, .authenticated .interinvest_carousel.admin_carousel .caption a:visited{font-size: 12px;}

    .authenticated .admin-toolbar{height: 42px;line-height: 44px;}
    .authenticated .admin-toolbar a:link, .authenticated .admin-toolbar a:visited{padding-top: 10px;padding-bottom: 10px;}

    .textright-md {text-align: right}

}

/*
======================================================
                                     MIN 1200 MAX 1280
======================================================
*/

@media screen and (min-width: 1200px) and (max-width: 1280px) {

    /*.rslides figure img{top: -8%;}*/

    #landing-page img{min-height: 400px;width:auto;position:relative;left:50%;margin-left:-951px;}
    #verspieren{background-size:130%;background-position:50% 50%}
    .advertising{position:relative;overflow:hidden;}
    .advertising figure .caption{padding: 20px 20px 20px 40px;}
    .advertising figure img{min-width:1700px;min-height:250px;margin-left:-180px}

    .authenticated header.navbar a.navbar-brand{width: 230px;padding-top: 5px;padding-bottom: 10px;}
    .authenticated #contentwrap{padding-top: 62px;}


    .authenticated .interinvest_carousel.admin_carousel .caption{padding:20px;max-width: 450px;}
    .authenticated .interinvest_carousel.admin_carousel .caption h1{font-size: 25px;margin-bottom: 10px;font-weight:bold}
    .authenticated .interinvest_carousel.admin_carousel .caption .lead{font-size: 18px;margin:0;line-height: 17px;}
    .authenticated .interinvest_carousel.admin_carousel .caption a, .authenticated .interinvest_carousel.admin_carousel .caption a:link, .authenticated .interinvest_carousel.admin_carousel .caption a:visited{font-size: 14px;}

    .authenticated .admin-toolbar{height: 42px;line-height: 44px;}
    .authenticated .admin-toolbar a:link, .authenticated .admin-toolbar a:visited{padding-top: 10px;padding-bottom: 10px;}
}

/*
======================================================
                                              MIN 1200
======================================================
*/

@media screen and (min-width: 1200px) {

    .textright-lg {text-align: right}
}

/*
======================================================
                                     MIN 1280 MAX 1336
======================================================
*/

@media screen and (min-width: 1280px) and (max-width: 1336px) {

    .social-network {top:inherit;bottom: 0;}

    .rslides figure img{top: -10%;}

    #landing-page .caption{top:10%;}
    #landing-page h3{margin-top: 10px;}

    .advertising{position:relative;overflow:hidden;}
    .advertising figure img{min-width:1700px;min-height:250px;margin-left:-180px}

    .authenticated .interinvest_carousel.admin_carousel .rslides img{min-height: 280px;min-width: 1901px;left:50%;margin-left: -950px;}
    .authenticated .interinvest_carousel.admin_carousel .caption{padding:20px;max-width: 450px;}
    .authenticated .interinvest_carousel.admin_carousel .caption h1{font-size: 30px;margin-bottom: 10px;font-weight:bold}
    .authenticated .interinvest_carousel.admin_carousel .caption .lead{font-size: 20px;margin:0;line-height: 19px;}
    .authenticated .interinvest_carousel.admin_carousel .caption a, .authenticated .interinvest_carousel.admin_carousel .caption a:link, .authenticated .interinvest_carousel.admin_carousel .caption a:visited{font-size: 14px;}

    .authenticated .admin-toolbar{height: 42px;line-height: 44px;}
    .authenticated .admin-toolbar a:link, .authenticated .admin-toolbar a:visited{padding-top: 10px;padding-bottom: 10px;}
}

/*
======================================================
                                     MIN 1336 MAX 1440
======================================================
*/

@media screen and (min-width: 1336px) and (max-width: 1440px) {

    #landing-page .caption{top:10%;}
    #landing-page h3{margin-top: 10px;}

    .advertising{position:relative;overflow:hidden;}
    .advertising figure img{min-width:1700px;min-height:250px;margin-left:-180px}
    .advertising figure .caption{padding: 20px;}

    .authenticated .interinvest_carousel.admin_carousel .caption{margin:0;padding:10px 20px;max-width: 450px;}
    .authenticated .interinvest_carousel.admin_carousel .caption h1{font-size: 25px;margin-bottom: 10px;font-weight:bold}
    .authenticated .interinvest_carousel.admin_carousel .caption .lead{font-size: 18px;margin:0;line-height: 17px;}
    .authenticated .interinvest_carousel.admin_carousel .caption a, .authenticated .interinvest_carousel.admin_carousel .caption a:link, .authenticated .interinvest_carousel.admin_carousel .caption a:visited{font-size: 14px;}
}

/*
======================================================
                                     MIN 1440 MAX 1600
======================================================
*/

@media screen and (min-width: 1440px) and (max-width: 1600px) {
    .advertising{position:relative;overflow:hidden;}
    .advertising figure img{min-width:1900px;min-height:250px;}

    .authenticated .interinvest_carousel.admin_carousel .rslides img{min-height: 250px;min-width: 1698px;left:50%;margin-left: -849px;}
    .authenticated .interinvest_carousel.admin_carousel .caption h1{font-size: 30px;margin-bottom: 10px}
    .authenticated .interinvest_carousel.admin_carousel .caption .lead{font-size: 20px;margin:0;line-height: 19px;}

}

/*
======================================================
                                     MIN 1600 MAX 1920
======================================================
*/

@media screen and (min-width: 1600px) and (max-width: 1920px) {

    .authenticated .interinvest_carousel.admin_carousel .caption{top: 0;}

}

/*
======================================================
                                              MIN 2560
======================================================
*/

@media screen and (min-width:2560px) {

    /*.rslides img{max-height: 500px;max-width: 1903px;left: 50%;margin-left: -950px}*/
    .interinvest_carousel{max-height: 500px;overflow: hidden}

}