@import url("https://fonts.googleapis.com/css?family=Inconsolata:700");
@import url("https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700,800,900|Roboto:100,300,400,500,700&display=swap");
:root
{
	--cc-primary-color: #385c7b;
	--cc-red-color:#ff2143;
}
*{
	font-family: "Barlow",sans-serif;
}
html,body{background:#fafafa;}
ul {margin: 0px;padding: 0px;}
a, .button{text-decoration:none;transition: all .3s ease-out 0s;}
.menu{list-style:none;padding:0;margin:0;}
.black-bg {background: #000;}
.main-header {
  position: relative;
  z-index: 3;
}
.header-area .header-top {
  padding: 11px 0px;
}
.header-area .header-top .header-info-left ul li.title {
  text-transform: uppercase;
}
.header-area .header-top .header-info-left ul li {
  color: #cdcfd8;
  display: inline-block;
  margin-right: 33px;
  padding-right: 33px;
  border-right: 1px solid #cdcfd8;
  font-size: 14px;
  line-height: 1;
}
.header-area .header-top .header-info-right .header-date li {
  color: #cdcfd8;
  display: inline-block;
  font-size: 14px;
}
#logo a{line-height:58px;}
nav#navbar{background:#fff;}
nav#navbar{margin: 0 0 15px 0;}
nav#navbar #navigation{font-family:"Roboto",sans-serif;}
nav#navbar .menu li{display:inline-block;position:relative;}
nav#navbar .menu li a{display:block;text-decoration:none;text-align:center;padding:20px 18px;color:#363636;text-transform: uppercase;font-weight:bold;}
nav#navbar .menu li a:hover{background:var(--cc-primary-color);color:#fff;}
nav#navbar .menu li ul.menu{/*display:none;*/z-index:100;position: absolute;
  width: 200px;
  background: #fff;
  left: 0;
  top: 100%;
  transform: scale(0.9);
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 10px 3px rgba(0,0,0,0.05);
  padding: 17px 0;
  transition: all .3s ease-out 0s;}
nav#navbar #navigation > li a:before{content: "";width:1px;height:14px;background:#000;transform:translateY(-50%);display:inline-block;position:absolute;top:50%;left:0;}
nav#navbar .menu li:hover > .menu{visibility: visible;opacity: 1;top: 101%;transform: scale(1);}
nav#navbar #navigation > li ul{border-radius:0 0 6px 6px;}
nav#navbar #navigation > li ul li{display:block;text-align:left;}
nav#navbar #navigation > li ul li a{text-align:left;}
nav#navbar #navigation > li ul li a:before{display:none;}
.header-social {
  display: inline-block;
  padding: 20px 15px;
  position: relative;
}
.header-social li {
  display: inline-block;
}
.header-social li a {
  color: #000;
  font-size: 16px;
  padding: 0 11px;
}
.header-social a i{transition: all .3s ease-out 0s;}
.header-social a:hover i {transform: rotateY(180deg);}
.nav-search {
  display: inline-block;
  position: relative;
  line-height: 4;
  width: 30px;
  text-align: center;
  cursor:pointer;
}
.home-post{position:relative;height:350px;margin:0 0 10px 0;}
.home-post .image{height:100%;}
.home-post .image img{border-radius:6px;width:100%;height:100%;display:block;object-fit:cover;}
.home-post .info{padding:20px 20px 10px 10px;background:#fff;border-radius:0 7px 0 0;position:absolute;bottom:0;left:0;width:80%;}
.home-post .info .title{font-weight:bold;font-size:16px;color:#051441;}
.home-post .info .title a{color:inherit;}
.home-post .info .author, .home-post .info .date{font-size:11px;font-weight:600;}
#top-banners{margin: 15px 0;}
#top-banners .banner{text-align:center;}

#whats-new .card-title h2{font-size:40px;color:051441;font-weight:700;line-height:1;}
.post{height:350px;}
.post .image{margin-bottom: 12px;overflow: hidden;border-radius: 6px;height:200px;}
.post .image img{transition: all .4s ease-out 0s;transform: scale(1);width:100%;height:100%;display:block;object-fit:cover;}
.post:hover .image img{transform: scale(1.05);}
.post .info .title{color:#051441;font-size:18px;line-height: 1.2;margin-bottom: 12px;display: block;font-weight: 700;}
.post .info .title a{color:inherit;transition: all .4s ease-out 0s;}
.post .info .title a:hover{color:var(--cc-primary-color);}
.post .info .author-date{color: #707b8e;font-size: 12px;margin-bottom: 14px;display: block;}

.video {display: flex;justify-content: center;border-radius:6px;overflow:hidden;}
.video iframe {aspect-ratio: 16 / 9;width: 100% !important;}
aside{}
aside .block{
	background: #fff;
	padding:5px;
	border-radius:6px;
}
aside .block .title{margin:0 0 10px 0;}
aside .block .title h2{padding:0;margin:0;font-size:30px;font-weight:bold;}
#post-container > h1{line-height:1;}
.social-share .section-tittle {
  display: flex;
  align-items: center;
}
.section-tittle h3 {
  font-size: 40px;
  display: block;
  color: #051441;
  font-weight: 700;
  line-height: 1;
}
.social-share ul li {
  display: inline-block;
  margin: 0 10px;
}

.footer-area{background:#070b11;}
.footer-padding {
  padding-top: 140px;
  padding-bottom: 80px;
}
.footer-area .single-footer-caption .footer-pera .info1 {
  line-height: 1.8;
  margin-bottom: 35px;
  padding-right: 5px;
  color: #9fa6bd;
  font-size: 14px;
}
.footer-area .single-footer-caption .footer-pera .info2 {
  margin-bottom: 15px;
  color: #9fa6bd;
  font-size: 14px;
}
.footer-area .single-footer-caption .footer-logo {
  margin-bottom: 30px;
}
.footer-area .single-footer-caption .footer-tittle h4 {
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 22px;
  margin-bottom: 38px;
  font-weight: 700;
  text-transform: normal;
}
.footer-area .single-footer-caption .whats-right-single {
  display: flex;
  align-items: center;
}
.footer-area .single-footer-caption .whats-right-single .whats-right-img img {
  border-radius: 6px;
}
.footer-area .single-footer-caption .whats-right-single .whats-right-cap {
  padding-left: 18px;
}
.footer-area .single-footer-caption .whats-right-single .whats-right-cap h4 {
  font-size: 16px;
  font-weight: 700;
}
.footer-area .single-footer-caption .whats-right-single .whats-right-cap h4 a {
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
}
.footer-area .single-footer-caption .whats-right-single .whats-right-cap p {
  color: #707b8e;
  font-size: 12px;
  margin: 0;
  line-height: 1;
}
.footer-bottom-area {
  background: #000000;
}
.footer-bottom-area .footer-border {
  padding: 33px 0px 33px;
}
.footer-bottom-area .footer-copy-right p {
  font-weight: 300;
  font-size: 16px;
  line-height: 2;
  margin: 0;
  color: #9fa6bd;
}
#pages-menu a{
	color: #fff;
	font-weight:500;
	line-height:2.4;
	display:block;
}
.form-contact .form-group {
  margin-bottom: 30px;
}
.form-contact .form-control {
  border: 1px solid #e5e6e9;
  border-radius: 0px;
  height: 48px;
  padding-left: 18px;
  font-size: 13px;
  background: transparent;
}
.form-contact .form-control::placeholder {
  font-weight: 300;
  color: #999999;
}
.form-contact textarea {
  border-radius: 0px;
  height: 100% !important;
}
.boxed-btn {
  background: #fff;
  color: #ff2143 !important;
  display: inline-block;
  padding: 18px 44px;
  font-family: "Barlow",sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  border: 1px solid #ff2143;
  letter-spacing: 3px;
  text-align: center;
  color: #ff2143;
  text-transform: uppercase;
  cursor: pointer;
}
.contact-info {
  margin-bottom: 25px;
}
.contact-info__icon {
  margin-right: 20px;
}
.contact-info .media-body h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-size: 16px;
  color: #2a2a2a;
}
.contact-info .media-body p {
  color: #8a8a8a;
}
.media {
  display: flex;
  align-items: flex-start;
}
#scrollUp {
  background: #ff2143;
  height: 50px;
  width: 50px;
  right: 31px;
  bottom: 18px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  line-height: 48px;
  border: 2px solid transparent;
}
.search-model-box {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  z-index: 99999;
  transition: all .3s ease-out 0s;
}
.search-model-box .search-close-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 28px;
  line-height: 28px;
  top: 30px;
  cursor: pointer;
  transform: rotate(45deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-model-box .search-model-form {
  padding: 0 15px;
}
.search-model-box .search-model-form input {
  width: 500px;
  font-size: 40px;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 2px solid #333;
  background: none;
  color: #999;
}
#mobile-menu-btn{font-size: 30px;line-height: 2;color: #000;display:block;text-align:center;}
.social-links a{display:inline-block;width:34px;height:34px;margin:0 10px 0 0;}
.social-links a img{max-width:100%;}
#post-container article img{max-width:100%;height:auto;}
/**
 * Basic CSS Media Query Template
 * TODO: I should probably use Sass...
 * Author: Michael Vieth
 * ------------------------------------------
 *  Responsive Grid Media Queries - 1280, 1024, 768, 480
 *   1280-1024   - desktop (default grid)
 *   1024-768    - tablet landscape
 *   768-480     - tablet 
 *   480-less    - phone landscape & smaller
 * --------------------------------------------
 */
@media all and (min-width: 1024px) and (max-width: 1280px) { }

@media all and (min-width: 768px) and (max-width: 1024px) { }

@media all and (min-width: 480px) and (max-width: 768px) { }

@media all and (max-width: 480px) { 
	html,body{overflow:scroll;}
	body > header{display:none !important;}
	#navbar{position:fixed;top:0;}
	#navigation
	{
		position: fixed;
		width: 80%;
		top: 56px;
		left: 0;
		bottom: 0;
		/*display: block !important;*/
		background: #fff;
		z-index: 1000;
	}
	#navigation li{display:block !important;text-align:left !important;}
	#navigation li a{text-align:left !important;}
	#featured-posts, #content{margin:137px 0 0 0;}
	#top-banners{margin:15px 13px;}
	/*.content-banners*/.banner{height:70px;}
	/*.content-banners*/ .banner a{display:block;height:100%;}
	/*.content-banners*/ .banner a img{height:100%;width:100%;object-fit:fill;}
}