img { pointer-events: none; }

html{position: relative}

body {
    margin: 0;
    position: relative;
	font-family: 'MontserratBold', sans-serif;
font-size: 12px;
	line-height: 14px;
	color:#777;
	background-color: #fff;
	}


body{background: #ffffff}


a{color: #dc924f;
outline: none
}

*,

 *::before{
    
    margin: 0;
    padding: 0;
    box-sizing: border-box
}


.home{
    
    width: 100vw;
    max-height: 100vh;
    background: url(../video/showreel.jpg) center cover no-repeat;
    overflow: hidden;
    position:relative

}

.home::before{
    
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.home_video{
    padding-bottom: 56.25%  
}

.home video{
    position: absolute;
    width: 100%;
    height: auto;
    top:0;
    left:0
}

.home_content{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
    z-index: 3;
        font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    
}

.home_content h5{
    font-size: 3vw;
    margin: 0 0 15px;
    text-align: center;
      -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    color: #dc924f;
    text-transform: uppercase;
 
   
}


.home_content p{
    font-size: 2vw;
    margin: 0 0 15px;
    text-align: center;
           -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    color: #dc924f;
    text-transform: uppercase;
}




.portfolio-item video {width: 100%;
height: 400px}

.iframeVK {width: 100%;
height: 360px}

.iframeVK2 {width: 100%;
height: 700px}


.header-video {
    width:100%;
    height: 100%;
    max-height: 1024px;
    background: #000;
    overflow: hidden;
    position: relative;
}
.header__video-wrapp  {
    position:absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    
}
.header__video-box {
   position: absolute;
   top:0;
   left: 50%;
   height: 100%;
}
.header__video {
    display: inline-block;
    height: 100%;
    transform: translateX(-50%);
    min-height: 768px;
}
.header__video-play{
  width: 100px;
  position: relative;
  border-radius: 50%;
  padding: 35px 0;
  background: #fff;
  top: 10px;
  left: 25px;
  box-shadow: 0 0 12px 1px #000;
  font-size:22px;
  text-align: center;
}







h4{color: #777;
text-align: center;
padding: 3px;
font-size: 12px}

.mob-content{margin-top: 10px}

section{padding: 120px 0 120px 0}

.bg-dark{background-color: black}
.bg-light-gray {background-color:#f7f7f7}
.text-primary {color:#fed136} 
.text-light {color:#fff}
.text-dark {color:#222}
.text-center{text-align: center}

a:hover{text-decoration: none}


.navbar{
    background:rgba(34, 34, 34, 0.88);
border: none;
padding: 0;
font-family: 'Montserrat', sans-serif;
font-weight: bold;}


.navbar-brand img {
        width: 150px;
    top: -5px;
    left: 8px;
    position: relative;
}


.navbar-right{text-transform: uppercase}

.navbar-default .navbar-nav>li>a {
	color: #dc924f;
	line-height: 41px;
	letter-spacing: 1px
        
}

.navbar-default .navbar-nav>li>a:hover{color:#fed136;
 transform: scale(1.08);
transition-duration: .7s;
transition-timing-function:ease;}


.navbar-default .navbar-toggle {
    border-color: #dc924f}

.navbar-default .navbar-toggle:hover{background-color: #2f2d2d}
.navbar-default .navbar-toggle:focus{background-color: #2f2d2d}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #dc924f;}
    
header {background-color: white;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
 
text-align: center;
  
}

.header-food{
   background-image:  url(../images/i/food-background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }


.header-blog{
   background-image:  url(../images/i/about-background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }


.head2 h2{line-height: 22px}

.index-heading a h2:hover{-webkit-transform: scale(1.05);transform: scale(1.03)}

.index-heading a h2{-webkit-transition: 0.3s ease;transition: 0.3s ease}

.header-fotosession{
   background-image:  url(../images/i/fotosession-background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }


.header-about{
   background-image:  url(../images/i/background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }


.header-interior{
   background-image:  url(../images/i/interior-background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }

.header-cat{
   background-image:  url(../images/i/catalog-background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }

.header_video{
   background-image:  url(../images/i/video-background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }






.header-product{
   background-image:  url(../images/i/product-background2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }

.header-item{
   background-image:  url(../images/i/item-background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }

.more img{border: 2px solid #dc924f;
    
border-radius: 3pt;
padding: 5px 10px}

.header-wear{
   background-image:  url(../images/i/wear-background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 850px;
text-align: center; }

.header-head{
	padding-bottom: 80px;
	padding-top: 150px;
}


.hh2{padding-top: 300px}


.heading a h2{-webkit-transition: 0.2s ease;transition: 0.2s ease}

.heading a h2:hover{-webkit-transform: scale(1.05);transform: scale(1.05)}

.btn-default {
        color: #fff;
    background-color: #dc924f;
    border-color: black;
    font-size: 16px;
    font-family: 'MontserratBold', sans-serif;
    height: 40px;}

.btn{padding: 10px 40px 10px 40px;}

.btn-default:hover, .btn-default:focus, .btn-default:active{background-color: #eabe28;
    border-color: #f2c835; color: #fff}

.subhead, .uslugi-head {
    font-size: 28px;
    line-height: 44px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    color: #dc924f;
    width: 700px;
    margin: auto;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif bold;
    text-transform: uppercase;
}

.subhead2{margin-bottom: 20px}

.heading {
    font-size: 20px;
    line-height: 25px;
    margin-top: 230px;
    color: #dc924f;
    font-weight: 600;
    letter-spacing: 0px}
	
	/****Услуги******/


.presentation{width: 100%; height: 600px
   
}



.call  a img{
    display: block;
    width: 400px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    margin: 0px auto 40px auto;}

.call img:hover{-webkit-transform: scale(1.03);transform: scale(1.03)}

.motivator img {width: 700px;
    margin: -30px 0 -10px 0}

.uslugi{padding: 50px 0 50px 0;
text-align: center;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
height: 100%}

.uslugi-head{font-family: 'MontserratBold', sans-serif;
font-weight: 500;
margin: 40px auto}

.uslugi-subhead{font-family: 'droidserif', serif;
font-size: 16px}

.uslugi-blocks{
margin-top: 55px}

.circle{border: 3px solid #fed136;
	padding: 11px;
border-radius: 50px}
.fas{color:#fed136;
display: inline-block;
margin-bottom: 20px}

.uslugi-h{font-family:'MontserratBold', sans-serif ;
font-size:18px;
color:#dc924f;
font-weight: bold;
margin-bottom: 18px
}


.zayavka {
    font-family: 'MontserratBold', sans-serif;
    font-size: 18px;
    color: #dc924f;
    font-weight: bold;
    margin-bottom: 8px;
    text-shadow: black 0px 0px 2px;
}

.ppp {
    width: 505px;
    margin: auto;
    line-height: 21px;
    font-size: 18px;
text-align: center}

.ppp2 {
    color: red;
    font-size: 20px;
    line-height: 24px;
    margin: 70px 0 0 0;
    
}

.ppp img{width: 20px;
margin-right: 5px}

.uslugi-text{font-size: 12px;
font-family: 'MontserratBold', sans-serif;
background-color: rgba(255, 255, 255, 0.8);
padding: 0 20px;
color: #000;
line-height: 13px;}

.uslugi-blocks img{margin-bottom: 15px}


.price{ color: #dc924f;
    font-size: 28px;
    text-shadow: #111 1px 1px 1px;
    margin-top: 20px;}

.caption-p{color: #000;
    font-size: 23px;
    width: 200px;
    margin: auto;
    text-shadow: black 1px 1px 1px;
    line-height: 26px;
    font-weight:500;
margin-top: 100px}


.caption-mob{color: #000;
text-align: center;
font-size: 13px;
margin: 0 0 5px 0}

.p-mob{text-align: center;
font-size: 10px;
line-height: 12px;
padding: 0 60px;
color: black}

.price-m{color: #dc924f;
text-align: center;
font-size: 22px;
margin: 10px 0 20px 0}

.akcia{margin: 56px 0 13px 0;
color: red;
font-size: 30px;
font-family: 'MontserratBold', sans-serif}

.akcia2{font-size:24px;
font-family: 'MontserratBold', sans-serif;
color:red;
margin: 16px 0 40px 0;}
.sale10{width: 300px}


/****Портфолио******/
.row{padding-top: 10px;
padding-bottom: 10px}
.portfolio{background-color: #f7f7f7}
.portfolio .portfolio-item{margin: 0}

.portfolio .portfolio-item .portfolio-link{
    display: block;
    position: relative;
}


.portfolio .portfolio-item .portfolio-link
.portfolio-hover{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #fed136;
    -webkit-transition:all ease .5sec;
    transition: all ease .5sec
}
.portfolio .portfolio-item .portfolio-link
:hover{
    opacity: 1;
    background:rgba(185, 181, 181, 0.6)
}

.portfolio .portfolio-item .portfolio-link
.portfolio-hover .portfolio-hover-content{
         position: absolute;
    top: 10%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 18px;
    color: black;
    line-height: 20px;
    padding: 0 50px;
}
.portfolio .portfolio-item .portfolio-link
.portfolio-hover .portfolio-hover-content i{margin-top: -12px}

.portfolio .portfolio-item .portfolio-caption{
    margin:0 auto;
    padding: 5px 25px;
    max-width: 500px;
    height: auto;
    text-align: center;
    
}


.portfolio .portfolio-item .portfolio-caption
h4{margin: 0;
text-transform: none;
color: #333;
font-size: 18px}

.portfolio .portfolio-item .portfolio-caption
p{
    
    margin: 0;
    font-family: "droid serif", sans-serif;
    font-size: 16ps;
    font-style: italic
}

.portfolio-caption
h3{color: #000}

.portfolio{background-color: #fff}

.section-heading text-dark{color: #000}
.portfolio-item{padding-bottom: 50px;
}

.img-responsive{width: 100%}

.portfolio-hover-content p{font-weight: 400}


.cp2{font-size: 23px;
    line-height: 26px}

.gor-p{font-size: 18px;
line-height: 20px}

.pr2{margin-top: 20px;
font-size: 29px}



/****Команда******/

.team-item{position: relative}


.team-item iframe{display: block;
margin: auto;
border: 1px solid #000}




.panorama-title{width: 100%;
height: 30px;
text-align: center}

.team{background-color: #efeded;
margin-top: 100px;
    margin-bottom: 50px;
padding: 0}
.team{margin-top: 100px}
.team-heading{text-align: center;}

.team-heading h2{margin-top: 20px}
.team-photo {text-align: center;}
.team-photo img{width: 220px;height: 220px}


.team-members{margin-top: 60px;
position: relative}

.member{margin: auto; text-align: center}

.share{color: black;
    
border: 2px solid black;
height: 40px;
width: 40px;
border-radius: 20px;
margin: 0 3px 0 3px}
.members-heading{color: black}

.team-socials a{color: black;margin-top: 20px}

.share1:hover{color: lightblue; border: 2px solid lightblue}
.share2:hover{color: blue; border: 2px solid blue}
.share3:hover{color: red; border: 2px solid red}
.share4:hover{color: green; border: 2px solid green}

.team-sub{text-align: center; margin: 80px 30px 50px 30px;line-height: 20px}

/****Логотипы******/


.logo-wrap{margin: 0 auto;
text-align: center;
width: 100%;
padding-top: 50px}
.press-logo{background: url(../images/img/Logos.png) no-repeat;
display: inline-block;
margin: -18px 0 15px 30px}

.sprite-ev{width: 158px;
height: 53px;
background-position: 0 0}

.sprite-wp{width: 199px;
height: 53px;
background-position: -199px 0}

.sprite-ae{width: 133px;
height: 53px;
background-position:-425px 0}

.sprite-mi{width: 176px;
height: 53px;
background-position: -599px 0}


/****Обратная связь******/



.contact-heading{color: #eee}
.contact-subheading{font-family: 'droidserif', serif;
font-size: 14px;font-weight: 300;}

.btn-xl {
    text-transform: uppercase;
    width: 350px;
    height: 55px;
    font-size: 14px
}

.form-control{font-family: 'MontserratBold', sans-serif; text-transform: uppercase;
    width: 350px;
    height: 55px;
    margin: auto;
    font-size: 14px
}
.form-control2{height: 55px; width: 350px;
font-family: 'MontserratBold', sans-serif; text-transform: uppercase;}




/****Цены******/
table{border: 1px solid black}

.table-pr{margin:auto}

.table-pr td{padding: 5px 5px;
border: 1px solid black}

.table-title{background-color: rgba(220, 146, 79, 0.7);
font-weight: bold;
text-transform: uppercase}

.min-pr{text-align: center}

.tt1{background-color: rgba(220, 146, 79, 0.5)}

.tt2{background-color: rgba(220, 146, 79, 0.5)}

/****О нас******/

#about{
width: 100%;
height: auto;
position: relative;
background-repeat: no-repeat;
background-position: center center}

.contact-title{font-size: 22px;
    margin-top: 35px
}

.contact-tel a{font-size: 20px}
.contact-tel{margin: 20px auto}

.contact-p{width: 600px;
margin: auto;
text-align: left;
font-size: 17px;
line-height: 18px}

.contact-ul ul{width: 600px;
font-size: 16px;
text-align: left}


.ct2{margin: 30px 0 30px 0}

.ct3 {font-size: 15px;
    line-height: 13px;
    margin: auto}

.ppp3{margin: 20px auto}
/****footer******/


.socials, .socials-item{display: inline-block}



.socials-item{margin-left: 2px; margin-right: 2px}

.socials-item a img{-webkit-transition: 0.3s ease;transition: 0.3s ease}

.socials-item a img:hover{-webkit-transform: scale(1.2);transform: scale(1.2)}

.copyright{text-align: center; margin-bottom: 30px;color: #dc924f;
font-family: 'MontserratBold', sans-serif;
    font-size: 18px;
font-weight: bold}

.socials-div{position: relative;
}


.row2{
    margin-right: 1px;
    margin-left: 1px;
}

.row3{
    margin-right: -30px;
    margin-left: -30px;
}

.portfolio-link:hover{transform: scale(1.01);
transition-duration: .3s;
transition-timing-function:ease-in-out;
        box-shadow:0 0 15px #c7c7c7;
}

.navbar-brand:hover{
    
    transform: scale(1.09);
transition-duration: .8s;
transition-timing-function:ease;
       
}

.call:hover{ transform: scale(1.02);
transition-duration: .6s;
transition-timing-function:ease;}



.portfolio-logo{
    padding: 20px 10px
}


form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="button"],
textarea {
 width: 280px;
  padding: 12px;
  margin: 6px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

input[type="submit"] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #45a049;
}

textarea {
  height: 150px;
}

input[type="file"]{
    padding:10px;
margin-top: 10px}



legend{border-bottom: none}


input:invalid {
  border-color: #cc0000;
}


.h4container{height: 100%;
width: 100%}


.h2container{font-size: 14px;
    font-family: 'MontserratBold', sans-serif;
color: #777}

form{
background-color:white;
    border: 1px double #f00;
margin:30px auto;
padding:35px;
    height: 830px;
    width: 100%;
    font-size: 13px
}

form img{width: 150px;
margin-bottom: 10px }



.prices{border: 1px solid #ccc;
margin: 30px auto;
    padding: 35px;
width: 90%;
height: 830px;
font-size: 13px}

.prices-h{
padding-bottom: 10px;
font-size: 28px;
    line-height: 44px;
   -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
    color: #dc924f;
   
    margin: auto;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;}



.strong-p{font-weight: 700;
text-transform: uppercase}

.italic-p{font font-weight: 600;
font-style: italic}


.index-foto1{margin-top: 80px}






 .hh1{    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
margin-bottom: 20px;
text-indent: 1.5em}



.pp3{font-size: 12px;
line-height: 1.2;
text-indent: 1.5em;
text-align: justify}

.pp5{display: inline;
font-size: 12px}


.hh3{font-size: 14px;
    font-weight: bold;
    text-indent: 1.5em;
}


.subhead3{margin-top: 80px;}

h3{display: inline;color: #000;}

.submenu-ul li{display: inline;
font-size: 13px;
color: #777;
  margin: 5px;
   padding: 0 10px;
   border-right: 1px solid #777;
    width: 270px;}




.submenu-ul li:hover{transform: scale(1.05)}

.submenu-ul li:hover{transition: 1.2s ease}

.submenu-ul{margin: 50px 0;
  
}

form button{height: 30px;
width: 120px;
font-size: 14px;
background-color: red;
    color: white;
}

form button:hover{transform: scale(1.05)}
form button:hover{transition: 2s ease }


.about-h2{color: #777;
font-size: 12px;
font-family: 'MontserratBold', sans-serif;
font-weight: 400}

.u4{margin-top: 110px}



.me img{width: 100%;
height: auto;
}

.me-mob img{width: 100%;
height: auto;
}

.me{margin-top: none}

.call a img{width: 280px;
margin-top: 10px}

.me-mob img  {display: none}

.otzivy{padding-bottom: 0}


.otzivy img{width: 800px;
margin: 0 auto}

.more-otziv{width: 330px;
margin:auto ;
    height: 40px;
display: block;
    margin-bottom: 20px;
border-radius: 10px;
    border-style: solid;
font-size: 14px;
border-color: #dc924f;
background: white;
margin-bottom: 20px;
font-weight: bold;
text-transform: uppercase
}

.more-otziv a{color: #777}


.more-otziv:hover{transform: scale(1.05)}
.more-otziv:hover{transition: 2s ease }


.row5{margin-top:10px}

.box{border: 1px solid black;
padding: 50px}