/*

#0D6398 - синий из лого
#d1eeff голубой для подчеркивания

*/

html,body {
    padding: 0;
    margin: 0;
    font-size: 13pt;
    background-color: #eaf7ff;
    height:100%;
    line-height: 1.5em;
    color:#636363;
}


h1 {
	line-height: 150%;
	text-align: center;
}

h2 {
	line-height: 150%;
	text-align: left;
}

a {
    color: #0D6398;
    text-decoration: none;
    border-bottom: 1px #6bb8e5;
	border-bottom: 1px #d1eeff;
    border-bottom-style: solid;
    padding-bottom: 2px;
}

.center {
	text-align: center;
}

.fullwidth {
margin:0 -30px;
}

.pagecontent {
margin-top: -30px;
}


.flex-container {
display: -webkit-flex; 
-webkit-justify-content: space-between;
display: flex;
justify-content: space-between;
align-items:flex-end;
}

.page {
    width:95%;
    max-width: 1200px;
    margin:0px auto 40px auto;
    background-color: white;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(189,189,189,1);
    box-shadow: 0px 0px 20px 0px rgba(189,189,189,1);
    min-height:100%;
}




a.tel {
    text-decoration: none;
	border-bottom: 1px #d1eeff;
    border-bottom-style: solid;
	}
	
.phones {
    text-align: right;
    
}

.phones a{

}

:hover {
    transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}



.content {
    min-height: 400px;
    padding:30px;
}

.address {
    text-align: right;
}

/* слайдер главной страницы */

.slideritem {
	width:100%;
	height:500px;
	background-size: cover !important;
	background-position: center center;
	position:relative;
}

.slideritem div {
	position:absolute;
	
	top:0;
	left:0;
	right:0;
	width:220px;
	margin: auto;
	padding: 10px;
	background-color: rgba(255,255,255,0.8);
	text-align: center;
	box-shadow: 0 0 5px #ccc;
}

.bx-controls a {
	border-bottom: none;
}


/* Галерея */

.gallery div {
	display: inline-block;
	padding:5px;
	margin:15px;
	width:270px;
	height:150px;
	text-align: center;
	background-color: #eaeaea;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.55);
}

.gallery img {
	height: 150px;
	width:auto;
}

.gallery a {
	border-bottom:none;
}

div.gallery {
	text-align: center;
}

div.gallery:after {
width: 100%;
display: inline-block;
content: ".";
visibility: hidden;
}

/* каталог рубрик */

.allcatalog a {
	text-decoration: none;
}

.allcatalog a>p {
	margin: 5px 0 10px 0;	
}

.allcatalog span {
	border-bottom: 1px dotted;
}

div.allcatalog {
	text-align: center;
}

.allcatalog div {
	display:inline-block;
	width: 300px;
	padding:30px;
	text-align: center;
	vertical-align: top;
}

div.allcatalog:after {
width: 100%;
display: inline-block;
content: ".";
visibility: hidden;
}

.allcatalog img {
	width:300px;
	height:206px;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.allcatalog img:hover {
	width:320px;
	height:226px;
	margin: -10px;
	
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

a.img {
	border-bottom: none;
}

/* Преимущества */

.whylist a {
	text-decoration: none;
}

.whylist a>p {
	margin: 5px 0 10px 0;	
}

.whylist span {
	border-bottom: 1px dotted;
}

div.whylist {
	text-align: center;
}

.whylist div {
	display:inline-block;
	width: 250px;
	min-height: 150px;
	padding:15px;
	margin:15px;
	text-align: center;
	vertical-align: top;
	-webkit-box-shadow: 0px 0px 20px 0px #ccc;
	-moz-box-shadow: 0px 0px 20px 0px #ccc;
	box-shadow: 0px 0px 20px 0px #ccc;
	
	vertical-align: middle;
}

div.whylist:after {
width: 100%;
display: inline-block;
content: ".";
visibility: hidden;
}

.whylist img {
	width:300px;
	height:206px;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	
	
}

/* каталог */

div.table {
	overflow-x: auto;
	width:100%;
}

table {
	margin:0 auto;
	max-width:100%;
	border-collapse: collapse;
}

td {
	padding:10px;
	text-align: center;
	border:1px solid;
	color:black;
}

td {
	padding:10px;
	text-align: center;
	border:1px solid;
	color:black;
}

/* появляющийся блок */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.delay {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
}

.down-box {
	position:fixed; 
	bottom:40px;
	left:40px;
	padding:20px;
	background-color:rgba(197, 38, 32, 0.9);
	color:white;
}





.item_content img {
	max-width:60%;
	height:auto;
}

.item_content img {
	display:block;
	margin:0 auto;
}

.images img {
	height:200px;
	margin:5px;
	display:inline;
}

div.images {
	text-align: center;
}

div.advantages {
	padding: 10px;
	background-color: #EAF7FF;
}

.contactsphones img {
height:1em;
vertical-align: text-bottom;
}

div.columns {
	display: flex;
	justify-content: space-between;
}

div.column {
	width:48%;
	padding:0 1%;
}