@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');

html,
body {
  height: 100%;
  width:100%;
  background: #f5f5f5;
}

*{
	margin:0;
	padding:0;
	outline:0 none;
	font-family: inherit;
	box-sizing: border-box;
}

body{
	max-width:100%;
	width:100%;
	height:100%;
    font-family:'Source Sans Pro', sans-serif;
	font-weight:400;
	overflow-x: hidden;
}

:root{

	--blue:#222543;
	--red:#9d2727;
}

a{
	text-decoration:none!important;
	outline:0 none!important
}

img{
	outline:0 none!important
}

.wrap {
	width:100%;
	min-height: 100%;
	height: auto;
	margin: 0 auto 0 auto;
}

.wrap:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	width:100%
}

.clear{
	clear:both
}

.wrapper{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: flex-start;
}

.container{
	width:1230px;
	padding:0 15px;
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
}

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

/*--------------------
	MOBILE NAV
---------------------*/
#closeMenu {
	position:absolute;
	right:32px;
	top:21px;
	display: inline-block;
	cursor:pointer;
	z-index:5000
}

.rMenu{
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.9);
	position:fixed;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	z-index:999999;
	left:auto;
	right:-150%;
	top:0;
	overflow:hidden;
	overflow-y: auto;
	scrollbar-width: none;
	padding:0 0
}

.rMenu::-webkit-scrollbar {
    width: 0px;
	background: transparent;
	display: none;
}

.rMenuIn{
	width:100%;
	height:auto;
	position:relative;
	padding:30px 30px;
	display: block;
}

.rMenu  ul{
	padding:50px 0 50px 0;
	margin:0;
	list-style-type:none;
	width:100%;
	height:auto;
	display:inline-block;
	position:relative;
}

.rMenu  ul > li {
	display:block;
	width:100%;
	height:auto;
	text-align:left;
}

.rMenu  ul > li > a{
	display:flex;
	align-items:center;
	padding: 25px 0;
	text-align:left;
	font-size:22px;
	color:#fff;
	border-bottom:1px solid #eef1f6
}

.rMenu ul > li:hover > a,.rMenu  ul > li.active > a{
	color:var(--red);
}

.rMenu  ul > li > a > i{
	display: inline-block;
	font-style: normal;
	font-size:30px;
	margin-left:auto;
	transition:all 300ms ease 0s;
}

.rMenu ul > li > ul{
	padding:30px 0 0 30px;
	margin:0;
	list-style-type:none;
	width:100%;
	height:auto;
	display:none;
	position:relative;
}

.rMenu  ul > li > ul > li {
	display:block;
	width:100%;
	height:auto;
	text-align:center;
}

.rMenu ul li ul li a{
	padding: 10px 5px 20px 0;
	text-align:left;
	font-size:19px;
	color:#fff;
	text-decoration:none!important;
	border:none!important
}

.plr0 {
	padding-left:0;
	padding-right:0
}

.toggle {
	display:none;
	padding: 0;
	margin: 0 0 0 15px;
	font-size: 18px;
	position: relative;
	z-index: 3000;
}

.toggle span {
	display: block;
	width: 26px;
	height: 2px;
	background: var(--red);
	margin: 8px 0;
	position: relative;
	top: 0;
	transition: top .15s 0s linear,background .3s 0s linear,transform .15s .15s linear,-webkit-transform .15s .15s linear;
}

.toggle.active span:nth-child(1){
	transition:top .15s 0s linear,background .3s 0s linear,transform .15s .15s linear,-webkit-transform .15s .15s linear;
	transform: rotate(45deg);
	top:8px;
}

.toggle.active span:nth-child(2){
	transition: opacity 0s .15s linear,background .3s 0s linear;
	opacity:0
}

.toggle.active span:nth-child(3){
	transition:top .15s 0s linear,background .3s 0s linear,transform .15s .15s linear,-webkit-transform .15s .15s linear;
	transform: rotate(-45deg);
	top:-12px
}


/*--------------
	HEADER
---------------*/
.header-wrapper{
	position: relative;
	z-index:1500;
	font-size:0;
	background: #fff;
}

.header-container{
	width:100%;
}

.header-flex{
	width:100%;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.navigation{
	display:inline-flex;
	justify-content: center;
	align-items: center;
	margin-left:auto;
}

.nav-list{
	list-style-type: none;
	display: block;
	margin:0;
	padding:0
}

.nav-list > li {
	display: inline-block;
	position: relative;
}

.nav-list > li > a{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:23px;
	line-height: 23px;
	font-weight: 700;
	color:var(--blue);
	position: relative;
	z-index:500;
	height:105px;
	padding:0 21px;
}

.nav-list > li:hover > a,
.nav-list > li.active > a{
	color:var(--red);
}

.nav-list > li.thinLi:hover > a,
.nav-list > li.thinLi.active > a{
	background: #f5f5f5;
}

.nav-list > li > a:after{
	content:"\f105";
	font-family: fontAwesome;
	margin-left:10px;
	opacity:0;
	visibility: hidden;
	transition:all 200ms ease 0s;
}

.nav-list > li.thinLi > a:after{
	content:"\f107"
}

.nav-list > li:hover > a:after,
.nav-list > li.active > a:after{
	opacity:100;
	visibility: visible;
	margin-left:10px
}

.thin-wrapper{
	position: absolute;
	top:0;
	left:0;
	min-width:350px;
	opacity:0;
	visibility: hidden;
	transition:all 200ms ease 0s;
}

.thinLi:hover .thin-wrapper{
	opacity:100;
	visibility: visible;
}

.thin-list{
	width:100%;
	margin-top:105px;
	background: #f5f5f5;
	padding:14px 0;
}

.thin-list li{
	display: flex;
	width:100%;
}

.thin-list li a{
	height:auto;
	font-weight: 600;
	font-size:19px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width:85%;
	padding:11px 21px;
	color:var(--blue);
	white-space: nowrap;
	position: relative;
}

.thin-list li a:before{
	content:"";
	width:0;
	height:1px;
	background:var(--red);
	position: absolute;
	bottom:0;
	left:-9px;
	opacity:0;
	visibility: hidden;
	transition:all 600ms ease 0s;
}

.thin-list li a:after{
	content:"\f105";
	font-family: fontAwesome;
	color:var(--red);
	margin-left:auto;
	opacity:0;
	visibility: hidden;
	transition:all 600ms ease 0s;
}

.thin-list li a:hover{
	color:var(--red);
}

.thin-list li a:hover:before{
	opacity:100;
	visibility: visible;
	width:100%;
}

.thin-list li a:hover:after{
	opacity:100;
	visibility: visible;
}

.fixed-search-link{
	display: inline-block;
	font-size:25px;
	color:var(--red);
	margin-right:12px;
	margin-left:12px;
}

.social-list{
	display: flex;
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:0
}

.social-list li{
	margin-left:7px;
	display: inline-block
}

.social-list li a{
	width:25px;
	height:25px;
	text-align: center;
	line-height: 25px;
	font-size:15px;
	background:var(--blue);
	color:#fff;
}

.social-list li a:hover{
	background:var(--red)
}


/*--------------
	SLIDESHOW
---------------*/

.slideshow-wrapper{
	width:100%;
	padding:0;
	display:flex;
	font-size:0;
	max-height:600px;
	background: rgba(34,37,67,1);
	position: relative;
	z-index:500
}

.slideshow{
	width:100%;
	max-height:600px;
	display:flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.slide{
	width:100%;
	max-height:600px;
	display: block;
	position: relative;
	overflow: hidden;
}

.slide:after{
	content:"";
	display: inline-block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background:linear-gradient(to right, rgba(34,37,67,.9) 20%, 
	rgba(125,185,232,.40) 100%);
}

.slide img{
	max-width:100%;
	max-height:100%;
	display: inline-block;
}

.slide-content-wrapper{
	display:flex;
	flex-direction: column;
	position: absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	align-items: flex-start;
	justify-content: center;
	z-index: 200;
	padding-left:105px;
}

.slide-title{
	display: block;
	width:100%;
	text-align: left;
	font-size:60px;
	line-height: 75px;
	font-weight: 300;
	color:#fff;
}

.slide-mobile-title{
	display: none;
	width:100%;
	font-size:30px;
	line-height: 40px;
	font-weight: 700;
	color:#fff;
	text-align: left;
}

.slide-description{
	display: block;
	width:40%;
	text-align: left;
	font-size:30px;
	line-height: 40px;
	font-weight: 700;
	margin-top:30px;
	padding-top:30px;
	border-top:2px solid #9d2727;
	color:#fff
}

.slide-mobile-description{
	font-size:20px;
	line-height: 32px;
	font-weight: 400;
	margin-top:10px;
	color:#fff;
	width:100%;
	text-align: left;
	display: none;
}

.default-cursor{
	cursor:default;
}

#customDots{
	position:absolute;
	left:0;
	bottom:57px;
	z-index:9000;
	width:100%;
	text-align: center;
}

#customDots .owl-dot{
	width:15px;
	height:15px;
	display:inline-block;
	border:2px solid #fff;
	margin-right:10px;
	cursor: pointer
}

#customDots .owl-dot.active{
	background: #fff;
}

/*-----------------
	CENTER
------------------*/
.news-events-articles-wrapper{
	position: relative;
	display:flex;
	justify-content: flex-start;
	z-index:5000
}

.news{
	width:60%;
	display:flex;
	flex-wrap:nowrap;
	justify-content: flex-start;
}

.news-header-wrapper{
	width:8%;
	margin-top:30px;
	position: relative;
}

.news-header{
	height:317px;
	position: relative;
}

.news-header:after{
	content:"";
	display: inline-block;
	width:1px;
	height:100%;
	background: #adafae;
	position: absolute;
	right:15px;
	top:0;
}

.news-header:before{
	content:"";
	display: inline-block;
	width:3px;
	height:46%;
	background: #adafae;
	position: absolute;
	right:14px;
	top:0;
}

.news-title{
    transform: translate(0,100%) rotate(-90deg);
    transform-origin: 10px -10px;
	font-size:20px;
	font-weight: 700;
	color:var(--red);
	letter-spacing: 7px;
	display: inline-block;
	white-space: nowrap;
	position: relative;
}

.news-title:after {
    content: "";
    float: left;
    margin-top: 100%;
}

.news-events-top{
	flex:auto;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.news-list{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

.news-item-wrapper{
	width:50%;
	display: flex;
	padding:0 15px;
	margin-top:30px;
	position: relative;
	transition:all 300ms ease 0s
}

.news-page-list .news-item-wrapper{
	width:25%;
}

.news-item{
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	height:445px;
	overflow: hidden;
	position: relative;
}

.news-item:before{
	content:"";
	display: inline-block;
	width:100%;
	height:100%;
	background: linear-gradient(to bottom,  rgba(0,0,0,0.23) 0%,rgba(0,0,0,0.65) 79%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b000000', endColorstr='#a6000000',GradientType=0 );
	position: absolute;
	top:0;
	left:0;
	z-index:100
}

.news-item-image{
	width:100%;
	height:100%;
	display: flex;
	overflow: hidden;
	position: relative
}

.news-item-image img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}

.news-item-bg-date{
	display: flex;
	align-items: flex-end;
	padding:10px 15px;
	position: absolute;
	left:0;
	top:10px;
	background: var(--red);
	color:#fff;
	z-index:3000;
	font-size:0
}

.news-day{
	font-size:25px;
	line-height: 25px;
	font-weight: 700;
	margin-right:4px;
	display: inline-block;
}

.news-month{
	font-size:15px;
	font-weight: 700;
	margin-right:4px;
	display: inline-block;
}

.news-year{
	font-size:15px;
	font-weight: 400;
	display: inline-block;
}

.news-item-content-wrapper{
	width:100%;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
	align-items: flex-end;
	z-index:500;
	padding:0 10px;
	transition: all 700ms ease 0s
}

.news-item-content{
	width:100%;
	display: flex;
	align-items:flex-start;
	justify-content: center;
	flex-direction: column;
	flex-wrap:wrap;
	overflow: hidden;
	border-top:5px solid var(--red);
	background: #fff;
	padding:19px 11px;
	min-height:25%;
	transition: height 700ms ease 0s
}

.news-item-date{
	display: block;
	width:100%;
	font-size:15px;
	color:#888a89
}

.news-item-title{
	display: block;
	width: 100%;
	font-size:18px;
	line-height: 24px;
	font-weight: 700;
	color:#4b4e4d;
	margin:10px 0
}

.news-item-summary{
	opacity:0;
	visibility: hidden;
	height:0;
	overflow: hidden;
	transition:all 600ms ease 0s;
	font-size:17px;
	line-height: 21px;
	color:#fff
}

.news-item:hover .news-item-content{
	background:var(--red);
}

.news-item:hover .news-item-date,
.news-item:hover .news-item-title,
.news-item:hover .news-item-summary
{
	color:#fff
}

.news-item:hover .news-item-title{
	text-decoration: underline!important;
}

.news-item:hover .news-item-summary{
	opacity:100;
	visibility: visible;
	height:auto
}

.news-events-footer{
	display: block;
	width:100%;
	padding:35px 0;
	text-align: center;
}

.all-news-link{
	display:inline-flex;
	align-items: flex-end;
	justify-content: center;
	color:var(--red);
	font-weight: 700;
	font-size: 25px;
}

.all-news-link i{
	margin-left:23px;
	font-weight: 300;
}

.all-news-link:hover span{
	text-decoration: underline!important;
}

.articles-fall-wrapper{
	width:40%;
	margin-top:-74px;
	background: #fff;
}

.capi-news-wrapper .news-item-wrapper{
	margin-top:0;
	margin-bottom:30px
}

.capi-news-wrapper .articles-fall-wrapper{
	margin-top:0;
	padding-bottom:5px
}

.articles-fall-header{
	display:flex;
	align-items:center;
	justify-content: flex-start;
	height:74px;
	background: var(--red);
	padding:0 23px;
}

.articles-fall-title{
	display: inline-block;
	font-size:20px;
	font-weight: 700;
	color:#fff;
	padding-bottom:16px;
	position: relative;
	letter-spacing:3px
}

.articles-fall-title:after{
	content:"";
	display: inline-block;
	width:90%;
	height:1px;
	background: #fff;
	position: absolute;
	bottom:0;
	left:0;
}

.articles-fall-title:before{
	content:"";
	display: inline-block;
	width:30%;
	height:3px;
	background: #fff;
	position: absolute;
	bottom:-1px;
	left:0;
}

.articles-fall{
	display: block;
	width:100%;
	padding:54px 0;
}

.fall-list{
	list-style-type: none;
	display: block;
	width:100%;
}

.fall-list li{
	display: block;
	width:100%
}

.fall-list li a{
	display: flex;
	width:100%;
	align-items: flex-start;
	justify-content: space-between;
	color:#6a6c6b;
	padding:10px 0;
	position: relative;
}

.fall-list li a:before{
	content:"";
	width:0;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	opacity:0;
	visibility: hidden;
	background: #000;
	transition:all 400ms ease 0s
}

.fall-list li a:hover:before{
	opacity:100;
	visibility: visible;
	width:8px;
}

.fall-left{
	padding:0 52px 0 26px;
	font-size:17px;
	line-height: 1.5;
	transition:all 400ms ease 0s;
}

.fall-right{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: flex-end;
	padding:0 23px;
}

.fall-date{
	display: block;
	width:100%;
	font-size:13px;
	text-align: right;
	white-space: nowrap;
}

.fall-list li a:hover{
	color:var(--red)
}

.fall-arrow{
	opacity:0;
	visibility: hidden;
	transition:all 400ms ease 0s;
}

.fall-list li a:hover .fall-arrow{
	opacity:100;
	visibility: visible;
}


/*------------------
	BOX
-------------------*/

.box-wrapper{
	width:100%;
	align-items:flex-end;
	justify-content: space-between;
	flex-wrap:nowrap;
	position: relative;
	padding-top:40px;
	margin-bottom:60px
}

.box-wrapper-left{
	padding-top:40px;
	padding-bottom:0
}

.box-wrapper-right{
	padding-bottom:40px;
	padding-top:0;
	align-items: flex-start;
}

.box-left{
	min-width:60%;
	width:60%;
	height:100%;
	background-size:cover;
	background-repeat:no-repat;
	background-position: center center;
	padding:120px 0;
	position: absolute;
	z-index:100
}

.box-right{
	width:60%;
	margin-left:auto;
	padding:55px 55px 84px 55px;
	background: #fff;
	position: relative;
	z-index:200;
}

.box-wrapper-right .box-left{
	order:2;
	right:0;
	left:auto;
}

.box-wrapper-right .box-right{
	order:1;
	margin-left:0;
}

.box-title{
	font-size:40px;
	display: block;
	width:100%;
	font-weight: 300;
	color:var(--red)
}

.box-title strong{
	font-weight: 700;
}

.box-summary{
	width:100%;
	display: block;
	margin:45px 0;
	font-size:20px;
	line-height: 30px;
	color:#6a6c6b;
}

.box-footer{
	display: block;
	width:100%
}

.box-link{
	display:inline-flex;
	align-items: flex-end;
	justify-content: center;
	color:var(--red);
	font-weight: 700;
	font-size: 25px;
}

.box-link i{
	margin-left:23px;
	font-weight: 300;
}

.box-link:hover span{
	text-decoration: underline!important;
}

/*------------------
	CONTACT FORM
------------------*/

.contact-form-wrapper{
	width:100%;
	display: block;
}

.form-element{
	width:100%;
	display: block;
}

.contact-form{
	width:100%;
	display: block;
}

.contact-form-top{
	display:flex;
	width:100%;
}

.contact-form-left{
	flex:1;
	display:flex;
	flex-wrap:wrap
}

.contact-form-item{
	display: block;
	width:100%;
}

.contact-input{
	display: inline-block;
	width:100%;
	height:72px;
	line-height: 72px;
	border:none;
	border-bottom:1px solid #adafae;
	padding:0;
	color:var(--blue);
	font-size:20px;
	font-weight: 600;
}

.contact-input::placeholder{
	color:#adafae;
	font-weight: 300;
}

.contact-input:focus{
	border-bottom-color:var(--blue)
}

.contact-form-footer{
	display:flex;
	width:100%;
}

.cff-buttons{
	width:40%;
	margin-top:30px
}

.cff-button{
	width:100%;
	display: inline-block;
	background: var(--blue);
	color:#fff;
	font-weight: 700;
	font-size:20px;
	border:none;
	height:50px;
	text-align: center;
	border-radius:4px;
	box-shadow: 0px 27px 82px -8px rgba(34,37,67,0.64);
}

.cff-button:hover{
	background: var(--red);
	cursor: pointer;
}

.cff-item{
	width:60%;
	margin-top:30px;
	padding:0 30px
}

.cff-label{
	display:flex;
	align-items:flex-start;
	position: relative;
	cursor: pointer;
}

.cff-checkbox{
	position: absolute;
	left:-9999px;
	top:0;
	opacity:0;
	visibility: hidden;
}

.agree-text{
	display:flex;
	font-size:16px;
	line-height: 22px;
	color:#adafae;
}

.agree-text:before{
	content:"";
	font-family: fontAwesome;
	display: inline-block;
	margin-right:15px;
	min-width:15px;
	max-width:15px;
	height:15px;
	border:2px solid #515476;
	text-align: center;
	line-height: 15px;
}

.cff-checkbox:checked + span:before{
	content:"\f00c";
	color:var(--red);
	font-size:25px;
}

.contact-form-header-wrapper{
	width:8%;
	margin-top:30px;
	position: relative;
}

.contact-form-header{
	height:317px;
	position: relative;
}

.contact-form-title{
    transform: translate(0,100%) rotate(-90deg);
    transform-origin: 10px -15px;
	color:var(--blue);
	letter-spacing: 7px;
	display: inline-block;
	white-space: nowrap;
	position: relative;
}

.contact-form-title:after {
    content: "";
    float: left;
    margin-top: 100%;
}

.cft-bold{
	font-size:40px;
	font-weight: 700;
}

.cft-light{
	font-size:40px;
	font-weight: 300;
}

/*------------------
	MAIN CARDS
------------------*/
.main-cards-wrapper{
	background: #fff;
	padding:120px 0 60px 0
}

.main-cards{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
}

.main-card-wrapper{
	width:33.33%;
	padding:0 60px;
	display: block;
}

.main-card{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: center;
	padding-bottom:60px;
	transition:all 300ms ease 0s
}

.main-card-top{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	flex-wrap:wrap;
	width:100%;
	height:260px;
	background: #fff;
	box-shadow: 0px -46px 135px -58px rgba(170,170,170,1);
	border-radius:0;
	transition:all 300ms ease 0s;
	position: relative;
}

.main-card-image{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-card-content{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	width:100%;
	text-align: center;
}

.main-card-title{
	display: block;
	font-size:23px;
	font-weight: 600;
	color:#6a6c6b;
	padding:30px 0 30px 0;
}

.main-card-title:after{
	content:"";
	display: inline-block;
	width:63px;
	height:2px;
	background:var(--red);
	position: absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	transition:all 300ms ease 0s
}

.main-card-summary{
	display: block;
	width:100%;
	margin-top:30px;
	font-size:15px;
	line-height: 23px;
	font-weight: 300;
	color:#4b4e4d;
	padding:0 15px
}

.main-card:hover{
	background: #fff;
	box-shadow: 0px 46px 135px -58px rgba(170,170,170,1);
	border-radius:6px;
}

.main-card:hover .main-card-top{
	border-radius:6px 6px 0 0
}

.main-card:hover .main-card-title:after{
	width:100%;
}

/*------------------
	SHARE BOX
------------------*/

.share-wrapper{
	padding:80px 0
}

.share-box-wrapper{
	padding:60px 0;
	background: var(--red);
}

.share-container{
	justify-content: center;
}

.share-box{
	width:40%;
	text-align: center;
	display: block;
}

.share-box-header{
	display: block;
	width:100%;
	text-align: center;
	font-size:40px;
	color:#fff;
	font-weight: 300;
}

.share-box-header strong{
	font-weight: 700;
}

#share-form{
	display: block;
	width:100%;
	margin-top:30px
}

.share-box-form{
	width:100%;
	display: flex;
	align-items:center;
	position: relative;
}

.share-box-input{
	display: block;
	width:100%;
	height:50px;
	padding:0;
	border:none;
	border-bottom:1px solid #adafae;
	color:#fff;
	background: transparent;
	font-size:20px
}

.share-box-input:focus{
	border-bottom-color:#fff
}

.share-box-button{
	border:none;
	background: transparent;
	color:#fff;
	font-size:25px;
	margin-left:-30px;
	cursor: pointer
}

.share-box-input::placeholder{
	color:#adafae
}

.share-box-label{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	margin-top:42px;
	position: relative;
	cursor: pointer;
}

.share-box-checkbox{
	position: absolute;
	top:0;
	left:-9999px;
	opacity:0;
	visibility: hidden
}

.share-box-label span{
	display: block;
	min-width:24px;
	max-width:24px;
	height:24px;
	border:3px solid #adafae;
	position: relative;
}

.share-box-agree{
	display: block;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	position: relative;
	padding-left:15px;
	font-size:15px;
	font-weight: 700;
	color:#adafae
}

.share-box-checkbox:checked + span:before{
	content:"\f00c";
	color:#fff;
	font-family: fontAwesome;
	font-size:25px;
	position: absolute;
	bottom:-1px;
	display: inline-block;
}


/*------------
	FOOTER
------------*/

.footer-wrapper{
	padding:55px 0 0 0;
	background: #272a29;
	flex-wrap:wrap
}

.footer-items{
	width:100%;
	display: flex;
	flex-wrap:wrap
}

.footer-item{
	padding-right:120px
}

.footer-title{
	display: block;
	position: relative;
	font-size:23px;
	font-weight: 700;
	color:#fff;
	padding-bottom:10px;
	margin-bottom:30px
}

.footer-title:after{
	content:"";
	width:70%;
	height:2px;
	background: var(--red);
	position: absolute;
	bottom:0;
	left:0
}

.footer-list{
	list-style-type: none
}

.footer-list li{
	display: block;
	width:100%;
	margin-bottom:10px
}

.footer-list li a{
	font-size:20px;
	display: inline-block;
	color:#fff;
}

.footer-container{
	position: relative
}

.footer-social-list li{
	margin-left:0;
	margin-right:7px;
	margin-top:14px
}

.footer-social-list li a{
	background:#fff;
	color:#272a29;
}

.footer-social-list li a:hover{
	background:var(--red);
	color:#fff
}

.footer-absolute{
	position: absolute;
	right:0;
	top:0;
}

.footer-360-link{
	display: block;
	text-align: center;
	background-color: var(--red);
	padding:44px 17px 60px 17px;
	background-image: url(../../../img/site/herdem360.png);
	background-repeat: no-repeat;
	background-position: center 100px;
	margin-top:-72px
}

.footer-360-link span{
	display: block;
	width:100%;
	text-align: center;
	font-size:20px;
	line-height: 20px;
	color:#fff
}

.footer-360-link strong{
	display: block;
	width:100%;
	text-align: center;
	font-size:25px;
	line-height: 25px;
	font-weight: 700;
	color:#fff
}

.footer-bottom-wrapper{
	width:100%;
	padding:15px 0;
	background: #1b1c1c;
	margin-top:55px;
	align-items:center
}

.footer-bottom-container{
	justify-content: center;
	align-items: center;
}

.footer-privacy-link{
	color:rgba(255,255,255,.3);
	display: inline-block;
	font-size:20px
}

.footer-privacy-link:hover{
	color:#fff;
	text-decoration: underline!important;
}

.copyright{
	color:rgba(255,255,255,.3);
	margin-left:30px;
	font-size:20px
}

.cookies-box-wrapper{
	background: var(--red);
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:5000
}

.cookies-box{
	display:flex;
	align-items:center;
	padding:15px 0
}

.cookies-desc{
	color:#ccc;
	font-size:14px;
	padding-right:30px;
	width:calc(100% - 200px)
}

.cookies-accept{
	margin-left:auto
}

.cookies-link{
	display: flex;
	align-items:center;
	justify-content: center;
	background: #ccc;
	padding:15px 30px;
	white-space: nowrap;
	color:var(--red)
}

.cookies-link:hover{
	background: #e8e8e8;
}

.cookies-inline{
	display: inline-block;
	color:#fff;
	text-decoration: underline!important;
}

/*------------------
	PAGES & GET TO KNOW
------------------*/
.page-header-wrapper{
	height:35vh;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.page-header-wrapper:before{
	content:"";
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background-color:rgba(157,39,39,.8);
}

.page-route{
	display: flex;
	margin:0;
	padding:0;
	list-style-type: none;
	position: absolute;
	top:30px;
	left:15px;
}

.page-route li{
	display: inline-block;
	font-size:20px;
	color:#fff;
	font-weight: 400;
	padding-right:10px
}

.page-route li:after{
	content:"\f105";
	display: inline-block;
	font-family: fontAwesome;
	margin-left:10px;
}

.page-route li a{
	display: inline-block;
	font-size:20px;
	color:#fff;
	font-weight: 400;
}

.page-route li a:hover{
	text-decoration: underline!important;
}

.page-route li:last-child{
	font-weight: 700;
}

.page-route li:last-child:after{
	display: none;
}

.page-header-container{
	height:100%;
	align-items:center;
	justify-content: center;
	position: relative;
	z-index:500
}

.page-header-name{
	font-size:40px;
	font-weight: 700;
	color:#fff;
	display: inline-block;
	text-align: center
}

.news-page-header-wrapper .page-header-name{
	font-size:30px
}

.page-text{
	width:100%;
	display: block;
	padding:80px 0;
	color:#6a6c6b;
	font-size:20px;
	line-height: 30px;
	text-align: justify;
	font-family:'Source Sans Pro', sans-serif!important;
}

.page-text *{
	font-size:20px;
	line-height: 30px;
	text-align: justify;
	font-family:'Source Sans Pro', sans-serif!important;
}

.page-text p{
	display: block;
	margin-bottom:30px
}

.page-video-wrapper{
	padding:100px 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.page-video-wrapper:before{
	content:"";
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(top,  rgba(34,37,67,0.91) 0%, rgba(34,37,67,0.49) 100%);
	background: -webkit-linear-gradient(top,  rgba(34,37,67,0.91) 0%,rgba(34,37,67,0.49) 100%);
	background: linear-gradient(to bottom,  rgba(34,37,67,0.91) 0%,rgba(34,37,67,0.49) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8222543', endColorstr='#7d222543',GradientType=0 );
	z-index:10
}

.page-video-container{
	position: relative;
	z-index: 20;
	flex-wrap:wrap
}

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

.page-video-title{
	display: block;
	width:100%;
	font-size:65px;
	font-weight: 300;
	color:#fff
}

.page-video-sub-title{
	display: block;
	width:100%;
	font-size:30px;
	font-weight: 700;
	color:#fff
}

.page-video-trigger{
	width:100%;
	display: block;
	text-align: center;
	padding:70px 0
}

.page-video-link{
	display:inline-flex;
	width:220px;
	height:220px;
	border-radius:50%;
	border:6px solid #fff;
	align-items:center;
	justify-content: center;
	font-size:90px;
	color:#fff;
	transition:all 300ms ease 0s
}

.page-video-link i{
	margin-left:15px
}

.page-video-link:hover{
	border-color:var(--red);
	background-color: var(--red);
	color:#fff
}

.page-video-bottom{
	width:100%;
	display: block;
	font-size:20px;
	line-height: 30px;
	color:#fff;
	margin-top:30px
}

.page-contact-wrapper .box-right{
	margin-top:-60px;
}

/*------------------
	COMMUNITY
------------------*/

.community-wrapper{
	background: #fff;
	padding:30px 0 130px 0;
	flex-wrap:wrap
}

.community-top-content{
	width:100%;
}

.community-title{
	display: block;
	width:100%;
	text-align: center;
	font-size:30px;
	color:#9d2727;
	font-weight: 700;
}

.community-boxes{
	flex-wrap:wrap;
}

.community-text{
	display: block;
	width:100%;
	font-size:20px;
	color:#6a6c6b;
	margin-top:30px
}

.community-text p{
	margin-bottom:30px;
	display: block;
	width:100%;
}

.community-box-wrapper{
	padding:0 15px;
	display: block;
	width:100%;
	margin-top:30px;
	font-size:0
}

.community-box{
	width:100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:nowrap
}

.community-box-image{
	overflow: hidden;
	width: 290px;
	min-width: 290px;
	height:auto;
	background: #f00;
}

.community-box-image img{
	width:100%;
	height:auto;
	object-fit: cover;
	object-position: center;
}

.community-box-content-wrapper{
	flex:auto;
	margin-top:20px;
	display: flex;
}

.community-box-content{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:60px 30px;
	box-shadow:0 0 25px 10px rgba(106,108,107,.2);
}

.community-box-title{
	display: block;
	width:100%;
	font-size:30px;
	font-weight: 700;
	color:#9d2727
}

.community-box-text{
	display: block;
	width:100%;
	font-size:20px;
	line-height: 32px;
	color:#6a6c6b;
	margin-top:32px
}

.community-box-wrapper:nth-child(even) .community-box-image{
	order:2
}

.community-box-wrapper:nth-child(even) .community-box-content{
	justify-content: flex-end;
	text-align: right
}

/*------------------
	CONDUCTS
------------------*/

.conduct-cards{
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
	justify-content:flex-start;
	margin-top:30px
}

.conduct-card-wrapper{
	width:33.33%;
	padding:0 15px;
	display: block;
	margin-top:30px;
	min-height:100%;
}

.conduct-card{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	height:100%;
	min-height:400px;
	flex-direction: column;
	align-items:flex-start;
	justify-content: center;
	padding-bottom:30px;
	transition:all 300ms ease 0s;
	background: #fff;
	box-shadow: 0px -46px 135px -58px rgba(170,170,170,1);
	position: relative;
}

.conduct-card-top{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
	width:100%;
	height:auto;
	padding-top:30px;
	border-radius:0;
	transition:all 300ms ease 0s;
	position: relative;
}

.conduct-card-image{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.conduct-card-content{
	flex:auto;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	width:100%;
	text-align: center;
}

.conduct-card-title{
	display: block;
	font-size:23px;
	font-weight: 700;
	color:var(--red);
	padding:30px 0 30px 0;
}

.conduct-card-title:after{
	content:"";
	display: inline-block;
	width:63px;
	height:2px;
	background:var(--red);
	position: absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	transition:all 300ms ease 0s
}

.conduct-card-summary{
	display: block;
	width:100%;
	margin-top:30px;
	font-size:15px;
	line-height: 23px;
	font-weight: 300;
	color:#4b4e4d;
	padding:0 15px
}

.conduct-card:hover{
	background: #fff;
	box-shadow: 0px 46px 135px 0 rgba(170,170,170,1);
}

.conduct-card:hover .conduct-card-title:after{
	width:100%;
}

/*------------------
	RESPONSIBLITY
------------------*/

.responsibility-wrapper{
	flex-wrap:wrap;
	padding-bottom:130px;
	background: #fff;
}

.responsibility-top-content-wrapper{
	width:100%;
	padding:33px 15px 0 15px
}

.responsibility-top-content{
	width:100%;
	display: block;
	padding:90px 30px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

.responsibility-top-content:before{
	content:"";
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(106,108,107,.6);
}

.responsibility-text{
	font-size:20px;
	color:#fff;
	line-height: 32px;
	color:#fff;
	position: relative;
	z-index:200
}

.responsibility-text p{
	margin-bottom:30px;
	display: block;
	width:100%;
}

.responsibility-boxes{
	width:100%;
	display: flex;
	align-items:stretch;
	justify-content: flex-start;
}

.responsibility-box-wrapper{
	width:50%;
	display: flex;
	align-items:flex-start;
	justify-content: flex-start;
	min-height:100%;
	overflow: hidden;
	font-size:0;
	position: relative;
}

.responsibility-box-bg{
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition:all 300ms ease 0s
}

.responsibility-box-wrapper:hover .responsibility-box-bg{
	transform: scale(1.05);
}

.responsibility-box{
	width:100%;
	display: flex;
	align-items:center;
	justify-content: flex-start;
	padding:257px 30px
}

.responsibility-box-content{
	display: block;
	width:100%;
	position: relative;
	z-index:200
}

.responsibility-box-title{
	display: block;
	width:100%;
	font-size:30px;
	font-weight: 700;
	color:#fff;
	padding-bottom:11px;
	position: relative;
}

.responsibility-box-title:after{
	content:"";
	width:164px;
	height:3px;
	background: #fff;
	position: absolute;
	bottom:0;
	left:0;
}

.responsibility-box-text{
	display: block;
	width:65%;
	font-size:20px;
	line-height: 32px;
	font-weight: 400;
	color:#fff;
	margin-top:20px
}

/*------------------
	CAREER
------------------*/

.career-wrapper{
	background: #fff;
	padding:30px 0 130px 0;
	flex-wrap:wrap
}

.career-container{
	flex-wrap:wrap
}

.career-top-content{
	width:100%;
}

.career-boxes{
	width:100%;
	display: flex;
	flex-wrap:wrap
}

.career-box-wrapper{
	width:33.33%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding:0 15px;
	margin-top:30px;
	font-size:0
}

.career-box{
	width:100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding:0 30px 60px 30px;
	overflow: hidden;
	background: #6a6c6b;
}

.career-box-content{
	width:100%;
	display: block;
}

.career-box-top{
	display: flex;
	width:100%;
	align-items: center;
	min-height:100px;
	position: relative;
}

.career-box-top:after{
	content:"";
	display: inline-block;
	position: absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:63px;
	height:2px;
	background: var(--red);
}

.career-box-title{
	display: block;
	width:100%;
	position: relative;
	font-size:23px;
	line-height: 23px;
	color:#fff;
	font-weight: 700;
	text-align: center;
}

.career-box-text{
	display: block;
	width:100%;
	margin-top:10px;
	font-size:15px;
	color:#fff
}

.career-box-text ul{
	list-style: none;
}

.career-box-text ul li{
	display: block;
	width:100%;
	margin-top:30px;
}

.career-box ul li:before,.career-box-text p:before{
	content:"\f111";
	font-family: fontAwesome;
	display: inline-block;
	margin-right:10px;
	color:var(--red)
}

.career-box-1{
	background: #6a6c6b;
}

.career-box-2{
	background: #515476;
}

.career-box-3{
	background: #9d2727;
}

.career-box-3 .career-box-top:after{
	background:var(--blue)
}

.career-box-3 .career-box-text ul li:before,
.career-box-3 .career-box-text p:before{
	color:#fff
}

.career-box-text p{
	display: block;
	width:100%;
	margin-top:30px
}

.career-box-content-2{
	width:100%;
	display: block;
	font-size:20px;
	line-height: 32px;
	color:#6a6c6b;
	margin:40px 0 10px 0
}

.career-box-content-2 p{
	margin-bottom:30px;
	display: block;
}

.career-bottom-content-wrapper{
	padding:0 30px;
	display: block;
	width:100%
}

.career-bottom-content{
	padding:40px 0;
	display: flex;
	justify-content: center;
	width:100%;
	box-shadow:0 16px 47px 1px rgba(0,0,0,.12);
	margin-top:20px
}

.career-bottom-container{
	flex-wrap:wrap;
	justify-content: center;
}

.career-bottom-title{
	display: block;
	width:100%;
	text-align: center;
	font-weight: 700;
	color:var(--red);
	font-size:30px
}

.career-bottom-text{
	width:100%;
	display: block;
	margin-top:40px;
	font-size:20px;
	line-height: 32px;
	color:#6a6c6b
}

.career-bottom-text p{
	display: block;
	width:100%;
	margin-bottom:30px;
}

.career-bottom-text a{
	color:var(--blue)
}

.career-bottom-text a:hover{
	color:var(--red)
}

/*------------------
	CAPABILITIES
------------------*/

.ccategories-wrapper{
	position: relative;
	flex-wrap:wrap;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.ccategories-hero{
	width:100%;
	display: block;
	padding:150px 15px 150px 15px
}

.ccategories-hero-top{
	width:100%;
	display: block;
	max-width:43%
}

.ccategories-title{
	display: block;
	width:100%;
	font-size:30px;
	font-weight: 700;
	color:#fff
}

.ccategories-text{
	display: block;
	width:100%;
	margin-top:30px;
	font-size:20px;
	color:#fff;
	line-height: 32px;
}

.ccategories-links{
	list-style-type: none;
	display:flex;
	width:100%;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top:15px;
}

.ccategories-links li{
	display: inline-block;
	margin-right:10px;
	margin-top:15px;
}

.ccategories-links li a{
	display: inline-block;
	padding:20px 40px;
	text-align: center;
	font-size:20px;
	font-weight: 700;
	color:#fff;
	border:1px solid #fff
}

.ccategories-links li a.active,
.ccategories-links li a:hover{
	background: #fff;
	color:var(--blue)
}

.capi-boxes-wrapper{
	padding-bottom:130px;
	position: relative;
	z-index:600
}

.capi-boxes{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin-top:-82px
}

.capi-card-wrapper{
	width:33.33%;
	padding:0 15px;
	display: block;
	margin-top:30px;
	min-height:100%;
}

.capi-card{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	height:100%;
	flex-direction: column;
	align-items:flex-start;
	justify-content: center;
	padding-bottom:30px;
	transition:all 200ms ease 0s;
	background: #fff;
	box-shadow: 0px -46px 135px -58px rgba(170,170,170,1);
	position: relative;
}

.capi-card-top{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
	width:100%;
	height:auto;
	padding-top:30px;
	border-radius:0;
	transition:all 300ms ease 0s;
	position: relative;
}

.capi-card-image{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.capi-card-image img{
	max-width:100%;
	height:auto;
	display: inline-block;
}

.capi-card-content{
	flex:auto;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	width:100%;
	text-align: center;
}

.capi-card-title{
	width:100%;
	text-align: center;
	display: block;
	font-size:23px;
	font-weight: 700;
	color:#4b4e4d;
	margin-top:30px
}

.capi-card-wrapper-8 .capi-card-title{
	color:var(--red)
}

.capi-card-summary{
	display: block;
	width:100%;
	margin-top:15px;
	font-size:15px;
	line-height: 23px;
	font-weight: 300;
	color:#4b4e4d;
	padding:0 15px
}

.capi-card:hover{
	background: #fff;
	box-shadow: 0px 46px 135px 0 rgba(170,170,170,1);
	transform:scale(1.05)
}

.capi-card:hover .capi-card-title:after{
	width:100%;
}

/*---------------------
	CAPABILITIES DETAIL
----------------------*/

.capabilities-header-wrapper{
	position: relative;
	padding:150px 0 150px 0;
	background-repeat:no-repeat;
	background-position: bottom right;
}

.capabilities-hero{
	display: block;
	width:100%;
	padding:0 45px
}

.capabilities-title{
	display: block;
	width:100%;
	font-size:30px;
	color:#fff;
	font-weight: 700;
	position: relative;
	padding-bottom:15px;
}

.capabilities-title:after{
	content:"";
	display: inline-block;
	position: absolute;
	bottom:0;
	left:0;
	width:143px;
	height:3px;
	background: #fff;
}

.capabilities-text{
	width:100%;
	display: block;
	font-size:20px;
	line-height: 32px;
	color:#fff;
	margin-top:30px
}

.capabilities-text p{
	display: block;
	width:100%;
	margin-bottom:30px
}

.focus-area-wrapper{
	position: relative;
	z-index:700;
	background: #f5f5f5;
	width:50%;
	margin-top:-230px;
	display:flex;
	align-items: flex-start;
	justify-content: flex-end;
	margin-bottom:60px;
}

.focus-area-container{
	width:calc(100% - 45px);
	background: #fff;
	margin-top:-160px;
	padding-bottom:95px;
	min-height:500px
}

.focus-area{
	padding:45px 21px 0 21px ;
}

.focus-area-title{
	font-size:30px;
	font-weight: 700;
	display: block;
	width:100%;
	padding:0 24px
}

.focus-area-content{
	display: block;
	width:100%;
	margin-top:15px;
}

.focus-area-content ul,
.focus-area-content ol{
	display: flex;
	width:100%;
	flex-wrap:wrap
}

.focus-area-content ul li,
.focus-area-content ol li{
	flex:1 0 50%;
	display: flex;
	flex-wrap:wrap;
	padding-right:24px;
	padding-left:24px;
	margin-top:30px;
	font-size:20px;
}

.capi-news-wrapper{
	margin:60px 0;
	width:100%;
	display: block;
}


/*---------------
	NEWS PAGE
----------------*/

.news-page-wrapper{
	padding-bottom:160px;
	background: #fff;
	flex-wrap:wrap
}

.news-page-header-wrapper{
	background: var(--red);
}

.load-more-wrapper{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:60px
}

.load-more-link{
	display: inline-block;
	padding:17px 72px;
	font-size:20px;
	font-weight: 600;
	color:#3b3b57;
	text-align: center;
	background: #fff;
	box-shadow:0 0 50px 10px rgba(106,108,107,.17)
}

.loading-more-image {
	width:100%;
	display: none;
	text-align: center;
}

.loading-more-image img{
	max-width:100%;
	display: inline-block;
}

.no-more-result{
	font-size:20px;
	font-weight: 700;
	color:var(--blue);
	padding:17px 52px;
	background: #fff;
	box-shadow:0 0 50px 10px rgba(106,108,107,.17)
}

/*---------------
	NEWS DETAIL
---------------*/

.news-detail-wrapper{
	margin-top:15px;
	padding-bottom:130px
}

.news-detail{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.news-detail-left{
	width:25%;
	overflow: hidden
}

.news-detail-avatar{
	width:100%;
	display: block;
	overflow: hidden;
}

.news-detail-avatar img{
	max-width:100%;
	height:auto;
}

.news-detail-share{
	width:100%;
	display:flex;
	align-items: center;
	justify-content: flex-end;
	margin-top:30px
}

.share-text{
	display: inline-block;
	font-size:25px;
	color:#4b4e4d;
	font-weight: 300;
}

.share-buttons{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}

.share-buttons li{
	display: inline-block;
	margin-left:15px;
}

.share-buttons li a{
	display: inline-block;
	color:var(--red);
	font-size:25px
}

.share-buttons li a:hover{
	color:var(--blue)
}

.news-detail-right{
	width:75%
}

.news-detail-summary{
	display: block;
	position: relative;
	padding:52px 30px 25px 125px;
	background: #fff;
	width:calc(100% + 76px);
	right:15px;
	top:0;
	z-index:400;
	margin-left:-75px
}

.news-detail-summary-text{
	display: block;
	width:90%;
	font-size:25px;
	line-height: 37px;
	color:#4b4e4d;
}

.news-summary-date{
	display: block;
	width:100%;
	text-align: right;
	font-size:20px;
	font-weight: 300;
	color:#4b4e4d;
	margin-top:15px
}

.news-detail-content{
	width:100%;
	display: flex;
	align-items:flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top:30px
}

.news-detail-content-avatar{
	width:25%;
	overflow: hidden;
	display: none
}

.news-detail-content-avatar img{
	max-width:100%;
	height:auto;
}

.news-detail-text{
	width:100%;
	display:block;
	font-size:20px;
	line-height: 32px;
	color:#4b4e4d;
	padding:0 15px 0 30px;
}

.news-detail-text ul,
.news-detail-text ol{
	padding-left:30px;
}

.news-detail-text p{
	margin-bottom:30px
}

.news-detail-content a{
	color:var(--red);
	font-weight: 700;
}

.news-detail-content a:hover{
	text-decoration: underline!important;
}

/*----------------
	EXPLORE
-----------------*/

.explore-header-wrapper{
	height:35vh;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	background-image: url(../../../img/site/explore-bg.jpg);
	position: relative;
	z-index:1000
}

.explore-header-wrapper:before{
	content:"";
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background: -moz-linear-gradient(left,  rgba(34,37,67,0.94) 0%, rgba(34,37,67,0.15) 100%);
	background: -webkit-linear-gradient(left,  rgba(34,37,67,0.94) 0%,rgba(34,37,67,0.15) 100%);
	background: linear-gradient(to right,  rgba(34,37,67,0.94) 0%,rgba(34,37,67,0.15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0222543', endColorstr='#26222543',GradientType=1 );

}

.explore-header-container{
	height:100%;
	align-items:flex-end;
	justify-content: center;
	position: relative;
	z-index:500;
	flex-wrap:wrap;
}

.explore-hero{
	width:100%;
	display: block;
}

.explore-header-name{
	width:100%;
	font-size:30px;
	font-weight: 700;
	color:#fff;
	display: inline-block;
	text-align: center
}

.explore-header-desc{
	width:100%;
	font-size:20px;
	font-weight: 400;
	color:#fff;
	display: inline-block;
	text-align: center;
	margin-top:20px
}

.counter-wrapper{
	width:100%;
	display: flex;
	margin-top:30px;
}

.counter-container{
	padding:15px
}

.explore-list-wrapper{
	padding-top:20px;
	padding-bottom:130px;
}

.explore-list-container{
	flex-wrap:wrap
}

.explore-no-result{
	display: block;
	width:100%;
	padding:30px 0;
	font-size:20px;
	color:#adafae
}

.explore-form{
	background: #fff;
	width:100%;
	padding:40px 30px 40px 0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
	position: relative;
	bottom:-20px;
	box-shadow:0 10px 50px 10px rgba(0,0,0,.1)
}

.explore-search{
	width:40%;
	display:flex;
	align-items:center;
	justify-content: space-between;
	padding-left:30px
}

.explore-search-input{
	width:calc(100% - 56px);
	display: inline-block;
	border:1px solid #d6d7d6;
	border-right:0;
	height:65px;
	line-height: 65px;
	font-size:20px;
	color:var(--blue);
	padding:0 12px;
}

.explore-search-input::placeholder{
	color:#adafae
}

.explore-search-button{
	background: transparent;
	border:none;
	width:56px;
	height:65px;
	text-align: center;
	font-size:20px;
	color:#adafae;
	border:1px solid #d6d7d6;
	border-left:0;
	cursor: pointer;
}

.explore-selects{
	width:60%;
	display: flex;
	align-items: center;
}

#e-form{
	width:100%;
}

.explore-search-input:focus{
	border-color:var(--blue)
}

.explore-search-input:focus + button{
	border-color:var(--blue);
	color:var(--blue)
}

.explore-select-wrapper{
	display: inline-block;
	padding-left:30px;
	width:33.33%;
	position: relative;
	z-index:300
}

.explore-select-wrapper.active{
	z-index:3000
}

.explore-select{
	display:flex;
	width:100%;
	border:1px solid #d6d7d6;
	background: #fafafa;
	height:65px;
	align-items:center;
	justify-content: space-between;
	padding:0 12px;
	color:#adafae;
	transition:all 400ms ease 0s;
	z-index:300
}

.explore-select-title{
	font-size:20px;
}

.explore-select-icon{
	display: inline-block;
	position: relative;
	transition:all 300ms ease 0s;
}

.explore-select-icon:before{
	content:"\f178";
	font-family: fontAwesome;
}

.explore-select.active{
	background: #fff;
	border:0 none;
	border-bottom:1px solid #eff0f0;
	z-index:8000
}

.explore-select.active .explore-select-title{
	font-weight: 700;
	color:var(--blue)
}

.explore-select.active .explore-select-icon{
	transform:rotate(90deg);
	color:var(--blue)
}

.explore-select.active + div{
	opacity:100;
	visibility: visible;
}

.explore-result-wrapper{
	position: absolute;
	display: block;
	top:65px;
	left:30px;
	max-width:360px;
	min-width:100%;
	background: #fff;
	padding:15px 15px 15px 0;
	height:auto;
	overflow: hidden;
	opacity:0;
	visibility: hidden;
	transition:all 300ms ease 0s;
	box-shadow:0 10px 30px 10px rgba(0,0,0,.1)
}

.explore-result-wrapper.active{
	opacity:100;
	visibility: visible;
}

.explore-result{
	width:100%;
	display: block;
	padding:0;
	height:200px;
	overflow-x:hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	background: #fff;
}

.languages-results{
	padding-right:0
}

.languages-results .explore-result{
	height:auto;
}

.explore-result::-webkit-scrollbar {
    height: 12px;
    width: 5px;
    background: #fff;
}

.explore-result::-webkit-scrollbar-thumb {
    background: var(--red);
	border-radius: 4px;
	width:5px;
}

.explore-result-footer{
	margin-top:30px;
	padding:15px 15px 0;
	text-align: left;
	display: block;
	border-top:1px solid #f5f5f5
}

.explore-select-appy{
	display: inline-block;
	padding:10px 30px;
	text-align: center;
	background: var(--red);
	color:#fff;
	font-size:14px;
	border:none;
	cursor: pointer;
	border-radius:4px
}

.explore-select-appy:hover{
	background: var(--blue);
}

.explore-list{
	display: block;
	width:100%;
	list-style-type: none;
}

.explore-list li{
	display: block;
	width:100%;
}

.explore-label{
	width:100%;
	display:flex;
	align-items: center;
	white-space: nowrap;
	padding:10px 15px;
	position: relative;
	cursor: pointer;
}

.explore-checkbox{
	position: absolute;
	left:-9999px;
	opacity:0;
	visibility: hidden;
}

.explore-label span{
	min-width:13px;
	width:13px;
	height:13px;
	border:2px solid #adafae;
	margin-right:8px;
	display: block;
	position: relative;
}

.explore-item-name{
	font-size:15px;
	display: inline-block;
	color:var(--blue);
	white-space: nowrap;
}

.explore-label:hover{
	background: #f5f5f5;
}

.explore-checkbox:checked + span{
	border-color:var(--red)
}

.explore-checkbox:checked + span:before{
	content:"\f00c";
	color:var(--ble);
	font-family: fontAwesome;
	font-size:18px;
	position: absolute;
	left:-4px;
	top:-8px;
}

.explore-checkbox:checked + span + div{
	font-weight: 700;
}

.explore-items-list{
	margin-top:0;
	display: block;
	width:100%
}

.explore-item-wrapper{
	display: block;
	width:100%;
	font-size:0;
	margin-top:30px
}

.explore-item{
	width:100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background: #fff;
	box-shadow:0 0 30px 1px rgba(0,0,0,.1)
}

.explore-item-left{
	padding:30px;
}

.explore-item-title{
	font-size:20px;
	line-height: 32px;
	font-weight: 700;
	color:var(--red);
	width:100%;
	display: block;
}

.explore-item-date{
	display: block;
	width:100%;
	margin-top:8px;
	font-size:15px;
	color:#adafae;
}

.explore-item-right{
	display: inline-block;
	margin-left:auto
}

.explore-item-link{
	display: flex;
	align-items:flex-end;
	flex-wrap:wrap;
	flex-direction: column;
	justify-content: center;
	background: var(--red);
	color:#fff;
	height:100%;
	width:175px;
	padding-right:15px;
}

.explore-item-link:hover{
	background: var(--blue);
}

.explore-read-more{
	display: block;
	width:100%;
	text-align: right;
	font-size:20px;
	font-weight: 700;
}

.explore-link-icon{
	font-size:20px;
}

.explore-item-footer{
	display: block;
	margin-top:15px;
	width:100%;
	display: none;
}

.explore-mobil-link{
	display:inline-flex;
	align-items:center;
	font-size:16px;
	line-height: 16px;
	font-weight: 600;
	color:#adafae;
}

.explore-mobil-link i{
	display: inline-block;
	margin-left:15px
}

.explore-mobil-link:hover{
	color:var(--red)
}

.explore-mobil-link:hover .explore-mobil-link-title{
	text-decoration: underline!important;
}

.explore-pagination{
	width:100%;
	display: block;
	margin-top:45px;
}

.pagination-list{
	display: flex;
	list-style-type: none;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content: flex-start;
}

.pagination-list li{
	display: inline-block;
	margin-right:8px;
	margin-bottom:15px
}

.pagination-list li a{
	display: inline-block;
	padding:9px 16px;
	background: var(--blue);
	color:#fff;
	text-align: center;
	font-size:15px;
	border-radius:4px
}

.pagination-list li a.active{
	background: var(--red);
}

.pagination-list li a:hover{
	background: var(--red);
}

/*---------------
	ARTICLE
----------------*/

.article-wrapper{
	padding-bottom:130px;
	background: #fff;
}

.article-left-wrapper{
	width:calc(100% - 462px);
	padding-left:105px;
}

.article-right-wrapper{
	width:462px;
	padding:0 30px;
	margin-top:54px;
}

.article-left{
	width:100%;
}

.article-header{
	display: flex;
	justify-content: flex-start;
	margin-top:30px
}

.article-share{
	display: flex;
	align-items:center
}

.article-content{
	width:100%;
	display: block;
	padding-top:56px;
	border-right:1px solid #4b4e4d;
	padding-right:30px
}

.article-text{
	width:100%;
	display: block;
	font-size:20px;
	line-height: 32px;
	color:#4b4e4d;
	font-family:'Source Sans Pro', sans-serif!important;
	text-align: justify;
}

.article-text p{
	margin-bottom:30px;
	font-family:'Source Sans Pro', sans-serif!important;
	text-align: justify;
}

.article-text *{
	font-size:20px!important;
	line-height: 30px!important;
	font-family:'Source Sans Pro', sans-serif!important;
	text-align: justify;
	font-style: normal!important;
}

.article-right-header{
	width:100%;
	display: block;
}

.article-right-title{
	display: block;
	font-size:30px;
	font-weight: 700;
	color:#4b4e4d
}

.related{
	display: block;
	width:100%;
	margin-top:32px;
}

.related-item-wrapper{
	width:100%;
	display: block;
	margin-bottom:42px;
}

.related-item{
	width:100%;
	display: block;
	background: #fff;
	padding:30px;
	box-shadow:0 0 20px 5px rgba(0,0,0,.1)
}

.related-link{
	display: block;
	width:100%;
	font-size:20px;
	color:var(--red);
	line-height:26px;
	font-weight: 700;
}

.related-link:hover{
	text-decoration: underline!important;
}

.related-item-date{
	width:100%;
	display: block;
	margin-top:30px;
	font-size:15px;
	color:#adafae;
	transition:all 300ms ease 0s
}

.related-item:hover .related-item-date{
	margin-top:60px;
}

/*---------------
	CLIENTS
----------------*/

.clients-wrapper{
	margin-bottom:130px;
	padding-bottom:100px;
	position: relative;
	justify-content: flex-end;
}

.clients-bg-wrapper{
	width:100%;
	min-height:88%;
	background: #fff;
	position: absolute;
	left:0;
	top:0;
	padding-top:30px;
}

.clients-bg{
	width:70%;
	position: relative;
	min-height:825px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom:70px solid var(--red)
}

.clients-content{
	width:65%;
	position: relative;
	min-height:825px;
	background: #fff;
	top:75px;
	right:0;
	padding:40px 60px;
	box-shadow:10px 0 20px 10px rgba(0,0,0,.1)
}

.clients-text{
	width:100%;
	display: block;
	font-size:20px;
	line-height: 32px;
	color:#6a6c6b
}

.clients-text p{
	margin-bottom:30px;
	display: block;
	width:100%;
}

.clients-text ul,
.clients-text ol{
	padding-left:30px;
}

/*---------------
	CONTACT US
----------------*/

.contact-header-wrapper{
	height:450px;
	position: relative;
	overflow: hidden
}

.contact-title{
	position: absolute;
	bottom:0;
	left:0;
	padding:30px;
	width:20%;
	z-index:1000;
	background: var(--red);
	color:#fff
}

.contact-map-wrapper{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
}

.contact-map-wrapper iframe{
	width:100%!important;
	height:100%!important;
}

.contact-page-wrapper{
	width:100%;
	position: relative;
	margin-bottom:90px;
	display: block;
}

.contact-content-wrapper{
	width:90%;
	display:flex;
	align-items: flex-start;
	justify-content:space-between;
	background: #fff;
	padding-bottom:70px;
	padding-top:30px;
}

.contact-contact-form-wrapper{
	width:60%;
	padding:0 90px 0 0
}

.contact-infos-wrapper{
	display: block;
	width:40%;
	padding:0 100px 0 10px
}

.contact-infos{
	width:100%;
	background: #fff;
	box-shadow:0 0 60px 20px rgba(0,0,0,.1);
	padding:60px;
	margin-top:-100px
}

.contact-infos-title{
	display: block;
	width:100%;
	text-align: center;
	color:var(--red);
	font-size:30px;
	font-weight: 700;
	margin-bottom:30px
}

.contact-info{
	display: flex;
	width:100%;
	align-items:center;
	justify-content: flex-start;
	margin-top:30px
}

.contact-info-link{
	display:inline-flex;
	align-items:center;
	justify-content: flex-start;
}

.contact-info i{
	font-size:30px;
	color:var(--red);
	display: inline-block;
	margin-right:15px
}
.contact-info-span{
	display: inline-block;
	font-size:18px;
	line-height: 26px;
	color:#888a89
}

.contact-info-link:hover span{
	color:var(--red);
	text-decoration: underline!important;
}

/*---------------
	OUR VALUES
----------------*/

.our-values-wrapper{
	padding-bottom:110px;
	background: #fff;
}

.our-values-container{
	padding:60px 0;
	align-items: center;
	justify-content: center;
	position: relative
}

.values-out-ball{
	width:285px;
	height:285px;
	border-radius:50%;
	box-shadow:0 0 30px 10px rgba(0,0,0,0.1);
	background: #f6f6f6;
	display:flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top:44%;
	left:50%;
	transform:translateX(-50%)
}

.values-in-ball{
	width:229px;
	height:229px;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius:50%;
	border:4px solid #fff;
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(224,223,223,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(224,223,223,1) 100%);
	background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(224,223,223,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e0dfdf',GradientType=1 );
}

.values-in-ball-title{
	font-size:30px;
	font-weight: 700;
	color:var(--red)
}

.values-boxes{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
}

.values-box-wrapper{
	width:40%;
	display:flex;
	justify-content: flex-end;
	margin-top:60px;
	position: relative;
}

.values-box-wrapper:nth-child(even){
	width:40%;
	display:flex;
	justify-content: flex-start;
}

.vb-1{
	width:100%;
	justify-content:center;
}

.values-box{
	width:90%;
	align-items: stretch;
	box-shadow:0 0 30px 10px rgba(0,0,0,0.1);
	border-radius:8px;
	position: relative;
}

.vb-1 .values-box{
	width:35%;
}

.vb-4{
	right:40px
}

.vb-5{
	left:40px
}

.values-box-inner{
	border-radius:8px;
	border-left:50px solid var(--red);
	width:100%;
	padding:0 15px;
	min-height:105px;
	background: -moz-linear-gradient(-45deg,  rgba(235,235,236,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(235,235,236,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(135deg,  rgba(235,235,236,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebec', endColorstr='#00000000',GradientType=1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.values-box-wrapper:nth-child(even) .vbi{
	border-left:0;
	border-right:50px solid var(--red);
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(235,235,236,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(235,235,236,1) 100%);
	background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(235,235,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ebebec',GradientType=1 );
}

.values-box-title{
	display: block;
	width:100%;
	font-size:21px;
	line-height: 21px;
	font-weight: 700;
	color:var(--red)
}

.values-box-text{
	display: block;
	font-size:17px;
	line-height: 19px;
	color:#6a6c6b;
	margin-top:10px
}

.values-box-pin{
	position: absolute;
	left:50%;
	bottom:-10px;
	background:#adafae;
	width:24px;
	height:24px;
	border-radius:50%;
}

.values-box-pin:after{
	content:"";
	height:175px;
	width:3px;
	background: #adafae;
	position: absolute;
	top:10px;
	left:50%;
	transform:translateX(-50%)
}

.values-box-wrapper:nth-child(even) .vbp{
	right:-12px;
	left:auto;
	top:50%;
	transform:translateY(-50%)
}

.values-box-wrapper:nth-child(odd) .vbp{
	left:-12px;
	right:auto;
	top:50%;
	transform:translateY(-50%)
}

.vb-1 .values-box-pin{
	position: absolute;
	left:50%!important;
	bottom:-15px!important;
	top:auto!important;
	transform:0!important;
	width:15px;
	height:15px;
}

.vb-2 .vbp:after{
	transform-origin: 0 0;
	transform:rotate(-50deg);
	height:150px
}

.vb-3 .vbp:after{
	transform-origin: 0 0;
	transform:rotate(50deg);
	height:150px
}

.vb-4 .vbp:after{
	transform-origin: 0 0;
	transform:rotate(-90deg);
	height:120px
}

.vb-5 .vbp:after{
	transform-origin: 0 0;
	transform:rotate(90deg);
	height:120px
}

.vb-6 .vbp:after{
	transform-origin: 0 0;
	transform:rotate(-125deg);
}

.vb-7 .vbp:after{
	transform-origin: 0 0;
	transform:rotate(125deg);
}


/*------------------
	HERDEM 360
------------------*/
.herdem360-header-wrapper{
	height:35vh;
	background: #f5f5f5;
	position: relative;
}

.page-route{
	display: flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	list-style-type: none;
	position: absolute;
	top:30px;
	left:15px;
}

.herdem360-header-wrapper .page-route li{
	display: inline-block;
	font-size:20px;
	color:#888a89;
	font-weight: 400;
	padding-right:10px
}

.herdem360-header-container{
	height:100%;
	align-items:center;
	justify-content: center;
	position: relative;
	z-index:500
}

.herdem360-header-name{
	font-size:40px;
	font-weight: 700;
	color:var(--red);
	display: inline-block;
	text-align: center
}

.h360-boxes-wrapper{
	flex-wrap:wrap
}

.h360-item-100-wrapper{
	width:100%;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding:0;
	position: relative;
	flex-wrap:wrap;
}

.h360-item-100-wrapper img{
	width:100%;
	object-fit: cover;
	object-position: center center;
}

.herdem-360-100-overlay{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	opacity:.8;
}

.h360-item-content{
	position: absolute;
	width:100%;
	min-height:100%;
	left:0;
	top:0;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
}

.h360-item-100-container{
	flex-wrap:wrap;
	justify-content: center;
	position: relative;
	z-index:500
}

.h360-item-100-title{
	width:100%;
	display: block;
	text-align: center;
	font-size:100px;
	font-weight: 700;
}

.h360-item-100-desc{
	width:100%;
	display: block;
	margin-top:15px;
	text-align: center;
	line-height: 34px;
}

.h360-item-50-wrapper{
	align-items: stretch;
	flex-wrap:wrap;
}

.h360-item-50-content{
	width:50%;
	display: flex;
	flex-wrap:wrap;
	min-height:100%;
	order:0;
	padding:60px 90px 60px 30px;
	align-items: center;
	justify-content: flex-start;
}

.h360-item-50-content p{
	display: block;
	width:100%;
	margin-bottom:30px;
}

.order-2 .h360-item-50-content{
	order:1;
	padding:60px 30px 60px 90px;
}

.h360-item-50-image-wrapper{
	display: flex;
	width:50%;
	align-items:center;
	justify-content: center;
	min-height:100%;
	flex-wrap:wrap;
	font-size:0;
	position: relative;
}

.h360-item-50-image{
	width:100%;
	min-height:100%;
	display: flex;
	overflow: hidden;
	position: relative;
}

.h360-item-50-image-overlay{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:.5
}

.h360-item-50-image img{
	width:100%;
	min-height:100%;
	object-fit: cover;
	object-position: center center;
}

.h360-item-50-title{
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	right:30px;
	z-index:800;
	padding:30px 30px 30px 124px;
	border-width:3px;
	border-style:solid;
	border-color:#fff;
	width:calc(100% + 30px);
	text-align: right;
	letter-spacing:10px;
	font-size:160px;
	font-weight: 700;
}

.order-2 .h360-item-50-title{
	left:30px;
	right:auto;
	text-align: left;
}

.h360-item-33-wrapper{
	width:50%;
	display:flex;
	flex-wrap:wrap;
}

.h360-item-33-image{
	width:100%;
	height:345px;
	overflow: hidden;
}

.h360-item-33-image img{
	width:100%;
	min-height:100%;
	object-fit:cover;
	object-position: center;
}

.h360-item-33-content{
	flex:1;
	padding:60px 30px;
	display: block;
	min-height:500px
}

.h360-item-33-title{
	display: block;
	width:100%;
	font-size:45px;
	font-weight: 700;
}

.h360-item-33-text{
	margin-top:60px;
	display: block;
	width:100%;
	line-height: 34px;
}


/*------------
	PRIVACY
-------------*/

.privacy-wrapper{
	flex-wrap:wrap;
	justify-content: flex-start;
	padding-bottom:130px
}

.privacy-left{
	width:40%;
	padding:0 60px 0 30px;
	display: block;
	margin-top:70px;
	position: sticky;
	top:30px
}

.privacy-list{
	width:100%;
	display: block;
	list-style-type: none;
}

.privacy-list li{
	display: block;
	width:100%;
	margin-bottom:30px;
}

.privacy-list li a{
	font-size:18px;
	color:#adafae;
	display:inline-flex;
	align-items:center;
	font-weight: 600;
	transition:all 200ms ease 0s
}

.privacy-list li a:before{
	content:"";
	display: inline-block;
	width:23px;
	height:4px;
	background:#888a89;
	margin-right:11px;
	transition:all 200ms ease 0s
}

.privacy-list li a:hover{
	color:var(--red)
}

.privacy-list li a.active{
	color:var(--red)
}

.privacy-list li a.active:before{
	width:45px;
	margin-right:20px;
	background:var(--red)
}

.privacy-right{
	width:60%;
	padding-right:30px;
	margin-top:40px
}

.privacy-item{
	display: block;
	width:100%;
}

.privacy-item-fake{
	height:30px;
}

.privacy-item-content{
	width:100%;
	display: block;
	font-size:18px;
	line-height: 32px;
	color:#464646;
}

.privacy-item-content p{
	margin-bottom:30px
}

.privacy-item-content ul,
.privacy-item-content ol{
	padding-left:40px
}

.privacy-item-link{
	font-size:18px;
	color:#adafae;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	padding:15px;
	border:1px solid #ddd;
	display: none;
}

.privacy-item-link:after{
	content:"\f107";
	font-family: fontAwesome;
	color:#adafae
}

.privacy-item-link.active{
	color:var(--red);
	border-color:var(--red)
}

.privacy-item-link.active:after{
	content:"\f106";
	color:var(--red)
}

.privacy-item-title{
	font-size:22px;
	line-height: 22px;
	color:var(--red);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	width:100%;
	margin-bottom:30px;
}

.fixed-search-fixed{
	width:100%;
	height:80%;
	position: fixed;
	top:0;
	left:0;
	z-index:6000;
	background: -moz-linear-gradient(top,  rgba(45,48,46,1) 0%, rgba(80,83,81,1) 42%, rgba(128,131,130,0.87) 100%);
	background: -webkit-linear-gradient(top,  rgba(45,48,46,1) 0%,rgba(80,83,81,1) 42%,rgba(128,131,130,0.87) 100%);
	background: linear-gradient(to bottom,  rgba(45,48,46,1) 0%,rgba(80,83,81,1) 42%,rgba(128,131,130,0.87) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d302e', endColorstr='#de808382',GradientType=0 );
	padding:120px 0;
	display:none;
	align-items: flex-start;
	justify-content: center;
}

.fixed-search-fixed.active{
	display:flex
}

.fixed-search-close{
	position: absolute;
	top:30px;
	right:30px;
	color:#fff;
	display: inline-block;
}

.fixed-search-container{
	align-items: flex-start;
	flex-wrap:wrap;
	height:100%;
	padding-bottom:0
}

.fixed-search-header{
	width:100%;
	display: block;
}

.fixed-search-input{
	width:100%;
	height:88px;
	border:1px solid #fff;
	padding:0 25px;
	font-size:50px;
	color:#fff;
	background: transparent;
}

.fixed-counter{
	display: block;
	width:100%;
	text-align: right;
	font-size:16px;
	padding:15px 0;
	color:#fff;
	letter-spacing:.5px
}

.fixed-counter strong{
	font-size:22px;
	font-weight: 600;
}

.fixed-search-result-wrapper{
	width:100%;
	display: block;
	margin-top:30px;
	height:80%;
	overflow: hidden;
	overflow-y: auto;
	scrollbar-width: thin;

}

.fixed-search-result{
	width:100%;
	height:auto;
	display: block;
}

.fixed-search-list{
	display: block;
	width:100%;
	list-style-type: none;
}

.fixed-search-list li{
	display: block;
	width:100%;
	margin-bottom:30px;
}

.fixed-search-list li a{
	display: inline-block;
	font-size:30px;
	color:rgba(255,255,255,.7)
}

.fixed-search-list li a:hover{
	color:#fff
}