/*
@font-face
{
font-family: Lato-Lig;
src: url('../fonts/Lato-Lig.ttf');
}
*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://www.emovu.com/static/fonts/lato/v7/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
.background{
  background-color: #F2F2F2;
}
.top{
    margin-top: 50px;
}
.no-left-padding{
  padding-left: 0px;
  padding-right: 0px;
}
#play-button-resize{
  height: auto;
  width: 25%;
  position: absolute;
  bottom: 105px;
  left: 186px;
}
#faces-resize{
  height: auto;
  width: 100%;
}
#graph-resize{
  height: auto;
  width: 100%;
}
#company-resize{
  height: auto;
  width: 100%;
}
#main-img{
  width: 100%;
  height: auto;
}
.trydemo-position{
  position: absolute;
  z-index: 100;
  color: white;
  font-size: 45px;
  bottom: 10px;
  right: 17px;
}
.letsemovu-position{
  position: absolute;
  display: inline-block;
  z-index: 100;
  color: white;
  font-size: 26px;
  right: 43.5%;
  bottom: 10%;
}
body{
  letter-spacing: .1em;
  text-align: center;
 /* font-family: Lato-Lig;
  font-weight: lighter;*/
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  overflow-x:hidden;

}
.relative{
  position: relative;
}
.pink{
  color: #DF0B93;
}

.top-spacing{
  margin-top: 50px;
}
.bottom-spacing{
  margin-bottom: 50px;
}
#button-right{
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
}
#middle-button{
  z-index: 10;
  width: 230px;
  height: 72px;
}
#button-spacing{
  margin-top: 60px;
  margin-bottom: 60px;
}
.middle-left-margin{
  margin-left: 59px;
}
h1, h2, h3, h4, h6{
  font-weight: lighter;
  font-family: inherit;
}
.big-spacing{
  margin-top: 80px;
  margin-bottom: 80px;
}
.center-justify{
  text-align: justify;
  font-size: 22px;
  line-height: 40px;
}
.number-size{
  font-size: 55px;
}
.bottom-title-font{
  font-size: 21px;
  text-align: left;
}
.left-align{
  text-align: left;
}
.left-margin{
  margin-left: 30px;
  overflow: hidden;
}
.text-darkblue{
  color: #0468bc;
}
.text-lightblue{
  color: #72bef3;
}

.text-lightgray{
  color: #cccccc;
}
#text-size{
  font-size: 56px;
  margin-top: 40px;
}
.section2-font{
  font-size: 21px;
  text-align: justify;
  line-height: 30px;
  margin-bottom: 20px;
}
.section3-font{
  font-size: 21px;
  text-align: justify;
  line-height: 30px;
  margin-bottom: 20px;
}
.section4-font{
  font-size: 20px;
  text-align: justify;
  line-height: 30px;
  margin-bottom: 20px;
}
.section4-font-small{
  font-size: 20px;
}
.section4-margin{
  margin-top: 100px;
}
.section5-font{
  font-size: 21px;
  text-align: justify;
  line-height: 30px;
}
.section6-font{
  text-align: justify;
  font-size: 17px;
  line-height: 30px;
}
#graph{
  height: auto;
  width: 100%;
}
.left-justify{
  text-align: left;
  margin-top: 25px;
}
#roi-font{
  font-size: 40px;
  text-align: left
}
#heart{
  height: auto;
  width: 100%
}
.spacing-bottom{
  margin-bottom: 80px;
}
#beforeafter-text{
  font-size: 40px;
}
#andsign-font{
  font-size: 80px;
}
.pink-rectangle-resize{
  height: 25em;
  width: auto;
}

.facescontainer {
    width: 100%;
    padding-left: 0px;
}

@media screen and (min-width: 1200px){
  .no-padding{
    padding-left: 0px;
  }
  .smaller-screen-spacing{
    margin-bottom: 60px;
  }
  .col-lg-11{
    width: 85.666667%;
  }
  #play-button-resize{
    height: auto;
    width: 25%;
    position: absolute;
    bottom: 105px;


  }
}

@media screen and (min-width: 1900px){
  .no-padding{
    padding-left: 0px;
  }
  .col-lg-12{
    width: 65.666667%;
  }

}

@media screen and (min-width: 2047px){
  .no-padding{
    padding-left: 0px;
  }
  #play-button-resize{
    height: auto;
    width: 25%;
    position: absolute;
    bottom: 200px;
    left: 271px;
  }
  .col-lg-11{
    width: 58.666667%;
  }

}
@media screen and (max-width: 1024px){
  .bottom-title-font{
    font-size: 20px;
  }
  .smaller-screen-spacing{
    margin-bottom: 40px;
  }
  .no-padding{
    padding-left: 0px;
  }
}
@media screen and (max-width: 991px){
  #heart{
    height: auto;
    width: 20%
  }
  .pink-rectangle-resize{
    height: auto;
    width: 5em;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  }
  .section4-margin{
    margin-top: 10px;
  }
  .bottom-title-font{
    font-size: 20px;
    text-align: center;
  }
  .section6-font{
    text-align: center;
  }
  .no-padding{
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 768px){
  #heart{
    height: auto;
    width: 20%
  }
  .pink-rectangle-resize{
    height: auto;
    width: 5em;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  }
  .middle-left-margin{
    margin-left: 50px;
  }
    #play-button-resize{
    height: auto;
    width: 25%;
    position: absolute;
    bottom: 184px;
    left: 250px;
  }
}
@media screen and (max-width: 480px){
  #heart{
    height: auto;
    width: 20%
  }
  #button-right{
    height: auto;
    width: 40%;
  }
  .pink-rectangle-resize{
    height: auto;
    width: 4em;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  }
  .middle-left-margin{
    margin-left: 0px;
  }
  #play-button-resize{
    height: auto;
    width: 25%;
    position: absolute;
    bottom: 105px;
    left: 186px;
  }

}
@media screen and (max-width: 320px){
  #heart{
    height: auto;
    width: 20%
  }
  #button-right{
    height: auto;
    width: 40%;
  }
  .left-align{
    text-align: center;
  }
  .left-margin{
    margin-left: 0px;
  }
  .pink-rectangle-resize{
    height: auto;
    width: 3em;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  }
  .middle-left-margin{
    margin-left: 0px;
  }
  #play-button-resize{
    height: auto;
    width: 25%;
    position: absolute;
    bottom: 84px;
    left: 109px;
  }
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #DF0B93;
}

#navfoot {
    position: inherit !important;
}

.navfoot img{
  height:28px;
  width:28px;
}
.navfoot a{
  font-weight:bold;
  font-size:16px;
  margin-left:3px;
}
a.navbar-brand{
  padding-top: 5px;
  padding-bottom: 5px;
}
.navbar.navbar-default.navbar-fixed-top{
  background-color: white;
}
.navbar .nav > li > a,
.dropdown-menu > li > a{
  color: black;
}
.navbar-default .navbar-nav>.dropdown>a .caret{
  border-top: 4px solid black;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover{

  color: #DF0B93;
}
.nav .navbar .navbar-defautl{
  padding-bottom: 0px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #DF0B93;
  background-color: white;
}

#navfoot{
  margin-bottom: 0px;
  background-color: white;
}
a.navbar-brand{
  padding-top: 5px;
  padding-bottom: 5px;
}
.navbar.navbar-default.navbar-fixed-top{
  background-color: white;
}
.navbar .nav > li > a,
.dropdown-menu > li > a{
  color: black;
}
.navbar-default .navbar-nav>.dropdown>a .caret{
  border-top: 4px solid black;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover{
 
  color: #DF0B93;
}
.nav .navbar .navbar-defautl{
  padding-bottom: 0px;
}

#logo{
  width: 150px;
  padding-top: 10px;
}

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

a.pink-hover:hover{
  color: #DF0B93;
}

.no-spacing {
    letter-spacing: 0px;   
}