.table td, table th{
	    padding:0!important;
    vertical-align:middle!important;
}
.msg2{
	font-size:20px; line-height:2em;text-transform:uppercase;color:#b6d8b6;
	display:none;
}
.msg1{
	font-size:20px; line-height:2em;text-transform:uppercase;
}
.putName2,.putPhone2,.putEmail{
	width: 100%;
    padding: 0 15px;
    height: 40px;
    margin-bottom: 15px;
    border-radius: 2px;
    border: none;
    outline: none;
    color: black;
}
.btn2{
	width: 100%;
    height: 40px;
    background: #e57373;
    margin-bottom: 15px;
    border-radius: 2px;
    border: none;
    outline: none;
    color: #fff;
    cursor:pointer;
}
#preim{
	background-color: #ffd6a2;
	border-top:2px solid white;
	border-bottom:2px solid white;
}
#preim p{
	text-shadow: 0px 0px 2px white;
}
#preim h2{
	text-align:center;
	font-size: 30px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding-top:30px;
	padding-bottom:20px;
	text-shadow: 0px 0px 2px white;
	color: #87989a;
}
#third{
background: url(img/paral.jpg) 50% 0 no-repeat fixed;
    color: whitesmoke;
    height: 400px;
    padding-top: 125px;
    padding-left: 10%;
    padding-right: 10%;
    text-shadow: 0px 0px 1px black;
}
.story{
	text-align: center;
	padding:20px;
	background: rgba(0, 0, 0, 0.36);
}

#footer{
background-color: #022e3a;
    padding: 1%;
    color: white;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.1em;
}
#cert{
	background-color:#ffd6a2;
	padding:3%;
	border-top:2px solid white;
}
#cert h2{
	    font-size: 30px;
    text-transform: uppercase;
    color: #87989a;
    padding-bottom:20px;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 0px 0px 1px white;
}
#rabota{
	background-color:#87989a;
	border-top:2px solid white;
	border-bottom:2px solid white;
}
#rabota h2{
padding-top:40px;
	    font-size: 30px;
    text-transform: uppercase;
    color:#ffd6a2;
    padding-bottom:30px;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 0px 0px 1px black;
}
#rabota p{
	text-shadow: 0px 0px 1px black;
	color:white;
	padding-top:20px;
	text-transform: uppercase;
	padding-bottom:30px;
}
#contacts p{
	text-shadow: 0px 0px 1px white;
	color:black;
	text-transform: uppercase;
}
#photo h2{
	    font-size: 30px;
    text-transform: uppercase;
    color: #87989a;
    padding-bottom:30px;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 0px 0px 1px white;
}
#table p{
	text-shadow: 0px 0px 1px black;
	color:white;
}
#table h2{
	    font-size: 30px;
    text-transform: uppercase;
    color:#ffd6a2;
    padding-bottom:30px;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 0px 0px 1px black;
}
#photo p{
	text-shadow: 0px 0px 1px white;
	color:black;
}
#contacts h2{
	    font-size: 30px;
    text-transform: uppercase;
    color:#87989a;
    padding-bottom:20px;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 0px 0px 1px white;
}
#about{
	background-color:#87989a;
	padding:3%;
	border-top:2px solid white;
}
#about p{
	text-shadow: 0px 0px 1px black;
}
#contacts{
	background-color:#ffd6a2;
	padding:3%;
	letter-spacing: 0.1em;
	border-top:2px solid white;
	border-bottom:2px solid white;
}
#photo{
	background-color:#ffd6a2;
	padding:3%;
	letter-spacing: 0.1em;
	border-top:2px solid white;
}
#table{
	background-color:#87989a;
	padding:3%;
	letter-spacing: 0.1em;
	border-top:2px solid white;
}
.rzd{
	color:#a1855b;
}
.mnubg{
	background-color: rgba(135, 152, 154, 0.5);
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left:20px;
    padding-right:20px;
}
.aboutright{
text-align: center;
    font-size: 18px;
    line-height: 1.7em;
    color:white;
    letter-spacing: 0.1em;
}
.aboutleft{
text-align: center;
    font-size: 18px;
    line-height: 1.7em;
    color:white;
    letter-spacing: 0.1em;
}
.aboutright h2{
	    font-size: 30px;
    text-transform: uppercase;
    color: #ffd6a2;
    padding-bottom:20px;
    text-shadow: 0px 0px 1px black;
}
.certimg{
	    width: 16%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}
.photoimg{
	    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}
p{
margin-top:none!important;
}
td{
	    border: 1px solid white;
}
td p{
	    margin-top:20px;
	    padding-left:5px;
	    padding-right:5px;
}
dl, ol, ul{
	margin:0 auto!important;
	
}
.bg-dark{
	background-color:rgba(135, 152, 154, 0.5)!important;
}
.navbar-dark .navbar-nav .nav-link{
	color:white;
}
.row{
	margin-left:0!important;
	margin-right:0!important;
}
    @media (max-width: 900px) {
        .start-block{
            position: relative;
            text-align: center;
            overflow: hidden;
            padding-top: 5%;
            padding-right: 2%;
    padding-left: 2%;
        }
    }

    @media (min-width: 901px) and (max-width: 999px) {
        .start-block{
            position: relative;
            text-align: center;
            overflow: hidden;
                padding-top: 5%;
    padding-right: 10%;
    padding-left: 10%;
        }
    }
    
    
        
/*   @media (max-width: 508px) {
   table{
	   font-size:8px;
   }
} 
   @media (max-width: 815px) {
   table{
	   font-size:12px;
   }
} 
   @media (max-width: 670px) {
   table{
	   font-size:11px;
   }
} 
   @media (max-width: 630px) {
   table{
	   font-size:10px;
   }
} */
table th{
	text-align: center;
	border: 1px solid white;
	background-color: #ffd6a2;
}
table th p{
margin-top:20px;
color:black!important;
text-shadow: 0px 0px 1px white!important;
}
table>tbody>tr>td>span.footable-toggle{
margin-right: 8px;
    opacity: 1;
    text-align: center;
    color: white;
    left: 49%;
    top: 10px;
}
.fooicon{
	border-radius: 50%;
    border: 5px solid white;
    padding-left: 4px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.fooicon:hover{
cursor:pointer;
}
@media (max-width: 767px) {
    html,body{
    -webkit-overflow-scrolling: touch;
        height: 100%;
overflow:hidden;
        overflow-y: scroll;
        position: static;

        font-family: 'Roboto Condensed', sans-serif !important;
    }
#third{
	padding-top:20px;
	padding-bottom:20px;
	height:auto;
}
    .page-content{
        position: static;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
        margin: 0;
        padding: 0;
    }

    .crt{
	    display:none;
    }
     .crt2{
	    display:block;
    }
         .crt3{
	    display:none;
    }

}
@media (min-width: 767px) {
    .crt{
	    display:block;
    }
        .crt3{
	    display:flex;
    }
     .crt2{
	    display:none;
    }
}
    
@media (min-width: 480px) and (max-width: 767px) {
    html,body{
        height: 100%;
       
-webkit-overflow-scrolling: touch;
        font-family: 'Roboto Condensed', sans-serif !important;
    }

    .page-content{
        position: absolute;
        height: auto;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    html,body{
        height: 100%;
       
-webkit-overflow-scrolling: touch;
        font-family: 'Roboto Condensed', sans-serif !important;
    }

    .page-content{
        position: absolute;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
}


@media (min-width: 1000px) {
    html,body{
        height: 100%;
        -webkit-overflow-scrolling: touch;

        font-family: 'Roboto Condensed', sans-serif !important;
    }

    .page-content{
        position: absolute;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}


.page-block{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}

.timber-block.page-block:not(.timber-block){
    position: relative;
    width: 100%;
    height: auto;
}




/*  --- NAVIGATION BLOCK --- */
    .page-navigation{
        position: fixed;
        top: 30%;
        right: 25px;
        z-index: 10010;
    }

    .page-navigation ul{
        list-style: none;
    }

    .page-navigation ul li{
        width: 9px;
        height: 9px;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 10px;

        margin-bottom: 150%;

        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .page-navigation ul li:hover{
        cursor: pointer;
        background-color: #fff;
    }

    .page-navigation ul li.active{
        cursor: pointer;
        background-color: #fff;
    }

    .page-navigation ul li.active-gray{
        cursor: pointer;
        background-color: #A6A8AB;
    }
/*  --- NAVIGATION BLOCK --- */





/*  --- START BLOCK --- */





    @media (min-width: 1000px) {
        .start-block{
            position: relative;
            width: 100%;
            text-align: center;
            overflow: hidden;
            padding-top: 5%;
            padding-right:10%;
            padding-left:10%;
        }

    }

    .start-block .slider-bgr{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -o-transition: all 1.5s;
        transition: all 1.5s;

        opacity: 0;
        z-index: -1;
    }

    .start-block .slider-bgr[bgr-item="1"]{
        background: url(../img/bg1.jpg) no-repeat center bottom scroll; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }


    .start-block .slider-bgr.active{
        opacity: 1;
    }
    .start-block .content{
        width: 100%;
        height: 100%;
    }

    @media (max-width: 767px) {
        .start-block a.phone-link{
            position: relative;
            font-size: 16px;
            line-height: 17.48px;
            letter-spacing: 0.2em;
            color: #ffffff;
            text-decoration: none;
        }
    }

    @media (min-width: 768px) and (max-width: 999px) {
        .start-block a.phone-link{
            position: relative;
            font-size: 16px;
            line-height: 17.48px;
            letter-spacing: 0.2em;
            color: #ffffff;
            text-decoration: none;
        }
    }

    @media (min-width: 1000px) {
        .start-block a.phone-link{
            position: relative;
            font-size: 16px;
            line-height: 17.48px;
            letter-spacing: 0.2em;
            color: #ffffff;
            text-decoration: none;
        }
    }

    .start-block a.phone-link img{
        margin: 0;
        margin-top: -4px;
        padding: 0;
    }
    .start-block a.phone-link::after{
        position: absolute;
        top: 25px;
        left: 0;
        width: 100%;
        border-top: 1px solid #ffffff;
        margin-top: -12px;
        opacity: 0;
        content: '';

        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .start-block a.phone-link:hover::after{
        border-top: 1px solid #a1855b;
        margin-top: 2px;
        opacity: 1;
    }
.start-block a.phone-link:hover{
	color:#022e3a;
	cursor: hand!important;
}


    @media (max-width: 767px) {
        .start-block h1.label{
            font-family: 'Roboto Condensed', sans-serif !important;
            font-size: 40px;
            line-height: 50px;
            letter-spacing: 0.0em;
            color: #ffffff;
        }

        .start-block p{
            font-size: 10px;
            line-height: 20px;
            letter-spacing: 0.2em;
            color: #ffffff;
        }

        .start-block h1.slogan{
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0.2em;
            color: #ffffff;
        }

        .start-block .brush{
            height: 120px;
            margin-top: 2%;
            margin-bottom: 2%;
        }
    }

    @media (min-width: 768px) and (max-width: 999px) {
        .start-block h1.label{
            font-family: 'Roboto Condensed', sans-serif !important;
            font-size: 55px;
            line-height: 50px;
            letter-spacing: 0.0em;
            color: #ffffff;
        }

        .start-block p{
            font-size: 20px;
            line-height: 20px;
            letter-spacing: 0.2em;
            color: #ffffff;
        }

        .start-block h1.slogan{
            font-size: 42px;
            line-height: 50.4px;
            letter-spacing: 0.2em;
            color: #ffffff;
        }

        .start-block .brush{
            height: 137px;
            margin-top: 5%;
            margin-bottom: 30%;
        }
    }


    @media (min-width: 1000px) {
        .start-block h1.label{
            font-family: 'Roboto Condensed', sans-serif !important;
            font-size: 55px;
            line-height: 72px;
            font-weight:bold;
            letter-spacing: 0.0em;
            color: #ffffff;
        }

        .start-block p{
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.2em;
            color: #ffffff;
        }

        .start-block h1.slogan{
position: absolute;
    bottom: 10%;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 30px;
    line-height: 38.4px;
    letter-spacing: 0.1em;
    color: #ffffff;
        }

        .start-block .brush{
            height: 80px;
            margin-top: 2%;
            margin-bottom: 14%;
        }
    }
/*  --- START BLOCK --- */