/*============================================================
	1. Typography
=============================================================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600,700,800,900");



body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {box-sizing: border-box; padding: 0; margin: 0;}


body a:hover {color: #fff;}

a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {-moz-outline: none; outline: none;}

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

a:active,
a:focus,
a:hover,
a:visited {text-decoration: none; outline: 0;}

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

.clear-both:before,
.clear-both:after {display: table;content: ""; clear: both;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 15px;}
h2 {font-size: 30px; line-height: 38px;}
h3 {font-size: 24px;line-height: 32px;}
h4 {font-size: 20px; line-height: 28px;}
h5 {font-size: 20px;line-height: 28px;}
h6 {font-size: 18px; line-height: 26px; font-weight: 600;}

.news a {color:#262626; text-decoration:underline;}
.news a:hover {color:#262626; }
.news a:visited {color:#262626; text-decoration:none; }

/*=========================
  inharitance css
 ==========================*/

 
.bgc-1 {background-color:#1e5e88;}
.bgc-2 {background-color:#193e57;}



/*BUTTON*/
.btn-1{color:#fff;}
.btn-1:hover{background-color: #1e5e88; color:#fff;}




.top-title {font-weight:3rem; line-height:2.8rem; font-weight:700; letter-spacing:-2px;}

.block-title {background-color:#4d3584; color:#fff; font-family:Roboto,sans-serif; padding:.5rem 1rem; align-items: center; }
.block-title span {border-bottom: 2px solid; display: inline-block; line-height: 17px; height: 27px;}
.block-title h3 {font-size:17px;font-weight:800;text-transform:uppercase; padding:0px; margin:0px;}
.block-title .all {font-size:.8rem; text-decoration:underline;}

.fikstur {}
.fikstur  table{font-size:.8rem;}
.fikstur  table td, .fikstur table th{padding:.3rem;}



.firms {display:block; border-top:1px solid #e3e3e3;}
.firms li {display:inline-block; padding:2rem;}


.multimedya .title {position:absolute; top:10px; left:25px; background-color:#782689; color:#fff; font-size:.8rem; z-index:1; padding:.5rem .6rem; }
.multimedya img{position:relative;display: block; height: auto;    max-width: 100%;	}
	

	
	
	

	
	
.result {}
.result  .result-one{border:1px solid #ccc; padding:2.2rem 1rem;     width:100%; box-sizing: border-box;   box-shadow: 0 0 10px 2px #ccc; background-color:#fff;}
.result  .team-point{font-size:5rem; line-height:4rem; font-weight:bold; text-align:center;}
.result  .team-title{font-size:.8rem; text-align:center; }

.result-info {display:block; text-align:center; margin-bottom:2rem;}
.result-info span{background-color:#333433; color:#fff; font-size:.9rem; padding:.4rem .8rem; border-radius: .4rem;}
.result-wrap {box-sizing:border-box; width:100%; display: inline-flex; }


.team-left {border-right: 1px solid #eee; padding:0 .8rem;}
.team-right { padding:0 .8rem;}

.team-left, .team-right {flex: 1 0 50%; display: inline-flex; align-items: center;}

.team-data {flex: 0 1 60%; display:block;}
.team-logo img {max-width:100%; height:auto;}
.team-logo {flex: 1 0 40%;}
	
	


.team-detail {color:#fff;}
.team-detail .detail{background-color:#330a3b; padding:2rem; }
.team-detail .detail .title{ display: inline-flex; align-items: center; width:100%;}
.team-detail .detail .number{flex: 0 1 20%; display:block; background-color:#782689; color:#fff; font-size:5rem; font-weight:bold; line-height:5rem; text-align:center;}
.team-detail .detail .name{flex: 1 0 80%; display:block; margin-left:2rem; font-size:2rem; font-weight:bold; color:#fff;}
.team-detail .detail .info table{color:#fff;}
.team-detail .content {color:#000;}

	
	
	
.overlay {position: relative;}
.team-area {background: rgba(0, 0, 0, 0) url("../../back4.jpg") repeat scroll center center / cover ; padding:5rem; color:#fff;}
.team-area .team-title {color:#fff; padding-bottom:2rem; font-size:1.5rem;}
.team-area .all {font-size:.8rem; text-decoration:underline; margin-right:2rem;}

.team-area .team-thumb {margin:auto;}
.team-area .team-thumb img {width:100%; 	box-shadow: 0px 7px 12px 7px rgba( 77, 53, 132, .70 );	}
.section-title {margin-bottom:50px;}

.team-area .team-single {padding:.5rem;}
.team-area .team-detail {font-size:1rem; margin-top:2rem;}
.team-area .team-detail .number{font-size:3rem; line-height:2rem; margin-right:.5rem; font-weight:bold;}
.team-area .team-detail .name {font-size:1rem; line-height:1rem; }


	
	
	
	
	
	
/*article*/

.news .news-category{color:#b088b8;border-bottom:1px solid #ccc; display:inline-block; font-size:1rem; text-transform:uppercase; font-weight:600;}
.news .news-photo{border-bottom:2px solid #ccc; border-top:5px solid #ccc;}
.news .news-title{font-size:2.1rem; font-family:inherit; line-height:2.6rem; letter-spacing:-1px; font-weight:700; color:#262626; margin:.6rem 0;}
.news .news-description{font-size:1.4rem; line-height:2rem; font-weight:400; color:#262626; margin:1.5rem 0;}
.news .news-description .fa{margin-right:1rem;}
.news .news-meta{border-top:1px solid #ccc; display:inline-block; font-size:.9rem;}
.news .news-meta .news-date{font-weight:700;}


.news .news-footer {margin:2rem 0; padding:1rem 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.news .news-footer .tags {font-size:.9rem;}
.news .news-footer .tags .title{font-weight:600; text-decoration:underline;}
.news .news-footer .tags span a{color:#c89041;}
.news .news-footer .tags span a:hover{text-decoration:underline;}
.news .news-footer .tags span:after{margin-right:.6rem; content: "";}



ul.social-network {list-style: none; display: inline; margin-left: 0 !important; padding: 0;}
ul.social-network li {display: block; margin-bottom:.3rem;}



.liste-1 {list-style: none; padding-left:.6rem !important; font-family: 'Abril Fatface', cursive;  }
.liste-1 .fa {margin-right:1rem; }
.liste-1 ul {margin-bottom:3rem;}
.liste-1 li {display: block; margin:1.5rem 0;font-size:1.9rem; }
.liste-1 p {font-size:1rem; }




.social-network a.icoRss:hover {background-color: #F56505;}
.social-network a.icoFacebook:hover {background-color: #3B5998;}
.social-network a.icoTwitter:hover {background-color: #33ccff;}
.social-network a.icoGoogle:hover {background-color: #BD3518;}

.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i {color: #fff;}

a.socialIcon:hover, .socialHoverClass {color: #44BCDD;}

.social-circle li a {display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 0%; -webkit-border-radius: 0%; border-radius: 0%; text-align: center; width: 40px;
  height: 40px; font-size: 20px;}
.social-network a {background-color: #D3D3D3;}
.social-circle li i {margin: 0;line-height: 40px;text-align: center;}
.social-circle li a:hover i, .triggeredHover {
	
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 5s;
  -moz-transition: all 5s;
  -o-transition: all 5s;
  -ms-transition: all 5s;
  transition: all 5s;
}

.social-circle i {color: #fff; -webkit-transition: all 0.8s;  -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}

/*Card için auto fix height*/
.row.eqh {display: flex; flex-wrap: wrap;}
.row.eqh > [class*='col-'] {display: flex; flex-direction: column;}
/*Flex newx-box*/
.news-box {margin-bottom:1.5rem;}
.news-box .card {flex: 1; border:none; border-bottom:1px solid #e7e7e7; padding-bottom:3rem;}
.news-box .card .card-body {padding:0px; padding-top:1rem;}
.news-box .card .card-title {font-size:1.2rem; line-height:1.4rem; margin:.8rem 0; font-weight:bold;}
.news-box .card .card-text {  font-size:.8rem; line-height:1.2rem;}
.news-box .card .date {font-size:.7rem;}



.news-box .card:hover {background: url(../../logo-content-back.png) no-repeat center center;}


.card::before, .card::after{content:"";  width: 0;  height: 1px;  position: absolute;  transition: all 0.2s linear;  background: #634e93;}
.card:hover::before, .card:hover::after{  width: 100%;}


/*----- button 4 -----*/
.btn-4::after{right:0; bottom: 0; transition-duration: 0.4s;}
.btn-4::before{  left: 0;  top: 0;  transition-duration: 0.4s;}

.btn-5::after{left:0;  bottom: 0;  transition-duration: 0.4s;}
.btn-5::before{  right: 0;  top: 0;  transition-duration: 0.4s;}


.news-box .col-md-6:nth-child(-n+2){margin-top:0px; padding-top:0px;}
.news-box .col-md-3:nth-child(-n+4){margin-top:0px;}
.news-box .col-md-4:nth-child(-n+3){margin-top:0px;}
.news-box .col-md-3 {margin-top:1.5rem;}
.news-box .col-md-4 {margin-top:1.5rem;}
.news-box .col-md-6 {margin-top:1.5rem;}


/* Title-1 */
.title-1 {margin-bottom:2rem;}
.title-1 h5 {font-weight:bold; font-size:2rem;  display: inline-block;  border-bottom: solid 1px #beac5a;  line-height: 1.1;  margin-bottom: 10px;  padding-bottom: 10px;  vertical-align: middle;}
.title-1 .lead {font-size:1rem;}


/** Col-Grp-1 **/
.col-grp-1 {position: relative;}
.col-grp-1 .item {position: relative; padding: 0px; border:1px solid #ccc;  margin-bottom: 30px;}
.col-grp-1 .item img{width: 100%;}
.col-grp-1 .item .title{display:block; font-size: 1.1rem; font-weight:bold; color: #313131;  margin-bottom:1rem;}
.col-grp-1  .all{ font-size: 1.1rem; font-weight:bold; color: #981515;  margin:1.2rem 0; margin-left:2rem;}
.col-grp-1 .item .text{color: #848484;  display: inline-block;  margin-right: 20px;}
.col-grp-1 .item .text span{color: #fab740;  display: inline-block; }
.col-grp-1 .item .desc{font-size:.81rem; line-height:1.2rem;}


.col-grp-1 .content{position: relative; padding:20px; z-index: 1; }
/*.col-grp-1 .content:before {position: absolute; bottom:0; left:0; width:100%; height:0%;  background: url(../../logo-content-back.png) no-repeat center center;  content: "";  z-index: -1;  -webkit-transition: all 0.7s ease;  transition: all 0.7s ease;  opacity: 0;}*/



	


/** Col-Grp-2 **/
.col-grp-2 {position: relative; margin-top:2rem;}
.col-grp-2 .item {position: relative; padding: 0px; border:1px solid #ccc;  margin-bottom: 30px;}
.col-grp-2 .item img{width: 100%;}
.col-grp-2 .item .title{display:block; font-size: 1.2rem; font-weight:bold; color: #313131; }
.col-grp-2 .item .text{font-size:.8rem; color: #848484;  display: inline-block;  margin-right: 20px;}
.col-grp-2 .item .text span{color: #fab740;  display: inline-block; }
.col-grp-2 .item:hover .content:before{height: 100%;  width: 100%;  opacity: 1;}
.col-grp-2 .item:hover .title, .col-grp-2 .item:hover .text{color: #fff; }
.col-grp-2 .content{position: relative; padding:20px; z-index: 1;}
.col-grp-2 .content:before {position: absolute; bottom:0; left:0; width:100%; height:0%; background: #262626; content: "";  z-index: -1;  -webkit-transition: all 0.7s ease;  transition: all 0.7s ease;  opacity: 0;}


/** Col-Grp-3 **/
.col-grp-3 {position: relative; margin-top:2rem;}
.col-grp-3 .item {position: relative; padding: 0px; border:1px solid #ccc;  margin-bottom: 30px;}
.col-grp-3 .item img{width: 100%;}
.col-grp-3 .item .title{display:block; font-size: 1.1rem; font-weight:bold; color: #313131;  margin:1.2rem 0;}
.col-grp-3  .all{ font-size: 1.1rem; font-weight:bold; color: #981515;  margin:1.2rem 0; margin-left:2rem;}
.col-grp-3 .item .text{color: #848484;  display: inline-block;  margin-right: 20px;}
.col-grp-3 .item .text span{color: #fab740;  display: inline-block; }
.col-grp-3 .item:hover .content:before{height: 100%;  width: 100%;  opacity: 1;}
.col-grp-3 .item:hover .title, .col-grp-1 .item:hover .text{color: #fff; }
.col-grp-3 .content{position: relative; padding:.2rem 2rem; z-index: 1; min-height:130px;}
.col-grp-3 .content:before {position: absolute; bottom:0; left:0; width:100%; height:0%; background: #093c6f; content: "";  z-index: -1;  -webkit-transition: all 0.7s ease;  transition: all 0.7s ease;  opacity: 0;}


/* Spot-1*/
.spot-1 {position: relative;    background: #da4d4d;    padding: 130px 0; color:#fff;}
.spot-1 .title{font-weight:bold; font-size:2rem; display:block;margin:2rem 0;}
.spot-1 .lead{margin:2rem 0;}
.spot-1 .dark-mask {position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: 0.6;  filter: alpha(opacity=30);}
.spot-1.img-fix {background: url('../../wp-content/99.jpg') center top no-repeat;  background-attachment: fixed;  background-size: cover;}



.embed-container {position: relative;  padding-bottom: 56.25%;  height: 0;  overflow: hidden;  max-width: 100%;}

.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}

.img-box {height: 190px;   background-size: cover;    background-repeat: no-repeat;    background-position: center; overflow:hidden;}



.col-title {font-size:1rem; margin-bottom:1rem; font-weight:bold;}
.col-grp-3 {position: relative; margin-top:2rem; padding:1rem; }
.col-grp-3 ul li{margin-bottom:.8rem; border-bottom:1px solid #ccc; padding-bottom:1rem;}
.col-grp-3 ul li h3{font-size:.9rem;}
.col-grp-3 ul li .date{font-size:.8rem; color:#ccc;}
.col-grp-3 ul li .title{font-size:.8rem; line-height:1rem; display:block; font-weight:700; color:#262626;}
.col-grp-3 ul li:after {content: ''; display: table; clear: both;}
.col-grp-3 ul li>div {float:left;}
.col-grp-3 .news-thumbnail {width: 120px; height:65px; margin-right: 15px; overflow:hidden;}
.col-grp-3 .news-thumbnail img {	width: 100%;}
.col-grp-3 .news-content {width: calc(100% - 140px);}
.col-grp-3  .all{ font-size: 1.1rem; font-weight:bold; color: #981515;  margin:1.2rem 0; margin-left:2rem;}


/* DETAIL - HEADLINE*/

.headline-detail {height:220px; position:relative; padding-top:120px;}
.headline-detail h1{margin:1rem 0;color:#fff; font-size:1.5rem; font-weight:bold;}
.headline-detail {position:relative;background: url('../../back-detail-02.jpg') center center no-repeat;  background-attachment: fixed;  background-size: cover;}

.headline-detail::after { content:"";  display: block;    height: 100%;    position: absolute;    top: 0;    left: 0;    width: 100%;    background-color: rgba(0, 0, 0, .5);}






.headline-detail .cpr-breadcrumb-wrapper {z-index:2; position:relative;}
.headline-detail .cpr-breadcrumb {margin: 0; color:#eee; font-size:.8rem;}
.headline-detail .cpr-breadcrumb li {display: inline-block}
.headline-detail .cpr-breadcrumb li:after {content: "\f105";  margin: 0 5px; font: normal normal normal 12px/1 FontAwesome}
.headline-detail .cpr-breadcrumb li a {text-decoration: none; color: inherit}
.headline-detail .cpr-breadcrumb li:last-child:after {content: ""; margin: 0}



.social-icons {padding:0;		display:block; 		overflow:hidden	}
.social-icons span a {		border-left:1px solid #f2f2f2;		font-size:12px;		text-align:center;padding:.5rem;		line-height:22px;		overflow:hidden;display:block;float:left;}
	
.contact-info-blocks{text-align:right;}
.contact-info-blocks .item{font-size:.8rem;}
.contact-info-blocks > div{display:inline-block; padding:0 20px;	border-right:1px solid #171818;	color:#fff;	text-align:left;}
.contact-info-blocks > div:last-child{border-right:0;	padding-right:0;}
.contact-info-blocks > div > span{	display:block;	font-size:1.1rem;	color:#666;}




/* HEADER */

	header { width: 100%;  z-index: 99;}
	.top-header {background-color:#8b0a0a; opacity:1; color:#fff; padding:.8rem; font-size:.8rem;  border-bottom:1px solid #262626;}
	.top-header{height:50px; width: 100%; clear: both; z-index: 1; position: relative;}
	.top-header p{margin-bottom: 0px;  color: #fff; font-size: 13px;}
	.top-header .float-right a {color:#fff;}



	.nav-header { padding:.8rem; min-height:140px;; box-shadow:3.5px 6.1px 30px rgba(0,0,0,0.57); z-index:4;}

	.dropdown-menu {background-color:#8b0a0a; padding:0 !important; border-radius:0 !important;}
	.dropdown-menu .dropdown-item {color:#fff !important; padding:.6rem !important;}
	.dropdown-menu .dropdown-item:hover{background-color:#0a1e33 !important; }

.dropdown:hover>.dropdown-menu {display: block;} /* auto*/


.nav-header ul.navbar-nav > li.active > a {background-color: #8b0a0a; color:#fff;}
.nav-header ul.navbar-nav > li > a { background-color:#8b0a0a; color:#fff; font-weight:bold; font-size:.9rem; padding:.2rem 4rem; margin:.2rem;}
.nav-header ul.navbar-nav > li > a:hover {background-color: #0a1e33; color:#fff;}
.nav-header ul.navbar-nav > li > a:hover:after {opacity: 1; visibility: visible;}
.nav-header ul.navbar-nav .nav-link {padding:.2rem .8rem !important;}





.log {margin:2rem 0;}
.logo {padding:2rem 0;    width:150px; height: 141px;    background: url(../../wp-content/content/logo.png) no-repeat center left;	background-size: 150px 141px;	display:block;}
.logo a{color:#fff;}
.logo img{width:49px;}
.logo h1 {	font-size:3rem;	line-height:.8rem;	font-weight:bold;    padding-top: 1px;    margin-bottom: 0;}
.logo p {	color:#fff;    margin-top: 1px;    font-size: 10px;    line-height: 10px;    text-transform: uppercase;    display: block;}

.phone-box{display: inline-block;  margin-right: 10px;}
.mail-box{display: inline-block;}
.social-linkedin, .social-facebook, .social-twitter, .social-instagram{display: inline-block;  font-size: 13px; color: #FFF;}
.social-linkedin, .social-facebook, .social-instagram{ margin-right: 10px;}




footer {position:relative; background-color:#4B5563;}
.footer-content { padding:5rem 0; border-top:1px solid #2b2b2b; font-size:.9rem; line-height:1rem;}
.footer-content .title {font-weight:bold; color:#a9d6f6 !important; font-size:1rem !important; }
.footer-content .title-b {margin-right:1rem; background-color:#040e14;padding:.5rem 1rem; border-radius:5px; font-weight:bold; color:#fff !important; font-size:1rem !important;}

.footer-content .nav-link:hover{color:#a9d6f6; text-decoration:underline;}

.footer-content .item .news .nav-link {padding-right:1rem;}
.footer-content .item ul li {padding:0;}
.footer-content .item .nav-link {padding:.3rem 0; color:#bdbdbd;}
.footer-content .item {border-right:1px solid #2b2b2b;}
.footer-content .page {border-bottom:1px solid #2b2b2b; margin-bottom:1rem; padding-bottom:1rem; border-top:1px solid #2b2b2b; padding-top:1rem; margin-top:1rem;}
.footer-content .page .nav-link { padding:.2rem .4rem; margin-right:1rem; background-color:#AB1A25;}
.footer-content .item .description {font-size:.8rem; color:#596881; padding-right:1rem;}
.footer-content .item .phone {line-height:1rem; margin-top:1rem; font-weight:700;}


.footer-content .social .title{font-size:1rem; padding-bottom:2rem; color:#fff;}
.footer-content .social ul li{display: inline-block; text-align:center;}
.footer-content .social ul li a:hover {border: 2px solid #9a1515; background: #b71919; color: #fff;}
.footer-content .social ul li a {border: 2px solid #fff; color: #fff; display: block; font-size: 16px; height: 30px; line-height: 27px; margin: 0 3px; width: 30px;}



.footer-content .adresses {font-size:0.8rem; color:#fff;}
.footer-content .adresses .but {margin:1rem 0; background: none; color: #fff; font-size: 0.7rem; text-align: center; border: 0.1rem solid; transition: all 0.3s ease 0s; justify-content: center;}
	
.footer-content .adresses  .contact-links ul {padding:0px;}
.footer-content .adresses  .contact-links .fa{margin-right:0.4rem;}
.footer-content .adresses  .contact-links li {margin:0.5rem 0;}
.footer-content .adresses  .contact-links li:nth-child(1) {margin-top:1rem; padding-top:1rem; }
.footer-content .adresses  .contact-links li i {color: #ffffff; font-size: 16px;}	
.footer-v2 .footer-bottom{background-color:#06131c; color:#3a4b5c; padding:1rem; font-size:.8rem;}	
	

	
	
	
	
	

.product-detail {}
.product-detail .detail {background-color:#f4f4f4; border-radius:6px; padding:1rem 0;}
.product-detail .photo {border:1px solid #ccc;}
.product-detail .title {font-size:2rem; font-weight:bold;  margin-bottom:2rem; background-color:#224a65; color:#fff; padding:1rem; border-radius:6px; border:1px solid #091b27;}





.product-tab {}
.product-tab a{color:#262626; font-weight:bold;}
.product-tab .nav {border-bottom:1px solid #ccc; background-color:#cfe9fb;     border-radius: .30rem;}
.product-tab .tab-pane {padding:1rem; border:1px solid #fff; border-radius: .30rem;}
.product-tab .nav-item .active, .product-tab .nav-item a:hover {opacity: 1;  top: 0; background-color:#182f3e; color:#fff;}




.container .gallery .img-thumbnail {border:none !important;
	
}
.container .gallery a img {


  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}






#feature { background: #f2f2f2;  padding: 5rem 0;}
#feature h1{font-weight:bold; font-size:2rem;}

.features{
  padding: 0;
}

.feature-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}

.feature-wrap h2{
  margin-top: 10px;
}

.feature-wrap .pull-left {
  margin-right: 25px;
}

.feature-wrap i{
  font-size: 48px;
  height: 110px;
  width: 110px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #ffffff;
  color: #0b5298;
  border: 3px solid #ffffff;
  box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 25px;
}

.feature-wrap i:hover {
  background: #0b5298;
  color: #fff;
  box-shadow: inset 0 0 0 5px #c52d2f;
  -webkit-box-shadow: inset 0 0 0 5px #c52d2f;
  border: 3px solid #c52d2f;
}

.title2 {font-size:20px; margin:5px 0; color:#262626; font-weight:bold;}
.desc2 {
    font-size: 14px;
color: #505050;}

.lead {
    font-size: 1rem;
    font-weight: 300;
}}

/*Product Tab*/
.nav-mytabs {margin-top: 2rem;}
.nav-mytabs li:not(:last-child) {margin-right: 7px;}
.nav-mytabs a {position: relative; top: 4px;  padding: 10px 25px;  border-radius: 2px 2px 0 0;  background: white;  color: black;  opacity: 0.7;  transition: all 0.1s ease-in-out;}
.nav-mytabs a.active, .nav-mytabs a:hover {opacity: 1;  top: 0; background-color:#d49d42; color:#fff;}
.mytab-content {position: relative; z-index: 2;  padding: 25px;  border-radius: 0 4px 4px 4px;  background: white; display:block;}
.nav-mytabs a:hover {color:#000;}



.main-slider{position:relative;min-height:100px;width:100%;opacity:0;visibility:hidden;transition:all 1.2s ease; overflow:hidden;}
.main-slider.slick-initialized{opacity:1;visibility:visible}
.main-slider .slick-slide{height:auto;position:relative;}
.main-slider .slick-slide::before{background-color:#000;opacity:.1;z-index:1}
.main-slider .slick-slide video{display:block;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.main-slider .slick-slide iframe{position:relative;pointer-events:none}
.main-slider .slick-slide figure{position:relative;height:100%}
.main-slider .slick-slide .slide-image{opacity:0.5;height:100%;background-size:cover;background-position:center;transition:all .8s ease}
.main-slider .slick-slide .slide-image.show{opacity:1}
.main-slider .slick-slide .image-entity{width:100%;opacity:0;visibility:hidden}
.main-slider .slick-slide .loading{position:absolute;top:44%;left:0;width:100%}
.main-slider .slick-slide .slide-media{-webkit-animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1);animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1)}
.main-slider .slick-slide.slick-active{z-index:1}
.main-slider .slick-slide.slick-active .slide-media{-webkit-animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1);animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1)}
.main-slider .slick-slide.slick-active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .7s cubic-bezier(0.32,0.34,0,1.62) .6s}

.main-slider .slick-arrow{z-index:10;  position: absolute;  top: 50%;  color:#fff;  font-size:4rem;  cursor:pointer;}
.main-slider .fa-angle-left{  left: 5%;  width: 0;  height: 0;}
.main-slider .fa-angle-right{  right: 5%;  width: 0;  height: 0;}

.main-slider .caption-wr {position:absolute; bottom:40%; left:21%; width:60%; opacity:1; z-index:1; color:#fff;}
.main-slider .title{font-size:3.3rem; line-height:3.3rem; letter-spacing:-1px;  width:70%; font-weight:bold; color:#fff; border-bottom:1px solid #fff; padding-bottom:1rem;}
.main-slider .title a{color:#fff; text-shadow: 2px 2px 4px #000000;}

.main-slider .info{align-items: center;  justify-content: center;}
.main-slider .desc{font-size:1rem; line-height:1.2rem;}
.main-slider .cat{background-color:#29afea; padding:0 .8rem; margin-right:1rem; font-size:.8rem;}
.main-slider .date{}


.main-slider .slick-dots{position:absolute; bottom:40px; left:50%; text-align:center;}
.main-slider .slick-dots li{display:inline-block;vertical-align:top;margin:0 8px}
.main-slider .slick-dots li button{width:16px;height:16px;border:none;cursor:pointer;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 0 transparent;vertical-align:middle;color:#fff;background-color:#fff;transition:all .3s ease;opacity:.4}
.main-slider .slick-dots li button:focus{outline:none}
.main-slider .slick-dots li button:hover{opacity:1}
.main-slider .slick-dots li.slick-active button{border-color:#2d3042; background:#2a668e; box-shadow:0 0 0 2px #fff;opacity:1}


.slick-slide:focus {
	outline:0 !important;
}

.slick-slider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
	width:auto;
	height:auto;
}

.slick-slider .slick-dots li button {
	font-size:inherit;
    border: none;
    display: block;
    text-indent: -9999em;
    width: 16px;
    height: 16px;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}





.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}


.js-arrow { background: rgba(255, 255, 255, .30); width: 40px; height: 40px;	padding: 0;	line-height: 40px;	display: inline-block;	text-align: center;	font-size: 16px;	color: #ffffff;	transition: all .3s ease-in-out 0s;	z-index: 9;	border: none;	box-shadow: none;	cursor: pointer;	}

.js-arrow:hover {background-color:#4d3584;	color:#ffffff;}


.shows::before {width:100%;  content:'';  display:block;  position:absolute;  bottom:0;  left:0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0, 1) 100%);  height:100%;}

	
.sl-wrapper .sl-navigation button {color:#fff !important;}
	
.custom-toggler.navbar-toggler {
    border-color: rgb(14,38,125);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(9,55,244, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.home-single {}

.column-title-v1 h4 {background: url(/wp-content/uploads/sites/stripe.png) repeat; width: 100%; text-align: left; font-family: BebasNeueRegular, arial, Georgia, serif; margin: 10px 0 20px;} 
.column-title-v1 h4 span {background:#fff; padding:0 10px; font-size:1.3rem; display:inline-block;}

.column-title-v2 h4 {background: url(/wp-content/uploads/sites/stripe.png) repeat; width: 100%; text-align: left; font-family: BebasNeueRegular, arial, Georgia, serif; margin: 0 0 1rem; } 
.column-title-v2 h4 span {background:#262626; padding:0 10px; font-size:1.3rem; display:inline-block;}

.sidebar {padding-right: 0px;}
.sidebar .list-content a{background-color:#1d2b2c; font-size:.9rem; padding:.7rem; margin-bottom:.2rem; color:#fff;}
.sidebar .list-content a:hover{background-color:#155ba0;}
.sidebar .widget {padding:15px;margin-bottom:2rem; border:1px solid #ccc;}
.sidebar .widget .ads {width:100%;}
.sidebar .widget p {color:#fff; font-size:.8rem; line-height:1rem;}
.sidebar .white {background:none !important; color:#fff; font-weight:bold;}



.spot-head {margin-top: -70px; position: relative;  z-index: 1;}
.spot-head-cell {padding:2rem; border:10px solid #202935;}

.spot-head .form-group {margin-bottom:0px;}


.home-list {margin-top:2rem;}
.home-list .card-body h5{display:inline-block;}
.home-list .card-body {padding:15px 0px;}
.home-list .card {border:0px;}



/* Home Slider
=========================*/
.cpr-slider .slider-item {height: 550px; background-repeat: no-repeat; background-size: cover;  background-position: center center;}
.cpr-slider .slider-item .slider-content {height: auto; color: #fff;  margin-top: 120px;}
.cpr-slider .slider-item .slider-content .slider-title {font-size: 64px; line-height: 72px;  color: #fff;  margin-bottom: 30px;}
.cpr-slider .slider-item .slider-content .slider-sub-title {font-size: 24px; color: #ffb923; display: block; margin-bottom: 30px;}
.cpr-slider .slider-item .slider-content p { margin-bottom: 40px;}
.cpr-slider .slider-item .slider-content .btn-area .btn-border {margin-left: 30px;}
.cpr-slider .owl-nav {display: none;}
.cpr-table {width: 100%; height: 100%; display: table;}
.cpr-table .cpr-table-cell {display: table-cell;  width: 100%;  height: 100%;  vertical-align: middle;}
.cpr-table .cpr-table-cell .mx-auto .slider-content {text-align: center;}

.cpr-slider .owl-dots {position: absolute;right: 25px;top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  display: block;  z-index: 1;}
.cpr-slider .owl-dots .owl-dot {display: block;  margin: 0;  top: 0;  line-height: 20px;}
.cpr-slider .owl-dots .owl-dot span {  width: 8px;  height: 8px;  border-radius: 50%;  background: #59616d;  display: inline-block;  opacity: 1;  margin: 0 3px;  opacity: .5;}
.cpr-slider .owl-dots .owl-dot.active span {  border-radius: 50%;  border: 2px solid #fff;  background: transparent;  position: relative;  top: 2px;  opacity: 1;}
.cpr-slider .owl-dots .owl-dot:focus {outline: none;}

.form_date .datepicker:hover {cursor: pointer}
.form_date:after {font-size: .9em; position: absolute; display: block; content: "\f073"; top: 50%; right: 0; margin: -6px 28px 0 0; font-family: FontAwesome; line-height: 12px; color: #b3b3b3}
.form-control {width: 100%; font-size: .9em; padding: 6px 10px; background: 0 0; color: #b3b3b3; border: 1px solid #cfd7da; box-shadow: none; border-radius: 1px; -webkit-transition: all ease .5s; transition: all ease .5s;}



/* DATE Picker*/
.datepicker-dropdown {box-shadow: 0 6px 12px rgba(0, 0, 0, .05)}
.datepicker-dropdown.datepicker {padding: 15px; border-radius: 2px; border: 1px solid #f5f5f5}
.datepicker-dropdown.datepicker .datepicker-switch {color: #a9a9a9; font-weight: 400; text-transform: uppercase; text-align: center; background: #e4e5e7; border: 1px solid #dadbdd; border-right: 0; border-left: 0}
.datepicker-dropdown.datepicker .datepicker-switch:hover {cursor: pointer}
.datepicker-dropdown.datepicker .prev,
.datepicker-dropdown.datepicker .next {padding: 0!important; margin: 0!important; text-align: center; width: 30px!important; height: 30px!important; background: #e4e5e7; border: 1px solid #dadbdd; border-radius: 2px;
    -webkit-transition: .5s; transition: .5s}
.datepicker-dropdown.datepicker .prev:hover,
.datepicker-dropdown.datepicker .next:hover {cursor: pointer; background: #ffb600; border-color: #ffb600; color: #fff}
.datepicker-dropdown.datepicker .day {padding: 10px 12px; color: #a1b1c1; background: #f4fafd; border: 1px solid #e7eef1; text-align: center; -webkit-transition: .5s;transition: .5s}
.datepicker-dropdown.datepicker .new.day {background: #fefefe}
.datepicker-dropdown.datepicker .day.disabled {background: #fbf5f5; color: #a1b1c1; border-color: #ede8ea}
.datepicker-dropdown.datepicker .day:hover {cursor: pointer; background: #1dc1f8; border-color: #1dc1f8;color: #fff}
.datepicker-dropdown.datepicker .day.disabled:hover {cursor: not-allowed; background: #fbf5f5; color: #a1b1c1; border-color: #ede8ea}
.datepicker-dropdown.datepicker .day.today {background: #1dc1f8; color: #fff}
.datepicker-dropdown.datepicker .datepicker-months,
.datepicker-dropdown.datepicker .datepicker-years,
.datepicker-dropdown.datepicker .datepicker-decades,
.datepicker-dropdown.datepicker .datepicker-centuries {max-width: 301px}
.datepicker-dropdown.datepicker .datepicker-months table tr td,
.datepicker-dropdown.datepicker .datepicker-years table tr td,
.datepicker-dropdown.datepicker .datepicker-decades table tr td,
.datepicker-dropdown.datepicker .datepicker-centuries table tr td {padding: 0; padding-top: 10px}
.datepicker-dropdown.datepicker .month,
.datepicker-dropdown.datepicker .year,
.datepicker-dropdown.datepicker .decade,
.datepicker-dropdown.datepicker .century {display: inline-block; width: 50px;padding: 10px 0; color: #a1b1c1; background: #f4fafd; border: 1px solid #e7eef1; text-align: center; -webkit-transition: .5s; transition: .5s}
.datepicker-dropdown.datepicker .month:hover,
.datepicker-dropdown.datepicker .year:hover,
.datepicker-dropdown.datepicker .decade:hover,
.datepicker-dropdown.datepicker .century:hover {background: #1dc1f8;border-color: #1dc1f8; color: #fff; cursor: pointer}
.datepicker-dropdown.datepicker .month.disabled,
.datepicker-dropdown.datepicker .year.disabled,
.datepicker-dropdown.datepicker .decade.disabled,
.datepicker-dropdown.datepicker .century.disabled {background: #fbf5f5;color: #a1b1c1; border-color: #ede8ea}
.datepicker-dropdown.datepicker .month.disabled:hover,
.datepicker-dropdown.datepicker .year.disabled:hover,
.datepicker-dropdown.datepicker .decade.disabled:hover,
.datepicker-dropdown.datepicker .century.disabled:hover {cursor: not-allowed}








.slider #slider-larg {box-shadow: 0 1px 1px rgba(0, 0, 0, .1); border-radius: 2px}
.slider #thumbs {margin-top: 15px}
.slider #thumbs .owl-item .item {overflow: hidden;  position: relative; cursor: pointer; border: 1px solid #f1f1f1;  padding: 3px; margin: 4px; border-radius: 1px; -webkit-transition: .3s; transition: .3s}
.slider #thumbs .owl-item .item:nth-child(1) {margin-left:0px;}
.slider #thumbs .owl-item.active-item .item {border: 1px solid #a1b1c1}
.slider #thumbs .owl-item .item img {}
.slider #thumbs .owl-item .item img:hover {opacity: .8}






.sidebar-room-rez {padding:2rem;}
.sidebar-room-rez .price{border:1px solid #ccc; font-size:2rem;color:#fff; padding:2rem;}


.sidebar-room-tel {border:1px solid #ccc; background-color:#f2f2f2; padding:2rem; font-size:.8rem;}
.sidebar-room-tel .title{ font-weight:bold;}



.service-list{ background-color:#f1f1f1;  margin-top:1rem;  padding:1rem 2rem;}
.service-list .col-md-2{padding:.3rem;}
.service-list .col-md-3{padding:.3rem;}

.service-list .single-service {background-color:#fff; text-align: center; border: 1px solid #E5E5E5;	padding: 25px;	transition: all .4s ease;	position: relative; font-size:.7rem;}
.service-list .single-service:before {content: '';	position: absolute;	top:5px; left:5px;	right:5px; bottom:5px;	border: 1px dashed #fff;}
.service-list .single-service:hover {background: #7FC142;	border-color: #7FC142;}
.service-list .single-service:hover i {color: #ffffff;}
.service-list .single-service i {display:block; font-size: 2rem; color: #ccc;	transition: all .4s ease;}



/* home*/

.service-list-home{ margin-top:1rem;  padding:1rem 2rem;}
.service-list-home .col-md-2{padding:.3rem;}
.service-list-home .col-md-3{padding:.3rem;}






.service-list-home .single-service {background: #ddd; padding: 35px;  margin: 0 0 30px;}
.service-list-home .single-service p {margin-bottom: 0;}
.service-list-home .single-service .services-content h3 {  margin-bottom: 0;  font-weight: 400;  font-size: 17px;  letter-spacing: 1px;}
.service-list-home .single-service.box-border {  background: transparent;  transition: 0.4s;  -webkit-transition: 0.4s;  -ms-transition: 0.4s;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.service-list-home .single-service.box-border .service-icon {margin-bottom: 25px;}
.service-list-home .single-service.box-border .service-icon i {font-size: 30px;  width: 80px;  height: 80px;  line-height: 80px;  border-radius: 50%;  background: #444;  color: #fff;  transition: 0.4s;  -webkit-transition: 0.4s;  -ms-transition: 0.4s;}
.service-list-home .single-service.box-border:hover {  background: #444;}
.service-list-home .single-service.box-border:hover .service-icon i {  background: #fff;  color: #444;}
.service-list-home .single-service.box-border:hover .services-content h3,.service-list-home .single-service.box-border:hover .services-content p {  color: #fff;}







/* News section
================================================== */


.latest-post{position: relative;}
.latest-post-media img{width: 100%;}
.latest-post .post-title{font-size: 1rem;  margin:0 0 10px;}
.latest-post .post-title a {color: #262626;}
.latest-post .post-title a:hover{color: #ffc000;}
.latest-post .post-item-author{ margin-left: 8px;}
.latest-post .post-body{ padding: 20px 0 5px;}



/* MAIL BULTEN*/

.mail-bulten{}
.mail-bulten .desc {padding:2rem; color:#fff6cb;}
.mail-bulten .desc .title{font-size:2rem;}
.mail-bulten .desc .detail{font-size:1rem;}




.mail-bulten input {width: 60%;	background: #edda86; color: #807440;	border: none;	outline: none;	padding-left: 20px;	height: 50px;		margin-right: 20px;}
.mail-bulten input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #807440;}
.mail-bulten input::-moz-placeholder { /* Firefox 19+ */ color: #807440;}
.mail-bulten input:-ms-input-placeholder { /* IE 10+ */  color: #807440;}
.mail-bulten input:-moz-placeholder { /* Firefox 18- */  color: #807440;}
.mail-bulten button {width: 30%; height: 50px; background-color: #6c602e; color: #beac5a;	text-transform: uppercase;	font-family: 'Lato';	font-weight: bold;	border: none;	outline: none;}





/* Button */

.btn-primary,.btn-dark{   border: 0;   border-radius: 0;   padding: 12px 25px 10px;   font-weight: 700;   text-transform: uppercase;   color: #fff;   -webkit-transition: 350ms;   -moz-transition: 350ms;   -o-transition: 350ms;
   transition: 350ms;}

.btn-white.btn-primary {   background: #fff;   color: #ffc000;}
.btn-primary {background: #ffc000;}
.btn-dark {background: #242427;}
.btn-primary:hover, .btn-dark:hover, .btn-white.btn-primary:hover{background: #272d33;  color: #fff;}













/* ===================================
   	8.20. CONTACT.
   ===================================*/
.contact-info h3{
    text-transform: uppercase;
    font-weight: 600;
}

.contact-info h3:after {
	background-image: linear-gradient(to right, #F09819 51%, #FF512F 100%);
	content: '';
	display: block;
	height: 3px;
	margin: 15px 0px;
	width: 80px;
}

.span-contact p{    padding-top: 1px;}

.contact-icon{    float: left;    margin-right: 10px;}

.contact-icon .fas{    font-size: 1.3rem;    color: #FB5607;}

.with-errors{    font-size: 12px;    font-family: 'Poppins', sans-serif;    color: red;}

.alert-success {  color: #FFF;  background-color: #1e9430;  border-color: #1e9430;  font-family: Aileron-Regular;  font-size: 15px;  line-height: 1.5;}

.close {  float: right;  font-size: 1rem;  font-weight: 700;  line-height: 1;  color: #000;  text-shadow: none;  opacity: 1;}

.map{margin-top: 1.5rem;}

.map-iframe{    width: 100%;    height: 500px;    border: none;    border:none; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);}



.alignright{float:right;margin:0 0 30px 30px}
.alignleft{float:left;margin:0 30px 30px 0}
.uppercase{text-transform:uppercase}
.align-left{float:left;margin-right:40px;margin-bottom:40px}
.align-right{float:right;margin-left:40px;margin-bottom:40px}
.td-none{text-decoration:none}
.color-white{color:#fff}
.color-whitei{color:#fff!important}
.background-white{background-color:#fff}
.relative{position:relative}
.ohidden{overflow:hidden}
.float-left{float:left}
.float-right{float:right}
.block{display:block}
.inline-block{display:inline-block}
.table{display:table;margin-bottom:0}
.table-row{display:table-row}
.table-cell{display:table-cell}
.valign-top{vertical-align:top}
.valign-middle{vertical-align:middle}
.valign-bottom{vertical-align:bottom}
.width-100{width:100%}
.height-100p{height:100%}
.height-600{height:600px}
.lheight-normal{line-height:normal}
.lheight-26{line-height:26px}
.lheight-28{line-height:28px}
.lheight-30{line-height:30px}
.lheight-32{line-height:32px}
.lheight-47{line-height:47px}
.p30{padding:30px}
.p40{padding:40px}
.p60{padding:60px}
.pl20{padding-left:20px}
.plr40{padding-left:40px;padding-right:40px}
.plr50{padding-left:50px;padding-right:50px}
.plr60{padding-left:60px;padding-right:60px}
.plr100{padding-left:100px;padding-right:100px}
.pl0{padding-left:0}
.pl100{padding-left:100px}
.pr0{padding-right:0}
.ptb19{padding-top:19px;padding-bottom:19px}
.ptb20{padding-top:20px;padding-bottom:20px}
.ptb30{padding-top:30px;padding-bottom:30px}
.ptb50{padding-top:50px;padding-bottom:50px}
.ptb90{padding-top:90px;padding-bottom:90px}
.ptb100{padding-top:100px;padding-bottom:100px}
.ptb120{padding-top:120px;padding-bottom:120px}
.ptb150{padding-top:150px;padding-bottom:150px}
.ptb170{padding-top:170px;padding-bottom:170px}
.pt10{padding-top:10px}
.pt25{padding-top:25px}
.pt85{padding-top:85px}
.pt90{padding-top:90px}
.pt150{padding-top:150px}
.pt170{padding-top:170px}
.pb20{padding-bottom:20px}
.pb60{padding-bottom:60px}
.pb85{padding-bottom:85px}
.pb170{padding-bottom:170px}
.m0{margin:0}
.mlr-auto{margin-left:auto;margin-right:auto}
.ml5{margin-left:5px}
.ml15{margin-left:15px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.mt-80{margin-top:-80px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt120{margin-top:120px}
.mt150{margin-top:150px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb110{margin-bottom:110px}
.pointer{cursor:pointer}

	
	



.pb-230 {padding-bottom: 230px;}



figure.detailpost img {width: 100%;}
.frame-plane, .detailpost { float: left; margin: 0px; position: relative; width: 100%; }
.team-detail figure.detailpost {margin-bottom: 30px;}
.team-detail .frame-plane figure img,.team-detail .frame-plane figure { height: 100%; width: 100%; }
.team-detail .detailpost img { float: left; width: 30%; }
.team-detail .frame-plane a ~ section, .team-detail .detailpost img ~ figcaption { background-color: #ececec; height: auto; padding: 22px 30px 15px; position: absolute; right: 0; top: 35px; width: 70%; }
.team-detail .detailpost img ~ figcaption { background-color: #1d242e; height: 100%; top: 0; }
.frame-plane section, .team-detail .detailpost figcaption { float: left; padding: 22px 30px 0px 30px; }
.frtable {display: table;}
.frtable-row {display: table-row;}
.frtabel-cell.imageframe img {width: 100%;}
.frtabel-cell.imageframe {width: 45%;}
.frtabel-cell { background-color: #f2f0f1; display: table-cell; vertical-align: top; }
.team-detail .frame-plane p {padding: 0;}
.contant-info.cs-team header { float: left; margin: 0 0 25px 0; width: 100%; }
	.contant-info.cs-team header h1 { float: left; margin: 15px 0 0 0; }
	.contant-info.cs-team header .player-no { color: #fff; float: right; font-size: 40px; font-weight: 700; height: 62px; line-height: 60px; text-align: center; width: 62px; }
.contant-info.cs-team .cs-seprator {margin-bottom: 30px;}
.contant-info.cs-team .devider1:before {border-top: 1px solid #3f454d;}
.player-info, .player-info ul { float: left; width: 100%; }
.player-info {margin-bottom: 28px;}
	.player-info .right-side li { color: #fff; float: left; font-size: 14px; font-weight: 700; list-style: none; width: 100%; }
	.player-info .left-side li { color: #999; font-size: 14px; font-weight: 400; list-style: none; }
	.player-info .left-side, .player-info .right-side { background-color: #0e1217; float: left; padding: 20px; width: 40%; }
	.player-info .right-side { background-color: #141920; padding: 20px 20px 20px 27px; }





@-webkit-keyframes slideIn {
from{-webkit-filter:blur(15px);filter:blur(15px)}
to{-webkit-filter:blur(0);filter:blur(0)}
}
@keyframes slideIn {
from{-webkit-filter:blur(15px);filter:blur(15px)}
to{-webkit-filter:blur(0);filter:blur(0)}
}
@-webkit-keyframes slideOut {
from{-webkit-filter:blur(0);filter:blur(0)}
to{-webkit-filter:blur(15px);filter:blur(15px)}
}
@keyframes slideOut {
from{-webkit-filter:blur(0);filter:blur(0)}
to{-webkit-filter:blur(15px);filter:blur(15px)}
}



@media (max-width: 684px) {


}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .header-menu-area .big-menu .normal:nth-child(n+5) {display:none;}
 
}

@media (min-width: 481px) and (max-width: 767px) {
.head-bar {display:none;}
}


@media (min-width: 320px) and (max-width: 536px) {

.home-single .img-thumbnail {margin-bottom:2rem;}
.float-left {float:none !important; display:block !important; margin-bottom:15px;}
.float-right {float:none !important; display:block !important;margin-bottom:5px;}
.top-header .float-right a {display:block; margin:.5rem 0;}
.top-header { min-height:80px !important; height:auto !important;}
.nav-header { min-height:80px !important; height:auto !important;}
.nav-header .navbar-toggler-icon {color:#262626 !important;}
.nav-header .navbar-collapse {margin-top:1rem !important;}
.headline-detail {display:none !important;}
header {position:static !important; margin-bottom:2rem;}

.main-slider .caption {width:80% !important; font-size:.7rem !important; line-height:.8rem !important;}
.main-slider .slick-dots {display:none !important;}
.main-slider .caption-wr {bottom:15% !important;}
.sidebar .widget {margin-top:2rem;}
.block-title { border-bottom:none !important;}
.block-title span{border-bottom:none !important;}

.footer-content .col-md-3 {margin-top:1rem;}
.footer-content .col-md-2 {margin-top:2rem;}
  
}