/*-------------------------------------------------------------------
---------------------
TARİH	: 10.02.2022
TASARIM	: HASAN MUTLU
E-POSTA :
WEB SİTE: www.akapedya.com
---------------------
---------------------------------------------------------------------*/


/* TABLE BUILD

	1.FONT

	2.GENERAL
		A. SECTION TITLE
		B. SLIDERS
		C. BUTTONS
		D. FANCYBOX
		E. ACORDION SPECIAL
		F. GALLERY
		G. ARTICLE MARK
		H. COLLECTION
		I. 404 ERROR
		J.
		K.
		L.
		M.
		N.

	3.HEADER
		A. CONTACT INFO
		B. MENU
		C.
		D.
		E.
		F.
		G.

	4.CONTAINER
		A. ABOUT      ***
		B. SERVICES
		C. COUNTER
		D. REFERENCE
		E. CONTACT
		F. INFOBANK
		G. MORE
		H. NEWSLATTER
		I. SHOWCASE
		J. MEDIA
		K. PROJECT
        L. WRITING
        M. FAQ

	5.MORE CONTAINER
		A. MORE TITLE
		B. MORE CONTENT
		C. EVENT CALENDAR
		D. CONTACT MAPS
		E. ABOUT
		F. PAGE CONTACT
		G.


	6.FOOTER
		A. FOOTER TITLE
		B. SCROLL UP
		C.
		D.
		E.
		F.
		G.

	7.RESPONSIVE
		A. 100 X 569
		B. 569 X 768
		C. 768 X 1024
		D. 1024 X 1199
		E.
		F.
		G.

	8.ANIMATION

*/

/*
======================================= 1. FONT =========================================
*/
	@import "ap-myfonts.css";
/*
======================================= 1. FONT =========================================
*/

/*
======================================= 2. GENERAL ======================================
*/
body {
	font: 500 1rem/1.4rem "akapedya",sans-serif;
	color: #232323;
	margin:0;
	padding:0;
}
a {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	    -ms-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a,
a:hover,
a:active,
a:focus {
	color:rgba(241,90,42, 1);
    text-decoration: none;
    outline: none;
}

::selection{
	background:#f15a2a   none repeat scroll 0 0;
	color:#fff;
}
::-moz-selection{
	background:#f15a2a   none repeat scroll 0 0;
	color:#fff;
}
::-webkit-selection{
	background:#f15a2a   none repeat scroll 0 0;
	color:#fff;
}

/*
--------------------------------------  A. SECTION TITLE --------------------------------
*/
.section-title{
	font-family: "akapedya",sans-serif;
	text-align: center;
    position: relative;
    margin: 15px 0;
}
.section-title h2{
	font-size: 2rem;
	font-weight: 700;
	color: #a6a6a6;
    font-family: "eakapedya";
	/*text-align: center;*/
	line-height: 1.8rem;
	position: relative;
	margin-bottom: 0.3rem !important;
	padding: 0 0 0.5rem;
	display: inline-block;
	vertical-align: top;
	z-index: 1;
}
/*.section-title span:after{
	background: #a6a6a6;
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 40px;
	height: 2px;
	margin-left: -21px;
    display: block;
	z-index: -1;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.section-title span:before{
	background: #a6a6a6;
	content: "";
	position: absolute;
	display: block;
    left: 50%;
	bottom: -9px;
	width: 65px;
	height: 2px;
	margin-left: -33px;
	z-index: -1;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.section-title span:hover::before {width: 85px;margin-left: -40px;border-color:#f15a2a;}
.section-title span:hover::after {width: 65px;margin-left: -30px;border-color:#f15a2a;}

.section-title h2:hover{color: #f15a2a;}
.section-title h2:hover::after,
.section-title h2:hover::before {background-color: #f15a2a;}*/
.section-title span{
	color: #f15a2a;
	font-size: 2rem;
	font-weight: 600;
	padding: 0;
	margin-bottom: 0.5rem !important;
}
/*
--------------------------------------  A. SECTION TITLE --------------------------------
*/

/*
--------------------------------------  B. SLIDERS --------------------------------------
*/

/* ======================================================================================
 * FONT-FACE
 * ======================================================================================*/
@font-face {
	font-family: 'flexslider-icon';
	src: url('fonts/flexslider-icon.eot');
	src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
	  url('fonts/flexslider-icon.woff') format('woff'),
	  url('fonts/flexslider-icon.ttf') format('truetype'),
	  url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ======================================================================================
 * RESETS
 * ======================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
	outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* ======================================================================================
 * BASE STYLES
 * ======================================================================================*/
.multiple3x,
.multiple4x,
.single1x,
.single2x,
.single-point,
.multiple5x{
	margin: 0;
	padding: 0;
}

.single1x ul.slides li
/*.single-point ul.slides li*/{
	position: relative;
}

.single1x ul.slides > li::before
/*.single-point ul.slides > li::before*/{
	content: "";
	background: rgba(0,0,0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.multiple3x .slides > li,
.multiple4x .slides > li,
.single1x .slides > li,
.single2x .slides > li,
.single-point .slides > li,
.multiple5x .slides >li{
	display: none;
	-webkit-backface-visibility: hidden;
}
.multiple3x .slides img,
.multiple4x .slides img,
.single1x .slides img,
.single2x .slides img,
.single-point .slides img,
.multiple5x .slides img{
	width: 100%;
	display: block;
}

.multiple3x .slides:after,
.multiple4x .slides:after,
.single1x .slides:after,
.single2x .slides:after,
.single-point .slides:after,
.multiple5x .slides:after{
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .multiple3x .slides,
html[xmlns] .multiple4x .slides,
html[xmlns] .single1x .slides,
html[xmlns] .single2x .slides,
html[xmlns] .single-point .slides,
html[xmlns] .multiple5x .slides{
	display: block;
}

* html .multiple3x .slides,
* html .multiple4x .slides,
* html .single1x .slides,
* html .single2x .slides,
* html .single-point .slides,
* html .multiple5x .slides{
	height: 1%;
}
.no-js .multiple3x .slides > li:first-child,
.no-js .multiple4x .slides > li:first-child,
.no-js .single1x .slides > li:first-child,
.no-js .single2x .slides > li:first-child,
.no-js .single-point .slides > li:first-child,
.no-js .multiple5x .slides > li:first-child{
	display: block;
}
/* ======================================================================================
 * DEFAULT THEME
 * ======================================================================================*/

.single1x .flex-caption {
	/*font: normal normal 500 1rem/1.3rem "akapedya",sans-serif;*/
	font-family: "akapedya",sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	color: #fff;
	width: 100%;
	padding: 0 1rem;
	position: absolute;
	left: 0;
	bottom: 15%;
	/*background: rgba(0,0,0,.5);*/
}

.single1x .flex-caption{
	text-align: center;
}

.single1x .flex-caption h2{
	font-weight: 600;
	font-size: 2.6rem;
	line-height: 2.8rem;
	color: #fff;
	text-shadow: 2px 2px 3px rgb(0 0 0 / 50%);
	margin: 0;
	padding-bottom: 10px;
}

.single1x .flex-caption h3{
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 3rem;
	color: #f15a2a;
	margin: 0;
	padding-bottom: 10px;
	text-shadow: 2px 2px 3px rgb(0 0 0 /50%);
}

.single1x .flex-caption p{
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2rem;
	color: #fff;
	text-shadow: 2px 2px 3px rgb(0 0 0 / 70%);
	margin: 0 0 2rem;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.single1x .flex-caption p+p	{margin-bottom: 0px;}


.multiple3x,
.multiple4x,
.single1x,
.single2x,
.single-point,
.multiple5x{
	margin: 0px;
	background: #fff;
	border: 0 solid #fff;
	position: relative;
	zoom: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
/*----------- SPECIAL*/
.multiple4x{
    background: none !important;
    padding-bottom: 25px;
}
.single2x{background-color: transparent!important;}
/*----------- SPECIAL*/
/*----------- SPECIAL*/
.multiple3x,
.single2x{padding-bottom: 63px;}
.single-point{background-color: transparent; padding-bottom: 40px;}
/*----------- SPECIAL*/

.multiple3x .slides,
.multiple4x .slides,
.single1x .slides,
.single2x .slides,
.single-point .slides,
.multiple5x .slides{
  zoom: 1;
}
.multiple3x .slides img,
.multiple4x .slides img,
.single1x .slides img,
.single2x .slides img,
.single-point .slides img,
.multiple5x .slides img{
	height: auto;
	-moz-user-select: none;
}


.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
	margin-right: 5px;
}
.flex-direction-nav {
	height: 0;
}
.single1x .flex-direction-nav a,
.single-point .flex-direction-nav a {
	background-color: transparent;
	text-shadow:none;
	box-shadow:none;
	text-align: center;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: -20px 0 0;
	border: 1px solid rgba(255,255,255,1);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	display: block;
	cursor: pointer;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

/*-------- SPECIAL*/
.single-point .flex-direction-nav a{
	color: #d9d7d7;
	border: 1px solid #d9d7d7;
	width: 45px;
	height: 45px;
	line-height: 45px;
	bottom: 0;
	top: inherit;
	opacity: 1;
}
/*-------- SPECIAL*/

.flex-direction-nav a {
	background: rgba(255,255,255,1);
	/*text-shadow: 0 1px 2px rgba(0,0,0,.6);
	box-shadow: 0 0 10px rgba(2,3,7,.5);*/
	text-align: center;
	color: #494A4C;
	width: 45px;
	height: 45px;
	line-height: 45px;
	margin: -20px 0 0;
	border: 1px solid rgba(235,234,234,0);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	display: block;
	cursor: pointer;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}
.flex-direction-nav a:before  {
	font-family: 'flexslider-icon';
	font-size: 20px;
	display: inline-block;
	content: '\f001';

}
.flex-direction-nav a.flex-next:before {
	content: '\f002';
}

.flex-direction-nav .flex-prev {
	left: -50px;
}
.flex-direction-nav .flex-next {
	right: -50px;
  /*text-align: right;*/
}

/*------- SPECIAL*/
.single-point .flex-direction-nav .flex-prev{left: 0;}
.single-point .flex-direction-nav .flex-next{right: 0;}
/*------- SPECIAL*/

/*.multiple3x:hover .flex-direction-nav .flex-prev,
.multiple4x:hover .flex-direction-nav .flex-prev,*/
.single1x:hover .flex-direction-nav .flex-prev,
/*.single-point:hover .flex-direction-nav .flex-prev,*/
.multiple5x:hover .flex-direction-nav .flex-prev{
	opacity: 0.7;
	left: 20px;
}

/*------- SPECIAL*/
.single2x .flex-direction-nav .flex-prev,
.multiple3x .flex-direction-nav .flex-prev,
.multiple4x .flex-direction-nav .flex-prev{left: 15px;}

.single2x .flex-direction-nav .flex-next,
.multiple3x .flex-direction-nav .flex-next,
.multiple4x .flex-direction-nav .flex-next{right: 15px;}

.single2x .flex-direction-nav a,
.multiple3x .flex-direction-nav a,
.multiple4x .flex-direction-nav a{
    color: #d9d7d7;
    border: 1px solid #d9d7d7;
    width: 45px;
    height: 45px;
    line-height: 45px;
    bottom: 0;
    top: inherit;
	opacity: 1;}

.single2x:hover .flex-direction-nav .flex-next:hover,
.multiple3x:hover .flex-direction-nav .flex-next:hover,
.multiple4x:hover .flex-direction-nav .flex-next:hover,

.single2x:hover .flex-direction-nav .flex-prev:hover,
.multiple3x:hover .flex-direction-nav .flex-prev:hover,
.multiple4x:hover .flex-direction-nav .flex-prev:hover{
	background-color: #f15a2a;
	border-color: #f15a2a;
	opacity: 1;
}
/*------- SPECIAL*/





.single1x:hover .flex-direction-nav .flex-next:hover,
.single1x:hover .flex-direction-nav .flex-prev:hover,
.single-point:hover .flex-direction-nav .flex-next:hover,
.single-point:hover .flex-direction-nav .flex-prev:hover{
	background-color: #f15a2a;
	border-color: #f15a2a;
	opacity: 1;
}

.single2x:hover .flex-direction-nav .flex-prev:hover,
.multiple3x:hover .flex-direction-nav .flex-prev:hover,
.multiple4x:hover .flex-direction-nav .flex-prev:hover,
.multiple5x:hover .flex-direction-nav .flex-prev:hover{
	opacity: 1;
}
/*.multiple3x:hover .flex-direction-nav .flex-next,*/
.single1x:hover .flex-direction-nav .flex-next,
/*.single-point:hover .flex-direction-nav .flex-next,
.multiple4x:hover .flex-direction-nav .flex-next,*/
.multiple5x:hover .flex-direction-nav .flex-next{
	opacity: 0.7;
	right: 20px;
}

.single2x:hover .flex-direction-nav .flex-next:hover,
.multiple3x:hover .flex-direction-nav .flex-next:hover,
.multiple4x:hover .flex-direction-nav .flex-next:hover,
.multiple5x:hover .flex-direction-nav .flex-next:hover{
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
	z-index: -1;
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play:before {
	content: '\f003';
}


.single1x .flex-control-nav,
.single2x .flex-control-nav,
.single-point .flex-control-nav,
.multiple3x .flex-control-nav,
.multiple4x .flex-control-nav,
.multiple5x .flex-control-nav{
	width: 100%;
	position: absolute;
	bottom: 0.6rem;
	text-align: center;
	z-index: 9;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* --------------------------------- SINGLE 1X */
.single1x .flex-control-paging li a,
.single-point .flex-control-paging li a{
	border-color: #fff;
}
/* --------------------------------- SINGLE 1X */

.flex-control-paging li a {
	background-color: transparent;
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	/*-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #AFAFAF;
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.flex-control-paging li a::after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #AFAFAF;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

/*------------------------------------- SINGLE 1X */
.single1x .flex-control-paging li a:hover,
.single1x .flex-control-paging li a.flex-active,
.single-point .flex-control-paging li a:hover,
.single-point .flex-control-paging li a.flex-active{
	border-color: #f15a2a;
}
/*------------------------------------- SINGLE 1X */
.flex-control-paging li a:hover {
	background-color: transparent;
	border: 1px solid #f15a2a;
}


.flex-control-paging li a.flex-active {
	background-color: transparent;
	cursor: default;
	width: 20px;
    height: 20px;
	border: 1px solid #f15a2a;
	position: relative;
}


.single1x .flex-control-nav{
    width: 30px;
    position: absolute;
    top: 65%;
    right: 0.6rem;
    z-index: 9;
}

.single1x .flex-control-nav li {
    margin: 5px 0;
}

/* --------------------------------------------- SINGLE 1X*/
.single1x .flex-control-paging li a.flex-active::after,
.single1x .flex-control-paging li a:hover::after,
.single-point .flex-control-paging li a.flex-active::after,
.single-point .flex-control-paging li a:hover::after{
	background-color: #f15a2a;
}
/* --------------------------------------------- SINGLE 1X*/

.flex-control-paging li a.flex-active::after,
.flex-control-paging li a:hover::after{
	background-color: #f15a2a;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/*
--------------------------------------  B. SLIDERS --------------------------------------
*/

/*
--------------------------------------  C. BUTTONS --------------------------------------
*/

.general-btn {
	background-color: #4CAF50; /* Green */
	font: normal normal 600 1rem/1.2rem "akapedya",sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px rgb(0 0 0 / 15%);
	border-radius: 5px;
	margin: 4px 2px;
	padding: 0.6rem 1.4rem;
	display: inline-block;
	transition-duration: 0.4s;
	cursor: pointer;
}

.btn-style1 {
	background-color: #fff;
	color: #232323;
	border: 2px solid #4CAF50;
}
.btn-style1:hover {
	background-color: #4CAF50;
	color: #fff;
}

.btn-style2 {
	background-color: #fff;
	color: #232323;
	border: 2px solid #008CBA;
}
.btn-style2:hover {
	background-color: #008CBA;
	color: #fff;
}

.btn-style3 {
	background-color: #fff;
	color: #232323;
	border: 2px solid #f15a2a;
}
.btn-style3:hover {
	background-color: #f15a2a;
	color: #fff;
}

.btn-style4 {
	background-color: #fff;
	color: #232323;
	border: 2px solid #e7e7e7;
}
.btn-style4:hover {background-color: #e7e7e7;}

.btn-style5 {
	background-color: #fff;
	color: #232323;
	border: 2px solid #555555;
}
.btn-style5:hover {
	background-color: #555555;
	color: #fff;
}


/*--------------------------*/
.btn-style6 {
	background-color:#4CAF50;
	color: #fff;
	border: 2px solid #4CAF50;
}
.btn-style6:hover {
	background-color: #fff;
	color: #232323;
}

.btn-style7 {
	background-color: #008CBA;
	color: #fff;
	border: 2px solid #008CBA;
}
.btn-style7:hover {
	background-color: #fff;
	color: #232323;
}

.btn-style8 {
	background-color: #f15a2a;
	color: #fff !important;
	border: 2px solid #f15a2a;
	border-radius: 55px;
}
.btn-style8:hover {
	background-color: transparent;
	color: #f15a2a   !important;
}

.btn-style9 {
	background-color: #e7e7e7;
	color: #fff;
	border: 2px solid #e7e7e7;
}
.btn-style9:hover {background-color: #fff; color:#232323;}

.btn-style10 {
	background-color: #555555;
	color: #fff;
	border: 2px solid #555555;
}
.btn-style10:hover {
	background-color: #fff;
	color: #232323;
}


/*
--------------------------------------  C. BUTTONS --------------------------------------
*/

/*
--------------------------------------  D. FANCYBOX -------------------------------------
*/
.modal-container {
	max-width: 500px;
	padding: 0;
	margin: 20px 0;
	border-radius: .3em;
	box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
}
.modal-title {
	font: 800 2rem/2.4rem "akapedya",sans-serif;
	padding: 1rem 0;
}
.modal-body {
	max-height: calc(100vh - 230px);
	min-height: 50px;
	/*padding:0;*/
	overflow-y: auto;
}
.modal-footer {
	padding: 1rem 0;
	text-align: right;
}
p:first-child {margin-top: 0;}
.copyright-foot p{
    font-weight: 400;
    font-size: 0.9rem;
    color: #fff;
}
/*
--------------------------------------  D. FANCYBOX -------------------------------------
*/
/*
--------------------------------------  E. ACORDION SPECIAL -----------------------------
*/
.faq-more-toggle { position:relative;}
.faq-more-accordion, .faq-more-toggle {
	margin-bottom:20px;
	box-shadow: -1px 0px 5px 0px rgba(68, 73, 83, 0.12);
}

.faq-more-toggle:nth-child(1){ margin:10px 0 20px 0;}
.faq-more-toggle:last-child { margin-bottom:20px;}

/*-------------*/
.faq-more-toggle .faq-more-toggle-trigger {
	background: #fbfbfb;
	font:500 14px/24px 'akapedya',sans-serif;
	color: #232323;
	text-transform: none;
	border-radius: 6px;
	margin: 0;
	padding:15px 65px 15px 15px;
	display: block;
	outline: 0;
	cursor: pointer;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.faq-more-toggle .faq-more-toggle-trigger:before {
	background-color:#f15a2a;
	font: 700 20px/26px 'akapedya',sans-serif;
	color:#ffffff;
	border-radius:0 6px 6px 0;
	position:absolute;
	top:0;
	right:0;
	content: "+";
	margin:0px 0px 0px 10px;
	padding:14px 25px;
}
.faq-more-toggle .faq-more-toggle-trigger:hover {
	color:#f15a2a;
	text-decoration: none;
	/*border: 1px solid rgba(220,167,6,1);*/
}
.faq-more-toggle .faq-more-toggle-container {
	background-color: rgba(255,255,255);
	font-size: 0.9rem;
    font-weight: 400;
	color:#575a61;
	padding: 15px;
	/*border: 1px solid rgba(166,172,167,0.4);*/
	border-top: 0px;
}
.faq-more-toggle .faq-more-toggle-trigger.active:before {
	border-radius: 0 6px 0 0;
	content: "-";
	color:#ffffff;
}
.faq-more-toggle .faq-more-toggle-trigger.active{color:#f15a2a; border-bottom: 1px solid #dedede; border-radius: 6px 6px 0 0;}
.faq-more-toggle .faq-more-toggle-trigger.active + .faq-more-toggle .faq-more-toggle-container{border-radius: 0 0 6px 6px;}
/*
--------------------------------------  E. ACORDION SPECIAL -----------------------------
*/

/*
--------------------------------------  F. GALLERY --------------------------------------
*/
.gallery-item {
    /*display: inline-block;
    position: relative;
    z-index: 1;*/
    padding-bottom: 75%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.gallery-item::before {
    content: "";
    background-color: #a6a6a6;
    border-radius: 5px;
    opacity: 0.67;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.gallery-list{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.gallery-list:hover .gallery-item {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.gallery-list:hover .gallery-item::before {
    height: 50%;
}
.gallery-list:hover .gallery-item::after {
    height: 50%;
}


.gallery-item .plus-icon {
    display: block;
    position: relative;
}
.gallery-item .plus-icon img{
    border-radius: 5px;
}
.gallery-item .plus-icon::before {
    content: "";
    background: #f15a2a;
    border-radius: 5px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(50%);
    right: 0;
    text-align: center;
    width: 60px;
    height: 2px;
    margin: 0 auto;
    z-index: 2;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.gallery-item .plus-icon::after {
    content: "";
    background: #f15a2a;
    border-radius: 5px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    transform: translateY(50%);
    right: 0;
    width: 2px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
    z-index: 2;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.gallery-list:hover .plus-icon::before {
    top: 50%;
    opacity: 1;
}
.gallery-list:hover .plus-icon::after {
    bottom: 50%;
    opacity: 1;
}


.gallery-item::after {
    content: "";
    background-color: #a6a6a6;
    border-radius: 5px;
    opacity: 0.67;
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

/*------------------*/
figure.snip0016 {
    font-family: 'akapedya', sans-serif;
    color: #fff;
    position: relative;
    overflow: hidden;
    min-width: 220px;
    border-radius: 5px;
    width: 100%;
    background: #000000;
    text-align: left;
}
figure.snip0016 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
figure.snip0016 img {
    max-width: 100%;
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
figure.snip0016 figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 3em;
    width: 100%;
}
figure.snip0016 figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 100%;
    border-left: 4px solid rgba(255, 255, 255, 0.8);
    content: '';
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
figure.snip0016 h2,
figure.snip0016 p {
    margin: 0 0 5px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h2 {
    word-spacing: -0.15em;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transform: translate3d(30%, 0%, 0);
    transform: translate3d(30%, 0%, 0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
figure.snip0016 h2 span {
    font-weight: 700;
}
figure.snip0016 p {
    font-weight: 400;
    -webkit-transform: translate3d(0%, 30%, 0);
    transform: translate3d(0%, 30%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
figure.snip0016 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    color: #ffffff;
}
figure.snip0016:hover img {
    opacity: 0.3;
}
figure.snip0016:hover figcaption h2 {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
figure.snip0016:hover figcaption p {
    opacity: 0.9;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
figure.snip0016:hover figcaption::before {
    background: rgba(255, 255, 255, 0);
    left: 30px;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
/*
--------------------------------------  F. GALLERY --------------------------------------
*/

/*
-------------------------------------- G. ARTICLE MARK ----------------------------------
*/
ul.list-options {
    list-style: none;
    padding: 0px;
    margin: 0px 0 20px 0;
}
ul.list-options li {
    background: rgba(166,172,167,0.6);
    font: 400 14px/22px "akapedya",sans-serif;
    color: #020307;
    border-radius: 3px;
    padding: 12px 14px;
    margin-bottom: 4px;
}
ul.list-options li span {
    font: 400 14px/22px "akapedya",sans-serif;
    color: #020307;
}
ul.list-options li i {
    margin-right: 12px;
    color: #f15a2a;
}

.general-list ul,
.general-list ol,
.general-list ol * ol,
.general-list ol * ul,
.general-list ul * ul,
.general-list ul * ol{font:400 1rem/1.2rem "akapedya",sans-serif;color:#020307;list-style:none;padding:0 0 0 5px;}

.general-list ol li,
.general-list ul li{margin:5px 0; padding-left:25px; position: relative; line-height: 22px;}

.general-list ol li:after,
.general-list ul li:after{content:"\f00c";font-family:'Font Awesome 5 Pro';font-size:14px;position:absolute;color:#f15a2a;left:0;top:0;}

.general-list ol * ol li,
.general-list ol * ul li,
.general-list ul * ul li,
.general-list ul * ol li{list-style-type:none; padding-left:15px; position:relative;}

.general-list ol * ol li:after,
.general-list ul * ol li:after{content:"\f111" !important;font-family:'Font Awesome 5 Pro';font-size:9px !important;position:absolute;color:#f15a2a;left:0;top:0;}

.general-list ul * ul li:after,
.general-list ol * ul li:after{content:"\f068";font-family:'Font Awesome 5 Pro';font-size:14px;position:absolute;color:#f15a2a;left:0;top:0;}


ul.list {font: 400 14px/22px "akapedya",sans-serif;color:#020307; padding:0; margin:0; }
ul.list li { margin:5px 0; padding-left:20px; position: relative; line-height: 22px; }
ul.list i { position: absolute; left: 0; top: 5px; }

ul.list.site-color li i { color: #f15a2a; }
ul.list.site-color li { color: #020307; }

ul.list li:after {content:""; font-family:'Font Awesome 5 Pro';position:absolute;color:#f15a2a; left:0; top:0; }

/* Ul List Mark */
ul.list-mark{padding:0; margin:0;}
ul.list-mark li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-mark li:after{content:"\f00c"; font-size:14px;}

/* Ul List Arrow */
ul.list-arrow{padding:0; margin:0;}
ul.list-arrow li{list-style-type:none; padding-left:15px; position:relative;}
ul.list-arrow li:after{content:"\f105"; font-size:16px;}

/* Ul List line */
ul.list-line{padding:0; margin:0;}
ul.list-line li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-line li:after{content:"\f068"; font-size:14px;}

/* Ul List line-xs */
ul.list-line-xs{padding:0; margin:0;}
ul.list-line-xs li{list-style-type:none; padding-left:15px; position:relative;}
ul.list-line-xs li:after{content:"\f068"; font-size:10px;}

/* Ul List Hand */
ul.list-hand{padding:0; margin:0;}
ul.list-hand li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-hand li:after{content:"\f0a4"; font-size:14px;}

/* Ul List Edit */
ul.list-edit{padding:0; margin:0;}
ul.list-edit li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-edit li:after{content:"\f040"; font-size:14px;}

/* Ul List angle double arrow */
ul.list-angle-double{padding:0; margin:0;}
ul.list-angle-double li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-angle-double li:after{content:"\f101"; font-size:16px;}

ul.list-arrow-circle-right{padding:0; margin:0;}
ul.list-arrow-circle-right li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-arrow-circle-right li:after{content:"\f0a9"; font-size:16px;}

ul.list-arrow-circle-o-right{padding:0; margin:0;}
ul.list-arrow-circle-o-right li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-arrow-circle-o-right li:after{content:"\f18e"; font-size:16px;}

ul.list-arrow-right{padding:0; margin:0;}
ul.list-arrow-right li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-arrow-right li:after{content:"\f061"; font-size:16px;}

ul.list-caret-right {padding:0; margin:0;}
ul.list-caret-right li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-caret-right li:after{content:"\f0da"; font-size:16px;}

ul.list-caret-square-o-right {padding:0; margin:0;}
ul.list-caret-square-o-right li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-caret-square-o-right li:after{content:"\f152"; font-size:16px;}

ul.list-chevron-circle-right {padding:0; margin:0;}
ul.list-chevron-circle-right li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-chevron-circle-right li:after{content:"\f138"; font-size:16px;}

ul.list-long-arrow-right {padding:0; margin:0;}
ul.list-long-arrow-right li{list-style-type:none; padding-left:20px; position:relative;}
ul.list-long-arrow-right li:after{content:"\f178"; font-size:16px;}

/*
-------------------------------------- G. ARTICLE MARK ----------------------------------
*/

/*
-------------------------------------- H. COLLECTION ------------------------------------
*/
.collect-item{
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;
    margin-bottom: 50px;
}
.collect-item .collect-info{
    background: #fff;
    border: 1px solid rgba(166,172,167,0.6);
	border-radius: 5px;
	min-height: 350px;
    padding: 25px 30px;
    position: relative;
    top: 55px;
    bottom: 20px;
    z-index: 9;
	overflow: hidden;
}
.collect-item .collect-info{margin-left: -30px;}
.collect-item:nth-child(2n) .collect-info {
    margin-left: 0px;
    margin-right: -39px;
}
.collect-item:nth-child(2n) .direction-2,
.collect-item .direction-1{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.collect-item:nth-child(2n) .direction-1,
.collect-item .direction-2{
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.collect-media{
	border-radius: 5px;
	width:100%;
	position:relative;
	display: block;
	max-width: 100%;
	margin: 0;
	margin-right: 7px;
}
.collect-item:nth-child(2n) .collect-media{
    margin: 0;
    margin-top: 6rem;
    /*margin-left: 7px;*/
}
.collect-media{overflow:hidden;}
.collect-media img{
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
	-webkit-transition: all 0.25s ease 0s;
	   -moz-transition: all 0.25s ease 0s;
	    -ms-transition: all 0.25s ease 0s;
	     -o-transition: all 0.25s ease 0s;
	        transition: all 0.25s ease 0s;
}
.collect-media.czoom img {
	-webkit-transition: all 10s ease 0s;
	   -moz-transition: all 10s ease 0s;
	    -ms-transition: all 10s ease 0s;
	     -o-transition: all 10s ease 0s;
	        transition: all 10s ease 0s;
}
.collect-media.czoom:hover img {transform: scale(2);}
.collect-info h4 {
    color: #232323;
	font: 700 16px/22px "akapedya",sans-serif;
	margin:0 0 10px 0;
	/*white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;*/
}
.collect-info h4 a {
	color: #020307;
	-webkit-transition: all ease 500ms;
		 -o-transition: all ease 500ms;
			transition: all ease 500ms;
}
.collect-info h4 a:hover {color: #f15a2a;}
.collect-info h4+h5 {
	font: 400 13px/18px "akapedya",sans-serif;
	color: #211E20;
	margin:0 0 20px 0px;
	text-align:left;
}
.collect-info h4+h5+div.collect-textwrap {
	font:normal normal 400 13px/22px "akapedya",sans-serif;
	color:#020307;
	margin-bottom:15px;
    position: relative;
    display: block;
    height: calc(4em + 14px);
    overflow: hidden;
    white-space: normal;
}
.collect-textcontainer {
	word-break: break-all;
	position: relative;
	display: block;
	max-height: 5em;
}
.collect-ellipsis {
	background: white;
	position: absolute;
	right: 0;
	top: calc(6em + 31px - 100%);
	text-align: left;
	padding: 0 6px;
}
.collect-info h4+h5+div.collect-textwrap+a{
	color:#f15a2a;
	text-align: right;
	display: block;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.collect-info h4+h5+div.collect-textwrap+a:hover{color:rgba(241,90,42,1);}
.collect-info h4+h5+div.collect-textwrap+a i {
	border-radius: 0;
	border: none;
	font-size: 16px;
	margin-left: 5px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.collect-info h4+h5+div.collect-textwrap+a:hover i{
	color:#f15a2a;
	margin-left: 10px;
}


.collect-info .btn-map {
	background:transparent;
	position:absolute;
	overflow:hidden;
	color:#fff;
	bottom:0;
	right:0;
	border:0;
	width:100px;
	height:100px;
	font-size:19px;
	cursor:pointer;
	z-index:9
}
.collect-info .btn-map:hover a {
	color: #fff;
	-webkit-transition: all ease 500ms;
		 -o-transition: all ease 500ms;
			transition: all ease 500ms;
}
/*.collect-info .btn-map:hover a:hover {color: #e39939;}*/

.collect-info .btn-map:hover {color:#fff}
.collect-info .btn-map:hover:before {background-color:#a6a6a6;}
.collect-info .btn-map .fa {
	color: #fff;
	position:absolute;
	bottom:17px;
	right:17px
}
.collect-info .btn-map:before {
	background-color:#f15a2a;
	position:absolute;
	content:"";
	width:200%;
	height:200%;
	top:0%;
	left:50%;
	z-index:0;
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
.collect-info .btn-map {
	-moz-transform:translate3d(15%,10%,0);
	-ms-transform:translate3d(15%,10%,0);
	-o-transform:translate3d(15%,10%,0);
	-webkit-transform:translate3d(15%,10%,0);
	transform:translate3d(15%,10%,0);
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
.collect-info:hover .btn-map {
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}


.general-tags > span{
	font: normal normal 400 13px/22px "akapedya",sans-serif;
	display:block;
	margin-bottom: 5px;
	transition: 0.3s ease-in-out;
}
.general-tags p{
    font-family: "akapedya",sans-serif;
    font-size: 0.9rem!important;
    font-weight: 400;
}
.general-tags > span i {
	padding-right: 5px;
	transition: 0.3s ease-in-out;
    color: #f15a2a;
}
.general-tags > span:hover,
.general-tags > span:hover i.fa {color: #f15a2a;}

.media-wrap .general-tags{margin-bottom:15px;color:#494A4C; }
.media-wrap .general-tags a{font-size:14px; font-weight:400; margin-right:10px;}
.media-wrap .general-tags a:hover{color:#f15a2a;}
.media-wrap .general-tags a .fa{color:#f15a2a; padding-right:8px;}


.himg-wrapper {
	background-color: transparent;
	width: 100%;
	height:100%;
	position:absolute;
	bottom: 0;
	overflow: hidden;
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
}
.himg-wrapper:before {
	background:linear-gradient(to bottom,rgba(2,3,7,0) 0,rgba(2,3,7,0.5) 100%);
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	/*opacity:0;*/
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
		 -o-transition:all .3s;
			transition:all .3s
}

.himg-wrapper .tags-wrap {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 17px 14px 10px;
}
.himg-wrapper .tags-wrap::before,
.himg-wrapper .tags-wrap::after {
	content: '';
	display: table;
}
.himg-wrapper .tags-wrap::after {clear: both;}

.himg-wrapper .tags-wrap div {
	float: left;
	font-size: 14px;
}

.himg-wrapper .tags-wrap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
.himg-wrapper .tags-wrap ul li {
	margin: 0 5px;
	display: inline-block;
	position: relative;
    font-size: 0.9rem;
}

.himg-wrapper .tags-wrap ul::before,
.himg-wrapper .tags-wrap ul::after {
	content: '';
	display: table;
	clear: both;
}

.himg-wrapper .tags-wrap ul a {color: #fff;}
.himg-wrapper .tags-wrap ul span {
	font: 700 13px/20px "akapedya",sans-serif;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transition: all 0.3s;
			transition: all 0.3s;
	opacity: 0;
	-webkit-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
}
.himg-wrapper:hover .tags-wrap ul span {
	-webkit-transform: translate(-50%, -15px);
			transform: translate(-50%, -15px);
	opacity: 1;
}

/*---- course details list*/
.coursecollect-item{
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;
    margin-bottom:15px;
	padding: 0 10px;
}
.coursecollect-item:nth-child(2){margin-top: 15px;}

.coursecollect-item .coursecollect-info{
    background: #fff;
    border: 1px solid rgba(166,172,167,0.6);
	border-top-right-radius: 32px;
	border-bottom-right-radius: 32px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	min-height: 50px;
    /*width: 98%;*/
    padding: 5px 15px 5px 25px;;
    position: relative;
    top: 7px;
    bottom:8px;
    z-index: 9;
    /*display: table;*/
}

.coursecollect-item .coursecollect-info{margin-left: -40px;}
.coursecollect-item:nth-child(2n) .coursecollect-info {
	top: 8px;
    margin-left: 0px;
    margin-right: -40px;
	border-top-left-radius: 32px;
	border-bottom-left-radius: 32px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 5px 25px 5px 15px;
}
.coursecollect-item:nth-child(2n) .direction-2,
.coursecollect-item .direction-1{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.coursecollect-item:nth-child(2n) .direction-2 .coursecollect-info h4{text-align: right;}

.coursecollect-item:nth-child(2n) .direction-1,
.coursecollect-item .direction-2{
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
/*.coursecollect-item:nth-child(2n) .direction-1 .coursecollect-info h4{text-align: right;}*/

.coursecollect-media{
	border-radius:50%;
	position:absolute;
	display: block;
	/*width:100%;
	max-width: 100%;*/
	width: 60px;
	height: 60px;
	margin: 0 auto;
	z-index: 99;
}
.coursecollect-item:nth-child(2n) .coursecollect-media{
    margin: 0;
    /*margin-left: 7px;*/
	position: absolute;
	right: 0;
}
.coursecollect-media{overflow:hidden;}
.coursecollect-media img{
	border-radius: 50%;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    display: block;
    margin: 0;
	width: 94%;
	height: 94%;
	position: absolute;
	top: 2px;
	left: 2px;
	-webkit-filter: brightness(70%);

	-webkit-transition: all 0.25s ease 0s;
	   -moz-transition: all 0.25s ease 0s;
	    -ms-transition: all 0.25s ease 0s;
	     -o-transition: all 0.25s ease 0s;
	        transition: all 0.25s ease 0s;
}
.coursecollect-media.czoom img {
	-webkit-transition: all 10s ease 0s;
	   -moz-transition: all 10s ease 0s;
	    -ms-transition: all 10s ease 0s;
	     -o-transition: all 10s ease 0s;
	        transition: all 10s ease 0s;
}
.coursecollect-media.czoom:hover img {transform: scale(2);}
.coursecollect-info h4 {
	font: 700 13px/18px "akapedya",sans-serif;
	text-align: left;
	/*margin:0 0 10px 0;*/
	width: 83%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.coursecollect-info h4 a {
	color: #020307;
	-webkit-transition: all ease 500ms;
		 -o-transition: all ease 500ms;
			transition: all ease 500ms;
}
.coursecollect-info h4 a:hover {color: #f15a2a;}
.coursecollect-info h4+h5 {
	font: 400 13px/18px "akapedya",sans-serif;
	color: #211E20;
	margin:0 0 20px 0px;
	text-align:left;
}

/*
-------------------------------------- H. COLLECTION ------------------------------------
*/

/*
-------------------------------------- I. 404 ERROR -------------------------------------
*/
#notfound {
    font-family: 'emlakofisi', sans-serif;
    position: relative;
    height: 40vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width:650px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}

.notfound .notfound-404 {
    position: relative;
    height: 240px;
}

.notfound .notfound-404 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 252px;
    font-weight: 900;
    margin: 0px;
    color: #262626;
    letter-spacing: -40px;
    margin-left: -20px;
}

.notfound .notfound-404 h1>span {
    text-shadow: -8px 0px 0px #fff;
}

.notfound .notfound-404 h3 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #262626;
    margin: 0px;
    letter-spacing: 3px;
    padding-left: 6px;
}
.notfound h2 {
    font-size:1.2rem;
    font-weight:400;
    color: #232323;
    margin-top: 20px;
    margin-bottom: 20px;
}
.notfound h2 p:first-child {font-weight: 600;}

/*----------------------------------------------------- SPECİAL */
#adnotfound {
    font-family: 'emlakofisi', sans-serif;
    position: relative;
    height: 40vh;
}

#adnotfound .adnotfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.adnotfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}

.adnotfound .adnotfound-404 {
    position: relative;
}
.adnotfound .adnotfound-404 div{
    background-color: #ec6c20;
    width: 120px;
    height: 85px;
    border-radius: 32px;
    margin: 0 auto 2rem;
    position: relative;
}
.adnotfound .adnotfound-404 div i{
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    line-height: 2.1;
}
.adnotfound .adnotfound-404 div span{
    position: absolute;
    bottom: -10px;
    right: 9px;
}
.adnotfound .adnotfound-404 div span i{
    font-size:1.5rem;
}
.adnotfound .adnotfound-404 h1 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 20px;
    color: #262626;
    line-height: 1.5;
    text-align: center;
    margin: 10px 0;
}

.adnotfound .adnotfound-404 h3 {
    position: relative;
    font-size: 0.8rem;
    font-weight: 700;
    color: #262626;
    margin: 0px;
    letter-spacing: 3px;
    padding-left: 47px;
}
.adnotfound .adnotfound-404 h3 i{
    font-weight: 600;
    font-size: 1.2rem;
}
.adnotfound h2 {
    font-size:1.2rem;
    font-weight: 600;
    color: #000;
    margin-top: 0px;
    margin-bottom: 25px;
}
/*
-------------------------------------- I. 404 ERROR -------------------------------------
*/

/*
======================================= 2. GENERAL ======================================
*/

/*
======================================= 3. HEADER =======================================
*/
#header-wrapper{
	/*background-color: #fff;*/
	padding: 0;
	position:absolute;
	width: 100%;
	z-index: 9999;
}

/*
--------------------------------------  A. CONTACT INFO ---------------------------------
*/
#header-wrapper .header-top {
    background-color: #f15a2a;
    /*padding: 0.5rem;*/
}


#header-wrapper .header-top ul.ht-info {
	font:500 1rem/1rem "akapedya",sans-serif;
	display: inline-block;
	margin-right: 15px;
	line-height: 1.8;
	font-weight: 300;
	position: relative;
	z-index: 1;
	margin: 0px;
	color: #fff;
	padding:10px 0px;
}
@media (max-width: 575.98px) {
	.header-wrapper .header-top ul.ht-info {
		margin-right: 0;
		padding-right: 0;
	}
}
#header-wrapper .header-top ul.ht-info a {
	font-weight: 300;
}
#header-wrapper .header-top ul.ht-info:last-child {
	margin-right: 0;
	padding-right: 0;
}
#header-wrapper .header-top ul.ht-info li {
	display: inline-block;
	position: relative;
	margin-right: 15px;
}

#header-wrapper .header-top ul.ht-info li i{
	margin-right: 8px;
}
@media (min-width: 992px) {
	#header-wrapper .header-top ul.ht-info li {
		margin-right: 25px;
	}
}
@media (max-width: 767.98px) {
	#header-wrapper .header-top ul li {
		display: block;
		margin-right: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}
@media (min-width: 992px) {
	#header-wrapper .header-top ul.ht-info li:not(:first-child):before {
		background: rgba(255, 255, 255, 0.7);
		content: "";
		position: absolute;
		top: 0;
		bottom: 1px;
		left: -16px;
		margin: auto;
		height: 15px;
		width: 1px;
	}
}


ul.quick-menu{
	margin: 0;
	padding: 0;
	list-style: none;
    float: right;
}
ul.quick-menu li a {
	font:normal normal 400 1rem/2rem "akapedya", sans-serif;
    color: #fff;
    display: inline-block;
}
ul.quick-menu li a:hover{
	color: rgba(255,255,255, 0.7);
}
ul.quick-menu li a i {
    font-size: 1rem;
    margin-right: 7px;
}
ul.quick-menu li a + a::before {
    content: "|";
    display: inline-block;
    color: #fff;
    padding: 0 8px 0 5px;
}
/*
--------------------------------------  A. CONTACT INFO ---------------------------------
*/
/*
--------------------------------------  B. MENU -----------------------------------------
*/
.bg-menu{
	background-color:transparent;
    position: relative;
	z-index: 999;
	height: auto !important;
	display: flex !important;
    -webkit-animation: slide-down 0.7s;
    -moz-animation: slide-down 0.7s;
    animation: slide-down 0.7s;
/*    -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
*/}

.mn-fix{
	background: #a6a6a6 none repeat scroll 0 0;
    box-shadow: 0 9px 38px rgb(0 0 0 / 5%), 0 5px 12px rgb(0 0 0 / 10%);
    position: fixed;
    top: 0;
    width: 100%;
	/*min-height: 70px;*/
    z-index: 1020;
    left: 0;
}

.site-name{
	font: normal normal 500 26px/30px "akapedya",sans-serif;
	color: #fff;
	margin-right: 0.5rem;
	padding: 0.4rem 0;
	display: block;
	min-height: 70px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 3px rgb(0 0 0 / 50%);
}
.site-name span{
	font-weight: 800;
	color: #fff;
	display: block;
}
a.site-name:hover,
a.site-name:hover span{
    color: rgba(255,255,255,0.9);
}
.topnav {
	overflow: hidden;
}

.topnav ul li a {
	font-weight: 600;
	font-size: 0.9rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	height: 63px;
	padding:2rem 0.6rem 0;
	float: left;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	-ms-flex-align:center;
	-webkit-box-align:center;
	align-items: center;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	position: relative;
}



.topnav ul li:hover a{
	color: #f15a2a;
	text-decoration: none;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

/*.topnav ul li a::after{
	background-color:#a6a6a6;
	content:"";
	border-radius: 5px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:4px;
	width:100%;
	display:block;
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
		 -o-transition:all .3s;
			transition:all .3s;

	-ms-transform:rotateY(-90deg);
	 -o-transform:rotateY(-90deg);
		transform:rotateY(-90deg);
 }
.topnav ul li a:hover::after{
	-webkit-transform:rotateY(0deg);
	   -moz-transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
		 -o-transform:rotateY(0deg);
			transform:rotateY(0deg)
}

.topnav ul li a.mn-active::after {
    background-color: #a6a6a6;
    content: "";
    border-radius: 5px;
    display: block;
    width: 50px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 99999;
}
*/

.responsive-icon {
	display: none;
}


/*.topnav ul li a:hover {
  background-color: #555;
  color: #fff;

}*/
.topnav .nav.navbar-nav{
	flex-direction: row;
	float: right;
}


.mn-active {
    color: #a6a6a6  !important;
    /*text-decoration: underline !important;*/
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dropdown {
	float: left;
	overflow: hidden;
	position: inherit;
}

.dropdown .dropbtn {
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 86px;
	border: none;
	outline: none;
	color: white;
	padding:4px 0.6rem 0;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	height: 86px;
}

.dropdown-content {
	background-color: #f9f9f9;
	border-top: 4px solid #f15a2a;
	border-radius: 5px;
	padding: 0.7rem 0rem;
	display: none;
	position: absolute;
	min-width: 175px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	float: none !important;
	color: #232323  !important;
	height: inherit !important;
	padding: 0.4rem 0.7rem !important;
	font-weight: 500 !important;
	text-decoration: none;
	display: block;
	text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  /*background-color: #555;*/
 	color: #f15a2a !important;
}

.dropbtn i{margin-left: 3px;}
.dropdown-content a:hover {
	/*background-color: #ddd;*/
	color:#f15a2a !important;
}

.dropdown:hover .dropdown-content {
	display: block;
}


@media screen and (max-width: 1024px) {
	.topnav .nav.navbar-nav, .dropdown .dropbtn {
		display: none;
	}
	a.responsive-icon {
		float: right;
		display: block;
		position: relative;
		width: 25px;
		height: 30px;
		font-size: 30px !important;
		margin: 18px 15px;
		padding: 7px;
		font-weight: 800;
	}
}

@media screen and (max-width: 1024px) {
	.topnav.responsive {
		background-color: #a6a6a6;
		position: absolute !important;
		top: 100%;
		left: 25px;
		right: 25px;
		z-index: 9999;
		box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
	}
	.topnav.responsive ul li{
		border-bottom: 1px solid #eee;
	}
	.topnav.responsive ul li:last-child{
		border-bottom: none;
	}
	.topnav.responsive ul li a{
        color: #fff;
		float: none;
		height: auto;
		padding: 10px 0;
	}

	.topnav.responsive .responsive-icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive .nav.navbar-nav {
		float: none;
		display: block;
		text-align: left;
		padding: 15px;
	}

	.topnav.responsive .dropdown {
        float: none;
        color: #fff;
    }
	.topnav.responsive .dropdown-content {position: relative;}
	.topnav.responsive .dropdown .dropbtn {
        color: #fff;
		width: 100%;
        padding: 10px 0;
        height: auto;
        line-height: inherit;
		display: block;
		text-align: left;
	}
}
/*
--------------------------------------  B. MENU -----------------------------------------
*/

.header-top-right{float: right; text-align: right;}
.header-top-right .acount-btn {
  background-color: #fff;
  color: #f15a2a;
  padding: 13px;
  font-size: 16px;
    font-weight: 500;
  border: none;
}

.header-top-right .acount-menu {
  position: relative;
  display: inline-block;
}

.header-top-right .acount-content {
    border-bottom: 4px solid #f15a2a;
    /*border-radius: 3px;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding:0;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 175px;
    box-shadow: 0px 8px 16px 0px rgba(21,28,45,.5);
    z-index: 9999;
    right: 0;
}

.header-top-right .acount-content a {
    color: #232323;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.header-top-right .acount-content a:hover {background-color: #ddd;}

.header-top-right .acount-menu:hover .acount-content {display: block;}

/*.header-top-right .acount-menu:hover .acount-btn {background-color: #3e8e41;}*/

/*
======================================= 3. HEADER =======================================
*/

/*
======================================= 4. CONTAINER ====================================
*/
#main-wrapper{
	background-color: #fff;
	position:relative;
	padding: 0;
}

#main-wrapper.attention{
	overflow: hidden;
}
/*
--------------------------------------  A. ABOUT ----------------------------------------
*/
/*.about-wrapper{
	background-color: #eef0f3;
	position:relative;
	padding: 3rem 0;
}

.about-us-img {
    border: 14px solid #ffffff;
    border-radius: 5px;
    position: relative;
}
.about-us-img .social-icon {
	background: #ffffff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 50px;
	padding: 8px;
	position: absolute;
	top: 20px;
	left: -10px;
}
.about-us-img .social-icon a {
	background: #f15a2a;
	color: #ffffff;
	border-radius: 5px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin: 3px 0;
	font-size: 12px;
}

.about-us {
    padding-left: 40px;
}
.about-us .media {
    padding: 6px 0;
    line-height: normal;
}
.about-us .d-flex label {
    margin: 0;
    color: #232323;
    font-weight: 600;
    font-size: 16px;
    flex: 0 0 90px;
    border-right: 1px solid #c1c1c1;
    max-width: 125px;
}
.about-us .d-flex p {
    margin-bottom: 0;
    padding-left: 15px;
    font-size: 14px;
}
.about-us h4 {
    font-weight: 600;
    font-size: 30px;
    margin: 0 0 10px;
    color: #090a0c;
}
.about-us .about-list {
    padding-top: 10px;
}*/
/*
--------------------------------------  A. ABOUT ----------------------------------------
*/

/*
--------------------------------------  B. SERVICES -------------------------------------
*/
/*.services-wrapper{
	background-color: #fff;
	position:relative;
	padding: 3rem 0;
}*/

.services-grid{margin-bottom: 4rem;}

.services-grid-img img{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.services-grid .services-gird-info {
    background: #ffffff;
	font-family: "akapedya",sans-serif;
    margin: -30px 10px 0;
    position: relative;
    padding: 18px;
	min-height: 195px;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 19%);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 2px solid #a6a6a6;
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.services-grid:hover .services-gird-info{
	border-bottom-color: #f15a2a;
}
.services-grid:hover .services-gird-info .meta{
	background-color: #f15a2a;
}
.services-grid:hover .services-gird-info h5 a{
	color: #f15a2a;
}

.services-grid .services-gird-info .b-meta {
    margin-top: -36px;
	margin-bottom: 20px;
}

.services-grid .services-gird-info .date {
	background: #f15a2a;
	color: #ffffff;
	font-size: 0.8rem;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	padding: 4px 20px;
	position: absolute;
	top: 19px;
	right: 0px;
}

.services-grid .services-gird-info .meta {
    background: #a6a6a6;
    font-size: 1rem;
	font-weight: 600;
	color: #fff;
    border-radius: 5px;
    /*border: 1px solid #cac9c9;*/
    padding: 8px 15px;
    display: inline-block;
    vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		 -o-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
}

.services-grid .services-gird-info h5 {
    font-weight: 700;
    font-size: 1.2rem;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;	/*1.satırın sonuna 3 nokta ekler.*/
    -webkit-box-orient: vertical;
}

.services-grid .services-gird-info h5 a {
    color: #a6a6a6;
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}

.services-gird-info p {
	font-size: 1rem;
	font-weight: 500;
	color: #232222;
    margin-top: 0;
    margin-bottom: 1rem;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;	/*2.satırın sonuna 3 nokta ekler.*/
    -webkit-box-orient: vertical;
}


.services-more {
    font-weight: 600;
    font-size: 1rem;
    color: #f15a2a;
	line-height: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
	position: relative;
}

.services-more::before {
	background-color:#f15a2a;
	content:"";
	border-radius: 5px;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	height:3px;
	width:100%;
	display:block;
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
		 -o-transition:all .3s;
			transition:all .3s;

	-ms-transform:rotateY(-90deg);
	 -o-transform:rotateY(-90deg);
		transform:rotateY(-90deg);
}

.services-more:hover::before{
	 -webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	 transform:rotateY(0deg)
}

/*
--------------------------------------  B. SERVICES --------------------------------------
*/

/*
--------------------------------------  B. SERVICES -------------------------------------
*/
.services-wrapper{
	background-color: #fff;
	position:relative;
	padding: 0 0 3rem 0;
}
.services-item {
    min-height: 250px;
    text-align: center;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    border-radius: 0 0 5px 5px;
    transition: all 0.4s ease-in;
}
.services-item.one:hover {
    background: #E53B51;
}
.services-item.one:hover .services-icons::after{background-color: #E53B51;}

.services-item.two:hover {
    background: #3CB5B5;
}
.services-item.two:hover .services-icons::after{background-color: #3CB5B5;}

.services-item.three:hover {
    background: #FCD920;
}
.services-item.three:hover .services-icons::after{background-color: #FCD920;}


.services-item:hover p,
.services-item:hover h4 a {
    color: #ffffff;
}
.services-item .services-icons {
    height: 181px;
    width: 181px;
    /*  background: url(../img/service/bg.png);*/
    border-radius: 50%;
    line-height: 178px;
    display: inline-block;
    border: 4px solid #ffffff;
    margin-top: -22%;
    position: relative;
    z-index: 1;
}
.services-item .services-icons:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #f15a2a;
    top: 0;
    left: 0;
    border-radius: 50%;
    z-index: -1;
    transition: all 0.4s ease-in;
}
.services-item .services-details {
    font-family: "akapedya", sans-serif;
    padding: 25px 30px;
}
.services-item .services-details h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #f15a2a;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.services-item:hover .services-details h4{
    color: #fff;
}

.services-item .services-details h4 a {
    transition: all 0.4s ease-in;
}
.services-item .services-icons a i{
    text-align: center;
    color: #fff;
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.services-item .services-details p {
    font-size: 1rem;
    font-weight:400;
    transition: all 0.4s ease-in;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*
--------------------------------------  B. SERVICES -------------------------------------
*/


/*
--------------------------------------  C. COUNTER --------------------------------------
*/

.counter-wrapper{
	background-color: #a6a6a6;
	position:relative;
	padding: 0.6rem 0;
}

.counter_bg {
	background:#f15a2a;
    position: relative;
    margin-bottom: -50px;
    z-index: 3;

border-radius: 5px;
padding: 5px 20px;
}
.counters {
	font-family: "akapedya", sans-serif;
    padding: 5px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.counters .counter-inner{
    border: solid 1px #e88f73;
    padding: 30px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
}

.counters .count-num {
   /* padding-right: 25px;*/

    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom:10px;
}
.counters p {
    color: #ffffff;
    line-height: 1.7;
    margin: 0;
}


/*
--------------------------------------  C. COUNTER -------------------------------------
*/

/*
--------------------------------------  D. REFERENCE -----------------------------------
*/
.reference-wrapper{
	background-color: #fff;
	position:relative;
	padding: 3rem 0;
}
.reference-wrapper .swiper-slide{
	position: relative;
	overflow: hidden;
	text-align: center;
}

.reference-wrapper .swiper-slide a{
	position: relative;
}

.reference-wrapper .swiper-slide img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.reference-wrapper.alternate{
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.reference-wrapper.style-two{
	background-color: #f7f7f7;
}

.reference-wrapper.style-three{
	border-top: 2px solid #dddddd;
}


/*-----------*/
.reference-effect{
	display: flex;
	width: 100%;
	padding: 4% 2%;
	margin-bottom: 4rem;
	box-sizing: border-box;
	height: 25vh;
}
.effect-box {
	flex: 1;
	overflow: hidden;
	transition: .5s;
	margin: 0 2%;
	box-shadow: 0 20px 30px rgba(0,0,0,.1);
	line-height: 0;
}

.effect-box > img {
	width: 100% !important;
	height: calc(100% - 10vh) !important;
	object-fit: contain;
	transition: .5s;
}

.effect-box > span {
	font: normal normal 600 1.2rem/2.6 "akapedya",sans-serif;
	color: #a6a6a6;
	display: block;
	text-align: center;
	height: 10vh;
}

.effect-box:hover { flex: 1 1 50%; }
.effect-box:hover > img {
	width: 100% !important;
	height: 100% !important;
}
/*
--------------------------------------  D. REFERENCE ------------------------------------
*/

/*
--------------------------------------  E. CONTACT --------------------------------------
*/
.contact-wrapper{
	background-color: #E6E6E6;
	position: relative;
	padding: 3rem 0;
}

.social-icons {
	margin: 0;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
}
.social-icons li {
	margin: 0px 6px;
	padding: 0;
	overflow: visible;
}
.social-icons li a {
	display: block;
	height: 26px;
	line-height: 26px;
	width: 26px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.social-icons li i { line-height: inherit; }
.social-icons.social-icons-sm li {	margin: 0px 4px 4px; }
.social-icons.social-icons-sm li a { font-size: 16px; }
.social-icons.social-icons-lg li a {
	width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 1rem;
    background-color: transparent;
    border-radius: 50%;
    /* margin-left: 10px; */
    display: inline-block;
    border: 1px solid #fff;
}
.social-icons.social-icons-light li a { color: #eee; }
.social-icons.social-icons-muted li a { color: #aab1b8; }
.social-icons li:hover a {
	color: #fff;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.social-icons li:hover.social-icons-twitter a,
.social-icons.social-icons-colored li.social-icons-twitter a { background-color:#00ACEE; }

.social-icons li:hover.social-icons-facebook a,
.social-icons.social-icons-colored li.social-icons-facebook a { background-color: #3B5998; }

.social-icons li:hover.social-icons-linkedin a,
.social-icons.social-icons-colored li.social-icons-linkedin a { background-color: #0E76A8; }

.social-icons li:hover.social-icons-rss a,
.social-icons.social-icons-colored li.social-icons-rss a { background-color: #EE802F;}

.social-icons li:hover.social-icons-dribbble a,
.social-icons.social-icons-colored li.social-icons-dribbble a { background-color: #ea4c89; }

.social-icons li:hover.social-icons-github a,
.social-icons.social-icons-colored li.social-icons-github a { background-color: #333333; }

.social-icons li:hover.social-icons-behance a,
.social-icons.social-icons-colored li.social-icons-behance a { background-color: #053eff; }

.social-icons li:hover.social-icons-google a,
.social-icons.social-icons-colored li.social-icons-google a { background-color: #DD4B39; }

.social-icons li:hover.social-icons-pinterest a,
.social-icons.social-icons-colored li.social-icons-pinterest a { background-color: #cc2127; }

.social-icons li:hover.social-icons-youtube a,
.social-icons.social-icons-colored li.social-icons-youtube a { background-color: #C4302B; }

.social-icons li:hover.social-icons-instagram a,
.social-icons.social-icons-colored li.social-icons-instagram a { background-color: #3F729B; }

.social-icons li:hover.social-icons-skype a,
.social-icons.social-icons-colored li.social-icons-skype a { background-color: #00AFF0; }

.social-icons li:hover.social-icons-email a,
.social-icons.social-icons-colored li.social-icons-email a { background-color: #6567A5; }

.social-icons li:hover.social-icons-vk a,
.social-icons.social-icons-colored li.social-icons-vk a { background-color: #2B587A; }

.social-icons li:hover.social-icons-xing a,
.social-icons.social-icons-colored li.social-icons-xing a { background-color: #126567; }

.social-icons li:hover.social-icons-tumblr a,
.social-icons.social-icons-colored li.social-icons-tumblr a { background-color: #34526F; }

.social-icons li:hover.social-icons-reddit a,
.social-icons.social-icons-colored li.social-icons-reddit a { background-color: #C6C6C6; }

.social-icons li:hover.social-icons-delicious a,
.social-icons.social-icons-colored li.social-icons-delicious a { background-color: #205CC0; }

.social-icons li:hover.social-icons-stumbleupon a,
.social-icons.social-icons-colored li.social-icons-stumbleupon a { background-color: #F74425; }

.social-icons li:hover.social-icons-digg a,
.social-icons.social-icons-colored li.social-icons-digg a { background-color: #191919; }

.social-icons li:hover.social-icons-blogger a,
.social-icons.social-icons-colored li.social-icons-blogger a { background-color: #FC4F08; }

.social-icons li:hover.social-icons-flickr a,
.social-icons.social-icons-colored li.social-icons-flickr a { background-color: #FF0084; }

.social-icons li:hover.social-icons-vimeo a,
.social-icons.social-icons-colored li.social-icons-vimeo a { background-color: #86C9EF; }

.social-icons li:hover.social-icons-yahoo a,
.social-icons.social-icons-colored li.social-icons-yahoo a { background-color: #720E9E; }

.social-icons li:hover.social-icons-apple a,
.social-icons.social-icons-colored li.social-icons-apple a { background-color: #000; }

.social-icons.social-icons-colored li:hover a { background-color: #999; }


/*------------*/
.contact-form {
	background-color: #fff;
	border-radius: 5px;
	padding: 3%;
	min-height: 522px;
}

.form-group {
	position: relative;
	margin-bottom: 16px;
}
.input-focus-effect {
	position: absolute;
	bottom: -1px;
	left: auto;;
	right: 0;
	width: 0px;
	height: 2px;
	transition:ease all 0.35s;
}
.contact-form .form-group .form-control {
	background-color: transparent;
	font-size: 1rem;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	border-radius: 0;
	padding-left: 0;
	box-shadow: none;
	color:#AFAFAF;
}
.contact-form .form-group .form-control:focus + .input-focus-effect {
	background-color: #f15a2a;
    width: 100%;
    right: auto;
    left: 0;
}
.contact-form .form-group .input-focus-effect {
    position: absolute;
    bottom: -1px;
    left: auto;
    right: 0;
    width: 0px;
    height: 2px;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
}
.contact-form .contact-btn {
	margin-top: 25px;
	width: 100%;
	border: 0;
	background-color: #f15a2a;
	border-radius: 5px;
	height: 50px;
	color: #fff;
	font-weight: 500;
	font-size: 1rem;
	-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
}
.contact-form .contact-btn:hover{background-color:#a6a6a6; /*color: #232323;*/ }

.contact-form ::placeholder {
  color:rgba(81,81,81,1);
  opacity: 1; /* Firefox */
}
.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:rgba(81,81,81,1);
}
.contact-form ::-ms-input-placeholder { /* Microsoft Edge */
 color:rgba(81,81,81,1);
}

.contact-info {
	font-family: 'akapedya',sans-serif;
    background: #ffffff;
	color: #fff;
    padding: 20px;
	border-radius: 5px;
}
.contact-info:not(:first-child){margin-top: 1.2rem;}

.contact-info .icon {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    background: #f15a2a;
    font-size: 19px;
    line-height: 40px;
    margin-right: 20px;
}

.contact-info h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #a6a6a6;
    margin-bottom: 8px;
}
.contact-info p {
	font-size: 1rem;
	color: #515151;
	margin: 0;
}


.special-frm label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 20px;
}

.special-frm .label {
	font: 500 14px/22px "akapedya",sans-serif;
	text-align:left;
	color:#e1e1e1;
	display: block;
	padding:3px 2px;
	margin-bottom: 5px;
}

.special-frm .input,
.special-frm .select,
.special-frm .textarea,
.special-frm .radio,
.special-frm .checkbox{
	position: relative;
	display: block;
}

.special-frm .select:hover select{
	cursor:pointer;
}
.special-frm .select select{background-color: #fff !important;color: #232323 !important;}
.special-frm .select i {
	position: absolute;
	top: 14px;
	right: 8px;
	width: 5px;
	height: 11px;
	background: #fff;
	box-shadow: 0 0 0 5px #fff;
}
.special-frm .select i:after,
.special-frm .select i:before {
	content: '';
	position: absolute;
	right: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.special-frm .select i:after {
	bottom: 0;
	border-top: 4px solid #404040;
}
.special-frm .select i:before {
	top: 0;
	border-bottom: 4px solid #404040;
}
.special-frm .select-multiple select {
	height: auto;
}


.special-frm .input input,
.special-frm .select select,
.special-frm .textarea textarea {
	background: transparent;
	font: 400 14px/22px 'akapedya',sans-serif;
	color: 232323;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	width: 100%;
	height: 45px;
	padding: 10px;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.special-frm .input input,
.special-frm .select select,
.special-frm .textarea textarea,
.special-frm .radio i,
.special-frm .checkbox i{
	border-color: rgba(166,172,167,0.8);
			transition: border-color 0.3s;
		 -o-transition: border-color 0.3s;
		-ms-transition: border-color 0.3s;
	   -moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.special-frm .input:hover input,
.special-frm .select:hover select,
.special-frm .textarea:hover textarea,
.special-frm .radio:hover i,
.special-frm .checkbox:hover i{
	border-color: #f15a2a;
}
.special-frm .input input:focus,
.special-frm .select select:focus,
.special-frm .textarea textarea:focus,
.special-frm .radio input:focus + i,
.special-frm .checkbox input:focus + i{
	border-color: #f15a2a;
}

.special-frm .input input::-moz-placeholder,
.special-frm .select select::-moz-placeholder,
.special-frm .textarea textarea::-moz-placeholder{
	font: 400 14px/22px 'akapedya',sans-serif;
	color:rgba(87,90,97,1);
}

.special-frm .input input:focus::-moz-placeholder,.special-frm .input input:active::-moz-placeholder,
.special-frm .select select:focus::-moz-placeholder,.special-frm .select select:active::-moz-placeholder,
.special-frm .textarea textarea:focus::-moz-placeholder,.special-frm .textarea textarea:active::-moz-placeholder{
	font: 400 14px/22px 'akapedya',sans-serif;
	color:rgba(87,90,97,1);
}

.special-frm .radio input + i:after {background-color: #f15a2a;}
.special-frm .checkbox input + i:after {color: #f15a2a;}
.special-frm .radio input:checked + i,
.special-frm .checkbox input:checked + i,
.special-frm .toggle input:checked + i {
	border-color: #f15a2a;
}
.special-frm .rating input:checked ~ label {color: #f15a2a;}


.special-frm .textarea textarea {
	height: auto;
	resize: none;
}
.special-frm .textarea-expandable textarea {
	height: 45px;
}
.special-frm .textarea-expandable textarea:focus {
	height: auto;
}
.special-frm .textarea textarea{resize: none;}


.special-frm .radio,
.special-frm .checkbox {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 15px;
	line-height: 27px;
	color: #404040;
	cursor: pointer;
}
.special-frm .radio:last-child,
.special-frm .checkbox:last-child {
	margin-bottom: 0;
}
.special-frm .radio input,
.special-frm .checkbox input {
	position: absolute;
	left: -9999px;
}
.special-frm .radio i,
.special-frm .checkbox i {
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	outline: none;
}
.special-frm .radio i {
	border-radius: 50%;
}
.special-frm .radio input + i:after,
.special-frm .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.special-frm .radio input + i:after {
	content: '';
	top: 5px;
	left: 5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.special-frm .checkbox input + i:after {
	content: '\f00c';
    top: 0px;
    left: 0px;
    width: 15px;
    height: 15px;
    font: normal bold 13px/16px "Font Awesome 5 Pro";
    text-align: center;
}
.special-frm .radio input:checked + i:after,
.special-frm .checkbox input:checked + i:after {
	opacity: 1;
}
.special-frm .inline-group {
	margin: 0 -30px 20px 0;
}
.special-frm .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.special-frm .inline-group .radio,
.special-frm .inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.special-frm .inline-group .radio:last-child,
.special-frm .inline-group .checkbox:last-child {
	margin-bottom: 4px;
}

.special-frm .inline-group .radio, .special-frm .inline-group .checkbox{
	margin-top: 0px;
}


/*-------------------*/
.special-frm .tooltip {
	background: rgba(0,0,0,0.9);
	font-size: 11px;
	line-height: 16px;
	font-weight: 400;
	color: #fff;
	border-radius: 2px;
	position: absolute;
	left: -9999px;
	z-index: 1;
	padding: 2px 8px 3px;
	opacity: 0;
			transition: margin 0.3s, opacity 0.3s;
		 -o-transition: margin 0.3s, opacity 0.3s;
		-ms-transition: margin 0.3s, opacity 0.3s;
	   -moz-transition: margin 0.3s, opacity 0.3s;
	-webkit-transition: margin 0.3s, opacity 0.3s;
}
.special-frm .tooltip:after {
	content: '';
	position: absolute;
}
.special-frm .input input:focus + .tooltip,
.special-frm .textarea textarea:focus + .tooltip {
	opacity: 1;
}

.special-frm .tooltip-top-right {
	bottom: 100%;
	margin-bottom: 15px;
}
.special-frm .tooltip-top-right:after {
	top: 100%;
	right: 16px;
	border-top: 4px solid rgba(0,0,0,0.9);
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-top-right,
.special-frm .textarea textarea:focus + .tooltip-top-right {
	right: 0;
	left: auto;
	margin-bottom: 5px;
}

.special-frm .tooltip-top-left {
	bottom: 100%;
	margin-bottom: 15px;
}
.special-frm .tooltip-top-left:after {
	top: 100%;
	left: 16px;
	border-top: 4px solid rgba(0,0,0,0.9);
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-top-left,
.special-frm .textarea textarea:focus + .tooltip-top-left {
	right: auto;
	left: 0;
	margin-bottom: 5px;
}

.special-frm .tooltip-right {
	top: 9px;
	white-space: nowrap;
	margin-left: 15px;
}
.special-frm .tooltip-right:after {
	top: 6px;
	right: 100%;
	border-top: 4px solid transparent;
	border-right: 4px solid rgba(0,0,0,0.9);
	border-bottom: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-right,
.special-frm .textarea textarea:focus + .tooltip-right {
	left: 100%;
	margin-left: 5px;
}

.special-frm .tooltip-left {
	top: 9px;
	white-space: nowrap;
	margin-right: 15px;
}
.special-frm .tooltip-left:after {
	top: 6px;
	left: 100%;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid rgba(0,0,0,0.9);
}
.special-frm .input input:focus + .tooltip-left,
.special-frm .textarea textarea:focus + .tooltip-left {
	right: 100%;
	left: auto;
	margin-right: 5px;
}

.special-frm .tooltip-bottom-right {
	top: 100%;
	margin-top: 15px;
}
.special-frm .tooltip-bottom-right:after {
	bottom: 100%;
	right: 16px;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(0,0,0,0.9);
	border-left: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-bottom-right,
.special-frm .textarea textarea:focus + .tooltip-bottom-right {
	right: 0;
	left: auto;
	margin-top: 5px;
}

.special-frm .tooltip-bottom-left {
	top: 100%;
	margin-top: 15px;
}
.special-frm .tooltip-bottom-left:after {
	bottom: 100%;
	left: 16px;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(0,0,0,0.9);
	border-left: 4px solid transparent;
}
.special-frm .input input:focus + .tooltip-bottom-left,
.special-frm .textarea textarea:focus + .tooltip-bottom-left {
	right: auto;
	left: 0;
	margin-top: 5px;
}
.special-form .select-list {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 47px;
}
/*
--------------------------------------  E. CONTACT --------------------------------------
*/

/*
--------------------------------------  F. INFOBANK -------------------------------------
*/
.information-wrapper{
	background-color: #fff;
	font-family: "akapedya",sans-serif;
	position: relative;
	padding: 0 0 3rem 0;
}

.quick-item {
    margin-bottom: 30px;
    text-align: center;
}
.quick-item a{
	color:#232323;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.quick-item a:hover{color: #a6a6a6;}
.quick-item h4 {
    font-size: 1.3rem;
	font-weight: 700;
    margin: 17px 0 0;
}
.quick-item p {
    margin-top: 6px;
}
.quick-item i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #f15a2a;
    text-align: center;
    color: #fff;
    background-color: #f15a2a;
    font-size: 2rem;
    display: inline-block;
    -webkit-clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.quick-item:hover i {
    background-color: #a6a6a6;
    border-color: #a6a6a6;
    color: #fff;
}
/*
--------------------------------------  F. INFOBANK -------------------------------------
*/

/*
--------------------------------------  G. MORE  ----------------------------------------
*/
.details-wrapper {
	min-height:100%;
	margin-bottom: 30px;
	position: relative;
}
.details-wrapper .details-image img{
	width: 100%;
	height: auto;
	vertical-align: middle;
	border-radius: 5px;
}

.details-wrapper .details-body {padding: 10px 0px 30px;color: #232323;}

.details-wrapper .details-body .details-title {
	font:normal normal 700 22px/28px "akapedya",sans-serif;
	margin:0 0 20px 0;
	padding-top: 32px;
}
.details-wrapper .details-body .details-title a {
	color: #232323;
	-webkit-transition: all ease 500ms;
		 -o-transition: all ease 500ms;
			transition: all ease 500ms;
}
.details-wrapper .details-body .details-title a:hover {
	color: #f15a2a;
}

.details-content{font-size: 14px;}
.details-content .inside p{margin: 0 0 20px;}

.details-wrapper .details-body .details-content .details {
	display: block;
	/*float: right;*/
	margin-top: 5px;
	margin-right: 0;
}
.details-wrapper .details-body .details-content .details a {
	margin-right: 0;
	color: #f15a2a;
}
.details-wrapper .details-body .details-content .details a i {
	border-radius: 0;
	border: none;
	font-size: 16px;
	margin-left: 5px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.details-wrapper .details-body .details-content .details a:hover i{
	color:#f15a2a;
	margin-left: 10px;
}


/*----------*/
.details-wrapper .details-tags {
	border-bottom:1px solid rgba(166,172,167,.6);
	padding: 8px 0 15px;
	/*margin-bottom: 20px;*/
}
span[class*="vr-"]:not([title]),
span[class*="vrr-"]:not([title]) {
	margin-right: 10px;
	padding: 5px 0;
	display: inline-block;
}
.details-wrapper .details-tags span em{font-style: normal;}

.details-wrapper .details-tags span .vote i.fa {
    font-size: 16px;
    margin-right: 5px;
}
.details-wrapper .details-tags span i.fa{
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
.details-wrapper .details-tags span:hover a,
.details-wrapper .details-tags span:hover i.fa {color: #f15a2a;}

.details-wrapper .details-tags a {
	font:normal normal 500 13px/22px "akapedya",sans-serif;
	color: #232323;
	margin:0 5px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}

/*----*/
.details-wrapper .details-tags span a.aa.default,
.details-wrapper .details-tags span a.aa.plus,
.details-wrapper .details-tags span a.aa.minus{
	color: #232323;
	font-size: 13px;
	font-weight: 700;
	border: 1px solid rgba(166,172,167,0.6);
	border-radius: 5px;
	margin: 0 5px 0 0;
	padding:5px 11px;
	cursor: pointer;
}
.details-wrapper .details-tags span a.aa.default:hover,
.details-wrapper .details-tags span a.aa.plus:hover,
.details-wrapper .details-tags span a.aa.minus:hover{
	background-color: #f15a2a;
	color: #fff;
	text-decoration: none;
	border:1px solid #f15a2a;
	cursor: pointer;
}
.details-wrapper .details-tags span a.aa.disabled{
	background-color: #f15a2a;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	border: 1px solid rgba(75,218,212,1);
	margin: 0 5px 0 0;
	padding:5px 11px;
	cursor: pointer;
}


/*---------*/
/*
--------------------------------------  G. MORE  ----------------------------------------
*/

/*
--------------------------------------  H. NEWSLATTER  ----------------------------------
*/
.newslatter-wrapper {
    background: transparent url("..//files/newslatter.jpg") no-repeat scroll center bottom/cover;
    position: relative;
	padding: 4rem 0;
}
.newslatter-wrapper::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
}
.bulten-content {
    position: relative;
    z-index: 1;
}
.bulten-info{
	font-family: "akapedya", sans-serif;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.4rem;
	color: #fff;
	margin-bottom: 1.3rem;
	text-align: center;
}
.bulten-info h3{
	font-size:1.5rem;
	font-weight: 300;
	margin-bottom: 10px;
}
.bulten-info span{
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1.6rem;
}
.bulten-info>p {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 400;
    margin-bottom: 24px;
}
.bulten-form input {
    background-color: inherit;
    border: 1px solid #cacaca;
    border-radius: 50px;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    color: #fff;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    height: 50px;
    margin-bottom: 20px;
    outline:0;
    padding: 0 20px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 100%;
    margin-right: 30px;
    text-align: center;
}
.bulten-form input:active,
.bulten-form input:focus{
	border:1px solid #f15a2a;
	color: #f15a2a;
}
.bulten-form button.submit {
    padding: 14px 20px;
    font-size: 14px;
}
.bulten-form button.submit {
    background-color: #f15a2a;
    border: inherit;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 12px 20px;
    width: 100%;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.bulten-form button.submit:hover {
    background-color: #cacaca;
}
.bulten-form button.submit i {
    font-size: 14px;
    padding-left: 12px;
}

.bulten-form ::placeholder {
  color:rgba(255,255,255,0.5);
  opacity: 1; /* Firefox */
}
.bulten-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:rgba(255,255,255,0.5);
}
.bulten-form ::-ms-input-placeholder { /* Microsoft Edge */
 color:rgba(255,255,255,0.5);
}
/*
--------------------------------------  H. NEWSLATTER  ----------------------------------
*/

/*
--------------------------------------  I. SHOWCASE -------------------------------------
*/
#gallery-wrapper {
    background-color: #fff;
    position: relative;
    padding: 3rem 0 0;
}
.showcase-inner {
	margin:0;
	padding:0;
	/*background-color:#f15a2a;*/
}
.showcase-inner header {
	background-color:#fff;
	position:relative;
	margin-bottom:0;
	padding:30px 0
}
.showcase-inner header:before {
	content:'';
	position:absolute;
	border-width:20px 20px 0 20px;
	border-style:solid solid solid solid;
	border-color:#fff transparent #fff;
	bottom:-15px;
	left:50%;
	z-index:2;
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.showcase-inner ul {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:0;
	margin:0;
	padding:0
}
.showcase-inner ul li {
	position:relative;
	background-size:cover;
	background-position:center;
	display:block;
	width:100%;
	height:30vh;
	overflow:hidden;
	-moz-transition:width .5s;
	-o-transition:width .5s;
	-webkit-transition:width .5s;
	transition:width .5s
}
.showcase-inner ul li>a {
	position:absolute;
	width:100%;
	height:100%;
	-moz-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	z-index:99
}
.showcase-inner ul li:hover>a {
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.showcase-inner ul li.more {
	background-color:#f15a2a;
	position:relative;
	height:100px
}
.showcase-inner ul li.more:hover {
	background-color: #a6a6a6;
}
.showcase-inner ul li.more a {
	position:absolute;
	width:100%;
	height:100%
}
.showcase-inner ul li.more .more-icon {
	font-size:70px;
	color:#fff;
	position:absolute;
	left:50%;
	top:50%;
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.showcase-inner ul li.more .more-icon,
.showcase-inner ul li.more .more-icon span {
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
.showcase-inner ul li.more .more-icon span {
	display:inline-block
}
.showcase-inner ul li.more .more-icon span:before,
.showcase-inner ul li.more .more-icon span:after {
	position:absolute;
	left:50%;
	top:50%;
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
	white-space:nowrap
}
.showcase-inner ul li.more .more-icon span:before {
	content:attr(data-title-show);
	opacity:0;
	font-size:16px
}
.showcase-inner ul li.more .more-icon span:after {
	content:attr(data-title-hide);
	opacity:1
}
.showcase-inner ul li.more:hover .more-icon span:before {
	opacity:1
}
.showcase-inner ul li.more:hover .more-icon span:after {
	opacity:0
}
@media(min-width:992px) {
	.showcase-inner ul li.more,
	.showcase-inner ul li.more.inactive {
		width:5%
	}
	.showcase-inner ul li.more.active {
		width:28%
	}
	.showcase-inner ul li.more.more {
		height:100%
	}
}
.showcase-inner ul li.inactive,
.showcase-inner ul li.active {
	width:100%
}
@media(min-width:992px) {
	.showcase-inner ul li {
		width:19%;
		height:100%;
		display:inline-block
	}
	.showcase-inner ul li.inactive {
		width:15%
	}
	.showcase-inner ul li.active {
		width:35%
	}
}
.showcase-inner ul li .logo {
	opacity:1;
	position:absolute;
	width:100%;
	height:100%;
	-moz-transition:opacity .2s;
	-o-transition:opacity .2s;
	-webkit-transition:opacity .2s;
	transition:opacity .2s;
	font-size:initial;
	color:#fff
}
.showcase-inner ul li .logo img,
.showcase-inner ul li .logo .text {
	font: 700 24px/32px "akapedya", sans-serif;
	position:absolute;
	left:50%;
	top:50%;
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.showcase-inner ul li .logo .text {
	text-align:center
}
.showcase-inner ul li .logo .text .far {
	font-size:2.5rem;
}
.showcase-inner ul li .logo .text .text-intro {
	display:block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.showcase-inner ul li:hover .logo {
	opacity:0
}
.showcase-inner ul li figure {
	background-color:rgba(153,153,153,.5);
	color:#fff;
	position:absolute;
	z-index:9;
	font-size:initial;
	margin: 0;
	padding:20px 10px;
	width:100%;
	left:0;
	bottom:0;
	-moz-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
.showcase-inner ul li figure h4 {
	font: 700 20px/26px "akapedya",sans-serif;
	color: #fff;
	margin-bottom:0
}
@media(min-width:992px) {
	.showcase-inner ul li figure {
		padding:20px 30px
	}
}
.showcase-inner ul li:hover figure {
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
@media(min-width:992px) {
	.showcase-inner ul {
		height:500px;
		white-space:nowrap
	}
	.showcase-inner.showcase-inner-frontpage ul {
		height:100vh
	}
	.showcase-inner.showcase-inner-frontpage ul li figure {
		bottom:20%;
		-moz-transform:translate3d(-100%,0,0);
		-ms-transform:translate3d(-100%,0,0);
		-o-transform:translate3d(-100%,0,0);
		-webkit-transform:translate3d(-100%,0,0);
		transform:translate3d(-100%,0,0);
		overflow:hidden;
		padding:50px 30px
	}
	.showcase-inner.showcase-inner-frontpage ul li:hover figure {
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
/*
--------------------------------------  I. SHOWCASE -------------------------------------
*/

/*
--------------------------------------  J. ACTIVITY ----------------------------------------
*/
#activity-wrapper{
	background-color: #f2f2f2;
    position: relative;
    padding: 5.5rem 0 2.5rem 0;;
}

.activity-step {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px 15px;
    overflow: hidden;
}

.activity-img {
	width: 50%;
	display: inline-block;
	float: left;
	padding-right: 30px;
	position: relative;
}
.activity-img > img {
    width: 100%;
	border-radius: 5px;
    max-height: 183px;
}

/*----------*/
.activity-date {
    background-color: #f15a2a;
    color: #fff;
    padding: 3px 18px 8px;
	border-radius: 5px;
    position: absolute;
    right: 19px;
    text-align: center;
    top: -10px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.activity-date span{
    display: block;
    font-size: 20px;
    font-weight: bold;
}
.activity-date span + span {
    font-size: 13px;
    font-weight: 600;
}

.activity-step:hover .activity-date {
    background-color: #a6a6a6;
}

.activity-inner {
    margin-top:0;
}
.activity-title {
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 0 0 7px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.activity-title > a {
    color: #232323;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.activity-tags {
    color: #232323;
    font-size: 0.8rem;
    font-weight: 400;
    margin: 12px 0 15px;
}
.activity-tags > span:not(:last-child){
    border-right: 2px solid #aaa;
    padding-right: 9px;
}
.activity-tags > span:not(:first-child){
	margin-left: 11px;
}
.activity-tags > span i{
    margin-right: 7px;
    color: #f15a2a;
}
.activity-content > p {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.2rem;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.activity-step:hover .activity-inner .activity-title > a,
.activity-step:hover .readmore > a {
    color: #f15a2a;
}
.activity-step:hover .activity-title{color: #f15a2a!important;}
.activity-step:hover .readmore > a {
    padding-left: 30px;
}

.activity-step .readmore > a::before {
	bottom: 6px;
	left: 0;
}
.activity-step:hover .readmore > a::before {
    opacity: 1;
}

.activity-inner .readmore > a {
    color: #a6a6a6;
    font-size: 13px;
    position: relative;
}

.activity-inner .readmore > a::before {
    background: #f15a2a none repeat scroll 0 0;
    bottom: 7px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 24px;
    opacity: 0;
}
/*----------*/

/*
--------------------------------------  J. ACTIVITY ----------------------------------------
*/
/*
--------------------------------------  K. PROJECT --------------------------------------
*/
#project-wrapper{
	background-color: #fff;
    position: relative;
    padding: 3rem 0;
}
.project {
    position: relative;
	padding-top: 35px;
}
.project-img {
    position: relative;
}
.project-img-thumb {
	border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.project-img-thumb::before {
    content: "";
    position: absolute;
    background-image: -moz-linear-gradient(90deg, #3a3d3e 0%, rgba(58, 61, 62, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #3a3d3e 0%, rgba(58, 61, 62, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #3a3d3e 0%, rgba(58, 61, 62, 0) 100%);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}
.project-img-thumb img {
    max-height: 306px;
    display: block;
    width: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.project:hover .project-img-thumb img {
    transform: scale(1.1);
}
.project-img span {
    color: #b5b5b5;
    font-family: "akapedya", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
	border-radius: 5px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 16px 32px 0px rgba(58, 61, 62, 0.2);
    position: absolute;
    right: 30px;
    top: -40px;
    width: 70px;
    height: 70px;
    z-index: 1;
}
.project-img span b {
    color: #a6a6a6;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    display: block;
    padding-top: 9px;
    margin-bottom: 5px;
}
.project-content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 35px;
    z-index: 1;
}
.project-content .tag {
    background: #f15a2a;
    font-family: "akapedya", sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
	border-radius: 5px;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.project-content .project-title {
    line-height: 1.3;
    color: #ffffff;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.project:hover .project-content .project-title {
    color: #f15a2a;
}
.project-title {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 500;
}
.project-title a:hover{color: #fff;}
.project-content-meta span {
    color: #ddd;
    font-size: 14px;
    font-family: "akapedya", sans-serif;
    font-weight: 500;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.project-content-meta span i {
    color: #f15a2a;
    font-size: 14px;
	padding-right: 5px;
}
/*
--------------------------------------- K. PROJECT --------------------------------------
*/

/*
--------------------------------------- L. WRITING --------------------------------------
*/
#writing-wrapper{
    position: relative;
    padding: 3rem 0 3rem;
}
.single-writing{
    font-family: "akapedya", sans-serif;
}
.single-writing .singlewriting-img {
    position: relative;
}
.single-writing .writing-content {
    margin-top: 25px;
}
.single-writing .singlewriting-img img {
    width: 100%;
    border-radius: 5px;
}
.single-writing .writing-date {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #464751;
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding: 28px 14px;
    line-height: 26px;
    z-index: 3;
}
.single-writing .writing-date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-clip-path: polygon(100% 0,0 100%,0 0);
    clip-path: polygon(100% 0,0 100%,0 0);
    background: #f15a2a;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 5px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}
.single-writing .writing-date span {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
}
.single-writing .writing-content h3 {
    font-size: 22px;
    margin-bottom: 13px;
    line-height: 31px;
}

/*-------------------*/
.writing-box .single-writing {
    margin-bottom: 15px;
    min-height: 85px;
}

.writing-box .single-writing .writing-content {
    position: relative;
    margin-top: 0;
    padding-left: 120px;
}
.writing-box .single-writing .writing-content .writing-date {
    left: 0;
    bottom: auto;
    top: 0;
    border-radius: 5px;
}

.single-writing .writing-date {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #464751;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    padding: 16px 12px;
    border-radius: 5px;
    line-height: 26px;
    z-index: 3;
}
.writing-box .single-writing .writing-content h3 {
    font-size: 19px;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 24px;
}

.single-writing .writing-content h3 {
    color: #f15a2a;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.single-writing .writing-content h3 a{
    color: #f15a2a;
}
.single-writing .writing-content h3 a:hover{
    color: rgba(241,90,42, 0.8);
}
.writing-content p{
    color: #232323;
    font-size: 1rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.single-writing:hover .writing-date::before {
    -webkit-clip-path: polygon(100% 6%,0 100%,100% 100%);
    clip-path: polygon(100% 6%,0 100%,100% 100%);
}
/*
--------------------------------------- L. WRITING --------------------------------------
*/

/*
--------------------------------------- M. FAQ ------------------------------------------
*/
#faq-wrapper{
    background-color: #fff;
    position: relative;
    padding: 3rem 0 0;
}
/*
--------------------------------------- M. FAQ ------------------------------------------
*/



/*
======================================= 4. CONTAINER ====================================
*/

/*
======================================= 5. MORE CONTAINER ===============================
*/
/*
--------------------------------------- A. MORE TITLE -----------------------------------
*/
#headline-more-wrapper {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 385px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
 #headline-more-wrapper::before {
    content: "";
    background-color:rgba(0,0,0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.page-title-wrapper{
    font-family: "akapedya", sans-serif;
   /* margin-top: 8rem;*/
    padding:11rem 0 2rem;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 50%);
    position: relative;
    margin: 0 0 15px;
    padding-bottom: 10px;
}

.page-title-wrapper h3 {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2;
}
.page-title-wrapper h3:hover::before {
    width: 85px;
    margin-left: -40px;
}
.page-title-wrapper h3:before {
    background: #f15a2a;
    content: "";
    width: 50px;
    height: 3px;
    margin-left: -25px;
    border-radius: 5px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

ul.mt-list li {
    color:#fff;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	display:inline-block;
}
.mt-list > li.active {
    color:#f15a2a;
}
.mt-list li a:hover {
    color: #f15a2a;
}
.mt-list > li > a {
    color: #fff;
    text-decoration: none;
}
.mt-list li a:hover { color:#f15a2a;}
.mt-list li a i {
    color: #fff;
    font-size: 16px;
    margin-right: 12px;
}


ul.mt-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
    justify-content: center;
}
/*ul.mt-list li a {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.3px;
    margin-right: 14px;
}*/
ul.mt-list li a i {
    font-size: 0.8rem;
    line-height: 1;
    margin-left: 6px;
}

/*
--------------------------------------- A. MORE TITLE -----------------------------------
*/

/*
--------------------------------------- B. MORE CONTENT ---------------------------------
*/
/*-------- LEFT ----------*/
.more-content-wrapper{
    padding: 3rem 0 3rem;
}
.sidebar-more-left{
    border: 0;
}
.sidebar-more-left ul.more-tags{
    margin: 0.7rem 0 0.7rem 0;
    padding:8px 0 15px;
    list-style: none;
    border-bottom: 1px solid rgba(166,172,167,.6);
}
.sidebar-more-left ul.more-tags li{
    font-size: 0.9rem;
    font-weight: 400;
    color: #596277;
    /*margin-right: 15px;*/
    padding-right: 15px;
    position: relative;
    display: inline-block;
}
/*.sidebar-more-left ul.more-tags li:first-child::before{
    content: "";
    border-radius: 50%;
    background: #f15a2a;
    position: absolute;
    right: -3px;
    top: 11px;
    width: 5px;
    height: 5px;
    z-index: 1;
}*/
.sidebar-more-left ul.more-tags li i{
    font-size: 1rem;
    margin-right: 5px;
}
/*.sidebar-more-left ul.more-tags li:last-child {
    color: #a6a6a6;
}*/
h3.content-title{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}
h3.content-title a {
	color: #232323;
	-webkit-transition: all ease 500ms;
		 -o-transition: all ease 500ms;
			transition: all ease 500ms;
}
h3.content-title a:hover {
	color: #f15a2a;
}
.more-content{
    font: normal normal 400 1rem/1.2rem "akapedya", sans-serif;
    color: #232323;
}

.more-img-box img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: 5px;
}
.more-quote {
    background: #f2f2f2;
    color: #a6a6a6;
    padding: 31px 80px 31px 40px;
    border-left: 2px solid #f15a2a;
    border-radius: 5px;
}
.more-quote h6{
    color: #232323;
    font-size: 20px;
    line-height: 1.6;
}
.more-quote span {
    color: #f15a2a;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}
.more-quote span i {
    color: #f15a2a;
    font-size: 18px;
    line-height: 1;
    margin-right: 5px;
    transform: translateY(2px);
}


/*-------- LEFT ----------*/

/*-------- RIGHT ----------*/
.more-widget{
    margin-bottom: 30px;
}
.more-widget .inner-content{
    border:1px solid rgba(166,172,167,.6);
    padding: 2rem;
    border-radius: 5px;
}

h4.widget-title{
	font:normal normal 600 1.3rem/1.8rem "akapedya",sans-serif;
	color:#232323;
	margin-bottom: 2.2rem;
	position: relative;
}
h4.widget-title::before {
    background:#f15a2a  none repeat scroll 0 0;
    content: "";
	border-radius:3px;
    display: block;
    height: 2px;
    margin: 10px 0 0 0;
    width: 20px;
	bottom: -5px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

h4.widget-title:hover::before{width: 35px;}
h4.widget-title span{
	font-weight:bold;
}

/*---------*/
ul.list-category {
    padding: 0;
	display:block;
    list-style: none;
}
ul.list-category li a {
	font: normal normal 400 0.9rem/1.2rem 'akapedya',sans-serif;
    /*color: #a6a6a6;*/
	position:relative;
	display:block;
	padding:10px 0;
	border-bottom:1px solid rgba(166,172,167,.6);
}
ul.list-category li a,
ul.list-category li a:focus,
ul.list-category li a:active {
	color: #232323;
}
ul.list-category li a:hover {
	color: #f15a2a;
}
ul.list-category li a::before {
	position:absolute;
	content:'';
	bottom:-1px;
	left:0;
	height:3px;
	width:0;
	background:#f15a2a;
	transition:all .3s ease
}
ul.list-category li a.active::before {width:50px}
ul.list-category li a:hover:not(.active)::before {width:100%;}

/*------------*/
ul.widget-ticket{
    list-style: none;
    padding: 0;
}
ul.widget-ticket li {
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 4px;
}
ul.widget-ticket li a {
	border: 1px solid rgba(241,90,42,.9);
	border-left: 3px solid rgba(241,90,42,.9);
	border-radius: 5px;
	display: block;
	padding: 5px 20px;
	color: #f15a2a;
    font-size: 0.9rem;
    font-weight: 400;
	-webkit-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
ul.widget-ticket li a:hover {
	background-color: rgba(241,90,42,.8);
	border-style: solid;
	border:1px 1px 1px 3px;
	border-color: #f15a2a;
	color: #fff;
}
ul.widget-ticket li:last-child {margin-bottom: 0;}

/*------------------*/
ul.featured-list{
    font-family: "akapedya", sans-serif;
    padding: 0;
	display:block;
    list-style: none;
}
.featured-item {
    display: flex;
    align-items: center;
}
.featured-img img{
   /* margin-right: 25px;*/
    width: 80px;
    /* max-width: 100%; */
    height: 100%;
    margin-right: 8px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.featured-content h5 {
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom:0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;        /*Hangi Satırdan Sonra 3 nokta koyulacak.*/
    -webkit-box-orient: vertical;
}
.featured-content h5 a{
    color: #232323;
    font-size: 0.9rem;
    font-weight: 400;
	-webkit-transition: all ease 500ms;
		 -o-transition: all ease 500ms;
			transition: all ease 500ms;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.featured-content h5 a:hover {
	color: #f15a2a;
}
.featured-content p{
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 28px;
    color: #596277;
    margin-bottom: 0;
}
.featured-content p i {
    font-size: 1rem;
    margin-right: 7px;
}

/*-------- RIGHT ----------*/
.more-content-social {
    display: flex;
    align-items: center;
}
.more-content-social span {
    font-family: "akapedya", sans-serif;
    color: #f15a2a;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}
.more-content-social a {
    background: none;
    color: #596277;
}
.more-content-social a:hover {
    color: #f15a2a;
}
.more-content-social a {
    font-size: 1rem;
    line-height: 40px;
    /*background: #f2f2f2;*/
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0 3px;
}
.more-content-social a i:first-child {
    left: -60px;
}
.more-content-social a:hover i:first-child {
    left: 0;
}
.more-content-social a i {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.more-content-social a:hover i:last-child {
    left: 50px;
}
.more-content-social a i {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

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

.contact-wrap {
    background-color: #fff;
    position: relative;
    margin-bottom: -160px;
    z-index: 3;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-right: 50px;
    margin-left: 50px;
    box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 4%);
}
.contact-wrap .subcontact-form{
    padding-right: 30px;
    padding-left: 30px;
}
.subcontact-form .sky-form footer{
    border-top: none;
}
.subcontact-title {
    text-align: center;
    margin-bottom: 50px;
}
.subcontact-title h3 {
    font: 700 28px/36px 'akapedya', sans-serif;
    color: #232323;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    display: inline-block;
}
.subcontact-title p {
    font: 500 14px/22px 'akapedya', sans-serif;
    color: #232323;
    margin: 0 0 20px 0;
    padding: 0;
}
.subcontact-title h3:after {
    background-color: #f15a2a;
    position: absolute;
    content: '';
    left: 100%;
    margin-left: 10px;
    width: 40px;
    height: 2px;
    bottom: 8px;
    border-radius: 5px;
}

/*
----------------------------------------------- H. DOWNLOAD FILES ---------------------------------------------
*/
.download-files {
    width:100%;
}
.download-files a {
    background: #f15a2a;
    font: 400 1rem/1.2rem "akapedya",sans-serif;
    color: #fff;
    text-align: left;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 10px;
    position: relative;
    z-index: 999;
    transition: all 0.4s ease 0s;
}
.download-files a:hover {
    color:#fff;
    background-color: rgba(60,181,181, 1);
}
.download-files a i.fal {
    font-size: 1.7rem;
    float: right;
}

/*
----------------------------------------------- H. DOWNLOAD FILES ---------------------------------------------
*/

/*
--------------------------------------- B. MORE CONTENT ---------------------------------
*/
/*
---------------------------------------  C. EVENT CALENDAR -------------------------------
*/
.eventcalendar-info span {
    font-family: "akapedya", sans-serif;
    color:#f15a2a;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}
.eventcalendar-img img{
    max-height: 60px;
     width: 80px;
   /* max-width: 100%;*/
    height: 100%;
	margin-right: 8px;
	border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.eventcalendar-info span i {
    font-size: 12px;
    color: #f15a2a;
    margin-right: 5px;
}
.eventcalendar-info h6 {
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: -0.3px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}
.eventcalendar-info h6 a{color: rgba(255,255,255,.8);}
.eventcalendar-info h6 a:hover{color:#f15a2a;}
/*
-------------------------------------- C. EVENT CALENDAR -------------------------------
*/

/*
-------------------------------------- D. CONTACT MAPS ---------------------------------
*/
.contact-maps {
    min-height: 450px;
    /*padding-top: 60px;*/
}
.contact-maps #map,.contact-maps #map- {
    border-top: 4px solid #f15a2a;
    width: 100%;
    height: 500px;
}

/*-------------*/
.address-wrapper{ margin:0 0 50px 0;}

.address-wrapper .add-item{
	margin: 0px 0 25px;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
}

.address-wrapper .add-item:last-child{margin-bottom: 0;}

.address-wrapper .add-item:hover {color: #f15a2a;}
.address-wrapper .add-item:hover .add-effect span:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.address-wrapper .add-item:hover .add-effect i.fa{ color:#f15a2a;border-color: #f15a2a;}
.address-wrapper .add-item:hover .ftext h4,
.address-wrapper .add-item:hover .ftext p{ color:#f15a2a;}

.address-wrapper .add-item .fa {
    font-size: 28px;
	color:#fff;
    border: 1px solid rgba(236,108,32,1);
	border-radius: 3px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.address-wrapper .add-item .ftext{display: table-cell;}
.address-wrapper .add-item .ftext h4{
	font: 700 1rem/1.2rem 'akapedya',sans-serif;
	color:#232323;
	text-align:left;
	margin: 0;
}
.address-wrapper .add-item .ftext p{
	font-family:'akapedya',sans-serif;
	color:#232323;
    margin: 0;
    padding-top: 3px;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.1rem;

}

/*--------*/
.add-effect{
	display:table-cell;
	vertical-align: top;
	padding-right: 10px;
}

.add-effect span{
	background-color: #f15a2a;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.add-effect span:before {
	background:#fff;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.add-effect:hover,
.add-effect:focus,
.add-effect:active {
	color: #f15a2a;
}
.add-effect:hover:before,
.add-effect:focus:before,
.add-effect:active:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.add-effect:hover i.fa{ color:#f15a2a;}

/*
-------------------------------------- D. CONTACT MAPS ---------------------------------
*/
/*
-------------------------------------- E. ABOUT ----------------------------------------
*/
/*@media (min-width: 992px){
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}*/
.about-image img {
    width: 100%;
    border-radius: 5px;
}
.about-content {
    background: #f15a2a;
    font-family:"akapedya", sans-serif;
    color: #fff;
    padding: 45px;
    margin-top: 140px;
    margin-left: -100px;
    border-radius: 5px;
}
.about-content h2 {
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    display: inline-block;
    z-index: 1;
    text-transform: capitalize;
    margin-top: -5px;
}
.about-content p {
    font-size: 1rem;
    font-weight: 400;
    margin: 15px 0 0;
}

/*
-------------------------------------- E. ABOUT ----------------------------------------
*/
/*
-------------------------------------- F. STUDENTS -------------------------------------
*/
.bg-students{
    background-color: #f8f8f8;
}
.students {
    background-color: #fff;
    font-family: "akapedya", sans-serif;
    padding: 0;
    padding-top: 10px;
    border: 0;
    margin-bottom: 30px;
    border-radius: 5px;
}
.img-wrap{
    position: relative;
    margin-bottom: 20px;
}
.students .student-content {
    margin-top: 0;
    padding: 0 0 15px 30px;
}
.student-content {
    margin-top: -20px;
}
.students .student-imgbox {
    text-align: center;
    margin: 0 10px 0 10px;
    overflow: hidden;
}
.students .student-content h5{
    font-size: 24px;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 20px;
}
.students .student-content h5 a{
    color: #232323;
}
.students .student-content h5 a:hover{
    color: rgba(241,90,42, 1);
}
.students .student-imgbox img {
    width: 100%;
    display: block;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.students:hover .student-imgbox img {
    transform: scale(1.1);
}
.students .student-content span {
    color: #f15a2a;
    font-size: 14px;
    font-family: "akapedya", sans-serif;
    font-weight: 700;
    line-height: 1.3;
    display: inline-block;
    margin-bottom: 10px;
}
ul.student-content-list {
    list-style: none;
    padding: 0;
}
.student-content-list li {
    color: #666;
    font-size: 16px;
    line-height: 1.3;
    font-family: "akapedya", sans-serif;
    font-weight: 500;
    margin-bottom: 14px;
}
.students .student-content-list li i {
    background: #f8f8f8;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.students:hover .student-content-list li i {
    color: #ffffff;
    background: #f15a2a;
}
.student-content-list li i {
    color: #f15a2a;
    font-size: 16px;
    line-height: 1;
    margin-right: 10px;
}
/*
-------------------------------------- F. STUDENTS -------------------------------------
*/
/*
======================================= 5. MORE CONTAINER ===============================
*/

/*
-------------------------------------- B. SUB CONTACT -----------------------------------
*/
.section-sub-wrapper{
    background-color: #fff;
    position: relative;
    padding: 3rem 0;
}
.sub-content {
    font-family: "akapedya", sans-serif;
    text-align: center;
    display: flex;
}
.sub-content-item {
    border: 0 solid #e1e1e1;
    min-height: 140px;
    position: relative;
}

.sub-content-item.one:before {
    background-color:#e1e1e1;
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
}

.sub-content-item.two{background-color: transparent;}
.sub-content-item.three:before {background-color: transparent;}

/*.sub-content-item.one {
    border-left-width: 1px;
    border-right-width: 1px;
}
.sub-content-item.two,
.sub-content-item.three{
    flex-basis: 33.333%;
    border-right-width: 1px;
}*/
.sub-content-item i{
    font-size: 1.5rem;
    color: #f15a2a;
}
.sub-item-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*max-width: 290px;*/
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
}
.sub-item-inner h3 span{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
	color: #232323;
	padding: 0 0 0 40px;
	position: relative;
    display: inline-block;
}
.sub-item-inner h3 span::before{
	background-color: #f15a2a;
	content: "";
	display: block;
	width: 35px;
	height: 3px;
	position: absolute;
	top: 47%;
	left: 0;
    border-radius: 5px;
}


.sub-item-inner ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sub-item-inner ul li{
	color:#232323;
    font-weight: 400;
    font-size: 0.9rem;
	margin: 0 0 7px 0;
	padding: 0 5px;
	transform: translateZ(0);
	transition: transform .2s ease-out;
}
.sub-item-inner ul li:hover{
	color: rgba(241,90,42,1);
	transform: translateX(7px);
}
.sub-item-inner ul li i {
	color:rgba(241,90,42,1);
    font-size: 1rem;
    width: 20px;
    margin-right: 7px;
    /*float: left;*/
    line-height: 24px;
}

.sub-item-inner ul li a{color: #5D5D5D;}
.sub-item-inner ul li a:hover,
.sub-item-inner ul li a:hover{
    color:#f15a2a;
    text-decoration: none;
}
/*
-------------------------------------- B. SUB CONTACT -----------------------------------
*/

/*
======================================= 6. FOOTER =======================================
*/
#footer-wrapper{
	background-color: #a6a6a6;
	font-family: "akapedya", sans-serif;
	font-size: 1rem;
	position:relative;
	padding: 0;
}
.site-owner{
	font-family: "akapedya", sans-serif;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #fff;
	margin-bottom: 1.3rem;
	text-align: center;
}
.site-owner span{
	color: #f15a2a;
	font-weight: 300;
	font-size: 1.4rem;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
.site-owner + p{
	color:rgba(255,255,255,.8);
	font-size: 0.9rem;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.6rem;
    font-weight: 400;
}
.select-bg{
	background: #999;
/*	padding:2.5rem 1.2rem; */
}
.copyright-foot{
	font:normal normal 500 1rem/1.2rem "akapedya", sans-serif;
	background:#f15a2a;
	color: #fff;
	padding: 1.3rem 0;
}
.copyright-foot a{color: #fff;}

.copyright-foot a:hover,
.copyright-foot a:hover{
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}



ul.site-contact{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.site-contact li{
	color:rgba(255,255,255,.8);
	margin: 0 0 7px 0;
	padding: 0 5px;
	transform: translateZ(0);
	transition: transform .2s ease-out;
}
ul.site-contact li:hover{
	color: rgba(241,90,42,1);
	transform: translateX(7px);
}
ul.site-contact li i {
	color:rgba(241,90,42,1);
    font-size: 16px;
    width: 20px;
    margin-right: 7px;
    float: left;
    line-height: 24px;
}
/*
-------------------------------------- A. TITLE ----------------------------------------
*/
h3.foot-title{
	font:normal normal 300 1.3rem/1.8rem "akapedya",sans-serif;
	color:rgba(255,255,255,.8);
	margin-bottom: 2.2rem;
	position: relative;
}
h3.foot-title::after {
    background:#f15a2a  none repeat scroll 0 0;
    content: "";
	border-radius:3px;
    display: block;
    height: 2px;
    margin: 10px 0 0 0;
    width: 35px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
h3.foot-title::before {
    background:#f15a2a  none repeat scroll 0 0;
    content: "";
	border-radius:3px;
    display: block;
    height: 2px;
    margin: 10px 0 0 0;
    width: 20px;
	bottom: -5px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

/*h3.foot-title:hover::after,*/
h3.foot-title:hover::before{width: 35px;}
h3.foot-title span{
	font-weight:bold;
}

/*
-------------------------------------- A. TITLE ----------------------------------------
*/

/*
-------------------------------------- B. LINK -----------------------------------------
*/
ul.foot-link {
    padding: 0;
    margin: 0;
	margin-left: 0.7rem;
    list-style-type: none;
}
ul.foot-link li {
    margin-bottom: 15px;
}
ul.foot-link li:last-child {
    margin-bottom: 0;
}
ul.foot-link li a {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
ul.foot-link li a::before {
    background: #f15a2a;
	border-radius: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 24px;
    height: 1px;
}
ul.foot-link li a:hover {
    color: #f15a2a;
}
/*
-------------------------------------- B. LINK -----------------------------------------
*/
/*
-------------------------------------- C. WORKING HOURS --------------------------------
*/
.list-workhours {width: 100%;}
.list-workhours div {
	font: normal normal 400 14px/22px 'akapedya',sans-serif;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: 0.3s ease-in-out;
	border-bottom: 1px solid #cacaca;
    font-size: 0.9rem;
}
.list-workhours div:not(:last-child):hover{border-bottom: 1px solid #f15a2a !important; color: #f15a2a;}
.list-workhours div:hover{color: #f15a2a;}

.list-workhours div:nth-child(1) span,
.list-workhours div:nth-child(1) span {padding-top: 0;}
.list-workhours div:nth-last-child(1) span,
.list-workhours div:nth-last-child(1) span {padding-bottom: 0;}

.list-workhours span,
.list-workhours span {padding: 10px 0px;}
.list-workhours div:last-child {border-bottom:none;}
* + .list-workhours {margin-top: 25px;}
/*
-------------------------------------- C. WORKING HOURS --------------------------------
*/
/*
-------------------------------------- D. SCROLL UP ------------------------------------
*/
.scroll-up {
    color: transparent;
    font-size: 0;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    width: 40px;
    height:40px;
    padding: 0;
    margin-right: 0 !important;
    line-height: 0;
    position: fixed;
    right: 25px !important;
    bottom: 100px;
    box-shadow: 0 0 0 3px #f15a2a;
    opacity: 1 !important;
    z-index: 999;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.scroll-up::before {
    background: #f15a2a   none repeat scroll 0 0;
    box-sizing: content-box;
    content: "";
    border-radius: 2px;
    width: 100%;
    height: 100%;
    padding: 2px;
    position: absolute;
    top: -2px;
    left: -2px;
    pointer-events: none;
    transition: transform 0.2s ease 0s, opacity 0.3s ease 0s;
    opacity: 1;
    z-index: -1;
}
.scroll-up::after {
    /*font: 18px/38px FontAwesome;*/
    font-family: "Font Awesome 5 Duotone";
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    content: "\f062";
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.scroll-up:hover {
    box-shadow: 0 0 0 3px #f15a2a;
}
.scroll-up:hover::before {
    opacity: 0;
    transform: scale(1.3);
}
.scroll-up:hover::after {
    color: #f15a2a;
}
/*
-------------------------------------- D. SCROLL UP -------------------------------------
*/

/*
======================================= 6. FOOTER =======================================
*/

/*
======================================= 7. RESPONSIVE ===================================
*/

/*
-------------------------------------- A. 100 X 569 -------------------------------------
*/
@media screen and (min-width:100px) and (max-width:569px){

	#header-wrapper .header-top{
		display:none;
	}

    .site-name{
		font-size: 18px;
		line-height: 22px;
        padding: 0;
        min-height: 0;
	}

    a.responsive-icon{
        height: 26px;
        margin: 13px 5px;
        padding: 3px;
    }

    .site-name img{
        width: 100px;
        height: 37px;
    }

	.topnav ul li a.mn-active::after {
		width: 100%;
		top: 0;
		left: 0;
		transform: translate(0%);
	}


	.single1x .flex-caption{
		bottom: 33%;
	}


	.single1x .flex-caption h3{
		font-size: 1rem;
		line-height: 1.2rem;
		padding-bottom: 5px;
	}
	.single1x .flex-caption h2{
		font-size: 1rem;
		line-height: 1rem;
		padding-bottom: 5px;
	}
	.single1x .flex-caption p{
		font-size: 1rem;
		line-height: 1rem;
		margin-bottom: 0;
	}
	.general-btn{
		font-size: 0.6rem;
		padding: 0.2rem 0.4rem;
	}

	.single1x .flex-control-nav{
		bottom: 10px;
		height: 13px;
	}

	.section-title span{
		font-size: 1.3rem;
	}

    .bulten-form input{
        width: 100%;
        margin-right: 0;
    }

	.select-bg {
		padding: 2rem 1rem !important;
		margin-bottom: 2rem;
	}
	[alg="center"]{text-align: center;}
	.select-bg + .pt-5.pb-5,
	.select-bg + .pt-5.pb-5 + .pt-5.pb-5,
	.select-bg + .pt-5.pb-5 + .pt-5.pb-5 + .pt-5.pb-5{
		padding-top:0.8rem !important;
		padding-bottom:2rem !important;
	}

    .services-item{margin-bottom: 115px;}
    .services-item .services-icons{margin-top: -16%;}

    .single1x .slides img{height: 235px!important;}

    .sub-content-item{margin-top: 1.5rem;}

    .collect-item .collect-info{
        border-radius: 0 0 3px 3px;
        position: static;
        margin: 0px;
        padding: 20px 20px 25px;
    }
    .collect-item:nth-child(2n) .collect-info{
        width: 100%;
    }
    .collect-item:nth-child(2n) .collect-media {
        margin-left: 0px;
    }
    .collect-item:nth-child(2n) .direction-2,
    .collect-item .direction-1{
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .collect-media{border-radius:0;}


    .project-img-thumb img{max-height: 245px!important;}

}
/*
-------------------------------------- A. 100 X 569 ---------------------------------------
*/
/*
-------------------------------------- B. 569 X 768 ---------------------------------------
*/

@media screen and (min-width:569px) and (max-width:768px){

	#header-wrapper .header-top{
		display:none;
	}

	.site-name{
		font-size: 18px;
		line-height: 24px;
	}

	.topnav ul li a.mn-active::after {
		width: 100%;
		top: 0;
		left: 0;
		transform: translate(0%);
	}


	.single1x .flex-caption h3{
		font-size: 1.2rem;
		line-height: 1.4rem;
		padding-bottom: 3px;
	}
	.single1x .flex-caption h2{
		font-size: 1.2rem;
		line-height: 1.4rem;
		padding-bottom: 3px;
	}
	.single1x .flex-caption p{
		font-size: 1rem;
		line-height: 1rem;
		margin-bottom:0.5rem;
	}
	.general-btn{
		font-size: 0.8rem;
		padding: 0.3rem 1rem;
	}
	.single1x .flex-control-nav{
		bottom: 0.1rem;
	}
	.section-title span{
		font-size: 1.5rem;
	}

	.select-bg {
		padding: 2rem 1rem !important;
		margin-bottom: 2rem;
	}
	[alg="center"]{text-align: center;}
	.select-bg + .pt-5.pb-5,
	.select-bg + .pt-5.pb-5 + .pt-5.pb-5,
	.select-bg + .pt-5.pb-5 + .pt-5.pb-5 + .pt-5.pb-5{
		padding-top:0.8rem !important;
		padding-bottom:2rem !important;
	}

    .services-item{margin-bottom: 115px;}
    .services-item .services-icons{margin-top: -16%;}


    .contact-wrap{background-color: none!important;}


    .sub-content-item{margin-top: 1.5rem;}


    .collect-item .collect-info{
        border-radius: 0 0 3px 3px;
        position: static;
        margin: 0px;
        padding: 20px 20px 25px;
    }
    .collect-item:nth-child(2n) .collect-info{
        width: 100%;
    }
    .collect-item:nth-child(2n) .collect-media {
        margin-left: 0px;
    }
    .collect-item:nth-child(2n) .direction-2,
    .collect-item .direction-1{
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .collect-media{border-radius:0;}

    .project-img-thumb img{max-height: 245px!important;}
}
/*
-------------------------------------- B. 569 X 768 ---------------------------------------
*/

/*
-------------------------------------- C. 768 X 1024 --------------------------------------
*/
@media screen and (min-width:768px) and (max-width:1024px){

	#header-wrapper .header-top{
		display:none;
	}

	.site-name{
		font-size: 18px;
		line-height: 24px;
	}

	.topnav ul li a.mn-active::after {
		width: 100%;
		top: 0;
		left: 0;
		transform: translate(0%);
	}


	.single1x .flex-caption h3{
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	.single1x .flex-caption h2{
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.single1x .flex-caption p{
		font-size: 1.1rem;
		line-height: 1.3rem;
		margin-bottom:1.2rem;
	}
	.general-btn{
		font-size: 0.8rem;
		padding: 0.4rem 1rem;
	}

	.section-title span{
		font-size: 1.5rem;
	}

	.select-bg {
    	background: 0 0;
	}
	[alg="center"]{text-align: center;}

	.services-item{margin-bottom: 90px;}
    .services-item .services-icons{
        margin-top: -10%;
    }



}
/*
-------------------------------------- C. 768 X 1024 --------------------------------------
*/

/*
-------------------------------------- D. 1024 X 1199 --------------------------------------
*/
@media screen and (min-width:1024px) and (max-width:1199px){
	#header-wrapper .header-top{
		display:none;
	}

	.site-name{
		font-size: 22px;
		line-height: 28px;
	}

	.single1x .flex-caption h3{
		font-size: 1.6rem;
		line-height: 1.9rem;
	}
	.single1x .flex-caption h2{
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.single1x .flex-caption p{
		font-size: 1.2rem;
		line-height: 1.4rem;
		/*margin-bottom:1.2rem;*/
	}


	.section-title span{
		font-size: 1.6rem;
	}

}
/*
-------------------------------------- D. 1024 X 1199 --------------------------------------
*/

/*
======================================= 7. RESPONSIVE ===================================
*/

/*
======================================= 8. ANIMATION ====================================
*/

/*
======================================= 8. ANIMATION ====================================
*/