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, font, img, ins, 
kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, 
dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, 
tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100.01%;
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    vertical-align: baseline;
}
html {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none; 
}
button {overflow:visible;} /*reset padding ie6-7*/
input[type=’submit’]::-moz-focus-inner{padding:0;border:0} /*выравнивание надписей на input firefox*/
body {
    background: #dfeef7 url(/img/bc.png) top repeat-x;
}
#wrap {
    width:1080px;
    /*padding:0 20px 0 100px;*/
    overflow: hidden;
    background: url(/img/header_pic.jpg) left top no-repeat;
    position: relative;
    //z-index:70;
	margin: 0 auto;
}
    #header {
	height:335px;
	clear:both;
	position: relative;
	margin-bottom:20px;
	background: url(/img/header_bc.jpg) 230px top no-repeat;
	//z-index:80;
    }
	.pl_tel {
		box-sizing: border-box;
		text-align: left;
		padding-left: 5px;
	}
	.pl_tel a {
		text-decoration: none;
		color: #fff;
	}
    #footer {
	clear:both;
	padding:3px 0;
	position: relative;
	padding-top:20px;
	padding-bottom:10px;
    }
    #content {
	width:100%;
	float:left;
	margin-left:-220px;
    }
	#cnt {
	    margin-left:240px;
	    background: #fff;
	    padding:10px;
	}
    #side {
	width:220px;
	float:left;
	position: relative;
	margin-top:-60px;
    }
a {color:#607184;}
a:hover{text-decoration: none;}
p {
    color:#666;
    padding-bottom:15px;
    line-height: 1.5;
    text-align: justify;
}

#side_flashing {
position:absolute; margin-top:-250px;
}

#content ul {
    list-style-position: inside;
    margin-left: 33px;
    margin-bottom: 20px;
}

#content ul>li {
    color:#666;
    text-align: justify;
}

#content table{
    border-collapse: collapse;
}

#content tr>td{
    border: 1px solid black !important;
}

.header_menu {
    margin: 0;
    padding: 0;
	text-align:center;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100.01%;
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    vertical-align: baseline;
	z-index: 11;
}
#cnt>p:first-letter {
    padding-left:30px;
}
h1,h2,h3 {
    color:#084080;
    padding-bottom:5px;
    padding-left:30px;
}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
/*====================================*/
/*=================header=============*/
/*====================================*/
.header_pic {
    width:347px;height:196px;
    background: url(/img/header_pic2.png);
    position: absolute;
    right:0px;top:88px;
}
.header_logo {
    display: block;
    width:546px;height:98px;
    position: absolute;
    top:130px;left:270px;
    background: url(/img/header_logo.png);
}
.header_pics {
    width:100%;
    text-align: center;
    position: absolute;
    left:0;right:0;top:205px;
}
.header_pl {
    width:323px;height:77px;
    padding-top:10px;
    background: url(/img/header_cont.png);
    position: absolute;
    top:0;right:0;
    text-align: center;
    font-size:23px;
    color:#fff;
    text-shadow:0.5px 0.5px black;
}
    .pl_adr {
	float:right;
	color: initial;
	font-size:17px;
	padding-bottom:5px;
	margin-bottom:3px;
	line-height: normal;
	background: url(/img/header_cont_line.png) center bottom no-repeat;
    }
	.pl_adr a {color:#fff;}
    .pl_ico {
	float:left;
	display: block;
	width:50px;height:34px;
	background: url(/img/header_cont_pic.png);
	position: absolute;
	top:0;right:-20px;
    }
    .pl_icons {
	 line-height: 60%;
	    color: initial;
	/*text-align: left;*/
	font-size:15px;
	line-height: normal;
    }
	.pl_icons a {color:#fff;}
	/*.pl_icons a {
	    display:inline-block;
	    //display:inline;
	    zoom:1;
	    width:12px;height:10px;
	    background: url(/img/header_cont_ico.png);
	    vertical-align: top;
	}
	    .pl_icons a.item1 {background-position: 0 0;}
	    .pl_icons a.item2 {background-position: -26px 0;}
	    .pl_icons a.item3 {background-position: 100% 0;}*/
.header_menu {
	margin:0;
	padding:0;
	 text-align: center;
    width:100%;height:52px;
    background: url(/img/menu_bc.png);
    position: absolute;
    bottom:0;right:0;
    //z-index:90;
}
    .header_menu ul {
	list-style: none;
	//z-index:100;
    }
	.header_menu>ul>li {
		display:inline-block;
		margin:0;
	    height:52px;
	    line-height: 52px;
	    padding:0 15px;
	    position: relative;
	    background: url(/img/menu_border.png) left center no-repeat;
	    //z-index:120;
	}
	.header_menu>ul>li:hover ul {
	    display: block;
	}
	.header_menu>ul>li:first-child {
	    background: none;
	    padding-left:15px;
	}
	    .header_menu>ul>li>a {
		font-family: "Tahoma";
		
		display: block;
		margin-top:10px;
		height:31px;
		line-height: 31px;
		text-transform: uppercase;
		font-size:18px;
		color:#fff;
		text-decoration: none;
		text-shadow:1px 1px 0 #333;
		font-style: initial;
		letter-spacing: -1px;
	    }
	    .header_menu>ul>li>a:hover {
		text-decoration: underline;
	    }
	    .header_menu>ul>li>a.active {
		padding:0 10px;
		color:#074176;
		border-radius:10px;
		text-shadow:1px 1px 0 #999;
		background: url(/img/gr.png) 0 -78px repeat-x;
	    }
    .header_menu ul li ul {
	display: none;
	position: absolute;
	top:100%;left:0;
	border:1px solid #aaa;
	border-top:none;
	border-radius:0 0 15px 15px;
	padding:15px 5px 0 5px;
	//z-index:150;
    }
    ul.type1 {
	background: #9ba5b2;
	z-index:999;
    }
    ul.type2 {
	background: #eb9d33;
	z-index:999;
    }
	.header_menu ul li ul li {
	    padding:0;
	    clear:both;
	    background: url(/img/menu_line.png) center bottom no-repeat;
	    line-height: normal;
	    font-size:14px;
	    position: relative;
	    //z-index:180;
	    //zoom:1;
	    //display: inline;
	}
	.header_menu ul li ul li:last-child {
	    background: none;
	}
	    .header_menu ul li ul li a {
		white-space: nowrap;
		display: block;
		padding:5px 5px 5px 15px;
		color:#fff;
		text-decoration: none;
		background: url(/img/menu_marker.png) left 10px no-repeat;
		position: relative;
		text-align:left;
		//z-index:200;
		//zoom:1;
	    }
	    .header_menu ul li ul li a:hover {
		text-decoration: underline;
	    }
		
/*====================================*/
/*=================footer=============*/
/*====================================*/
.footer_copy {
    width:100%;
    padding:10px 0;
    text-align: center;
    font-size:12px;
    color:#172e68;
    background: url(/img/footer_bc.png) center top repeat-y;
}
/*====================================*/
/*=================side===============*/
/*====================================*/
#side .h3 {
    display: block;
    width:220px;height:34px;
    line-height: 34px;
    background: url(/img/side_h.png);
    margin-bottom:10px;
    padding:0;
    font-size:18px;
    text-transform: uppercase;
    text-align: center;
    color:#fff;
    text-shadow:0 0 3px #000;
}
.side_link {
    display: block;
    clear:both;
    margin-bottom:20px;
    width:220px;
    overflow: hidden;
}
.side_block {
	margin-top:56px;
    overflow: hidden;
    /*padding-bottom:30px;*/
}
.side_menu {
    list-style: none;
}
    .side_menu li {
	clear:both;
	zoom:1;
	background: url(/img/side_decor.png) left bottom repeat-x;
    }
	.side_menu li a {
	    display: block;
	    padding:7px 5px 7px 13px;
	    background: url(/img/side_marker.png) left 10px no-repeat;
	    font-size:15px;
	    text-decoration: none;
	}
	.side_menu li a.active,
	.side_menu li a:hover {
	    text-decoration: underline;
	}
.side_new {
    clear:both;
}
    .side_new .new_data {
	display:inline-block;
	//display:inline;
	zoom:1;
	padding:0 3px;
	margin-bottom:5px;
	background: #aaaaaa;
	clear:both;
	height:19px;
	line-height: 19px;
	/* font-size:10px; */
	color:#fff;
    }
	.side_new p {
	    line-height: 0.9;
	}
	.side_new p a {
	    /* font-size:10px; */
	    color:#000;
	    text-decoration: none;
	    line-height: normal;
	    text-align: justify;
	}
	.side_new p a:hover {
	    text-decoration: underline;
	}
    .all_news {
	font-size:10px;
	padding-right:10px;
	float:right;
	padding:10px 30px;
	background:#fff;
	border-radius:10px 0 0 10px;
    }
	.all_news a {
	    display: block;
	    background:  url(/img/arr.png) right center no-repeat;
	    padding-right:10px;
	}
/*====================================*/
/*=================content============*/
/*====================================*/
.akc {
    clear:both;
    width:470px;height:75px;
    background: url(/img/akc_bc.png) no-repeat;
    padding-left:220px;
    padding-right:30px;
    position: relative;
}
    .akc_h {
	float:left;
	position: absolute;
	top:15px;left:30px;
    }
    .akc p {
	font-size:12px;
	padding:5px 0 0 0;
	line-height: 1.7;
	color:#2c3c4d;
    }
    .akc .akc_more {
	text-transform: uppercase;
	font-size:14px;
	display: block;
	text-align: right;
	margin-top:-20px;
    }
ul.gal {
    list-style: none;
    text-align: justify;
    overflow: hidden;
}
ul.gal:after {
    content:"";
    display:inline-block;
    //display:inline;
    zoom:1;
    width:100%;height:0;
    overflow:hidden;
}
    ul.gal li {
	display:inline-block;
	//display:inline;
	zoom:1;
	border:2px solid #fff;
	box-shadow:0 0 3px #aaa;
	//margin-right:20px;
    }
	ul.gal li a img {
	    display: block;
	}
.cnt_menu {
    text-align: center;
    list-style: none;
    margin-bottom:10px;
}

    ul.cnt_menu {
        margin-left: 0px !important;    
    }

    .cnt_menu>li {
	display:inline-block;
	//display:inline;
	zoom:1;
	position: relative;
    }
    .cnt_menu>li:hover ul {
	display: block;
    }
	.cnt_menu>li>a {
	    font-size:19px;
	    font-style: italic;
	    color:#084080;
	    display: block;
	    height:185px;width:185px;
	    overflow: hidden;
	    position: relative;
	}
	    .cnt_menu>li>a>span {
		display: block;
		width:100%;height:50px;
		line-height: 50px;
		overflow: hidden;
		background: url(/img/bc_tr.png);
		position: absolute;
		bottom:20px;left:0;
        text-align:center;
	    }
	    .cnt_menu>li>a>span span {
		
		font-family: "Tahoma";
		font-style:initial;
		
		display:inline-block;
		//display:inline;
		zoom:1;
		line-height: 21px;  
		font-size:17px;
		margin:7px 1px 1px  1px;
		color:#084080;
		vertical-align: middle;
		text-transform: uppercase;
		text-shadow:0 0 7px #fff,0 0 7px #fff,0 0 3px #fff,
		0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
	    }
	    .cnt_menu>li:hover>a>span {
		background: url(/img/bc_tr_a.png);
	    }
	    .cnt_menu>li:hover>a>span span {color:#925400;//color:#fff;}
    .cnt_menu li ul {
	display: none;
	padding:10px;
	list-style: none;
	overflow: hidden;
	position: absolute;
	top:100%;left:0;
	width:165px;
	border-radius:15px 15px 0 0;
	text-align: left;
	background:#e78600 url(/img/gr.png) left -109px repeat-x;
    }
	.cnt_menu li ul li {
	    clear:both;
	    padding:4px 0;
	}
	    .cnt_menu li ul li a {
		display: block;
		clear:both;
		padding-left:20px;
		background: url(/img/cnt_menu_marker.png) left 4px no-repeat;
		font-size:15px;
		color:#fff;
		text-shadow:1px 1px 3px #ea8f0b;
		text-decoration: none;
	    }
	    .cnt_menu li ul li a:hover {
		text-decoration: underline;
	    }
.cnt_menu2 {
    list-style: none;
    overflow: hidden;
    clear:both;
    padding-bottom:10px;
    padding-left:15px;
}
    .cnt_menu2 li {
	float:left;
	margin-right:10px;
    }
	.cnt_menu2 li a {
	    display: block;
	    min-width:100px;
	    text-align: center;
	    height:39px;
	    line-height: 39px;
	    padding:0 25px;
	    font-size:18px;
	    color:#fff;
	    text-decoration: none;
	    border-radius:5px;
	    background: url(/img/gr.png) 0 -39px repeat-x;
	}
	.cnt_menu2 li a:hover,
	.cnt_menu2 li a.active {
	    background-position: 0 0;
	}
.bread {
    clear:both;
    padding-bottom:20px;
    font-size:15px;
    color:#666;
    padding-left:20px;
}
    .bread a {
	color:#4494ef;
    }
    .bread a:after {
	content:"/";
	color:#666;
	display:inline-block;
	//display:inline;
	zoom:1;
	padding:0 0 0 5px;
    }
/*====================================*/
/*=================header=============*/
/*====================================*/

/*====================================*/
/*=================header=============*/
/*====================================*/

/*====================================*/
/*=================header=============*/
/*====================================*/




























/*
    width: expression((documentElement.offsetWidth || document.body.offsetWidth) < 970 ? '970px' : 'auto' && (documentElement.offsetWidth || document.body.offsetWidth) > 1400 ? '1400px' : 'auto');*/
/*
font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-family: "Comic Sans MS", "Monaco CY", cursive;
font-family: "Courier New", "Nimbus Mono L", monospace;
font-family: Georgia, "Century Schoolbook L", Serif;
font-family: Impact, "Charcoal CY", sans-serif;
font-family: "Lucida Console", Monaco, monospace;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-family: Tahoma, "Geneva CY", sans-serif;
font-family: "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
font-family: "Trebuchet MS", "Helvetica CY", sans-serif;
font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
*/
/*Меню по центру---------------------------------------
div.header_menu {
    position:relative;
    overflow:hidden;
}
    .header_menu ul {
	list-style:none;
	float:left;
	position:relative;
	left:50%;
    }
	.header_menu li {
	    float:left;
	    position:relative;
	    right:50%;
	}
*/

       
/* footer bottom
    html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
    }
    #content {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	padding:0 80px;
	color: #646464;
	text-align: justify;
    }
    .empty {
	height:100px;
    }
    #footer {
	position:relative;
	margin-top:-100px;
	height:90px;
	width:100%;
	background:#646464;
	border-top:10px solid #389DC3
    }*/





/* clear fix vmesto overflow:hidden 

#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;    
    zoom: 1;
    *display: block;
}*/

/*
.vshp_ul3 {
background: #3d3d3d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkM2QzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODE4MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #3d3d3d 0%, #181818 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#181818));
background: -webkit-linear-gradient(top,  #3d3d3d 0%,#181818 100%); 
background: -o-linear-gradient(top,  #3d3d3d 0%,#181818 100%); 
background: -ms-linear-gradient(top,  #3d3d3d 0%,#181818 100%); 
background: linear-gradient(top,  #3d3d3d 0%,#181818 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#181818',GradientType=0 );

    color: #FFFFFF;
    font: 14px Tahoma;
    margin: 20px auto;
    padding: 10px 10px;
    width: 655px;
}

*/

/* style chekbox
    .chk input {position: absolute;left:-9999px;}
    .chk input+label {background: url(/img/chk.png) 0 0 no-repeat;padding-left:30px;}
    .chk input:checked+label {background: url(/img/chk_a.png) 0 0 no-repeat;padding-left:30px;}

*/



/*contact form*/
#mask {
background-color:#000;
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:9000;
}

#contact {
background-color:#fff;
display:none;
left:50%;
margin-left:-300px;
position:absolute;
top:90px;
width:600px;
z-index:9999;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:20px;
}

#close {
cursor:pointer;
font-family:arial, sans-serif;
font-size:20px;
font-weight:700;
line-height:24px;
text-decoration:underline;
text-align:right;
padding:5px 30px 5px 5px;
}

#contact_header {
font-family:arial, sans-serif;
font-size:30px;
font-weight:700;
line-height:50px;
padding:5px 5px 10px 60px;
}


/* form components */
input,textarea {
border:1px solid silver;
background-color:#fff;
color:#404040;
font-size:10px;
font-family:Verdana, Arial, sans-serif;
text-transform:uppercase;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0;
padding:10px;
}

input:hover[type=text],input:focus[type=text],textarea:hover,textarea:focus {
background-color:#E0E0E0;
border:1px solid #000;
}

input[type=text],textarea {
width:300px;
}

#submit {

}

#submit:hover {
cursor:pointer;
}

/* alert messages */
.success,.error {
color:#000;
display:none;
font-size:15px;
font-weight:700;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:5px 10px 5px 10px;
margin-bottom: 10px;
}

.success {
background-color:#9F6;
border:1px solid #0F0;
}

.error {
background-color:#F66;
border:1px solid red;
}

.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('/images/elements/icon_top.png') no-repeat;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes red-button {
    0%   {background-color: #912828; color: #ffffff}
    16%  {background-color: #ffffff; color: #912828;}
    33% {background-color: #912828; color: #ffffff}
}

/* Standard syntax */
@keyframes red-button {
    0%   {background-color: #912828; color: #ffffff}
    16%  {background-color: #ffffff; color: #912828;}
    33% {background-color: #912828; color: #ffffff}
}


.red-flashing-button {
    background-color: #912828;
    -webkit-animation-name: red-button; /* Chrome, Safari, Opera */
    animation-name: red-button;
    -webkit-animation-duration: 6s; /* Chrome, Safari, Opera */
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;
    

}

/* Chrome, Safari, Opera */
@-webkit-keyframes yellow-button {
    0%   {background-color: #EB9800; color: #ffffff}
    16%  {background-color: #ffffff; color: #EB9800;}
    33%   {background-color: #EB9800; color: #ffffff}
}

/* Standard syntax */
@keyframes yellow-button {
    0%   {background-color: #EB9800; color: #ffffff}
    16%  {background-color: #ffffff; color: #EB9800;}
    33%   {background-color: #EB9800; color: #ffffff}
}

.color-btn {
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	display: inline-block;
    width: 183px;
    height: 36px;
    color: #ffffff;
    text-align: center;
    padding: 18px 18px 0 18px;
    font-size: 16px;
    font-weight: bold;
    border-radius:5px;
    text-decoration: none;
    margin-bottom: 4px;
border: 1px solid #333;
}

#side_flashing .red { background: #912828; }
#side_flashing .yellow { background: #EB9800; }
#side_flashing .green {	background: #449d44; padding: 9px 18px 9px 18px;}
#side_flashing .blue { background: #cc6226; padding: 9px 18px 9px 18px; }

#side_flashing .red-active { background: #fff; color: #912828; }
#side_flashing .yellow-active { background: #fff; color: #EB9800; }
#side_flashing .green-active {	background: #fff; color: #449d44; }
#side_flashing .blue-active { background: #fff; color: #cc6226; }


.yellow-flashing-button {
    background-color: #EB9800;
    -webkit-animation-name: yellow-button; /* Chrome, Safari, Opera */
    animation-name: yellow-button;
    -webkit-animation-duration: 6s; /* Chrome, Safari, Opera */
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
    display: inline-block;
    width: 220px;
    height: 35px;
    color: #ffffff;
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
    font-weight: bold;
    border-radius:5px;
    text-decoration: none;
    margin-bottom: 10px;
border: 1px solid #333;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes green-button {
    0%   {background-color: #449d44; color: #ffffff}
    16%  {background-color: #ffffff; color: #449d44;}
    33% {background-color: #449d44; color: #ffffff}
}

/* Standard syntax */
@keyframes green-button {
    0%   {background-color: #449d44; color: #ffffff}
    16%  {background-color: #ffffff; color: #449d44;}
    33% {background-color: #449d44; color: #ffffff}
}


.green-flashing-button {
    background-color: #449d44;
    -webkit-animation-name: green-button; /* Chrome, Safari, Opera */
    animation-name: green-button;
    -webkit-animation-duration: 6s; /* Chrome, Safari, Opera */
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;
    -webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
    animation-delay: 4s;
    display: inline-block;
    width: 220px;
    height: 35px;
    color: #ffffff;
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
    font-weight: bold;
    border-radius:5px;
    text-decoration: none;
    margin-bottom: 10px;
border: 1px solid #333;
}


@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-100%, 0)
    }
}

@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}


@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-50%, 0)
    }
}


.marquee {
/*margin-left:-15%;*/
text-decoration: none;
    display: block;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
		border-radius:4px;
	box-shadow:0 1px 2px #777;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
background: rgba(247,197,123,1);
background: -moz-linear-gradient(left, rgba(247,197,123,1) 0%, rgba(246,246,246,1) 73%, rgba(249,249,249,1) 82%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,197,123,1)), color-stop(73%, rgba(246,246,246,1)), color-stop(82%, rgba(249,249,249,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(247,197,123,1) 0%, rgba(246,246,246,1) 73%, rgba(249,249,249,1) 82%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(247,197,123,1) 0%, rgba(246,246,246,1) 73%, rgba(249,249,249,1) 82%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(247,197,123,1) 0%, rgba(246,246,246,1) 73%, rgba(249,249,249,1) 82%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(247,197,123,1) 0%, rgba(246,246,246,1) 73%, rgba(249,249,249,1) 82%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c57b', endColorstr='#ffffff', GradientType=1 );}
.marquee a {text-decoration: none;}
.marquee span {
text-decoration: none;
    display: inline-block;
    padding-left: 50%;
    -webkit-animation: scroll 55s infinite linear;
    -moz-animation: scroll 55s infinite linear;
    animation: scroll 55s infinite linear;
}
.table_hub {
	border-style: none;
	width: 100%;
	text-align: center;
	margin: 10px, auto;
}
.tr_hub {
	border-style: none;
	width: 100%;
	text-align: center;
	padding: 2px;
}
.td_hub {
	border-style: none;
	width: 100%;
	text-align: center;
	padding: 2px;
}
/* imports */
@import url(https://fonts.googleapis.com/css?family=Lobster);

/* resets */

.clearfix:after {
	content: "";
  display: table;
  clear: both;
}


.wrapper {
  margin: 0 auto;
  padding: 20px;
  max-width: 95%;
  background-color: #fff;
}
h1 {
  font-family: "Times New Roman";
  font-size: 2em;
  margin-bottom: 10px;
}
h2 {
  font-weight: 700;
}

/* grid */
[class*="row-"] {
  margin-bottom: 20px;
}
[class*="row-"]:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
}

@media all and ( min-width: 768px ) {
  
  /* all cols margin */
  [class*="col-"] {
    margin-right: 20px;
  }
  [class*="col-"]:last-child {
    margin-right: 0;
  }
  
  /* make the columns responsive */
  .col-1-2 {
    float: left;
    width: 50%;
  }
  .col-1-4 {
    float: left;
    width: 25%;
  }
  .col-1-8 {
    float: left;
    width: 25%;
  }
  
  /* 2 span rows */
  .row-2 {
    padding-left: 20px;
  }
  .row-2 [class*="col-"]:first-child {
    margin-left: -20px;
  }
  
  /* 4 span rows */
  .row-4 {
    padding-left: 60px;
  }
  .row-4 [class*="col-"]:first-child {
    margin-left: -60px;
  }
  
  /* 8 span rows */
  .row-8 {
    padding-left: 60px;
  }
  .row-8 [class*="col-"]:nth-child(4n+1) {
    margin-left: -60px;
  }
  .row-8 [class*="col-"]:nth-child(5n-1) {
    margin-right: 0;
  }
  .row-8 [class*="col-"]:nth-child(6n-1) {
    clear: both;
  }
  
}

@media all and ( min-width: 1200px ) {
  
  /* adjust width */
  .col-1-8 {
    float: left;
    width: 12.5%;
  }
  
  /* 8 span rows */
  .row-8 {
    padding-left: 140px;
  }
  /* reset these... */
  .row-8 [class*="col-"]:nth-child(4n+1) {
    margin-left: 0;
  }
  .row-8 [class*="col-"]:nth-child(5n-1) {
    margin-right: 20px;
  }
  .row-8 [class*="col-"]:nth-child(6n-1) {
    clear: none;
  }
  /* and add this */
  .row-8 [class*="col-"]:nth-child(1) {
    margin-left: -140px;
  }
  
}