.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.colors-holder .border-hold {
	margin: 5px;
	padding: 2px;
	float:left;
}
.colors-holder .color-choise {
	width: 23px;
	height:23px;
	background-repeat: repeat-x;
	border: 0.1em groove #D8D8D8  ;
	cursor:pointer;
}

.colors-holder .border-hold.choised { 
	background-color: #097980;
}

.colors-holder .color-choise.black {
	background-image: -webkit-linear-gradient(-45deg, #606060, #000000);
	background-image: -o-linear-gradient(-45deg, #606060, #000000);
	background-image: linear-gradient(-45deg, #606060, #000000);
}

.colors-holder .color-choise.blue {
	background-image: -webkit-linear-gradient(-45deg, #0000FF, #000099);
	background-image: -o-linear-gradient(-45deg, #0000FF, #000099);
	background-image: linear-gradient(-45deg, #0000FF, #000099);
}

.colors-holder .color-choise.red {
	background-image: -webkit-linear-gradient(-45deg, #FF0000, #900000 );
	background-image: -o-linear-gradient(-45deg, #FF0000, #900000 );
	background-image: linear-gradient(-45deg, #FF0000, #900000 );
}

.colors-holder .color-choise.yellow {
	background-image: -webkit-linear-gradient(-45deg, #FFFF00, #FF6600);
	background-image: -o-linear-gradient(-45deg, #FFFF00, #FF6600);
	background-image: linear-gradient(-45deg, #FFFF00, #FF6600);
}

.colors-holder .color-choise.green {
	background-image: -webkit-linear-gradient(-45deg, #33FF00, #336600);
	background-image: -o-linear-gradient(-45deg, #33FF00, #336600);
	background-image: linear-gradient(-45deg, #33FF00, #336600);
}

.colors-holder .color-choise.brown {
	background-image: -webkit-linear-gradient(-45deg, #B75555, #942626);
	background-image: -o-linear-gradient(-45deg, #B75555, #942626);
	background-image: linear-gradient(-45deg, #B75555, #942626);
}

.ulcolumns .border ul ul {
	width: 48%;
    padding: 1%;
	padding-top:0px;
    display: inline-block;
}
.ulcolumns .border ul ul li {
   
}

.fullpart {
	display: inline-block;
    width: 100%;
	border-bottom: 1px solid #333;
}


.fullpart.centertitle {
	text-align:center;
}
.footer .fullpart.centertext .contacts{
	padding-left: calc(50% - 498px);
	display: inline-block;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.footer .contacts span.footercontactsspans{
	font-size: 15px;
    font-weight: bold;
	margin-bottom: 10px;
    font: normal normal 14px Tahoma, Geneva, sans-serif;
}


.footer .contacts span.footercontactsspans p.first{
	display: inline-block;
	width: 480px;
    text-align: left;
}
.footer .contacts span.footercontactsspans p.second{
	display: inline-block;
	width: 380px;
}
.footer .contacts span.footercontactsspans p.third{
	display: inline-block;
}
.footer .contacts span.footercontactsspans p a{
	color: #999;
}
.footerlast{
	height: 90px;
	border-bottom: none;	
}

.footermapimage{
	float: right !important;
	margin: -99px 0px 0px 0px;
}

.desktop_map{
	width:135px; 
	height:120px;
}
.mobile_map{
	display:none;
}
.nodecoration{
	    color: #333;
}
.map_iframe,#mapfooter{
	position:absolute;
	top:-1111px;
	left:-1111px;
	width:1px;
	height:1px;
}
.contacts_map{
	width: 100%; 
	height: 600px;
	display:block;
}
#mapfooterdiv{
	width:100%;
	height:100%;
}

@media screen and (max-width: 768px) {
	.contacts_map{
		height:400px;
	}
	.desktop_map{
		display:none;
	}
	.mobile_map{
		width:100%;
		display: block;
	}
	.footer .contacts span.footercontactsspans{
		font-size:11px;
	}
	.footer .contacts span.footercontactsspans p{
		margin: 3px 0px;
		padding-left: 18px;
		position: relative;
	}
	.footer .contacts span.footercontactsspans p.first{
			display: block;
		text-align: left;
		    max-width: 100%;
	}
	.footer .contacts span.footercontactsspans p.second{
			display: block;
		text-align: left;
		    max-width: 100%;
	}
	.footer .contacts span.footercontactsspans p.third{
			display: block;
		text-align: left;
		    max-width: 100%;
	}
	.footer .contacts span.footercontactsspans img{
		margin-bottom:0px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.ulcolumns .border ul ul {
		width: 100%;
		padding: 1.555%;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 2px solid #B7B7B7;
	}
	.ulcolumns .border ul ul:last-child {
		border-bottom:none;
	}
	.footer ul{
		width: 50%;
		text-align: left;
		min-height: 115px;
	}
	.footer ul .title{
	/* 	text-align:center; */
	}
	.footerlast{
		height: 170px;
	}
	.footer .contacts span{
		float:none;
	}
	.footermapimage{
		float:none !important;
	}
}

.footer .contacts span.footercontactsspans img{
    width: 18px;
    margin-bottom: -4px;
    padding: 0px 5px 0px 2px;

}

.footer .footerbigtext{
	font-weight: bold;
    font-size: 18px;
    margin: 12px;
}

@media screen and (min-width: 1200px) {
	.contacts-top-border.ulcolumns > .border {
		width:20%;
	}
	.contacts-top-border.ulcolumns > .border:last-child {
		width:30%;
	}

	.contacts-top-border.ulcolumns > .border > ul {
		width: initial;
	}
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
	.contacts-top-border.ulcolumns > .border {
		width: 222px;
	}
	.contacts-top-border.ulcolumns > .border:last-child {
		width:calc(100% - 12px);
		margin-top:10px !important;
	}
	.contacts-top-border.ulcolumns > .border > ul {
		width: initial !important;
	}
}