@charset "utf-8";

/*

Template Name: Algenius

Author: <a href="https://www.os-templates.com/">OS Templates</a>

Author URI: https://www.os-templates.com/

Licence: Free to use under our free template licence terms

Licence URI: https://www.os-templates.com/template-terms

File: Layout CSS

*/



@import url("font-awesome.min.css");

@import url("framework.css");





/* Rows

--------------------------------------------------------------------------------------------------------------- 

.row0, .row0 a{}

.row1, .row1 a{}

.row2, .row2 a{}

.row3, .row3 a{}

.row4, .row4 a{}

.row5, .row5 a{}

*/



/* Top Bar

--------------------------------------------------------------------------------------------------------------- */

#topbar{padding:15px 0; font-size:.8rem; text-transform:uppercase;}

#topbar *{margin:0; padding:0; list-style:none;}

#topbar ul li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px solid;}

#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}

#topbar i{margin:0 5px 0 0; line-height:normal;}





/* Header

--------------------------------------------------------------------------------------------------------------- */

#header{padding:50px 0;}

#header #logo *{margin:0; padding:0; line-height:1;}

#header #logo h1{margin-top:8px; font-size:26px; letter-spacing:3px;}

#header #quickinfo{font-size:.8rem; text-transform:uppercase;}

#header #quickinfo li{margin-right:50px;}

#header #quickinfo li:last-child{margin-right:0;}

#header #quickinfo strong{display:block; margin:0 0 -5px 0; padding:0; font-size:.9rem;}

#header #quickinfo br{display:none;}

/* Page Intro

--------------------------------------------------------------------------------------------------------------- */

#pageintro{padding:50px 0;}

#pageintro *{word-wrap:break-word;}

#pageintro .heading{margin-bottom:20px; font-size:5rem; font-weight:400;}

#pageintro p{font-size:1.2rem;}

#pageintro footer{margin-top:50px;}

/* Content Area

--------------------------------------------------------------------------------------------------------------- */

.container{padding:100px 0;}
/* Content
.container .content{} */

.sectiontitle{display:block; margin-bottom:50px; text-align:center;}

.sectiontitle *{margin:0;}

.sectiontitle .heading{display:inline-block; position:relative; padding-bottom:8px;}

.sectiontitle .heading::after{display:block; position:absolute; bottom:0; left:50%; width:50px; height:2px; margin-left:-25px; content:"";}


/* .testimonials{} */

.testimonials article{position:relative; padding-left:130px;}

.testimonials article:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */

.testimonials article img{position:absolute; top:0; left:0; border-radius:50%;}

.testimonials article blockquote{margin:0 0 20px 0; padding:0;}

.testimonials article .heading{margin:0;}

.testimonials article em{display:block; margin-top:-5px; font-size:.8rem; font-style:normal;}



.team figure{display:block; position:relative; max-width:320px;}

.team > figure:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */

.team > figure > a{display:inline-block; position:relative; max-width:100%; margin-bottom:30px;}

.team > figure > a::before, .team > figure > a::after{display:block; position:absolute; content:""; text-align:center; opacity:0;}

.team > figure > a::before{top:0; right:0; bottom:0; left:0; border:2px solid;}

.team > figure > a::after{top:50%; left:50%; width:50px; height:50px; line-height:50px; margin:-25px 0 0 -25px; content:"\f06e";/* fa-eye */ font-family:"FontAwesome"; font-size:36px;}

.team > figure > a::before, .team > figure > a img{border-radius:50%; background-clip:padding-box;}

.team > figure > a:hover::before, .team > figure > a:hover::after{opacity:1;}

.team figure figcaption{text-align:center;}

.team figure figcaption *{margin:0; line-height:1;}

.team figure figcaption .heading{margin-bottom:8px;}

.team figure figcaption em{display:block; font-size:.8rem; font-style:normal;}

.team figure figcaption footer{margin-top:15px;}

.team figure figcaption footer .faico li{margin:0 5px;}

.team figure figcaption footer .faico li a{width:auto; height:auto; line-height:normal; font-size:14px;}



.logos{padding:50px 0;}

.logos li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */

.logos li a{display:inline-block; max-width:100%; border:1px solid;}



/* AL */

.al{
	padding: 20px;
	display: flex;
	flex-direction: row;
	gap: 10px;
}


/* Comments */

#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}

#comments li{margin:0 0 10px 0; padding:15px;}

#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}

#comments address{font-weight:bold;}

#comments time{font-size:smaller;}

#comments .comcont{display:block; margin:0; padding:0;}

#comments .comcont p{margin:10px 5px 10px 0; padding:0;}



#comments form{display:block; width:100%;}

#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}

#comments textarea{overflow:auto;}

#comments div{margin-bottom:15px;}

#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}



/* Sidebar 

.container .sidebar{}
*/


.sidebar .sdb_holder{margin-bottom:50px;}

.sidebar .sdb_holder:last-child{margin-bottom:0;}





/* Footer

--------------------------------------------------------------------------------------------------------------- */

#footer{padding:80px 0;}
#footer .heading{margin-bottom:50px; font-size:1.2rem;}
#footer nav{margin-bottom:15px; text-transform:uppercase;}
/* #footer nav ul{} */
#footer nav ul li{display:inline-block; margin-right:15px;}
#footer nav ul li:last-child{margin-right:0;}
#footer .linklist li{display:block; margin-bottom:12px; padding:0 0 12px 0; border-bottom:1px solid;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}


/* Copyright

--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade

--------------------------------------------------------------------------------------------------------------- */

/**, *::before, *::after{transition:all .28s ease-in-out;}*/

#mainav form *{transition:none !important;}





/* ------------------------------------------------------------------------------------------------------------ */

input[type=text], select, textarea {

	width: 100%;

	padding: 12px;

	border: 1px solid #ccc;

	border-radius: 4px;

	resize: vertical;

}

input[type=email] {

	width: 100%;

	padding: 12px;

	border: 1px solid #ccc;

	border-radius: 4px;

	resize: vertical;

}


/* Navigation

--------------------------------------------------------------------------------------------------------------- */

nav ul, nav ol{margin:0; padding:0; list-style:none;}


/*

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}

#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

*/


/* Top Navigation 

#mainav{}*/

#mainav ul{text-transform:uppercase;}

#mainav ul ul{z-index:9999; position:absolute; width:160px; text-transform:none;}

#mainav ul ul ul{left:160px; top:0;}

#mainav li{display:inline-block; position:relative; margin:0 30px 0 0; padding:0;}

#mainav li:last-child{margin-right:0;}

#mainav li li{width:100%; margin:0;}

#mainav li a{display:block; padding:20px 0;}

#mainav li li a{border:solid; border-width:0 0 1px 0;}

#mainav .drop{padding-left:15px;}

#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}

#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}

#mainav .drop::after{top:25px; left:5px;}

#mainav li li .drop::after{top:15px; left:5px;}

#mainav ul ul{visibility:hidden; opacity:0;}

#mainav ul li:hover > ul{visibility:visible; opacity:1;}



#mainav form{display:none; margin:0; padding:20px 0;}

#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}

#mainav form select{width:100%; padding:5px; border:1px solid;}

#mainav form select option{margin:5px; padding:0; border:none;}



/* Breadcrumb */

#breadcrumb{padding:120px 0 30px;}

#breadcrumb ul{margin:0 0 30px 0; padding:0 0 8px 0; list-style:none; text-transform:uppercase;}

#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}

#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}

#breadcrumb li a::after{top:3px; right:0; content:"\f101";}

#breadcrumb li:last-child a{margin:0; padding:0;}

#breadcrumb li:last-child a::after{display:none;}



/* Sidebar Navigation */

.sidebar nav{display:block; width:100%;}

.sidebar nav li{margin:0 0 3px 0; padding:0;}

.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}

.sidebar nav a::after{top:9px; left:5px; content:"\f101";}

.sidebar nav ul ul a{padding-left:35px;}

.sidebar nav ul ul a::after{left:25px;}

.sidebar nav ul ul ul a{padding-left:55px;}

.sidebar nav ul ul ul a::after{left:45px;}



/* Pagination */

.pagination{display:block; width:100%; text-align:center; clear:both;}

.pagination li{display:inline-block; margin:0 2px 0 0;}

.pagination li:last-child{margin-right:0;}

.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

.pagination .disabled a:hover {

	color: #999999;

	background-color: transparent;

	cursor: not-allowed;

}

/* Back to Top */

#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}

#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}

#backtotop.visible{visibility:visible; opacity:.5;}

#backtotop:hover{opacity:1;}





/* Tables

--------------------------------------------------------------------------------------------------------------- */

table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}

table, th{table-layout:auto;}

table{width:100%; margin-bottom:15px;}

th, td{padding:5px 8px;}

td{border-width:0 1px;}





/* Gallery

--------------------------------------------------------------------------------------------------------------- */

#gallery{display:block; width:100%; margin-bottom:50px;}

#gallery figure figcaption{display:block; width:100%; clear:both;}

#gallery li{

	margin-bottom:30px;

	list-style: none;

}

#gallery ul {

	list-style: none;

}



#gallery ul li::before {

	content: "\200B";

}



/* Font Awesome Social Icons

--------------------------------------------------------------------------------------------------------------- */

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

.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}

.faico li:last-child{margin-right:0;}

.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;}



.faico a{color:inherit;}

/* .faico a:hover{} */



.faicon-youtube:hover{color: #b52500;}

.faicon-facebook:hover{color:#3B5998;}

.faicon-instagram:hover{color: #c9451f;}

.faicon-linkedin:hover{color:#0E76A8;}

.faicon-twitter:hover{color:#00ACEE;}

.faicon-vk:hover{color:#4E658E;}





/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

.container-fluid{

	width: 100%;

	padding-right: var(--bs-gutter-x, 0.75rem);

	padding-left: var(--bs-gutter-x, 0.75rem);

	margin-right: auto;

	margin-left: auto;

}

.container-fluid{

	padding-right:15px;

	padding-left:15px;

	margin-right:auto;

	margin-left:auto

}



/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */



.p-0 {

	padding: 0 !important;

}





.row {

	--bs-gutter-x: 1.5rem;

	--bs-gutter-y: 0;

	display: flex;

	flex-wrap: wrap;

	margin-top: calc(var(--bs-gutter-y) * -1);

	margin-right: calc(var(--bs-gutter-x) / -2);

	margin-left: calc(var(--bs-gutter-x) / -2);

}

.row > * {

	flex-shrink: 0;

	width: 100%;

	max-width: 100%;

	padding-right: calc(var(--bs-gutter-x) / 2);

	padding-left: calc(var(--bs-gutter-x) / 2);

	margin-top: var(--bs-gutter-y);

}



.col {
	flex: 1 0 0%;
}

.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}

.row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%;
}

.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}

.row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%;
}

.row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%;
}

.row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.6666666667%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 auto;
	width: 8.3333333333%;
}

.col-2 {
	flex: 0 0 auto;
	width: 16.6666666667%;
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.6666666667%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	flex: 0 0 auto;
	width: 58.3333333333%;
}

.col-8 {
	flex: 0 0 auto;
	width: 66.6666666667%;
}

.col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	flex: 0 0 auto;
	width: 83.3333333333%;
}

.col-11 {
	flex: 0 0 auto;
	width: 91.6666666667%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

.col-md-4 {
	flex: 0 0 auto;
	width: 33.3333333333%;
}
/* Colours
--------------------------------------------------------------------------------------------------------------- */

body{color:#A8A7A6; background-color: #ffffff;}

a{color: #562351;}

a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */

hr, .borderedbox{border-color:#F4F4F4;}

label span{color:#FF0000; background-color:inherit;}

input:focus, textarea:focus, *:required:focus{border-color:#562351;}



.overlay{color:#FFFFFF; background-color:inherit;}

.overlay::after{color:inherit; background-color: rgba(86, 35, 81, 1.0);}

.overlay.light{color:#474747;}

.overlay.light::after{background-color:rgba(255,255,255,.8);}

/* .overlay.coloured::after{} */



.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#562351; border-color: #4b4b4b;}

.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}
.btn, .btn.inverse:hover {border-radius: 20px;}




/* Flexslider */

.flex-direction-nav a, .flex-direction-nav .flex-disabled:hover{color:#FFFFFF;}

.flex-direction-nav a:hover{color:#562351;}





/* Rows */

.row0, .row0 a{color:#A8A7A6; background-color: #000000;}

.row1{color:#474747; background-color:#FFFFFF;}

.row2{color:#474747; background-color:#F1F1F1;}

.row3{color:#474747; background-color:#FFFFFF;}

.row4{color:#A8A7A6; background-color: #562351;}

.row4 a{color:#9E4195;}

.row5, .row5 a{color:#FFFFFF; background-color:#562351;}

.row5 {color:#474747; background-color:#FFFFFF;}



/* Top Bar */

#topbar, #topbar ul li{border-color:rgba(255,255,255,.2);}

#topbar > div:last-of-type li:first-child a{color:#ffffff;}





/* Header */

#header #logo a{color:inherit;}





/* Page Intro */

#pageintro li{color:#FFFFFF;}





/* Content Area */

.sectiontitle .heading::after{background-color:#562351;}



.team > figure > a{color:inherit;}

.team > figure > a:hover::before{background:rgba(0,0,0,.2); border-color:#562351;}

.team > figure > a:hover::after{color:#FFFFFF;}



.logos li a{border-color:#F4F4F4;}

.logos li a:hover{border-bottom-color:#562351;}





/* Footer */

#footer .heading{color:#FFFFFF;}



#footer hr, #footer .borderedbox, #footer .linklist li{border-color:rgba(255,255,255,.2);}



#footer nav a{color:inherit;}

#footer nav li:first-child a, #footer nav a:hover{color:#9E4195;}



#footer .faico a{color:inherit; background-color:#141414;}

#footer .faico a:hover{color:#FFFFFF;}

#footer .faicon-youtube:hover{background-color:#b52500;}

#footer .faicon-facebook:hover{background-color:#3B5998;}

#footer .faicon-instagram:hover{background-color:#DB4A39;}

#footer .faicon-linkedin:hover{background-color:#0E76A8;}

#footer .faicon-twitter:hover{background-color:#00ACEE;}

#footer .faicon-vk:hover{background-color:#4E658E;}





/* Navigation */

#mainav li a{color:inherit;}

#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#562351; background-color:inherit;}

#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}

#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#562351;}

#mainav form select{color:#FFFFFF; background-color:#000000; border-color:rgba(255,255,255,.2);}



#breadcrumb a{color:inherit; background-color:inherit;}

#breadcrumb li:last-child a{color:#9E4195;}



.container .sidebar nav a{color:inherit; border-color:#F4F4F4;}

.container .sidebar nav a:hover{color:#562351;}



.pagination a, .pagination strong{border-color:#F4F4F4; border-radius: 35px}

.pagination .active *{color:#FFFFFF; background-color:#562351;}
.pagination a:hover{color: #FFFFFF; background-color: #853400;}


#backtotop{color:#FFFFFF; background-color:#562351;}





/* Tables + Comments */

table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#F4F4F4;}

#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#562351;}

th{color:#FFFFFF; background-color:#373737;}

tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}

tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}

table a, #comments a{background-color:inherit;}



.post-vod{
	background-color: #ffffff;
	color:#562351;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 10px;
}

.post-vod video{
	width: 300px;

}
/* ------------------------------------------------------------------------------------------------------------ */
.section-title-2 {
	color:#562351;
}
/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */





/* Media Queries

--------------------------------------------------------------------------------------------------------------- */

@-ms-viewport{width:device-width;}





/* Max Wrapper Width - Laptop, Desktop etc.

--------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:978px){

	.hoc{max-width:978px;}
	.hoc2{max-width:50%;}

}





/* Mobile Devices

--------------------------------------------------------------------------------------------------------------- */

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

	.hoc{max-width:90%;}
	.post-vod{
		display: flex;
		flex-wrap: wrap;
		width: 100%
	}
	.post-vod h6{
		text-align: center;
		text-transform: uppercase;
		display: flex;
		flex-wrap: wrap;
	}


/*
	#header{}



	#mainav{}

	#mainav ul{display:none;}

	#mainav form{display:block;}



	#breadcrumb{}



	.container{}*/

	#comments input[type="reset"]{margin-top:10px;}

	.pagination li{display:inline-block; margin:0 5px 5px 0;}



	/* #footer{}



	#copyright{}
 */
	#copyright p{
		margin-bottom:10px;
	color: #000;
	}

}





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

	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}

	.fl_left, .fl_right{display:block; float:none;}

	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */

	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}



	#header{text-align:center;}

	#header #logo{margin:0 0 30px 0;}



	#pageintro .heading{font-size:2rem;}

}





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

	.testimonials article{padding-left:0;}

	.testimonials article img{position:relative; top:inherit; left:inherit; margin-bottom:20px;}

}





/* Other

--------------------------------------------------------------------------------------------------------------- */

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

	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}

	.scrollable table{margin:0; padding:0; white-space:nowrap;}



	.inline li{display:block; margin-bottom:10px;}

	.pushright li{margin-right:0;}



	.font-x2{font-size:1.4rem;}

	.font-x3{font-size:1.6rem;}



	#header #quickinfo li{display:block; margin-right:0;}

}



.alert {

	position: relative;

	padding: 1rem 1rem;

	margin-bottom: 1rem;

	border: 1px solid transparent;

	border-radius: 0.25rem;

}



.alert-heading {

	color: inherit;

}



.alert-link {

	font-weight: 700;

}



.alert-dismissible {

	padding-right: 3rem;

}

.alert-dismissible .btn-close {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 2;

	padding: 1.25rem 1rem;

}



.alert-primary {

	color: #084298;

	background-color: #cfe2ff;

	border-color: #b6d4fe;

}

.alert-primary .alert-link {

	color: #06357a;

}



.alert-secondary {

	color: #41464b;

	background-color: #e2e3e5;

	border-color: #d3d6d8;

}

.alert-secondary .alert-link {

	color: #34383c;

}



.alert-success {

	color: #0f5132;

	background-color: #d1e7dd;

	border-color: #badbcc;

}

.alert-success .alert-link {

	color: #0c4128;

}



.alert-info {

	color: #055160;

	background-color: #cff4fc;

	border-color: #b6effb;

}

.alert-info .alert-link {

	color: #04414d;

}



.alert-warning {

	color: #664d03;

	background-color: #fff3cd;

	border-color: #ffecb5;

}

.alert-warning .alert-link {

	color: #523e02;

}



.alert-danger {

	color: #842029;

	background-color: #f8d7da;

	border-color: #f5c2c7;

}

.alert-danger .alert-link {

	color: #6a1a21;

}



.alert-light {

	color: #636464;

	background-color: #fefefe;

	border-color: #fdfdfe;

}

.alert-light .alert-link {

	color: #4f5050;

}



.alert-dark {

	color: #141619;

	background-color: #d3d3d4;

	border-color: #bcbebf;

}

.alert-dark .alert-link {

	color: #101214;

}

/* ============================= banner ====================== */
#banner_wrapper{ padding-bottom: 20px; padding-top: 30px; position: relative;}
#banner_wrapper > .container{position: relative;}

#banner{position: relative; padding-bottom: 70px; padding-top: 0px;}

.banner_prev{display: block; width: 35px; height: 35px; background: url(../../images/prev2.png) left top no-repeat; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 0;}
.banner_prev:hover{background-position: bottom;}
.banner_next{display: block; width: 35px; height: 35px; background: url(../../images/next2.png) left top no-repeat; position: absolute; right: 50%; margin-right: -40px; bottom: 0; z-index: 0;}
.banner_next:hover{background-position: bottom;}

#banner .carousel-box{position: relative;}
#banner .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#banner .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; }
#banner .caroufredsel_wrapper{padding: 0; margin: 0;}
#banner .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#banner .carousel-box ul li {block-size: left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:20px }

/* .banner{}
.banner .banner_inner{} */
.banner .banner_inner a{display: block; text-decoration: none; position: relative; background: #fff; text-align: left; padding: 4px; text-align: center;
	transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banner .banner_inner a:hover{background: #5ACFF5;}
.banner .banner_inner a .banner_inner2{border: 1px solid #dbdbdb;}
.banner .banner_inner a:hover .banner_inner2{border-color: #fff;}
.banner .banner_inner a .txt1{font-family: 'FontAwesome'; font-weight: 400; color: #2AA0DD; font-size: 24px; line-height: 30px; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px;text-transform: uppercase;}
.banner .banner_inner a:hover .txt1{color: #fff;}
.banner .banner_inner a figure{margin: 0; padding: 0px; position: relative; border: none; padding: 0px; background: none; text-align: center; padding-top: 0px; padding-bottom: 0px;
	transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
/* .banner .banner_inner a:hover figure{} */
.banner .banner_inner a .img{width: 100%;}
.banner .banner_inner a .txt2{ color: #666666; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px;}
.banner .banner_inner a:hover .txt2{color: #fff;}
.banner .banner_inner a .txt3{display:block; line-height:34px;  text-decoration: none; margin-top:0px; margin-bottom:15px; font-size:14px; font-family:'FontAwesome'; font-weight: 400; color:#fff; white-space:nowrap; letter-spacing:0px; background:url(../../images/button0.png) center center no-repeat; text-transform: uppercase; }
.banner .banner_inner a:hover .txt3 { color:#fff; background:url(../../images/button0_over.png) center center no-repeat;}

/* ============================= banner end ====================== */
/* Float four columns side by side */
.column {
	float: left;
	width: 30%;
	padding: 0 15px;
}

/*
---------------------------------------------------------------------------------------
*/
.card {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 1rem;
	width: 30%;
	text-align: center;
	color: #4b4b4b;
	background-color: #ffffff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
	0 2px 2px rgba(0, 0, 0, 0.1),
	0 4px 4px rgba(0, 0, 0, 0.1),
	0 8px 8px rgba(0, 0, 0, 0.1),
	0 16px 16px rgba(0, 0, 0, 0.1);
}

.card li{
	list-style-type: none;
}
/*.card > hr {
	margin-right: 0;
	margin-left: 0;
}
.card > .list-group {
	border-top: inherit;
	border-bottom: inherit;
}
.card > .list-group:first-child {
	border-top-width: 0;
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
	border-bottom-width: 0;
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
	border-top: 0;
}

.card-body {
	flex: 1 1 auto;
	padding: 1rem 1rem;
}

.card-title {
	margin-bottom: 0.5rem;
}

.card-subtitle {
	margin-top: -0.25rem;
	margin-bottom: 0;
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-link:hover {
	text-decoration: none;
}
.card-link + .card-link {
	margin-left: 1rem !* rtl:ignore *!;
}

.card-header {
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
	padding: 0.5rem 1rem;
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
	border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
	margin-right: -0.5rem;
	margin-bottom: -0.5rem;
	margin-left: -0.5rem;
	border-bottom: 0;
}

.card-header-pills {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
	width: 100%;
}

.card-img,
.card-img-top {
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card {
	margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
	.card-group {
		display: flex;
		flex-flow: row wrap;
	}
	.card-group > .card {
		flex: 1 0 0%;
		margin-bottom: 0;
	}
	.card-group > .card + .card {
		margin-left: 0;
		border-left: 0;
	}
	.card-group > .card:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.card-group > .card:not(:last-child) .card-img-top,
	.card-group > .card:not(:last-child) .card-header {
		border-top-right-radius: 0;
	}
	.card-group > .card:not(:last-child) .card-img-bottom,
	.card-group > .card:not(:last-child) .card-footer {
		border-bottom-right-radius: 0;
	}
	.card-group > .card:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.card-group > .card:not(:first-child) .card-img-top,
	.card-group > .card:not(:first-child) .card-header {
		border-top-left-radius: 0;
	}
	.card-group > .card:not(:first-child) .card-img-bottom,
	.card-group > .card:not(:first-child) .card-footer {
		border-bottom-left-radius: 0;
	}
}*/

.text-center {
	text-align: center !important;
}

.text-primary {
	color: #0d6efd !important;
}

.text-secondary {
	color: #6c757d !important;
}

.text-success {
	color: #198754 !important;
}

.text-info {
	color: #0dcaf0 !important;
}

.text-warning {
	color: #ffc107 !important;
}

.text-danger {
	color: #dc3545 !important;
}

.login form{
	text-align: center;
	width: 400px;
	height: 400px;
}
.login form .btn-submit{
	width: 100%;
}
.login form a{
	text-decoration: none;
}


.fl_left{
	text-align: left;
	color: #ffffff;
}
.fl_right{
	background-color: #ffffff;
	text-align: right;
}