/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
	min-width: 320px;
	background: #fff;
	font-family: 'Montserrat', sans-serif !important;
	/*font-size: 14px;*/
    font-size: 16px;
	line-height: 1.5 !important;
	color: #8e8f93;
	-webkit-font-smoothing:antialiased;
	font-weight: 400;
}


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

img { border: 0; vertical-align: middle; max-width: 100%; height: auto; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; font-style: 14px; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

ul {
    margin-bottom: 0;
}

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.form-cols:after,
.cols:after,
.header:after,
.team-box:after,
.list-images:after,
.step:after,
.serum:after,
.clearfix:after { display: table; content: ' '; clear: both; }

/* ================================================================ *\
  #Helpers
\* ================================================================ */
img.aligncenter { display: block; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Main Styles
\* ------------------------------------------------------------ */
hr {
    border-color: #dbe8ed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.shell {
	max-width: 1140px;
	margin: 0 auto;
    box-sizing: content-box;
}

.shell-big {
    max-width: 1720px;
}

.wrapper {
	min-height: 100%;
}

.bg-image {
  display: none !important;
}

.parent-bg-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Cols */
.cols .col {
	float: left;
}

.cols .col:first-child {
	padding-right: 27px;
}

.cols .col ~ .col {
	padding-left: 13px;
}

.cols .col-1of2 {
	width: 50%;
}

.cols .col-1of3 {
	width: 33.3%;
}

.cols .col-2of3 {
	width: 66.6%;
}

/*  Burger-button  ---------------*/
.link-menu { padding: 7px 0; cursor: pointer; display: inline-block; vertical-align: middle; width: 19px; margin-left: auto; position: relative;
 z-index: 400; display: none; }
.link-menu span { position: relative; display:block; width: 19px; border-top: 4px solid #0d6385; background-color: transparent;

  -webkit-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out; 
}
    
.link-menu span:before,
.link-menu span:after { position: absolute; width: 19px; height: 4px; background: #0d6385; content: '';

-webkit-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
}

.link-menu span:before { height: 4px; background: #0d6385; }

.link-menu:not(.active-menu):hover span,
.link-menu:not(.active-menu):hover span:before,
.link-menu:not(.active-menu):hover span:after {
  background: #0d6385;
  border-color: #0d6385;

}

.link-menu span:before { top: -10px; left: 0; }
.link-menu span:after { top: 2px; left: 0; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {
    position: relative;
}

.header.header-fixed { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; z-index: 200; background-color: #fff; transition: all .3s; }
.header.header-fixed.visible { opacity: 1; visibility: visible; }

.header-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-links a {
    color: #0d6385;
    font-size: 16px;
    margin-left: 5px;
}

.header-links a:hover {
    text-decoration: underline;
}

.header-links i {
    margin-right: 6px;
}

.logo {  }
.logo img {
    max-width: 151px;
}

.main-navigation {}

.main-navigation ul {
    list-style-type: none;
    margin-bottom: 0;
}

.main-navigation > ul > li > a {
    font-weight: 500;
    color: #146286;
    padding: 20px 0;
    display: block;
    position: relative;
}
.main-navigation > ul > li a:hover {
    text-decoration: none;
}

.main-navigation > ul > li.current-menu-ancestor > a:before,
.main-navigation > ul > li.current-menu-item > a:before,
.main-navigation > ul > li:not(.menu-item-has-children):hover > a:before {
    content: '';
    top: 100%;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #146286;
    z-index: 50;
}

.main-navigation > ul > li.current-menu-ancestor:hover > a:before,
.main-navigation > ul > li.menu-item-has-children:hover > a:before {
    display: none;
}

.main-navigation > ul > li.menu-item-has-children:hover > a:after {
    transform: rotate(90deg);
    right: -4px;
    top: 0;
}

.main-navigation > ul > li.menu-item-has-children:hover:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    z-index: 100;
}

.main-navigation > ul > li.menu-item-has-children > a:after {
    content: "\203A";
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    position: relative;
    top: -1px;
    right: -2px;
    line-height: 0;
}


.main-navigation > ul > li {
    display: inline-block;
    vertical-align: middle;
}

.main-navigation > ul > li ~ li {
    margin-left: 40px;
}

.main-navigation .sub-menu {
    position: absolute;
    z-index: 60;
    visibility: hidden;
    opacity: 0;
    top: 100%;
}

.main-navigation .sub-menu {}

.main-navigation .sub-menu li {
    display: inline-block;
    vertical-align: middle;
}

.main-navigation .sub-menu li a {
    display: block;
    padding-top: 14px;
    color: #fff;
}


.main-navigation .sub-menu li.current-menu-item a,
.main-navigation .sub-menu li a:hover {
    text-decoration: underline;
}

.main-navigation .sub-menu li ~ li {
    margin-left: 40px;
}

.main-navigation > ul > li.menu-item-has-children:hover:before {
    content: '';
    position: absolute;
    background: #00acd4;
    left: 0;
    top: 100%;
    width: 100%;
    height: 50px;
    z-index: 50;
}

.main-navigation > ul > li.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

/* Sldier home tope */
.home .slider-home-top  {
    display: block;
}

.slider-home-top {
    display: none;
    position: relative;
}

/*.slider-home-top .slide:before {
    content: '';
    background: rgba(13, 99, 133, 0.62);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}*/

.slider-home-top .slide.slide-no-content {
    /*padding: 218px 70px 48px;*/
}


.slider-home-top .slide img {
    width: 100%;
    height: auto;
}

.slider-home-top .slide:not(.slide-no-content) img { 
    display: none;
}

.slider-home-top .slide > a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.slides-wrapper {
    position: relative;
    z-index: 30;
    text-align: center;
    color: #fff;
}

.slides-wrapper .slide {
    /*padding: 53px 70px 48px;*/
    font-size: 36px;
    line-height: 1.36;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slides-wrapper .slide .shell {
    position: relative;
    z-index: 10;
    padding: 0 30px;
}

.slides-wrapper .slide h3 {
    margin-bottom: 70px;
    margin-top: 17px;
}

.slider-home-top .slick-dots {
    position: absolute;
    bottom: 27px;
    left: 50%;
    transform: translateX(-50%);
}

.slick-dots {
    list-style-type: none;
}

.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    font-size: 0;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
}

.slick-dots li ~ li {
    margin-left: 6px;
}

.slick-dots li button {
    display: none;
}

.slick-dots li.slick-active {
    background: #fff;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
}

.slick-prev  {
    left: 0;
}

.slick-next {
    right: 0;
}

.top-arrow {
    position: absolute;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.top-prev {
    left: 58px;
}

.top-next {
    right: 58px;
}


/* ------------------------------------------------------------ *\
    Article-single
\* ------------------------------------------------------------ */
.article-single {
    border-radius: 14px;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    background: #fff;
}

.article-single .article-head {
    position: relative;
    text-align: center;
    padding: 58px 82px;
}
.article-single .article-head:before {
    content: '';
    background: rgba(6, 62, 87, 0.85);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    font-size: 15px;
    font-weight: 500;
}

.article-single .article-head h3 {
    position: relative;
    z-index: 10;
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.31;
}

.article-single .article-content > *:last-child {
    margin-bottom: 0;
}

.article-single .article-content {
    padding: 30px 40px 50px;
}

.article-single .article-inner ol {
    list-style-type: lower-alpha;
    padding-left: 20px;
}

.article-single .article-inner ul {
    list-style-type: none;
    padding-left: 12px;
}

.article-single .article-inner ul li {
    position: relative;
}

.article-single .article-inner ul li:before {
    content: '';
    position: absolute;
    left: -9px;
    top: 9px;
    background: #8e8f93;
    width: 5px;
    height: 1px;
}

.article-single .article-content p a {
    color: #00acd4;
}

.article-single .article-content p a:hover {
    text-decoration: underline;
}

.article-single .article-content h1,
.article-single .article-content h2,
.article-single .article-content h3,
.article-single .article-content h4 {
    color: #146286
}

.article-single .article-content h4 {
    font-size: 16px;
    font-weight: 500;
}

.article-single .article-content h3 {
    font-weight: 700;
    font-size: 24px;
}

.article-single .article-inner {
    margin-bottom: 40px;
}

.article-single .article-inner > *:first-child {
    margin-top: 0;
}

.article-single .article-inner > * {
    margin-bottom: 16px;
}

.article-single .article-inner h1,
.article-single .article-inner h2,
.article-single .article-inner h3,
.article-single .article-inner h4 {
    margin-top: 32px;
}

.article-single .article-inner > *:last-child {
    margin-bottom: 0;
}

.article-single .article-bottom {
    background: #f1f6f8;
    border-radius: 14px;
    padding: 40px 50px;
    margin-bottom: 50px;
}

.article-single .article-bottom h3 {
    margin-bottom: 25px;
}
.article-single .article-bottom h4 {
    margin-bottom: 10px;
}

.article-single .article-bottom ul {
    list-style-type: none;
    padding-left: 10px;
    margin-bottom: 30px;
}

.article-single .article-bottom ul li {
    position: relative;
}

.article-single .article-bottom ul li:before {
    content: '';
    position: absolute;
    left: -9px;
    top: 9px;
    background: #8e8f93;
    width: 3px;
    height: 3px;
    border-radius: 3px;
}

.article-single .article-content .article-bottom a,
.article-btn {
    margin-top: 20px;
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #146286;
    position: relative;
}

.article-single .article-content .article-bottom a:after,
.article-btn:after {
    content: '';
    width: 100%;
    height: 2px;
    top: 100%;
    background: #146286;
    display: block;
    margin-top: 4px;
}

.article-single .article-content .article-bottom a:hover:after,
.article-btn:hover:after {
    background: transparent;
}

.article-actions {
    text-align: center;
}

.article-actions .btn ~ .btn {
    margin-left: 10px;
}

/* ------------------------------------------------------------ *\
    Intro
\* ------------------------------------------------------------ */
.intro {
    position: relative;
    padding: 45px 0 60px;
}

.intro:before {
    content: '';
    background: rgba(6, 62, 87, 0.85);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    font-size: 15px;
    font-weight: 500;
}

.intro .breadcrumbs {
    margin-bottom: 40px;
}

.intro-inner {
    position: relative;
    z-index: 10;
    text-align: center;
    color: #fff;
}

.intro-inner h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 22px;
}

.breadcrumbs {
    list-style-type: none;
    font-size: 11px;
    text-align: center;
}

.breadcrumbs li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs li ~ li:before {
    content:"\203A";
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 0.2;
    width: 20px;
    height: 6px;
}

.breadcrumbs li a {
    color: #fff;
    display: inline-block;
}


.breadcrumbs-alt {
    margin-bottom: 30px;
}

.breadcrumbs-alt li a {
    color: #8e8f93;
}

.breadcrumbs-alt li a:hover {
    color: #146286;
}

.breadcrumbs-alt li.current {
    color: #146286;
    font-weight: 500;
}


/* ------------------------------------------------------------ *\
    Sections
\* ------------------------------------------------------------ */
section.section,
.section {
    padding: 80px 0;
}

.section-footer {
    text-align: center;
}

.section-title {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    color: #146286;
    margin-bottom: 40px;
}

.section-alt {
    background: #f7f7f7;
    padding: 40px 0 80px;
}

.section-top {
    text-align: left;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.section-top .view-actions {
    margin-left: auto;
}

.view-actions {
    list-style-type: none;
    font-size: 20px;
}

.view-actions li i {
    color: #c5c6c8;
}

.view-actions li {
    display: inline-block;
    vertical-align: middle;
}

.view-actions li i:hover,
.view-actions li.active i {
    color: #146286;
}

.section-banner {
    margin-bottom: 44px;
    background: rgb(43,91,113);
    background: -moz-linear-gradient(left,  rgba(43,91,113,1) 0%, rgba(43,94,115,1) 20%, rgba(46,94,116,1) 20%, rgba(45,96,117,1) 23%, rgba(44,94,117,1) 26%, rgba(46,96,119,1) 32%, rgba(47,97,122,1) 33%, rgba(46,98,120,1) 37%, rgba(48,98,123,1) 38%, rgba(47,99,121,1) 40%, rgba(48,99,126,1) 44%, rgba(47,103,126,1) 53%, rgba(48,104,129,1) 54%, rgba(50,106,133,1) 63%, rgba(49,107,131,1) 66%, rgba(50,107,134,1) 66%, rgba(52,109,136,1) 71%, rgba(49,109,135,1) 71%, rgba(49,109,135,1) 75%, rgba(52,109,138,1) 75%, rgba(50,110,138,1) 80%, rgba(52,116,144,1) 92%, rgba(51,115,143,1) 98%, rgba(53,117,145,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(43,91,113,1) 0%,rgba(43,94,115,1) 20%,rgba(46,94,116,1) 20%,rgba(45,96,117,1) 23%,rgba(44,94,117,1) 26%,rgba(46,96,119,1) 32%,rgba(47,97,122,1) 33%,rgba(46,98,120,1) 37%,rgba(48,98,123,1) 38%,rgba(47,99,121,1) 40%,rgba(48,99,126,1) 44%,rgba(47,103,126,1) 53%,rgba(48,104,129,1) 54%,rgba(50,106,133,1) 63%,rgba(49,107,131,1) 66%,rgba(50,107,134,1) 66%,rgba(52,109,136,1) 71%,rgba(49,109,135,1) 71%,rgba(49,109,135,1) 75%,rgba(52,109,138,1) 75%,rgba(50,110,138,1) 80%,rgba(52,116,144,1) 92%,rgba(51,115,143,1) 98%,rgba(53,117,145,1) 100%); 
    background: linear-gradient(to right,  rgba(43,91,113,1) 0%,rgba(43,94,115,1) 20%,rgba(46,94,116,1) 20%,rgba(45,96,117,1) 23%,rgba(44,94,117,1) 26%,rgba(46,96,119,1) 32%,rgba(47,97,122,1) 33%,rgba(46,98,120,1) 37%,rgba(48,98,123,1) 38%,rgba(47,99,121,1) 40%,rgba(48,99,126,1) 44%,rgba(47,103,126,1) 53%,rgba(48,104,129,1) 54%,rgba(50,106,133,1) 63%,rgba(49,107,131,1) 66%,rgba(50,107,134,1) 66%,rgba(52,109,136,1) 71%,rgba(49,109,135,1) 71%,rgba(49,109,135,1) 75%,rgba(52,109,138,1) 75%,rgba(50,110,138,1) 80%,rgba(52,116,144,1) 92%,rgba(51,115,143,1) 98%,rgba(53,117,145,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b5b71', endColorstr='#357591',GradientType=1 );
    color: #fff;
    border-radius: 14px;
    overflow: hidden;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    align-items: flex-start;

    padding: 35px 50px;
}

.section-banner .box {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    font-size: 13px;
}

.section-banner .box ~ .box {
    margin-left: 15px;
}

.section-banner .box h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
}

.section-banner .box p {
    margin-bottom: 0px;
}

.section-banner .box:last-child {
    margin-bottom: 0;
}

.section-banner .box a {
    color: #fff;
}

.section-banner .box a:hover {
    text-decoration: underline;
}

/* section-testimonials */
.section-testimonials {
    background-image: url(../css/images/Map.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.section-testimonials .section-head {
    margin-bottom: 57px;
}

/* section-enroll */
.section-enroll {
    padding-bottom: 150px;
}

.section-enroll .section-head {
    margin-bottom: 68px;
}

.section-enroll .section-head h4 {
    font-size: 14px;
    font-weight: 400;
}

/* section-banner-main */
.section-banner-main {
    position: relative;
    padding: 100px 0;
}

.section-banner-main:before {
    content: '';
    background: rgba(6, 62, 87, 0.85);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.section-banner-main .section-content {
    position: relative;
    z-index: 10;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 1.53;
    font-weight: 500;
    padding: 0 55px;
}

.section-banner-main .section-content p {
    margin-bottom: 20px;
}

.section-banner-main .section-content > *:last-child {
    margin-bottom: 0;
}

.section-banner-main h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.36;
    margin-bottom: 14px;
}

.section-main-banner-about {
    padding-top: 45px;
    padding-bottom: 45px;
}

.section-main-banner-about .breadcrumbs {
    padding-bottom: 35px;
}


/* Section info boxes */
.section-info-boxes {
    padding: 90px 0;
}

.info-boxes {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    align-items: center;
}

.info-boxes .box {
    border-radius: 14px;
}

.info-boxes .box h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 22px;
}

.info-boxes .box > p {
    margin-bottom: 28px;
    line-height: 1.5;
}

.info-boxes .box-info {
    width: 52%;
    background: #00acd4;
    color: #fff;

    padding: 86px 180px 86px 86px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.info-boxes .box-form {
    padding: 50px 100px 80px;
    background: #fff;
    width: 48%;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
}

.info-boxes .box-form h3 {
    color: #00acd4;
}

/* Section-contacts */
.section-contacts {}

.section-contacts .section-form-wrapper {
    padding: 70px 80px;
    border-radius: 14px;
    background: #fff;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
}

/* section-blog-posts */
.section-blog-posts {}

.blog-posts {
    background: #fff;
    border-radius: 14px;
    padding: 30px 35px;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
}

.blog-posts .post-head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
}

.blog-post img,
.blog-posts img {
    margin-bottom: 30px;
    width: 100%;
    height: auto;   
}

.blog-posts img {
    display: block;
    margin: 0 auto 30px;
    width: 75%;
}

.post-head .btn {
    margin-left: auto;
}

.post-head h3 {
    font-size: 20px;
    line-height: 1.4;
    max-width: 730px;
    color: #00acd4;
    font-weight: 700;
    margin-bottom: 23px;
}

.post-head h3 a {
    color: #00acd4;
}

.post-content-top {
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 500;
    color: #0d6385;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.post-content-top a {
    color: #0d6385;
}

.post-content-top ul {
    margin-bottom: 0;
}

.post-content-top ul a {
    color: #0d6385;
}

.post-content-top p {
    margin-bottom: 0;
}

.post-content-top p ~ p {
    margin-left: 16px;
}

.post-content-top p.comments-info {
    margin-left: auto;
}

.post-content-top p.comments-info span {
    margin-right: 3px;
}

.post-content-top i {
    margin-right: 6px;
    color: #00acd4;
}

.post-content-top > * {
    display: inline-block;
    vertical-align: middle;
}

.blog-posts .post ~ .post {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #dbe8ed;
}

/* pagination-wrapper */
.pagination-wrapper {
    text-align: center;
    margin-top: 50px;
    font-size: 16px;
    font-weight: 700;
}

.pagination-wrapper > * {
    display: inline-block;
    vertical-align: middle;
}

.pagination-wrapper ul {
    list-style-type: none;
}

.pagination-wrapper ul > * {
    display: inline-block;
    vertical-align: middle;
}

.pagination-wrapper ul li.current a, 
.pagination-wrapper ul li a:hover {
    background: #0d6384;
    color: #fff;
}

.pagination-wrapper ul li a {
    display: block;
    width: 50px;
    height: 50px;
    color: #0d6384;
    background: #fff;
    border-radius: 9px;
    line-height: 3.2;
}

.pagination-wrapper ul li ~ li {
    margin-left: 10px;
}

.pagination-arrow {
    color: #0d6384;
}

.pagination-arrow.prev {
    margin-right: 19px;
}

.pagination-arrow.next {
    margin-left: 19px;
}

.pagination-arrow:hover {
    color: #fff;
}

/* blog-post-single */
.section-post-single {}

.blog-post {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    padding: 30px 35px;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
}

.blog-post .post-content-inner {
    border-top: 1px solid #dbe8ed;
    padding-top: 20px;
    margin-top: 26px;
}

.blog-post .post-content-inner > * {
    margin-bottom: 19px;
}

.blog-post .post-content-inner > *:last-child {
    margin-bottom: 0;
}

.blog-post .post-content-inner a {
    color: #2bbad8;
}

.blog-post .post-content-inner a:hover {
    text-decoration: underline;
}

.blog-post .post-content-inner ul,
.blog-post .post-content-inner ol {
    padding-left: 9px;
}

.blog-post .post-content-inner ul {
    list-style-type: none;
}

.blog-post .post-content-inner ul li {
    position: relative;
}

.blog-post .post-content-inner ul li:before {
    content: '';
    position: absolute;
    left: -7px;
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #8e8f93;
}

.blog-post .post-content-inner h4 {
    font-size: 16px;
    color: #146286;
    font-weight: 500;
    margin-top: 34px;
}

.blog-post .post-content-inner:last-child {
    margin-bottom: 0;
}

/* section-our-team */
.section-our-team {
    padding: 60px 0 80px;
}

.members {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.members ul {
    list-style-type: none;
}

.members .member {
    width: 22.3%;
}

.members .member ~ .member {
    margin-left: 3.6%;
}

.members .member-image {
    position: relative;
    padding-bottom: 81%;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 22px;
}

.members .member-image .list-socials {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 10px;
}

.members .member-image .list-socials li {
    display: inline-block;
    vertical-align: middle;
}

.members .member-image .list-socials li ~ li {
    margin-left: 10px;
}

.members .member-image .list-socials a:hover {
    color: #33bddd
}

.members .member-image .list-socials a {
    color: #fff;
}

.members .member:nth-child(4n+1) {
    margin-left: 0;
}

.members .member:nth-child(n+5) {
    margin-top: 40px;
}

.members .member-info h3 {
   font-size: 20px;
   color: #146286; 
   font-weight: 700;
   margin-bottom: 6px;
}

.members .member-info h4 {
    text-transform: uppercase;
    color: #8e8f93;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 18px;
}

.members .member-info {
    font-size: 13px;
}

.members .member-info p {
    margin-bottom: 4px;
}

.members .member-info a {
    color: #0d6385;
}

.members .member-info a:hover {
    text-decoration: underline;
}

.members .member-info i {
    margin-right: 4px;
    color: #33bddd;
}

/* section-about-us */
.section-about-us {
    background: #f7f7f7;
    padding: 60px 0 100px;
}

.section-about-us .section-content p {
    margin-bottom: 18px;
}

.section-about-us .section-content p a {
    color: #00acd4;    
}

.section-about-us .section-content p a:hover {
    text-decoration: underline;
}

.section-about-us .section-content h3 {
    font-size: 24px;
    color: #00acd4;
    font-weight: 700;
    margin-bottom: 18px;
}

.section-about-us .section-content ul {
    list-style-type: none;
    /*color: #063e57;*/
    color: #8e8f93;
    margin-bottom: 18px;
}

.section-about-us .section-content ul li {
    position: relative;
    padding-left: 10px;
}

.section-about-us .section-content ul li:before {
    content: '';
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 8px;
    background: #063e57;
}

.section-about-us .section-content {
    background: #fff;
    border-radius: 14px;
    padding: 28px 37px;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
}

.section-about-us .section-image {
    margin-top: 80px;
    border-radius: 14px;
    overflow: hidden;
}


/* Section Filters */
.section-filters {
    position: relative;
    padding: 50px 0;
}

.section-filters:before {
    content: '';
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;.
    z-index: 0;
}

.filters-wrapper {
    background: #146286;
    color: #fff;
    text-align: center;
    border-radius: 14px;
    position: relative;
    z-index: 20;
    padding: 50px;
}

.filters-wrapper.active .selected-filters {
    display: block;
}

.selected-filters {
    border-top: 1px solid #377998;
    padding-top: 30px;
    margin-top: 30px;
    display: none;
    
    text-align: left;

    padding-left: 47px;
    position: relative;
}

.selected-filters > a {
    display: inline-block;
}

.selected-filters > * {
    display: inline-block;
    vertical-align: middle;
}

.selected-filters > p {
    margin-right: 10px;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0;
    position: absolute;
    left: 1px;
    top: 43px;
}

.filter-wrapper {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.filter-wrapper p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    background: #2c7292;
    border-radius: 14px;
    padding: 8px 10px;
}

.filter-wrapper i {
    cursor: pointer;
    margin-left: 5px;
}

.filter {
    margin: 4px
}

.first-filter p ~ p {
    margin-left: 6px;
}

.filters-wrapper + .article-single {
    margin-top: 50px;
}

.filters-wrapper > *:last-child {
    margin-bottom: 0 !important;
}

.filters-wrapper h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 45px 0;
}

.filters-wrapper a {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
}

.filters-wrapper a:hover {
    text-decoration: none;
}

#form-filters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 36px;
    flex-wrap: wrap;
}

#form-filters > * {
    flex-grow: 1;
    flex-basis: 0;
    margin-bottom: 8px;
}

#form-filters > * ~ * {
    margin-left: 10px;
}


#form-filters .form-actions {
    position: relative;
}

#form-filters .form-actions i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30%;
    color: #146286;
    pointer-events: none;
    display: none;
}

#form-filters .input-container input {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    text-transform: none;
    padding: 8px 18px;
    width: 100%;
    height: 100%;
}

#form-filters .input-container input::placeholder {
  color: #fff;
  opacity: 1;
}

#form-filters .input-container input:-ms-input-placeholder {
  color: #fff;
}

#form-filters .input-container input::-ms-input-placeholder {
  color: #fff;
}

.blog-search .form-actions input,
#form-filters .form-actions input {
    height: 100%;
    width: 100%;
    border-radius: 14px;
    font-size: 14px;
    background: #fff;
    color: #146286;
    font-weight: 700;
    text-transform: uppercase;
    border: 0;
}

.multiselect-native-select {
    text-align: left;
}

.blog-search .form-actions input[type="text"],
.multiselect-native-select .btn-group .btn,
.multiselect-native-select .btn-group {
    width: 100%;
}


.multiselect-native-select .btn-group .btn {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 14px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    text-transform: none;
    padding: 8px 18px;
}

.multiselect-native-select .btn-group.open .btn {
    border-bottom: 0;
    color: #00acd4;
    background: #fff;
    border-color: #00acd4;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.multiselect-native-select .btn-group .btn .caret {
    margin-left: auto;
    position: relative;
    border: 0;
}

.multiselect-native-select .btn-group .btn .caret:before {
    content: '';
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
    border-bottom-color: #fff;
    margin-top: -9px;
}

.multiselect-native-select .btn-group .btn .caret:after {
    content: '';
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
    border-top-color: #fff;
    margin-top: 1px;
}

.multiselect-container {
    border: 1px solid #00acd4;
    border-radius: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 12px;
    overflow: hidden;
    padding: 16px 20px !important;
}

.multiselect-container.dropdown-menu {
    max-height: 500px;
    overflow-y: scroll;
}

.multiselect-container.dropdown-menu > li > a  {
    color: #00acd4;
    text-transform: none;
    text-decoration: none;
}

.multiselect-container>li>a>label {
    padding: 0px 20px 0px !important;
    white-space: normal;
}

.multiselect-container>li ~ li {
    margin-top: 14px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    outline: none;
}

.multiselect-container>li>a>label>input[type=checkbox] {
    top: -2px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.multiselect-container.dropdown-menu > li > a {
    background: transparent;
    color: #00acd4;
}

.multiselect-native-select .btn-group.open .btn .caret:before {
    border-bottom-color: #00acd4;
}

.multiselect-native-select .btn-group.open .btn .caret:after {
    border-top-color: #00acd4;   
}

#category-select + .btn-group .multiselect-container {
    width: 204%;
    border-top-right-radius: 14px;
}

.single-select-drop + .btn-group .radio input[type=radio] {
    display: none !important;
}

.single-select-drop + .btn-group label.radio {
    padding: 0 !important;
}

.single-select-drop + .btn-group li.disabled a  label {
    cursor: no-drop !important;
    color: #ccc;
}


/* Section Companies */
.section-companies {
    position: relative;
}

.section-companies:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(197, 198, 200, 0.8);
    z-index: 0;
}

.section-companies-about-vision:before {
    background-color: transparent;
    
}

.section-companies .shell {
    position: relative;
    z-index: 10;
}

.section-companies-about .section-title {
    color: #00acd4;
    position: relative;
    z-index: 2;
    font-size: 24px;
}

.section-companies-about-vision .box h3 {
    color: #00acd4;
    font-size: 24px;
}

.section-companies-about-vision .box p {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}


.section-values 

/*  section-services-about  */
.section-services-about .service-boxes .box-head { 
    min-height: 80px !important; 
    height: 80px;
}

.section-services-about .service-boxes .box .box-head:before { 
    background-position: 0 -70px; 
}

.section-services-about .service-boxes .box .box-content h3 {
    color: #0d4e6e;
    min-height: 80px;
    margin-bottom: 10px;
}



.section-services-about .service-boxes .box .box-content li a,
.section-services-about .service-boxes .box .box-content li {
    color: #000;
    font-weight: 500;
} 


.section-commitments .shell .commitment-wrapper {
    padding: 0 170px;
}

.section-commitments .commitment-wrapper {
    display: flex;
  
    align-items: center;
    align-content: center;
}

.section-commitments .commitment-image {
    width: 400px;
    display: inline-block;
}

.section-commitments .commitment-text {
    display: inline-block;
    margin-left: 30px;

}

.section-commitments .commitment-text h4 {
    color: #00acd4;
    margin-bottom: 10px;
}

.section-commitments .commitment-text ul {
    list-style: none outside none;
}

.section-commitments .commitment-text li {
    margin-bottom: 30px;
    font-size: 16px;
}

.section-commitments .commitment-text li:before {
    content: '';
    background-image: url(../assets/images/about/blue-bullet.png);
    width: 15px;
    height: 15px;
    float: left; 
    margin-right: 11px;
    margin-top: 3px;
    overflow: hidden;
}

.section-values {
    text-align: center;
}

.section-values .section-title {
    font-size: 24px;
    color: #00acd4;
}

.section-values .section-title + p {

}

.section-values .values-boxes {
    display: flex; 
    justify-content: space-around;
    flex-wrap: wrap;
}

.section-values .values-boxes .box {
    width: 20%;
    border: 1px solid #00acd4;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 20px;
    flex-direction: column;
    margin-bottom: 20px;
}

.section-values .values-boxes .box h3 {
    color: #07abd5;
    display: block;

}

.section-values .values-boxes .box p {
    line-height: 1.2em;
}

.section-values .values-boxes .box h3 {
    font-size: 20px;
    line-height: 1.2em;
}

.company-boxes {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.company-boxes .box-image {
    padding-bottom: 56.5%;
}

.company-boxes .box {
    position: relative;
    border-radius: 14px;
    flex-grow: 1;
    flex-basis: 0;
    overflow: hidden;
    background: #fff;
}

.company-boxes .box:hover {
    opacity: 0.9;
}

.company-boxes .box > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
}

.company-boxes .box ~ .box {
    margin-left: 50px;
}

.company-boxes .box-content img {
    margin-bottom: 32px;
}

.company-boxes .box-content {
    text-align: center;
    padding: 32px 0px 36px;
}


.company-boxes .box-content p {
    padding: 0 59px;
}

.section-companies-about .box {
 
    display: flex;
    align-items: center;
}

.section-companies-about .box-content {
    color: #0d4e6e;
    font-size: 20px;
}

.section-companies-about .box-content p {
    font-weight: bold;
    align-items: center;
    display: flex;
    padding: 0 35px;
    text-align: center;
}

.section-companies-about .box-content p:last-child { 
    padding-bottom: 0; 
    margin-bottom: 0;

}



/* section-commenced */
.section-commenced { padding: 50px 0 0 !important; } 
.section-commenced .section-title { font-size: 24px; color: #00acd4; }
.section-commenced .section-commenced-items { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; padding: 0 60px; }
.section-commenced .section-commenced-items .commenced-item { width: 40%; margin-bottom: 45px; }
.section-commenced .section-commenced-items .commenced-item img { float: left; margin-right: 18px; vertical-align: middle; max-width: 60px; }
.section-commenced .section-commenced-items .commenced-item p { vertical-align: middle; font-size: 20px; font-weight: bold; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #000; overflow: hidden; line-height: 1.25em; }


/* section-banner-blue */
.section-banner-blue {
    /*padding: 80px 0;*/
}

.text-boxes {
    position: relative;
    border-radius: 14px;
    background-color: #0d506ff5;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding: 82px 82px 94px;
}

.text-boxes:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 80, 111, 0.96);
    z-index: 0;
}

.text-boxes .box {
    position: relative;
    z-index: 10;
    color: #fff;
    text-align: center;
    font-size: 16px;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 273px;
}

.text-boxes .box ~ .box {
    margin-left: 20px;
}

.text-boxes .box h3 {
    font-size: 32px;
    margin-bottom: 9px;
}

.text-boxes .box p {
    margin-bottom: 19px;
}

.read-more {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

.read-more:hover {
    text-decoration: underline;
    color: #fff;
}

/* Section partners */
.section-partners {
    position: relative;
    padding: 0 0px;
}

.section-partners > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.section-partners ul {
    list-style-type: none;
}

.section-partners ul li ~ li {
    margin-left: 30px;
}

/* Section Services */
.section-services {

}

.service-boxes {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.service-boxes .box {
    flex-grow: 1;
    flex-basis: 0;
    -webkit-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.2);
    border-radius: 14px;
    padding-bottom: 40px;
}

.service-boxes .box ~ .box {
    margin-left: 41px;
}

.service-boxes .box-head {
    text-align: center;
    position: relative;
    padding: 23px 0 0 0;
    min-height: 165px;
}


.section-services-about { background-color: #f8f9f9; }

.section-services-about .service-boxes .box-head {
    min-height: 80px;
}

.service-boxes .box-head h3 {
    color: #fff;
    position: relative;
    z-index: 20;
    font-size: 32px;
}

.service-boxes .box:nth-child(1n) a {
    color: #00acd4;
}

.service-boxes .box:nth-child(1n) .box-head:before {
    border-radius: 14px 14px 0px 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../css/images/Shape-3.png);
    width: 100%;
    height: 119px;
    z-index: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.service-boxes .box:nth-child(2n) a {
    color: #146286;    
}

.service-boxes .box:nth-child(2n) .box-head:before {
    border-radius: 14px 14px 0px 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../css/images/Shape-3-1.png);
    width: 100%;
    height: 147px;
    z-index: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.service-boxes .box:nth-child(3n) a {
    color: #063e57;    
}

.service-boxes .box:nth-child(3n) .box-head:before {
    border-radius: 14px 14px 0px 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../css/images/Shape-3-2.png);
    width: 100%;
    height: 119px;
    z-index: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.service-boxes .box-content {
    padding: 0 50px;
}

.service-boxes ul {
    list-style-type: none;
}

.service-boxes ul li {}
.service-boxes ul li ~ li {
    margin-top: 13px;
}

.service-boxes ul li a {
    position: relative;
}

.service-boxes ul li a:hover {
    text-decoration: underline;
}

.section-services-about .service-boxes  li { 
    position: relative;
}

.section-services-about .service-boxes  li:before,
.service-boxes ul li a:before {
    content:"\203A";
    color: inherit;
    font-size: 21px;
    top: -8px;
    left: -12px;
    position: absolute;
}

/* Features */
.section-features {
}

.features {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0 58px;
    flex-wrap: wrap;
}

.features .feature-image {
    padding-bottom: 73%;
    position: relative;
    margin-bottom: 40px;
}

/*.features .feature-image:before {
    content: '';
    height: 100%;
    width: 100%;
    background: #fff;
    top: 50%;
    position: absolute;
    left: 0;
    z-index: -1;
}*/

.features .feature-image:after {
    content: '';
    width: 103%;
    position: absolute;
    height: 39%;
    background: radial-gradient(138% 126% at top, #fff 50%, transparent 51%);
    left: -1.5%;
    bottom: -5px;
    transform: rotate(180deg);
    z-index: 10;
}

.features .feature:nth-child(even) .feature-image:after {
    background: radial-gradient(138% 173% at bottom, transparent 50%, #fff 51%);
    transform: rotate(180deg);
}

.features .feature {
    padding-bottom: 50px;
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    -webkit-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.2);
    border-radius: 14px;
    overflow: hidden;
}

.features .feature ~ .feature {
    margin-left: 2.66%;
}

.features .feature h3 {
    font-size: 32px;
    font-weight: 700;
    color: #00acd4;
    max-width: 230px;
    line-height: 1.25;
    margin: 0 auto 49px;
}

.features .feature .btn {
    width: 77%;
}

/* Features ALT */
.features-alt {
    padding: 0;
    flex-wrap: wrap;
}

.features .feature {
    background: #fff;
    width: 23%;
    flex-grow: unset;
    flex-basis: unset;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    flex-direction: column;
}

.section-features-about .features {
    justify-content: space-between;
    padding: 0;
}

.section-features-about .features .feature-image:after {
    height: 25%;
}

.section-features-about .features .feature-image {
    margin-bottom: 20px;
}

.section-features-about .feature {
    width: 30%;
    margin-left: 0;
    padding-bottom: 10px;
}

.section-features-about .feature h3 {
    margin-bottom: 10px !important;
    font-size: 23px;
}

.features .feature:nth-child(even) .feature-image {
    margin-bottom: 20px;
}

.section-features-about .section-title {
    font-weight: normal;
    font-size: 24px;
}

.section-features-about .section-title strong {
    color: #00acd4;
    font-weight: bold;
}

.features-alt .feature ~ .feature {
    margin-left: 3.5%;
}

.features-alt .feature:nth-child(3n+1) {
    margin-left: 0;
}

.features-alt .feature:nth-child(n+4) {
    margin-top: 3.5%;
}

.features .feature h3 { margin-bottom: 41px; }

.features-alt .feature h3 {
    font-size: 20px;
    line-height: 1.4;
    max-width: 270px;
}

.features .feature-inner {
     margin-top: auto;
}

.features-alt .feature {
    width: 31%;
}

.features-courses .feature:nth-child(4n+1) {
    margin-left: 0;
}

.features-courses .feature:nth-child(n+4) {
    margin-top: 0;
}

.features-courses .feature:nth-child(n+5) {
    margin-top: 2.66%;
}

.features-courses .feature h3 {
    font-size: 20px;
    max-width: 240px;
}

/* List */

.features.list-view {
    display: block;
    border-radius: 14px;
    overflow: hidden;
    padding: 0 40px;
    background: #fff;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
}

.features.list-view .feature {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
    box-shadow: none;
    border-radius: 0;
    padding: 30px 0 20px;
}

.features.list-view .feature:nth-child(n+4),
.features.list-view .feature ~ .feature {
    margin-left: 0;
    margin-top: 0;
    border-top: 1px solid #d9f3f9;
}

.features.list-view .feature-image {
    display: none;
}

.features.list-view .feature h3 {
    margin: 0;
    max-width: 100%;
}

.features.list-view .feature-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.features.list-view .feature-inner .btn {
    width: auto;
    margin-left: auto;
}

/* ------------------------------------------------------------ *\
    Blue Banner
\* ------------------------------------------------------------ */
section.section.blue-banner { padding-top: 0; }
.blue-banner .banner-items { padding: 50px 10px; display: flex; flex-wrap: wrap; background-color: #0d4e6e; border-radius: 8px; justify-content: space-around;  }
.blue-banner .banner-items .item { width: 23%; color: #fff; text-align: center; }
.blue-banner .banner-items .item span { display: block; font-size: 16px;  height: 66px; }
.blue-banner .banner-items .item img { clear: both; max-width: 81px; }
/* ------------------------------------------------------------ *\
    List Courses
\* ------------------------------------------------------------ */
.list-courses > h3 {
    font-size: 24px;
    color: #146286;
    font-weight: 700;
    margin-bottom: 10px;
    padding-left: 18px;
}

.list-courses h3 img {
    display: none;
}

.list-courses .courses-expand {
    display: none !important;
}

.list-courses {
    margin-top: 48px;
}

.courses-wrapper {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    padding: 30px 40px;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
}

.course-head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
    margin-bottom: 23px;
}

.course-head h3 {
    font-size: 20px;
    color: #00acd4;
    font-weight: 700;
    max-width: 615px;
    line-height: 1.4;
    
}

.course-head .btn {
    margin-left: auto;
}

.course-info {
    font-weight: 500;
    color: #0d6385;
    font-size: 13px;
    margin-bottom: 23px;
}

.course-info > * {
    display: inline-block;
    vertical-align: top;
}

.course-info > div > *:last-child {
    margin-bottom: 0;
}

.course-info i {
    color: #00acd4;
    margin-right: 4px;
}

.course-info div ~ div {
    margin-left: 20px;
}

.course ~ .course {
    padding-top: 30px;
    margin-top: 30px; 
    border-top: 1px solid #dbe8ed;
}

/* ------------------------------------------------------------ *\
    Links Wrapper
\* ------------------------------------------------------------ */
.links-wrapper {
    margin-top: 46px;
}

.links-box  ~ .links-box {
    margin-top: 34px;
}

.links-box h3 {
    font-size: 24px;
    font-weight: 700;
    color: #146286;
    margin-bottom: 10px;
    padding-left: 18px;
}

.links-box-inner {
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    border-radius: 14px;
    overflow: hidden;
}

.links-box-inner h5 {
    padding: 20px;
}

.links-box-inner span {
    padding-right: 57px;
}

.links-box-inner a {
    display: block;
    background: #fff;
    color: #146286;
    font-size: 13px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}


.links-box-inner a:nth-child(even):hover,
.links-box-inner a:hover {
    background: #146286;
    color: #fff;
}

.links-box-inner a:nth-child(even) {
    background: #f1f6f8;
}

.links-box-inner i {
    margin-left: auto;
}

/* ------------------------------------------------------------ *\
    Buttons
\* ------------------------------------------------------------ */

a.btn,
.btn:not(.gform_button) {
    border: 0;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1.85;
    font-weight: 700;
    border-radius: 14px;
    padding: 8px 18px;
}

.squares-container .squares-element:nth-child(3) a {
    border: 0 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    line-height: 24px !important;
    height: auto !important;
    font-weight: 700 !important;
    border-radius: 14px !important;
    padding: 6px 18px !important;

    text-transform: uppercase !;
    color: #fff !;
    background: rgb(0,172,214) !;
    background: -moz-linear-gradient(left,  rgba(0,172,214,1) 0%, rgba(1,173,213,1) 50%, rgba(21,179,216,1) 75%, rgba(138,217,234,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,172,214,1) 0%,rgba(1,173,213,1) 50%,rgba(21,179,216,1) 75%,rgba(138,217,234,1) 100%);
    background: linear-gradient(to right,  rgba(0,172,214,1) 0%,rgba(1,173,213,1) 50%,rgba(21,179,216,1) 75%,rgba(138,217,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acd6', endColorstr='#8ad9ea',GradientType=1 );
}

.squares-container .squares-element:nth-child(3) a:hover {
    background: rgb(0,172,214);
    background: -moz-linear-gradient(left, rgba(33, 128, 151,1) 0%,rgba(62, 133, 149,1) 50%,rgba(46, 129, 148,1) 75%,rgba(169, 201, 207,1) 100%);
    background: -webkit-linear-gradient(left, rgba(33, 128, 151,1) 0%,rgba(62, 133, 149,1) 50%,rgba(46, 129, 148,1) 75%,rgba(169, 201, 207,1) 100%);
    background: linear-gradient(to right, rgb(33, 128, 151) 0%,rgb(62, 133, 149) 50%,rgb(46, 129, 148) 75%,rgb(169, 201, 207) 100%);
}

.btn-white {
    background: #fff;
    color: #00acd4;
    font-weight: 700;
}

.btn-outline {
    border: 1px solid  #fff;
    background: transparent;
    color: #fff;
}

.btn-outline:hover {
    background: #fff;
    color: #00acd4;
}


a.btn-primary {
    text-transform: uppercase !;
    color: #fff !;
    background: rgb(0,172,214) !;
    background: -moz-linear-gradient(left,  rgba(0,172,214,1) 0%, rgba(1,173,213,1) 50%, rgba(21,179,216,1) 75%, rgba(138,217,234,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,172,214,1) 0%,rgba(1,173,213,1) 50%,rgba(21,179,216,1) 75%,rgba(138,217,234,1) 100%);
    background: linear-gradient(to right,  rgba(0,172,214,1) 0%,rgba(1,173,213,1) 50%,rgba(21,179,216,1) 75%,rgba(138,217,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acd6', endColorstr='#8ad9ea',GradientType=1 );
}

a.btn-primary:hover {
    background: rgb(0,172,214);
    background: -moz-linear-gradient(left, rgba(33, 128, 151,1) 0%,rgba(62, 133, 149,1) 50%,rgba(46, 129, 148,1) 75%,rgba(169, 201, 207,1) 100%);
    background: -webkit-linear-gradient(left, rgba(33, 128, 151,1) 0%,rgba(62, 133, 149,1) 50%,rgba(46, 129, 148,1) 75%,rgba(169, 201, 207,1) 100%);
    background: linear-gradient(to right, rgb(33, 128, 151) 0%,rgb(62, 133, 149) 50%,rgb(46, 129, 148) 75%,rgb(169, 201, 207) 100%);
}

a.btn-alt {
    color: #00acd4;
    border: 1px solid #00acd4 !important;
    box-shadow: none !important;
}

a.btn i {
    margin-right: 6px;
}

a.btn-alt:hover {
    background: rgb(0,172,214);
    background: -moz-linear-gradient(left,  rgba(0,172,214,1) 0%, rgba(1,173,213,1) 50%, rgba(21,179,216,1) 75%, rgba(138,217,234,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,172,214,1) 0%,rgba(1,173,213,1) 50%,rgba(21,179,216,1) 75%,rgba(138,217,234,1) 100%);
    background: linear-gradient(to right,  rgba(0,172,214,1) 0%,rgba(1,173,213,1) 50%,rgba(21,179,216,1) 75%,rgba(138,217,234,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acd6', endColorstr='#8ad9ea',GradientType=1 ); 
    color: #fff;
}

/* ------------------------------------------------------------ *\
    Curved Boxes
\* ------------------------------------------------------------ */
.curved-boxes {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.curved-boxes + div {
    margin-top: 80px;
}

.curved-boxes .box ~ .box {
    margin-left: 40px;
}

.curved-boxes .box:nth-child(1n) {
    background: #00acd4;
    color: #00acd4;
}

.curved-boxes .box:nth-child(1n) .btn-secondary {
    background: #00acd4;
    color: #fff;
}

.curved-boxes .box:nth-child(2n) {
    background: #146185;
    color: #146185;
}

.curved-boxes .box:nth-child(2n) .btn-secondary {
    background: #146185;
    color: #fff;
}

.curved-boxes .box:nth-child(3n) {
    background: #063e56;
    color: #063e56;
}

.curved-boxes .box:nth-child(3n) .btn-secondary {
    background: #063e56;
    color: #fff;
}

.curved-boxes .btn-secondary:hover {
    opacity: 0.8;
}

.curved-boxes .box {
    border-radius: 14px;
    border-top-left-radius: 151px;
    border-bottom-right-radius: 151px;
    overflow: hidden;
    width: 31%;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    position: relative;
}

.curved-boxes .box-content {
    background: #fff;
    height: 100%;
    min-height: 556px;
    border-top-left-radius: 200px;
    border-bottom-right-radius: 200px;
}

.curved-boxes .box-inner {
    text-align: center;
    padding: 40px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1.5;
}

.curved-boxes .box-inner > img {
    margin-bottom: 25px;
}

.curved-boxes .box-inner p {
    margin-bottom: 30px;
}

.curved-boxes .box-inner h3 {
    font-size: 24px;
    line-height: 1.33;  
    font-weight: 700;
    padding: 0 25px;
    margin-bottom: 24px;
    word-break: normal;
}

/* ------------------------------------------------------------ *\
    POPUP FORM
\* ------------------------------------------------------------ */
.popup-form {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 700;
}

.popup-form.active {
    display: block;
}

.popup-inner {
    width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.popup-inner > a {
    right: -45px;
    top: -45px;
    z-index: 50;
    position: absolute;
    display: inline-block;
}

.popup-form .gform_wrapper {
    padding: 70px;
}

.popup-form .gform_wrapper .gform_head h3 {
    color: #00acd4;
}

/* ------------------------------------------------------------ *\
    Gform Wrapper
\* ------------------------------------------------------------ */
.gform_wrapper {
    font-size: 13px;
}

.gform_footer {
    margin-top: 4px;
}


.blog-search input[type="text"],
.popup-inner .gform_wrapper .ginput_container input,
.section-info-boxes .gform_wrapper .ginput_container input,
.section--contact-us .gform_wrapper .ginput_container input,
.ginput_container input {
    color: #fff;
    width: 100%;
    background: transparent;
    border: 1px solid #8ea6b1;
    border-radius: 14px;
    padding: 13px 19px;
}

.section--contact-us .gform_wrapper .ginput_container select {
    color: #fff;
    width: 100%;
    background: transparent;
    border: 1px solid #b2e6f2;
    color: #00acd4;
    border-radius: 14px;
    padding: 13px 35px 13px 19px;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    background: url('./icons/select-arrow.png');
    background-repeat: no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    background-position: calc(100% - 16px) center;
}

.ginput_container textarea::placeholder,
.ginput_container input::placeholder {
  color: #fff;
  opacity: 1;
}

.ginput_container textarea:-ms-input-placeholder,
.ginput_container input:-ms-input-placeholder {
  color: #fff;
}

.ginput_container textarea::-ms-input-placeholder,
.ginput_container input::-ms-input-placeholder {
  color: #fff;
}

.gform_heading,
.gform_head {
    text-align: center;
    font-size: 15px;
    color: #00acd4;
    font-weight: 500;
    margin-bottom: 40px;
}

.gform_heading h3,
.gform_head h3 {
    font-weight: 700;
    font-size: 36px !important;
    color: #146286;
    margin-bottom: 16px;
}

.gform_description a {
    color: #146286;
}

.ginput_container textarea {
    width: 100%;
    border-radius: 14px;
    color: #fff;
    background: transparent;
    border: 1px solid #8ea6b1;
    border-radius: 14px;
    padding: 13px 19px;
    height: 158px;
}

.gform_fields {
    list-style-type: none;
}

.gfield_label {
    display: none;
}

/* Gform Alt */
.popup-inner .gform_wrapper,
.section-info-boxes .gform_wrapper,
.section--contact-us .gform_wrapper,
.gform_wrapper_alt {
    background: #fff;
    border-radius: 14px;
    color: #00acd4;
    font-size: 12px;
}

.popup-inner .gform_confirmation_wrapper {
    background: #fff;
    border-radius: 14px;
    color: #00acd4;
    font-size: 14px;
    padding: 40px 20px;
}

.blog-search input[type="text"]::placeholder,
.popup-inner .gform_wrapper .ginput_container textarea::placeholder,
.section-info-boxes .gform_wrapper .ginput_container textarea::placeholder,
.section--contact-us .gform_wrapper .ginput_container textarea::placeholder,
.gform_wrapper_alt .ginput_container textarea::placeholder,
.popup-inner .gform_wrapper .ginput_container input::placeholder,
.section-info-boxes .gform_wrapper .ginput_container input::placeholder,
.section--contact-us .gform_wrapper .ginput_container input::placeholder,
.gform_wrapper_alt .ginput_container input::placeholder {
  color: #00acd4;
  opacity: 1;
}

.blog-search input[type="text"]:-ms-input-placeholder,
.popup-inner .gform_wrapper .ginput_container textarea:-ms-input-placeholder,
.section-info-boxes .gform_wrapper .ginput_container textarea:-ms-input-placeholder,
.section--contact-us .gform_wrapper .ginput_container textarea:-ms-input-placeholder,
.gform_wrapper_alt .ginput_container textarea:-ms-input-placeholder,
.popup-inner .gform_wrapper .ginput_container input:-ms-input-placeholder,
.section-info-boxes .gform_wrapper .ginput_container input:-ms-input-placeholder,
.section--contact-us .gform_wrapper .ginput_container input:-ms-input-placeholder,
.gform_wrapper_alt .ginput_container input:-ms-input-placeholder {
  color: #00acd4;
}

.blog-search input[type="text"]::-ms-input-placeholder,
.popup-inner .gform_wrapper .ginput_container textarea::-ms-input-placeholder,
.section-info-boxes .gform_wrapper .ginput_container textarea::-ms-input-placeholder,
.section--contact-us .gform_wrapper .ginput_container textarea::-ms-input-placeholder,
.gform_wrapper_alt .ginput_container textarea::-ms-input-placeholder,
.popup-inner .gform_wrapper .ginput_container input::-ms-input-placeholder,
.section-info-boxes .gform_wrapper .ginput_container input::-ms-input-placeholder,
.section--contact-us .gform_wrapper .ginput_container input::-ms-input-placeholder,
.gform_wrapper_alt .ginput_container input::-ms-input-placeholder {
  color: #00acd4;
}

.popup-inner .gform_wrapper .ginput_container textarea,
.section-info-boxes .gform_wrapper .ginput_container textarea,
.section--contact-us .gform_wrapper .ginput_container textarea,
.gform_wrapper_alt .ginput_container textarea,
.popup-inner .gform_wrapper .ginput_container input,
.section-info-boxes .gform_wrapper .ginput_container input,
.section--contact-us .gform_wrapper .ginput_container input,
.gform_wrapper_alt .ginput_container input {
    border-color: #b2e6f2;
    color: #00acd4;
}

.popup-inner .gform_wrapper .gfield ~ .gfield,
.section-info-boxes .gform_wrapper .gfield ~ .gfield,
.section--contact-us .gform_wrapper .gfield ~ .gfield,
.gform_wrapper_alt .gfield ~ .gfield {
    margin-top: 10px;
}

.section-info-boxes .gform_footer input,
.section--contact-us .gform_footer input,
.gform_wrapper_alt .gform_footer input {
    font-size: 13px;
    border-radius: 14px;
    padding: 8px 18px;
    border: 0;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: rgb(0,172,214);
    background: -moz-linear-gradient(left,  rgba(0,172,214,1) 0%, rgba(1,173,213,1) 50%, rgba(21,179,216,1) 75%, rgba(138,217,234,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,172,214,1) 0%,rgba(1,173,213,1) 50%,rgba(21,179,216,1) 75%,rgba(138,217,234,1) 100%);
    background: linear-gradient(to right,  rgba(0,172,214,1) 0%,rgba(1,173,213,1) 50%,rgba(21,179,216,1) 75%,rgba(138,217,234,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acd6', endColorstr='#8ad9ea',GradientType=1 ); 
}

.section-info-boxes .gform_footer input:hover,
.section--contact-us .gform_footer input:hover,
.gform_wrapper_alt .gform_footer input:hover {
    background: rgb(0,172,214);
    background: -moz-linear-gradient(left, rgba(33, 128, 151,1) 0%,rgba(62, 133, 149,1) 50%,rgba(46, 129, 148,1) 75%,rgba(169, 201, 207,1) 100%);
    background: -webkit-linear-gradient(left, rgba(33, 128, 151,1) 0%,rgba(62, 133, 149,1) 50%,rgba(46, 129, 148,1) 75%,rgba(169, 201, 207,1) 100%);
    background: linear-gradient(to right, rgb(33, 128, 151) 0%,rgb(62, 133, 149) 50%,rgb(46, 129, 148) 75%,rgb(169, 201, 207) 100%);
}

/* Checkboxes */
.checkboxes-wrapper {
    margin-top: 20px;
    margin-bottom: 25px;
    font-weight: 400;
}

.checkbox-wrapper {
  position: relative;
  cursor: pointer;
  display: block;
  padding-left: 20px;
  font-size: 13px;
}

.checkbox-wrapper ~ .checkbox-wrapper {
  margin-top: 7px;
}

.checkbox-wrapper input {
    visibility: hidden;
    height: 0;
    width: 0;
    display: none;
}

.checkbox-wrapper a  {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    color: #00acd4;
    font-size: 13px;
    position: relative;
    top: 0;
}

.checkbox-wrapper a:hover {
    text-decoration: underline;
}

.checkbox-wrapper .check-text {
    display: block;
    color: #8e8f93;
    font-weight: 400;
}

.gform_wrapper .ginput_container.ginput_container_checkbox { margin: 20px 0 30px; }
.gform_wrapper .ginput_container .gfield_checkbox { list-style: none; }
.gform_wrapper .ginput_container .gfield_checkbox li { position: relative; line-height: 1; }
.gform_wrapper .ginput_container .gfield_checkbox li input { display: inline-block; width: auto; opacity: 0; visibility: hidden; display: none; }

.gform_wrapper .ginput_container .gfield_checkbox li label { padding-left: 20px; margin-bottom: 0; font-weight: 400; color: #8e8f93; font-style: 13px; }
.gform_wrapper .ginput_container .gfield_checkbox li label a { color: #00acd4; }
.gform_wrapper .ginput_container .gfield_checkbox li label a:hover { text-decoration: underline; }
.gform_wrapper .ginput_container .gfield_checkbox li label:before { content: '';  }
.gform_wrapper .ginput_container .gfield_checkbox li label:before,
.checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  height: 14px;
  width: 14px;
  border: 1px solid #b2e6f2;
  background: transparent;
  border-radius: 3px;
}

.checkbox-wrapper input:checked ~ .checkmark:after {
  display: block;
}

.gform_wrapper .ginput_container .gfield_checkbox li label:after,
.checkmark:after {
    display: none;
    content: '';
    width: 4px;
    height: 8px;
    border-bottom: 1px solid #22b7da;
    border-right: 1px solid #22b7da;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    
}

.gform_wrapper .ginput_container .gfield_checkbox li input:checked + label:after { display: block; }

.section-head {
    text-align: center;
    margin-bottom: 40px;
}

.section-head .section-title {
    margin-bottom: 20px;
}

.section-head h4 {
    font-size: 15px;
    font-weight: 500;
    color: #00acd4;
}

.section-head > * {
    margin-bottom: 20px;
}

.section-head a {
    color: #00acd4;
}

.section-head a:hover {
    text-decoration: underline;
}

.section-head:last-child {
    margin-bottom: 0;
}

.password-form {
    padding: 80px 75px;
}

.password-form .gform_head {
    text-align: left;
    font-size: 12px;
    color: #c5c6c8;
    margin-bottom: 15px;
}

.password-form .gfield_label {
    display: block;
}

.password-form .gform_footer {
    margin-top: 10px;
}

.password-form .gform_footer input {
    padding: 10px 18px;
}

.blog-search .search-form { display: flex; }
.blog-search .search-form .gfield { flex-grow: 1 }
.blog-search .search-form .form-actions { margin-left: 10px; }
.blog-search input[type="text"]::placeholder { color: #fff; }
.blog-search input[type="text"]::-ms-input-placeholder { color: #fff; }
.blog-search input[type="text"]:-ms-input-placeholder { color: #fff; }

/* ------------------------------------------------------------ *\
    Google Maps
\* ------------------------------------------------------------ */
.map-wrapper { position: relative; width: 100%; }
.map { width: 100%; height: 400px; }
.map iframe { width: 100%; }


/* ------------------------------------------------------------ *\
    Accordions
\* ------------------------------------------------------------ */
.accordion-wrapper > h3 {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 20px;
    color: #146286;
}

.accordion-wrapper-inner {
    padding: 34px 40px;
    background: #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    counter-reset: accordion;
}

.accordion-item ~ .accordion-item {
    border-top: 1px solid #dbe8ed;
}

.accordion-item h3 {
    position: relative;
}

.accordion-item h3:before {
    counter-increment: accordion;
    content: counter(accordion) ".";
    margin-right: 4px;
}

.accordion-item i {
    color: #00acd4;
}

.accordion-item i + i,
.accordion-item.open i {
    display: none;
}

.accordion-item.open i + i {
    display: inline-block;
}

.accordion-body a {
    color: #00acd4;
}

.accordion-body a:hover {
    text-decoration: underline;
}

.accordion-body {
    display: none;
    padding-bottom: 10px;
}

.accordion-head {
    cursor: pointer;
    padding: 20px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.accordion-head i {
    margin-left: auto;
}

.accordion-head h3 {
    font-size: 16px;
    font-weight: 700;
    color: #00acd4;
    line-height: 1.5;
}

/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */
.footer {
    position: relative;
    color: #fff;
    font-size: 11px;
    padding: 50px 0 0 0;
}

.footer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 62, 87, 0.9);
    z-index: 0;
}

.footer-socials {
    margin-bottom: 0;
}

.footer-socials li {
    display: inline-block;
    vertical-align: middle;
}

.footer-socials li ~ li {
    margin-left: 10px;
}

.footer-bar .footer-socials {
    display: none;
}

.footer ul {
    list-style-type: none;
}

.footer h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 5px;
}

.footer h4 {
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.footer-content {
    position: relative;
    z-index: 10;
    margin-bottom: 23px;
}

.footer-logo {
    display: block;
    margin-bottom: 22px;
}

.footer-logo img {
    max-width: 217px
}

.footer-content p {
    margin-bottom: 22px;
}


.footer-content i {
    font-size: 17px;
    color: #fff;
}

.footer-content i:hover {
    color: #23527c;
}

.footer-content .shell {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.footer-aside {
    width: 300px;
}


.footer-inner {
    margin-left: auto;
}

.footer-inner ul {
    font-size: 13px;
}

.footer-inner ul li ~ li {
    margin-top: 5px;
}

.footer-boxes {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.footer-boxes p a {
    color: #fff;
    text-decoration: underline;
}

.footer-boxes p a:hover {
    text-decoration: none;
}

.footer-boxes i {
    font-size: 14px;
    margin-right: 7px;
}

.footer-boxes .box {
    width: 286px;
}

.footer-boxes .box ul li a {
    color: #fff;
}

.footer-boxes .box ul li a:hover {
    text-decoration: underline;
}

.footer-boxes .box ~ .box {
    margin-left: 95px;
}

.footer-bar {
    position: relative;
    z-index: 10;
    border-top: 1px solid #2a5a70;
    padding: 13px 0;
}

.footer-bar p,
.footer-bar ul { margin-bottom: 8px; }

.footer-bar a:hover {
    text-decoration: underline;
}

.footer-bar .shell {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.footer-bar ul {
    margin-left: auto;
}

.footer-bar ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.footer-bar ul li a {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.footer-bar ul li ~ li:before {
    content: '|';
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 2px;
}

.footer .gform_wrapper {
    position: relative;
}

.footer .validation_message {
    position: absolute;
}

.footer .validation_error {
    display: none;
}

.footer .gfield_label {
    display: none;
}

.footer .gform_footer input {
    /*display: none;*/
    width: 18px;
    height: 18px;
    margin-right: 5px;
    margin-bottom: 9px;
}

.footer .gform_footer {
    position: absolute;
    right: 8px;
    top: 14px;
    z-index: 20;
}

.footer .gform_footer i {
    cursor: pointer;
}



/* ------------------------------------------------------------ *\
    Enroll Course
\* ------------------------------------------------------------ */
.enroll-wrapper {
    text-align: center;
}

.enroll-wrapper h3 {
    font-size: 24px;
    color: #00acd4;
    text-align: center;
    font-weight: 700;
    margin-bottom: 36px;
}

.elements-wrapper {
    margin-bottom: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.elements-wrapper .radio-element-wrapper {
    flex-grow: 1;
    flex-basis: 0;
    min-height: 192px;
}

.elements-wrapper .radio-element-wrapper {
    position: relative;
    border: 2px solid transparent;
}

.elements-wrapper .radio-element-wrapper.selected {
    border-color: #00acd4;
}

.elements-wrapper .radio-element-wrapper .radio-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

.elements-wrapper .radio-element-wrapper .radio-container * {
    font-size: 0;
}

.elements-wrapper .radio-element-wrapper #paypal-button-container,
.elements-wrapper .radio-element-wrapper .radio-container form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}
.elements-wrapper .radio-element-wrapper #paypal-button-container {
    top: 50%;
    left: 50%;
    height: auto;
    max-width: 350px;
    transform: translate(-50%,-50%);
    opacity: 1;
    visibility: visible;
    
}

.elements-wrapper .radio-element-wrapper ~ .radio-element-wrapper {
    margin-left: 50px;
}

/* Radio elements */
.radio-element-wrapper {
    -webkit-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 30px 5px rgba(0,0,0,0.1);
    background: #fff;
    text-align: center;
    border-radius: 14px;
}

.paypal label:after {
    content: '';
    background-image: url(../css/icons/paypal.png);
    width: 97px;
    height: 96px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.borika label:after {
    content: '';
    background-image: url(../css/icons/visa-mastercard.png);
    width: 256px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}


/* Anastas START */
.raiffeisenbank label:after {
    content: '';
    background-image: url(../css/icons/visa-mastercard.png);
    width: 256px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

/* Anastas END */


.radio-element-wrapper  > span {
    font-size: 13px;
    color: #acaeb5;
}

.radio-container {
    display: block;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
}

/* Hide the browser's default radio button */
.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-checkmark {
    height: 25px;
    width: 25px;
    border: 2px solid #00acd4;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 20px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
    content: "";
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark {
    background: #00acd4;
}

.radio-container input:checked ~ .radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
   width: 7px;
   border-bottom: 1px solid #fff;
   height: 11px;
   border-right: 1px solid #fff;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
}

/* ------------------------------------------------------------ *\
  links-box
\* ------------------------------------------------------------ */
.links-box-outer {
    position: relative;
    text-align: center;
    margin: 0 auto 45px;
    width: 580px;
}

.links-box-outer img { min-width: 580px; }

.links-box-outer img.offer-icon { height: auto; max-height: 60px }

.links-box-outer .links-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.links-box-outer .link-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    color: #fff;
    text-align: center;
    word-break: break-word;
    font-size: 12px;
}

.links-box-outer .link-element a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.links-box-outer .link-element:hover h3,
.links-box-outer .link-element:hover {
    color: #0d6385;
}

.links-box-outer .link-element:hover h3:before {
    background: #f7d737;
}

.links-box-outer .link-element p {
    margin-bottom: 0;
    padding: 0 9px;
    position: relative;
    z-index: 10;
}

.links-box-outer .link-element h3 {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    padding-left: 0;
    margin: 0;
    width: 100%;
    word-break: normal;
    position: relative;
    line-height: 1.2;
    margin-bottom: 3px;
    position: relative;
    z-index: 10;
}

.links-box-outer .link-element h3:before {
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background: #72bbd1;
    margin: 0 auto 10px;
}

.links-box-outer .link-element:before {
    transition: opacity 0.1s linear;
}

.links-box-outer .link-element:nth-child(1):before {
    content: '';
    background-image: url(../css/images/part-0.png);
    width: 232px;
    height: 177px;
    position: absolute;
    top: -21px;
    right: -80px;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transform: scale(1.05);
}

.links-box-outer .link-element:nth-child(1):hover:before {
    visibility: visible;
    opacity: 1;
}

.links-box-outer .link-element:nth-child(1) {
    left: 203px;
}

.links-box-outer .link-element:nth-child(2):before {
    content: '';
    background-image: url(../css/images/part-1.png);
    width: 214px;
    height: 202px;
    position: absolute;
    top: -66px;
    right: -55px;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transform: scale(1.05);
}

.links-box-outer .link-element:nth-child(2):hover:before {
    visibility: visible;
    opacity: 1;
}


.links-box-outer .link-element:nth-child(2) {
    left: 375px;
    top: 91px
}

.links-box-outer .link-element:nth-child(3):before {
    content: '';
    background-image: url(../css/images/part-2.png);
    width: 180px;
    height: 224px;
    position: absolute;
    top: -25px;
    right: -23px;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transform: scale(1.05);
}

.links-box-outer .link-element:nth-child(3):hover:before {
    visibility: visible;
        opacity: 1;
}

.links-box-outer .link-element:nth-child(3) {
    left: 398px;
    top: 262px;
}

.links-box-outer .link-element:nth-child(4):before {
    content: '';
    background-image: url(../css/images/part-3.png);
    width: 232px;
    height: 176px;
    position: absolute;
    top: -35px;
    right: -27px;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transform: scale(1.05);
}

.links-box-outer .link-element:nth-child(4):hover:before {
    visibility: visible;
        opacity: 1;
}

.links-box-outer .link-element:nth-child(4) {
    left: 248px;
    top: 368px;
}

.links-box-outer .link-element:nth-child(5):before {
    content: '';
    background-image: url(../css/images/part-4.png);
    width: 215px;
    height: 201px;
    position: absolute;
    top: -45px;
    right: -37px;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transform: scale(1.05);
}

.links-box-outer .link-element:nth-child(5):hover:before {
    visibility: visible;
        opacity: 1;
}

.links-box-outer .link-element:nth-child(5) {
    left: 75px;
    top: 306px;
}

.links-box-outer .link-element:nth-child(6):before {
    content: '';
    background-image: url(../css/images/part-5.png);
    width: 185px;
    height: 224px;
    position: absolute;
    top: -96px;
    right: -35px;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transform: scale(1.05);
}

.links-box-outer .link-element:nth-child(6):hover:before {
    visibility: visible;
        opacity: 1;
}

.links-box-outer .link-element:nth-child(6) {
    left: 51px;
    top: 116px;
}

.links-box-outer-alt { }
.links-box-outer-alt.links-box-outer .link-element h3 { font-size: 18px; }


.links-main-text {
    text-align: center;
    color: #a0a2a4;
    font-size: 22px;
    line-height: 1.1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.links-main-text:hover {
    opacity: .8;
}

.links-main-text > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.links-main-text span {
    color: #757779;
    font-size: 20px;
    margin-bottom: 2px;
}

.links-main-text i {
    margin-bottom: 4px;
}

.links-main-text i,
.links-main-text span,
.links-main-text strong {
    display: block;
}

#forthcoming-trainings-course-inner .footer {
    margin-bottom: 70px;
}

/* course-details-wrapper */
.course-details-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: fixed;

    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 700;
    background: #00acd4;
    color: #fff;

    align-items: center;
    justify-content: center;
    padding: 0px 60px;
}

.course-details-wrapper > * {
    display: inline-block;
    vertical-align: middle;
}

.course-details-wrapper > * ~ * {
    margin-left: 70px;
}

.course-details-wrapper p  {
    margin-bottom: 0;
}

.course-details-wrapper p ~ p {
    margin-left: 12px;
}

.course-details-wrapper i {
    margin-right: 4px;
}

.course-details-wrapper h3 {
    font-size: 20px;
    font-weight: 700;
}

.course-details-info {
    font-size: 13px;
    text-align: center;
}

.course-details-info > * {
    display: inline-block;
    vertical-align: middle;
}


.course-details-actions {
    text-align: right;
}

.course-details-actions .btn ~ .btn {
    /*margin-left: 8px;*/
}

.course-details-actions .btn {
    margin: 14px 8px;
}

/* ------------------------------------------------------------ *\
  Transitions & Animations
\* ------------------------------------------------------------ */
.link-menu{
  -webkit-transition: all 0.2s ease-in-out; 
       -o-transition: all 0.2s ease-in-out; 
          transition: all 0.2s ease-in-out; 
}

/*.link-menu.active-menu {
  top: -11px;
  left: 12px;
}*/

.link-menu.active-menu  span { border-color: transparent; }

.link-menu.active-menu span:before { 
-webkit-transform: rotate(45deg) translate(3px, 6px);
    -ms-transform: rotate(45deg) translate(3px, 6px);
   -moz-transform: rotate(45deg) translate(3px, 6px);
        transform: rotate(45deg) translate(3px, 6px);

}

.link-menu.active-menu span:after { 
-webkit-transform: rotate(-45deg) translate(2px, -6px);
    -ms-transform: rotate(-45deg) translate(2px, -6px);
   -moz-transform: rotate(-45deg) translate(2px, -6px);
        transform: rotate(-45deg) translate(2px, -6px); 
}

.link-menu span:before,
.link-menu span:after{
  -webkit-transition: all 0.2s ease-in-out;  
       -o-transition: all 0.2s ease-in-out;  
          transition: all 0.2s ease-in-out;  
}

#course-select + .btn-group.open .multiselect-container.dropdown-menu li:first-child,
#level-select + .btn-group.open .multiselect-container.dropdown-menu li:first-child {
    display: none;
}


@media only screen and (max-width: 1550px) {
    .course-details-wrapper > * ~ * {
        margin-left: 1%;
    }
}

@media only screen and (max-width: 1450px) {
    .course-details-actions .btn {
        margin: 10px 0;
    }

    .course-details-actions .btn ~ .btn {
        margin-top: -3px;
    }

    #forthcoming-trainings-course-inner .footer {
        margin-bottom: 109px;
    }
}

@media only screen and (max-width: 1180px) {
    .shell {
        padding: 0 20px;
    }
    
    .footer-boxes .box ~ .box {
        margin-left: 5%;
    }

    .features .feature {
        padding-bottom: 20px;
    }

    .footer-boxes {
        padding-left: 10px;
    }

    .footer-boxes .box ~ .box {
        margin-left: 1%;
    }

    .features .feature h3 {
        font-size: 24px;
    }

    .features-alt .feature h3,
    .features-courses .feature h3 {
        font-size: 20px;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media only screen and (max-width: 1024px) {

    .section-services-about .service-boxes .box .box-head:before {
        background-position: 0 -50px;
    }

    .service-boxes .box-head h3 {
        font-size: 24px;
    }

    .service-boxes .box-head {
        min-height: 145px;
    }

    .text-boxes {
        padding: 40px;
    }


    .section-commitments .shell .commitment-wrapper {
        padding: 0 20px;
    }

    .section-commitments .commitment-wrapper {
        flex-wrap: wrap;
    }

    .section-commenced .section-commenced-items {
        align-items: center;
        padding: 20px 0;
    }

    .section-commenced .section-commenced-items .commenced-item {
        width: 80%;
    }

    .section-commitments .commitment-image {
        margin-bottom: 20px;
    }

    .section-commitments .commitment-image,
    .section-commitments .commitment-text {
        width: 100%;
    }

    .section-commitments .commitment-text {
        padding: 0 20px;
    }

    .section-commitments .commitment-image img {
        width: 100%;
    }


    .section-values .values-boxes .box {
        width: 100%;
        max-width: 80%;
    }

}


@media only screen and (max-width: 900px) {
    .footer-aside {
        min-width: 200px;
    }

    .footer-boxes {
        padding-left: 30px;
    }

    .footer-boxes .box ~ .box {
        margin-left: 5%;
    }

    .footer-boxes .box {
        width: 50%;
    }

    .service-boxes .box-head h3 {
        font-size: 20px;
    }

    .service-boxes .box-head {
        min-height: 125px
    }

    .service-boxes .box-content {
        padding: 0 20px 0 40px;
    }

    .service-boxes .box {
        padding-bottom: 20px;
    }

    .service-boxes .box ~ .box {
        margin-left: 20px;
    }

    .company-boxes .box-content img {
        padding: 0 30px;
    }

    /*.features .feature ~ .feature {
        margin-left: 20px;
    }*/

    /*.features-alt .feature {
        width: 31.6%;
    }*/

    .features-alt .feature:nth-child(3n+1) {
        margin-left: 0;
    }

    .features {
        padding: 0 20px;
    }

    .features .feature h3 {
        font-size: 20px;
        padding: 0 10px;
    }

    #form-filters .form-actions i {
        right: 20%;
    }

    .main-navigation > ul > li ~ li {
        margin-left: 15px;
    }

    .curved-boxes .box ~ .box {
        margin-left: 20px;
    }

    .curved-boxes .box-inner {
        padding: 30px 20px;
    }

    .curved-boxes .box-inner h3 {
        padding: 0;
    }

    .info-boxes .box-info {
        padding: 40px 60px;
    }

    .info-boxes .box-form {
        padding: 30px 40px;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media only screen and (max-width: 767px) {
    .footer {
        padding: 32px 0 0;
        text-align: center;
    }
    
    .footer-bar .shell,
    .footer-content .shell {
        display: block;
    }

    .footer-aside {
        width: 100%;
    }

    .footer-boxes {
        padding-left: 0;
        display: block;
    }




    .footer-boxes .box {
        width: 100%;
    }

    .footer-boxes .box ~ .box {
        margin-left: 0;
        margin-top: 50px;
    }

    .footer-aside .footer-socials {
        display: none;
    }

    .footer-bar .footer-socials {
        display: block;
        font-size: 16px;
        margin-top: 20px;
    }

    .footer-logo {
        margin-bottom: 30px;
    }

    .footer-aside > *:last-child {
        margin-bottom: 0;
    }

    .footer-aside {
        margin-bottom: 40px;
    }

    .footer-bar {
        padding-top: 20px;
    }

    .ginput_container input {
        padding: 11px 19px;
    }

    .footer .gform_footer {
        top: 9px;
        right: 11px;
    }

    .service-boxes {
        display: block;
    }

    .service-boxes .box ~ .box {
        margin-left: 0;
        margin-top: 30px;
    }

    .service-boxes .box-head h3 {
        font-size: 24px;
    }

    .section {
        padding: 40px 0;
    }

    .section-banner-blue .shell {
        padding: 0;
    }

    .text-boxes {
        padding: 40px 20px;
        display: block;
        border-radius: 0;
    }

    .text-boxes .box ~ .box {
        margin-left: 0;
        margin-top: 40px;
    }

    .text-boxes .box p {
        margin-bottom: 10px;
    }

    .company-boxes {
        display: block;
    }

    .company-boxes .box-content p {
        padding: 0 30px;
    }

    .company-boxes .box ~ .box {
        margin-left: 0;
        margin-top: 22px;
    }

    .company-boxes .box-content img {
        margin-bottom: 20px;
    }

    .company-boxes .box-content {
        padding: 24px 0 16px;
    }

    .section-commitments .commitment-text {
        padding: 0 0px;
    }

    .features {
        display: block;
    }

    .features .feature {
        width: 100%;
    }

    .features .feature ~ .feature {
        margin-left: 0;
        margin-top: 30px;
    }

    .features .feature h3 {
        font-size: 24px;
    }
    
    .section-filters {
        padding: 0;
    }

    .section-filters .shell {
        padding: 0;
    }

    .filters-wrapper {
        border-radius: 0;
        padding: 35px 20px;
    }

    .filters-wrapper h3 {
        font-size: 24px;
    }

    #form-filters {
        display: block;
        margin-bottom: 26px;
    }

    #form-filters > * ~ * {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }

    .blog-search .form-actions input,
    #form-filters .form-actions input {
        padding: 9px 14px;
    }

    #form-filters .form-actions i {
        right: 30%;
    }

    #category-select + .btn-group .multiselect-container {
        width: 100%;
    }

    #category-select + .btn-group .multiselect-container {
        border-top-right-radius: 0px;
    }

    .link-menu {
        display: inline-block;
    }

    .slides-wrapper .slide h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .slider-home-top .slick-dots {
        bottom: 0;
    }


    .top-prev {
        left: 20px;
    }

    .top-next {
        right: 20px;
    }

    .slides-wrapper .slide {
        
    }

    /* .slides-wrapper {
        padding-top: 40px;
    } */

    .main-navigation {
        position: absolute;
        background: #fff;
        width: 100%;
        z-index: 500;
        left: -100%;
        padding: 50px 40px;
        border-top: 1px solid #dbe8ed;
        height: 100vh;
        top: 100%;
        transition: left 0.2s ease-in-out;
        visibility: visible;
        opacity: 1;
        height: 100vh;
    }

    .active-menu .main-navigation {
        visibility: visible;
        opacity: 1;
        left: 0;
    }

    .main-navigation > ul > li {
        display: block;
    }

    .main-navigation > ul > li > a {
        font-weight: 500;
        font-size: 26px;
        padding: 0;
        display: inline-block;
    }

    .main-navigation > ul > li ~ li {
        margin-left: 0;
        margin-top: 20px;
    }

    .main-navigation .sub-menu {
        position: static;
        visibility: visible;
        opacity: 1;
        font-weight: 500;
        margin-top: 10px;
        display: none;
    }
    
    .main-navigation > ul > li.menu-item-has-children:hover:before,
    .main-navigation > ul > li.menu-item-has-children:hover:after {
        display: none;
    }

    .main-navigation .sub-menu li a {
        font-size: 18px;
        color: #13c0f1;
        padding: 0;
    }

    .main-navigation .sub-menu li {
        display: block;
    }

    .main-navigation .sub-menu li ~ li {
        margin-left: 0;
        margin-top: 2px;
    }

    .header-links {
        display: none;
    }

    .header {
        padding: 15px 0;
    }

    .header {
        display: block;
    }

/*    .active-menu .header.header-fixed:not(.visible) {
        display: none;
    }



    .active-menu .header.header-fixed.visible {
        display: block;
    }*/
/*
    .header.header-fixed {
        display: none;
    } 

    .header.visible {
        display: block;
    }*/

    .text-boxes .box {
        max-width: 100%;
    }

    .service-boxes .box:nth-child(1n) .box-head:before,
    .service-boxes .box:nth-child(2n) .box-head:before,
    .service-boxes .box:nth-child(3n) .box-head:before {
        background-size: cover;
        background-position: bottom center;
        height: 100%;
        top: 0;
    }
    .service-boxes .box:nth-child(1n) .box-head:before { height: calc(100% + 1px); }
    .service-boxes .box:nth-child(2n) .box-head:before { height: calc(100% + 3px); }
    .service-boxes .box:nth-child(3n) .box-head:before { height: calc(100% + 2px); }

    .service-boxes .box-head {
        min-height: 120px;
    }

    .service-boxes .box .box-head {
        margin-bottom: 20px;
    }
    
    .section-our-team,
    .section-about-us {
        padding: 40px 0;
    }

    .section-about-us .section-content {
        padding: 30px 20px;
    }

    .section-about-us .section-image {
        margin-top: 40px;
    }

    .blue-banner .banner-items .item {
        width: 50%;
        margin-bottom: 20px;
    }


    .section-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .members {
        display: block;
    }

    .members .member {
        width: 100%;
    }
    
    .members .member:nth-child(n+5),
    .members .member ~ .member {
        margin-left: 0;

        margin-top: 30px;
    }

    .members .member-info h4 {
        margin-bottom: 8px;
    }

    .members .member-image {
        margin-bottom: 7px;
    }

    .curved-boxes {
        display: block;
    }

    .curved-boxes .box {
        width: 100%;
    }

    .curved-boxes .box ~ .box {
        margin-left: 0;
        margin-top: 30px;
    }

    .curved-boxes .box-content {
        min-height: 0;
        padding: 50px 20px;
    }

    .curved-boxes .box-inner {
        position: static;
        transform: none;
    }

    .curved-boxes .box-inner h3 {
        font-size: 20px;
        padding: 0 20px;
    }

    .curved-boxes .box-inner img {
        margin-bottom: 20px;
    }

    .section-testimonials .section-head {
        margin-bottom: 30px;
    }
    
    .section-alt {
        padding: 40px 0;
    }

    .section-banner-main {
        padding: 40px 20px;
    }

    .section-banner-main .shell {
        padding: 0;
    }

    .section-banner-main .section-content {
        padding: 0;
    }

    .section-banner-main h3 {
        font-size: 24px;
    }

    .section-info-boxes,
    .section-info-boxes .shell {
        padding: 0;
    }

    .info-boxes {
        display: block;
    }
    
    .info-boxes .box-form,
    .info-boxes .box-info {
        width: 100%;
        border-radius: 0;
    }

    .info-boxes .box-info,
    .info-boxes .box-form {
        padding: 40px 20px;
    }

    .info-boxes .box {
        text-align: center;
    }

    .info-boxes .box h3 {
        font-size: 24px;
        text-align: center;
    }

    .info-boxes .box > p {
        margin-bottom: 20px;
    }

    .gform_head {
        margin-bottom: 24px;
    }

    .ginput_container textarea {
        height: 118px;
    }

    .section-contacts .shell {
        padding: 0;
    }

    .section-banner {
        padding: 40px 20px;
        border-radius: 0;
        display: block;
        margin-bottom: 0;
    }

    .section-banner .box ~ .box {
        margin-left: 0;
        margin-top: 30px;
    }

    .section-banner .box h3 {
        margin-bottom: 6px;
    }

    .section-contacts {
        padding-bottom: 0;
    }

    .section-contacts .section-form-wrapper {
        padding: 40px 20px;
        border-radius: 0;
    }

    .gform_head {
        font-size: 13px;
    }

    .gform_head h3 {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .checkboxes-wrapper {
        margin: 14px 0 19px;
    }

    .map {
        height: 250px;
    }

    .article-single .article-head {
        padding: 30px 20px;
    }

    .article-single .article-head h3 {
        font-size: 20px;
    }
    
    .article-single .article-bottom,
    .article-single .article-content {
        padding: 20px;
    }

    .article-single .article-bottom {
        margin-bottom: 20px;
    }

    .article-single .article-content h3 {
        font-size: 22px;
    }

    .article-actions .btn {
        display: block;
    }

    .article-actions .btn ~ .btn {
        margin-left: 0;
        margin-top: 16px;
    }

    .section-alt .shell .filters-wrapper {
        margin: 0 -20px;
    }

    .links-wrapper {
        margin-top: 30px;
    }

    .section-enroll .section-head {
        margin-bottom: 30px;
    }

    .elements-wrapper {
        display: block;
    }

    .elements-wrapper .radio-element-wrapper ~ .radio-element-wrapper {
        margin-left: 0;
        margin-top: 30px;
    }

    .paypal label:after {
        width: 80.83px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .borika label:after {
        width: 170.67px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .accordion-wrapper-inner {
        padding: 20px;
    }

    .accordion-head h3 {
        font-size: 14px;
    }

    .accordion-head {
        padding: 10px 0;
    }

    .filters-wrapper + .article-single {
        margin-top: 30px;
    }

    .list-courses {
        margin-top: 30px;
        background-color: #fff;
        border-radius: 14px;
        padding: 30px 0 40px 0;
        text-align: center;
        
    }

    .list-courses .courses-expand {
        display: inline-block !important;
        margin-top: 18px;
        width: 200px;
    }

    .list-courses .courses-expand span {
        display: block;
    }

    .list-courses .courses-expand span + span {
        display: none;
    }

    .courses-wrapper.expand + .courses-expand span {
        display: none;
    }

    .courses-wrapper.expand + .courses-expand span + span {
        display: block;
    }

    .list-courses h3 {
        text-align: center;
    }

    .list-courses h3 img {
        margin-left: 10px;
        margin-bottom: 5px;
        max-width: 32px;
        height: auto;
        display: inline-block;
        
    }

    .courses-wrapper {
        height: 0;
        padding: 0;
        transition: all .3s;
        background-color: transparent;
        box-shadow: none;
    }

    .courses-wrapper.expand {
        height: 100%;
        padding: 20px;
    }

    .course-head {
        display: block;
    }

    .course-head h3 {
        margin-bottom: 12px;
    }

    .course-info div ~ div {
        margin-left: 0;
        margin-top: 10px;
    }

    .course ~ .course {
        margin-top: 20px;
        padding-top: 20px;
    }

    .course-head h3 {
        font-size: 18px;
    }

    .pagination-wrapper ul li a {
        width: 36px;
        height: 36px;
        line-height: 2.4;
    }

    .pagination-wrapper {
        margin-top: 40px;
    }

    .password-form {
        padding: 30px;
    }

    .section-head {
        margin-bottom: 20px;
    }

    .links-box h3 {
        font-size: 20px;
    }

    .links-wrapper {
        margin-top: 30px;
    }

    .popup-inner {
        width: 90vw;
    }

    .popup-form .gform_wrapper {
        padding: 30px;
    }

    .popup-inner > a {
        right: 0;
        top: -36px;
        width: 30px;
    }

    .links-box-inner span {
        padding-right: 20px;
    }

    .links-box h3 {
        padding-left: 0;
    }

    .blog-post {
        padding: 20px;
    }

    .post-head h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .blog-post img,
    .blog-posts img {
        margin-bottom: 16px;
        width: 100%;
        height: auto;
    }

    

    .post-content-top {
        display: block;
        margin-bottom: 10px;
    }

    .post-content-top p ~ p {
        margin-left: 0;
        margin-top: 6px;
    }

    .post-content-top > * {
        display: block;
    }

    .blog-post .post-content-inner {
        padding-top: 20px;
        margin-top: 20px;
    }

    .blog-posts {
        padding: 20px;
    }

    .blog-posts .post-head h3 {
        margin-bottom: 10px;
    }

    .blog-posts .post-head {
        display: block;
        margin-bottom: 16px;
    }

    .blog-posts .post ~ .post {
        margin-top: 20px;
        padding-top: 20px;
    }

    .features.list-view .feature-inner {
        display: block;
    }

    .features.list-view {
        padding: 0 20px;
    }

    .features-alt {
        padding: 0;
    }

    .features.list-view .feature {
        padding: 20px 0;
    }

    .features.list-view .feature h3 {
        margin-bottom: 8px;
        padding: 0;
    }

    .curved-boxes + div {
        margin-top: 40px;
    }

    .links-box-outer {
        width: 100%;
    }

    .links-box-outer > img {
        display: none;
    }

    .links-box-outer .links-wrapper {
        position: static;
    }

    .links-box-outer {
        margin: 0 0 26px 0;
    }

    .links-box-outer .link-element {
        border-radius: 14px;
        padding: 28px 0;
        font-size: 16px;
        max-width: 100%;
        position: relative;
        display: block;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0096c3+0,0096c3+8,0198c7+10,029dcb+27,0baddc+59,0bb0e0+62,0eb4e4+73,11b9ea+80,11bbec+88,11bdef+88,10bcec+89,13bdf0+91,11bded+91,14c0f2+100 */
        background: rgb(0,150,195); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(0,150,195,1) 0%, rgba(0,150,195,1) 8%, rgba(1,152,199,1) 10%, rgba(2,157,203,1) 27%, rgba(11,173,220,1) 59%, rgba(11,176,224,1) 62%, rgba(14,180,228,1) 73%, rgba(17,185,234,1) 80%, rgba(17,187,236,1) 88%, rgba(17,189,239,1) 88%, rgba(16,188,236,1) 89%, rgba(19,189,240,1) 91%, rgba(17,189,237,1) 91%, rgba(20,192,242,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,150,195,1) 0%,rgba(0,150,195,1) 8%,rgba(1,152,199,1) 10%,rgba(2,157,203,1) 27%,rgba(11,173,220,1) 59%,rgba(11,176,224,1) 62%,rgba(14,180,228,1) 73%,rgba(17,185,234,1) 80%,rgba(17,187,236,1) 88%,rgba(17,189,239,1) 88%,rgba(16,188,236,1) 89%,rgba(19,189,240,1) 91%,rgba(17,189,237,1) 91%,rgba(20,192,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,150,195,1) 0%,rgba(0,150,195,1) 8%,rgba(1,152,199,1) 10%,rgba(2,157,203,1) 27%,rgba(11,173,220,1) 59%,rgba(11,176,224,1) 62%,rgba(14,180,228,1) 73%,rgba(17,185,234,1) 80%,rgba(17,187,236,1) 88%,rgba(17,189,239,1) 88%,rgba(16,188,236,1) 89%,rgba(19,189,240,1) 91%,rgba(17,189,237,1) 91%,rgba(20,192,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096c3', endColorstr='#14c0f2',GradientType=0 ); /* IE6-9 */
        width: 100%;
    }

    .links-box-outer .link-element h3 {
        margin: 0 0 0 0;
        font-size: 24px !important;
    }
    
    .links-box-outer .link-element h3:before,
    .links-box-outer .link-element:hover:before,
    .links-box-outer .link-element:before {
        display: none !important;
    }

    .links-box-outer .link-element p {
        max-width: 175px;
        margin: 0 auto;
    }

    .links-box-outer .link-element ~ .link-element {
        margin-top: 10px;
    }

    .links-main-text {
        display: none;
    }

    .features .feature-image {
        margin-bottom: 20px;
    }

    .features .feature h3 {
        margin-bottom: 20px;
        max-width: 100%;
    }

    .features-alt .feature h3,
    .features-courses .feature h3 {
        font-size: 20px;
    }

    .course-details-wrapper {
        display: none;
    }

    #forthcoming-trainings-course-inner .footer {
        margin-bottom: 0;
    }

    .shell > .curved-boxes {
        margin-top: 30px;
    }
}

/* Image Map */

.imp-wrap { margin: 0 auto; }

.imp-tooltip { background-color: #fff !important; max-width: 240px !important; }
.hs-arrow.hs-arrow-bottom { border-top-color: #fff !important; }
.imp-tooltip img { max-width: 32px; }
.imp-tooltip-title {}

.squares-container h2 { color: #146286 !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif !important; font-weight: bold !important; }

.sq-col-lg-12 { flex: none !important; display: inline-block; width: auto; }
.squares-container .squares-element:nth-child(3) { display: block; width: 100%; }
.squares-container .squares-element:nth-child(3) a { margin: 0 auto; }
.squares-container .squares-button { max-width: 120px; }

.squares-container .squares-element { padding: 10px 5px !important; }

.password-form-wrapper { background: #fff; padding: 70px 75px; border-radius: 14px; font-style: 11px; color: #c5c6c8; }
.password-form-wrapper p { margin-bottom: 15px; }
.password-form-wrapper label { font-size: 12px; color: #00acd4; font-weight: 600; display: block; width: 100%; }
.password-form-wrapper .form-control { display: block; width: 100%; border-radius: 14px; border-color: #b2e6f2; font-size: 12px; color: #c5c6c8; box-shadow: none; margin: 7px 0 10px; }
.password-form-wrapper .btn.btn-default { display: block; width: 100%; border-radius: 14px; font-size: 13px; color: #fff; box-shadow: none; background-color: #11b1d8; }
.password-form-wrapper .btn.btn-default:hover { opacity: .8; }

@media only screen and (max-width: 767px) {
    .password-form-wrapper { padding: 20px 25px; }
}

.mapael-map { margin: 70px 0 100px; }
.mapael-map .map { height: auto; }
.mapael-map .map svg path { transition: all .3s; }
.mapael-map .map svg path:hover { fill: #146286 !important; }

.mapael-tooltip { opacity: 0; visibility: hidden; transition: all .3s; }
.mapael-tooltip.visible { opacity: 1; visibility: visible; transition: all .3s; }

.mapael-tooltip,
.mapTooltip { position: absolute; z-index: 1000; background: #fff; border: 1px solid #ace0ec; padding: 30px; font-size: 16px; color: #146286; font-weight: 700; min-width: 250px; border-radius: 14px; line-height: 1; }
.mapael-tooltip > img,
.mapTooltip > img { max-width: 32px; height: auto; margin-right: 9px; margin-top: -5px; }
.mapael-tooltip .btn,
.mapTooltip .btn { display: block; max-width: 120px; margin: 25px auto 0; }

.mapael-tooltip .btn-close { color: #146286; position: absolute; top: 10px; right: 10px; text-decoration: none; }

#course-select { max-width: 250px; }
#course-select + .btn-group { max-width: 250px; }
#course-select + .btn-group > .btn .multiselect-selected-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; }

@media only screen and (max-width: 767px) {
    #course-select + .btn-group { max-width: 100%; }
}

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme { background-color: #146286; }

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button {  }
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover { color: #fff !important; }

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button { color: #146286; background: #fff; }

body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,
body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
    background-color: #146286;
    border-color: #146286;
}

body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,
body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,
body .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green {
    background-color: #146286 !important;
    color: #fff !important;
}

body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,
body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,
body .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover { color: #146286 !important; background-color: #fff !important; }

#megaST { opacity: 1 !important; }

.page-template-trainings .locations-listing { display: none; }
.page-template-trainings .locations-listing { margin-bottom: 40px; }
.page-template-trainings .list-courses .btn { margin-top: 18px; width: 200px; display: inline-block !important; }

@media only screen and (max-width: 767px) {
    .page-template-trainings .section-map { display: none; }
    .page-template-trainings .locations-listing { display: block; }
}