/*
| Template created by Kadir Hanoglu
| Author: Dört Bilişim
| URL: https://dortbilisim.com
| Create Date: 17.11.2018
| Last Update: 16.07.2022
| File: content.css
*/

.layout-header.transparent-header {
	background: linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
	padding-bottom: 60px;
}

.fixed .layout-header.transparent-header {
	padding-bottom: 0;
}

#particles {
	position: absolute;
	top: 0; bottom: 5px;
	left: 0; right: 0;
	z-index: 1;
}

body > section {
	padding-bottom: 50px;
}

.diger-bize-ulasin {
	padding-bottom: 0;
}

.content {
	background-color: #f8f8f8;
	padding: 0 0 20px 0;
}

.static-page-content {
	padding: 25px 0 75px 0;
}

/* Content Header Start */

.content-top {
	padding: 200px 0 50px 0;
	position: relative;
}

.content-top .container {
	position: relative;
	display: flex;
	flex-direction: column;
	z-index: 4;
}

.content-top .container.content-header-center {
	align-items: center;
}

.content-top .container > span {
	position: relative;
	color: #fff;
	font-size: 1.75em;
	font-weight: 100;
	margin: 10px 0;
	text-shadow: 0 3px 3px rgba(0,0,0,0.7);
}

.content-top img {
	background-color: #fff;
	position: absolute;
	padding: 10px;
	height: 130px;
	border-radius: 4px;
	top: -20px;
	right: 50px;
}

.content-header-description {
	position: relative;
	margin: 60px 0;
	text-align: center;
}

.content-header-description strong, .content-header-description h1 {
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
	font-size: 2.25em;
	font-weight: 500;
}

.content-header-description strong:before, .content-header-description h1:before {
	content: "";
	position: absolute;
	display: block;
	width: 60px;
	height: 4px;
	left: calc(50% - 30px);
	bottom: 0;
}

.content-header-description p {
	color: #7e8889;
}

/* Content Header End */

/* Content Page Social Share Buttons Start */

.page-social-share {
	display: flex;
	margin: 0 15px 15px;
	justify-content: flex-end;
}

.page-social-share > ul {
	display: flex;
	flex-wrap: wrap;
}

.page-social-share > ul > li {
	margin: 0 8px;
	font-size: 1.5em;
	color: #c0c6cf;
}

.page-social-share > ul > li > a {
	color: #c0c6cf;
}

.page-social-share > ul > li:hover,
.page-social-share > ul > li:hover > a {
	color: #7e858f;
	cursor: pointer;
}

/* Content Page Social Share Buttons End */

/* Blog Start */

.blog-article {
	position: relative;
    margin: 60px 25px;
}

.blog-article:first-child {
	margin: 0 25px 60px 25px;
}

.blog-article > div {
    background-color: #fff;
    position: relative;
    z-index: 2;
	border-radius: 7px;
	transition: .3s all ease;
}

.blog-article:hover > div {
	transition: .3s all ease;
}

.blog-article:after {
	content: "";
	position: absolute;
	display: block;
	width: 90%;
	height: 30px;
	margin: -30px 5% 0 5%;
	border-radius: 100%;
	transition: .3s all ease;
}

.blog-article:hover:after {
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	transition: .5s all ease;
}

.blog-picture, .blog-picture-with-text {
	position: relative;
    width: 100%;
    height: 320px;
    border: 5px solid #f0f2f5;
    overflow: hidden;
}

.blog-picture-with-text {
	position: relative;
	height: 360px;
}

.blog-picture img, .blog-picture-with-text img {
	width: 100%;
	transition: .7s all ease;
}

.blog-article:hover .blog-picture img, .blog-article:hover .blog-picture-with-text img {
	transform: rotate(-3deg) scale(1.2);
	transition: .3s all ease;
}

.blog-article header {
	padding-top: 15px;
}

.blog-article header > h3 {
    font-size: 1.5em;
    padding: 10px 35px;
}

.blog-picture-with-text header {
    position: absolute;
    top: 25%;
    width: 100%;
    text-align: center;
}

.blog-picture-with-text header > h3 a {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: 0.05em;
    text-shadow: 0 1px 5px rgba(0,0,0,0.3);
}

.blog-content {
	color: #555;
	line-height: 2em;
    padding: 10px 35px 35px 35px;
}

.blog-bottom {
	font-size: 0.9em;
	font-weight: 400;
	color: #7e8899;
	margin: 0 20px;
	padding: 30px 10px;
	border-top: 1px solid #f0f2f7;
}

.blog-bottom > div {
	float: left;
	margin: 0 5px;
	padding: 5px 10px;
}

.blog-bottom > div i {
	margin-right: 4px;
}

.blog-bottom > div:last-child {
	background-color: transparent;
	font-size: 1.1em;
	font-weight: 400;
	float: right;
}

.blog-bottom > div:last-child a {
	text-transform: uppercase;
}

.blog-page-article {
	background-color: #fff;
    line-height: 2.3em;
    margin: 0 25px 80px 25px;
    padding: 30px 50px 0 50px;
}

.blog-page-article ul li {
	margin: 15px 0;
}

.blog-page-picture {
	position: relative;
	text-align: center;
}

.blog-page-picture img {
	max-width: 100%;
	min-height: 300px;
	max-height: 500px;
	width: auto;
	height: auto;
}

.blog-page-article header > h1 {
	font-family: 'Quicksand', sans-serif;
	font-size: 2em;
	text-align: center;
	margin: 50px 0;
}

.blog-page-content {
	color: #333;
    line-height: 2em;
}

.blog-page-video {
	margin: 30px 0;
	text-align: center;
}

.blog-page-video > iframe {
	max-width: 100%;
}

.blog-page-bottom {
	font-weight: 400;
	padding: 30px 10px;
	border-top: 1px solid #f7f7f7;
}

.blog-page-bottom > div {
	float: left;
	letter-spacing: 0.03em;
	margin: 0 5px;
	padding: 5px 10px;
}

.blog-page-bottom > div i {
	margin-right: 4px;
}

.relation-articles {
    display: block;
    width: 100%;
    margin: 50px 0;
}

.relation-articles > span {
	font-size: 1.25em;
	font-weight: 500;
}

.relation-articles > ul {
	margin: 15px 0;
	padding: 0;
}

.relation-articles > ul > li {
	list-style: none;
	margin: 0;
}

.relation-articles > ul > li:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	margin-right: 10px;
}

/* Comments Start */

.comments-area {
	background-color: #fff;
	position: relative;
	margin: 0 25px 75px 25px;
	padding: 25px 35px;
}

/* Comments End */

/* Blog End */

/* News Start */

.news-article {
	position: relative;
    float: left;
    width: 46%;
    margin: 25px 2%;
}

.news-article:nth-child(1), .news-article:nth-child(2) {
	margin: 0 2% 25px 2%;
}

.news-article > div {
    background-color: #fff;
    position: relative;
	padding: 0 0 10px 0;
    z-index: 2;
	border-radius: 7px;
	transition: .3s all ease;
}

.news-article:hover > div {
	transition: .3s all ease;
}

.news-article:after {
	content: "";
	position: absolute;
	display: block;
	width: 90%;
	height: 30px;
	margin: -30px 5% 0 5%;
	border-radius: 100%;
	transition: .3s all ease;
}

.news-article:hover:after {
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	transition: .5s all ease;
}

.news-picture, .news-picture-with-text {
	position: relative;
    width: 100%;
    height: 320px;
    border: 5px solid #f5f5f5;
    overflow: hidden;
}

.news-picture img, .news-picture-with-text img {
	width: 100%;
	transition: .7s all ease;
}

.news-article:hover .news-picture img, .news-article:hover .news-picture-with-text img {
	transform: rotate(-5deg) scale(1.2);
	transition: .3s all ease;
}

.news-article > div > header {
	padding-top: 15px;
}

.news-picture ~ header {
	padding-top: 0 !important;
}

.news-article header > h3 {
	display: flex;
	font-size: 1.2em;
	text-align: center;
	align-items: center;
	align-content: center;
	justify-content: center;
	line-height: 1.6em;
	width: 100%;
	height: 66px;
}

.news-picture-with-text header {
    position: absolute;
    top: 25%;
    width: 100%;
    text-align: center;
}

.news-picture-with-text header > h1 a {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	letter-spacing: 0.05em;
    text-shadow: 0 1px 5px rgba(0,0,0,0.3);
}

.news-content {
    min-height: 100px;
    margin: 20px 0;
    padding: 15px;
    color: #555;
    text-align: center;
    line-height: 2em;
}

.news-picture ~ .news-content {
	margin: 0;
	padding: 0 15px;
}

.news-picture-with-text ~ .news-content {
	padding: 30px 15px;
}

.news-bottom {
	font-weight: 400;
	font-size: 0.9em;
	color: #7e8899;
	margin: 0 20px;
	padding: 30px 10px;
	border-top: 1px solid #f0f2f7;
}

.news-bottom > div {
	float: left;
	margin: 0 5px;
	padding: 5px 10px;
}

.news-bottom > div i {
	margin-right: 4px;
}

.news-bottom > div:last-child {
	background-color: transparent;
	font-size: 1.1em;
    font-weight: 400;
	float: right;
}

.news-bottom > div:last-child a {
	text-transform: uppercase;
}

/* News End */

/* Fancybox and Modal Plugin Start */

.FancyPopup {
    display: none;
}

.modal-dialog {
	margin: 3% auto !important;
}

.modal-header {
	padding: 20px 30px !important;
}

.modal-body {
    padding: 20px 40px;
}

#teklifForm {
    width: 800px;
}

#bodyPopup {
    width: 1000px;
}

.content-box .btn-link {
    display: block !important;
    float: right !important;
    margin: 5px 0 0 0;
    padding: 1px 0;
    text-decoration: none;
    color: #8a8a8a;
    border-bottom: 2px dotted #afafaf;
}

.modal-content {
	box-shadow: 0 2px 25px rgba(0,0,0,0.2);
	border-radius: 0;
}

/* Fancybox and Modal Plugin End */

/* Content Social Share Start */

/* Contact Page Start */

.contactForm {
	margin: 50px 0;
}

.contact-page .content-page-header {
	margin: 30px 15px 0 15px;
}

.contact-page .content-page-header h1 {
	font-weight: 500;
	font-size: 2em;
	display: block;
	margin: 25px 0;
}

#map {
    width: 100%;
    height: 640px;
}

.contact-box {
	background-color: #fff;
	padding: 15px;
	margin: 15px 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.contact-box-icon {
	font-size: 2.25em;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.contact-box-icon .fa-phone {
	transform: rotate(90deg);
}

.contact-box-content {
	display: flex;
	flex-direction: column;
}

.contact-box-content > strong {
	font-weight: 600;
	font-family: 'Quicksand', cursive;
	display: block;
	margin: 0 0 15px 0;
}

.contact-box-content > a, .contact-box-content > span {
	font-family: 'Quicksand', cursive;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.contact-social {
	margin: 25px 0;
	text-align: center;
}

.contact-social a {
	display: inline-block;
	margin: 0 10px;
	padding: 8px;
	color: #212529;
	font-size: 1.8em;
}

/* Contact Page End */

/* Static Page Start */

.static-page-content {
	line-height: 2em;
	margin: 80px 0;
}

.static-page-video {
    margin: 50px 0;
    text-align: center;
}

.static-page-video > iframe {
	max-width: 100%;
}

/* Static Page End */

/* Services Pages Start */

.service-article {
	margin: 50px 0;
	padding: 15px;
	transition: .5s all ease;
}

.service-article:hover {
	background-color: #fafafa;
	transition: .5s all ease;
}

.service-article-picture {
	float: left;
    width: 25%;
    border-radius: 30% 10% 10% 30%;
    overflow: hidden;
}

.service-article:nth-child(odd) .service-article-picture {
    float: right;
    border-radius: 10% 30% 30% 10%;
}

.service-article:hover .service-article-picture {
	border-radius: 2%;
    transition: .2s all ease;
    cursor: pointer;
}

.service-article-content {
	float: right;
	width: 75%;
    font-size: 1.3em;
    line-height: 2em;
    padding: 3%;
}

.service-article:nth-child(odd) .service-article-content {
    float: left;
}

.service-article-content > h3 {
	font-size: 1.7em;
	font-weight: 100;
    margin: 30px 0;
}

/* Services Pages End */

/* Announcement Start */

.announcement-article {
	position: relative;
    margin: 10px 0;
}

.announcement-article:hover {
	cursor: pointer;
}

.announcement-article > div {
    background-color: #fff;
    border: 2px solid #f5f5f5;
    border-radius: 0 8px 8px 8px;
    position: relative;
    padding: 20px 25px;
    z-index: 2;
	transition: .3s all ease;
}

.announcement-article:hover > div {
    background-color: #fff;
    border: 2px solid #f0f0f0;
	transition: .3s all ease;
}

.announcement-article > div > time {
	background-color: #777;
	color: #fff;
	width: 80px;
	padding: 10px;
	border-radius: 15px 0 0 15px;
	text-align: center;
	position: absolute;
	top: -2px;
    left: -80px;
    transition: .3s all ease;
}

.announcement-article:hover > div > time {
	background-color: #333;
	transition: .3s all ease;
}

.announcement-article > div > time > span {
	font-size: 2em;
	line-height: 1em;
    display: block;
}

.announcement-article > div > time > strong {
	font-weight: 100;
	line-height: 1.5em;
	text-transform: uppercase;
    display: block;
}

.announcement-article > div > time > em {
	font-size: 1.1em;
	font-style: normal;
	line-height: 1em;
    display: block;
}

.announcement-article header {
    display: block;
    width: 60%;
    float: left;
}

.announcement-article header > h1 {
    font-size: 1.3em;
}

.announcement-content {
	display: block;
	width: 40%;
	float: right;
	color: #555;
}

.announcement-date {
	float: right;
	position: relative;
}

.announcement-date > div {
    border-radius: 50px;
    float: left;
    margin: 10px;
    padding: 10px 20px;
}

.announcement-date > div:first-child {
	background-color: #f9f9f9;
	border: 1px solid #f9f9f9;
}

.announcement-date > div:last-child {
	background-color: #fff1cf;
	border: 1px solid #fff1cf;
}

.announcement-date > div:hover:first-child {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
}

.announcement-date > div:hover:last-child {
	background-color: #ffecc1;
	border: 1px solid #ffecc1;
}

/* Announcement Page Content Start */

.announcement-page-article {
    line-height: 2.3em;
    margin: 50px 0 80px 0;
}

.announcement-page-article ul li {
	margin: 15px 0;
}

.announcement-page-picture {
	position: relative;
	display: flex;
    justify-content: center;
}

.announcement-page-picture img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

.announcement-page-article header > h1 {
	font-family: 'Quicksand', sans-serif;
	font-size: 2em;
	text-align: center;
	margin: 50px 0;
}

.announcement-page-content {
    line-height: 2em;
}

.announcement-page-text {
	background-color: #fff;
	margin-top: 25px;
	padding: 25px;
	border-radius: 7px;
}

.announcement-page-bottom {
	font-weight: 400;
	font-size: 0.9em;
	padding: 30px 10px;
	border-top: 1px solid #f7f7f7;
}

.announcement-page-bottom > div {
	float: left;
	letter-spacing: 0.03em;
	margin: 0 5px;
	padding: 5px 10px;
}

.announcement-page-bottom > div i {
	margin-right: 4px;
}

/* Announcement Page Content End */

/* Announcement End */

/* Reference Page Start */

.reference-page {
	display: flex;
	flex-wrap: wrap;
}

.reference-item {
	background-color: #fff;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 23%;
	height: 200px;
	margin: 1%;
	padding: 15px;
	border-radius: 7px;
}

.reference-item-content {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.reference-item-content > img {
	max-width: 100%;
	width: auto !important;
	max-height: 140px !important;
	height: auto;
}

.reference-item-content > span {
	color: #6b747c;
	font-size: 1.25em;
	font-weight: 500;
	letter-spacing: 0.05em;
}

/* Reference Page End */

/* Team Start */

.team-item {
    background-color: #fff;
    margin: 20px 0.5%;;
    padding: 15px;
    float: left;
    width: 24%;
	border-radius: 7px;
    transition: 0.3s all ease;
}

.team-item:hover {
	transition: 0.3s all ease;
}

.team-picture {
	display: flex;
	width: auto;
	max-width: 100%;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin: 25px;
}

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

.team-item-content {
	position: relative;
}

.social-profiles {
	background-color: #f0f2f5;
	width: 60%;
	margin: 0 20%;
	padding: 15px 0;
	border-radius: 50px;
	position: absolute;
	z-index: 1;
	top: -10px;
	text-align: center;
	transition: .3s all ease;
}

.social-profiles > a {
	display: inline-block;
	margin: 0 8px;
	font-size: 1.3em;
}

.team-item:hover .social-profiles {
	top: -80px;
	transition: .3s all ease;
}

.team-content {
	background-color: #fff;
	position: relative;
	z-index: 2;
	top: -10px;
	padding: 15px 25px;
}

.team-content h4 {
    font-size: 1.1em;
    letter-spacing: 0;
    font-weight: 500;
    margin: 10px 0;
    text-align: center;
}

.team-content > strong {
    display: block;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin: 15px 0;
}

.team-content > strong:after {
	content: "";
	display: block;
	width: 40px;
	height: 1.5px;
	margin: 10px auto;
}

.team-content > span {
    display: block;
	font-size: 0.9em;
    text-align: center;
    color: #7e8889;
    margin: 10px 0;
}

/* Team End */

/* Comments Start */

.comment-item {
	width: 49%;
	float: left;
	margin: 20px 0.5%;
    padding: 10px 25px;
}

.comment-article {
    background-color: #fff;
    padding: 20px;
	border-radius: 7px;
    min-height: 400px;
	transition: .5s all ease;
}

.comment-picture {
	width: 25%;
	float: left;
}

.comment-picture img {
	width: 100%;
}

.comment-item-content {
	width: 75%;
	float: left;
	padding: 10px;
}

.comment-item-content > i {
	display: block;
	font-size: 3em;
	color: #eee;
	text-align: center;
	margin-bottom: 10px;
}

.comment-content > p {
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.8em;
}

.comment-content > h5 {
	font-size: 1.4em;
	font-weight: 400;
	display: block;
	text-align: center;
}

.comment-content > span {
	display: block;
	text-align: center;
}

.comment-rating {
	margin: 10px 0;
	text-align: center;
	color: #eee;
}

/* Comments End */

.article-button {
	background-color: #fff;
    display: inline-block;
    padding: 10px 15px;
	color: #555;
	border: 2px solid #f0f0f0;
	border-radius: 4px;
   	text-shadow: 0 1px 1px #fff;

}

.article-button:hover {
	background-color: #f0f2f5;
}

/* Sidebar Start */

.sidebar-item {
    background-color: #fff;
    margin: 0 -15px 30px -15px;
}

.sidebar-item.left-shadow {
    box-shadow: -8px 0 15px 0px rgba(0,0,0,0.07);
}

.sidebar-item.right-shadow {
    box-shadow: 8px 0 15px 0px rgba(0,0,0,0.07);
}

.sidebar-item > h4 {
	background-color: #fff;
	position: relative;
	display: block;
	padding: 25px 20px;
	margin: 0;
	font-family: 'Quicksand', sans-serif;
	font-size: 1.2em;
	z-index: 1;
	box-shadow: 0 10px 25px -20px rgba(0,0,0,0.2);
}

.sidebar-item > div {
	background-color: #fff;
	padding: 15px 10px;
}

.sidebar-item > ul {
	padding: 0 0 10px 0;
}

.sidebar-item > ul > li {
	font-size: 0.9em;
}

.sidebar-item > ul > li > a {
	display: flex;
    align-items: center;
    padding: 15px 5px 15px 40px;
    margin: 5px 8px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	color: #444;
}

.sidebar-item > ul > li a:hover {
	background-color: #f0f2f5;
	color: #000;
	border-radius: 8px;
}

/* Sidebar End */

/* Comments Start */

.comments-block {
	margin: 15px 0 50px 0;
}

/* Comments End */

.social-share {
    margin: 15px;
}

.social-share ul {
	float: right;
	margin: 0;
	padding: 0;
}

.social-share ul li {
	list-style: none;
	float: left;
}

.social-share > ul > li:first-child {
	color: #ccc;
	font-size: 1.2em;
	margin: 4px;
	padding: 4px 10px;
	cursor: pointer;
}

.social-share li > a {
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	display: inline-block;
	padding: 8px;
	margin: 2px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 1.2em;
	border-radius: 40px;
}

.facebook-icon {
	color: #4267B2;
}

.twitter-icon {
	color: #00ACED;
}

.google-icon {
	color: #DD5044;
}

.linkedin-icon {
	color: #0073B0;
}

.pinterest-icon {
	color: #BD081C;
}

/* Content Social Share End */

.page-loading {
    display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    color: #555;
    visibility: hidden;
	height: 0;
    opacity: 0;
    margin: 0;
    transition: .5s all ease;
}

.pager-is-loading.page-loading {
    visibility: visible;
    opacity: 1;
	height: auto;
    margin: 5%;
    transition: .5s all ease;
}

.page-loading:before {
	content: "\f110";
	font-family: 'Font Awesome 5 Pro';
	font-size: 2.5em;
	font-weight: 100;
	letter-spacing: 0.2em;
	display: block;
	width: 62px;
	height: 60px;
	padding: 0 2px 0 8px;
	margin: 20px auto;
	animation: spin 0.9s infinite linear;
}

/* Content Details End */

/* Surveys Start */

.survey-info {
    background-color: #c1e8ff;
    margin: 25px 0;
    padding: 10px 15px;
    font-size: 0.9em;
    line-height: 2em;
}

.survey-multi-check {
	background-color: #fff;
    margin: 4px 0;
    padding: 5px 10px;
}

.survey-multi-check:nth-child(odd) {
	background-color: #f9f9f9;
}

.survey-multi-check span {
	display: inline-block;
	width: 120px;
}

/* Surveys End */

/* Video List Start */

.video-list-page {
    margin: 80px 0;
}

.video-list-category-filter {
    margin: 30px 0;
    padding: 0;
}

.video-list-category-filter > li {
    list-style: none;
    float: left;
    margin: 5px;
    font-size: 0.9em;
}

.video-category-button {
    background-color: #fff;
    padding: 10px 25px;
    border-radius: 50px;
}

.video-category-button:hover, .video-category-button:focus{
	color: #fff;
	border-radius: 10px;
}

.video-list-page > .row {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

.video-list-item {
	background-color: #fff;
	position: relative;
	width: 31%;
	height: 100%;
	margin: 15px 1%;
	padding: 10px;
	border-radius: 7px;
	transition: .3s all ease;
	overflow: hidden;
}

.video-list-item:hover {
	cursor: pointer;
	transition: .3s all ease;
}

.video-item-picture {
	display: flex;
	position: relative;
	width: 100%;
	overflow: hidden;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.video-item-picture > a {
	display: flex;
	position: relative;
	padding-bottom: 0;
	padding-top: 0;
	width: 100%;
	height: 240px;
	background-color: #000;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.video-item-picture > a > img {
	width: 100%;
	transform: scale(1);
	transition: 2s all ease;
}

.video-item-picture > a:before {
	content: "\f04b";
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	display: flex;
	font-family: Font Awesome\ 5 Pro;
	font-weight: 600;
	font-size: 2.8em;
	color: rgba(255,255,255,0.8);
	width: 80px;
	height: 80px;
	border-radius: 80px;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.8);
	transition: .3s all ease;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.video-list-item:hover .video-item-picture > a > img {
    transform: scale(1.1);
    transition: 2s all ease;
}

.video-list-item:hover .video-item-picture > a:before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition: .3s all ease;
}

.video-item-content {
    min-height: 80px;
    padding: 0 5px;
}

.video-item-content > h3 {
    font-size: 1.3em;
    line-height: 1.2em;
}

.video-item-content > div {
	display: inline-block;
	margin: 0 3px;
	color: #212529;
	font-size: 0.9em;
}

/* Video List End */

/* Video Table Start */

.video-table {
    display: block;
    width: 100%;
}

.video-table > .video-td {
    float: left;
    width: 50%;
    padding: 10px 25px;
}

.video-table > .video-td > iframe, .video-table > .video-td > .youtube-video {
    width: 100%;
	height: 440px;
}

/* Video Table End */

/* Pagination Start */

.content-pagination {
    padding: 0 15px;
    margin: 15px 0;
}

.content-pagination .pagination {
    display: flex;
    padding-left: 0;
    margin: 0;
    border-radius: 0;
}

.content-pagination .pagination > .active > a,
.content-pagination .pagination > .active > a:focus,
.content-pagination .pagination > .active > a:hover,
.content-pagination .pagination > .active > span,
.content-pagination .pagination > .active > span:focus,
.content-pagination .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
}

.content-pagination .pagination > li > a,
.content-pagination .pagination > li > span {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 40px;
	height: 40px;
	float: none;
	padding: 0;
	margin-right: 6px;
	line-height: 1;
	text-decoration: none;
	border: 2px solid #fff;
	border-radius: 14px;
}

.content-pagination .pagination > li > a:hover,
.content-pagination .pagination > li > span:hover {
	background-color: #f0f2f5;
	border: 2px solid #fff;
}

.content-pagination .pagination > .disabled > a,
.content-pagination .pagination > .disabled > span,
.content-pagination .pagination > .disabled > a:hover,
.content-pagination .pagination > .disabled > span:hover {
	background-color: #fff;
	color: #9fa3b3;
	border: 2px solid #fff;
}

.content-pagination .pagination > li:first-child > a,
.content-pagination .pagination > li:first-child > span,
.content-pagination .pagination > li:last-child > a,
.content-pagination .pagination > li:last-child > span {
    border-radius: 14px;
}

/* Pagination End */

/* Custom Table Start */

.table-responsive {
	background-color: #fff;
	padding: 10px 15px 0 15px;
	border-radius: 7px;
	margin-bottom: 25px;
}

/* Custom Table End */

.text-loading {
    display: block;
    text-align: center;
    font-size: 1.4em;
    font-weight: 400;
    color: #000;
    visibility: hidden;
    opacity: 0;
    transition: .5s all ease;
}

.pager-is-loading .text-loading {
    visibility: visible;
    opacity: 1;
    transition: .5s all ease;
}

.text-loading:before {
	content: "\f110";
	font-family: 'Font Awesome 5 Pro';
	font-size: 2em;
	font-weight: 100;
	display: block;
	width: 60px;
	height: 60px;
	margin: 20px auto;
	animation: spin 1s infinite linear;
}

/* Responsive */

@media screen and (max-width: 480px){
    
    /* Content Header Start */
    
    .content-top {
    	padding: 140px 0 30px 0 !important;
	    background-position: 50% -250px !important;
    }

	.content-top h1, .content-top h2, .content-top h3, .content-top .container > span {
		position: relative;
		color: #fff;
		font-size: 1.5em !important;
		font-weight: 100;
		margin: 10px 0;
		text-shadow: 0 3px 3px #000;
	}

	.content-header-description h1, .content-header-description h2 {
		font-size: 1.5em;
	}

	/* Content Details Start */
	
    /* Blog Start */
    
    .blog-article {
        width: 90%;
        margin: 60px 5%;
    }
        
    .blog-picture {
        width: 100%;
        height: auto;
    }
    
    .blog-article header > h3 {
        height: auto;
        font-size: 1.25em;
    }
    
    .blog-content {
        text-align: center;
        padding: 15px 0;
        height: auto;
    }

	.blog-page-article {
		margin: 0 0 40px 0;
		padding: 15px;
	}

	.blog-page-picture img {
		min-height: 100px;
	}
	
	.blog-page-article header > h1 {
		font-size: 1.5em;
		margin: 30px 0;
	}
    
    /* Blog End */
	
    /* News Start */
    
    .news-article {
        float: none;
        width: 90%;
        margin: 60px 5% !important;
    }
        
    .news-picture {
        width: 100%;
        height: 280px;
    }
    
    .news-article header > h3 {
        height: auto;
    }
    
    .news-content {
        text-align: center;
        padding: 15px 0;
        height: auto;
    }

	.news-page-article {
		margin: 0 0 40px 0;
		padding: 15px;
	}

	.news-page-picture img {
		min-height: 100px;
	}
	
	.news-page-article header > h1 {
		font-size: 1.5em;
		margin: 30px 0;
	}
    
    /* News End */
    
    .blog-article:after, .news-article:after {
    	width: 90%;
    	margin: -30px 5% 0 5%;
    }

	/* Comments Start */

	.comments-area {
		margin: 0 0 25px 0;
		padding: 15px;
	}

	/* Comments End */
    
    /* Videos Start */
    
    .video-list-item {
        width: 94%;
        margin: 15px 3%;
    }

	.video-item-picture > a {
		height: 200px;
	}

    .video-item-content {
        min-height: auto;
        padding: 0 5px;
    }

	.video-item-content > h3 {
		font-size: 1.1em;
	}

    /* Video End */
    
    /* Services Pages Start */
    
    .service-article-picture {
    	float: none;
        width: 100%;
        border-radius: 30% 30% 10% 10%;
        overflow: hidden;
    }
    
    .service-article:nth-child(odd) .service-article-picture {
        float: none;
        border-radius: 30% 30% 10% 10%;
    }
    
    .service-article-content {
    	float: none;
    	width: 100%;
        font-size: 1.1em;
    }
    
    .service-article:nth-child(odd) .service-article-content {
        float: none;
    }
    
    .service-article-content > h3 {
    	font-size: 1.5em;
        margin: 20px 0;
    }
    
    .static-page-video {
        margin: 30px 0;
        text-align: center;
    }

    .static-page-video > iframe {
    	width: 100% !important;
    	height: 200px !important;
    }
    
    /* Services Pages End */

	/* Reference Page Start */

	.reference-item {
		width: 46%;
		height: 130px;
		margin: 2%;
	}

	.reference-item-content > img {
		max-height: 120px !important;
	}

	/* Reference Page End */
    
    /* Contact Page Start */
    
    #map {
        width: 100%;
        height: 320px;
    }
    
	.contact-social {
		float: none;
		margin-top: 0;
	}

	.contact-social a {
		padding: 10px;
		font-size: 1.8em;
	}
    
    /* Contact Page End */
}

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



}

@media screen and (min-width: 769px) and (max-width: 1024px){



}

@media screen and (min-width: 1025px) and (max-width: 1280px){
	


}

@media screen and (min-width: 1281px) and (max-width: 1366px){

	/* Blog Page Content Start */

	.blog-page-picture:hover {
		height: 520px;
	}

	.blog-page-picture:hover:before {
		height: 520px;
	}

	.blog-page-article header > h1 {
		font-size: 1.8em;
		margin: 40px 0;
	}

	/* Blog Page Content End */

}

@media screen and (min-width: 1367px) and (max-width: 1440px){
	
	/* Blog Page Content Start */

	.blog-page-picture:hover {
		height: 580px;
	}

	.blog-page-picture:hover:before {
		height: 580px;
	}

	.blog-page-article header > h1 {
		font-size: 1.8em;
		margin: 40px 0;
	}

	/* Blog Page Content End */

}

@media screen and (min-width: 1441px) and (max-width: 1600px){

	/* Blog Page Content Start */

	.blog-page-picture:hover {
		height: 500px;
	}

	.blog-page-picture:hover:before {
		height: 500px;
	}

	.blog-page-article header > h1 {
		font-size: 1.8em;
		margin: 40px 0;
	}

	/* Blog Page Content End */

}

@media screen and (min-width: 1601px) and (max-width: 1920px){

	

}
.video-target {
    cursor: pointer;
}

.video-wrapper {
    display: none;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 21000;
}

.video-frame {
    position: absolute;
    top: 50%;
    left: 50%;
}

.video-close{
    float:right;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
}

.video-close:before {
    content: "×";
}