/*
Theme Name: s-trade
Description:
Author: SSM
Author URI: 
*/
@font-face {
	font-family: 'FiraSans-Regular';
	/* src: url('/wp-content/themes/s-trade.ru/fonts/FiraSans-Regular.ttf?v=4.0.3') format('truetype'); */
	src: url('fonts/FiraSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;	
}
@font-face {
	font-family: 'FiraSans-Light';
    /* src: url('/wp-content/themes/s-trade.ru/fonts/FiraSans-Light.ttf?v=4.0.3') format('truetype'); */
	src: url('fonts/FiraSans-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
 
a img.alignnone {
    margin: 5px 20px 20px 0;
}
 
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
 
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
 
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
 
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
 
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: Verdana;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
display: block;
}
*, *:after, *:before {
box-sizing: border-box;
padding: 0;
margin: 0;
transition: .3s ease-in-out; /* добавим плавность переходов для всех элементов страницы*/
}
/*
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
*/
a img {
	border: none; /* Убираем рамку */
}


/* код мой

html { overflow-x:  hidden; }*/
body {background: #000;
/* background: #fefcea; Для старых браузров 
    background: linear-gradient(to top, #000, #0C0E0D);*/
	font-family: FiraSans-Regular;
	/*src: url(fonts/FiraSans-Regular.ttf);	*/
  color: #EBECEC;
}
img {
display: block;
}
a {
  color: #EBECEC;
}
.center {
max-width: 1200px;
min-width: 840px;
margin: 0 auto;
}
.center_f {
max-width: 1350px;
min-width: 840px;
margin: 0 auto;
}
.min {/*max-width: 1200px;*/
width: 100%;
min-width: 840px;
margin: 0 auto;
}
header {
 /* background: #fc0;
  height: 200px;*/

}
.fix {
  height: 94px;  
  background: #0D0E10;
	position: fixed; /**/
  top: 0;
  width: 100%;/**/
  z-index: 100;
}
.fix_centr {
height: 94px;
/*max-width: 1200px;
min-width: 840px;
margin: 0 auto;*/
}
.logo img {/*background: #f00;*/
  float: left;
  margin-top: 11px;
 /* width: 180px;
  height: 44px;*/
  width: 225px;
  height: 60px;
}
.tel_mail {
  float: right;
  height: 94px;
line-height: 94px;
  }
.tel {
	font-size: 24px;
}
.mail {
  float: right;/**/

}
.tm {  /*background: #999;
margin-right: 30px;*/
      line-height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.i {
display: inline;
width: 12px;
height: 8px;
}
a {
text-decoration: none;
}
.zak_zvon {background: #0011FF;
   float: right;
	margin-top: 19px;
  width: 176px;
  height: 36px;
  border-radius: 18px;
}
.zak_zvon a {
display: block;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
/*color: #fff;*/
text-decoration: none;
}
.zak_zvon a:hover {
background: #0660FF;
border-radius: 18px;
}
.zak_zvon a:active {
background: #0186FF;
border-radius: 18px;
}

/* меню */
.menu {
/*background: #0011FF; 
margin: 0 337px 0 160px;*/
}
#menu {
/*background: #f011FF; */
text-align: center;
}
#menu li {
display: inline-block;
margin: 0 1%; /*7%;*/
}
#menu a { 
text-decoration: none;
/*color: #111;
text-transform: uppercase;
letter-spacing: 1px;*/
/*font-weight: 600;*/
display: block;
line-height: 94px;/**/
font-size: 16px;
}
#menu a:hover {
color: #9D9F9E;
}
#menu li:last-child  {
/*margin-right: 20;*/
}
.active2 {
text-decoration: underline !important;
/*color: #63686E!important;*/
}


.menu_n {
/*background: #f011FF; */
text-align: center;
}
.menu_n li {
display: inline-block;
margin: 0 1%; /*7%;*/
}
.menu_n a { 
text-decoration: none;
/*color: #111;
text-transform: uppercase;
letter-spacing: 1px;*/
/*font-weight: 600;*/
display: block;
line-height: 94px;/**/
font-size: 16px;
}
.menu_n a:hover {
color: #9D9F9E;
}
.menu_n li:last-child  {
/*margin-right: 20;*/
}
.active2 {
text-decoration: underline !important;
/*color: #63686E!important;*/
}
.container11 {
display: grid;
grid-template-columns: repeat(5, auto); /* 5 колонок, ширина по содержимому */
justify-content: space-between; /* первый и последний у краёв, остальное равномерно */
width: 100%;
/* //max-width: 1200px; */
margin: 0 auto;
padding: 3px;
/* //font-size: 14px; */
}
.block {
white-space: nowrap;
/* //padding: 1px; */
/* //background-color: #ff0; */
/* //border: 1px solid #999; */
}
/*-----Информер----------------------*/

.informer {  overflow: hidden;
background: #1D1E20;
/*width: 100%; */
margin-top: 94px;
}
/**/
.inf {
height: 34px;

  line-height: 34px;
  vertical-align: middle;
  font-size: 12.5px;
  /*float: left;*/

}
.inf0 {/*background: #fACACA;*/
float: left;
/*width: 120px;
color: #fff;*/
/*font-size: 14px;*/
}
.inf_e {
float: right;
/*text-align: right;background: #0011FF;
width: 200px;*/
}
.inf_1 {
 background: #0D0E10;
 padding: 1px 2px;
 border-radius: 10px;/**/
 height: 14px;
}
.inf_1 img {
display: inline;
width: 14px;
height: 14px;
}
.is {
display: inline-block;
height: 100%;
  vertical-align: middle;
}
/*---------слайдер-----------------*/
.contentx { 
background: #000;width: 100%
position: relftive;
clear: both;
}
#slider-x {
;max-width: 1400px; margin: 0 auto;
}
/*--------Продукция----------------*/
.produkciax {
background: #000;
clear: both;
}
.produkcia  {
text-align: center;
font-size: 18px;
background: #000;
padding-top: 90px;
/*padding-bottom: 42px;вниз*/
padding-bottom: 42px;
}
.prod {
padding-bottom: 40px;
}
.prod_i {
text-align: center;
/*height: 265px*/
padding-top: 36px;
/*border: 1px solid #000;*/
}
.prod_i img { 
display: inline;
width: 60%;
vertical-align: middle;
padding-bottom: 18px;
text-decoration: none;
}
/*.prod_i:hover {background: #f00;
border: 1px solid #0011FF;
}*/
.prod_t {width: 95%; /*width: 25%;*/
margin: 0 auto;
font-size: 14px;
text-align: center;
padding-top: 12px;padding-bottom: 10px;
/*border-top: 1px solid #292929;*/
text-decoration: none;
}
.prod_button {
 width: 158px;
 margin: 0 auto;
padding-top: 40px;
padding-bottom: 50px;
}
.prodbut_l {background: #0C0D0D;
position: relative;
width: 70px;
height: 42px;
float: left;
border-radius: 21px;
}
.prodbut_l img{
display: block;
height: 24px;
width: 17px;
    position: absolute;
    top: 50%;
	margin-top: -12px; 
	left: 50%;
margin-left: -9px; 
}
.prodbut_r {background:  #0C0E0D;
position: relative;
width: 70px;
height: 42px;
float: right;
border-radius: 21px;/*margin-top: 100px;*/
}
.prodbut_r img{
display: block;
height: 24px;
width: 17px;
    position: absolute;
    top: 50%;
	margin-top: -12px; 
	left: 50%;
margin-left: -7px; 
}

/*--------Партнеры----------------*/
.partnerix {
clear: both;
background: #0C0D0D;
}
.partneri{
text-align: center;
font-size: 18px;
background: #0C0D0D;
padding-top: 66px;/* вверх*/
padding-bottom: 35px;/* низ */
}
.partn {
/*padding-bottom: 73px;*/

}
.partn_1 {
width: 20%;
height: 150px;
float: left;
}
.partn_2 {
width: 20%;
height: 150px;
float: left;
}
.partn_3 {
width: 20%;
height: 150px;
float: left;
}
.partn_4 {
width: 20%;
height: 150px;
float: left;
}
.partn_5 {
width: 20%;
height: 150px;
float: left;
}
.partn_button {
clear: both;
 width: 158px;
 margin: 0 auto;
}
.partnbut_l {background: #000;
position: relative;
width: 70px;
height: 42px;
float: left;
border-radius: 21px;
}
.partnbut_l img{
display: block;
height: 24px;
width: 17px;
    position: absolute;
    top: 50%;
	margin-top: -12px; 
	left: 50%;
margin-left: -9px; 
}
.partnbut_r {background: #000;
position: relative;
width: 70px;
height: 42px;
float: right;
border-radius: 21px;
}
.partnbut_r img {
display: block;
height: 24px;
width: 17px;
    position: absolute;
    top: 50%;
	margin-top: -12px; 
	left: 50%;
margin-left: -7px; 
}
.partn_i {
height: 120px;
    line-height: 120px;
}
.partn_i img {
width: 150px;
display: inline-block;
vertical-align: middle;
margin-top: 20px;
}
/*-------------Преимущества-----------*/
.nashi_prx {
background: #0C0D0D;
clear: both;
}
.nashi_pr {
text-align: center;
font-size: 18px;
padding-top: 35px;
/*padding-bottom: 42px;*/
padding-bottom: 92px;

background: #0C0D0D;
}
.nash {
/*padding-top: 30px;*/
padding-bottom: 40px;
}
.nash_i {background: #0C0D0D;
width: 100%;
height: 300px;
}
.nash_i  img {

}
.nash_l {
width: 25%;
float: left;
}
.nash_i {
margin: 0 auto;
width: 120px;
height: 120px;
border-radius: 60px;
line-height: 120px;
text-align: center;
background: #0011FF;
}
.nash_i img {
display: inline-block;
width: 55px;
vertical-align: middle;
margin-top: -10px;
}
.nash_t {
padding-top: 18px;
font-size: 16px;
}
/*-------------События-----------*/
.sobitiax {
clear: both;
background: #0C0D0D;
}
.sobitia {
text-align: center;
font-size: 40px;
background: #0C0D0D;
padding-top: 42px;
}
.sobit {
padding-bottom: 13px;/**/
}
.sobv {
float: left;
width: 32%;
margin-right: 2%;
}
.sobv_l {
float: left;
width: 32%;
}
.sobit_i { 
padding: 2px;
}
.sobit_i:hover {
 background: #0011FF;
}
.sobit_ii img {
width:100%;
}
.sobit_ii:hover {
 background: #0011FF;
}
.sobit_t {
color: #fff;
text-align: left;
font-size: 14px;
background: #0C0D0D;
padding: 10px 5px 15px 5px;
}
.sobit_t  img{
width: 100%;
}

.sobit_button {
clear: both;
padding-top: 46px;
padding-bottom: 90px;
}
.sobbut {
background: #25292C;
font-size: 14px;
 width: 158px;
 margin: 0 auto;
 height: 36px;
 border-radius: 18px;

}
.sobbut a {
display: block;
    line-height: 36px;
    text-align: center;
  vertical-align: middle;
text-decoration: none;
}/**/
.sobbut a:hover {
background: #43474A;
border-radius: 18px;
}
.sobbut a:active {
background: #63686E;
border-radius: 18px;
}
/*----------Pade Контакты-------------------------------------------------------*/
.kontakti {
background: #0C0D0D;
padding-top: 56px;
}
.kont  {

}
.kont_dan {
/*font-family: ProximaNovaExCn-Bold; */
padding-bottom: 31px;
font-size: 40px;
text-align: center;
}
.kontakt {
min-width: 250px;
width: 26%;
float: left;
}
.kontd_s {
color: #8E8E8F;
}
.kontd_ss {
padding-bottom: 10px;
}
.kon_tel {
font-size: 24px;
}
.kontbut {
background: #0011FF;
font-size: 16px;
 width: 158px;
 height: 36px;
 border-radius: 18px;
 margin-top: 25px;
}
.kontbut a {
display: block;
    line-height: 36px;
    text-align: center;
  vertical-align: middle;
text-decoration: none;
}
.kontbut a:hover {
background: #0660FF;
border-radius: 18px;
}
.kontbut a:active {
background: #0186FF;
border-radius: 18px;
}
.karta {/*background: #f00;*/
width: 70%;
max-width: 900px;
/*height: 330px;*/
float: right;
}
.nash_kol {
font-size: 40px;
text-align: center;
padding-top: 70px;
}
.kollekt { background: #0C0E0D;
width: 25%;
float: left;
text-align: center;
padding-top: 40px;
padding-bottom: 60px;border-radius: 10%;
}
.kollekt img {
display: inline;
width: 80%;
}
.kollekt_t {
padding-top: 20px;
font-size: 24px;
}
.kol_dol {
font-size: 19px;
font-style: italic;
color: #8E8E8F;
}
.kollekt_tel {
font-size: 19px;
padding-top: 20px;
}
.kollekt_tel img {
display: inline;
width: 12px;
height: 8px;
}
/*---------page заимодавцам-----------------*/

.kalkulatorx {
background: #000;/**/
}
.kalkulator  {
text-align: right;
font-size: 22px;
padding-top: 50px;
}
.zaimodav {
/*font-family: ProximaNovaExCn-Bold; */
padding-bottom: 31px;
font-size: 40px;
text-align: center;
}
#checkbox-left {
float: left;
/* //background: red; */
height: 20px;
width: 25%;
text-align: right;
}
#checkbox-center {
float: left;
/* //background: blue; */
height: 20px;
width: 45%;
text-align: center;
}
#checkbox-right {
float: right;
/* //background: green; */
height: 20px;
width: 30%;
text-align: left;
}
.kalk {
text-align: center;
font-size: 30px;
}
.kalk_l {
Width: 45%;
float: left;
}
.kalk_r {
Width:55%;
float: right;
}
#loanSlider {
width: 180px;
}
#loanAmount{
border: none; /* Убираем границу */
outline: none; /* Убираем обводку при фокусе */
padding: 2px; /* Внутренние отступы */
border-radius: 25px; /* Закругленные углы */
color: #FFF;
background-color: #6F747A; /* Цвет фона */
text-align: center;
font-size: 25px;
width: 180px;
}	
#rowCount {
width: 180px;
height: 30px;
}


        .custom-select select {
            /* //width: 100%; */
            /* //padding: 3px; */
            /* // */
            /* //background: transparent; */
            appearance: none; /* Убираем стандартный вид стрелки */
            -webkit-appearance: none; /* Для Safari */
            -moz-appearance: none; /* Для Firefox */
            /* //cursor: pointer; */
						border: none;
						text-align: center;
						background-color: #6F747A; 
						color: #fff;
						font-size: 25px;
						width: 180px;
						border-radius: 25px;
        }
        #selectedValue {
            font-weight: bold;
            color: red;
        }
		.custom-select option {
					padding: 10px;
					background-color: #f9f9f9;
					color: #333;
					font-size: 14px;
				}

input[type="date"] {
/*padding: 3px;*/
padding-left: 30px;
padding-right: 5px;
font-family: ProximaNovaExCn-Bold;
border-radius: 25px;
font-size: 25px;
background-color: #6F747A;
color: #FFFFFF;
outline: none;
}								
.itog_uslov {
Width: 45%;
float: left;
text-align: right;
}
.grafic_tablica {
Width: 55%;
float: right;
}
#resultTable {
margin-left: auto;
width: 90%;
border-collapse: collapse;
border-style: hidden;
font-size: 20px;
}
#resultTable th, #resultTable td {
/*max-width: 100px;*/
border: 1px solid #ffffff;
padding: 8px;
text-align: center;
}
.totals-row {
    font-weight: bold;
    font-size: 22px;
    text-align: right;	
}
.totals-row td {
    text-align: right;
    padding-right: 1px;
}
#resultDate {
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 25px;
  font-size: 15px;
  background-color: #888888;  
  color: #FFFFFF;
  outline: none;
  width: 190px;
}		
#lastMonth {
	display: inline-block;
    border: none; /* Убираем границу */
    outline: none; /* Убираем обводку при фокусе */
    padding: 2px; /* Внутренние отступы */
    border-radius: 25px; /* Закругленные углы */
	color: #FFF;
    background-color: #6F747A; /* Цвет фона */
	text-align: center;
	font-size: 25px;
	width: 200px;
}		
.kalk_skrug{
	display: inline-block;
    padding: 3px; /* Внутренние отступы */
	padding-bottom: 7px;
    border-radius: 25px; /* Закругленные углы */
	color: #FFF;
    background-color: #0391FF; /* Цвет фона */
	text-align: center;
	font-size: 22px;
	width: 110px;
	height: 32px;
}
.kalk_color_blue {
background-color: #0011FF;
}	
.kalk_verh_t {
text-align: left;
}


/*----------Page о нас-----------------------------*/
.o_nasx{
background: #0C0D0D;
}
.o_nas {
padding-top: 60px;
}
.o_nas_foto {
width: 57.5%;
float: left;
}
.o_nas_foto img{
width: 100%;
}
.o_nas_t {
width: 37.7%;
float: left;
margin-left: 4.8%;
}
.o_komp {
font-size: 40px;
margin-top: -11px;
}
.o_komp_t {
	font-family: FiraSans-Light;
    /* src: url(fonts/FiraSans-Light.ttf); */
font-size: 18px;
}
.sertifikati {
font-size: 28px;
text-align: center;
margin-top: 60px;
}
.sertif {
margin-top: 20px;
}
.sertif_i {background: #fff;
width: 25%;
height: 327px;
float: left;
}
.o_nas_button {
margin-top: 48px;
  padding-bottom: 40px;
}
.o_nasbut {
background: #25292C;
margin-top: 48px;
  width: 176px;
  height: 36px;
  border-radius: 18px;
  margin: 0 auto;
}
.o_nas_button a {
display: block;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
/*color: #fff;*/
text-decoration: none;
}
.o_nas_button a:hover {
background: #43474A;
border-radius: 18px;
}
.o_nas_button a:active {
background: #63686E;
border-radius: 18px;
}

/*---------height: 1px;----foot----------*/
.foot {
  height: 74px;  
  background: #000;
	/*position: fixed; 
  top: 0;*/
  /*width: 100%;
  z-index: 100;*/
}






/* кнопка переключения меню, появляющаяся при ширине 768px */
/* .nav-toggle { */
/* display: none; */
/* position: relative; */
/* float: right; */
/* width: 40px; */
/* height: 40px; */
/* margin-left: 20px; */
/* background: #EF5A42; */
/* cursor: pointer; */
/* } */
/* .nav-toggle span { */
/* display: block; */
/* position: absolute; */
/* top: 19px; */
/* left: 8px; */
/* right: 8px; */
/* height: 2px; */
/* background: white; */
/* } */
/* .nav-toggle span:before, .nav-toggle span:after { */
/* content: ""; */
/* position: absolute; */
/* display: block; */
/* left: 0; */
/* width: 100%; */
/* height: 2px; */
/* background: white; */
/* } */
/* .nav-toggle span:before { */
/* top: -10px; */
/* } */
/* .nav-toggle span:after { */
/* bottom: -10px; */
/* } */
/* /* класс, который будет добавлен в верхнему меню при нажатии на кнопку и покажет скрытое меню*/ */
/* #menu.active { */
/* max-height: 123px; */
/* } */