/*
Theme Name: Stevenage Travel V1.1
Author URI: http://www.brightcherry.co.uk/
Description: Stevenage Travel Custom Theme
Version: 1.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body, html{height:100%}

:focus {/* remember to define focus styles! */
	outline: 0;
}

ol, ul {
	list-style: none;
}

a{
	color:#000;
}

img{
	display:block;
}

a img {
	border: 0;
}

* {
	box-sizing: border-box;
}

strong{
	font-weight:700;
}

em{
	font-style:italic
}

.clear{
	width:100%;
	clear:both;
	height:0;
}

p{
	margin:0 0 20px 0;	
	font-size:19px;
	line-height:1.6em;
}

.post-content ul,
.post-content ol{
	line-height:1.6em;
	font-size:19px;	
}

h1,h2,h3,h4,h5{
	font-weight:normal;
	line-height:1.4em;
	font-family: "Oswald", sans-serif;
}

h1{
	font-size:38px;
}

h2{
	font-size:32px;
}

h3{
	font-size:28px;
	font-weight:500;
}

h4{
	font-size:22px;
}

h5{
	font-size:16px;
}


a.hover{
	-webkit-transition: background-color 400ms linear;
	-moz-transition: background-color 400ms linear;
	-o-transition: background-color 400ms linear;
	-ms-transition: background-color 400ms linear;
	transition: background-color 400ms linear;	
}

.table{
	display:table;
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;	
}

.table-row{
	display:table-row;
	width:100%;
}

.table-cell{
	display:table-cell;
	vertical-align:top;
}

.table .right,
.table .left{
	display:table-cell;
	width:48%;
}

.btn,
.navigation a.btn{
	font-family: "Oswald", sans-serif;
	text-decoration:none;
	border:4px solid #1d1e40;
	display:inline-block;
  transition: all .3s ease;
  color:#fff;
	padding:11px 30px;	
	font-size:15px;
	font-weight:500;
	text-transform:uppercase;
	border-radius: 10px;	
	background-color:#fff;
}

.btn i{
	display:inline-block;
	padding-right:20px;
}

.btn:hover,
.btn.teal:hover{
	color:#fff;
}

.btn.small{
	font-size:14px;
	padding:4px 14px;
}

.btn.large{
	padding:12px 40px;	
	font-size:18px;
}


/* =Colours
----------------------------------------------- */

.blue,
.btn:hover,
.panel.cards a.card:hover span.text .btn,
.navigation ul.nav a:hover,
.navigation .btn.dark-blue-border,
h1,h2,h3,h4,h5{
	color:#1d1e40
}

.blue-bg,
.hamburger,
.btn,
.dark-blue-bg,
#footer,
.panel.icons ul li,
.highlight.dark-blue-bg,
.navigation ul.nav,
.mobile-navigation ul.nav{
	background:#1d1e40;
}

.orange-bg{
	background-color:#c67900
}


.yellow,
#footer ul.links li a:hover,
.banner .text p{
	color:#b39d6e;
}

.yellow-bg,
.btn:hover,
h3.highlight,
.panel.cards a.card:hover span.text .btn,
.navigation .btn.dark-blue-border:hover,
.navigation ul.nav a:hover{
	background-color:#b39d6e	
}

h3.highlight,
h2.panel-title.highlight{
	color:#fff;
}

.highlight{	
	padding: 5px 20px 7px 20px;
	display: inline-block;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
}

.highlight.teal-bg,
.highlight.dark-blue-bg,
.panel.cards a.card:hover .btn{
	color:#fff;
}


/* =Structure
----------------------------------------------- */

body {
	text-align:center;
	font-family: "Open Sans", sans-serif;  
  font-optical-sizing: auto;
	color:#000;
	text-align:center;
}

#wrapper{
	position:relative;
	width:100%;
	min-width:360px;
}

#main-content{
	width:100%;
	margin:0 auto;	
}

.setwidth{
	position:relative;	
	max-width:1450px;
	min-width:360px;	
	margin: 0 auto;
	padding:0 30px;
}

.setwidth.small{
	max-width:1350px;
}

#header .setwidth{
	max-width:1800px;
}

.grid{
	display:grid;
	width:100%;
}

.grid.valign-center{
	align-items: center;
}

.grid.col-2{
	grid-template-columns: repeat(2, 1fr);
}

.grid.col-3{
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;	
}

.grid.col-4{
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px;
}

.table{
	display:table;
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;	
}

.table-cell{
	display:table-cell;
	vertical-align:top;		
}

.no-top-padding{
	padding-top:0 !important;
}

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

.no-left-padding,
.panel.form-panel .content ul{
	padding-left:20px !important;
}


/* =Header
----------------------------------------------- */

#header{
	position:relative;
	text-align:left;
	display:block;
	width:100%;
	z-index:999;
	padding:20px 0;
}

.mobile-navigation{
	display:none;
}

#header .navigation .logo-cell{
	flex: 0 0 auto;
}

.navigation .nav-cell{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-left: auto;
}

#header .navigation a.logo{
	display:block;
	text-decoration:none;
	z-index:9;
	padding:0;
}

#header .navigation a.logo img{	
	width:200px;
	height:auto;
	position:relative;
}

.navigation{
	position:relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);	
	top:0;
	z-index:2;
	display: flex;
	align-items: center;	
}

.navigation ul.nav{
	display: flex;
	justify-content: flex-end;
	border-radius: 10px;
}


.navigation ul.nav li{
	position:relative;
	display:inline-block;
}

.navigation ul.nav li:first-child a {
    border-radius:10px 0 0 10px;
}

.navigation ul.nav li:last-child a {
    border-radius:0 10px 10px 0;
}

.navigation a,
.mobile-navigation a{
	font-family: "Oswald", sans-serif;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:15px 24px;	
	font-size:15px;
	font-weight:500;
	text-transform:uppercase;
  position: relative;
  transition: 0.4s;
}


.navigation .btn,
.navigation .nav + .nav {
	margin-left:20px;
}

.mobile-navigation ul li.menu-item-has-children > a:after,
.navigation ul li.menu-item-has-children > a:after {
	content: "\2b";
	font-size:10px;
	font-family: 'Font Awesome 7 Free';
	right:12px;
	font-style:normal;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 700;
}

.mobile-navigation ul li.menu-item-has-children > a:after{
	right:20px;
}

.mobile-navigation  ul.nav li.menu-item-has-children:after,
.navigation ul.nav li.menu-item-has-children:after {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 10px;
}

.mobile-navigation  ul.nav li .sub-menu,
.navigation ul.nav li .sub-menu{
	z-index:9;
	display:none;
}

.navigation ul.nav li .sub-menu{
	position:absolute;
  left: -1px;
	top: calc(100% + 10px);
	width:200px;	
	line-height:1.1em;
	text-align:left;
	background:#fff;
	float:none;
	border:4px solid #1d1e40;	
	border-radius:10px;
	padding:20px;
}

.mobile-navigation  ul.nav li .sub-menu li,
.navigation ul.nav li .sub-menu li{
	display:block;
}

.navigation ul.nav li .sub-menu li a{
	color:#1d1e40;
	padding:5px 10px;
	border:3px solid #fff;
	margin:5px 0;
	border-radius:8px;
}

.navigation ul.nav li .sub-menu li a:hover{
	background:none;
	border-color:#b39d6e;
}

.mobile-navigation {
	position: absolute;
	right: 28px;
	top: 120px;
	width: 300px;
	z-index: 999;
	background: #fff;
	border-radius: 20px;
	border: 5px solid #b39d6e;
}
	

.mobile-navigation ul.nav{
	border-radius:16px;
	margin:20px;
	padding:10px 0;
}

.mobile-navigation ul.nav li a{
	text-align:left;
	padding: 6px 24px;
}

.mobile-navigation ul.nav li .sub-menu{
	padding:10px 0 10px 0;
}

.mobile-navigation ul.nav li .sub-menu li a {
	padding: 4px 20px 4px 35px;
}

.mobile-menu{
	display:none;
	position:relative;
	margin: 0 0 0 20px;
}	

.hamburger{
	display: flex;
	align-items: center;
	justify-content: center;

	width: 50px;
	height: 50px;
	padding: 0;

	border-radius: 50%;
	cursor: pointer;

	transition: background-color .3s ease, transform .2s ease;	
}
	
.hamburger-box {
	width: 30px;
}	
	
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
	border-radius: 0 !important;
	height: 5px;
	width: 100%;
	background-color: #fff;
}



/* =Banner
----------------------------------------------- */

.banner{
	position:relative;
  width: 100%;
  min-height: 620px;
	background-position: right center;
	background-size: auto 120%;
	background-repeat: no-repeat;
  background-color:#e6e6fb;
}

.banner.banner-basic{
  background-size:cover;
  background-position:center;
}

.banner .curve {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 140px;
	display: block;
	z-index: 3;
}

.banner .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: transparent;
	background-image: linear-gradient(180deg, #02010200 70%, #1d1e40 100%);
	z-index: 3;
}

.banner img.banner-mobile-image{
	display:none;
}

.banner .text-wrapper{
	position:absolute;
	z-index:4;
	top: 0;	
	height:100%;
	width:42%;	
	padding:20px 20px 20px 50px;
	z-index:3;
	background:#1d1e40;
}

.banner .text-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	right: -148px;
	width: 150px;
	height: 100%;
	background: url("images/imageCurve.svg") no-repeat center right;
	background-size: cover;
	z-index: -1;
}

.banner .text-wrapper .text{
	position:absolute;
	top: 10%;
	text-align:left;
	padding:0 50px 0 20px;
	z-index:3;	
}

.banner .text h1 {
	color: #fff;
	font-size: 60px;
	line-height: 1.2em;
	font-weight: 700;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}

.banner .text h3{
	position:relative;
	color:#fff;
	line-height:1.2em;
	font-size:32px;
	max-width:480px;
}

.banner ul.ticks{
	padding-left: 0;
}

.banner ul.ticks li {
	color: #fff;
	display: inline-flex;
	align-items: center;
	font-size: 26px;
	font-weight: 600;
	margin: 0 20px 0 0;
	padding: 0 0 20px 0;
	width: 47%;
	vertical-align: top;
	line-height:1.2em;
}

.banner ul.ticks li:nth-child(even) {
	margin-right:0;
}

.banner ul.ticks li i {
	color: #b39d6e;
	margin-right: 10px;
	flex-shrink: 0;
}

#footer .slogan p,
.banner .text p{		
	font-size:34px;	
	line-height:1.2em;
	font-weight:700;
	padding:0 40px 20px 0;
	font-family: "Oswald", sans-serif;
	text-transform:uppercase;
}
	
.banner-strap-line {
	position: relative;
	background-color: #e6e6fb;
	padding: 40px;
	bottom: 2px;
	z-index: 3;
}

.banner-strap-line span.highlight{
	margin-left:8px;
	margin-bottom:10px;
}

.banner .badge {
	position: absolute;
	z-index: 4;
	right: -100px;
	top: 30px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #b39d6e;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 10px 25px rgba(0,0,0,.2);
	transform: rotate(-8deg);
	transition: transform .3s ease;
	text-decoration: none;
}

.banner .badge:hover {
	transform: rotate(0deg) scale(1.05);
}


.banner .badge::before {
	content: "";
	position: absolute;
	inset: 5px;
	border: 2px dashed #fff;
	border-radius: 50%;
}

.banner .badge .txt {
    position: relative;
    z-index: 1;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* =Panels
----------------------------------------------- */

.panel{
	padding:80px 0;
	text-align:left;
}

.panel .titles{
	padding:0 0 20px 0;
}

.panel .titles h2{
	text-transform:uppercase;
	font-weight:700;
}

.panel .titles h3{
	margin:10px 0 0 0;
	text-transform:uppercase;
}

.panel .titles.titles-btn{}

.panel .titles.titles-btn .txt{
	width:70%;
}

.panel .titles.titles-btn .btn-cell{
	width:30%;
	vertical-align:middle;
}

.panel .titles .btn{
	float:right;
}


/* =Gutenburg
------------------------ */

.panel.gutenburg,
.contact-wrapper{
	position:relative;
	margin-top: -20vh;
	background:#fff;
	z-index:5;
	padding:50px 50px 100px 50px;
	border-radius:30px;
	min-height:200px;
}

.panel.gutenburg h1.page-title{
	padding:0 0 30px 0;
}

.panel.gutenburg.no-banner{
	margin-top: 0;
	padding-top:20px;
}

/* = text
------------------------ */

.panel.text-block .btn{
	margin:30px 0 0 0;
}

/* =Image / text
------------------------ */

.panel.image-text .text{
	padding:10%;
	padding-right:20px;
}

.panel.image-text .text .titles{
	padding:0 0 50px 0;
}

.panel.image-text .image{
	background-size:cover;
	background-repeat:no-repeat;	
	background-position:center;
	border-radius:20px;
	overflow:hidden;
}

.panel.image-text .item.image img,
.panel.text-image .item.image img,
.panel.image-text-cards .item.image img{
	display:none;
	width:100%;
	height:auto;
}

.panel.image-text .text .post-content h4,
.panel.text-image .text .post-content h4{
	padding:10px 0;
}

.panel.image-text .text .post-content h4:first-of-type,
.panel.text-image .text .post-content h4:first-of-type{
	padding-top:0;
}


.panel.image-text .text .btn,
.panel.text-image .text .btn{
	margin:30px 0 0 0;
}

/* =Text / Image
------------------------ */

.panel.text-image .text{
	padding:10%;
	padding-left:20px;
}


.panel.text-image .text .titles{
	padding:0 0 50px 0;
}

.panel.text-image .image{
	background-size:cover;
	background-repeat:no-repeat;	
	background-position:center;
	border-radius:20px;
	overflow:hidden;
}



/* =Cards
------------------------ */

.panel.cards{}

.panel.cards a.card{
	overflow:hidden;
	border-radius:20px;
	background-color:#e6e6fb;
	text-decoration:none;
	text-align:center;
}

.panel.cards a.card img{
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: center;
}

.panel.cards a.card span.text{
	padding:20px 20px 20px 20px;
	display:block;
}

.panel.cards a.card span.text .title{
	font-family: "Oswald", sans-serif;
	display:block;
	font-size:32px;
	font-weight:500;
	line-height:1.2em;
	padding-bottom:10px;
}

.panel.cards a.card span.text .btn{
	display:block;
	margin:20px 0;
}



/* =Icons
----------------------------------------------- */

.panel.icons{
	padding:20px 0;
}


.panel.icons ul {
	display: flex;
	justify-content: center;
	gap: clamp(20px, 5vw, 40px);
	padding: 0;
	margin: 0;
	list-style: none;
}

.panel.icons ul li {
	padding: 20px 40px;
	border-radius: 20px;
}

.panel.icons ul li img{
	width:100%;
	height:auto;
	display:block;
}



/* =Badges
----------------------------------------------- */

.panel.badges{
	padding:50px 0;
}

.panel.badges .badge{
	padding:20px;
	text-align:center;
	border-radius:40px;
}

.panel.badges .badge .icon{
	color:#fff;
	font-size:42px;
	padding:20px 0;
}

.panel.badges h4{
	color:#fff;
}

.panel.badges h5{
	font-family: "Kalam", cursive;
	display:block;
	padding:0 0 10px 0;
	border-bottom:4px solid #fff;
}

.panel.badges p{
	padding:20px 0 0 0;
	color:#fff;
	font-size:14px;
	line-height:1.4em;
}


/* =Dropdown Template
----------------------------------------------- */

.accordion{
	
}

.accordion .post-content{
	max-width:850px;
}

.accordion .row {
	position: relative;
	border-bottom: 2px solid #000;
	text-align:left;
}

.accordion .answer{
	position:relative;
	display:none;
	padding:0 40px 30px 40px;
}

.accordion h3.trigger{
	position:relative;
	font-size:24px;
	padding: 25px 20px 25px 40px;
	display: block;	
	text-decoration: none;
	line-height: 1.4em;
}

.accordion h3.trigger:hover{
	cursor:pointer
}

.accordion h3.trigger span.icon{
	position: absolute;
	left: 0;
	top: 25px;
	font-size:21px;
}



/* =Gallery
----------------------------------------------- */

.panel.gallery{	
	margin-bottom:10px;
	padding: 80px 15px 15px 15px;
}

.panel.gallery .grid{	
	grid-gap: 15px;	
}

.panel.gallery .item{
	position:relative;
  border-radius:20px;
  overflow:hidden;	
}

.panel.gallery img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
  transition: all .5s ease;	
}

.panel.gallery a:hover img{
  transform: scale(1.2);
}


#footer {
	padding: 60px 0 0 0;	
}

#footer a.logo{
	display:block;
	width:150px;
	height:auto;
	margin:0 auto;
}

#footer a.logo img{
	width:100%;
	height:auto;
}


#footer .slogan{
	max-width:575px;
	text-align:center;
	margin:0 auto 0 auto;
	padding:40px 0 0 0;
}

#footer .slogan p {
	font-size: 28px;
	line-height: 1.4em;
}

#footer .navigation {
	left: auto;
	transform: none;
	-webkit-transform: none;
	margin:20px 0 50px 0;
	width:auto;
}	

#footer .navigation .nav-cell {
	margin-left: 0;
	justify-content: center;
	width: 100%;
}

#footer ul.links {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: fit-content;
}

#footer ul.links li {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer ul.links li:not(:last-child)::after {
	content: "|";
	margin: 0 15px;
	color:#b39d6e;
}

#footer ul.links li a{
	color:#fff;
	text-decoration:none;
	font-weight:600;
}

#footer .copyright {	
	text-align: left;
	margin:40px 0 0 0;
	padding: 20px 0 40px 0;
	font-size: 12px;
	text-align:center;
}

#footer .copyright li{
	padding:2px 0;
	color:#fff;
}


/* Post content
------------------------------------------------------------------*/

.post-content{
	text-align:left;
}

.post-content:after{
  content: "";
  display: table;
  clear: both;
  height:0;
}

.post-content a:hover{
	text-decoration:none;
}

.post-content ol,
.post-content ul{
	padding:10px 40px 20px 40px;
	list-style-type:disc;
}

.post-content ul.no-left-padding{
	padding-left:0;
}

.post-content p + ol,
.post-content p + ul{
	padding-top:0;
}

.post-content ol{
	list-style-type:decimal;
}

.post-content ol li,
.post-content ul li{
	padding-bottom:18px;
}

.post-content ol li:last-of-type,
.post-content ul li:last-of-type{
	padding-bottom:0;
}

.post-content table td ul,
.post-content table td ol{
	padding-left:20px;
}


.post-content ol li > h1:first-of-type,
.post-content ol li > h2:first-of-type,
.post-content ol li > h3:first-of-type,
.post-content ol li > h4:first-of-type,
.post-content ol li > h5:first-of-type,
.post-content ol li > h6:first-of-type,
.post-content ul li > h1:first-of-type,
.post-content ul li > h2:first-of-type,
.post-content ul li > h3:first-of-type,
.post-content ul li > h4:first-of-type,
.post-content ul li > h5:first-of-type,
.post-content ul li > h6:first-of-type{
	padding-top:0;
}

.post-content h1{
	padding:0 0 30px 0;
}

.post-content .page-title h1{
	padding-top:0;
}

h1.page-title + .post-content > h2:first-child {
	padding-top: 0;
}

.post-content h2{
	padding:30px 0 20px 0;
}

.post-content h3{
	position:relative;
	padding:30px 0 15px 0;	
}

.post-content h4{
	padding:25px 0 15px 0;	
}

.post-content h5{
	padding:20px 0 10px 0;		
}

.post-content h6{
	padding:20px 0;	
}

.wp-block-separator{
	margin:40px 0;
}

.post-content blockquote{
	position:relative;
	padding:30px;
	font-style:italic;
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote{
	position:relative;
}

blockquote p {
  display: inline;
}

.post-content blockquote cite{
	font-weight:600;
	display:block;
	padding-top:15px;
}


/* WP Image alignment
------------------------------------------------------------------*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 25px 25px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 25px 25px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}

.post-content .wp-block-image figure{
	margin-bottom:4%;
}

.post-content .wp-block-image figure.alignright{
	margin:0px 0px 4% 4%;
}

.post-content .wp-block-image figure.alignleft{
	margin:0 4% 4% 0;
}


.post-content .wp-caption,
.post-content .wp-block-image figcaption{	
	margin-bottom: 1.625em;
	max-width: 100%;
	padding: 14px 9px 9px 9px;
}

.wp-block-image figcaption{
	line-height:1.4em;
	font-style:italic;
	color:#666;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 14px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 4px;
	position: relative;
}

img.size-full{
	height:auto !important;
	width:auto !important;
}


/* Panel > Form
--------------------*/


.panel.form-panel{
	margin-top:40px;
	margin-bottom:70px;
	background-color:#e6e6fc;
	padding:100px 30px;
}

.panel.form-panel .setwidth{
	border-radius:25px;
	padding:50px;
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;	
}

.panel.form-panel .post-content{
	padding:40px 50px 0 0;
}


/* Panel > Form
--------------------*/

.wpcf7{
	position:relative;
	margin:40px 0;
}

form fieldset{
	border:4px solid #1d1e40;
	padding:40px;
	margin-bottom:15px;
	border-radius:20px;
}

form fieldset legend{
	color:#000;
	font-weight:600;
	padding:10px;
	margin-left:15px;
	font-size: 19px;
}

form .field {
	position: relative;
	text-align: left;
	margin-bottom:25px;
}


form .fields .field{
	width:49%;
	float:left;
}

form fieldset .fields:last-of-type .field{
	margin-bottom:10px;
}

form .fields .field:nth-of-type(even){
	float:right;
}


form .field label {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 14px;
	text-align: left;
	padding: 8px 10px 0 16px;
	display: block;
	color: #000;
	font-weight:600;
}

form .field label .red{
	padding-left:3px;
	display:inline-block;
}

form .wpcf7-form-control-wrap {
	position: relative;
}

form .wpcf7-text, 
form select, 
form textarea {
	width: 100%;
	padding: 32px 15px 10px 15px;
	border: 0;
	font-size: 16px;
	border: 0;
	position: relative;
	border: 2px solid #1d1e40;
	border-radius: 20px;
	box-sizing: border-box;
	background-color:#e6e6fb;
}

form .submit{
	margin:40px 0 0 0;
}

form .submit input:hover{
	cursor:pointer;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 0;
}
.wpcf7 .wpcf7-list-item {
	display: block;
	margin-bottom: 10px;
}
.wpcf7-checkbox label {
	position: relative;
	cursor: pointer;
}

.wpcf7-list-item-label {
	padding-left: 40px;
	display: block;
}

form .small-text .wpcf7-list-item-label,
form .disclaimer p{
	font-size:15px;
}

.wpcf7-checkbox input[type=checkbox] {
	/*position: relative;*/
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	margin:0;
}

form textarea{
	height:200px;
}

.wpcf7-not-valid-tip {
	padding:5px 0 0 0;
}


.wpcf7 form .wpcf7-response-output {
	margin: 30px 0 0 0;
	padding: 20px;
	border: 2px solid #00a0d2;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	background-color: #ffb900;
	color:#000;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  background-color: #dc3232;
  color:#fff;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #46b450; /* Green */
	color:#fff;
}


/* =Contact page
----------------------------------------------- */

.contact-left{
	float:left;
	text-align:left;
	width:56%;
}

.contact-right{
	float:right;
	text-align:left;
	width:35%;
}

.contact-right .row {
	padding: 20px;
	border: 4px solid #1d1e40;
	border-radius:20px;
	margin:0 0 20px 0;
}

.contact-right .row h4{
	font-size:21px;
	padding-bottom:10px;
	margin: 0 0 10px 0;
}

.contact-right .row h4 .icon{
	padding-right:5px;
}


.contact-right .row .table-row{

}

.contact-right .row .table-cell{
	padding:10px 0;
	width:50%;
}

.contact-right .row .table-cell.label{

}

.contact-right .row .table-cell.label label{
	padding: 5px 0;
	display:block;
	font-size: 18px;
}

.contact-right .row .table-cell.value{
	text-align:left;
}

.contact-right .row .table-cell.value li{
	padding:2px 0;
}

.contact-right .row .table-cell.value.align-right{
	text-align:right;
}

.contact-right .row .table-cell.value h6 {
	padding: 5px 0;
	font-size: 18px;
	font-weight: 700;
}