/* CSS Document */

@font-face {
  font-family: Gotham;
  src: url('../webfonts/Gotham-Pro/Gotham-Pro-Regular.ttf');
}

@font-face {
  font-family: Gotham-Light;
  src: url('../webfonts/Gotham-Pro/Gotham-Pro-Light.ttf');
}


@font-face {
  font-family: Gotham-Bold;
  src: url('../webfonts/Gotham-Pro/Gotham-Pro-Bold.ttf');
}

@font-face {
  font-family: Gotham-Black;
  src: url('../webfonts/Gotham-Pro/Gotham-Pro-Black.ttf');
}
body{
	background:#f7f7f7;
    font-family: Gotham;
}
.collor-basic{
	color:#006a84 !important;
}
#img-1::before{
	content: 'XS';
}

#img-2::before{
	content: 'S';
}
#img-3::before{
	content: 'M';
}
#img-4::before{
	content: 'L';
}
#img-5::before{
	content: 'XL';
}

/*Шапка*/

.heder-left {
	font-family: Gotham-Black;
	font-size: 1.45rem;
	line-height: 1;
}
.heder-left p{
	margin-bottom: 0;
}
.heder-left .normfont{
	font-family: Gotham;
	font-size: 1rem;
	line-height: 32px;
}
.heder-center img{
	padding: 0.7rem 0;
	width: 100%;
	max-width: 114px;
}
.heder-right .tel{
	font-family: Gotham-Black;
	font-size: 32px;
	padding-bottom: 0.3rem
}
.heder-right .btn{
	font-family: Gotham;	
	color: #006a86;
	padding: 0.5rem 0.67rem;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0 15px 20px rgba(0,0,0,.1),
  inset 0 0 20px rgba(0,0,0,.1);

}
.heder-right a{
	font-family: Gotham;
	font-size: 1.3rem;
	color: #000000;
	margin: 0 0.07rem

}

.heder-right .icon{
	color: #006a86;
	text-decoration: none;
}
.heder-right i{
	font-size: 1.5rem;
}
.img-logo{
    width: 100%;
}
@media (max-width: 991.98px) { 
	.heder-left {
		font-size: 1.3rem;
	}
	.heder-left .normfont{
		
		font-size: 0.8rem;
		line-height: 25px;
	}
	.heder-right .tel{		
		font-size: 25px;
		padding-bottom: 0.3rem
	}
	
    
	.heder-right .btn{
		font-family: Gotham;	
		color: #006a86;
		padding: 0.5rem 0.67rem;
		border-radius: 50%;
		background: #FFFFFF;
		box-shadow: 0 15px 20px rgba(0,0,0,.1),
	  inset 0 0 20px rgba(0,0,0,.1);
	}
}
@media (max-width: 575.98px) { 
    .img-logo{
    width: 75%;
}
}
/*конец Шапка*/
/*полоса*/
.polosa{
	background: #242829;
	padding: 12px;
	color: #fff;
	font-family: Gotham-Light;
	border-bottom: 3px solid #9e7f4e;
	
}
.polosa2{
	background: #242829;
	padding-top: 1.5rem  !important;
	color: #fff;
	font-family: Gotham-Light;
	border-top: 3px solid #9e7f4e;
	
}
.polosa h5{
	
}
/*блок*/
.param{
	font-family: Gotham-Black;
	font-size: 45px;
	line-height: 0.5;
}
.param .small{
	font-size: 23px;
}
.param-text{
	padding-bottom: 35px;
	margin-left: -25px
}
.text-opisanie p{
	font-family: Gotham-Light;
	font-size: 14px;
}
.btn-primary{
	background: #006a84;
	border-color: #006a84;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 20px;
}
.btn-primary:hover{
	background: #02576c;
	border-color: #02576c;
}

.img-blok::before{
	color: #f7f7f7;
	position: absolute;
	font-size: 350px;
	top: -220px;
	z-index: -1;
	font-family: Gotham-Black;
	letter-spacing: -80px;
	text-shadow: 0px 12px 20px rgba(150, 150, 150, 0.5);
}
.img-blok-1::before{	
	left: -280px;
}
.img-blok-2::before{
	right: -80px;
}
.mrl--15{
    margin-left: -15px !important;
    margin-right: -15px !important;
}
@media (max-width:991.98px){
	.btn-primary{
		padding-left: 20px;
		padding-right: 20px;		
	}	
}
@media (max-width: 767.98px) {
	.param{	
		font-size: 35px;		
	}
	.param .small{
		font-size: 12px;
	}
	.btn-primary{
		padding-left: 40px;
		padding-right: 40px;
		margin-right: 20px;
	}
    
	
}

@media (max-width: 575.98px) { 
	.param{	
		font-size: 22px;
		
	}
	.param img{
		max-width: 60px;
	}
	.param .small{
		font-size: 12px;
	}
	.param-text{
		padding-bottom: 30px;
		margin-left: -10px;
		margin-right: -10px;
	}
	.text-opisanie p{
		font-size: 12px;
	}
	.text-opisanie img{		
		float: left;
		margin-bottom: 30px;
		max-width: 50px;
		margin-right: 10px;
	}
	.img-blok::before{		
		top: -180px!important;
		left: -30px!important;
		font-size: 170px!important;
		letter-spacing: -40px!important;
		text-shadow: 0px 6px 10px rgba(150, 150, 150, 0.5);
	}
    .img-blok-1::before{	
        left: auto;
    }
    .img-blok-2::before{
        right: auto;
    }
    
}
/*контакты*/
.zagolovok{
	color: #f7f7f7;
	font-size: 9rem;
	font-family: Gotham-Black;
	letter-spacing: -10px;
	text-shadow: 0px 12px 20px rgba(150, 150, 150, 0.5);
    z-index: 1;
}
.zagolovok::before{
	position: absolute;
	content: url("../images/uzor.png");
	left: 15px;
	top: -33px;
	z-index: -1;
}

.zagolovok-left{
    font-size: 90px;
    line-height: 1;
     z-index: 10;
    letter-spacing:0;
    margin-top: 50px;
    margin-bottom: 50px;
   
}
.zagolovok-right::before{
	position: absolute;
    content: url("../images/uzor2.png");
	top: -10px;
    right: 0;
    text-align: right;
	z-index: -1;
}


.form-control{
	border-color: #9e7f4e;
	border-radius: 0;
}
.form-control:focus {
    color: #02576c;
    background-color: #fff;
    border-color: #02576c;
    outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(1,34,42,.25);
}
.cont{
	font-family: Gotham-Light;
	color: #ca9f5b;
	font-size: 24px;
	line-height: 1.5rem;
}
.cont span{
	color: #000;
	font-family: Gotham-Bold;
	font-size: 16px;
}
@media (max-width: 991.98px) {
	.zagolovok{	
		font-size: 6rem;
	}
	.zagolovok::before{
		content: "";	
	}
    .zagolovok-left{
        font-size: 80px;
        margin-top: 150px;
   
    }
}
@media (max-width: 767.98px) {
    .zagolovok-left{
        font-size: 60px;
        margin-top: 40px;
   
    }
}
@media (max-width: 575.98px) { 
	.zagolovok{	
		font-size: 3.5rem;
	}
    .zagolovok-left{
        font-size: 30px;

    }
}


/*карусель*/
.owl-theme .owl-nav.disabled+.owl-dots {
	position: absolute;
    margin-top: -35px;
	margin-left: 50%;
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #FFFFFF;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background-color: #02576c;
}




/*карусель 2*/
.owl-theme2 .owl-dots {
	position: absolute;
    right: -100%;
    bottom: 50px;
   
}
.owl-theme2 .owl-dot{
   height: 24px;
    width: 24px;
    line-height: 24px;
}
.owl-theme .owl-dot:focus, .owl-theme .owl-nav [class*=owl-]:focus{
    outline-color:#f7f7f7;
}
.owl-theme2 .owl-dots .active{
    border: 2px solid #02576c;
    border-radius: 50%;
    margin-left:10px;
    margin-right:10px;
    padding: 5px;
  
}
.owl-theme2 .owl-dots .owl-dot.active span{
  background-color: #f7f7f7;
}
.owl-theme2 .owl-dots .owl-dot:hover span{
  background-color: #02576c;
}
.owl-theme2 .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 3px 4px;
    background-color: #99aaae;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
/*
.owl-theme2 .owl-nav button.owl-prev{
    background: url("../images/svg/left.png");
    height: 100px;
    width:100px;
}
*/
.owl-theme2 .owl-nav [class*=owl-]:hover {
    background: none;
    text-decoration: none;
}
.owl-theme2 .owl-nav {
	position: absolute;
	left: 80%;
	bottom: 10px;
	width: 220px;
    z-index: 99999;
}
.owl-stage {
  display: flex;
  align-items: center;
}
.counter{
	font-family:Gotham-Light;
	font-size: 27px;
	color: #99aaae;
	position: absolute;
	right: -42%;
	bottom: 50px;
	
}
.counter:first-letter {
	font-family: Gotham-Black;
    color: #02576c;
}
.zagolovok-right{
    font-size: 80px;
    line-height: 1;
     z-index: 10;
    letter-spacing:0;
    margin-bottom: -140px;
}
@media (max-width:1199.98px){    
    .zagolovok-right{
        font-size: 80px;
        line-height: 1;
         z-index: 10;
        letter-spacing:0;
        margin-bottom: 80px;
    }
}


@media (max-width:991.98px){  

    .owl-theme2 .owl-nav {   
        left: 20%;
        bottom: -150px;
    }
    .owl-theme2 .owl-dots {
        bottom: -90px;

    }
    .counter{
        bottom: -90px;	
    }

}
@media (max-width: 767.98px) {

    .owl-theme2 .owl-dots, .counter, .owl-theme2 .owl-nav {
      right: 0;
        visibility: hidden;
    }
    
    .zagolovok-right{
        font-size: 50px;     
        margin-bottom: 50px;
    }

}
@media (max-width: 575.98px) { 
	.zagolovok-right{
        font-size: 35px;     
    }
}




/*данные*/
.data-home{
	font-family:Gotham-Light;
	font-size: 17px;
	padding-left: 12%;
}
.data-home strong{
	font-family:Gotham-Bold;
}
@media (max-width: 575.98px) {
    .data-home{       
        font-size: 15px;
        margin-top: 15px;
        padding-left: 0;
    }
}



/*NEXT*/
.navbar{
    z-index: 99;
	height: 120px;
	padding: 30px 0;
}
.navbar-light {
    background-color: transparent !important;
}

.navbar-brand{
    margin-right: 0;
    margin-left: 2rem;
}
.navbar-brand img{
   margin-top: -25px;
}
.navbar-nav li{
    margin-top: 5px;
    font-size: 26px;
    padding: 0 1rem;
}
.navbar-nav::before{
    content: "Мы спроектировали оптимально продуманные планировки вашего дома:";
    position: absolute;
    font-size: 12px;
    font-family: Gotham-Light;
    margin-left: -40px;
    top:25px;

}
.navbar-nav .active{
    font-family: Gotham-Black;
}
.tel2{
    font-family: Gotham-Black;
	font-size: 23px;
    text-align: right;
}
.tel2 a{
	font-family: Gotham;
	font-size: 18px;
	color: #000000;
	margin: 0 0.07rem

}
.navbar-right{
    margin-top: -20px;
}
.navbar-right .tel2, .navbar-right .icon {
    float: left;
}
.navbar-right .icon{
    width: 50px;
    margin-top: -2px;
    text-align: right;
}
.navbar-right .icon .fa{
    font-size: 16px;
}
.navbar-right .btn{
	font-family: Gotham;	
	color: #006a86;
	padding: 0rem 0.5rem;
    line-height: 1rem;
    border: 0;
    background-color: transparent;
}
@media (max-width: 991.98px) {
    
    .navbar-light .navbar-collapse{
        background: #f7f7f7;
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px;
    }.navbar-nav::before{
        content: "";
        margin-left: auto;
        top:auto;

    }
    .tel2{
        font-size: 23px;
        text-align: left;
        margin-top: 15px;
    }
    .navbar-right .icon{
        text-align: right;
    }
    .navbar-nav li span{
        margin-top: 0px;
        font-size: 20px;
        padding: 0;
        font-family: Gotham-Light;
    }
    .navbar-nav li{
       line-height: 2;
        
    }
    
}







/*банер
.sec-slider{
    margin-top: -100px;
}
.item{
    background: url("../images/XL.png") no-repeat center;
    height: 700px;
}
*/
 .carousel {
          margin-bottom: 4rem;
            max-width: 1920px;
            margin: -120px auto 50px auto;
        }
.carousel-indicators .active {
    background-color: #006a86;
}

.ban-aitem-1{
    position: absolute;
    right: 15%;
    top: 15%;
    left: 27%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(255, 255, 255);
    text-align: center;
}
.ban-aitem-1 .text{
    font-size: 58px;
    font-family:Gotham-Black;    
    line-height: 0.8;
    color: #FFFFFF;
    top: 220px;
    left: 200px;
     z-index: 999;
    
}
.ban-aitem-1 .text p span{
    font-size: 32px;
}
.ban-aitem-1 .text::before{

    font-size: 347px;
    position: absolute;
    top:-50px;
    line-height: 1;
    left: -160px;;
    z-index: 99;
    opacity: 0.4;
    letter-spacing: -50px;
}


.ban-aitem-2{
   position: relative;

  
}
.ban-aitem-2 .text{
    font-size: 68px;
    font-family:Gotham-Black;    
    line-height: 0.8;
    color: #FFFFFF;
    z-index: 999;
    margin: 0;
    position: absolute;
    bottom: 300px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
  
}
.ban-aitem-2 .text p span{
    font-size: 32px;
}
@media (max-width: 1199.98px) { 
    .ban-aitem-2 .text{
            font-size: 48px;
            bottom: 150px;
        }
}
@media (max-width: 991.98px) { 
     .ban-aitem-2 .text{
            font-size: 38px;
            bottom: 100px;
        }
}



/*
.ban-aitem-2 .text::before{
    content: "XS";
    font-size: 347px;
    position: absolute;
    top:-50px;
    line-height: 1;
    left: -160px;;
    z-index: 99;
    opacity: 0.4;
    letter-spacing: -50px;
}
*/

.ban-aitem-3{
    position: absolute;
    right: 15%;
    bottom: 20%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(255, 255, 255);
    text-align: right;
}
.ban-aitem-3 .text{
    font-size: 48px;
    font-family:Gotham-Black;    
    line-height: 0.8;
    color: #FFFFFF;
    top: 220px;
    left: 200px;
     z-index: 999;
    
}
.ban-aitem-3 .text p span{
    font-size: 32px;
}
@media (max-width: 1199.98px) { 
    .ban-aitem-3 .text{
            font-size: 38px;
           
        }
}
@media (max-width: 991.98px) { 
     .ban-aitem-3 .text{
            font-size: 28px;
            
        }
}
/*
.ban-aitem-3 .text::before{
    content: "XS";
    font-size: 347px;
    position: absolute;
    top:-50px;
    line-height: 1;
    left: -160px;;
    z-index: 99;
    opacity: 0.4;
    letter-spacing: -50px;
}
*/







.icon-bot{
    position: absolute;
    right: 15%;
    bottom: 2rem;
    left: 20%;
    padding-top: 20px;
    padding-bottom: 40px;
    text-align: left;
    z-index: 9;
    
}
.carousel-caption .btn-primary{
    font-size: 37px;
    font-family:Gotham-Black;
    padding: 5px 50px;
    border-radius: 50px;
   

    
}
.carousel-caption .btn-primary span{
    font-size: 18px;
    
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */


@media (max-width: 991.98px) {
        .carousel {
          margin-bottom: 4rem;
            max-width: 1920px;
            margin: -15px auto 50px auto;
        }
        .carousel-caption {
                text-align: right !important;
        }
       .carousel-caption .btn-primary{
            font-size: 27px;
            padding: 3px 10px;
            border-radius: 50px;
        }
        .carousel-caption .btn-primary span{
            font-size: 12px;

        }
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/*tab*/
.nav-pills .zag{
    font-size: 1.5rem;
    margin-top: 25px;
    margin-bottom: 25px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #006a84;
}