/*
Theme Name: GRANT KAZENERGY
Author: Studio 906
Author URI: http://906.kz
Description: May 2018
Version: 1.0
Text Domain: grant

*/
/* font-family: "FiraSansRegular"; */
#preloader{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	z-index: 999;
	top: 0;
	background: #fff;
	text-align: center;
	color: #323232;
	padding-top: 20vh;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #006cb5;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

@font-face {
    font-family: "FiraSans";
    src: url("fonts/FiraSansRegular/FiraSansRegular.eot");
    src: url("fonts/FiraSansRegular/FiraSansRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/FiraSansRegular/FiraSansRegular.woff") format("woff"),
    url("fonts/FiraSansRegular/FiraSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "FiraSansBold"; */
@font-face {
    font-family: "FiraSans";
    src: url("fonts/FiraSansBold/FiraSansBold.eot");
    src: url("fonts/FiraSansBold/FiraSansBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/FiraSansBold/FiraSansBold.woff") format("woff"),
    url("fonts/FiraSansBold/FiraSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}
/* font-family: "FiraSansItalic"; */
@font-face {
    font-family: "FiraSans";
    src: url("fonts/FiraSansItalic/FiraSansItalic.eot");
    src: url("fonts/FiraSansItalic/FiraSansItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/FiraSansItalic/FiraSansItalic.woff") format("woff"),
    url("fonts/FiraSansItalic/FiraSansItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}
/* font-family: "FiraSans"; */
@font-face {
    font-family: "FiraSans";
    src: url("fonts/FiraSansBoldItalic/FiraSansBoldItalic.eot");
    src: url("fonts/FiraSansBoldItalic/FiraSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/FiraSansBoldItalic/FiraSansBoldItalic.woff") format("woff"),
    url("fonts/FiraSansBoldItalic/FiraSansBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: "FiraSans";
    src: url("fonts/FiraSansLight/FiraSansLight.eot");
    src: url("fonts/FiraSansLight/FiraSansLight.eot?#iefix")format("embedded-opentype"),
    url("fonts/FiraSansLight/FiraSansLight.woff") format("woff"),
    url("fonts/FiraSansLight/FiraSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: "FiraSans";
    src: url("fonts/FiraSansLightItalic/FiraSansLightItalic.eot");
    src: url("fonts/FiraSansLightItalic/FiraSansLightItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/FiraSansLightItalic/FiraSansLightItalic.woff") format("woff"),
    url("fonts/FiraSansLightItalic/FiraSansLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(fonts/MaterialIcons-Regular.woff) format('woff'),
       url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
  position: relative;
  bottom: -3px;
}
* {
	font-family: 'Calibri', 'Arial', sans-serif;
}
*::selection {background: #008675; /* Safari */color: #fff;}
*::-moz-selection { background: #008675; /* FireFox */color: #fff; }
body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+14,9dd17b+100 */
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,242,242,1) 14%, rgba(157,209,123,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 14%,rgba(157,209,123,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,242,242,1) 14%,rgba(157,209,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#9dd17b',GradientType=0 ); /* IE6-9 */
	background: rgb(242,242,242); /* Old browsers */

	margin: 0px;
	font-size: 16px;
}
a {
	color: #006cb5;
}

a:hover{
	color: #008675;
	text-decoration: none;
}
label {
	font-weight: 400;
}
p {
	font-size: 17px;
	margin: 10px 0px;
	font-weight: 100;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 0px;
}
.btn-primary {
    color: #fff;
    background-color: #006cb5;
    border-color: #006cb5;
}
.btn-primary:hover {
    color: #fff;
    background-color: #4CAF50;
    border-color: #4CAF50;
}
header {
	/* padding: 20px 0px; */
	/* background: url(img/bg.jpg) top center no-repeat; */
	background-size: cover;
	margin: 0px 0px 0px 0px;
}
main {

}
.content i {
	width: 30px;
    text-align: center;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	margin: 15px 0px;

}
main h1,h2,h3,h4,h5,h6 {
	color: #006cb5;
	margin: 10px 0px 0px 0px;
}
header h3 {
	color: #fff;
	font-size: 34px;
	text-align: left;
	font-weight: 700;
	text-shadow: 2px 5px 10px #00000042;
}
header .logoBlock {
	/* background: #fff; */
	overflow: hidden;
	padding: 20px 0px;
}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 {
	color: #fff	;
	margin: 10px 0px 0px 0px;
}
table h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}
h1 {
    font-size: 40px;
}
h2 {
	font-size: 32px;
	margin: 10px 0px;
}
h3 {
	font-size: 24px;
	margin: 10px 0px;
}
h4 {
	font-size: 18px;
}
input{
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #C7C7C7;
	cursor: pointer;
}
.c {
	width: 960px;
	margin: 0 auto;
}

.fl {float: left; display: block;}
.fr {float: right; display: block;}
.fn {float: none;}
.tl {text-align: left;}
.tc {text-align: center;}
.vc {vertical-align: center;}
.tr {text-align: right;}
.U  {text-transform: uppercase;}
.w100 {display:block; width: 100%;}
.w70 {display:block; width: 70%;}
.w60 {display:block; width: 59%;}
.w50 {display:block;width: 49%;}
.w40 {display:block; width: 40%;}
.w30 {display:block;width: 30%;}
.w20 {display:block; width: 20%;}
.w10 {display:block; width: 10%;}
.h {visibility:hidden;}
.dn {display: none!important;}
.sh {box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);overflow: hidden;}
.red {color: red;}
.black { color: black; }
.bbw {border-bottom: 1px solid #fff;}
.bbg {border-bottom: 1px solid #9A9A9A;}
.bbd
{
	font-size: 14px;
	border-bottom: 1px dotted;
}
.mt20 {margin-top: 20px; display: block;}
.mt30 {margin-top: 30px; display: block;}

.alignleft {

	display: inline;
	float: left;
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0px 0px 0px 30%;
}
#lang_sel_list a {
    font-size: 16px;
	margin: 0px 10px;
}
.welcome {
	padding: 3% 5%;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/	Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+");
	/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.26); */
	margin: 30px 0px;
}
#contacts {
	margin: 20px 0px 60px;
}
#contacts .position {
	color: #777;
	font-size: 14px;
}
#contacts .avatar {
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
	width: 180px;
	height: 180px;
	text-align: center;
}
#contacts .avatar img {
	max-width: 190px;
	margin: 0 0 0 -11%;
	opacity: 1;
}
#registerForm {
	background: #fff;
	box-shadow: 20px 20px 100px rgba(0, 0, 0, 0.05);
}
.educationRow .col-sm-1 {padding:0}
.experienceRow .col-sm-1 {padding:0}
.files  {
	border: 4px dashed #e6e6e6;
	margin: 6px 0px 20px 15px;
	padding: 0px 0px 20px 0px;
}
.files h4  {
	margin: 10px 0px;
}
.files li sup  {
	position: relative;
	top: -3px;
}
.files ul   {
	list-style: none;
}
.files ul li:before {
  content: "\f15c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin: 0px 0px 0px -20px;
  position: relative;
  top: -3px;
  width: 19px; /* same as padding-left set on li */
  font-size: 13px;
  color: #006cb5;
}
.files:hover  {
	border: 4px dashed #b6ddf6;
}
.files h3 {
	color: #aeaeae;
}
.files .filesShow p {
	word-wrap:break-word;
}
.files .removeFile {
	color: red;
	position: absolute;
	z-index: 9;
	margin: 0px 0px 0px 27px;
}
.filePreview p {
	font-size: 14px;
	line-height: 14px;
	margin: 0px 0px 10px 0px;
}

#loginform {
	padding: 20px;
	background: #fff;
}
#loginform label {
	width: 40%;
	text-align: right;
}
#loginform .login-remember {
	text-align: center;
}
#loginform .login-remember  label {
	text-align: center;
}
#loginform .login-submit {
	text-align: center;
}
#participant-table {
	background:#fff;
}
#participant-table .table-action{
	font-size:24px;
	display: block;
}
#participant-table td {
	font-size: 14px;
}
#participant-table td p {
	font-size: 14px;
}
#moreParticipant .modal-body * {
	font-size: 14px;
}
#moreParticipant .modal-body hr {
	margin: 5px;
}
nav .menu {
	list-style: none;
	text-align: center;
}
nav .menu li {
	display: inline-block;
	padding: 10px 20px;

}
nav .menu li.current-menu-item a {
	color: #008676;
	text-decoration: underline;
}
footer .social_link {
	display: inline-block;
	border-radius: 100%;
	border: 1px solid;
	width: 40px;
	height: 40px;
	line-height: 40px
}
.pageContent {
	padding: 3% 3%;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/	Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+");
}
footer .social_link:hover {
	background: #4891d6;
	border: 1px solid #4891d6;
	color: #fceef5;
}
#searchParcipiant .fa-search {
    position: absolute;
    top: 10px;
    left: 27px;
}
#searchParcipiant .input {
  padding-left: 33px;
  margin-bottom: 20px;
}
img.example {
	max-width: 100px;
	box-shadow: 0px 0px 20px #0000001f;
	display: inline-block;
}
.form-padding {
	padding: 0px 20px;
}
.slider_titles {
	width: 100%;
	height: 40px;
}
.slider_titles * {
	position: absolute;
	color: #b0b0b0;
}
.slider_titles .proc_0 {
	margin: 1% 0% 0% 0%;
}
.slider_titles .proc_100 {
	margin: 1% 0% 0% 93%;
}
.slider_titles .first {
	margin: 3% 0% 0% -2%;
}
.slider_titles .second {
	margin: 3% 0% 0% 45%;
}
.slider_titles .third {
	margin: 3% 0% 0% 91%;
}
@media screen and (max-width: 992px)
{
	header .logoBlock img {
		width: 100%;
	}

}

.exists {
	color: #fff;
	background: #4CAF50;
	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	text-align: center;
	line-height: 26px;
	border-radius: 100%;
}
.vote_informer {
	position: fixed;
	top: 45px;
	right: 30px;
	background: #4CAF50;
	color: #fff;
	padding: 10px 30px;
	width: 375px;
}

.participant .votes {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #4CAF50;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-weight: 700;
	cursor: pointer;
}
td.active {
	background: #e1f0db;
}
tr.active {
	background: #e1f0db!important;
}
/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
#anketa input[type=checkbox] {
    display:none;
    margin:10px;
}

/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
#anketa input[type=checkbox] + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    /* background-color: #e7e7e7; */
    border-color: #ddd;
    border-radius: 18px;
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
#anketa input[type=checkbox]:checked + label {
   background-image: none;
   /* background-color:#d0d0d0; */
}

#anketa input[type=checkbox] {
		display:none;
	}

	#anketa input[type=checkbox] + label {
		display:inline-block;
		margin: 10px 10px 0px 0px;
		padding: 6px 19px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		/* text-shadow: 0 1px 1px rgba(255,255,255,0.75); */
		vertical-align: middle;
		cursor: pointer;
		/* background-color: #f5f5f5; */
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		/* background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); */
		/* background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); */
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		/* background-image: linear-gradient(to bottom,#fff,#e6e6e6); */
		/* background-repeat: repeat-x; */
		border: 1px solid #ccc;
		/* border-color: #e6e6e6 #e6e6e6 #bfbfbf; */
		/* border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); */
		/* border-bottom-color: #b3b3b3; */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		/* -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); */
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		/* box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); */
	}

	#anketa input[type=checkbox]:checked + label {
		   background-image: none;
		   outline: 0;
		   /* -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); */
		   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		   /* box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); */
		   background-color: #006cb5;
		   color: #fff;
		   border: 1px solid #006cb5;
	}

	.social_status .info {
		color: orange;
	}

.participant.modified_date_this_Y {
	background: #ffe4e0!important;
}

ul.language_panel_switcher {
	margin: 0; /* Обнуляем значение отступов */
	padding: 4px; /* Значение полей */
}
ul.language_panel_switcher li {
	display: inline; /* Отображать как строчный элемент */
	margin-right: 5px; /* Отступ слева */
	border: 1px solid #000; /* Рамка вокруг текста */
	padding: 3px; /* Поля вокруг текста */
}
.sub-menu
{
	position: absolute;
	z-index: 999;
	background-color: #fff;
	padding: 0px;
	width: 100%;
	max-width: 500px;
	border-radius: 10px;
	box-shadow: 0 0 5px 2px;
	right: 15%;
	margin-top: 5px;
	display: none;
}
.sub-menu:hover
{
	display: block;
}
.postSearch
{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.postSearch-btn
{

}

/* Стили для модального окна */
.modal-attention {
	display: block;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* overflow: auto; */
	background-color: rgba(0,0,0,0.4);
  }
  
  /* Стили для содержимого модального окна */
  .modal-content {
	background-color: #fefefe;
	margin: 10% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 100%;
	max-width: 800px;
	font-size: 18px;
  }
  
  /* Стили для кнопки закрытия */
  .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }

  .attention_strong_txt
  {
	display: block;
	width:100%;
	text-align: center;
	font-size: 20px;
  }
  .attention_submit_container
  {
	display: flex;
	justify-content: space-around;
  }
  .attention_confirm_container input
  {
	margin-top: 10px;
  }
  .txt_down
  {
	  font-size: 17px;
	  margin-top: auto;
	  margin-bottom: auto;
  }
  .search_form
  {
	display: flex;
	justify-content: space-between;
	gap: 20px;
  }
  .search_btn
  {
	height: 37px;
  }
  .count_btn_continer
  {
	  width: 100%;
	  display:flex;
	  justify-content: space-between;
	  margin-bottom: 10px;
	  padding: 0px 20px;
  }
  .count_btn_continer_small
  {
	  width: 380px;
	  display:flex;
	  justify-content: space-between;
  }
  .count_btn
  {
	  /* min-width: 40px; */
	  background-color: #006cb5;
	  padding: 4px 10px 4px 10px;
	  color: white;
  }
  .count_btn:hover
  {
	  color: white;
	  background-color: #4CAF50;
  }
  .active_btn
  {
	  color: white !important;
	  background-color: #4CAF50 !important;
  }
  .dop_info_18-
  {
	width: 100%;
	display: flex;
	justify-content: space-between;
	/* gap: 10px; */
  }
  .guardian_check_label
  {
	max-width: 90px;
  }
  .additional_guardian_check_block
  {
	margin: 25px 0px;
  }
  .margin_0
  {
	margin: 0 !important;
  }
  .margin_10
  {
	margin: 10px;
  }
  .page-numbers
  {
	padding: 0px 5px;
  }
  .current
  {
	color: #4CAF50 !important;
	text-decoration: underline;
  }
  .flex_center
  {
	width: 100%;
	display: flex;
	justify-content: center;
  }