/*----------------------------------
	Common HTML elements and styling

	Brand Colors
	Red = #c5093b RGB 198,9,59
	Blue = #0c2343 RGB 12,35,67
	Grey = #5d6167 RGB 94,98,104
	Light Blue = #00adef RGB 0,174,239

------------------------------------*/
img {max-width: 100%;}

p {
    font-size: 1.05rem;    
}

.s-header__trigger {
    z-index: 99999;
}
.s-header-bg-overlay {    
    z-index: 9999;    
}
.brd-top-yellow {border-top: 10px solid rgba(251, 179, 49, 1); }
.brd-top-mulberry {border-top: 10px solid #68103f; }
.pica-blue {
	color: rgba(14, 52, 101, 1);
}
.pica-yellow {
	color: rgba(251, 179, 49, 1);
}
.pica-mulberry { color: #68103f;}
.pica-blue-bg {
	background-color: rgba(14, 52, 101, 1);
}
.pica-yellow-bg {
	background-color: rgba(251, 179, 49, 1);
}
.pica-gradient-yellow:before {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    content: " ";
	background-image: linear-gradient(90deg, rgba(217, 140, 0, 0.93) 30%, rgba(251, 179, 49, 0.93) 100%);
}
.pica-gradient-blue:before {
	background-image: linear-gradient(90deg, rgba(14, 52, 101, 0.93) 30%, rgba(19, 177, 205, 0.93) 100%);
}
.pica-flame:after {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(https://www.picanetwork.org/images/pica/Template/2019/img/flame-trans-20@2x.png);
    background-repeat: no-repeat;
	background-size: fixed !important;
    background-position: 75% center !important;
    content: " ";
}
/* Menu Open/Close
------------------------------ */
.s-header-bg-overlay .container-fluid2 {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-transform: translate3d(0, 1.25rem, 0);
  transform: translate3d(0, 1.25rem, 0);
}

.s-header-bg-overlay .container-fluid {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.s-header-bg-overlay.-is-open .container-fluid {
  opacity: 1;
}

.s-header__shrink .s-header-v2__logo-img--shrink {
	display: block;
	/* height: 85px; */
}
.s-header__shrink .s-header-v2__logo {}
.s-header-v2__logo-link {}
.s-header__shrink .s-header-v2__logo img {}

/* Nav Menu
------------------------------ */
.s-header__shrink .s-header-v2__nav-link {
    color: rgba(255, 255, 255, 0.9);
}
.s-header__shrink .s-header-v2__navbar {
    background: #fff;
    background-color: #FFFFFF;
    box-shadow: 0 0 0.9375rem 0.25rem rgba(34, 35, 36, 0.05);
}
.s-header-v2__navbar {
  position: relative;
  z-index: 1000;
  min-height: 3.5rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  background-color: #FFFFFF;
}
.s-header-v2__nav-link {  
  font-size: 0.7125rem;
}
.s-header-v2__navbar-col-width--180 {
    width: 14rem;
}
/*.s-header__shrink .secondary-navbar { top: -75px; display: none;}*/
.secondary-navbar {	
	padding-top: 5%; 
	top: 0px; 
	transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
.secondary-navbar li { 
	font-size: 0.7125rem;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
	color: rgba(0, 0, 0, 0.35);
}
.secondary-navbar .secondary-links li a { 
	font-size: 0.7125rem;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    color: rgba(19, 177, 205, 0.95);
    text-transform: uppercase;
    margin: 0 .15rem;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.s-header-v2__nav-link {
  /* line-height: 3.0rem; */
}

/* Swiper section specific equal hieght and middle align
------------------------------ */
.js__swiper-news .swiper-slide, .logos .swiper-slide {    
    height: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}
.s-promo-block-v4:before {
    /*background-image: linear-gradient(to bottom, rgba(34, 35, 36, 0.6) 0%, rgba(12,35,67, 0.6) 100%);*/
}

.star-bg { position: relative;}
.star-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(34, 35, 36, 0.3) 0%, rgba(19, 177, 205, 0.6) 100%);
  background: url(https://www.picanetwork.org/images/pica/Template/2019/img/arc-star@3x.png);
  background-size: inherit;
  background-position: center center !important;
  background-repeat: no-repeat;
  content: " ";
  opacity: 0.1;
  display: block;
}
/* Footer
------------------------------ */
footer * { /*font-size: .85rem;*/}
footer p { color: #e9e9e9; }
footer .white-bg { color: #444; background: #fff; }
footer a {color: #fff;}

/* Flex-Boxes hover animation
------------------------------ */
.img-info {
	font-family: 'Roboto Slab', serif;
	position: absolute;
	top: 150px;
	height: 200px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	color: #fff;
	padding: 0px 30px;
}
.hide-text .img-info p {
	padding: 10px 0px 0 0;
	font: 300 16px Arial;
	opacity:0;
	color: #fff;
}
.hide-text:hover .img-info p {
	opacity:1;
}
.flex-boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	margin-left: -9px;
	margin-right: -9px !important;
}
.flex-boxes h3 {color:#fff;}
.flex-boxes a {color:#fff; text-decoration: none;}
.flex-boxes a:hover {color:#fff; text-decoration: none;}
.flex-boxes .items {
    min-height: 267px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 9px;
    position: relative;
    overflow: hidden;
    -ms-flex: 1 1 285px;
    flex: 1 1 calc(25% - 18px);
    margin-bottom: 17px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    position: relative;
}
/*.flex-boxes .items:first-child { flex: 1 1 calc(50% - 18px); }*/
.flex-boxes .items {
    background-size: cover !important;
    background-repeat: no-repeat !important;
	background: #009DDE;
}
.flex-boxes .items:after {
	position: absolute;
	z-index:1;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
	display:block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: #001770;
	background-color: rgba(197, 9, 59, 1.0);
	/*mix-blend-mode: color;*/
	-ms-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.flex-boxes .items:hover:after {
	top: 0px;	
	z-index:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.30;	
}
.flex-boxes .items .fa {
	font-size: 30px;
	color: #fff;
	/* float: right; */
	padding: 15px;
	z-index: 2;
	position: relative;
	/* right: 0px; */
	width: 100%;
	text-align: right;
	min-height: 60px;
}
.flex-boxes .items .img-info {
	top: inherit !important;
	position: relative;
	z-index:2;
	height: inherit;
}
.flex-boxes .items .img-info p {
	padding: 10px 10px 0 0;
	font: 300 16px Arial;
}
.flex-boxes .items.hide-text.background:hover {
	/*background-color: #009DDE !important;
	background-position: center 310px !important;*/
	background-repeat: no-repeat;	
	-webkit-transition: 0.4s;
    transition: 0.4s;
}

.flex-boxes .items.hide-text.background:after {
  position: absolute;
  z-index:1;
  top: 0px; right: 0; bottom: 0; left: 0;
  content: ' ';
  display:block;
  opacity: 0;
  /*background-color: #13b1cd !important;*/
	background-color: rgba(197, 9, 59, 1.0);
  /*-webkit-transform: translateY(130%);
          transform: translateY(130%);*/
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.flex-boxes .items.hide-text.background:hover:after {
	-webkit-transition: 0.25s;
  transition: 0.25s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.flex-boxes .items.hide-text.background:before {
    position: absolute;
    z-index: 1;
    top: 0px;

    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
    filter: alpha(opacity=0);
    opacity: 0.3;
    background-color: #001770;
    /* mix-blend-mode: color; */
    -ms-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.flex-boxes .items.hide-text .img-info {
	/*top: 170px;*/
	-webkit-transition: 0.4s;

	transition: 0.4s;
	position: absolute;
	-webkit-transform: translateY(60px);
          transform: translateY(60px);
}
.flex-boxes .items.hide-text .img-info h3 {
	font-size: 27px;
	margin-bottom: 10px;
}
.flex-boxes .items.hide-text .img-info p {
	padding: 10px 0px 0 0;
	font: 300 16px Arial;
}
.flex-boxes .items.hide-text:hover .img-info {
	/*top: 60px;*/
	-webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.flex-boxes .items.hide-text:hover .img-info h3 {
	margin-bottom: 10px;
}

.flex-boxes.box-numbers .items.hide-text .img-info h3 {
	display:table-cell;
}
.flex-boxes.box-numbers .items.hide-text .img-info h3:before {
	font-family: 'Roboto Slab', serif;
	display: table;
	float: left;
	font-size: 130px;
	line-height: 120px;
	font-weight: 600;
	opacity: 0.3;
	margin: 0;
	margin: -30px 5px 0 -5px;
}
.flex-boxes.box-numbers .items.hide-text .img-info h3:after {
    content: '';
    display: block;
    clear: both;
}
.flex-boxes.box-numbers .items.hide-text:nth-child(1n) .img-info h3:before {
	  content: "1.";
}
.flex-boxes.box-numbers .items.hide-text:nth-child(2n) .img-info h3:before {
	  content: "2.";
}
.flex-boxes.box-numbers .items.hide-text:nth-child(3n) .img-info h3:before {
	  content: "3.";
}
.flex-boxes.box-numbers .items.hide-text:nth-child(4n) .img-info h3:before {
	  content: "4.";
}
.flex-boxes.box-numbers .items.hide-text:nth-child(1n) {
	  background-color: #001770;
}
.flex-boxes.box-numbers .items.hide-text:nth-child(2n) {
	  background-color: #007BC4;
}
.flex-boxes.box-numbers .items.hide-text:nth-child(3n) {
	  background-color: #009DDC;
}
.flex-boxes.box-numbers .items.hide-text:nth-child(4n) {
	  background-color: #009DDC;
}
.flex-boxes.box-numbers .items.hide-text:hover .img-info h3 {
	opacity: 0;
	-webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition: 0.4s;
  transition: 0.4s;
	-webkit-transform: translateY(-60px);
          transform: translateY(-60px);
		  display:none;
}

.flex-boxes .items.event-box h2,
.flex-boxes .items.event-box h3,
.flex-boxes .items.event-box h4,
.flex-boxes .items.event-box div {
	color: #fff;
	position: relative;
	z-index:3;	
}
.flex-boxes .items.event-box:after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.30;	
	/*mix-blend-mode: color;*/
	-ms-transition: 0.4s; 
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.flex-boxes .items.event-box:hover:after {
	top: 0px;	
	z-index:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.30;	
}
.flex-boxes .items.event-box a:hover {
	color: #006DAC;
}

.flex-boxes.sm-height .items { min-height: 247px !important; }
.flex-boxes.sm-height .items.hide-text .img-info {    
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
}
.flex-boxes.sm-height .items.hide-text:hover .img-info {
	/*top: 60px;*/
	-webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.flex-boxes.sm-height .items.hide-text:hover .img-info h3 {
	margin-bottom: 10px;
}

@media (max-width: 1300px) {
	.flex-boxes {
		margin-left: 0px;
		margin-right: 0px !important;
	}
}
@media (max-width: 1025px) {
	.flex-boxes .items {    
		flex: 1 1 calc(33.33% - 18px);    
	}
	.flex-boxes .items:first-child { flex: 1 1 calc(33.33% - 18px); }
}
@media (max-width: 768px) {
	.flex-boxes .items {    
		flex: 1 1 calc(50% - 18px);    
	}
	.flex-boxes .items:first-child { flex: 1 1 calc(50% - 18px); }
}
@media (max-width: 680px) {
	.flex-boxes .items {    
		flex: 1 1 calc(100% - 18px);    
	}
	.flex-boxes .items:first-child { flex: 1 1 calc(100% - 18px); }
}