
body {
	margin:0;
	background: url(DSC_0331.jpg) no-repeat center top;
  background-size: 2200px;
  font-family: "Cambria", serif;
}

.main {
/*padding-top: 5%;*/
}

.container{

    margin: 1% auto;
    background-color: rgba(253, 254, 255, 0.8);
    width: calc(100% - 36px);
    height: calc(964px - 36px);
}
.hiw-caret {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 20px solid #c61b2d;
    margin: 0 auto;    
}
  
a.underline-link {
  display: inline-block;
   position: relative;
   text-decoration: none;
}
a.underline-link::before{
   display: block;
   position: absolute;
   content: "";
   height: 3px;
   width: 0;
   background-color: #c61b2d;
   transition: width .5s ease-in-out, left .5s ease-in-out;
   left: 50%;
   bottom: 0;
}
a.underline-link::after{
   display: block;
   position: absolute;
   content: "";
   height: 3px;
   width: 0;
   background-color: #c61b2d;
   transition: width .5s ease-in-out;
   left: 50%;
   bottom: 0;
}
a.underline-link:hover::before{
   width: 50%;
   left: 0;
}
a.underline-link:hover::after{
   width: 50%;
}

a.underline-link-new-color{
  display: inline-block;
   position: relative;
   text-decoration: none;
}
a.underline-link-new-color::before{
   display: block;
   position: absolute;
   content: "";
   height: 3px;
   width: 0;
   background-color: #e89d59;
   transition: width .5s ease-in-out, left .5s ease-in-out;
   left: 50%;
   bottom: 0;
}
a.underline-link-new-color::after{
   display: block;
   position: absolute;
   content: "";
   height: 3px;
   width: 0;
   background-color: #e89d59;
   transition: width .5s ease-in-out;
   left: 50%;
   bottom: 0;
}
a.underline-link-new-color:hover::before{
   width: 50%;
   left: 0;
}
a.underline-link-new-color:hover::after{
   width: 50%;
}

.banner {
	padding-top: 6%;
}

.container_1{
	width: 100%;
}
.container_2{
	width: 100%;
}

.first-banner{
	font-size: 3.5em;
	color: #323a45;
	text-align: center;
	padding: 2.8em 2em 0em 2em;
}
p.second-banner{
	font-size: 1.7em;
	padding-top: 1.5%;
	
}
 p.second-banner, ul, a {
	color: #4a3d3d;
	text-align: center;
}

}
p.second-banner{
	font-size: 1.2em;
}




.col-1 
{
	text-align: center;
	color:#323a45;
	margin-left: 10%;
    margin-right: 10%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    font-size: 1.5em;
    /*background: url(assets/svg/line.svg);*/
    background-repeat: no-repeat;
    background-position: -50px -50px;
    background-size: 1300px;
}

.col-1-text{
	font-size: 1.2em;
	padding-left: 20%;
	padding-right: 20%;
}
.col-3-1 {
width: 33.33333333%;
float: left;
}
.col-3-2 {
width: 25%;
float: left;
}

.col-main-1 {
	display: inline-block;
	width: 100%;
    background-repeat: no-repeat;
    background-position: 300px 375px;
    background-size: 1400px;
}



.block-prib {

    float: left;
    background: linear-gradient(to right, #efeef5, #ffffff);
    display: inline-block;
    width: 50%;
    }

.block-prib:hover {
	  /*  background: rgba(97, 152, 202, 0.18);*/
}
.text-prib {
    text-align: center;
    font-family: "Cambria", serif;
    color: #323a45;
   /* padding-top: 5%;*/
    font-size: 2.5em;
    float: right;
    width: 50%;
}

.arrow svg {
    height: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.arrow {
    position: relative;
    top: -1px;
    width: 22px;
    height: 12px;
    overflow: hidden;
    margin-left: 10px;
    transition: all .2s cubic-bezier(.215,.61,.355,1);
}
.catalog
{
	color:#323a45;
	text-decoration: none;
	font-weight: 600;
	font-size:20px;
}

.link-text {
	padding-left: 10%;
	color:#6297ca;
	font-family: "Cambria", serif;
}

.svg:not {
    overflow: hidden;
}

.svg {
    pointer-events: none;
}

.center-img
{
	text-align: center;
    background-repeat: no-repeat;
    background-position: 360px 359px;
    background-size: 1400px;
}

.fotoprib
{
width: 60%;
}

.underline-divider-2{
    content: " ";
    display: block;
    height: 4px;
    margin: 20px auto;
    width: 85px;
    background: #c61b2d;
}
 .underline-divider-3{
    content: " ";
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 95%;
    background: #c61b2d;
    width: calc(95% - 1px);
    height: calc(2px - 1px);
}
	
.function{
	font-size: 0.7em;
	list-style-type:none;
}
 ul.function {
 	padding-left: 0%;
 }


ul.tabs{

        float: right;
        margin-right: 37px;
        padding: 0;
        text-shadow: 0 0 0 #4a3d3d,0 0 0 #4a3d3d;
}
ul.tabs li{

	display:inline-block;
	padding:3px 0px 0px 7px;
	cursor:pointer;
	background-position:0.4em 0.1em;
	border-bottom:none;
	font-weight:bold;
	color:#4a3d3d;
	font-size:100%;
	margin-top:5px;
}
ul.tabs li:hover{
	/*background-color:#BBDFFF;*/
	}
ul.tabs li.tab-current{
	color:#c61b2d;
}
ul.tabs li.tab-current:hover{
	color:#c61b2d;
	}
.clear{
	clear:both;
}
div.t2,
div.t3{
	display: none;
}
li.t1{padding:3px 2px 5px 22px;
	
}
li.t2{
	padding:3px 2px 5px 22px;
}


.underline-divider{
    content: " ";
    display: block;
    height: 4px;
    margin: 20px auto;
    width: 85px;
    background: #c61b2d;
}


.btn-1-success {

    font-size: 60%;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: .5em 2em;
    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    border-color: rgba(198, 27, 45, 0) #000 rgba(198, 27, 45, 0);
    border-radius: 6px;
    background: linear-gradient(rgba(198, 27, 45, 0.82), rgb(198, 27, 27)) #c61b2d;
    transition: 0.2s;
    box-shadow: 5px 5px 15px 0px rgba(74, 61, 61, 0.44);
}
 .btn-1-success:hover {
 	font-size: 60%;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: .5em 2em;
    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    border-color: rgb(232, 157, 89) #e99d59 #e79c58;
    border-radius: 6px;
    background: linear-gradient(rgb(232, 157, 89), rgb(233, 157, 89)) #e99d59;
    transition: 0.2s;
    box-shadow: 5px 5px 15px 0px rgba(74, 61, 61, 0.44);
 }

ul.fineprint {
	list-style: none;
	font-size: 95%;
	
}
ul.fineprint li {
	display: inline;
}
li.separator {
    font-weight: 200;
    color: #c61b2d;
}

.hidden{
opacity:0;
}
.visible{
opacity:1;
}