/*
Theme Name: Команда Найм
Theme URI: https://pixellent.ru
Author: Pixellent
Author URI: https://pixellent.ru/
Description: Тема для продвижения сервиса "Команда Найм"
Version: 1.0
Text Domain: komandanajm
*/

/*Типографика*/
@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/komandanajm/fonts/Montserrat-Regular.woff2') format('woff2'), url('/wp-content/themes/komandanajm/fonts/Montserrat-Regular.woff') format('woff'), url('/wp-content/themes/komandanajm/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/komandanajm/fonts/Montserrat-Medium.woff2') format('woff2'), url('/wp-content/themes/komandanajm/fonts/Montserrat-Medium.woff') format('woff'), url('/wp-content/themes/komandanajm/fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/komandanajm/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/wp-content/themes/komandanajm/fonts/Montserrat-SemiBold.woff') format('woff'), url('/wp-content/themes/komandanajm/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600
}
@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/komandanajm/fonts/Montserrat-Bold.woff2') format('woff2'), url('/wp-content/themes/komandanajm/fonts/Montserrat-Bold.woff') format('woff'), url('/wp-content/themes/komandanajm/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/komandanajm/fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('/wp-content/themes/komandanajm/fonts/Montserrat-ExtraBold.woff') format('woff'), url('/wp-content/themes/komandanajm/fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/komandanajm/fonts/Montserrat-Black.woff2') format('woff2'), url('/wp-content/themes/komandanajm/fonts/Montserrat-Black.woff') format('woff'), url('/wp-content/themes/komandanajm/fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
}

/*Сброс стилей*/
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{line-height:1}
button{outline:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
q{display:inline;font-style:italic}
q:before{content:'"';font-style:normal}
q:after{content:'"';font-style:normal}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:3px;}
table{border-collapse:collapse;border-spacing:0}
th,td{padding:2px}
big{font-size:120%}
small,sup,sub{font-size:80%}
sup{vertical-align:super}
sub{vertical-align:sub}
dd{margin-left:20px}
kbd,tt{font-family:courier;font-size:12px}
ins{text-decoration:underline}
del,strike,s{text-decoration:line-through}
dt{font-weight:600;}
address,cite,var{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{}

/*Общие стили*/
html {font-size:16px;line-height:1.15;-webkit-text-size-adjust:100%;cursor:default;}
@media (max-width: 425px) {
	html {font-size:14px;}
}
*, *::before, *::after {-webkit-box-sizing:border-box;box-sizing:border-box;}
body {margin:0;font-family:'Montserrat', arial, sans-serif;font-size:1rem;font-weight:500;line-height:1.5;color:#1f222b;background-color:#ebeef7; }
h1, h2, h3, h4, h5, h6 {margin-top: .5rem;margin-bottom:2rem;font-family:inherit;font-weight:600;line-height:1.2;color:inherit;}
h1 {font-size:3rem;}
h2 {font-size:2.6rem;}
h3 {font-size:2.2rem;}
h4 {font-size:1.8rem;}
h5 {font-size:1.4rem;}
h6 {font-size:1rem;}
@media screen and (max-width: 1400px) {
	h1 {font-size:2.6rem;}
	h2 {font-size:2.2rem;}
	h3 {font-size:1.9rem;}
	h4 {font-size:1.6rem;}
	h5 {font-size:1.3rem;}
}
@media screen and (max-width: 768px) {
	h1 {font-size:2.2rem;}
	h2 {font-size:1.9rem;}
	h3 {font-size:1.6rem;}
	h4 {font-size:1.4rem;}
	h5 {font-size:1.2rem;}
}
@media screen and (max-width: 425px) {
	h1 {font-size:1.8rem;}
	h2 {font-size:1.6rem;}
	h3 {font-size:1.4rem;}
	h4 {font-size:1.2rem;}
	h5 {font-size:1.1rem;}
}
p {margin-top:0;margin-bottom:.9rem;}
hr {-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
pre {font-family:monospace, monospace;font-size:1em;white-space:pre-wrap;}
a {background-color:transparent;text-decoration:none;color:#7e33ff;transition:color .2s ease-out;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-ms-transition:color .2s ease-out;-o-transition:color .2s ease-out;}
a:hover, a:active {}
a:not([href]):not([tabindex]) {color:inherit;text-decoration:none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color:inherit;text-decoration:none;}
a:not([href]):not([tabindex]):focus {outline:0;}
a:focus, figure:focus, video:focus {outline:none;}
a::-moz-focus-inner {border:0;}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b, strong {font-weight:700;}
code, kbd, samp {font-family:monospace, monospace;font-size:1em;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}
img {border-style:none;height:auto;max-width:100%; }
details {display:block;}
summary {display:list-item;}
figcaption {color:#959fb1;line-height:1.4;}
template {display:none;}
[hidden] {display:none;}
label {display:inline-block;line-height:1;vertical-align:middle; }
button, input, optgroup, select, textarea {font-family:inherit;font-size:1rem;line-height:1.5;margin:0;}
input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {width:100%;color:#777777;border:solid 2px #11213f;border-radius:3px;padding:0.5rem 1rem;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; }
input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {border-color:#11213f;outline:0 none;}
button,
input {overflow:visible;}
button, select {text-transform:none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {width:auto;-webkit-appearance:button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style:none;padding:0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
button,
[type="submit"],
[type="button"] {
  display: inline-block;
  font-weight: 600;
  color: #2972ff;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 2px solid #2972ff;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  button:focus,
  [type="submit"]:focus,
  [type="button"]:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color; }
  button:hover, button:focus,
  [type="submit"]:hover,
  [type="submit"]:focus,
  [type="button"]:hover,
  [type="button"]:focus {
    color: #ffffff;
    background-color: #2972ff;
    text-decoration: none; }
  button:not(:disabled),
  [type="submit"]:not(:disabled),
  [type="button"]:not(:disabled) {
    cursor: pointer; }
fieldset {padding:0.35em 0.75em 0.625em; }
legend {-webkit-box-sizing:border-box;box-sizing border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress {vertical-align:baseline;}
textarea {overflow:auto;resize:vertical; }
[type="checkbox"],
[type="radio"] {-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit;}
select {display:block;}
table {background-color:transparent;width:100%;margin-bottom:15px;font-size:0.9em;border-spacing:0;border-collapse:collapse;}
  table th, table td {padding:15px;line-height:1.5;vertical-align:top;border:1px solid #ebeef4;}
  table th {font-weight:600;}
  table thead th, table tfoot th {font-size:1em;}
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td {border-top:2px solid #ebeef4;}
  table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {background-color:none;}
  table tbody tr:hover > td, table tbody tr:hover > th {background-color:#ebeef4;}
  table tbody + tbody {border-top:2px solid #ebeef4;}
  @media (max-width: 767px) {
    table table {font-size: 0.8em;}
    table table th, table table td {padding:7px;line-height:1.3;}
	table table th {font-weight:500;}
  }
.wp-block-table.is-style-stripes {border-bottom:none;}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background: rgb(235,238,244);background: -moz-linear-gradient(90deg, rgba(235,238,244,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(90deg, rgba(235,238,244,1) 0%, rgba(255,255,255,1) 100%);background: linear-gradient(90deg, rgba(235,238,244,1) 0%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebeef4",endColorstr="#ffffff",GradientType=1);}

dl, dt, dd, ol, ul, li {margin-top:0;margin-bottom:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }

/*Полоса прокрутки*/
::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 3px;border-radius: 3px;background-color:#616a7a;}
::-webkit-scrollbar-thumb:hover{background-color:#2972ff;}
::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
::-webkit-scrollbar{width:6px;}

/*Свои стили*/
.content-container {display:block;position:relative;width:100%;max-width:1500px;margin:0 auto;padding:0 8%;}
#header {padding: 20px 0;}
.logo {font-size:40px;font-weight:800;color:#7e33ff;}
.logo span {color:#ff3397;}
#burger {display:none;position:absolute;right:8%;top:45px;}
.menu_icon {display:block;position:relative;width:34px;height:16px;cursor:pointer;}
.menu_icon span {display:block;position:absolute;height:2px;width:100%;background:#1f222b;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.menu_icon span:nth-child(1) {top:0px;}
.menu_icon span:nth-child(2), .menu_icon span:nth-child(3) {top:7px;}
.menu_icon span:nth-child(4) {top:14px;}
.menu_icon:hover span {background:#7e33ff;}
.menu_state_open .menu_icon span:nth-child(1), .menu_state_open  .menu_icon span:nth-child(4) {top:7px;width:0%;left:50%;}
.menu_state_open .menu_icon span:nth-child(2) {transform:rotate(45deg);}
.menu_state_open  .menu_icon span:nth-child(3) {transform:rotate(-45deg);}
.content-container-columns {display:flex;align-items:flex-start;justify-content:space-between;}
.content-container-columns .navigator {width:310px;background-color:#fff;border-radius:15px;padding:20px 30px 20px 50px;margin:15px 0;color:#929fc0;}
.navigator a, .navigator p {display:block;position:relative;margin-top:1.2rem;margin-bottom:1.2rem;}
.navigator a {color:#1f222b;}
.navigator a .onboard {display:block;position:absolute;top:7px;left:-17px;width:8px;height:8px;border-radius:4px;background:#ff3397;}
.content-container-columns .content-block {width:calc(100% - 380px);}
.bottom-buttons {margin:50px 0;display:flex;justify-content:space-between;align-items:center;}
.bottom-buttons .call {display:block;background:#fff;padding:20px 30px;margin-bottom:30px;border-radius:15px;font-weight:600;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;}
.bottom-buttons .call:hover {padding:16px 26px;margin:4px 4px 34px 4px;box-shadow:0px 0px 15px 0px #c0c3cb;}
.bottom-buttons .action {display:block;background:#7e33ff;color:#ebeef7 !important;padding:20px 30px;margin-bottom:30px;border-radius:15px;font-weight:600;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;}
.bottom-buttons .action:hover {padding:16px 26px;margin:4px 4px 34px 4px;box-shadow:0px 0px 15px 0px #c0c3cb;background:#ff3397;}
.accordion {cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;margin-top:16px;border-radius:14px;transition: 0.4s;}
.active, .accordion:hover {background-color:#d8dbe3;}
.accordion:hover {border-radius:14px;}
.accordion.active {border-radius:14px 14px 0 0;}
.accordion:after {content:'\002B';color:#1f222b;font-weight:bold;float:right;margin-left:5px;}
.active:after {content:"\2212";}
.panel {padding:0 18px;background-color:white;max-height:0;border-radius:0 0 14px 14px;overflow:hidden;
transition:max-height 0.2s ease-out;}
.panel p {margin-top: .7rem;}
.footer {display:flex;justify-content:space-between;padding:30px 0;border-top:1px solid #ced2dd;margin-top:60px;color:#929fc0;}
.maksakov {}

@media screen and (max-width: 1050px) {
	#burger {display:block;}
	.content-container-columns {display:block;}
	.content-container-columns .navigator {position:absolute;top:60px;right:8%;z-index:1;display:none;}
	.menu_state_open .content-container-columns .navigator {display:block;}
	.content-container-columns .content-block {width:100%;}
}
@media screen and (max-width: 600px) {
	.logo {font-size:34px;}
	#burger {top:40px;}
	.bottom-buttons {flex-direction:column-reverse;}
}
@media screen and (max-width: 500px) {
	.logo {font-size:30px;}
	#burger {top:37px;}
	.footer {flex-direction:column;}
}
@media screen and (max-width: 360px) {
	.logo {font-size:26px;}
	#burger {top:33px;}
	.content-container-columns .navigator {width:270px;}
}

/***************Всплывающие окна**********************/
/*Общие стили*/
.reveal-modal-bg {position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.4);z-index:1000;display:none;top:0;left:0;}
.reveal-modal {display:none;top:10vh;margin-bottom:50px;left:0;right:0;margin-left:auto;margin-right:auto;position:absolute;}
.reveal-modal.mini-modal {width:100%;max-width:530px;z-index:1002;}
.reveal-modal.big-modal {width:100%;max-width:990px;z-index:1001;}
.reveal-modal .modal-padding {background:#fff;margin:0 30px;box-shadow:0px 19px 20px 0px rgba(45, 51, 62, 0.18);}
.reveal-modal.mini-modal .modal-padding {padding:40px 15px;}
.reveal-modal.big-modal .modal-padding {padding:65px 9.8% 40px 9.8%;}
.reveal-modal.big-modal .padding6 {padding:65px 6% 40px 6%;}
.close-reveal-modal {position:absolute;top:20px;right:50px;margin-right:-7px;cursor:pointer;width:20px;height:20px;}
.close-reveal-modal span {display:block;position:absolute;height:2px;width:100%;background:#1f222b;opacity:1;left:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.close-reveal-modal span:nth-child(1) {top:8px;transform:rotate(45deg);width:20px;}
.close-reveal-modal span:nth-child(2) {top:8px;transform:rotate(-45deg);width:20px;}
.close-reveal-modal:hover span {background:#7e33ff;}
@media (max-width: 425px) {
	.reveal-modal .modal-padding {margin:0 15px;}
	.reveal-modal.big-modal .modal-padding {padding:65px 15px 40px 15px;}
}
/*Модалка захвата телефона*/
.mini-modal {}