/*- site design/css = pauline kotapka */

html {min-height: 100%;}

body {
    font-weight: 400;
    background: #fafafa;
    font-family: open sans, sans-serif;
    font-size: 16px;
    color: #000;
}

.prime {font-size: 1.0em;}
.clear {clear: both;}

h1, h2, h3, h4 {
    line-height: 1.15em;
	font-family: 'Open Sans Condensed', sans-serif;
    text-transform: capitalize;
    margin: 0 0 .35em 0;
}

h1 {
    font-size: 1.5em;
    margin: .5em 0 .15em;
   }

.insert-h1-before h1 {margin-top: 0;}
h2 {font-size: 1.35em;}
h2 span, h3 span {display: block;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.15em;}
.align-center, .center, .center * {text-align: center;}
#content h1, #content h2, #content h3, #content h4 {color: #333;}

#content h1:after, #content h2:after, #content h3:after, #content .inverse h1:after, #content .inverse h2:after, #content .inverse h3:after, #content .inverse h4:after {
    content: ' ';
    border-bottom: 2px solid #7793a1;
    display: block;
    width: 3.5em;
    margin-top: .2em;
    /* margin-left: .55em; */
}

#content .center h2:after, #content .center h3:after { display: none;}

#content {
    overflow: hidden;
        min-height: 400px;
       padding: 0 0;
}

.home #content {padding: 0 0;}
.contact-us #content { background: #eeeeee;}

img.alignright, img.aligncenter, ont.alignnone, img.alignleft {    padding: 0 .5em .5em;}
#wform input, #wform textarea {border: 1px solid #333;}
.wrapper {max-width: 1080px;}

.breakout { padding: 2em 2em; background: #fff;}
 #homepagecontent .breakout:first-child {padding-top: 0;}
.breakout.dk { padding: 3em 2em; background: #171717;}
.breakout.gray { background: #e1e1e1;}
.parallax {background-attachment: fixed;}

.breakout .wrapper {
    position: relative;
    z-index: 1;
    max-width: 1080px !important;
    width: 100%;
}

#content .breakout.full-width .wrapper, .home-below.one-whole.wrapper {
    max-width: 1900px !important;
    margin: auto;
    width: 100%;
}

 #content body:not(.home) .breakout:first-child,  #content body:not(.our-story) .breakout:first-child  { padding: 0;}

#homepagecontent .texture {
background-color: #747474;
background-image: url("/wp-content/uploads/billboard-kitchen.jpg");
}

.marble {  
    background-position: center;
    background-image: linear-gradient(rgba(255, 255, 255, 0.42),rgba(255, 255, 255, 0.42)), url('/wp-content/uploads/marble2-1.jpg');}

.plans {  
    background-position: center;
    background-image: linear-gradient(rgba(255, 255, 255, 0.32),rgba(255, 255, 255, 0.32)), url('/wp-content/uploads/floorplan.jpg');}


#homepagecontent .inverse.center img { margin-bottom: 2.25em;}

.handwriting {
    font-family: 'Dancing Script', sans-serif;
    font-size: 1.7em;
    line-height:1.2em;
    color: #333;
	font-weight: 700;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~ header items ~~~~~~~~~~~~~~~~~~~~~~~~*/
.toplogo img {max-height: 100px;} /*adjust me w new logo*/

.topPhone span { display: block;}

.topPhone {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #000 !important;
    font-size: 1.75em;
    line-height: 1.35em;
    -webkit-transition: all .18s ease-in-out;
    -o-transition: all .18s ease-in-out;
    transition: all .18s ease-in-out;
}
.topPhone:hover, .topPhone i:hover { color: #9e8843;}

.call-today {
    font-size: 1.15em;
    color: #000;
    font-family: 'Dancing Script', sans-serif;
    font-weight: 700;
    }

 /*.topPhone .phone-number {
    font-size: 1.35em;
    color: #fff;
    padding: .45em 1em .35em 1em;
    font-weight: 700;
    display: inline-block;
    margin-bottom: .25em;
} */

.nav ul.sub-menu li a{
	font-size:1.2em!important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~ slider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#slider *, #slider {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#slider { text-align: center; margin: 0 auto;}
#content, #slider, .prime {background: white none;}
.rslides_tabs {opacity: .5;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ CTA in Billboard ~~~~~~~~~~~~~~~~~~~~~*/

.cta {
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -webkit-box-pack: center;
    justify-content: flex-end;
    cursor: pointer;
    /* background: rgba(255, 255, 255, 0.34); */
    /* background-image: linear-gradient(to top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.15) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); */
}
body.contact-us .cta {
    background: rgba(0,0,0,.3);
}

body.contact-us .cta * {
    text-shadow: 0 0 5px #000;
}
.cta-wrap {
    /* max-width: 500px; */
    margin: 0 auto 3em;
    text-align: left;
    /* background: rgba(255, 255, 255, 0.77); */
    /* border: 1px solid #343434; */
    /* box-shadow: 7px 2px 10px -5px rgba(0, 0, 0, 0.48), -6px -4px 10px -5px rgba(0, 0, 0, 0.35); */
}
.cta h2 {
   color: #000000;
   line-height: 1.15em;
   margin: .35em 0 0;
   font-size: 2.65em;
   padding: 1em 0em .15em;
   letter-spacing: -.75px;
   font-weight: 700;
	text-shadow: 1px 1px 3px rgba(255,255,255,0.5);
}

h2.white {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,1);
}

.cta h2.inverse {color: #ffffff;}
.cta h2#lg { font-size: 3.75em; line-height: .95em;}

.cta h2 span {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: capitalize;
    font-size: .7em;
    letter-spacing: .2px;
   
    }

.cta h2 span ~ span { line-height: .75em;}

.cta h2 span.sml { font-size: .75em;}

.cta .button {
    margin: .75em auto;
    font-size: 1em;
    box-shadow: 1px 9px 10px -5px rgba(33, 26, 23, 0.47), -1px 8px 10px -5px rgba(0, 0, 0, 0.19);
}

.rslides_tabs {  opacity: 1;}
.rslides_tabs li.rslides_here a:before {
    color: #7793a1;
    font-size: 1.5em;
}
.rslides_tabs li a:before {
    color: #7793a1;
    font-size: 1.5em;
} 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ nav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
nav.nav {
    padding: 0;
    background-color: #ffffff;
    /* border-bottom: 2px solid #000000; */
}

.nav ul { text-align: right; }

nav.nav ul li.current-menu-item a, nav.nav ul li.current_page_parent a, nav.nav ul li.current-menu-ancestor a {border: none;}

.nav ul li a {
    -webkit-transition: all .18s ease-in-out;
    -o-transition: all .18s ease-in-out;
    transition: all .18s ease-in-out;
    text-transform: uppercase;
    color: #171717;
    position: relative;
    border: none;
    line-height: 1em;
    letter-spacing: .5px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
}

/*icons in menu and affected items*/
li#menu-item-20 a, li#menu-item-934 a { padding: 0 8px 7px;}
.menu-item i { font-size: 1.5em;}
li#menu-item-933 a { padding-top: 13px;}

.nav ul li a:hover {background: transparent;}

.nav > ul > li.current-page-ancestor > a:before, .nav > ul > li.current_page_parent > a:before, .nav > ul > li.current-menu-parent> a:before, .nav > ul > li.current-menu-item > a:before, .nav > ul > li > a:before {
    content: '';
    position: absolute;
    border-bottom: 2px solid #7793a1;    
    background: transparent ;   
    z-index: -1;
    right: 50%;
    bottom: 0;
    left: 50%;
    height: 100%;
    top: auto;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    opacity: 0;  
}

.nav ul li.current-page-ancestor > a:before, .nav ul li.current_page_parent > a:before, .nav ul li.current-menu-parent> a:before, .nav ul li.current-menu-item > a:before, .nav > ul > li > a:hover:before, .nav > ul > li:hover > a:before {
    right: 0;
    left: 0;
    opacity: 1;
}

.nav ul {
    position: relative;
    overflow: inherit;
    font-size: .9em;
    /* border: 2px solid black; */
}


/*~~~~~~~~~~~~~~~~~~~~~~~~ buttons ~~~~~~~~~~~~~~~~~~~~~~~~*/
.button, .btn, html input[type="button"], input[type="reset"], input[type="submit"], footer .button, #content .biziq-button, .biziq-button, #content .button, #content .btn, .wpcf7-form input[type=submit], a.view-article  {
  border-radius:  4px;
  -moz-border-radius:  4px;
  -webkit-border-radius:  4px;
  padding: .65em 1em;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  line-height: 1em;
  font-size: 1.1em;
  margin: 1em 0;
  font-weight: 600;
  color: #fff;
  border: 2px solid #7793a1;
  background: #7793a1;
  letter-spacing: .75px;
  -webkit-transition: .25s all ease-in-out;
  -o-transition: .25s all ease-in-out;
  transition: .25s all ease-in-out;
  font-family: 'Open Sans Condensed', sans-serif;
  box-shadow: 1px 9px 10px -5px rgba(33, 26, 23, 0.18), -1px 8px 10px -5px rgba(33, 26, 23, 0.18);
	font-size: 1.1em;
}

#content .product button {  margin: 0 0 0 7px;}

 footer .button { display: block !important;
font-size:1.2em}
.button:hover, #content.btn:hover,.btn:hover, input[type="reset"]:hover{
    background: transparent !important;
    border: 2px solid #7793a1 !important;
    color: #7793a1 !important;
}

.inverse .button:hover, footer .button:hover  {
    background: transparent !important;
    border: 2px solid #fff !important;
    color: #fff !important;
}

#slider:hover .button {
    transform: scale(1.06,1.06);
    color: #fff  !important;
    background: #7793a1  !important;
    border: 2px solid #7793a1  !important;
}

button#show-comment-form-button {display: none;}

#content .cta-btn .button {
    display: block !important;
    padding: 1.05em;
    margin: .95em 0;
}

.cta-btn .button:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: .8em;
    content: '\f324';
    margin-left: 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ inverse ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content .inverse h1, #content .inverse h2, #content .inverse h3, #content .inverse h4, .inverse {color: #fff;letter-spacing: .65px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ flex-wrapper ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*general flex wrapper*/
#content .flex-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -moz-flex-grow: 1;
    padding: 1em 0em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#content .flex-wrapper.flex-start {align-items:flex-start !important;}

.flex-wrapper .flex-item {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    -moz-flex-grow: 1;
    padding: 1em 20px;
}

.socialicons {
    margin: 10px 0px 10px 0px;
	text-align: left!important;}


.home-mid.flex-wrapper h2 {margin-bottom: .5em;}
.home-mid.flex-wrapper .flex-item:first-child {-ms-flex-preferred-size: 150px;flex-basis: 150px;}
.home-mid.flex-wrapper .flex-item:nth-child(2) {-ms-flex-preferred-size: 600px; flex-basis: 600px;} 

@media only screen and (max-width: 768px) {
	#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu_content h2, #mobmenuright .mobmenu_content h3, .mobmenur-container .right-menu-icon-text {
		font-family: 'Open Sans Condensed',sans-serif !important;
		text-transform: uppercase !important; 
		font-size: 1.2em !important;
		line-height: 1.4em !important;
	}

	#mobmenuright .mob-expand-submenu i {
		padding: 10px;
	}

	.mobmenur-container .right-menu-icon-text {
		padding: 0;
		display: inline-block;
		line-height: 1.6em;
	}	
    .flex-wrapper .reverse {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;		
    }
	h1, h2, h3, h4{
		/*text-align:center;*/
	}
	ul.card-row.cta-list li h4{
		text-align: left;
	}
	#content h1:after, #content h2:after, #content h3:after, #content .inverse h1:after, #content .inverse h2:after, #content .inverse h3:after, #content .inverse h4:after {
    content: ' ';
    border-bottom: 2px solid #7793a1;
    display: block;
    width: 3.5em;
    /* margin-top: .5em; */
		margin: .5em 0;
	}
 }


ul.card-row, ul.card-row.cta-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin: 0 -1em;
}
ul.card-row li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    list-style-type: none;
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
    margin: .65em;
    font-size: .97em;
    text-align: center;
    padding: 2em 1.5em 1em;
    background: #ffffff;   
    color: #000;	
    box-shadow: 1px 9px 10px -5px rgba(0, 0, 0, 0.04), -1px 8px 10px -5px rgba(0, 0, 0, 0.52);
}

ul.card-row li h3 { text-transform: capitalize;}

ul.card-row.cta-list li {
    margin: 1em 1em 3em;
    text-align: left;
    padding: 2em 1.75em 1em 3em;
    box-shadow: 1px 9px 10px -5px rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(255, 255, 255, 0.42),rgba(255, 255, 255, 0.42)), url('/wp-content/uploads/marble2-1.jpg');
    border: 1px solid lightgray;
    }
    
#homepagecontent ul.card-row.cta-list li .button { margin: 0 0; }

ul.card-row.cta-list li h4 { text-indent: -26px; font-size: 1.3em; }

ul.card-row.cta-list li h4:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    content: '\f058';
    font-size: 1.0em;
    color: #7693a1;
    margin-right: 9px;
}

.construction-management ul.card-row li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    list-style-type: none;
    -ms-flex-preferred-size: 450px;
    flex-basis: 320px;
    margin: .65em;
    font-size: .97em;
    text-align: left;
    padding: 2em 1.5em 1em;
    background: transparent;
    color: #fff;
    }

ul.product-list li p  { line-height: 1.85em; text-indent: 0px; margin: .25em 0;}
ul.marker li {font-size: .95em;}

ul.product-list.four-way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0em;
}

ul.product-list.four-way li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    list-style-type: none;
    -ms-flex-preferred-size: 450px;
    flex-basis: 450px;
    margin: .25em;
    font-size: .97em;
    text-align: left;
    padding: 0.25em;
    color: #000;
    text-indent: 0px;
}


.tray {
	background: rgba(255, 255, 255, 0.91);
	padding: 3em 3em;
	margin: 4em 1em;
	border: 3px solid #7793a1;
	outline: 9px solid #fbfbfc;
	box-shadow: -9px 9px 8px rgba(0, 0, 0, 0.3), 8px 9px 8px rgba(0, 0, 0, 0.3);
}

#content img {
    max-width: 100%;
    width: auto;
    height: auto;
}

#content a {color: inherit;}
#content a:hover {text-decoration: none;}
#content .wpcf7-form input[type=submit] {margin: 10px 0;}
#content .wpcf7-form textarea {height: 120px;}

.wpcf7-form input, .wpcf7-form textarea {
    padding: 7px 10px;
    margin: 5px 0;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ icon steez ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
footer .icon-item i {color: #ffffff;}
span.icon-item {text-indent: -13px;line-height: 1.5em;}
span.icon-item i {text-indent: -5px;}

ul.product-list li:before, ul.marker li:before, main[role="blog"] ul li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 1.25em;
    color: #7793a1;
    background: transparent;
    margin-right: 5px;}

ul.marker li:before { content: '\f276';}
ul.product-list li:before, main[role="blog"] ul li:before { content: '\f101';}
ul.product-list li, main[role="blog"] ul li  { 
    text-indent: -22px;
    /* padding-bottom: 10px; */
    line-height: 1.5em;}
ul.product-list.one-half {    margin: 0 auto;}
ul.product-list.one-half li {    padding-bottom: 0;}
ul { list-style-type: none;}
/*======================= GALLERY =======================*/

.gallery br { }

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

.featherlight {
  background: rgba(0, 0, 0, 0.6);
}

.featherlight-content {
  overflow: hidden !important;
}

.featherlight .featherlight-content {
  background: none;
  padding: 50px !important;
}

.featherlight-next span,
.featherlight-previous span {
  text-shadow: 0 0 5px black;
  display: block;
  font-size: 4em;
  line-height: 1em;
}

.featherlight-next span {
  right: -40%;
}

.featherlight-previous span {
  left: -38%;
}

.featherlight-next:hover,
.featherlight-previous:hover {
  background: none;
}

.featherlight-close-icon {
  font-size: 3em;
  font-weight: bold;
  color: white !important;
  background: none !important;
  top: 16px !important;
  right: 16px !important;
}

.featherlight-image.featherlight-inner {
  padding: 20px;
  max-width: 100%;
  height: auto !important;
}

.gallery-item img {
  width: 100%;
  height: auto;
}

.gallery-link {
  -webkit-transition: opacity .2s, -webkit-box-shadow .1s, -webkit-transform .2s;
  transition: opacity .2s, -webkit-box-shadow .1s, -webkit-transform .2s;
  -o-transition: box-shadow .1s, transform .2s, opacity .2s;
  transition: box-shadow .1s, transform .2s, opacity .2s;
  transition: box-shadow .1s, transform .2s, opacity .2s, -webkit-box-shadow .1s, -webkit-transform .2s;
  margin: 30px;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.45);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.45);
  opacity: 1;
}

.gallery-link:hover,
.gallery-link:focus,
.gallery-link:active {
  -webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.25);
  opacity: .9;
}

.gallery-item {
  margin: 0 !important;
  overflow: hidden;
}

.gallery-item img {
  border: none !important;
  margin: 0;
  padding: 0;
}

.gallery-icon a {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 4px;
}

.gallery-icon a::after {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    content: '\f00e';
    opacity: 0;
    background: none;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #7793a1;
    bottom: 0;
    right: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: "Font Awesome 5 Pro";
    font-size: 3em;
}

.gallery-icon:hover a::after {
  opacity: 1;
  background: rgba(255, 255, 255, 0.75);
}

.gallery-icon:hover a img {}

.gallery-icon {  overflow: hidden;}

.gallery-icon a img {
  -webkit-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media only screen and (max-width:767px) {
  .featherlight-content::before {display: none; }
  .gallery-item {width: 50%!important; }
}


/*~~~~~~~~~~~~~~~~~~~~~~~~ widget-spinner ~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (min-width: 768px) {
    header .wrapper {
        display:flex;
        align-items: center;
    }

    /* .home header .wrapper {
        max-width: 1200px;
    } */

    .home .header {
        position: absolute;
        background: rgba(255, 255, 255, 0.32) !important;
        background-image: linear-gradient(to top, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.45) 40%, rgba(255, 255, 255, 0.4) 100%) !important;
    }

    .home nav.nav {
       background: rgba(255, 255, 255, 0);
    }

    .home .header .textwidget {
        padding: 5px 0 0 0;
    }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ fixed-nav ~~~~~~~~~~~~~~~~~~~~~~~~*/
nav.nav.nav-fixed {
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

nav.nav ul li.current_page_parent > a, nav.nav ul li:hover > a, nav.nav ul li.current-menu-ancestor > a, nav.nav ul li.current-menu-parent > a {
    color: #161616;
    } 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.prime header.header {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(42, 43, 0, 0.06);
    box-shadow: 0 2px 4px rgba(42, 43, 0, 0.06);
    }

footer.footer {
    font-size: .9em;
    line-height: 1.25em;
    color: #ffffff;
    letter-spacing: .35px;
    border-top: 1px solid rgba(0,0,0,0.15);
    padding: 35px 0 0;
    background-color: #181818;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%23b0b0b0' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.footer .flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 1080px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer .flex-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    text-align: left;
    padding: 0 20px !important;
    margin: 0 0;
}

.footer .flex-item:first-child {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
}

footer.footer h2 {
	text-align: left; 
    display: block;
    font-size: 1.5em;
    color: #fff;
    /* letter-spacing: 1px; */
    margin-bottom: .35em;
}

/*credits bar in footer */
.copy {
    padding: 2px;
    font-size: .7em;
    letter-spacing: .05em; 
    background: transparent;
}

footer label, .home label, .contact-us label {
    position: absolute;
    left: -20000px;
}

/* hours table in footer */
footer table {color: #fff;}
table td {height: 26px;}
.hours {max-width: 300px;}


/*==*/
.bottomicon, .socialicons {text-align: left;}
.bottomicon {max-width: 45px;}

.bottomicon:hover {
    -webkit-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

#content .compliments h1 {
    font-size: 1.5em;
    color: #000000;
    margin: .25em auto;
    background-color: #efefef;
    background-image: url('/wp-content/uploads/marble2-1.jpg');
}

#content .compliments h1:after {display: none;}

#content .up-down i {
    color: #8ba3af;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    margin-bottom: .15em;
    font-size: 6em;
}
#content .up-down i:hover {
    -webkit-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

.feedback #content a, .feedback #content a:hover {background: transparent;}
ul.marker i { margin-right: 10px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~ CONTACT FORM ~~~~~~~~~~~~~~~~~~~~~~~~*/
::-moz-selection {background: #c1ccd2; color:#000;}
::selection {background: #c1ccd2; color:#000;}
::-webkit-input-placeholder {  color: #333; font-size: 1em;}
:-ms-input-placeholder { color: #333; font-size: 1em;}
::-ms-input-placeholder {  color: #333; font-size: 1em;}
::placeholder { color: #333; font-size: 1em;}

.biziq-review-input::-webkit-input-placeholder {color: #0c0c0c;}
.biziq-review-input:-ms-input-placeholder {color: #0c0c0c;}
.biziq-review-input::-ms-input-placeholder {color: #0c0c0c;}
.biziq-review-input::placeholder {color: #0c0c0c;}


.wpcf7-form input, div#wpcf7-f276-p15-o1 .wpcf7-form textarea, #content .wpcf7-form textarea {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid transparent;
    border-bottom: 2px solid #7693a1;
    outline: none !important;
    margin: 2px 0;
    color: #333;
    font-weight: bold;
    letter-spacing: .75px;
    min-height: 2.5em !important;
    -webkit-transition: .15s ease-out all;
    -o-transition: .15s ease-out all;
    transition: .15s ease-out all;
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus, #content .wpcf7-form textarea:focus, .wpcf7-form input:hover, .wpcf7-form textarea:hover, #content .wpcf7-form textarea:hover {
    /* background-color: rgba(255, 255, 255, 0.15); */
    border: 2px solid #7693a1;
    color: #181818;
    outline: none;
    background-color: rgb(193, 204, 210);
}

textarea.wpcf7-form-control.wpcf7-textarea:focus { outline: none !important; /* message box */}

/*contact form backgnd*/
body.contact-us #content form {
    /* margin: 0em; */
    padding: 20px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.42),rgba(255, 255, 255, 0.42)), url('/wp-content/uploads/marble2-1.jpg');
    border: 2px solid #7693a1;
    outline: 8px solid #ffffff;
    box-shadow: -9px 9px 8px rgba(0, 0, 0, 0.3), 8px 9px 8px rgba(0, 0, 0, 0.3);
}

body.contact-us #content form p {
    font-weight: bold;
    color: #333;
}

body.contact-us #content form .flex-wrapper {
    flex-flow: row nowrap;
    padding: 0;
    margin: 0;
}

body.contact-us #content form .flex-wrapper .one-half { margin : 0 .25em;}

.contact-us #content .phone-number {
	display: inline-block;
    font-weight: bold;
    background: #7693a1;
    padding: .55em .95em;
    box-shadow: 2px 2px 2px #000;
    font-size: 1.2em;
    box-shadow: 1px 9px 10px -5px rgba(33, 26, 23, 0.18), -1px 8px 10px -5px rgba(33, 26, 23, 0.18);
    color:white;
  border-radius:  4px;
  -moz-border-radius:  4px;
  -webkit-border-radius:  4px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ warning responses on cf7 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    color: #fff;
    border: 3px solid #f79124;
    background: #f79124;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

span.wpcf7-not-valid-tip {
    color: #ffffff;
    background: #f79124;
    font-size: 1em;
    display: block;
    padding: .5em;
    text-transform: uppercase;
    border-radius: 255px 35px 225px 35px/35px 225px 35px 255px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors:before, span.wpcf7-not-valid-tip:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 1.75em;
    content: '\f071';
    color: #fff;
    background: transparent;
    margin-right: 20px;
}

span.wpcf7-not-valid-tip:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 1.95em;
    content: '\f0aa';
}

div.wpcf7-mail-sent-ok {
    color: #171717;
    border: 3px solid #02a4cc;
    background: #02a4cc;
    font-size: 1em;
    display: block;
    padding: .5em;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 255px 35px 225px 35px/35px 225px 35px 255px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~Thumbs down form~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wform input, #wform textarea {
    border: 2px solid #f4f4f0;
    color: #333 !important;
    background-color: rgba(255, 255, 255, 0.92);
}

form#wform {
    padding: 1em;
    font-weight: bold;
    color: #0c0c0c;
    background-color: #e0ddd8;
    display: block;
}

form#wform label {color: black;}


/*------------------------------------------------ blog ------------------------------------------------*/
main[role="blog"] { margin: 0 5% 5% 0;}
main[role="blog"], 
.blog-sidebar { margin-top: 3em;}
main[role="blog"] h1 {font-family: 'Dancing Script', sans-serif; font-size: 2.5em;}
main[role="blog"] h1 span {display: block;font-size: .9em;}
main[role="blog"] h2 {font-size: 1.345em;margin-top: 30px;}
main[role=blog] article {padding-bottom: 20px;}
main[role="blog"] ul {padding-Left: 0;}
main[role="blog"] ul li {padding: .75em 1em;}

main[role="blog"] ul li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 1em;
    color: #7693a1;
    background: transparent;
    margin-right: 5px;
}

main[role="blog"] ul li:before { content: '\f00c';}
.post-details {margin-top: 10px;}

#content .post h1 a {
    line-height: 1em;
    font-size: .85em;
    color: #000;
}
.date {font-style: italic;}
.author {font-weight: bold;}
#comment {display: block;}

a.view-article {
    display: block;
    color: #fff !important;
    background: #7693a1;
    box-shadow: 1px 9px 10px -5px rgba(0, 0, 0, 0.19), -1px 8px 10px -5px rgba(0, 0, 0, 0.19);
    font-size: 1em;
    max-width: 200px;
    text-align: center;
    margin: 1em 0 .25em;
    font-weight: 400;
    text-transform: uppercase;

}

a.view-article:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 1.1em;
    content: '\f138';
    margin-left: 5px;
    color: #ffffff;
}

a.view-article:hover:after {
    color: #ffffff;
    font-weight: 900;
}

.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    margin-bottom: -10px;
    margin: 0 20px 20px 0;
}

img.attachment-120x120.size-120x120.wp-post-image {
    float: left;
    margin: 0 20px 20px 0;
	    max-width: 150px !important;
}

/*
#content .post a {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 0px 0px #222;
    box-shadow: 0px 0px #222;
    line-height: 1.25em;
} */
#content .post a:hover {    text-decoration: none;}
ul.related_post a img {    display: none !important;}

.blog-sidebar {
    padding: 25px 20px 20px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.42),rgba(255, 255, 255, 0.42)), url('/wp-content/uploads/marble2-1.jpg');
    box-shadow: -13px 13px 8px rgba(0, 0, 0, 0.32), 8px 9px 8px rgba(0, 0, 0, 0.3);
    margin-top: 5em;
    font-weight: 400;
    margin-bottom: 3em;
    width: 25%;
    border: 2px solid #7593a1;
    outline: 8px solid #ececec;
}

.blog-sidebar h3 {
    font-size: 1.25em;
    margin: 11px 0;
}

#content .blog-sidebar a { 
    margin-bottom: 5px;
    padding-bottom: 2px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    font-weight: bold;
    color: #333;
}

.blog-sidebar a:after {
    content: ' ';
    border-bottom: 2px solid #7593a1;
    display: block;
    width: 0;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.blog-sidebar a:hover {color:  #171717 !important;}

.blog-sidebar a:hover:after { width: 100%;}
.blog-sidebar ul {
    list-style: none;
    padding-left: 0;
}

@media only screen and (max-width: 768px) {
  main[role="blog"], .blog-sidebar {
    width: 100%;
    margin: 0;
  }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ REVIEWS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.reviews h1 {/* color: #ffffff !important; *//* background: #000; */padding: .25em .5em 0;/* display:inline-block; */}

.form-container.display label { color: #9e8f8f !important;}

.review-body {
    font-style: normal;
    border: 0;
    line-height: 1.5em;
}

#content .review-body {
    font-size: .95em;
    text-align: center;
}

#content .review-info span {
    display: block;
    width: auto;
    text-align: center;
    float: none;
    line-height: 1.4em;
}

.review-nav-container {width: 100%;}
.review-container {
    margin-top: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    padding: 0em 2em 2em;
    margin-right: -15px;
}

form#review-form label {color: #000;}
.rev-cont {
    padding: 2em 1em 1em;
    border: 1px solid gray;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1em 2em;
    background-image: linear-gradient(rgba(255, 255, 255, 0.42),rgba(255, 255, 255, 0.42)), url('/wp-content/uploads/marble2-1.jpg');
    color: #000 !important;
}

.review-container h3.review-title {display: none;}
.final-star, .star {color: #eaa357 !important;}
.review-nav-container li a, #content .review-nav-container li {background: transparent;}

.author-name {
    font-weight: bold;
    font-style: normal;
}

#content .review-nav-container li a {
    min-width: 0;
    color: #0c0c0c;
    padding: 5px;
}

/* sub menu*/
.nav ul.sub-menu li a {
    color: #000000;
    font-size: 13px;
}

ul.sub-menu {
    background: #dfdfdf;
    text-align: center;
}

.nav ul.sub-menu li a:hover, ul.sub-menu li.current-menu-item {
    background: #acc4d0;
    color: #000;
}

nav.nav.nav-fixed .sub-menu { text-align: center}

.nav ul li.menu-item-has-children>a:after {
    line-height: 1em;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: .8em;
    content: '\f078';
    margin-left: 5px;
    color: inherit
}

@media only screen and (min-width: 769px) {
	li#menu-item-673 > a, li#menu-item-672 > a {pointer-events: none;}
 nav.nav ul.sub-menu {
        right: 0;
        min-width: 100%;
        left: auto;
        z-index: -2;
        top: 180%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        display: block;
        opacity: 0;
        visibility: hidden;
        box-shadow: -4px 7px 17px rgba(0,0,0,0.52);
    }

    nav.nav>ul>li:hover>ul.sub-menu {
        top: 130%;
        opacity: 1;
        visibility: visible;
        z-index: 5;
        border-radius: 0 0 2px 2px;
    }

    nav.nav > ul > li > ul.sub-menu li a {display: block;padding: 13px 10px;}
    nav.nav ul.sub-menu li:first-child { border-top: none; }
    nav.nav ul.sub-menu li {border-top: 1px solid #40292947;}}

@media only screen and (min-width: 769px) {
     .toplogo { -ms-flex-item-align: start; align-self: flex-start; margin-top: 1em;}
    .toplogo img {/* max-height: 100px; */}

    .topPhone {
        -ms-flex-item-align: end;
        align-self: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        cursor: pointer;
    }

    header .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /* padding: 20px 0; */
    }
	
    .header .textwidget {
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .nav-block.active { min-height: 0; }   
    .nav > ul {
        margin: 0 auto 0;
        width: 100%;
        padding: 0 0 8px 0;
        /*
    max-width: 500px;
	-webkit-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: flex;*/
        max-width:  1080px;
    }

    nav.nav > ul > li {
        /*-webkit-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-grow: 1;*/
        vertical-align: middle;
        border: none;
        margin: 0;
        position: relative;
        overflow: inherit;
        padding: 0px 0 0px;
    }

    nav.nav > ul > li > a {
        font-size: 16px;
        padding: 8px 12px 7px;
        display: block;
        margin-right: 1px;
    }

    nav.nav > ul > li a, nav.nav ul li {
        border: none;
        vertical-align: middle;
    }

    nav.nav > ul > li > ul.sub-menu li a {
        display: block;
        padding: 12px 10px;
    }

    nav.nav-fixed ul {text-align: center;}
    .right-padding {padding-right: 1.75em;}
    .left-padding {padding-left: 1.75em;}

    .float-left { float: left; margin: 0 15px 15px 0; }
    .float-right { float: right; margin: 0 0 20px 15px; }
    .up-down a i {font-size: 10em !important;}
    ul.marker {padding-left: 0!important;}
	 .breakout.full-width { background-color: transparent;}
	.flex-wrapper {margin: 0 -20px;}
	.desktop {display:none;}
}

@media only screen and (max-width: 768px) {
	div#text-12 {
		text-align: center;
	}

	div#text-12 > div {
		padding-bottom: 0;
	}	
    .mob-menu-header-holder.mobmenu {
        -webkit-box-shadow: 0px 3px 7px 3px rgba(0, 0, 0, 0.21);
        box-shadow: 0px 3px 7px 3px rgba(0, 0, 0, 0.21);
    }
.mobmenur-container a.mobmenu-right-bt img{  padding-left: 10px;}
    #slider .slide { margin-top: 0 !important; }
     .parallax { background-attachment: scroll;}
	
    .toplogo, .topPhone {
        display: block;
        padding: 16px 0;
        margin: 0;
        text-align: center;
    }
	.toplogo {
		margin-top: 0em;
	}
    .prime {font-size: .95em;}
    .nav > ul > li > a:before {display: none;}
    .current-menu-item, .nav ul li:hover, .nav ul li:focus {background: rgba(0, 0, 0, 0.05);}
    #slider .rslides_tabs {display: none;}

    #content div.one-half {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    ul.one-half {text-align: left;}
    ul.marker {margin: 0 0;}
    .alignleft, .alignright { margin: 10px auto;}
    .up-down i { font-size: 4.5em !important;}
    .cta h2 { font-size: 2.25em; color: #fff;}
    .home .cta {background: rgba(0, 0, 0, 0.66);}
    .cta h2#lg { font-size: 2.25em;}
	.mobile {display: none;}
	.cta-wrap { margin-bottom: 0; text-align: center; }
	ul.sub-menu {
		text-align: left;
	}
	.mobmenu .sub-menu li a {
		padding-left: 30px !important;
	}
}

@media only screen and (max-width: 480px) {
    .button, .wpcf7-form input[type=submit],button, html input[type="button"], input[type="reset"], input[type="submit"], a.contact-btn,.biziq-button, #content .button, #slider .button, .view-article { display: block; margin: .5em 0; }
	     #content h2, #content h3 {font-size: 1.55em;}
    .cta-wrap {background: transparent; margin: 0 auto;}
    .cta h2 { line-height: 1.1em; color: #fff; font-size: 1.65em; }
  	.cta h2 span {margin-bottom: .25em;}  	
    .cta .button { font-size: .9em; text-shadow: none;}
    .tray {padding: 1em;margin: 0 0;}
    .breakout { padding: 1em;}
    #content h1 {font-size: 1.75em;}
    #content h2 span, h3 span { display: inline-block;}
    .header .textwidget { padding: 0 0;}
    .header { padding: 10px 0;}    
    #content ul {margin: 0 0;}
    #content .flex-item { padding: .5em;}

}

h3 {
    font-size: 1.4em;
}

.video-container {
    width: 100%;
    position: relative;
    padding: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.author-name {
    text-transform: capitalize;
}