/*--------------------- General styles start ---------------------*/
body {margin: 0;font: 12px/16px 'Arial';color: #fff;text-align: center;background: url(/.s/t/786/1.jpg);}
td, input {font: 11px 'Arial';}
body a {color: #fff;text-decoration: underline;}
body a:hover {text-decoration: none;}
* {resize: none;}
img {border: 0;}
a.noun img {margin: 2px;}
.clear {clear: both;}
h1, h2, h3, h4, h5, h6 {}
hr {border: 0; height: 1px; background: #362316;}
*:focus {outline: none;}
/*--------------------- General styles end ---------------------*/

/*All content, common styles*/
#wrap {}
#container {width: 1003px;margin: auto;text-align: left;color: #333;}
#container td {color: #333;}
#content {}
#content-top {height: 15px;background: url(/.s/t/786/2.png) no-repeat 5px 0;overflow: hidden;}
#content-mid {background: url(/.s/t/786/3.png) repeat-y 5px 0;width: 1003px;}
#content-bottom {height: 16px;background: url(/.s/t/786/4.png) no-repeat 5px 0;overflow: hidden;}
.sidebar {color: #f7dfba;float: left;width: 211px;padding: 5px 0;font: 11px 'Verdana';}
#container .sidebar td {color: #f7dfba;font: 11px 'Verdana';}
.sidebar a {color: #fff1dd;}
.maincont {float: left;margin: 20px 0 0 20px;width: 690px;padding-bottom: 20px;}
.maincont a {color: #000;}
/*-----------*/

/*Header*/
#header {width: 1003px;background: url(/.s/t/786/5.png) no-repeat;}

#header .searchform {height: 18px;width: 223px; float: right;margin: 0 47px 5px 0;background: url(/.s/t/786/6.png) no-repeat;}
#header .schQuery {float: left;}
#header .schQuery input {width: 193px !important;height: 18px !important;margin: 0 0 0 7px !important;background: none !important; border: none !important; font: 11px 'Century Gothic' !important; color: #878787;padding: 0 !important;box-shadow: none !important;}
#header .schBtn {float: left;}
#header .schBtn input {margin: 0 !important;height: 18px !important;display: inline;background: none !important; border: none !important; font-size: 0 !important; color: transparent !important;cursor: pointer;padding: 0 6px;}

#site-logo {display: block;float: left;margin: 55px 0 0 10px;padding: 0;font: bold 32px 'Century Gothic';color: #fbe8cf;}

.usermenu {float: right;margin: -55px 20px 0 0;}
.usermenu ul {margin: 0;padding: 0;list-style: none;}
.usermenu li {float: left;height: 34px;margin-left: 10px;}
.usermenu li a {display: block;float: left;height: 34px;font: italic 11px/28px 'Verdana';color: #ffffff;text-decoration: none;}
.usermenu li a:hover {}
.usermenu li a span {display: block;height: 34px;float: left;cursor: pointer;}
span.tm-left {background: url(/.s/t/786/7.png);width: 9px;}
span.tm-mid {background: url(/.s/t/786/8.png);}
span.tm-right {background: url(/.s/t/786/9.png);width: 14px;}
.usermenu li a:hover span {background-position: 0 -34px;line-height: 22px;}
.usermenu li a span span {background-position: 0 8px;background-repeat: no-repeat;padding-left: 17px;}
.usermenu li a:hover span span {background-position: 0 5px;}
.tm-home span {background-image: url(/.s/t/786/10.png);}
.tm-profile span {background-image: url(/.s/t/786/11.png);}
.tm-log span {background-image: url(/.s/t/786/12.png);}
.tm-rss span {background-image: url(/.s/t/786/13.png);}

.whois {}
.whois a {}
/*------*/

/*Sidebar*/
.block {width: 211px;margin-bottom: 12px;}
.block:last-child {margin-bottom: 0;}
.block-top {height: 6px;background: url(/.s/t/786/14.png);overflow: hidden;}
.block-mid {background: url(/.s/t/786/15.png);padding: 10px 0;}
.block-bottom {height: 10px;background: url(/.s/t/786/16.png);overflow: hidden;}

.blocktitle {text-align: center;margin: 0 30px 0 15px;line-height: 16px;}
.bt-inside {display: inline-block; *display:inline !important; padding: 0 10px 2px 10px;font: 14px/16px 'Century Gothic';color: #5f422b;border-radius: 5px;background: url(/.s/t/786/17.jpg);}

.blockcontent {margin: 7px 30px 5px 15px;}
.bc-inside {width: 166px;}
.blockcontent ul {margin: 0; padding: 0;}
.blockcontent li {margin: 0 0 3px 15px;}

.uMenuH li {float:left;padding: 0 5px;}

.uMenuV, .uMenuV ul {margin: 0 0 0 10px;padding: 0;}
.uMenuV li {margin: 0 0 7px 0;list-style: none;}
.uMenuV .uMenuItem {}
.uMenuV li a {font: 12px 'Verdana';color: #fcfad7;text-decoration: none;}
.uMenuV li a:hover, .uMenuV .uMenuItemA {color: #fff;}

.uMenuV .uMenuItemA {}
.uMenuV a.uMenuItemA:link {}
.uMenuV a.uMenuItemA:visited {}
.uMenuV a.uMenuItemA:hover {}
.uMenuV .uMenuArrow {}

.block .xw-tl,.block .xw-bl,.block .u-menuvsep {display:none;}
.block .xw-ml,.block .xw-mr {margin:0;padding:0;background:none !important;}
.block .xw-mc {color:#333; font-weight: normal; float: none; margin: 0; padding: 0; line-height:28px;border-radius: 5px;
background: url(/.s/t/786/18.gif) !important; border: 1px solid #998879 !important;border-top: none !important;border-bottom: 1px solid #a69889 !important;
}
.block .u-menubody {border: 0 !important; padding: 10px 0;}
.block .u-menuvitem {background: none !important; padding: 2px 35px 2px 20px; line-height:28px;text-decoration: none;}
.block .u-menuvitem span {font: 12px 'Verdana';color:#28241f;text-decoration: none;}
.block .u-menuitemhl {background: none !important; padding: 2px 35px 2px 20px; line-height:28px;}
.block .u-menuitemhl span {text-decoration: none;color: #efebe6;}
.block .u-menuarrow {position: absolute; right: 10px; top: 7px;width: 4px; height: 7px; overflow: hidden; background: url(/.s/t/786/19.gif);}
.block .u-menuitemhl .u-menuarrow {background-position: 0 -7px !important;}
.block .u-menu {margin-left: 0;}

#soc {height:22px;text-align: center;}
#soc a {float: left;display: block; width: 22px; height: 22px; margin-right: 7px;overflow: hidden;text-decoration: none;outline: none;}
#soc a:hover { background-position: 0 -22px;}
#soc a:last-child {margin: 0;}
.soc-rss { background: url(/.s/t/786/20.png);}
.soc-del { background: url(/.s/t/786/21.png);}
.soc-facebook { background: url(/.s/t/786/22.png);}
.soc-memori { background: url(/.s/t/786/23.png);}
.soc-twitter { background: url(/.s/t/786/24.png);}
.soc-vkontakte { background: url(/.s/t/786/25.png);}

/*-------*/

/*MainContent*/
/*--------*/

/*Footer*/
#footer {margin: 15px 0 15px 200px;font: 10px 'Verdana';color: #ffeec8;}
#footer a {color: #fff;}
#copyright {}
#powered-by {}
#powered-by img {vertical-align: middle;}
/*------*/

/* Module Part Menu */
.catsTable {}
.catsTable td {}
.catsTd {}
.catName {}
.catNameActive {}
.catNumData {}
.catDescr {}
a.catName:link {}
a.catName:visited {}
a.catName:hover {}
a.catName:active {}
a.catNameActive:link {}
a.catNameActive:visited {}
a.catNameActive:hover {}
a.catNameActive:active {}
/* ----------------- */

/* Entries Style */
.eBlock {}
.eTitle {padding: 0 22px;font: bold 12px/22px 'Arial';color: #6c5d52;background: url(/.s/t/786/26.png);border-radius: 8px;box-shadow: inset 0 1px 2px #9c8875;}
.eTitle a {color: #6c5d52;text-decoration: none;}
.eTitle a:hover {color: #000;}

.eMessage, .eText {text-align: justify !important;padding: 5px 0 !important;}
.eMessage a, .eText a {}
.eMessage img, .eText img {}
.eDetails, .eDetails1, .eDetails2 {padding: 10px 5px 7px 5px;background: url(/.s/t/786/27.png) repeat-x;color: #8e867b;font: 11px 'Arial';}
.eDetails a, .eDetails1 a, .eDetails2 a {color: #8e867b;text-decoration: none;background: url(/.s/t/786/28.png);padding: 5px;border-radius: 8px;}
.eDetails a:hover, .eDetails1 a:hover, .eDetails2 a:hover {color: #000;}
.eDetails div, .eDetails1 div, .eDetails2 div {font-size: 10px;font-family: 'Times New Roman';}
.eDetails div a, .eDetails1 div a, .eDetails2 div a {background: none;}
.eDetails {}
.eDetails1 {}
.eDetails2 {}

.eRating {}
.eAttach {}
/* ------------- */

/* Entry Manage Table */
.manTable {}
.manTdError {}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {}
.cBlock1, .cBlock2 {border-top: 1px dashed #362316;font-size: 11px;padding: 5px;}
.cBlock1 {}
.cBlock2 {}
/* -------------- */

/* Comments Form Style */
.commTable {}
.commTd1 {}
.commTd2 {}
.commFl {}
.smiles {}
.commReg {}
.commError {}
.securityCode {}
/* ------------------- */

/* Archive Menu */
.archUl {}
.archLi {}
a.archLink:link {}
a.archLink:visited {}
a.archLink:hover {}
a.archLink:active {}
/* ------------ */

/* Archive Style */
.archiveCalendars {}
.archiveDateTitle {}
.archEntryHr {}
.archiveeTitle li {}
.archiveEntryTime {}
.archiveEntryComms {}
a.archiveDateTitleLink:link {}
a.archiveDateTitleLink:visited {}
a.archiveDateTitleLink:hover {}
a.archiveDateTitleLink:active {}
.archiveNoEntry {}
/* ------------- */

/* Calendar Style */
.calTable {}
.calTable td {padding: 3px;font-size: 11px;}
.calMonth {}
.calWday {text-transform: uppercase;}
.calWdaySe, .calWdaySu {font-weight: bold;text-transform: uppercase;}
.calMday {}
.calMdayA, .calMdayIsA {border: 1px solid red;}
.calMdayIs {}
a.calMonthLink:link,a.calMdayLink:link {}
a.calMonthLink:visited,a.calMdayLink:visited {}
a.calMonthLink:hover,a.calMdayLink:hover {}
a.calMonthLink:active,a.calMdayLink:active {}
/* -------------- */

/* Poll styles */
.pollBut {}

.pollBody {}
.textResults {}
.textResultsTd {}

.pollNow {}
.pollNowTd {}

.totalVotesTable {}
.totalVotesTd {}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

/* Other Styles */
.replaceTable {}
.legendTd {}
.bbCodeBlock, .bbQuoteBlock {margin: 8px 0;}
.codeMessage {padding: 5px;font: 11px 'Consolas', 'Courier New', 'sans-serif';background-color: #ebebeb;color: #000;}
.quoteMessage {
margin: 0 0 20px 0;padding: 0 0 0 10px;color: #666;font-style: italic; border-style: none !important; border-left: 3px solid #4c4c4c !important;
}
/* ------------ */

/* ===== forum Start ===== */
/* General forum Table View */
.forumContent, .forumContent td {font-size: 10px;color: #6c5d52;}
.forumContent a, .forumContent td a {color: #18191b;}
.gTable {background: none;border-spacing: 2px;}
.gTable td {background: url(/.s/t/786/29.jpg);color: #6c5d52;padding: 5px 7px;font-size: 11px;font-style: normal;}
.forumContent .gTable td {background: url(/.s/t/786/30.png);}
.gTable td a {color: #6c5d52;}
.forumContent td.gTableTop {font: 12px/20px 'Verdana';background: url(/.s/t/786/31.png);box-shadow: inset 1px 1px 1px #807e7e;text-transform: uppercase;color: #6c5d52 !important;padding: 0 20px 0 50px;}
td.gTableTop a {font: 12px/20px 'Verdana';color: #6c5d52;text-decoration: none;}
td.gTableTop a:hover {text-decoration: underline;}
.forumContent td.gTableSubTop, .forumContent td.postTdTop {background: url(/.s/t/786/32.png);font: 10px/20px 'Verdana';color: #6c5d52;padding: 0 10px;}
td.gTableSubTop a, td.postTdTop a {color: #6c5d52;}
.gTableBody {}
.gTableBody1 {}
.gTableBottom {}
.gTableLeft {}
.gTableRight {}
.gTableError {}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {}
.forumIcoTd,.forumThreadTd,.forumPostTd {}
.forumLastPostTd,.forumArchive {}

a.catLink:link {}
a.catLink:visited {}
a.catLink:hover {}
a.catLink:active {}

.lastPostGuest,.lastPostUser,.threadAuthor {}
.archivedForum{}
/* ------------- */

/* forum Titles & other */
.forum {font-weight: bold;}
.forumDescr,.forumModer {font-size: 10px;}
.forumViewed {}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {}
.forumBarKw {}
a.forumBarA:link {}
a.forumBarA:visited {}
a.forumBarA:hover {}
a.forumBarA:active {}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {}
.fastNavCat {}
.fastNavCatA {}
.fastNavForumA {}
/* -------------------------- */

/* forum Page switches */
.switches {}
td.pagesInfo, td.switch, td.switchActive {background: #ffffff; padding-left: 5px; padding-right: 5px;}
td.switch, td.switchActive { background: url(/.s/t/786/31.png); color: #6c5d52;}
td.switch a {color: #6c5d52;}
.switch {}
.switchActive {}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {}
/* ------------------- */

/* forum Threads Style */
.threadLink {font-weight: bold;}
.threadNametd,.threadAuthTd,.threadLastPostTd {}
.threadIcoTd,.threadPostTd,.threadViewTd {}
.threadLastPostTd {}
.threadDescr {}
.threadNoticeLink {}
.threadsType {}
.threadsDetails {}
.forumOnlineBar {}

a.threadPinnedLink:link {}
a.threadPinnedLink:visited {}
a.threadPinnedLink:hover {}
a.threadPinnedLink:active {}

a.threadLink:link {}
a.threadLink:visited {}
a.threadLink:hover {}
a.threadLink:active {}

.postpSwithces {}
.thDescr {}
.threadFrmBlock {}
/* ------------------- */

/* forum Posts View */
.postTable {}
.postPoll {}
.postPoll td {border: 0 !important;}
.postFirst {border: 0 !important;}
.postRest1 {border: 0 !important;}
.postRest2 {border: 0 !important;}
.postSeparator {}

.postTdTop {}
.postBottom {}
.postBottom td {border: 0;padding: 0 5px !important;}
.postBottom img {vertical-align: middle;}
.postUser {}
.postTdInfo {text-align: center;}
.postRankName {}
.postRankIco {}
.reputation {}
.signatureHr {}
.posttdMessage {text-align: justify;padding: 8px !important;line-height: 18px;}

.pollQuestion {}
.pollButtons,.pollTotal {}
.pollSubmitBut,.pollreSultsBut {}
.pollSubmit {}
.pollEnd {}

.codeMessage {}
.quoteMessage {}

.signatureView {}
.edited {}
.editedBy {}

.statusBlock {}
.statusOnline {}
.statusOffline {}
/* ------------------ */

/* forum AllInOne Fast Add */
.newThreadBlock {}
.newPollBlock {}
.newThreadItem {}
.newPollItem {}
/* ----------------------- */

/* forum Post Form */
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {}

.codeButtons {}
.codeCloseAll {}
.postNameFl,.postDescrFl {}
.postPollFl,.postQuestionFl {}
.postResultFl {}
.postAnswerFl {}
.postTextFl {}
.postUserFl {}

.pollHelp {}
.smilesPart td {border: 0 !important;}
/* ----------------- */
/* ====== forum End ====== */

/*--------------------- INPUTS start ---------------------*/
input[type=submit], input[type=reset], input[type=button] {
padding: 0 6px;font: bold 10px/16px 'Century Gothic';color: #2d1f0b;border: 1px solid #756859;border-left: none;border-top: none;border-radius: 5px;background: url(/.s/t/786/17.jpg);cursor: pointer;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {color: #000;border: 1px solid #756859;border-right: none;border-bottom: none;}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active {}
input[type=text], input[type=password], textarea {
padding: 2px 3px; *padding: 2px 0px !important; background: url(/.s/t/786/33.gif);border: none; *border: 0px none #000 !important; border-radius: 5px;box-shadow: inset 0 1px 2px #4c4c4c;font-size: 11px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
textarea {}
select {font-size: 11px;border: 1px solid #ccc;padding: 2px 3px;}
#mchatBtn, input.codeButtons, input.button {padding-left: 0;padding-right: 0;}
.block #secuCodeMc3 {_width: 50px !important /*FOR IE*/;}
.queryField {width: auto !important;}
.commFl {width: 100%;}
#frM58 span {display: inline-block;}
input, select, label {vertical-align: middle;}
/*--------------------- INPUTS end ---------------------*/

/*--------------------- POPUP start ---------------------*/
.popup {background: url(/.s/t/786/34.png) repeat-x;padding: 13px 10px 10px 10px;}
.popup a {color: #362316;font-weight: bold;}
.popuptitle {font: bold 16px 'Century Gothic';color: #fffbd6;text-align: left;text-transform: uppercase;text-shadow: 0 1px 1px #000;padding: 4px 0 2px 40px;}
.popupbody {text-align: left;}
.hrz {height: 2px;background: url(/.s/t/786/35.png);overflow: hidden;margin: 5px 0;}
.vrt {background: url(/.s/t/786/36.png) repeat-y;}
.pb-left {padding-left: 7px;}
.pb-right {padding-right: 7px;background-position: top right;}
.pb-inside {background: url(/.s/t/786/29.jpg);padding: 10px 20px; _width: 100% /*FOR IE*/;border-radius: 8px;color: #362316;}
.pb-inside td {color: #362316;}
/*--------------------- POPUP end ---------------------*/

.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
.myBtnCenter, .myBtnCenterA { line-height:19px !important }
.myBtnCont { height:19px; padding-bottom:0 !important }
.container {width:580px;padding:10px;margin:0 auto;position:relative;z-index:0;} 
 #example {width:600px;height:350px;position:relative;} 
 #ribbon {position:absolute;top:-3px;left:-15px;z-index:500;} 
 #frame {position:absolute;z-index:0;width:739px;height:341px;top:-3px;left:-80px;} 
 #slides {position:absolute;top:15px;left:4px;z-index:100;} 
 .slides_container {width:570px;overflow:hidden;position:relative;display:none;} 
 .slides_container div.slide {width:570px;height:270px;display:block;} 
 #slides .next, #slides .prev {position:absolute;top:107px;left:-39px;width:24px;height:43px;display:block;z-index:101;} 
 #slides .next {left:585px;} 
 .pagination {margin:26px auto 0;width:100px;} 
 .pagination li {float:left;margin:0 1px;list-style:none;} 
 .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(paginati.png);background-position:0 0;float:left;overflow:hidden;} 
 .pagination li.current a {background-position:0 -12px;} 
 .caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0, 0, 0, .5);width:540px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;} 
 .slide{position: absolute; top: 0px; left: 570px; display: none; z-index: 0;}
.sp-slideshow {
position: relative;
margin:10pxauto;
width:80%;
max-width:1000px;
min-width:260px;
height:460px;
border:10px solid #fff;
border:10px solid rgba(255,255,255,0.9);
box-shadow:02px6px rgba(0,0,0,0.2);
}
.sp-content {
background:#7d7f72 url(/images/grid.png) repeat scroll 0 0;
position: relative;
width:100%;
height:100%;
overflow: hidden;
}
.sp-parallax-bg {
background: url(/images/map.png) repeat-x scroll 00;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow: hidden;
}
.sp-slideshow input {
position: absolute;
bottom:15px;
left:50%;
width:9px;
height:9px;
z-index:1001;
cursor: pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity:0;
}
.sp-slideshow input + label {
position: absolute;
bottom:15px;
left:50%;
width:6px;
height:6px;
display: block;
z-index:1000;
border:3px solid #fff;
border:3px solid rgba(255,255,255,0.9);
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-transition: background-color linear 0.1s;
-moz-transition: background-color linear 0.1s;
-o-transition: background-color linear 0.1s;
-ms-transition: background-color linear 0.1s;
transition: background-color linear 0.1s;
}
.sp-slideshow input:checked+ label {
background-color:#fff;
background-color: rgba(255,255,255,0.9);
}
.sp-selector-1,.button-label-1{
margin-left:-36px;
}
.sp-selector-2,.button-label-2{
margin-left:-18px;
}
.sp-selector-4,.button-label-4{
margin-left:18px;
}
.sp-selector-5,.button-label-5{
margin-left:36px;
}
.sp-arrow {
position: absolute;
top:50%;
width:28px;
height:38px;
margin-top:-19px;
display: none;
opacity:0.8;
cursor: pointer;
z-index:1000;
background: transparent url(/images/arrows.png)no-repeat;
-webkit-transition: opacity linear 0.3s;
-moz-transition: opacity linear 0.3s;
-o-transition: opacity linear 0.3s;
-ms-transition: opacity linear 0.3s;
transition: opacity linear 0.3s;
}
.sp-arrow:hover {
opacity:1;
}
.sp-arrow:active {
margin-top:-18px;
}
.sp-selector-1:checked~.sp-arrow.sp-a2,.sp-selector-2:checked~.sp-arrow.sp-a3,.sp-selector-3:checked~.sp-arrow.sp-a4,.sp-selector-4:checked~.sp-arrow.sp-a5 {
right:15px;
display: block;
background-position: top right;
}
.sp-selector-2:checked~.sp-arrow.sp-a1,.sp-selector-3:checked~.sp-arrow.sp-a2,.sp-selector-4:checked~.sp-arrow.sp-a3,.sp-selector-5:checked~.sp-arrow.sp-a4 {
left:15px;
display: block;
background-position: top left;
}
.sp-slideshow input:checked~.sp-content {
-webkit-transition: background-position linear 0.6s, background-color linear 0.8s;
-moz-transition: background-position linear 0.6s, background-color linear 0.8s;
-o-transition: background-position linear 0.6s, background-color linear 0.8s;
-ms-transition: background-position linear 0.6s, background-color linear 0.8s;
transition: background-position linear 0.6s, background-color linear 0.8s;
}
.sp-slideshow input:checked~.sp-content .sp-parallax-bg {
-webkit-transition: background-position linear 0.7s;
-moz-transition: background-position linear 0.7s;
-o-transition: background-position linear 0.7s;
-ms-transition: background-position linear 0.7s;
transition: background-position linear 0.7s;
}
input.sp-selector-1:checked~.sp-content {
background-position:00;
background-color:#727b7f;
}
input.sp-selector-2:checked~.sp-content {
background-position:-100px0;
background-color:#7f7276;
}
input.sp-selector-3:checked~.sp-content {
background-position:-200px0;
background-color:#737f72;
}
input.sp-selector-4:checked~.sp-content {
background-position:-300px0;
background-color:#79727f;
}
input.sp-selector-5:checked~.sp-content {
background-position:-400px0;
background-color:#7d7f72;
}
input.sp-selector-1:checked~.sp-content .sp-parallax-bg {
background-position:00;
}
input.sp-selector-2:checked~.sp-content .sp-parallax-bg {
background-position:-200px0;
}
input.sp-selector-3:checked~.sp-content .sp-parallax-bg {
background-position:-400px0;
}
input.sp-selector-4:checked~.sp-content .sp-parallax-bg {
background-position:-600px0;
}
input.sp-selector-5:checked~.sp-content .sp-parallax-bg {
background-position:-800px0;
}
.sp-slider {
position: relative;
left:0;
width:500%;
height:100%;
list-style: none;
margin:0;
padding:0;
-webkit-transition: left ease-in0.8s;
-moz-transition: left ease-in0.8s;
-o-transition: left ease-in0.8s;
-ms-transition: left ease-in0.8s;
transition: left ease-in0.8s;
}
.sp-slider > li {
color:#fff;
width:20%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height:100%;
padding:060px;
float: left;
text-align: center;
opacity:0.4;
-webkit-transition: opacity ease-in0.4s0.8s;
-moz-transition: opacity ease-in0.4s0.8s;
-o-transition: opacity ease-in0.4s0.8s;
-ms-transition: opacity ease-in0.4s0.8s;
transition: opacity ease-in0.4s0.8s;
}
.sp-slider > li img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: block;
margin:0auto;
padding:40px050px0;
max-height:100%;
max-width:100%;
}
input.sp-selector-1:checked~.sp-content .sp-slider {
left:0;
}
input.sp-selector-2:checked~.sp-content .sp-slider {
left:-100%;
}
input.sp-selector-3:checked~.sp-content .sp-slider {
left:-200%;
}
input.sp-selector-4:checked~.sp-content .sp-slider {
left:-300%;
}
input.sp-selector-5:checked~.sp-content .sp-slider {
left:-400%;
}
input.sp-selector-1:checked~.sp-content .sp-slider > li:first-child, input.sp-selector-2:checked~.sp-content .sp-slider > li:nth-child(2), input.sp-selector-3:checked~.sp-content .sp-slider > li:nth-child(3), input.sp-selector-4:checked~.sp-content .sp-slider > li:nth-child(4), input.sp-selector-5:checked~.sp-content .sp-slider > li:nth-child(5){
opacity:1;
}
@media screen and(max-width:840px){
.sp-slideshow {
height:345px;
}
}
@media screen and(max-width:680px){
.sp-slideshow {
height:285px;
}
}
@media screen and(max-width:560px){
.sp-slideshow {
height:235px;
}
}
@media screen and(max-width:320px){
.sp-slideshow {
height:158px;
}
}