*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}

html.js .loader {
	background: none repeat scroll 0 0 #ffffff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}
html.js .loader_inner {
	background-image: url("../img/preloader.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	left: 50%;
	top: 50%;
	position: absolute;
}

body {
	font-family: sans-serif;
	font-size: 16px;
	min-width: 320px;
	position: relative;
	line-height: 1.6;
	font-family: 'GothamPro', sans-serif;
	overflow-x: hidden;
}a:hover{ text-decoration: none; }
.hidden {
	display: none;
}
header, section.whaycourse, section.viptovar, section.trainings, section.trust, section.management_structure, section.finacesistemIT, section.material, section.carWant {
	background-image: url("../img/header.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	height: auto;
	width: 100%;
	padding: 40px 0;
	color: #fff;
}section.finacesistemIT{
	background-image: url("../img/bg1.jpg");
}section.material {background-image: url("../img/bg4.jpg"); text-align: justify;}
section.carWant{
	background-image: url("../img/bg3.png");
	color: #333;
}section.trust { background-image: url("../img/s5_bg.png"); }
section.management_structure {
	background-image: url("../img/bg5.jpg");
}section.trainings {
    background-image: url("../img/foter_bott.png");
    padding-bottom: 200px;
    color: #333;
}section.viptovar { background-image: url("../img/bg7.jpg"); }
section.whaycourse {
    background-image: url("../img/bg7.png");
    color: #fff;
}
h1 {
    text-align: center;
    font-size: 45px;
    line-height: 43px;
    text-transform: uppercase;
    font-family: 'GothamProBlack', sans-serif;
}h1 span, .tabcontent h3{    
	background: linear-gradient(45deg, #ff096c 20%, #ed0200 60%, #d50082);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.head_txt h1 {
    font-size: 59px;
    text-align: left;
    line-height: 60px;
    font-family: 'GothamProBlack', sans-serif;
	color: #fff;
}.head_txt h1 span, .training_item h2 span {
	    background: linear-gradient(45deg, #ff096c 20%, #ed0200 60%, #d50082);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.head_txt {text-align: left; color: #fff;}
button {
	width: 60%;
	font-weight: bold;
	height: 60px;
	background: none;
	transition: All .2s ease;
	color: #fff;
    text-transform: uppercase;
	border: 3px solid transparent;  
    -moz-border-image: -moz-linear-gradient(left, #ff096c 0%, #ff096c 100%);  
    -webkit-border-image: -webkit-linear-gradient(left, #ed0200 0%, #ff096c 100%);  
    border-image: linear-gradient(to bottombottom, #ed0200 0%, #ff096c 100%);  
    border-image-slice: 1; 
    background-image: linear-gradient(to left,transparent,transparent 50%,#ed0200 50%,#ff096c);
    background-position: 88% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}header .viede_iframe iframe { height: 350px; width: 110%; margin-top: 40px; border-top: 5px solid transparent;border-bottom: 3px solid transparent;  
    -moz-border-image: -moz-linear-gradient(left, #ff096c 0%, #ff096c 100%);  
    -webkit-border-image: -webkit-linear-gradient(left, #ed0200 0%, #ff096c 100%);  
    border-image: linear-gradient(to bottombottom, #ed0200 0%, #ff096c 100%);  
    border-image-slice: 1; }
button:hover {
	    background-position: 0 0;
    color: #fff;
}section {    padding: 40px 0;}
ul.menu_right {
    text-align: right;
}.top_menu ul a {
    text-decoration: none;
}.top_menu ul li {
    display: inline-block;
    margin: 0 15px 10px 0;
    text-transform: uppercase;
    font-family: "GothamPro", sans-serif;
    color: #fff;
}ul.menu_right a li:hover {
    border-bottom: 2px solid #ff096c;
    padding-bottom: 4px;
}section.createprogram {
    background: #cccccc14;
    position: relative;
}button.main_menu_btt {display: none;}
.item_creat {
    padding: 20px 20px;
    text-align: center;
    border-radius: 8px;
	border: 3px solid transparent;  
    -moz-border-image: -moz-linear-gradient(left, #ff096c 0%, #ff096c 100%);  
    -webkit-border-image: -webkit-linear-gradient(left, #ed0200 0%, #ff096c 100%);  
    border-image: linear-gradient(to bottombottom, #ed0200 0%, #ff096c 100%);  
    border-image-slice: 1; 
}.item_fsIt p {
	font-family: "GothamProLightItalic", sans-serif;
	}img.img_p {
    border-left: 5px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #ff096c 0%, #ff096c 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #ed0200 0%, #ff096c 100%);
    border-image: linear-gradient(to bottombottom, #ed0200 0%, #ff096c 100%);
    border-image-slice: 1;
    width: 75%;
    display: block;
    margin: 0 auto;
    border-bottom-right-radius: 350px;
}.uf_item {text-align: center; font-family: "GothamProLightItalic", sans-serif; font-size: 20px; }
.car_item {
    text-align: center; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    background: #fff;
    padding: 20px;	border: 3px solid transparent;  
    -moz-border-image: -moz-linear-gradient(left, #ff096c 0%, #ff096c 100%);  
    -webkit-border-image: -webkit-linear-gradient(left, #ed0200 0%, #ff096c 100%);  
    border-image: linear-gradient(to bottombottom, #ed0200 0%, #ff096c 100%);  
    border-image-slice: 1; 
    margin: 20px 0;
}.car_item h2 {font-family: "GothamProBoldItalic", sans-serif;}
.car_item button {color: #000;}
section.management_structure table {
    border-collapse: collapse;
}section.management_structure table tr {
    border-bottom: 3px solid rgba(255, 255, 255, 0.59);
    padding-bottom: 10px;
    padding-right: 37px;
}section.management_structure table td:first-child {
    padding-left: 0;
    padding-right: 0;
    background: none;
    color: #ffffff;
    font-family: "Helvetica";
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    width: 200px;
}section.management_structure table td {
    text-align: left;
    background: url(../img/s11-t-bg.png) no-repeat 19px 0;
    padding-left: 70px;
    vertical-align: middle;
    padding-right: 25px;
    border-right: 3px solid rgba(255, 255, 255, 0.59);
    color: #ffffff;
    font-family: Helvetica;
    font-size: 19px;
    font-weight: 100;
}section.management_structure table tr:nth-child(2) td {
    background-position: 19px 50%;
}section.management_structure table tr:nth-child(1) td:last-child {
    background: none;
}section.management_structure h2 {
    text-align: center;
    line-height: 28px;
    padding-top: 20px;
    font-family: "GothamProBoldItalic", sans-serif;
}section.trust img {
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 63px;
}
section.trust p {
    z-index: 10;    text-align: justify;
    position: inherit;
}section.finace_item .item_tover, .tabcontent, .item_c, section.viptovar .item_vip {
	background-image: url("../img/tovar_1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	height: auto;
	width: 100%;
	padding: 40px 0;
	color: #fff;
}.tabcontent{ background-image: url("../img/tovar_4.jpg")!important; }
.item_c { background-image: url("../img/tovar_4.jpg")!important; }
.ftitem_3 { background-image: url("../img/tovar_3.jpg")!important; }
.ftitem_2 { background-image: url("../img/tovar_2.jpg")!important;  } .item_tover h2 {text-align: center;}
section.viptovar .item_vip { background-image: url("../img/tovar_4.jpg")!important; }
.item_tover ul li, section.trainings ul li , section.viptovar .item_vip  ul li {
    list-style: none;
    line-height: 24px;
    margin-top: 20px;
    padding-left: 36px;
    font-family: "GothampProBold", sans-serif;
    font-size: 22px;
    background: url(../img/ul_wie.png) no-repeat left 50%;
}section.viptovar .item_vip  ul li { background: url(../img/ul.png) no-repeat left 50% !important; }
section.trainings ul li { background: url(../img/ul.png) no-repeat left 50% !important; }
.price_item {
    text-align: center;
        padding-top: 24px;
}.price_item p {
    display: inline-block;
    font-size: 26px;
    text-align: center;
    margin-top: 0;
    font-family: "GothamProBoldItalic", sans-serif;
}
.price_item h3{text-transform: uppercase;}
.item_tover a.butt {
    width: 80%;
    font-size: 22px;
    font-weight: bold;
    font-family: "GothamProNarrowblod", sans-serif;
    height: 60px;
    text-align: center;
    padding-top: 13px;
    background: none;
    text-transform: uppercase;
    transition: All .2s ease;
    color: #fff;
    border: 3px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #ff096c 0%, #ff096c 100%);  
    -webkit-border-image: -webkit-linear-gradient(left, #ed0200 0%, #ff096c 100%);  
    border-image: linear-gradient(to bottombottom, #ed0200 0%, #ff096c 100%);  
    border-image-slice: 1; 
    background-image: linear-gradient(to left,transparent,transparent 50%,#ed0200 50%,#ff096c);
    background-position: 88% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    display: block;
    margin: 0 auto;
}.item_tover a.butt:hover{
    background-position: 0 0;
    color: #fff; }
    .item_tover .mt {
        margin-top: 68px;
    }.item_tover .mt1 {
        margin-top: 20px; }
.training_item {
    color: #333;
    text-align: center;
}.training_item h2 {
    font-size: 26px;
    line-height: 26px;
    font-family: "GothamProNarrowblod", sans-serif;
}.training_item p {
    color: #fff;
     font-family: "GothamProBlack", sans-serif;
}.item_vip {
    background: #ffff;
    color: #333;
}.item_vip img {
    width: 30%;
    height: auto;
    display: block;
    margin: -78px 0 0 0;
}.item_vip {
    background: #ffff;
    border: 4px solid #ebd075;
    color: #333 !important;
    padding: 15px 20px;
}.item_vip p {font-family: "GothamProNarrowblod", sans-serif;}

.gold_bott {
    width: 60%;
    display: block;
    font-weight: bold;
    text-align: center;
    height: 60px;
    padding: 15px 0px;
    margin: 0 auto;
    background: none;
    text-transform: uppercase;  
    transition: All .2s ease;
    font-family: "GothamProNarrowblod", sans-serif;
    color: #333;
    border: 3px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #E5BF53 0%, #B6850D 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #E5BF53 0%, #B6850D 100%);
    border-image: linear-gradient(to bottombottom, #E5BF53 0%, #B6850D 100%);
    border-image-slice: 1;
    background-image: linear-gradient(to left,transparent,transparent 50%,#E5BF53 50%,#B6850D);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}.gold_bott:hover {
        background-position: 0 0;
    color: #fff;
}
p.course_p {
    text-align: center;
    font-size: 20px;
    font-family: "GothamProBoldItalic", sans-serif;
}
.item_c {
    text-align: center;
    border: 4px solid #ebd075;
    color: #333;
    padding: 21px 20px;
        height: 177px;
        font-family: "GothamProLightItalic", sans-serif;
}.whaycourse h2 {
    text-align: center;
    text-transform: uppercase;
    line-height: 29px;
    font-family: "GothamProBlack", sans-serif;
}.whaycourse h2 span {
    color: #ff096c;
}footer ul li {
    list-style: none;
    padding: 4px 0;
    font-size: 20px;
}
footer {
    background: #292d32;
    color: #fff;
    padding: 40px 0;
}.footNew__icon {
    margin-right: 10px;
    display: inline-block;    
    flex: 0 0 auto;
}.footNew__icon_mail {
    background-image: url('../img/sprite.png');
    background-position: 0px -113px;
    width: 19px;
    height: 15px;
}.footNew__icon_skype {
    background-image: url('../img/sprite.png');
    background-position: -111px -76px;
    width: 19px;
    height: 19px;
}.footNew__icon_tel {
    background-image: url('../img/sprite.png');    background-position: -135px -76px;
    width: 19px;
    height: 19px;
}
.fa-telegram-plane {
    background-image: url(../img/sprite.png);
    background-position: -20px -108px;
    width: 19px;
    height: 19px;
}.fa-viber {
    background-image: url(../img/sprite.png);
    background-position: -110px -105px;
    width: 19px;
    height: 19px;
}footer ul {
    padding-left: 0;color: #cbcbcb;font-family: "Open Sans";
}footer h4 {
    font-family: "GothamProNarrowblod", sans-serif;
    font-size: 20px;
    margin: 0;
}
.footer_bott {
    background-color: #1f2225;
    padding: 55px 0 60px;
    color: #9e9e9e;
}.soc_set li {
    font-size: 20px;
    margin-right: 5px;
    float: right;
    text-align: center;
}ul.phone_ul li, .soc_set li {
    display: inline-block;
}.soc_set li a {
    color: #fff;
}
/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: none;
  width: 30%;
  height: auto;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: #333;
  width: 100%;
  
  outline: none;
  border: none;
  text-align: center;
  background-image: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 22px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #f8f8f8;
  font-family: "GothamProNarrowblod", sans-serif;
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #f8f8f8;
  font-family: "GothamProNarrowblod", sans-serif;
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.bloker_ot {
    position: relative;
    width: 100%;
    margin: 30px 0;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease !important;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
    left: 50%;
    width: 81%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.bloker_ot:hover .image {
    opacity: 0.3 !important;
}

.bloker_ot:hover .middle {
  opacity: 1;
}

.text {
  background-color: #ff096c ;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

.bloker_ot:hover .image {
    opacity: 0.3;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 422px;
}
.tabcontent img {display: block; margin: 0 auto;}
.tabcontent h3 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 0;
    font-family: "GothamProNarrowblod", sans-serif;
    text-transform: uppercase;
}.tabcontent p {text-align: justify; color: #333; font-size: 18px;}
.hidden_bloks {
    width: 60%;
    display: block;
    margin: 0 auto;
    background: #fff;
    padding: 30px 20px;
}
.hidden_bloks h2, .hidden_bloks .b_tex {
    font-family: "GothamProNarrowblod", sans-serif;
}.hidden_bloks h2 {text-transform: uppercase;}
button.mfp-close {
    right: 20%;
}

section.reasons_sec button.active:after {
    content: none;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  background-image: none;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}