@charset "UTF-8";



@font-face {
    font-family: 'gotham pro medium';
  font-style: normal;
  font-weight: bolder;
  src: url("../font/gothapromed.otf");
}

@font-face {
    font-family: 'gotham pro light';
  font-style: normal;
  font-weight: bold;
  src: url("../font/gothaprolig.otf");
}

@font-face {
    font-family: 'gotham pro bold';
  font-style: normal;
  font-weight: bold;
  src: url("../font/gothaprobol.otf");
}

@font-face {
    font-family: 'gotham pro regular';
  font-style: normal;
  
  src: url("../font/gothaproreg.otf");
}

.header-tel {
    text-align: center;
    padding-top: 1rem;
    font-family: "gotham pro bold";
    font-weight: 900;
    font-size: 1.33rem;
    color: #000000;
    line-height: 1.8rem;
}

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

.header-tel1 h6 {
    color:#00B159;
    line-height: 1
}
.header-adress-city {
    padding-top: 2rem;
    font-size: 1.6rem;
    font-family: "gotham pro bold";
    color: #00B159;
    text-align: center;
}

.header-adress {
    padding-left: 1rem;
    font-size: 0.8rem;
    font-family: "gotham pro bold";
    font-weight: 900;
    text-align: center;
    letter-spacing: -0.1rem;
}
.header-adress1 {
    padding-left: 1rem;
  
    font-family: "gotham pro bold";
    font-weight: 900;
    text-align: center;
    letter-spacing: -0.1rem;
}

.header-post {
    font-size: 0.8rem;
    font-family: "gotham pro bold";
    font-weight: 900;
    text-align: center;
    letter-spacing: -0.1rem;
    padding-top: 0.5rem;
}

.header-post1 {
 font-size: 0.9rem;
    font-family: "gotham pro bold";
    font-weight: 900;
    text-align: center;
    letter-spacing: -0.1rem;
    padding-top: 0.5rem;
}
.header-map-reveral {
    font-size: 1rem;
    font-family: "gotham pro bold";
    color: #00B159;
    text-align: center;
    letter-spacing: -0.1rem;
}

.header-submit-post {
    margin-top: 2rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-family: "gotham pro bold";
    color: #FA9B27;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #00B159;
    padding-top: 3px;
    padding-bottom: 3px;
}

.header-submit-post a {
    color: #FA9B27;
}
.header-submit-post1 {
   
    line-height: 1.2rem;
    font-family: "gotham pro bold";
    color: #FA9B27;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #00B159;
    padding-top: 3px;
    padding-bottom: 3px;
}
.header-submit-post1 a {
    color: #FA9B27;
}

.header-follow {
    color: #FA9B27;
    font-size: 1.2rem;
    font-family: "gotham pro bold";
    text-align: center;
    padding-top: 0.3rem;
}

.header-map {
    text-align: center;
    padding-left: 2rem;
    padding-top: 0.5rem;
}

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

.main-menu ul li a {
    color: #FFFF;
    font-size: 2.3rem;
    font-weight: bold;
    font-family: "gotham pro regular";
    letter-spacing: -0.1rem;
}

.main-menu ul li a h2 {
    color: #FFFF;
    font-weight: bold;
    font-family: "gotham pro regular";
    letter-spacing: -0.1rem;
}

.main-menu a h2 {
    color: #FFFF;
    font-weight: bold;
    font-family: "gotham pro regular";
    letter-spacing: -0.1rem;
}

.main-menu a:hover h2 {
    color: #FA9B27;
}

.main-menu ul li a:hover {
    color: #FA9B27;
}

.header-submit-test-free {
    margin-top: 2rem;
    line-height: 1.2rem;
    background-color: #fff;
    text-align: center;
    border-radius: 30px;
    border: 2px solid #00B159;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.header-submit-test-free a {
    font-family: "gotham pro bold";
    color: #FA9B27;
    font-size: 2rem;
}

.header-submit-test-free a:hover {
    color: #00B159;
}

.test-free {
    padding-top: 1rem;
}

.slogan h1 {
    color: #00B159;
    font-family: "gotham pro bold";
}

.section-slogan {
    background-color: #00B159;
}

.slogan-need-language h2 {
    color: #78FF74;
    font-family: "gotham pro bold";
}

.slogan-need-language-rus h3 {
    color: #fff;
    font-family: "gotham pro bold";
    letter-spacing: -0.1rem;
}

.submit-lesson-free {
    margin-top: 2rem;
    line-height: 1.2rem;
    background-color: #fff;
    text-align: center;
    border-radius: 40px;
    border: 2px solid #00B159;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 0.7rem;
    padding-bottom: 0.3rem;
}

.submit-lesson-free a h3{
    font-family: "gotham pro bold";
    color: #FA9B27;
   
}

.slogan-serv h1 {
    font-family: "gotham pro bold";
    color: #00B159;
}

.section-serv h6 {
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-family: gotham pro bold;
    color: #00B159;
}

.section-serv p {
    font-style: normal;
    font-weight: bold;
    font-family: gotham pro regular;
    font-size: 11pt;
    color: #080707;
    letter-spacing: -0.05rem;
}

.group-lesson-small-text h6 a,
.corp-lesson-small-text h6 a,
.support-lesson-small-text h6 a,
.childrens-lesson-small-text h6 a,
.prepod-lesson-small-text h6 a,
.examen-lesson-small-text h6 a {
    font-size: 1rem;
    letter-spacing: -0.1rem;
}

.group-lesson-medium-text h6 a,
.corp-lesson-medium-text h6 a,
.support-lesson-medium-text h6 a,
.childrens-lesson-medium-text h6 a,
.prepod-lesson-medium-text h6 a,
.examen-lesson-medium-text h6 a {
    font-size: 1.25rem;
    letter-spacing: -0.1rem;
}

.group-lesson-large-text h6 a,
.corp-lesson-large-text h6 a,
.support-lesson-large-text h6 a,
.childrens-lesson-large-text h6 a,
.prepod-lesson-large-text h6 a,
.examen-lesson-large-text h6 a {
    font-size: 1.5rem;
    letter-spacing: -0.1rem;
}

.group-lesson-xlarge-text h6 a,
.corp-lesson-xlarge-text h6 a,
.support-lesson-xlarge-text h6 a,
.childrens-lesson-xlarge-text h6 a,
.prepod-lesson-xlarge-text h6 a,
.examen-lesson-xlarge-text h6 a {
    font-size: 1.6rem;
    letter-spacing: -0.1rem;
}

.group-lesson-xxlarge-text h6 a,
.corp-lesson-xxlarge-text h6 a,
.support-lesson-xxlarge-text h6 a,
.childrens-lesson-xxlarge-text h6 a,
.prepod-lesson-xxlarge-text h6 a,
.examen-lesson-xxlarge-text h6 a {
    font-size: 1.7rem;
    letter-spacing: -0.1rem;
}

.group-lesson-xxxlarge-text h6 a,
.corp-lesson-xxxlarge-text h6 a,
.support-lesson-xxxlarge-text h6 a,
.childrens-lesson-xxxlarge-text h6 a,
.prepod-lesson-xxxlarge-text h6 a,
.examen-lesson-xxxlarge-text h6 a {
    font-size: 1.8rem;
    letter-spacing: -0.1rem;
}

.corp-lesson-xlarge {
    padding-top: 3rem;
}

.more {
    background-color: #FC9B28;
    text-align: center;
    border-radius: 10px;
}

.more a {
    font-family: "gotham pro bold";
    color: #fafafa;
    font-size: 1.3rem;
}

.section-how-do-we-teach {
    background-color: #00B159;
}

.slogan-how h1 {
    color: #ffffff;
    font-size: 4rem;
    font-family: "gotham pro bold";
}

.slogan-moda h2 {
    color: #78FF75;
    font-size: 2.5rem;
    font-family: "gotham pro bold";
}

.text-about h4 {
    color: #ffffff;
    line-height: 2rem;
    letter-spacing: -0.1rem;
}

.price-section {
    background-color: #ffffff;
}

.price1 {
    font-size: 0.64rem;
}

.price1 h1 {
    font-size: 2rem;
}

.price {
    font-size: 0.64rem;
}

.price h1 {
    font-size: 2rem;
}

.space8 {
    height: 80px;
}

.space7 {
    height: 70px;
}

.space6 {
    height: 60px;
}

.space5 {
    height: 50px;
}

.space4 {
    height: 40px;
}

.space3 {
    height: 30px;
}

.space2 {
    height: 20px;
}

.space15 {
    height: 15px;
}

.space1 {
    height: 10px;
}

.spacetop1 {
    padding-top: 1rem;
}

.spacetop2 {
    padding-top: 2rem;
}

.spacetop3 {
    padding-top: 3rem;
}

.spacetop4 {
    padding-top: 4rem;
}

.spacetop5 {
    padding-top: 5rem;
}

.spacetop6 {
    padding-top: 6rem;
}

.spacetop7 {
    padding-top: 7rem;
}

.spacetop8 {
    padding-top: 8rem;
}

.spacetop9 {
    padding-top: 9rem;
}

.spacetop10 {
    padding-top: 10rem;
}

.spacetop12 {
    padding-top: 12rem;
}

.spacetop14 {
    padding-top: 14rem;
}

.inset1 {
    height: 1rem;
}

.inset2 {
    height: 2rem;
}

.inset3 {
    height: 3rem;
}

.inset4 {
    height: 4rem;
}

.inset5 {
    height: 5rem;
}

.inset6 {
    height: 6rem;
}

.inset7 {
    height: 7rem;
}

.inset8 {
    height: 8rem;
}

.inset9 {
    height: 9rem;
}

.inset10 {
    height: 10rem;
}

.inset11 {
    height: 11rem;
}

.inset12 {
    height: 12rem;
}

.inset14 {
    height: 14rem;
}

.int7 {
    padding-left: 7%;
}

.int10 {
    padding-left: 10%;
}

.int15 {
    padding-left: 15%;
}

.int20 {
    padding-left: 20%;
}

.intr1 {
    padding-right: 1rem;
}

.into {
    padding-left: 0px;
}

.into1 {
    padding-left: 1rem;
}

.into2 {
    padding-left: 2rem;
}

.into3 {
    padding-left: 3rem;
}

.into4 {
    padding-left: 4rem;
}

.into5 {
    padding-left: 5rem;
}

.into6 {
    padding-left: 6rem;
}

.into8 {
    padding-left: 8rem;
}

.into10 {
    padding-left: 10rem;
}

.intor2 {
    padding-right: 2rem;
}

.slogan-price h1 {
    font-family: "gotham pro bold";
    font-size: 3.3rem;
    color: #00B159;
}
.price01 {
    color: #8f8c8c;
    background-color: #f6f6f6;
}


.price0 {
    color: #8f8c8c;
    
}

.price h6 {
    font-size: 1rem;
    font-weight: 800;
}

.price1 {
    font-size: 0.9rem;
    font-weight: 800;
    color: #8f8c8c;
    background-color: #f6f6f6;
}

.price {
    font-size: 0.9rem;
    font-weight: 800;
    font-family: 'gotham pro regular';
    color: #8f8c8c;
}

.price1 h6 {
    font-size: 1rem;
    font-weight: 700;
    color: #8f8c8c;
}

.price h6 {
    font-size: 1rem;
    font-weight: 700;
    color: #8f8c8c;
}

.price1 a {
    font-size: 0.8rem;
    color: #00B159;
    font-weight: 800;
}

.price a {
    font-size: 0.8rem;
    color: #00B159;
    font-weight: 800;
}

.price h1 {
    font-family: 'gotham pro light';
    font-style: normal;
    font-weight: normal;
    color: #16a51a;
}

.price h8 {
    font-family: 'gotham pro light';
    font-style: normal;
    font-weight: normal;
    color: #16a51a;
}

.price1 h1 {
    font-family: 'gotham pro light';
    font-style: normal;
    font-weight: normal;
    color: #00B159;
}

.price1 h8 {
    font-family: 'gotham pro light';
    font-style: normal;
    font-weight: normal;
    color: #00B159;
}

#easyTooltip {
    padding: 5px 10px;
    border: 1px solid #195fa4;
    background: #195fa4;
    color: #fff;
}

#easyTooltip2 {
    padding: 5px 10px;
    border: 1px solid #5e5e5e;
    background: #16a51a;
    color: #fff;
    width: 340px;
}

#easyTooltip2 h4, #easyTooltip2 p {
    margin: .25em 0;
}

#easyTooltip4 {
    padding: 5px 10px;
    border: 1px solid #5e5e5e;
    background: #16a51a;
    color: #fff;
    width: 940px;
}

.form {
    width: 432px;
    margin: 5px auto;
}

#messegeResult {
    height: 15px;
    width: 432px;
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
}

#messegeResult p {
    font-family: "gotham pro medium";
    color: #A2A0A0;
    font-weight: 900;
    font-size: 0.67rem;
}

#formMain {
    width: 432px;
}

#formMain input {
    width: 432px;
    height: 56px;
    background: #fff;
    border: 1px solid #c6c6c6;
    padding: 10px;
    margin-top: -0.5rem;
    font-size: 0.9rem;
    color: #000;
    font-weight: bold;
    font-family: "gotham pro regular";
    border-radius: 5px;
}

#button {
    width: 436px;
    height: 56px;
    font-size: 16px !important;
    cursor: pointer;
    background-image: url(../images/submit.png);
}

#button:hover {
    opacity: .9;
}

.about-kurs {
    padding-left: 0;
}

.about-kurs p {
    font-family: gotham pro medium;
    font-size: 1rem;
    color: #3e3e3e;
    letter-spacing: 0;
    font-weight: lighter;
    text-align: center;
    margin-bottom: 0.5rem;
}

.abkurs1 h3 {
    font-family: gotham pro medium;
    font-size: 1.2rem;
    color: #1a9100;
    letter-spacing: 0;
    text-align: center;
}

.abkurs {
    padding-left: 2rem;
}

.abkurs h1 {
    font-family: gotham pro medium;
    font-size: 2.5rem;
}

.logo {
    padding-left: 0;
    height: 3rem;
}

.preview {
    font-size: 0.8rem;
    line-height: 14.2px;
}

.s_kursami {
    font-size: 1rem;
}

.how_whom-section {
    background-color: #00B159;
}

.who1 h4 {
    padding-left: 1rem;
}

.who3 h1 {
    padding-left: 3rem;
}

.whom p {
    font-style: normal;
    font-weight: 100;
    font-family: 'gotham pro regular';
    font-size: 0.9rem;
    color: #fff;
}

.wh {
    padding-top: 1rem;
    font-size: 1rem;
    color: #fff;
    line-height: 1.8;
}

.whom {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.8;
    padding-top: 1rem;
    padding-right: 1rem;
}

.whom1 p {
    font-style: normal;
    font-weight: 200;
    font-family: 'gotham pro regular';
    font-size: 1.2rem;
    color: #fff;
    line-height: 2;
}

.whom1 {
    font-size: 0.9rem;
    color: #fff;
    line-height: 2.8;
    padding-left: 1rem;
    padding-right: 1rem;
}

.who3 h4 {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.who4 h4 {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.who1 h1 {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.mission-section {
    background-color: #ffffff;
}

.preview {
    color: #6094cc;
    font-style: normal;
    font-weight: normal;
    font-family: 'gotham pro regular';
}

.preview p {
    font-size: 1.2rem;
}

.mission p {
    font-family: 'gotham pro medium';
    font-size: 0.9rem;
    font-weight: normal;
}

.mission3 p {
    font-family: 'gotham pro medium';
    font-size: 0.9rem;
    font-weight: normal;
}

.mission p a {
    font-family: 'gotham pro medium';
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 27px;
    color: green;
}

.mission p a:hover {
    color: blue;
}

.mission1 {
    font-family: 'gotham pro medium';
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 27px;
}

.mission1 a {
    font-family: 'gotham pro medium';
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 27px;
    color: green;
}

.mission1 a hover {
    color: blue;
}

.free_descript-section {
    background-color: #efefef;
}

.free_descript-section h5 {
    font-family: 'gotham pro regular';
    font-weight: 500;
    font-size: 0.95rem;
    color: #3b3838;
}

.free_descript-section h5 strong {
    font-family: 'gotham pro regular';
    font-weight: bold;
    font-size: 0.95rem;
    color: #3b3838;
}

.team-section {
    background-color: #ffffff;
}

.benefits-section h1 {
    color: #ffffff;
}

.team h6 {
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-family: 'gotham pro medium';
    font-size: 1rem;
    color: #000000;
}

.team {
}

.team p {
    font-style: normal;
    font-weight: bold;
    font-family: 'gotham pro regular';
    font-size: 1.05rem;
    color: #000000;
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
}

.cont h3 {
    font-weight: bold;
    color: #fff;
}

.cont h6 {
    color: #fff;
}

.contacts-section {
    background-color: #00B159;
}

.contacts-section h1 {
    color: #ffffff;
    font-family: 'gotham pro medium';
}

@font-face {
    font-family: 'social';
  src: url("assets/fonts/socialicons-webfont.eot");
  src: url("assets/fonts/socialicons-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/socialicons-webfont.woff") format("woff"), url("assets/fonts/socialicons-webfont.ttf") format("truetype"), url("assets/fonts/socialicons-webfont.svg#SocialIconsMedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

#content1 {
    margin-top: 3rem;
    margin-right: auto;
    margin-bottom: 100px;
    margin-left: auto;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
}

#content1 .menu1 {
    text-align: center;
    padding-top: 30px;
}

#content1 .menu1 .primary-menu {
    list-style-type: none;
    position: relative;
}

#content1 .menu1 .primary-menu li {
    display: inline;
    text-align: center;
    margin: 0 10px;
    position: relative;
}

#content1 .menu1 .primary-menu li a {
    position: relative;
    text-decoration: none;
    font-family: 'Social' !important;
    font-size: 25px;
    background: #d9d9d9;
    display: inline-block;
    width: 50px;
    height: 35px;
    padding-top: 15px;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 100px;
    -o-box-shadow: 0 0 1px 1px #afafaf;
    -ms-box-shadow: 0 0 1px 1px #afafaf;
    box-shadow: 0 0 1px 1px #afafaf;
    transition: all 1s;
    behavior: url(pie/PIE.htc);
}

#content1 .menu1 .primary-menu li.facebook a:hover {
    background: #00438f;
}

#content1 .menu1 .primary-menu li.twitter a:hover {
    background-color: #0065D5;
}

#content1 .menu1 .primary-menu li.flickr a:hover {
    background-color: #ff7800;
}

#content1 .menu1 .primary-menu li.rss a:hover {
    background: #ff7800;
}

#content1 .menu1 .primary-menu li.mail a:hover {
    background: #1d1d1d;
}

#content1 .menu1 .primary-menu li a:hover {
    -ms-transform: rotate(360deg);
    -khtml-transform: rotate(360deg);
    transform: rotate(360deg);
    behavior: url(pie/PIE.htc);
}

#content1 .menu1 .primary-menu li span.social-span {
    font-family: Arial;
    font-size: 11px;
    position: absolute;
    width: 100px;
    top: 45px;
    left: -45%;
    background: #ffffff;
    padding: 5px;
    border: 1px solid #B8B8B8;
    opacity: 0;
    border-radius: 10px;
    transition: opacity 1s ease-in-out;
    behavior: url(pie/PIE.htc);
}

#content1 .menu1 .primary-menu li a:hover ~ span.social-span {
    opacity: 1;
}

#content1 .menu1 .primary-menu li span.social-span:after {
    content: "";
    position: absolute;
    border-color: #fff transparent;
    display: block;
    top: -7px;
    left: 40%;
    width: 0;
    border-width: 0 7px 7px;
    border-style: solid;
}

.group-lesson-section h1 {
    font-family: "gotham pro bold";
    color: #00B159;
}

.text h6 {
    font-weight: 500;
    line-height: 1.4;
    text-align: justify;
    color: #0e0e0f;
}

.slogan-price1 h1 {
    font-family: "gotham pro bold";
    color: #fff;
}

.price-section1 {
    background-color: #00B159;
}

.slogan-serv1 h1 {
    font-family: "gotham pro bold";
    color: #fff;
}

#pr {
    border-top: solid 1px #16a51a;
}

	 /*-------------feedback------------*/
	 .feedback-section {		 
	background-color: #00B159;
		}
		
		.feedback-section h1{		 
color:#ffffff;
		}
	 .slide h2  {
  /*margin:15px;*/
  padding-left:2rem;
}

.slide p {
  margin-top:35px;
  color:#FFF;
  text-align: center;
	font-family: 'gotham pro regular';
	
	font-weight: bold;
	/*font-size: 1.12rem;*/
}

.slide h6 {
  margin-top:35px;
  color:#FFF;
  text-align: center;
	font-family: 'gotham pro regular';
	
	font-weight: bold;
	/*font-size: 1.12rem;*/
}

.slide h5 {
	font-family: 'gotham pro bold';
	color: #ffffff;
	
	text-align: center;
	font-weight: bolder;
	padding-top: 1rem;
	}




.slide h2 {
  font-family: gotham pro bold;
  color: #ffffff;	 
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
 /* Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	/*width:1040px;*/
	height:28rem;
	background:transparent url(img1/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  /*width:960px;*/
  height:27rem;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
 /* width:940px;  reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:27rem;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:60px;
  height:57px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top: 10rem;
  left:-2rem;
  background-image: url(http://test.kursyprofessional.kharkov.ua/assets/img/slider/control_left.png);
  background-position: 0 0;
	background-repeat: no-repeat;
}
#rightControl {
	top: 10rem;
	right: -2rem;
	
	background-image: url(http://test.kursyprofessional.kharkov.ua/assets/img/slider/control_right.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.materials-dop a:hover h5 {
    color: #FA9B27;
}


/*---------------------------------*/
.language-list {
   
    list-style: none;
     float: right;
  /*  margin: 0;
    padding-top:10px;*/
    border-radius: 10px;
     background: #fff;
      margin-top: 5px;
    padding-right:5px;
    padding-left:5px;
    border: 2px solid #FF9E57;
    
    cursor: pointer;
    overflow: hidden;
}
.language-list > li.active a,header .header-top .language-list > li:hover a {
    background-color: #415578;
    color:#fff;
}
.language-list > li {
    /*display: inline-block;*/
}
.language-list > li+li {
    font-size:12px;
}
.language-list > li.active {
    pointer-events: none;
    cursor:default;
font-size:12px;
}