@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');

body {
	margin: 0px;
	padding: 0px;
  	background: #fff;
  	font-family: 'Titillium Web', sans-serif;
}
/* ======DEFAULT BROWSER STYLE========= */

a:focus, a:hover{
	text-decoration: none;
}
a:focus,.btn:focus,.btn:active:focus,
button:focus,input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="checkbox"]:focus{
	outline: none;
}

/* =========== SPACE CLASSES=========== */

.space5{margin-top: 5px;}
.space10{margin-top: 10px;}
.space15{margin-top: 15px;}
.space20{margin-top: 20px !important;}
.space25{margin-top: 25px;}
.space30{margin-top: 30px;}
.space40{margin-top: 40px;}
.space50{margin-top: 50px;}
.space60{margin-top: 60px;}
.space70{margin-top: 70px;}
.space80{margin-top: 80px;}
.space100{margin-top: 100px;}

.space94{margin-top: 92px;}

.pad0{padding: 0;}





/*=========================START MAIN CSS=============================*/





.affix{
background: url(../img/banner.jpg)no-repeat;
background-size:cover;
position:fixed;
width: 100%;
z-index: 99999;
top: 0;
}


header{
	background: url(../img/banner.jpg)no-repeat;
	background-size: cover;
	padding: 10px 0;
}

header .navbar-default {
  background-color: transparent;
  border: none;
  margin-bottom: 0;
  border-radius: 0;
}

header .top_links {
  text-align: right;
}

header .top_links ul {
  padding-left: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}

header .top_links li {
  list-style: none;
  display: inline-block;
}

header .top_links a {
  color: #fff;
  text-transform: uppercase;
  font-size: 13.05px;
  font-weight: 400;
  padding: 0 7px;
}

header .navbar-default .navbar-nav>li>a {
  color: #fff;
  text-transform: uppercase;
  font-size: 13.05px;
  font-weight: 400;
  border-top: 2px solid transparent;
  padding: 22px 0;
}

header .navbar-default .navbar-nav>li>a:hover {
  color: #f9bd9b;
  font-weight: bold;
  border-top: 2px solid #f9bd9b;
}

header .navbar-default .navbar-nav>.active>a, 
header .navbar-default .navbar-nav>.active>a:focus, 
header .navbar-default .navbar-nav>.active>a:hover {
  color: #f9bd9b;
  background-color: transparent;
  font-weight: bold;
  border-top: 2px solid #f9bd9b;
}

header .top_links li:first-child a{
	font-weight: bold;
}

header .top_links li:first-child:after {
  content: '/';
  position: absolute;
  color: #f9bd9b;
}

header .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

header ul.nav.navbar-nav.navbar-right li {
  padding: 5px 20px;
}

header .nav>li>a {
  padding: 0;
}

#cultivious{
	padding: 70px 0;
}

.cultivious h4{
	color: #403b38;
	font-size: 18.05px;
	text-transform: uppercase;
	font-weight: 300;	
	text-align: center;
  margin-top: 10%;
  margin-bottom: 0;
}

.cultivious h4 span{
	font-size: 20px;
	font-weight: bold;	
}

.managment h3 {
  text-transform: uppercase;
  color: #403b38;
  font-size: 26.05px;
  font-weight: bold;
  margin-top: 0;
}

.managment h5 {
  color: #403b38;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 33px;
}

.managment h6 {
  color: #f9bd9b;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: bold;
  margin-top: 60px;
}

.border_orng{
	border-bottom: 3px solid #f9bd9b;
  width: 60px;
  margin-top: 30px;
}

.border_orng1{
	border-bottom: 3px solid #f9bd9b;
  width: 60px;
  margin-top: 64px;
}

.center_img{
	position: relative;
}

.center_img img {
  width: 100%;
}

.center_text {
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
}

.center_text h3{
	color: #f9bd9b;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
}

.center_text h1{
	color: #f9bd9b;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
}

.center_square_img{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.right_vente{
	text-align: right;
}

.down_text p {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  margin-left: 20px;
}

.down_text p span{
	color: #f9bd9b;
	font-weight: bold;
}

.down_text {
  margin-top: 50px;
}

.down_text p:before {
  content: '\f111';
  font-family: "FontAwesome";
  position: absolute;
  font-size: 7px;
  margin-top: 6px;
  left: 15px;
}

.down_text1 p {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  margin-right: 20px;
  text-align: left;
}

.down_text1 p span{
	color: #f9bd9b;
	font-weight: bold;
}

.down_text1 {
  margin-top: 50px;
  float: right;
}

.down_text1 p:before {
  content: '\f111';
  font-family: "FontAwesome";
  position: absolute;
  font-size: 7px;
  margin-top: 6px;
  right: 15px;
}

.down_text1 p span {
  color: #f9bd9b;
  font-weight: bold;
}

.coach h1{
	text-align: center;
	color: #403b38;
	font-size: 19.09px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}

.coach p span {
  color: #f9bd9b;
  font-weight: bold;
}

.coach p {
  color: #000;
  font-weight: 400;
  font-size: 14px;
}

.coach_p p{
	text-align: right;
}

.mleft7{
	margin-left: 7%;
}

.service h3{
	color: #403b38;
	font-size: 26.05px;
	font-weight: bold;	
	text-transform: uppercase;
}

.uncle p {
  color: #403b38;
  font-size: 13.89px;
  font-weight: 400;
  transform: rotate(16deg);
  margin-top: -40px;
}

.icons_text img{
	float: left;
}

.icons_text h4 {
  font-size: 16px;
  color: #403b38;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px;
}

.border_orng2 {
  border-bottom: 3px solid #f9bd9b;
  width: 50px;
  margin-top: 33px;
  margin-bottom: 20px;
}

.icons_text {
  padding: 0 50px;
}

.border_antic{
	background: url(../img/icon6.png)no-repeat;
	background-size: 100% 100%;
	padding: 30px;
}

.border_antic h4{
	font-size: 16.75px;
	color: #f9bd9b;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 30px;
}

.border_antic h5, .border_antic a{
	font-size: 16.75px;
	color: #403b38;
	font-weight: bold;
	margin-top: 30px;
}

.bg_antic{
	background:url(../img/icon8.png)no-repeat;
	background-size: 100% 100%;
	padding: 30px 30px 10px;
	margin-top: -30px;
}

.bg_antic p{
	font-size: 19.97px;
	color: #fff;
	margin-top: 35px;
	font-weight: 300;
	line-height: 23px;
}

.bg_antic h6{
	font-size: 19.97px;
	color: #f9bd9b;
	text-align: right;
}

.bg_antic p span{
	color: #f9bd9b;
	font-weight: bold;
}

.mtop55{
	margin-top: 53.5% !important;
}











/*=========================START ALL MEDIA QUERIES======================*/




/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
#cultivious {
    padding: 140px 0;
}

header .navbar-brand>img {
    width: 90px !important;
    margin-top: 4px;
}
  	.bg_antic {
	    margin-top: -15px !important;
		}

		.coach h1 {
  	  margin-top: 11% !important;
    	margin-bottom: 11% !important;
		}

		.coach p, .text-right{
	    margin-top: 8% !important; 	
		}

    .center_text h1 {
      font-size: 28px !important;
    }

    .center_text h3 {
      font-size: 28px !important;
      line-height: 36px !important;
    }

    .center_img img {
      width: 90% !important;
    }
}


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

  	.border_antic {
		  padding: 20px 20px 40px;
		}

    .center_text h1 {
      font-size: 28px;
    }

    .center_text h3 {
      font-size: 18px;
    }

}




@media(max-width: 768px){

	header .navbar-default .navbar-toggle:focus, 
	header .navbar-default .navbar-toggle:hover {
	  background-color: transparent;
	}

	header .navbar-default .navbar-toggle {
	  border: none;
	}

	header .navbar-default .navbar-toggle .icon-bar {
    background-color: #f9bd9b;
	}
	
	header .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 10px;
	}
	
	header .navbar-toggle .icon-bar {
    width: 35px;
    height: 3px;
	}

	header .navbar-brand {
    padding: 3px 15px;
  }

  header .navbar-brand>img {
    width: 50px;
margin-top: 4px;
	}

	header .navbar-default .navbar-collapse{
    border: none;
    box-shadow: none;
	}

	header .navbar-default .navbar-nav>li>a {
    padding: 5px 0;
	}

	header .jeans p {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    top: 23px;
	}

	header .navbar-toggle {
    z-index: 99;
	}

	.center_text {
    top: 35%;
	}

	.center_text h3 {
    font-size: 13px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 0;
	}

	.center_text h1 {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
	}

	.coach h1 {
    font-size: 16.09px;
    margin-top: 30%;
    margin-bottom: 30%;
	}

	.coach p{
    margin-top: 30%;
	}

	.text-right {
    text-align: left;
    margin-top: 30%;
	}

	.pull-right{
		float: none !important;
	}

	.down_text1 p:before {
    right: auto;
    left: 15px;
	}

	.down_text1 p {
    margin-right: 0;
    margin-left: 20px;
	}	

	.mtop55 {
    margin-top: 22% !important;
	}

	.coach_p p {
    text-align: left;
    margin-top: 0 !important;
	}

	.service h3 {
    font-size: 20.05px;
	}

	.bor_or {
    border-bottom: 3px solid #f9bd9b;
    width: 60px;
    margin: 65px auto 0;
	}

	.icons_text {
    padding: 80px 50px;
	}

	.border_antic {
    background-size: 100% 100%;
  }

  .border_orng {
    margin-top: 20px;
	}

	.border_antic h4 {
    font-size: 12.75px;
    margin-top: 20px;
	}

	.border_antic h5, .border_antic a {
    font-size: 12.75px;
    margin-top: 20px;
	}

	.bg_antic p {
    font-size: 12.97px;
    margin-top: 18px;
	}

	.bg_antic {
    margin-top: -35px;
    background-size: 100% 100%;
	}

	.bg_antic h6 {
    font-size: 16.97px;
	}
}


/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

  .center_img img {
    width: 60%;
  }
  
}



/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

  .center_img img {
    width: 60%;
  }

}


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

  .center_img img {
    width: 60%;
  }

}