@import '/css/color/red.css';
@import '/css/font-awesome.min.css';
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,300,700,400&subset=latin,cyrillic);
@font-face {
 font-family: "FontAwesome";
 src: url("/fonts/fontawesome-webfont.eot");
 src: url("/fonts/fontawesome-webfont.eot?#iefix") format('eot'),
 url("/fonts/fontawesome-webfont.woff") format('woff'),
 url("/fonts/fontawesome-webfont.ttf") format('truetype'),
 url("/fonts/fontawesome-webfont.svg#FontAwesome") format('svg');
 font-weight: normal;
 font-style: normal;
}

html, body {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%; 
}
body {
 font-family: 'Roboto Condensed', sans-serif;
 position: relative;
 margin: 0 auto;
 background-color: #fff; /* Задний фон */
 background: url('/img/body.png') repeat; /* Задний фон - картинка */
}
#header {
 float: left;
 width: 100%;
 height: 550px; /* Ð’Ñ‹Ñота header */
 position: relative;
 z-index: 6;
}
#page-content {
 float: left; 
 width: 100%;
 padding-bottom: 30px; 
}
#footer {
 float: left;
 height: 50px;
 width: 100%;
 text-align: center;
 line-height: 50px;
 font-family: 'Roboto Condensed', sans-serif;
 color: #8a8a8a;
 background-color: rgba(255,255,255,0.8);
 font-size: 10pt;
}
#path {
 float: left;
 width: 100%;
 height: 70px; /* Ð’Ñ‹Ñота Пути */
 background: url('/img/header-bg.jpg') no-repeat scroll center center rgba(0, 0, 0, 0); /* Картинка Ð´Ð»Ñ Ð·Ð°Ð´Ð½ÐµÐ³Ð¾ фона Пути */
 -o-background-size: cover; 
 -webkit-background-size: cover; 
 -khtml-background-size: cover; 
 -moz-background-size: cover;
 background-size: cover; 
}
.mask {
 float: left;
 width: 100%;
 height: 100%;
 background: url('/img/mask.png') repeat;
 position: relative;
 z-index: 10;
}
#content {
 float: right;
 width: 860px;
 margin-left: 30px;
 margin-top: 50px;
}
#sidebar {
 float: left;
 width: 280px;
 margin-top: 50px;
}
.bl-block {
 float: left;
 width: 260px;
 padding: 0 10px 10px 10px;
 margin-bottom: 30px;
}
.bl-title {
 float: left;
 width: 260px;
 color: #fff;
 font-family: 'Roboto Condensed', sans-serif;
 text-transform: uppercase;
 font-weight: bold;
 padding: 15px 0 15px 0;
 text-align: center;
 border-top-left-radius: 5px;
 border-top-right-radius: 18px;
}
.bl-content {
 float: left;
 width: 260px;
 color: #8a8a8a;
 background-color: #fff;
 font-family: 'Roboto Condensed', sans-serif;
 -moz-box-shadow: 0px 1px 2px #f7f7f7;
 -webkit-box-shadow: 0px 1px 2px #f7f7f7;
 box-shadow: 0px 1px 2px #f7f7f7;
}
.h-up-bg {
 float: left;
 width: 100%;
 height: 100px;
 background-color: #fff;
}
.centering {
 margin: 0 auto;
 width: 1170px;
}
.wrap {
 float: left;
 width: 100%;
}

/*---Text Decoration---*/

#fancybox-buttons ul {
 display: none !important; 
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {text-transform:uppercase;}
ul {list-style: none;padding: 0 !important; margin: 0 !important;}
li {list-style: none;}
hr {clear: both;border: none;border-bottom: solid 1px #bababa;}
a, .bl-content .uMenuRoot li, .bl-content .catsTable .catsTd, .bl-content .uMenuRoot li a, .bl-content .catsTable .catsTd a,
.nav > li > a, .fa-home, .awesome01, .image01, .text01, .mixed01, .mixed02, #top, .flex-direction-nav li a.next,
.flex-direction-nav li a.prev, .c02-img, .view, .view a.info, .c04-link, .mail-b, .news01, .n01-img, .cl05-w,
.c06-bb, .c06-b, .mail-b2, .menu .uWithSubmenu li, .f-ab-2i img, .f-ab1, .f-ab2, .f-ab3, .f-ab-3 {
 -webkit-transition: all 0.2s linear !important;
 -moz-transition: all 0.2s linear !important;
 -o-transition: all 0.2s linear !important;
 -ms-transition: all 0.2s elinearase !important;
 transition: all 0.2s linear !important;
}
.up-cat {
 float: left;
 color: #bababa;
}
.up-cat, .up-cat a {
 font-size: 16pt;
 padding-top: 20px;
}
/*---Logo---*/
#logo {
 float: left;
 height: 80px;
 margin-top: 10px;
 background-color: #bababa;
 background: url("/img/logo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
 padding-left: 80px;
}
#logo a {
 float: left;
 margin-top: 3px; 
}
.site-title {
 float: left; 
 font-family: 'Roboto Condensed', sans-serif;
 color: #8a8a8a;
}
.site-name {
 float: none; 
 display: block;
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 28pt;
}
/*---Forum---*/
.gTableTop {
 color: #fff; 
}

.forum-fut {
 float: left;
 width: 100%;
 height: 100px;
}
.forumContent {
 text-align: center; 
 padding-top: 10px;
 font-size: 10pt;
}
.gTableTop {
 text-align: left !important; 
 width: 100%;
 padding: 8px;
 
}
.gTableTop a {
 color: #fff;
}
.gTableSubTop, .postTdTop {
 widh: 100%;
 background-color: #eee;
 padding-bottom: 5px;
 font-size: 10pt;
}
.forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd,
.threadIcoTd, .threadNametd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadLastPostTd {
 border-bottom: 1px solid #eee;
 padding-bottom: 5px;
}
#frmButns83, .userRights {
 text-align: right; 
}
.postBottom {
 border-top: 1px solid #eee;
 border-bottom: 1px solid #eee;
}
#forum_filter_select, #filter_word, .fastNav, .fastSearch, #thread_search_field {
 border: solid 1px #eee !important; 
 color: #bababa;
}
#filter_by {
 color: #8a8a8a;
 font-size: 10pt;
}
.forumNameTd, .forumLastPostTd, .threadNametd, .threadLastPostTd, .forumNamesBar, .pagesInfo, .posttdMessage {
 text-align: left !important; 
 padding-left: 10px;
}
#forum_filter input:nth-child(3) {
 background-color: #eee; 
 color: #8a8a8a;
 border: none;
 height: 20px;
}
.legendTable td {
 text-align: left !important; 
}
/*---Other Elements---*/


.postTable {
 background-color: rgba(255,255,255,0.5); 
 color: #2e2e2e;
 text-align: center;
}
.postTdTop {
 text-align: center !important; 
}
.postTdTop, .posttdMessage {
 padding-left: 10px; 
 text-align: left;
}
.postTdInfo {
 border-right: solid 1px #8a8a8a; 
}
.ball a:before {
 border: 4px solid;
 border-radius: 100%;
 display: inline-block;
 font-size: 1.9em;
 height: 50px;
 line-height: 50px;
 margin: 0 0 5%;
 text-align: center;
 width: 50px;
}
#top { 
 color: #fff;
 position: fixed; 
 bottom: 0; 
 right: 5px; 
 background: none; 
 z-index: 5001;
 cursor: pointer;
 padding:0 20px 0 20px; 
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}
#top:hover {
 border-top-left-radius: 50px;
 border-top-right-radius: 50px;
 background-color: #8a8a8a !important;
}
/*---Ucoz Block---*/

.bl-content .uMenuRoot li, .bl-content .catsTable .catsTd {
 border-bottom: solid 1px #ececec;
 padding: 15px 15px 15px 15px;
}
.bl-content .uMenuRoot li:hover, .bl-content .catsTable .catsTd:hover {
 background-color: #fdfdfd;
}
.bl-content .uMenuRoot li a, .bl-content .catsTable .catsTd a, .bl-content .catsTable .catsTd {
 font-family: 'Roboto Condensed', sans-serif;
 text-decoration: none !important;
 color: #8a8a8a;
}
.bl-content .catsTable .catNumData {
 float: right; 
}
.bl-content #uidLogForm, .bl-content .searchForm, .bl-content .calTable, .bl-content .pollBlock {
 padding: 15px 15px 15px 15px;
}

/*---Ucoz Button---*/
.swchItem {
 background-color: #bababa; 
}
.swchItemA, .swchItem {
 color: #fff;
 padding: 5px 11px 5px 11px;
 border-radius: 50px;
 font-size: 10pt;
}
/*---Ucoz Menu---*/

/*---Menu---*/

.menu, .menu .uMenuRoot { 
 display: inline-block; 
 position: relative; 
 cursor: default; 
 z-index: 500; 
 float: right;
 top: 20px;
} 
.menu > li, .menu .uMenuRoot li { 
 display: block; 
 float: left; 
} 
.menu > li > a, .menu .uMenuRoot li a { 
 position: relative; 
 display: block; 
 z-index: 510; 
 height: 60px; 
 padding: 10px 15px; 
 line-height: 30px; 
 font-family: 'Roboto Condensed', sans-serif; 
 font-weight: bold; 
 text-transform: uppercase;
 font-size: 13px; 
 color: #8a8a8a; 
} 
.menu .uMenuRoot li a { 
 padding: 10px 10px; 
}
.menu .uMenuRoot li a { 
 margin-top: -20px; 
}
.menu .uWithSubmenu {
position: relative;
}
.menu .uWithSubmenu > ul {
 background: none repeat scroll 0 0 #fdfdfd;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 box-shadow: 0 0 2px #888888 inset; 
 width: 157px;
 position: absolute;
 right: 0;
}
.menu .uWithSubmenu li {
 display: none !important; 
 float: none !important;
}
.menu .uWithSubmenu li a {
 text-align: left;
 font-size: 10pt;
 font-weight: normal;
 padding: 10px 0 10px 5px;
 margin-top: 0px; 
 height: auto;
 line-height: 1.5;
 text-transform: none !important;
 width: 140px;
 position: relative;
 margin-left: 5px;
 border-bottom: solid 1px #eee;
}
.menu .uWithSubmenu:hover li {
 display: block !important; 
}
.menu > li > div { 
 position: absolute; 
 display: block; 
 min-width: 600px; 
 min-height: 250px;
 right: 1px !important;
 top: 80px; 
 opacity: 0; 
 visibility: hidden; 
 overflow: hidden; 
 background: #fdfdfd;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 -webkit-transition: all .3s ease .15s; 
 -moz-transition: all .3s ease .15s; 
 -o-transition: all .3s ease .15s; 
 -ms-transition: all .3s ease .15s; 
 transition: all .3s ease .15s; 
 -moz-box-shadow:inset 0px 0px 2px #888888;
 -webkit-box-shadow:inset 0px 0px 2px #888888;
 box-shadow:inset 0px 0px 2px #888888;
} 
.menu > li:hover > div { 
 opacity: 1; 
 visibility: visible; 
 overflow: visible; 
} 
/*---Menu Extra---*/
.menu > li > a:hover .fa-home {
 color: #8a8a8a;
}
.menu .menu-post-a, .menu .menu-post-b { 
 float: left; 
 width: 20%; 
 padding-left: 2.5%; 
 padding-right: 2.5%; 
 padding-bottom: 2.5%; 
} 
.menu .menu-post-a {
 width: 40%; 
}
.menu .menu-post-a h3, .menu .menu-post-b h3 { 
 margin: 20px 0 10px 0; 
 line-height: 18px; 
 font-family: 'Roboto Condensed', sans-serif; 
 font-weight: bold; 
 font-size: 14px; 
 text-transform: uppercase; 
} 
.menu .menu-post-a h3 {
 text-align: center; 
}
.menu .menu-post-a li a, .menu .menu-post-b li a { 
 display: block; 
 line-height: 26px; 
 font-family: 'Roboto Condensed', sans-serif; 
 font-weight: bold; 
 font-size: 13px; 
 color: #888888; 
} 
.menu .menu-post-a li a {
 text-align: center;
 padding: 5px 5px 5px 5px;
 margin-bottom: 3px;
 background-color: #eee;
}
.menu .menu-post-a li a:hover {
 color: #fff; 
}

/*---Menu Options---*/
.menu-post-a span {
 position: absolute; 
}
.awesome01, .image01, .text01, .mixed01, .mixed02 {
 margin-left: 245px;
 width: 330px;
 position: absolute; 
 text-align: center;
 opacity: 0;
 top: 80px;
 z-index: 1;
}
.image01 {
 top: 10px !important; 
}
.text01, .mixed01, .mixed02 {
 width: 300px;
 padding-left: 10px;
 top: 30px;
 font-family: 'Roboto Condensed', sans-serif; 
 font-size: 10pt;
 line-height: 1.5;
 color: #666; 
}
.mixed02 {
 top: 40px;
}
.l1:hover .awesome01, .l1:hover .image01, .l1:hover .text01, .l1:hover .mixed01, .l1:hover .mixed02 {
 opacity: 1 !important;
}

/*---News01---*/

.n01-img {
 float: left;
 width: 100%;
 height: 200px;
 overflow: hidden;
 overflow: hidden;
 position: relative;
 text-align: center;
 opacity: 1; 
}
.n01-img img {
 min-width: 100%;
 height: 100%;
}
.n01-img:hover {
 opacity: 0.8; 
}
.n01-img .content {
 width: 300px;
 height: 200px;
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0;
 margin-top: -45px;
 margin-left: 50px;
}
.n01-img a.info {
 background:url(../img/link.png) center no-repeat;
 display: inline-block;
 text-indent:-9999px;
 width:50px;
 height:50px;
 border: solid 2px #fff;
 border-radius: 50px;
}
.n01-bg {
 margin: 10px;
 height: 400px;
}
.news01 {
 height: 395px;
 background-color: rgba(255,255,255,1) !important;
 margin-top: 5px;
 border: solid 1px #eee;
}
.news01:hover {
 margin-top: 0px;
 -moz-box-shadow: 0px 5px 5px #bababa;
 -webkit-box-shadow: 0px 5px 5px #bababa;
 box-shadow: 0px 5px 5px #bababa;
}
.news01:hover .n01-img {
 opacity: 0.7; 
}
.n01-bg, .news01 {
 float: left;
 width: 400px;
}
.n01-img {
 float: left;
 width: 100%;
 height: 200px;
 overflow: hidden;
}
.n01-img img {
 width: 100%; 
}
.n01-message {
 float: left;
 height: 60px;
 padding: 15px 0 15px 0;
 margin: 0 15px 0 15px;
 text-align: center;
 color: #8a8a8a;
 font-weight: lighter !important;
 font-family: 'Roboto Condensed', sans-serif; 
 position: relative;
 margin-bottom: 10px;
}
.n01-line {
 float: left;
 width: 60%;
 margin-left: 20%;
 border-bottom: dashed 1px #8a8a8a;
}
.n01-board {
 float: left;
 height: 37px;
 margin-left: 20%;
 margin-top: 5px;
 font-family: 'Roboto Condensed', sans-serif; 
 font-weight: lighter !important;
 font-size: 10pt;
}
.n01-board span {
 padding-left: 22px; 
}
.n01-board i {
 padding-right: 5px; 
}
.n01-link {
 float: left;
 width: 100%;
 height: 50px;
 background-color: #eee;
 color: #8a8a8a;
 text-align: center;
 line-height: 50px;
 font-size: 14pt;
 font-family: 'Roboto Condensed', sans-serif; 
}
.n01-title {
 float: left;
 overflow: hidden;
 position: absolute;
 margin-top: 151px;
 padding: 5px 25px 5px 25px;
 color: #fff;
 font-family: 'Roboto Condensed', sans-serif; 
 font-size: 18pt;
 border-right: solid 3px #fff;
 z-index: 2000;
}
.n01-data {
 float: right;
 position: relative;
 margin-top: -195px;
 padding: 5px 25px 5px 25px;
 color: #fff;
 border-left: solid 3px #fff;
 font-family: 'Roboto Condensed', sans-serif; 
 font-size: 12pt;
 font-weight: lighter !important;
}

/*---News01-In---*/
.news01-in {
 float: left;
 width: 818px;
 padding: 20px 20px 20px 20px;
 background-color: #fff;
 border: solid 1px #eee;
}
.n01-i-img {
 float: left;
 width: 100%;
}
.news01-in span {
 font-weight: lighter !important; 
}
.n01-i-title {
 float: left;
 width: 100%;
 padding: 20px 0 10px 0;
 font-size: 24pt;
}
.n01-i-mess {
 float: left;
 width: 100%;
 color: #8a8a8a;
 line-height: 1.5; 
}
.n01-i-author {
 width: 100%;
 float: left;
 padding-bottom: 10px;
}
.n01-i-author a {
 color: #bababa;
}
.n01-i-author i {
 padding-right: 5px; 
}
.news01-br {
 float: left;
 width: 100%;
 height: 30px;
}
/*---Comments---*/
.uComment.cBlock1, .uComment.cBlock2 {
 width: 100%; 
}
.uc-message {
 color: #8a8a8a; 
}
.uComment {
 float: left;
 padding-bottom: 5px;
 border-bottom: dashed 1px #8a8a8a !important; 
 margin-bottom: 25px !important;
}
.wysibb-body {
 float: left;
 width: 90%;
}



/*---Mail---*/
.mail-window2 {
 float: right;
 width: 430px;
 margin-top: 20px;
}
.cont-bl {float: left; width: 360px; background-color: #fff; margin-top: 20px; min-height: 288px; border: solid 1px #eee; padding: 20px; }
.cont-bl p span {color: #212121; margin-right: 5px;}
.cont-bl p i {margin-right: 5px;}
.cont-bl p {color: #8a8a8a; line-height: 1.5;}
.w-mail {float: left; width: 100%; margin: 0 !important;}
.mail-n2, .mail-e2, .mail-th2, .mail-te2 { margin: 0 !important; margin-bottom: 5px !important; width: 420px;}
.mail-n2, .mail-e2 {
 float: left;
 height: 30px;
 padding-left: 10px;
 color: #bababa;
 border: solid 1px #eee !important;
}
.mail-e2 {
 margin-top: 15px;
}
.mail-th2 {
 height: 30px; 
 color: #bababa;
}
.mail-te2 {
 height: 150px; 
}
.mail-th2, .mail-te2 {
 float: left;
 padding-left: 10px;
 margin-top: 15px;
 border: solid 1px #eee !important;
 color: #bababa;
}
.mail-b2 {
 margin-top: 15px;
 background-color: rgba(255,255,255,0) !important;
 padding: 10px 10px 10px 10px;
 cursor: pointer;
}
.mail-b2:hover {
 color: #fff;
}
/*---Clouds---*/
.text-center {
 text-align: center 
}
/*---Cloud01---*/
.text-span {
 font-size: 24pt;
}
.text-p {
 color: #8a8a8a;
 font-size: 14pt;
 line-height: 1.5;
}
.ln {
 overflow: hidden; 
}
.ln span {
 position: relative; 
}
.ln span:before, .ln span:after {
 border-top: 1px solid #bababa;
 content: "";
 height: 0.5em;
 position: absolute;
 top: 50%;
 width: 200em;
}
.ln span:before {
 margin-right: 0.5em;
 right: 100%;
}
.ln span:after {
 left: 100%;
 margin-left: 0.5em;
}
.cloud01 {
 float: left;
 width: 100%;
 padding-top: 20px;
}
.cloud01-t {
 float: left;
 width: 70%;
 margin-left: 15%;
}
.cloud01-t {
 font-family: 'Roboto Condensed', sans-serif;
 font-weight: lighter !important;
 margin-bottom: 0 !important;
 padding: 0 !important;
}

/*---Cloud02---*/
.cloud02 {
 float: left;
 padding-bottom: 50px; 
}
.c02-1 {
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 22pt;
}
.c02-2 {
 font-size: 10pt;
 color: #8a8a8a;
 font-weight: lighter !important;
}
.c02-f, .c02-m, .c02-l {
 float: left;
 width: 370px;
 margin: 50px 30px 0 0;
}
.c02-l { 
 margin: 50px 0 0 0 !important; 
}
.c02-up {
 float: left;
 width: 100%;
 height: 74px;
}
.c02-img {
 float: left;
 width: 50px;
 height: 50px;
 color: #fff;
 border-radius: 100%;
 font-size: 1.3em;
 position: relative;
 text-align: center;
}
.c02-img i {
 width: 50%;
 height: 50%;
 overflow: auto;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;
}

.c02-title {
 float: left;
 width: 281px;
 height: 70px;
 padding-left: 15px;
}
.c02-title p, .c02-mess p {
 margin: 0 !important;
 padding: 0 !important;
}
.c02-down {
 float: left;
 width: 100%;
 height-min: 95px;
 overflow: hidden;
}
.c02-mess p {
 float: left;
 min-height: 80px;
 font-size: 10pt; 
 color: #9a9a9a;
}
.c02-link {
 float: right;
 font-weight: normal;
 color: #8a8a8a;
}
.c02-f:hover .c02-img, .c02-m:hover .c02-img, .c02-l:hover .c02-img {
 background-color: rgba(0,0,0,0);
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
/*---Cloud03---*/

.cloud03 {
 float: left;
 margin-top: 80px;
}
.text-c03 {
 font-size: 24pt; 
 font-family: 'Roboto Condensed', sans-serif;
 font-weight: lighter !important;
 margin: 0 !important;
}
.text2-c03 {
 font-weight: lighter !important;
 color: #8a8a8a;
 font-size: 12pt;
 line-height: 1.5;
 padding-right: 10px;
}
.c03-l {
 float: left;
 width: 650px;
 height: 300px;
}
.c03-r {
 float: left;
 width: 520px;
 height: 300px;
 
}
.c03-title {
 float: left;
 width: 100%;
 height: 140px;
 overflow: hidden;
}
.c03-mes {
 float: left;
 width: 320px;
 height: 70px;
 padding: 0 5px 10px 0;
}
.c03-icon {
 float: left;
 width: 50px; 
 height: 100%;
}
.c03-icon i {
 margin-top: 15px;
 font-size: 35px;
}
.c03-tl {
 margin: 0 !important; 
 padding-top: 5px;
 font-family: 'Roboto Condensed',sans-serif;
 font-size: 14pt;
}
.c03-ms {
 margin: 0 !important; 
 color: #8a8a8a;
 font-size: 10pt;
 font-weight: lighter !important;
}

/*---cloud04---*/
.cloud04 {
 float: left;
 margin-top: 40px;
 width: 100%;
 height: 70px;
 position: relative;
 z-index: 4;
}
.c04-t {
 float: left;
 font-weight: lighter !important;
 font-size: 14pt;
 margin-top: 20px;
}
.c04-t span {
 padding: 0 10px 0 10px;
}
.c04-link {
 float: right; 
 padding: 5px 15px 5px 15px;
 border: solid 1px #8a8a8a;
 margin-top: 18px;
 color: #8a8a8a;
}
/*---cloud06---*/
.cloud06 {
 width: 1095px;
 height: 500px;
 padding-top: 30px;
 margin: 0 auto;
}
.c06-b-bg {
 float: left;
 width: 338px;
 height: 523px;
 margin-right: 25px;
 
}
.c06-b, .c06-bb {
 float: left;
 width: 338px;
 margin-right: 25px;
 background-color: rgba(255,255,255,0.7);
 border: solid 1px #fff;
 margin-top: 5px;
}

.c06-bb:hover, .c06-b:hover {
 margin-top: 0px;
 -moz-box-shadow: 0px 5px 5px #bababa;
 -webkit-box-shadow: 0px 5px 5px #bababa;
 box-shadow: 0px 5px 5px #bababa;
}
.c06-title, .c06-btitle, .c06-link, .c06-blink { 
 float: left;
 width: 100%;
 height: 65px;
 background-color: #eee;
}
.c06-discount {
 position: absolute;
 float: right;
 width: 50px;
 height: 50px;
 margin-top: -18px;
 margin-left: -32px;
 text-align: center;
 line-height: 50px;
 border-radius: 50px;
 color: #fff;
 overflow: hidden;
 border: solid 2px #fff;
}
.c06-blink { 
 color: #fff;
}
.c06-link, .c06-blink { 
 margin-top: 10px;
 text-align: center;
 font-size: 24pt;
 line-height: 60px;
 font-weight: lighter !important;
}
.c06-link:hover {
 color: #fff;
}
.c06-blink:hover {
 background-color: #eee !important;
}
.c06-title h2, .c06-btitle h2 {
 font-weight: lighter !important;
 text-align: center;
 color: #8a8a8a;
}
.c06-price, .c06-bprice {
 float: left;
 width: 100%;
 height: 115px;
 font-weight: lighter !important;
 text-align: center;
 color: #8a8a8a;
 font-size: 48pt;
 margin: 15px 0 !important;
}
.c06-message {
 float: left;
 width: 100%;
 font-weight: lighter !important;
 line-height: 2.5;
 text-align: center;
 color: #8a8a8a;
 font-size: 14pt;
}
.c06-line {
 float: left;
 width: 80%;
 margin-left: 10%;
 border-bottom: solid 1px #8a8a8a;
}

/*---cloud07---*/
.cloud07 {
 float: left;
 width: 100%;
 text-align: center;
 margin-top: 30px;
}
.c07span {
 float: left;
 width: 100%;
 color: #8a8a8a;
 font-weight: lighter !important;
}
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
.mail-window {
 float: left;
 width: 100%;
 margin-top: 20px;
}
.mail-n, .mail-e {
 float: left;
 width: 570px;
 width: 560px\9;
 height: 30px;
 padding-left: 10px;
 color: #bababa;
 border: solid 1px #eee !important;
}
.mail-e {
 float: right;
}
.mail-th {
 height: 30px; 
 color: #bababa;
}
.mail-te {
 height: 150px; 
}
.mail-th, .mail-te {
 float: left;
 width: 1160px;
 padding-left: 10px;
 margin-top: 15px;
 border: solid 1px #eee !important;
 color: #bababa;
}
.mail-b {
 margin-top: 15px;
 background-color: rgba(255,255,255,0) !important;
 padding: 10px 10px 10px 10px;
 cursor: pointer;
}
.mail-b:hover {
 color: #fff;
}
/*---cloud05---*/
.background {
 background-attachment: fixed;
 background-size: cover;
 height: 100%;
 left: 0;
 position: absolute;
 bottom: 0;
 width: 100%;
 z-index: 5;
}
.cloud05 {
 float: left;
 margin-top: 80px;
 width: 100%;
 height: 470px;
 position: relative;
 z-index: 4;
}
.cloud05-bg {
 float: left;
 width: 100%;
 height: 100%;
 background: url('/img/mask.png') repeat;
 position: absolute;
 z-index: 7;
}

/*---Cloud05-Informer---*/

.portfolio-bg {
 float: left;
 width: 270px;
 height: 170px;
 background-color: #000;
 margin: 11.25px;
}
.cl05-w {
 width: 270px;
 height: 170px;
 float: left;
 overflow: hidden;
 position: relative;
 text-align: center;
 opacity: 0.7; 
}
.cl05-w img {
 min-width: 100%;
 height: 100%;
}
.cl05-w:hover {
 opacity: 1; 
}
.cl05-w .content {
 width: 300px;
 height: 200px;
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0;
 margin-top: -45px;
 margin-left: -15px;
}
.cl05-w a.info {
 background:url(../img/link.png) center no-repeat;
 display: inline-block;
 text-indent:-9999px;
 width:50px;
 height:50px;
 border: solid 2px #fff;
 border-radius: 50px;
}
.effect a.info {
 opacity:0;
 -moz-transform:translateY(-125px);
 -webkit-transform:translateY(-125px);
 -o-transform:translateY(-125px);
 -ms-transform:translateY(-125px);
 transform:translateY(-125px);
 -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
 -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
 -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
 -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
 transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}
.effect:hover a.info {
 opacity:1;
 -moz-transform:translateY(100px);
 -webkit-transform:translateY(100px);
 -o-transform:translateY(100px);
 -ms-transform:translateY(100px);
 transform:translateY(100px);
}

/*---Cloud08---*/
.cloud08 {
 float: left;
 width: 100%;
 margin-top: 30px;
}
.c08-title {
 position: relative;
 margin-top: -280px;
 position: absolute\9;
 margin-left: 20px;
 border-radius: 2px;
 border: solid 1px #eee;
 float: left;
 width: 380px;
 padding: 10px 10px 10px 10px;
 height: 180px;
 background-color: #fff;
 box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
}
.c08-cont {
 margin: 0 !important;
 font-weight: lighter !important;
}
.c08-num {
 float: left;
 width: 100%;
 line-height: 2.5;
 color: #bababa;
 font-weight: lighter !important;
}
.c08-num i {
 width: 50px;
 text-align: center;
}
.c08-social {
 float: right; 
}
.c08-social a {
 float: left;
 font-size: 16pt;
 margin-right: 20px;
}
/*---About Us---*/

.f-ab1:hover, .f-ab2:hover, .f-ab3:hover {margin-top: 23px; -moz-box-shadow: 0px 5px 5px #bababa;
 -webkit-box-shadow: 0px 5px 5px #bababa;
 box-shadow: 0px 5px 5px #bababa;}
.f-ab-3 {margin-top: 7px;}
.f-ab-3:hover {margin-top: 0px; -moz-box-shadow: 0px 5px 5px #bababa;
 -webkit-box-shadow: 0px 5px 5px #bababa;
 box-shadow: 0px 5px 5px #bababa;}
.f-ab {float: left; width: 1170px;}
.f-ab1, .f-ab2, .f-ab3 {float: left; width: 368px; height: 400px; background-color: #fff; overflow: hidden; margin-top: 30px; border: solid 1px #eee;}
.f-ab1, .f-ab2 {margin-right: 30px;}
.f-ab .text-span, .f-ab-3 .text-span {font-size: 18pt;}
.f-ab .text-center, .f-ab-3 .text-center {text-align: left;}
.fab-img {float: left; width: 338px; height: 200px; margin-left: 14px; margin-top: 10px; overflow: hidden; border: solid 1px #eee;}
.fab-img img {width: 100%;}
.f-ab p {float: left; width: 338px; margin-left: 15px; color: #8a8a8a; font-size: 11pt; padding-bottom: 10px;}

.fab-inf {float: left; width: 338px; margin-left: 15px;}
.fab-inf h3, .f-ab3 h3, .f-ab-3 h3 {font-size: 12pt; font-weight: 500; margin: 0; margin-top: 10px;}
.fab-inf p {margin: 0; margin-top: 10px; border-bottom: solid 1px #eee;}
.fab-inf:last-child p {border-bottom: solid 1px #fff;}
.f-ab3 h3, .f-ab-3 h3 { float: left; width: 100%;text-align: center; t}
.f-ab3 p, .f-ab-3 p {line-height: 1.5;}
.fab-link {float: left; width: 328px; margin-left: 20px; font-weight: normal; margin-bottom: 7px; padding-bottom: 7px; border-bottom: solid 1px #eee; font-size: 11pt;}
.fab-link:last-child {border-bottom: solid 1px #fff;}
.fab-link:before {font-family: "FontAwesome"; content: '\f101'; margin-right: 5px; font-size: 8pt;}
 
 
 
.f-ab-2 {float: left; width: 100%; height:450px; overflow: hidden; position: relative; margin-top: 70px;}
.f-ab-2i, .f-ab-2cont {float: left; width: 270px; height: 200px; overflow: hidden; margin-right: 30px;}
.f-ab-2cont {height: 400px;}
.f-ab-2i:last-child, .f-ab-2cont:last-child {margin-right: 0;}
.f-ab-2i img {width: 100%;}
.f-ab-2i img:hover {opacity: 0.5;}
.f-ab-2cont h3 {float: left; width: 100%; margin: 0; margin-top: 5px;}
.f-ab-2cont p {float: left; width: 100%; color: #bababa; margin: 0; margin-top: 15px; font-weight: lighter;}

.f-ab-3 {float: left; width: 368px; margin-right: 30px; background-color: #fff; min-height: 350px; border: solid 1px #eee;}
.f-ab-3:last-child {margin-right: 0 !important;}
.fab-num {float: left; width: 30px; height: 30px; border-radius: 200px; color: #fff; text-align: center; line-height: 2; font-size: 11pt;margin: 5px; margin-left: 10px; margin-top: 15px;}
.f-ab-3-c {float: left; width: 100%;}
.f-ab-3-c p {margin: 0 10px; border-bottom: solid 1px #eee; padding-bottom: 10px; line-height: 1.5; margin-top: 20px; font-size: 11pt; color: #8a8a8a;}
.f-ab-3-c p:last-child {border-bottom: none;}
.f-ab-3p {float: left; width: 338px; margin-left: 15px; font-size: 11pt; color: #8a8a8a;}

.f-ab-3comm {float: left; width: 340px; margin: 15px; margin-bottom: 10px; font-size: 11pt; color: #8a8a8a; text-align: center; font-style: italic;}
.f-ab-3comm:before {font-family: "FontAwesome"; content: '\f10d'; margin-right: 10px;}
.f-ab-3comm:after {font-family: "FontAwesome"; content: '\f10e'; margin-left: 10px;}

@media only screen and (max-width:1170px){
 .wrap, .h-up-bg, .mask, #header, body, #slider {
 width: 1170px;
 }
}