html * {
   font-family: "Lato", Arial, sans-serif;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}

.control-label, .login-additional-labels, #footer-services .list-unstyled a, #footer-about-us .list-unstyled a, #footer-support .list-unstyled a, .page-footer .copyright{
    font-size: 12px;
}

.brands-sub-label, ul.nav.navbar-nav.navbar-right, .navbar-item a, li.navigation-list-item, label.control-label.text-uppercase{
    font-size: 14px;
}

.sign-up, .hiw-button, .hiw-label, .brands-benefits-container, .journalist-benefits-container, .benefits-label, .tab-label, .testimonial-inner-wrapper p, #footer-services h4, #footer-about-us h4, #footer-support h4, .modal-header h4{
	font-size: 16px;
}

.stats-label, .brands-label, .benefits-title, .benefits-brands, .benefits-journalists, #image-search-phrase, .search-button, #footer-services h4, #footer-about-us h4, #footer-support h4{
    font-size: 18px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav>li>a:focus, .nav>li>a:hover, .tab-label, .green{
    color: #9eb92f;
}

.purple-label, .purple, .white-button{
	color: #a647a7 !important;
}

.site-settings-toggle-wrapper button, .main-heading-sub-description, .brands-label, .brands-sub-label, .control-label{
    color: #4A4A4A;
}

a.navigataion-list, li.navbar-item, .login-additional-labels:hover, .login-additional-labels{
    color: #9b9b9b;
}

.mobile-login-link {
    line-height: 53px;
}

/* Margin classes */
.margin-top-bottom-10{
   margin: 10px 0px 20px 0px;
}
.margin-top-bottom-20{
	margin: 20px 0px 20px 0px;
}
.margin-top-bottom-30{
	margin: 30px 0px 30px 0px;
}
.margin-top-bottom-40{
	margin: 40px 0px 40px 0px;
}
.margin-top-bottom-50{
	margin: 50px 0px 50px 0px;
}
.margin-top-bottom-60{
	margin: 60px 0px 60px 0px;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-20{
    margin-top: 20px;
}

.margin-bottom-10{
    margin-bottom: 20px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-bottom-50{
    margin-bottom: 50px;
}
/* END */
a:hover{
    text-decoration: none;
}

.main-heading-sub-description{
    font-size: 18px;
}

.heading-for-label{
    font-weight: 600;
    font-size: 15px;
}

.section-label{
    font-size: 20px;
}

.navbar-toggle{
    float: left;
    margin-right: 10px;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0px;
}

.navbar-toggle .bars{
    color: #9b9b9b;
    font-size: 27px;
    position: relative;
}

a#trial-request span.outer{
    padding: 5px 10px;
    min-width: 150px;
}

.navigation-small{
    position: fixed;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: 0;
    background: rgba(255,255,255,.95);
}

.navigation-list-small{
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    float: none!important;
    padding-left: 0;
    padding-bottom: 10px;
}

.navigation-list-item-small{
    width: 100%;
    padding: 8px 0;
}

.navigation-close{
    display: none;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 20px;
    font-size: 14px;
    color: #5d5d5d;
}

.secondary-top-nav{
    margin-top: 20px;
    border-top: 1px solid lightgrey;
}

.pressloft-logo-main{
    position: relative;
    z-index: 1;
    width: 120px;
    margin-top: 10px;
}

/* Top right Navbar */

.right-navbar{
    list-style: none;
    text-align: center;
    margin-bottom: 24px;
}

.right-navbar-item{
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    width: auto;
    margin-left: 15px;
    position: relative;
}

.right-navbar-icon{
    display: inline-block;
    margin-top: 10px;
    position: relative;
}

.icon-dropdown{
    top: 26px;
    margin-left: -125px;
}

.right-navbar-item a:hover{
    color: #6a6a6a;
}

.right-navbar-item a{
    color: #929292;
    font-weight: 600;
    padding: 0 0px;
    border-bottom: 2px solid transparent;
}

.header-icon{
    font-size: 14px;
    width: 25px;
    margin-left: 10px;
    display: inline-block;
    color: #9b9b9b;
    cursor: pointer;
}

.chevron{
    font-size: 11px;
    margin-left: 3px;
}

.chevron2{
    top: 9px;
    margin-left: 3px;
    position: absolute;
}
/* ****** */
/* Menu links nav bar */
.navbar-primary-collapse{
    margin-top: 20px;
}

.navigation-list{
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    float: none!important;
    padding-left: 0;
    padding-bottom: 10px;
    margin-top: 20px;
}
/* ******* */
/* Search bar */
.search-button{
    position: absolute;
    top: 0;
    right: 0px;
    box-shadow: none;
    background: #BDBDBD;
    color: #fff;
    font-size: 18px;
    height: 49px;
    width: 88px;
    border-radius: 0;
}
/* ******** */
/* HEADER Images styling */
/* ***************** */
.header-image-container{
    min-height: 172px;
    max-height: 172px;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
}

.header-image{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.main-image{
    min-height: 344px;
    position: relative;
}

.main-image-tablet{
    height: 430px !important;
}

.main-image-mobile{
    display: none;
}

.shirt-image {
    margin-left: 0px;
    margin-top: -10px;
}

.tap-image{
    position: relative;
    top: 51px;
    left: 17px;
}

.girl1-image{
    margin-bottom: 11px;
    margin-left: 13px;
}

.girl2-image{
    margin-top: 15px;
}

.flower-image{
    margin-top: 22px;
}

.sofa-image{
    margin-top: 40px;
    margin-left: -45px;
}

.sofa-image-mobile{
    margin-top: -60px !important;
    margin-left: 0px !important;
}

.shirt-image-mobile{
    margin-left: 123px !important;
    margin-top: -100px !important;
}

.earrings-image{
    margin-top: 30px;
    margin-left: 25px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.hover{
    display: none;
    font-size: 10px;
    position: absolute;
    padding: 4px;
    border-radius: 1px;
    width: fit-content;
    background: #faf6faeb;
    color: #252525;
    pointer-events: none;
    border: 1px solid #cacaca80;
}
/* ********** */

.page-header{
    margin: 0px;
    border-bottom: none;
}

span.flag-icon:hover{
	cursor: pointer;
}

span.flag-icon{
    margin-top: 14px;
    margin-right: 5px;
    margin-left: 5px;
}

.pink-container{
    background-color: #FAF6FA;
    padding-top: 20px;
    padding-bottom: 20px;
}

.middle-align{
	display: inline-block;
    vertical-align: middle;
    float: none;
}

.main-container-content{
	max-width: 1600px;
    margin: 0 auto;
}

.no-padding{
	padding-left: 0px;
	padding-right: 0px;
}

.circle-container{
	padding: 10px 0px 10px 0px;
}

.round{
	background-color: #FAF6FA;
	height: 220px;
	width: 220px;
	border-radius: 50%;
	display: inline-block;
}

.stats-numbers{
	font-size: 30px;
	display: block;
	margin-top: 70px
}

.stats-label{
    display: block;
    position: relative;
    top: 3px;
    color: #656565;
}

.main-heading-description{
	font-size: 30px;
	font-weight: bold;
	color: #333;
    line-height: 1.2;
}

.description-container{
    height: 344px;
    display: table-cell;vertical-align: middle;
    padding-top: 35px;
}

.sign-up{
    background-color: #a647a7;
    text-transform: uppercase;
    padding: 10px;
}

.brands, .publications{
	overflow: auto;
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
}

.brands::-webkit-scrollbar, .publications::-webkit-scrollbar{
	display: none;
}

.brands-list{
	padding-left: 0px;
	padding-right: 0px;
}

.brand{
    display: inline-block;
    height: 60px;
    margin: 0px 20px 0px 20px;
    max-width: 120px;
    min-width: 120px;
    text-align: center;
}

.publications-heading, .clients-heading{
    font-size: 16px;
}

.publications-container{
    background-color: #faf6fa;
    padding-top: 5px;
    padding-bottom: 5px;
}

.publication-name{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin: 0px 20px 0px 20px;
    text-align: center;
    width: 120px;
    color: #4A4A4A;
    white-space: initial;
}

img.brand-image{
	vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.double-brands-row, .double-publications-row{
	display: inherit;
}

.scroll-left, .scroll-right{
	font-size: 22px;
	color: #bdbdbd;
	cursor: pointer;
	position: relative;
	top: 22px;
}

.scroll-top-mobile{
	top: 60px !important;
}

.nav>li>a:focus, .nav>li>a:hover{
	background-color: transparent;
}

.nav-tabs > li {
    float: none;
    display: inline-block;
    font-size: 16px;
}

.nav-tabs{
    text-align: center;
    border-bottom: 1px solid #9eb92f;
}

.nav-tabs>li>a:hover{
    border-color: transparent;
}

.nav-tabs>li>a{
    color: grey;
}

#how-it-works-tabs, #how-it-works-tab-content, .stats-container, .register{
	max-width: 1000px;
	margin: 0 auto;
}

.container-margin{
	margin-top: 30px;
	margin-bottom: 30px;
}

.container-padding{
	padding-top: 60px;
	padding-bottom: 60px;
}

.brands-register-container, .journalists-register-container{
	width: 325px;
	height: 225px;
	border: 1px solid #A647A7;
	background-color: white;
	display: inline-block;
	vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.read-case-studies{
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
}

.read-case-studies a{
    padding-bottom: 1px;
    color: #404040;
    border-bottom: 1px solid #909090;
}

.read-case-studies a:hover{
    color: #a843a9;
    border-bottom-color: #a843a9;
}

.brands-sign-up, .journalist-sign-up{
	display: inline-block;
	min-width: 200px;
}

.brands-label{
	margin-top: 45px;
}

.brands-sub-label{
    position: relative;
    top: 10px;
}

/* HOW IT WORKS STYLES */

.how-it-works{
	min-height: 555px;
}

.how-it-works-container{
	margin-bottom: 30px;
	min-height: 555px;
}

.hiw-description{
	color: #333333;
	margin: 15px 0px 15px 0px;
	text-align: center;
    font-size: 16px;
}
.hiw-image-container{
    text-align: center;
    margin: 0 auto;
}
.hiw-image-container img{
	vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.buttons-container{
	margin: 30px 0px 0px 0px;
}

.hiw-button{
    padding: 10px;
}

.hiw-label{
	text-align: center;
	width: 214px;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 5px;
}

.button{
    color: white;
	border: 1px solid #a647a7;
	color: white;
    background-color: #9eb92f;
    text-transform: uppercase;
	line-height: 22px;
    text-decoration: none;
    border: none;
}

.purple-button{
    background-color: #a647a7;
}
.green-button{
    background-color: #9eb92f;
}
.white-button{
	background-color: white;
	border: 1px solid #a647a7;
	text-transform: uppercase;
}

.icon-center{
   width: 40px;
   height: 40px;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}

.brands-benefits-container, .journalist-benefits-container{
	margin-bottom: 40px;
	text-align: center;
	margin-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border-top: 1px solid #9eb92f;
    border-left: 1px solid #9eb92f;
    border-right: 1px solid #9eb92f;
    border-radius: 0px;
}

/* END HOW IT WORKS STYLE********* */
/* BENEFITS SECTION STYLE */
.benefits-title{
	margin-top: 50px;
}
.benefits-item{
	margin-bottom: 20px;
}

.benefits-brands, .benefits-journalists{
	margin-bottom: 30px;
	display: inline-block;
}

.uppercase{
	text-transform: uppercase;
}

.benefits-icon{
	font-size: 27px;
}

.benefits-label{
    color: #4F4F4F;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.stacked-tabs-low{
	height: 600px;
}

.stacked-tabs-high{
	height: 840px;
}

.tab-label{
	text-transform: uppercase;
	margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid lightgrey;
    padding-top: 30px;
}

.tab-image-library{
	padding-top: 30px;
    margin-top: 0px;
}

.dropdown-menu{
    padding: 0px 0px;
}
.dropdown-links:hover{
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}


.secondary.dropdown-menu{
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

.secondary-header{
    border-top: 1px solid lightgray;
    margin-top: 20px;
    padding-top: 20px;
}

.secondary-header li a{
    color: #4e4e4e;
}

/* LOGIN DROPDOWN */
ul.dropdown-menu.login-dropdown{
   margin: 10px 0 0 -270px;
   width: 320px;
   padding: 20px;
}

.control-label{
    font-weight: 200;
}

.login-additional-labels{
    margin-top: 6px;
    font-weight: 600;
    color: #9b9b9b !important;
}

.login-button{
    color: #fff;
    background-color: #9db94b;
    border-color: #9db94b;
    outline: 0;
    padding: 7px 25px;
    font-size: 15px;
    border-radius: 0px;
}

.login-button:focus{
    color: #fff;
}

.login-button:hover{
    color: #fff;
    background-color: #9db94b;
    border-color: #9db94b;
}

.form-control:focus{
    border-color: #ccc;
    box-shadow: none;
}

.navbar-item a, .navbar-item{
	color: #828282;
}

#image-search-phrase{
    border: 1px solid #e8e8e8;
    outline: 0;
    box-shadow: none;
    height: 49px;
    font-size: 18px;
    border-radius: 0;
    font-weight: 200;
}

#image-search-phrase::placeholder{
    color: #525252;
}

.search-button:hover{
	color: #fff;
}

.navigation{
    z-index: 1;
}

li.navigation-list-item{
    display: inline-block;
    position: relative;
    float: none;
}

li.navigation-list-item a:hover{
    color: #6a6a6a;
    text-decoration: underline;
    cursor: pointer
}

.navigation-link{
    color: #929292;
    font-weight: 600;
    padding: 0 10px;
    border-bottom: 2px solid transparent;
}

/* Testimonials */
.testimonial-section{
    margin: 20px 0px 200px 0px;
}

.testimonial-inner-wrapper{
	position: relative;
    max-width: 1200px;
    height: 400px;
    border: 1px solid lightgrey;
    margin: 0 auto;
}

.testimonial-quote{
	margin-top: 45px;
	margin-bottom: 45px;
}

.testimonial-quote img{
	width: 45px;
}

.testimonial-inner-wrapper #clientTestimonialLogos img{
	width: 90px;
    display: inline-block;
    cursor: pointer;
    margin: 20px 25px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.testimonial-inner-wrapper p{
	position: absolute;
	opacity: 0;
	padding: 0 100px;
	line-height: 27px;
}

.testimonial-inner-wrapper #clientTestimonialLogos{
	position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    z-index: 5;
}

.previous-testimonial, .next-testimonial{
	cursor: pointer;
	top: 0;
	width: 50px;
	border: 0;
	margin-top: 155px;
	background: #ffffff;
	position: absolute;
	z-index: 1;
}

.previous-testimonial{
	left: 0px;
}

.next-testimonial{
	right: 0px;
}

.previous, .next{
    font-size: 22px;
    color: #bdbdbd;
    cursor: pointer;
    position: relative;
    top: -11px;
}

.greyedImage{
    filter: grayscale(100%) opacity(40%);
}
/* end testimonials */
/* Carousel styles */
.fixedOuterWrapper{
    position: relative;
    clear: both;
    width: 950px;
    margin: auto;
    text-align: center;
}

.carousel-label{
    margin-top: 5px;
}

.latest-images{
    margin-bottom: 20px;
}

#imageLibrarySection {
	padding-bottom: 20px;
}

#imageLibrarySection .carouselWrapper {
	position: relative;
	display: inline-block;
    width: 100%;
}

#imageLibrarySection #imageLibraryCarouselWrapper {
	margin-top: 50px;
}

#imageLibrarySection #trendingImagesCarouselWrapper {
	margin-top: 90px;
}

#imageLibrarySection .carouselWrapper .carousel {
	display: inline-block;
	position: absolute;
	left: 0px;
	z-index: 2;
	margin-top: -20px;
}

#imageLibrarySection #imageLibraryCarousel {
	left: 20px;
}

#imageLibrarySection .carouselWrapper #trendingImagesCarousel {
	margin-left: 305px;
}

#imageLibrarySection .carouselWrapper #trendingImagesCarousel .carouselImage {
	width: 204px;
}

#imageLibrarySection .carouselWrapper .carouselStepsWrapper {
	display: inline-block;
    position: absolute;
    bottom: -50px;
    left: 33%;
}

#imageLibrarySection .carouselWrapper #trendingImagesCarouselSteps {
	left: 58%;
}

#imageLibrarySection .carouselWrapper .carouselStepsWrapper .step {
    width: 15px;
    height: 15px;
    border: 2px solid #777;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

#imageLibrarySection .carouselWrapper .carouselStepsWrapper .step.active {
	background: #777;
}

#imageLibrarySection .carouselWrapper .carouselImage {
	width: 225px;
    height: 300px;
    display: inline-block;
	opacity: 0;
}

#imageLibrarySection .carouselWrapper .carouselImage .imageUploadDate {
	background: rgba(255, 255, 255, 0.8);
	float: left;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 20px;
}

#imageLibrarySection .carouselWrapper .carouselImage .imageUploadDate p {
	font-family: "Lato", Arial, sans-serif;
	margin: 0;
	font-size: 22px;
}

#imageLibrarySection .carouselWrapper .carouselImage .imageUploadDate p.imageUploadMonth {
	font-size: 13px;
}

#imageLibrarySection .carouselWrapper .carouselDescription {
    float: right;
    position: relative;
    width: 278px;
    height: 277px;
    background: #fff;
}

#imageLibrarySection  .carouselWrapper #trendingImagesDescription {
    float: left;
    margin-left: 32px;
    width: 290px;
}

#imageLibrarySection .carouselWrapper .carouselDescription .descriptionInnerWrapper {
    border: 2px solid #9eb92f;
    text-align: left;
    position: absolute;
    left: 13px;
    z-index: 3;
    padding: 35px 25px 35px 35px;
}

#imageLibrarySection .carouselWrapper #trendingImagesDescription .descriptionInnerWrapper {
    border-color: #a843a9;
    padding: 0;
    padding-right: 28px;
    padding-top: 27px;
    padding-left: 15px;
    padding-bottom: 35px;
}

#imageLibrarySection .carouselWrapper .carouselDescription .descriptionInnerWrapper h2,
#imageLibrarySection .carouselWrapper .carouselDescription .descriptionInnerWrapper h3
 {
	font-family: "Lato", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

#imageLibrarySection .carouselWrapper .carouselDescription .descriptionInnerWrapper h2 {
	font-size: 13px;
	color: #a843a9;
}

#imageLibrarySection .carouselWrapper .carouselDescription .descriptionInnerWrapper h3 {
	border: 0;
	margin: 0;
	font-size: 18px;
	margin-top: 5px;
}

#imageLibrarySection .carouselWrapper  #trendingImagesDescription .descriptionInnerWrapper a {
	background-color: #a843a9;
	position: relative;
	top: 10px;
}

/* *************** */
