@import "shortcodes.css";
    @import "menu.css";
    @import "fontello.css";
    @import "animate.css";
    @import "magnific-popup.css";
    body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #ccc;
}
body.boxed_img {
    background-image: url(../img/pattern/witewall_3.png)!important;
    background-size: cover;
    background-attachment: fixed;
}
.container {
    width: 1200px;
    margin: auto;
    padding: 0;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.site {
    float: left;
    width: 100%; max-width: 100%;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease;
}
.site>.site_fullwidth {
    float: left;
    width: 100%; max-width: 100%;
    background-color: #fff;
    background-image: url(../img/pattern/witewall_3.png);
}
.site>.site_boxed {
    width: 1220px;
    margin: auto;
    padding: 0;
    background-color: #fff;
}
.section {
    width: 100%; max-width: 100%;
    float: left;
}
.grid_1, .grid_10, .grid_11, .grid_12, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 {
    margin: 10px;
    float: left;
    display: inline;
}
.grid.nomargin {
    margin: 0;
    padding: 10px;
}
.grid.percentage {
    margin: 0;
    padding: 0;
}
.grid_12.percentage {
    width: 100%; max-width: 100%}
.grid_6.percentage {
    width: 50%;
    min-width: 300px;
}
.grid_4.percentage {
    width: 33.33%}
.grid_3.percentage {
    width: 25%}
.grid_8.percentage {
    width: 66.66%}
.grid_9.percentage {
    width: 75%}
.grid_1 {
    width: 80px;
}
.grid_2 {
    width: 180px;
}
.grid_3 {
    width: 280px;
}
.grid_4 {
    width: 380px;
}
.grid_5 {
    width: 480px;
}
.grid_6 {
    width: 580px;
}
.grid_7 {
    width: 680px;
}
.grid_8 {
    width: 780px;
}
.grid_9 {
    width: 880px;
}
.grid_10 {
    width: 980px;
}
.grid_11 {
    width: 1080px;
}
.grid_12 {
    width: 1180px;
}
.width_percentage1 {
    width: 1%!important;
}
.width_percentage10 {
    width: 10%!important;
}
.width_percentage20 {
    width: 20%!important;
}
.width_percentage25 {
    width: 25%!important;
}
.width_percentage30 {
    width: 30%!important;
}
.width_percentage40 {
    width: 40%!important;
}
.width_percentage50 {
    width: 50%!important;
}
.width_percentage60 {
    width: 60%!important;
}
.width_percentage70 {
    width: 70%!important;
}
.width_percentage80 {
    width: 80%!important;
}
.width_percentage90 {
    width: 90%!important;
}
.width_percentage100 {
    width: 100%; max-width: 100%!important;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6, input[type=text], select, textarea {
    font-family: Montserrat, sans-serif;
    color: #868585;
}
h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle, input[type=text].subtitle, select.subtitle, span.subtitle, textarea.subtitle {
    font-family: Raleway, sans-serif;
    color: #a4a4a4;
}
h1.signature, h2.signature, h3.signature, h4.signature, h5.signature, h6.signature, span.signature {
    font-family: Montez, cursive;
}
a.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, i.white, input[type=submit].white, input[type=text].white, p.white, select.white, span.white, textarea.white {
    color: #fff;
}
a.grey, h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey, i.grey, input[type=submit].grey, input[type=text].grey, p.grey, pre.grey, select.grey, span.grey, textarea.grey {
    color: #a4a4a4;
}
a.greydark, h1.greydark, h2.greydark, h3.greydark, h4.greydark, h5.greydark, h6.greydark, i.greydark, input[type=submit].greydark, input[type=text].greydark, p.greydark, select.greydark, span.greydark, textarea.greydark {
    color: #868585;
}
a.greydark2, h1.greydark2, h2.greydark2, h3.greydark2, h4.greydark2, h5.greydark2, h6.greydark2, i.greydark2, input[type=submit].greydark2, input[type=text].greydark2, p.greydark2, select.greydark2, span.greydark2, textarea.greydark2 {
    color: #353b3d;
}
a.green, h1.green, h2.green, h3.green, h4.green, h5.green, h6.green, i.green, input[type=submit].green, input[type=text].green, p.green, select.green, span.green, textarea.green {
    color: #6fc191;
}
a.blue, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue, i.blue, input[type=submit].blue, input[type=text].blue, p.blue, select.blue, span.blue, textarea.blue {
    color: #74cee4;
}
a.violet, h1.violet, h2.violet, h3.violet, h4.violet, h5.violet, h6.violet, i.violet, input[type=submit].violet, input[type=text].violet, p.violet, select.violet, span.violet, textarea.violet {
    color: #c389ce;
}
a.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow, i.yellow, input[type=submit].yellow, input[type=text].yellow, p.yellow, select.yellow, span.yellow, textarea.yellow {
    color: #edbf47;
}
a.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange, i.orange, input[type=submit].orange, input[type=text].orange, p.orange, select.orange, span.orange, textarea.orange {
    color: #ec774b;
}
a.red, h1.red, h2.red, h3.red, h4.red, h5.red, h6.red, i.red, input[type=submit].red, input[type=text].red, p.red, select.red, span.red, textarea.red {
    color: #ff1340;
}
h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, p.center {
    text-align: center;
}
h1.right, h2.right, h3.right, h4.right, h5.right, h6.right, p.right, span.right {
    float: right;
}
li, p {
    font-size: 15px;
    line-height: 22px;
    color: #a4a4a4;
    font-family: Raleway, sans-serif;
}
h1 {
    font-size: 30px;
    line-height: 30px;
}
h1.extrasize {
    font-size: 45px;
    line-height: 45px;
}
h2 {
    font-size: 25px;
    line-height: 25px;
}
h3 {
    font-size: 20px;
    line-height: 20px;
}
h4 {
    font-size: 17px;
    line-height: 17px;
}
h5 {
    font-size: 15px;
    line-height: 15px;
}
h6 {
    font-size: 14px;
    line-height: 14px;
}
a {
    text-decoration: none;
    color: #868585;
}
pre {
    overflow: auto;
    float: left;
    width: 100%; max-width: 100%;
    margin: 0;
    padding: 0;
}
pre p {
    font-family: monospace;
    font-size: 13px;
    line-height: 22px;
}
input[type=text], textarea {
    float: left;
    border: 0;
    outline: 0;
}
select {
    float: left;
    border: 0;
    outline: 0;
    width: 100%; max-width: 100%;
    -webkit-appearance: none;
    cursor: pointer;
}
input[type=submit] {
    cursor: pointer;
    outline: 0;
    border: 0;
}
input[type=text].small, textarea.small {
    font-size: 15px;
    width: 90%;
    padding: 10px 5%}
input[type=text].medium, textarea.medium {
    font-size: 17px;
    width: 90%;
    padding: 10px 5%}
input[type=text].big, textarea.big {
    font-size: 17px;
    width: 80%;
    padding: 15px 10%}
select.small {
    font-size: 15px;
    padding: 10px 5%}
select.medium {
    font-size: 17px;
    padding: 10px 5%}
select.big {
    font-size: 17px;
    padding: 15px 10%}
.parallax_img2 {
    background: url(../img/slide/img2.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallax_img3 {
    background: url(../img/slide/img3.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallax_img1 {
    background: url(../img/slide/img1.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img1 {
    background: url(../img/parallax/img1.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img2 {
    background: url(../img/parallax/img2.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img3 {
    background: url(../img/parallax/img3.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img5 {
    background: url(../img/parallax/img5.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img6 {
    background: url(../img/parallax/img6.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img7 {
    background: url(../img/parallax/img7.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img8 {
    background: url(../img/parallax/img8.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img-teachers-1 {
    background: url(../img/parallax/img-teachers-1.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img-single-teacher-1 {
    background: url(../img/parallax/img-single-teacher-1.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img-single-teacher-2 {
    background: url(../img/parallax/img-single-teacher-2.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img-excursions {
    background: url(../img/parallax/img-excursions.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img-single-excursion {
    background: url(../img/parallax/img-single-excursion.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img-courses {
    background: url(../img/parallax/img-courses.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img-events {
    background: url(../img/parallax/img-events.jpg) 50% 0 fixed;
    background-size: cover;
}
.parallaxx_img-single-event {
    background: url(../img/parallax/img-single-event.jpg) 50% 0 fixed;
    background-size: cover;
}
.width60 {
    width: 60px;
}
.width50 {
    width: 50px;
}
.copyrightlogo {
    background-image: url(../img/footer/copyright.jpg);
    background-size: 95px;
    background-repeat: no-repeat;
    background-position: left;
}
.facebook {
    background-color: #5977b8;
    box-shadow: 0 4px 0 0 #4c67a1;
}
.placeholder {
    margin-top: 100px;
}
.btn_align {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
#bigheader1 {
    background-color: silver;
    background-image: url(../img/bigheader_01.jpg);
    width: 100%; max-width: 100%}
#bigheader2 {
    background-color: silver;
    background-image: url(../img/bigheader_02.jpg);
    width: 100%; max-width: 100%}
#bigheader3 {
    background-color: silver;
    background-image: url(../img/bigheader_03.jpg);
    width: 100%; max-width: 100%}
#bigheader4 {
    background-color: silver;
    background-image: url(../img/bigheader_04.jpg);
    width: 100%; max-width: 100%}
#bigheader5 {
    background-color: silver;
    background-image: url(../img/bigheader_05.jpg);
    width: 100%; max-width: 100%}
#bigheader6 {
    background-color: silver;
    background-image: url(../img/bigheader_06.jpg);
    width: 100%; max-width: 100%}
#bigheader7 {
    background-color: silver;
    background-image: url(../img/bigheader_07.jpg);
    width: 100%; max-width: 100%}
#bigheader8 {
    background-color: silver;
    background-image: url(../img/bigheader_08.jpg);
    width: 100%; max-width: 100%}
#bigheader9 {
    background-color: silver;
    background-image: url(../img/bigheader_09.jpg);
    width: 100%; max-width: 100%}
#bigheader10 {
    background-color: silver;
    background-image: url(../img/bigheader_10.jpg);
    width: 100%; max-width: 100%}
#bigheader11 {
    background-color: silver;
    background-image: url(../img/bigheader_11.jpg);
    width: 100%; max-width: 100%}
#bigheader12 {
    background-color: silver;
    background-image: url(../img/bigheader_12.jpg);
    width: 100%; max-width: 100%}
#bigheader13 {
    background-color: silver;
    background-image: url(../img/bigheader_13.jpg);
    width: 100%; max-width: 100%}
#bigheader14 {
    background-color: silver;
    background-image: url(../img/bigheader_14.jpg);
    width: 100%; max-width: 100%}
#bigheader15 {
    background-color: silver;
    background-image: url(../img/bigheader_15.jpg);
    width: 100%; max-width: 100%}
#bigheader16 {
    background-color: silver;
    background-image: url(../img/bigheader_16.jpg);
    width: 100%; max-width: 100%}
#bigheader17 {
    background-color: silver;
    background-image: url(../img/bigheader_17.jpg);
    width: 100%; max-width: 100%}
#bigheader18 {
    background-color: silver;
    background-image: url(../img/bigheader_18.jpg);
    width: 100%; max-width: 100%}
#bigheader19 {
    background-color: silver;
    background-image: url(../img/bigheader_19.jpg);
    width: 100%; max-width: 100%}
#bigheader20 {
    background-color: silver;
    background-image: url(../img/bigheader_20.jpg);
    width: 100%; max-width: 100%}
#bigheader21 {
    background-color: silver;
    background-image: url(../img/bigheader_21.jpg);
    width: 100%; max-width: 100%}
#bigheader22 {
    background-color: silver;
    background-image: url(../img/bigheader_22.jpg);
    width: 100%; max-width: 100%}
#bigheader23 {
    background-color: silver;
    background-image: url(../img/bigheader_23.jpg);
    width: 100%; max-width: 100%}
#bigheader24 {
    background-color: silver;
    background-image: url(../img/bigheader_24.jpg);
    width: 100%; max-width: 100%}
#bigheader25 {
    background-color: silver;
    background-image: url(../img/bigheader_25.jpg);
    width: 100%; max-width: 100%}
#bigheader26 {
    background-color: silver;
    background-image: url(../img/bigheader_26.jpg);
    width: 100%; max-width: 100%}
#bigheader27 {
    background-color: silver;
    background-image: url(../img/solo-cink-solocink-moba-067-umer11.jpg);
    width: 100%; max-width: 100%}
#bigheader_xy {
    background-color: silver;
    background-image: url(../img/bigheader_xy.jpg);
    width: 100%; max-width: 100%}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	#bigheader_xy,#bigheader1,#bigheader2,#bigheader3,#bigheader4,#bigheader5,#bigheader6,#bigheader7,#bigheader8,#bigheader9,#bigheader10,#bigheader11,#bigheader12,#bigheader13,#bigheader14,#bigheader15,#bigheader16,#bigheader17,#bigheader18,#bigheader19,#bigheader20,#bigheader21,#bigheader22,#bigheader23,#bigheader24,#bigheader25,#bigheader26,#bigheader27 {
		background-size: 100%; background-position:center; background-repeat:no-repeat}
}
#bigheader28 {
    background-color: silver;
    background-image: url(../img/bigheader_28.jpg);
    width: 100%; max-width: 100%}

.bg_opacity {
    background-color: rgba(0, 0, 0, .2);
}
.mainheader {
    background: url(../img/mainheader.jpg) fixed;
    width: 100%; max-width: 100%;
    height: 400px;
}
.getback {
    margin-top: -25px;
}
.nodec {
    text-decoration: none;
    list-style: none;
}
.coverimg {
    width: 40%;
    height: 100%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.coverimg img {
    width: 100%; max-width: 100%}
.covercontainer {
    position: relative;
    background: #072f3a;
    height: 1000px;
    width: 100%; max-width: 100%;
    overflow: hidden;
}
.coverlink {
    width: 20%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.txt_centered{
    text-align: center;
    padding: 10px;
}
.tinynav{
    display:none;
}
.all_img{
color: #fff;
font-size: 23px;
font-family: helvetica, arial, sans-serif;
 -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -o-transition:      all 0.6s ease;

}
.all_img:hover{
    text-decoration: underline;
    color: #db7f28;
}
.all_img_con{
   padding: 40px 0;
   width: 100%;
   text-align: center;
   background-color: #db7f28;
    -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -o-transition:      all 0.6s ease;
    cursor: pointer;
   
}
.all_img_con:hover{
    background-color: #fff;
}
.all_img_con:hover .all_img{
    color:#db7f28;
}
