/*
Theme Name: Visas4oz
Theme URI: 
Description: Visas4oz
Version: 1.0.0
Author: Wonder Media
Author URI: https://www.wondermedia.co.uk/ 
Tags: 
*/

/*=====================================================
Global Styles
=====================================================*/

@import url('https://fonts.googleapis.com/css?family=Signika:300,400,700&display=swap');

html {
	height: 100%;
}
body {
	font-family: 'Signika', sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: 400;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
a {
	color: #0050ae;
	text-decoration: none;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

.Hide {
	display:none;
}
.Show {
	display: block;
}

label {
    font-size: 15px;
}

.form-check-label {
    font-size: 16px;
}

.panel {
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.panel h4 {
    color: #666 !important;
    margin-bottom: 25px;
}

.panel-heading {
    border-top: 5px solid #213963;
    padding: 20px 20px 0px 20px;
}

.panel-body {
    padding: 0px 20px 20px 20px;
}

.fg-check {
    margin-bottom: 0px !important;
}

h2 {
	font-size: 50px;
	font-weight: 300;
	color: #000;
	line-height: 60px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


h3 {
	font-size: 27px;
	font-weight: 400;
	color: #000;
	line-height: 35px;
	margin-bottom: 30px;
}


h5 {
	font-size: 25px;
	font-weight: 400;
	color: #000;
	line-height: 50px;
	margin-bottom: 0px;
}


h5 span {
	color: #213963;
}

h5 .fal {
	color: #213963;
	padding-right: 5px;
}


p {
	margin: 0px 0px 20px 0px;
}


/*=====================================================
Padding & Alignment Styles
=====================================================*/

.form-control {
	border: 1px solid #213963;
}

.has-error .form-control {
	border: 1px solid #F20D0D;
}

.has-success .form-control {
	border: 1px solid #2DA316;
}

.btn-primary {
	background: none;
	border: 2px solid #213963;
	color: #213963;
	padding: 15px 60px 15px 60px;
	font-size: 17px;
	font-weight: 400;
	display: inline-block;
	transition: 0.5s;
	border-radius: 20px;
}

.btn-primary:hover {
	background: #213963;
	border: 3px solid #213963;
	transition: 0.5s;
}

.btn-secondary {
	background: #FFBC00;
	border: none;
	color: #2D2D2D;
	padding: 15px 30px;
	font-size: 17px;
	font-weight: 400;
	display: inline-block;
	transition: 0.5s;
	border-radius: 0;
}

.btn-secondary:hover {
	background: #E8A603;
	border: none;
	color: #2D2D2D;
	transition: 0.5s;
}

.btn-blue {
	background: #0050ae;
	border: none;
	color: #fff;
	padding: 15px 30px;
	font-size: 25px;
	font-weight: 400;
	display: inline-block;
	transition: 0.5s;
	border-radius: 0;
    margin: 0px;
}

.btn-blue:hover {
	background: #333333;
	border: none;
	color: #fff;
	transition: 0.5s;
}

.cta .btn-secondary {
	margin-top: 50px;
	font-size: 30px;
}

.start {
	display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.no-padding-b {
	padding-bottom: 0px !important;
}

.padding-tb {
	padding-top: 100px;
	padding-bottom: 100px;
}

.padding-tb-half {
	padding-top: 50px;
	padding-bottom: 50px;
}

/*=====================================================
Header Styles
=====================================================*/

.header {
	position:relative;
	z-index: 2;
	padding-top:15px;
}

.logo {
	padding-left: 15px;
	margin-top: 0px;
	width: 255px;
}

.min-nav {
	position: absolute;
	top:0px;
	right:30px;
	height:50px;
}
.min-nav span {
	border-left: 1px solid orange;
    display: inline-block;
    height: 100%;
    margin: 0 12px;
}

.min-nav a {
	color:#FFF;
	font-size:.8em;
	font-weight: 100
}

.navbar ul > li.active {
	position:relative
}

.navbar ul > li.active:before {
	content: ' ';
    background: #FFBC00;
    height: 2px;
    position: absolute;
    top: 50px;
    width: 70%;
    margin: auto;
    left: 50%;
    margin-left: -35%;
}

.navbar ul > li > ul > li.active:before {
	content: ' ';
    background: #ffffff;
    height: 0px;
    position: absolute;
    top: 50px;
    width: 70%;
    margin: auto;
    left: 50%;
    margin-left: -35%;
}

.navbar {
	font-size: 20px;
    font-weight: 400;
    background: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 0;
}

.navbar a {
	color: #353535 !important;
}
.navbar ul > li > a {
	margin-left: 18px !important;
	margin-right: 18px !important;
	transition: 0.5s;
}
.navbar ul > li > a:hover {
	color: #1e1e1e !important;
}
.navbar-nav {
    margin: auto;
    background: white;
    padding: 20px 10px;
}


.dropdown-menu .active a {
	color: #FFFFFF !important;
	background: #FFBC00 !important;
}

.dropdown-menu {
	z-index: 5 !important; 
    position: absolute;
}

.dropdown-menu a {
	color: #000 !important;
    display: block;
    padding: 10px;
}

.dropdown-menu a:hover {
	color: #ffffff !important;
	background: #FFBC00 !important;
}

.navbar ul > li > ul > li > a {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.down-arrow {
	margin-top: 100px;
	height: 40px;
	opacity: 0.40;
}

.down-arrow:hover {
	opacity: 1;
}



.header-cover {
	position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  background-color: black;
	  z-index: 1;
}



.splash .header-cover {
	opacity: 0.2;
}

.splash.header-sub .header-cover {
	opacity: 0.4;
}

.splash {
	position: relative;
  min-height: 800px;
 
  width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.splash video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
	min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	object-fit: fill;
}

.splash.header-sub {
    min-height: 300px;
	background-attachment: scroll;
	background-position: top center;
}



.splash .cta {
	padding-top: 10%;
	z-index: 100;
	position: relative;
}

.splash.header-sub .cta {
	padding-top: 120px;
	z-index: 100;
	position: relative;
	
}

.splash h1 {
	font-weight: 300;
	color: #fff;
	max-width: 800px;
	font-size:3em; 
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.splash h1 span {
	font-weight: 700;
}

.splash.header-sub h1 {
	width: 100%;	
}

.splash h2 {
	font-size: 40px;
	font-weight: 400;
	color: #fff;
	line-height: 55px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: none;
	margin-bottom: 0px;
}

.splash.header-sub h1, .splash.header-sub h2 {
	text-transform: capitalize;
}



.splash.header-sub h1 {
	padding-bottom: 110px;
}


.parent-title {
	display: inline-block;
	margin-bottom: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

.sub h1 {
	font-weight: 300;
	color: #000;
	font-size: 50px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
.sub h1 span {
	font-weight: 500;
}


.sub h2 {
	font-size: 25px;
	color: #000000;
	font-weight: 400;
	border-left: 5px solid #00468C;
	padding: 10px 0px 10px 20px;
	line-height: 34px;
	background: none;
	margin-bottom: 0px;
}

h2 span {
	font-weight: 500;
}

.sub .content {
	padding-top: 40px;
	padding-left: 25px;
}

.sub .indented {
	padding-top: 20px;
	padding-left: 25px;
}

.icon-button .icon {
    background: #ffbc00;
    padding-top: 50px;
    padding-bottom: 50px;
    transition: 0.5s;
    
}

.icon-button .icon:hover {
    background: #4c4c4c;
    transition: 0.5s;
    
}

.icon-button h3 {
    display: block;
    font-weight: 300;
    margin-top: 15px;
}

.icon-button h3 span {
    display: block;
    font-weight: 400;
}


.icon-button-silver .icon {
;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: 0.5s;
    
}

.icon-button-silver .icon:hover {
    background: #eeeeee;
    transition: 0.5s;
}

.icon-button-silver h3 {
    display: block;
    font-weight: 300;
    margin-top: 15px;
}

.icon-button-silver h3 span {
    display: block;
    font-weight: 400;
}

/*=====================================================
Landing Page Styles
=====================================================*/



.white {
	background: #FFFFFF;
	color: #000;
}

.silver {
	background: #EEEEEE;
}

.silver-trans {
	background-image: url("images/silver-trans.png");
	background-repeat: repeat-x;
}

.grey {
	background: #272727;
}

.yellow {
	background: #FFBC00;
}

.pink {
	background: #213963;
}

.blue-rad {
	background-image: url("images/blue-rad.png");
	background-color: #68CCCC;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: SCROLL; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #fff;
}

.blue-rad h2, .blue-rad h3 {
	color: #fff;
}

.btn-arrow {
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	padding: 0px;
	display: inline;
	margin-top: 20px;
	transition: 0.5s;
}

.btn-arrow:hover {
	color: #eee;
}

.btn-arrow:hover.btn-arrow .fa {
	padding-left: 10px;
	color: #eee;
}

.btn-arrow .fa {
	padding-left: 5px;
	transition: 0.5s;
	color: #eee;
}

.btn-arrow-dark {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	padding: 0px;
	display: inline;
	margin-top: 20px;
	transition: 0.5s;
}

.btn-arrow-dark:hover {
	color: #213963;
}

.btn-arrow-dark:hover.btn-arrow-dark .far, .btn-arrow-dark:hover.btn-arrow-dark .fab {
	padding-left: 10px;
	color: #213963;
}

.btn-arrow-dark .far, .btn-arrow-dark .fab {
	padding-left: 5px;
	transition: 0.5s;
	color: #213963;
}

.slide-control{color:#AFAFAF !important;font-size:80px;left:0px;margin-top:-70px;position:absolute;top:50%;cursor: pointer;}
.slide-control.right{left:auto;right:0px;}


/*=====================================================
Subpage Styles
=====================================================*/

.wpcf7 {
	padding-top: 50px;
}

h2.question {
    background: #efefef;
    border-left: 0px;
    margin-bottom: 10px;
    font-weight: 300;
    padding: 15px;
    cursor: pointer;
}
.answer {
    padding: 15px;
}

.post {
    padding-bottom: 30px;
}


/*=====================================================
Footer Styles
=====================================================*/

.why {
	min-height:800px;
	background: url("images/footer-bg.jpg") center center no-repeat;
	background-size:cover;
	padding-bottom:200px;
	
}


.why > .container {
	max-width: 1400px;
	width:100%;
}

.why-block > div {
	background-color:rgba(255,255,255,0.8);
	position:relative;
	padding: 70px 20px 20px 20px;
    text-align: center;
	height:100%
}

.why-block > div:before {
	position: absolute;
    width: 90px;
    height: 90px;
    background: #FFF;
    left: 50%;
    margin-left: -45px;
    top: -45px;
    border-radius: 100%;
    content: '\f058';
    font-weight: 900;
    font-family: "Font Awesome 5 Pro";
    font-size: 3em;
    line-height: 90px;
    text-align: center;
    color: #FFBC00;
}
.why h3, .why p {
	color: #4C4C4C;
}

.why a {
	color: #4C4C4C !important;
	}

.why h3 span {
	display: block;
}

.footer img {
	padding:0 10px;
}
.footer a {
	color: #fff;
	transition: 0.5s;
}

.footer a:hover {
	color: #509FF2;
	transition: 0.5s;
}

.footer .contact-details {
	background-color:#e8e8e8;
	height:200px
}
.footer .fa {
	
}
.copyright {
	font-size: 14px;
	color: #9B9B9B;
	padding:20px 0
}
.copyright a {
    color: #000;
    padding-right: 15px;
}

.grey-slash {
	padding: 0;
	margin-top:-200px;
	color: #4C4C4C
}
.grey-slash p {
	font-size:2em;
	font-weight:100
}
.grey-slash i {
	font-size: 2em;
    padding: 10px 10px 0 10px;
    width: 70px;
}

.grey-slash > div {
	background: #E8E8E8;
    text-align: center;
    width: 100%;
	
}
.grey-slash > div > div {
margin: auto;
}



/* Triangles */
.sep {
  position:absolute;
  left:0;
  width:100%; height:100px;
  display:block;
  margin-top: -99px;
	z-index: 100;
}

.sep-no-mg {
  position:absolute;
  left:0;
  width:100%; height:100px;
  display:block;
}

.sep-white path {fill: #ffffff;stroke: #ffffff;}
.sep-silver path {fill: #eeeeee;stroke: #eeeeee;}
.sep-grey path {fill: #272727;stroke: #272727;}
.sep-blue path {fill: #213963;stroke: #213963;}

.flip {
	-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

/*===================================================





Media Queries

=====================================================*/



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
	.navbar {
		font-size: 18px ;
	}
	.logo {
		width: 270px;
	}
    .navbar ul > li > a {
        margin-left: 11px !important;
        margin-right: 11px !important;
    }
}

@media only screen and (max-width : 1130px) {
	.navbar {
		font-size: 15px ;
	}
	.logo {
		width: 230px;
	}
    .navbar ul > li > a {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    
    .padding-tb {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .splash {
        background-attachment: scroll;
    }

    .splash.header-sub {
        background-attachment: scroll;
        background: #eee !important;
        min-height: 180px !important;
    }
    .splash.header-sub .header-cover {
        display: none;
    }
    .header {
        padding-top: 40px;
    }
	.splash {
		height: auto;
        min-height: auto;
		padding-bottom: 0px;
	}
	.splash h1 {
		font-size: 35px;
		font-weight: 400;
		color: #fff;
		line-height: 50px;
		width: 90%;
		padding-left: 30px;
		padding-right: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.splash h2 {
		font-size: 25px;
		font-weight: 400;
		color: #fff;
		line-height: 35px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		background: none;
		padding-top: 10px;
	}
    .sub h1 {
        font-size: 40px;
    }
	.fa-chevron-down {
		padding-bottom: 60px;
	}
    .min-nav {
        display: none !important;
    }
    
	.navbar-toggler {
		border: 0px;
        z-index: 100 !important;
        padding: 15px;
	}
	.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(255,255,255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
	}
	.navbar {
        font-size: 20px;
        font-weight: 400;
        background: rgba(0,0,0,0.80);
        z-index: 500;
        position: fixed;
        width: 100%;
        top: 0px;
        bottom: auto;
        margin: 0;
    }
    .navbar ul > li.active:before {
        content: ' ';
        height: 0px;
        display: none;
    }


	.navbar ul > li > a {

	}

	.navbar-nav {
		padding-top: 20px;
	}
	
	.dropdown-menu {
		text-align: left;
        z-index: 100 !important;
	}
	
	.dropdown-menu a {
		color: #000000 !important;
	}

	.dropdown-menu .active a {
		color: #000000 !important;
		background: none !important;
	}


	.footer {
		text-align: center !important;
	}
	.footer .logo {
		margin-bottom: 40px;
	}
		.why-block {
		padding-top: 80px;
	}
}



/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.logo {
		width: 260px;
	}
	.silver-trans {
		background-image: none;
		background-repeat: repeat-x;
		background-color: rgba(255,255,255,0.40);
	}
	.our-services-bottom {
		display: none;
	}
	.our-services {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	.our-services-top {
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	.image-button {
		margin-bottom: 30px;
	}
	.footer-left, .footer-right {
		text-align: center !important;
	}
	.slide-control{left:-80px;}
	.slide-control.right{right:-80px;}

		.why {
    padding-bottom: 40px;
}
.why-block {
	padding-top: 80px;
}
	
	.grey-slash {
		margin-top: 0;
	}
	.grey-slash > div {
		padding:80px 20px;
		margin-bottom:40px;
	}
	.grey-slash img {
    display:none;
}
	
	.grey-slash p {
	font-size:1.5em;
		
}
.grey-slash i {
	font-size: 1.5em;
    padding: 0px 10px 0 10px;
    width: auto;
}

}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.logo {
		width: 200px;
	}
	.navbar-toggler {
		margin-right: 0px;
	}
	.down-arrow {
		display: none;
	}
	.cta {
		padding-bottom: 100px;
	}
	.slide-control {
		display: none;
	}
	h2 {
		font-size: 40px;
		margin-bottom: 20px;
		padding-bottom: 30px;
	}
	.sub h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.splash.header-sub .cta {
		padding-top: 60px;

	}
	.splash.header-sub h1 {
		padding-bottom: 0px;
	}
	
	.splash.header-sub {
		height: auto;
        min-height: auto;
	}
	
	.footer img {
    padding: 0 10px;
    display: block;
    margin: auto;

}
	

}