@font-face { font-family: 'Open Sans';
             font-style: italic;
             font-weight: 400;
             src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/wp-content/themes/blacktent_theme-95986/fonts/OpenSans-Italic.ttf') format('truetype'); }

@font-face { font-family: 'Open Sans';
            font-style: normal;
            font-weight: 600;
             src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/wp-content/themes/blacktent_theme-95986/fonts/OpenSans-SemiBold.ttf') format('truetype'); }

@font-face { font-family: 'Open Sans';
             font-style: normal;
             font-weight: 700;
             src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/wp-content/themes/blacktent_theme-95986/fonts/OpenSans-Bold.ttf') format('truetype'); }

@font-face { font-family: 'Open Sans';
            font-style: normal;
            font-weight: 300;
             src: local('Open Sans Light'), local('OpenSans-Light'), url('/wp-content/themes/blacktent_theme-95986/fonts/OpenSans-Light.ttf') format('truetype'); }

@font-face { font-family: 'Open Sans';
             font-style: normal;
             font-weight: 400;
             src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/wp-content/themes/blacktent_theme-95986/fonts/OpenSans-Regular.ttf') format('truetype'); }



#main {
    margin-top: -31px;
}

#naviplace {
    width: 100%;
    z-index: 2;
    padding-top: 15px;
    padding-bottom: 10px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.80);
    top: 80px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.line-contact {
    float: right;
}

#bottomline .line-contact {
    display:none;
}


#topline {
    background-color: rgba(255, 255, 255, 0.70);
    color: #333;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#topline a,#bottomline a {
        color:#333;
}

#navigation {
    margin-top: 25px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.scroll #topline, #bottomline {
    background-color:#c9c9c9;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


.scroll #naviplace {
    position: fixed;
    top:30px;
    background-color:#fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.sf-menu a:hover {
    background-color: #d71a21;
}

.mid-n-btn {
    display:none;
}

.desk-n {
	display:inherit;
}

.col li:before {
    font-family: FontAwesome;
	content: "\f015";
	margin-right:15px;
    color: #d71a22;
    text-shadow: 1px 1px 0px #000;
}

h1 {
    margin-bottom:30px;
}

p {margin-bottom: 20px;}

.wpcf7-submit {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: #333;
    padding: 10px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #bcbcbc;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

.wpcf7-submit:hover {
    color: #fff;
    background-color: #d71a22;
}


div.accept {
    position: relative;
}

div.accept p {
    text-align: left;
    color: #333;
    font-size: 11px;
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 8px;
    padding-left: 30px;
}

span.wpcf7-form-control-wrap.acceptance-325 {
    position: absolute;
    left: 9px;
    top: 10px;
}

.accept span.wpcf7-list-item {
    margin-left: 0;
}

/*----------------------------------------------RESPONSIVE-----------------------------------------------------------------------------*/
@media only screen and (max-width: 835px) and (min-width: 415px){

#main {
    margin-top: -31px;
}
    
.desk-n {
	display:none;
}
    
.mob-n-btn {
    display: block;
    margin-top: 15px;
    position: fixed;
    left: 14px;
    top: 4px;
    z-index: 999;
}

.mid-n-btn {
    display:block;
    background-color: transparent;
    font-size: 0;
    top: 95px;
    right:11px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.mid-n-btn i {
    font-size: 30px;
    color: #333;
    padding-top: 10px;
}
    
.sidr-class-st-content {
    display: none;
}
    
.scroll .mid-n-btn {
    top:55px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#topline {
    font-size: 0;
    background-color: #fff;
}

#topline i {
    font-size: 32px;
}

.scroll #naviplace {
    top:42px;
    box-shadow: 0px 2px 3px #333;
}
    
.col75, .col66, .col50, .col33, .col25{
        width: 100%;
    }

.sidr.right {
  width: 100%;
    padding-top: 42px;
    right: -100%;
    }
    
    .col-backgrd.bild.pic-line {
    background-size: contain;
    min-height: 300px;
}
}

/*---------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 415px) {
 
#main {
    margin-top: -31px;
}
    
.desk-n {
	display: none;
}

.mid-n-btn {
	display: none;
}

.mob-n-btn {
	color: #333;
	position:fixed;
	top: 5px;
	right:10px;
	z-index:104;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
    font-size: 0px;
    background-color: transparent;
    display: inline;
}


    
.mob-n-btn i.fa.fa-bars {
    font-size: 30px;
    padding:5px;
}
    
.mob-n-btn:hover {
    color: #333;
}

    .sidr-class-st-content {
    display: none;
}
    
#topline {
    font-size: 0;
    background-color: #fff;
}

#topline i {
    font-size: 32px;
}

#topline .line-nav {
    display: none;
}

.line-contact {
        float: left;
    }
    
#naviplace, .scroll #naviplace {
    display: none;
}  
    
.col75, .col66, .col50, .col33, .col25{
        width: 100%;
    }

.sidr.right {
  width: 100%;
    padding-top: 42px;
    right: -100%;
    }
    
    
    .col-backgrd.bild.pic-line {
    background-size: contain;
    min-height: 300px;
}
    
}

    
    