/*==================================
* Author        : "ThemeSine"
* Template Name : Listrace  HTML Template
* Version       : 1.0
==================================== */

/*==================================
font-family: 'Roboto', sans-serif;
==================================== */


/*=========== TABLE OF CONTENTS ===========
1.  General css (Reset code)
2.  Header-top
3.  Top-area
4.  Welcome-hero
5.  List-topics
6.  Works  
7.  Explore
8.  Reviews
9.  Counter
10. Blog
11. Subscribe
12. Footer
==========================================*/

/*-------------------------------------
		1.General css (Reset code)
--------------------------------------*/
*{
    padding: 0;
    margin: 0;
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

/* advent-pro-regular - latin */
@font-face { 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/poppins-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}



body{
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	color:#a09e9c;
    text-transform:initial;
    max-width:2100px;
    margin:0 auto;
	overflow-x:hidden;
}

hr {
	margin-top: 0px;
	border-color: #2e2868;
	border-style: solid;
	border-width: 5px;
	}


h1 {
	font-family: Times, "Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", "serif";
	font-size: 40px;
	color: #648033;
}

h2 {
	font-family: Times, "Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", "serif";
	font-size: 40px;
}

p {
	font-family: Times, "Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", "serif";
	font-size: 20px;
	color: #000;
}

h3 {
	font-family: Times, "Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", "serif";
	font-size: 24px;
	color: #000;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #648033;
}



html,body {
	height: 100%;
	}

.adresse {
	background-color: #e8dbcd;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	}
	
.logo {
	background-color: #fff;
	margin: 50px;
	margin-top: 100px;
	text-align: center;
	}
	
.my-element {
	background: linear-gradient(#fff, #e8dbcd);
	height: 50px;
}



/*=============Style css=========*/






/*-------------------------------------
        12. Footer
--------------------------------------*/
.footer {
	background-color: #3f511d;
	color:#fff;
	}
	
.footer-menu {
	padding: 20px 0;
	text-align:center;
	}
	
.footer a {
	color: #fff;
}

.footer a:hover {
	color: #fff;
}

.footer a:visited {
	color: #fff;
}
	
.footer-menu .navbar-header{padding:0;}
.footer-menu .navbar-header a.navbar-brand,.footer-menu.footer-menu .navbar-header a.navbar-brand:hover,.footer-menu .navbar-header a.navbar-brand:focus{
    padding:0;
    height: 0;
}
.footer-menu ul.footer-menu-item{text-align: right;}
.footer-menu ul.footer-menu-item li{display: inline-block;}
.footer-menu ul.footer-menu-item li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 40px;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    -o-transition:0.3s linear;
    transition:0.3s linear;
}
.footer-menu ul.footer-menu-item li a:hover{color: #f43032;}
.hm-footer-copyright {
    padding: 40px 0;
    border-top: 1px solid #e1e5eb;
}
.hm-footer-copyright p,.hm-footer-copyright p a {
    color: #a5adb3;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.footer-social {text-align: right;}
.footer-social .fa-phone:before {
    position: relative;
    top: 2px;
}
.footer-social a ,.footer-social span {
    display: inline-block;
    color: #afb4bf;
    font-size: 14px;
    margin-left: 15px;
    -webkit-transition: .3s; 
    -moz-transition:.3s; 
    -ms-transition:.3s; 
    -o-transition:.3s;
    transition: .3s;
}
.footer-social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #eef2f6;
    text-align: center;
    border-radius: 50%;
}
.footer-social span {margin-right:15px;margin-left: 0;color: #a5adb3;}
.footer-social span:hover{color: #ff545a;}
.footer-social a:hover {background:#ff545a;color: #fff;}


.impressum {padding:117px 0 75px;
    background: #f8fafb;
	    text-align: center;

}
.impressum {margin-top:36px;}

.impressum p {
	font-size:18px;
	font-color:#000000;
}

.impressum a {
	font-size:18px;
}



@media (min-width: 576px) {
	

    .team-item .row {
        height: 350px;
    }
}

.team-carousel .owl-nav {
    position: absolute;
    padding: 0 45px;
    width: 100%;
    height: 45px;
    top: calc(50% - 22.5px);
    left: 0;
    display: flex;
    justify-content: space-between;
}

.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 45px;
    font-size: 22px;
    transition: .5s;
}

.team-carousel .owl-nav .owl-prev:hover,
.team-carousel .owl-nav .owl-next:hover {
    background: var(--dark);
}

.testimonial-carousel .owl-dots {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: var(--light);
    border: 2px solid var(--primary);
    border-radius: 20px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 40px;
    height: 40px;
    background: var(--primary);
}

.testimonial-carousel .owl-item img {
    width: 100px;
    height: 100px;
}



@keyframes example {
    0%   {bottom:0px;}
    100%  {bottom:7px;}
}

#page {
    overflow: hidden;
}


/*========================Thank you=================