:root{margin:0 !important}
body, html {
font-family: 'Capriola', 'League Spartan', sans-serif;
font-size: 18px;
color: #9da5ab;
line-height: 1.3;
overflow-x: hidden;
}
a {
color: #1d8af7;
text-decoration: none;
}
a:hover,
a:focus {
color: #51a4f6;
text-decoration: none;
}
h1 {
font-family: 'League Spartan', sans-serif;
font-size: 42px;
margin: 0.67em 0 0;
}
h2 {
font-size: 33px;
font-family: 'League Spartan', sans-serif;
margin-bottom: 23px;
}
input[type="email"],
input[type="text"] {
border: 3px solid #ddedfe;
border-radius: 3px;
font-size: 14px;
color: #30373d;
padding: 10px 15px 11px;
width: 100%;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
}
input.error,
textarea.error,
select.error,
span.select2.error .selection > span
{
border: 3px solid #f7a0a0;
}
textarea {
border: 3px solid #ddedfe;
border-radius: 3px;
font-size: 14px;
color: #30373d;
padding: 10px 15px 11px;
width: 100%;
resize: vertical;
}
::-webkit-input-placeholder {
color: rgba(29, 137, 247, 0.5);
}
:-moz-placeholder {
color: rgba(29, 137, 247, 0.5);
}
::-moz-placeholder {
color: rgba(29, 137, 247, 0.5);
}
:-ms-input-placeholder {
color: rgba(29, 137, 247, 0.5);
}
.container {
margin: 0 auto;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.w-100 {
width: 100% !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-100 {
padding-top: 100px !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
.pb-120 {
padding-bottom: 120px !important;
}
.lh-30 {
line-height: 30px !important;
}
.lh-38 {
line-height: 38px !important;
}
.fs-18 {
font-size: 18px !important;
}
.no-bg {
background: none !important;
}
.no-padding-margin {
margin: 0 !important;
padding: 0 !important;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.title--main {
font-size: 36px !important;
line-height: 47px;
padding-left: 9px;
font-family: 'League Spartan', sans-serif;
}
.logo--footer img {
width: 340px;
max-width: 500px !important;
clip-path: polygon(0 0, 140px 0, 140px 110px, 0 110px);
}
.logo--header {
max-width: 200px !important;
}
.checkboxesBox {
display: flex;
flex-direction: column;
margin: 10px 0 0 !important;
text-align: left;
}
.checkboxesBox label {
display: flex;
position: relative;
padding-left: 25px !important;
cursor: pointer;
}
.checkboxesBox input {
position: absolute;
left: -5000px;
}
.checkboxesBox input:checked + .square-box::after {
position: absolute;
top: 2px;
left: 2px;
width: 10px;
height: 10px;
background: #ddedfe;
content: "";
}
.checkboxesBox input.error + .square-box {
border-color: #f7a0a0;
}
.label-text {
line-height: 20px;
}
.square-box {
width: 20px;
height: 20px;
border: 3px solid #ddedfe;
border-radius: 3px;
position: absolute;
left: 0;
top: 7px;
}
.color-white {
color: #fff !important;
}
.color-red {
color: #fa4f50 !important;
}
.full-width{ max-width: none;}
/*.shadow {
box-shadow: 0px 15px 35px -20px rgba(0,0,0,0.35);
-webkit-box-shadow: 0px 15px 35px -20px rgba(0,0,0,0.35);
}*/
.shadow{
box-shadow: 0px 15px 60px -30px #000;
-webkit-box-shadow: 0px 15px 60px -30px #000;
}
.btn {
font-size: 14px;
font-family: 'Capriola', sans-serif;
background: rgb(29, 138, 247);
color: #ffffff;
border: none;
border-radius: 3px;
padding: 11px 21px;
transition: all 0.3s;
}
a .btn:hover,
.btn:hover {
transition: all 0.3s;
background: rgb(64, 149, 236);
}
.btn.clear {
color: rgb(29, 138, 247);
background-color: transparent;
background-image: url('../images/icon-download.png');
background-repeat: no-repeat;
background-position: center left;
padding-left: 29px;
}
a .btn.clear:hover,
.btn.clear:hover {
text-decoration: none;
}
.max-width {
max-width: 995px;
}
.container.max-width.pp {
padding-right: 40%;
}
#menu {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
#menu .menuContainer {
color: #ffffff;
}
#menu .menuContainer .left {
display: inline;
float: left;
padding-top: 25px;
padding-left: 25px;
}
#menu .menuContainer .logo
{
max-width: 160px;
}
#menu .menuContainer .right {
display: inline;
float: right;
}
#menu .menuContainer .right .icon-bar {
display: none;
width: 28px;
height: 28px;
background-image: url("../images/icon-bar.png");
margin-top: 36px;
cursor: pointer;
transition: all 0.3s;
z-index: 101;
position: relative;
}
#menu .menuContainer .right .icon-bar:hover {
opacity: 0.5;
}
#menu .menuContainer .right ul {
padding-top: 26px;
margin: 0;
}
#menu .menuContainer .right ul li {
display: inline-block;
font-size: 14px;
padding: 0 17px;
}
#menu .menuContainer .right ul li:last-child {
padding-right: 0;
}
#menu .menuContainer .right ul li a {
color: #9da5ab;
text-decoration: none;
}
#menu .menuContainer .right ul li a:hover {
text-decoration: none;
color: #fff;
}
#menu .menuContainer .right ul li.current-menu-item a {
color: #fff;
}
div.header {
/*background: url("../images/backgroundHeaderBottom.png"), url("../images/backgroundHeader2.png");*/
/*background-repeat: no-repeat, no-repeat;*/
/*background-size: contain, cover;*/
/*background-position: bottom center, top center;*/
background-size: contain;
min-height: 500px;
color: #ffffff;
}
div.header .wrapper {
background: url("../images/white-border.svg");
background-repeat: no-repeat;
background-position: bottom center;
padding-top: 182px;
padding-bottom: 315px;
position: relative;
background-size: contain;
margin-right: -2px;
margin-left: -2px;
margin-bottom: -2px;
}
div.header .wrapper::after {
content: '';
position: absolute;
width: 100%;
height: 200px;
background: #fff;
bottom: -200px;
left: 0;;
}
div.header .top .left {
display: inline;
float: left;
padding-top: 50px;
padding-left: 91px;
}
div.header .top .left p {
line-height: 1.7;
color:#9da5ab;
}
div.header .top .left .buttonBox {
margin-top: 27px;
}
div.header .top .right {
display: inline;
float: right;
padding-right: 50px;
}
div.header .top .right .animated {
position: relative;
animation-iteration-count: infinite;
animation-name: floated;
animation-timing-function: linear;
animation-duration: 5s;
}
div.header .boxes {
padding-top: 151px;
padding-left: 11px;
}
div.header .boxes .box {
padding: 0;
}
div.header .boxes .imageBox {
height: 185px;
position: relative;
text-align: center;
}
div.header .boxes .imageBox img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
div.header .boxes .text {
text-align: center;
}
div.header .boxes .text .title {
color: #ffffff;
font-size: 24px;
margin-top: 11px;
}
div.header .boxes .text p {
font-size: 18px;
color: #9da5ab;
line-height: 1.7;
}
div.header .bottom {
padding-top: 189px;
text-align: center;
}
div.header .bottom h2 {
margin-bottom: 30px;
text-align: left;
}
div.header .bottom p {
color: #9da5ab;
}
div.header.singin {
text-align: center;
/*padding-top: 153px;*/
}
div.header.singin h1 {
font-size: 36px;
color: #f1f8fe;
margin-bottom: 51px;
}
div.header.singin p {
color: #9da5ab;
line-height: 28px;
}
div.header.singin .prices {
margin-top: 89px;
}
div.header.singin .prices .box {
width: 33%;
display: inline;
float: left;
position: relative;
/*border-left: 3px solid rgba(241, 248, 254, 0.25);*/
}
div.header.singin .prices .box:first-child .line {
display: none;
}
div.header.singin .prices .box .line {
position: absolute;
width: 6px;
border-radius: 4px;
top: 80px;
left: 0;
bottom: 0;
background: rgba(241, 248, 254, 0.25);
}
div.header.singin .prices .imageBox {
height: 210px;
}
div.header.singin .prices .box .title {
font-family: 'League Spartan', sans-serif;
font-size: 24px;
color: #ffffff;
margin-top: 22px;
}
div.header.singin .prices .box .subTitle {
font-size: 24px;
color: #fff;
margin-top: 7px;
margin-bottom: 44px;
}
div.header.singin .prices .box .location {
font-size: 18px;
/*margin-top: 44px;*/
margin-bottom: 29px;
line-height: 29px;
}
div.header.singin .prices .box .location .places {
font-size: 14px;
color: #9da5ab;
}
div.header.singin .prices .box .location .places.red {
color: #fd4e4b;
}
div.header.singin .prices .box p {
font-size: 14px;
margin-top: 33px;
}
div.header.singin .prices .box .location .date {
font-size: 14px;
margin:0;
}
.location .date p {
margin:0 0 0 0 !important;
color:#fff !important;
}
div.header.singin .prices .box .buttonBox {
margin-top: 25px;
}
div.header.singin .prices .box .buttonBox button {
padding: 11px 56px;
}
div.header2 { position: relative;
/*background: url("../images/backgroundHeaderBottom.png"), url('../images/planet3.png'), url("../images/backgroundHeader2.png");*/
/*background-repeat: no-repeat, no-repeat, no-repeat;*/
/*background-size: contain, 266px, cover;*/
/*background-position: bottom center, 13% 80%, top center;*/
/*background: #fff;*/
/*background: url('../images/planet3.png');*/
/*background-repeat: no-repeat;*/
/*background-size: 266px;*/
/*background-position: 13% 80%;*/
min-height: 500px;
color: #ffffff;
}
div.header2 .wrapper {
/*background: red;*/
padding-top: 155px;
padding-bottom: 211px;
position: relative;
background: url("../images/white-border.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
position: relative;
z-index: 9;
margin-left: -2px;
margin-right: -2px;
}
div.header2 .planet {
position: absolute;
background: url('../images/planet3.png');
background-repeat: no-repeat;
background-size: 266px;
width: 266px;
height: 198px;
bottom: 160px;
left: 11%;
z-index: 7;
}
div.header2 .planet2,
div.header2 .planet2b {
position: absolute;
background: url('../images/planet-green.png');
background-repeat: no-repeat;
background-size: 219px;
width: 219px;
height: 179px;
bottom: 120px;
right: 21%;
z-index: 2;
}
div.header2 .planet2b {
background: url('../images/planet-green-2.png');
bottom: 320px;
right: 17%;
}
div.header2 .wrapper::after {
content: '';
position: absolute;
width: 100%;
height: 100px;
background: #fff;
bottom: -98px;
left: 0;
}
div.header2 .container {
text-align: center;
padding: 0 10px;
}
div.header2 .container h1 {
color: #e8f3fb;
font-size: 35px;
letter-spacing: -.1px;
}
div.header2 .container p {
color: #9da5ab;
font-size: 18px;
max-width: 600px;
margin: 50px auto 0;
line-height: 1.7;
}
div.header3 {
background: url('../images/header3.jpg'), #30373d;
background-repeat: no-repeat, repeat;
background-size: contain, cover;
background-position: bottom center, top center;
padding-top: 134px;
padding-bottom: 48px;
color: #ffffff;
overflow: hidden;
}
div.header3 .container h1 {
color: #e8f3fb;
font-size: 36px;
line-height: 47px;
padding-left: 9px;
}
div.header3.aboutUs .container {
max-width: 623px;
text-align: center;
padding-top: 39px;
padding-bottom: 72px;
position: relative;
z-index: 2;
}
div.header3.aboutUs .container p {
text-align: justify;
line-height: 30px;
margin-bottom: 29px;
color: #9da5ab
}
div.header4 {
background: url('../images/header3.jpg'), #30373d;
background-repeat: repeat, repeat;
background-size: contain, cover;
background-position: bottom center, top center;
padding-top: 134px;
padding-bottom: 504px;
color: #ffffff;
overflow: hidden;
}
div.header4 .container {
text-align: center;
padding-top: 17px;
position: relative;
z-index: 5;
}
div.header4 .container h1 {
color: #f1f8fe;
font-size: 36px;
line-height: 47px;
margin-top: 18px;
}
div.header4 .container h2 {
color: #f1f8fe;
font-size: 36px;
margin-top: 1px;
margin-bottom: 21px;
}
div.header4 .container p {
font-size: 18px;
color: #9da5ab;
line-height: 28px;
}
div.shortcuts {
}
div.shortcuts .box {
padding-left: 270px;
/*padding-right: 60px;*/
position: relative;
}
div.shortcuts .box h2 {
line-height: 1.4;
margin-bottom: 0;
color: #30373d;
font-size: 36px;
position: relative;
z-index: 9;
}
div.shortcuts .box h2::after {
content: '';
display: block;
width: 96px;
height: 95px;
position: absolute;
left: -164px;
top: 9px;
}
div.shortcuts .box p {
line-height: 1.7;
margin-top: 18px;
position: relative;
z-index: 9;
max-width:630px;
}
div.shortcuts .box .buttonBox {
margin-top: 22px;
position: relative;
z-index: 9;
}
div.shortcuts .box.disk .buttonBox {
margin-top: 29px;
}
div.shortcuts .box.stars .buttonBox {
margin-top: 29px;
}
div.shortcuts .box.planets {
padding-top: 157px;
padding-bottom: 122px;
/*background: url("../images/planet1.png"), url("../images/planet2.png");*/
/*background-position: 34% 13%, 77% 94%;*/
/*background-repeat: no-repeat;*/
}
div.shortcuts .box.planets .planet1 {
position: absolute;
background-image: url("../images/planet1.png");
width: 104px;
height: 88px;
top: 67px;
left: 295px;
z-index: 5;
}
div.shortcuts .box.planets .planet2,
div.shortcuts .box.planets .planet2b {
position: absolute;
background-image: url("../images/planet2.png");
width: 182px;
height: 137px;
top: 500px;
left: 600px;
z-index: 5;
}
div.shortcuts .box.planets h2::after {
background-image: url("../images/circle-book.png");
}
div.shortcuts .box.disk {
background: url("../images/background-disk.png");
background-repeat: no-repeat;
margin-top: 50px;
padding-top: 8px;
padding-bottom: 70px;
background-position: right;
}
div.shortcuts .box.disk h2::after {
background-image: url("../images/circle-folder.png");
}
div.shortcuts .box.stars {
background: url("../images/background-stars.png") no-repeat;
padding-top: 103px;
padding-bottom: 89px;
background-position: top right;
}
div.shortcuts .box.stars h2::after {
background-image: url("../images/circle-staff.png");
}
div.start {
margin-top: 125px;
}
div.start .top {
background: url("../images/start-background.jpg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 520px;
position: relative;
}
div.start .top .p1{
background: url("../images/p1.png");
background-size: contain;
background-repeat: no-repeat;
width: 110px;
height: 93px;
position: absolute;
top: 105px;
left: 253px;
}
div.start .top .p2{
background: url("../images/p2.png");
background-size: contain;
background-repeat: no-repeat;
width: 117px;
height: 122px;
position: absolute;
top: 52px;
right: 143px;
}
div.start .top .p3,
div.start .top .p5 {
background: url("../images/p3.png");
background-size: contain;
background-repeat: no-repeat;
width: 183px;
height: 125px;
position: absolute;
bottom: 25px;
left: 134px;
}
div.start .top .p5 {
background-image: url("../images/p5.png");
}
div.start .top .p4{
background: url("../images/p4.png");
background-size: contain;
background-repeat: no-repeat;
width: 133px;
height: 132px;
position: absolute;
bottom: 0;
right: 166px;
}
div.start .top .rocket {
background: url("../images/rocket.png");
background-size: contain;
background-repeat: no-repeat;
width: 162px;
height: 233px;
margin: 0 auto;
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
div.start .text {
width: 465px;
margin: 0 auto;
text-align: center;
position: relative;
top: -48px;
}
div.start .text h2 {
font-size: 36px;
color: #30373d;
line-height: 1.4;
margin-bottom: 20px;
}
div.start .text p {
margin-top: 51px;
line-height: 1.6;
}
div.start .line {
width: 246px;
height: 6px;
background: #f1f8fe;
margin: 68px auto 0;
}
div.staff {
margin-top: 110px;
}
div.staff .left {
width: 449px;
display: inline;
float: left;
margin-left: -60px;
margin-right: -28px;
}
div.staff .right {
display: inline;
float: left;
width: calc(100% - 362px);
padding-left: 38px;
padding-top: 94px;
}
div.staff .right h2 {
font-size: 36px;
color: #30373d;
margin-bottom: 24px;
}
div.staff .right p {
font-size: 14px;
margin-top: 0;
line-height: 1.8;
}
div.staff .right p .bigger {
font-size: 18px;
color: #30373d;
}
div.staff .right .logos {
margin-top: 26px;
}
div.staff .right .logos .logo {
}
div.staff .right .logos .logo:first-child {
padding-left: 0;
}
div.staff .right .logos .logo .imageBox {
text-align: center;
height: 120px;
position: relative;
}
div.staff .right .logos .logo .imageBox img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
div.staff .right .logos .logo p {
text-align: center;
}
div.ebook {
position: relative;
padding-top: 181px;
padding-bottom: 100px;
}
div.ebook:before {
background-image: url("../images/background-stars2.png");
background-position: 28% 55px;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -250px;
display: block;
}
div.ebook .container {
display: flex;
flex-flow: row wrap;
}
div.ebook .container .left {
display: inline;
float: left;
width: 50%;
}
div.ebook .container .left b{
color: #444647
}
div.ebook .container .left .text {
display: inline;
float: left;
width: calc(100% - 243px);
padding-right: 23px;
}
div.ebook .container .left .text h2 {
font-size: 36px;
color: #30373d;
margin-bottom: 38px;
}
div.ebook .container .left .text p {
color: #9da5ab;
font-size: 14px;
line-height: 1.7;
margin-bottom: 27px;
}
div.ebook .container .left .imageBox {
display: inline;
float: left;
width: 243px;
padding-top: 33px;
}
div.ebook .container .left .imageBox img {
margin-bottom: 5px;
max-width: 324px;
}
div.ebook .container .left .imageBox input {
margin-bottom: 9px;
}
div.ebook .container .left .imageBox button {
width: 100%;
}
div.ebook .container .right {
display: inline;
flex: 1;
float: left;
width: 50%;
padding: 33px 0px 6px 81px;
}
div.ebook .container .right .infoBox {
width: 100%;
height: 100%;
background: #30373d;
padding: 23px 49px;
}
div.ebook .container .right .infoBox h2 {
font-size: 36px;
color: #fff;
line-height: 1.35;
}
div.ebook .container .right .infoBox h3 {
font-family: 'League Spartan', sans-serif;
font-size: 30px;
color: #1d8af7;
margin-top: 34px;
word-spacing: 7px;
}
div.ebook .container .right .infoBox h3 .small {
font-size: 24px;
word-spacing: 4px;
}
div.ebook .container .right .infoBox p {
font-size: 18px;
margin-top: 34px;
line-height: 1.6;
}
div.foo {
padding-bottom: 700px;
background-color: #0f161f;
}
div.methodContent {
background: url("../images/bg-method.png") no-repeat;
background-position: 41% 85%;
margin-top: 80px;
}
div.methodContent div.playContainer {
margin: auto;
}
div.methodContent div.playContainer .left {
width: 449px;
float: left;
margin-left: 36px;
margin-top: 10px;
}
div.methodContent div.playContainer .right {
padding-top: 42px;
margin-left: 505px;
}
div.methodContent div.playContainer .right .title {
font-size: 37px;
color: black;
font-family: 'League Spartan';
padding-top: 16px;
line-height: 53px;
}
div.methodContent div.playContainer .right .description {
margin-left: 5px;
}
div.methodContent div.playContainer .right .description .text {
color: black;
font-size: 18px;
line-height: 31px;
}
div.methodContent div.playContainer .right .categories {
font-size: 18px;
line-height: 38px;
margin-top: 23px;
margin-left: 2px;
}
div.methodContent .raport {
margin: auto;
text-align: center;
padding-top: 148px;
}
div.methodContent .raport .title {
font-size: 26px;
color: #30373d;
margin-bottom: 20px;
}
div.methodContent .raport .text {
font-size: 18px;
font-size: 18px;
line-height: 28px;
}
div.methodContent .inspiration {
margin: auto;
text-align: center;
padding-top: 190px;
}
div.methodContent .inspiration .title {
font-size: 33px;
font-family: 'League Spartan';
line-height: 40px;
color: #30373d;;
}
div.methodContent .inspiration .text {
line-height: 33px;
font-size: 18px;
margin-top: 50px;
}
div.baner {
background: #948ff2;
margin-top: 253px;
}
div.baner .imageBox {
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
div.baner .imageBox .text {
position: absolute;
width: 50%;
left: 17px;
top: 9px;
padding-top: 50px;
text-align: left;
padding-left: 56px;
color: #30373d;
font-size: 14px;
line-height: 39px;
}
div.baner .imageBox .text .title {
font-size: 18px;
color: #30373d;
}
div.baner .imageBox .textSign {
position: absolute;
width: 50%;
left: 17px;
top: 189px;
padding-top: 50px;
text-align: left;
padding-left: 56px;
color: #30373d;
font-size: 24px;
line-height: 32px;
}
div.baner .textBox {
color: #f1f8fe;
font-size: 14px;
padding-top: 200px;
padding-bottom: 49px;
}
div.baner .textBox .text {
display: inline;
float: left;
width: 50%;
padding: 0px 35px 0 72px;
line-height: 24px;
}
div.baner .textBox .text p {
margin-bottom: 24px;
}
div.baner .textBox .list {
display: inline;
float: left;
width: 50%;
padding: 1px 60px 0 51px;
font-size: 18px;
line-height: 30px;
}
div.baner .textBox .list a {
color: #f1f8fe;
font-size: 16px;
line-height: 26px;
text-decoration: underline;
}
div.baner .textBox .list a:hover {
color: #ffffff;
}
div.baner .textBox .list ul li {
margin-bottom: 14px;
}
div.typeMethodContainer {
background: url("../images/bg-clouds2.png") no-repeat;
background-position: 70% 88%;
}
div.typeMethodContainer .neurodidactics {
margin: auto;
padding-top: 93px;
}
div.typeMethodContainer .neurodidactics .right{
max-width: 438px;
float: right;
margin-left: 36px;
margin-top: 10px;
}
div.typeMethodContainer .neurodidactics .left {
max-width: 404px;
margin-top: 44px;
margin-left: 36px;
}
div.typeMethodContainer .neurodidactics .left .title {
font-size: 24px;
line-height: 45px;
color: #30373d;
}
div.typeMethodContainer .neurodidactics .left .text {
font-size: 18px;
line-height: 30px;
}
div.typeMethodContainer .neurodidactics .left .lists {
margin-left: 15px;
margin-top: 27px;
}
div.typeMethodContainer .neurodidactics .left .lists ul {
font-size: 18px;
margin: 0;
line-height: 24px;
}
div.typeMethodContainer .neurodidactics .left .lists ul li {
padding-bottom: 12px;
}
div.typeMethodContainer .psychologist {
margin: auto;
padding-top: 190px;
}
div.typeMethodContainer .psychologist .left{
max-width: 444px;
float: left;
margin-left: 36px;
margin-top: 10px;
}
div.typeMethodContainer .psychologist .right {
max-width: 422px;
margin-top: 44px;
float: right;
text-align: left;
}
div.typeMethodContainer .psychologist .right .title {
font-size: 24px;
line-height: 38px;
color: #30373d;
}
div.typeMethodContainer .psychologist .right .text {
font-size: 18px;
line-height: 30px;
}
div.typeMethodContainer .psychologist .right .lists {
margin-left: 15px;
margin-top: 27px;
}
div.typeMethodContainer .psychologist .right .lists ul {
font-size: 18px;
margin: 0;
line-height: 24px;
}
div.typeMethodContainer .psychologist .right .lists ul li {
padding-bottom: 12px;
}
div.quotationContainer {
}
div.quotationContainer .borderBox {
margin: 70px auto auto;
max-width: 778px;
}
div.quotationContainer .borderBox .boxContent {
padding: 98px;
background-color: #f1f8fe;
}
div.quotationContainer .borderBox .boxContent .quotation {
line-height: 29px;
color: #30373d;
}
div.quotationContainer .borderBox .boxContent .author {
padding-top: 20px;
}
div.quotationContainer .borderBox .boxContent .note {
max-width: 298px;
margin: auto;
padding-top: 23px;
font-size: 15px;
line-height: 24px;
}
div.aboutTeam {
margin-bottom: 0px;
position: relative;
z-index: 1;
}
div.aboutTeam .left {
display: inline;
float: left;
width: 50%;
padding: 44px 14px 28px 34px;
}
div.aboutTeam .full-width {
padding: 44px 14px 28px 34px;
}
div.aboutTeam .left .title {
color: #30373d;
font-size: 24px;
margin-top: 35px;
}
div.aboutTeam ul {
font-size: 18px;
margin-top: 35px;
padding-left: 30px;
}
div.aboutTeam ul li {
margin-bottom: 25px;
margin-left: 4px;
padding-left: 6px;
}
div.aboutTeam ul li:nth-child(3n+1) {
list-style-image: url("../images/planet-1.png");
}
div.aboutTeam ul li:nth-child(3n+2) {
list-style-image: url("../images/planet-2.png");
}
div.aboutTeam ul li:nth-child(3n+3) {
list-style-image: url("../images/planet-3.png");
}
div.aboutTeam .right {
display: inline;
float: left;
width: 50%;
}
div.aboutTeam .right .imageBox {
position: absolute;
top: -100px;
right: 26px;
}
div.teamContainer {
background: url("../images/bg-kadraa.png") no-repeat 47% 5%;
}
div.teamContainer .teams {
border: 6px solid #f1f8fe;
border-radius: 50px;
padding: 30px 0 100px;
margin: auto;
text-align: center;
z-index: 999999;
background-color: white;
max-width:940px;
}
div.teamContainer .teams .teamName {
margin-left: 85px;
margin-top: 75px;
text-align: left;
font-family: 'League Spartan', sans-serif;
font-size: 35px;
color: #30373d;
}
div.teamContainer .teams .personContainer {
display: inline-table;
max-width: 267px;
margin-top: 36px;
}
div.teamContainer .teams .personContainer .photoContainer {
position: relative;
padding: 40px 20px;
}
div.teamContainer .teams .personContainer .photoContainer .name {
position: absolute;
color: white;
bottom: 60px;
left: 54px;
text-align: left;
}
div.teamContainer .teams .personContainer .photoContainer .name .big {
font-size: 26px;
}
div.teamContainer .teams .personContainer .photoContainer .name .small {
font-size: 21px;
}
div.teamContainer .teams .personContainer .text {
font-size: 14px;
line-height: 24px;
padding: 0px 26px;
text-align: left;
}
div.highlightedText {
max-width: 1100px;
background:url("../images/bg_program-p.jpg");
background-position: 50%;
background-repeat:no-repeat;
margin-top: 100px;
}
div.highlightedText .content {
max-width: 620px;
margin: 0 auto;
}
div.highlightedText .title {
color: #30373d;
font-size: 24px;
padding-left: 82px;
margin-bottom: 18px;
position: relative;
z-index: 2;
}
div.highlightedText p {
color: #9da5ab;
padding: 15px 31px;
line-height: 29px;
margin: 3px 50px 0;
}
div.highlightedText .highlighted {
background: linear-gradient(-100deg, rgba(255, 240,0,0.5), rgba(255, 240,0,0.5));
background: -webkit-linear-gradient(-100deg, rgba(255, 240,0,0.5), rgba(255, 240,0,0.5)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(-100deg, rgba(255, 240,0,0.5), rgba(255, 240,0,0.5)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(-100deg, rgba(255, 240,0,0.5), rgba(255, 240,0,0.5)); /* For Firefox 3.6 to 15 */
padding: 6px 10px;
margin: 0 -10px;
/*position: relative;*/
/*left: -17px;*/
position: relative;
z-index: 0;
}
div.highlightedText .box {
background: #47c64f;
transform: skewX(2deg) skewY(-2deg);
margin-top: 12px;
padding: 46px 78px 33px;
}
div.highlightedText .box .boxTitle {
color: #fff;
font-size: 24px;
margin-bottom: 31px;
}
div.highlightedText .box p {
color: #d4ffd7;
font-size: 18px;
padding: 0;
margin: 0;
line-height: 30px;
margin-bottom: 29px;
}
div.benefits {
background: #f1f8fe;
margin-top: 90px;
padding-bottom: 52px;
}
div.benefits .right {
display: inline;
float: right;
width: 50%;
padding: 63px 14px 28px 65px;
}
div.benefits .right h2 {
color: #30373d;
font-size: 36px;
}
div.benefits .right ul {
font-size: 18px;
margin-top: 33px;
padding-left: 30px;
}
div.benefits .right ul li {
margin-bottom: 25px;
padding-left: 5px;
font-size: 18px;
color: #30373d;
}
div.benefits .right ul li:nth-child(3n+1) {
list-style-image: url("../images/planet-1.png");
}
div.benefits .right ul li:nth-child(3n+2) {
list-style-image: url("../images/planet-2.png");
}
div.benefits .right ul li:nth-child(3n+3) {
list-style-image: url("../images/planet-3.png");
}
div.benefits .left {
display: inline;
float: left;
width: 50%;
position: relative;
}
div.benefits .left .imageBox {
position: absolute;
top: 91px;
left: -10px;
}
div.missiionContainer {
padding-top: 115px;
padding-bottom: 40px;
}
div.missiionContainer .left {
font-size: 36px;
font-weight: bold;
padding-left: 122px;
line-height: 1.33em;
color: #30373d;
font-family: 'League Spartan', sans-serif;
}
div.missiionContainer .left .green {
color: #64e16c;
}
div.missiionContainer .right {
color: #30373d;
padding-left: 106px;
}
div.missiionContainer .right .title {
font-size: 24px;
margin-top: 9px;
}
div.missiionContainer .right ul {
font-size: 18px;
margin-top: 33px;
padding-left: 30px;
color: #9da5ab
}
div.missiionContainer .right ul li {
margin-bottom: 25px;
padding-left: 5px;
}
div.missiionContainer .right ul li:nth-child(3n+1) {
list-style-image: url("../images/planet-1.png");
}
div.missiionContainer .right ul li:nth-child(3n+2) {
list-style-image: url("../images/planet-2.png");
}
div.missiionContainer .right ul li:nth-child(3n+3) {
list-style-image: url("../images/planet-3.png");
}
div.personsContainer {
margin: auto;
padding-left: 19px;
margin-bottom: 135px;
}
div.personsContainer .person {
display: inline-table;
max-width: 485px;
}
div.personsContainer .person .photoContainer {
position: relative;
margin: 0px 20px 20px;
}
div.personsContainer .person .photoContainer .name {
position: absolute;
color: white;
bottom: 30px;
left:30px;
text-align: left;
}
div.personsContainer .person .photoContainer .name .big {
font-size: 25px;
font-family: 'League Spartan', sans-serif;
}
div.personsContainer .person .photoContainer .small {
font-size: 16px;
line-height: 39px;
}
div.personsContainer .person .text {
max-width: 348px;
font-size: 14px;
line-height: 25px;
margin: auto;
color: #9da5ab;
}
div.personsContainer .person .text a {
color: #30373d;
}
div.personsContainer .person .text a:hover {
color: #9da5ab;
}
div.bgContainer {
background: url("../images/bg-oNas.png") no-repeat 61% 63%;
}
div.placesContainer {
margin-top: 87px;
}
div.placesContainer h2 {
color: #30373d;
}
div.placesContainer p {
font-size: 18px;
padding-top: 28px;
line-height: 29px;
}
div.placesContainer .placeContainer {
margin-top: 138px;
margin-left: 88px;
}
div.placesContainer .placeContainer .left .name {
font-size: 24px;
color: #30373d;
}
div.placesContainer .placeContainer.reverse .left .name {
display: table-caption;
margin-left: -34px;
}
div.placesContainer .placeContainer .left .description {
font-size: 14px;
padding-top: 12px;
padding-bottom: 10px;
line-height: 24px;
}
div.placesContainer .placeContainer .left a {
font-size: 14px;
}
div.placesContainer .placeContainer .left ul {
margin-top: 59px;
font-size: 14px;
}
div.placesContainer .placeContainer .left ul li {
line-height: 23px;
margin-bottom: 27px;
position: relative;
padding-left:5px;
}
div.placesContainer .placeContainer .left ul li:nth-child(3n+1) {
list-style-image: url("../images/planet-1.png");
}
div.placesContainer .placeContainer .left ul li:nth-child(3n+2) {
list-style-image: url("../images/planet-2.png");
}
div.placesContainer .placeContainer .left ul li:nth-child(3n+3) {
list-style-image: url("../images/planet-3.png");
}
div.placesContainer .placeContainer .left ul li .black {
color: #30373d;
position: absolute;
top: -1px;
}
div.placesContainer .placeContainer .right {
max-width: 517px;
float: right;
}
div.placesContainer .placeContainer .right .photoContainer {
position: relative;
width: 517px;
padding-bottom: 600px;
}
div.placesContainer .placeContainer .right .photoContainer .photo{
position: absolute;
}
div.placesContainer .placeContainer .right .photoContainer .photo1{
top: -47px;
left: -5px;
}
div.placesContainer .placeContainer .right .photoContainer .photo2{
bottom: 59px;
left: -71px;
}
div.placesContainer .placeContainer .right .photoContainer .photo3{
top: 37px;
right: -24px;
}
div.placesContainer .placeContainer .right .photoContainer .photo4{
bottom: 18px;
right: -55px;
}
div.placesContainer .placeContainer.reverse {
margin-top: 157px;
}
div.placesContainer .placeContainer .right.reverse {
float: left;
margin-bottom: 100px;
margin-right: 100px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo1{
top: -45px;
left: -51px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo2{
bottom: 56px;
left: -117px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo3{
top: 39px;
right: 23px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo4 {
bottom: 15px;
right: -9px;
overflow: visible;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo4:after {
background-image: url(/app/themes/planet/images/loc-cl-b2x.png);
content: '';
position: absolute;
width: 297px;
height: 164px;
bottom: -74px;
right: -210px;
background-size: contain;
}
div.fbContainer {
margin-top: 158px;
margin-bottom: 94px;
padding-left: 21px;
}
div.programDetails {
background-color: #f1f8fe;
background-image: url("../images/backgroundHeaderBottom.png");
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
z-index: 100;
position: relative;
}
div.programDetails .container {
padding: 0 28px;
margin-bottom: -110px;
}
div.programDetails .programBox {
background: #fff;
position: relative;
border-radius: 73px;
top: -439px;
min-height: 200px;
padding: 96px 25px 96px 80px;
box-shadow: 0 0 50px -10px #fff;
-webkit-box-shadow: 0 0 50px -10px #fff;
position: relative;
z-index: 5;
}
div.programDetails .programBox h2 {
font-size: 36px;
color: #30373d;
margin: 0;
}
div.programDetails .programBox h3 {
font-size: 36px;
color: #9da5ab;
font-family: 'League Spartan', sans-serif;
margin-top: 12px;
}
div.programDetails .programBox .module + h2 {
margin-top: 70px;
}
div.programDetails .programBox .module .left {
display: inline;
float: left;
width: 268px;
padding: 77px 0;
position: relative;
}
div.programDetails .programBox .module .left img {
margin-bottom: 60px;
}
div.programDetails .programBox .module .right {
display: inline;
float: left;
width: calc(100% - 268px);
border-left: 6px solid #f1f8fe;
padding-top: 87px;
padding-left: 18px;
padding-bottom: 40px;
}
div.programDetails .programBox .module .right .month {
font-size: 14px;
color: #9da5ab;
margin-bottom: 10px;
}
div.programDetails .programBox .module .right .title {
font-size: 24px;
margin-bottom: 14px;
}
div.programDetails .programBox .module .right .title.red {
color: #f94f50;
}
div.programDetails .programBox .module .right .title.violet {
color: #948ff2;
}
div.programDetails .programBox .module .right .title.black {
color: #30373d;
}
div.programDetails .programBox .module .right .title.blue {
color: #205081;
}
div.programDetails .programBox .module .right .section {
position: relative;
}
div.programDetails .programBox .module .right .section::before {
content: '';
height: 6px;
width: 60px;
background: #f1f8fe;
display: block;
position: absolute;
top: 0px;
left: -19px;
}
div.programDetails .programBox .module .right .section .sectionTitle {
font-size: 18px;
color: #30373d;
padding: 23px 0 19px;
line-height: 26px;
}
div.programDetails .programBox .module .right .section .sectionTitle .icon-plus {
display: inline-block;
background: url('../images/icon-plus.png');
width: 19px;
height: 19px;
position: relative;
top: 4px;
margin-left: 10px;
cursor: pointer;
transition: all 0.3s;
}
div.programDetails .programBox .module .right .section .sectionTitle .icon-plus:hover {
opacity: 0.5;
}
div.programDetails .programBox .module .right .section p {
color: #9da5ab;
font-size: 14px;
line-height: 23px;
display: none;
margin-top: -10px;
}
div.programDetails .programBox .download {
text-align: center;
padding-right: 55px;
margin-top: 130px;
}
div.programDetails .programBox .download h3 {
font-size: 24px;
font-family:'Capriola', sans-serif;
color: #30373d;
margin-top: 23px;
}
div.programDetails .programBox .download p {
font-size: 18px;
color: #9da5ab;
line-height: 28px;
}
div.programDetails .programBox .download .buttonBox {
margin-top: 47px;
}
div.morePrograms {
text-align: center;
margin-bottom: 134px;
}
div.morePrograms h2 {
font-size: 36px;
color: #30373d;
margin-top: 112px;
}
div.morePrograms .programs {
max-width: 686px;
margin: 100px auto 0;
padding-left: 0px;
}
div.morePrograms .programs .program {
display: inline;
float: left;
width: 50%;
}
div.morePrograms .programs .program:first-child .imageBox {
border-right: 6px solid #f1f8fe;
}
div.morePrograms .programs .program .imageBox {
height: 210px;
padding: 20px 0 0;
box-sizing: content-box;
}
div.morePrograms .programs .program .title {
font-size: 24px;
color: #30373d;
font-family: 'League Spartan', sans-serif;
margin-top: 5px;
margin-bottom: 7px;
}
div.morePrograms .programs .program .subTitle {
font-size: 24px;
color: #30373d;
margin-bottom: 14px;
}
div.headerContainer {
margin-top: 0px;
}
div.headerContainer .btn{
font-size: 18px;
}
div.payment {
background: url('../images/payment-background.jpg');
}
.article-content,
div.headerContainer .paragarph {
padding: 0 30px;
}
.article-content h2,
div.headerContainer .paragarph h2 {
color: #30373d;
}
.article-content p,
div.headerContainer .paragarph p {
line-height: 30px;
text-align: justify;
}
.article-content ul,
div.headerContainer .list {
margin-top: 72px;
margin-bottom: 70px;
padding: 0 30px;
}
.article-content h3,
.aboutTeam h3,
div.headerContainer .list .title {
font-size: 24px;
font-weight:400;
color: #30373d;
}
.article-content ul,
div.headerContainer .list ul {
font-size: 18px;
margin-top: 35px;
padding-left: 30px;
}
.article-content ul li,
div.headerContainer .list ul li {
margin-bottom: 25px;
margin-left: 4px;
padding-left: 6px;
}
.article-content ul li:nth-child(3n+1),
div.headerContainer .list ul li:nth-child(3n+1) {
list-style-image: url("../images/planet-1.png");
}
.article-content ul li:nth-child(3n+2),
div.headerContainer .list ul li:nth-child(3n+2) {
list-style-image: url("../images/planet-2.png");
}
.article-content ul li:nth-child(3n+3),
div.headerContainer .list ul li:nth-child(3n+3) {
list-style-image: url("../images/planet-3.png");
}
div.payment .container {
text-align: center;
padding-top: 76px;
}
div.payment .container h2 {
color: #30373d;
font-size: 36px;
}
div.payment .container p {
color: #9da5ab;
margin-top: 50px;
line-height: 29px;
}
div.payment .container .methods {
padding-right: 15px;
margin-top: 92px;
}
div.payment .container .methods .left {
display: inline;
float: left;
width: calc(100% - 323px);
padding: 0 61px 0 41px;
}
div.payment .container .methods .left .method {
padding: 0 20px;
}
div.payment .container .methods .left .method .methodBox {
background: #205081;
text-align: left;
padding: 42px 52px 31px;
}
div.payment .container .methods .left .method .methodBox .type {
font-size: 30px;
color: #fff;
font-family: 'League Spartan', sans-serif;
}
div.payment .container .methods .left .method .methodBox .type .small {
color: #a8cafb;
font-size: 18px;
font-family: 'Capriola', sans-serif;
}
div.payment .container .methods .left .method .methodBox .price {
font-size: 36px;
color: #fff;
font-family: 'League Spartan', sans-serif;
margin-top: 14px;
margin-bottom: 5px;
}
div.payment .container .methods .left .method .methodBox .price .small {
font-size: 18px;
/*font-family: 'Capriola', sans-serif;*/
}
div.payment .container .methods .left .method .methodBox .total {
color: #a8cafb;
font-size: 18px;
}
div.payment .container .methods .left .method .methodBox .total .cheaper {
background: #f9809a;
color: #205081;
border-radius: 2px;
font-size: 12px;
text-transform: uppercase;
margin-left: 17px;
padding: 5px 14px;
letter-spacing: 3px;
}
div.payment .container .methods .left .method:last-child .methodBox {
padding: 23px 52px 35px;
}
div.payment .container .methods .left .method:last-child .methodBox .price {
margin-bottom: 10px;
}
div.payment .container .methods .left .method.big {
padding: 0;
position: relative;
}
div.payment .container .methods .left .method.big .methodBox {
background: #1d8af7;
padding: 42px 52px 35px;
background-image: url('../images/popular.png');
background-repeat: no-repeat;
background-position: bottom right;
}
div.payment .container .methods .left .method.big .methodBox .price {
padding-bottom: 6px;
}
div.payment .container .methods .right {
width: 323px;
display: inline;
float: right;
border: 6px solid #f1f8fe;
text-align: left;
/*padding: 24px 23px;*/
background: #fff;
position: relative;
z-index: 2;
}
div.payment .methods .right:after {
content: '';
display: block;
position: absolute;
left: 100%;
width: 270px;
height: 85px;
top: 50%;
background-image: url(/app/themes/planet/images/payment-cloud-2x.png);
background-size: contain;
margin-left: -80px;
margin-top: -160px;
z-index: -1;
}
div#register.form .left .box p {
padding: 5px 0 6px;
line-height: 1.44;
}
div.payment .container .methods .right .top {
padding: 24px 23px;
background: #fff;
}
div.payment .container .methods .right span {
font-size: 18px;
color: #30373d;
}
div.payment .container .methods .right ul {
padding: 0 0 0 31px;
margin-top: 28px;
}
div.payment .container .methods .right ul li {
line-height: 23px;
margin-bottom: 13px;
font-size: 14px;
color: #9da5ab;
position: relative;
text-align: left;
padding-left: 9px;
}
div.payment .container .methods .right ul li:nth-child(3n+1) {
list-style-image: url("../images/planet-1.png");
}
div.payment .container .methods .right ul li:nth-child(3n+2) {
list-style-image: url("../images/planet-2.png");
}
div.payment .container .methods .right ul li:nth-child(3n+3) {
list-style-image: url("../images/planet-3.png");
}
div.payment .container .methods .right p {
font-size: 14px;
margin-top: 22px;
text-align: center;
}
div.payment .container .methods .right .bottom {
padding: 22px 23px;
border-top: 6px solid #f1f8fe;
background:#fff;
}
div.payment .container .methods .right .bottom p {
margin: 0;
line-height: 17px;
}
div.payment .container .methods .right .bottom p .black {
color: #30373d;
line-height: 18px;
}
div.payment .container .methods .right .bottom p .number {
font-size: 18px;
line-height: 18px;
}
div.payment .container .line {
background: #f0f8fd;
max-width: 415px;
height: 6px;
margin: 98px auto 0;
}
div.form {
padding-right: 30px;
padding-left: 30px;
margin-top: 70px;
padding-bottom: 80px;
}
div.form .left {
display: inline;
float: left;
width: calc(100% - 323px);
padding: 0 81px 0 76px;
text-align: center;
}
div.form .left h2 {
font-size: 36px;
color: #30373d;
margin-bottom: 59px;
}
div.form .left .box {
background: #f1f8fe;
/*margin-bottom: 59px;*/
padding: 10px 49px 5px;
text-align: left;
}
div.form .left .box.first-child{
padding-top: 29px
}
div.form .left .box.second {
padding: 0px 49px;
}
div.form .left .box.second hr{
border-bottom: 5px dashed #fff;
margin: 0;
margin-bottom: 20px;
}
div.form .left .box .title {
font-size: 18px;
color: #30373d;
margin-bottom: 13px;
margin-top: 25px;
}
div.form .left .box .inputBox {
margin-bottom: 9px;
}
div.form .left .box .desc {
font-size: 14px;
color: #30373d;
padding: 5px 20px;
line-height: 24px;
width: 100%; margin-bottom: 3px;
}
div.form .left .box.white {
background: #fff;
border: 5px solid #f1f8fe;
margin-top: -5px;
}
div.form .left .box.white p {
font-size: 12px;
color: #9da5ab;
line-height: 16px;
padding: 0;
}
div.form .form_footer{
background: #f1f8fe;
padding: 20px 49px 30px;
display: inline-block;
width: 100%;
}
div.form .form_footer #delete{
color:#fd4e4b;
float:left;
}
div.form .form_footer #addnew{
float:right;
color:#1d8af7;
}
div.form .form_footer #delete,
div.form .form_footer #addnew{
background: none;
border: none;
font-size: 14px;
}
div.form .left .box.white .buttonBox {
width: 100%;
margin-bottom: 40px;
}
div.form .left .box.white .buttonBox button {
width: 100%;
}
div.form .right {
width: 323px;
display: inline;
float: right;
border: 6px solid #f1f8fe;
text-align: left;
margin-top: 35px;
position: relative;
}
div.form .top {
padding: 24px 23px;
line-height: 28px;
}
div.form span {
font-size: 18px;
color: #30373d;
}
.planet_list,
div.form .right ul {
padding: 0 0 0 31px;
margin-top: 28px;
}
.planet_list li,
div.form .right ul li {
line-height: 23px;
margin-bottom: 13px;
font-size: 14px;
color: #9da5ab;
position: relative;
text-align: left;
padding-left: 9px;
}
.planet_list li:nth-child(3n+1),
div.form .right ul li:nth-child(3n+1) {
list-style-image: url("../images/planet-1.png");
}
.planet_list li:nth-child(3n+2),
div.form .right ul li:nth-child(3n+2) {
list-style-image: url("../images/planet-2.png");
}
.planet_list li:nth-child(3n+3),
div.form .right ul li:nth-child(3n+3) {
list-style-image: url("../images/planet-3.png");
}
div.form .right p {
font-size: 14px;
margin-top: 18px;
text-align: center;
}
div.form .right .bottom {
padding: 22px 23px;
border-top: 6px solid #f1f8fe;
}
div.form.right .bottom p {
margin: 0;
line-height: 17px;
}
div.form .bottom p .black {
color: #30373d;
line-height: 18px;
}
div.form .bottom p .number {
font-size: 18px;
line-height: 18px;
}
.modulesBox {
margin: 15px 0 10px 5px;
}
.modulesBox h3.title {
font-size: 14px !important;
margin: 0 0 7px !important;
}
.modulesBox label {
padding: 8px 0 8px;
font-size: 14px;
line-height:11px !important;
}
.modulesBox [type="checkbox"] {
margin:0 3px 0 0;
}
div.faq {
padding-top: 69px;
padding-bottom: 150px;
}
div.faq h2 {
font-size: 36px;
color: #30373d;
margin-left: 92px;
margin-bottom: 47px;
}
div.faq .box {
border-bottom: 6px solid #f1f8fe;
margin-left: 92px;
}
div.faq .box .title {
color: #1d89f7;
font-size: 24px;
padding: 22px 0 22px;
cursor: pointer;
}
div.faq .box .title:hover {
opacity:0.7;
}
div.faq .box.active .title {
padding: 22px 0 0px;
}
div.faq .box p {
display: none;
font-size: 14px;
line-height: 23px;
margin-top: 10px;
color: #9da5ab;
}
.baner .textBox p,
.baner .textBox .planet_list li {
color:#f1f8fe;
font-size:16px;
Line-height:26px;
}
.baner .textBox .list p{
font-size: 16px;
line-height: 26px;
}
div.progamVontainer {
margin-top: 195px;
padding: 0 75px;
padding-top: 104px;
background-image: url("../images/orbita-bag.png");
background-repeat: no-repeat;
background-position: 70% 0%;
}
div.progamVontainer .left {
max-width: 480px;
float: left;
}
div.progamVontainer .left .title {
font-size: 36px;
margin-bottom: 34px;
color: #30373d;
font-family: 'League Spartan', sans-serif;
line-height: 47px;
}
div.progamVontainer .left p {
font-size: 18px;
line-height: 29px;
margin-bottom: 35px;
}
div.progamVontainer .right {
max-width: 327px;
float: right;
margin-top: 112px;
padding-right: 30px;
}
div.progamVontainer .right p {
font-size: 14px;
line-height: 24px;
margin-bottom: 25px;
}
div.ageContainer {
margin-top: 77px;
}
div.ageContainer .title {
font-size: 36px;
font-weight: bold;
font-family: 'League Spartan', sans-serif;
color: #30373d;
}
div.ageContainer .groupsContainer {
margin-top: 8px;
padding-top: 150px;
padding-bottom: 135px;
background-repeat: no-repeat;
background-image: url("../images/ramka.png");
background-position: 44% 0%;
}
div.ageContainer .groupsContainer .box {
display: inline-table;
margin: 0 57px;
position: relative;
}
div.ageContainer .groupsContainer .box .imageBox {
}
div.ageContainer .groupsContainer .box .name {
color: #30373d;
font-family: 'League Spartan', sans-serif;
margin-top: 28px;
font-size: 24px;
font-weight: bold;
}
div.ageContainer .groupsContainer .box .age {
color: #30373d;
font-size: 24px;
line-height: 40px;
}
div.ageContainer .groupsContainer .box .buttonBox {
margin-top: 12px;
}
div.ageContainer .groupsContainer .box .buttonBox button {
font-size: 14px;
padding: 10px 23px;
background-color: #1d8af7;
border: none;
color: #fff;
}
div.ageContainer .groupsContainer .box .buttonBox button.btn:hover {
transition: all 0.3s;
background: rgba(29, 138, 247, 0.7);
}
div.childbg {
background-image: url("../images/bg-child.png");
background-repeat: no-repeat;
background-position: 29% 0%;
padding: 0 10px;
}
div.childContainer {
margin-top: 87px;
margin-bottom: 76px;
}
div.childContainer .right {
/*max-width: 440px;*/
width: 50%;
float: right;
}
div.childContainer .right .imageBox {
text-align: right;
}
div.childContainer .left {
max-width: 420px;
width: 50%;
padding-left: 0;
padding-top: 40px;
}
div.childContainer .left .title {
font-size: 36px;
color: #30373d;
font-family: 'League Spartan', sans-serif;
line-height: 47px;
margin-bottom: 30px;
}
div.childContainer .left p {
font-size: 18px;
line-height: 30px;
padding-bottom: 11px;
}
div.childContainer .left a {
}
div.childContainer .left a .pdf {
position: relative;
padding-left: 29px;
padding-top: 4px;
font-size: 14px;
}
div.childContainer .left a .pdf:before {
content: '';
position: absolute;
background-image: url("../images/download.png");
background-repeat: no-repeat;
width: 21px;
height: 21px;
left: 0;
}
div.forParentsContainer {
padding: 0 110px;
}
div.forParentsContainer .title {
font-size: 36px;
padding-bottom: 25px;
color: #30373d;
font-family: 'League Spartan', sans-serif;
margin-bottom: 23px;
}
div.forParentsContainer p {
font-size: 18px;
line-height: 30px;
}
div.forParentsContainer span {
color: #30373d;
}
/*div.bgBaner {*/
/*background-image: url("../images/bg-blackBaner.png");*/
/*background-repeat: no-repeat;*/
/*background-position: 0% 0%;*/
/*}*/
div.baner.black {
background-color: #30373d;
margin-top: 231px;
}
div.baner.stars {
background-image: url('../images/baner-stars.png');
background-repeat: no-repeat;
background-position: top right;
}
div.baner.black .textBox {
padding-bottom: 126px;
}
div.baner.black .textBox .text {
padding: 3px 72px 0 65px;
}
div.baner.black .textBox .text p {
font-size: 14px;
color: rgb(157, 165, 171);
line-height: 1.714;
}
div.baner.black .textBox .list {
padding: 0px 92px 0 70px;
line-height: 28px;
}
div.baner.black .textBox .list p.small {
font-size: 18px;
line-height: 29px;
margin-bottom: 5px;
font-weight: 500;
}
div.baner.black .textBox .list p.big {
font-size: 18px;
padding-top: 15px;
padding-bottom: 6px;
}
div.baner.black .list .fb {
position: relative;
padding-left: 27px;
}
div.baner.black .list .fb:before {
content: "";
position: absolute;
background-image: url("../images/fb-icon.png");
background-repeat: no-repeat;
width: 23px;
height: 23px;
left: -3px;
}
.select2-results li {
text-decoration: none !important;
}
#footer {
padding-bottom: 30px;
}
#footer img.logo{
max-width: 86px
}
#footer .box {
display: inline;
float: left;
min-width: 131px;
margin-left: 31px;
}
#footer .box:first-child {
margin-left: 0;
}
#footer .box.small {
width: 15%;
}
#footer .box.big {
width: 20%;
}
#footer .box .title {
font-size: 18px;
font-family: 'League Spartan', sans-serif;
color: #30373d;
}
#footer .box ul {
list-style: none;
padding: 0;
}
#footer .box ul li {
margin-bottom: 12px;
}
#footer .box ul li a {
color: #9da5ab;
font-size: 14px
}
#footer a:hover {
opacity: 0.8;
}
#footer .box p {
color: #9da5ab;
font-size: 14px
}
#footer .logos {
text-align: center;
}
#footer .logos .logo {
margin-bottom: 77px;
}
#footer .logos .logo:last-child {
margin-bottom: 0;
}
@keyframes floated {
0% {
top: -30px;
}
50% {
top: 30px;
}
100% {
top: -30px;
}
}
@media screen and (max-width: 1200px){
/*div.placesContainer .placeContainer .right .photoContainer .photo3 {*/
/*display: none;*/
/*}*/
/*div.placesContainer .placeContainer .right .photoContainer .photo4 {*/
/*display: none;*/
/*}*/
}
@media screen and (max-width: 991px){
.shortcuts.container {
padding: 0;
}
div.start {
margin-top: 0;
}
div.start .top {
height: 340px;
}
.desktop {
display: none !important;
}
#menu .menuContainer .right ul li {
padding: 0 11px;
}
div.header .top .left {
display: block;
float: none;
text-align: center;
padding-left: 0;
}
div.header .top .right {
display: block;
float: none;
margin-top: 70px;
text-align: center;
padding: 0;
}
div.header .bottom h2 {
min-height: 90px;
text-align: center;
}
span.typed {
display: block;
}
div.header2 {
/*background: url("../images/backgroundHeaderBottom.png"), url('../images/planet3.png'), url("../images/backgroundHeader2.png");*/
/*background-repeat: no-repeat, no-repeat, no-repeat;*/
/*background-size: contain, 266px, cover;*/
/*background-position: bottom center, 13% 100%, top center;*/
/*background: #fff;*/
/*background: url('../images/planet3.png');*/
/*background-repeat: no-repeat;*/
/*background-position: 13% 100%;*/
min-height: 500px;
color: #ffffff;
}
div.header2 .wrapper {
padding-top: 155px;
padding-bottom: 211px;
}
div.header2 .planet {
background-size: 180px;
}
div.header3.aboutUs .container {
padding-left: 30px;
padding-right: 30px;
}
div.shortcuts .box {
padding-left: 60px;
}
div.shortcuts .box h2::after {
left: 0;
right: 0;
top: -115px;
background-position: center;
/*width: 100%;*/
background-repeat: no-repeat;
}
div.shortcuts .box.planets {
background-position: 34% 0, 77% 94%;
}
div.shortcuts .box.disk {
margin-top: 120px;
}
div.staff .left {
display: block;
float: none;
max-width: 362px;
margin: 0 auto;
}
div.staff .right {
display: block;
float: none;
width: 100%;
padding-left: 60px;
padding-right: 60px;
padding-top: 0;
text-align: center;
}
div.ebook .container {
display: block;
padding-left: 10px;
padding-right: 10px;
}
div.ebook .container .left {
display: block;
float: none;
width: 100%;
max-width: 486px;
margin: 0 auto;
}
div.ebook .container .right {
display: block;
float: none;
width: 100%;
max-width: 486px;
margin: 0 auto;
padding: 28px 0;
}
div.ebook .container .right .infoBox {
padding: 33px 49px;
}
div.ebook .container .right .infoBox h3 .small {
display: block;
}
div.methodContent div.playContainer .left {
display: block;
float: none;
max-width: 362px;
margin: 0 auto;
}
div.methodContent div.playContainer .right {
display: block;
float: none;
width: 100%;
padding-left: 60px;
padding-right: 60px;
padding-top: 0;
text-align: center;
margin-left: 0;
}
div.methodContent .raport {
padding-top: 130px;
}
div.methodContent .inspiration {
padding-top: 130px;
}
div.baner .textBox {
padding-top: 170px;
}
div.baner .textBox .text {
padding: 0px 35px 0 0px;
}
div.baner .textBox .list {
padding: 1px 0px 0 51px;
}
div.typeMethodContainer .neurodidactics .right {
display: block;
float: none;
max-width: 362px;
margin: 0 auto;
}
div.typeMethodContainer .neurodidactics .left {
display: block;
float: none;
width: 100%;
max-width: 998px;
padding-left: 60px;
padding-right: 60px;
padding-top: 0;
text-align: left;
margin-right: 0;
margin-left: 0;
}
div.typeMethodContainer .psychologist {
padding-top: 130px;
}
div.typeMethodContainer .psychologist .left {
display: block;
float: none;
max-width: 362px;
margin: 0 auto;
}
div.typeMethodContainer .psychologist .right {
display: block;
float: none;
width: 100%;
max-width: 998px;
padding-left: 60px;
padding-right: 60px;
padding-top: 0;
text-align: left;
margin-right: 0;
}
div.teamContainer {
padding: 0 25px;
}
div.teamContainer .teams .teamName {
text-align: center;
margin-left: 0px;
}
div.teamContainer .teams .personContainer {
display: block;
max-width: 695px;
margin-top: 36px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div.teamContainer .teams .personContainer .photoContainer {
max-width: 280px;
margin: auto;
}
div.teamContainer .teams .personContainer .text {
text-align: center;
}
div.aboutTeam .left {
width: 100%;
display: block;
padding: 0 25px;
}
div.aboutTeam .right {
width: 100%;
display: block;
text-align: center;
}
div.personsContainer .person {
max-width: 530px;
margin-bottom: 50px;
padding: 0 30px;
margin: auto;
display: block;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo3 img {
width: 100%;
}
div.aboutTeam .right .imageBox {
padding-top: 30px;
position: static;
}
div.benefits .right {
padding: 63px 14px 28px 15px;
}
div.missiionContainer .left {
padding: 0 30px;
margin-bottom: 50px;
}
div.missiionContainer .right {
padding: 0 30px;
}
div.placesContainer .placeContainer {
margin-left: 0px;
}
div.placesContainer .placeContainer .right .photoContainer {
width: 385px;
}
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo3,
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo4 {
display: none;
}
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo1 {
top: -17px;
left: 34px;
}
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo2 {
bottom: 48px;
left: -47px;
}
div.placesContainer .placeContainer .left {
float: none;
margin-left: 30px;
}
div.placesContainer .placeContainer .left.reverse {
margin-right: 30px;
margin-left: 0px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo2,
div.placesContainer .placeContainer .right.reverse .photoContainer .photo1 {
display: none;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo3 {
top: 0px;
right: 57px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo4 {
bottom: 94px;
right: 5px;
}
div.programDetails .programBox .module .left {
display: none;
}
div.programDetails .programBox .module .right {
width: 100%;
display: block;
}
div.payment .container .methods {
padding: 0;
}
div.payment .container .methods .left {
width: 100%;
display: block;
float: none;
padding: 0 10px;
}
div.payment .container .methods .right {
width: 100%;
display: block;
float: none;
max-width: 400px;
margin: 50px auto 0;
}
div.form .left {
display: block;
width: 100%;
float: none;
}
div.form .right {
width: 100%;
display: block;
float: none;
max-width: 400px;
margin: 50px auto 0;
}
div.faq h2 {
margin-left: 0;
}
div.faq .box {
margin-left: 0;
}
div.baner {
margin-top: 190px;
}
/*div.baner .imageBox .text {*/
/* padding-left: 30px;*/
/* padding-top: 33px;*/
/* font-size: 11px;*/
/* line-height: 30px;*/
/*}*/
div.baner .imageBox .text .title {
font-size: 14px;
}
div.progamVontainer {
background-position: 0% 8%;
padding: 195px 25px 0;
background-size: contain;
margin: 0 auto;
}
div.progamVontainer .left {
max-width: 100%;
}
div.progamVontainer .right {
max-width: 100%;
float: none;
}
div.ageContainer .groupsContainer {
background-image: none;
}
div.ageContainer .groupsContainer .box {
margin: 0 7px;
}
#footer .box {
min-width: 0;
margin-left: 0;
text-align: center;
}
#footer .box.top {
width: 100%;
}
#footer .box.bottom {
width: 100%;
margin-top: 60px;
}
#footer .logos .logo {
margin-bottom: 0;
}
div.ebook {
padding-bottom: 40px;
padding-top: 40px;
}
#footer {
padding-bottom: 70px;
}
div.baner .imageBox .textSign {
padding-top: 0;
}
div.baner .imageBox .text {
position: absolute;
width: 50%;
left: 17px;
top: 9px;
padding-top: 40px;
text-align: left;
padding-left: 26px;
color: #30373d;
font-size: 14px;
line-height: 1.44;
}
}
@media screen and (max-width: 769px) {
div.baner .imageBox .text {
position: relative;
width: 110%;
width: calc(100% + 20px);
left: -10px;
right: -10px;
transform: none;
background: #fff;
padding-right: 50px;
top: 70px;
padding-top: 50px;
text-align: left;
padding-left: 56px;
color: #30373d;
font-size: 14px;
line-height: 39px;
padding-bottom: 60px;
}
.page-template-template-program div.baner .imageBox .text {
background: #f1f8fe;
}
div.baner .imageBox .textSign {
padding-left: 30px;
padding-top: 4px;
top: 0;
font-size: 18px;
position: relative;
}
.headerParallax.parallax-window {
background: url("../images/mobile-bg.jpg");
margin-bottom: -2px;
}
#menu .menuContainer {
color: #fff;
padding: 0 30px;
}
#menu .menuContainer .left {
padding-left: 0;
width: 64%;
text-align: right;
position: relative;
z-index: 101;
}
#menu .menuContainer .right{
/*float: left; */
}
#menu .menuContainer .right ul {
position: absolute;
display: none;
background: rgba(48, 55, 61, 0.98);
left: 0;
right: 0;
top: 0;
text-align: center;
padding: 30px 0;
z-index: 9;
box-shadow: 0 5px 10px 7px rgba(0, 0, 0, 0.24);
padding-top: 100px;
}
#menu .menuContainer .right ul li {
display: block;
padding: 8px 0;
}
#menu .menuContainer .right .icon-bar {
display: inline-block;
}
div.header .top .right {
max-width: 170px;
margin: 70px auto 0;
}
div.header .boxes {
padding-left: 0;
padding-top: 91px;
}
div.header .bottom h2 {
margin-bottom: 0;
}
div.header .bottom h2 span {
display: block;
width: 100%;
height: auto;
margin-bottom: 20px;
}
div.header .bottom p {
margin: 0;
}
div.header.singin .prices .box {
display: block;
width: 100%;
margin-bottom: 60px;
}
div.header.singin .prices .box .line {
display: none;
}
div.shortcuts .box {
padding-left: 25px;
padding-right: 25px;
/*text-align: center;*/
}
div.shortcuts .box h2 {
font-size: 30px;
}
div.header2 .planet {
z-index: 7;
}
div.shortcuts .box.planets .planet1 {
left: 61px;
}
div.shortcuts .box.planets .planet2,
div.shortcuts .box.planets .planet2b {
left: 335px;
top: 563px;
}
div.start {
margin-top: 65px;
}
div.start .top .rocket {
width: 112px;
}
div.start .text {
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
div.staff .left {
padding-left: 30px;
padding-right: 30px;
}
div.staff .right {
padding-left: 30px;
padding-right: 30px;
}
div.ebook .container .left {
max-width: none;
padding-left: 15px;
padding-right: 15px;
}
div.ebook .container .left .text {
display: block;
float: none;
width: 100%;
}
div.ebook .container .left .imageBox {
display: block;
float: none;
width: 100%;
max-width: 243px;
margin: 0 auto;
}
div.ebook .container .right {
max-width: none;
padding: 28px 15px;
}
div.ebook .container .right .infoBox {
padding: 33px 20px;
}
div.methodContent div.playContainer .left {
padding-left: 30px;
padding-right: 30px;
max-width: 100%;
margin-bottom: 30px;
}
div.methodContent div.playContainer .right {
padding-left: 30px;
padding-right: 30px;
max-width: 100%;
}
div.methodContent .raport {
padding-left: 30px;
padding-right: 30px;
}
div.methodContent .inspiration {
padding-left: 20px;
padding-right: 20px;
margin-bottom: -40px;
}
div.baner .imageBox {
position: relative;
margin: 0 -20px 20px;
}
div.baner .textBox {
padding: 0;
position: relative;
top: -90px;
}
.page-template-template-zapisz div.baner .imageBox .textSign {
padding-left: 0;
font-size: 28px;
width: 100%;
color: #fff;
}
.page-template-template-zapisz div.baner .textBox {
top: 0;
}
.page-template-template-zapisz div.baner {
margin-top: 80px;
padding-top: 80px;
}
div.baner .textBox .text {
display: block;
float: none;
width: 100%;
padding: 0;
margin: 0 -5px;
}
div.baner .textBox .list {
display: block;
float: none;
width: 100%;
padding: 0 15px;
}
div.baner .textBox .list ul {
padding-left: 20px;
}
.typeMethodContainer.container-fluid {
padding: 0 25px;
}
div.typeMethodContainer .neurodidactics .right {
padding-right: 0;
}
div.typeMethodContainer .neurodidactics .left {
padding-left: 0;
padding-right: 0;
}
div.typeMethodContainer .psychologist .left {
padding-right: 0;
}
div.typeMethodContainer .psychologist .right {
padding-left: 0;
padding-right: 0;
}
div.quotationContainer .borderBox .boxContent {
padding: 30px;
}
div.bgContainer {
padding: 0 30px;
}
div.quotationContainer .borderBox{
padding:0 15px;
}
div.personsContainer {
padding: 0;
margin-bottom: 30px;
}
div.personsContainer .person {
padding-left: 15px;
padding-right: 15px;
}
div.highlightedText .content {
padding: 0 10px;
}
div.highlightedText .title {
padding: 0;
}
div.highlightedText p {
padding: 15px 0px;
margin: 3px 0px 0;
}
div.highlightedText .box {
transform: none;
padding: 46px 18px 33px;
}
div.benefits .left {
display: block;
float: none;
width: 100%;
padding: 0 15px;
}
div.benefits .left .imageBox {
position: static;
text-align: center;
}
div.benefits .left .imageBox img {
max-width: 250px;
}
div.benefits .right {
display: block;
float: none;
width: 100%;
padding: 0 10px;
}
div.placesContainer {
margin-top: 0;
}
div.placesContainer .placeContainer {
margin: 0 !important;
}
div.placesContainer .placeContainer .right {
text-align: center !important;
float: none !important;
max-width: 350px !important;
margin: auto !important;
}
div.placesContainer .placeContainer .right .photoContainer {
padding-bottom: 0;
max-width: 350px;
}
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo1 {
position: static;
padding-top: 30px;
padding-bottom: 30px;
}
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo2,
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo3,
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo4 {
display: none;
}
div.placesContainer .placeContainer .left {
float: none !important;
margin: auto !important;
max-width: 335px;
}
div.personsContainer .person .text{
padding:0 15px;
margin-bottom: 30px;
}
div.teamContainer .teams {
padding: 30px 0;
}
div.aboutTeam .right {
padding: 0 25px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo3 {
position: static;
padding-top: 30px;
padding-bottom: 30px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo1,
div.placesContainer .placeContainer .right.reverse .photoContainer .photo2,
div.placesContainer .placeContainer .right.reverse .photoContainer .photo4 {
display: none;
}
div.fbContainer {
padding: 0;
}
div.programDetails .programBox {
padding: 40px 25px 96px 4px;
}
div.programDetails .programBox h2,
div.programDetails .programBox h3{
padding: 0 19px;
}
div.programDetails .programBox .module .right{
border:0; padding-top: 0px; padding-left: 15px;
}
div.programDetails .programBox .download {
padding-right: 0; padding-left: 15px;
}
div.morePrograms .programs .program {
display: block;
float: none;
text-align: center;
width: 100%;
margin-bottom: 70px;
}
div.placesContainer .placeContainer .right .photoContainer {
width: 100%;
}
div.placesContainer .placeContainer .right.unreverse .photoContainer .photo1,
div.placesContainer .photoContainer .photo3{
text-align:left;
}
div.morePrograms .programs .program:first-child .imageBox {
border: none;
}
div.headerContainer .list ul {
padding: 0 30px;
}
div.payment .container .methods .left .method .methodBox {
padding: 42px 20px 35px !important;
background-size: 20%;
}
div.payment .container .methods .left .method .methodBox .type {
font-size: 26px;
}
div.payment .container .methods .left .method .methodBox .type .small {
font-size: 15px;
}
div.form .left {
padding: 0;
}
div.form {
padding-right: 15px;
padding-left: 15px
}
div.form .box {
padding:29px 30px 5px !important
}
.form.container.max-width{
padding-bottom:0;
}
div.faq{
padding:15px 30px 30px;
}
div.ageContainer .groupsContainer .box {
display: block;
max-width: 250px;
margin: 0 auto 60px;
}
div.childContainer .right {
display: block;
float: none;
margin: 0 auto;
max-width: 440px;
}
div.childContainer .left {
display: block;
float: none;
margin: 0 auto;
width: 100%;
max-width: none;
}
div.forParentsContainer {
padding: 0 25px;
}
div.bgBaner.workshops .baner {
margin-top: 121px;
}
div.bgBaner.workshops .imageBox img {
display: none;
}
div.bgBaner.workshops .textBox {
top: 0;
padding: 70px 0;
}
div.bgBaner.workshops .textBox .text {
padding: 3px 0 0 0px;
}
div.bgBaner.workshops .textBox .list {
padding: 3px 0 0 0px;
}
#footer .box {
min-width: 0;
margin-left: 0;
text-align: center;
width: 100% !important;
margin-top: 30px !important;
}
#footer .box:last-child {
width: 100% !important;
}
}
@media screen and (max-width: 500px) {
div.shortcuts .box.planets .planet2,
div.shortcuts .box.planets .planet2b {
left: 235px;
top: 700px;
}
#footer .box {
width: 100% !important;
}
}
.modal-open {
overflow: hidden;
padding-right: 0px !important;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: 0;
padding:50px 15px;
}
.modal .x.close{
position: absolute;
right: 15px;
top: 15px;
background: none;
border: 0;
font-size: 28px;
}
.modal .close.btn{
margin: 50px auto 0;
display: block;
min-width: 150px;
}
.modal header,
.modal p{
font-weight: 300;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
.modal header{
margin-bottom: 50px;
font-size: 36px;
}
.modal p{
font-size: 18px;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
.mobile {
display: none !important;
}
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
content: " ";
display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
@media screen and (max-width: 1440px) {
div.header2 .planet2,
div.header2 .planet2b {
right: 15%;
z-index: 2;
}
div.header2 .planet {
left: 6%;
}
}
@media screen and (max-width: 1200px) {
div.header2 .planet2,
div.header2 .planet2b {
right: 5%;
z-index: 2;
}
div.header2 .planet {
left: -3%;
}
}
@media screen and (min-width: 1200px) {
.c_typed-text {
margin-left: 18px;
margin-right: -15px;
}
}
@media screen and (min-width: 993px) {
div.placesContainer .placeContainer .right.reverse .photoContainer .photo3 {
max-width: 208px;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
div.ageContainer .groupsContainer .box {
margin: 0 50px;
}
div.ageContainer .groupsContainer {
background-size: contain;
}
}
@media screen and (max-width: 992px) {
div.start .top .p1{
left: 130px;
top: 54px;
background-size: 70%;
}
div.start .top .p2{
right: 102px;
top: 41px; background-size: 70%;
}
div.start .top .p3{
left: 43px;
bottom: -20px; background-size: 70%;
}
div.start .top .p4
{
right: 98px;
bottom: -36px; background-size: 70%;
}
div.start .top .p5{
left: 43px;
bottom: -20px; background-size: 70%;
}
div.header2 .planet2,
div.header2 .planet2b {
right: -5%;
}
div.header2 .planet {
left: 10%;
bottom: 0;
}
div.form .form_footer {
display: flex;
flex-direction: column-reverse;
padding: 10px 0 20px;
}
div.form .form_footer #delete, div.form .form_footer #addnew {
padding: 10px 0;
}
div.bgBaner.workshops .baner.black.stars .imageBox {
margin-bottom: -120px;
}
#menu .menuContainer .right .icon-bar {
float: right;
}
#menu .menuContainer .right ul {
padding-top: 96px;
}
div.payment .container .methods .left .method .methodBox .total .cheaper {
display: table;
margin: 30px auto 0;
}
.page-template-template-zapisz div.form .left .box img {
margin: auto;
display: block;
}
}
@media screen and (max-width: 767px) {
div.bgContainer {
background: url("../images/bg-oNas.png") no-repeat 61% 163%;
}
div.start .top .rocket{
top:180px;
}
div.start .top .p1{
left: 10%;
top: 110px;
background-size: 60%;
}
div.start .top .p2{
right: 0;
top: 41px; background-size: 40%;
background-position:right;
}
div.start .top .p3{
left: 10%;
bottom: -50px; background-size: 50%;
}
div.start .top .p4
{
right: 0;
/* bottom: -110px; */
bottom: -20px; background-size: 50%;
background-position:right;
}
body div.baner .imageBox img.responsive {
display: none;
}
div.personsContainer .person .photoContainer .small {
font-size: 14px;
line-height: 1.4;
}
div.personsContainer .person .photoContainer .name .big {
font-size: 20px;
}
div.header2 .planet2,
div.header2 .planet2b {
bottom:-30px;
background-size: 180px
}
div.childContainer .right {
width: 100%;
}
div.teamContainer .teams {
border: 0;
border-radius: 0;
padding: 0;
margin: auto;
}
div.teamContainer {
padding: 0;
}
}
div.baner .imageBox p.sm-text {
text-align: center;
display: block;
font-size: 26px;
padding: 0 35px;
color: #fff;
}
@media screen and (min-width: 571px) { /* min! */
div.baner .imageBox p.sm-text {
text-align: left;
display: block;
font-size: 24px;
padding: 0 48px;
color: #30373d;
position: absolute;
line-height: 1.44;
top: 50%;
transform: translateY(-80%);
width: 50%;
}
}
@media screen and (max-width: 570px) {
div.start .top .p3,
div.start .top .p5 {
left: 0;
}
div.shortcuts .box.planets .planet1{
left:-20px;
}
div.baner .imageBox img.sm-hide {
/*display: none;*/
opacity: 0;
height: 200px;
}
div.baner .imageBox p.sm-text {
text-align: center;
display: block;
font-size: 26px;
padding: 0 35px;
color: #fff;
width: 100%;
position: relative;
transform: none;
margin-bottom: 45px;
}
div.baner {
margin-top: 150px;
}
body.page-template-template-zapisz div.baner .imageBox {
margin-bottom: 30px;
margin-top: 70px;
}
div.payment .container .methods .left .method.big .methodBox {
background-size: 30%;
}
}
@media screen and (max-width: 480px) {
.page-template-template-zapisz div.baner {
padding-top: 0;
padding-bottom: 40px;
}
div.payment .container .methods .left .method .methodBox .price .small, div.payment .container .methods .left .method .methodBox .type .small {
display: block;
margin-top: 10px;
}
div.placesContainer .placeContainer .right.reverse .photoContainer .photo3 img {
width: 100%;
}
div.header2 .planet2,
div.header2 .planet2b {
right: 5%;
}
div.programDetails .programBox {
padding: 40px 15px 96px 5px;
}
div.header2 .planet {
bottom: -30px;
}
div.payment .container .methods .left .method.big .methodBox {
background-size: 36%;
}
.page-template-template-program div.baner .imageBox .text {
top: 120px;
padding: 30px;
}
}
@media screen and (max-width: 380px) {
div.shortcuts .box.planets .planet2,
div.shortcuts .box.planets .planet2b {
left: 150px;
top: 907px;
}
div.baner .imageBox {
margin: 0 -20px 20px;
}
div.baner .textBox {
top: -70px;
}
div.methodContent .inspiration {
margin-bottom: -60px;
}
div.payment .container .methods .left .method.big .methodBox {
background-size: 43%;
}
div.bgBaner.workshops .baner { /* program */
margin-top: 220px;
}
.page-template-template-program div.baner .imageBox .text {
padding: 25px;
}
div.staff .left {
padding-left: 9px;
padding-right: 2px;
max-width: 100%;
}
.home .planet1,
.home .planet2{
display: none
}
}
@media screen and (max-width: 339px) {
.headerContainer.container.max-width {
padding: 0;
}
}
@media screen and (max-width: 320px) {
div.ebook .container .right .infoBox h3 {
font-size: 24px;
word-spacing: 0px;
}
div.ebook .container .right .infoBox h3 .small {
font-size: 19px;
word-spacing: 0px;
}
}
.buttonBox .btn:hover, .buttonBox .btn:focus {
color: #fff;
}
div.form span.errorz {
font-size: 16px;
text-align: center;
margin: 10px auto -10px;
display: block;
color: #fd4e4b;
}
.programs .buttonBox {
margin-top: 20px;
}
body .nohov:hover {
color: #5fabf6 !important;
background-image: url('../images/icon-download.png');
background-color: transparent;
background-repeat: no-repeat;
background-position: center left;
}
#delete{
display:none;
}
li[aria-disabled=true] {
display:none;
}
.hidden_details div {
display:none;
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgba(65, 59, 59, 0.55); opacity: 0.5; filter: alpha(opacity = 50);}
#colorbox{outline:0;}
#cboxLoadingGraphic{background:url(../images/loader.svg) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxSlideshow, #cboxClose {display:none;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active,#cboxNext:focus, #cboxSlideshow:focus {outline:0;}
#cboxCurrent {display:none !important;}
#cboxPrevious,
#cboxNext{
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
top: 50%;
position: absolute;
width: 33px;
top: 50%;
height: 57px;
background-position: 0;
text-indent: -9999px;
border: 0;
opacity:0.1
}
#cboxPrevious{
left: 5px;
background: url(../images/ar_left.png) no-repeat;
}
#cboxNext{
right: 5px;
background: url(../images/ar_right.png) no-repeat;
}
#cboxContent:hover #cboxPrevious,
#cboxContent:hover #cboxNext
{opacity:.5;}
#cboxPrevious:hover,
#cboxNext:hover
{opacity:1 !important;}
input[type="checkbox"].error {
outline: 3px solid #f7a0a0;
}
.more_info {
display: none;
}
.more_info.in {
display: inline;
}
#mc_form label {
font-size: 70%;
float: left;
overflow: hidden;
line-height: 1.6em !important;
margin-bottom: 10px;
}
#mc_form input[type="checkbox"] {
margin-bottom: 0;
}
.show_more:after {
content: "[więcej]";
}
span.more_info.in + .show_more:after {
content: "[mniej]";
}
.form-box {
width: 600px;
padding: 0 75px;
text-align: center;
margin: 0 auto;
}
.form-box .title {
font-size: 24px;
color: #30373d;
}
div.form .form-box .box .inputBox {
margin-bottom: 9px;
}
div.form .form-box .box .buttonBox {
margin-top: 30px;
}
div.placesContainer .placeContainer .left ul.places-list {
margin-top: 48px;
margin-left: 100px;
}
.faq .title::after {
float: right;
content: "+";
}
.faq .title.active::after {
content: "-";
}
.text--desktop-padding {
padding: 0 72px 0 72px !important;
}
.sm-text--w-40 {
font-size: 20px !important;
width: 40% !important;
line-height: 1.5em;
}
@media (max-width: 767px) {
.header .top br,
.baner .sm-text br {
display: none;
}
.header .wrapper {
padding-top: 100px !important;
}
div.ebook .container .right .infoBox h3 {
font-size: 14px;
}
div.ebook .container .right .infoBox h3 .small {
font-size: 20px;
word-spacing: 2px;
}
.logo--footer img {
/* clip-path: none; */
/* max-width: calc(100% - 30px) !important; */
/* width: 100%; */
/* margin: 0 auto; */
transform: translateX(30%);
}
div.missiionContainer .left {
font-size: 32px;
}
.text--desktop-padding {
padding: 0 !important;
margin-top: -60px !important;
}
.text--mobile-text {
display: none !important;
}
.form-box {
width: 100%;
padding: 0;
}
.sm-text--w-40 {
width: 100% !important;
padding: 0 !important;
}
.baner--format .imageBox {
transform: none !important;
margin: 0 0 50px !important;
}
.baner--format .textBox {
top: 0 !important;
}
div.bgBaner.workshops .textBox {
padding-top: 150px !important;
}
.mobile-mt-30 {
margin-top: 30px !important;
}
.shortcuts .planet1 {
display: none;
}
div.header .wrapper {
padding-bottom: 110px;
}
}
@media (max-width: 374px) {
div.ebook .container .right .infoBox h3 {
font-size: 12px;
}
div.ebook .container .right .infoBox h3 .small {
font-size: 16px;
word-spacing: 1px;
}
.c_typed-text {
padding: 0 15px;
}
div.missiionContainer .left {
font-size: 26px;
}
}
.home-typed-min{
min-height: 130px;
}
.staff-image-container{
margin-top: 60px;
}
@media (max-width: 991px) {
.home-typed-min{
min-height: 230px !important;
}
.staff-image-container{
margin-top: 0;
}
}
@media (max-width: 440px) {
.home-typed-min{
min-height: 400px !important;
}
.staff-image-container{
margin-top: 0;
}
}