.grid-wrap {
	clear: both;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
}

.grid {
	margin: 30px auto;
	padding: 0;
	list-style: none;
	min-height: 500px;
}

.js .grid {
	background: url(../img/loading.gif) no-repeat 50% 100px;
}

.js .grid.loaded {
	background: none;
}

.grid li {
	display: inline-block;
	overflow: hidden;
	width: 290px;
	text-align: left;
	vertical-align: top;
}

.js .grid li {
	display: none;
	float: left;
}

.js .grid.loaded li {
	display: block;
}

/* Title box */
.title-box h2 {
	display: block;
	margin: 7px;
	padding: 20px;
	background: #2E3444;
	color: #fff;
	font-weight: 100;
    cursor: context-menu;
}
.title-box h2 a, .title-box h2 span {
	font-weight: 100;
    color: #0197CE;
}
.title-box h2 a:hover {
	color: #fff;
}

/* Anchor and image */
.grid li > a,
.grid li img {
	display: block;
	outline: none;
	border: none;
}

.grid li > a {
	position: relative;
	overflow: hidden;
	margin: 7px;
    cursor: pointer;
}

/* Curtain element */
.grid .curtain {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #878787;
    cursor: pointer;
}


.grid.swipe-right .curtain {
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

.grid.swipe-down .curtain {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.grid.swipe-rotate .curtain {
	width: 200%;
	height: 200%;
	-webkit-transform: rotate3d(0,0,1,90deg);
	transform: rotate3d(0,0,1,90deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
}

/* Shadow */
.grid .curtain::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2E3444;
	content: '';
}

.grid.swipe-right .curtain::after,
.grid.swipe-rotate .curtain::after {
	left: -100%;
}

.grid.swipe-down .curtain::after {
	top: -100%;
}

/* Title */
.grid li h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	width: 100%;
	background: #2E3444;
	color: #fff;
	text-align: left;
    font-size: 14px;
	font-weight: 100;
	-webkit-transition: -webkit-transform 0.2s, color 0.2s;
	-moz-transition: transform 0.2s, color 0.2s;
	-o-transition: transform 0.2s, color 0.2s;
	transition: transform 0.2s, color 0.2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    cursor: pointer;
}

/* Pseudo element for hover effect */
.grid li > a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100.5%;
	height: 100.5%;
	border: 0px solid transparent;
	background: rgba(0,0,0,0);
	content: '';
	-webkit-transition: border-width 0.2s, border-color 0.2s;
	-moz-transition: border-width 0.2s, border-color 0.2s;
	-o-transition: border-width 0.2s, border-color 0.2s;
	transition: border-width 0.2s, border-color 0.2s;
}

/* Hover effects */
.grid li.shown:hover h3 {
	color: #fff;
	-webkit-transform: translate3d(0,-30px,0);
	-moz-transform: translate3d(0,-30px,0);
	-o-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
    overflow: auto;
    white-space: normal;
}

.grid li.shown:hover > a::before {
	/*border-width: 14px;*/
	/*border-color: #2E3444;*/
}

/* Animations */

/* Swipe right */
.grid.swipe-right li.animate .curtain {
	-webkit-animation: swipeRight 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
	-moz-animation: swipeRight 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
	-o-animation: swipeRight 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
	animation: swipeRight 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
}

@-webkit-keyframes swipeRight {
	0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
	50%, 60% { -webkit-transform: translate3d(0,0,0); }
	100% { -webkit-transform: translate3d(100%,0,0); }
}

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

/* Swipe down */
.grid.swipe-down li.animate .curtain {
	-webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
	animation: swipeDown 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
}

@-webkit-keyframes swipeDown {
	0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
	50%, 60% { -webkit-transform: translate3d(0,0,0); }
	100% { -webkit-transform: translate3d(0,100%,0); }
}

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

/* Swipe rotate */
.grid.swipe-rotate li.animate .curtain {
	-webkit-animation: swipeRotate 1.5s ease forwards;
	animation: swipeRotate 1.5s ease forwards;
}

@-webkit-keyframes swipeRotate {
	0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
	50%, 60% { -webkit-transform: rotate3d(0,0,1,0deg); }
	100% { -webkit-transform: rotate3d(0,0,1,-90deg); }
}

@keyframes swipeRotate {
	0% {}
	50%, 60% { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); }
	100% { -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); }
}

/* Shadow */
.grid li.animate .curtain::after {
	-webkit-animation: fadeOut 1.5s ease forwards;
	animation: fadeOut 1.5s ease forwards;
	-webkit-animation-delay: inherit;
	animation-delay: inherit;
}

@-webkit-keyframes fadeOut {
	0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
	50%, 60% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes fadeOut {
	0% {}
	50%, 60% { opacity: 1; }
	100% { opacity: 0; }
}

/* Hide image and title and show at half time */
.js .grid li img,
.js .grid li h3 {
	visibility: hidden;
}

.grid li.animate img,
.grid li.animate h3 {
	-webkit-animation: showMe 1.5s step-end forwards;
	animation: showMe 1.5s step-end forwards;
}

@-webkit-keyframes showMe {
	from { visibility: hidden; }
	60%, 100% { visibility: visible; }
}

@keyframes showMe {
	from { visibility: hidden; }
	60%, 100% { visibility: visible; }
}

.grid li.shown img,
.grid li.shown h3 {
	visibility: visible;
}
video {
    width: 100%;
}
form.a-search {
    width: 100%;
}

.a-nav-i {
    display: inline-block;
    padding: 4px 8px;
    border: 0;
}
i.a-nav-i.a-b-l {
    padding: 20px;
    font-size: 14px;
    text-align: center;
}
.a-button-site, .a-button-foot {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
button, .a-button-site {
    border: 0;
    padding: 10px;
    font-size: 14px;
    text-align: center;
}
.a-button-foot {
    background-color: #ed9d2c;
    background-image: -moz-linear-gradient(top,#fcbe47,#d76c03);
    background-image: -ms-linear-gradient(top,#fcbe47,#d76c03);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fcbe47),to(#d76c03));
    background-image: -webkit-linear-gradient(top,#fcbe47,#d76c03);
    background-image: -o-linear-gradient(top,#fcbe47,#d76c03);
    background-image: linear-gradient(top,#fcbe47,#d76c03);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcbe47',endColorstr='#d76c03',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
.a-button-foot:hover {
    background-color: #ed9d2c;
    background-image: -moz-linear-gradient(top,#d76c03,#fcbe47);
    background-image: -ms-linear-gradient(top,#d76c03,#fcbe47);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#d76c03),to(#fcbe47));
    background-image: -webkit-linear-gradient(top,#d76c03,#fcbe47);
    background-image: -o-linear-gradient(top,#d76c03,#fcbe47);
    background-image: linear-gradient(top,#d76c03,#fcbe47);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d76c03',endColorstr='#fcbe47',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
.a-button-foot:active {
    background-color: #d76c03;
    background-image: -moz-linear-gradient(top,#d76c03,#d76c03);
    background-image: -ms-linear-gradient(top,#ed9d2c,#ed9d2c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#d76c03),to(#d76c03));
    background-image: -webkit-linear-gradient(top,#d76c03,#d76c03);
    background-image: -o-linear-gradient(top,#d76c03,#d76c03);
    background-image: linear-gradient(top,#d76c03,#d76c03);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d76c03',endColorstr='#d76c03',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
.a-button, form.a-search .a-sear-field, form.a-search .a-sear-button {
    border: 0;
    padding: 20px;
    font-size: 14px;
    height: 56px;
    float: left;
}
input.a-sear-field {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    background: rgba(255, 255, 255, 0) url("../img/pois.svg") 10px 15px no-repeat;
    padding-left: 45px !important;
}
input.a-sear-field:hover, input.a-sear-field:active, input.a-sear-field:focus, input.a-sear-field:after {
    background:  #485168 url("../img/pois.svg") 10px 15px no-repeat;
 }
input.a-sear-field {
    border-left: 1px solid #fff !important;
    width: 83%;
}
button.a-button, button, .a-button-site, a.a-button:hover, div.form input[type="file"]:hover {
    background-color: #0084b4;
    background-image: -moz-linear-gradient(top,#0197CE,#00719b);
    background-image: -ms-linear-gradient(top,#0197CE,#00719b);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0197CE),to(#00719b));
    background-image: -webkit-linear-gradient(top,#0197CE,#00719b);
    background-image: -o-linear-gradient(top,#0197CE,#00719b);
    background-image: linear-gradient(top,#0197CE,#00719b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0197CE',endColorstr='#00719b',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
}
button.a-button:hover, button:hover, .a-button-site:hover  {
    background-color: #0084b4;
    background-image: -moz-linear-gradient(top,#00719b,#0197CE);
    background-image: -ms-linear-gradient(top,#00719b,#0197CE);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#00719b),to(#0197CE));
    background-image: -webkit-linear-gradient(top,#00719b,#0197CE);
    background-image: -o-linear-gradient(top,#00719b,#0197CE);
    background-image: linear-gradient(top,#00719b,#0197CE);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00719b',endColorstr='#0197CE',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
button.a-button:active, a.a-button:active,  button:active, .a-button-site:active {
    background-color: #0084b4;
    background-image: -moz-linear-gradient(top,#0084b4,#0084b4);
    background-image: -ms-linear-gradient(top,#0084b4,#0084b4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0084b4),to(#0084b4));
    background-image: -webkit-linear-gradient(top,#0084b4,#0084b4);
    background-image: -o-linear-gradient(top,#0084b4,#0084b4);
    background-image: linear-gradient(top,#0084b4,#0084b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084b4',endColorstr='#0084b4',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
button.a-button {
    width: 100%;
}
input.a-sear-button {
    background: rgba(255, 255, 255, 0) url("../img/poisk.svg") center center no-repeat;
    cursor: alias;
    margin: 0;
    height: 50px;
}
a.a-button {
    width: 100%;
    text-align: center;
    height: 56px;
    margin: 0;
    float: left;
    border: 0;
    outline: 0;
    background: #242936;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
}
input {outline: none;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #2E3444 !important; /* Цвет фона */
    -webkit-text-fill-color: #fff !important; /* цвет текста */
    color: #fff !important; /* цвет текста */
    background: #485168;
}
button:active, .a-button:active, button:focus, .a-button:focus, form.a-search .a-sear-field:active, form.a-search .a-sear-field:focus, form.a-search .a-sear-button:active, form.a-search .a-sear-button:focus, a.a-button:focus, a.a-button:active, div.form select:focus, div.form select:active, .a-rightpoint:hover, .a-leftpoint:hover, .a-rightpoint:active, .a-leftpoint:active, .a-rightpoint:focus, .a-leftpoint:focus, .a-lightPlayer.a-player:focus, .a-lightPlayer .a-stages:focus, .toolbar a   {
outline: 0;
}
.a-bor {
    margin: 5px 0;
    border: dashed 1px #848EAA;
    padding: 3px;
}
a.a-b-v {
    padding: 4px 10px;
    display: inline-block;
}
span.a-t:hover{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform: scale(2) rotate(0deg);
    -moz-transform: scale(2) rotate(0deg);
    -o-transform: scale(2) rotate(0deg);
    transform: scale(2) rotate(0deg);
    background: url("../img/logo-1.svg");
}
span.a-t {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    width: 80px;
    height: 80px;
    background: url("../img/logo.svg");
    display: inline-block;
}
.a-sh {
    color: #fff;
    text-align: center;
}
div.grid_4.a-sh {
    margin-top: -41px;
}
.a-top-b {
    margin: 0 auto;
}
.a-styl {
    text-align: center;
    font-weight: 100;
    /*font-size: 12px;*/
    margin: 0;
}
div.grid_4.a-styl i {
    font-size: 70px;
    display: block;

}
div.grid_4.a-styl i:hover {

}
div h1 span, .a-color {
    color: #848EAA;
    font-size: 25px;
}
.a-grid {
    display: block;
    float: left;
    margin-right: 10px;
}
/*slide*/
/*//////////////////////////////////////////////////////////*/

.a-pointly {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    /*display: block;*/
    position: absolute;
    height: 94%;
    top: 0;
    background: rgba(255, 255, 255, 0);
    opacity: 0;
    filter: alpha(opacity=0);
}
.a-rightpoint:hover {
    cursor: url("../img/right.svg"), ew-resize;
}
.a-leftpoint:hover {
    cursor: url("../img/left.svg"), ew-resize;
}
.a-rightpoint {
    right: 0;
    width: 80%;
}
.a-leftpoint {
    left: 0;
    width: 20%;
}
.a-lightPlayer .a-stages {
    background: #eee;
    bottom: 38px;
    max-height: 100%;
    overflow: hidden;
    top: 0;
    width: 100%;
}
.a-lightPlayer.a-player {
    height: auto;
}
.a-lightPlayer {
    overflow: hidden;
    position: relative;
    height: auto;
}

.a-player {
    position: relative;
}
.a-lightPlayer .toolbar_wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    max-height: 38px;
}
.toolbar {
    background-color: #eee;
    color: #444;
    border-bottom: 1px solid #888;
    border-top: 1px solid #ddd;
    overflow: hidden;
    margin: 0;
    padding: 3px 6px;
    position: relative;
    width: auto;
}
.a-stages:hover ~ .action-btns-container, .a-stages ~ .action-btns-container.hover, .slideDisplayer:hover ~ .action-btns-container, .slideDisplayer ~ .action-btns-container.hover {
    -webkit-transition: opacity .01s ease;
    filter: alpha(opacity=100);
    opacity: 1;
    transition: opacity .01s ease;
}
.action-btns-container {
    -webkit-transition: opacity 1s ease 6s;
    filter: alpha(opacity=100);
    opacity: 0;
    padding: 2px;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: opacity 1s ease 6s;
}
.lightPlayer.a-player {
    height: auto;
}
.toolbar {
    background-color: #eee;
    color: #444;
    border-bottom: 1px solid #888;
    border-top: 1px solid #ddd;
    overflow: hidden;
    margin: 0;
    padding: 3px 6px;
    position: relative;
    width: auto;
}
.toolbar a.btnViewOnSS {
    background-position: -26px -808px;
    border: 1px solid transparent;
    display: none;
    height: 26px;
    margin-top: 2px;
    width: 88px;
}
.toolbar a {
    float: left;
    height: 28px;
    text-indent: -9999em;
    width: 30px;
}
.toolbar label {
    display: block;
    font-size: 14px;
    float: right;
    padding: 8px 6px 0 0;
    margin: 0;
    line-height: 15px;
}
.toolbar a.btnNext, .toolbar a.btnPrevious, .toolbar a.btnLast, .toolbar a.btnFirst {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.toolbar a.btnNext:hover, .toolbar a.btnPrevious:hover, .toolbar a.btnLast:hover, .toolbar a.btnFirst:hover  {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1.2) rotate(0deg);
    -moz-transform: scale(1.2) rotate(0deg);
    -o-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
}
.toolbar .navActions a {
    padding: 6px 0 0;
}
.toolbar a.btnNext {
    background: url("../img/btnNext.svg");
}
.toolbar a.btnPrevious {
    background: url("../img/btnPrevious.svg");
    margin-right: 4px;
}
.toolbar a.btnLast {
    background: url("../img/btnLast.svg");
}
.toolbar a.btnFirst {
    background: url("../img/btnFirst.svg");
}
.goToSlideLabel input {
    display: inline;
}
.toolbar input {
    float: left;
}
.actions {
    background-color: #eee;
    border-top: 1px solid #ddd;
    color: #777;
    overflow: visible;
    padding: 0;
}
.actions ul {
    list-style: none;
    position: relative;
}

.ssActions {
    margin: 4px 0 0 11px;
}
.ssActions li {
    display: inline;
    position: relative;
    text-align: left;
    font-size: 12px;
    margin-right: 5px;
}
.ssActions li a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 8px;
    display: inline-block;
}
.ssActions li.a-fl-r a  {
    background: #848EAA;
    color: #fff;
}
.ssActions li a:hover {
    color: #fff !important;
    background: #485168;
}
ul.ssActions.h-tools {
    padding: 0px;
}
li {
    line-height: 18px;
}
.actions .sprite, .actions .lead-link {
    color: #575757;
    font-weight: 100;
    font-size: 12px;
    line-height: 1.7;
    padding: 2px 15px 2px 0;
}
.iconDownload {
    background-position: -200px -246px;
    padding-left: 12px!important;
}
.action-btn-icon {
    position: relative;
    display: block;
    height: 22px;
    width: 22px;
    margin: 0 auto;
    font-size: 22px;
}
span.action-btn-text {
    font-size: 12px;
}
.actions .sprite, .actions .lead-link {
    color: #575757;
    font-weight: 100;
    font-size: 12px;
    line-height: 1.7;
    padding: 2px 15px 2px 0;
}
.action-btn:hover {
    text-decoration: none;
    background-color: rgba(46, 52, 68, 0.7);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.a-player img {
    border: 0;
}
.a-lightPlayer .slide_image {
    vertical-align: middle;
    max-width: 100%;
}

.a-lightPlayer .slide {
    overflow: hidden;
    width: 100%;
    height: 0;
    text-align: center;
}

.a-lightPlayer .slide.show {
    height: 100%;
    min-height: 50px;
}
.action-btn {
    width: 43px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    clear: both;
    float: right;
    color: #fff;
    background: rgba(46, 52, 68, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    margin: 1px 0;
    text-align: center;
    padding: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    }
div.a-grid-2 span {
    color: #fff;
    background: #848EAA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    margin: 1px 0;
    padding: 3px 8px;
    display: inline-block;
}
div.a-present {
    background: #2E3444;
    color: #fff;
    padding: 20px;
}
.a-hr {
   height: 1px;
    border-bottom: dashed 1px #848EAA;
    clear: both;
    margin: 4px 0;
}
.a-fl-r {
    float: right;
}
div.form .row {
    margin: 20px 0;
}
div.form label {
    font-weight: bold;
    font-size: 0.9em;
    display: table;
    margin-bottom: 5px;
}
div.form select {
    padding: 10px 12px 10px 15px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #848EAA;
}
div.form input, div.form textarea {
    padding: 10px 12px 10px 15px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #848EAA;
}
input.a-button-site {
    border: 0 !important;
}
div.form input[type="file"] {
    background: #848EAA;
    color: #fff;
    border: 1px solid #848EAA;
    padding: 7px 12px 7px 15px;
}
div.form select:hover, div.form select:active, div.form select:focus, div.form input:hover, div.form input:active, div.form input:focus {
    border: 1px solid #0084b4;
}
.summary {
    color: #fff;
    background: #848EAA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    padding: 3px 8px;
    display: inline-block;
    width: auto;
    float: right;
    margin: -50px 0 0 0;
    position: relative;
    z-index: 9;
    -webkit-box-shadow: -10px 0px 15px 3px rgba(255, 255, 255, 1), 10px 0px 15px 6px rgba(255, 255, 255, 1);
    -moz-box-shadow:    -10px 0px 15px 3px rgba(255, 255, 255, 1), 10px 0px 15px 6px rgba(255, 255, 255, 1);
    box-shadow:         -10px 0px 15px 3px rgba(255, 255, 255, 1), 10px 0px 15px 6px rgba(255, 255, 255, 1);
}
.summary-fotter {
    color: #fff;
    background: #848EAA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    padding: 3px 8px;
    display: inline-block;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: -10px 0px 15px 3px rgba(255, 255, 255, 1), 10px 0px 15px 6px rgba(255, 255, 255, 1);
    -moz-box-shadow:    -10px 0px 15px 3px rgba(255, 255, 255, 1), 10px 0px 15px 6px rgba(255, 255, 255, 1);
    box-shadow:         -10px 0px 15px 3px rgba(255, 255, 255, 1), 10px 0px 15px 6px rgba(255, 255, 255, 1);
}
.a-d-none {
    position: relative;
}
.a-d-share {
    display: none;
}
.a-d-none:hover .a-d-share  {
    display: block;
    position: relative;
}
.a-h-shar {
    display: block;
}
a.a_fio {
    display: block;
    padding: 12px 0 0 0;
}
a.a_exit {
    opacity: 0.4;
    filter: alpha(opacity=40);
}
a.a_exit:hover {
    opacity: 1;
}

.Twitter, .G, .Odnoklasniki, .FB, .VK, .mail{
    background: url(../img/sprites.svg) no-repeat;
    width: 33px;
    height: 33px;
    display: block;
}

.Twitter{
    background-position: -8px -5px ;
}

.G{
    background-position: -8px -43px ;
}

.Odnoklasniki{
    background-position: -8px -81px ;
}

.FB{
    background-position: -8px -118px ;
}

.VK{
    background-position: -8px -155px ;
}

.mail{
    background-position: -8px -192px ;
}
#aa-queue-order {
    color: #fff;
    background: #2E3444;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
}


span#slideshow-slide {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    line-height: 1.2;
    margin: -2px 3px 0 0;
    width: 30px;
    padding: 0 3px;
    display: inline-block;
    text-align: left;
    vertical-align: baseline;
}
span.a-namb {
    color: #888;
    font-size: 12px;
}

.a-don {
    text-align: center;
    font-size: 23px;
    font-weight: 100;
    margin: 0 auto;
    font-family: arial,sans-serif;
    display: block;
    background: none;
    color: #333;
    text-shadow: none;
    float: none;
    border: 0;
 }
#toTop {
    text-align:center;
    padding:5px;
    position:fixed;
    bottom:20px;
    right:20px;
    cursor:pointer;
    display:none;
    color: #d76c03;
    font-size:21px;
}
span#test-timer a {
    color: #fff;
    background-color: #ed9d2c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    margin: 1px 0;
    padding: 3px 8px;
    display: inline-block;
}
span#test-timer, .errorSummary p, .errorSummary li, .errorMessage {
    color: #FF2900;
}
.errorSummary ul {
    margin: 0;
    padding: 0 0 0 17px;
}