/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */

/*#mainNav .navbar-nav>li.nav-item>a.nav-link*/

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

body{font-family: 'EB Garamond', serif;}
hr{max-width:50px;border-width:3px;border-color:#BF0A30;}
hr.light{border-color:#fff;}
a{color: #BF0A30;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
a:hover{color:#BF0A30;}
li{text-align: left;padding: 5px 0px;}
/* h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;} */
button{cursor:pointer;}

.bg-primary{background-color:#BF0A30!important;}

.bg-dark{background-color: #002868 !important;}

.bg-dark-soft{
	background-color: rgba(0, 9, 53, 0.8) !important;
	padding: 17px 15px 15px;
}
.bg-cumple{background-color:#f9a223  !important;}
.fa-birthday-cake{font-size: 84px;display:table;margin: 15px auto 0;color: white;}


.text-faded{color:rgba(255,255,255,.8);}
.text-blue{
    background: rgba(255, 255, 255, 0.7);
    color: #002868;
    text-shadow: none;
}

section{padding:5rem 0;}

.section-heading{margin-top:0;}

::-moz-selection{color:#fff;background:#002868;text-shadow:none;}

::selection{color:#fff;background:#002868;text-shadow:none;}

img::selection{color:#fff;background:0 0;}

img::-moz-selection{color:#fff;background:0 0;}

body{-webkit-tap-highlight-color:#002868;}

#mainNav.border-1{
	background: #fff;
border-bottom: 2px solid #ac0424;}

h5{
	  font-size: 20px;
	  line-height: 29px;
}


/** Button Go Top **/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 14px;
  line-height:18px;
  border: none;
  outline: none;
  background-color: #BF0A30;
  color: white;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  text-transform:uppercase;
  font-weight:600;
  box-shadow: 0 0 0 0.2rem rgb(255 62 102 / 50%), 0px 0px 10px rgb(1 40 104 / 0.5);
}

#myBtn:hover {
  background-color: #002868;
  box-shadow: 0 0 0 0.2rem rgb(1 40 104 / 0.5), 0px 0px 10px rgb(1 40 104 / 0.5);
}



#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}

#mainNav .navbar-brand{
	font-weight:700;
	text-transform:uppercase;
	color:#BF0A30;
}
#mainNav a.navbar-brand{
	margin:0px 0px;
	padding:0px 0px;
}
#mainNav .navbar-brand .abg-white{max-width: 180px;}
#mainNav .navbar-brand .abg-blue{max-width: 130px;}
#mainNav .navbar-brand .abg-white{display:inherit;width: 100%;}
#mainNav .navbar-brand .abg-blue{display:none;}

#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#BF0A30;}

#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#002868;}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#BF0A30;}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color: #BF0A30!important;background-color:transparent;}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent;}


.nav-item .nav-link.store:after {
  content:"\f07a";
  font-family:'FontAwesome';
  font-size: 17px;
  /* color: white; */
  font-weight:normal !important;
  margin-top: -5px;
  display: inline-table;
}




/** VIDEO BG **/
.banner {
  position: relative;
  overflow: hidden;
  background-color: #000;
  color: #fff;
  height: 160px;
  width: 100%;
    margin-top: 4rem;	
}

.banner__background {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.no-autoplay .video-player {
  display: none;
}

.autoplay .video-placeholder {
  display: none;
}

.video-placeholder {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.video-player {
  border: none;
  width: 100%;
  height: 100%;
}

.video-player--banner, .video-player--banner.authors {
  position: absolute;
  /* (240 - 160) / 2 = 40 */
  top: -40px;
  left: -50%;
  width: 200%;
  height: 240px;
}


.video-player--banner.authors {
  position: absolute;
  /* (240 - 160) / 2 = 40 */
  top: 20px;
  left: 0%;
  width: 100%;
  height: 240px;
}


.center-box {}

.center-box:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em;
}

.center-box__body {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  margin: 15% 0px;
}

.txt-title {
  text-align: center;
  margin: 0;
  padding: 20px;
  font-weight: 300;
  font-size: 21px;
  line-height: 26px;
}
.txt-title strong{text-shadow: 0px 1px 6px rgba(0, 10, 50, 1);}








@media (min-width: 320px) {
  .banner {
    height: 240px;
  }
  .video-player--banner{
    /* (360 - 240) / 2 = 60 */
    top: -60px;
    height: 360px;
  }
  .video-player--banner.authors {
    /* (360 - 240) / 2 = 60 */
    top: 22px;
    height: 200px;
  }
}

@media (min-width: 480px) {
  .banner {
    height: 320px;
  }
  .video-player--banner{
    /* (480 - 320) / 2 = 80 */
    top: -80px;
    height: 480px;
  }
.video-player--banner.authors {
    /* (480 - 320) / 2 = 80 */
    top: 30px;
    height: 263px;
  }
}

@media (min-width: 768px) {
  .banner {
    height: 480px;
  }
  .video-player--banner{
    /* (720 - 480) / 2 = 120 */
    top: -120px;
    height: 720px;
  }
  .video-player--banner.authors {
    /* (720 - 480) / 2 = 120 */
    top: 25px;
    height: 434px;
  }
}

@media (min-width: 992px) {
  .banner {
    height: 640px;
  }
  .video-player--banner{
    /* (960 - 640) / 2 = 160 */
    top: -160px;
    height: 960px;
  }
	.video-player--banner.authors {
    /* (960 - 640) / 2 = 160 */
    top: 7px;
    height: 629px;
  }
}

@media (min-width: 1200px) {
  .banner {
    /* height: 800px; */
    height: 100vh;
    min-height: 650px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .video-player--banner{
    /* (1200 - 800) / 2 = 200 */
    top: -200px;
    height: 1200px;
  }
	.video-player--banner.authors {
    /* (1200 - 800) / 2 = 200 */
    top: 10px;
    height: 762px;
  }
}

@media (min-width: 2000px) {
  .video-player--banner{
    /* (1600 - 800) / 2 = 400 */
    top: -400px;
    height: 1600px;
  }
	.video-player--banner.authors {
    /* (1600 - 800) / 2 = 400 */
    top: -400px;
    height: 1600px;
  }
}



@media (max-width:992px){
	#mainNav .navbar-brand .abg-white{display:none;}
	#mainNav .navbar-brand .abg-blue{display:inherit;width: 100%;max-width: 152px;}
}

@media (min-width:992px){
	#mainNav{border-color:transparent;background-color: #002868;}
	#mainNav .abg-white{display:block;}
	#mainNav .abg-blue{width: 100%;max-width: 162px;display:none;}
	
	#mainNav .navbar-brand{color:rgba(255,255,255,.7);}

	#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff;}

	/*#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem;}*/

	#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7);}

	#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff;}

	#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;}

	#mainNav.navbar-shrink .navbar-brand{color:#BF0A30;}
	#mainNav.navbar-shrink .navbar-brand .abg-white{display:none;}
	#mainNav.navbar-shrink .navbar-brand .abg-blue{display:inherit;}

	
	
	#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#BF0A30;}

	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color: #002868;}

	#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#BF0A30;}
}


@media (max-width:280px){
	#mainNav .navbar-brand .abg-blue{max-width: 145px;}
}

.logo{margin: 0px 10px;}
.logo.mate{width: 100%; max-width: 330px;}
.logo.digitalia{max-width: 130px;}
.logo:hover{opacity:0.6;}

footer{
	width:100%;
	height: 20px;
	background: #ac0324;
	color: #fff;
	font-weight:normal;
	font-size: 11px;
	line-height: 20px;
	text-align:center;
	padding: 0px 0px 0px;
	margin: -7px 0 20px;
	letter-spacing: 0px;
}


footer a{
	width:auto;
	height:auto;
	display: table;
	margin: 0 auto;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: 37px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper .authors{
	margin-top: 55px;
}