/* Template Redesign by webmargin.ir | Author: Majid | URL: http://webmargin.ir */
html,
body {
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    font-family: 'Sahel', tahoma;
}

textarea,
input {
    outline: none;
    resize: none;
}

img,
a img {
    border: none;
    outline: none;
}

a,
a:link,
a:visited,
a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a {
    transition: color .3s ease;
}

body {
    font: 13px/20px 'Sahel';
    color: #5c5c5c;
    font-weight: 400;
}

body>#ascrail2000-hr {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 5px 0 10px 0;
    font-weight: normal;
    font-family: 'Sahel', 'Open Sans';
    color: #6500e6;
    text-transform: uppercase;
    font-weight: 900;
}

h1 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 400;
}

h2 {
    font-size: 36px;
    line-height: 40px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
}

h4 {
    font-size: 18px;
    line-height: 22px;
}

h5 {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 22px;
}

h6 {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 22px;
}

aside ul,
aside ol,
aside li {
    margin: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

.button {
    display: inline-block;
    padding: 9px 20px;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all .3s ease;
}

.button.b-transparent {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
}

.button.b-transparent:hover {
    background: #fff;
    color: #5c5c5c;
}

.button.b-color {
    color: #fff;
}

.col2 {
    width: 48.717948716%;
}

.col3 {
    width: 31.623931622%;
}

.col4 {
    width: 23.076923075%;
}

.phtTdMain {
    width: 23.076923075% !important;
}

.col2,
.col3,
.col4,
.phtTdMain {
    margin-bottom: 30px;
    margin-left: 2.564102563%;
    float: right;
}

.co2:nth-child(2n),
.col3:nth-child(3n),
.col4:nth-child(4n),
.phtTdMain:nth-child(4n) {
    margin-left: 0 !important;
}

#l-container input[type="button"],
#l-container input[type="submit"],
#l-container input[type="reset"] {
    font-family: 'Sahel', 'Open Sans';
    font-size: 13px;
    padding: 7px 15px;
    color: #fff;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s ease;
}

#l-container input[type="button"]:hover,
#l-container input[type="submit"]:hover,
#l-container input[type="reset"]:hover {
    background: #212121;
}

#l-container {
    margin: 0 auto;
    background: #fff;
}

.cnt {
    width: 1170px;
    margin: 0 auto;
}

.oh:after {
    content: "";
    display: block;
    clear: both;
}

#top {
    border-bottom: 1px solid #dcdcdc;
    height: 40px;
    line-height: 40px;
}

.top-left {
    float: right;
    overflow: hidden;
    height: 40px;
}

.top-left span {
    float: right;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #dcdcdc;
}

.top-left span .fa {
    font-size: 14px;
    margin-left: 5px;
}

.top-left span:first-child {
    padding-right: 0;
    margin-right: 0;
    border: none;
}

.top-left span a {
    color: #5c5c5c;
    text-decoration: none;
}

.top-right {
    float: left;
    overflow: hidden;
    height: 40px;
}

.top-right span {
    float: right;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #dcdcdc;
}

.top-right span .fa {
    font-size: 14px;
    margin-left: 5px;
}

.top-right span:first-child {
    padding-right: 0;
    margin-right: 0;
    border: none;
}

.top-right span a {
    color: #5c5c5c;
    text-decoration: none;
}

#header {
    height: 70px;
    overflow: visible !important;
}

#header>.cnt {
    position: relative;
    height: 70px;
    z-index: 99;
}

.logo {
    display: block;
    height: 70px;
    line-height: 70px;
    float: right;
    font-weight: 700;
    font-size: 25px;
}

.logo span,
.logo span:hover {
    color: #5c5c5c;
}

.logo:hover {
    opacity: 0.8;
    text-decoration: none;
}

.serch,
.menu-icon {
    float: left;
}

.serch .fa,
.menu-icon .fa {
    padding-right: 15px;
    line-height: 70px;
    font-size: 14px;
    cursor: pointer;
}

#search-form {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

#search-form>.cnt {
    position: relative;
    height: 100%;
}

#search-form>.cnt form {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -40px;
}

#search-input {
    width: 96%;
    padding: 15px 2% !important;
    font-size: 18px !important;
    box-shadow: none !important;
    border: 2px solid #212121 !important;
    border-radius: 10px !important;
}

.search-close {
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding-top: 20px;
}

.search-close span {
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    border-bottom: 1px dashed #fff;
}

.search-close .fa {
    font-size: 18px;
}

.menu-icon {
    padding-left: 15px;
}

#slider-cnt {
    height: 500px;
    text-align: center;
}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.flexslider .slides,
.flexslider .slides>li {
    height: 100%;
    display: block;
    height: 100%;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides>li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-left: 5px;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
    right: -50px;
}

.flex-direction-nav .flex-next {
    left: -50px;
    text-align: left;
}

.flexslider:hover .flex-prev {
    opacity: 0.7;
    right: 10px;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: 'Sahel', "flexslider-icon";
    font-size: 40px;
    display: inline-block;
}

.flex-direction-nav a.flex-next:before {}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    z-index: 10;
}

.flex-control-nav li {
    margin: 0 9px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 16px;
    height: 16px;
    display: block;
    background: none;
    border: 2px solid #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    transition: all .3s ease;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: right;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

/* --------------- */

.navigation-holder {
    text-align: center;
    clear: both;
    height: 50px;
    margin: 40px 0 40px 0;
}

.navigation {
    color: #000;
    font-size: 16px;
    clear: both;
    display: inline-block;
    text-align: center;
    font-family: 'Sahel', "PT Sans Bold";
}

.navigation b {
    padding-top: 0 !important;

}

.navigation span,
.navigation a,
.navigation b {
    height: 40px;
    line-height: 40px;
    padding-top: 2px;
    vertical-align: middle;
    min-width: 40px;
    font-size: 14px;
    float: right;
}

.navigation a {
    line-height: 40px;
    color: #121212;
    margin-left: 5px;
    text-decoration: none;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: ease 0.1s all;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin-right: 1px;
    background: #f6f6f6;
}

.navigation a:hover {
    text-decoration: none;
    color: #fff;
}

.navigation span {
    text-decoration: none;
}

.nav_ext {
    background-color: transparent !important;
    color: #202020 !important;
    border-color: transparent !important;
}

.next,
.prev {
    line-height: 40px !important;
}

.next span,
.prev span,
.navigation span {
    margin-left: 5px;
    color: #909090;
    line-height: 40px !important;
    border-radius: 3px;
    color: #fff;
}

.next a,
.prev a {
    text-decoration: none !important;
    font-weight: normal;
    color: #121212;
}

.next a:hover,
.prev a:hover {}

#slider-cnt .cnt {
    padding: 100px 0;
    color: #fff;
    background: rgba(29, 29, 29, 0.5);
    width: 100%;
    height: 60%
}

.s-1 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
}

.s-2 {
    text-transform: uppercase;
    font-size: 48px;
    line-height: 48px;
    padding: 30px 0;
    font-weight: 700;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
}

.s-3 {
    width: 570px;
    margin: 0 auto 36px;
    font-size: 15px;
    line-height: 24px;
}

#service {
    padding: 90px 0;
}

.title1 {
    margin: 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 55px;
    background: url(../images/title1.png) bottom center no-repeat;
}

.title1-descr {
    width: 570px;
    margin: 0 auto 40px;
    font-size: 15px;
    line-height: 24px;
    padding: 0;
    text-align: center;
}

#service .col4 {
    text-align: center;
    font-size: 13px;
    padding-top: 5px;
}

#service .col4 .fa {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 30px;
    border-radius: 100px;
    transition: all .3s ease;
}

#service .col4:hover .fa {
    color: #fff;
}

#service h4 {
    padding: 20px 0;
    margin: 0;
}

#works {
    padding: 90px 0;
    background: #f6f6f6;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

.work a.ulightbox {
    display: block;
    width: 100%;
    background: #dcdcdc;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    line-height: 0;
    height: 180px;
    overflow: hidden;
}

.work a.ulightbox img {
    width: 100%;
    min-height: 180px;
}

.workall:nth-child(4n) {
    margin-left: 2.564102563% !important;
}

.workall {
    width: 30.772%;
}

.workall a.ulightbox img {
    min-height: 180px;
}

.workall a.ulightbox {
    height: 180px;
    overflow: hidden;
}

.workall a.ulightbox span h5 {
    font-size: 13px;
}

.work a.ulightbox span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    right: 0;
    z-index: 2;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: all .3s ease;
}

.work a.ulightbox:hover span {
    top: 0;
    opacity: 0.9;
}

.work a.ulightbox span .fa {
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 40px;
    margin-top: 17%;
}

.work a.ulightbox span h5 {
    color: #fff;
    margin: 15px 0;
    font-weight: 700;
    letter-spacing: 1px;
}

.work a.ulightbox span a {
    display: block;
}

#customers {
    padding: 90px 0;
}

.customer {
    width: 193px;
    line-height: 0;
    border: 1px solid #dcdcdc;
    float: right;
    margin-right: -1px;
    background: #fff;
}

.customer img {
    width: 100%;
}

.customer:first-child {
    margin-right: 0;
}

#reviews {
    padding: 90px 0;
    background: url(../images/reviews.jpg) top no-repeat;
    background-size: cover;
}

#reviews * {
    color: #fff;
}

#reviews ul,
#reviews li {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto !important;
}

#reviews li i {
    display: block;
    padding-top: 15px;
    font-size: 13px;
}

#reviews .title1-descr {
    margin-bottom: 0;
    position: relative;
}

a.rev-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 2px solid #fff;
    margin: 25px 3px 0;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    transition: all .3s ease;
}

a.rev-arrow i {
    transition: all .3s ease;
}

#blog {
    padding: 90px 0;
}

.b-img {
    width: 100%;
    height: 200px;
    background-color: #dcdcdc;
    background-position: center;
    background-size: cover;
    border-radius: 2px;
}

#blog .col4 h5 {
    margin: 15px 0;
    font-weight: 700;
    height: 42px;
    overflow: hidden;
}

.worknews h5 {
    margin: 15px 0;
    font-weight: 600;
    height: 42px;
    overflow: hidden;
}

.worknews p,
#blog .col4 p {
    height: 60px;
    overflow: hidden;
}

#blog .col4 h5 a,
.worknews h5 a {
    text-decoration: none !important;
    color: #212121;
}

.p-details {
    font-size: 13px;
    line-height: 14px;
    overflow: hidden;
}

.p-details span {
    display: block;
    float: right;
    margin-left: 10px;
    color: #7a7a7a;
}

.p-details span a {
    color: #7a7a7a;
}

.p-details span i {
    font-size: 14px;
    padding-left: 5px;
}

.footp {
    padding: 0 0 60px !important;
}

#footer {
    padding: 50px 0 10px;
    background: #212121;
}

#footer a {
    color: #fff;
}

#footer .col4 {
    line-height: 24px;
}

#footer .col4 h5 {
    color: #fff;
    margin: 0 0 20px;
    font-weight: 700;
}

.f-news {
    overflow: hidden;
    margin-bottom: 15px;
    line-height: 20px;
}

.f-news-img {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    background-position: center;
    background-size: cover;
    float: right;
    margin-left: 15px;
}

.f-block-cnt {
    overflow: hidden;
}

.f-block-cnt .eTag {
    display: block;
    float: right;
    padding: 3px 15px;
    font-size: 13px !important;
    text-transform: lowercase;
    text-decoration: none;
    border-radius: 2px;
    margin-left: 5px;
    margin-bottom: 5px;
    transition: all .3s ease;
}

.f-block-cnt .eTag:hover {
    color: #fff !important;
}

.f-contact {
    margin-bottom: 10px;
}

.f-contact .fa {
    font-size: 16px;
    padding-left: 5px;
}

.f-soc {
    padding-top: 10px;
}

.f-soc a {
    display: block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 1px;
    float: right;
    margin-left: 5px;
}

.f-soc a .fa {
    font-size: 16px;
    color: #212121;
}

#bottom {
    padding: 25px 0;
    overflow: hidden;
}

.bottom-left {
    float: right;
}

#go-top {
    float: left;
    font-size: 22px;
    cursor: pointer;
}

#path {
    padding: 36px 0;
    background: url(../images/reviews.jpg) center no-repeat;
    background-size: cover;
    line-height: 24px;
}

.path-title {
    float: right;
    font-size: 24px;
    color: #fff;
}

.path-links {
    color: #fff;
    float: left;
}

.path-links a {
    color: #fff !important;
}

.path-links .fa {
    font-size: 16px;
}

.path-links u {
    text-decoration: none;
    padding: 0 5px;
}

#middle {
    padding: 90px 0;
}

.p-cats {
    padding-bottom: 30px;
}

.p-cats-left {
    float: right;
    position: relative;
}

.p-cats-left>span {
    display: block;
    cursor: pointer;
    background: #52be7f;
}

.p-cats-left>span i {
    padding-right: 5px;
    font-size: 12px;
}

.p-cats-list {
    position: absolute;
    top: 40px;
    right: 0;
    background: #fff;
    border-radius: 0 0 2px 2px;
    width: 270px;
    z-index: 3;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    display: none;
}

.p-cats-list * {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 36px;
}

.p-cats-list .catNumData {
    display: none;
}

.p-cats-list a {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 15px;
    text-decoration: none;
}

.p-cats-list a:hover {
    color: #121212;
    background: #f2f2f2;
}

.p-pages {
    float: left;
}

.swchItemA span,
.swchItem span,
.swchItemA1 span,
.swchItem1 span {
    display: inline-block;
    line-height: 36px;
    min-width: 16px;
    padding: 0 10px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    text-decoration: none;
}

#content {
    width: 74.358974657%;
}

.entry {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #dcdcdc;
}

.e-img {
    width: 100%;
    border-radius: 2px;
}

.e-title {
    text-transform: none;
    font-weight: 400;
    font-size: 20px;
    margin: 15px 0;
    line-height: 25px;
}

.e-title a {
    color: #212121 !important;
    text-decoration: none !important;
}

.e-mes {
    padding: 0;
    margin: 0;
}

.e-details {
    overflow: hidden;
    padding-top: 20px;
}

.e-details-right {
    float: left;
    color: #7a7a7a;
}

.e-details-right a {
    color: #7a7a7a !important;
}

.e-details-right u {
    text-decoration: none;
    padding: 0 10px;
}

.e-more {
    display: block;
    float: right;
    font-size: 15px;
}

.e-more span {
    font-family: 'Sahel', arial;
}

#search-input {
    font-family: 'Sahel', arial;
}

#sidebar {
    width: 21.367521366%;
}

.block {
    margin-bottom: 50px;
}

.block>h4 {
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}

.b-cnt {
    overflow: hidden;
}

.b-cnt .catsTable {
    line-height: 30px;
}

.b-cnt .catName:hover {
    text-decoration: underline;
}

.b-cnt ul,
.b-cnt li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
    line-height: 30px;
}

.b-cnt a:hover {
    text-decoration: underline;
}

.calTable {
    width: 100%;
    line-height: 30px;
}

.calTable td.calMday {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
}

.calWday,
.calWdaySu,
.calWdaySe {
    border-radius: 2px;
    color: #fff;
}

.calWdaySu,
.calWdaySe {
    background: #7a7a7a !important;
}

.calMdayA {
    font-weight: 900;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
}

hr {
    background: #dcdcdc;
    border: none;
    height: 1px;
}

.eTitle {
    font-size: 24px;
    line-height: 24px;
    color: #121212;
    padding: 0 0 20px;
    text-transform: none;
}

.eDetails {
    padding: 10px 0;
    font-size: 13px;
    color: #7a7a7a;
}

.e-info .ed-value {
    margin-left: 10px;
    padding-bottom: 20px;
}

.e-info {
    display: block;
}

.e-info .ed-title,
.e-info .ed-value {
    font-size: 12px;
}

.fullstory {
    margin: 20px 0;
    width: 100%;
}

.btitle {
    font-weight: 500;
}

.fotorama {
    margin: 20px 0;
}

.e-mes img {
    max-width: 100%;
}

.pollAns {
    font-size: 13px !important;
    font-family: 'Sahel', 'Roboto' !important;
    line-height: 30px !important;
}

.fullstory img {
    max-width: 100%;
    margin: auto;
    display: block;
    float: none !important;
}

#allEntries>div[id^='comEnt'] {
    margin-top: 20px;
    margin-bottom: -5px;
    padding: 10px;
}

#allEntries>div[id^='comEnt'] {
    background: #f6f6f6;
}

.eBlock {
    margin-bottom: 30px;
    border-bottom: 1px dashed #dcdcdc;
}

.commTable {
    padding-top: 50px;
}

.commTable .commFl,
.commTable .securityCode {
    padding-right: 2%;
    padding-left: 2%;
    width: 96%;
}

.commTable .securityCode {
    width: auto;
}

.gTable {
    background: none;
    border-spacing: 0;
}

.gTable td {
    padding: 10px 20px;
}

.gTableTop {
    line-height: 40px;
    padding: 10px 20px !important;
    color: #fff;
    text-decoration: none;
    border-radius: 2px 2px 0 0;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.gTableTop a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.gTableSubTop {
    padding: 5px 10px;
    color: #fff;
}

.gTableSubTop a {
    color: #fff;
}

.catLink {
    color: #fff !important;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.funcBlock {
    padding-left: 10px;
}

.forumIcoTd {
    text-align: center;
}

.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd {
    padding: 5px 10px;
    border-bottom: 1px solid #dcdcdc;
}

.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd {
    vertical-align: middle;
    padding-right: 20px;
    border-bottom: 1px solid #dcdcdc;
}

.forumNameTd {
    line-height: 24px;
    color: #7a7a7a;
}

.forumNameTd a {
    font-size: 18px;
}

.forumNamesBar {
    padding-right: 10px !important;
}

.frmBtns {
    text-align: left;
    padding-left: 10px;
}

.legendTd {
    padding: 0 10px;
}

.forumLastPostTd {}

.threadIcoTd,
.threadIcoTd {
    text-align: center;
    vertical-align: middle;
}

.threadsDetails {
    padding: 5px;
}

.postTdTop {
    text-align: center;
    padding: 5px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.postTdInfo {
    text-align: center;
    border-left: 1px solid #dcdcdc;
}

.posttdMessage {
    vertical-align: top;
    padding: 5px;
}

.gTableSubTop {
    background: #f2f2f2;
    color: #5c5c5c;
}

.threadsDetails,
.postTdTop {
    background: none;
}

.gTable tr {
    background: none;
}

.gDivBottomRight {
    height: 50px;
}

.pagesInfo {
    background: #f2f2f2;
    border-radius: 2px 0 0 2px;
    padding: 5px 10px;
}

.switchActive {
    padding: 5px 10px;
    border-radius: 0 2px 2px 0;
    color: #fff;
}

.postBottom {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 20px !important;
}

#thread_search_form {
    position: relative;
    padding-bottom: 10px;
    overflow: hidden;
}

#thread_search_button {
    position: absolute;
    top: -1px;
    left: 0;
}




@media screen and (min-width: 940px) {
    .menu-icon {
        display: none;
    }

    #menu {
        float: left;
    }

    #menu .uMenuRoot,
    #menu .uMenuRoot li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #menu .uMenuRoot>li {
        float: right;
    }

    #menu .uMenuRoot li {
        position: relative;
    }

    #menu .uMenuRoot>li>a {
        display: block;
        padding: 0 15px;
        line-height: 70px;
        text-transform: uppercase;
        color: #5c5c5c;
        text-decoration: none;
        transition: all .3s ease;
    }

    #menu .uWithSubmenu ul,
    #menu .uWithSubmenu ul li {
        margin: 0;
        padding: 0;
    }

    #menu .uWithSubmenu ul {
        display: none;
        position: absolute;
        background: #fff;
        top: 70px;
        width: 200px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    }

    #menu .uWithSubmenu ul a {
        display: block;
        padding: 0 15px;
        text-decoration: none;
        line-height: 36px;
        border-bottom: 1px solid #f2f2f2;
    }

    #menu .uWithSubmenu ul a:hover {
        background: #f6f6f6;
    }

    #menu .uWithSubmenu>ul li ul {
        top: -1px;
        right: 200px;
    }

    #menu .uWithSubmenu:hover>ul {
        display: block;
    }

    #menu .uMenuRoot>li.uWithSubmenu>a>span .fa {
        margin-right: 5px;
    }

    #menu .uMenuRoot>li ul li>a .fa {
        float: left;
        line-height: 3;
    }
}

@media screen and (max-width: 1169px) {
    .cnt {
        width: 940px;
    }

    #menu .uMenuRoot>li>a {
        padding: 0 10px;
    }

    .customer {
        width: 153px;
    }

    #content {
        width: 68.085106381%;
    }

    #sidebar {
        width: 26.595744679%;
    }

    .b-img {
        height: 160px;
    }

    .work a.ulightbox {
        height: 160px;
    }

    .work a.ulightbox img {
        min-height: 160px;
    }

    .workall:nth-child(3n) {
        margin-left: 0;
    }

    .relnews:nth-child(4n-1) {
        margin-left: 0;
    }

    .relnews:nth-child(3n) {
        margin-left: 2.564102563%;
    }

}

@media screen and (max-width: 939px) {

    .about,
    #feedback-form,
    .contacts,
    .maps {
        width: 100% !important;
    }

    .feedp {
        padding: 2% !important;
    }

    .cnt {
        width: 90%;
    }

    #menu {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background: #fff;
        padding-top: 3px;
        display: none;
    }

    .pollBut {
        padding: 7px 10px !important;
    }

    #menu ul,
    #menu ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
    }

    #menu ul li a {
        line-height: 36px;
        border-bottom: 1px solid #f2f2f2;
        display: block;
        padding: 0 15px !important;
        text-transform: uppercase;
        text-decoration: none;
    }

    #menu ul li a:hover {
        background: #f0f0f0;
        color: #212121 !important;
    }

    #menu .uWithSubmenu ul {
        padding-right: 30px;
    }

    #menu .uWithSubmenu ul a {
        text-transform: none;
    }

    #menu .fa {
        display: none;
    }

    .s-2 {
        font-size: 30px;
        line-height: 30px;
    }

    .s-3 {
        font-size: 13px;
    }

    .customer {
        width: 16%;
    }

    .col4 {
        width: 48.717948716%;
    }

    .phtTdMain {
        width: 48.717948716% !important;
    }

    .col4:nth-child(2n),
    .phtTdMain:nth-child(2n) {
        margin-left: 0 !important;
    }

    .relnews:nth-child(5n) {
        margin-left: 2.564102563%;
    }

    .workall:nth-child(3n) {
        margin-left: 2.564102563%;
    }

    .work a,
    .b-img {
        height: 200px;
    }

    .work a.ulightbox img {
        min-height: 250px;
    }

    .workall a.ulightbox img {
        min-height: 200px;
    }

    .workall a.ulightbox {
        height: 200px;
    }

    .gTableSubTop,
    .forumIcoTd,
    .forumThreadTd,
    .forumPostTd,
    .forumLastPostTd,
    .threadIcoTd,
    .threadAuthTd,
    .threadLastPostTd,
    .threadPostTd,
    .threadViewTd,
    .threadsDetails,
    .forumOnlineBar,
    .legendBlock,
    .userRights,
    .fFastNavTd,
    .fFastSearchTd,
    .forumNamesBar,
    #forum_filter,
    .postTdInfo,
    .postBottom,
    #thread_search_form {
        display: none;
    }

    .gDivLeft {
        padding-top: 10px;
    }

    .postTdTop {
        border-bottom: 1px solid #dcdcdc;
    }

    .postTdTop,
    .postTable,
    .posttdMessage {
        display: block !important;
        text-align: right;
        width: auto !important;
    }

    .postUser {
        font-size: 16px;
        font-weight: 600;
    }
}

@media screen and (max-width: 800px) {

    .work a,
    .b-img {
        height: 180px;
    }

    .work a.ulightbox img {
        min-height: 180px;
    }
}

@media screen and (max-width: 719px) {

    #content,
    #sidebar {
        float: none;
        width: 100%;
    }

    #sidebar {
        padding-top: 50px;
        margin-top: 50px;
        border-top: 1px dashed #dcdcdc;
    }

    #sidebar .block {
        float: right;
        width: 48.717948716%;
        margin-left: 2.564102563%;
    }

    #sidebar .block:nth-child(2n) {
        margin-left: 0 !important;
    }

    .customer {
        width: 16%;
        margin: -1px -1px 0 0 !important;
    }

    .work a,
    .b-img {
        height: 200px;
    }

    .work a.ulightbox img {
        min-height: 200px;
    }

    .pollBut {
        padding: 7px 15px !important;
    }
}

@media screen and (max-width: 639px) {
    .s-3 {
        width: 480px;
    }

    .title1-descr {
        width: 86% !important;
    }

    .top-left,
    .top-right {
        float: left !important;
    }

    .top-left .fa,
    .top-right .fa {
        display: none !important;
    }

    .top-left span,
    .top-right span {
        margin: 0;
        padding: 0;
        border: none;
    }

    .top-left span,
    .top-right span {
        padding-right: 10px !important;
        margin-left: 10px !important;
        border-right: 1px solid #dcdcdc !important;
    }

    .customer {
        width: 32%;
    }

    .path-title,
    .path-links {
        float: none;
    }

    .path-links {
        padding-top: 20px;
    }

    .work a,
    .b-img {
        height: 160px;
    }

    .work a.ulightbox img {
        min-height: 160px;
    }

    .work a,
    .b-img {
        height: 200px;
    }

    .work a.ulightbox img {
        min-height: 200px;
    }
}

@media screen and (max-width: 550px) {

    .work a,
    .b-img {
        height: 180px;
    }

    .work a.ulightbox img {
        min-height: 180px;
    }

    #top {
        height: auto;
        padding-top: 7px;
    }

    .top-left span,
    .top-right span {
        margin: 0 0 7px 7px !important;
        padding: 0 7px !important;
        border: 1px solid #dcdcdc !important;
        border-radius: 2px;
        line-height: 30px;
    }
}

@media screen and (max-width: 479px) {
    .feedp {
        padding: 5% !important;
    }

    .cnt {
        width: 86%;
    }

    .s-3 {
        width: 100%;
    }

    #search-input {
        width: 92%;
        padding: 7px 4% !important;
        font-size: 15px !important;
        box-shadow: none !important;
        border: 2px solid #212121 !important;
        border-radius: 10px !important;
    }

    #slider-cnt {
        height: 420px;
    }

    #slider-cnt .cnt {
        height: 76%;
    }

    .slides .cnt {
        padding: 50px 0 !important;
    }

    .s-1 {
        font-size: 18px;
    }

    .s-2 {
        font-size: 22px;
        line-height: 22px;
        padding: 15px 0
    }

    .s-3 {
        margin-bottom: 20px;
    }

    .col2,
    .col3,
    .col4,
    .phtTdMain {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
    }

    .p-cats-left {
        float: none;
    }

    .p-pages {
        float: none;
        padding-top: 30px;
    }

    #sidebar .block {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .e-details-right {
        padding-bottom: 20px;
    }

    .customer {
        width: 49%;
    }

    .work a,
    .b-img {
        height: 250px;
    }

    .work a.ulightbox img {
        min-height: 250px;
    }
}

@media screen and (max-width: 380px) {

    .work a,
    .b-img {
        height: 220px;
    }

    .logo {
        font-size: 21px;
    }

    .work a.ulightbox img {
        min-height: 220px;
    }

    .work a,
    .b-img {
        height: 200px;
    }

    .work a.ulightbox img {
        min-height: 200px;
    }
}

@media screen and (max-width:340px) {
    .top-left {
        display: none;
    }
}

@media screen and (max-width: 320px) {

    .work a,
    .b-img {
        height: 200px;
    }

    .work a.ulightbox img {
        min-height: 200px;
    }
}

.phtTdMain .col4,
#category {
    width: 100% !important;
    margin: 0 !Important;
}

.phtTdMain .entryBlock {
    display: block !important;
}

.block>h4:after,
.pheading>h2:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #dcdcdc;
    margin-top: 20px;
}

.pheading h1 {
    font-size: 24px;
    text-transform: none;
}

.block .navcat:before {
    content: "\f0a8";
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 8px;
}

a.navcat {
    color: #000
}

.tableform,
.tableform select {
    width: 100%;
}

.f_input,
.f_textarea {
    width: 100%;
}

.f_textarea {
    height: auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fafafa;
    color: #121212;
    line-height: 22px;
    height: 40px;
    padding: 7px 20px;
    font-size: 14px;
    font-family: 'Sahel', 'Roboto';
    box-sizing: border-box;
    transition: all .3s ease;
}

input.bbcodes,
.bb-editor textarea {
    height: auto;
}

/* LOGIN
----------------------------------------------- */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.overlay .fa {
    display: inline-block !important;
}

.overlay-close {
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 8px;
    width: 30px;
    height: 30px;
    color: #ec3204;
    font-size: 24px !important;
    text-align: center;
    line-height: 30px !important;
}

#loginbox {
    background: #fff;
    width: 320px;
    margin-right: -160px;
    min-height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
    right: 50%;
    top: 20%;
    line-height: normal;
    border-radius: 3px;
}

.login-title,
.log-register,
.login-avatar {
    background-color: #f5f5f5;
    padding: 15px 20px;
    font-size: 16px;
    position: relative;
}

.login-form ul {
    padding: 20px;
}

.login-form li {
    margin-bottom: 20px;
    list-style: none;
}

.login-form ul li label {
    display: inline-block;
    margin-bottom: 5px;
}

.login-form ul li input {
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    width: 100%;
    padding: 0 10px;
}

.login-form ul li a {
    float: left;
}

.log-check {
    padding: 0 20px;
    line-height: 40px;
    margin-bottom: 60px;
    margin-top: -30px;
}

.login-form button,
.login-form html input[type="button"],
.login-form input[type="reset"],
.login-form input[type="submit"] {
    padding: 0 20px;
    border: 0;
    font: normal 14px 'Sahel' !important;
    color: #fff;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    cursor: pointer;
}

.log-check input,
.log-check label {
    float: right;
    display: inline-block;
    font-size: 10px;
}

.log-check input {
    display: none;
}

.log-check input+label:before {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    content: "";
    float: right;
    position: relative;
    top: 8px;
}

.log-check input:checked+label:before {
    background-color: #D80306;
}

.log-check button {
    float: left;
}

.log-register,
.login-avatar {
    display: block;
    background-color: #0996c9;
    color: #fff !important;
    text-align: center;
}

.avatar-box {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 35px;
    float: right;
}

.avatar-box img {
    width: 100%;
    min-height: 100%;
}

.name-box {
    float: right;
    padding-right: 20px;
    line-height: 70px;
    font-size: 20px;
    position: relative;
}

.name-box a {
    color: #fff;
    font-size: 12px;
    border-bottom: 1px dotted #fff;
    line-height: 14px;
    position: absolute;
    right: 20px;
    bottom: 5px;
}

.login-menu {
    margin: 0;
    padding: 0;
}

.login-menu li {
    list-style: none;
}

.login-menu li a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    border-right: 5px solid transparent;
    color: #5c5c5c;
}

.login-menu li a:hover {
    background-color: #f5f5f5;
}

.login-menu li:last-child a {
    color: #fff;
}

.sociallogin {
    height: auto;
    margin-right: 10px;
}

.sociallogin a {
    float: right;
    margin: 0 5px 10px 5px;
}

/*-COMMENTS_VIEW
--------------------------------------*/
.uComment {
    margin: 10px 0;
}

.uComment.cBlock1,
.uComment.cBlock2 {
    border: 0;
    background: none;
}

.uc-avatar {
    float: right;
    width: 50px;
}

.uc-avatar img {
    vertical-align: middle;
    width: 50px;
    border-radius: 4px;
}

.uc-content {
    margin: 0 65px 0 0;
}

.uc-top a {
    color: #000
}

.uc-top img {
    vertical-align: middle;
}

.uc-top-right {
    float: left;
    white-space: nowrap;
}

.uc-top-left img,
.uc-top-left a,
.uc-top-left span {
    vertical-align: middle;
}

a.uc-profile-link {}

.uc-message {
    margin: 8px 0;
    padding: 0;
}

.uc-answer {}

.uc-answer-link {
    margin: 5px 0 0;
    text-align: left;
    font-size: 8pt;
}

.uc-opacity {
    opacity: .6;
    filter: alpha(opacity=60);
}

.berrors {
    background-color: #f2dede;
    color: #b94a48;
    padding: 8px 14px 8px 35px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #eed3d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.reset,
.reset li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lcol {
    float: right;
}

.rcol {
    float: left;
}

.pm select {
    width: 190px;
}

/* Userinfo
----------------------------------------------- */
.userinfo {
    position: relative;
}

.userinfo span[onclick*=javascript],
.status {
    position: absolute;
    top: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    display: inline-block;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    border-radius: 2px;
    z-index: 5;
}

.userinfo span[onclick*=javascript]:after,
.status:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -17px;
    width: 0;
    height: 0;
    border: solid 9px transparent;
    z-index: 1;
}

.userinfo span[onclick*=javascript]:hover {
    opacity: .8;
}

.userinfo span[onclick*=javascript] {
    left: 0;
    cursor: pointer;
}

.userinfo span[onclick*=javascript]:after {
    border-left-color: #c99284;
}

.userinfo .status {
    left: auto;
    right: 0;
}

.userinfo .status.yes {
    background: #86b925;
}

.userinfo .status.no {
    background: #d22a52;
}

.userinfo .status.yes:after {
    border-left-color: #86b925;
}

.userinfo .status.no:after {
    border-left-color: #d22a52;
}

.userinfo .status.yes:before {
    content: 'online';
}

.userinfo .status.no:before {
    content: 'offline';
}

.userinfo #options {
    position: relative;
    padding: 30px;
    margin: 20px 0;
    background: rgba(241, 247, 251, 0.5);
    overflow: hidden;
}

.userinfo #options fieldset {
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
}

.userinfo #options legend {
    display: block;
    font-weight: bold;
    padding: 4px 15px;
    margin: 0 auto;
}

.userinfo #options sup {
    position: absolute;
    left: 10px;
    top: 5px;
    cursor: pointer;
}

.userinfo #options p {
    color: #777;
    font-size: .9em;
    margin: 10px 0 0 0;
}

.userinfo #options fieldset {
    border-bottom: solid 1px #f1f1f1;
}

.userinfo #options #allowed_ip {
    height: 40px;
    padding: 6px;
}

.userinfo #options input[type="file"] {
    display: block;
}

.userinfo #options label {
    font-size: 13px;
    padding: 5px;
}

.userinfo #options textarea {
    height: 100px;
}

.userinfo #options input[type="text"],
.userinfo #options input[type="password"],
.userinfo #options textarea {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
}

.userinfo #options .xfield {
    margin: 15px 0;
    border-bottom: solid 1px #eee;
}

.userinfo #options .xfield tr td {
    padding: 10px;
}

.userinfo #options .xfield tr td:nth-child(1) {
    width: 30%;
}

.userinfo #options .xfield td.xprofile {
    width: 70%;
}

.userinfo .info {
    padding: 50px 0 0 0;
}

.userinfo .info>div {
    width: 120px;
    margin: 0 auto;
    text-align: center;
}

.userinfo .info>div .ava {
    width: 100%;
    border-radius: 10px;
}

.userinfo .info>div a {
    cursor: pointer;
    margin-bottom: 5px;
    width: 65%;
    display: inline-block;
    padding: 6px 20px;
    line-height: 18px;
    font-family: 'Sahel', "PT Sans Narrow";
    font-size: 13px;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.userinfo .info>div a:hover {
    opacity: .8;
}

.userinfo .info ul {
    list-style: none;
    font-size: 13px;
    color: #4b5257;
    border-top: solid 1px #eee;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}

.userinfo .info ul li {
    margin: 0 0 5px 0;
}

.userinfo .info ul li b {
    margin: 0 0 0 10px;
}

.userinfo .info ul li em {
    font-family: 'Sahel', "PT Sans Narrow";
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    text-align: center;
    display: block;
}

.userinfo .info ul li span {
    color: #a3344e;
    font-weight: bold;
}


@media all and (min-width: 480px) {
    .userinfo .info {
        padding: 0 170px 20px 20px;
        margin: 0 -20px 30px -20px;
        min-height: 200px;
    }

    .userinfo .info>div {
        position: absolute;
        top: 0;
        right: 0;
        width: 120px;
        text-align: center;
    }

    .userinfo .status {
        left: 110px;
        right: auto;
    }

    .userinfo .info ul {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .userinfo .info ul li em {
        text-align: right;
    }
}

.shadow:before {
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
    z-index: 1;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.grey {
    color: #6c838e;
}

.blue {
    color: #388bd4;
}

.clr {
    clear: both;
}

.buy-now {
    background: #f6f6f6;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 80px;
}

.buy-now .about {
    width: 63%;
    float: right;
}

.buy-now .about>h1 {
    font-weight: 400;
    font-size: 24px;
    color: #121212;
    text-transform: none;
    display: inline-block;
    line-height: 28px;
}

.about p {
    font-size: 14px;
    line-height: 22px;
}

.buy-now .about>h1>b {
    font-weight: 400;
}

#feedback-form {
    /* ��� ����� */
    width: 35%;
    float: left;
    border-radius: 3px;
    background: #f1f1f1;
}

.feedp {
    padding: 5%;
}

#feedback-form label {
    /* ������������ ����� */
    float: right;
    display: block;
    font-weight: 700;
    clear: left;
}

#feedback-form .w100 {
    /* ���� */
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

#submitFF {
    /* ������ "���������" */
    padding: 2%;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2) inset;
    color: #fff;
}

#feedback-form br {
    height: 0;
    clear: both;
}

#submitFF:hover {
    background: #5c90c2;
}

#submitFF:focus {
    box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0, 0, 0, .8), inset 0 -1px 0 rgba(0, 0, 0, .05);
}

#messageFF {
    height: auto;
}

.contacts,
.maps {
    float: right;
}

.contacts {
    width: 30%;
}

.maps {
    width: 70%;
}

#reviews .title1-descr,
#reviews li {
    width: 300px !important;
}

.list-small,
.list-small li {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    transition: all .3s ease;
}

.list-small li {
    margin: 4px 0;
}

.list-small li:before {
    content: "\f0a8";
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 10px;
}

.fotorama__stage__frame img {
    margin: 0;
}

.work a {
    display: block;
    width: 100%;
    background: #dcdcdc;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    line-height: 0;
}

.work a img {
    width: 100%;
}

.text-justify {
    text-align: justify !important;
}

.text-center {
    text-align: center !important;
}

.ui-form li {
    list-style: none;
}

#changeTm {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 20px;
    height: 20px;
    background-image: url('../images/color_wheel.png');
    border-radius: 50%;
    z-index: 99;
    cursor: pointer;
}

.tmUL {
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    -o-transition: height .3s ease;
    -ms-transition: height .3s ease;
    transition: height .3s ease;
    position: fixed;
    left: 20px;
    bottom: 30px;
    visibility: hidden;
    width: 20px;
    height: 0px;
}

.tmUL-active {
    visibility: visible;
    height: 160px;
}

.tmUL li {
    list-style: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 10px;
}

.tmRed {
    background-color: #b60000;
}

.tmGreen {
    background-color: #117200;
}

.tmViolet {
    background-color: #9b008b;
}

.tmBlue {
    background-color: #0059ff;
}

.tmYellow {
    background-color: #ffd000;
}