/*
Theme Name:   Appointment Blue
 Description:  A Business theme which is ideal for creating a corporate / business website. Appointment Blue theme is a child theme of appointment theme and it is the Blue color variation. Those who need the white background based theme they can use this child theme. Appointment Blue theme comes with various locales.
 Author:       webriti
 Author URI:   https://www.webriti.com
 Theme URI:   https://webriti.com/appointment-blue-child-version-details-page-1/
 Template:     appointment
 Version:      1.1.6
 Tags: 		   full-width-template, threaded-comments, two-columns,  right-sidebar, sticky-post, custom-menu, translation-ready, blog, portfolio, footer-widgets, featured-images, featured-image-header, custom-header
 Text Domain: appointment-blue
*/
/*header*/
#logo {
	margin-bottom: 10px;
	float: left;
	margin-right: 7px;
}
#iso {
	margin-bottom: 10px;
	float: left;
}
.phone {
    color: #0a5a9a;
    font-size: 30px;
    font-weight: bold;
    line-height: 28px;
    float: right;
    margin: 0 8px;
    padding-top: 15px;
    letter-spacing: 0.025em;
    padding-left: 5px;
}
.email {
	color: #0a5a9a;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    float: left;
    margin: 0 8px 0 100px;
    padding-top: 15px;
    letter-spacing: 0.025em;
}
.footer_phone {
    font-size: 2.25em;
    font-weight: 500;
    line-height: 1.36111;
    display: inline-block;
	margin-left: 10%;
}
.footer_contact {
    margin-top: 2%;
	float: right;
	width: 40%;
    line-height: 1.25;
    text-decoration: none;
    color: #444;
	font-size: 20px;
}
.footer_list {
	margin-top: 2%;
    float: right;
	width: 40%;
    line-height: 1.25;
    text-decoration: none;
    color: #444;
}
/*RAL*/
.u-row {
    margin-left: -10px;
    margin-right: -10px;
}
@media (min-width: 768px)
.col-sm-4 {
    width: 33.33333333%;
}
@media (min-width: 768px)
.col-sm-4 {
    float: left;
}
@media (min-width: 768px)
.col-sm-5 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.u-item {
    padding-left: 10px;
    padding-right: 10px;
}
.c-products .c-products-photo {
    width: 100%;
    height: 200px;
    background-color: #fff;
}
.c-products .c-products-name {
    padding: 11px 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #00676f;
    text-transform: uppercase;
}
.container {
    width: inherit;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
}
.c-products {
    padding: 40px 0 15px;
}
.c-products .c-products-photo1 {
    width: 100%;
    height: 120px;
    background-color: #fff;
}
.c-products .c-products-name2 {
    padding: 2px 11px 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #00676f;
    text-transform: uppercase;
}
/*страница крепежа*/
.samorez-foto {
	text-align: center;
}
.z-smr {
	text-align: center;
	color: #000080;
	font-size: 1.9em;
	font-weight: bold;
	margin-top: 70px;
}
.z-smr1 {
	text-align: center;
    color: #000000;
	font-size: 1.6em;
	font-weight: bold;
}
.smr-txt{
	color: #800000;
}
/*меню сэндвич-панели*/
.menu-str{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.blk-str{
    border: 5px solid silver;
    border-radius: 20px;
	float: left;
	text-align: center;
	margin-right:10px;
	font-size: 1.2em;
	font-weight: bold;
}
.blk-str4{
    border: 5px solid silver;
    border-radius: 20px;
	float: left;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
.blk-str:hover {
   transform: rotate(0deg) scale(1.1,1.1) ;
   box-shadow: 5px 5px 5px 0px #A5A5A5;
   z-index: 999;
   transition: transform 220ms linear 0ms, 
box-shadow 300ms linear 0ms, z-index 300ms linear 0ms;
}
.blk-str4:hover {
   transform: rotate(0deg) scale(1.1,1.1) ;
   box-shadow: 5px 5px 5px 0px #A5A5A5;
   z-index: 999;
   transition: transform 220ms linear 0ms, 
box-shadow 300ms linear 0ms, z-index 300ms linear 0ms;
}
/*страница крепежа*/
.samorez-foto {
	text-align: center;
}
.z-smr {
	text-align: center;
	color: #000080;
	font-size: 1.9em;
	font-weight: bold;
	margin-top: 70px;
}
.z-smr1 {
	text-align: center;
    color: #000000;
	font-size: 1.6em;
	font-weight: bold;
}
.smr-txt{
	color: #800000;
}
/*Сертификаты*/
.imgsert {
	display: inline-block;
	height: auto;
	text-align: center;
	margin-left: 5%;
}
/* Footer*/
.footer {
	
}
.fmenu, .li {
	width: 1090px;
	font-size: 1.2em;
	margin: 0 auto;
	margin-top: 30px;
	list-style-type: none;
	text-decoration: underline;
}
.copy {
	background-color: #4682B4;
	font-weight: 500;
	color: white;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.zagl {
	font-size: 1.5em;
	color: grey;
}
.zaglkont {
	margin-left: 10px;
	font-size: 1.3em;
	font-weight: 400;
	
}
.hr1 {
border: 0;
height: 1px;
background: #000;
background-image: -webkit-linear-gradient(left, #fff, #800000, #fff);
background-image: -moz-linear-gradient(left, #fff, #800000, #fff);
background-image: -ms-linear-gradient(left, #fff, #800000, #fff);
background-image: -o-linear-gradient(left, #fff, #800000, #fff);
}
/*гаражи вкладки*/
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display:none; }
.tabs>div {
    display: none;
    padding: 45px 0 30px 0;
    height: auto;
}
.tabs>label {
    display: inline-block;
    padding: 7px;
    margin: 20px 10px -1px 10px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}
.tabs>input:checked + label {
    color: #000000;
    border: 1px solid #C0C0C0;
    border-bottom: 1px solid #FFFFFF;
    background: #FFFFFF;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4,
#tab_5:checked ~ #txt_5 { display: block; }
.fund {
    margin-top: 25px;
}
.asd , .li {
    border: 2px solid silver;
}