::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar:horizontal {height: 8px;}
::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-thumb {background-color: #1a1a1a;}

::selection {
 color: #fff;}

#loading {
 position: fixed;
 z-index: 9999;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 background-color: white;
}

html {
 height: 100%;}

body {
 height: 100%;
 margin: 0;
 font-size: 13px;
 line-height: 23px;
 color: #676767;
 font-family: 'Open Sans', sans-serif;}

table {
 font-size: 13px;
}

img {border: none;max-width: 100%;}

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

ul {
 margin: 0;
 padding: 0;
 list-style: none;
 display: inline-block;}

a {
 text-decoration: none;
 color: rgba(0,0,0,0.8);
 transition: all .3s ease;}

a:hover {color: rgba(0,0,0,1);}

.cnt, .forumContent {
 max-width: 1170px;
 width: 100%;
 margin: auto;
 box-sizing: border-box;
}

.forumContent {margin: auto!Important;}

.clr:after {
 content: '';
 display: block;
 clear: both;}

.col-2, .col-3, .col-4, .col-5, .col-6 {float: left; box-sizing: border-box;}
.col-2 {width: 50%;}
.col-3 {width: 33.3333333%;}
.col-4 {width: 25%;}
.col-5 {width: 20%;}
.col-6 {width: 16.6666667%;}

.clr {
 clear: both;
}

input {
 outline: none;
 resize: none;
 box-sizing: border-box;}

select {
 border: 1px solid #d8d8d8;
 background: #fff;
 cursor: pointer;
 font-size: 13px;
 font-family: 'Open Sans';
 line-height: 24px;
 min-height: 34px;
 padding: 5px 24px 5px 10px;
 background-image: url('/img/select.png');
 background-position: right center;
 background-repeat: no-repeat;
 line-height: 1em;
 text-indent: 1px;
 text-overflow: '';
 -ms-appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
select::-ms-expand {
 display: none;
}
select:focus {
 outline: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
 border: 1px solid #d8d8d8;
 background: #fff;
 color: #7a7a7a;
 line-height: 24px;
 height: 34px;
 padding: 5px 15px;
 font-family: 'Open Sans';
 background: #fff;
 transition: all .2s ease;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus {
 border: 1px solid;}

textarea {
 overflow: auto;
 border: 1px solid #d8d8d8;
 background: #fff;
 color: #7a7a7a;
 line-height: 24px;
 min-height: 40px;
 padding: 7px 15px;
 font-size: 13px;
 font-family: 'Open Sans';}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
 border: 1px solid black;
 color: #FFFFFF;
 line-height: 24px;
 height: 34px;
 padding: 5px 15px;
 font-weight: 700;
 font-family: 'Open Sans';
 font-size: 11px;
 letter-spacing: 1px;
 text-transform: uppercase;
 background: #fff;
 cursor: pointer;
 transition: all .3s ease;
 background: #151515;}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
 color: #fff;}

textarea {
 width: 100%;
 overflow: auto;
 background: #fff;
 color: #0a0a0a;
 line-height: 22px;
 min-height: 36px;
 padding: 6px 15px;
 font-family: 'Open Sans';
 transition: all .3s ease;
 border: 2px solid #d8d8d8;
 border-radius: 4px;
 outline: none;
}

textarea:focus {
 border-color: black;
}

.open-class {display: block!important;}


/* SLIDER */
.slider2{
 float: left;
 width: 460px; /*Same as width of the large image*/
 position: relative;/*Instead of height we will use padding*/
 padding-top: 220px; /*That helps bring the labels down*/
 border: 1px double #c5c5c5;
 background: #fff;
 margin: 0 13px 15px 0;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px; 
 
 /*Lets add a shadow*/
 
}


/*Last thing remaining is to add transitions*/
.slider2>img{
 position: absolute;
 left: 0; top: 0;
 transition: all 0.5s;
}

.slider2 input[name='slide_switch'] {
 display: none;
}

.slider2 label {
 /*Lets add some spacing for the thumbnails*/
 margin: 18px 0 8px 18px;
 border: 3px solid #999;
 
 float: left;
 cursor: pointer;
 transition: all 0.5s;
 
 /*Default style = low opacity*/
 opacity: 0.6;
}

.slider2 label img{
 display: block;
}

/*Time to add the click effects*/
.slider2 input[name='slide_switch']:checked+label {
 border-color: #666;
 opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider2 input[name='slide_switch'] ~ img {
 opacity: 0;
 transform: scale(1.1);
}
/*That hides all main images at a 110% size
On click the images will be displayed at normal size to complete the effect
*/
.slider2 input[name='slide_switch']:checked+label+img {
 opacity: 1;
 transform: scale(1);
}
/* END SLIDER */

/* General style v1.0 beta */

#call-back {
 display: none;
 position: fixed;
 z-index: 9999;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.7);
}

.call-back-wrap {
 position: absolute;
 top: calc(50% - 161px);
 left: calc(50% - 200px);
 width: 400px;
 height: 322px;
}

.call-back-wrap span {display: block;font-size: 16px;margin: 1rem 0;font-weight: bold;}

#call-back .mf1 {width: 100%;}

.top {
 padding: 11px 0;
 color: #bbbbbb;
 background-color: #eeeeee;
}

.top a {color: #bbbbbb;}

.top-left {
 float: left;
}

.top-right {
 display: inline-flex;
 float: right;
}

h4.box-title {
 margin: 0;
 padding: 0;
 font-weight: normal;
}

ul.menu-top-menu-container li {
 display: inline-block;
 float: left;
 margin-left: 20px;
}

.header-logo {
 position: relative;
 float: left;
 margin: 37px 0 36px 0;
 text-transform: uppercase;
 font-family: Russo One;
 font-size: 3.2rem;
 letter-spacing: 4px;
}

.header-logo span {
 display: block;
 font-size: 10px;
 color: #b1b1b1;
 font-family: Open Sans, sans-serif;
 margin-top: 10px;
 margin-left: 3px;
}

.header-wrap {
 float: right;
 margin: 2.5rem 0;
}

.icon-box {
 float: left;
 margin: 0.55556rem 0 0.44444rem;
 padding: 0 35px;
 border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.icon-box .fa {
 font-size: 3rem;
 padding: 0;
 color: #dddddd;
 background-color: transparent;
 margin-top: 0;
 float: left;
 margin-right: 1rem;
}

.icon-box_text {
 display: inline-block;
 font-size: 0.88889rem;
 font-weight: bold;
 color: #999999;
}

h4.icon-box_title {
 margin: 0;
 font-size: 0.72222rem;
 font-weight: normal;
 color: #bbbbbb;
}

.head-phone {
 color: #c4d64f;
 margin-top: 11px;
 height: 37px;
 font-size: 30px;
 font-weight: bold;
}

.header-button {
 display: inline-block;
 font-weight: bold;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 cursor: pointer;
 float: left;
 padding: 10px;
 color: white;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
 padding: 1rem 1.5rem;
 font-size: 0.8rem;
 line-height: 1.67;
 text-transform: uppercase;
 border-radius: 2px;
}

nav.main-head-menu {
 position: relative;
 display: inline-block;
 width: 100%;
 padding: 0 1.66667rem;
 box-sizing: border-box;
 background-color: #333333;
}

nav.main-head-menu li {
 display: inline-block;
 position: relative;
 float: left;
}

nav.main-head-menu li a {
 position: relative;
 display: block;
 color: #999999;
 padding: 1.94444rem 1.2rem;
 font-family: 'Russo One', Open Sans, sans-serif;
}

nav.main-head-menu li a:hover, nav.main-head-menu li a.uMenuItemA {color: white;}

nav.main-head-menu li a.uMenuItemA:after {
 position: absolute;
 content: '';
 width: calc(100% - 0.77778rem);
 height: 0.27778rem;
 left: 7px;
 opacity: 1;
 bottom: 1.11111rem;
}

nav.main-head-menu li:hover a {color: white;}

nav.main-head-menu li:hover a:after {
 bottom: 1.11111rem;
 opacity: 1;
}

.uMenuRoot > li > a:after {
 position: absolute;
 content: '';
 width: calc(100% - 0.77778rem);
 height: 0.27778rem;
 left: 7px;
 bottom: 0.7rem;
 transition: all .3s ease;
 opacity: 0;
}


.main-head-menu .uWithSubmenu:hover > ul {
 top: 78.22px;;
 left: 0;
 opacity: 1;
}

.main-head-menu .uWithSubmenu ul {
 position: absolute;
 z-index: 9999;
 top: 100;
 left: -9999px;
 opacity: 0;
 min-width: 220px;
 border-width: 3px 0 0 0;
 border-style: solid;
 background: rgba(0, 0, 0, 0.9);
 transition: top .3s ease, opacity .3s ease;
}

.main-head-menu .uWithSubmenu ul ul {
 border-top: none;
 top: 20px;
 left: 220px!important;
}

.main-head-menu .uWithSubmenu ul > li:hover > ul {
 opacity: 1;
 top: 0!important;
}

.main-head-menu .uWithSubmenu ul > li {
 display: block;
 float: none;
}

.main-head-menu .uWithSubmenu ul > li a {
 display: block;
 float: none;
 padding: 0.6rem 0.94444rem;
 font-size: 12px;
 color: #bbbbbb;
 text-transform: initial;
 border-bottom: 1px solid #292929;
}

.main-head-menu .uWithSubmenu ul > li a:hover {
 color: white;
}

.slide {
 margin-top: -43px;
 width: 100%;
 padding: 120px 0;
 background-image: url('/img/slide-bg.jpg');
 background-size: cover;
 background-position: center;
 background-attachment: fixed;
}

.mf1 {
 float: right;
 width: 32%;
 padding: 25px 30px;
 border-radius: 5px;
 box-sizing: border-box;
 line-height: 20px;
 background-color: #f3f3f3;}

.element-box {
 margin-top: 100px;
}

.element-box {
 margin-bottom: 100px;
}

.site-title {
 position: relative;
 z-index: 10;
 width: 75%;
 margin: auto;
 text-align: center;
}

.site-title span {
 display: block;
 padding-bottom: 30px;
 font-size: 24px;
 color: black;
 text-transform: uppercase;
}

.site-title span:after {
 margin: auto;
 display: block;
 content: '';
 position: relative;
 top: 15px;
 width: 60px;
 height: 2px;
 border-width: 1px 0;
 border-color: #d9d9d9;
 border-style: solid;
}

.site-title p {
 width: 70%;
 padding: 20px 0 60px 0;
 margin: auto;
 color:#777;
}

.lp-project {
 width: 22.2222222%;
 float: left;
 margin-right: 3.7%;
 transition: all .3s ease;
}

.lp-project:hover {
 transform: scale(1.1);
}

.lp-project:last-child {
 margin-right: 0;
}

.lp-project img {
 width: 100%;
 height: 150px;
 border-radius: 5px;
}

.lp-project-title {
 margin: 15px 0 0 0;
 padding: 0 10px;
 font-size: 14px;
 text-align: center;
 font-weight: bold;
 text-transform: uppercase;
}

.lp-project P {
 width: 92%;
 margin: auto;
 padding: 15px 0;
 font-size: 12px;
 text-align: center;
 color: rgb(119, 119, 119);}

.banner {
 margin-top: 230px;
 margin-bottom: 0px!important;
 position: relative;
 width: 100%;
 height: 600px;
 background: rgba(255,197,39,0.5);
 background-image: url(/img/banner-image.jpg);
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}

.banner:after {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 width: 100%;
 height: 100%;
 opacity: 0.5;
}

.banner .cnt {
 position: relative;
 z-index: 2;
 top: -95px;
}

.banner .col-3 {
 position: relative;
 height: 190px;
 padding: 40px;
}

.banner .col-3:nth-child(1) {background-color: #f9f9f9;}
.banner .col-3:nth-child(3) {background-color: #1f1f1f;}

.banner .col-3 img {
 position: absolute;
 display: block;
 top: 60px;
 transition: all .4s ease;
}

.banner .col-3:hover img {
 transform: translateY(-10px);
} 

.rew-pro {
 position: absolute;
 top: 40px;
 right: 20px;
 width: 60%;
 font-size: 11px;
}

.banner .col-3:nth-child(1) .rew-pro {color: rgb(119, 119, 119);}
.banner .col-3:nth-child(2) .rew-pro {color: white;}
.banner .col-3:nth-child(3) .rew-pro {color: #999;}

.banner .col-3:nth-child(1) .rew-pro span {color: black;}

.rew-pro span {
 color: white;
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
}

.slide-content {
 float: left;
 width: 60%;
 padding: 25px 30px;
 color: white;
 box-sizing: border-box;
 border-radius: 5px;
 background: rgba(51, 51, 51, 0.9);
}

.slide-content h1 {width: 85%;}

.slide-title h6 {
 position: relative;
 margin: 0;
 margin-bottom: 10px;
 padding-bottom: 10px;
 text-transform: uppercase;
 font-size: 13px;
 border-bottom: 1px solid rgba(250, 250, 250, 0.2);
}

.slide-title h6:after {
 content: '';
 display: block;
 position: absolute;
 bottom: 0;
 width: 40px;
 height: 2px;
}

.slide-content P {
 color: #999999;}

.slide-content .header-button {
 margin: 25px 0 15px 0;
 color: #454545;
}

.header-button:hover {
 color: white;
 background: black;
}

.all-project, .index-blog {
 margin: 0;
}

.project-all-item {
 display: inline-block;
 width: 100%;
 margin-bottom: 1.66667rem;
 border-bottom: 1px solid #dddddd;
}

.project-all-item li {
 display: inline-block;
 float: left;
 margin-right: 1.72222rem;
}

.project-all-item a {
 display: inline-block;
 margin-bottom: -1px;
 padding-top: 0.66667rem;
 padding-bottom: 2.05556rem;
 font-size: 0.8rem;
 text-transform: uppercase;
 font-weight: bold;
 color: #999999;
}

.project-all-item-active a {
 color: black;
 border-bottom: 5px solid transparent;
}

.project-all-item a:hover {color: black;}

.mf1 input {
 width: 100%;
 padding: 8px 15px;
 margin-top: 12px;
 height: auto!important;
 outline: none;
 line-height: 26px;
 border: 2px solid #d8d8d8;
 border-radius: 4px;
 transition: all .3s ease;
 font-size: 13px;
}

.mf1 input:focus {
 border-width: 2px;
 border-color: black;}

.mf1 input[type="submit"] {
 color: white;
 font-weight: bold;
 text-transform: uppercase;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
 letter-spacing: 1px;
 cursor: pointer;
}

.mf1 input[type="submit"]:hover {
 border-color: black;
 background-color: black;
}

.middle .contact-us .mf1 input {
 width: calc(50% - 8px);
 float: left;
 margin: 4px;
}

.middle .contact-us .mf1 input[type="submit"], .middle .contact-us .mf1 textarea {width: calc(100% - 8px);}

.middle .contact-us .mf1 textarea {margin: 4px; height: 140px;}

.photo-project-item {
 float: left;
 width: 25%;
}

.photo-project-item:hover .prj-photo-background:after {
 opacity: 0.7;
}

.photo-project-item:hover .card-block-photo {
 background-color: #333333;
}

.prj-photo-background {
 width: 100%;
 height: 160px;
 background-size: cover;
 background-position: center;
}

.prj-photo-background:after {
 display: block;
 content: '';
 width: 100%;
 height: 100%;
 opacity: 0.0;
 transition: all .3s ease;
}

.card-block-photo {
 position: relative;
 padding: 0.7rem 1rem;
 background: white;
 transition: all .3s ease;
}

.card-block-photo:after {
 position: absolute;
 content: '';
 border: 10px solid transparent;
 border-width: 0 0 10px 10px;
 border-bottom-color: #cccccc;
 bottom: 0.55556rem;
 right: 0.55556rem;
 transition: all .3s ease;
}

.photo-project-item:hover .card-block-photo:after {
 border-bottom-color: #ebb810;;
}

.card-block-photo h5, .card-block-photo P {margin: 0;}

.card-block-photo h5 {
 transition: all .3s ease;
 font-size: 0.85rem;
}

.card-block-photo P {
 font-size: 0.8rem;
 color: #999999;
}

.siteorigin-panels {
 margin: 0;
 padding: 45px 106.625px 45px 106.375px;
 background-color: #333333;
}

.call-text {
 float: left;
}

.siteorigin-panels .header-button {
 float: right;
 padding: 1rem 1.5rem;
}

.siteorigin-panels h4 {
 color: #eeeeee;
 margin: 0;
 font-size: 1.4rem;
 margin-bottom: 0.11111rem;
}

.siteorigin-panels P {
 margin: 0;
 color: #aaaaaa;
 font-size: 0.88889rem;
}

.index-blog {
 padding: 100px 30px!important;
}

.owl-post-blog:nth-child(1) {
 width: calc(50% - 15px);
 height: auto!important;
 margin-right: 30px;
}

.owl-post-blog:nth-child(2), .owl-post-blog:nth-child(3) {
 width: calc(50% - 15px);
 margin-bottom: 30px;
}

.owl-post-blog {
 float: left;
 height: 205px;
 overflow: hidden;
 background-color: white;
}

.owl-post-blog:nth-child(1) .col-2 {width: 100%;height: 280px;float: none;}

.owl-post-blog:nth-child(1) .col-2:nth-child(2) {height: auto;}

.owl-post-blog .col-2:nth-child(2) {
 padding: 20px;}

.owl-post-blog:nth-child(2) .col-2, .owl-post-blog:nth-child(3) .col-2 {height: 100%;}
.owl-post-blog .col-2:nth-child(1) {background-size: cover;background-position: center;}

.owl-post-blog:nth-child(2) P, .owl-post-blog:nth-child(3) P {font-size: 11px;line-height: 17px;}

.bl-title h3 {
 font-size: 22px;
 line-height: 28px;
 margin: 0;
 margin-bottom: 20px;
 font-weight: 600;
 color: #4a4a4a;
}

.owl-post-blog P {
 color: #6e6e6e;
 line-height: 20px;
 font-size: 12px;
}

footer {
 position: relative;
 width: 100%;
 color: #c7c7c7;
 background-color: #1f2022;}

.footer-bottom {
 padding: 30px 0;
 background: #333333;
}

.footer-bottom p {
 width: 100%;
 margin: auto;
 text-align: center;}

.footer-bottom p a {
 color: #888;
 border-bottom: 1px dashed #888;}

.footer-bottom p a:hover {
 color: #B5B5B5;}

.middle {
 min-height: 500px;
 margin-bottom: 60px;}

.middle .cnt {}

.forumContent {margin: 30px 0;}

.side-bar {width: 23.9316239%;margin-left: 1.66667rem;padding: 25px 0;box-sizing: border-box;}

.content {width: calc(70.656% - 1.66667rem);float: right;padding: 25px 0;margin-right: 1.66667rem;box-sizing: border-box;}
.cMessage {font-size: 13px;}

.block {
 margin-bottom: 30px;
}

.b-title {
 font-size: 21px;
 font-weight: bold;
 color: black;
 text-transform: uppercase;
 margin-bottom: 15px;
 letter-spacing: 1.5px;
}

.pollQue {font-size: 12px!important;display: block;padding: 8px 15px!important;background: #fdfdfd;border-radius: 2px;border: 1px dashed #dedede;}
.pollAns {font-size: 11px; padding: 15px;}
.answer {margin-bottom: 4px;}

.catsTable {
 display: block;
 padding: 22px;
 line-height: 26px;
 color: #9e9e9e;
 box-sizing: border-box;
 background: #eeeeee;
 border-radius: 2px;
}

.catsTable tbody {
 display: block;
 width: 100%;
}

.catsTable tr {
 display: block;
 width: 100%;
 padding-bottom: 5px;
 margin-bottom: 5px;
 border-bottom: 1px solid #dedede;
}

.middle .contact-us {
 padding: 20px 0;
}

.contact-us {
 position: relative;
 padding: 100px 0;
 margin: 0px;
 background: rgba(255,255,255,0.95);
 background-image: url('/img/contact-bg.jpg');
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}

.contact-us:before {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 background-color: rgba(255,255,255,0.90);
}

.contact-us .cnt {
 position: relative;
 z-index: 2;
 width: 750px;
}

.contact-us .col-3 {
 text-align: center;}

.contact-us .fa {
 font-size: 38px;}

.contact-us-title P {
 font-size: 15px;
 color: #222;
 font-weight: bold;
 text-transform: uppercase;}

p.contact-span {
 font-size: 12px;
 color: rgb(119, 119, 119);
}

.contact-us .mf1 {
 display: inline-block;
 float: none;
 margin: 30px 0 0;
 padding: 0 10px 10px;
 width: 100%;
 background: none;
}

#shop-panel {
 position: fixed;
 z-index: 100;
 top: 0;
 left: 0;
 width: 100%;
 padding: 10px 0;
 background-color: red;
}

#shop-panel a {
 color: white;
}

.gTableTop {
 padding: 13px 20px;
 background: #333333;
 color: white;
 font-size: 15px;
 font-weight: 700;
 text-transform: uppercase;
 font-family: 'Open Sans';
}

.gTableTop *,
.gTableTop *:hover {
 color: white;}

.gTable {
 background: none;
}

.gTable {
 margin: 0 0 30px;
 border-bottom: 4px solid #e4e4e4;
 border-spacing: 0!important;
 font-size: 13px;
 background: white;
}

.gTable tr:nth-child(2) {
 padding: 8px;}

.gTableSubTop, .postTdTop {
 background-color: #FFFFFF;
 color: #000000;
 padding: 10px 20px;
 border-bottom: 1px solid rgba(221, 221, 221, 0.5);
 font-size: 13px;
 font-weight: 400;}

.gTableBody1, .gTableRight, .forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd, .threadIcoTd, .threadNametd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadLastPostTd, .threadsDetails, .forumOnlineBar, .gTableLeft, .gTableRight {
 padding: 10px 20px;
 border-bottom: 1px solid rgba(221, 221, 221, 0.5);}

table.gTable tr:nth-child(2n) td.forumLastPostTd, 
table.gTable tr:nth-child(2n) td.forumIcoTd, 
table.gTable tr:nth-child(2n) td.threadIcoTd, 
table.gTable tr:nth-child(2n) td.forumNameTd, 
table.gTable tr:nth-child(2n) td.threadNametd, 
table.gTable tr:nth-child(2n) td.forumPostTd, 
table.gTable tr:nth-child(2n) td.threadPostTd, 
table.gTable tr:nth-child(2n) td.threadViewTd, 
table.gTable tr:nth-child(2n) td.threadAuthTd, 
table.gTable tr:nth-child(2n) td.forumThreadTd, 
table.gTable tr:nth-child(2n) td.threadLastPostTd, 
table.gTable tr:nth-child(2n) td.forumLastPostTd {background-color: #fdfdf1;}

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

.forumDescr, .forumModer, .threadDescr, .subforumDescr {
 font-size: 13px;
 color: #9C9B9B;
}

.forumLastPostTd, .forumArchive, .threadLastPostTd {
 font-size: 13px;
}

.postTdInfo {
 text-align: center;
 border-right: 1px solid rgba(221, 221, 221, 0.5);
}

.postTdInfo, .posttdMessage {
 padding: 20px;
}

img.userAvatar {
 border-radius: 50%;
}

.postBottom {
 padding: 7px;
 border-top: 1px solid rgba(221, 221, 221, 0.5);
}

.postTable {
 border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.forumNamesBar, .forumMemNum {
 padding: 10px 20px !important;
 font-size: 13px;
 width: 50%!important;
 line-height: 25px;
}

.frmfilter, .frmfilter2, .forumMemSwch {
 padding: 10px 20px !important;
 width: 30%!important;
}

.uTable {
 border-spacing: 0px;
}

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

#forum_filter span, #filter_by {
 display: none;
}

#frmButns83 {
 margin-bottom: 10px;
}

#frmButns83 a.fbutton {
 display: inline-block;
 padding: 2px 6px;
 margin-left: 7px;
 color: #FFF;
 border: 1px solid rgba(0,0,0,0);
 -webkit-border-radius: 3px;
 border-radius: 3px;
 text-transform: uppercase;
}

#frmButns83 a.fbutton:hover {
 background-color: #fff;
}

.switchActive {
 background:#CC0000;
 color:#FFF;
 padding:2px 8px;
 margin: 0 11px;
 -webkit-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px; 
}

a.switchDigit, a.switchNext, a.switchBack {
 color: #FFF;
}

a:hover.switchDigit, a:hover.switchNext, a:hover.switchBack {
 color: #E64946;
}

.statusBlock {
 padding-top:3px;
}

.statusOnline {
 color:#26CDA4;
}

.statusOffline {
 color:#f00;
}

.forumPrivate,
.forumArchive {
 cursor:default;
 display:inline-block;
 margin-top: 12px;
 padding: 2px 8px;
 color: #fff;
 font-size: 11px;
 background: #b8b8b8;
 font-weight: normal;}

.switch,.pagesInfo {padding:4px 12px !important;font-weight:normal;font-size:11px;background:#f4f5f7;color:#000000;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none; color:#666;font-size:11px;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline}

.archivedForum {color: red;}

.FrmTopButtonsCl21 {
 font-size: 13px;}

.FrmForumBarCl11,
.userRights {
 font-size: 12px;
 padding: 10px 0!important;}

.postTable {
 border-spacing: 0;
 font-size: 13px;
}

.postUser {
 font-size: 16px;
 text-decoration: underline;}

#about-maps-page iframe {
 width: 100%!important;
 height: 400px;
}

#gtheme-tags a {
 display: inline-block;
 padding: 5px 10px;
 background: #fdfdfd;
 border-radius: 2px;
 border: 1px dashed #dedede;
 margin: 0 4px 8px;
}

#gtheme-tags a:hover {
 color: black;
 border: 1px solid #e8e8e8;
 background: #f3f3f3;
}

.b-body ul.uMenuRoot {
 width: 100%;
 background: #efefef;
 box-shadow: 0px 0px 1px #909090;
}

.b-body ul.uMenuRoot li {position: relative;}

.b-body ul.uMenuRoot li > a{
 display: block;
 font-size: 11px;
 text-transform: uppercase;
 color: #a2a2a2;
 padding: 8px 15px;
 border-bottom: 1px solid #dcdcdc;
 font-family: 'Russo One', Open Sans, sans-serif;
}

.b-body ul.uMenuRoot li > a:hover {
 color: black;
 background-color: #e6e6e6;
}

.b-body ul.uMenuRoot li > ul {
 position: absolute;
 z-index: 100;
 top: 0;
 right: -9999px;
 width: 200px;
 background: #efefef;
 box-shadow: 0px 0px 1px #909090;
}

.b-body ul.uMenuRoot li > ul{
 right: -200px!important;
}

#contact-us .middle {
 margin-top: 60px;
 margin-bottom: 0px;}

.our-process ul li {
 display: inline-block;
 width: calc(25% - 20px);
 float: left;
 padding: 0 10px;
 list-style-type: decimal;
}

.our-process ul > li > span {
 font-size: 1.5rem;
 font-weight: bold;
}

.our-process ul > li > h3 {
 color: black;
 letter-spacing: 1px;
 font-size: 1rem;
}

.our-process ul > li > P {
 font-weight: 100;
 color: #565656;
 line-height: 25px;
 font-size: 0.75rem;
}

.our-process ul > li > a {
 margin-top: 30px;
 display: block;
}

.our-process ul > li > a > .fa {
 margin-left: 8px;
 font-size: 11px;
}

.faq-page {
 margin: 0;
 padding: 100px 0;
 background: #f1f1f1;
}

.faq-item {
 width: 65%;
 margin: auto;
 padding: 16px;
 box-sizing: border-box;
 border-bottom: 1px solid #e4e4e4;
 cursor: pointer;
}

.faq-item.active {
 background: white;
 box-shadow: 0 0 3px rgba(0,0,0,0.05);
 border-bottom: none;
}

.active .faq-message {
 display: block;
} 

.faq-message {
 display: none;
 color: #a7a7a7;
 font-size: 12px;
 line-height: 20px;
 font-weight: 100;
 margin-left: 50px;
}

.faq-item-title {
 margin-left: 50px;
 font-size: 15px;
 font-weight: bold;
 color: #868686;
}

.active .faq-item-title {margin-top: -27px;}

.faq-item-title {margin-top: -27px;}

.faq-icon-open {
 display: list-item;
 width: 30px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 background: #f1f1f1;
 border: 1px solid #eaeaea;
 list-style: none;
 font-size: 21px;
 color: #c7c7c7;
}

.active .fa-minus-square-o {
 display: inline-block!important;
 color: black;
}

.active .fa-plus-square-o {display: none;}

.faq-item .fa-minus-square-o {
 display: none;
}

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

.phtTdMain > .entryBlock .photo-project-item {width: 100%!important;}

.phtTdMain {width: 50%!important;}

/* Media style v1.0 */

@media (max-width: 1185px) {
 .siteorigin-panels .header-button, .call-text {float: none;}
 .siteorigin-panels .header-button {margin-top: 25px;}
}

@media (max-width: 1180px) {
 .cnt {padding: 0 30px;}
 .lp-project:nth-child(3) {clear: both;}
 .project .cnt {display: table; width: 67%;}
 .lp-project {width: 48.1519%;}
 .lp-project:nth-child(2n) {margin-right: 0;} 
}

@media (max-width: 1125px) {
 .header-logo, .header-wrap {float: none;}
 .header-logo, .header-wrap {display: table;margin: auto;padding: 1.5rem 0;}
 .main-head-menu ul.uMenuRoot {display: table; margin: auto;}
}

@media (max-width: 1050px) {
 .slide {background-attachment: scroll;}
 .banner .col-3 {padding: 20px;}
 .rew-pro {width: 65%;}
}

@media (max-width: 990px) {
 nav.main-head-menu {height: auto;}
 .main-head-menu ul.uMenuRoot {display: block;}
 .main-head-menu::before {content: 'Navigation';display: block;width: 100%;height: 85px;line-height: 85px;text-align: center;color: #999999;font-family: 'Russo One', Open Sans, sans-serif;font-size: 32px;} 
 nav.main-head-menu li {display: block; float: none;}
 nav.main-head-menu a {padding: 0.4rem 0rem!important;}
 nav.main-head-menu li a::after {display: none;}
}

@media (max-width: 970px) {
 .banner .col-3 img {display: none;}
 .rew-pro {position: static;width: 100%;}
 .content, .side-bar {float: none;}
 .content, .side-bar {width: 100%;}
}

@media (max-width: 900px) {
 .slide-content, .slide .mf1, .owl-post-blog, .owl-post-blog .col-2 {float: none;}
 .slide-content, .slide .mf1, .owl-post-blog, .owl-post-blog .col-2, .contact-us .cnt {width: 100%!important;}
 .slide-content, .slide .mf1, .owl-post-blog {margin: 1rem 0;}
 .slide-content {display: inline-block;}
 .banner {margin: 0; height: auto;}
 .banner .cnt {top: 0;}
 .banner .col-3 {float: none; width: 100%; height: auto;}
 .owl-post-blog {height: auto;}
 .owl-post-blog .col-2:nth-child(1) {height: 180px;}
 .owl-post-blog .col-2:nth-child(2) {height: auto!important;}
 .siteorigin-panels {text-align: center;}
}

@media (max-width: 680px) {
 .contact-us .col-3, .photo-project-item {float: none;}
 .contact-us .col-3 {width: 100%;margin: auto;margin-top: 2rem;}
 .photo-project-item {width: 100%; margin: 0;}
 .project .cnt {width: 100%;}
 .lp-project {width: 100%; float: none; margin: 0;}
 .lp-project img {height: auto;}
 .siteorigin-panels {padding: 50px 15px;}
}