@font-face{
font-family: animals;
src: url(/fonts/GARANIMA.TTF); 
}
@font-face{
font-family: flexslider-icon; 
src: url(/slick/fonts/slick.ttf); 
}
html{overflow-x: hidden;}
body{background:url('/img/bg.png');font-size: 15px}
.main{background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.1)}
a:hover,a{text-decoration: none}
.up-header{background:#f5f5f5;height: 52px;}
.up-header ul {line-height:24px;}
.up-header ul li{display:inline-block;}
.up-header .ul-left {float: left;padding-left: 25px;}
.up-header .ul-left li{border-right:1px solid #eee;padding-right:5px;padding-left:5px;}
.up-header .ul-left li a{color:#777}
.up-header .ul-left li:last-child{border:none}
.up-header .ul-right {float: right;padding-right:25px;}
.up-header .ul-right li{padding-left:10px;}
.up-header .ul-right li a{color:#777}
.header{background: #fff;float: left;width: 100%;}
.img-logo{padding-top: 30px;padding-bottom:30px;float: left;}
nav{background: #337ab7;float: left;width: 100%}
nav ul{padding-left:15px;/* float: left; *//* width: 100%; */}
nav ul li{display: inline-block;padding-right:10px;padding-left:10px;border-right:1px solid rgba(238, 238, 238, 0.29);line-height: 20px;}
nav ul li a:hover{color:#ffb400;text-decoration:none}
nav ul li a{color: #fff;font-weight: bold;padding: 21px 0px;}
nav ul li ul{position: absolute;width: 220px;background:#337ab7;margin-top: 9px;padding: 0px;z-index: 99;display: none}
nav ul li ul li {display:block;padding: 10px;}
nav ul li ul li {border-bottom:1px solid rgba(238, 238, 238, 0.29)}
.slider-main{float:left;width:100%}
.flex-caption h2, .flex-caption h5{left:20px;background:rgba(0,0,0,0.5);width: 50%;padding:10px;}
.flex-caption {
top:30%;
position:absolute;
float:left;
color: #fff;
font-size: 14px;
line-height: 18px;
padding:50px;
}
.servis .glyphicon {font-size:50px;}
.b3,.b2,.b1{
padding:10px;
background: #f5f5f5;
color: #898888;
border-right:1px solid #eee;
}
.servis h4{color:#3a3a3a;}
.servis {float:left;width:100%;margin-bottom:40px;}
.parallax{color:#fff;background-attachment: fixed;background: url(/img/slider/2.jpg);background-size: cover;width: 100%;float: left;
}
.parallax .fa,.footer .fa{font-size:50px;float:left;padding-right:10px;color: #fff}
.parallax .col-md-4{padding:30px;min-height: 120px}
.some-txt{margin-bottom:20px;float:left;width:100%;margin-top:20px;}
.servis .col-md-4{padding:40px;}
.animals{font-family: animals}
.animals-e:before{content: "e"}
.black-c{background: rgba(0,0,0,0.8)}
.employee{margin-top: 20px;float: left;width: 100%;}
.employee h4{padding-bottom: 20px;}
.parallax2{float: left;width: 100%;background: #eee;}
.parallax3{float:left;width:100%;}
.blog-gl .img-blog{padding:10px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%); transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;cursor:pointer}
.blog-gl .img-blog:hover{-webkit-filter:none; /* Safari 6.0 - 9.0 */
filter:none;
}
.blog-gl p{padding-left:10px;}
.blog-gl-bg .img-blog{margin-bottom:0px;}
.img-blog{padding-bottom:8px;position:relative;height:200px;}
.date{position: relative;background:orange;padding:10px;bottom:0px;z-index:9;top: -27px;}
.tesm-cat{font-size:12px;text-align:left}
.tesm-txt{text-align:left}
.tesm-h4{font-weight:bold;text-align:left}
.tesm-img{text-align:justify;float:left;width:150px;border-radius:100%;height:150px!important;margin-right:15px;border:2px solid gray;}
.tesm{padding:10px;}
.footer{color:#fff;background: url(/img/slider/1.jpg);background-repeat: no-repeat;background-attachment: fixed;background-size: cover;float:left;width: 100%}
.footer span{color: #fff}
.footer .hra{border:1px solid rgba(255,255,255,0.5);padding:20px;padding-top: 10px;}
.footer-color{background: rgba(0,0,0,0.8);float: left;padding: 10px;}
.footer ul {padding:0px;list-style:none;}
.footer-up{border-bottom:1px solid rgba(255,255,255,0.5);float:left;padding-bottom:30px;padding-top:20px;width: 100%;}
.footer-down{padding-top:30px;float:left;color:#fff}
.footer-down a,.footer-down a:hover{color:#fff}
.header .col-md-2{border-right:1px solid #eee;padding:10px;text-align:left;margin-top: 15px;padding-left: 30px;}
.header .col-md-2 .fa{color:gray;padding-right:5px;font-size:20px;}
.flex-prev:before{content:"\f190"!important;font-family:'FontAwesome'!important;}
.flex-next:before{content:"\f18e"!important;font-family:'FontAwesome'!important;}
.footer .hra span{display:block}
.mobile-menu{background:#337ab7;height:40px;width:100%;font-family:FontAwesome;display: none}
.mobile-menu:after{content:"\f0c9";float:right;padding:5px;color:#fff;font-size:28px;}
.footer-bottom {float:left;height:52px;width:100%;background:rgba(8, 8, 8, 0.91)}
.footer-bottom .ucoz-copy{float: left;padding: 15px;color: #777;}
.title{background:#337ab7;padding:15px;color:#fff;font-weight:bold;font-size:18px;}
.content{background:#f5f5f5;padding-top:10px;padding-bottom:10px;margin-bottom: 10px}
.roa{margin-top:30px;margin-bottom:30px;float:left;width:100%}
.roa .col-md-8{margin-bottom:10px;}
.blog-content{margin-top:-20px;}
@media(max-width: 991px) {
.flex-caption{padding:0px;top:0;}
.flex-caption h5{float:left;width:30%}
.roa .col-md-4{clear: both;}
.roa{margin-bottom:0px}
.roa col-md-8,.roa .col-md-4{padding:0px}
.footer-up .col-md-4{margin-bottom:10px}
.mobile-menu{display: block;cursor: pointer;}
nav ul{position:inherit!important;width:100%;display: none}
nav ul li{display:block;border-bottom:1px solid rgba(238, 238, 238, 0.29);padding:10px;}
nav ul li ul{width:100%;padding:0px;margin:0px;padding-left:10px;display:block!important}
nav ul li ul li{border-bottom:1px solid rgba(238, 238, 238, 0.29);border-right:none}
nav ul li ul li:last-child{border:none}
.img-logo{float:none;padding:0px;}
.header .col-md-2{text-align:center;border-bottom:1px solid #eee}
}
@media(max-width: 768px) {
.parallax .fa{float:none;}
.parallax .col-md-4 span{display: none}
}
.header .col-md-2 span{display:block}
@media(max-width:520px){
.flex-caption{padding:0px;top:0;position:relative;width:100%}
.flex-caption h2, .flex-caption h5{margin:0;float:left;width:100%}
}
@media(max-width:480px){
.footer-down ul ,.footer-down h4{text-align:center}
.tesm-img{float:none;text-align:justify;;width:150px;border-radius:100%;height:150px!important;margin-right:0px;border:2px solid gray;}
.tesm-h4, .tesm-txt, .tesm-cat{float:left;width:100%;display:block;text-align:center}
.ul-left{text-align:center;width:100%;}
.ul-right{border-bottom:1px solid #eee;padding-bottom:5px;text-align:center;;width:100%}
}
/* Create three columns of equal width */
.columns {
float: left;
width: 33.3%;
padding: 8px;
}
/* Style the list */
.price {
list-style-type: none;
border: 1px solid #eee;
margin: 0;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
float: left;
}
/* Add shadows on hover */
.price:hover {
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}
/* Pricing header */
.price .header {
background-color: #111;
color: white;
font-size: 25px;
}
/* List items */
.grey{line-height:}
.price li {
border-bottom: 1px solid #eee;
padding: 20px;
text-align: center;
float: left;
width: 100%;
}
/* Grey list item */
.price .grey {
background-color: #eee;
font-size: 20px;
float: left;
width: 100%;
}
/* The "Sign Up" button */
.button {
background-color: #337ab7;
border: none;
color: white;
padding: 10px 25px;
text-align: center;
text-decoration: none;
font-size: 18px;
}
.button:hover{color: #fff}
/* Change the width of the three columns to 100% 
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
.columns {
width: 100%;
}
}
.flex-caption-about {
width: 100%;
padding: 2%;
left: 0;
bottom: 0;
background: rgba(0,0,0,.5);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
font-size: 14px;
line-height: 18px;
}
.catsTable {margin-top:-10px;margin-bottom:-10px;}
.catsTd{padding:10px;color:#777;border-bottom:1px solid #eee}
.catsTd:hover{background:#eee}
.catsTd a{color:#777}
.catsTd a:hover{color:#333;text-decoration:none}
.content ul{list-style:none}
.archUl {padding:0px;margin:0px}
.archUl .archLi{padding:10px;color:#777;border-bottom:1px solid #eee}
.archUl .archLi:hover{background:#eee}
.archUl .archLi a{color:#777}
.archUl .archLi a:hover{color:#333;text-decoration:none}
.gTable,
.postTable {
background: none;
border-spacing: 0;
}
.postTable {
border-top: 2px solid #dbe1e8;
}
.forumContent{padding:20px;}
.forumContent .gTableTop {
background: #84bb26;
text-transform: uppercase;
padding: 13px 20px;
color: #fff;
font-size: 16px;
}
.gTableTop a {
color: #fff;
}
.gTableTop a:hover {
text-decoration: none!important;
}
.gTableSubTop,
.postTdTop {
color: #5e6d81;
font-weight: bold;
padding: 0 10px;
height: 34px;
line-height: 34px;
font-size: 12px;
border-bottom: 2px solid #dbe1e8;
position: relative;
}
.gTableSubTop a,
.gTableSubTop a:hover,
.postTdTop a,
.postTdTop a:hover {
color: #5e6d81!important
}
.gTableSubTop b {
font-weight: normal;
}
.gTableBody,
.gTableBody1,
.gTableBottom,
.gTableError,
.forumNameTd,
.forumLastPostTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.threadsType,
.postPoll,
.newThreadBlock,
.newPollBlock,
.newThreadBlock,
.newPollBlock,
.gTableRight,
.postTdInfo,
.codeMessage,
.quoteMessage,
.forumIcoTd,
.forumThreadTd,
.forumPostTd,
.gTableLeft,
.threadIcoTd,
.threadPostTd,
.threadViewTd,
.postBottom {
padding: 15px 10px;
border-bottom: 1px solid #dbe1e8;
}
.postPoll,
.postTdInfo,
.postBottom,
.posttdMessage {
border-bottom: none;
}
.postBottom {
border-top: 1px solid #dbe1e8;
}
.postBottom {
padding: 3px 7px;
}
a.forum,
a.threadLink {
padding: 0;
font-size: 16px;
}
a.forumLastPostLink {
color: #939fae!important;
}
.gTableLeft {
font-weight: bold
}
.gTableError {
color: #FF0000
}
.forumLastPostTd,
.forumArchive {
font-size: 8pt
}
a.catLink {
text-decoration: none;
}
a.catLink:hover {
text-decoration: underline
}
.lastPostGuest,
.lastPostUser,
.threadAuthor {
font-weight: bold
}
.archivedForum {
font-size: 7pt;
color: #FF0000!important;
font-weight: bold
}
.forumDescr {
font-size: 8pt
}
div.forumModer {
color: #939fae;
font-size: 8pt
}
.forumViewed {
font-size: 9px
}
.forumBarKw {
font-weight: normal
}
a.forumBarA {
text-decoration: none;
color: #939fae!important
}
a.forumBarA:hover {
text-decoration: none
}
.fastLoginForm {
font-size: 8pt
}
.switch,
.pagesInfo {
padding: 4px 7px;
font-weight: normal;
font-size: 11px;
background: #8e5c0d;
color: #fff;
}
.switchActive {
padding: 4px 7px;
font-weight: normal;
background: #f27935;
color: #fff;
}
a.switchDigit,
a.switchBack,
a.switchNext {
text-decoration: none;
color: #fff;
}
a.switchDigit:hover,
a.switchBack:hover,
a.switchNext:hover {
text-decoration: underline
}
.threadLastPostTd {
font-size: 8pt
}
.threadDescr {
color: #939fae;
font-size: 8pt
}
.threadNoticeLink {
font-weight: bold
}
.threadsType {
height: 20px;
font-weight: bold;
font-size: 8pt
}
.threadsDetails,
.forumOnlineBar {
padding: 5px 0;
}
a.threadPinnedLink {
font-weight: bold;
color: #f63333!important
}
a.threadFrmLink {
color: #939fae!important
}
.postpSwithces {
font-size: 8pt
}
.thDescr {
font-weight: normal
}
.threadFrmBlock {
font-size: 8pt;
text-align: right
}
.forumNamesBar {
font-size: 11px;
padding: 3px 0
}
.forumModerBlock {
padding: 3px 0
}
.postPoll {
text-align: center
}
.postUser {
font-weight: bold
}
.postRankName {
margin-top: 5px
}
.postRankIco {
margin-bottom: 5px;
margin-bottom: 5px
}
.reputation {
margin-top: 5px
}
.signatureHr {
margin-top: 20px
}
.postTdInfo,
.posttdMessage {
padding: 20px;
}
.postTdInfo {
text-align: center;
border-right: 1px solid #dbe1e8;
}
.posttdMessage {
line-height: 18px;
}
.pollQuestion {
text-align: center;
font-weight: bold
}
.pollButtons,
.pollTotal {
text-align: center
}
.pollSubmitBut,
.pollreSultsBut {
width: 140px;
font-size: 8pt
}
.pollSubmit {
font-weight: bold
}
.pollEnd {
text-align: center;
height: 30px
}
.codeMessage,
.quoteMessage,
.uSpoilerText {
font-size: 11px;
padding: 10px;
margin: 0 0 20px;
background: none;
border: 1px solid #dbe1e8!important;
color: #939fae;
}
.signatureView {
display: block;
font-size: 8pt;
line-height: 14px;
padding: 0 0 0 10px;
border-left: 3px solid #dbe1e8
}
.edited {
padding-top: 30px;
font-size: 8pt;
text-align: right;
color: gray
}
.editedBy {
font-weight: bold;
font-size: 8pt
}
.statusBlock {
padding-top: 3px
}
.statusOnline {
color: #0f0
}
.statusOffline {
color: #f00
}
.newThreadItem {
padding: 0 0 8px;
background: url(/.s/t/1322/12.gif) no-repeat 0 4px
}
.newPollItem {
padding: 0 0 8px;
background: url(/.s/t/1322/12.gif) no-repeat 0 4px
}
.pollHelp {
font-weight: normal;
font-size: 8pt;
padding-top: 3px
}
.smilesPart {
padding-top: 5px;
text-align: center
}
.userAvatar {
border: 1px solid #939fae;
padding: 2px;
}
.pollButtons button {
margin: 0 10px 0 0!important
}
.postBottom .goOnTop {
display: none!important
}
.postIpLink {
text-decoration: none;
}
.thread_subscribe {
text-decoration: none;
}
.thread_subscribe:hover {
text-decoration: underline;
}
.postip,
.postip a {
font-size: 11px;
color: #939fae;
}
.UhideBlockL {
background: none;
border: 1px solid #dbe1e8;
padding: 10px;
color: #939fae;
}
.UhideBlockL a {
color: #939fae;
text-decoration: underline