@font-face {
  font-family: Akrobat-SemiBold;
  src: local('Akrobat-SemiBold'), url(../fonts/Myfonts/Akrobat-SemiBold.otf);
}

@font-face {
  font-family: ProximaNovaExCn-Semibold;
  src: local('ProximaNovaExCn-Semibold'), url(../fonts/Myfonts/ProximaNovaExCn-Semibold.ttf);
}

@font-face {
  font-family: BerlinSansFB;
  src: local('BerlinSansFB'), url(../fonts/Myfonts/BRLNSR.TTF);
}

@font-face {
  font-family: Book Antiqua;
  src: local('Book Antiqua'), url(../fonts/Myfonts/BKANT.TTF);
}

@font-face {
  font-family: Open Sans light Italic;
  src: local('Open Sans light Italic'), url(../fonts/Myfonts/OpenSans-LightItalic.ttf);
}

blockquote {
	font-size: 1vw;
	font-family: Akrobat-SemiBold;

}

body {
	background-color: #dcdcdc;
}

.pCat {
	font-size: 30px;
	font-family: fantasy;
	text-align: center;
}
#searchResult {
	height: 500px;
	overflow: auto;
	/*border: 2px solid #d1d1d1;*/

}

#searchResult a{
	text-decoration: none;
	color: black;
	font-family: Akrobat-SemiBold;
	font-size: 20px;
}

.searchForm img{
	margin-top: 5px;
	height: 50px;
	width: auto;

}

.searchItem {
	cursor: pointer;
	background: #d1d1d1;
	border: 1px solid white;
	width: 50vw;
				   
}

.searchForm li {

    list-style-type: none;
    position:relative;
    display:block;


}

.searchForm ul {
	position:absolute;
    padding-left: 0px;
    z-index: 10;

}

#cart button {
	background-image: none;

} 

.navbar-toggle {
	margin-top: 28px;
}

.logoImg {
	width: 50px;
	margin-top: 25px;
}



.cashRegister img{
	width: 50px;


}

#cart-total{
	margin-left: -30px;
	font-size: 52px;
	font-family: Akrobat-SemiBold;
	color: white;
	text-shadow: black 1px 1px 0, black -1px -1px 0, 
                 black -1px 1px 0, black 1px -1px 0;
    cursor: pointer;

}

#spanRub {
	font-size: 20px;

}

#Myheader li :hover {
	background-color: #815e3e;
	padding: 20px;


}

.menu {
	width: 100%;
	background-color: #847567;
	
}

.navbar-collapse {
	float: left;
}

.container-fluid {

}

.container {

}

#Myheader {
	text-align: center;
	display: inline-block;
	margin: auto;
	display: table;


}


#Myheader li{
	margin-top: 10px;
	color: black;
	list-style-type: none;
	font-size: 17px;
	font-family: Akrobat-SemiBold;


	
}

#Myheader a{
	margin-top: 10px;
	color: black;
	list-style-type: none;
	font-size: 17px;
	font-family: Akrobat-SemiBold;
	padding-top: 30px;
	margin: auto;


}

.navbar-toggle span {
	background-color: black;
}

.slaid {
	  background:
      url(/image/img/fon1_4.jpg) no-repeat top center;
      background-size: cover;
      min-height: 700px;


}


.infosaleContact {

	background-color: #3b3b3b;
}


.contact img{
	
	width: 30px;
	filter:invert;
	display: inline;
	margin-left: 10px;


}

.infosaleContact span{
	
	color: white;
	font-family: Akrobat-SemiBold;
	font-size: 15px;
	margin-left: 10px;
}

#infotext {
	color: black;
	font-family: Akrobat-SemiBold;
	font-size: 20px;
}



#slideText {

	 margin-left: calc(50% - 160px) ;
	 white-space: pre-line;
	 font-family: ProximaNovaExCn-Semibold;
	 font-size: 60px;
	 color: white;

}



#ManText {
	font-family: Akrobat-SemiBold;
	font-size: 18px;
	color: white;
	margin-left: calc(50% + 272px) ;
	white-space: pre-line;
	margin-top: 70px;

	
}

#LadyText p {
	position: absolute;
	font-family: Akrobat-SemiBold;
	font-size: 16px;
	color: white;
	margin-left: calc(50% - 180px) ;
	margin-top: 120px;
	white-space: pre-line;

}


#slideText2 {
	 margin-left: calc(50% - 160px) ;
	 white-space: pre-line;
	 font-family: ProximaNovaExCn-Semibold;
	 font-size: 65px;
	 color: white;

}

.strokaPoiska {
	background-color: #a5a5a5;

}

.searchForm{
	/*width: 320px;*/

}
.catalogForm {

    width: 320px;
	background-color: #777777;



}

.formCenter {
 margin: 0 auto;
}



input.centerText::placeholder {
	color: white;

}

.centerText {

	 color: white;
	 background-color: #777777;
	 border-radius: 3px;
	 outline: none;
	 width: 50vw;
	 height: 44px;
	 border: black solid 1px;

}

.searchForm{
	margin-left: 200px;

}

.centerText2 {

	text-align: center;
	font-size: 16px;
	font-family: Akrobat-SemiBold;
	color: rgb(255,255,255, 0.5);

}

.catalogForm img{
	margin-left: 250px;
	margin-top: -50px;
	opacity: 0.5;

}

.goods{
	background-color: #dcdcdc;

}

.goodscontainer {
  background-color: #dcdcdc;

}


.product {


	background: url(/image/img/goods_substrate.png) no-repeat;
	width: 196px;
	height: 296px;
	margin: auto;
	margin-top: 10px;

}



.prodTitle {

	
}

.titleText{

	width: 140px;
	height: 65px;
	font-size: 13px;
	font-family: Akrobat-SemiBold;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	padding: 15px;
	overflow: hidden;
	text-overflow: ellipsis;

}

.imgScreen {
	width: 240px;

}
.imgValut {
	

}

.cost {
	margin-left: 145px;
	margin-top: -37px;
	font-size: 25px;
	color: white;
	font-family: BerlinSanceFB;
}

.valuta {
	margin-left: 169px;
	margin-top: -15px;

}

.bascketBase {
	margin-left: 160px;
	margin-top: 1px;

}

.payToFile {
	height: 65px;
	margin-top: -25px;


}
.imgArrow {
	height: 15px;
	transform: rotate(90deg);


}

.imgfileToMail {
	width: 30px
}

.payText {
	font-family: Book Antiqua;
	font-size: 7px;
	margin-top: -4px;


}

.optionOfprod {
	margin: auto;
	width: 190px;
	height: 105px;
	background-color: #698cc8;
	border-radius: 10px;
	margin-top: -10px;
}

.Optionimage {
	height: 25px;
	margin-left: 20px;
	float: left;
}

.OptionText {

	font-family: Open Sans light Italic;
	margin-left: 30px;
	font-size: 10px; 
	word-spacing: 140px;
	color: white;
	text-align: center;


}

.buttonBuy {
	height: 30px;
	background-image: url(/image/img/button.png);
	background-repeat: no-repeat;
	font-size: 10px;
	font-family: Book Antiqua;
	margin-top: 10px;
	margin-left: 50px;
	text-transform:uppercase;
	text-align: center;
	padding: 10px;
}


.textcent {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	
	
}

.bestsellers {
	background-color: gold;
}


@media(max-width: 1200px) {

	.searchForm, .catalogForm  { 
	margin-left: 280px;

	}



}

@media(max-width: 992px) {
	.pCat {
		font-size: 25px;
		font-family: fantasy;
	}
	  .slaid {
	  background:
      url(/image/img/fon2_4.jpg) no-repeat top center;
      min-height: 600px;


   }
   	    #LadyText p { 
    margin-top: 70px;

    }

    #ManText {
    	margin-left: calc(50% + 228px);
    	margin-top: 30px;
    }

   #slideText {
    margin-left: calc(50% - 220px);
   }

   #slideText2 {
   	margin-left: calc(50% - 235px);
   	font-size: 50px;

   }

   #Myheader a {
   	font-size: 14px;
   }

   .searchForm, .catalogForm  {
   	margin-left: 100px;
   }

   .centerText, .searchItem {


	 width: 60vw;


	}

				   
}





}


@media(max-width: 768px) {
	.pCat {
		font-size: 20px;
		font-family: fantasy;
	}

	    #LadyText p { 
    margin-top: 70px;



    }



	  .slaid {
	  background:
      url(/image/img/fon3_4.jpg) no-repeat top center;
      min-height: 700px;


   }

   #slideText {
    margin-left: calc(50% - 200px);
   }

   #slideText2 {
   	margin-left: calc(50% - 178px);
   	font-size: 50px;

   }

   #ManText {

    margin-left: calc(50% + 199px);
    margin-top: 28px;
    }

        .cashRegister {
    margin-top: -50px;
    margin-left: calc(50% - 40px) ;
    }

    .searchForm, .catalogForm  {
   	margin-left: 100px;
   }



}


@media(min-width: 0px) and (max-width: 640px){ 


	  .slaid {
	  background:
      url(/image/img/fon4_640_4.jpg) no-repeat top left;
      min-height: 451px;
      width: 100%;

   }

   #slideText {
    margin-left: 129px;
    font-size: 27px;
   }

	#slideText2 {
	    margin-left: 130px;
	    font-size: 37px;
	    margin-top: -64px;
	    color: black;
	}

   #ManText {

    display: none;
    }



    #LadyText p { 
    margin-left: 187px;
    margin-top: 70px;



    }

    .cashRegister {
    margin-top: -50px;
    margin-left: 20% ;
    }



    .searchForm, .catalogForm  {
   	margin-left: 10%;
   }



}





/*ниже стили для пятиколоночного бутсрапа*/

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
 
.col-xs-1-5 {
  width: 20%;
  float: left;
}
 
@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }


}
 
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
}