@import url(nicdark_shortcodes.css);
@import url(nicdark_menu.css);
@import url(fontello.css);
@import url(animate.css);
@import url(magnific-popup.css);

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #ccc
}

body.nicdark_boxed_img {
    background-image: url(../img/slide/img1.jpg) !important;
    background-size: cover;
    background-attachment: fixed
}

body.nicdark_boxed_pattern {
    background-image: url(../img/patterns/img1.jpg) !important;
    background-attachment: fixed
}

.nicdark_container {
    width: 1200px;
    margin: auto;
    padding: 0
}

.nicdark_clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.nicdark_site {
    float: left;
    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
}

.nicdark_site>.nicdark_site_fullwidth {
    float: left;
    width: 100%;
    background-color: #fff
}

.nicdark_site>.nicdark_site_boxed {
    width: 1220px;
    margin: auto;
    padding: 0;
    background-color: #fff
}

.nicdark_section {
    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%
}

.grid_6.percentage {
    width: 50%
}

.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
}

.nicdark_width_percentage1 {
    width: 1% !important
}

.nicdark_width_percentage10 {
    width: 10% !important
}

.nicdark_width_percentage20 {
    width: 20% !important
}

.nicdark_width_percentage25 {
    width: 25% !important
}

.nicdark_width_percentage33 {
    width: 33.33% !important
}

.nicdark_width_percentage6 {
    width: 16.666% !important
}

.nicdark_width_percentage30 {
    width: 30% !important
}

.nicdark_width_percentage40 {
    width: 40% !important
}

.nicdark_width_percentage50 {
    width: 50% !important
}

.nicdark_width_percentage60 {
    width: 60% !important
}

.nicdark_width_percentage70 {
    width: 70% !important
}

.nicdark_width_percentage80 {
    width: 80% !important
}

.nicdark_width_percentage90 {
    width: 90% !important
}

.nicdark_width_percentage100 {
    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: 'Open Sans', 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: #e16c6c
}

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
}

p {
    font-size: 15px;
    line-height: 22px;
    color: #0a0a0a;
    font-family: 'Open Sans', 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: #444
}

a:hover {
    color: #e4e5e6;
    text-decoration: none
}

pre {
    overflow: auto;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

pre p {
    font-family: monospace;
    font-size: 13px;
    line-height: 22px
}

input[type=text] {
    float: left;
    border: 0;
    outline: 0
}

textarea {
    float: left;
    border: 0;
    outline: 0
}

select {
    float: left;
    border: 0;
    outline: 0;
    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=file].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%
}

.nicdark_parallax_img2 {
    background: url(../img/slide/img2.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallax_img3 {
    background: url(../img/slide/img3.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallax_img1 {
    background: url(../img/slide/img1.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img1 {
    background: url(../img/parallax/img1.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img2 {
    background: url(../img/parallax/img2.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img3 {
    background: url(../img/parallax/img3.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img5 {
    background: url(../img/contact.jpg);
    background-size: cover;
    background-position-y: 25%
}

.nicdark_parallaxx_img6 {
    background: url(../img/parallax/img6.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img7 {
    background: url(../img/parallax/img7.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img8 {
    background: url(../img/pg_banners/b_aca.jpg) 50% 0 fixed;
    background-size: cover
}

.mile {
    background: url(../img/pg_banners/milestones.jpg);
    background-size: cover;
    background-position-y: -47%
}

.express {
    background: url(../img/pg_banners/express1.jpg);
    background-size: cover;
    background-position-y: 72%
}

.aca {
    background: url(../img/pg_banners/aca4.jpg) 50% 0 fixed;
    background-size: cover
}

.school_bg {
    background: url(../img/pg_banners/bw_sch.jpg);
    background-size: cover;
    height: 1080px
}

.bgg {
    background: url(../img/pg_banners/club_bg.jpg);
    background-size: cover
}

.bg_bg {
    background: url(../img/pg_banners/bg_bg.jpg);
    background-size: cover
}

.clubs {
    background: url(../img/pg_banners/03.jpg);
    background-size: cover;
    background-position-y: 28%
}

.bus {
    background: url(../img/pg_banners/bus.jpg);
    background-size: cover;
    background-position-y: 50%
}

.bus_22 {
    background: url(../img/pg_banners/bus.jpg);
    background-size: cover;
    background-position-y: 22%
}

.accounts {
    background: url(../img/pg_banners/accounts.jpg);
    background-size: cover;
    background-position-y: 50%
}

.shine {
    background: url(../img/pg_banners/shine.jpg);
    background-size: cover;
    background-position-y: 50%
}

.school {
    background: url(../img/pg_banners/school.jpg) 50% 0 fixed;
    background-size: cover
}

.res {
    background: url(../img/pg_banners/res.jpg) 50% 0 fixed;
    background-size: cover
}

.eve {
    background: url(../img/pg_banners/event.jpg);
    background-position-y: 46%;
    background-size: cover
}

.events {
    background: url(../img/pg_banners/events.jpg);
    background-position-y: 31%;
    background-size: cover
}

.notices {
    background: url(../img/pg_banners/notices.jpg);
    background-position-y: 90%;
    background-size: cover
}

.news_detail {
    background: url(../img/pg_banners/news_detail.jpg);
    background-position-y: 46%;
    background-size: cover
}

.news_all {
    background: url(../img/pg_banners/news_all.jpg);
    background-position-y: 46%;
    background-size: cover
}

.global {
    background: url(../img/pg_banners/global.jpg);
    background-position-y: -21%;
    background-size: cover
}

.labour {
    background: url(../img/pg_banners/labour.jpg);
    background-position-y: 31%;
    background-size: cover
}

.gallery {
    background: url(../img/pg_banners/gallery.jpg);
    background-position-y: 85%;
    background-size: cover
}

.nicdark_parallaxx_img-teachers-1 {
    background: url(../img/pg_banners/school_build2.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img-single-teacher-1 {
    background: url(../img/parallax/img-single-teacher-1.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img-single-teacher-2 {
    background: url(../img/parallax/img-single-teacher-2.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img-excursions {
    background: url(../img/parallax/img-excursions.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img-single-excursion {
    background: url(../img/parallax/img-single-excursion.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img-courses {
    background: url(../img/parallax/img-courses.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img-events {
    background: url(../img/parallax/img-events.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_parallaxx_img-single-event {
    background: url(../img/parallax/img-single-event.jpg) 50% 0 fixed;
    background-size: cover
}

.nicdark_width60 {
    width: 60px
}

.nicdark_width50 {
    width: 50px
}

.nicdark_width150 {
    width: 150px
}

.nicdark_copyrightlogo {
    background-image: url(../img/footer/copyright.jpg);
    background-size: 95px;
    background-repeat: no-repeat;
    background-position: left
}

.nicdark_facebook {
    background-color: #5977b8;
    box-shadow: 0 4px 0 0 #4c67a1
}