/* IFLIST */
/* ====== */

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'valencia sans';
  src: local('valencia sans');
  src: url('fonts/valencia-sans.ttf') format('truetype'),
       url('fonts/valencia-sans.otf') format('opentype'),
       url('fonts/valencia-sans-webfont.woff') format('woff'),
       url('fonts/valencia-sans-webfont.woff2') format('woff2');}


/* GLOBAL ELEMENTS */
/* =============== */

.section img.award {/* go to style.css */
	height: 20%;
}

.section {
	padding-right: 240px;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 35px;
}

.section img.content {
	width: 80%;
}

.section img.content2 {
	width: 81.15%;
}

.section img.content3 {
	width: 81.1%;
}

.section img.content32 {
	width: 32%;
}

.section img.content45 {
	width: 45%;
}

.section img.content48 {
	width: 48%;
}

.section img.content40 {
	width: 40%;
}

.section img.content50 {
	width: 50%;
}

.section img.content51 {
	width: 51%;
}

.section img.content55 {
	width: 55%;
}

.section img.content60 {
	width: 60%;
}

.section img.content65 {
	width: 65%;
}

.section img.content68 {
	width: 68%;
}

.section img.content75 {
	width: 75%;
}

.section img.content70 {
	width: 70%;
}

.section img.content79 {
	width: 79%;
}

.section img.content81 {
	width: 81%;
}

.section img.content82 {
	width: 82%;
}

.section img.content80 {
	width: 80%;
}

.section img.content81-75 {
	width: 81.75%;
}

.section img.content85 {
	width: 85%;
}

.section img.outline-general {
	border: 1px solid rgb(200,200,200);
}

.section img.outline-general-180 {
	border: 1px solid rgb(180,180,180);
}

.section img.mobile {
	width: 85%;
}

.section img.shadow-on-white {
	width: 80%;
	-webkit-box-shadow: 6px 6px 25px 2px rgba(0,0,0,0.09);
	-moz-box-shadow: 6px 6px 25px 2px rgba(0,0,0,0.09);
	box-shadow: 6px 6px 25px 2px rgba(0,0,0,0.09);
}

.section h2.section-header {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 40px;
	margin-bottom: 20px;}

.section h2.section-header-special {
	font-family: 'Barlow', sans-serif;
	color: rgb(100,100,100);
	margin: 0 auto;
	width: 80%;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	padding-top: 35px;
	margin-bottom: 35px;}

.section h3.mini-section {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 40px;
	margin-bottom: 20px;
}

.section h3.mini-section-more-bottom33 {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 40px;
	margin-bottom: 33px;
}

.section h3.mini-section-less-bottom10 {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 40px;
	margin-bottom: 10px;
}

.section h3.mini-section-less-bottom14 {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 40px;
	margin-bottom: 14px;
}

.section h3.mini-section-less-bottom-20 {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 40px;
	margin-bottom: -18px;
}

.section h3.mini-section-no-top {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 12px;
	margin-bottom: 20px;
}

.section h3.mini-section-no-top15 {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 15px;
	margin-bottom: 20px;
}


.section h3.mini-section-top-30 {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 33px;
    padding-top: 29px;
	margin-bottom: 20px;
}

.section h4.mini-section {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 25px;
	margin-bottom: 15px;
}

.carousel h3.mini-section {
    font-size: 19px;
    margin-bottom: 11px;
}

.carousel h3.mini-section-extra-bottom {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    margin-top: -30px;
	margin-bottom: 20px;
}

.section h3.mini-section-after-h2 {
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    margin: 0 auto;
    width: 80%;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 15px;
	margin-bottom: 20px;
}

.section h3.no-padding-top {
	margin-top: -30px;
}

.section h3.no-padding-top40 {
	margin-top: -50px;
}

.section h2.exception {
	padding-bottom: 15px; /*use padding because h2 class already uses margin-bottom */}

.section h3.extra-space {
	padding-bottom: 10px; /*use padding because h3 class already uses margin-bottom */
}

.section h3.extra-space5 {
	padding-bottom: 5px; /*use padding because h3 class already uses margin-bottom */
}

.section h3.extra-space15 {
	padding-bottom: 15px; /*use padding because h3 class already uses margin-bottom */
}

.section h3.extra-space20 {
	padding-bottom: 20px; /*use padding because h3 class already uses margin-bottom */
}




.section h4.corrections {
	font-family: 'Barlow', sans-serif;
	color: red;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 15px;
}

.carousel h4.corrections {
	font-family: 'Barlow', sans-serif;
	color: red;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 8px;
}

.item h4.corrections {
	font-family: 'Barlow', sans-serif;
	color: red;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 15px;
	margin-top: -30px;
}

.section h4.corrections {
	font-family: 'Barlow', sans-serif;
	color: red;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 15px;
	margin-top: -5px;
}

.section h4.stats {
	font-family: 'Barlow', sans-serif;
	color: rgb(100,100,100);
	font-weight: 400;
	font-size: 18px;
	padding-bottom: 15px;
}

.section h4.quote {
	font-family: 'Georgia Light', serif;
	font-weight: 200;
	font-size: 20px;
	line-height: 29px;
    color: rgb(100,100,100);
	padding-bottom: 28px;
	width: 40%;
	margin: 0 auto;
	text-align: center;
}

.section h4.extra-space25 {
	margin-bottom: 25px;
}


.section p.center {
	text-align: center;

}

.section p.extra-space {
	margin-bottom: 35px;
}

.section p.extra-space30 {
	margin-bottom: 30px;
}

.section p.extra-space40 {
	margin-bottom: 40px;
}

.section p.extra-space45 {
	margin-bottom: 45px;
}

.section p.extra-space50 {
	margin-bottom: 50px;
}

.section p.extra-space2 {
	margin-bottom: 25px;
}

.section p.extra-space3 {
	margin-bottom: 54px;
}

.section p.extra-space4 {
	margin-bottom: 10px;
}

.section p.extra-space5 {
	margin-bottom: 5px;
}

.section p.extra-space9 {
	margin-bottom: 9px;
}

.section p.extra-space16 {
	margin-bottom: 16px;
}

.section p.extra-space20 {
	margin-bottom: 20px;
}

.section p.extra-space26 {
	margin-bottom: 26px;
}

.section p.extra-space-above {
	margin-top: 15px;
}

.section p.less-space-above-20 {
	margin-top: -20px;
}

.section p.less-space-below {
	margin-bottom: -50px;
}

.section img.more-space-above5 {
	margin-top: 5px;
}

.section img.more-space-above10 {
	margin-top: 10px;
}

.section img.more-space-above12 {
	margin-top: 12px;
}

.section img.more-space-above15 {
	margin-top: 15x;
}

.section img.less-space-below-20 {
	margin-bottom: -20px;
}

.section img.less-space-below-8 {
	margin-bottom: -8px;
}

.section img.lesser-space {
	margin-bottom: -6px;
}

.section img.lesser-space2 {
	margin-bottom: -8px;
}

.section img.less-space-above {
	margin-top: -14px;
}

.section img.extra-space {
	margin-bottom: 35px;
}

.section img.extra-space30 {
	margin-bottom: 30px;
}

.section img.extra-space2 {
	margin-bottom: 25px;
}

.section img.extra-space15 {
	margin-bottom: 15px;
}

.section img.extra-space20 {
	margin-bottom: 20px;
}

.section img.extra-space10 {
	margin-bottom: 10px;
}

.section img.extra-space3 {
	margin-bottom: 45px;
}

.section img.extra-space37 {
	margin-bottom: 37px;
}

.section img.extra-space40 {
	margin-bottom: 40px;
}

.section img.extra-space50 {
	margin-bottom: 50px;
}

.section img.extra-space55 {
	margin-bottom: 55px;
}

.section img.image-opener {
	margin-top: 40px;
}

.section img.extra-space-above15 {
	margin-top: 15px;
}

.section img.extra-space-above12 {
	margin-top: 12px;
}

.section img.extra-space-above18 {
	margin-top: 18px;
}

.section img.img-h5 {
	margin-bottom: 18px;
}

.section img.img-h7 {
	margin-bottom: 30px;
}

.section img.img-h8 {
	margin-bottom: 25px;
}

.section img.img-h6 {
	margin-bottom: 14px;
}

.section img.img-h3 {
	margin-bottom: 15px;
}

.section img.img-h4 {
	margin-bottom: 10px;
}

.section img.img-h12 {
	margin-bottom: 12px;
}

.section img.img-h9 {
	margin-bottom: 5px;
}

.section img.img-h10 {
	margin-bottom: 20px;
}

.section p {
	color: rgb(100,100,100);
	text-align: justify;
	font-family: "Barlow", sans-serif;
    font-size: 18px;
    font-weight: normal;
    width: 80%;
    margin: 0 auto;
    line-height: 28px;}

.line-top { /* adds border above div */
	border-top: 1px solid rgb(230,230,230);
}

.less-space-below {
	margin-bottom: -60px;
}

.less-space-below-68 {
	margin-bottom: -68px;
}

.less-space-below9 {
	margin-bottom: -55px;
}

.less-space-below5 {
	margin-bottom: -70px;
}

.less-space-below2 {
	margin-bottom: -40px;
}

.less-space-below-20 {
	margin-bottom: -20px;
}

.less-space-below3 {
	margin-bottom: -95px;
}

.less-space-below-92 {
	margin-bottom: -92px;
}

.less-space-below-100 {
	margin-bottom: -100px;
}

.less-space-below4 {
	margin-bottom: -80px;
}

.less-space-below-75 {
	margin-bottom: -75px;
}

.less-space-below5 {
	margin-bottom: -85px;
}

.more-space-bottom-10 {
	margin-bottom: 10px;
}

.section h2.extra-space40 {
	margin-bottom: 40px;
}


.section h3.less-space-above {
	padding-top: -20px;
}

.section h3.less-space-above2 {
	margin-top: -20px;
}

.section h3.less-space-above3 {
	margin-top: -10px;
}

.section h3.less-space-above9 {
	margin-top: -9px;
}

.section h3.less-space-below {
	margin-bottom: -15px;
}


.section h3.less-space-below-18 {
	margin-bottom: -18px;
}

.section h3.less-space-below-30 {
	margin-bottom: -30px;
}

.section h3.less-space-below5 {
	margin-bottom: -5px;
}

.section h3.less-space-below10 {
	margin-bottom: -10px;
}

.section h3.extra-space-40 {
	margin-bottom: 40px;
}

.section h3.extra-space18 {
	margin-bottom: 18px;
}

.section h3.extra-space20 {
	margin-bottom: 20px;
}

.section h3.extra-space10 {
	margin-bottom: 10px;
}

.section h3.extra-space5 {
	margin-bottom: 5px;
}

.section h4.extra-space15 {
	margin-bottom: 15px;
}

.under-carousel {
	margin-top: -100px;
}

.under-carousel-110 {
	margin-top: -110px;
}

.under-carousel2 {
	margin-top: -85px;
}



.under-carousel4 {
	margin-top: -95px;
}

.under-carousel6 {
	margin-top: -90px;
}

.under-carousel3 {
	margin-top: -65px;
}

.under-carousel-68 {
	margin-top: -68px;
}

.under-carousel-78 {
	margin-top: -78px;
}

.under-carousel-75 {
	margin-top: -75px;
}

.under-carousel5 {
	margin-top: -50px;
}

.under-carousel7 {
	margin-top: -47px;
}

.after-div {
	margin-top: -40px;
}

.after-div2 {
	margin-top: -30px;
}

.after-div3 {
	margin-top: -35px;
}

.after-div4 {
	margin-top: -66px;
}

.after-div5 {
	margin-top: -25px;
}

.after-div6 {
	margin-top: -20px;
}

.after-div7 {
	margin-top: -10px;
}

.after-div-15 {
	margin-top: -15px;
}

.after-div8 {
	margin-top: -23px;
}

.space-above5 {
	margin-top: 5px;
}

.carousel-after-carousel {
	margin-top: -90px;
}

span.unbold {
	font-weight: 400;
}

span.feedback {
	color: red;

}

span.advantage {
	color: green;
	font-weight: 600;
}

span.pain-points {
	font-weight: 600;
}

h4 span.before-stat {
	font-size: 18px;
	font-weight: 600;
	color: red;
}

h4 span.after-stat {
	font-size: 18px;
	font-weight: 600;
	color: green;
}

.section p.maslow {
	text-align: center;
	font-weight: 600;
}

.section p.frustrations {
	font-weight: 600;
}


/* HEADER MENU */
/* =========== */

img.menu {
	display: none;
	position: fixed;
	width: 20px;
	margin-top: -30px;
	right: 7.4%;
	z-index: 201001;}


/* FIXED HEADER */
/* =============*/

.fixed-header {
	position: fixed;
	width: 100%;
	top: 0px;
	padding-right: 240px;
	height: 54px;
	
/*background: -moz-linear-gradient(top, rgb(8,11,22), rgb(35,42,59) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgb(8,11,22), rgb(35,42,59) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgb(8,11,22), rgb(35,42,59) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	background-color: rgb(28,34,51);
	z-index: 1000;}

.fixed-header a:hover {
	text-decoration: none;}

.fixed-header .combo {
	margin-left: 10%;
	
}

.fixed-header .benny-name {
	text-align: left;
	
	margin-right: 100px;
	float: left;
}

.fixed-header h2 {
	text-align: left;
	font-family: "Valencia Sans";
	font-size: 26px;
	letter-spacing: 1px;
	font-weight: 400;
	color: rgba(156,133,98,1);
	margin-top: 12px;
	z-index: 2001;}

.fixed-header h2:hover {
	color: rgba(232,221,199,1);}

.fixed-header a:hover h2 {
	color: rgba(232,221,199,1);}

.right-header {
	position: fixed;
	width: 77%;
	right: 0%;
	top: 0px;
	text-align: left;
	height: 50px;
	/* border-left: 1px solid rgb(100,100,100); */
	z-index: 2000;
}

.right-header img.resume {
	width: 20px;
	margin-top: 13px;
}

.right-header ul {
	position: relative;
}

.right-header ul li.main {
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-size: 12.5px;
	font-weight: 400;
	margin-top: 19px;
	margin-right: 28px;
}

.right-header ul li.main-arrow {
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-size: 12.5px;
	font-weight: 400;
	margin-top: 19px;
	margin-right: 2px;
}

.right-header ul li.highlighted-main a {
	color: rgba(229,121,88,1);
	font-weight: 500;
}

.right-header .highlighted-underline {
	position: fixed;
	top: 44px;
	right: 300px;
	height: 10px;
	width: 70px;
	z-index: 4000000;
}

.right-header ul li a {
	color: rgb(156,133,98);
	text-decoration: none;
}

span.down-arrow {
	font-size: 6.5px;
	margin-right: 28px;
	margin-top: 2px;
}

.right-header ul li a:hover {
	color: rgba(232,221,199,1);
} 

.right-header ul li a img.linkedin-icon {
	height: 30px;
	position: absolute;
	left: 400px;
}

.right-header .work-box {
	display: inline-block;
	height: 54px;
}

.right-header .work-box:hover a {
	color: rgba(232,221,199,1);
}

.right-header .work-box:hover .drop-down-panel {
	position: absolute;
	display: block;
	margin-left: -78px;
	top: 50px;
}

.right-header .work-box:hover img.link-triangle {
	display: block;
	position: absolute;
	top: 40px;
	left: 90px;

}

img.link-triangle {
	display: none;
	margin-top: 4px;
	margin-left: 55px;
	width: 17px;
	z-index: 20000;
}

.drop-down-panel {
	display: none;
	margin-top: 4px;
	margin-left: 24px;
	width: 240px;
	height: 381px;
	background-color:  #efeff1;
	/* border-left: 1px solid rgb(220,220,220); */
	text-align: left;
	-webkit-box-shadow: 0px 10px 19px 8px rgba(0,0,0,0.25); 
box-shadow: 0px 10px 19px 8px rgba(0,0,0,0.25);
}

.drop-down-panel img {
	width: 15px;
	position: absolute;
	top: -15px;
	z-index: 2;
}

.drop-down-panel h4.list {
	display: block;
	margin-left: 30px;
}

.list-box {
	border-bottom: 1px solid rgb(213,213,213);
	padding: 3px 0px 3px 0px;
}

.list-box h4.list {
	font-family: "Barlow", sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: rgb(110,110,110);
}

.list-box:hover {
	background-color: rgba(156,133,98,.15);
}

.list-box:hover h4.list {
	color: rgb(28,34,51);
}

.drop-down-panel:hover a {
	text-decoration: none;
}



/* FIXED BAR */
/* ========= */

.fixedbar {
	position: fixed;
	background-color: rgb(255,255,255);
	top: 0px;
	right: 0px;
	width: 240px;
	height: 100%;
	border-left: 1px solid rgb(230,230,230);
	z-index: 100;
	/* -webkit-box-shadow: 10px 0px 46px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 10px 0px 46px 0px rgba(0,0,0,0.6);
	box-shadow: 10px 0px 46px 0px rgba(0,0,0,0.6); */
	}

.fixedbar img.project-logo {
	width: 55%;
	margin-left: -48px;
	margin-right: auto;
	padding-top: 74px;}

.fixedbar img.sol-logo {
	padding-top: 78px;
	width: 75%;
	margin-left: -1px;
	margin-bottom: 10px;
}

.fixedbar h2.demo-header {
	margin-top: 83px;
	margin-left: -72px;
	font-size: 18px;
	font-weight: 600;
	font-family: "Barlow";
	color: rgb(100,100,100);
}

.fixedbar h2.process-header {
	margin-top: 83px;
	margin-left: -103px;
	font-size: 18px;
	font-weight: 600;
	font-family: "Barlow";
	color: rgb(100,100,100);
}

.fixedbar ul.demos {
	list-style-type: none; /* removes bullet points */
	margin-left: -11px;
	margin-top: 18px;}

.fixedbar ul {
	list-style-type: none; /* removes bullet points */
	margin-left: -11px;
	margin-top: 10px;}

.fixedbar ul li.indent {
	margin-left: 20px;}

.fixedbar ul li {
	text-align: left;
	line-height: 28px;}

.fixedbar li a {
	text-decoration: none;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: rgb(100,100,100);}

.fixedbar li a:hover {
	color: rgb(100,100,100);
	font-weight: 600;}

.fixedbar li.selected a {
	color: red;
	font-weight: 600;
}


.fixedbar h3.next-work {
	position: fixed;
	margin-left: 30px;
	font-size: 15px;
	font-family: 'Barlow';
	font-weight: 600;
	bottom: 23px;
	color: rgba(156,133,98,.7);}

.fixedbar h3.next-work:hover {
	color: rgba(156,133,98,1)}





/* INTRO */
/* ===== */

.intro {
	margin-top: 49px;
}

.section p span.bold {
	font-weight: 600;
	color: rgb(100,100,100);
}



/* VIDEO IFRAME */
/* ============ */

.video h2 {
	margin-top: 50px;
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
}

.video video {
	width: 80%;
	margin: 0 auto;
	margin-top: -10px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.12);
	outline:none;}

.video-embed {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: -13px;
	margin-bottom: 22px;
}

.video-embed-2 {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: -28px;
	margin-bottom: 22px;
}

.video-embed-60 {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: -28px;
	margin-bottom: 22px;
	border-radius: 20px;
	overflow: hidden;
}

.video-embed-84 {
	width: 84%;
	margin-left: 8%;
	margin-right: 8%;
	margin-top: -28px;
	margin-bottom: 22px;
}

.video-embed-86 {
	width: 86%;
	margin-left: 7%;
	margin-right: 7%;
	margin-top: -28px;
	margin-bottom: 22px;
}

.video-embed-81 {
	width: 80.12%;
	margin-left: 9.94%;
	margin-right: 9.94%;
	margin-top: -28px;
	margin-bottom: 12px;
}

/* .video-border {
	border: 30px solid black;
}

.video-border-239-239-239 {
	border: 25px solid rgb(239,239,239);} */


/* REFERENCES */
/* ========== */

.references {
	padding-right: 240px;
}

.references {
	display: block;
}


.recommendation p.content-recs {
	width: 100%;
	font-size: 17px;
	font-weight: 500;
    line-height: 28px;
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
	display: block;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	margin-top: -25px;
}

.recommendation .recommender {
	margin-top: -24px; /* moves entire recommender div up/down */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.recommendation .recommender img.rec {
	display: inline-block;
	width: 100px;
	margin-top: 12px; /* moves recommender img up/down */
	margin-right: 2%;
}

.recommendation .recommender .name-recs {
	height: 90px;
	display: inline-block;
	text-align: left;
	margin-top: 0px;
	margin-left: -4px;
}

.name-recs h3.name {
	position: relative;
	font-size: 19px;
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    font-weight: 600;
    margin-top: 20px;
}

.name-recs h4.title {
	position: absolute;
	font-size: 16px;
	font-family: 'Barlow', sans-serif;
    color: rgb(100,100,100);
    font-weight: 200;
    margin-top: -6px;
}



.recommendation {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	/*border-bottom: 1px solid gray;*/
}

.recommendation p {
	color: rgb(100,100,100);
	font-family: 'Barlow', sans-serif;
	font-size: 17px;
	line-height: 27px;
}

.justin {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0px 12px 0px;
	/*border-bottom: 1px solid gray;}*/}

.kristine {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0px 12px 0px;}

.ian {
	width: 68%;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0px 12px 0px;}



/* END */

.section h2.to-be-continued{
	color: rgb(100,100,100);
	font-family: "Zapfino";
	font-size: 24px;
	font-weight: 500;
	margin-top: 54px;
}

/* END
.footer {
	padding-right: 240px;
	width: 100%;
	bottom: -1px;
	height: 50px;
	margin: 0 auto;
	background-color: rgb(28,34,51);
	text-align: center;
}

.footer img.footer-logo {
	width: 12%;
}

.footer p.footer-details {
	font-family: "Barlow", sans-serif;
	font-size: 15px;
	color: rgba(156,133,98,1);
	display: inline-block;
}

.footer .group {
	text-align: center;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	height:;
} */

@media (max-width: 900px) {
	.under-carousel {
		padding-top: 30px;}
	.more-space-below-mobile {
		padding-bottom: 30px;}
	a.left.carousel-control {
		margin-left: 1%;}
	a.right.carousel-control {
		right: 0px;
		margin-right: 1%;}
}

@media screen and (max-width: 850px) {
	img.menu {
		display: block;}
	.fixedbar {
		display: none;}
	.right-header ul {
		display: none;
	}
	.fixed-header .right-header {display: none;}
	.section, .fixed-header, .carousel {
		padding-right: 0px;}
	
	.fixed-header .combo {
		margin-left: 7.5%;
	}
	
	a.left.carousel-control {
		margin-left: 1%;
	}
	a.right.carousel-control {
		right: 0px;
		margin-right: 1%;}
	.carousel-control span.glyphicon {
  		font-size: 20px;}
  	a.left.carousel-control, a.right.carousel-control {
  		margin-top: 15%;
  	} 
	.section img.shadow, .section img.content, .section h2.section-header, .section p {
		width: 85%;}
	.video {
		padding-right: 0px;}
}

@media screen and (max-width: 500px) {

	.fixed-header h2.benny-name {
		font-size: 24px;
	}
	.section h2 {
		font-size: 18px;}
	.fixed-header .combo {
		margin-left: 7.5%;
	}
	.section h3 {
		font-size: 18px;}
	.section p {
		font-size: 17px;
		line-height: 25px;}
	a.left.carousel-control, a.right.carousel-control {
  		margin-top: 30%;
  	} 
  	a.left.carousel-control {
		margin-left: .01%;
	}
	a.right.carousel-control {
		right: 0px;
		margin-right: .01%;
}}


/*.embed-container {
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.12);
	outline:none;}*/

.video-shadow {
  -webkit-box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.3);
}

img.heart {
	width: 14px;
	display: inline-block;
	margin-top: 198px;
	margin-left: 152px;
}

h4.list {
	display: inline-block;
}

.section a p.kat-mcnamara {
	text-align: center;
	margin: 0 auto;
	font-weight: 500;
	text-decoration: none;
	
}

.section a p.kat-mcnamara:hover {
	text-decoration: none;
	font-weight: 500;
	color: rgb(83,178,201);
}

.section a {
	text-decoration: none;
}

.section a:hover {
	text-decoration: none;
}


img.iflist-metrics {
	/* go to style.css */
}

.section button.iflist-view-button:hover {
	background-color: rgb(83,178,201);
	color: white;
  }

  .section button.view-article {
	background-color: rgba(83,178,201,.8);
	border-radius: 5px;
	border: none;
	outline: none;
	height: 50px;
	width: 260px;
	font-family: 'Barlow', sans-serif;
	color: rgba(255,255,255,.9);
	font-size: 18px;
	font-weight: 600;
	margin-top: 40px;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
	  cursor:pointer;}