@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Amatic+SC:400,700|Lato:300,400,400i,700|Dosis:600,800|Open+Sans:700|Playfair+Display:400i');

/** 
 * StringBean CSS Framework
 * *****************************************************************************
 * @version StringBean 2
 * *****************************************************************************
 * @description : StringBean is a mobile-first responsive CSS framework designed
 * to work with not just mobiles, but also with higher resolutions such as 2K,
 * 3K, and 4K (and above).
 * *****************************************************************************
 *
 * Contents
 * --------
 *   1. Resets
 *   2. Containers & Rows
 *   3. Visibility
 *   4. Buttons & Links, and Features
 *   5. Basic Formatting
 *   6. Forms & Inputs
 *   7. Breakpoints
 */

/** 1. Resets **/
    html,body{display:block;width:100%;font-size:16px;}
    html, body, button, div, /*span,*/ applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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; box-sizing:border-box; word-wrap:break-word; font-size:1rem; line-height:1.25em; }
    a,b,i,u,strong,span,label{display:inline;width:auto;} ol,ul{list-style:none;}
    
/** 2. Containers & Rows **/
    .container {display:block; /*overflow:auto;*/}
    .row{padding:0.5rem 0;clear:both; /*overflow:auto;*/ overflow:auto;visible; }
    .column{float:left; padding-left:1%; padding-right:1%;}
    .cell{display:inline-block; float:left;}
    .layout-600{max-width:600px;margin:auto;} .layout-700{max-width:700px;margin:auto;} .layout-800{max-width:800px;margin:auto;} .layout-900{max-width:900px;margin:auto;} .layout-960{max-width:960px;margin:auto;} .layout-1200{max-width:1200px;margin:auto;} .layout-1600{max-width:1600px;margin:auto;}
    
/** 3. Visibility **/
    .show-only-xsmall, .show-only-small, .show-only-medium, .show-only-large, .show-only-mega-hd, .show-only-mega-uhd {display:none;}
    .hide-above-xsmall, .hide-above-small, .hide-above-medium, .hide-above-large, .hide-above-mega-hd, .hide-above-mega-uhd {display:inline-block;}
    .hide{display:none;} .full-24{width:100%;}
    .float-left{float:left} .float-right{float:right} .align-left {text-align:left} .align-center{text-align:center} .align-right{text-align:right} .align-top{vertical-align:top} .align-middle{vertical-align:middle} .align-bottom{vertical-align:bottom}
    .pull-left{float:left; display:block;} .pull-right {float:right; display:block;} .clear-fix,.clear-both{clear:both;}

/** 4. Buttons & Links, and Features **/
    .button, a, button, input[type=submit] { cursor:pointer; }
    .button { display:inline-block !important; font-size:0.75em; margin:1px 0; padding:0.75em 2em; color:#555; border:0; text-decoration:none; line-height:normal; box-sizing:border-box; font-weight:bold; }
    .button_small { display:inline-block !important; font-size:0.75em; margin:1px 0; padding:0.5em 1em; border:0; text-decoration:none; line-height:normal; box-sizing:border-box; font-weight:bold; }
    .button:hover, .button:focus, .button_small:hover { /*opacity:0.7;*/background-color:#A39666;color:#fff; }
    .button-set > .button { border-radius:0; margin:1px 0; }
    .button-set > .button:first-child { border-top-left-radius:5px; border-bottom-left-radius:5px; }
    .button-set > .button:last-child { border-top-right-radius:5px; border-bottom-right-radius:5px; }

    /** Jumbotrons **/
    .jumbotron { display:block; padding:2em; background:#ececec; border:1px solid #d5d5d5; border-radius:0.35rem; -webkit-border-radius:0.35rem; -moz-border-radius:0.35rem; background-color:#f8faff; padding: 0.5em; margin-top:2em; }
    .jumbotron .row { margin:0 0 0 0; padding:1em; } .jumbotron .row + .row { padding-top:0; }
    .jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5, .jumbotron h6 { padding-top:0; padding-bottom:0; } .jumbotron p, .jumbotron a { margin-top:0; margin-bottom:0.25rem; }

    /** Cards **/
    .card { min-height:150px; height:100%; overflow:hidden; position:relative; padding:0; border-top:5px solid transparent; border-right:5px solid transparent; }
    .card > a > img, .card > a > figure { display:block; position:absolute; }
    .card > a > img { width:100%; } .card > a > figure { bottom:0; padding:0.5em; background-image:url(img/fader.png); }
    .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 { text-shadow:1px 1px #000; margin:0 0; }

    /** Info Wheels, Labels, and Alerts **/
    .info-wheel { display:inline-block; width:1.75em; max-width:1.75em; height:1.75em; max-height:1.75em; text-align:center; padding:0.25em 0; border-radius:3em; font-size:0.75em; }
    .label { display:inline-block; padding:0.1em 0.5em; font-size:0.75em; font-weight:bold; }

    /** Progress Bars **/
    .progress-bar { display:inline-block; border:1px solid #ddd; background-color:#f5f5f5; margin:1px 0; }
    .progress-bar-filler { line-height:2em; min-height:2em; text-align:center; font-weight:bold; font-size:0.75em; padding:0; width: attr(data-sb-value); }
    .progress-bar-filler:after { content: attr(data-sb-value); }  /** Displays the value of data-sb-value attribute in the innerHTML **/

    /** Grid Table **/
    .table { padding:0; }
    .table > .row { margin:0; padding:0.5em 0; clear:both; overflow:hidden; border-bottom:1px solid #ddd;  }
    .table > .row > .cell { float:left; text-align:center; } .table > .row > .cell.header { font-weight:bold; background:#f5f5f5; }

    /** Navbar **/
    nav li { line-height:2em; text-align:center; } nav ul { padding:0.5em 1em; }
    nav a .fa { margin-left:0.25em; } nav ul, nav li, nav a { text-decoration:none; } 
    nav a:focus, nav a:hover { text-decoration:underline; } 
    nav > ul > ul > li { display:inline-block; border-right:1px dotted #ccc; } 
    nav > ul > ul > li > a { display:block; padding:0 1em; } 
    nav > ul > ul > li > ul { position:absolute; visibility:hidden; } 
    nav > ul:focus > ul, nav > ul:hover > ul, nav > ul > ul > li:focus > ul, nav > ul > ul > li:hover > ul { display:block; visibility:visible; } 
    nav > ul > ul ul { margin:0; margin-left:-4px; padding:0 1em 0.5em; font-style:normal; box-shadow:0px 1px 2px #ccc; background-color:#fff; z-index:3000000; }

      
/** 5. Basic Formatting **/    
    h1,h2,h3,h4,h5,h6 {font-family:'Source Sans Pro', sans-serif; margin:0.75rem 0; margin-bottom:0.25rem; font-weight:normal; } h1 { font-size:2.5rem; } h2 { font-size:2rem; } h3 { font-size:1.75rem; } h4 { font-size:1.5rem; } h5 { font-size:1.25rem; } h6 { font-size:1rem; }
    h1,h2,h3,h5,h6 {color:#333;}
    h4 {color:#666;}
    p {font-family:'Source Sans Pro', sans-serif; padding:0.5rem 0; color:#333;}
    .button, button, input, selection { background-color:#a59e84; font-family:'Source Sans Pro', sans-serif; color:#333;font-size:1.2em;font-weight:400;}
    .button_small { background-color:#a59e84; font-family:'Source Sans Pro', sans-serif; color:#333;font-size:1.0em;font-weight:400;}
    .normal { background-color:rgba(0,0,0,1); color:#fff; } .warning { background-color:rgba(255,200,0,1); color:#fff; } .inactive { background-color:rgba(165,165,165,1); } .success { background-color:rgba(94,174,69,1); color:#fff; } .alert { background-color:rgba(215,65,65,1); color:#fff; } .information { background-color:rgba(25,120,175,1); color:#fff; } .regal { background-color:rgba(120,75,120,1); color:#fff; } .amber { background-color:rgba(220,100,50,1); color:#fff; } .moot { background-color:rgba(70,100,120,1); color:#fff; }
    .normal, .warning, .inactive, .success, .alert, .information, .regal, .amber, .moot { filter:none; } /** Fixes background color not showing in IE issue **/
    .light { background-color:#fff; border:1px solid #555; }
    .dark { background-color:#555; border:1px solid #333; color:#eee; }    
    .rounded { border-radius:5px; }
    .gold {color:#A59E84;}
    a {color:#3c4572;}
    a:visited, a:active, a:hover {color:#626fb2}
    
    /** Code & Pre **/
    code > pre { background:#f5f5f5; padding:0.5em; border-left:0.25em solid #10ec9c; font-weight:500; }
    
    /** Sizes **/
    .small { font-size:0.75em; } .medium { font-size:1.25em; } .large { font-size:2em; }    
    
/** 6. Forms **/
    form, input, button, textarea, select { font-size:1em; font-weight:normal; }
    input[type=text], input[type=password], input[type=file], input[type=radio], input[type=checkbox], textarea, select { display:inline-block; background-color:#fff; border:1px solid #ddd; padding:0 0.5em 0 0.5em; min-height:2.25em; line-height:2em; }
    
/** 7. Breakpoints **/

    /** XSMALL **/
    @media screen and (min-width: 0px) {
    	#web-designer-logo {text-align:center;border:0;} /* Logo is centred at top on smaller devices */
    	#inframes_nav {position:relative;margin-top:0 /* Space above menu items */;}
	ul#inframes_nav {width:75%;text-align:center;margin:0 auto;}
	#inframes_nav li {display:inline; line-height:1.1em; list-style-type:none; font-family:Lato;font-weight:400;}
    	#inframes_nav li a, a.nav-toggle {font-size:1.1em;text-decoration:none;color:#999;}
	#inframes_nav li a:hover, .nav-toggle a:hover, #inframes_nav li.active a {color:#695999;}
	.leftnav {text-align:center;padding-right:14px;}
	.rightnav {text-align:center;padding-right:14px;}
	a.nav-toggle {font-size:1.5em; list-style-type: none;font-family:Lato;font-weight:400;position:relative;top: -110px;left: 85%;}
	header .contact {margin-top:25px;}
	header .contact p {font-family: Lato; font-size:1.1em;color:#333;width:100%;display:inline;font-weight:400;}
	header .contact p span.established, header .contact p span.strapline {font-size:1.1em;}
	header .contact p span.strapline {display:block;}
	header .contact p span.established {color:#999;}
	header .contact p span.strapline {color:#A59E84;}
	.home_subhead {padding-bottom:25px;}
	.modal-inner {position: relative;overflow: hidden; max-width: 90%;max-height: 90%;overflow-x: hidden;overflow-y: auto;background: #fff;z-index: -1;opacity: 0;transform: scale(0);transition: opacity 0.2s, transform 0.2s, z-index 0s 0.2s;padding:25px;cursor: default;}
	.bigtext h1 {font-size:3.0em}
	.bigtext h2 {font-size:2.75em}
	.bigtext h3 {font-size:2.5em}
	.bigtext h4 {font-size:2em}
        .xsmall-1{width:4.16%;} .xsmall-2{width:8.33%;} .xsmall-3{width:12.5%;} .xsmall-4{width:16.66%;} .xsmall-5{width:20.83%;} .xsmall-6{width:25%;} .xsmall-7{width:29.16%;} .xsmall-8{width:33.33%;} .xsmall-9{width:37.5%;} .xsmall-10{width:41.66%;} .xsmall-11{width:45.83%;} .xsmall-12{width:50%;} .xsmall-13{width:54.16%;} .xsmall-14{width:58.33%;} .xsmall-15{width:62.5%;} .xsmall-16{width:66.66%;} .xsmall-17{width:70.83%;} .xsmall-18{width:75%;} .xsmall-19{width:79.16%;} .xsmall-20{width:83.33%;} .xsmall-21{width:87.5%;} .xsmall-22{width:91.66%;} .xsmall-23{width:95.83%;} .xsmall-24{width:100%;}
        .container{padding:0 3%;}
        .hide-below-small, .hide-below-medium, .hide-below-large, .hide-below-mega-hd, .hide-below-mega-uhd { display:none; }  /** Hide elements below certain points **/
        .show-only-xsmall { display:block; }
        h1 {font-size:2.25rem;} h2 {font-size:2rem;} h3 {font-size:1.75rem;} h4 {font-size:1.5rem;} h5 {font-size:1.25rem;} h6 {font-size:1rem;}
        nav > ul > li { display:inline-block; } nav > ul > ul { display:none; } nav > ul > ul > li { display:block; } nav > ul > ul > li > ul { position:static; visibility:visible; display:none; } nav > ul > ul ul { padding:0.25em; }
    }

    /** SMALL **/
    @media screen and (min-width: 320px) {
        .small-1{width:4.16%;} .small-2{width:8.33%;} .small-3{width:12.5%;} .small-4{width:16.66%;} .small-5{width:20.83%;} .small-6{width:25%;} .small-7{width:29.16%;} .small-8{width:33.33%;} .small-9{width:37.5%;} .small-10{width:41.66%;} .small-11{width:45.83%;} .small-12{width:50%;} .small-13{width:54.16%;} .small-14{width:58.33%;} .small-15{width:62.5%;} .small-16{width:66.66%;} .small-17{width:70.83%;} .small-18{width:75%;} .small-19{width:79.16%;} .small-20{width:83.33%;} .small-21{width:87.5%;} .small-22{width:91.66%;} .small-23{width:95.83%;} .small-24{width:100%;}
        .hide-below-medium, .hide-below-large, .hide-below-mega-hd, .hide-below-mega-uhd { display:none; }  /** Hide elements below certain points **/
        .hide-above-xsmall { display:none; }  /** Show elements only below certain points **/
        .show-only-small { display:block; }
        h1 {font-size:2.25rem;} h2 {font-size:2rem;} h3 {font-size:1.75rem;} h4 {font-size:1.5rem;} h5 {font-size:1.25rem;} h6 {font-size:1rem;}
    }

    /** MEDIUM **/
    @media screen and (min-width: 600px) {
	header .contact p span.strapline {display:inline;padding-right:20px;}
	ul#inframes_nav {width:68%;text-align:center;margin:0 auto;}
	.modal-inner {max-width: 70%;max-height: 70%;}
        .medium-1{width:4.16%;} .medium-2{width:8.33%;} .medium-3{width:12.5%;} .medium-4{width:16.66%;} .medium-5{width:20.83%;} .medium-6{width:25%;} .medium-7{width:29.16%;} .medium-8{width:33.33%;} .medium-9{width:37.5%;} .medium-10{width:41.66%;} .medium-11{width:45.83%;} .medium-12{width:50%;} .medium-13{width:54.16%;} .medium-14{width:58.33%;} .medium-15{width:62.5%;} .medium-16{width:66.66%;} .medium-17{width:70.83%;} .medium-18{width:75%;} .medium-19{width:79.16%;} .medium-20{width:83.33%;} .medium-21{width:87.5%;} .medium-22{width:91.66%;} .medium-23{width:95.83%;} .medium-24{width:100%;}
        .container{padding:0 1%;}
        .hide-below-large, .hide-below-mega-hd, .hide-below-mega-uhd { display:none; }  /** Hide elements below certain points **/
        .hide-above-xsmall, .hide-above-small { display:none; } /** Show elements only below certain points **/
        .show-only-medium { display:block; }
    }

    /** LARGE **/
    @media screen and (min-width: 1120px) {
    	#web-designer-logo {position:relative;width:120px;padding:0;margin:0;border:0;z-index:100;} 
	ul#inframes_nav {width:100%;margin-top:104px /* Space above menu items */;}
	#web-designer-logo {position:absolute!important;left:50%!important;top:0!important;margin-left:-65px!important /* Adjust position of logo */;}
	li.leftnav.first {margin-left:-40px;padding-left:0;}
	li.leftnav.last {margin-right:200px;} /* Logo is between left and right nav menus on larger devices - this is the size of the gap */
	li.rightnav.first {margin-left:0;}
	li.leftnav {text-align:right;padding-left: 20px;padding-right: 0;}
	li.rightnav {text-align:left;padding-left: 0;padding-right: 20px;}
	header .contact {margin-top:25px;}
        .large-1{width:4.16%;} .large-2{width:8.33%;} .large-3{width:12.5%;} .large-4{width:16.66%;} .large-5{width:20.83%;} .large-6{width:25%;} .large-7{width:29.16%;} .large-8{width:33.33%;} .large-9{width:37.5%;} .large-10{width:41.66%;} .large-11{width:45.83%;} .large-12{width:50%;} .large-13{width:54.16%;} .large-14{width:58.33%;} .large-15{width:62.5%;} .large-16{width:66.66%;} .large-17{width:70.83%;} .large-18{width:75%;} .large-19{width:79.16%;} .large-20{width:83.33%;} .large-21{width:87.5%;} .large-22{width:91.66%;} .large-23{width:95.83%;} .large-24{width:100%;}
        .hide-below-mega-hd, .hide-below-mega-uhd { display:none; }  /** Hide elements below certain points **/
        .hide-above-xsmall, .hide-above-small, .hide-above-medium { display:none; }  /** Show elements only below certain points **/
        .show-only-large { display:block; }
        nav > ul > li { display:none; } nav > ul > ul { display:block; } nav > ul > ul > li { display:inline-block; } nav > ul > ul > li > ul { position:absolute; }
    }

    /** HD **/
    @media screen and (min-width: 1601px) {
        .mega-hd-1{width:4.16%;} .mega-hd-2{width:8.33%;} .mega-hd-3{width:12.5%;} .mega-hd-4{width:16.66%;} .mega-hd-5{width:20.83%;} .mega-hd-6{width:25%;} .mega-hd-7{width:29.16%;} .mega-hd-8{width:33.33%;} .mega-hd-9{width:37.5%;} .mega-hd-10{width:41.66%;} .mega-hd-11{width:45.83%;} .mega-hd-12{width:50%;} .mega-hd-13{width:54.16%;} .mega-hd-14{width:58.33%;} .mega-hd-15{width:62.5%;} .mega-hd-16{width:66.66%;} .mega-hd-17{width:70.83%;} .mega-hd-18{width:75%;} .mega-hd-19{width:79.16%;} .mega-hd-20{width:83.33%;} .mega-hd-21{width:87.5%;} .mega-hd-22{width:91.66%;} .mega-hd-23{width:95.83%;} .mega-hd-24{width:100%;}
        .hide-below-mega-uhd { display:none; }  /** Hide elements below certain points **/
        .hide-above-xsmall, .hide-above-small, .hide-above-medium, .hide-above-large { display:none; }
        .show-only-mega-hd { display:block; }
    }

    /** Ultra-HD (2K, 3K, and 4K **/
    @media screen and (min-width: 2049px) {
        .mega-uhd-1{width:4.16%;} .mega-uhd-2{width:8.33%;} .mega-uhd-3{width:12.5%;} .mega-uhd-4{width:16.66%;} .mega-uhd-5{width:20.83%;} .mega-uhd-6{width:25%;} .mega-uhd-7{width:29.16%;} .mega-uhd-8{width:33.33%;} .mega-uhd-9{width:37.5%;} .mega-uhd-10{width:41.66%;} .mega-uhd-11{width:45.83%;} .mega-uhd-12{width:50%;} .mega-uhd-13{width:54.16%;} .mega-uhd-14{width:58.33%;} .mega-uhd-15{width:62.5%;} .mega-uhd-16{width:66.66%;} .mega-uhd-17{width:70.83%;} .mega-uhd-18{width:75%;} .mega-uhd-19{width:79.16%;} .mega-uhd-20{width:83.33%;} .mega-uhd-21{width:87.5%;} .mega-uhd-22{width:91.66%;} .mega-uhd-23{width:95.83%;} .mega-uhd-24{width:100%;}
        .hide-above-xsmall, .hide-above-small, .hide-above-medium, .hide-above-large, .hide-above-mega-hd { display:none; }
        .show-only-mega-uhd { display:block; }
    }
/** END StringBean **/


/* Common style */
/* Hover effects adapted from Codrops article - demo at http://tympanus.net/Development/HoverEffectIdeas/index2.html */
figure {
	position: relative;
	/*float: left;*/
	overflow: hidden;
	margin: /*10px 1%*/ 0 auto 20px auto;
	min-width: 320px;
	max-width: 320px;
	max-height: 360px;
	width: 48%;
	height: auto;
	/*background: #3085a3;*/
	text-align: center;
	cursor: pointer;
}

figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
	pointer-events: none;
}

figure figcaption,
figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

figure h2 span {
	font-weight: 800;
}

figure h2,
figure p {
	margin: 0;
}

figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: #a59e84;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px;
	width:100%;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 1.0em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

/* Don't bother with these hover effect on mobiles because we're going to open a modal window when people tap */
@media screen and (min-width: 600px) {
	figure.effect-goliath:hover img {
		-webkit-transform: translate3d(0,-80px,0);
		transform: translate3d(0,-80px,0);
	}

	figure.effect-goliath:hover p {
		opacity: 1;
		color:#333!important;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

/**
 * Modal starts here.
 * For modal-inner class, see size classes above
 **/
 
.modal {
  display: none;
}



.vanilla-modal .modal {
  display: block;
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
  font-size: 0;
  transition: opacity 0.2s, z-index 0s 0.2s;
  text-align: center;
  overflow: hidden;
  overflow-y: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.vanilla-modal .modal > * {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  text-align: left;
}

.vanilla-modal .modal:before {
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.vanilla-modal.modal-visible .modal {
  /*z-index: 99;*/
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.2s;
}


.modal-visible .modal-inner {
  z-index: 100;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.2s, transform 0.2s;
}

a[rel="modal:close"] {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  font-family:'Source Sans Pro', sans-serif; 
  cursor: pointer;
  text-align: center;
  background: #fff;
  box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
}      

.modal_prev {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  cursor: pointer;
  text-align: center;
}

.modal_next {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  cursor: pointer;
  text-align: center;
}

.modal_weblink {
  width:100%;
  text-align: center;
  margin:0 auto;
  padding-top:45px;}
  
.not-active {
   pointer-events: none;
   cursor: default;
   opacity: 0.6;
}  

img.img-responsive {width:100%;margin: 0 auto;}
img.jon-pic {padding-top:24px;}
img.flaticon {height:25px;margin:0;padding:0 10px 0 0;position:relative;top:3px;}
img.boilericon {height:25px;margin:0;padding:0 10px 0 0;position:relative;top:6px;}
img.logoicon {display:inline;height:75px;margin-top:8px;}
img.logoiconsm {display:inline;height:25px;margin-top:8px;}
img.logoiconmed {display:inline;height:48px;margin-top:8px;}
p.spec {margin:0;padding:0 0 3px 0;line-height:25px;}
p.spec:hover {background-color:#eee;}
p.boiler {margin:0;padding:0 0 3px 0;line-height:25px;}
h1.main-title {font-size:56px;font-family:Amatic;margin-top:3px;padding-top:0;line-height:60px;color:#791c15;}
header,footer  {background-color:#eee;}