/*
Theme Name: Gensmart
Theme URI: http:/omnitask.ba
Author: OmniTask
Author URI: http://omnitask.ba
Version: 1.2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, theme-options, translation-ready
Text Domain: cs_theme
*/

html,body{
  height:100%;
}

body{
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
body.fixed{
  overflow: hidden;
}

a:hover,
a:focus{
  cursor: pointer;
  text-decoration: none;
  color:#013701;
}

a{
  color:#013701;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

a:link,
a:active{
  outline: none;
}


.main-content{
  flex: 1 0 auto;
}

.preload-page{
  display: block;
  position: fixed;
  z-index: 999999;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: #fff;
}

.loader{
  display: block;
	position: relative;
	margin:0 auto;
}
.preload-page .loader{
  position: absolute;
  top:50%;
  margin:-20px 0 0 0;
  width:100%;
}
.loader i{
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  margin-top:-20px;
  margin-left:-20px;
  width:40px;
  height:40px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  border: 0.25rem solid rgba(0,0,0, 0.1);
  border-top-color: #013701;
  -webkit-animation: spin .7s infinite linear;
          animation: spin .7s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  50% {
    background: white;
  }
}
@keyframes pulse {
  50% {
    background: white;
  }
}

::focus{
  outline: none;
}

b{
  font-weight: 700 !important;
}


.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}


.valign{
  display: table;
  width:100%;
  height:100%;
}
.valign > div.middle{
  display: table-cell;
  vertical-align: middle;
  height:100%;
}
.valign > div.bottom{
  display: table-cell;
  vertical-align: bottom;
  height:100%;
}


.page-pagination{
  display: block;
}
.page-pagination ul{
  display: block;
  list-style: none;
  margin:0;
  padding:0;
}
.page-pagination ul li {
  display: inline-block;
}
.page-pagination a,
.page-pagination span{
  display: block;
  line-height: 40px;
  font-size: 22px;
  padding:0 7px;
  min-width: 40px;
  text-align: center;
  font-weight: 600;
  color:#1e8a3f;
}
.page-pagination a.current,
.page-pagination a.current:focus,
.page-pagination a.current:hover,
.page-pagination span.current,
.page-pagination span.current:focus,
.page-pagination span.current:hover {
    z-index: 2;
    color: #818181;
    cursor: default;
    background-color: transparent;
    border-color: none;
}

.navicon{
	display: none;
	position: absolute;
  top:36px;
  right:0;
  z-index: 9;
	height:40px;
	margin:0;
	width:40px;
}
.navicon i{
	display: block;
	position: absolute;
	width:40px;
	height:1px;
	background: #013701;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
  left:0;
}
.navicon i:nth-child(1){
	top:12px;
}
.navicon i:nth-child(2){
	top:20px;
}
.navicon i:nth-child(3){
	top:28px;
}
.navicon.active i:nth-child(1){
	top:20px;
	-ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navicon.active i:nth-child(2){
	display: none;
}
.navicon.active i:nth-child(3){
	top:20px;
	-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}


@media(max-width:991px){
  .navicon{
  	display: block;
  }
}
@media(max-width:767px){
  .navicon{
  	top:32px;
  }
}


.owl-nav .owl-next,
.owl-nav .owl-prev{
  display: block;
  position: absolute;
  bottom:50%;
	margin-bottom:-32px;
  width:64px;
  height:64px;
  line-height: 60px;
  color:#fff;
  font-family: 'ionicons';
  font-size: 40px;
	background: rgba(255,255,255,.2);
}
.owl-nav .owl-next{
  right:0;
}
.owl-nav .owl-next:after{
  display: block;
  content:"\f3d3";
  text-align: center;
}
.owl-nav .owl-prev{
  left:0;
}
.owl-nav .owl-prev:after{
  display: block;
  content:"\f3d2";
  text-align: center;
}
.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover{
  cursor: pointer;
  color:#013701;
	background: rgba(255,255,255,.9);
}
.owl-nav .owl-next:active,
.owl-nav .owl-prev:active{
  cursor: pointer;
  color:#013701;
	background: rgba(255,255,255,.2);
}
@media(max-width:575px){
  .owl-nav .owl-next,
  .owl-nav .owl-prev{
    display: none;
  }
}

.owl-dots{
	display: block;
  margin:0 auto;
  text-align: center;
  position: absolute;
  bottom:40px;
  left:0;
  right:0;
}
@media(max-width:767px){
  .owl-dots{
    bottom:10px;
  }
}
.owl-dots .owl-dot{
	display: inline-block;
	width:10px;
	height:10px;
	background: transparent;
  border:1px solid #fff;
	margin:4px;
}
.owl-dots .owl-dot.active{
	background: #fff;
}

.error404 {
	background-color: #f3f3f3;
}

.err404{
  display: block;
  text-align: center;
  padding:250px 0 250px 0;
  color: #363636;
  background-color: #f3f3f3;
  font-family: 'Nunito Sans', sans-serif;
}
.err404 h1{
  font-size:72px;
  line-height: 72px;
  color:#fff;
  margin:0;
  padding:0;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
}
.err404 h1 span{
  color: #363636;
  display: inline-block;
  font-weight: 300;
  font-size:62px;
}
.err404 p{
  font-size: 20px;
	color: #363636;
}
.err404 a{
  font-weight: 700;
  text-decoration: underline !important;
  transition: color .2s;
}

.err404 a:hover {
	color: #ffcb00;
}
@media(max-width:575px){
  .err404{
    padding:150px 0 150px 0;
  }
}


.cf{
  padding:10px 0 0 0;
  font-size: 16px;
}
.cf .row{
  margin-left:-10px;
  margin-right:-10px;
  padding-top:14px;
}
.cf .row > *{
  padding-left:10px;
  padding-right:10px;
}
.cf label{
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  margin-top:5px;
  margin-bottom:5px;
}
.cf input[type=text],
.cf input[type=email],
.cf textarea,
.cf input[type=date],
.cf input[type=tel],
.cf input[type=file],
.cf select,
input.search{
  display: block;
  width:100%;
  padding:5px 15px;
  background: none;
  border:none;
  color:#fff;
  font-weight: 300;
  margin-bottom:10px;
}
.cf textarea{
  height:100px;
}
.cf input[type=text]:focus,
.cf input[type=email]:focus,
.cf textarea:focus,
.cf input[type=date]:focus,
.cf input[type=tel]:focus,
.cf input[type=file]:focus,
input.search:focus,
.cf select:focus{
  outline:none;
  background: none;
  color:#fff;
}
.cf input[type=submit],
.cf button{
  border:1px solid #f2a700;
  color:#fff;
  padding:10px 25px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 15px;
  background: none;
}
.cf input[type=submit]:focus,
.cf button:focus{
  background:#f2a700;
  color:#fff;
  outline: none;
}
.cf input[type=submit]:hover,
.cf button:hover{
  background:#f2a700 !important;
  color:#fff !important;
}
.cf input[type=submit].right-offset{
  margin-right:-20px;
}


.cf input[type=radio]{
  background: #fff;
  border:1px solid #fff;
  width:20px;
  margin-top:10px;
  margin-bottom:30px;
}


div.wpcf7-validation-errors{
  border:none;
  background: #1e1d1d;
  color:#fff;
  padding:20px 25px;
  margin-left:0;
  margin-right:0;
}


.cf ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255,255,255,.5);
  opacity:1;
}
.cf ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,.5);
  opacity:1;
}
.cf :-ms-input-placeholder { /* IE 10+ */
  color:  rgba(255,255,255,.5);
  opacity:1;
}
.cf :-moz-placeholder { /* Firefox 18- */
  color:  rgba(255,255,255,.5);
  opacity:1;
}


.caret {
    display: inline-block;
    padding:10px;
    margin-bottom:-7px;
}
.caret:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


img{
  max-width:100%;
  width:auto;
  height:auto;
}


.wp-caption-text,
.wp-caption-dd {
  font-family: Verdana, Geneva, sans-serif;
  text-align: left;
  margin: 6px 0 26px 0;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  line-height: 17px;
  color: #444;
}
.wp-caption {
  text-align: center;
  max-width: 100%;
}
.wp-caption img {
  max-width: 100% !important;
}

/*****************************************/

body{
}

.relative{
  position: relative;
}

.button{
  display: inline-block;
  color:#fff;
  background: rgb(12,49,93);
background: -moz-linear-gradient(left, rgba(12,49,93,1) 0%, rgba(249,166,8) 100%);
background: -webkit-linear-gradient(left, rgba(12,49,93,1) 0%,rgba(249,166,8) 100%);
background: linear-gradient(to right, rgba(12,49,93,1) 0%,rgba(249,166,8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c8940', endColorstr='#88ba18',GradientType=1 );
  padding:11px 15px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.29px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.button:hover{
  background: rgba(0,37,85,1);
  background: -moz-linear-gradient(left, rgba(0,37,85,1) 0%, rgba(0,37,85,1) 100%);
  background: -webkit-linear-gradient(left, rgba(0,37,85,1) 0%,rgba(0,37,85,1) 100%);
  background: linear-gradient(to right, rgba(0,37,85,1) 0%,rgba(0,37,85,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#297723', endColorstr='#297723',GradientType=1 );
  color:#fff;
}
.button:focus{
  background: rgba(0,37,85,1);
  background: -moz-linear-gradient(left, rgba(0,37,85,1) 0%, rgba(0,37,85,1) 100%);
  background: -webkit-linear-gradient(left, rgba(0,37,85,1) 0%,rgba(0,37,85,1) 100%);
  background: linear-gradient(to right, rgba(0,37,85,1) 0%,rgba(0,37,85,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#297723', endColorstr='#297723',GradientType=1 );
  color:#fff;
}

.button.white.outline{
  background: transparent;
  color:#fff;
  border:2px solid #fff;
}
.button.white.outline:hover{
  background: #fff;
  color:rgba(0,37,85,1);
}
.button.white.outline:focus{
  background: #fff;
  color:rgba(0,37,85,1);
}

input.button,
button.button{
  border:none;
  padding:10px 25px;
  color:#fff;
  background: #1b75bb;
  border: 2px solid #1b75bb;
}
input.button:hover,
button.button:hover,
input.button:focus,
button.button:focus{
  outline: none;
  background: rgba(0,37,85,1);
  color:#fff;
}


.hidden{
  display: none !important;
}


header {
  display: block;
  height:105px;
  background: #fff;
  position: relative;
  z-index: 999;
}


header .logo{
  position: absolute;
  top:20px;
  left:0;
}
header .logo img{
  width:140px;
  height:auto;
}
@media(max-width:991px){
  header .logo{
    top:10px;
    z-index: 999;
  }
  header .logo img{
    width:100px;
  }
}


header nav.main{
  display: block;
  font-family: 'Roboto', sans-serif;
}
header nav.main ul{
  display: block;
  margin:0;
  padding:30px 0 0 0;
  list-style: none;
  float:right;
}
header nav.main ul > li{
  display: block;
  float: left;
  position: relative;
  margin:0 10px;
}
header nav.main ul > li > a{
  display: block;
  position: relative;
  text-transform: uppercase;
  padding:10px 0;
  color:#013701;
  font-weight: 300;
  border-bottom: 2px solid transparent;
  font-family: 'Roboto', sans-serif;
}
header nav.main ul > li.current_page_item > a,
header nav.main > ul > li.current-menu-parent > a{
  color:#013701;
  font-weight: 700;
  border-bottom: 2px solid #013701;
}
header nav.main ul > li:hover > a{
  border-bottom: 2px solid #013701;
}

header nav.main ul > li > ul{
  display: none;
  position: absolute;
  top:13px;
  left:-18px;
  width:225px;
}
header nav.main ul > li:hover > ul{
  display: block;
}
header nav.main ul > li > ul > li{
  display: block;
  float: none;
  overflow: hidden;
  margin:1px 0;
}
header nav.main ul > li > ul > li:first-child{
  border-top: 2px solid #013701;
}
header nav.main ul > li > ul > li > a{
  display: block;
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  padding:10px 20px;
  background:rgba(255,255,255,.8);
  color:#1e8a3f;
}
header nav.main ul > li > ul > li > a:hover{
  background: #013701;
  color:#fff;
}
@media(max-width:991px){
  header nav.main{
    display: block;
    position: fixed;
    float:none;
    background: #fff;
    top:-100%;
    left:0;
    right:0;
    height:100%;
    overflow-y: auto;
    padding:30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
  }
  header nav.main.active{
    top:0;
    padding-top:100px;
  }
  header nav.main ul{
    display: block;
    margin:0 auto;
    float:none;
  }
  header nav.main ul > li{
    display: block;
    float:none;
    text-align: center;
    margin-bottom:10px;
  }
  header nav.main ul > li > a{
    display: inline-block;
  }
  header nav.main ul > li > ul{
    display: none;
    position: relative;
    top:auto;
    left:auto;
    width:225px;
    padding-top:0;
  }
  header nav.main ul > li > ul > li{
    margin:0;
  }
  header nav.main ul > li > ul > li > a:hover{
    background: none;
    color:#000;
    border-color:transparent;
  }
  header nav.main ul > li > ul > li:first-child{
    border-top: none;
  }
}



.homepage_carousel{
  display: block;
}
.homepage_carousel .owl-carousel,
.homepage_carousel .owl-stage,
.homepage_carousel .owl-stage-outer,
.homepage_carousel .owl-item{
  height:100%;
}
.homepage_carousel .item{
  height:100%;
  padding-top: 240px;
  background-size: cover !important;
  background-position: top right !important;
}
.homepage_carousel .item .container > div{
  max-width:45%;
  margin:0;
  float:right;
  position: relative;
}
.homepage_carousel .item .container > div:before{
  display: block;
  content: "";
  position: absolute;
  z-index: 4;
  top:10px;
  left:10px;
  right:0;
  bottom:0;
  background: rgb(12,49,93);
  background: -moz-linear-gradient(left, rgba(0,37,85,1) 6%, rgba(0,37,85,1) 42%, rgba(128,108,45,1) 42%, rgba(128,108,45,1) 91%, rgba(128,108,45) 91%);
  background: -webkit-linear-gradient(left, rgba(41,119,35,1) 6%,rgba(0,37,85,1) 42%,rgba(0,37,85,1) 42%,rgba(118,175,27,1) 91%,rgba(118,175,27,1) 91%);
  background: linear-gradient(to right, rgba(41,119,35,1) 6%,rgba(0,37,85,1) 42%,rgba(0,37,85,1) 42%,rgba(118,175,27,1) 91%,rgba(118,175,27,1) 91%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#297723', endColorstr='#76af1b',GradientType=1 );
  transform: skew(-10deg);
  -webkit-transform: skew(-10deg);
  -moz-transform: skew(-10deg);
  -ms-transform: skew(-10deg);
}
.homepage_carousel .item .container > div:after{
  display: block;
  content: "";
  position: absolute;
  z-index: 4;
  top:0;
  left:0;
  right:10px;
  bottom:10px;
  background: rgba(255,255,255,.9);
  transform: skew(-10deg);
  -webkit-transform: skew(-10deg);
  -moz-transform: skew(-10deg);
  -ms-transform: skew(-10deg);
}
.homepage_carousel .item .container > div > div{
  position: relative;
  z-index: 7;
  padding:40px 50px
}
.homepage_carousel .item > div{
  display: block;
  height:100%;
  padding-bottom:50px;
}
.homepage_carousel .item p {
  margin-bottom:25px;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4; /* number of lines to show */
   line-height: 20px;        /* fallback */
   max-height: 60px;       /* fallback */
}
.homepage_carousel .item h2 {
  font-size: 28px;
  font-weight:600;
  line-height: 34px;
  text-transform: uppercase;
  margin-top:0;
  padding-bottom: 20px;
}
.homepage_carousel .item .button{
  width:210px;
}
.homepage_carousel .owl-dots{
  bottom:-40px;
}
.homepage_carousel .owl-dots .owl-dot{
  width: 16px;
  height: 16px;
  background: #d8d8d8;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  border:none;
  margin: 7px;
}
.homepage_carousel .owl-dots .owl-dot.active{
  background: #fdbd22;
}
@media(max-width:991px){
  .homepage_carousel .item .container > div{
    max-width:75%;
    margin:20px 0;
    float:right;
    position: relative;
  }
  .homepage_carousel .item p {
    font-size: 14px;
    overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3; /* number of lines to show */
     line-height: 18px;        /* fallback */
     max-height: 52px;       /* fallback */
  }
  .homepage_carousel .item h2 {
    font-size: 22px;
    line-height: 28px;
  }
  .homepage_carousel .item > div{
    padding-bottom:0;
  }
}
@media(max-width:767px){
  .homepage_carousel .item .container > div{
    max-width:90%;
    margin:20px 5%;
    float:right;
    position: relative;
  }
  .homepage_carousel .item .container > div > div{
    padding:30px;
  }
}


h2{
  display: block;
  margin: 0;
  padding:0 0 25px 0;
  color:#013803;
  font-size: 32px;
  font-weight: 400;
}


.cta_1{
  display: block;
  text-align: center;
  padding: 70px 0 0 0;
}
.cta_1:after{
  display: block;
  content: "";
  height:20px;
  margin-top:70px;
 background: rgb(12,49,93);
  background: -moz-linear-gradient(left, rgba(0,37,85,1) 6%, rgba(0,37,85,1) 42%, rgba(128,108,45,1) 42%, rgba(128,108,45,1) 91%, rgba(128,108,45) 91%);
  background: -webkit-linear-gradient(left, rgba(0,37,85,1) 6%,rgba(0,37,85,1) 42%,rgba(128,108,45,1) 42%,rgba(128,108,45,1) 91%,rgba(128,108,45) 91%);
  background: linear-gradient(to right, rgba(0,37,85,1) 6%,rgba(0,37,85,1) 42%,rgba(0,37,85,1) 42%,rgba(128,108,45,1) 91%,rgba(128,108,45) 91%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#297723', endColorstr='#76af1b',GradientType=1 );
}
.cta_1 h2{
  display: block;
  margin: 0;
  padding:0 0 25px 0;
  color:#013803;
  font-size: 32px;
  text-transform: uppercase;
}
.cta_1 .text{
  padding:0 0 25px 0;
}




.cta_2{
  display: block;
  padding: 70px 0 0 0;
}
.cta_2:after{
  display: block;
  content: "";
  height:20px;
  margin-top:70px;
  background: rgb(41,119,35);
  background: -moz-linear-gradient(left, rgba(41,119,35,1) 6%, rgba(0,37,85,1) 42%, rgba(0,37,85,1) 42%, rgba(118,175,27,1) 91%, rgba(118,175,27,1) 91%);
  background: -webkit-linear-gradient(left, rgba(41,119,35,1) 6%,rgba(0,37,85,1) 42%,rgba(0,37,85,1) 42%,rgba(118,175,27,1) 91%,rgba(118,175,27,1) 91%);
  background: linear-gradient(to right, rgba(41,119,35,1) 6%,rgba(0,37,85,1) 42%,rgba(0,37,85,1) 42%,rgba(118,175,27,1) 91%,rgba(118,175,27,1) 91%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#297723', endColorstr='#76af1b',GradientType=1 );
}
.cta_2 .container > div{
  display: block;
  padding:30px;
  border:1px solid #666666;
  margin:0 auto;
}
.cta_2 h2{
  display: block;
  margin: -45px auto 25px auto;
  padding:0;
  color:#013803;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
}
.cta_2 h2 span{
  display: inline-block;
  background: #fff;
  padding:0 10px;
}
.cta_2 .text{
  padding:0 0 25px 0;
}
.cta_2 .text ul{
  display: block;
  mrgin:0;
  padding:0;
  list-style: none;
}
.cta_2 .text ul li{
  display: block;
  padding:4px 0 4px 25px;
  position: relative;
  margin:0;
}
.cta_2 .text ul li:before{
  display: block;
  content: "";
  position: absolute;
  top:10px;
  left:0;
  width:10px;
  height:10px;
  background: #56a52c;
}



.cta_3{
  padding:50px 0;
  background-size: cover !important;
  color:#fff;
}
.cta_3 h2{
  color:#fff;
  text-transform: uppercase;
}
.cta_3 .text ul{
  display: block;
  mrgin:0;
  padding:0;
  list-style: none;
}
.cta_3 .text ul li{
  display: block;
  padding:4px 0 4px 25px;
  position: relative;
  margin:0;
}
.cta_3 .text ul li:before{
  display: block;
  content: "";
  position: absolute;
  top:10px;
  left:0;
  width:10px;
  height:10px;
  background: #fff;
}



.google_map{
  background: #fafafa;
}
.google_map .map-canvas{
  height:400px;
}



.contact_page{
  padding: 70px 0;
}

.contact_page .form-group input[type="submit"] {
	cursor: pointer;
}

.contact_page .container > div{
  display: block;
  padding:30px;
  border:1px solid #666666;
  margin:0 auto;
}
.contact_page h2{
  display: block;
  margin: -45px 0 25px 0;
  padding:0;
  color:#013803;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
}
.contact_page h2 span{
  display: inline-block;
  background: #fff;
  padding:0 10px;
}
.contact_page h3{
  display: block;
  font-weight: 700;
  font-size: 24px;
}
.contact_page label{
  display: block;
  opacity:0.7;
}
.contact_page input[type=text],
.contact_page input[type=tel],
.contact_page input[type=email],
.contact_page textarea,
.contact_page select{
  display: block;
  border:1px solid #ddd;
  padding:5px;
  width:100%;
}
.contact_page textarea {
  height:100px;
}
.contact_page input[type=text]:focus,
.contact_page input[type=tel]:focus,
.contact_page input[type=email]:focus,
.contact_page textarea:focus,
.contact_page select:focus{
  outline: none;
  border-color:#000;
}
.contact_page input[type=submit]{
  display: inline-block;
  color:#fff;
  background: rgb(12,49,93);
background: -moz-linear-gradient(left, rgba(12,49,93,1) 0%, rgba(249,166,8) 100%);
background: -webkit-linear-gradient(left, rgba(12,49,93,1) 0%,rgba(249,166,8) 100%);
background: linear-gradient(to right, rgba(12,49,93,1) 0%,rgba(249,166,8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c8940', endColorstr='#88ba18',GradientType=1 );
  padding:11px 15px;
  border:none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.29px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.contact_page input[type=submit]:focus{
  outline:none;
  background: rgba(0,37,85,1);
  background: -moz-linear-gradient(left, rgba(0,37,85,1) 0%, rgba(0,37,85,1) 100%);
  background: -webkit-linear-gradient(left, rgba(0,37,85,1) 0%,rgba(0,37,85,1) 100%);
  background: linear-gradient(to right, rgba(0,37,85,1) 0%,rgba(0,37,85,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#297723', endColorstr='#297723',GradientType=1 );
  color:#fff;
}




















.programms{
  display: block;
  text-align: center;
  padding: 70px 0;
  background: #f8f8f8;
}
.programms h2{
  display: block;
  margin: 0;
  padding:0 0 25px 0;
  color:#013803;
  font-size: 32px;
  text-transform: uppercase;
}
.programms h5{
  display: block;
  margin:0;
  font-size: 20px;
  padding:0 0 20px 0;
}
.programms .row > div{
  margin:15px 0;
}
.programms .item{
  display: block;
  position: relative;
  height:400px;
}
.programms .item .decoration{
  position: absolute;
  top:20px;
  left:0;
  right:0;
  bottom:20px;
  transform:skewY(-4deg) scale(1);
  -webkit-transform:skewY(-4deg) scale(1);
  -moz-transform:skewY(-4deg) scale(1);
  -ms-transform:skewY(-4deg) scale(1);
  overflow: hidden;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition:all .3s ease;
  -moz-transition:all .3s ease;
  -ms-transition:all .3s ease;
  -webkit-transition:all .3s ease;
}
.programms .item:hover .decoration{
  transform:skewY(-4deg) scale(1.05);
  -webkit-transform:skewY(-4deg) scale(1.05);
  -moz-transform:skewY(-4deg) scale(1.05);
  -ms-transform:skewY(-4deg) scale(1.05);
}
.programms .item .decoration > div:first-child{
  position: absolute;
  top:-20px;
  left:0;
  right:0;
  bottom:-20px;
  transform:skewY(4deg);
  -webkit-transform:skewY(4deg);
  -moz-transform:skewY(4deg);
  -ms-transform:skewY(4deg);
  background-size: cover !important;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.programms .item .decoration > div:last-child{
  position: absolute;
  top:20px;
  left:0;
  bottom:-20px;
  width:50%;
  transform:skewY(8deg);
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background:#ccc;
}
.programms .item .valign{
  position: relative;
  z-index: 9;
  width:50%;
  padding:25px;
  color:#fff;
}
.programms .item .content{
  font-size: 14px;
  text-align: left;
  padding-top:20px;
}
.programms .item .content h4{
  font-size: 18px;
  font-weight: 700;
}
@media(max-width:991px){
  .programms .item{
    display: block;
    position: relative;
    height:400px;
  }
  .programms .item:hover .decoration{
    transform:skewY(-4deg) scale(1);
    -webkit-transform:skewY(-4deg) scale(1);
    -moz-transform:skewY(-4deg) scale(1);
    -ms-transform:skewY(-4deg) scale(1);
  }
  .programms .item .decoration > div:last-child{
    width:70%;
  }
  .programms .item .valign{
    width:70%;
  }
}



.logos{
  background: #f8f8f8;
  padding:40px 0;
}
.logos h3{
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color:#013803;
  text-transform: uppercase;
}
.logos h3:after{
  display: block;
  content: "";
  margin-top:5px;
  height:5px;
  background: rgb(12,49,93);
  background: -moz-linear-gradient(left, rgba(12,49,93,1) 0%, rgba(255,213,83) 100%);
  background: -webkit-linear-gradient(left, rgba(12,49,93,1) 0%,rgba(255,213,83) 100%);
  background: linear-gradient(to right, rgba(12,49,93,1) 0%,rgba(255,213,83) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c8940', endColorstr='#88ba18',GradientType=1 );
}

.logos .owl-carousel,
.logos .owl-stage,
.logos .owl-stage-outer,
.logos .owl-item{
  height:100%;
}
.logos .item{
  height:100%;
}
.logos .item img{
  display: block;
  margin:0 auto;
  width:auto;
  max-width: 150px;
}
@media(max-width:991px){
  .logos{
    text-align: center;
  }
  .logos h3{
    margin-bottom:30px;
  }
}
@media(max-width:767px){

}


.cwi{
  display: block;
  padding:70px 0;
}
.cwi.no-top-padding{
  padding-top:0;
}
.cwi.no-bottom-padding{
  padding-bottom:0;
}
@media(max-width:767px){
  .cwi .row > div:first-child{
    margin-bottom:20px;
  }
}



.teams{
  display: block;
  padding:70px 0;
}
.teams h2{
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.teams .row > div{
  margin:25px 0;
}
.teams .item{
  display: block;
  position: relative;
}
.teams .item .content{
  display: block;
  position: absolute;
  bottom:40px;
  right:40px;
  left:40%;
  height:100px;
  color:#fff;
}
.teams .item .content > div{
  position: relative;
  z-index: 7;
  height:100%;
  padding:5px 20px 20px 20px;
}
.teams .item .content small{
  display: block;
}
.teams .item .content:before{
  position: absolute;
  z-index: 3;
  content: "";
  bottom:0;
  left:0;
  right:0;
  height:30px;
  background: #034b22;
}
.teams .item .content:after{
  position: absolute;
  z-index: 4;
  content: "";
  bottom:8px;
  left:0;
  right:0;
  top:0;
  background: #0b315c;
  background: -moz-linear-gradient(left,  #0b315c 0%, #ba8b19 51%, #ba8b19 72%, #ba8b19 100%);
  background: -webkit-linear-gradient(left,  #0b315c 0%,#ba8b19 51%,#ba8b19 72%,#ba8b19 100%);
  background: linear-gradient(to right,  #0b315c 0%,#ba8b19 51%,#ba8b19 72%,#ba8b19 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b315c', endColorstr='#ba8b19',GradientType=1 );
  transform: skewY(5deg);
  -moz-transform: skewY(5deg);
  -webkit-transform: skewY(5deg);
  -ms-transform: skewY(5deg);
}
@media(max-width:991px){
  .teams .item .content{
    right:0;
    left:30%;
  }
}



.page_header{
  display: block;
  height:400px;
  background-size: cover !important;
}
.page_header.half{
  height:200px;
}

.breadcrumbs{
  display: block;
  padding:15px 0;
  font-size: 12px;
  color:#fff;
}
.breadcrumbs a{
  color:#fff;
}



.blog-archive{
  padding-top:70px;
  padding-bottom:70px;
  background: #f3f3f3;
}
.blog-archive h2{
  text-align: center;
  text-transform: uppercase;
  padding-bottom:50px;
}
.blog-archive .row  > div{
  margin:15px 0;
}
.blog-archive .archive-item{
  display: block;
  background: #fff;
  height:100%;
}
.blog-archive .archive-item .image{
  display: block;
  position: relative;
  background-size: cover !important;
}
.blog-archive .archive-item .image:after{
  display: block;
  content: "";
  padding-bottom: 50%;
}
.blog-archive .archive-item .image .cat{
  display: block;
  position: absolute;
  left:25px;
  bottom:20px;
}
.blog-archive .archive-item .image .cat a{
  display: inline-block;
  color:#000;
  font-weight: 600;
  background: rgba(255,255,255,.7);
  padding:0 5px;
  font-size: 12px;
  text-transform: uppercase;
  margin:2px 2px 0 0;
}
.blog-archive .archive-item .content{
  display: block;
  padding:25px;
}
.blog-archive .archive-item .content h3{
  font-size: 18px;
  font-weight: 700;
}
.blog-archive .archive-item .content .excerpt{

}
.blog-archive .archive-item .content .read-more{
  display: inline-block;
  font-weight: 600;
  border-bottom:1px solid #004e11;
  color:#004e11;
  text-transform: uppercase;
  font-size: 14px;
}



.blog-single{

}
.blog-single .content{
  padding-top:100px;
  padding-bottom:100px;
}
@media(max-width:991px) {
  .blog-single .content{
    padding-top:50px;
    padding-bottom:50px;
  }
}




footer{
  background: rgb(41,119,35);
  background: -moz-linear-gradient(left, rgba(0,37,85,1) 6%, rgba(0,37,85,1) 42%, rgba(128,108,45,1) 42%, rgba(128,108,45,1) 91%, rgba(128,108,45) 91%);
  background: -webkit-linear-gradient(left, rgba(0,37,85,1) 6%,rgba(0,37,85,1) 42%,rgba(128,108,45,1) 42%,rgba(128,108,45,1) 91%,rgba(128,108,45) 91%);
  background: linear-gradient(to right, rgba(0,37,85,1) 6%,rgba(0,37,85,1) 42%,rgba(0,37,85,1) 42%,rgba(128,108,45,1) 91%,rgba(128,108,45) 91%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#297723', endColorstr='#76af1b',GradientType=1 );
  color:#fff;
  padding-top:60px;
  font-size: 16px;
  font-weight: 300;
}
footer h3{
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin:0;
  padding:0 0 20px 0;
}
footer .copy{
  display: block;
  margin-top:30px;
  padding:30px 0;
  font-size: 12px;
  text-transform: uppercase;
  border-top:1px solid rgba(255,255,255,.2);
}
footer a{
  color:#fff;
}
footer a:hover{
  color:#fff;
}
footer ul{
  display:block;
  list-style: none;
  margin:0;
  padding:0;
}
footer ul > li{
  display: block;
  margin:0;
  padding:0;
}
footer ul > li > a{
  display: block;
  padding:4px 0;
  color:#fff;
  font-size: 14px;
}
footer ul > li > a:hover{
  color:#fff;
  opacity: .8;
}
@media(max-width:767px){
  footer .container > .row > div{
    margin-bottom: 25px;
  }
}




/**** END ****/


/**
 * STYLING 2021
 */

.page-cta-button .cta-btn {
    background-color: #ffcb00;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    position: fixed;
    top: 50%;
    right: -29px;
    transform: translateY(-50%);
    padding: 15px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    transform: rotate(-90deg);
    transform-origin: top;
    transition-property: background-color, color, right;
    transition-duration: .2s;
    z-index: 3;
}

.page-cta-button .cta-btn:hover {
    right: 0;
}

.page-cta-button .cta-btn .label {
    font-size: 15px;
    margin-bottom: 12px;
}

.page_header .content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-end;
    padding-bottom: 1rem;
}

.page_header .content h1 {
    color: white;
    text-transform: uppercase;
}

body > header {
    height: auto;
    position: absolute;
    width: 100%;
    background: none;
}

body > header .logo {
     position: static;
     top: auto;
     height: 100%;
     display: block;
     padding: 13px 35px 13px 0;
}

body > header .logo img {
    height: auto;
    width: 100%;
}

body > header .nav-container-outer {
    background-color: #fff;
}

body > header .nav-container-inner {
    background-color: white;
}

body > header .nav-container-inner.menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
@media(min-width:783px){
  body.admin-bar > header .nav-container-inner.menu-fixed {
      top: 32px;
  }
}

body > header nav.main {
    height: 100%;
}

body > header nav.main ul {
    padding: 0;
    height: 100%;
}

body > header nav.main ul li {
    height: 100%;
    margin: 0;
}

body > header nav.main ul > li.current_page_item > a, 
body > header nav.main > ul > li.current-menu-parent > a {
    border-bottom: 0;
}

body > header nav.main ul > li.current_page_item,
body > header nav.main ul > li.current-menu-item,
body > header nav.main ul > li:hover {
    background: rgb(255,203,0);
    background: linear-gradient(90deg, rgba(255,203,0,1) 32%, rgba(255,181,0,1) 100%);
}

body > header nav.main ul > li {
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    transition-property: transform, background-color;
    transition-duration: .2s;
    background: none;
}

body > header nav.main ul > li > a {
    height: 100%;
    padding: 0 25px;
    display: flex;
    align-items: center;
    margin: 0;
    transform: skew(10deg);
    -webkit-transform: skew(10deg);
    transition-property: color;
    transition-duration: .2s;
    border-bottom: 0 !important;
    font-weight: bold;
    color: #002857;
}

body > .main-content > div[class*="section-"] {
    width: 100%;
}

body > .main-content h1,
body > .main-content h2,
body > .main-content h3,
body > .main-content h4,
body > .main-content h5,
body > .main-content h6 {
  text-transform: uppercase;
    color: #002555;
}

body > .main-content h1 {
    font-weight: 700;
    font-size: 33px;
}

body > .main-content h2 {
    font-size: 30px;
    font-weight: 700;
}

body > .main-content h4 {
  font-weight: 700;
}

#main > .info-container {
    background: linear-gradient(90deg, rgb(255 203 0 / 0%) 0%, rgb(3 36 64 / 73%) 100%);
}

#info {
    background-color: transparent;/* #378acc */;
    background: transparent;
    padding: 10px 0;
}

#info > * {
    display: flex;
    flex-wrap: nowrap;
    color: white;
    justify-content: right;
}

#info > * .info-span i {
  display: none;    
}

#info > * .info-span .label,
#info > * .info-span .text {
    text-transform: uppercase;
    font-size: 12px;
}

#info > * .info-span a {
    color: white;
    transition: color .2s;
}

#info > * .info-span a:hover {
    color: #ffcb00;
}

#info > * .separator {
    padding: 0 15px;
}

#info > * .separator:before {
    content: "/";
}

.loader i {
  border-top-color: rgb(255,203,0);
}

/** HOMEPAGE Carousel Gardient Border **/
.homepage_carousel .item .container > div:before {
    background: rgb(255,203,0);
    background: linear-gradient(90deg, rgba(255,203,0,1) 32%, rgba(255,181,0,1) 100%);
}

.homepage_carousel .item .container > div {
    max-width: 50%;
}

.homepage_carousel .item .container > div:after {
    background: none;
    background-color: white;
    
}

.homepage_carousel .item h2 {
    color: #002857;
    font-weight: 500;
    font-size: 33px;
    line-height: 42px;

}

.homepage_carousel .item p {
    color: #323232;
    font-size: 15px;
    line-height: 24px;
    max-height: 100%;
}

.button {
    background: rgb(12,49,93);
    transition: none;
}

.cta_1:after {
    background: rgb(255,203,0);
    background: linear-gradient(90deg, rgba(255,181,0,1) 32%, rgba(255,203,0,1) 100%);
}

.programms h2 {
    font-weight: bold;
    color: #002555;
    letter-spacing: 1px;
}

.programms {
    
}

.programs-container {
    margin-left: -20px;
    margin-right: -20px;
    text-align: left;
    margin-top: 2rem;
}

.program-box {
    padding-left: 20px;
    padding-right: 20px;
}

.program-box .program-box-inner {
    border-radius: 15px;
    background-color: white;
    height: 100%;
}

.program-box .box-thumbnail-image {
    padding-top: 65%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.program-box .program-box-inner .box-content {
    position: relative;
    padding: 15px;
    padding-bottom: 30px;
}

.program-box .program-box-inner .box-content h1 {
    font-size: 21px;
    text-transform: uppercase;
    color: #002555;
    background-color: white;
    border-top-right-radius: 15px;
    display: inline-block;
    padding: 15px 25px 0px 15px;
    position: absolute;
    top: 1px;
    left: 0;
    transform: translateY(-100%);
}

.program-box .program-box-inner .box-content p {
    color: #333333;
    font-size: 14px;
}

.program-box .program-box-inner .box-content a {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-decoration: underline;
}

.service-blocks > .container {
    text-align: left;
}

.service-blocks > .container .title {
    font-size: 26px;
	line-height: 34px;
    margin-bottom: 2rem;
}

.service-blocks > .container .paragraph,
.service-blocks > .container .paragraph > p {
    font-size: 16px;
}

.service-blocks > .container .paragraph > p:last-child {
    margin-bottom: 0;
}

.section {
    padding: 70px 0;
}

.section .title {
    font-size: 28px;
    margin-bottom: 2rem;
    text-transform: uppercase;
}
/*
body .foogallery {
    padding-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
}

body .foogallery .fg-item {
    flex: 1 1 calc( 100% / 3);
    padding: 0 1rem;
    margin: 0 !important;
    margin-bottom: 2rem !important;
}*/

.section.shortcode-container h2 {
    margin-bottom: 0;
}

body .foogallery .fg-item .fg-item-inner {
    border-color: #0c3354;
    box-shadow: none !important;
}

.foogallery.fg-border-thin .fg-item-inner {
    border-width: 2px;
}

/*
body .foogallery .fg-item .fg-image {
    width: 100% !important;
    height: auto;
}*/

/** Contact page fix **/
.contact_page > .container .row > .order-2 {
    padding-right: 4rem;
}

.contact_page .container > div,
.cta_2 > .container > div {
    border: 0 !important;
}

.contact_page .container > div h2,
.cta_2 > .container > div h2 {
    text-align: left;
}

.contact_page .container > div h2 span,
.cta_2 > .container > div h2 span {
    padding: 0;
    background-color: transparent;
}

/** Section content rounding **/
.cwi img {
    border-radius: 15px;
}

.cwi .row {
    margin-left: -2rem;
    margin-right: -2rem;
}

.cwi .row > * {
    padding-left: 2rem;
    padding-right: 2rem;
}

.cwi .row > .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cwi .row > .content > *:first-child {
  margin-top: auto;
}

.cwi .row > .content > *:last-child {
  margin-bottom: auto;
}

.cwi .row > .image {
    padding-left: 5rem;
}

.cwi .row > .content h2 {
    font-size: 28px;

}

.cwi .row > .content .text {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.cwi .row > .content .text ol li {
     margin-bottom: 15px;
	
	}

.cwi .row > .content .button {
    margin-top: 4rem;
    background: none !important;
    background-color: #ffb700 !important;
    color: #002555;
    border-radius: 8px;
    padding: 10px 34px;
    letter-spacing: 0;
    font-weight: bold;
    transition-property: background-color, color;
    transition-duration: .2s;

}

.cwi .row > .content .button:hover {
    color: white;
    background-color: #002555 !important;
}

/** Section bulletlist **/
.section-bulletlist {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    background-size: 100% auto;
    position: relative;
}

.section-bulletlist > .section-bg-color {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.section-bulletlist > .container {
    position: relative;
    z-index: 1;
    padding: 3rem 15px;
}

.section-bulletlist > .container h2 {
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 12px;
}

.section-bulletlist > .container ul {
    font-weight: normal;
    padding-left: 0;
}

.section-bulletlist > .container .row > * {
    padding-right: 4rem;
}

.section-bulletlist > .container .row > * > ul {
}

.section-bulletlist > .container ul li:not(:last-child) {
    margin-bottom: 13px;
}

.section-bulletlist.icon-fa ul {
    list-style: none;
}

.section-bulletlist.icon-fa ul li {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.section-bulletlist.icon-fa ul li:before {
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
    line-height: 1;
    margin-right: 15px;
    font-size: 11px;
}

/** FOOTER **/
#footer {
    background: rgb(11,47,85);
    background: linear-gradient(90deg, rgba(11,47,85,1) 0%, rgba(202,148,19,1) 100%);
    padding: 4rem 0 0 !important;
}

footer .row aside h2 {
    color: white;
    font-size: 20px;
    padding-bottom: 15px;
}

#footer .wp-block-spacer {
    height: auto !important;
    border-bottom: 1px dashed white;
    margin-bottom: 15px;
}

#footer .row > *:not(.bottom) a {
    transition: color .2s;
}

#footer .row a:hover {
    color: #ffcb00;
}

footer .row aside p {
    color: rgb(255 255 255 / 75%);
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

#block-32 p {
    margin-top: 20px;
}


footer .row aside p strong {
    color: white;
}

#footer .bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    padding: 0 15px 30px;
}

#footer .bottom:before {
    content: "";
    display: block;
    border-top: 1px solid rgba( 255, 255, 255, .2);
    width: 100%;
    margin-bottom: 15px;
}

#footer .bottom .copy {
    margin: 0;
    padding: 0;
    border: 0;
    margin-right: auto;
}

#footer .bottom .socials {
    display: flex;
    flex-wrap: nowrap;
}

#footer .bottom .socials > a {
    color: rgba( 255, 255, 255, .6 );
    transition: color .2s;
}

#footer .bottom .socials > a:hover {
    color: #fff;
}

#footer .bottom .socials > a:not(:last-child) {
    margin-right: 11px;
}

#footer .bottom .socials > a i {
    font-size: 34px;
}

.owl-carousel .animated { 
  animation-duration: 1500ms;
  animation-fill-mode: both; 
}

@media(max-width:991px){
  .nav-container-inner > .container > .row > * {
    display: flex;
    align-items: center;
  }

  .nav-container-inner > .container > .row > .nav-col {
    justify-content: flex-end;
  }

  .nav-container-inner > .container > .row > * .navicon {
    position: relative;
    top: auto;
    right: auto;
    z-index: 10000;
  }

  header nav.main {
    z-index: 9999;
    display: flex;
    align-items: center;
  }

  header nav.main ul {
    max-width: 320px;
    height: auto !important;
  }

  header nav.main.active {
    padding-top: 0 !important;
  }

  body > header nav.main ul > li.current_page_item, 
  body > header nav.main ul > li.current-menu-item, 
  body > header nav.main ul > li:hover {
    background: none;
  }

  body > header nav.main ul > li.current_page_item > a, 
  body > header nav.main ul > li.current-menu-item > a, 
  body > header nav.main ul > li:hover > a {
    border-bottom: 4px solid #ffcb00 !important;
  }

  body > header nav.main ul li {
    height: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  body > header nav.main ul > li > a {
    width: auto;
    font-size: 24px;
    padding: 0 10px 5px;
	border-bottom: 4px solid transparent !important;
  }

  #main .info-container {
    max-width: 100%;
  }

  #info > * {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }

  #info > * .info-span {
    display: flex;
    align-items: center;
  }

  #info > * .info-span .label {
    display: none;
  }

  #info > * .info-span i {
    display: inline-block;
    margin-right: 8px;
  }

  #info > * .info-span.email i {
    font-size: 13px;
  }

  #info > * .info-span.call-us i {
    font-size: 13px;
  }
}

@media(max-width:575px){
  #info {
    padding-bottom: 0 !important;
  }

  #info > * .info-span:not(:last-child) {
    margin-right: 15px;
  } 

  .info-span.whatsapp {
    order: 3;
    flex: 1 1 100%;
    background-color: #ffcb00;
    margin-right: 0 !important;
    padding: 13px 0;
    justify-content: center;
    margin-top: 10px;
  }

  #info .info-span.whatsapp .text {
    font-size: 15px;
    font-weight: bold;
  }

  #info .info-span.whatsapp .text:before {
    content: "Click for ";
  }

  #info .separator {
    display: none;
  }
}

.insight-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    margin: 30px 0 20px;
}

.insight-header h2 {
    margin: 0;
    font-size: 32px;
}

.filter-bar select {
    padding: 8px 12px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-width: 180px;
}


.category-filter-form select {
    padding: 10px 14px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
	margin-bottom:60px;
    min-width: 200px;
}

.breadcrumbs {
    background: #0c3354 !important;
}

element.style {
    display: flex;
}
.program-box .program-box-inner .box-content h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: #002555;
    background-color: white;
    border-top-right-radius: 15px;
    display: inline-block;
    padding: 15px 25px 0px 15px;
    position: absolute;
    top: 1px;
    left: 0;
    transform: translateY(-100%);
	}

.program-box .program-box-inner .box-content p {
    color: #333333;
    font-size: 13px;
}

.program-box .program-box-inner .box-content 
    position: relative;
    padding: 15px;
        padding-bottom: 15px;
    padding-bottom: 15px;
}
.homepage_carousel .item h2 {
    color: #002857;
    font-weight: 700;
    font-size: 25px;
    line-height: 34px;
}
.service-blocks > .container .title {
}
.homepage_carousel .item .container > div {
	opacity: 0.75;
}
@media screen and (max-width: 767px) {
	.homepage_carousel .item h2 {
		font-size: 22px;
    line-height: 32px;
	}
	.homepage_carousel .item .container > div {
    max-width: 100%;
}
	.bl-section-1 {
		background-size: cover;
	}
}
.cwi ol {
	padding-left: 15px;
}

#ot-sdk-btn-floating {
	display: none;
}
.grecaptcha-badge { 
    visibility: hidden;
}
.postid-715 .programms {
  display: block;
  text-align: center;
  padding: 0;
  background: #f8f8f8;
  line-height: 26px;
  color: #666666;
}

.cwi .row > .content .button {
    margin-top: 1rem;
}

.blog-archive h2 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.blog-archive h2 {
    padding-bottom: 0px;
}

.category-filter-form select {
    margin-bottom: 0px;
}

.blog p.excerpt,
.post-type-archive-post p.excerpt {
    font-size: 14px !important;
}
.page-id-932 p.excerpt {
    font-size: 14px !important;
}

/* Shared styles for rounded top corners on post grid images */
.archive .archive-item .image,
.blog .archive-item .image,
.page-id-932 .archive-item .image {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

.blog-archive h2 {
    text-align: left;
    padding-bottom: 20px;
}



/**
 * END STYLING 2021
 */

/* Reserve space for the hero slider to stop CLS */
@media (max-width: 991px){
  .home .owl-carousel,
  .home .owl-carousel .owl-stage-outer,
  .home .owl-carousel .owl-item,
  .home .owl-carousel .item {
    min-height: 520px;   /* adjust to your actual mobile hero height */
  }
}
/* =========================================================
   GTIS / Gensmart – Custom Additions (moved from Customiser)
   Added: 2026-02-11
   Purpose:
   - Keep custom tweaks inside style.css
   - Avoid global leaks (especially UL styling)
   - Reduce conflicts by scoping selectors properly
   ========================================================= */


/* ---------------------------------------------------------
   Homepage carousel: move dots down a bit
   --------------------------------------------------------- */
.homepage_carousel .owl-dots {
  bottom: -55px !important;
}


/* ---------------------------------------------------------
   Page header title style
   --------------------------------------------------------- */
.page_header .content h1 {
  text-transform: capitalize;
}


/* ---------------------------------------------------------
   CWI image spacing
   --------------------------------------------------------- */
.cwi .row > .image {
  padding: 30px;
}


/* ---------------------------------------------------------
   Semi-transparent dark overlay background helper
   --------------------------------------------------------- */
.section-bg-color {
  background-color: #0000006e;
}


/* ---------------------------------------------------------
   FIX: Bulletlist section colour leakage (IMPORTANT)
   ---------------------------------------------------------
   If you ever had:
     .section-bulletlist > .container h2, ul { color: white; }
   that would colour ALL <ul> site-wide.

   This keeps white text ONLY inside .section-bulletlist,
   so normal pages/posts are NOT affected.
   --------------------------------------------------------- */
.section-bulletlist > .container h2,
.section-bulletlist > .container p,
.section-bulletlist > .container ul,
.section-bulletlist > .container ol,
.section-bulletlist > .container li,
.section-bulletlist > .container a,
.section-bulletlist > .container strong,
.section-bulletlist > .container b {
  color: #ffffff !important;
}

/* Optional: links should look like links inside the bulletlist section */
.section-bulletlist > .container a {
  text-decoration: underline;
}


/* ---------------------------------------------------------
   Easy Accordion: desktop header link width
   NOTE: This can cause layout overflow on some pages.
   Keeping your rule as requested.
   --------------------------------------------------------- */
.sp-easy-accordion .sp-ea-single .ea-header a {
  width: 1200px !important;
}


/* ---------------------------------------------------------
   Global button styling (your custom button style)
   --------------------------------------------------------- */
.button-global {
  margin: 10px 0px;
  background: none !important;
  background-color: rgba(0, 0, 0, 0);
  background-color: #ffb700 !important;
  color: #002555;
  border-radius: 8px;
  padding: 10px 34px;
  letter-spacing: 0;
  font-weight: bold;
  transition-property: background-color, color;
  transition-duration: .2s;
}


/* ---------------------------------------------------------
   Single post header height
   --------------------------------------------------------- */
body.single-post .page_header.half {
  height: 500px;
}


/* =========================================================
   MOBILE (max-width: 767px)
   ========================================================= */
@media (max-width: 767px) {

  /* Hide WhatsApp info span (2nd instance only) */
  .whatsapp.info-span:nth-of-type(2) {
    display: none !important;
  }

  /* Accordion mobile styling */
  .sp-easy-accordion .sp-ea-single .ea-header a {
    font-size: 14px;
    text-transform: capitalize;
    width: 350px !important;
    display: flex;
  }

  /* Contact page padding */
  .contact_page .container > div {
    padding: 10px;
  }

  /* Logo sizing */
  body > header .logo img {
    width: 300px;
  }

  /* Custom Facebook feed masonry width tweak (Smash Balloon style) */
  #cff.cff-masonry.cff-mob-cols-1 .cff-posts-wrap .cff-item,
  #cff.cff-mob-cols-1 .cff-posts-wrap .cff-album-item {
    width: 95%;
    margin: 0 auto;
    display: block;
  }

  /* Hide WhatsApp info span (all) */
  .whatsapp.info-span {
    display: none !important;
  }

  /* Make H2 smaller on mobile */
  h2 {
    font-size: 20px !important;
    line-height: 1.3em;
  }

  /* Services block title sizing */
  .service-blocks > .container .title {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: 2rem;
  }
}


/* ---------------------------------------------------------
   Remove the blue overlay + yellow frame behind hero text on mobile
   --------------------------------------------------------- */
@media (max-width: 767px) {
  .homepage_carousel .owl-item .container > div::before,
  .homepage_carousel .owl-item .container > div::after,
  .homepage_carousel .item .container > div::before,
  .homepage_carousel .item .container > div::after {
    content: none !important;
    background: none !important;
  }

  /* also strip any bg/border left on the wrapper itself */
  .homepage_carousel .owl-item .container > div {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}


/* ---------------------------------------------------------
   Mobile carousel overlay + ensure text is above overlay
   --------------------------------------------------------- */
@media (max-width: 767px) {

  /* Overlay */
  .home .owl-carousel .owl-item .item {
    position: relative;
  }

  .home .owl-carousel .owl-item .item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(2, 37, 78, 0.5); /* #02254e @ 50% */
    z-index: 1;
    pointer-events: none;
  }

  /* Text above overlay */
  .home .owl-carousel .owl-item .item .align,
  .home .owl-carousel .owl-item .item .container,
  .home .owl-carousel .owl-item .item .content {
    position: relative;
    z-index: 2;
  }

  /* Move text higher */
  .home .owl-carousel .owl-item .item .align {
    transform: translateY(-18px);
  }

  /* Title colour + full opacity */
  .home .owl-carousel .owl-item .item h2,
  .home .owl-carousel .owl-item .item h1 {
    color: #ffcb00 !important;
    opacity: 1 !important;
  }

  /* Copy/paragraph colour + full opacity */
  .home .owl-carousel .owl-item .item p {
    color: #ffffff !important;
    opacity: 1 !important;
  }
}


/* ---------------------------------------------------------
   Mobile hero: lock height to avoid jump (CLS)
   --------------------------------------------------------- */
@media (max-width: 767px) {

  #custom-padding {
    padding-top: 30px;
  }

  .home .page_header .owl-carousel,
  .home .page_header .owl-carousel.owl-height,
  .home .page_header .owl-carousel .owl-stage-outer,
  .home .page_header .owl-carousel .owl-stage,
  .home .page_header .owl-carousel .owl-item,
  .home .page_header .owl-carousel .owl-item .item {
    height: 68vh !important;
  }

  .home .page_header .owl-carousel.owl-height {
    transition: none !important;
  }

  .home .page_header .owl-carousel .owl-stage-outer {
    overflow: hidden !important;
  }

  .shortcode-container {
    padding: 20px 0;
  }

  .shortcode-container h2 {
    text-align: center;
  }
}


/* ---------------------------------------------------------
   Reserve space for the hero slider to stop CLS
   (You already have this in your file, keep ONLY ONE copy)
   --------------------------------------------------------- */
/*
@media (max-width: 991px){
  .home .owl-carousel,
  .home .owl-carousel .owl-stage-outer,
  .home .owl-carousel .owl-item,
  .home .owl-carousel .item {
    min-height: 520px;
  }
}
*/


/* ---------------------------------------------------------
   Hide carousel navigation arrows
   WARNING:
   This hides arrows on ALL carousels site-wide.
   If you only want homepage hero arrows hidden, use the
   safer scoped version below instead.
   --------------------------------------------------------- */
/*
.carousel-control-prev,
.carousel-control-next,
.slick-prev,
.slick-next,
.swiper-button-prev,
.swiper-button-next,
.owl-prev,
.owl-next {
  display: none !important;
}
.homepage_carousel .carousel-control-prev,
.homepage_carousel .carousel-control-next {
  display: none !important;
}
*/

/* Safer option: ONLY hide arrows on homepage hero carousel */
.home .homepage_carousel .owl-prev,
.home .homepage_carousel .owl-next {
  display: none !important;
}


/* ---------------------------------------------------------
   CWI: remove bottom margin on first column item
   (You already have a mobile rule for this; this is harmless)
   --------------------------------------------------------- */
.cwi .row > div:first-child {
  margin-bottom: 0px;
}



/* =========================================================
   Blog post typography improvements
   - Normal sentence case headings
   - Proper spacing above headings
   Only affects article content (not homepage sections)
   ========================================================= */

/* Remove forced uppercase */
.single-post .main-content .content h2,
.single-post .main-content .content h3,
.single-post .main-content .content h4,
.single-post .main-content .content h5,
.single-post .main-content .content h6 {
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Add breathing room above headings */
.single-post .main-content .content h2,
.single-post .main-content .content h3,
.single-post .main-content .content h4,
.single-post .main-content .content h5,
.single-post .main-content .content h6 {
    margin-top: 40px !important;
    margin-bottom: 12px !important;
}

/* Do NOT push down the first heading */
.single-post .main-content .content > h2:first-child,
.single-post .main-content .content > h3:first-child {
    margin-top: 0 !important;
}
/* =========================================================
   Improve article readability (line height)
   Only affects blog post content
   ========================================================= */

/* Paragraphs */
.single-post .main-content .content p {
    line-height: 1.75 !important;
}

/* Lists */
.single-post .main-content .content li {
    line-height: 1.7 !important;
    margin-bottom: 6px;
}

/* Slightly nicer spacing between paragraphs */
.single-post .main-content .content p + p {
    margin-top: 14px;
}

/* =========================================================
   Lead intro on posts (your intro is an H5, not a P)
   ========================================================= */

/* Make the first H5 in the post content behave like a lead paragraph */
.single-post .main-content .content > h5:first-of-type {
  text-transform: none !important;   /* stop forced uppercase */
  font-size: 1.18rem !important;
  line-height: 1.85 !important;
  font-weight: 500 !important;
  margin: 0 0 22px 0 !important;
  color: #1f3a5f !important;
}

/* Optional: add a clean accent bar (looks great for Insights articles) */
.single-post .main-content .content > h5:first-of-type {
  border-left: 4px solid #ffb700;
  padding-left: 16px;
}