header #logo-block p {
    margin: 0;
    padding: 0;
    color: #dedede;
    font-size: 15px;
    font-weight: bold; 
    letter-spacing: 0.7pt;
}

@media (max-width: 768px) and (min-width: 250px){
header #logo-block p {
    font-size: 16px;
	color: #dedede;
}
}

header .wrap-header-top {
    max-width: 100%;
    min-height: 50px;
    background: #000;
}

@media screen and (min-width: 1024px) {
    header #logo-block
Специфичность: (1,0,1)
{
 display: inline-block;
 margin: 0;
 max-width: 420px;
}
}

header .wrap-header {
    max-width: 100%;
    height: 130px;
    background: #262b40;
}		
 
@media (max-width: 1200px) and (min-width: 500px){
header .wrap-header {
    max-width: 100%;
    height: 200px;
    background: #262b40;
}
}

@media (max-width: 600px) and (min-width: 250px){
header .wrap-header {
    height: 200px;
}
}

#user_menu {
    padding: 0;
    line-height: 30px;
}

#user_menu a {
    display: inline-block;
    color: #dedede;
    font-size: 22px;
    text-decoration: none;
}

#user_menu a:hover {
    color: #fff;
    text-decoration: none;
}

#user_menu a:after {
    background-color: #f66d52; /* Цвет линии при наведении на нее курсора мыши */
    display: block;
    content: "";
    height: 2px; /* Высота линии */
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}


#user_menu a:hover:after,
#user_menu a:focus:after {
    width: 100%;
}

@media (max-width: 1200px) and (min-width: 250px){
#user_menu a {
    margin: 30px 0 0 0;
    display: inline-block;
    color: #ddd;
    font-size: 25px;
}
}

#user_menu span {
    display: inline-block;
    line-height: 30px;
    color: #dedede;
    font-size: 30px;
    margin-right: 10px;
}

.phone {
    margin-left: 100px;
    display: inline-block;
    line-height: 50px;
    color: #ddd;
    font-size: 18px;
    letter-spacing: 0.7pt;
}

.phone:before {
    padding: 0 15px 0 0px;
    content: "\f041";
    font-family: 'FontAwesome';
    font-size: 20px;
}

@media (max-width: 375px) and (min-width: 250px){
.phone:before {
    padding: 0 10px 0 0px;
    content: "\f041";
    font-family: 'FontAwesome';
    font-size: 25px; 
}
} 
 
@media (max-width: 800px) and (min-width: 250px){
.phone {
    margin: 0 0 20px 0;
    display: inline-block;
    line-height: 50px; 
    color: #ddd;
    font-size: 17px;
	letter-spacing: 0.3pt;
}
}

@media (max-width: 375px) and (min-width: 250px){
.phone {
    font-size: 13px;
}
}

.phone a {
	color: #dedede;
}

.phone a:hover {
	color: #fff;
	text-decoration: none;
	
}

.email-c {
    display: inline-block;
    line-height: 50px;
    color: #ddd;
    font-size: 18px;
    letter-spacing: 0.7pt;
}

@media (max-width: 597px) and (min-width: 250px){
.email-c {
	margin: 0 0 -20px 0px;
    display: inline-block;
    line-height: 50px;
    color: #ddd;
    font-size: 20px;
}
}

@media (max-width: 375px) and (min-width: 250px){
.email-c {
    font-size: 15px;
}
}

.email-c a {
	color: #dedede;
}

.email-c a:hover {
	color: #fff;
	text-decoration: none;
	
}

/* menu*/

#cssmenu {
    display: inline-block;
    float: right;
	z-index: 999;
	background: none;
}

@media (max-width: 2000px) and (min-width: 1201px){
#cssmenu {
    margin: 30px 0 0 0;
    display: inline-block;
    float: right;
	z-index: 999;
	background: none;
}
}

#cssmenu > ul > li:hover > a {
    color: #fff;
}
		
#cssmenu > ul > li > a {
    padding: 15px 15px;
    text-decoration: none;
    color: #dedede;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.7pt;
    background: #262b41;
}

#cssmenu > ul > li > a.active, #cssmenu > ul > li.active > a {
    background: #a44c36;
}

#cssmenu > ul > li > a.active, #cssmenu > ul > li.active > a:hover {
	background: none;
	
}

#cssmenu > ul > li > a:after {
    background-color: #f66d52; /* Цвет линии при наведении на нее курсора мыши */
    display: block;
    content: "";
    height: 2px; /* Высота линии */
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

#cssmenu > ul > li > a:hover {
	background: none;
	
}

#cssmenu > ul > li > a:hover:after,
#cssmenu > ul > li > a:focus:after {
    width: 100%;
}

@media (max-width: 1200px){ 

#cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #dedede;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
	background: #434343;
}

#cssmenu > ul > li > a.active, #cssmenu > ul > li.active > a:hover {
	
}

#cssmenu > ul > li > a.active, #cssmenu > ul > li.active > a {
    background: #434343;
}
}
 
/* menu end */ 


/* soc  */

.soc {
    position: relative;
    top: 10px;
    left: 0px;
    width: auto;
    height: 50px;
    font-size: 22px;
    text-align: center;
    float: left;
    display: inline-block;
    overflow: hidden;
}

@media (max-width: 950px) and (min-width: 250px){
.soc {
    margin: 0 0 10px 0;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
    float: none;
    display: block;
    height: 70px;
}
}

/* .soc:hover {
    position: relative;
    top: 20px;
    left: 0px;
    width: 150px;
    float: none; 
    display: inline-block;
    overflow: hidden;
    border: 1px solid #ccc;
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
	opacity: 0.5;
} */

/* soc end */							

@media screen and (max-width: 909px){
.vk {
    position: relative;
    top: 25px;
    left: -55px;
}
}

@media screen and (max-width: 1024px){
.vk {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
}
}

.vk, .instagram, .ok, .youtube {
	margin: 0px 3px 0px 0px;
	width: 25px;
}

/* vk */
  
.vk {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    display: inline-block;
}

@media screen and (max-width: 909px){
.vk {
    position: relative;
    top: 25px;
    left: -55px;
}
}

@media screen and (max-width: 1024px){
.vk {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
}
}

/* vk end */

/* instagram */
  
.instagram {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    display: inline-block;
}

@media screen and (max-width: 909px){
.instagram {
    position: relative;
    top: 25px;
    left: -55px;
}
}

@media screen and (max-width: 1024px){
.instagram {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
}
}

/* instagram end */

/* ok */
  
.ok {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    display: inline-block;
}

@media screen and (max-width: 909px){
.ok {
    position: relative;
    top: 25px;
    left: -55px;
}
}

@media screen and (max-width: 1024px){
.ok {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
}
}

/* ok end */

/* youtube */
  
.youtube {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    display: inline-block;
} 

@media screen and (max-width: 909px){
.youtube {
    position: relative;
    top: 25px;
    left: -55px;
}
}

@media screen and (max-width: 1024px){
.youtube {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
}
}

/* youtube end */


/* watsapp */

.watsapp {
    position: relative;
    top: 0px;
    left: 0px;
    width: 40px;
    display: inline-block;
}

@media screen and (max-width: 909px){
.watsapp {
    position: relative;
    top: 25px;
    left: -55px;
    width: 60px;
}
}

@media screen and (max-width: 1024px){
.watsapp {
    position: relative;
    top: 0px;
    left: 10px;
    width: 60px;
}
}

/* watsapp end */

/* .ind-block  { */
    /* margin: 30px 0px 0px 0px; */
    /* position: relative; */
    /* float: left; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* text-align: left; */
    /* width: 100%; */
    /* height: 420px; */
    /* -webkit-transition: border 0.2s ease-in-out; */
    /* -o-transition: border 0.2s ease-in-out; */
    /* transition: border 0.2s ease-in-out; */
    /* overflow: hidden; */
    /* padding: 20px; */
/* } */

/* @media (max-width: 1180px) and (min-width: 900px){ */
/* .ind-block  { */
    /* position: relative; */
    /* float: none; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* text-align: left; */
    /* width: 100%; */
    /* height: auto; */
    /* overflow: hidden; */
/* } */
/* } */

/* @media (max-width: 900px) and (min-width: 600px){ */
/* .ind-block { */
    /* position: relative; */
    /* margin: 0 auto; */
    /* float: none; */
    /* display: block; */
    /* vertical-align: top; */
    /* text-align: center; */
    /* width: 500px; */
    /* height: auto; */
    /* overflow: hidden; */
/* } */
/* } */

/* @media (max-width: 600px) and (min-width: 200px) { */
/* .ind-block  { */
    /* position: relative; */
    /* float: none; */ 
    /* display: inline-block; */
    /* vertical-align: top; */
    /* text-align: left; */
    /* width: 100%; */
    /* height: auto; */
    /* overflow: hidden; */
/* } */
/* } */

.ind-block .left {
    margin: 0px auto;
    padding: 10px 10px;
    position: relative;
    display: block;
    float: left;
    height: auto;
    width: 60%;
}

@media (max-width: 1000px) and (min-width: 250px){
.ind-block .left, .ind-block .right {
    margin: 0px auto;
    padding: 10px 10px;
    position: relative;
    display: block;
    float: none;
    height: auto;
    width: 100%;
}
}


/* ind-block right */
 
.ind-block .right  {
    margin: 0px auto;
    padding: 10px 10px;
    position: relative;
    display: block;
    float: right;
    height: auto;
    width: 40%;
}

@media (max-width: 2000px) and (min-width: 768px){
	.ind-block .right  {
    margin: 0px auto;
    padding: 10px 10px;
    position: relative;
    display: block;
    float: right;
    height: auto;
    width: 40%;
}	
}

@media (max-width: 768px) and (min-width: 200px){
.ind-block .right {
    position: relative;
    margin: 10px 0 30px 0;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 100%;
    height: auto;
    overflow: hidden;
}
}

.ind-block .right img {
    position: relative;
    margin: 0;
    float: none;
    width: auto;
    height: 600px;
    overflow: hidden;
}

@media (max-width: 900px) and (min-width: 200px){
.ind-block .right img {
    position: relative;
    margin: 0;
    float: none;
    width: auto;
    height: auto;
    overflow: hidden;
}
}


/* ind-block right */


/* ind block end */


.tab-contact {
    margin: 0 auto;
    position: relative;
    padding: 10px 5px 10px 5px;
    display: flex;
    float: none;
    height: 100%;
    width: 100%;
    text-align: center;
    border: 1px solid#ccc;
    justify-content: space-around;
}


@media (max-width: 620px) and (min-width: 250px){
.tab-contact {
    padding: 5px 5px 0 5px;
    display: block;
}
}

.tab-contact-one, .tab-contact-two {
    margin: 0px auto;
    padding: 10px 10px;
    position: relative;
    display: block;
    float: left;
    height: auto;
    width: 49%;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid#ccc;
}

@media (max-width: 620px) and (min-width: 250px){
.tab-contact-one, .tab-contact-two {
    margin: 0 auto 5px;
    padding: 10px;
    position: relative;
    display: block;
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid#ccc;
}
}

.sert {
    position: relative;
    padding: 10px 0 10px 0;
    min-height: 280px;
    border: 1px solid #ccc;
}

@media (max-width: 425px) and (min-width: 250px){
.content-box .item .item-content {
    background-color: #262b3e;
    padding: 25px;
    height: auto;
    border: 1px solid #ddd;
    overflow: hidden;
}
}

/* item-content-4 */

.item-content-4 {
    background-color: #262b3e;
    margin: 15px 0 0 0;
    padding: 25px;
    height: 320px;
    /* max-height: 320px; */
    border: 1px solid #ddd;
    overflow: hidden;
}

@media (max-width: 400px) and (min-width: 250px){
.item-content-4  {
	height: 380px;

} 
}

.item-content-4 h3 {
	font-size: 20px;
    line-height: 30px;
    color: #dedede;
    letter-spacing: 0.7pt;
    text-align: center;
}

.item-content-4 p {
    margin: 0;
    margin-bottom: 15px;
    color: #dedede;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    letter-spacing: 0.7pt;
}

.foot-adr {
    position: relative;
    color: #dedede;
    float: none;
}

.foot-adr:before {
    padding: 0 5px 0 0;
    content: "\f041";
    font-family: 'FontAwesome';
    font-size: 15px;
} 

.content-box.block6 {
    padding: 30px 0 0;
    min-height: 380px;
    overflow: hidden;
    background: #f5f5f5;
}

.content-box.block7 {
    margin: 0 auto;
    padding: 0px 0 0 0;
    height: 550px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.heading-cont {
    background: #262b3e none repeat scroll 0 0;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    min-height: 60px;
    line-height: 42px;
    padding: 10px 20px;
    position: relative; 
    letter-spacing: 0.7pt;
    text-transform: uppercase;
    transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px);
    transform-style: flat;
}

.heading-cont h3 { 
    display: block;
    transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
    transform-style: flat;
}

.heading-cont h3 {
    padding: 5px;
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.7pt;
}

footer .col-f h3 {
	color: #dedede;
	font-size: 20px;
}

.footer-right {
    padding: 0;
    margin: 10px 0;
    line-height: normal;
    color: #dedede;
    overflow: hidden;
    letter-spacing: 0.7pt;
}

.footer-right h3 {
    color: #dedede;
    font-size: 20px;
    text-align: center;
}

/* .footer-left { */
	/* background: url(../images/logo-f.png) no-repeat;  */
/* } */

/* soc icon */

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.social a {
    text-align: center;
    width: 48px;
    height: 48px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    border-radius: 24px;
    margin: 0 10px 10px 0;
    padding: 6px;
    color: #000;
}
.github a:hover {background: #191919; color: #fff;}
.youtube a:hover {background: #c4302b; color: #fff;}
.google-pluse a:hover {background: #DD4B39; color: #fff;}
.twitter a:hover {background: #00acee; color: #fff;}
.instagram a:hover {background: #3f729b; color: #fff;}
.facebook a:hover {background: #3b5998; color: #fff;}
.skype a:hover {background: #00aff0; color: #fff;}
.vk a:hover {background: #5d84ae; color: #fff;}
.odnoklassniki a:hover {background: #f93; color: #fff;}
.pinterest a:hover {background: #c8232c; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #249bd7; color: #fff;}
.tumblr a:hover {background: #34526f; color: #fff;}
.windows a:hover {background: #125acd; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.weibo a:hover {background: #d52b2b; color: #fff;}
.dropbox a:hover {background: #1087dd; color: #fff;}

/* soc icon end*/