@import "color.css" all;
/*---Из шаблона Enterprise---*/
#why {
 padding-bottom: 50px;
}
.section {
 padding-top: 10px;
 padding-bottom: 30px;
}
.section.gray {
 background: #fafafa;
 border-top: 1px solid #eee;
 border-bottom: 1px solid #eee;
}
.clr:after {
 content: '';
 display: block;
 clear: both;
}
.title {
 margin-bottom: 50px;
}
.title h2 {
 font-weight: 300;
 font-size: 30px;
 margin-bottom: 20px;
}
.title h2:after {
 content: '';
 display: block;
 width: 100px;
 height: 1px;
 background: #dcdcdc;
 margin-top: 30px;
}
.title p {
 font-size: 15px;
 font-weight: 300;
}
.title.center {
 text-align: center;
}
.title.center h2:after {
 margin-left: auto;
 margin-right: auto;
}
.title.center p {
 margin-left: auto;
 margin-right: auto;
 max-width: 770px;
}
.col2 {width: 48.717948716%;}
.col3 {width: 31.623931622%;}
.col4 {width: 23.076923075%;}
.col2, .col3, .col4 {
 margin-bottom: 30px;
 margin-right: 2.564102563%;
 float: left;
}
.col2:nth-child(2n), .col3:nth-child(3n), .col4:nth-child(4n) {
 margin-right: 0 !important;
}
.col2:nth-child(2n+1), .col3:nth-child(3n+1), .col4:nth-child(4n+1) {
 clear: left;
}
.col2 *, .col3 *, .col4 * {
 max-width: 100%;
}
.icon-block1 {
 text-align: center;
}
.icon-block1 .icon {
 font-size: 48px;
 width: 100px;
 height: 100px;
 line-height: 100px;
 text-align: center;
 position: relative;
 z-index: 2;
 background: #fff;
 border: 1px solid #dcdcdc;
 border-radius: 100px;
 transition: all .3s ease;
}
.icon-block1-cnt {
 margin-top: -51px;
 border: 1px solid #dcdcdc;
 padding: 70px 30px 30px;
 transition: all .3s ease;
}
.icon-block1 h3 {
 font-size: 24px;
 font-weight: 300;
 transition: all .3s ease;
}
.icon-block1 p {
 font-size: 13px;
 margin-bottom: 22px;
 transition: all .3s ease;
}
.button1 {
 display: inline-block;
 border: 1px solid #dcdcdc;
 line-height: 36px;
 padding-left: 20px;
 padding-right: 20px;
 color: #121212;
 transition: all .3s ease;
}
.button1:hover {
    background: #909090;
    border: 1px solid #707070;
}
.icon-block1:hover .icon {
 color: #fff;
 border-color: #fff;
 box-shadow: 0 0 0 4px #fff;
}
.icon-block1:hover .icon-block1-cnt * {
 color: #fff;
}
#team {
 padding-bottom: 50px;
}
#team .col2 .title {
 margin-bottom: 22px;
}
.list-big, .list-big li {
 margin: 0;
 padding: 0;
 overflow: hidden;
 list-style: none;
}
.list-big li {
 list-style-type: none;
 margin-top: 12px;
 color: #121212;
 font-size: 15px;
 transition: color .3s ease;
}
.list-big li a {
 color: #121212;
 transition: color .3s ease;
}
.list-big li:before {
 content: "\f0a9";
 display: inline-block;
 font-family: FontAwesome;
 margin-right: 15px;
}
.skills, .skills li {
 margin: 0;
 padding: 0;
 list-style: none;
}
.skills li {
 height: 40px;
 line-height: 40px;
 color: #fff;
 margin-top: 20px;
 position: relative;
 padding-left: 20px;
}
.skills li:first-child {
 margin-top: 0;
}
.skill-line-wrap {
 position: absolute;
 height: 40px;
 width: 100%;
 background: #eee;
 display: block;
 top: 0;
 left: 0;
}
.skill-line-wrap > span {
 display: block;
 height: 40px;
 width: 0;
 transition: all 1s ease;
}
.skill-line-wrap > span b {
 display: block;
 float: right;
 margin-right: 20px;
 font-weight: 400;
 font-size: 17px;
}
.skills li h5 {
 color: #fff;
 font-size: 17px;
 position: relative;
 z-index: 2;
 line-height: 40px;
 margin-bottom: 0;
}
.buy-now {
 background: #f6f6f6;
 padding: 30px 25px 15px 25px;
 margin-bottom: 80px;
 border-radius: 3px;
 border: 1px solid #909090;
}
.button2 {
 display: inline-block;
 color: #fff;
 line-height: 50px;
 padding-left: 30px;
 padding-right: 30px;
 border-radius: 3px;
}
.buy-now .button2 {
 /*float: right;*/
    text-align: center;
    width: 90%;
 margin-top: 20px;
 vertical-align: bottom;
 transition: all .3s ease;
}
.buy-now .button2:hover {
 background: #909090;
}
.buy-now p, .buy-now a{
 padding: 0 10px 0 10px;
}
.buy-now p > span {
 font-weight: 300;
 font-size: 18px;
 text-align: center;
 color: #121212;
 display: inline-block;
 line-height: 24px;
}
.buy-now p > span > b {
 font-weight: 400;
}
#go-top {
 display: block;
 position: fixed;
 z-index: 999;
 bottom: 80px;
 right: 20px;
 width: 40px;
 height: 40px;
 line-height: 40px;
 font-size: 18px;
 color: #fff;
 text-align: center;
 border-radius: 3px;
 cursor: pointer;
 transition: all .3s ease;
}
#go-top:hover {
 background: #444444;
}
/* MEDIA QUERIES ------------------------- */

/* width > 1200px ------------------------ */

@media (min-width: 1200px) {
 #nav {
 float: right;
 display: block;
 }
 #nav .uMenuRoot, #nav .uMenuRoot > li {
 margin: 0;
 padding: 0;
 position: relative;
 }
 #nav .uMenuRoot > li {
 float: left;
 list-style: none;
 font-size: 14px;
 line-height: 14px; 
 text-transform: uppercase;
 margin-right: 48px;
 }
 #nav .uMenuRoot > li > a {
 display: block; 
 padding-top: 41px;
 padding-bottom: 41px;
 transition: color .3s ease;
 }
 #nav .uMenuRoot > li a:hover, #nav .uMenuRoot > li a.uMenuItemA {
 color: #121212;
 }
 #nav .uMenuRoot > li.uWithSubmenu > a > span .fa {
 margin-left: 7px;
 }
 #nav .uMenuRoot > li ul, #nav .uMenuRoot > li ul li {
 position: relative;
 margin: 0;
 padding: 0;
 list-style: none;
 text-transform: none;
 }
 #nav .uMenuRoot > li ul {
 display: block;
 position: absolute;
 top: 150px;
 left: -99999px;
 opacity: 0;
 width: 230px;
 background: #fafafa;
 transition: top .3s ease, opacity .5s ease;
 }
 #nav .uMenuRoot > li > ul li ul {
 top: 50px !important;
 }
 #nav .uMenuRoot > li:hover > ul {
 left: -24px;
 top: 96px;
 opacity: 1;
 }
 #nav .uMenuRoot > li > ul li:hover > ul {
 left: 230px;
 top: -1px !important;
 opacity: 1;
 }
 #nav .uMenuRoot > li:hover a {
 color: #121212;
 }
 #nav .uMenuRoot > li ul li {
 border-bottom: 1px solid #e0e0e0;
 }
 #nav .uMenuRoot > li ul li > a {
 display: block;
 padding: 14px 24px;
 color: #121212;
 transition: all .3s ease;
 }
 #nav .uMenuRoot > li ul li > a:hover, #nav .uMenuRoot > li ul li:hover > a {
 background: #f6f6f6;
 padding-left: 30px;
 }
 #nav .uMenuRoot > li ul li > a .fa {
 float: right;
 }
 #nav .uWithSubmenu > li ul li ul {
 top: -1px;
 left: 230px;
 border-top: 1px solid #e0e0e0;
 border-left: 1px solid #e0e0e0;
 }
 .menu-icon {
 display: none;
 }
}

/* width < 1200px ------------------------ */
@media (max-width: 750px) {
.slide-text  {margin-top:30px;}
}
@media (max-width: 1199px) {
 .cnt {
 width: 100%;
 padding-left: 70px;
 padding-right: 70px;
 box-sizing: border-box;
 }
 #nav {
 float: none;
 position: absolute;
 top: 96px;
 left: 0;
 width: 100%;
 box-sizing: border-box;
 padding-left: 70px;
 padding-right: 70px;
 display: none;
 }
 #nav .uMenuRoot {
 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
 background: #f2f2f2;
 }
 #nav ul, #nav li {
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
 }
 #nav a {
 display: block;
 padding-top: 10px;
 padding-bottom: 10px;
 color: #121212;
 border-bottom: 1px solid #dcdcdc;
 padding-left: 20px;
 padding-right: 20px;
 transition: all .3s ease;
 }
 #nav .uMenuRoot > li > a {
 text-transform: uppercase;
 }
 #nav ul ul a {padding-left: 40px;}
 #nav ul ul ul a {padding-left: 60px;}
 #nav ul ul ul ul a {padding-left: 80px;}
 #nav .fa {
 display: none;
 }
 #nav a:hover {
 background: #fafafa;
 }
 .top-photo {
 width: 60px;
 height: 60px;
 }
 .slide-text > p {
 line-height: 24px;
 }
 .pinf {
 width: 50%;
 }
 #slider-wrapper .slider-button-prev,
 #slider-wrapper .slider-button-next,
 #slider-wrapper:hover .slider-button-prev,
 #slider-wrapper:hover .slider-button-next {
 left: auto;
 top: auto;
 right: 10px;
 bottom: 10px;
 margin-top: 0;
 opacity: 1;
 width: 40px;
 height: 40px;
 line-height: 40px;
 }
 #slider-wrapper .slider-button-prev,
 #slider-wrapper:hover .slider-button-prev {
 right: 60px;
 }
}

/* width < 1024px ------------------------ */

@media (max-width: 1024px) {
 #slider-wrapper, .slider, .slide {
 height: 350px;
 }
 .slide-text {
 margin-left: 0;
 }
 .slide-image {
 display: none;
 }
 .col2 {
 width: 100%;
 margin-right: 0;
 margin-bottom: 50px;
 }
 .title p {
 width: auto;
 max-width: 100%;
 }
 .col4 {
 width: 48.717948716%;
 }
 .col4:nth-child(2n) {
 margin-right: 0;
 }
 .col4:nth-child(2n+1) {
 clear: left;
 }
 #content, #sidebar {
 float: none !important;
 width: 100%;
 }
 #content {
 margin-bottom: 80px;
 }
 .block {
 float: left;
 width: 48.717948716%;
 margin-right: 2.564102563%;
 }
 .block:nth-child(2n) {
 margin-right: 0;
 }
 .block:nth-child(2n+1) {
 clear: left;
 }
}

/* width < 790px ------------------------ */

@media (max-width: 790px) {
 .col3 {
 margin-right: 0;
 width: 100%;
 }
 .buy-now {
 text-align: center;
 }
 .buy-now .button2 {
 float: none;
 margin-bottom: 30px;
 }
 .buy-now p {
 margin-right: 0;
 }
 .photo-wrap {
 float: none;
 margin-right: 0;
 width: 100%;
 }
 .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, .postTable, .posttdMessage {
 display: block !important;
 text-align: left;
 width: auto !important;
 }
 .postUser {
 font-size: 16px;
 font-weight: 600;
 }
 .pLeft {
 float: none;
 margin-bottom: 30px;
 width: 100%;
 }
 .pRight {
 margin-left: 0;
 }
}

/* width < 500px ------------------------ */

@media (max-width: 500px) {
 .cnt, #nav {
 padding-left: 20px;
 padding-right: 20px;
 }
 .col2, .col3, .col4, .block, #content .post-wrap {
 float: none;
 }
 .col4, .block, #content .post-wrap {
 margin-right: 0;
 width: 100%;
 }
 #slider-wrapper, .slider, .slide {
 height: 400px;
 }
 .pinf {
 width: 100%;
 }
}
@media (max-width: 360px) {
#logo {width:220px;}
}