@charset "UTF-8";
/*

/*  		00 - RESET   				*/
/*  		01 - HEADER   				*/
/*  		02 - HEADER BACKGROUND		*/
/*  		03 - MAIN	  				*/
/*  		04 - POPUP   				*/
/*  		05 - DROPDOWN  				*/
/*  		06 - POST   				*/
/*  		07 - FOOTER   				*/
/*  		08 - LOADER   				*/
/*  		09 - COLORPICKER			*/
/*
=========================================================
*/
/** Generated by FG **/
@font-face { font-family: 'Conv_helveticaneuecyr-roman'; src: url("../fonts/helveticaneuecyr-roman.eot"); src: local("☺"), url("../fonts/helveticaneuecyr-roman.woff") format("woff"), url("../fonts/helveticaneuecyr-roman.ttf") format("truetype"), url("../fonts/helveticaneuecyr-roman.svg") format("svg"); font-weight: normal; font-style: normal; }

/** Generated by FG **/
@font-face { font-family: 'Conv_helveticaneuecyr-bold'; src: url("../fonts/helveticaneuecyr-bold.eot"); src: local("☺"), url("../fonts/helveticaneuecyr-bold.woff") format("woff"), url("../fonts/helveticaneuecyr-bold.ttf") format("truetype"), url("../fonts/helveticaneuecyr-bold.svg") format("svg"); font-weight: normal; font-style: normal; }

::-webkit-input-placeholder { /* WebKit browsers */ color: inherit !important; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: inherit !important; opacity: 1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: inherit !important; opacity: 1; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: inherit !important; }

#content-block *:last-child { /* margin-bottom: 0;*/ }/* 2023年12月7日10:54:47 zzh注释掉*/

body { margin: 0; padding: 0; font-family: 'Conv_helveticaneuecyr-roman', sans-serif; }

h1, h2, h3, h4, h5, p { margin: 0; padding: 0; }

textarea{   resize: none;}

.no_row { margin: 0; }

a, a:hover, a:focus { text-decoration: inherit; }

input, input:focus { outline: none !important; }

ul, li, ol { list-style: none; margin: 0; padding: 0; }

.custom-container { max-width: 1800px; }

.custom-column-5 { width: 20%; padding: 0 15px; float: left; }

.custom-column-5:nth-child(5n+1) { clear: both; }

@media screen and (max-width: 1500px) { .custom-column-5 { width: 25%; }
  .custom-column-5:nth-child(5n+1) { clear: none; }
  .custom-column-5:nth-child(4n+1) { clear: both; } }

@media screen and (max-width: 1200px) { .custom-column-5 { width: 33.333%; }
  .custom-column-5:nth-child(4n+1) { clear: none; }
  .custom-column-5:nth-child(3n+1) { clear: both; } }

@media screen and (max-width: 767px) { .custom-column-5 { width: 50%; }
  .custom-column-5:nth-child(3n+1) { clear: none; }
  .custom-column-5:nth-child(2n+1) { clear: both; } }

@media screen and (max-width: 600px) { .custom-column-5 { width: 100%; }
  .custom-column-5 { clear: both; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.content-title { font-size: 32px; line-height: 32px; font-family: 'Conv_helveticaneuecyr-bold'; margin-bottom: 30px; color: #383b43; text-align: center; }

.img-full { width: 100%; }

.row.no-padding { margin-right: 0px; margin-left: 0px; }

.row.no-padding > div[class^="col-"] { padding-right: 0px; padding-left: 0px; }

a:focus { outline: none; outline-offset: 0px; color: inherit; }

.table-block { display: table; }

.table-row { display: table-row; }

.table-cell { display: table-cell; vertical-align: middle; float: none; }

/* 
==================================
01 - HEADER
==================================
*/
header * { -webkit-backface-visibility: hidden; }

header { height: 70px; width: 100%; color: #fff; font-size: 14px; background: #222835; position: fixed; top: 0; line-height: 0; z-index: 1000; }

header .custom-container { position: relative; }

header .row-header .brand-be { margin-top: 16.5px; float: left; }

header .row-header .header-menu-block { position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

img.be_logo { text-align: left; }

.header-menu > li { display: inline-block; padding: 0 16px; position: relative; }

.header-menu > li > a { color: #fff; }

.header-menu > li:hover > a, .header-menu > li.active-header > a { color: #0d58c8; }

.header-menu { text-align: center; }

.fa-angle-down { display: none; }

/*login-block*/
.login-header-block { margin-top: 17.5px; float: right; }

.login_block { text-align: right; }

.login_block .btn-login { margin-right: 0px; margin-bottom: 0px; }

.login_block a:hover { color: #262626; }

/*login user page*/
.page-login .login-header-block { margin-top: 15px; }

.page-login .login_block .be-drop-down { margin-top: 1.5px; float: right; }

.page-login .login_block .login-user-down { margin-top: 0px; }

.messages-popup, .notofications-popup { position: relative; display: block; color: #545a69; float: right; margin-top: 13px; }

a.messages-popup:hover, a.notofications-popup:hover { color: #fff; }

.messages-popup { margin-right: 30px; }

.notofications-popup { margin-right: 10px; }

.noto-count { position: absolute; top: -12px; right: -13px; display: block; width: 20px; height: 20px; font-size: 10px; line-height: 20px; font-family: 'Conv_helveticaneuecyr-bold'; color: #fff; background: #0d58c8; text-align: center; border-radius: 20px; }

.messages-popup .noto-count { right: -16px; }

.login_block .be-drop-down { display: inline-block; margin-right: 30px; margin-bottom: 0px; }

.login_block .be-drop-down .drop-down-list { text-align: center; }

.noto-popup { display: none; position: absolute; top: 82px; right: 15px; border: 1px solid #edeff2; background: #fff; width: 500px; text-align: left; border-radius: 3px; }

.noto-popup .messages-block { right: 52px; }

.noto-popup:before { content: ''; position: absolute; top: -12px; right: 7px; display: block; width: 23px; height: 12px; background: url(../img/noto.png) no-repeat; }

.noto-popup.messages-block:before { right: 50px; }

.noto-popup .noto-label { font-size: 14px; line-height: 20px; padding: 14px 30px; color: #383b43; background: #f6f6f7; }

.noto-popup .noto-message { background: #222835; color: #6b7180; }

a.noto-message:hover{color: #fff;}

a.settings>i{font-size: 16px !important;}

.noto-label-links { float: right; }

.noto-label-links a { font-size: 10px; line-height: 20px; font-family: 'Conv_helveticaneuecyr-bold'; color: #0d58c8; text-transform: uppercase; margin-left: 30px; }

.noto-label-links a:hover { color: #383B43; }

.noto-body { position: relative; overflow-y: auto; }

.noto-body:after { content: ''; position: absolute; bottom: 0px; left: 64px; display: block; width: 2px; height: 20px; background: #f6f6f7; }

.noto-entry { position: relative; margin-right: 30px; }

.noto-entry:before { content: ''; position: absolute; top: 0px; left: 29px; display: block; width: 2px; height: 100%; background: #f6f6f7; }

.noto-entry:after { content: ''; position: absolute; top: 43px; left: 24px; display: block; width: 12px; height: 12px; background: #d1d3d7; border: 2px solid #fff; border-radius: 12px; }

.noto-entry:last-child { margin-bottom: 20px; }

.noto-icon { position: absolute; top: 42px; left: 3px; }

.noto-content { padding: 20px 0px; margin-left: 54px; border-bottom: 1px solid #edeff2; }

.noto-img { width: 60px; height: 60px; float: left; }

.noto-text { margin-left: 80px; }

.noto-text-top { margin-top: 5px; margin-bottom: 15px; }

.noto-name { display: inline-block; margin-right: 20px; }

.noto-name a { font-size: 12px; line-height: 18px; font-weight: 400; margin-top: 15px; color: #383b43; }

.noto-name a:hover { color: #0D58C8; }

.noto-date { display: inline-block; font-size: 11px; line-height: 18px; font-weight: 400; color: #b4b7c1; }

.noto-date .fa { font-size: 18px; position: relative; top: 2px; }

.noto-message { display: inline-block; font-size: 12px; line-height: 18px; font-weight: 400; color: #7a8192; background: #f6f6f7; border: 1px solid #edeff2; padding: 5px 9px; border-radius: 3px; }

.noto-message a { color: #0d58c8; }

.noto-message a:hover { color: #7a8192; }

.noto-left { float: left; margin-right: 15px; }

.noto-header { padding: 20px 0px; border-top: 1px solid #edeff2; border-bottom: 1px solid #edeff2; }

.noto-header .form-checkbox { float: left; height: 36px; line-height: 36px; margin-bottom: 0px; }

.noto-header .form-checkbox > input + .check { position: relative; top: 5px; }

.noto-header .stat-sort { float: right; margin-top: 0px; }

.noto-header .form-checkbox > input { top: 3px; }

.noto-header label { font-size: 10px; line-height: 30px; font-weight: 400; color: #7a8192; text-transform: uppercase; margin-left: 7px; }

.noto-entry.style-2 { margin-left: 0px; margin-right: 0px; }

.noto-entry.style-2 .noto-content { margin-left: 0px; padding-left: 30px; padding-right: 30px; }

.noto-entry.style-2 .noto-message { background: transparent; border: none; padding: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }

.noto-entry.style-2:before, .noto-entry.style-2:after { display: none; }

.noto-entry.style-3 { margin-left: 0px; margin-right: 0px; }

.noto-entry.style-3 .form-checkbox { position: absolute; top: 34px; left: 10px; z-index: 100; }

.noto-entry.style-3 .form-checkbox > input + .check { background: #fff; }

.noto-entry.style-3 .noto-content { position: relative; margin-left: 0px; padding-left: 40px; padding-right: 30px; }
/*.noto-entry:last-child .noto-content{margin-left: 29px;padding-left: 25px;}*/

.noto-entry.style-3 .noto-message { background: transparent; border: none; padding: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }

.noto-entry.style-3:before, .noto-entry.style-3:after { display: none; }

.noto-entry.style-3:hover { background: #f6f6f7; }

.messages-block .noto-body:after { display: none; }

.be-drop-down.login-user-down { background: transparent; border: none; padding: 0px 40px 0px 0px; }

.be-drop-down.login-user-down:hover { background: transparent; border: none; }

.be-drop-down.login-user-down:after { right: 15px; }

.be-drop-down.login-user-down ul { font-size: 10px; }

.be-drop-down .login-user { border-radius: 40px; }

@media screen and (min-width: 992px) and (max-width: 1400px) { .login_block .be-drop-down { margin-right: 5px; } }

@media screen and (min-width: 1200px) { header .header-menu { display: block !important; }
  .header-menu > li { border-top: 5px solid transparent; }
  .header-menu > li > ul a { display: block; line-height: 18px; font-size: 14px; }
  .header-menu > li { padding-top: 31px !important; padding-bottom: 34px; }
  .header-menu > li li a { cursor: pointer; padding: 10px 20px; padding-right: 30px; }
  .header-menu > .active-header, .header-menu > li:hover { color: #0d58c8; border-top: 5px solid #0d58c8; }
  .header-menu { color: #fff; }
  .header-menu > li:hover > ul { -webkit-transition: all ease-out 0.5s; transition: all 0.5s; -webkit-transform: perspective(500px) rotateX(0deg); -ms-transform: perspective(500px) rotateX(0deg); transform: perspective(500px) rotateX(0deg); opacity: 1; }
  .header-menu > li > ul li:hover { background: #0d58c8; }
  .header-menu > li > ul li:hover > a { color: #FFF; }
  .header-menu > li > ul { position: absolute; top: 100%; left: 0; color: #262626; text-align: left; background: #FFF; width: 100%; min-width: 150px; padding-top: 0px; font-size: 16px; opacity: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: all ease-out 0.5s; transition: all ease-out 0.5s; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); }
  .header-menu > li > ul > li { position: relative; }
  .header-menu > li > ul > li i { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .header-menu > li > ul > li > ul { position: absolute; top: 0px; left: 100%; padding-top: 0px; width: 150px !important; text-align: left; background: #FFF; color: #262626; width: auto; font-size: 16px; opacity: 0; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all ease-out 0.5s; transition: all ease-out 0.5s; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); }
  .header-menu > li > ul > li:hover > ul { -webkit-transition: all ease-out 0.5s; transition: all 0.5s; -webkit-transform: perspective(500px) rotateY(0deg); -ms-transform: perspective(500px) rotateY(0deg); transform: perspective(500px) rotateY(0deg); opacity: 1; }
  .cmn-toggle-switch { display: none; }
  #scrollTip{display:none}
}

@media screen and (max-width: 1199px) { 
  .brand-be { position: absolute; left: 50%; text-align: center; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; }
  .fa-angle-right { display: none; }
  .fa-angle-down, .fa-angle-up { display: block; position: absolute; right: 15px; top: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  header { z-index: 550; }
  .header-menu { height: auto; display: none; width: 100%; background: #1B212C; text-align: center; font-size: 26px; position: absolute; top: 70px; left: -1px; overflow: auto; padding-bottom: 15px; }
  .header-menu ul { display: none; width: 100%; background: #FFF; text-align: center; font-size: 26px; }
  
  .header-menu > li > a { font-size: 20px; }
  .header-menu > li > ul > li > a { font-size: 18px; }
  .header-menu > li > ul > li > ul a { font-size: 16px; }
  .header-menu > li > ul > li > ul { box-shadow: inset 0 0 12px 0px rgba(0, 0, 0, 0.3); }
  .header-menu > li a { display: block; line-height: 42px; padding: 0 32px; }
  .header-menu i { top: 24px; width: 32px; height: 32px; cursor: pointer; }
  .header-menu > li > ul > li > ul { background: #E6E6E6 !important; }
  .header-menu.header-menu li { position: relative; text-align: center; text-align: center; display: block; padding: 0; }
  .cmn-toggle-switch { position: absolute; left: 12px; top: 14px; }
  .header-menu-block { z-index: 250; position: absolute; top: 100%; width: 100%; margin: 0; margin: 0 !important; left: 0; }
  .login_block { float: right; }
  .login_block .be-drop-down { display: none; position: absolute; left: 15px; top: 86px; z-index: 300; }
  .login_block .be-drop-down.login-user-down { display: none; position: absolute; top: 86px; right: 12px; left: auto; z-index: 300; margin-right: 0px; }
  .messages-popup, .notofications-popup { margin-top: 10px; }
  body.menu-open .login_block .be-drop-down { display: inline-block; }
  header .col-xs-3:last-child { float: right; }
  .header-menu > li ul { background: #F6F6F6; margin: 0; padding: 0; }
  .login-header-block { padding-right: 0; float: right; }
  #scrollTip{display:none}
}

@media screen and (max-width: 600px) {
	.noto-popup { left: 15px; width: auto; }
	.content-title{display:none;}
	#scrollTip{display:block}
}

@media screen and (max-width: 450px) { .login_block .btn-login .fa { display: none; }
  .noto-label-links { float: none; display: block; }
  .noto-label-links a { margin-left: 0px; margin-right: 15px; }
  .noto-entry { margin-left: 15px; margin-right: 15px; }
}

/* 
==================================
	02 - HEADER BACKGROUND
==================================
*/
.head-bg { background: #000; position: relative; padding: 10px; margin-bottom: 50px; }

.head-bg-img { position: absolute; left: 0; top: 0; background: url(../img/bg.jpg); height: 100%; width: 100%; background-size: cover; opacity: 0.2; z-index: 1; background-position: center center; }

.head-bg-content { height: 400px; text-align: center; position: relative; z-index: 200; display: table-cell; vertical-align: middle; width: 5000px; }

#content-block .head-bg-content .btn { margin-bottom: 10px; }

.head-bg-content h1 { font-size: 32px; line-height: 40px; color: #FFF; font-family: 'Conv_helveticaneuecyr-bold'; margin-bottom: 17px; }

.head-bg-content p { color: #a1a4af; margin-bottom: 25px; }

.head-bg.style-2 { padding-top: 120px; padding-bottom: 120px; margin-bottom: 0px; }

.head-bg.style-2 .head-bg-img { opacity: 0.5; }

.head-bg.style-2 .head-bg-content { height: 310px; }

.head-bg.style-3 { padding-top: 120px; padding-bottom: 120px; margin-bottom: 0px; background: #181d27; }

.head-bg.style-3 .head-bg-img { opacity: 0.2; }

.head-bg.style-3 .head-bg-content { height: 310px; }

@media screen and (max-width: 1199px) { .head-bg { margin-bottom: 30px; } }

@media screen and (max-width: 480px) { .head-bg-content .btn { display: block; margin-right: 0px; } }

/* 
==================================
	03 - MAIN
==================================
*/
#content-block { margin-top: 70px; margin-bottom: 50px; }

.for-be-dropdowns .be-drop-down { display: inline-block; margin-bottom: 50px; margin-right: 30px; }

form.input-search { position: relative; margin-bottom: 50px; }

.input-search input[type="text"] { border-radius: 2px; border: 1px solid #edeff2; width: 100%; padding: 14px 10px; color: #b4b7c1; }

.icon-search { position: absolute; border: 2px solid #000; top: 0; overflow: hidden; }

.input-search i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px; color: #000; font-size: 14px; opacity: 0.3; }

.input-search i:hover { opacity: 1 !important; }

.input-search input[type="submit"] { position: absolute; opacity: 0; height: 100%; width: 30px; top: 0; right: 0; }

.letf-menu-article { font-size: 14px; color: #262626; font-family: 'Conv_helveticaneuecyr-bold'; margin-bottom: 15px; }

.creative_filds_block { margin-bottom: 20px; }

.creative_filds_block .ul { width: 100%; background: #F6F6F6; margin-bottom: 20px; }

.creative_filds_block .nav { width: 262.5px; }

.creative_filds_block a, .creative_filds_block .nav > li > a { display: block; position: relative; font-size: 13px; padding: 11px 15px 11px 20px; color: #bdbfc8 !important; cursor: pointer; border: 1px solid #E6E6E6; }

.creative_filds_block a:not(:first-child), .creative_filds_block .nav > li:not(:first-child) > a { border-top: none !important; }

.creative_filds_block a:hover, .creative_filds_block .nav > li > a:hover, .creative_filds_block .nav > li.active > a { background: #0d58c8; color: #FFF !important; }

.creative_filds_block a:hover:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: rgba(255, 255, 255, 0.6); font-size: 18px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; }

.be-vidget { margin-bottom: 45px; }

.be-vidget li { -webkit-transition: all ease-out 0.1s; transition: all ease-out 0.1s; }

.tags_block { margin: -5px; }

.tags_block ul { width: 100%; }

.tags_block li { float: left; }

.tags_block li a:hover, .tags_block li a.active{ background: #0d58c8; color: #FFF; }

.tags_block li a { display: inline-block; font-size: 12px; line-height: 18px; font-weight: 400; color: #B4B7C1; background: #F6F6F6; padding: 5px 11px; margin: 0px 10px 1px 0px; border: 1px solid #E6E6E6; cursor: pointer; border-radius: 5px; }

#content-block .tags_block { margin: 0px; margin-bottom: -10px; }

#content-block .tags_block li a:last-child { margin-bottom: 10px; }

.filter-block li > a, .filter-block li > a:focus { display: block; font-size: 13px; line-height: 13px; font-weight: 400; color: #b4b7c1; padding: 15px 15px 15px 50px; }

.filter-block li:hover > a { color: #fff; }

.filter-block > ul > li { position: relative; margin-bottom: 10px; background: #F6F6F6; border: 1px solid #E6E6E6; color: #bdbfc8; cursor: pointer; }

.filter-block li:hover, .filter-block li:hover i { color: #FFF; }

.filter-block > ul > li:hover { background: #0d58c8; }

.filter-block li i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px; color: #bdbfc8; }

.filter-block li.be-active { background: #0d58c8; color: #FFF; }

.filter-block li.be-active > i { color: #FFF !important; }

.s_keywords { background: #f6f6f7; border-top: 1px solid #edeff2; border-bottom: 1px solid #edeff2; padding: 20px 0px 10px 0px; margin-bottom: 97px; }

.keyword { font-size: 12px; position: relative; left: 8px; }

#content-block .s_keywords .btn { margin-bottom: 10px; margin-right: 20px; }

.portfolio-link { display: block; position: relative; text-align: center; }

.portfolio-link img { display: block; float: left; width: 33.33333333%; height: auto; }

.portfolio-link .color_bg { display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #0d58c8; opacity: 0; }

.portfolio-link .color_bg:hover { opacity: 0.85; }

.portfolio-link .color_bg span { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #fff; margin-right: 0px; }

.portfolio-link .color_bg span.child { display: inline-block; vertical-align: middle; height: 100%; width: 0px; }

.portfolio-link.type-2 img { width: 20%; }

@media screen and (max-width: 1199px) { .creative_filds_block .nav { width: 212.5px; } }

@media screen and (max-width: 1199px) { .back-block { margin-bottom: 0px; } }

@media screen and (max-width: 767px) { .for-be-dropdowns .be-drop-down { display: block; margin-right: 0px; } }

/* 
==================================
	04 - POPUP
==================================
*/
.be-fixed-filter { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; }

.be-fixed-filter.active-fixed { display: block; }

.be-color-picker { width: auto !important; top: -150px !important; }

.colors { overflow: hidden; }

.be-popup { display: none; padding: 20px; position: absolute; left: 100%; top: -50px; background: #0d58c8; z-index: 25; border-radius: 2px; width: 340px; cursor: default; }

.be-popup .for-colors { padding: 10px; background-color: #FFF; }

.be-popup form { margin: 0; }

.be-popup .fa { position: absolute; top: 25px; left: calc(100% - 32px); font-size: 16px; color: rgba(255, 255, 255, 0.8) !important; cursor: pointer; }

.be-popup .fa:hover { color: #FFF !important; }

@media screen and (max-width: 991px) { .be-popup { top: calc(100% - 1px) !important; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .be-popup .fa { top: -22px; } }

.be-popup h3 { color: #FFF; margin-bottom: 20px; }

/* 
==================================
	05 - DROP DOWN
==================================
*/
.be-drop-down .drop-down-list { display: none; position: absolute; top: 100%; left: -1px; z-index: 228; box-sizing: content-box; }

.be-drop-down .drop-down-list li { display: block; }

.be-drop-down { position: relative; display: block; font-size: 13px; color: #b4b7c1; background: #FFF; padding: 15px 80px 15px 50px; margin-bottom: 10px; border: 1px solid #edeff2; cursor: pointer; border-radius: 3px; }

.be-drop-down:hover { border: 1px solid #0d58c8; }

.be-drop-down .drop-down-list { border-left: 1px solid #0d58c8; border-right: 1px solid #0d58c8; }

.be-drop-down.color-2 { background: #f6f6f7; }

.be-drop-down.color-2:hover { background: #fff; color: #b4b7c1; }

.be-drop-down.color-2 .drop-down-list { border-left: 1px solid #f6f6f7; border-right: 1px solid #f6f6f7; }

.be-drop-down.color-2 .drop-down-list a { background: #f6f6f7; color: #b4b7c1; }

.be-drop-down.color-2 .drop-down-list a:hover { background: #fff; color: #b4b7c1; }

.be-drop-down.color-2.be-drop-down:hover i { color: #b4b7c1; }

.be-drop-down.color-2.be-dropdown-active:hover { background: #f6f6f7; }

.be-drop-down.color-2.be-dropdown-active i { color: #b4b7c1; }

.be-drop-down.color-2.be-dropdown-active:after { color: #b4b7c1; }

.be-drop-down.color-3 { background: #383b43; color: #fff; border: 1px solid #383b43; }

.be-drop-down.color-3:hover { background: #0d58c8; color: #FFF; border: 1px solid #0d58c8; }

.be-drop-down.color-3.be-dropdown-active:hover { background: #383b43; border: 1px solid #383b43; }

.be-drop-down.color-3 .drop-down-list { background: #383b43; border-left: 1px solid #383b43; border-right: 1px solid #383b43; }

.be-drop-down.color-3 .drop-down-list a { color: #b4b7c1; }

.be-drop-down.color-3 .drop-down-list a:hover { color: #fff; }

.be-drop-down.color-3 .fa { color: #b4b7c1; }

.be-drop-down.color-4 { background: #0d58c8; color: #fff; border: 1px solid #0d58c8; }

.be-drop-down.color-4 .fa { color: #869edc; }

.be-drop-down.color-4 .drop-down-list { background: #383b43; border-left: 1px solid #383b43; border-right: 1px solid #383b43; }

.be-drop-down.color-4 .drop-down-list a { color: #b4b7c1; }

.be-drop-down.color-4 .drop-down-list a:hover { color: #fff; }

.be-drop-down.size-2 { font-size: 10px; padding: 18px 50px 17px 32px; }

.be-drop-down.icon-none { padding: 14px 80px 14px 18px; }

.be-drop-down > i { position: absolute; top: 50%; font-size: 18px; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.be-drop-down:hover, .be-drop-down.be-dropdown-active { background: #0d58c8; color: #FFF; }

.be-drop-down.be-dropdown-active:after { webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.drop-down-list { background: #0d58c8; color: #FFF; width: 100%; left: 0; }

.drop-down-list a { display: block; padding: 11.5px 20px; color: rgba(255, 255, 255, 0.8); }

.drop-down-list a { color: #8da4e0; }

.drop-down-list a:hover { color: #FFF; background: #0d50b5; }

.drop-down-list, .be-drop-down:hover:after, .be-drop-down:hover i, .be-drop-down.be-dropdown-active:after, .be-drop-down.be-dropdown-active i { color: rgba(255, 255, 255, 0.8); }

.be-drop-down:after { content: "\f107"; font-family: FontAwesome; font-size: 18px; position: absolute; top: 50%; right: 25px; webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }

@media screen and (max-width: 1200px) { .be-drop-down { margin-right: 0; } }

@media screen and (max-width: 991px) { .be-drop-down { display: block; margin-bottom: 30px !important; margin-right: 0px; }
  .left-feild { margin-bottom: 20px; margin-top: 20px;}
  .main-feild + .left-feild { margin-top: 50px; }
  #content-block .left-feild .input-search { margin-bottom: 50px; } }

/* 
==================================
	06 - POST BLOCK
==================================
*/
.be-post { border: 1px solid #edeff2; border-radius: 2px; width: 100%; margin-bottom: 30px !important; }

.be-img-block { overflow: hidden; display: block; }

.be-post .be-img-block { margin-bottom: 15px; position: relative; }

.be-post .be-img-block img { width: 100%; height: auto; position: relative; -webkit-transition: all ease-out 0.3s; transition: all 0.3s; }

.be-post .be-img-block img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.be-post .be-img-block:after { content: ""; position: absolute; bottom: 0; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #FFF transparent; }

.be-post-title { position: relative; display: block; font-size: 13px; /*line-height: 20px;*/ font-family: 'Conv_helveticaneuecyr-bold'; color: #262626; border-bottom: 1px solid #edeff2; margin: 0 15px 10px 15px; cursor: pointer; min-height: 52px; padding-bottom: 11px; overflow: hidden; text-overflow: ellipsis; }

a.be-post-title:hover { color: #0D58C8; }

.author-post { padding: 0 15px; font-size: 11px; line-height: 15px; color: #b4b7c1; margin-bottom: 20px; }

.author-post a { color: #262626; font-family: 'Conv_helveticaneuecyr-bold'; }

.author-post img { border-radius: 50%; display: inline; width: 20px; height: 20px; margin-right: 5px; }

.author-post a:hover { color: #0D58C8; }

.be-post > span { color: #b4b7c1; display: block; font-size: 11px; line-height: 20px; padding: 0 15px; margin-bottom: 15px; }

.info-block { background: #F6F6F6; padding: 20px 15px; font-size: 10px; color: #b4b7c1 !important; }

.info-block-label { font-size: 14px; line-height: 18px; font-family: 'Conv_helveticaneuecyr-bold'; color: #383b43; }

.info-block .be-large-post-align { margin: 0px 50px; }

.info-block .fa { font-size: 13px; }

.close-w{position: absolute;right: 15px;font-size: 15px;color: #111;cursor: pointer;-webkit-transform: translateY(-50%); top:50%;
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);-webkit-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-ms-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;}

.close-w:hover{color: rgba(0,0,0,0.5);}

.info-block-right { float: right; font-size: 10px; line-height: 18px; font-weight: 400; color: #7a8192; text-transform: uppercase; }

.be-post-tag { font-size: 11px; line-height: 16px; font-weight: 400; color: #a1a5b1; }

.be-post-tag:hover { color: #0D58C8; }

.info-block i { padding-right: 5px; }

.info-block span { cursor: pointer; white-space: nowrap; }

.info-block span:not(:last-child) { margin-right: 25px; }

/*.info-block span:hover { color: #262626; }*/

.be-large-post .info-block.style-2 { margin-bottom: 50px; position: relative;}

.be-post.style-2 { padding-top: 15px; padding-bottom: 15px; }

.be-post.style-2 .be-post-date { font-size: 12px; line-height: 18px; font-weight: 400; color: #b4b7c1; margin: 0 15px 15px 15px; }

.be-post.style-2 .be-post-date .fa { font-size: 18px; position: relative; top: 2px; margin-right: 5px; }

.be-post.style-2 .be-post-title { padding-bottom: 0px; margin: 0 15px 15px 15px; border-bottom: none; }

.be-post.style-2 .be-img-block:after { display: none; }

.be-post.style-3 { padding-bottom: 15px; }

.be-post.style-3 .be-post-title { padding-bottom: 0px; margin: 0 15px 15px 15px; border-bottom: none; min-height: initial; }

.be-post.style-3 .be-img-block:after { display: none; }

.be-post.style-4 { padding-bottom: 15px; }

.be-post.style-4 .be-post-title { border-bottom: none; }

.be-post.style-5 .be-img-block { margin-bottom: 0px; }

.be-post.style-5 .be-rowline { margin: 0px 10px; padding: 10px 0px; }

.be-post.style-5 .be-rowline + .be-rowline { border-top: 1px solid #edeff2; }

.be-post.style-5 .rowline-img { float: left; width: 30px; height: 30px; margin-right: 15px; border-radius: 30px; }

.be-post.style-5 .rowline-text { font-size: 11px; line-height: 30px; font-weight: 400; /*color: #b4b7c1;*/color: #666; }

.be-post.style-5 .rowline-icon { font-size: 13px; float: right; }

.be-post.style-5 .author-post { font-size: 11px; line-height: 20px; font-weight: 400; padding: 10px; background: #f6f6f7; }

.be-post.style-5 .author-post .fa { font-size: 14px; position: relative; top: 1px; margin-right: 3px; }

.like-counter { float: right; }

/* 
==================================
	07 - FOOTER
==================================
*/
footer { background: #222835; }

.footer_slider .swiper-slide { position: relative; }

.footer_slider .swiper-slide img { opacity: 0.2; }

.footer_slider .swiper-slide img:hover { opacity: 1.0; }

footer p a { color: #0d58c8; text-decoration: underline; }

footer p a:hover { color: #fff; text-decoration: none; }

.footer-main { padding: 46px 0; border-bottom: 1px solid #2e3542; }

.footer-title { color: #FFF; font-size: 14px; font-family: 'Conv_helveticaneuecyr-bold'; margin-bottom: 20px; }

footer p { line-height: 20px; color: #5d6372; font-size: 13px; margin-bottom: 20px; }

.soc_buttons > li { color: #FFF; background: transparent; font-size: 15px; border-radius: 3px; text-align: center; width: 35px; height: 35px; display: inline-block; cursor: pointer; position: relative; margin-right: 5px; margin-bottom: 5px; border: 1px solid #414856; }

.soc_buttons a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #FFF; }

.soc_buttons .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

ul.soc_buttons > li:hover { background: #0d58c8; border: 1px solid #0d58c8; }

.soc_buttons.light > li { background: #f6f6f7; border: 1px solid #edeff2; }

.soc_buttons.light > li > a { color: #b4b7c1; }

.soc_buttons.light > li:hover { background: #0d58c8; border: 1px solid #0d58c8; }

.soc_buttons.light > li > a:hover { color: #fff; }

.galerry img { margin: 8px; border-radius: 4px; width: 50px; opacity: 0.2; -webkit-transition: ease-out 0.1s all; transition: ease-out 0.1s all; }

.galerry img:hover { opacity: 1.0; }

.subscribe-form { position: relative; margin-bottom: 30px; }

.subscribe-form input[type="text"] { font-size: 13px; width: 100%; height: 45px; border: none; background: transparent; color: #5d6372; padding: 15px; padding-right: 46px; border-radius: 4px; border: 1px solid #414856; }

.subscribe-form input[type="submit"] { height: 100%; width: 100%; opacity: 0; }

.submit-block { cursor: pointer; height: 45px; width: 45px; background: #0d58c8; position: absolute; right: 0; top: 0; border-radius: 4px; }

.submit-block i { position: absolute; top: 0px; right: 50%; font-size: 22px; line-height: 45px; color: rgba(255, 255, 255, 0.7); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }

.submit-block:hover i { color: #FFF; }

.soc-activity { width: 100%; }

.soc-activity .soc_ico_triangle { float: left; position: relative; color: #FFF; background: url(../img/soc-cloud.png); background-size: contain !important; background-repeat: no-repeat; font-size: 15px; text-align: center; width: 38px; height: 38px; vertical-align: top; }

.soc-activity .soc_ico_triangle i { position: absolute; top: 50%; left: 45%; -webkit-transform: translateY(-60%) translateX(-55%); -ms-transform: translateY(-60%) translateX(-55%); transform: translateY(-60%) translateX(-55%); }

.soc-activity .soc_ico_triangle:after { position: absolute; height: 10px; width: 10px; background: #0b0e14; }

.soc-activity .message-soc { font-size: 12px; line-height: 20px; font-weight: 400; padding-left: 56px; padding-top: 8px; color: #5d6372; }

.soc-activity .message-soc .date { display: block; margin-bottom: 6px; }

a.account, a.heshtag { color: #0d58c8 !important; }

a.account:hover, a.heshtag:hover { color: #fff !important; }

a.heshtag { text-decoration: underline; }

ul.link-list li { background: url(../img/list_marker.png); padding-left: 15px; background-repeat: no-repeat; background-position: 0 50%; margin-bottom: 10px; }

ul.link-list li > a { font-size: 12px; line-height: 18px; font-weight: 400; color: #6b7180; }

ul.link-list li > a:hover { color: #FFF !important; }

span.white a { color: #FFF; font-family: 'Conv_helveticaneuecyr-bold'; }

span.white a:hover { color: #337ab7; }

span.left { text-align: left; }

span.right { float: right; }

.footer-end { width: 100%; overflow: hidden; color: #5d6372; font-size: 12px; }

.footer-bottom { font-size: 13px; line-height: 18px; font-weight: 400; }

.footer-bottom .footer-end { padding: 16.5px 0px; }

.footer-bottom .left { float: left; }

.footer-bottom .right { float: right; }

.footer-bottom .copy { display: inline-block; margin-top: 8px; margin-right: 18px; }

.footer-bottom .created { display: inline-block; margin-top: 8px; font-size: 12px; }

.footer-bottom .btn { margin-bottom: 0px; }

.footer-bottom .right .btn { margin-left: 10px; margin-right: 0px; }

@media screen and (max-width: 991px) { .footer-list-footer > div:last-child { margin: 0; }
  .footer-list-footer li { display: inline-block; }
  footer .soc_buttons { margin-bottom: 15px; }
  footer .galerry { margin-bottom: 15px; }
  footer .soc-activity { margin-bottom: 20px; }
  .footer-block { margin-bottom: 20px; }
  .footer-main div[class^="col-"]:last-child .footer-block { margin-bottom: 0px; }
  .footer-bottom .left, .footer-bottom .right { float: none; }
  .footer-end .left { margin-bottom: 15px; }
  .footer-end .right .btn { margin-left: 0px; margin-right: 10px; margin-bottom: 10px; } }

@media screen and (min-width: 992px) and (max-width: 1200px) { ul.soc_buttons > li { width: 25px; height: 25px; font-size: 12px; } }

@media screen and (max-width: 767px) { .footer-list-footer li { display: block; line-height: 19px; } }

/*===========================
	08 - LOADER
===========================*/
.be-loader { display: block; position: fixed; width: 100%; height: 100%; background: #FFF; z-index: 500; }

.be-loader .spinner { position: absolute; top: calc(50% - 70px); left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

/*=========================================
	09 - LARGE POPUPS
==========================================*/
.large-popup { display: none; position: fixed; top: 70px; width: 100%; height: 100%; left: 0; background: rgba(255, 255, 255, 0.9); z-index: 5000; }

.large-popup-container { background: #1b212c; margin: 0; width: 100%; padding-top: 45px; padding-bottom: 45px; }

.large-popup-content { position: relative; }

.large-popup .input-signtype { width: 100%; line-height: 45px; border-radius: 2px; border: none; color: #b4b7c1; padding-left: 15px; margin-bottom: 20px; }

.large-popup span { line-height: 20px; }

.large-popup-title { color: #FFF; font-size: 20px; line-height: 18px; padding-left: 35px; margin-bottom: 20px; }

.large-popup-text { display: inline; }

.close-button, .message-popup .fa.close-button { position: absolute; top: -5px; color: #FFF; display: block; width: 25px; height: 25px; background: #0d58c8; font-size: 14px; text-align: center; padding-top: 5px; cursor: pointer; border-radius: 2px; }

.close-button:hover { background: #0040b0; }

.check-box { position: relative; display: inline-block; width: 20px; height: 20px; display: inline-block; background: #FFF; border-radius: 2px; border: 1px solid #000; cursor: pointer; transform: translateY(8px); -webkit-transform: translateY(8px); -moz-transform: translateY(8px); -ms-transform: translateY(8px); }

.checkbox-input { width: 100%; height: 100%; position: absolute; visibility: hidden; }

.check-box-sign { height: 100%; width: 100%; position: absolute; }

.check-box > .checkbox-input:checked + .check-box-sign:after { content: "\f00c"; font-family: FontAwesome; color: #0d58c8; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.link-large-popup { display: block; color: #727785; }

.link-large-popup:hover { color: #0D58C8; }

.be-checkbox { margin-bottom: 15px; }

.be-popup-sign-button { float: right; color: #FFF; padding: 15px 30px; background: #0d58c8; font-size: 14px; border: none; border-radius: 2px; }

.be-popup-sign-button:hover { background: #0040b0; }

.be-date-block .large-popup-tex { display: block; }

.large-popup span { color: #727785; }

.be-custom-select { width: 100%; border: none; border-radius: 2px; -moz-appearance: none; -webkit-appearance: none; color: #b4b7c1; line-height: 45px; padding-left: 15px; cursor: pointer; height: 46px; }

.be-sybj2024-select {position: relative; display: block; width: 100%; border: 1px solid #edeff2; font-size: 13px; border-radius: 3px; -moz-appearance: none; -webkit-appearance: none; color: #b4b7c1; background: #FFF; line-height: 45px; padding-left: 20px; cursor: pointer; height: 46px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;height:50px;}

.be-sybj2024-select:hover { background: #0d58c8; color: #FFF; }

.be-date-block .large-popup-text { display: block; margin-bottom: 20px; }

.be-custom-select-block { position: relative; margin-bottom: 20px; }

.be-sybj2024-select-block { position: relative; margin-bottom: 20px; }

.be-custom-select-block::after { content: "\f0d7"; font-family: FontAwesome; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #b4b7c1; }

.be-sybj2024-select-block::after { content: "\f107";font-family: FontAwesome; font-size: 18px;position: absolute;top: 50%;right: 25px;webkit-transform: translateY(-50%) rotate(0);-ms-transform: translateY(-50%) rotate(0);-webkit-transform: translateY(-50%) rotate(0);transform: translateY(-50%) rotate(0);color: #b4b7c1;border-radius: 3px;}

.be-custom-select-block:hover::after { color: #0d58c8; }

.be-sybj2024-select-block:hover::after { color: rgba(255, 255, 255, 0.8); }

.be-date-block .be-custom-select-block { display: inline-block; }

.be-date-block .be-sybj2024-select-block { display: inline-block; }

.be-date-block .be-custom-select-block { width: 130px; margin-right: 20px; }

.be-date-block .be-sybj2024-select-block { width: 130px; margin-right: 20px; }

.be-custom-select-block .mounth { width: 225px; }

.be-sybj2024-select-block .mounth { width: 225px; }

.large-popup { overflow: auto; height: auto; bottom: 0; }

@media screen and (max-width: 991px) { .be-date-block .be-custom-select-block { width: 100%; }
  .be-date-block .be-sybj2024-select-block { width: 100%; }
  .large-popup.register .be-popup-sign-button { float: left; } }

/*=========================================
	10 - COLOR PICKER
==========================================*/
.colors { width: 372px; }

.color { box-sizing: border-box; width: 32px; height: 24px; border: 1px solid transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid rgba(255, 255, 255, 0.2); float: left; margin-right: -1px; }

.color:hover { border: 2px solid #fff; border-right: 3px solid #fff; cursor: pointer; }

.color.active-color { border: 2px solid #fff; border-right: 3px solid #fff; }

.color:focus { outline: none; }

@media screen and (max-width: 465px) { .colors { width: 100%; }
  .color { width: 8.5%; height: 20px; }
  .be-popup { width: 100% !important; } }

.color-0-0 { background-color: #ccf3fc; }

.color-0-1 { background-color: #cedffc; }

.color-0-2 { background-color: #c1b9fc; }

.color-0-3 { background-color: #d7b9fc; }

.color-0-4 { background-color: #e8c6db; }

.color-0-5 { background-color: #f0ced1; }

.color-0-6 { background-color: #f4d5cc; }

.color-0-7 { background-color: #f8e3cb; }

.color-0-8 { background-color: #f9e7cb; }

.color-0-9 { background-color: #fef6d5; }

.color-0-10 { background-color: #f9f7d4; }

.color-0-11 { background-color: #e0e9ca; }

.color-1-0 { background-color: #9fe6f6; }

.color-1-1 { background-color: #a1c1f6; }

.color-1-2 { background-color: #988cf7; }

.color-1-3 { background-color: #bc8cf7; }

.color-1-4 { background-color: #daa2c4; }

.color-1-5 { background-color: #e4a8ae; }

.color-1-6 { background-color: #eab4a4; }

.color-1-7 { background-color: #f1cba1; }

.color-1-8 { background-color: #f2d2a0; }

.color-1-9 { background-color: #f9eaa7; }

.color-1-10 { background-color: #f1edaa; }

.color-1-11 { background-color: #cbdba6; }

.color-2-0 { background-color: #73dbf3; }

.color-2-1 { background-color: #75a4f3; }

.color-2-2 { background-color: #7260f4; }

.color-2-3 { background-color: #a360f4; }

.color-2-4 { background-color: #d07eb0; }

.color-2-5 { background-color: #da828a; }

.color-2-6 { background-color: #e3937c; }

.color-2-7 { background-color: #ebb577; }

.color-2-8 { background-color: #eebf76; }

.color-2-9 { background-color: #f4dd7c; }

.color-2-10 { background-color: #ece680; }

.color-2-11 { background-color: #bad083; }

.color-3-0 { background-color: #4ad0ef; }

.color-3-1 { background-color: #4c88ef; }

.color-3-2 { background-color: #4e38ef; }

.color-3-3 { background-color: #8a38ef; }

.color-3-4 { background-color: #c75a9c; }

.color-3-5 { background-color: #d35c67; }

.color-3-6 { background-color: #dd7253; }

.color-3-7 { background-color: #e89f4d; }

.color-3-8 { background-color: #ebac4b; }

.color-3-9 { background-color: #efd154; }

.color-3-10 { background-color: #e8df56; }

.color-3-11 { background-color: #a9c75e; }

.color-4-0 { background-color: #22c4ea; }

.color-4-1 { background-color: #246dea; }

.color-4-2 { background-color: #2b11ea; }

.color-4-3 { background-color: #7211ea; }

.color-4-4 { background-color: #c0348a; }

.color-4-5 { background-color: #ce3543; }

.color-4-6 { background-color: #da522b; }

.color-4-7 { background-color: #e68a22; }

.color-4-8 { background-color: #e99a20; }

.color-4-9 { background-color: #eac52d; }

.color-4-10 { background-color: #e5db2c; }

.color-4-11 { background-color: #99c039; }

.color-5-0 { background-color: #00b8e2; }

.color-5-1 { background-color: #0054e4; }

.color-5-2 { background-color: #1900d1; }

.color-5-3 { background-color: #5d00d1; }

.color-5-4 { background-color: #aa2175; }

.color-5-5 { background-color: #c21726; }

.color-5-6 { background-color: #cf370b; }

.color-5-7 { background-color: #de7600; }

.color-5-8 { background-color: #df8700; }

.color-5-9 { background-color: #e5ba07; }

.color-5-10 { background-color: #e5d801; }

.color-5-11 { background-color: #85ac23; }

.color-6-0 { background-color: #0097b9; }

.color-6-1 { background-color: #0045bb; }

.color-6-2 { background-color: #1400a8; }

.color-6-3 { background-color: #4b00a8; }

.color-6-4 { background-color: #8c165f; }

.color-6-5 { background-color: #a10e1c; }

.color-6-6 { background-color: #ae2b05; }

.color-6-7 { background-color: #b56000; }

.color-6-8 { background-color: #b66e00; }

.color-6-9 { background-color: #c39d00; }

.color-6-10 { background-color: #beb400; }

.color-6-11 { background-color: #6d8f17; }

.color-7-0 { background-color: #007692; }

.color-7-1 { background-color: #003793; }

.color-7-2 { background-color: #0f0081; }

.color-7-3 { background-color: #3a0081; }

.color-7-4 { background-color: #6e0d49; }

.color-7-5 { background-color: #810812; }

.color-7-6 { background-color: #8b1f00; }

.color-7-7 { background-color: #8d4b00; }

.color-7-8 { background-color: #8e5600; }

.color-7-9 { background-color: #9b7d00; }

.color-7-10 { background-color: #968e00; }

.color-7-11 { background-color: #55710f; }

.color-8-0 { background-color: #00586d; }

.color-8-1 { background-color: #00296e; }

.color-8-2 { background-color: #0a005d; }

.color-8-3 { background-color: #2a005d; }

.color-8-4 { background-color: #4f0734; }

.color-8-5 { background-color: #60030b; }

.color-8-6 { background-color: #661600; }

.color-8-7 { background-color: #693700; }

.color-8-8 { background-color: #693f00; }

.color-8-9 { background-color: #765e00; }

.color-8-10 { background-color: #716a00; }

.color-8-11 { background-color: #3d5208; }

.color-9-0 { background-color: white; }

.color-9-1 { background-color: #e9e9e9; }

.color-9-2 { background-color: #d4d4d4; }

.color-9-3 { background-color: #bfbfbf; }

.color-9-4 { background-color: #aaaaaa; }

.color-9-5 { background-color: #959595; }

.color-9-6 { background-color: gray; }

.color-9-7 { background-color: #6a6a6a; }

.color-9-8 { background-color: #555555; }

.color-9-9 { background-color: #404040; }

.color-9-10 { background-color: #2b2b2b; }

.color-9-11 { background-color: #161616; }

/*=========================================
	11 - USER BLOCK
==========================================*/
.be-user-block { position: relative; padding: 30px 20px; border: 1px solid #edeff2; border-radius: 2px; margin-bottom: 20px; }

.be-user-detail { text-align: center; margin-bottom: 30px; }

.be-ava-user { width: 70px; height: 70px; display: inline-block; margin-bottom: 25px; }

.be-ava-user > img { width: 70px; height: 70px; }

.be-ava-user > img:hover { transform: scale(1.09); -webkit-transform: scale(1.09); -moz-transform: scale(1.09); -ms-transform: scale(1.09); }

.be-ava-left { position: absolute; top: 70px; left: 15px; width: 100px; text-align: center; }

.be-ava-right { position: absolute; top: 70px; right: 15px; width: 100px; text-align: center; }

.be-use-name { color: #262626; font-size: 16px; font-family: 'Conv_helveticaneuecyr-bold'; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}

.be-user-info { color: #a1a5b1; font-size: 12px; }

.be-user-activity-button { border-radius: 2px; line-height: 15px; display: block; line-height: 30px; font-size: 10px; position: relative; width: 100%; display: block; padding: 5px 5px 5px 30px; margin-bottom: 25px !important; }

.be-user-activity-button i { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 13px; font-size: 12px; }

.be-follow-type { color: #FFF !important; background: #0d58c8; }

.be-follow-type:hover { color: #FFF !important; }

.be-follow-type i { color: #8ba1dd; }

.be-follow-type:hover { background: #0032a2; }

.be-follow-type-state1 {color: #fff !important; background: #0d58c8; border: 1px solid #edeff2;}

.be-follow-type-state1:hover { background: #0032a2; }

.be-message-type:hover { background-color: #969696; color: #FFF !important; }

.be-message-type { color: #7a8192 !important; background: #F6F6F6; border: 1px solid #edeff2; }

.be-detail-header { border-bottom: 1px solid #edeff2; margin-bottom: 50px; }

.be-detail-container { padding-top: 50px; }

.be-user-counter { position: absolute; top: 15px; left: 15px; width: 57px; height: 57px; background: #0d58c8; border-radius: 57px; padding-top: 8px; }

.be-user-counter .c_number { font-size: 14px; line-height: 21px; font-family: 'Conv_helveticaneuecyr-bold'; color: #fff; }

.be-user-counter .c_text { font-size: 10px; line-height: 15px; font-weight: 400; color: #8da4e0; }

.be-user-social { max-width: 240px; margin: 0 auto; border-bottom: 1px solid #EDEFF2; }

.be-user-social { padding-bottom: 20px; margin-bottom: 20px; }

.be-user-site { font-size: 13px; line-height: 18px; font-weight: 400; color: #b4b7c1; }

.be-user-site:hover { color: #0D58C8; }

.social-btn { position: relative; display: inline-block; width: 33px; height: 33px; color: #fff; line-height: 33px; text-align: center; margin: 0px 0px; border-radius: 2px; }

.social-btn.color-1 { background: #3c599f; }

.social-btn.color-2 { background: #1ab2e8; }

.social-btn.color-3 { background: #dc4a38; }

.social-btn.color-4 { background: #cc2028; }

.social-btn.color-5 { background: #417199; }

.social-btn.color-6 { background: #006699; }

a.social-btn:hover { opacity: 0.6; color: #fff; }

.be-user-statistic { position: relative; margin-left: -15px; margin-right: -15px; }

.be-user-statistic:before { content: ''; display: block; position: absolute; top: -11px; left: 50%; margin-left: -11px; width: 0; height: 0; border-style: solid; border-width: 0 11.5px 11px 11.5px; border-color: transparent transparent #222835 transparent; }

.be-user-statistic .stat-row { font-size: 13px; line-height: 18px; font-weight: 400; color: #6b7180; padding: 15px 29px 15px 29px; text-align: left; background: #222835; border-bottom: 1px solid #2e3542; }

.be-user-statistic .stat-row:last-child { border-bottom: none; }

.be-user-statistic .stat-counter { float: right; }

.be-user-statistic .stat-icon { margin-right: 11px; }

/*custom icons*/
.icon-views { display: inline-block; background: url("../img/icon-views.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 10px; }

.icon-views-b { display: inline-block; background: url("../img/icon-views-b.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 10px; }

.icon-like { display: inline-block; background: url("../img/icon-like.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 15px; }

.icon-like-b { display: inline-block; background: url("../img/icon-like-b.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 15px; }

.icon-followers { display: inline-block; background: url("../img/icon-followers.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 15px; }

.icon-followers-b { display: inline-block; background: url("../img/icon-followers-b.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 15px; }

.icon-following { display: inline-block; background: url("../img/icon-following.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 15px; }

.icon-following-b { display: inline-block; background: url("../img/icon-following-b.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 15px; }

.icon-load { display: inline-block; background: url("../img/icon-load.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 15px; }

.icon-comment { display: inline-block; background: url("../img/icon-comment.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 15px; }

.icon-projects { display: inline-block; background: url("../img/icon-projects.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 16px; }

.icon-creative { display: inline-block; background: url("../img/icon-creative.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 16px; }

.icon-features { display: inline-block; background: url("../img/icon-features.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 16px; }

.icon-worldwide { display: inline-block; background: url("../img/icon-worldwide.png") no-repeat; text-indent: -9999px; text-align: left; width: 16px; height: 16px; }

.be-user-block.style-2, .be-user-block.style-3 { padding: 30px 15px 15px 15px; text-align: center; }

.be-user-block.style-2 .be-use-name, .be-user-block.style-3 .be-use-name { font-size: 20px; line-height: 26px; font-weight: 400; margin-bottom: 5px; height: 26px; }

.be-user-block.style-2 .be-user-info, .be-user-block.style-3 .be-user-info { font-size: 13px; line-height: 18px; font-weight: 400; margin-bottom: 10px; }

.be-user-block.style-2 .be-text-tags, .be-user-block.style-3 .be-text-tags { border-bottom: 1px solid #edeff2; border-top: 1px solid #edeff2; padding: 15px 0px; margin-bottom: 20px; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.be-user-block.style-2 .be-text-tags a, .be-user-block.style-3 .be-text-tags a { font-size: 13px; line-height: 18px; font-weight: 400; color: #b4b7c1; }

.be-user-block.style-2 .be-text-tags a:hover, .be-user-block.style-3 .be-text-tags a:hover { color: #0D58C8; }

.be-user-block.style-2 .info-block, .be-user-block.style-3 .info-block { background: transparent; padding: 0px; margin-bottom: 25px; }

.be-user-block.style-2 .btn, .be-user-block.style-3 .btn { margin: 0 auto 30px auto; }

.be-user-block.style-2 .be-user-detail, .be-user-block.style-3 .be-user-detail { margin-bottom: 60px; }

.be-user-block.style-3 { padding: 30px 15px 0px 15px; margin-bottom: 48px; }

.be-ava-user.style-2 { width: 115px; height: 115px; }

.be-ava-user.style-2 > img { width: 115px; height: 115px; }

.share-buttons { display: none; position: absolute; top: -1px; left: 100%; height: 35.5px; background: #f6f6f7; border: 1px solid #edeff2; border-left: none; z-index: 100; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.share-buttons a { display: inline-block; width: 66px; height: 33px; line-height: 33px; color: #fff; margin-top: 1px; border-radius: 2px; }

.share-buttons a:hover { opacity: 0.6; }

.btn.color-4 .share-buttons .fa { color: #fff; }

.share-buttons a.color-1 { background: #3c599f; }

.share-buttons a.color-2 { background: #1ab2e8; }

.share-buttons a.color-3 { background: #cc2028; }

.share-buttons a.color-4 { background: #006699; }

.message-popup { display: none; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(19, 24, 34, 0.9); z-index: 9999; }

.message-popup-inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.btn.btn-message .message-popup .fa { color: #fff; }

.be-text-tags.style-2 { max-width: 240px; margin: 0 auto; }

#content-block .be-user-wrapper .be-user-block.style-2 { margin-bottom: 30px; }

.be-desc-block { margin-bottom: 20px; }

.be-desc-author { position: relative; padding: 20px 30px; border: 1px solid #edeff2; }

.be-desc-img { float: left; width: 70px; height: 70px; margin-bottom: 15px; border-radius: 70px; }

.be-desc-label { font-size: 16px; line-height: 21px; font-family: 'Conv_helveticaneuecyr-bold'; color: #383b43; margin-bottom: 20px; }

.be-desc-text { font-size: 13px; line-height: 22px; font-weight: 400; color: #a1a5b1; }

.be-desc-author + .be-desc-author { border-top: none; }

.be-desc-author + .be-desc-author:before { content: ''; display: block; position: absolute; top: -12px; left: 30px; width: 24px; height: 12px; background: url(../img/be-desc.jpg) no-repeat; }

#content-block .be-change-ava { margin-bottom: 20px; }

.be-change-ava .be-ava-user { margin-right: 20px; }

@media screen and (max-width: 991px) { .be-detail-container { padding-top: 15px; }
  .share-buttons { height: auto; top: 100%; left: 17px; width: 35px; }
  .share-buttons a { display: block; } }

.be-title { margin-bottom: 15px; color: #383b43; font-size: 13px; font-family: 'Conv_helveticaneuecyr-bold'; }

.be-text-userblock { color: #a1a5b1; }

.be-button-vidget { display: block; border-radius: 2px; text-align: center; margin-bottom: 20px; padding: 15px 0; }

.be-button-vidget.blue-style { background: #0d58c8; color: #FFF !important; }

.be-button-vidget.blue-style .fa { color: #8da4e0 !important; }

.be-button-vidget .fa { margin-right: 5px; }

.be-button-vidget.blue-style:hover { background: #0032a2; }

.be-button-vidget.grey-style:hover { background-color: #969696; color: #FFF !important; }

.be-button-vidget.grey-style { background: #F6F6F6; border: 1px solid #edeff2; color: #7a8192 !important; margin-bottom: 50px; }

/*=========================================
	11 - BE LARGE POST
==========================================*/
.be-large-post .info-block { margin-bottom: 25px; }

.be-large-post .be-post-title:hover { text-decoration: none; cursor: pointer; }

.be-text-tags { color: #b4b7c1; display: block; font-size: 12px; padding: 0px; margin-bottom: 35px; }

.be-large-post .be-post-title { font-size: 24px; margin-bottom: 20px; padding-bottom: 20px; margin-left: 0px; }

.be-large-post-img { width: 100%; }

.be-large-post-align { margin: 0 65px; }

.be-large-post > img { padding-left: 0; }

.be-large-post > img { margin-bottom: 50px; }

.be-large-post .letf-menu-article { font-size: 16px; }

.be-large-post { border: 1px solid #edeff2; border-radius: 2px; padding-bottom: 50px; margin-bottom: 50px; }

.be-largepost-iframe { margin-bottom: 50px !important; padding-left: 0; }

.be-comment-block { margin-bottom: 50px !important; border: 1px solid #edeff2; border-radius: 2px; padding: 50px 70px; }

.image-block { position: relative; }

.image-block .image-text { position: absolute; bottom: 45px; left: 50px; right: 50px; color: #fff; opacity: 0.8; }

@media screen and (max-width: 767px) { .be-comment-block { padding: 15px; padding-bottom: 30px; } }

.be-img-comment { width: 60px; height: 60px; float: left; margin-bottom: 15px; }

.be-comment-content { margin-left: 80px; }

.comments-title { font-size: 16px; color: #262626; margin-bottom: 15px; font-family: 'Conv_helveticaneuecyr-bold'; }

.about-comment-block { font-size: 12px; color: #b4b7c1; margin-bottom: 50px; }

.be-signup-link { color: #0d58c8 !important; margin: 0 2px; font-family: 'Conv_helveticaneuecyr-bold'; font-size: 10px; }

.be-signup-link:hover { color: #0d58c8 !important; }

.be-comment-name { font-size: 13px; font-family: 'Conv_helveticaneuecyr-bold'; }

.be-comment-time { font-size: 11px; color: #b4b7c1; }

.be-comment-text { font-size: 13px; line-height: 18px; color: #7a8192; display: block; background: #f6f6f7; border: 1px solid #edeff2; padding: 15px 20px 20px 20px; }

.be-comment-content span { display: inline-block; width: 49%; margin-bottom: 15px; }

.be-comment-content a { color: #383b43; }

.be-comment-content a:hover { color: #0D58C8; }

.be-comment-time { text-align: right; }

.be-comment-info { margin-bottom: 15px; }

.be-ava-comment { width: 60px; height: 60px; border-radius: 50%; }

@media screen and (max-width: 767px) { .be-comment-content { margin: 0; }
  .be-comment-content span { width: 100%; text-align: center; display: block; }
  .be-img-comment { width: 100%; text-align: center; } }

.be-comment-time .fa { font-size: 18px; transform: translateY(2px); -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); margin-right: 8px; }

.be-comment:not(:last-child) { margin-bottom: 30px; }

.be-hh { text-align: center; }

.be-button-showing:hover { color: #FFF !important; background: #0032a2; text-align: center; }

.be-button-showing { background: #0d58c8; color: #FFF !important; padding: 15px 35px; border-radius: 2px; font-size: 10px; }

.pagination { text-align: center; width: 100%; }

.swiper-pagination-switch { display: inline-block; width: 7px; height: 7px; background: #F6F6F6; cursor: pointer; border-radius: 50%; margin: 0 10px; }

.swiper-active-switch { background: #0d58c8; }

.hidden { display: none; }

.thumbnails-preview .swiper-slide { position: relative; background-size: cover; background-position: center; }

.slider-text { position: absolute; left: 70px; right: 70px; bottom: 25px; font-size: 13px; line-height: 22px; font-weight: 400; color: #fff; opacity: 0.8; }

.blog-content .thumbnails-preview img { margin-bottom: 0px; }

.blog-content .thumbnails img { margin-top: 0px; cursor: pointer; }

.thumbnails .swiper-slide { position: relative; opacity: 1; }

.thumbnails .swiper-slide:before { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(34, 40, 53, 0.8); -webkit-transition: ease-out 0.2s all; transition: ease-out 0.2s all; cursor: pointer; }

.thumbnails .swiper-slide.current:before, .thumbnails .swiper-slide:hover:before { background: transparent; }

.swiper-container.thumbnails .swiper-slide img { width: 100%; cursor: pointer; }

@media screen and (min-width: 992px) { .swiper-container.thumbnails .swiper-slide:hover { opacity: 1; } }

.be-large-post-slider { margin-bottom: 50px !important; padding: 0; }
@media screen and (min-width: 992px){
  .be-large-post-slider.type-wide{margin: 0 -65px;}
}

/*================= NEW CSS =================*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - SHORTCODES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.subblock { margin-bottom: 55px; }

.subblock-title { font-size: 20px; line-height: 30px; font-family: 'Conv_helveticaneuecyr-bold'; margin-bottom: 25px; }

.subblock .swiper-arrow-left, .subblock .swiper-arrow-right{position: relative; top:0;left:0;right:0;bottom:0;-webkit-transform:   none;-o-transform:   none;-moz-transform:   none;-ms-transform:  none;transform:  none;
display: inline-block; float: none; margin: 0 10px;}
.subblock .type-1{background: #86abe3 !important; color: #fff !important;}
.subblock .type-1:after{color: #fff;}
.subblock .type-1:hover{background: #0d58c8 !important;}
.subblock .type-2{background: #9b9da1 !important; color: #fff !important;}
.subblock .type-2:hover{background: #111111 !important;}
.subblock .type-2:after{color:#fff !important;}
.subblock .pagination{text-align: left; margin: 0;}
/*buttons*/
.btn { display: inline-block; font-size: 12px; line-height: 12px; font-weight: 400; color: #fff; text-transform: uppercase; margin-bottom: 10px; margin-right: 27px; border-radius: 3px; }

.btn.color-1 { background: #0d58c8; border: 1px solid #0d58c8; }

.btn.color-1 .fa { color: #8ba1dd; }

.btn.color-2 { background: #383b43; color: #fff; }

.btn.color-2 .fa { color: #7a8192; }

.btn.color-3 { background: #fff; color: #7a8192; border: 1px solid #7a8192; }

.btn.color-3 .fa { color: #7a8192; }

.btn.color-4 { background: #f6f6f7; color: #7a8192; border: 1px solid #edeff2; }

.btn.color-4 .fa { color: #7a8192; }

.btn.color-5 { background: transparent; border: 1px solid #edeff2; color: #b4b7c1; }

.btn.color-6 { background: #7a8192; color: #fff; }

.btn.color-7 { background: transparent; color: #9fa5b5; border: 1px solid #414856; }

.btn.size-1 { padding: 15px 28px; }

.btn.size-2 { font-size: 10px; line-height: 10px; padding: 12px 19px 10px 19px; }

.btn.size-3 { font-size: 9px; line-height: 9px; padding: 9px 10px; }

.btn.size-4 { font-size: 10px; line-height: 10px; padding: 19px; }

.site-map{padding-top: 50px;}

.site-map h1{margin-bottom: 25px;}

.site-map li li{margin-left: 15px;}

.site-map li ul{margin-top: 15px;}

.btn.active { box-shadow: none; }

.btn.hover-1:hover, .btn.hover-1.active { background: transparent; border: 1px solid #0d58c8; color: #0d58c8; }

.btn.hover-1:hover .fa, .btn.hover-1.active .fa { color: #0d58c8; }

.btn.hover-2:hover, .btn.hover-2.active { background: transparent; border: 1px solid #0d58c8; color: #fff; }

.btn.hover-3:hover, .btn.hover-3.active { background: transparent; border: 1px solid #383b43; color: #383b43; }

.btn.hover-4:hover, .btn.hover-4.active { background: transparent; border: 1px solid #383b43; color: #fff; }

.btn.hover-5:hover, .btn.hover-5.active { background: #7a8192; border: 1px solid #7a8192; color: #fff; }

.btn.hover-6:hover, .btn.hover-6.active { background: transparent; border: 1px solid #7a8192; color: #fff; }

.btn.hover-7:hover, .btn.hover-7.active { background: transparent; border: 1px solid #edeff2; color: #7a8192; }

.btn.hover-8:hover, .btn.hover-8.active { background: transparent; border: 1px solid #edeff2; color: #fff; }

.btn.hover-9:hover, .btn.hover-9.active { background: #0d58c8; border: 1px solid #0d58c8; color: #fff; }

.btn.hover-9:hover .fa, .btn.hover-9.active .fa { color: #fff; }

.btn.hover-10:hover, .btn.hover-10.active { background: transparent; border: 1px solid #7A8192; color: #7A8192; }

.btn.hover-10:hover .fa, .btn.hover-10.active .fa { color: #7A8192; }

.btn.full { width: 100%; margin-right: 0px; }

.btn.btn-right { float: right; margin-right: 0px; margin-left: 20px; }

.btn.btn-input { margin-top: 33px; }

.btn .fa { margin-right: 10px; }

/*inputs*/
.form-group { position: relative; margin-bottom: 30px; }

.form-group .form-input { font-size: 13px; line-height: 50px; font-weight: 400; color: #b4b7c1; width: 100%; height: 50px; padding-left: 20px; padding-right: 20px; border: 1px solid #edeff2; border-radius: 3px; }

.form-group textarea.form-input { height: 150px; }

.form-group .form-group-icon { position: absolute; top: 50%; right: 20px; color: #b4b7c1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.form-group.fg_icon .form-input { padding-right: 40px; }

.form-group.fl_icon .form-input { padding-left: 70px; }

.form-group.fl_icon .icon { position: absolute; top: 1px; left: 1px; width: 48px; height: 48px; background: #f6f6f7; color: #b5b8c2; text-align: center; line-height: 50px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.form-group.fl_icon img{
  display: inline-block; position: relative;bottom: 4px;
}

.form-group.color-2 .form-input { background: #f6f6f7; }

.form-group.color-3 .form-input { background: #383b43; color: #fff; }

.form-group.color-4 .form-input { background: #0d58c8; color: #fff; }

.form-group.focus-2 .form-input:focus { background: #f6f6f7; }

#content-block .input-col .form-group { margin-bottom: 30px; }

#content-block .input-col:last-child .form-group { margin-bottom: 0px; }

.form-label { font-size: 13px; line-height: 18px; font-weight: 400; color: #383b43; margin-bottom: 15px; }

#content-block .form-block .form-input { margin-bottom: 20px; }

/*ckeckbox*/
.form-checkbox { position: relative; margin-bottom: 15px; }

.form-checkbox > input { position: absolute; width: 20px; height: 20px; z-index: 2; opacity: 0; }

.form-checkbox > input + .check { position: relative; top: 5px; display: inline-block; width: 20px; height: 20px; border: 1px solid #edeff2; color: #0d58c8; cursor: pointer; z-index: -1; }

.form-checkbox > input + .check .fa { position: absolute; top: 2px; left: 2px; display: none; opacity: 0; }

.form-checkbox > input:checked + span .fa { display: block; opacity: 1; }

.form-checkbox.style-2 > input + .check { border-radius: 20px; }

.form-checkbox.style-2 > input + .check .fa { display: none; }

.form-checkbox.style-2 > input:checked + .check:before { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; background: #4a82d6; border-radius: 8px; }

/*alerts*/
.alert { position: relative; font-size: 13px; line-height: 22px; color: #7a8192; padding: 21px 21px 21px 60px; background: #f6f6f7; border: 1px solid #edeff2; margin-bottom: 20px; border-radius: 3px; }

.alert .close { position: absolute; top: 21px; left: 21px; width: 24px; height: 24px; font-size: 11px; background: #0d58c8; color: #fff; opacity: 1; border-radius: 3px; }

.alert .alert-title { font-size: 14px; line-height: 18px; font-family: 'Conv_helveticaneuecyr-bold'; color: #383b43; margin-bottom: 10px; }

.alert.style-2 { background: #0d58c8; color: #8ba1dd; }

.alert.style-2 .close { background: #fff; color: #5b5e64; }

.alert.style-2 .alert-title { color: #fff; }

.alert.style-3 { background: #383b43; color: #b4b7c1; }

.alert.style-3 .alert-title { color: #fff; }

/*accordion*/
.accordion.style-1 { border: 1px solid #edeff2; border-radius: 2px; }

.accordion.style-1 .acc-title { position: relative; font-size: 13px; line-height: 18px; color: #b4b7c1; background: #f6f6f7; padding: 11px 45px 11px 15px; cursor: pointer; border-bottom: 1px solid #edeff2; }

.accordion.style-1 .acc-panel:last-child .acc-title { border-bottom: 0px; }

.accordion.style-1 .acc-title.active { background: #0d58c8; color: #fff; }

.accordion.style-1 .acc-title:after { content: "\f078"; display: inline-block; position: absolute; top: 0px; right: 15px; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; line-height: 37px; color: transparent; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.accordion.style-1 .acc-title.active:after { color: #8da4e0; }

.accordion.style-1 .acc-body { display: none; font-size: 13px; line-height: 18px; padding: 27px 40px 25px 40px; }

.accordion.style-1 .acc-body.active { display: block; }

.accordion.style-1 .acc-body p { margin-bottom: 15px; }

.accordion.style-1 .acc-body a { color: #b4b7c1; }

.accordion.style-1 .acc-body a:hover { color: #0d58c8; }

.accordion.style-2 .acc-panel { margin-bottom: 10px; border: 1px solid #edeff2; }

.accordion.style-2 .acc-panel:last-child .acc-title { border-bottom: 0px; }

.accordion.style-2 .acc-title { position: relative; font-size: 14px; line-height: 21px; color: #383b43; background: #fff; padding: 14px 45px 14px 70px; cursor: pointer; }

.accordion.style-2 .acc-icon { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 50px; background: #f6f6f7; }

.accordion.style-2 .acc-icon:before { content: "\f067"; position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; color: #b4b7c1; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.accordion.style-2 .acc-title.active { background: #f6f6f7; border-bottom: 1px solid #edeff2; }

.accordion.style-2 .acc-title.active .acc-icon { background: #0d58c8; }

.accordion.style-2 .acc-title.active .acc-icon:before { content: "\f068"; color: #8da4e0; }

.accordion.style-2 .acc-body { display: none; background: #f6f6f7; color: #7a8192; font-size: 13px; line-height: 22px; padding: 25px 30px 25px 30px; }

.accordion.style-2 .acc-body.active { display: block; }

.accordion.style-2 .acc-body p { margin-bottom: 20px; }

.archive-link { display: block; }

.archive-link .count { float: right; }

#content-block .gal-vidget img { margin-bottom: 20px; }

/*custom rows*/
.row20 { margin-right: -10px; margin-left: -10px; }

.row20 div[class^="col-"] { padding-right: 10px; padding-left: 10px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - COLLECTIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.collection { font-size: 10px; line-height: 15px; font-weight: 400; color: #b4b7c1; margin-bottom: 45px; }

.collection-header { margin-bottom: 18px; }

.edit-collection { float: right; cursor: pointer; position: relative; }

.edit-collection .c_edit { display: none; position: absolute; bottom: 100%; right: 0px; }

.collection span { margin-right: 25px; }

.collection .fa { position: relative; top: 1px; font-size: 14px; margin-right: 5px; }

.collection a { color: #383b43; }

.collection a:hover { color: #0D58C8; }

.menu-article { font-size: 16px; line-height: 20px; font-family: 'Conv_helveticaneuecyr-bold'; color: #383b43; margin-bottom: 15px; }

.collection-entry { padding: 10px; border: 1px solid #edeff2; border-radius: 3px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog-filter { text-align: center; margin-bottom: 40px; }

.blog-filter .btn { margin-right: 10px; }

.blog-filter .btn:last-child { margin-right: 0px; }

#content-block .blog-filter .btn:last-child { margin-bottom: 10px; }

.blog-post { border: 1px solid #edeff2; border-radius: 5px; overflow: hidden; margin-bottom: 50px; }

.blog-post .post-desc { margin-top: 24px; margin-right: 40px; }

.blog-post .post-category { font-size: 11px; line-height: 16px; font-weight: 400; color: #b4b7c1; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #edeff2; }

.blog-post .post-label { display: block; font-size: 24px; line-height: 26px; font-weight: 400; color: #383b43; margin-bottom: 20px; }

.blog-post a.post-label:hover { color: #0d58c8; }

.blog-post .post-text { font-size: 12px; line-height: 22px; color: #b4b7c1; padding-bottom: 27px; margin-bottom: 23px; border-bottom: 1px solid #edeff2; }

.blog-post .author-post { padding-left: 0px; }

.blog-post .post-image { display: block; overflow: hidden; }

.blog-post .post-image img { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.blog-post .post-image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.blog-post .post-image.play { position: relative; }

.blog-post .post-image.play:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; background: url(../img/play.png) no-repeat; z-index: 100; }

.blog-post.be-large-post .post-preview { margin-bottom: 50px; }

.blog-post.be-large-post .post-text { margin-bottom: 20px; padding-bottom: 0px; border-bottom: none; }

.blog-post.be-large-post .info-block .be-text-tags { float: right; }

.blog-post.be-large-post .post-date { float: left; }

.blog-post.be-large-post .author-post { float: right; }

.blog-post.be-large-post .post-date .fa { font-size: 16px; position: relative; top: 1px; }

.blog-list .info-block { padding-left: 30px; margin-left: -30px; margin-right: -40px !important; }

.blog-grid .post-header { padding: 14px 18px; }

.blog-grid .post-header .post-date { float: left; font-size: 12px; font-weight: 400; color: #b4b7c1; }

.blog-grid .post-header .post-date .fa { font-size: 16px; position: relative; top: 1px; }

.blog-grid .post-header .author-post { float: right; }

.blog-grid .post-desc { padding: 25px 20px 0px 20px; margin: 0px; }

.blog-grid .post-category { font-size: 10px; line-height: 15px; }

.blog-grid .post-text { border-bottom: none; padding-bottom: 0px; margin-bottom: 15px; }

.blog-grid .blog-post .btn { margin-bottom: 30px; }

.blog-grid .grid-item:nth-child(3n+1) { clear: both; }

.blog-grid .info-block { padding-left: 30px; margin-left: -30px; margin-right: -40px; }

#content-block .blog-grid .blog-post { margin-bottom: 50px; }

.pagination { text-align: center; }

.pagination .page-left { float: left; display: block; height: 35px; line-height: 35px; text-transform: lowercase; padding: 0px 20px; }

.pagination .page-right { float: right; display: block; height: 35px; line-height: 35px; text-transform: lowercase; padding: 0px 20px; }

.pagination .pages .btn { width: 35px; padding: 10.5px 0px; margin-right: 8px; }

#content-block .pagination .pages .btn:last-child { margin-bottom: 10px; }

.simple-slider .pagination { position: absolute; bottom: 0px; left: 0px; margin-bottom: 11px !important; }

.simple-slider .pagination .swiper-pagination-switch { margin: 0 5px; }

blockquote { position: relative; font-size: 24px; line-height: 34px; font-family: 'Conv_helveticaneuecyr-bold'; color: #383b43; text-transform: uppercase; padding: 40px 130px 50px 130px; background: #f6f6f7; border: none; }

blockquote p { margin-bottom: 10px; }

blockquote footer { font-size: 12px; line-height: 16px; font-weight: 400; color: #383b43; text-align: right; text-transform: none; background: transparent; margin-right: -60px; }

blockquote:before { content: ''; position: absolute; top: 50px; left: 70px; display: block; width: 32px; height: 28px; background: url(../img/blockquote-l.png) no-repeat; }

blockquote:after { content: ''; position: absolute; bottom: 80px; right: 70px; display: block; width: 32px; height: 28px; background: url(../img/blockquote-r.png) no-repeat; }

.blog-content { margin-bottom: 45px; }

.blog-content .post-text { font-size: 13px; line-height: 22px; font-weight: 400; color: #333; }

.blog-content p { font-size: 16px; margin: 0px; line-height: 1.5em; margin-bottom: 25px;/*margin-bottom: 25px;*/ }

.blog-content img { max-width: 100%; /*margin-top: 20px; margin-bottom: 45px;*/ }

.blog-content .wxw-img{/*margin-top: 20px;margin-bottom: 20px;*/}

.blog-content img[align="left"] { margin-right: 30px; }

.blog-content img[align="right"] { margin-left: 30px; }

.blog-content .img-fullblog { max-width: 1920px; margin-left: -65px; margin-right: -65px; }

.blog-content .img-leftblog { margin-left: -65px; }

.blog-content .img-rightblog { max-width: 1920px; margin-right: -65px; }

.blog-content blockquote { margin-left: -65px; margin-right: -65px; margin-bottom: 25px; }

.blog-content .embed-responsive { margin-bottom: 50px; }

.blog-content .image-block { margin-top: 45px; margin-bottom: 45px; }

.blog-content .image-block img { margin-top: 0px; margin-bottom: 0px; }

.blog-content .image-block + img { margin-top: 0px; }

/*list*/
.blog-content ul, ul.styled { list-style: none; margin-bottom: 25px; }

.blog-content ul li, ul.styled li { position: relative; font-size: 13px; line-height: 18px; font-weight: 400; color: #7a8192; margin-bottom: 15px; }

.blog-content ul li:before, ul.styled li:before { content: ''; display: inline-block; position: relative; top: -2px; width: 5px; height: 5px; margin-right: 13px; border-radius: 5px; background: #0d58c8; }

.blog-content ul.style-2 li, ul.styled.style-2 li { padding-left: 23px; }

.blog-content ul.style-2 li:before, ul.styled.style-2 li:before { content: "\f00c"; position: absolute; top: 1px; left: 0px; width: auto; height: auto; background: transparent; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); color: #0d58c8;}

.blog-content ul.style-3 li, ul.styled.style-3 li { padding-left: 26px; }

.blog-content ul.style-3 li:before, ul.styled.style-3 li:before { display: none; }

.blog-content ul.style-3 li .fa, ul.styled.style-3 li .fa { position: absolute; top: 0px; left: 0px; color: #b9bcc5; }

ol.styled { list-style: none; margin-bottom: 20px; }

ol.styled li { position: relative; counter-increment: section; font-size: 13px; line-height: 18px; font-weight: 400; color: #7a8192; padding-left: 35px; margin-bottom: 15px; }

ol.styled li:before { content: counter(section); position: absolute; top: -5px; left: 0px; display: inline-block; width: 25px; height: 25px; border-radius: 25px; background: #0d58c8; color: #fff; text-align: center; padding-top: 4px; padding-right: 1px; }

.be-bottom.right { text-align: right; }

.be-bottom-title { margin-bottom: 15px; }

#content-block .be-bottom .soc_buttons li:last-child { margin-bottom: 5px; }

/*tabs*/
.tab-wrapper.style-1 .nav-tab, .tab-wrapper.style-2 .nav-tab, .tab-wrapper.style-3 .nav-tab { border-bottom: 1px solid #edeff2; }

.tab-wrapper.style-1 .nav-tab-item, .tab-wrapper.style-2 .nav-tab-item, .tab-wrapper.style-3 .nav-tab-item { display: block; float: left; cursor: pointer; background: #f6f6f7; border: 1px solid #edeff2; }

.tab-wrapper.style-1 .nav-tab-item, .tab-wrapper.style-2 .nav-tab-item, .tab-wrapper.style-3 .nav-tab-item { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }

.tab-wrapper.style-1 .nav-tab-item span, .tab-wrapper.style-2 .nav-tab-item span, .tab-wrapper.style-3 .nav-tab-item span { display: block; font-size: 13px; line-height: 13px; padding: 16.5px 30px; }

.tab-wrapper.style-1 .nav-tab-item.active, .tab-wrapper.style-2 .nav-tab-item.active, .tab-wrapper.style-3 .nav-tab-item.active { background: #fff; color: #383b43; border-bottom: 1px solid #fff; }

.tab-wrapper.style-1 .tab-nav-wrapper, .tab-wrapper.style-2 .tab-nav-wrapper, .tab-wrapper.style-3 .tab-nav-wrapper { margin-bottom: 40px; }

.tab-wrapper.style-1 .tab-info, .tab-wrapper.style-2 .tab-info, .tab-wrapper.style-3 .tab-info { display: none; }

.tab-wrapper.style-1 .tab-info.active, .tab-wrapper.style-2 .tab-info.active, .tab-wrapper.style-3 .tab-info.active { display: block; }

.tab-wrapper.style-2 .nav-tab { border-bottom: none; }

.tab-wrapper.style-3 .tab-nav-wrapper { margin-bottom: 0px; }

.tab-wrapper.style-3 .tabs-content { border: 1px solid #edeff2; border-top: none; }

#content-block .tab-wrapper.style-1 .nav-tab-item, #content-block .tab-wrapper.style-3 .nav-tab-item { margin-bottom: -1px; }

.tab-wrapper.color-2 .nav-tab-item { background: #383b43; color: #848891; border: 1px solid #2d3038; }

.tab-wrapper.color-2 .nav-tab-item.active { border: 1px solid #edeff2; border-bottom: 1px solid #fff; }

@media (max-width: 1199px) { .blog-content .img-fullblog { width: 696px; }
  .blog-fullwith .blog-content .img-fullblog { width: 778px; } }

@media (max-width: 991px) { .blog-post .post-preview { max-width: 600px; margin: 0 auto; }
  .blog-content img[align="left"] { width: 100%; }
  .blog-content .img-leftblog { margin-left: 0px; }
  .blog-content .img-fullblog { width: 531px; }
  .blog-fullwith .blog-content .img-fullblog { width: 720px; } }

@media (min-width: 768px) and (max-width: 991px) { .blog-grid .grid-item:nth-child(3n+1) { clear: none; }
  .blog-grid .grid-item:nth-child(2n+1) { clear: both; } }

@media (max-width: 767px) { .blog-list .post-desc { margin-right: 0px; padding-left: 20px; padding-right: 20px; }
  #content-block ul.styled { margin-bottom: 25px; }
  #content-block .be-bottom { margin-bottom: 30px; }
  #content-block .be-bottom.right { text-align: left; margin-bottom: 0px; }
  .be-large-post-align, .info-block .be-large-post-align { margin: 0 15px; }
  .blog-post.be-large-post .info-block .be-text-tags { float: none; }
  .tab-wrapper.style-1 .nav-tab-item, .tab-wrapper.style-2 .nav-tab-item, .tab-wrapper.style-3 .nav-tab-item { float: none; }
  #content-block .tab-wrapper.style-1 .nav-tab-item.active:last-child, #content-block .tab-wrapper.style-2 .nav-tab-item.active:last-child, #content-block .tab-wrapper.style-3 .nav-tab-item.active:last-child { margin-bottom: 0px; }
  .blog-content .img-fullblog { margin-left: 0px; margin-right: 0px; width: 100%; }
  .blog-fullwith .blog-content .img-fullblog { width: 100%; } }

@media (max-width: 600px) { .pagination .pages { clear: both; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
span.num-data{font-size: 11px;}

.contact-info { border: 1px solid #edeff2; border-radius: 5px; margin-bottom: 40px; }

.contact-header { padding: 25px 30px; }

#content-block .contact-entry { margin-bottom: 50px; }

.contact-entry img{display: inline-block;margin-right: 5px; max-width: 22px; max-height: 22px; position: relative;bottom: 2px;}

.contact-label { position: relative; font-size: 12px; line-height: 18px; font-weight: 400; color: #a1a5b1; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #edeff2; }

.contact-label .fa { font-size: 22px; color: #0d58c8; margin-right: 5px; }

.contact-text, .contact-text a { font-size: 13px; line-height: 18px; font-family: 'Conv_helveticaneuecyr-bold'; color: #383b43; }

.contact-text a:hover { color: #0d58c8; }

.contact-text p { margin-bottom: 8px; }

#map-canvas { height: 660px; background: #485b77; }

.contect-form { padding: 50px 70px; border: 1px solid #edeff2; }

@media (max-width: 767px) { .contect-form { padding: 15px 20px; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - ABOUT US */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.about-description { margin-bottom: 85px; }

.about-description .img-responsive { margin-bottom: 10px; }

.about-description .about-text { font-size: 12px; line-height: 20px; font-weight: 400; color: #b4b7c1; text-align: center; }

.team-entry { border: 1px solid #edeff2; border-radius: 3px; }

.team-name { font-size: 14px; line-height: 20px; font-family: 'Conv_helveticaneuecyr-bold'; padding: 15px; text-align: center; border-bottom: 1px solid #edeff2; }

.team-position { padding: 14px 15px; text-align: center; color: #B4B7C1; }

.team-social { background: #f6f6f7; padding: 0px 15px; text-align: center; }

.team-social a { display: inline-block; padding: 18px 17px; font-size: 11px; color: #d2d4d8; }

.team-social a:hover { color: #0d58c8; }

.swiper-slide:nth-child(odd) .testimonals-block { padding-right: 13px; }

.swiper-slide:nth-child(even) .testimonals-block { padding-left: 13px; }

.testimonals-entry { border: 1px solid #edeff2; padding: 50px 20px; border-radius: 4px; }

.testimonals-img { display: block; width: 100px; height: 100px; margin: 0 auto 15px auto; border-radius: 100px; }

.testimonals-name { font-size: 14px; line-height: 20px; font-weight: 400; color: #383b43; text-align: center; margin-bottom: 15px; }

.testimonals-text { font-size: 12px; line-height: 20px; font-weight: 400; color: #b4b7c1; text-align: center; border-top: 1px solid #edeff2; padding-top: 14px; }

.service-entry { text-align: center; }

.service-icon { margin-bottom: 40px; }

.service-title { font-size: 20px; line-height: 24px; font-weight: 400; color: #383b43; margin-bottom: 15px; }

.service-text { font-size: 12px; line-height: 20px; font-weight: 400; color: #b4b7c1; margin-bottom: 35px; }

.service-entry .btn { margin-right: 0px; }

.counters-block { position: relative; background-size: cover; background-position: center center; padding: 100px 0px; margin-bottom: 85px; }

.counters-block:before { content: ""; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(24, 29, 39, 0.8); }

.counter-entry { text-align: center; }

.counter-entry .stat-number { font-size: 50px; line-height: 60px; font-family: 'Conv_helveticaneuecyr-bold'; color: #fff; }

.counter-label { display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Conv_helveticaneuecyr-bold'; color: #fff; padding-bottom: 5px; border-bottom: 5px solid #0d58c8; margin-bottom: 25px; }

.counter-text { font-size: 13px; line-height: 22px; font-weight: 400; color: #fff; opacity: 0.5; margin-bottom: 25px; }

.counter-entry .btn { margin-right: 0px; margin-bottom: 0px; }

.info-blocks { background: #fafafa; margin-bottom: 85px !important; }

.info-text .block-title { font-size: 32px; line-height: 40px; font-family: 'Conv_helveticaneuecyr-bold'; color: #383b43; margin-bottom: 42px; }

.info-text h4 { font-size: 16px; line-height: 21px; font-family: 'Conv_helveticaneuecyr-bold'; color: #383b43; margin-bottom: 20px; }

.info-text h4 .fa { font-size: 24px; margin-right: 5px; color: #bfc2ca; }

.info-text p { font-size: 13px; line-height: 22px; font-weight: 400; color: #a1a5b1; margin-bottom: 20px; }

@media (max-width: 991px) { #content-block .team-entry { margin-bottom: 30px; }
  #content-block .counter-entry { margin-bottom: 30px; } }

@media (max-width: 767px) { #content-block .service-entry { margin-bottom: 30px; }
  .info-entry.right img { margin-top: 20px; }
  .info-text { padding-top: 50px; }
  .info-blocks .table-block, .info-blocks .table-row, .info-blocks .table-cell { display: block; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - BLOCK */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.block { margin-bottom: 85px !important; }

.block .block-title { font-size: 32px; line-height: 28px; margin-bottom: 10px; text-align: center; font-family: 'Conv_helveticaneuecyr-bold'; }

.block .block-subtitle { font-size: 16px; line-height: 20px; font-weight: 400; color: #b4b7c1; text-align: center; margin-bottom: 40px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - AUTHOR EDIT*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.social-input { position: relative; }

.social-input .s_icon { position: absolute; top: 0px; left: 0px; }

.social-input .social-bars { display: inline-block; font-size: 12px; line-height: 50px; color: #b4b7c1; margin-right: 20px; }

\
 .social-input .social-btn { margin-right: 20px; }
    
 .head-bg-content .btn i{font-size: 14px; line-height: 12px; font-weight: 700;  }

.social-input .s_input { margin-left: 93px; }

.social-input .form-input { display: block; width: 100%; }

.affix-block { margin-bottom: 50px; padding-top: 70px; margin-top: -70px; }

#scrollspy.affix { position: fixed !important; top: 85px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - STATISTIC*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.statistic-block { margin-bottom: 50px; }

.stat-wrapper { padding: 50px 83px; }

.stat-entry { border-left: 1px solid #edeff2; text-align: center; padding: 20px 0px; }

.stat-entry img { margin-bottom: 20px; }

.stat-item:last-child .stat-entry { border-right: 1px solid #edeff2; }

.stat-number { font-size: 40px; line-height: 40px; font-family: 'Conv_helveticaneuecyr-bold'; margin-bottom: 15px; }

.stat-text { font-size: 11px; line-height: 16px; font-weight: 400; color: #b4b7c1; text-transform: uppercase; }

.stat-sort { display: inline-block; float: right; font-size: 10px; line-height: 14px; padding: 10px 60px 10px 22px; margin-top: 5px; text-transform: uppercase; }

.stat-sort.be-drop-down:after { right: 20px; }

/*table*/
.table { overflow: hidden; }

.table thead { font-size: 13px; line-height: 18px; }

#content-block .table td, #content-block .table th { position: relative; outline: 0; }

.table td:hover::after, .table thead th:not(:empty):hover::after, .table td:focus::after, .table thead th:not(:empty):focus::after { content: ''; height: 10000px; left: 0; position: absolute; top: -5000px; width: 100%; z-index: -1; }

.table td:hover::after, .table th:hover::after { background-color: #f6f6f7; }

.table td:focus::after, .table th:focus::after { background-color: #f6f6f7; }

.table td:focus::before, .table tbody th:focus::before { background-color: #f6f6f7; content: ''; height: 100%; top: 0; left: -5000px; position: absolute; width: 10000px; z-index: -1; }

.table-responsive { border: 1px solid #edeff2; border-radius: 3px; }

.table > thead > tr > th { border-bottom: none; }

.table > tbody > tr > td { border-bottom: 1px solid #edeff2; }

.table > tbody > tr > td { border-top: none; }

.table > tbody > tr:last-child > td { border-bottom: none; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 20px; vertical-align: middle; }

.t_project-img { float: left; width: 84px; }

.t_project-desc { margin-left: 98px; }

.t_project-title { display: block; font-size: 13px; line-height: 16px; font-weight: 400; color: #383b43; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.t_project-title:hover { color: #0d58c8; }

.t_project-date { font-size: 11px; line-height: 15px; font-weight: 400; color: #b4b7c1; }

.t_project-date .fa { font-size: 16px; position: relative; top: 2px; }

.t_project_icon { display: inline-block; width: 40px; height: 40px; margin-right: 10px; border-radius: 40px; }

#content-block .appreciator { margin-bottom: 30px; }

.appreciator-img { float: left; width: 60px; height: 60px; }

.appreciator-desc { padding-left: 70px; }

.appreciator-title { font-size: 14px; line-height: 18px; font-weight: 400; color: #383b43; margin-top: 12px; margin-bottom: 3px; }

.appreciator-text { font-size: 12px; line-height: 18px; font-weight: 400; color: #b4b7c1; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  CSS ANIMATIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
a, .soc_buttons.light > li, .color_bg, .be-ava-user > img, .be-drop-down, .footer_slider img { -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

.be-drop-down { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  BOOTSTRAP XL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl { display: none !important; }

@media (min-width: 1600px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
  .col-xl-12 { width: 100%; }
  .col-xl-11 { width: 91.66666667%; }
  .col-xl-10 { width: 83.33333333%; }
  .col-xl-9 { width: 75%; }
  .col-xl-8 { width: 66.66666667%; }
  .col-xl-7 { width: 58.33333333%; }
  .col-xl-6 { width: 50%; }
  .col-xl-5 { width: 41.66666667%; }
  .col-xl-4 { width: 33.33333333%; }
  .col-xl-3 { width: 25%; }
  .col-xl-2 { width: 16.66666667%; }
  .col-xl-1 { width: 8.33333333%; }
  .col-xl-pull-12 { right: 100%; }
  .col-xl-pull-11 { right: 91.66666667%; }
  .col-xl-pull-10 { right: 83.33333333%; }
  .col-xl-pull-9 { right: 75%; }
  .col-xl-pull-8 { right: 66.66666667%; }
  .col-xl-pull-7 { right: 58.33333333%; }
  .col-xl-pull-6 { right: 50%; }
  .col-xl-pull-5 { right: 41.66666667%; }
  .col-xl-pull-4 { right: 33.33333333%; }
  .col-xl-pull-3 { right: 25%; }
  .col-xl-pull-2 { right: 16.66666667%; }
  .col-xl-pull-1 { right: 8.33333333%; }
  .col-xl-pull-0 { right: auto; }
  .col-xl-push-12 { left: 100%; }
  .col-xl-push-11 { left: 91.66666667%; }
  .col-xl-push-10 { left: 83.33333333%; }
  .col-xl-push-9 { left: 75%; }
  .col-xl-push-8 { left: 66.66666667%; }
  .col-xl-push-7 { left: 58.33333333%; }
  .col-xl-push-6 { left: 50%; }
  .col-xl-push-5 { left: 41.66666667%; }
  .col-xl-push-4 { left: 33.33333333%; }
  .col-xl-push-3 { left: 25%; }
  .col-xl-push-2 { left: 16.66666667%; }
  .col-xl-push-1 { left: 8.33333333%; }
  .col-xl-push-0 { left: auto; }
  .col-xl-offset-12 { margin-left: 100%; }
  .col-xl-offset-11 { margin-left: 91.66666667%; }
  .col-xl-offset-10 { margin-left: 83.33333333%; }
  .col-xl-offset-9 { margin-left: 75%; }
  .col-xl-offset-8 { margin-left: 66.66666667%; }
  .col-xl-offset-7 { margin-left: 58.33333333%; }
  .col-xl-offset-6 { margin-left: 50%; }
  .col-xl-offset-5 { margin-left: 41.66666667%; }
  .col-xl-offset-4 { margin-left: 33.33333333%; }
  .col-xl-offset-3 { margin-left: 25%; }
  .col-xl-offset-2 { margin-left: 16.66666667%; }
  .col-xl-offset-1 { margin-left: 8.33333333%; }
  .col-xl-offset-0 { margin-left: 0; }
  .visible-xl { display: block !important; }
  table.visible-xl { display: table; }
  tr.visible-xl { display: table-row !important; }
  th.visible-xl, td.visible-xl { display: table-cell !important; }
  .visible-xl-block { display: block !important; }
  .visible-xl-inline { display: inline !important; }
  .visible-xl-inline-block { display: inline-block !important; }
  .hidden-xl { display: none !important; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  BOOTSTRAP ML */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.visible-ml-block, .visible-ml-inline, .visible-ml-inline-block, .visible-ml { display: none !important; }

@media (max-width: 450px) { .col-ml-1, .col-ml-2, .col-ml-3, .col-ml-4, .col-ml-5, .col-ml-6, .col-ml-7, .col-ml-8, .col-ml-9, .col-ml-10, .col-ml-11, .col-ml-12 { float: left; }
  .col-ml-12 { width: 100%; }
  .col-ml-11 { width: 91.66666667%; }
  .col-ml-10 { width: 83.33333333%; }
  .col-ml-9 { width: 75%; }
  .col-ml-8 { width: 66.66666667%; }
  .col-ml-7 { width: 58.33333333%; }
  .col-ml-6 { width: 50%; }
  .col-ml-5 { width: 41.66666667%; }
  .col-ml-4 { width: 33.33333333%; }
  .col-ml-3 { width: 25%; }
  .col-ml-2 { width: 16.66666667%; }
  .col-ml-1 { width: 8.33333333%; }
  .col-ml-pull-12 { right: 100%; }
  .col-ml-pull-11 { right: 91.66666667%; }
  .col-ml-pull-10 { right: 83.33333333%; }
  .col-ml-pull-9 { right: 75%; }
  .col-ml-pull-8 { right: 66.66666667%; }
  .col-ml-pull-7 { right: 58.33333333%; }
  .col-ml-pull-6 { right: 50%; }
  .col-ml-pull-5 { right: 41.66666667%; }
  .col-ml-pull-4 { right: 33.33333333%; }
  .col-ml-pull-3 { right: 25%; }
  .col-ml-pull-2 { right: 16.66666667%; }
  .col-ml-pull-1 { right: 8.33333333%; }
  .col-ml-pull-0 { right: auto; }
  .col-ml-push-12 { left: 100%; }
  .col-ml-push-11 { left: 91.66666667%; }
  .col-ml-push-10 { left: 83.33333333%; }
  .col-ml-push-9 { left: 75%; }
  .col-ml-push-8 { left: 66.66666667%; }
  .col-ml-push-7 { left: 58.33333333%; }
  .col-ml-push-6 { left: 50%; }
  .col-ml-push-5 { left: 41.66666667%; }
  .col-ml-push-4 { left: 33.33333333%; }
  .col-ml-push-3 { left: 25%; }
  .col-ml-push-2 { left: 16.66666667%; }
  .col-ml-push-1 { left: 8.33333333%; }
  .col-ml-push-0 { left: auto; }
  .col-ml-offset-12 { margin-left: 100%; }
  .col-ml-offset-11 { margin-left: 91.66666667%; }
  .col-ml-offset-10 { margin-left: 83.33333333%; }
  .col-ml-offset-9 { margin-left: 75%; }
  .col-ml-offset-8 { margin-left: 66.66666667%; }
  .col-ml-offset-7 { margin-left: 58.33333333%; }
  .col-ml-offset-6 { margin-left: 50%; }
  .col-ml-offset-5 { margin-left: 41.66666667%; }
  .col-ml-offset-4 { margin-left: 33.33333333%; }
  .col-ml-offset-3 { margin-left: 25%; }
  .col-ml-offset-2 { margin-left: 16.66666667%; }
  .col-ml-offset-1 { margin-left: 8.33333333%; }
  .col-ml-offset-0 { margin-left: 0; }
  .visible-ml { display: block !important; }
  table.visible-ml { display: table; }
  tr.visible-ml { display: table-row !important; }
  th.visible-ml, td.visible-ml { display: table-cell !important; }
  .visible-ml-block { display: block !important; }
  .visible-ml-inline { display: inline !important; }
  .visible-ml-inline-block { display: inline-block !important; }
  .hidden-ml { display: none !important; } }
/*
FIXES
*/
.form-block .btn{margin-right: 15px;}
.blog-list .info-block{padding-right: 30px;margin-left: -15px;margin-right: -15px;}
.be-large-post .author-post{padding-right: 0;}
.custom-a-b{margin-bottom: 25px;padding-bottom: 10px; border-bottom: 1px solid #edeff2;}
#content-block .blog-post.type-2 .be-post-title{border: none;margin-bottom: 30px !important;padding-bottom: 0 !important;
min-height: 0;}
#content-block .blog-post.type-2 .embed-responsive{margin-bottom: 50px;}
.nav-next{
  text-align: right;
}
.nav-post .be-post-date{ 
  padding-bottom: 20px;
  border-bottom: 1px solid #edeff2;
}
.nav-post .be-post-date a{
  font-weight: 700;
  color: #a1a5b1; font-size: 11px; -webkit-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.nav-post .be-post-date a:hover{ color: #0D58C8;}
.nav-post .be-post-title{min-height: 0;margin-bottom: 20px !important;}
.type-2 .blog-content .ava-author{margin-bottom: 0;margin-top: 0;}
.nav-post .be-img-block{position: relative;}
.nav-post .be-img-block:before{content: "";position: absolute;top: 0;left: 32px;
  height: 0;width: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #FFF transparent transparent transparent; z-index: 1;}
.nav-next .be-img-block:before{right: 32px;left: initial;}
@media screen and (min-width: 992px){ 
  .custom-element .col-sm-4{max-width:420px;margin-right: -30px;}
  .custom-element .col-sm-4:nth-child(2){max-width:347px; }
}
.be-error-input{
  width: 100%; height: 50px; padding: 0 40px 0 20px; color: #f0625f; border: 1px solid #f0625f; border-radius: 3px;
}
.be-focus-input{
  width: 100%; height: 50px; padding: 0 40px 0 20px; color: #b4b7c1; border: 1px solid #0d58c8; border-radius: 3px;
}
.head-bg-content .btn{margin: 0 15px !important;}
.large-popup-content select{ 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.be-custom-select-block{position: relative;}
.be-custom-select-block:after{
  content: "\f107"; font-family: FontAwesome; font-size: 18px; line-height: 45px;height: 45px;
  position: absolute; right: 14px; cursor: pointer;
}
.large-popup-text .be-popup-terms{text-decoration: underline;}
@media screen and (min-width: 120px){
.be-large-post .be-largepost-iframe{margin: 0 -66px;}}
.swiper-arrow-left.type-2, .swiper-arrow-right.type-2{
  background: #2e333e;
}
.swiper-arrow-left.type-2:after, .swiper-arrow-right.type-2:after{
color: #fff;
}
.swiper-arrow-left.type-2:hover, .swiper-arrow-right.type-2:hover{
  background: #fff; 
}
.swiper-arrow-left.type-2:hover:after, .swiper-arrow-right.type-2:hover:after{
  color: rgba(38,38,38,0.5);
}
.about-comment-block .be-signup-link{text-decoration: underline;}
.s_keywords a{text-transform: none; font-size: 12px !important; }
blockquote{text-transform: none;}
blockquote cite{font-style: normal;}
.be-post.style-2 a{min-height: 0;}
.creative_filds_block .ul span{
  float: right;
}
.creative_filds_block .ul.numbered a:after{display: none;}
.blog-filter a{text-transform: none; font-size: 13px !important;}
.swiper-arrow-left.type-3, .swiper-arrow-right.type-3{background: rgba(0,0,0,0.3);}
.swiper-arrow-left.type-3:after, .swiper-arrow-right.type-3:after{color: #fff !important;}
.swiper-arrow-left.type-3:hover, .swiper-arrow-right.type-3:hover{background: rgba(0,0,0,0.6);}
.login-user-down.be-drop-down:hover{color: #b4b7c1 !important;}
.login-user-down.be-drop-down span span{-webkit-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-ms-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;}
.login-user-down.be-drop-down:hover span span{color: #fff !important;}
.team-block{margin-bottom: 0 !important;  } 
.team-block .testimonals-text{border-top: none;}
.team-block .profes{padding-top: 0;}
.team-name{padding: 15px 0; margin: 0 15px;}
.head-bg.ab-us .swiper-container{position: absolute;top:0;left: 0; width: 100%;height: 100% !important;}
.head-bg.ab-us .head-bg-img{position: relative;top:initial; left: initial;}
@media screen and (max-width: 992px){
  .header-menu{overflow: auto;}
}
@media screen and (min-width: 993px){
  .header-menu ul{border-radius: 0 0 5px 5px;
    box-shadow: 0 0 20px rgba(0,0,0,0.7);}

}