/* ========================================================
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/

/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff!important; }
.color-black{ color:#222!important; }
.color-grey{ color:#e3e3e3!important; }
.color-grey-light{ color:#dcdcdc!important; }


.color-01{ color:#234237!important; }
.color-02{ color:#343565!important; }
.color-03{ color:#657b73!important; }
.color-04{ color:#328D78!important; }
/*
.color-01{ color:#333; }
.color-02{ color:#555; }
.color-03{ color:#777; }
.color-04{ color:#999; }
*/

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#e3e3e3; }
.bg-color-grey-light{ background-color:#dcdcdc; }


.bg-color-01{ background-color:#234237; }
.bg-color-02{ background-color:#343565; }
.bg-color-03{ background-color:#657b73; }
.bg-color-04{ background-color:#328D78; }

/*
.bg-color-01{ background-color:#333; }
.bg-color-02{ background-color:#555; }
.bg-color-03{ background-color:#777; }
.bg-color-04{ background-color:#999; }
*/

.black-overlay{ position:relative; }
.black-overlay::after{ content:""; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#234237; opacity:0.85; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:300; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*border*/
.border-grey{ border:1px solid #dcdcdc; }

/*border-radius*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-smaller{ border-radius:0.9rem; }
.border-radius-smallest{ border-radius:0.5rem; }
.border-radius-circle{ border-radius:50%; }

/*section-first*/
.section-first{ margin-top:115px; }

/*accordion*/
#accordion h3 button{ font-size:1.1rem; }
#accordion p{ font-size:1rem; }
.card-header:first-child{ border-radius:0; }
/*.card-body ul{ list-style-type:none; }*/
#accordion .btn{ text-align:left!important; }

/*placeholders*/
.video-placeholder i{ font-size:3rem; }

/*aside-nav*/
.aside-nav a{ color:#fff; padding:0.25rem 0.5rem; }
.aside-nav li{ margin:0.5rem 0; }
.aside-nav li.current_page_item{ margin-left:0.25rem; }
.aside-nav li.current_page_item a{ text-decoration:none!important; background-color:#fff; color: #657b73; }

/*bootstrap 4 nav multi-lvl */
.dropdown-menu{ background-color: #234237; }
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/*blockquote*/
blockquote{  }

/*tables*/
.table tr td{ padding:0.5rem; font-size:0.9rem; }
.table td, .table th{ vertical-align:middle; }
.table tr td p{ padding:0!important; margin:0!important; }
.table-striped tbody tr:nth-of-type(odd){ background-color:#c9d2cf; }
.table img{ width:40px; height:40px; }

/*notification bar*/
#wpfront-notification-bar div.wpfront-close{ padding: 0.75rem 0.5rem; font-size: 1rem; text-transform: lowercase; }

/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#f1f1f1; font-family: 'jubilat', sans-serif;  font-weight:300; }
/*Text*/
h1{  }
h2{  }
h3{  }
a{ color:#000; }
a:hover{ text-decoration:none; }
p{ text-align: justify; 
	font-size: 1.2rem;
	
}
strong{  }

/*list*/
ul{  }

main#maincontent{ min-height:calc( 100vh - 342px ); }

/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.navbar{ min-height:0; border-top:2px solid #000; }
.navbar .animated{ animation-duration:0.5s; }
.navbar, .navbar-brand, .navbar-brand img, .navbar-brand span{ -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar{ -webkit-transition: all ease-in-out 0.25s; -moz-transition: all ease-in-out 0.25s; -o-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s; }
.navbar-brand{ line-height:1; font-size:1.8rem; color:#fff; }
.navbar-brand span{ line-height:1; font-size:1.4rem;font-weight:400; }
.navbar-brand span span{ line-height:1; font-size:1.1rem; }
.navbar-brand img{ max-width:100px; }

/*on-navbaropen*/
.on-navbaropen{ overflow:hidden; }
.on-navbaropen .navbar{ min-height:100%; }

.main-nav ul li a{ -webkit-transition: all ease-in-out 0.25s; -moz-transition: all ease-in-out 0.25s; -o-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s; }
.nav-link, .nav-link:hover{ color:#343565; font-weight:400; }
.navbar-nav li.active, .navbar-nav li.current-menu-parent{ text-decoration:underline; }

/*dropdown*/
.dropdown-menu{  }
.navbar-nav .dropdown-menu a.dropdown-item{  }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:40px; height:6px; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:7px; } 
.icon-bar.top-bar{ margin-top:0px; } 
.navbar-toggler{ border: none; }
.navbar-toggler .top-bar{ transform:translate(2px,13px) rotate(45deg); }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform:translate(2px,-13px) rotate(-45deg); }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }


/***********************
FOOTER
***********************/
#footer{  }
.footer-logo{  }
#footer h2{  }
#footer button{  }
#footer ul li a{ color:#fff; }
#footer .social a{  font-size: 0.9rem; }
#footer p{ font-size: 0.9rem; }
/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

/*section-hero*/
html, body, .section-hero, .section-hero .container{ height:auto; }
.section-hero .container{ position:relative; z-index:1; }
.section-hero h1{ font-size:1.6rem; }
.section-home h1{ font-size:1.2rem; }
.section-hero p{ font-size:1rem; }
.section-hero p a{ color:#fff; text-decoration:underline; }

/*for wordpress editor*/
.section-contentpage{  }
.section-contentpage h2{ font-size:1.4rem; font-weight:bold; margin-bottom:1.2rem; }
.section-contentpage h3{  }
.section-contentpage p{ margin-bottom:1rem; text-transform:justify; }
.section-contentpage a{ text-decoration:underline; }
.section-contentpage a:hover{ text-decoration:none; }
.section-contentpage strong{  }
.section-contentpage ul{  }
.section-contentpage i{ font-size:3rem; }
.section-contentpage hr { margin-top: 2rem; margin-bottom: 2rem; }

/* ========================================================
-Mat From Additional CSS
==========================================================*/
.uagb-container-inner-blocks-wrap ol li, .uagb-container-inner-blocks-wrap ul li {
	font-size:1.2rem;
margin-bottom:15px;
	text-align:justify;
	width:80%;
	padding-left:15px;
}

.alert-warning {
	color: #234237;
		background-color: #fff;
		border-color: #fff;
		font-size: 1.5rem;
	}
}

.uagb-container-inner-blocks-wrap a {color:#d49a13 !important;
text-decoration:underline;}

h1, h2, h3, h4, strong {
	font-weight:500 !important;
}

.uagb-button__wrapper a {
	text-decoration:none;
}
/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	.navbar-brand{ width:70%; }
	.navbar-brand span{ font-size:0.9rem!important; }
	.navbar-brand span span{ font-size:0.8rem!important; }
	.navbar-brand img{ max-width:50px; }
	
}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {
	
}

/*less than 768px*/
@media (max-width: 768px){
	
}

/*between 768px and 992px*/
@media (min-width: 768px) and (max-width: 992px) {
	
}

/*less than 992px*/
@media (max-width: 992px) {
	.navbar-collapse ul{  }
	.navbar-collapse ul li a{ text-align:center; }
}

/*more than 992px*/
@media (min-width: 992px) {	
	.menu-main-navigation-container{ margin-left:auto; }
}

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {
	.navbar-brand{ margin: 0.6rem 0; }
	.on-scroll .navbar-brand{ margin:0; }
	.navbar-brand, .on-scroll .navbar-brand{ font-size:1.2rem; }
	.navbar-brand span, .on-scroll .navbar-brand span{ font-size:0.8rem; }
	.nav-link{ font-size:0.9rem; }
}

/*more than 992px*/
@media (min-width: 1200px) {

}