/*Smartphone all right*/
@media only screen and (min-width: 320px) and (max-width: 767px), only screen and (min-device-width: 320px) and (max-device-width: 767px) {
	html {
		display: table !important;
		width: 100% !important;
	}
	body {
		display: table !important;
		width: 100% !important;
		background-image: none !important;
		background-color: white !important;
	}
	.wrapper {
		display: block !important;
		width: 94% !important;
		margin: 0 auto !important; 
		padding: 0 !important;
	}
	.tophead {
		display: block;
		width: 100% !important;
		-webkit-box-shadow: none !important; 
		box-shadow: none !important;
	}
	.logo {
		width: 100% !important;
	}
	.logo > .image {
		margin: 26px auto 18px auto !important;
	}
	.logo > .link {
		margin: 0 !important;
		text-align: center;
		font-size: 14pt !important;
		font-weight: bold !important;
	}
	.smalltext {
		width: 100% !important;
		height: auto !important;
		display: table !important;
		float: left !important;
		margin: 32px 0px 28px 0px !important;
	}
	.smalltext > span {
		text-align: center !important;
		width: 88% !important;
		display: table !important;
		margin: 0 auto !important;
		font-size: 12pt !important;
		font-weight: bold !important;
	}
	.onecool {
		width: 100% !important;
		display: none;
		float: left !important;
		margin: 0 !important;
		text-align: center !important;
	}
	.onetopaddr {
		display: table !important;
		margin: 15px 0 15px 0px !important;
		width: 100% !important;
		border-bottom: 1px solid #0070b5;
		border-top: 1px solid #0070b5;
		padding: 15px 0 15px 0 !important;
	}
	.twotopaddr {
		display: table !important;
		margin: 15px 0 15px 0px !important;
		width: 100% !important;
		border-bottom: 1px solid #0070b5;
		padding: 0px 0 15px 0 !important;
	}
	.threetopaddr {
		display: table !important;
		margin: 15px 0 15px 0px !important;
		width: 100% !important;
		border-bottom: 1px solid #0070b5;
		padding: 0px 0 15px 0 !important;
	}
	.fourtopaddr {
		display: table !important;
		margin: 15px 0 15px 0px !important;
		width: 100% !important;
		border-bottom: 1px solid #0070b5;
		padding: 0px 0 15px 0 !important;
	}
	.onetopaddr > span {
	    width: 100% !important;
		font-size: 12pt !important;
		font-weight: normal !important;
		display: block !important;
		/*padding: 0 5% 0 5% !important;*/
		text-align: center !important;
	}
	.twotopaddr > span {
	    width: 100% !important;
		font-size: 12pt !important;
		font-weight: normal !important;
		display: block !important;
		/*padding: 0 5% 0 5% !important;*/
		text-align: center !important;
	}
	.threetopaddr > span {
	    width: 100% !important;
		font-size: 12pt !important;
		font-weight: normal !important;
		display: block !important;
		/*padding: 0 5% 0 5% !important;*/
		text-align: center !important;
	}
	.fourtopaddr > span {
	    width: 100% !important;
		font-size: 12pt !important;
		font-weight: normal !important;
		display: block !important;
		/*padding: 0 5% 0 5% !important;*/
		text-align: center !important;
	}
	.twocool {
		width: 100% !important;
		display: none;
		float: left !important;
		margin: 0 !important;
		text-align: center !important;
	}
	.menublock {
		display: none;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		border-bottom: 0px solid black !important;
	}
	.menublock > ul {
		display: table !important;
	}
	.menublock > ul > li {
		width: 100% !important;
		padding: 15px 0 15px 0 !important;
		-webkit-border-radius: 0px !important;
		border-radius: 0px !important;
		border-bottom: 1px solid black;
		margin: 0 !important;
	}
	.menublock > ul > li > a {
		font-size: 15pt !important;
	}
	.indexpcture {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.textcontent {
	    border-top: 0px !important;
		padding: 26px 8px 50px 8px !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-align: center !important;
	}
	.textcontent > span > p {
		font-size: 12pt !important;
		text-align: center !important;
	}
	.uslugi {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.uslugi > .head {
		font-size: 14pt !important;
	}
	.uslugi > .line {
		width: 100% !important;
	}
	.blocks {

	}
	.blocks > .block {
		float: none !important;
		margin: 32px auto 42px auto !important;
		width: 280px !important;
		height: 340px !important;
	}
	.description > span {
		font-size: 11pt !important;
		margin: 0 0 10px 14px !important;
		font-weight: bold !important;
	}
	.seotext {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-align: center !important;
		padding: 10px 0px 45px 0px !important;
	}
	.seotext > span {
		font-size: 10pt !important;
	}
	.footer {
		display: table !important;
		width: 94% !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.footer > .copyright {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.footer > .copyright > span {
		font-size: 10pt !important;
	}
	.footer > .copyright > span > a {
		font-size: 10pt !important;
	}
	.footer > .copyright > a {
		font-size: 10pt !important;
	}
	.addressbutton {
		width: 100% !important;
		padding: 15px 0 15px 0 !important;
		margin: 0 auto 15px auto !important;
		float: left !important;
		background-color: #0070b5 !important;
		display: table !important;
		height: 20px !important;
		font-size: 16pt !important;
		font-family: "Geometria";
		font-weight: bold !important;
		color: rgb( 255, 255, 255 );
		text-align: center !important;
		text-decoration: none !important;
		border-bottom: 1px solid black;
		z-index: 9999 !important;
		position: relative !important;
	}
	.addressbutton:before {
		content: '';
		display: block;
		width: 17px;
		height: 19px;
		position: relative;
		background: url(/images/book.png);
		margin: -5px auto 10px auto;
	}
	.menubutton {
		width: 100% !important;
		padding: 15px 0 15px 0 !important;
		margin: 15px auto 0 auto !important;
		float: left !important;
		background-color: #0070b5 !important;
		display: table !important;
		height: 20px !important;
		font-size: 16pt !important;
		font-family: "Geometria";
		font-weight: bold !important;
		color: rgb( 255, 255, 255 );
		text-align: center !important;
		text-decoration: none !important;
		border-bottom: 1px solid black;
		z-index: 9999 !important;
		position: relative !important;
	}
	.menubutton:before {
		content: '';
		display: block;
		width: 20px;
		height: 18px;
		position: relative;
		background: url(/images/menudecoration.png);
		margin: -5px auto 10px auto;
	}
	.loginform {
		display: block !important;
		width: 100% !important;
		height: 333px !important;
		border: 1px solid #9c9c9c !important;
		background-color: #ededed !important;
		float: left !important;
		margin: 10% 0 15% 0 !important;
	}
	.loginform > form > .formname {
		font-size: 18pt !important;
		width: 80% !important;
	}
	.loginform > form > .loginarea {
		width: 80% !important;
		margin: 0 auto !important;
		font-size: 15pt !important;
	}
	.loginform > form > .passwordarea {
		width: 80% !important;
		margin: 0 auto !important;
		font-size: 15pt !important;
	}
	.loginbutton {
		margin: 8% auto !important;
	}
	.loginform > form > .loginareadecoration:before {
		left: 38px !important;
	}
	.loginform > form > .passworddecoration:before {
		left: 38px !important;
	}
	.loginareaerror {
		font-size: 12pt !important;
		color: red !important;
		font-family: "Geometria" !important;
	}
	.passwordareaerror {
		font-size: 12pt !important;
		color: red !important;
		font-family: "Geometria" !important;
	}
	strong, b {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	sub {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	sup {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	ol {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	ul {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	blockquote {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	em {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	u, ins {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	s, strike, del {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	h1 {
		font-size: 12pt !important;
		font-family: "Geometria" !important;
	}
	#scrollup {
		margin: 0 0 0 80% !important;
	}
	.feedbackform {
	    width: 100% !important;
	}
	.feedbackform > form {
        width: 100% !important;
        padding: 4% 0 4% 0 !important;
	}
	.feedbackform > form > .formname {
	    display: table !important;
        margin-left: 4% !important;
        margin-bottom: 2% !important;
        font-size: 16pt !important;
	}
	
	
	
	.feedbackform > form > .row > .fio {
	    display: table !important;
        margin-left: 5% !important;
        font-size: 14pt !important;
	}
	
	.feedbackform > form > .row > .phone {
	    display: table !important;
        margin-left: 5% !important;
        font-size: 14pt !important;
	}
	
	.feedbackform > form > .row > .email {
	    display: table !important;
        margin-left: 5% !important;
        font-size: 14pt !important;
	}
	
	.feedbackform > form > .row > .text {
	    display: table !important;
        margin-left: 5% !important;
        font-size: 14pt !important;
	}
	
	.feedbackform > form > .row > .verify {
	    display: table !important;
        margin-left: 5% !important;
        font-size: 14pt !important;
	}
	
	.feedbackform > form > .row > a {
	    display: table !important;
        margin-left: 5% !important;
        font-size: 14pt !important;
	}
	
	.feedbackform > form > .row > .fioarea {
	    width: 68% !important;
    display: table !important;
    margin-left: 5% !important;
	}
	.feedbackform > form > .row > .phonearea {
	    width: 68% !important;
    display: table !important;
    margin-left: 5% !important;	    
	}
	.feedbackform > form > .row > .emailarea {
	    width: 68% !important;
    display: table !important;
    margin-left: 5% !important;	    
	}
	.feedbackform > form > .row > .textarea {
	    width: 68% !important;
    display: table !important;
    margin-left: 5% !important;	    
	}
	.feedbackform > form > .row > .verifyarea {
	    width: 68% !important;
    display: table !important;
    margin-left: 5% !important;	    
	}
	.feedbackform > form > .row > img {
	        display: table !important;
    margin-left: 5% !important;
	}
	.feedbackform > form > p {
	    display: table !important;
    margin-left: 5% !important;
    font-size: 14pt !important;  
	}
	
}

/*Tablet's all right*/
@media only screen and (min-width: 768px) and (max-width: 1023px), only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
	html {
		display: table !important;
		width: 100% !important;
	}
	body {
		display: table !important;
		width: 100% !important;
		background-color: white !important;
	}
	.wrapper {
		display: block !important;
		width: 96% !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}
	.tophead {
		display: table !important;
		width: 100% !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.logo {

	}
	.logo > .image {
		margin: 26px auto 18px auto !important;
	}
	.logo > .link {
		margin: 0 !important;
		text-align: center;
		font-size: 14pt !important;
		font-weight: bold !important;
	}
	.smalltext {
		width: 60% !important;
		height: auto !important;
		display: table !important;
		float: left !important;
		margin: 32px 0px 28px 0px !important;
	}
	.smalltext > span {
		width: 88% !important;
		display: table !important;
		margin: 0 auto !important;
		font-size: 12pt !important;
		font-weight: bold !important;
	}
	.onecool {
		width: 30% !important;
		display: table !important;
		float: left !important;
		margin: -12px 0 0 30px !important;
		text-align: center !important;
	}
	.onetopaddr {
		display: table !important;
		margin: 15px 0 15px 0px !important;
		width: 64% !important;
		text-align: left !important;
		padding: 15px 0 15px 0 !important;
	}
	.twotopaddr {
		display: table !important;
		margin: -3px 0 15px 0px !important;
		width: 64% !important;
		text-align: left !important;
		padding: 0px 0 15px 0 !important;
	}
	.threetopaddr {
		display: table !important;
		margin: 15px 0 15px 0px !important;
		width: 64% !important;
		text-align: left !important;
		padding: 0px 0 15px 0 !important;
	}
	.fourtopaddr {
		display: table !important;
		margin: 15px 0 15px 0px !important;
		width: 64% !important;
		text-align: left !important;
		padding: 0px 0 15px 0 !important;
	}
	.onetopaddr > span {
		font-size: 12pt !important;
		font-weight: bold !important;
	}
	.twotopaddr > span {
		font-size: 12pt !important;
		font-weight: bold !important;
	}
	.threetopaddr > span {
		font-size: 12pt !important;
		font-weight: bold !important;
	}
	.fourtopaddr > span {
		font-size: 12pt !important;
		font-weight: bold !important;
	}
	.twocool {
		width: 30% !important;
		display: table !important;
		float: left !important;
		margin: 0 !important;
		text-align: center !important;
	}
	.menublock {
		/*display: none;*/
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		border-bottom: 0px solid black !important;
	}
	.menublock > ul {
		/*display: table !important;*/
	}
	.menublock > ul > li {
		margin: 0 12px 0px 0 !important;
	}
	.menublock > ul > li > a {

	}
	.indexpcture {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.textcontent {
		padding: 26px 28px 50px 28px !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		border-top: 3px solid black !important;
	}
	.textcontent > span > p {
		font-size: 12pt !important;
	}
	.uslugi {
		display: block !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.uslugi > .head {
		font-size: 14pt !important;
	}
	.uslugi > .line {
		width: 75% !important;
	}
	.blocks {
		margin: 0 auto !important;
		width: auto !important;
	}
	.blocks > .block {
		margin: 32px 10px 42px 10px !important;
		width: 222px !important;
		height: 340px !important;
	}
	.description > span {
		font-size: 11pt !important;
		margin: 0 0 10px 14px !important;
		font-weight: bold !important;
	}
	.seotext {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-align: center !important;
	}
	.seotext > span {
		font-size: 10pt !important;
	}
	.footer {
		display: table !important;
		width: 96% !important;
		padding: 0 !important;
	}
	.footer > .copyright {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.footer > .copyright > span {
		font-size: 10pt !important;
	}
	.footer > .copyright > span > a {
		font-size: 10pt !important;
	}
	.footer > .copyright > a {
		font-size: 10pt !important;
	}
	strong, b {
		font-size: 14pt !important;
	}
	h1 {
		font-size: 20pt !important;
	}
	#scrollup {
		margin: 0 0 0 90% !important;
	}
}

/*Other right*/
html body * {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.addressbutton {
	display: none;
}

.menubutton {
	display: none;
}