@import 'bootstrap.min.css';
@import 'fontello.css';
@import 'jquery.fs.boxer.min.css';

/*font-family: 'Ubuntu', sans-serif;*/

*
{
	margin: 0;
	padding: 0;
}
html { overflow-x: hidden  !important;}
body{
	overflow-x: hidden;
}


@media (min-width: 1200px){
	.container.privwidht {
		width: 80% !important;
	}
}

/* list */

ul, ol
{
	/*list-style: none;*/
	/*list-style-image: none;*/
	padding-left: 10px;
}

/* headings */

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6
{
	line-height: 1;
	font-weight: 700;
	color: #000;
	margin: 0;
}

h1,.h1
{
	font-size: 30px;
}

h2,.h2
{
	font-size: 24px;
	text-transform: none;
}

h3,.h3
{
	font-size: 20px;
}

h4,.h4
{
	font-size: 20px;
	font-weight: 400;
	color: #303030;
}

h5,.h5
{
	font-size: 18px;
	font-weight: 400;
	color: #303030;
}

h6,.h6
{
	font-size: 16px;
	font-weight: 300;
	color: #303030;
}

.P30 { padding: 30px !important; }
.p20{ padding:20px !important;}
.p10{ padding:10px;}
.p5{ padding:5px;}
.p-l-0 {
	padding-left: 0 !important;
}
a,
.base-text-color
{
	color: #a55198;
}

a       { text-decoration: none; }
a:hover { text-decoration: underline; }

.row [class*=" col-"],
.row [class^="col-"]
{
	padding-left: 0;
	padding-right: 0;
}

.row .row
{
	margin-left: 0;
	margin-right: 0;
}

/* parallax */

.parallax
{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* text align */

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

/* float */

.fl-l { float: left; }
.fl-r { float: right; }

/* colors */

.bg-0 { background-color: #fff}
.clr-0{ color:#fff;}
.bg-1 { background-color: #e7e7e7 }
.clr-1 {color:#e7e7e7;}
.bg-2 { background-color: #555; }
.clr-2{color:#555;}
.bg-3 { background-color: #3d3d3d; }
.clr-3{color:#3d3d3d;}
.bg-4 { background-color: #112e6e !important; }
.clr-4{ color:#112363;}
.bg-4-2{ background-color: #254386;}
.clr-4-2{ color: #254386;}
/*.bg-4 { background-color: #303030; }*/
.bg-5 { background-color: #c6acc2 }
.clr-5{color:#c6acc2;}
.bg-6 { background-color: #b973ae }
.clr-6{ color:#b973ae; }
.bg-7 { background-color: #a55198 }
.clr-7{color:#a55198;}
.bg-6-2 { background-color: #794c70}
.bg-7-2 { background-color: #6a355f}
.bg-8 {
	background-color: #ffe638;
}
.brush{
	font-family: 'Caveat Brush', cursive;
}
.white{
	color:WHITE !important;
}
.black{
	color:BLACK !important;
}
/* corners */

.corner
{
	position: relative;
	z-index: 5;
}

.corner:before
{
	content: "";
	position: absolute;
	left: 100%;
	top: 25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #fff;
	z-index: 2;
}

.bg-0 .corner:before,
.bg-0.corner:before,
[class*=" bg-"] .bg-0.corner:before,
[class^="bg-"] .bg-0.corner:before
{
	border-left-color: #fff;
}

.bg-1 .corner:before,
.bg-1.corner:before,
[class*=" bg-"] .bg-1.corner:before,
[class^="bg-"] .bg-1.corner:before
{
	border-left-color: #f3f3f3;
}

.bg-2 .corner:before,
.bg-2.corner:before,
[class*=" bg-"] .bg-2.corner:before,
[class^="bg-"] .bg-2.corner:before
{
	border-left-color: #555;
}

.bg-3 .corner:before,
.bg-3.corner:before,
[class*=" bg-"] .bg-3.corner:before,
[class^="bg-"] .bg-3.corner:before
{
	border-left-color: #3d3d3d;
}

.bg-4 .corner:before,
.bg-4.corner:before,
[class*=" bg-"] .bg-4.corner:before,
[class^="bg-"] .bg-4.corner:before
{
	border-left-color: #112e6e;
}

.bg-5 .corner:before,
.bg-5.corner:before,
[class*=" bg-"] .bg-5.corner:before,
[class^="bg-"] .bg-5.corner:before
{
	border-left-color: #c6acc2;
}

.bg-6 .corner:before,
.bg-6.corner:before,
[class*=" bg-"] .bg-6.corner:before,
[class^="bg-"] .bg-6.corner:before
{
	border-left-color: #b973ae;
}

.bg-7 .corner:before,
.bg-7.corner:before,
[class*=" bg-"] .bg-7.corner:before,
[class^="bg-"] .bg-7.corner:before
{
	border-left-color: #a55198;
}

/* custom btm */

.custom-btn
{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 150px;
	line-height: 1.1;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: transparent;
	border: 1px solid #d0d0d0;
	padding: 12px 10px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out;
}

.custom-btn.big
{
	max-width: 160px;
	font-size: 14px;
	padding: 16px 13px;
}

.custom-btn.long
{
	max-width: 210px;
}

.custom-btn:hover
{
	text-decoration: none;
	color: #505050;
	background-color: #fff;
}

.custom-btn.colored:hover
{
	color: #fff;
	background-color: #a55198;
	border-color: #a55198;
}

/* more link */

.more-link
{
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}

.more-link.colored { color: #a55198; }

.more-link:hover { text-decoration: none; }

.more-link i.arrow
{
	float: left;
	position: relative;
	width: 12px;
	height: 20px;
	margin-right: 17px;
}

.more-link i.arrow:before,
.more-link i.arrow:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 3px;
	height: 60%;
	background: #fff;

	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	outline: 1px solid transparent; /* for FF */
}

.more-link.colored i.arrow:before,
.more-link.colored i.arrow:after
{
	background-color: #a55198;
}

.more-link i.arrow:before
{
	-webkit-transform: translateX(-50%) rotate(135deg);
	transform: translateX(-50%) rotate(135deg);

	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.more-link i.arrow:after
{
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);

	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

.more-link:hover i.arrow:before
{
	-webkit-transform: translateX(-50%) rotate(125deg);
	transform: translateX(-50%) rotate(125deg);
}

.more-link:hover i.arrow:after
{
	-webkit-transform: translateX(-50%) rotate(55deg);
	transform: translateX(-50%) rotate(55deg);
}

/*.more-link i
{
	float: right;
	font-size: 18px;
	margin-left: 17px;
}

.more-link i:before
{
	width: auto;
	margin: 0;
}*/

/* stat link */

.stat-link
{
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	line-height: 1;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}

.stat-link:hover { text-decoration: none; }

.stat-link i,
.stat-link span
{
	display: inline-block;
	vertical-align: bottom;
}

.stat-link i
{
	font-size: 23px;
	margin-right: 17px;
}

.stat-link i:before
{
	width: auto;
	margin: 0;
}

/* share link */

.share-link
{
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
	font-size: 12px;
	color: #000;

	-webkit-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

.share-link:hover
{
	text-decoration: none;
	color: #a55198;
}

.share-link i
{
	display: inline-block;
	line-height: 1;
	font-size: 19px;
	margin-right: 15px;
}

.share-link i:before
{
	width: auto;
	margin: 0;
}

/* social btn */

.social-btn
{
	line-height: 0;
	font-size: 0;
	letter-spacing: -1px;
	white-space: nowrap;
}

.social-btn a
{
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	font-size: 16px;
	letter-spacing: 0;
	margin-left: 10px;
	margin-top: -1px;
	margin-bottom: -1px;

	-webkit-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

.social-btn a:first-child { margin-left: 0; }

.social-btn a:hover
{
	text-decoration: none;
	color: #555;
}

.social-btn a:before
{
	width: auto;
	margin: 0;
}


/* form */

form { position: relative; }

form input,
form button,
form textarea
{
	display: block;
	width: 100%;
	outline: none;
	background: none;
	border-width: 1px;
	border-style: solid;
	border-color: #e0e0e0;
	padding: 8px 20px;
	color: #454545;
	color: rgba(69,69,69,0.5);

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	-webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.ios form input,
.ios form textarea
{
	-webkit-appearance: caret;
	-moz-appearance: caret;
}

form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=password]
{
	height: 39px;
}

form textarea
{
	height: 110px;
	resize: vertical;
}

form .remeber
{
	overflow: hidden;
	padding: 5px 0;
}

form .remeber a { color: #Fff; }


form input[type="checkbox"]
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

form label
{
	display: inline-block;
	position: relative;;
	cursor: pointer;
	color: #fff;
	color: rgba(255,255,255,0.5);

	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

form label span
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 13px;
	height: 13px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255,255,255,0.5);
	margin-top: -3px;
	margin-right: 10px;
}

form label span:before
{
	content: "";
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background-color: #fff;
	border: 1px solid #81b4a0;
	opacity: 0;
}

form input[type="checkbox"]:checked + span:before { opacity: 1; }




#header {
	background-image: url(../images/nokta-arkaplan-2.png);
	background-repeat: repeat;
	background-size: 150px;
	/*height: 150px;*/
	z-index: 999;
	position: relative;
}

.header-item .line
{
	position: relative;
	padding: 17px 30px;

}

.header-item .line:first-child
{
	height: 100px;
	padding: 25px 27px;
}
.header-item .line:last-child{
	background: #e7e7e7;

}

.box2{
	min-height: 500px !important;
}

@media(max-width: 550px){
	.header-item-top{
		position: relative;

	}
	.header-item-top .line:first-child{
		position: absolute;
		width: 100%;
		left:0;
		top:50px;
		text-align: center;
	}
	#navigation{
		height: 98px !important;
	}
	.header-item-top .line:first-child a img{
		float: unset !important;
		max-width: 171px !important;

	}
	.header-item-top .line:last-child{
		position: absolute;
		left: 0;
		top:0;
		width: 50%;
		z-index: 123;
		background: WHITE !important;
	}
	.header-item-top .line:last-child a{
		color:WHITE !important;
	}
}

	.header-item .line a img{
	float:unset !important;
	display: inline-block;
	max-width: 70% !important;
}


.site-logo
{
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#header-logo
{
	width: 225px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -30px;
	background: url(../images/ankara-bilim-universitesi.png) !important;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), 
	only screen and (-moz-min-device-pixel-ratio: 1.5), 
	only screen and (-o-min-device-pixel-ratio: 3/2), 
	only screen and (min-device-pixel-ratio: 1.5) {

		#header-logo
		{
			background: url(../images/header_logo_1%402x.html);
			background-size: 225px 60px;
		}
	}

#header-slogan
{
	line-height: 1.3;
	font-size: 12px;
	color: #969696;
	color: rgba(61,61,61,0.54);
	text-transform: uppercase;
	float: left;
}

.header-item { position: relative; }

#menu-open
{
	display: none;
	position: absolute;
	top: 38px;
	right: 30px;
	height: 24px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 300;
	color: #929292;
	color: rgba(255,255,255,1);
	z-index: 2;
}

#menu-open:hover { text-decoration: none; }

#menu-open span
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}

#menu-open.active span
{
	background-color: transparent;
	border-color: transparent;
}

#menu-open span,
#menu-open span:before,
#menu-open span:after
{
	width: 24px;
	height: 3px;
	background-color: #fff;

	-webkit-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

#menu-open span:before,
#menu-open span:after
{
	content: "";
	position: absolute;
	left: 0;
}

#menu-open span:before { top: -8px; }
#menu-open span:after { top: 8px; }

#menu-open.active span:before,
#menu-open.active span:after
{
	top: 0;

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#menu-open.active span:before
{
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}

#menu-open.active span:after
{
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.header-menu
{
	line-height: 0;
	font-size: 0;
	letter-spacing: -1px;
	text-align: right;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 1px;

}

.header-menu li
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}

.header-menu a
{
	position: relative;
	display: block;
	line-height: 1.2;
	padding: 5px 15px;

	-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.header-menu li:hover a,
.header-menu li.current a
{
	text-decoration: none;
	color: #fff;
}

#navigation
{
	padding-top: 36px;
	padding-bottom: 36px;
	height:  auto;
}

#navigation a
{
	line-height: 1;
	font-size: 18px;
	font-weight: 300;
	color: #FFF;
}


@media(min-width: 550px) and (max-width: 991px){
	#navigation a{
		padding:11px;
	}
	.header-item .line a img {
		max-width: 50% !important;
		margin-top: -18px;
	}
	#submenu a{
		padding: 8px;
	}

}

#navigation a:after
{
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: -1px;
	width: 2px;
	height: 4px;
	margin-left: 50%;
	margin-top: 32px;
	background-color: #a55198;
	opacity: 0;
	pointer-events: none;

	-webkit-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
	transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
}

#navigation li:hover a:after,
#navigation li.current a:after
{
	left: 0;
	margin-left: 0;
	opacity: 1;
	width: 100%;
}

#submenu {}

#submenu a
{
	line-height: 40px;
	font-size: 14px;
	color: #b1b1b1;
	color: rgba(255,255,255,0.54);
}
.submenu2 a{
	color: #fff !important;
	font-weight: BOLD;
}

#submenu{
	position: relative;
}

#submenu::before{
	content:'';
	height: 100%;
	width: 150%;
	position: absolute;
	left: -150%;
	top:0 !important;
	background-color: #e7e7e7;
}
#submenu::after{
	content:'';
	height: 100%;
	width: 150%;
	position: absolute;
	right: -150%;
	top:0 !important;
	background-color: #e7e7e7;
}

#submenu::after, #submenu::before{
	background-color:#254386;
}

#submenu.submenu2::after, #submenu.submenu2::before{
	background-color:#e7e7e7;
	background-image: url(../images/nokta-arkaplan-2.png);
	background-repeat: repeat;
	background-size: 150px;
}
#submenu.submenu2{
	 background-repeat: repeat;
	background-size: 150px;
}
#submenu a i
{
	line-height: 1;
	font-size: 13px;
	margin-right: 10px;
}

#submenu a i:before
{
	margin: 0;
	width: auto;
}

#navigation .dropdown
{
	position: absolute;
	top: 100%;
	right: -100px;
	width: 350px;
	z-index: 6;
	padding-top: 50px;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out, visibility 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out, visibility 300ms ease-in-out;
	transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out, visibility 300ms ease-in-out;
}

#navigation li:hover .dropdown
{
	padding-top: 36px;
	visibility: visible;

	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

#navigation .dropdown ul { padding: 20px 0; }

#navigation .dropdown li { display: block; }

#navigation .dropdown a
{
	font-size: 14px;
	color: #FFF;
	padding: 8px 30px;
}

#navigation li li:hover a,
#navigation li li.current a
{
	background-color: rgba(255, 255, 255, 0.15);
}

#navigation .dropdown a:after { content: none; }












.page-title
{

	padding: 30px;
	/*margin: 0 -15px;*/
	overflow: hidden;
	padding-top: 20px; padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}
@media(max-width: 991px){
	.page-title{
		text-align: center;
	}
	.page-title .fl-l{
		display: block;
		width: 100%;
	}
	.page-title .fl-r{

		display: block;
		width: 100%;
	}
	.head-ard span {
		font-size: 55px !important;
		position: absolute;
		z-index: 1;
		opacity: 0.5;
		left: -10px !important;
		top: -51px !important;
		color: #dbdbdb;
		font-weight: 900;
		text-transform: uppercase;
		display: block;
		width: 100vw;
		text-align: left;
	}
}

.page-title h2
{
	line-height: 1.2;
	font-weight: 300;
	width: 50%;
	padding: 3px 0;
	margin-top: 0;
	font-size: 26px !important;
}

.page-title .share-link { margin-top: 10px; }


.content-slider-container { height: 350px; width: 100%; }

.content-slider
{
	position: relative;
	height: 100%;
}

.content-slider .slides-container { display: none; }

.content-slider .slides-pagination
{
	position: absolute;
	bottom: 26px;
	width: 100%;
	font-size: 0;
	line-height: 0;
	text-align: center;
	z-index: 3;
}

.content-slider .slides-pagination a
{
	display: inline-block;
	vertical-align: top;
	background-color: #666;
	text-indent: -9999px;
	width: 40px;
	height: 7px;
	margin: 0 5px;
	outline: 0;

	-webkit-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
}

.content-slider .slides-pagination a.current { cursor: default; }

.content-slider .slides-pagination a.current,
.content-slider .slides-pagination a:hover
{
	background-color: #000;
}







.content-slider .description
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px 0 40px;
	color: #efefef;
	color: rgba(255,255,255,0.8);
	line-height: 1.2;
	text-align: center;
}

.content-slider .description:before
{
	content: "";
	width: 0;
	height: 100%;
	margin-left: -4px;
}

.content-slider .description:before,
.content-slider .description .inner
{
	display: inline-block;
	vertical-align: middle;
}

.content-slider .description .inner
{
	width: 95%;
	max-width: 520px;
}

.content-slider .description p { margin-bottom: 15px; }

.content-slider .description .title
{
	text-transform: uppercase;
	position: absolute;
	left: 0px;
	bottom: 51px;
	font-size: 18px;
	word-break: break-word;
	display: block;
	width: 100%;
	text-align: left;
	background: #112e6e;
	padding: 8px;
	color: #ffffff;
	font-weight: BOLD;

}

.content-slider .description .custom-btn {
	margin-top: 15px;
	position: absolute;
	right: 0;
	bottom: 19px;
	background: #8c6085;
	color: WHITE;
	/* text-shadow: 1px 1px 1px white; */
	font-size: 14px;
	border: none !important;
}



.content-intro
{
	position: relative;
	height: 350px;
	background: url(../images/slide_img/slider_big_5.jpg) no-repeat 50% 50%;
	line-height: 1.2;
	text-align: center;
	color: #efefef;
	color: rgba(255,255,255,0.8);
}

.hakkimizda
{
	position: relative;
	height: 350px;
	background-image: url(../images/bg-1.jpg);
	line-height: 1.2;
	text-align: center;
	color: #efefef;
	color: rgba(255,255,255,0.8);
	background-position: center center;
	background-size: cover;
	display: none;

}

.content-intro.content-intro_s2 { background-image: url(../images/slide_img/slider_big_6.jpg); }

.content-intro:before,
.content-intro:after
{
	content: "";
	height: 100%;
}

.content-intro:before
{
	width: 0;
	margin-left: -4px;
}

.content-intro:after
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #a55198;

	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
}

.content-intro.content-intro_s2:after
{
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
}

.content-intro:before,
.content-intro .inner
{
	display: inline-block;
	vertical-align: middle;
}

.content-intro .inner
{
	position: relative;
	width: 95%;
	max-width: 520px;
	margin-top: -15px;
	z-index: 2;
}

.content-intro p { margin-bottom: 15px; }

.content-intro .title
{
	font-size: 36px;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
}



.block-courses
{
	position: relative;
	color: #fff;
	text-transform: uppercase;
}

.block-courses .title
{
	line-height: 1.2;
	font-weight: 500;
	color: rgba(255,255,255,0.5);
	margin-bottom: 20px;
	padding-left: 5px;
}

.block-with-date .row { margin: 0; }

.block-with-date .description
{
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	background-color: rgba(165, 81, 150, 0.15);*/
	text-align: center;
	padding: 0 15px;
}

.block-courses .description { /*background-color: rgba(61, 61, 61, 0.7) !important;*/ }


.actrow  .block-with-date{
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}
.actrow  span.date{
	display: block !important;
	font-size: 15px !important;

}

.actrow  small{
	display: block !important;
	color: WHITE;
	font-weight: BOLD;
}
.actrow h2{
	font-size: 18px !important;
	color: WHITE !important;
	font-weight: BOLD;
	border-bottom: 1px solid #7d7d7d;
	padding-bottom: 8px;
}

.block-with-date .description:before
{
	content: "";
	width: 0;
	height: 100%;
	margin-left: -4px;
}

.block-with-date .description:before,
.block-with-date .inner
{
	display: inline-block;
	vertical-align: middle;
}

.block-with-date .inner
{
	/*width: 90%;*/
	max-width: 100%;
	text-align: left;
}

.block-with-date .date
{
	position: relative;
	float: left;
	line-height: 0;
	font-size: 0;
	letter-spacing: -2px;
	white-space: nowrap;
}

.block-with-date .date .number
{
	display: inline-block;
	vertical-align: top;
	line-height: 0.78;
	font-size: 150px;
	font-weight: 500;
	overflow: hidden;
}

.block-courses.block-with-date .date .number { font-size: 180px; }

.block-with-date .date .number.second { height: 95px; }
.block-courses.block-with-date .date .number.second {
	padding-right: 72px;
	height: 124px;}

.block-with-date .date .month
{
	position: absolute;
	bottom: -6px;
	right: 30px;
	width: 50%;
	line-height: 1;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
}

/*.block-courses.block-with-date .custom-btn { margin: 0; }*/
.block-with-date .custom-btn { margin: 25px 0 -25px; }

.block-courses .text
{
	float: right;
	width: 100%;
	line-height: 1.3;
	font-size: 24px;
	font-weight: 300;
	padding-top: 2%;
	padding-left: 30px;
	padding-left: 7.15%;
}

.block-courses .text p { margin-bottom: 10px; font-size: 15px; }

.text-block { padding-bottom: 60px; }

.text-block.bg-4
{
	color: #aaa;
	color: rgba(255,255,255,0.5);
}

.text-block.bg-4 .title { color: #fff; }

.text-block .text { margin-top: 22px; }

.text-block .text p
{
	font-weight: 300;
	margin-bottom: 10px;
}

.text-block .more-link
{
	position: absolute;
	bottom: 35px;
}



.block-courses_info
{
	overflow: hidden;
	color: #fff;
}

.block-courses_info .date
{
	float: left;
	width: 140px;
	height: 100px;
	border: 2px solid #707070;
	line-height: 1;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);
}

.block-courses_info .date p:first-child
{
	line-height: 0.8;
	font-size: 60px;
	color: #fff;
	margin: 15px 0 13px;
}

.block-courses_info .text p
{
	line-height: 1.2;
	margin: 15px 0;
}

.block-courses_info .text
{
	position: relative;
	height: 100%;
	margin-left: 195px;
	padding-bottom: 59px;
}

.block-courses_info .title
{
	color: #c5c5c5;
	font-weight: 300;
	margin-top: -2px;
	margin-bottom: 17px;
}

.block-courses_info .title span
{
	color: #fff;
	font-weight: 500;
}

.block-courses_info .text p span
{
	display: block;
	font-weight: 700;
}

.block-courses_info .custom-btn
{
	position: absolute;
	bottom: 0;
	left: 0;
}


.block-courses_details {}

.block-courses_details .title
{
	margin-top: -2px;
	margin-bottom: 20px;
}

.block-courses_details.bg-4 .title { color: #fff; }

.block-courses_details_full .title { margin-bottom: 30px; }

.block-courses_details p
{
	font-weight: 400;
}

.block-courses_details p:last-child { margin-bottom: 0; }

.block-courses_details .time
{
	line-height: 0.85;
	font-size: 48px;
	font-weight: 500;
	color: #303030;
}

.block-courses_details.bg-4 .time { color: #fff; }

.block-courses_details .time sup
{
	font-size: 18px;
	color: #303030;
	top: -1.3em;
	margin-left: 3px;
}

.block-courses_details.bg-4 .time sup { color: #555; }

.block-courses_details .address
{
	position: relative;
	width: 100%;
	max-width: 285px;
	line-height: 1.2;
	font-size: 13px;
	font-weight: 400;
	color: #999;
	color: rgba(0,0,0,0.4);
	padding-left: 45px;
}

.block-courses_details.bg-4 .address
{
	color: #838383;
	color: rgba(255,255,255,0.4);
}

.block-courses_details .address i
{
	float: left;
	line-height: 1;
	font-size: 32px;
	margin-left: -45px;
}

.block-courses_details .address i:before
{
	width: auto;
	margin: 0;
}

.block-courses_details .address span
{
	display: inline-block;
	padding-top: 5px;
}

.block-courses_details .custom-btn
{
	margin-top: 25px;
	margin-bottom: 15px;
}

.block-courses_details .address + .custom-btn
{
	margin-top: 20px;
	margin-bottom: 0;
}

.block-courses_details_full .custom-btn { margin-top: 5px; }










.column-description
{
	line-height: 1.2;
	font-size: 13px;
	color: #aaa;
	color: rgba(255,255,255,0.5);
	text-transform: none;
	min-height: 300px;
}

.column-description h5
{
	line-height: 1.2;
	font-weight: 700;
	color: #fff;
	margin-top: -5px;
	margin-bottom: 20px !important;
	font-size: 16px;
}

.column-description p
{
	margin: 11px 0 !important;
	font-weight: 400;
}

.column-description a.more-link
{
	position: absolute;
	bottom: 35px;
}

.column-description a.stat-link
{
	position: absolute;
	bottom: 38px;
}

.post-item .column-description { min-height: 1px; }
.post-item .column-description a.more-link
{
	position: relative;
	bottom: auto;
	margin-top: 5px;
}
.post-item > a:first-child{
	display: block;
}

.contentblock{
	position: relative;
	transition: all 1s ease-in-out;
}

.contentblock.opened{
	position: absolute;
	left:20px;
	top:20px;
}


.contentblock  .contentimage > div.over{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.36);
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.contentblock:hover  .contentimage > div.over{
	opacity: 1;
}
.contentblock  .contentimage > div.over i{
	color:WHITE;
	font-size: 30px;
	font-weight: 30px;
	margin-top: calc(50% - 30px);
}
.contentblock h2.title{

	margin-top: 5px;
	font-size: 17px;
	padding: 11px;
	font-weight: BOLD;
	text-align: center;
	overflow: hidden;
	height: 90px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.contentblock div.types{
	color: WHITE;
	padding: 7px;
	min-height: 35px;
}

.contentblock div.types span{
	font-size: 14px;
	margin-left: 9px;
}
.contentblock div.types > span:first-child{
	margin-left:0 !important;
}
.contentblock a.custom-btn{
	width: 100% !important;
	max-width: 100% !important;
	color: #254386;
	font-weight: BOLD;
}
/*
.post-item > a:first-child::after{
	position: absolute;
	content:'';
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	transition: all 1s ease-in-out;
}

.post-item:hover > a:first-child::after{
	position: absolute;
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}*/

.post-item a div.contentimage{
	height: 300px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
}




.video-block
{
	min-height: 300px;
	color: #fff;
	height: 300px;
	background:BLACK;
}

.video-block .video
{
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.video-btn
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 130px;
	height: 130px;
	margin-left: -65px;
	margin-top: -65px;
	border: 1px solid #d0d0d0;
	line-height: 1;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	color: #fff;

	-webkit-transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}

.video-btn:hover
{
	background-color: #a55198;
	border-color: #a55198;
	text-decoration: none;
}

.video-btn:before
{
	content: "";
	display: block;
	margin: 43px auto 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 0 14px 14px;
	border-color: transparent transparent transparent #fff;
}



.info-container {}

.info-item
{
	min-height: 300px;
	line-height: 1.4;
	font-weight: 300;
	color: #fff;
}

.info-item h1
{
	color: #fff;
	line-height: 1.17;
	margin-bottom: 23px;
}

.info-item h3
{
	position: relative;
	line-height: 50px;
	color: inherit;
	padding-left: 70px;
	margin-top: -5px;
	margin-bottom: 17px;
}

.info-item h3[class^="icon-"],
.info-item h3[class*=" icon-"]
{
	line-height: 1.2;
	height: 50px;
}

.info-item h3:before
{
	position: absolute;
	left: 0;
	font-size: 50px;
	width: auto;
	margin: 0;
}

.info-item h3:after
{
	content: "";
	width: 0;
	height: 100%;
	margin-right: -4px;
}

.info-item h3:after,
.info-item h3 span
{
	display: inline-block;
	vertical-align: middle;
}

.info-item p
{
	margin-bottom: 20px;

	opacity: 0.8;
	filter: alpha(opacity=80);
}

.info-item .more-link
{
	position: absolute;
	bottom: 40px;
}

.info-form .row
{
	margin-left: -15px;
	margin-right: -15px;
}

.info-form [class*=" col-"],
.info-form [class^="col-"]
{
	padding-left: 15px;
	padding-right: 15px;
}

.info-form p
{
	margin-bottom: 15px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.info-form p.remeber
{
	opacity: 1;
	filter: alpha(opacity=100);
}

.info-form input,
.info-form textarea
{
	color: rgba(255,255,255,0.5);
	border-color: currentColor;
	margin-bottom: 15px;
}

.info-form input:hover,
.info-form input:focus,
.info-form textarea:hover,
.info-form textarea:focus
{
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.info-form button[type="submit"]
{
	background-color: #fff;
	border-color: #d0d0d0;
	width: 100%;
	max-width: 210px;
	height: 50px;
	margin-top: 20px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;

	-webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.info-form button[type="submit"].small { max-width: 140px; }

.info-form button[type="submit"]:hover
{
	color: rgba(255,255,255,0.5);
	border-color: CurrentColor;
	background-color: transparent;
}

.info-form button[type="submit"] i
{
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	margin-right: 10px;
}

.info-form button[type="submit"] i:before
{
	margin: 0;
	width: auto;
}

.info-form .form-message
{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	min-height: 78px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 10;
}

.P30 .info-form .form-message
{
	margin: 30px -30px 0;
	padding: 10px 30px;
}

.info-form .form-message p
{
	line-height: 1.2;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;

	opacity: 1;
	filter: alpha(opacity=100);
}

.info-form .form-message .success
{
	font-size: 18px;
	padding: 16px 0;
	display: none;
}

.info-form .form-message .success i
{
	line-height: 1;
	font-size: 25px;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 10px;
}

.info-form .form-message .success i:before { margin: 0; }

.info-form .form-message .error { padding: 13px 0; }

.info-form .form-message p span
{
	display: block;
}



.post-item {}

.post-item h2,
.post-item h5,
.post-item p
{
	margin-bottom: 10px;
}

.post-item h5 { text-transform: none; }

.post-item .row h5,
.post-item p
{
	line-height: 1.5;
}


a.beyaz:hover {
	color: #ffffff !important;
}

.post-item h2 img
{
	float: left;
	margin: -10px 30px 0 0;
}

.post-item .row p:last-child { margin-bottom: 0; }

.post-item p + ul { margin-top: 1px; }
.post-item ul { margin: 20px 0 5px; }

.post-item .row
{
	margin-left: -15px;
	margin-right: -15px;
}

.post-item .row [class*=" col-"],
.post-item .row [class^="col-"]
{
	padding-left: 15px;
	padding-right: 15px;
}















#footer
{
	line-height: 1.2;
	font-size: 13px;
	color: rgba(255,255,255,0.5);
}

#footer-logo
{
	width: 173px;
	height: 36px;
	background: url(../images/footer_logo.png);
	margin-bottom: 10px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), 
	only screen and (-moz-min-device-pixel-ratio: 1.5), 
	only screen and (-o-min-device-pixel-ratio: 3/2), 
	only screen and (min-device-pixel-ratio: 1.5) {

		#footer-logo
		{
			background: url(../images/footer_logo%402x.png);
			background-size: 173px 36px;
		}
	}

#footer-slogan
{
	font-weight: 300;
	color: rgba(255,255,255,0.3);
}

.footer-item {
	height: 300px;position: relative;
	z-index: 2;
}
@media(max-width: 991px){
	.footer-item{
		height: auto !important;
	}
	.footer-item .el-bottom{
		position: relative !important;
	}
}

.footer-item h5
{
	font-weight: 700;
	color: #fff;
	margin-bottom: 17px;
}

.footer-item h5 small {
	color: WHITE;
	display: block;
	font-size: 21px !important;
}

.footer-item_subscribe h5 { color: #000000; }

.footer-item p { margin-bottom: 10px; }

.footer-item .el-bottom
{
	position: absolute;
	bottom: -5px;
	margin: 0;
	color: #596d9a;
}
.gri{
	color: #303030 !important;
}

.footer-item a { color: inherit; line-height: 2.0;}

#footer-form
{
	padding-top: 5px;
	margin-bottom: 15px;
}

#footer-form p
{
	color: #898989;
	color: rgba(111,111,111,0.8);
	margin-bottom: 17px;
}

#footer-form input
{
	font-size: 14px;
	padding-right: 60px;
}

#footer-form input,
#footer-form button[type="submit"]
{
	background: #fff;
}

#footer-form button[type="submit"]
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 39px;
	width: 40px;
	padding: 0;
	line-height: 1;
	font-size: 18px;
	color: #e0e0e0;
	text-align: center;

	-webkit-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

#footer-form button[type="submit"] i.arrow
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 12px;
	height: 20px;
	margin-left: 5px;
}

#footer-form button[type="submit"] i.arrow:before,
#footer-form button[type="submit"] i.arrow:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 3px;
	height: 60%;
	background: #e0e0e0;

	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	outline: 1px solid transparent; /* for FF */
}

#footer-form button[type="submit"] i.arrow:before
{
	-webkit-transform: translateX(-50%) rotate(135deg);
	transform: translateX(-50%) rotate(135deg);

	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

#footer-form button[type="submit"] i.arrow:after
{
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);

	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

#footer-form button[type="submit"]:hover i.arrow:before
{
	-webkit-transform: translateX(-50%) rotate(125deg);
	transform: translateX(-50%) rotate(125deg);
}

#footer-form button[type="submit"]:hover i.arrow:after
{
	-webkit-transform: translateX(-50%) rotate(55deg);
	transform: translateX(-50%) rotate(55deg);
}

#footer-form + p
{
	line-height: 1.3;
	font-size: 12px;
	color: rgba(85,85,85,0.5);
}

.g_map
{
	position: relative;
	height: 350px;
}


.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6
{
	margin-bottom: 15px;
}

.typography p
{
	font-weight: 300;
	margin: 20px 0;
}

.typography p:last-child { margin-bottom: 0; }



#mobile-menu-container
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(17 46 110 / 96%);
	padding: 100px 30px;
	z-index: 1095;
}

#header-logo_2
{
	width: 225px;
	height: 60px;
	position: absolute;
	top: 20px;
	left: 30px;
	background: url(../images/header_logo_1_1.html);
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), 
	only screen and (-moz-min-device-pixel-ratio: 1.5), 
	only screen and (-o-min-device-pixel-ratio: 3/2), 
	only screen and (min-device-pixel-ratio: 1.5) {

		#header-logo_2
		{
			background: url(../images/header_logo_1_1%402x.html);
			background-size: 225px 60px;
		}
	}

#mobile-navigation
{
	text-align: left;
	height: 55%;
}

#mobile-navigation:before
{
	content: "";
	width: 0;
	height: 100%;
}

#mobile-navigation:before,
#mobile-navigation ul
{
	display: inline-block;
	vertical-align: middle;
}

#mobile-navigation ul
{
	-webkit-transform: translateX(120%);
	-ms-transform: translateX(120%);
	-o-transform: translateX(120%);
	transform: translateX(120%);

	-webkit-transition: -webkit-transform 300ms ease-in-out;
	-o-transition: -o-transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
}

#mobile-navigation ul.visible
{
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

#mobile-navigation a
{
	position: relative;
	display: inline-block;
	line-height: 1;
	font-size: 36px;
	font-weight: 300;
	color: #fff;
	padding: 10px 0;

	-webkit-transition: font-size 400ms;
	-o-transition: font-size 400ms;
	transition: font-size 400ms;
}

#mobile-navigation a:hover { text-decoration: none; }

#mobile-navigation a:after
{
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: -1px;
	width: 2px;
	height: 4px;
	margin-left: 50%;
	margin-top: 0;
	background-color: #a55198;
	opacity: 0;
	pointer-events: none;

	-webkit-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
	transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s;
}

#mobile-navigation li { margin-top: 5px; }
#mobile-navigation li:first-child { margin-top: 0; }

#mobile-navigation li:hover a:after,
#mobile-navigation li.current a:after
{
	left: 0;
	margin-left: 0;
	opacity: 1;
	width: 100%;
}

#mobile-navigation .dropdown { display: none; }

#mobile-navigation .dropdown ul
{
	display: block;
	padding: 20px 0 5px;
}

#mobile-navigation .dropdown a
{
	font-size: 16px;
	padding: 4px 0;
	color: rgba(255,255,255,0.4);

	-webkit-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

#mobile-navigation .dropdown a:after { content: none; }

#mobile-navigation .dropdown li:hover a,
#mobile-navigation .dropdown li.current a
{
	color: #fff;
}
#mobile-submenu h5{
	color:WHITE;
}

#mobile-submenu
{
	position: absolute;
	bottom: 28px;
	left: 30px;
	right: 30px;
	border-top: 1px solid rgba(255,255,255,0.2);
	padding-top: 18px;
	min-height: 100px;
	text-align: right;
}

#mobile-submenu ul{}

#mobile-submenu li
{
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

#mobile-submenu a
{
	font-size: 12px;
	color: #b1b1b1;
	color: rgba(255,255,255,0.54);
	text-transform: uppercase;
	padding: 5px 15px;

	-webkit-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

#mobile-submenu li:hover a,
#mobile-submenu li.current a
{
	text-decoration: none;
	color: #fff !important;
}

#mobile-submenu a:hover { text-decoration: none; }

#mobile-submenu a i
{
	line-height: 1;
	font-size: 13px;
	margin-right: 10px;
}

#menu-close
{
	position: absolute;
	top: 40px;
	right: 30px;
	height: 24px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 300;
	color: #929292;
	color: rgba(255,255,255,0.5);

	-webkit-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

#menu-close:hover
{
	color: #fff;
	text-decoration: none;
}
.golge{
	border-radius: 5px !important;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.pb0{
	padding-bottom: 0px !important;
}
.link{
	line-height: 1;
	font-weight: 700;
	color: #000;
	margin: 0;
	font-size: 15px;
}
.link:hover{
	text-decoration: none !important;
}
.beyaz{
	color: #FFF;
}
.beyaz:hover{
	text-decoration: none !important;
}
.dosya{
	border-radius: 5px;
	width: 100%;
	margin-bottom: 15px;
	transition: all .2s linear;
	padding-bottom: 100px;
}
.dosyaic {
	margin: 10px;
}
.gorsel {
	width: 60px;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ebebeb;
}
.gorselic {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 10px;
}
.yazi {
	float: left;
	display: table;
	height: 70px;
	width: calc(100% - 160px);
	color: #666;
}
.buttons {
	float: left;
	display: table;
	height: 60px;
	width: 100px;
}
.yazi span {
	display: table-cell;
	vertical-align: middle;
	line-height: 18px;
	padding: 0 30px;
}
.buttons span {
	display: table-cell;
	vertical-align: middle;
}
.footer-a > a:hover{
	text-decoration: none !important;

}
#merhaba{
	width: 100vw;
	height: 100vh;
	background-color: #FFF;
	position: fixed;
	z-index: 999;
}
#preloader {
	position:relative;
	width: 350px;
	height: 57px;
	top: 40%;
	left: -30px;
	margin: 0 auto;
	background-image: url("../images/ankara-bilim-universitesi.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 99999;
}
#preloader span {
	position:absolute;
	border: 8px solid #ffe066;
	border-top: 8px solid transparent;
	border-radius:999px;
}


.indexvideo{
	max-width: 100%;
	min-height: 350px;
	background: BLACK;
}
.autoheight{
	height: auto !important;
	min-height: auto !important;
}
p.date{
	display: block;
	margin-bottom: 0 !important;
}
p.date span{
	display: block;
	color:WHITE;
	text-align: center;
}

p.date > span:first-child{
	font-size: 25px;
	line-height: 25px;
	padding-top: 5px;
}
p.date > span:nth-child(2){
	color: #ffffff;
	/* background: #b973ae; */
	/* position: absolute; */
	left: 0;
	top: 0;
	padding: 10px;
	line-height: 14px;
	font-size: 14px;
	font-weight: BOLD;
}
p.date > span:last-child{
	line-height: 14px;
	font-size: 14px;
	font-weight: BOLD;
	padding-bottom: 5px;
}
.allnotifi{
	height: 340px;
	background-color: #112e6e;

}
@media(max-width: 600px){
	.block-courses_details .title {
		font-size: 14px !important;
	}
	p.date > span:first-child {
		font-size: 34px;
	}
}

ul.index-li{
	display: block;
}
ul.index-li li{
	display: block;

}
ul.index-li li a{
	display: block;
	font-size: 16px;
	color:WHITE;
	padding-top: 10px;
}
ul.index-li.nonwhite a{
	color:GRAY;
}

div.index_etkinlik_slider{}

div.index_etkinlik_slider div.item{
	height: 300px;
	background-size: cover;
	width: 100%;
}

div.index_etkinlik_slider .owl-nav button{
	position: absolute;
	top: 30%;
	z-index: 1000;
	/* border: 1px solid RED !important; */
	font-size: 59px !important;
	color: #112e6e !important;
	font-weight: BOLD !important;
}
div.index_etkinlik_slider .owl-nav button.owl-prev{
	left:0;
}
div.index_etkinlik_slider .owl-nav button.owl-next{
	right: 0;
}
@media(max-width: 991px){
	div.index_etkinlik_slider .owl-nav button{

	}
	div.index_etkinlik_slider .owl-nav button.owl-prev{
		left:15px;
	}
	div.index_etkinlik_slider .owl-nav button.owl-next{
		right: 15px;
	}
}

div.index_etkinlik_slider2{
    height: 1070px !important;
}

div.index_etkinlik_slider2 div.item{
	height: 300px;
    background-size: cover;
    width: 100%;
    background-position: unset;
}

div.index_etkinlik_slider2 .owl-stage-outer,
div.index_etkinlik_slider2 .owl-stage,
div.index_etkinlik_slider2 .owl-item,
div.index_etkinlik_slider2 .item{
	height: 100% !important;
}

div.index_etkinlik_slider2 .owl-nav button{
	position: absolute;
	/*top: 30%;*/
	z-index: 1000;
	/* border: 1px solid RED !important; */
	font-size: 59px !important;
	color: #112e6e !important;
	font-weight: BOLD !important;

}
div.index_etkinlik_slider2 .owl-nav button.owl-prev{
	left:0;
}
div.index_etkinlik_slider2 .owl-nav button.owl-next{
	right: 0;
	position: absolute !important;
}
@media(max-width: 991px){
	div.index_etkinlik_slider2 .owl-dots {
		margin-top: -55px;
	}
	div.index_etkinlik_slider2 .owl-nav button{

	}
	div.index_etkinlik_slider2 .owl-nav button.owl-prev{
		left: 0;
	}
	div.index_etkinlik_slider2 .owl-nav button.owl-next{
		right: 0;
	}
}

div.index_etkinlik_slider2 .owl-dots{
	position: relative;
	width: 100%;
	text-align: center;
}
div.index_etkinlik_slider2 .owl-dots button{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: GRAY;
	margin:2px;
	border-radius: 20px;

	transition: all 0.3s ease-in-out;
}
div.index_etkinlik_slider2 .owl-dots button.active{
	background: #0b2c89;
	width:35px;
}
.slider-content{
	position: relative;
	z-index: 123;
}
.main_etkinlik_info2{
	display: block;
	width: 50%;
	padding: 20px 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 123;
}
.main_etkinlik_info2 h5{
	color:WHITE;
	font-weight: BOLD;
	font-size: 26px;
}
.main_etkinlik_info2 .text{
	color:WHITE;
	font-weight: BOLD;
}
@media(max-width: 1071px){
	.main_etkinlik_info2{
		position: relative !important;
		width: 100% !important;
	}
}


@media(max-width: 1200px){
	.block-courses .text {
		margin-left:-30px !important;
	}
}
@media(max-width: 468px){
	.block-courses .text {
		line-height: 1.2;
		font-size: 20px;
		width: 100%;
		text-align: center;
		margin-left: 0 !important;
	}
	.block-with-date .date {
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-left: 0;
	}
	.allnotifi{
		height: 260px;
	}
	.block-courses.block-with-date .date .number.second {
		height: 109px;
	}
	.block-with-date .date .month {
		right: 58px;
	}
}
.submenu a
{
	line-height: 40px;
	font-size: 12px !important;
	color: #b1b1b1;
	color: rgba(255,255,255,0.54);
}
.yurt-adi{
	font-weight: bold;
	color: #333;
	margin: 10px 0;
	font-size: 15px;
	text-align: center !important;
}
.yurt{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 350px;
	border-radius: 10px;
}
.panel-title{
	text-transform: none;
}
.inli{
	display: inline-block !important;
}
.p5{
	padding-bottom: 5px !important;
	padding-top: 5px !important;


}
a,
.base-text-color,
.custom-btn.colored,
.more-link.colored,
.share-link:hover
{
	color: #112e6e;
}

.base-bg-color,
.bg-7,
.custom-btn.colored:hover,
.video-btn:hover,
#navigation a:after,
.content-intro:after,
.more-link.colored i.arrow:before,
.more-link.colored i.arrow:after
{
/*	background-color: #112e6e;*/
}

.base-border-color,
.video-btn:hover,
.custom-btn.colored:hover
{
	border-color: #112e6e;
}

.bg-5
{
	background-color: #c6acc2;
}

.bg-6
{
	background-color: #b973ae;
}

.bg-7 .corner:before,
.bg-7.corner:before,
[class*=" bg-"] .bg-7.corner:before,
[class^="bg-"] .bg-7.corner:before
{
	border-left-color: #112e6e;
}

#header-logo
{
	background: url(../../images/ankara-bilim-universitesi.html);
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

	#header-logo
	{
		background: url(../../images/header_logo_1%402x.html);
		background-size: 225px 60px;
	}
}

.content-slider .description
{
	/*background-color: rgba(165, 81, 152, 0.4);*/
}

.block-with-date .description
{
	/*	background-color: rgba(165, 81, 150, 0.15);*/
}

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

	.col-md-6 > .bg-7 .corner:before,
	.col-md-6 > .bg-7.corner:before,
	.col-md-6 > [class*=" bg-"] .bg-7.corner:before,
	.col-md-6 > [class^="bg-"] .bg-7.corner:before
	{
		border-left-color: transparent;
		border-top-color: #112e6e;
	}
}
div#main{
	margin-right: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}
nav#navigation > ul, nav#submenu ul{
	margin-bottom: 0 !important;
}
.bgpos{
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}
.posrel{
	position: relative;
}
.abs-rb{
	position: absolute;
	right: 10px;
	bottom: 10px;
}


.scrollblock{

}
.scrollhead{
	height: 120px;
	text-align: center;
	padding:20px;
}
.scrollfooter{
	height: 50px;
	text-align: center;
	padding: 5px;
}
.scrollfooter h3{
	margin-top: 5px;
}
.srollfooter h3, .scrollfooter h3 a{
	color:#dedede;
	margin-top: 11px;
	font-size: 18px;
}
.scrollhead h3{
	margin: 0 !important;
	margin-top: 30px !important;
	font-size: 16px;
	font-weight: BOLD;
}
.scrollcontent{
	height: 450px;
	overflow-y: scroll;
	padding: 10px;
}
.scrollcontent div.row{
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede ;
	height: 100px;
}
.scrollcontent::-webkit-scrollbar{
	width: 5px;
	background-color:white;
}
.scrollcontent::-webkit-scrollbar-thumb{

	background-color: #a7a7a7;
}
.scrollcontent::-webkit-scrollbar-track{
	/*color:GREEN;
	background-color: GREEN;*/
}
.scrollcontent::-webkit-scrollbar-track-piece{
/*	color:YELLOW;
	background-color: YELLOW;*/
}
.index_annon_date{
	height: 100%;
}
.index_annon_date > .corner{
	height: 100% !important;
}
.index_annon_content{
	padding:10px !important;
	padding-left: 25px !important;
	height: 100%;
}
.index_act_content{
	padding:10px !important;
	padding-left: 25px !important;
	height: 100%;
}
.index_act_content h5, .index_act_content a{
	color:#444444;
}
.index_act_content a{
	display: block;
	text-align: right;
}
.index_annon_content a{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#mobile-menu-container .social-btn{
	position: absolute;
	bottom:20px;
	right: 20px;
}
.social-btn a{
	color:WHITE !important;
}
.maincontainer{
	background-color:WHITE;
}
.pad20{
	padding:20px !important;
}

.staff_modal{}
.staff_modal .modal-body{
	padding-top:0 !important ;
}
.staff_modal .modal-dialog{

	width: 50%;
}
@media(max-width: 1170px){
	.staff_modal .modal-dialog{
		width: 90%;

		margin-right: auto;
		margin-left: auto;
	}
}
@media(max-width: 991px){
	#staffbox div.contentimage {
		height: 450px !important;
	}
}
.staff_modal .modal-header{}
.staff_modal .modal-content{}
.staff_modal .modal-footer{}

.menu-social{
	display: inline-flex !important;
}
.mavi{
	color: #112e6e !important;
}
.menu-social > a{
	color: #fff !important;
}
.menu-social > a:hover{
	color: #112e6e !important;
}
.more-link:hover{
	color: #FFF !important;
}
.course-submenu{
	padding-left: 0;
}
.course-submenu li {
	margin-top: 12px;
}
.course-submenu li a{
	color: #bebebe !important;
	font-weight: normal;
	font-size: 16px;
}
.course-submenu li a:hover{
	color: #bebebe !important;
}
.p-extra-top50{
	padding-top: 50px !important;
}
.p-extra-bottom50{
	padding-bottom: 50px !important;
}
.p-extra-top100{
	padding-top: 100px !important;
}
.p-extra-bottom100{
	padding-bottom: 100px !important;
}
.mt-50{
	margin-top: 50px;
}
.mb-50{
	margin-bottom: 50px;
}
.head-ard{
	position: relative;
}

.head-ard h3{
	font-size: 30px;
	font-weight: 900;
	position: relative;
	z-index: 2;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.head-ard h2{
	font-size: 32px;
	font-weight: 900;
	position: relative;
	z-index: 2;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.head-ard h1{
	font-size: 34px;
	font-weight: 900;
	position: relative;
	z-index: 2;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.head-ard span{
	font-size: 130px;
	position: absolute;
	z-index: 1;
	opacity: 0.5;
	left: -10vw;
	top: -108px;
	color: #dbdbdb;
	font-weight: 900;
	text-transform: uppercase;
	display: block;
	width: 100vw;
	text-align: left;
}

.mainp{
	font-size: 24px;
}


div.mainfacbox{
	padding:20px;
	position: relative;
	height: 300px;
	overflow:hidden;
	z-index: 20;
	filter:grayscale(1);
}
div.mainfacbox div.card1{
	position: absolute;
	left: 5%;
	top: 5%;
	height: 90%;
	width: 90%;
	z-index: 3;
	background-size: cover;
	background-repeat: no-repeat;

	transition: all 0.5s ease-in-out;
}
div.mainfacbox div.card1::after{
	content:'';
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg,#e4067e,#112e6e) !important;
	opacity: 0.4;
	z-index: 4;
	transition: all 0.5s ease-in-out;
}
div.mainfacbox div.card1 h3{
	position: absolute;
	width: 75%;
	left: 0;
	bottom: 0;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: WHITE;
	z-index: 5;
	padding: 10px;
	transition: all 0.5s ease-in-out;
	font-size: 23px;


}
div.mainfacbox div.card2{
	position: absolute;
	left: 5%;
	top: 100%;
	height: 90%;
	width: 90%;
	z-index: 6;
	transition: all 0.5s ease-in-out;
}
div.mainfacbox div.card2 p, div.mainfacbox div.card2 a{
	color:WHITE;
	padding:20px;
	font-size: 17px;
}
div.mainfacbox:hover{
	filter:grayscale(0);
}
div.mainfacbox:hover .card1{
	filter:grayscale(0);
}
div.mainfacbox:hover .card1::after{
	width: 100%;
	height: 100%;
	background: linear-gradient(
			45deg
			,#6f6f6f,#112e6e) !important;
	left: 0;
	top:0;
	opacity: 0.9 !important;
	filter:grayscale(0) !important;
}
div.mainfacbox:hover div.card1 h1,div.mainfacbox:hover div.card1 h2,div.mainfacbox:hover div.card1 h3{
	left:25%;
}
div.mainfacbox:hover .card2{
	top:5%;
}
.news-head{
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 60px;

}
.news-head-2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 26px;
}
.main-announs {
	font-weight: 900;
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
}


div.mainfacbox.activites div.card1::after {
	top:unset;
	bottom:0;
	height: 50%;
}

div.sitesearch{
	position: fixed;
	width: 450px;
	height: 450px;
	background: linear-gradient(45deg, rgba(17, 46, 110, 0.69),#112e6e) !important;
	transition: all 1s ease-in-out;
	top:calc(50% - 225px);
	left:calc(50% - 225px);
	z-index: -1;
	border-radius: 450px;
	opacity: 0;

}
div.sitesearch.active{
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 1236;
	border-radius: 0;
	opacity: 1;
}
div.sitesearch input{
	margin-top: calc(25%);
	height: 50px;
	color: WHITE;
	width: 40%;
	margin-left: 25%;
	display: inline-block;
	font-size: 30px;
	font-weight: BOLD;
	font-family: 'Montserrat', sans-serif;
	border:none;
	border-bottom:3px solid WHITE;
}
div.sitesearch button{
	height: 50px;
	color: WHITE;
	width: 10%;
	display: inline-block;
	margin:0;
	font-size: 30px;
	font-weight: BOLD;
	font-family: 'Montserrat', sans-serif;
	border:none;
}
div.sitesearch a.searchcontrol{
	position: absolute;
	right: 50px;
	top:50px;
	font-size: 45px;
	font-weight: BOLD;
	color:WHITE;
	z-index: 60;
}
div.sitesearch a.searchcontrol i{
	font-size: 45px;
}

@media(max-width: 991px){
	div.sitesearch.active{
		z-index: 2400;
	}

	div.sitesearch.active input{
		margin-top: calc(55%);
		height: 50px;
		color: WHITE;
		width: 60%;
		margin-left: 15%;
		display: inline-block;
		font-size: 18px;
		font-weight: BOLD;
		font-family: 'Montserrat', sans-serif;
		border:none;
		border-bottom:3px solid WHITE;
	}

}
.index_etkinlik_slider2 .owl-nav{
	position: absolute;
	z-index: 113 !important;
	right: 15%;
	bottom:calc(50% - 40px);
	width: 100%;
	left: 0;
}

@media(max-width: 991px){
	.index_etkinlik_slider2 .owl-nav{
		position: relative !important;
		right: 0 !important;
		width: 100%;
		bottom: 70%;
	}
	.index_etkinlik_slider2 .owl-nav button{
		/*width: 50% !important;*/

		margin-left: 0 !important;
		right: 0 !important;
		margin-right: 0 !important;
		height: 53px !important;
	}
	.index_etkinlik_slider2 .owl-nav button.owl-prev{
		left:0;
	}
	.index_etkinlik_slider2 .owl-nav button.owl-next{
		right: 0;
	}
	.index_etkinlik_slider2 .owl-nav button span{
		font-size: 30px;
		top: -27px;
		position: relative;
	}
	.slider-content .ordernow {
		width: 25% !important;
		bottom: -53px !important;
		height: 53px !important;
	}
	.slider-content .ordernow span {
		font-size: 22px !important;

	}
}

.index_etkinlik_slider2 .owl-nav button{
	position: relative !important;
	color:WHITE;
}
.index_etkinlik_slider2 .owl-nav .owl-prev{
	background-color:#112e6e9e !important;
	color: WHITE !important;
	height: 85px;
	/* padding: 30px !important; */
	width: 60px;
}
.index_etkinlik_slider2 .owl-nav .owl-next{
	background-color:#112e6e9e !important;
	color: WHITE !important;
	height: 85px;
	/* padding: 30px !important; */
	width: 60px;
}
.slider-content .ordernow{
	position: absolute;
	right: 0;
	width: 15%;
	bottom: 0;
	z-index: 123;
	background: #213555;
}
.slider-content .ordernow span{
	display: inline-block;
	width: 50%;
	text-align: right;
	color: #fff;
	float: left;
	padding: 12px;
	font-size: 30px;
	position: relative;
}

.slider-content .ordernow > span:last-child {
	text-align: left;
}
.slider-content .ordernow > span:last-child::before{
	content: '/';
	/* margin-left: -15px; */
	position: absolute;
	left: -3px;
}
.facultylist{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.whp-container{
	position: fixed;
	right: 15px;
	bottom:100px;
	width: 75px;
	height: 75px;
	z-index: 145;

}
.whp-container a{
	position: relative;

}
.whp-container a div.sentence{
	width: 0;
	max-height: 75px;
	top: 15px;
	right: -15px;
	position: absolute;
	z-index: 1;
	color: WHITE;
	background-color: #25D366;
	overflow:hidden;
	text-align: center;
	padding: 10px 2px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	transition: all 0.3s ease-in-out;
	font-weight: BOLD !important;
	/* text-shadow: 1px 1px 1px #222222; */
	text-transform: uppercase;
	font-size: 0;
}
.whp-container:hover a div.sentence{
	width: 231px;
	right: -8px;
	top: 18px;
	font-size: 14px;
	font-weight: BOLD;
/* padding-right: 10px;
 */
}
.whp-container a div.icon{
position: relative;
z-index: 2;
width: 75px;
height: 75px;
background-color: #25D366;
text-align: center;
border-radius: 75px;
color: WHITE;
font-size: 52px;
box-shadow: 1px 1px 5px GRAY;
}

.mfp-img{
	cursor: pointer !important;
}
.f1520{
	font-size: 15px !important;
	margin-top: 20px !important;
}
.ptb20{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.ml10{
	margin-left: 10px !important;
}
.fs15{
	font-size: 15px !important;
}

.international{
	background-image: url(./../images/white-background.jpg);
	position: relative;
	z-index: 1;
	padding-top: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.international .info{
	position: relative;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 15px;
}

.international .info::before{
	position: absolute;
	content: "";
	width: 25%;
	bottom: -2px;
	border-bottom: 3px solid #213555;
}