/********************************************
    PROPOSABID.COM
	Built by WebSight Design, Inc.
*********************************************/

/******** BROWSER CSS RESET *************************/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*** Include Padding/Borders in width for all elements ***/
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Responsive images & embedded objects (remove for image cropping) */
img, object, embed { max-width: 100%; }

/****** GLOBAL ELEMENT CSS ******/
html * { max-height: 999999px; } /* Android mobile font sizing fix */

body {
	line-height: normal;
	font-size: 16px;
	font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
	background: #fff;
	-webkit-text-size-adjust: none;
}

body, select, input, textarea { color: #000; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { padding:0 0 20px 0; font-weight:700; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4, h5, h6 { font-size: 1.2em; }

a, a:visited { color: #215f61; text-decoration: underline; }
a:hover, a:active { color: #215f61; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: initial; }

.btn-purple { display:inline-block; margin:5px 5px 0 0;
    width:auto; padding:15px 35px !important; border-radius:30px !important; background:#7f1886 !important;
    text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:16px !important; color:#fff !important;
    transition:0.2s linear all; cursor:pointer;
}
.btn-purple:hover { background:#630c69 !important; color:#fff !important; text-decoration:none !important; }

.btn-teal { display:inline-block; margin:5px 5px 0 0; overflow:hidden;
    width:auto; padding:15px 35px !important; border-radius:30px !important; /*background:#43b4ac !important;*/ background:#215f61 !important;
    text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:16px !important; color:#fff !important;
    transition:0.2s linear all; cursor:pointer; position:relative;
}
.btn-teal:hover { background:#215f61 !important; color:#fff !important; text-decoration:none !important; }
.btn-teal::after { content:''; display:flex; width:100%; height:100%; position:absolute; top:0; left:0; 
    background:url('../images/teal.png'); transition:0.2s linear all;
}
.btn-teal:hover::after { opacity:0; }
.btn-teal span { position:relative; z-index:100; }

a.yt { display:inline-block; margin:0 5px 0 0; width:40px; height:40px; border-radius:50%; background:url('../images/youtube-icon-white.svg') 50% 50% no-repeat #43b4ac; background-size:19px auto; transition:0.2s linear all; }
a.yt:hover { background:url('../images/youtube-icon-white.svg') 50% 50% no-repeat #215f61; background-size:19px auto; transition:0.2s linear all; }
a.li { display:inline-block; margin:0 5px 0 0; width:40px; height:40px; border-radius:50%; background:url('../images/linkedin-white.svg') 50% 50% no-repeat #43b4ac; background-size:19px auto; transition:0.2s linear all; }
a.li:hover { background:url('../images/linkedin-white.svg') 50% 50% no-repeat #215f61; background-size:19px auto; transition:0.2s linear all; }

a.yt b, a.li b { display:none; }


p { padding:0 0 20px 0; line-height:140%; }
img { height:auto; }
img.videoss { box-shadow:0 0 25px rgba(0,0,0,0.25); transition:0.2s linear all; }
img.videoss:hover { box-shadow:0 0 25px rgba(99,12,105,0.5); }

b, strong { font-weight: bold; font-weight:700; }
i, em { font-style: italic; }

.clear { clear: both; }
.clearfix::after { content:''; clear:both; display:table; }

.container1500 { width:100%; max-width:1500px; margin:0 auto; }
.gray { background:#f6f6f6; }
.gray-gradient { background-image:linear-gradient(#f6f6f6, #fff); }
.vpad { padding-top:50px; padding-bottom:50px; }
.hpad { padding-left:20px; padding-right:20px; }

hr.hr1500 { border:none; border-top:1px #7f7f7f solid; width:calc(100% - 40px); margin:0 20px; }
hr.hr15002 { border:none; border-top:1px #7f7f7f solid; }

.mob { display:block; }

/* Basic Animation */
.moveme { margin-top:100px; opacity:0; }

@keyframes fademeup-anim {
	from { margin-top:100px; opacity:0; }
	to { margin-top:0; opacity:1; }
}

.fademeup {
    animation-name: fademeup-anim;
	animation-duration: 0.5s;
    animation-delay: 0.25s;
	animation-fill-mode: forwards;
}


/*** Basic List Styling ***/
ul {
	margin: 0px 0px 20px;
	padding: 0 0 0 20px;
	list-style-type: disc;
	list-style-position: outside;
}
ul li { margin-bottom: 5px; }
ul li ul li { margin-top: 5px; }
ul li ol li { margin-top: 5px; }

ol {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	list-style-type: decimal;
	list-style-position: outside;
}
ol li { margin-bottom: 5px; }
ol li ol li { margin-top: 5px; }
ol li ul li { margin-top: 5px; }


/*** Blockquote ***/
/*genric styles for blockquote in content*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p { }

/*** COOKIE CONSENT ***/
#cookie-consent-bar {
	position: fixed; bottom: 0; left: 0; z-index: 9999;
	background: #fff; 
	color: #000;
	border-top: 1px solid #ccc; box-shadow:0 0 25px rgba(0,0,0,0.15);
	padding:20px;
	font-size: 14px;
}
#cookie-consent-bar p {
	margin:0; padding:0;
}

div#cc-btns { text-align:center; margin-top:15px; }

#cookie-consent-bar .cc-btn {
    display:inline-block;
	cursor: pointer;
	border:2px #43b4ac solid; border-radius: 30px;
	padding: 10px 20px;
	font-size: 12px; font-weight: 700; white-space: nowrap;
    transition:0.2s linear all;
}
#cookie-consent-bar .cc-btn-ok {
	background:#43b4ac; transition:0.2s linear all;
	color: #fff;
}
#cookie-consent-bar .cc-btn-ok:hover {
	background: #215f61;
}
#cookie-consent-bar .cc-btn-reject {
	background: #f2f2f2;
	color: #43b4ac;
}
#cookie-consent-bar .cc-btn-reject:hover {
	background:#fff; color:#215f61;
}



/****** FRONTEND LAYOUT ******/
#page {
	margin: 0;
	width: 100%;
	position: relative;
}

#scrollme { width:10px; height:10px; position:absolute; top:100px; left:0; z-index:100; }

/*** Header ***/
#header { padding:0 20px; text-align:right; display:block;
    background:rgba(237, 237, 237, 0.75);
    width:100%; position:fixed; top:0; left:0; z-index:9999;
}


#logo { display:block; /*float:left;*/
    width:175px; height:37px; overflow:hidden;
    background:url('../images/proposabid-full-teal.svg') 0 0 no-repeat; background-size:100% auto;
    margin:15px 0;
    transition:0.2s linear all;
}
#logo b { display:none; }

#header.sticky { background:#eceaea; }
#structure-bar { width:calc(100% + 40px); display:block; padding:5px 20px; background:#7f1886; margin-left:-20px;
    text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:14px; color:#fff;
    transition:0.2s linear all; cursor:pointer;
}
#structure-bar:hover { background:#eeeeee; }




/*** Main Menu ***/
#menuBtn { width:40px; height:40px; cursor:pointer; border:none; background:transparent; position:absolute; top:12px; right:20px; z-index:100; display:none; }

#menuBtn svg:first-child { position:absolute; top:10px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #43b4ac; }
#menuBtn svg:nth-child(2n) { position:absolute; top:18px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #43b4ac; }
#menuBtn svg:last-child { position:absolute; top:26px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #43b4ac; }

#menuBtn.open svg:first-child { transform: rotate(45deg); top:18px; }
#menuBtn.open svg:nth-child(2n) { opacity:0; }
#menuBtn.open svg:last-child { transform: rotate(-45deg); top:18px; }

#mainmenu {
	display: none;
	position: absolute; top:67px; left:0; z-index: 9999;
	width: 100%;
    background: #f6f6f6;
}
#mainmenu ul {
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
}
#mainmenu ul li {
	margin: 0px;
	float: none;
	border-left: none;
	border-top: 1px solid #aaa;
}
#mainmenu ul li:first-child { border-top: none; }
#mainmenu ul li a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	background-color: transparent;
}
#mainmenu ul li:hover > a, #mainmenu ul li:active > a  { }
#mainmenu ul li > ul { display: none; }
#mainmenu ul li:hover > ul { display: none; }



/*** Content Area ***/
#content { position:relative; padding-top:94px; }

/***** BREADCRUMBS *****/
#breadcrumbs-wrapper {
	border-bottom: 1px solid #aaa;
	background: #e9e9e9;
}
ul.breadcrumbs {
	margin: 0px auto;
	padding: 5px 10px;
	color: #666;
	font-size: 14px;
	list-style-type: none;
	max-width: 1400px;
}
ul.breadcrumbs li {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
ul.breadcrumbs li.active { background: none; }
ul.breadcrumbs li a { text-decoration: underline; color: #666; }



/*** Footer ***/
#footer { background:rgba(237, 237, 237, 0.75); font-size:14px; color:#27938b; padding-top:30px; padding-bottom:30px; width:100%; display:block; text-align:center; }
#footer a { color:#27938b; text-decoration:none; }
#footer a:hover { color:#215f61; text-decoration:underline; }
    
img.ftr-logo { width:150px; display:inline-block; }

div.footer-links ul { list-style-type:none; padding:0; margin:0; }
div.footer-links li.bookbtn { display:none; }

#privacy-statement { width:95%; max-width:700px; padding:30px 20px; background:#fff; display:none; font-size:0.8em; }



/****** FORMS STYLING ******/
div.form {
	margin: 0px auto;
	max-width: 600px;
}
div.form label { padding:5px 0;
	display: block;
	font-weight: normal;
}
div.form input,
div.form textarea,
div.form select {
	box-sizing: border-box;
	margin: 0;
	font-size:16px; font-family: "Inter", sans-serif;
}
div.form fieldset { margin:0 0 15px 0; }
div.form input[type=text],
div.form input[type=number],
div.form input[type=password] {
	padding:5px 10px;
	width: 100%;
	max-width: 600px;
	border: 1px solid #666;
	border-radius: 0px;
	-webkit-appearance: none;
}
div.form textarea {
	padding:5px 10px;
	width: 100%;
	max-width: 600px;
	height: 120px;
	resize: none;
	border: 1px solid #666;
	border-radius: 0px;
	-webkit-appearance: none;
}
div.form select {
	padding:5px 10px;
	width: 100%;
	max-width: 600px;
	border: 1px solid #666;
	border-radius: 0px;
}
div.form .note { font-size:0.8em; }
div.form span.required { color:#630c69; }
div.form .row { margin: 0px 0px 15px; }
div.form .row.checkbox label,
div.form .row.radio label {
	float: none;
	padding: 0px;
	display: inline-block;
	width: auto;
}
div.form .row.buttons { text-align: center; }
div.form input[type=submit] {
	padding:15px 35px;
	text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:16px; color:#fff;
	border: none; border-radius:30px;
	-webkit-appearance: none;
	background:#7f1886;
	box-shadow: none;
	cursor:pointer;
}
div.form input[type=submit]:hover,
div.form input[type=submit]:active { background: #630c69; }



/*** Form Errors ***/
div.form div.error label,
div.form label.error,
div.form span.error {
	color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #FEE;
	border-color: #C00;
}

div.form .errorMessage { color:#630c69; font-size:0.8em; padding:5px 0; }



/****** HOMEPAGE ******/
.homepage { }

div.vslide { position:relative; width:100%; overflow:hidden; height:calc(90vh - 67px); }
div.background-video-wrapper { position:relative; width:100%; height:calc(90vh - 67px); overflow:hidden; }
div.background-video-wrapper video {
	min-height:calc(90vh - 67px); height:100%; width:auto; max-width:none; min-width:100%;
	position:absolute; top:50%; left:50%;
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
div.hero-video-overlay { width:100%; height:100%; display:flex; position:absolute; top:0; left:0; z-index:10; align-items:center; padding:20px; }
    
/** Tiles **/
#tiles { width:100%; max-width:1500px; margin:0 auto; display:block; }

div.tile-indv { width:100%; display:block; text-align:center; }
#tiles div.tile-indv:nth-child(odd) img.tileimg1 { width:auto; max-width:90%; display:inline-block; margin:0 auto 20px auto; }
#tiles div.tile-indv:nth-child(odd) img.tileimg2 { display:none; }
#tiles div.tile-indv:nth-child(odd) div.tile-text { width:auto; display:block; text-align:left; }

#tiles div.tile-indv:nth-child(even) img.tileimg1 { width:auto; max-width:90%; display:inline-block; margin:0 auto 20px auto; }
#tiles div.tile-indv:nth-child(even) img.tileimg2 { display:none; }
#tiles div.tile-indv:nth-child(odd) div.tile-text { width:auto; display:block; text-align:left; }

/* RoDevia block */
#rodevia-brigham { width:100%; display:block; height:500px;
    background:url('../images/rodevia-bg2.jpg') 44% 50% no-repeat; background-size:cover;
}
div.rodevia-inner { position:relative; width:100%; height:100%; display:flex; }
div.as-seen-on { width:65%; text-align:center; display:block; color:#fff; position:absolute; bottom:5%; left:20px; z-index:10; }
div.as-seen-on h2 { font-size:1.3em; font-weight:normal; padding:0 0 5px 0; }
div.rb-intro { width:65%; text-align:center; display:block; color:#fff; font-size:18px; position:absolute; top:10%; left:20px; z-index:10; }
div.rb-intro h2 { font-size:28px; margin-top:-10px; text-transform:uppercase; }


/* Samples */
#sample-wrap { width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.sample-wrap-intro { width:100%; display:block; text-align:center; }
.sample-wrap-images { width:100%; display:block; }

#sample-pages { width:100%; display:block; box-shadow:0 0 20px rgba(0,0,0,0.15); }
#sample-pages .slick-dots { bottom:-35px; }
#sample-pages .slick-dots li button:before { font-size: 10px; opacity: 0.75; color: #43b4ac; }
#sample-pages .slick-dots li.slick-active button:before { opacity: 1; color: #215f61; }

.extra-img { display:none; }

/* Hompeage contact */
#contact-video { background:#fff; }
div.contactv { position:relative; width:100%; height:auto; overflow:hidden; }
div.contact-video-wrapper { position:relative; width:100%; height:auto; overflow:hidden; }
div.contact-video-wrapper video { position:relative; width:100%; display:none; }

div.contact-video-overlay { width:100%; padding:50px 20px; background-image:linear-gradient(#f6f6f6, transparent); }
div.contact-form-holder { display:block; }



/***************************************************
	TABLET BREAKPOINTS
****************************************************/
@media(min-width: 640px) {




}




/***************************************************
	DESKTOP LAYOUT BREAKPOINTS
****************************************************/
@media(min-width: 992px) {

	/****** GLOBAL ELEMENT CSS ******/
	body { font-size:18px; }
    
    a.btn-purple { font-size:18px !important; }
    a.btn-teal { font-size:18px !important; }
    
    .vpad { padding-top:80px; padding-bottom:80px; }
    .hpad { padding-left:50px; padding-right:50px; }
    
    hr.hr1500 { border:none; border-top:1px #7f7f7f solid; width:calc(100% - 100px); margin:0 50px; }
    
    .mob { display:none; }
    
    /*** COOKIE CONSENT ***/
    #cookie-consent-bar { padding:20px 50px; font-size: 16px; }
    #cookie-consent-bar p { width:calc(100% - 200px); float:left; padding-right:20px; font-size:14px; }
    div#cc-btns { width:180px; float:right; text-align:right; margin-top:0; }
    #cookie-consent-bar .cc-btn { padding: 10px 20px; font-size: 14px; }

	/****** FRONTEND LAYOUT ******/
	
    #header { padding:0 50px; text-align:right; 
        background:rgba(237, 237, 237, 0.75);
        width:100%; position:fixed; top:0; left:0; z-index:9999;
    }
    
    #structure-bar { display:none; }
    
    #logo { display:block; float:left;
        width:280px; height:60px; overflow:hidden;
        text-indent:-3000px;
        background:url('../images/proposabid-full-teal.svg') 0 0 no-repeat; background-size:100% auto;
        margin:30px 0;
        transition:0.2s linear all;
    }

    #header.sticky { }
    #header.sticky #logo { width:75px; height:50px; background-size:auto 100%; margin:20px 0; }
    #header.sticky #mainmenu { padding:7px 0 0 0; }
    #header.sticky #mainmenu ul li a { font-size:16px; }
    
    #header.sticky li.bookbtn a { font-size:16px !important; }

	/*** Main Menu ***/
    #menuBtn { display: none; }
    
	#mainmenu {
		display: inline-block; width:auto;
		position: relative; top:unset; left:unset; z-index:1;
        padding:30px 0;
        transition:0.2s linear all;
        background:transparent;
	}
	#mainmenu ul {
		display: block;
	}
	#mainmenu ul li {
		display: inline-block; vertical-align:middle; width:auto;
		position: relative;
		border: none; padding:10px 20px;
	}
	#mainmenu ul li a { padding:0; font-size:18px; color:#000; font-weight:700; transition:0.2s linear all; }
	#mainmenu ul li:hover a, #mainmenu ul li:active a, #mainmenu ul li.active a { color:#666; }
    
	#mainmenu ul li > ul {
		display: none;
		position: absolute;
		margin: 0px;
		padding: 0px;
		left: 0px;
		min-width: 100px;
		z-index: 999;
		background: #8a8a8a;
		top: 36px;
	}
	#mainmenu ul li:hover > ul { display: block; }

	#mainmenu ul li > ul li {
		margin: 0px;
		float: none;
		position: relative;
		border-left: none;
		border-top: 1px solid #aaa;
	}

	#mainmenu ul li:first-child { border-top: none; }
	#mainmenu ul li > ul li a {
		display: block;
		padding: 8px 20px;
		color: #fff;
		font-size: 13px;
		text-decoration: none;
		/*background-color: transparent;*/
	}


	#content { padding-top:0; }
    
    /***** BREADCRUMBS *****/
	ul.breadcrumbs {
		padding: 5px;
		font-size: 14px;
	}
    

	#footer { background:rgba(237, 237, 237, 0.75); font-size:14px; color:#27938b; padding-top:30px; padding-bottom:30px; /*position:absolute; bottom:0; left:0; z-index:9999;*/ width:100%; display:block; text-align:left; }
    #footer a { color:#27938b; text-decoration:none; }
    #footer a:hover { color:#215f61; text-decoration:underline; }
    
    div.footer-id { width:25%; float:left; }
    img.ftr-logo { width:255px; display:block; }
    
    div.footer-links { width:50%; max-width:400px; float:right; }
    div.footer-links ul { column-count:2; list-style-type:none; padding:0; margin:0; }
	div.footer-links li.bookbtn { display:none; }

	
	/****** FORMS ******/
	div.form { max-width: none; }
	div.form label { width:20%; padding:5px 10px 0 0; font-size:16px; display:inline-block; vertical-align:top; }
	div.form input[type=text],
	div.form input[type=number],
	div.form input[type=password],
    div.form select {
		width: 75%;
	}
	div.form textarea {
		width: 75%;
		height: 120px;
	}
    
    div.form input[type=submit] { font-size:18px; }
    div.form .row.buttons { text-align:left; margin-left:20%; }
    p.note { width:auto; float:right; padding-right:5%; }
    
    div.form .errorMessage { color:#630c69; font-size:0.8em; padding:5px 0 5px 20%; }

	
    /****** HOMEPAGE ******/
    #hero-video { padding-top:0; }
	div.vslide { max-height:770px; height:770px; }
	div.background-video-wrapper { position:relative; width:100%; height:770px; overflow:hidden; }
	div.background-video-wrapper video {
		min-height:770px; width:auto; max-width:100%; min-width:100%;
		position:absolute; top:50%; left:70%;
		-ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
	}
    div.hero-video-overlay { width:100%; height:100%; display:flex; position:absolute; top:0; left:0; z-index:10; align-items:center; padding:100px 20px; }
    div.hero-video-overlay h1 { width:100%; max-width:940px; font-size:70px; font-weight:700; padding:0 0 40px 0; }
    div.hero-video-overlay p { font-size:26px; line-height:140%; width:100%; max-width:640px; }
    
    /** Tiles **/
    div.tile-indv { width:100%; display:flex; align-items:center; justify-content:space-between; }

    #tiles div.tile-indv:nth-child(odd) img.tileimg1 { width:auto; max-width:50%; display:block; margin:0; }
    #tiles div.tile-indv:nth-child(odd) div.tile-text { width:auto; display:block; padding-left:5%; }

    #tiles div.tile-indv:nth-child(even) img.tileimg1 { display:none; }
    #tiles div.tile-indv:nth-child(even) img.tileimg2 { width:auto; max-width:50%; display:block; }
    #tiles div.tile-indv:nth-child(even) div.tile-text { width:auto; display:block; padding-right:5%; }

    div.tile-text h2 { width:75%; }
    
    
    #hp-content { width:100%; display:flex; align-items:center; justify-content:space-between; }
    div.hp-text-content { width:40%; display:block; padding-right:5%; }
    div.hp-video-content { width:60%; display:block; }
    
    
    /* RoDevia block */
    #rodevia-brigham { width:100%; display:block; height:557px;
        background:url('../images/rodevia-bg2.jpg') 50% 50% no-repeat; background-size:cover;
    }
    div.rodevia-inner { display:flex; align-items:center; justify-content:center; width:100%; max-width:1500px; height:557px; margin:0 auto; padding:0; }
    div.as-seen-on { width:50%; text-align:center; display:block; color:#fff; position:relative; bottom:unset; left:unset; }
    div.as-seen-on h2 { font-size:1.8em; font-weight:normal; padding:0 0 20px 0; }
    div.rodevia { text-align:center; display:block; }
    div.rb-intro { width:50%; text-align:center; display:block; color:#fff; font-size:20px; position:relative; top:unset; left:unset; }
    div.rb-intro h2 { font-size:40px; margin-top:-10px; text-transform:uppercase; }
    
    
    /* Samples */
    .sample-wrap-intro { width:35%; display:block; text-align:left; }
    .sample-wrap-images { width:60%; display:block; }

    .extra-img { width:32%; display:inline-block; box-shadow:0 0 20px rgba(0,0,0,0.15); margin-top:50px; }
    
    /* Hompeage contact */
    #contact-video { padding-top:0; }
	div.contactv { max-height:700px; }
	div.contact-video-wrapper { position:relative; width:100%; height:700px; overflow:hidden; }
	div.contact-video-wrapper video {
        display:block;
		min-height:700px; width:auto; max-width:100%; min-width:100%;
		position:absolute; top:50%; left:30%;
		-ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
	}
    div.contact-video-overlay { width:100%; height:100%; display:flex; position:absolute; top:0; left:0; z-index:10; align-items:center; padding:0; background-image:linear-gradient(#f6f6f6, transparent); }
    div.contact-form-holder { display:block; width:50%; max-width:750px; margin-left:45%; }


}  /* @media(min-width: 880px) */




/*** Skip to Content invisible link for accessibility ***/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
/* uncommenting will make the link visible when focused
#skip a:focus
{
position:static;
float:left;
width:auto;
height:auto;
}
*/