html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{0% */font:inherit;border:0;padding:0;margin:0;vertical-align:baseline;font-size:100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{vertical-align:middle;max-width:100%;}
/*end reset*/
/* html body a[href='#']  { background: red !important;} - поиск заглушек ссылок #  
*/
body{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#014051;
	background-image: url(../images/blue.jpg);
}
h1 {
	color:#fff;
	font-size: 3em;
	text-align: center;
	font-weight: bold;
	padding: 2%;
	font-family: 'Prosto One', cursive;
	text-shadow: 1px 1px 3px #272822; 
}
h2 {
	color:#F6D36F;
	font-size: 1.7em;
	text-align: center;
	font-weight: bold;
	padding: 2%;
}
.wrap{
	width:70%;
	margin:5% auto;
	color:#fff;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
a {
	color:#fff;
	text-align: center;
}
a:hover {
	color:#fec31b;
}
ul {
	padding: 2%;
	list-style-type: square;
}
.tel {
	margin: 0 0 0 20%;
	list-style: none;
}
.picture {
	margin: 2%;
	border: 2px solid #F6D36F;
	border-image: url(../images/gold2.png) 30 round round;
}
.btn {
	display: block;
	width: 300px;
	margin: 0 auto;
	border: 1px solid #F6D36F;
	color: #F6D36F;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	font-size: 20px;
}
.btn:hover {
	background-color:#032e3b;
} 


/*-----------Responsive design  -   Media Queries--------------*/

@media (max-width:319px){
	.wrap{
		width:90%;
	}
	.go-up, .go-down {
		visibility:hidden;
	}		
	.top-nav ul li a {
		padding: 10px 1px;
		font-size: 11px;
	}
	.search-bar input[type="text"] {
		width: 120px;
	}
	.span_1_of_4 {
		width: 22.8%;
	}
	.dc-head {
		width:100%;
		float:none;
	}
	.top-nav {
		padding-top: 1.6%;
	}
	.span_1_of_2 {
		width:100%;
	}
	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.about-histore {
		float: none;
		width: 100%;
	}
	.about-services {
		width: 100%;
		float: none;
		margin-left: 0px;
	}
	.span_1_of_4 {
		width: 100%;
	}
	.span_1_of_services {
		width:100%;
	}
	.search-bar {
		float: none;
	}
	.top-nav {
		float:none;
		margin-bottom: 12px;
	}
	.search_box {
		float: none;
	}
	.search_box form input[type="text"] {
		padding: 5px;
	}
	.search_box form input[type="submit"] {
		background: url(../images/search-icon.png) no-repeat 0px 7px;
	}
	.logo {
		width: 43%;
	}
	.follow_icon li {
		margin-left: 2px;
		padding-top: 5%;
	}
	.header-bottom {
		padding: 10px 0;
	}
	.about-top {
		padding: 20px 0 0;	
	}
}
@media screen and (min-width: 320px) and (max-width: 479px) {
	.wrap{
		width:90%;
	}
	.css-adaptive {
		width: 50%;
		/* margin: 0 50%; */
	}
	.go-up, .go-down {
		visibility:hidden;
	}
	.col_1_of_5{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_5 {
		width:92%;
		padding:4%;
	}
	.span_2_of_3 {
		width:90%;
		padding:5%; 
	}
	.col { 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:90%;
		padding:5%; 
	}
	.contact-form input[type="text"],.contact-form textarea{
		width:92%;
	}
	.top-nav ul li a {
		padding:10px 5px;
		font-size: 12px;
	}
	.search-bar input[type="text"] {
		width: 120px;
	}
	.span_1_of_4 {
		width: 22.8%;
	}
	.dc-head {
		width:100%;
		float:none;
	}
	.top-nav {
		padding-top: 1.6%;
	}
	.span_1_of_2 {
		width:100%;
	}
	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.about-histore {
		float: none;
		width: 100%;
	}
	.about-services {
		width: 100%;
		float: none;
		margin-left: 0px;
	}
	.span_1_of_4 {
		width: 100%;
	}
	.span_1_of_services {
		width: 48%;
	}
	.search-bar {
		float: none;
	}
	.top-nav {
		float:none;
		margin-bottom: 12px;
	}
	.search_box {
		float: none;
	}
	.search_box form input[type="text"] {
		padding: 5px;
	}
	.search_box form input[type="submit"] {
		background: url(../images/search-icon.png) no-repeat 0px 7px;
	}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
	.wrap{
		width:90%;
	}
	.css-adaptive {
		width: 50%;
		/* margin: 0 50%; */
	}
	.go-up, .go-down {
		visibility:hidden;
	}
	.top-nav ul li a {
		padding:10px 5px;
		font-size: 12px;
	}
	.search-bar input[type="text"] {
		width: 120px;
	}
	.col_1_of_5{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_5 {
		width:94%;
		padding:3%;  
	}
	.span_2_of_3 {
		width:94%;
		padding:3%; 
	}
	.col{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%; 
	}
	.contact-form input[type="text"],.contact-form textarea{
		width:97%;
	}
	.span_1_of_4 {
		width: 22.8%;
	}
	.dc-head {
		width:100%;
		float:none;
	}
	.top-nav {
		padding-top: 1.6%;
	}
	.span_1_of_2 {
		width:100%;
	}
	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.about-histore {
		float: none;
		width: 100%;
	}
	.about-services {
		width: 100%;
		float: none;
		margin-left: 0px;
	}
	.span_1_of_4 {
		width: 100%;
	}
	.span_1_of_services {
		width: 48%;
	}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
	.wrap {
		width:95%;
	}
	.css-adaptive {
		width: 50%;
		/* margin: 0 50%; */
	}
	.go-up, .go-down {
		visibility:hidden;
	}
	.top-nav ul li a {
		padding: 10px 10px;
	}
	.search-bar input[type="text"] {
		width: 120px;
	}
	.span_2_of_3 {
		width:94%;
		padding:3%; 
	}
	.col{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%; 
	}
	.span_1_of_4 {
		width: 22.8%;
	}
	.dc-head {
		width:100%;
		float:none;
	}
}
/*@media screen and (min-width: 768px) and (max-width: 779px) {}*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.wrap{
		width:90%;
	}
	.css-adaptive {
		width: 70%;
		/* margin: 0 30%; */
	}	
	.top-nav ul li a {
		padding: 10px 15px;
	}
}
@media screen and (min-width: 1204x) and (max-width: 1681px) {
	.wrap{
		width:90%;
	}
}