/*-------------------------------

    Custom stylesheet (custom.css)

    Project: Eight Template
    Version: 1.0
    Author: By Themanoid
    Last change: 31 July 2016

    --

    This stylesheet is meant for
    your own custom styles, on
    top of The Eight Template

    Happy styling!
    - Themanoid

----------------------------*/

.video-wrapper{
    padding:56.25% 0 0 0;position:relative;
}
.video-wrapper iframe{
    position:absolute;top:0;left:0;width:100%;height:100%;
}


ul.navigation a{
    text-decoration: none;
}

@media screen and (max-width: 992px){
    ul.navigation a{
        text-align: center;
    }
}
@media screen and (min-width:993px){
    ul.navigation li:last-child a{
        margin-right: 0;
    }
    
}

.btn{
    text-decoration: none !important;
}

.btn.btn-ghosted{
    border: 3px solid #0019FF;
	border-radius: 50px;
    background: #fff;
    color: #0D0D1A;
    padding: 12px 20px;
-webkit-transition: all .3s;
transition: all .3s;
font-size: 1.25rem;
text-decoration: none !important;
}

.btn.btn-ghosted:hover,
.btn.btn-ghosted:focus{
    background: #0019FF;
    color: #fff;
}



.grid.masonry .item .thumb img{
 transition: all .3s ease-out;
}



@media screen and (min-width:993px){
    .criss-cross{
 display: grid;
  grid-template-columns: 50% 50%; /* Define 2 columns */
  grid-template-rows: auto auto auto; /* Define 3 rows */
	}
	.criss-cross > *:nth-child(1){
		grid-column: 1 / 2; /* Span first column */
  	grid-row: 1 / 3; /* Span first and second rows */
	}
	.criss-cross > *:nth-child(2){
		grid-column: 2 / 3; /* Span second column */
  grid-row: 1 / 2; /* Span first row */
		padding: 0px 80px 60px 80px;
	}
	.criss-cross > *:nth-child(3){
		grid-column: 2 / 3; /* Span second column */
  grid-row: 2 / 4; /* Span second row */
	}
	.criss-cross > *:nth-child(4){
		grid-column: 1 / 2; /* Span first column */
  grid-row: 3 / 4; /* Span second and third rows */
		padding: 60px 80px 0px 80px;
	}
	
	.criss-cross > *:nth-child(2) > *:first-child{
		padding-top:0;
		margin-top:0;
	}
	.criss-cross > *:nth-child(4) > *:last-child{
		padding-bottom:0;
		margin-bottom:0;
	}
}

@media screen and (min-width:993px){
	.zig-zag-boxed > *:first-child > *:first-child{
		order: 9999999;
	}
	
}