/*
Theme Name: Toast Theme HTML5 - Columns
Description:  The Toast Theme. Lightweight, tasty and totally awesome.
Author: David Foreman // Charlotte Brown
Date: March 2018
Version: 5.0-2018
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: Toast
Tags: HTML 5, one-column, two-columns, right-sidebar
*/

#wpadminbar li.toast-support a { background: #ff8f2b; }
#wpadminbar li.toast-support a:hover { background: #666; }

/*.container { border: 2px dashed #efefef; }*/
.container .container { background: red; }

.test-class { background: green; }

.page-navigation { clear: both; margin-bottom: 2rem; }

 p { width: 75%; }

h1.inner-page-title {
    margin-bottom: 0;
}

.strong-view.default .testimonial-name { line-height: 13rem; }

.strong-view.default.strong-view-id-1 { width: 70%; margin: 0 auto; float: left; }

.wpmslider-viewport { height: 115px !important; }

.page-id-198 h5 { width: 100%!important; }


.rpwe-block a { display: block; font-size: 1rem; }

ul.flex-direction-nav {
    display: none;
}

.page-id-471 h1, .page-id-461 h1 { background: #2f5c65; }



/* HEADER/NAV section
*************************************************/

.container._3remtopmarg._3rembotmarg {
    background: #efefef;
    padding: 3rem; }

i.fa { margin-left: 1rem; }

i.fa.fa-facebook:hover, i.fa.fa-linkedin:hover, i.fa.fa-twitter:hover {
	color: #948b8b; }

header#masthead {
    margin-bottom: 4rem;
}

.contacts {
    margin: 2rem 0 2.5rem 0;
}

.contacts p {
    display: inline;
	color: #696564;
	font-size: 17px;
}

.four.columns.nav {
    margin-left: 0%!important;
}

p.paragraph.one {
	font-size: 50px; line-height: 60px; }


/* WORK WITH ME section
*************************************************/
.work.box {
    background: #efefef;
    padding: 10rem 0 6rem 0;
}

a.learn.button {
    background: #ffffff;
    border: 1.5px solid #2d5b64;
    color: #2d5b64;
    border-radius: 0;
}

a.learn.button:hover {
	background: #2d5b64;
	color: #fff; }

h2.repeater.title {
    text-align: left;
    margin-bottom: 4.5rem;
    color: #2d5b64;
}

.four.columns.icons {
    background: white;
}

.four.columns.icons h4, .four.columns.icons p { 
	color: #2d5b64; 
	margin: 0 6rem 2rem 2rem;
	padding-right: 4rem; }

.four.columns.icons img { 
	margin: 2rem 0 3rem 2rem; }




/* ABOUT ME section
*************************************************/
.eight.columns.about-me.leftaligntext p {
	color: #878786; }

.eight.columns.about-me.leftaligntext h3 {
	color: #2d5b64; }




a.slider.button { background: #2d5a65;
	color: #fff;
	border: 2px solid white;
	font-size: 30px;
	line-height: 75px;
	padding: 0px 20px;
	border-radius: 4px; }

.slider.box {
    background: #2d5b63;
    padding: 4rem;
    overflow: auto;
	padding-bottom: 12rem;
}


.strong-view.default .testimonial-heading {
	text-align: center !important; }

.strong-view.default div {
	text-align: center; }

.strong-view.default.controls-type-sides .testimonial-inner, .strong-view.default .testimonial-inner {
	background: #185c64;
    color: white; }

.strong-view.default.no-quotes .testimonial-heading {
	font-size: 20px;
	height: 12px; }

.strong-view.default .testimonial-client { margin-top: 4.5rem !Important; }


/* RECENT PROJECTS section
*************************************************/
h3.blog.title {
	color: #2d5b64;
	padding-bottom: 3rem;
	 }

.blog.individual {
    background: white;
	height: 660px;
	margin-bottom: 6rem;
}

p.postmetadata {
    margin: 0;
}

p.postmetadata a {
	background: #2d5b63;
	padding: 2rem 4rem;
	line-height: 3;
	color: #fff; }

p.postmetadata a:hover {
	color: #adadad; }

.post img {
	margin-bottom: 2rem;
	/*width: 100%;*/
	height: auto; }

h6.post.title.home a {
	color: #2d5b64; }

h6.post.title.home, p.blog.post {
    padding: 0 2rem;
}

p.blog.post {
	padding-bottom: 2rem;
	color: #878786; }

.blog.individual a.learn.button {
	margin-left: 2rem;
	margin-bottom: 2rem; }


h3.work.title {
	color: #2d5b64;
	padding-bottom: 3rem;
	margin-top: 10rem;
	 }

.wpls-logo-showcase .slick-dots li button, .wpls-logo-showcase button.slick-arrow {
	visibility: hidden; }

.wpls-logo-showcase-slider-wrp.wpls-logo-clearfix {
    margin-bottom: 10rem;
}

.home-blog-image {
    max-height: 269px;
    max-width: 359px;
    margin-bottom: 2rem;
	display: block;
    width: auto;
    height: auto;
	overflow: hidden;
}


/* INSTAGRAM
*************************************************/
h3.sbi_no_bio {
    color: #2d5b63;
}


/* FOOTER
*************************************************/
.site-footer h5, .site-footer a { color: #fff; }


.site-footer i.fa {;
	color: #ffffff;
	margin-top: 1rem;; }

.site-footer .contacts {
	margin-top: 0; }

.site-footer .contacts span, .site-footer .contacts .phone {
	color: #fff; }


/* INNER PAGES
*************************************************/

h1 {
    font-size: 5rem;
    text-align: left;
    background: #005e65;
    color: white;
    margin-bottom: 3rem;
    padding: 1rem;
	box-shadow: 10px 10px 20px #cccccc;
}


h2.blog.title {
    font-size: 3.5rem;
    text-align: left;
    background: #005e65;
    color: white;
    margin-bottom: 3rem;
    padding: 1rem;
    box-shadow: 10px 10px 20px #ccc;
	width: 75%;
}


.centered-text { 
	position: absolute;
    bottom: 0;
    text-align: center;
	padding: 17px !important;
	background: grey;
	width: 100%; }



.ten.columns.blog.page .post {
    margin-right: 3rem; }


.ten.columns.blog.page .blog.individual {
	margin-bottom: 5rem;
	height: 575px;
	background: #efefef; }



h1.blog-main-title {
    margin-bottom: 5rem;
    width: 78.5%;
    font-size: 4rem;
}

.right-sidebar.u-pull-right { width: 12%; }

.sidebar.two.columns, .right-sidebar.u-pull-right {
    background: #006066;
    padding: 1.5rem;
    color: white;
}

.sidebar.two.columns ul, .right-sidebar.u-pull-right ul {
	list-style: none; }

.sidebar.two.columns a, .right-sidebar.u-pull-right a { color: white; }

.sidebar.two.columns h5, .right-sidebar.u-pull-right h5 {
	border-bottom: 1px solid white; }

.sidebar.two.columns a:hover, .right-sidebar.u-pull-right a:hover {
    color: grey;
}


h1.blog-main-title { margin-bottom: 5rem; }

.blog-inner-box {
    background: #ababab;
    padding: 3rem;
    color: white;
	width: 68%;
}

li.cat-item.cat-item-14 {
    display: none;
}



/* Base Styles
*************************************************/
/* NOTE
html is set to 62.5% so that all the REM measurements throughout the theme
are based on 10px sizing. So basically 1.5rem = 15px :) */
html { font-size: 62.5%; }
body { font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 1.9;
visibility: visible;
	color: #222;
	margin: 0;
	padding: 0;
	}

.bx-wrapper .bx-caption span { font-family: 'Raleway', sans-serif; }

.push-right { float: right; }
.push-left	{ float: left; }
.align-centered	{ text-align: center; }
.align-right { text-align: right; }


.twelve.columns li { width: 75%; }

 

/*	Header
*************************************************/

a.logo img { width: 100%; height: auto; vertical-align: bottom; }
header ul { padding: 0; margin: 0; list-style-type: none; }
header ul li { display: inline; }
header .contacts {}


/* Navbar & Menus 									*
************************************************/
.top-nav 			{ font-size: 1.4rem;  }
.top-nav ul 		{ margin: 0 auto; padding: 0 1.25rem; text-align: center;  }
.top-nav li 		{ display: inline-block; position: relative; /* this is needed in order to position sub menus */ margin: 0 1rem 0 1rem; }
.top-nav li a  		{ display: inline-block; padding: 1.5rem; color: #2d5a65; line-height: 1; } /* Links on the main nav bar ONLY */
.top-nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { 
					color: #ff8f2b; } /* Links on the dropdowns ONLY */
.top-nav li:hover a, .top-nav li.current_page_item a, .top-nav ul li.current_page_item ul li a:hover, .top-nav ul li.current-page-ancestor ul li a:hover,  .top-nav li.current-page-ancestor a { color: #fff; background: #2d5a65; }
.top-nav li.current_page_item a { }

.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

/* Submenus Dropdowns
***********************************************/
.top-nav ul ul 				{ visibility: hidden; opacity: 0; zoom: 1; filter: alpha(opacity=50); -khtml-opacity: 0.5; position: absolute;	padding: 0;	top: 3.5rem; left: 0; width: 200px; background: #666; text-align: left; z-index: 9999999; -moz-transition-property: opacity, visibility; -webkit-transition-duration: .4s, 0s; transition-delay: 0s, .4s; }
.top-nav ul ul ul 			{ position: absolute;	padding: 0; top: 0; left: 200px; width: 200px; background: #999; text-align: left; z-index: 9999999; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ float: none; padding: 1rem; display: block; margin: 0; line-height: 1.2; color: #ff8f2b;  }
.top-nav ul ul li:hover a	{ color: #fff; }
.top-nav ul li:hover > ul 	{ visibility: visible; opacity: 1; zoom: 1; filter: alpha(opacity=100); -khtml-opacity: 1;  }

/* Drop Down Link styling
**************************************************/
/*.nav li.current_page_item a, .top-nav li.current_page_ancestor a, .top-nav ul li ul.sub-menu li.current_page_item a { color: yellow; }
.top-nav ul li.current_page_item ul.sub-menu li a, .top-nav ul li ul.sub-menu li a { color: red; }
.top-nav ul li.current_page_item ul.sub-menu li a:hover, .top-nav ul li ul.sub-menu li a:hover { color: green; }*/

/* Pagination
*************************************************/

/* Previous and Next pagination */
 a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { font-size: 1.1em; padding: .25em .5em; color: #fff; clear: both; -webkit-appearance: none; background: #185c64; border: none; border-radius: 4px;}
a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover { background: #868686; border: 0px;   }
a.page-numbers:hover { background: #868686;  }
/* Current pagination link */
span.page-numbers.current { font-size: 1.3em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #868686; padding: .25em 1em; color: #fff; clear: both; -webkit-appearance: none; }



/* Grid
*************************************************/
.container { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.with-sidebar { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0px; box-sizing: border-box; }
.column, .columns { width: 100%; float: left; box-sizing: border-box; }


/* For devices larger than 400px
***************************************************************/

@media (min-width: 400px) {
  	.container 						{ width: 85%; padding: 0; }
	.with-sidebar 					{ width: 85%; padding: 0; }
  	.with-sidebar .container 		{ width: 100%; }
	.left-sidebar, 
	.left-sidebar-content, 
	.right-sidebar, 
	.right-sidebar-content 			{ width: 100%; }
	.u-pull-right, .u-pull-left 	{ float: none; }

} /* End media query */

/* For devices larger than 550px
***************************************************************/

@media (min-width: 550px) {

	.container { width: 80%; }
	.with-sidebar { width: 80%; }

	.with-sidebar .container { width: 100%; }
	.column,.columns { margin-left: 4%; }
	.column:first-child, .columns:first-child { margin-left: 0; }

	.one.column,
	.one.columns                    	{ width: 4.66666666667%; 											}
	.two.columns                    	{ width: 13.3333333333%; 											}
	.two.columns:nth-of-type(6n+1) 		{ margin-left: 0; /* removes the margin-left when over 2 rows */ 	}     
	.three.columns, 
	.left-sidebar,
	.right-sidebar 						{ width: 22%;            											}
	.three.columns:nth-of-type(4n+1) 	{ margin-left: 0; /* removes the margin-left when over 2 rows */ 	}     
	.four.columns                   	{ width: 30.6666666667%; 											}
	.four.columns:nth-of-type(3n+1) 	{ margin-left: 0;  /* removes the margin-left when over 2 rows */ 	}     
	.five.columns                   	{ width: 39.3333333333%; 											}
	.six.columns                    	{ width: 48%;            											}
	.six.columns:nth-of-type(2n+1) 		{ margin-left: 0; /* removes the margin-left when over 2 rows */ 	}     
	.seven.columns                  	{ width: 56.6666666667%; 											}
	.eight.columns                  	{ width: 65.3333333333%; 											}
	.nine.columns, 
	.left-sidebar-content,
	.right-sidebar-content          	{ width: 74.0%;          											}
	.ten.columns                    	{ width: 82.6666666667%; 											}
	.eleven.columns                 	{ width: 91.3333333333%; 											}
	.twelve.columns                 	{ width: 100%; margin-left: 0; 										}
	.one-third.column               	{ width: 30.6666666667%; 											}
	.one-third.columns:nth-of-type(3n+1){ margin-left: 0; /* removes the margin-left when over 2 rows */ 	}     
	.two-thirds.column              	{ width: 65.3333333333%; 											}
	.one-fifth.column					{ width: 16.8%; /* removes the margin-left when over 2 rows */ 		}
	.one-fifth:nth-of-type(5n+1) 		{ margin-left: 0; /* removes the margin-left when over 2 rows */ 	}     
  	.one-half.column                	{ width: 48%; }
	.one-half.columns:nth-of-type(2n+1) { margin-left: 0; /* removes the margin-left when over 2 rows */ 	}     


  /* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }

} /* End media query */


/*	Footer
*************************************************/
.footer-wrapper { padding: 4rem 0; background: #2d5b63; overflow: hidden; clear: both; }
.footer-sub-wrapper {   padding: 1rem 0; background: #333; color: #fff; overflow: hidden; line-height: 2;     font-size: 80%; }
.footer-sub-wrapper li a { color: #fff; text-decoration: none; padding: 0 1rem; }
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.site-footer { clear: both; }
.site-footer a.logo img { width: 100%; height: auto; margin-bottom: 2rem; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block; line-height: 2; border-bottom: 1px solid grey; text-decoration: none; }

/* Contacts */

.site-footer .contacts { text-align: right; }
.site-footer .contacts span { display: block; }

/* Sub footer */
.bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.bottom-menu ul li a { display: inline-block; line-height: 2; border: none; }


/* Parallax
************************************************/

.container.parallax { color: #fff; text-shadow: 0 .25rem 1rem rgba(0,0,0,.5); }
.container.parallax h3 { font-size: 3vw; }




/* Typography
*************************************************/
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem;  
line-height: 1.8;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 100;
letter-spacing: 0.35px;
word-spacing: -0.65px;
visibility: visible; } 
h1 { font-size: 4.0rem; line-height: 1.2;  }
h2 { font-size: 3.6rem; line-height: 1.25;  }
h3 { font-size: 3.0rem; line-height: 1.3; }
h4 { font-size: 2.4rem; line-height: 1.35;  }
h5 { font-size: 1.8rem; line-height: 1.5;  }
h6 { font-size: 1.5rem; line-height: 1.6;  }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }

.centered { text-align: center; }
.alignright { text-align: right; }
.justified { text-align: justify; }


/* Links
*************************************************/
a { color: #185c64; text-decoration: none; }
a:hover { color: #333; }


/* Buttons
*************************************************/
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: #2d5a65;
  border-radius: 4px;
  border: none;
color: #fff;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  background: #333;
	color: #fff;
  outline: 0; }



/* Forms
*************************************************/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
*************************************************/
ul { list-style: square inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 2rem;  }
li { margin-bottom: 1rem; }


/* Code
*************************************************/
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
*************************************************/
th, 
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }



/* Spacing
*************************************************/
button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }

._05rem 	{ padding: .5rem 0; display: block; }
._1rem 		{ padding: 1rem 0; display: block; }
._2rem 		{ padding: 2rem 0; display: block; }
._3rem 		{ padding: 3rem 0; display: block; }
._4rem 		{ padding: 4rem 0; display: block; }
._5rem 		{ padding: 5rem 0; display: block; }
._6rem 		{ padding: 6rem 0; display: block; }
._7rem 		{ padding: 7rem 0; display: block; }
._8rem 		{ padding: 8rem 0; display: block; }
._9rem 		{ padding: 9rem 0; display: block; }
._10rem 	{ padding: 10rem 0; display: block; }

._05remtop { padding-top: .5rem; display: block; }
._1remtop { padding-top: 1rem; display: block; }
._2remtop { padding-top: 2rem; display: block; }
._3remtop { padding-top: 3rem; display: block; }
._4remtop { padding-top: 4rem; display: block; }
._5remtop { padding-top: 5rem; display: block; }
._6remtop { padding-top: 6rem; display: block; }
._7remtop { padding-top: 7rem; display: block; }
._8remtop { padding-top: 8rem; display: block; }
._9remtop { padding-top: 9rem; display: block; }
._10remtop { padding-top: 10rem; display: block; }

._05rembottom { padding-bottom: .5rem; display: block; }
._1rembottom { padding-bottom: 1rem; display: block; }
._2rembottom { padding-bottom: 2rem; display: block; }
._3rembottom { padding-bottom: 3rem; display: block; }
._4rembottom { padding-bottom: 4rem; display: block; }
._5rembottom { padding-bottom: 5rem; display: block; }
._6rembottom { padding-bottom: 6rem; display: block; }
._7rembottom { padding-bottom: 7rem; display: block; }
._8rembottom { padding-bottom: 8rem; display: block; }
._9rembottom { padding-bottom: 9rem; display: block; }
._10rembottom { padding-bottom: 10rem; display: block; }


._05rembotmarg { margin-bottom: .5rem; display: block; }
._1rembotmarg { margin-bottom: 1rem; display: block; }
._2rembotmarg { margin-bottom: 2rem; display: block; }
._3rembotmarg { margin-bottom: 3rem; display: block; }
._4rembotmarg { margin-bottom: 4rem; display: block; }
._5rembotmarg { margin-bottom: 5rem; display: block; }
._6rembotmarg { margin-bottom: 6rem; display: block; }
._7rembotmarg { margin-bottom: 7rem; display: block; }
._8rembotmarg { margin-bottom: 8rem; display: block; }
._9rembotmarg { margin-bottom: 9rem; display: block; }
._10rembotmarg { margin-bottom: 10rem; display: block; }

._05remtopmarg { margin-top: .5rem; display: block; }
._1remtopmarg { margin-top: 1rem; display: block; }
._2remtopmarg { margin-top: 2rem; display: block; }
._3remtopmarg { margin-top: 3rem; display: block; }
._4remtopmarg { margin-top: 4rem; display: block; }
._5remtopmarg { margin-top: 5rem; display: block; }
._6remtopmarg { margin-top: 6rem; display: block; }
._7remtopmarg { margin-top: 7rem; display: block; }
._8remtopmarg { margin-top: 8rem; display: block; }
._9remtopmarg { margin-top: 9rem; display: block; }
._10remtopmarg { margin-top: 10rem; display: block; }


/* Utilities
*************************************************/
.u-full-width 		{ width: 100%; box-sizing: border-box; }
.u-max-full-width 	{ max-width: 100%; box-sizing: border-box; }
.u-pull-right 		{ float: right; }
.u-pull-left 		{ float: left; }


/* Misc
*************************************************/
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }


/* Clearing
*************************************************/

/* Self Clearing Goodness */
.container:after, .row:after, .u-cf { content: ""; display: table; clear: both; }


/* Flexible content 
*************************************************/

.wrapper h1, 
.wrapper h2, 
.wrapper h3, 
.wrapper h4, 
.wrapper h5, 
.wrapper h6 { color: #fff !important; }
.wrapper p { color: #fff !important; }
.wrapper a { color: #fff !important; text-decoration: underline;}
.wrapper a:hover { text-decoration: none; }


/* Flexible Content Elements
***************************************************/
.leftaligntext 			{ text-align: left; }
.rightaligntext 		{ text-align: right; }
.centeraligntext 		{ text-align: center; }
.justifiedtext			{ text-align: justify;}


/*	Easing 
*************************************************/
a.button, a.button:hover, a.prev, a.next, a.page-numbers, li:hover a, li a { 

		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	 } 


/*	WordPress base Styles (content & images)
*************************************************/
.alignnone 								{ margin: .0; }
.aligncenter, div.aligncenter 			{ display: block; margin: 0em auto; }
.alignright 							{ float:right; margin: 0em; }
.alignleft 								{ float: left; margin: 0; }
.aligncenter 							{ display: block; margin: 0; }
a img.alignright,
img.alignright 							{ float: right; margin: .0; max-width: 100%; }
a img.alignnone,img.alignnone 			{ margin: 0; max-width: 100%; }
a img.alignleft, img.alignleft			{ float: left; margin: 0; max-width: 100%; }
a img.aligncenter,
img.aligncenter  						{ display: block; margin-left: auto; margin-right: auto; }

.wp-caption 							{ background: #fff0; max-width: 100%; /* Image does not overflow the content area */ padding: .25em .25em .75em;  }
.wp-caption.alignnone 					{ margin: 0;  display: table;
    table-layout: fixed;
	width: unset !important;
	position: relative; }
.wp-caption.alignleft 					{ margin: 0;  display: table;
    table-layout: fixed;
	width: unset !important;
	position: relative;}
.wp-caption.alignright 					{ margin: 0;  display: table;
    table-layout: fixed;
	width: unset !important;
	position: relative; }
.wp-caption img 						{ border: 0 none; height: auto; margin: 0; padding: 0; width: auto; max-width: 100%; }

p.wp-caption-text {
    display: table-caption;
    caption-side: bottom;
    background: #005e65;
    width: 98.3%;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0;
	color: white;
	padding-left: 0.5rem;
	font-size: 0.85em;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}


.wp-caption.aligncenter {
	 display: table;
    table-layout: fixed;
	width: unset !important;
	position: relative;
}



img.full-width-image					{ width: 100%; height: auto; margin: 0; padding: 0; }
img										{ max-width: 100%; height: auto; }


/* Media Queries
*************************************************
Note These have recently been updated to use MAX WIDTHS set to most common sizes - DO NOT use MIN and MAX width declarations or youll quadruple your CSS.
*/


/* Smallest mobile */
@media (min-width: 220px) {}


/* Smallest mobile */
@media (min-width: 320px) {

.slider.box {
    padding: 0rem;
    padding-top: 3rem;
	padding-bottom: 2rem;
}

p.paragraph.one {
    font-size: 14px;
    line-height: 18px;
}

.ksp-layer-wrap {
    position: initial!important;
    margin-top: 0rem;
    margin-left: 0rem;
} 

a.slider.button { font-size: 12px; line-height: 25px; }
p.slider-tag {
    display: none;
}
.four.columns.icons img { width: 85%; }


.strong-view.default.no-quotes .testimonial-heading { font-size: 11px; }
header .contacts {
    text-align: center;
}

}

/* Medium mobile */
@media (min-width: 375px) {

.slider.box {
    padding: 1rem;
    padding-top: 3rem;
	padding-bottom: 2rem;
}

p.paragraph.one {
    font-size: 14px;
    line-height: 18px;
}

.ksp-layer-wrap {
    position: initial!important;
    margin-top: 0rem;
    margin-left: 0rem;
} 

a.slider.button { font-size: 12px; line-height: 36px; }
p.slider-tag {
    display: none;
}
.four.columns.icons img { width: 87%; }

.strong-view.default.no-quotes .testimonial-heading { font-size: 14px; }
header .contacts {
    text-align: center;
}
}



/* Large mobile */
@media (min-width: 425px) {

p.slider-tag {
    display: block;
}

.ksp-layer-wrap {
    position: initial!important;
    margin-top: 0rem;
    margin-left: 0rem;
}
.slider.box {
    padding: 2rem;
    padding-top: 3rem;
    padding-bottom: 16rem;
} 

a.slider.button { font-size: 12px; line-height: 20px; }
p.paragraph.one {
    font-size: 1.3rem;
    line-height: 1.3rem;
 } 
p.slider-tag {
    line-height: 8px;
}

.strong-view.default.no-quotes .testimonial-heading { font-size: 14px; }
header .contacts {
    text-align: center;
}


}

/* Phablet (phone tablet) (also point when grid becomes active) */
@media (min-width: 550px) {}




/* Smaller than tablet */
@media (min-width: 768px) {
header#masthead {
    margin-bottom: 1rem; margin-top: 2rem;
}
header#masthead .twelve.columns { width: 48%; float: right; }
header#masthead .four.columns { width: 50.666667%; }
header#masthead a.logo img { margin-top: 2rem; }

p.paragraph.one {
    font-size: 2rem;
    line-height: 2rem;
 } 
a.slider.button { font-size: 15px; line-height: 35px; }
.ksp-layer-wrap {
    position: initial!important;
    margin-top: 10rem;
    margin-left: 9rem;
} 
p.slider-tag {
    line-height: 16px;
}
.four.columns.icons img { width: 77%; }
.four.columns.icons { max-height: 580px; }
.four.columns.icons h4 {
    font-size: 2.2rem;
}

.strong-view.default.no-quotes .testimonial-heading { font-size: 11px; }
.blog.individual { height: 580px; }
.work.box { padding: 6rem 0 6rem 0; }
article#post-198 .container._10remtopmarg._10rembotmarg { margin-top: 4rem; margin-bottom: 4rem; }
h3.work.title { margin-top: 4rem; }
.wpls-logo-showcase-slider-wrp.wpls-logo-clearfix {
    margin-bottom: 5rem;
}
.three.columns.rpwe_widget.recent-posts-extended.rpwe_widget-2 { width: 40%; }
.ten.columns.blog.page .post { margin-right: 0rem; }
p.postmetadata a { font-size: 1rem; }
.four.columns { margin-left: 3%; }
.ten.columns.blog.page .blog.individual { height: 615px; }
.sidebar.two.columns, .right-sidebar.u-pull-right { padding: 0.5rem; width: 17.33333%; }
.sidebar.two.columns h5, .right-sidebar.u-pull-right h5 { font-size: 1.5rem; }
.sidebar.two.columns a, .right-sidebar.u-pull-right a { font-size: 1.2rem; }
header .contacts {
    text-align: right;
}
 }



/* Smaller than laptop */
@media (min-width: 1024px) { 

header#masthead .twelve.columns { width: 100%; float: right; }
header#masthead .four.columns { width: 30.6666666667%; }
header#masthead { margin-bottom: 4rem; margin-top: 0; }
header#masthead a.logo img { margin-top: 0rem; }

p.paragraph.one {
    font-size: 3rem;
    line-height: 3rem;
 }
	a.slider.button { font-size: 23px; line-height: 60px; }
.ksp-layer-wrap {
    position: initial!important;
    margin-top: 10rem;
    margin-left: 9rem;
} 
p.slider-tag {
    line-height: 22px;
}

.four.columns.icons img { width: 84%; }
.four.columns.icons h4 {
    font-size: 3rem;
}
.four.columns.icons {
    height: auto;
}

.strong-view.default.no-quotes .testimonial-heading { font-size: 16px; }

.top-nav li a {
    font-size: 1.14rem; padding: 0.4rem; 
}

.work.box { padding: 6rem 0 6rem 0; }
article#post-198 .container._10remtopmarg._10rembotmarg { margin-top: 4rem; margin-bottom: 4rem; }
.blog.individual { height: 550px; }
.four.columns { margin-left: 4%; }
.sidebar.two.columns, .right-sidebar.u-pull-right { padding: 1.5rem; width: 17.3333333333%; }
.sidebar.two.columns h5, .right-sidebar.u-pull-right h5 { font-size: 2.4rem; }
.sidebar.two.columns a, .right-sidebar.u-pull-right a { font-size: 1.4rem; }
.ten.columns.blog.page .post {
    margin-right: 1.5rem;
}
 }



/* Smaller than large desktop */
@media (min-width: 1440px) { .ksp-layer-wrap {
    position: initial!important;
    margin-top: 26rem;
    margin-left: 9rem;
} 
p.paragraph.one {
    font-size: 4rem;
    line-height: 4.5rem;
 }
.four.columns.icons img { width: 89%; }

.strong-view.default.no-quotes .testimonial-heading { font-size: 20px; }

.top-nav li a {
    display: inline-block;
    padding: 1.5rem;
    color: #2d5a65;
    line-height: 1;
}

.work.box { padding: 10rem 0 6rem 0; }
.blog.individual { height: 580px; }
h3.work.title {
    color: #2d5b64;
    padding-bottom: 3rem;
    margin-top: 10rem;
}
.top-nav li a {
    font-size: 1.4rem; }
p.postmetadata a {
    font-size: 1.3rem;
}
}



/* Larger than large desktop */
@media (min-width: 1680px) { 	p.paragraph.one {
    font-size: 4.5rem;
    line-height: 4.5rem;
 }
	a.slider.button { font-size: 23px; line-height: 60px; } 
.ksp-layer-wrap {
    position: initial!important;
    margin-top: 49rem;
    margin-left: 9rem;
}

.top-nav li a {
    display: inline-block;
    padding: 1.5rem;
    color: #2d5a65;
    line-height: 1;
}
.blog.individual { height: 660px; }


 }



@media (min-width: 2460px) { .ksp-layer-wrap {
    position: initial!important;
    margin-top: 56rem;
    margin-left: 9rem;
}
p.paragraph.one {
    font-size: 4.5rem;
    line-height: 4.5rem;
 }

.top-nav li a {
    display: inline-block;
    padding: 1.5rem;
    color: #2d5a65;
    line-height: 1;
}
.page-id-471 h1, .page-id-461 h1 { font-size: 5rem; }
.eight.columns.nav {
    margin-left: 4%;
}
.top-nav li a { font-size: 1.48rem; }
p.postmetadata a {
    font-size: 1.5rem;
}
 }


@media (min-width: 2960px) {

}

/* Landscape */
@media only screen 
  and (max-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

.ksp-layer-wrap {
    position: initial!important;
    margin-top: 25rem;
    margin-left: 9rem;
}

.top-nav li a {
    font-size: 1.4rem; }

p.postmetadata a {
    font-size: 1.2rem;
}
.wpls-logo-showcase-slider-wrp.wpls-logo-clearfix {
    margin-bottom: 10rem;
}
.container._3remtopmarg._3rembotmarg { margin-top: 3rem; }
header .contacts {
    text-align: right;
}
}

@media only screen 
and (min-device-width : 640px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
       .ten.columns.blog.page { width: 100%; }
.ten.columns.blog.page .blog.individual { height: 615px; }
p.postmetadata a { font-size: 1rem; }
.ten.columns.blog.page .post {
    margin-right: 0rem;
}
.sidebar.two.columns, .right-sidebar.u-pull-right { width: 30.3333333%; margin-bottom: 3rem; }
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .page-id-471 h1, .page-id-461 h1 { font-size: 4rem; } }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { .top-nav li a {
    font-size: 1.14rem;
} 
.ksp-layer-wrap {
    position: initial!important;
    margin-top: 12rem;
    margin-left: 9rem;
}
 }


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) {
.work.box { padding: 5rem 0 6rem 0; }  
.container._10remtopmarg._10rembotmarg { margin-top: 5rem; margin-bottom: 6rem; }
.blog.individual { height: 545px; }
h3.work.title { margin-top: 5rem; }
.wpls-logo-showcase-slider-wrp.wpls-logo-clearfix {
    margin-bottom: 5rem;
}
.container._3remtopmarg._3rembotmarg { margin-top: -1rem; }
.sidebar.two.columns, .right-sidebar.u-pull-right { margin-bottom: 3rem; margin-top: -3rem; }
.eight.columns.nav {
    margin-left: 0%;
}
.top-nav li a {
    font-size: 1rem;
}
.top-nav li a { padding: 0.02rem; }
}


.page-template-default:not(.page-id-302) p {
	font-size:1.1em;
	width:100%;
}

.page-template-default:not(.page-id-302) .page-hero {
    position: relative;
	border-top: 4px solid #005e65;
	width: 100%;
/*
	min-height: 17em;
*/
	overflow: hidden;
	background-size: cover;
}

.page-template-default:not(.page-id-302) .page-hero-title {
	position: absolute;
    bottom: 0;
/*
    bottom: 23px;
*/
    padding: 0.3em 0.6em;
    margin: 0 0 0 -0.6em;
    background: #fff;
    color:#333;
    font-size:2.6em;
    border-radius: 0.2em;
    box-shadow:none;
}

.page-template-default:not(.page-id-302) article {
	padding-top:1em;
}

article a {
	border-bottom: 1px dotted #185c64;
}


@media only screen 
and (max-width: 560px) {
	.page-template-default:not(.page-id-302) .page-hero-title {
		position:relative;
	}
}

/* Medium mobile */
@media only screen 
and (max-width: 480px) {

	.postid-971 .u-pull-left {
		float:none; 
	}
	.postid-971 .columns {
		float:none; 
	}
	.postid-971 h2.blog.title {
		width:auto;
	}
	.postid-971 p {
		width:auto;
	}
	.postid-971 .right-sidebar.u-pull-right {
		width:auto;
	}
	.postid-971 .u-pull-right {
		float:none; 
	}
	.postid-971 .twelve.columns li {
		width:auto;
	}

}