html{overflow-y: scroll;}
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, center, dl, dt, dd, ol, ul, 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 {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
h1, h2, h3, h4, h5, h6{font-weight: 400;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none; outline: none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
input, textarea, select{font-family: 'Arimo', sans-serif; font-weight: 400; -webkit-appearance: none; appearance: none; border-radius: 0; background: none; border: none; margin: 0; width: 100%;}
textarea{display: block; resize: none; overflow: auto;}
select::-ms-expand{display: none;}
input[type="submit"], input[type="file"]{position: absolute; left: 0; top: 0; width:100%; height:100%; opacity:0; border:none; cursor:pointer; z-index: 1;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
body{font-family:'Arimo', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.6;}
b, strong{font-weight: 400;}
ul, ol{list-style: none;}
a{color: inherit;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*main*/
#content-block{position: relative; overflow: hidden; left: 0;}
.container{max-width: 100%; position: relative;}
.container-fluid{position: relative; padding: 0; margin: 0 30px;}
.container-fluid.wide{margin: 0 75px;}
.overflow-hidden{overflow: hidden;}
html.overflow-hidden body{overflow: hidden;}
@media (min-width: 992px) {
	.row.vertical-aligned-columns{font-size: 0; white-space: nowrap;}
	.row.vertical-aligned-columns > div[class*="col"]{float: none; display: inline-block; vertical-align: middle; white-space: normal;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.container-fluid, .container-fluid.wide{margin: 0 15px;}
}
body:not(.loaded,) *{transition: none !important; -webkit-transition: none!important;}
/*table*/
.table-view{height: 100%; width: 100%; display: table;}
.row-view{display: table-row;}
.cell-view{display: table-cell; vertical-align: middle; width: 10000px;}
/*body selection*/
body ::selection {color: #fff; background: #000;}
body ::-moz-selection {color: #fff; background: #000;}
/*helper classes*/
.line-through{display: inline-block; position: relative; padding: 0 5px;}
.line-through:after{position: absolute; width: 100%; height: 1px; left: 0; top: 50%; background: currentColor; content: "";}
.clearfix:after{content: ""; display: block; clear: both;}
.valign-middle {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}
.valign-middle-content{width: 100%; position: relative;}
.full-size{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.fixed-background{background-size: cover; background-position: center top; background-attachment: fixed;}
body.mobile .fixed-background{background-attachment: scroll;}
.notransition, .notransition *{transition: none!important; -webkit-transition: none!important;}
.thumbnail-image{display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto;}
.float-fix{float: left; width: 100%;}
.scrollfix {line-height: 1.35; overflow: hidden; white-space: nowrap;}

/*hovers*/
.mouseover-1{position: relative; background: #000; display: block; overflow: hidden; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.mouseover-1 img{display: block; width: 100%; height: auto; transition: all .3s cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);}
.mouseover-1 img:nth-child(1){opacity: .7;}
.mouseover-1 img:nth-child(2){position: absolute; left: 0; top: 0;}
.mouseover-1:hover img:nth-child(1){transform: scale(1.2); -webkit-transform: scale(1.2);}
.mouseover-1:hover img:nth-child(2){transform: scale(.9); -webkit-transform: scale(.9);}
.mouseover-2{display: block;}
.mouseover-2 img{display: block; width: 100%; transition: all .5s; -webkit-transition: all .5s;}
.mouseover-2:hover img{opacity: .7; transform: scale(.7); -webkit-transform: scale(.7);}

/*loader*/
#loader-wrapper{position: fixed; left: 0; top: -100px; right: 0; bottom: -100px; background: #fff; z-index: 10;}
/**/
.sa{font-size: 16px; line-height: 25px; color: #494949;}
.sa.xsmall{font-size: 12px; line-height: 21px;}
.sa.small{font-size: 13px; line-height: 21px;}
.sa.middle{font-size: 14px; line-height: 25px;}
.sa.large{font-size: 18px; line-height: 25px;}
.sa.grey, .grey{color: #898989;}
.sa.dark, .dark{color: #000;}
.sa.light{color: #fff;}


.sa p, .sa ul, .sa ol, .sa img, .sa *[class*="col"], .sa h1, .sa h2, .sa h3, .sa h4, .sa h5, .sa h6, .sa .embed-responsive, .sa .swiper-container{margin-bottom: 22px;}
.sa > *:last-child{margin-bottom: 0;}
.sa img{max-width: 100%; height: auto; display: block;}
.sa ol{counter-reset: number;}
.sa ol li{padding-left: 0; margin-bottom: 8px;}
.sa ol li:before{counter-increment: number; content: "#" counter(number); color: #b8cd06; margin-right: 5px;}
.sa ul li{padding-bottom: 4px; padding-top: 4px; position: relative;}
.sa ul li:before{content: ""; width: 17px; height: 13px; display: inline-block; vertical-align: middle; background: url(../img/icon-20.png); position: relative; margin-right: 12px;}

.sa h1, .h1, .sa h2, .h2, .sa h3, .h3, .sa h4, .h4, .sa h5, .h5, .sa h6, .h6{color: #000; font-weight: 400; font-family: 'Arimo', sans-serif;}
.sa.light h1, .sa.light .h1, .h1.light, .sa.light h2, .sa.light .h2, .h2.light, .sa.light h3, .sa.light .h3, .h3.light, .sa.light h4, .sa.light .h4, .h4.light, .sa.light h5, .sa.light .h5, .h5.light, .sa.light h6, .sa.light .h6, .h6.light{color: #fff;}
.sa h1 a, .h1 a, .sa h2 a, .h2 a, .sa h3 a, .h3 a, .sa h4 a, .h4 a, .sa h5 a, .h5 a, .sa h6 a, .h6 a{color: #000!important;}
.sa.light h1 a, .h1.light a, .sa.light h2 a, .h2.light a, .sa.light h3 a, .h3.light a, .sa.light h4 a, .h4.light a, .sa.light h5 a, .h5.light a, .sa.light h6 a, .h6.light a{color: #fff!important;}
.sa h1, .h1{font-size: 36px; line-height: 1.22em;}
.sa h2, .h2{font-size: 72px; line-height: 1.11em;}
.sa h3, .h3{font-size: 36px; line-height: 1.22em;}
.sa h4, .h4{font-size: 28px; line-height: 1.35em;}
.sa h5, .h5{font-size: 22px; line-height: 1.45em;}
.sa h6, .h6{font-size: 16px; line-height: 1.56em;}
.sa a:not(.button):hover{text-decoration: underline;}
.sa.ba a:not(.button){text-decoration: underline;}
.sa.ba a:not(.button):hover{text-decoration: none;}

.sa .table{width: 100%; border: 1px #ddd solid;}
.sa .table th, .sa .table td{font-size: inherit!important; line-height: 1.5em!important; padding: 15px !important; white-space: normal!important;}
.sa .table th{background: #efefef; color: #444; font-family: 'Arimo', sans-serif; font-weight: 400; border: 1px #ddd solid!important; text-align: center;}
.sa .table td{border: 1px #ddd solid!important;}
.sa .table tbody tr{background: #fff;}
.sa .table tbody tr:nth-child(2n){background: #f7f7f7;}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.sa h1, .h1{font-size: 36px;}
	.sa h2, .h2{font-size: 36px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.sa h1, .h1{font-size: 28px;}
	.sa h2, .h2{font-size: 36px;}
}


/**/
.button{display: inline-block; vertical-align: bottom; text-align: center; position: relative; cursor: pointer; font-size: 14px; color: #000; text-transform: uppercase; font-weight: 400; line-height: 40px; transition: all .3s; -webkit-transition: all .3s;}
.button.light{color: #fff;}
.button:before{background: currentColor; left: 0; right: 0; position: absolute; bottom: 0; height: 2px; content: ""; transition: all .3s; -webkit-transition: all .3s;}
.button:hover:before{left: -10px; right: -10px; bottom: 50%;}
.play-button{width: 70px; height: 70px; margin: -35px 0 0 -35px; position: absolute; left: 50%; top: 50%; background: url(../img/icon-1.png) center center no-repeat; cursor: pointer;}
.play-button:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px #fff solid; border-radius: 50%; -webkit-border-radius: 50%; content: ""; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); transition: all .3s; -webkit-transition: all .3s;}
.play-button:hover:before{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.button.style-1{font-size: 12px; line-height: 20px; color: #898989; text-transform: uppercase; padding: 10px 20px; background: #ebebeb;}
.button.style-1:before{display: none;}
.button.style-1:hover, .button.style-1.active{background: #000; color: #fff;}
.button.style-2{font-size: 12px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 10px 20px; background: #000;}
.button.style-2:before{display: none;}
.button.style-2:hover, .button.style-2.active{background: #ebebeb; color: #898989;}
.button.style-3{font-size: 12px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 10px 20px; background: #000;}
.button.style-3:before{display: none;}
.button.style-3:hover, .button.style-3.active{background: #fff; color: #000;}
.button .fa{display: inline-block; margin-right: 10px;}
.button.block{display: block;}
.button-close{display: inline-block; vertical-align: middle; background: url(../img/icon-6.png) 50% 50% no-repeat; width: 40px; height: 40px; cursor: pointer; position: relative; transition: all .3s; -webkit-transition: all .3s;}
.button-close:hover{background-color: #ebebeb;}
.buttons-wrapper{margin-bottom: -10px;}
.buttons-wrapper .button{margin: 0 5px 10px 5px;}
/**/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #898989; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #898989; opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #898989; opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #898989; opacity: 1;}
.simple-input{font-size: 13px; color: #000; line-height: 40px; height: 40px; border-bottom: 1px #000 solid; padding: 0; transition: all .15s; -webkit-transition: all .15s; position: relative;}
input.simple-input.small{height: 30px; line-height: 30px;}
.simple-input-wrapper{position: relative; margin-bottom: 15px;}
.simple-input-wrapper .simple-input{border-color: transparent; z-index: 1;}
.simple-input-wrapper span{position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f7f7f7; border-top: 1px #ebebeb solid; transition: all .15s; -webkit-transition: all .15s;}
.simple-input:focus + span{height: 100%; border-color: #000;}
.simple-input:focus{padding: 0 10px;}
.simple-input.invalid + span{border-color: red!important;}
textarea.simple-input{height: 70px; line-height: 18px; padding: 10px 0;}
.form-icon{width: 40px; height: 40px; position: absolute; right: 0; top: 0; text-align: center; color: #898989; font-size: 12px; z-index: 3;}
.form-icon+.simple-input{padding-right: 40px;}
.form-icon.small{width: 30px; height: 30px; line-height: 30px;}
.form-icon.small+.simple-input{padding-right: 30px;}

/**/
.ht-1{background: -moz-linear-gradient(top, rgba(0,0,0,0) 85%, currentColor 85%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 85%, currentColor 85%); background: linear-gradient(to bottom, rgba(0,0,0,0) 85%, currentColor 85%); background-repeat: no-repeat; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-position: -100000px 0; background-size: 100000px 1.15em;}
.ht-1:hover {-webkit-transition: all 60s ease-out; transition: all 60s ease-out; background-position: 0 0;}
.ht-2{background: -moz-linear-gradient(left, currentColor 0%, currentColor 100%); background: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background: linear-gradient(to right, currentColor 0%, currentColor 100%); background-repeat: no-repeat; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-size: 0px 2px; background-position: center 0.8em;}
 .ht-2:hover{-webkit-transition: all 60s ease-out; transition: all 60s ease-out; background-size: 100000px 2px;}

/**/
.border-image{border-style: inset; border-width: 25px; border-image-repeat: stretch; border-image-slice: 30;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header{position: absolute; z-index: 9; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.header-wrapper{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: background .3s; -webkit-transition: background .3s;}
nav a{background: -moz-linear-gradient(left, currentColor 0%, currentColor 100%); background: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background: linear-gradient(to right, currentColor 0%, currentColor 100%); background-repeat: no-repeat; background-size: 10000px 2px; background-position: center 0.7em; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-size: 0px 2px; background-position: center 0.99em;}
nav a:hover, nav li.active > a{-webkit-transition: all 30s ease-out; transition: all 30s ease-out; background-size: 10000px 2px;}
nav li.active > a{transition: none; -webkit-transition: none;}
.toggle-menu{width: 19px; height: 19px; position: relative; display: inline-block; vertical-align: middle; margin-right: -20px; cursor: pointer; top: 10px; left: 20px;}
.toggle-menu:after{position: absolute; left: 0; top: 9px; width: 100%; height: 2px; background: currentColor; content: "";}
.toggle-menu:before{position: absolute; left: 9px; top: 0; height: 100%; width: 2px; background: currentColor; content: ""; transition: all .3s; -webkit-transition: all .3s;}
.toggle-menu.active:before{height: 0; top: 9px;}
header .follow{display: none;}
/**/
#logo img{max-width: 100%; max-height: 100%; position: absolute; left: 8%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
/**/
.hamburger-icon{width: 20px; height: 20px; color: #000; transition: transform .3s .3s; -webkit-transition: transform .3s .3s; cursor: pointer; z-index: 1; position: relative;}
.hamburger-icon.active{transform: rotate(90deg); -webkit-transform: rotate(90deg); transition: transform .3s; -webkit-transition: transform .3s;}
.hamburger-icon span{position: absolute; left: 0; width: 100%; height: 2px; background: currentColor; transition: all .3s; -webkit-transition: all .3s;}
.hamburger-icon.active span{transition: all .3s .3s; -webkit-transition: all .3s .3s;}
.hamburger-icon span:nth-child(1){top: 3px;}
.hamburger-icon span:nth-child(2), .hamburger-icon span:nth-child(3){top: 50%; margin-top: -1px;}
.hamburger-icon span:nth-child(4){bottom: 3px;}
.hamburger-icon.active span:nth-child(1){opacity: 0; top: -5px;}
.hamburger-icon.active span:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.hamburger-icon.active span:nth-child(3){transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.hamburger-icon.active span:nth-child(4){opacity: 0; bottom: -5px;}
/**/
header nav .fa{font-size: 1.2em; display: inline-block; vertical-align: bottom; position: relative; top: -1px; margin-right: 3px;}
header .cart-icon{position: relative; display: inline-block; padding: 0 12px 0 3px;}
header .cart-label{position: absolute; right: 2px; top: -10px; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; font-size: 11px; line-height: 20px; text-align: center;}


@media (min-width: 992px) {
	/*header type 3*/
	header.type-3{position: relative; left: 0; top: 0; width: 100%; height: 77px;}
	header.type-3 nav{height: auto!important;}
	header.type-3+#content-block{margin-top: 30px;}
	header.type-3 #logo{position: absolute; left: 30px; top: 0; width: 100px; height: 77px;}
	header.type-3 .hamburger-icon{display: none;}
	header.type-3 .toggle-menu{display: none;}
	header.type-3 nav ul ul{display: block!important;}
	header.type-3 nav{position: absolute; right: 30px; top: 50%; margin-top: -23px;}
	header.type-3 nav > ul > li{float: left; position: relative; margin-left: 25px; padding: 14px 0;}
	header.type-3 nav > ul > li > a{font-size: 18px; color: #000; line-height: 18px; font-weight: 400; display: block; padding: 0 5px;}
	header.type-3 nav > ul ul{position: absolute; left: 0; top: 100%; width: 0px; background: #7aa1bd; padding: 15px 0; transition: all .5s; -webkit-transition: all .5s; transition-timing-function:cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition-timing-function:cubic-bezier(0.8, 0, 0.2, 1); overflow: hidden; opacity: .7;}
	header.type-3 nav > ul li:hover ul{width: 180px; opacity: 1;}
	header.type-3 nav > ul ul li{width: 180px; padding: 0 20px;}
	header.type-3 nav > ul ul li:not(:last-child){margin-bottom: 7px;}
	header.type-3 nav > ul ul a{font-size: 13px; line-height: 21px; color: #fff; font-weight: 400;}
	/*scrolled header*/
	header{transition: all .3s; -webkit-transition: all .3s;}

	/*transparent and light header*/
	.header.type-2.transparent, .header.type-3.transparent{background: none;}
	header.type-3.transparent nav .fa{color: inherit;}
	header.type-3.transparent .cart-label{color: #000; background: #fff;}
}


/* Tablets (>=768px)*/
@media (max-width: 991px) {
	header{position: fixed; left: 0; top: 0; width: 100%; height: 60px;}
	header+#content-block{margin-top: 50px;}
	header #logo{position: absolute; left: 15px; top: 0; width: 140px; height: 50px;}
	header .hamburger-icon{position: absolute; right: 15px; top: 50%; margin-top: -10px;}
	.header-wrapper{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); position: relative;}
	.navigation-wrapper{position: fixed; left: -100%; width: 100%; top: -100px; bottom: -100px; background: rgba(255,255,255,.95); z-index: -1; opacity: 0; transition: left 0s 1s, opacity .5s; -webkit-transition: left 0s 1s, opacity .5s;}
	header.active .navigation-wrapper{left: 0; opacity: 1; transition: left 0s 0s, opacity .5s 0s; -webkit-transition: left 0s 0s, opacity .5s 0s;}
	nav{height: auto!important; top: 150px; bottom: 100px; left: 0; right: 0; position: absolute; overflow: auto; -webkit-overflow-scrolling: touch; text-align: center; font-size: 0;}
	nav:after{display: inline-block; vertical-align: middle; height: 100%; content: "";}
	nav > ul{display: inline-block; vertical-align: middle; padding: 0 15px; text-align: left;}
	nav > ul > li li{padding: 12px 0;}
	nav a{font-size: 30px; line-height: 40px; color: #000; font-weight: 400; display: inline-block; vertical-align: top;}
	header nav .fa{font-size: .9em;}
	header .cart-label{font-size: 16px;}
	nav ul ul a{font-size: 20px; line-height: 26px;}
	nav ul ul{display: none; position: relative; top: 19px; text-align: left; padding-left: 20px;}
	nav > ul > li{padding: 19px 30px; font-size: 0; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); transition: all .3s; -webkit-transition: all .3s;}
	header.active nav > ul > li{opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}
	header.active nav > ul > li:nth-child(1){transition-delay: 0s; -webkit-transition-delay: 0s;}
	header.active nav > ul > li:nth-child(2){transition-delay: .15s; -webkit-transition-delay: .15s;}
	header.active nav > ul > li:nth-child(3){transition-delay: .3s; -webkit-transition-delay: .3s;}
	header.active nav > ul > li:nth-child(4){transition-delay: .45s; -webkit-transition-delay: .45s;}
	header.active nav > ul > li:nth-child(5){transition-delay: .6s; -webkit-transition-delay: .6s;}
	header.active nav > ul > li:nth-child(6){transition-delay: .75s; -webkit-transition-delay: .75s;}
	header.active nav > ul > li:nth-child(7){transition-delay: .9s; -webkit-transition-delay: .9s;}
	header.active nav > ul > li:nth-child(8){transition-delay: 1.05s; -webkit-transition-delay: 1.05s;}
	header.active nav > ul > li:nth-child(9){transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
	header.active nav > ul > li:nth-child(10){transition-delay: 1.35s; -webkit-transition-delay: 1.35s;}
	header.active nav > ul > li:nth-child(11){transition-delay: 1.5s; -webkit-transition-delay: 1.5s;}
	header.active nav > ul > li:nth-child(12){transition-delay: 1.65s; -webkit-transition-delay: 1.65s;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer{padding: 40px 0; background: #fff;}
footer.type-1{padding: 22px 0;}
#content-block footer .copyright{line-height: 30px; display: inline-block; vertical-align: top; margin-right: 30px;}
footer .container-fluid{margin: 0 30px;}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	#content-block footer .copyright{margin-right: 0;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 21 - MEDIA QUERIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*Desktops (>=1200px)*/
@media (min-width: 1200px) {

}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {

}
/* Tablets (>=768px)*/
@media (max-width: 991px) {

}
/*Phones (<768px)*/
@media (max-width: 767px) {

}

.test{max-width: 640px; margin: 0 auto; border-image: url(../img/blog-3.jpg) 30 stretch; border-style: inset; border-width: 30px;}
.test .content{padding-bottom: 100%; position: relative;}
.test .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}


/*footer)*/