body {
    font-size: 16px;
    line-height: 30px;
    color: #3c3c3c;
    font-family: "Open Sans", sans-serif;
    font-weight: 300
}

.green {
    color: #07568f
}

.black {
    color: #000
}

strong {
    color: #07568f
}

p {
    margin-bottom: 20px
}

.mt50 {
    margin-top: 50px
}

.pl30 {
    padding-left: 30px
}

.mb0 {
    margin-bottom: 0
}

.hfixed .hiddenFixed {
    display: none !important
}

.hfixed .menurow {
    float: right;
    padding-top: 18px;
    width: 75%
}

.hfixed .col-md-4 {
    width: 25% !important
}

.bx-viewport,
.eachSlide {
    width: 100%;
    height: 453px !important
}

.relative {
    position: relative
}

.eachSlide {
    width: 100% !important;
    height: 453px !important;
    background-position: center top
}

.eachSlide .container {
    margin: 0 auto
}

.anim-slide,
#rev_slider {
    position: relative
}

.anim-slide #skinny,
.anim-slide #img1,
.anim-slide #T,
.anim-slide #a1,
#rev_slider #skinny,
#rev_slider #img1,
#rev_slider #T,
#rev_slider #a1 {
    padding: 10px 0;
    font-size: 44px;
    color: #FFF;
    display: block;
    text-transform: capitalize;
    top: 70px;
    text-align: center;
    width: 100%;
    margin-left: -30px
}

.anim-slide #a1,
#rev_slider #a1 {
    font-size: 38px
}

.anim-slide #fat,
.anim-slide #img2,
.anim-slide #r,
.anim-slide #a2,
#rev_slider #fat,
#rev_slider #img2,
#rev_slider #r,
#rev_slider #a2 {
    color: #FFF;
    font-size: 22px;
    display: block;
    text-transform: none;
    top: 140px;
    text-align: center;
    font-size: 30px;
    width: 100%;
    margin-left: -30px
}

.anim-slide #place,
.anim-slide #img3,
.anim-slide #y,
.anim-slide #a3,
#rev_slider #place,
#rev_slider #img3,
#rev_slider #y,
#rev_slider #a3 {
    top: 210px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    display: block;
    text-transform: none;
    width: 100%;
    margin-left: -30px
}

.anim-slide #place a,
.anim-slide #img3 a,
.anim-slide #y a,
.anim-slide #a3 a,
#rev_slider #place a,
#rev_slider #img3 a,
#rev_slider #y a,
#rev_slider #a3 a {
    color: #FFF !important
}

.anim-slide #img4,
.anim-slide #i,
.anim-slide #a4,
#rev_slider #img4,
#rev_slider #i,
#rev_slider #a4 {
    top: 340px;
    position: relative;
    color: #FFF;
    font-size: 22px;
    display: block;
    text-transform: none;
    width: 100%;
    text-align: center;
    margin-left: -30px
}

.anim-slide #img4 a,
.anim-slide #i a,
.anim-slide #a4 a,
#rev_slider #img4 a,
#rev_slider #i a,
#rev_slider #a4 a {
    background: #07568f;
    padding: 10px 15px;
    color: #FFF !important
}

.anim-slide #img4 a:hover,
.anim-slide #i a:hover,
.anim-slide #a4 a:hover,
#rev_slider #img4 a:hover,
#rev_slider #i a:hover,
#rev_slider #a4 a:hover {
    background: #1E3C47
}

#skinny {
    top: 50px !important
}

#fat {
    top: 120px !important
}

#place,
#img4,
#i,
#a4 {
    width: 100% !important
}

#place a,
#img4 a,
#i a,
#a4 a {
    display: block;
    width: 100%;
    text-align: center
}

#place a:hover,
#img4 a:hover,
#i a:hover,
#a4 a:hover {
    cursor: pointer;
    cursor: hand
}

#place a img,
#img4 a img,
#i a img,
#a4 a img {
    position: relative
}

#a3 {
    top: 190px
}

.newssection {
    height: 400px;
    overflow-y: scroll;
    background: #FFF;
    padding: 20px
}

.newssection strong {
    color: #07568f !important
}

header {
    font-family: "HelveticaNeue-Thin";
    background: #FFF;
    padding: 0
}

.pt30 {
    padding-top: 4px;
    padding-bottom: 11px
}

.ptop0 {
    padding-top: 0
}

.pbot0 {
    padding-bottom: 0
}

.midrow {
    padding-top: 11px;
    margin-bottom: 0;
    padding-bottom: 10px
}

.midrow .col-md-6 {
    width: 46%
}

.midrow .col-md-2 {
    width: 20.66667%
}

.midrow img {
    display: inline-block
}

.midrow .bphone {
    font-size: 36px;
    color: #203c48;
    letter-spacing: -2px;
    font-family: "Oswald", sans-serif;
    line-height: 36px;
    margin-bottom: 0;
    padding-bottom: 0;
    vertical-align: bottom;
    font-weight: 400
}

.midrow small {
    display: inline-block;
    font-size: 16px;
    color: #203c48;
    font-family: Fira Sans, sans-serif;
    padding: 0 0 0 41px;
    text-transform: lowercase
}

footer {
    padding-bottom: 0
}

footer .copyright {
    padding: 5px 0;
    color: #9d9d9d;
    font-size: 12px;
    font-family: Roboto;
    line-height: 18px
}

footer .copyright a:link,
footer .copyright a:visited {
    color: #9d9d9d;
    font-size: 12px;
    font-family: Roboto;
    line-height: 18px
}

footer img {
    display: inline-block
}

footer .bphone {
    font-size: 36px;
    color: #FFF;
    letter-spacing: -1px;
    font-family: "Oswald", sans-serif;
    line-height: 36px;
    margin-bottom: 0;
    padding-bottom: 0;
    vertical-align: bottom;
    font-weight: 400
}

footer small {
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    font-family: Fira Sans, sans-serif;
    padding: 0 0 0 41px;
    text-transform: lowercase
}

.navbar {
    margin-bottom: 32px
}

.navbar-nav li a {
    font-size: 18px;
    font-family: "Fira Sans", sans-serif;
    color: #282828
}

.navbar-nav li.active,
.navbar-nav li:hover {
    background: #ff9c00 !important
}

.navbar-nav li.active a,
.navbar-nav li:hover a {
    color: #FFF !important
}

.trainingbox {
    height: 380px;
    padding-bottom: 20px
}

.trainingbox p {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 15px
}

.trainingbox p strong {
    font-size: 20px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    line-height: 40px
}

.trainingbox img {
    margin-bottom: 5px;
    transition: all linear .2s;
    width: 100%
}

.trainingbox img:hover {
    width: 95%;
    margin: 0 auto 5px;
    opacity: .7;
    filter: alpha(opacity=70)
}

.onsite-training {
    background: url(../images/onsite-training.jpg) no-repeat center top;
    width: 100%;
    height: 408px;
    margin-top: 40px
}

.testimonial-area {
    background: url(../images/testimonial-area.jpg) no-repeat center top;
    width: 100%;
    height: 373px;
    margin-top: 40px;
    padding-top: 90px;
    color: #FFF;
    overflow: hidden
}

.testimonial-area strong {
    color: #ff9c00
}

.instantly {
    padding-left: 40px
}

.certificationsrow {
    padding-top: 30px;
    padding-bottom: 30px
}

.blueBG,
.lblueBG {
    background: #2156a9;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box
}

.blueBG p.blue,
.lblueBG p.blue {
    color: #07568f;
    font-family: "Fira Sans", sans-serif;
    font-size: 22px;
    font-weight: 300;
    font-style: italic
}

.blueBG p.blue strong,
.lblueBG p.blue strong {
    font-weight: 700
}

.lblueBG {
    background: #f2f6f8 !important;
    padding: 30px 0
}

.lblueBG input,
.lblueBG textarea {
    box-shadow: none;
    border: none;
    font-size: 16px
}

.lblueBG input:focus,
.lblueBG textarea:focus {
    box-shadow: none;
    border: none
}

div.search {
    background: #FFF;
    padding: 8px 10px;
    height: 20px;
    box-sizing: border-box;
    width: 50%;
    float: right;
    border-radius: 5px
}

div.search input[type="text"] {
    background: transparent;
    padding: 8px 0 0 10px;
    height: 20px;
    box-shadow: none;
    border-radius: 4px;
    border: none;
    float: left;
    width: 80%;
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 400
}

div.search input[type="image"] {
    width: 20px;
    float: right;
    margin: 5px;
    height: 20px
}

.relative {
    position: relative
}

.drop-shadow {
    position: relative;
    background: transparent;
    height: 25px
}

.drop-shadow:before {
    background: url(../images/drop-shadow.png) no-repeat center top;
    width: 100%;
    height: 41px;
    background-size: auto 41px;
    content: "";
    position: absolute;
    opacity: .8;
    filter: alpha(opacity=80)
}

h1 {
    font-size: 50px;
    font-family: "Oswald", sans-serif;
    color: #07568f;
    margin: 10px 0;
    text-transform: uppercase
}

h2 {
    font-size: 30px;
    font-family: "Oswald", sans-serif;
    color: #07568f;
    margin: 26px 0 15px
}

h2 small {
    font-size: 16px;
    line-height: 30px;
    color: #3c3c3c;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    display: block
}

h3 {
    color: #07568f;
    font-family: "Oswald", sans-serif;
    font-size: 44px
}

h4 {
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 24px
}

h5 {
    font-size: 40px;
    font-family: "Oswald", sans-serif;
    color: #FFF;
    margin: 10px 0;
    text-shadow: 0 0 3px #000
}

.grayBG {
    background: #e8e8e9;
    padding: 20px 56px 40px
}

.grayBG>h2 {
    font-family: "Oswald", sans-serif;
    color: #07568f;
    margin: 32px 0;
    letter-spacing: 1px
}

.grayBG ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.grayBG ul li:before {
    font-family: "icon-fonts";
    content: "";
    color: green;
    padding-right: 5px
}

div.col-md-6>.grayBG {
    margin: 63px 0 0 20px
}

div.col-md-6>.grayBG button.btn {
    width: 84%;
    margin: 40px auto 0;
    display: block
}

div.col-md-6>.grayBG button.btn:hover {
    cursor: pointer
}

footer {
    background: #000;
    margin: 0;
    color: #FFF;
    font-family: "HelveticaNeue-Thin";
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize
}

footer a:link,
footer a:visited {
    color: #FFF;
    font-family: "HelveticaNeue-Thin";
    letter-spacing: 1px;
    padding: 5px
}

footer h3 {
    color: #FFF;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0;
    font-size: 24px;
    font-weight: 400
}

ul.flink {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #FFF
}

ul.flink li {
    list-style: none;
    display: inline-block;
    float: left
}

ul.flink li a {
    padding-left: 20px;
    color: #FFF;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    padding: 5px 20px;
    transition: all .2s;
    text-transform: uppercase
}

ul.flink li a:visited {
    color: #FFF;
    font-family: "Lato", sans-serif;
    text-decoration: none;
    padding-left: 10px
}

ul.flink li a:hover {
    color: #84c4ff
}

ul.flink li:last-child a, ul.flink li:first-child a {
    color: #ff0
}

ul.list li {
    font-size: 16px;
    line-height: 30px;
    color: #3c3c3c;
    font-family: "Open Sans", sans-serif
}

ul.checklist {
    list-style: none;
    margin-left: 5px;
    padding-left: 10px
}

ul.checklist li {
    font-size: 14px;
    line-height: 30px;
    color: #3c3c3c;
    font-family: "Open Sans", sans-serif
}

ul.checklist li:before {
    font-family: "icon-fonts";
    content: "";
    color: green;
    padding-right: 8px
}

.footer {
    background: #212120;
    font-size: 12px;
    color: #3c3c3c;
    padding: 8px 0
}

.sideimage {
    float: right;
    width: 49%;
    border: 23px solid #FFF;
    margin: 1% 0 10px 20px;
    box-shadow: 0 0 10px #cdcdcd
}

.cornerimage {
    width: 100%;
    min-height: 141px;
    overflow: visible !important;
    position: initial;
    z-index: 0;
    background: no-repeat top right;
    background-size: 50%;
    display: block
}

#parallax {
    clear: both;
    background: 50% 0 no-repeat fixed;
    background-color: #07568f;
    height: 370px;
    margin: 50px auto;
    padding: 50px 0;
    background-size: auto 100%;
    color: #FFF
}

#parallax p {
    text-shadow: 0 0 3px #000;
    font-size: 18px
}

.fullScreenBG {
    clear: both;
    background: center top no-repeat;
    padding: 50px 0;
    background-color: #021f3f;
    color: #FFF;
    line-height: 40px;
    text-align: center;
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 300
}

.fullScreenBG strong {
    color: #ff9c00;
    font-weight: 300
}

.fullScreenBG-light {
    background-color: #95b3cf
}

a {
    color: #07568f
}

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

.form-control {
    display: block;
    width: 100%;
    height: 47px;
    padding: 6px 12px;
    font-size: 14px
}

textarea.form-control {
    min-height: 90px;
    margin-bottom: 5px
}

a.btn {
    padding: 15px 30px;
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    font-weight: 300;
    display: inline-block;
    margin: 37px 0 0;
    color: #FFF
}

.btn {
    padding: 9px 22px;
    font-size: 16px;
    font-family: "HelveticaNeue-Thin";
    color: #FFF !important;
    text-transform: none;
    letter-spacing: 1px;
    border-radius: 0
}

.btn-primary {
    background: #07568f !important;
    border: #07568f !important
}

.btn-primary:hover {
    background: #000 !important;
    border: #000 !important
}

.btn-warning {
    background: #ff9c00 !important;
    border: #ff9c00 !important;
    border-radius: 0;
    text-shadow: none
}

.btn-warning:hover {
    background: #000 !important;
    border: #000 !important
}

#gallery {
    display: block
}

#gallery .frame {
    background: #f2f2f2;
    padding: 15px;
    height: 331px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
    width: 23%
}

#gallery .frame .image {
    background: no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block
}

.innerIMGbanner {
    clear: both;
    background: center top no-repeat;
    background-size: cover;
    color: #FFF;
    height: 350px
}

#page-content {
    line-height: 1.72857;
    text-align: justify;
    background: url(../images/inner-BG.jpg) repeat-y center top;
    min-height: 600px;
    padding: 50px 0
}

.imgBorder {
    border: 15px solid #F3F3F3;
    width: 100%;
    position: relative
}

.imgShadowOUT:before,
.imgShadowOUT:after {
    z-index: -1;
    position: absolute;
    top: 80%;
    content: "";
    bottom: 15px;
    width: 50%;
    left: 20px;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.imgShadowOUT:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 20px;
    left: auto
}

.imgShadowLEFT:before,
.imgShadowLEFT:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 20px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #A1A1A1;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.imgShadowRIGHT:before,
.imgShadowRIGHT:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 20px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #A1A1A1;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

table.table {
    border: none;
    margin-bottom: 0
}

table.table th {
    background: #383d40;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    border: none;
    font-size: 18px;
    font-weight: 300;
    font-family: "Oswald", sans-serif
}

table.table tr:nth-child(even) {
    background: #e8e8e8
}

table.table tr:nth-child(odd) {
    background: #FFF
}

table.table td {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #3c3c3c;
    text-align: center;
    text-transform: capitalize;
    line-height: 35px !important
}

table.table td .btn {
    margin: 1px 0 0 !important;
    font-size: 16px;
    width: 100%;
    border-radius: 0 !important;
    font-size: 22px;
    font-family: "Oswald", sans-serif;
    font-weight: 300
}

table.table td:first-child {
    width: 330px
}

table.table td:nth-child(2) {
    width: 300px
}

table.table td:nth-child(3) {
    width: 165px
}

table.table td:nth-child(4) {
    width: 86px
}

table.table td:nth-child(5) {
    padding: 0
}

table.table td:nth-child(6) {
    padding: 0
}

table.table-contact {
    border: none;
    margin-bottom: 20px
}

table.table-contact td {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #3c3c3c;
    text-align: center;
    text-transform: capitalize;
    line-height: 35px !important
}

a.accordion-toggle {
    display: block;
    color: #f22;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    clear: both;
    text-decoration: none;
    transition: all linear .2s
}
a.accordion-toggle>i {
    float: right;
    transition: all .75s .25s;
    transform: rotate(-135deg);
    font-style: normal;
    font-size: 24px;
    font-weight: 700
}

a.accordion-toggle.collapsed>i {
    transition: all .75s .25s;
    transform: rotate(0);
    font-style: normal;
    font-size: 24px;
    font-weight: 700
}
a.accordion-toggle.collapsed,
a.accordion-toggle:hover {
    color: #07568f
}
#schedulepage a.accordion-toggle {
    display: block;
    color: #f22;
    font-size: 22px !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    clear: both;
    text-decoration: none;
    transition: all linear .2s
}

a.accordion-toggle.collapsed,
a.accordion-toggle:hover {
    color: #07568f
}

#schedulepage a.accordion-toggle>i {
    float: none;
    display: inline-block;
    font-size: 25px !important;
    transition: all .75s .25s;
    transform: rotate(-135deg);
    font-style: normal;
    font-weight: 700
}

#schedulepage a.collapsed>i {
    transition: all .75s .25s;
    transform: rotate(0) !important;
    font-style: normal;
    font-size: 24px;
    font-weight: 700
}



div.in {
    transition: all linear .2s;
    border-bottom: 1px solid #ccc;
    padding-left: 25px
}

.instant {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    padding: 20px 30px 0 25px
}

.instant .instantly {
    padding-top: 10px;
    width: 45%;
    float: left
}

.leanmore {
    position: relative
}

.leanmore .linklist {
    position: absolute;
    top: 0;
    width: 99%;
    height: 95%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.8);
    left: 0;
    padding: 15px;
    transition: all .2s linear;
    border: 2px solid #07568f;
    overflow: scroll
}

.leanmore .linklist a {
    display: block;
    text-align: left;
    font-weight: bold;
    text-decoration: none
}

.leanmore:hover .linklist {
    opacity: 1;
    z-index: 9
}

#accordion.panel-group .panel {
    border-radius: none;
    border: none
}

#accordion.panel-group .panel-primary>.panel-heading {
    background-image: none;
    background-color: #113d62;
    border: none;
    filter: none;
    padding: 20px 15px
}

#accordion.panel-group .panel-primary>.panel-heading a.accordion-toggle {
    color: #fff
}

#accordion.panel-group .panel-primary div.in {
    padding-left: 0
}

@media all and (max-width: 768px) {
    header .logo img {
        text-align: center;
        margin: 0 auto;
        width: 60% !important
    }
    header.hfixed {
        min-height: 60px !important
    }
    header.hfixed .logo,
    header.hfixed .langline {
        display: none
    }
    header .row.langline {
        margin: 20px 0 0 !important
    }
    .bx-viewport,
    .eachSlide {
        width: 100% !important;
        height: 25vh !important;
        background-size: cover
    }
    .navbar-nav {
        margin: 7.5px 0
    }
    h1 {
        font-size: 1.5em
    }
    h2 {
        font-size: 1.2em
    }
    body {
        font-size: 1em
    }
    .frame {
        width: 47% !important;
        bottom: 1% !important
    }
    .soc {
        text-align: center
    }
}

.timer-bar {
    width: 100%;
    height: 5px;
    background-color: #4a8cf6;
    position: absolute;
    z-index: 9999;
    top: 0
}