/*
 	New Styles
*/
/** { backface-visibility: hidden; }*/
body { background: #FFF; font-size: 14px; overflow-x: hidden; }
#main-content, .ym-main-wrapper { overflow: hidden; }
img { max-width: 100%; }
.home-container a:not(.btn) { text-decoration: underline !important; }
.btn-simple { color: #333 !important; }
.home-container { font-weight: 300; }
.home-headline { font-size: 300%; }
.home-tagline { font-size: 150%; font-weight: 300 !important; }
.home-container h1, .home-container h2, .home-container h3, .home-container h4, .home-container h5, .home-container h6 { font-weight: 500; }
.home-container strong { font-weight: 500; }
.feature-nav a { text-decoration: none !important; font-weight: 300; }
.ym-main-wrapper a:not(.btn) { text-decoration: underline; }
#main-content, .ym-main-wrapper { background: #fff !important; }
#main-content { padding: 0; }
.ym-head-wrapper { /*background-color: #FFF !important;*/font-weight: 300; background: #FFF; box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.2); }
#ym-head-wrapper .navbar-nav > li > a { color: #444; font-size: 16px; }
#ym-head-wrapper .navbar-nav > li > a:hover, #ym-head-wrapper .navbar-nav > li > a:active, #ym-head-wrapper .navbar-nav > li > a:focus { color: #999; }
.inline-block { vertical-align: middle; }
.ym-notification-bar { background: #0086be; color: #FFF; }
.app-download-close { font-size: 40px; opacity: 0.5 !important; }
.app-download-close:hover, .app-download-close:focus { opacity: 1 !important; }
.feature-nav { background-color: #f6f6f6; }
.nav-label, .feature-nav { border-bottom: 8px solid #ececec; }
.feature-nav a, .feature-nav a:focus, .feature-nav a:visited  { color: #333333; }
.feature-nav a:hover, .feature-nav a:active, .feature-nav a.nav-entry-active { color: #FFF; }
.nav-entry:hover, .nav-entry:active, .feature-nav a:active, .nav-entry-active { background: #3883bd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNzdiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzVhODFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzVhODFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTc3YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4a77b1 0%, #3883bd 35%, #3883bd 65%, #4a77b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a77b1), color-stop(35%,#3883bd), color-stop(65%,#3883bd), color-stop(100%,#4a77b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4a77b1 0%,#3883bd 35%,#3883bd 65%,#4a77b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4a77b1 0%,#3883bd 35%,#3883bd 65%,#4a77b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4a77b1 0%,#3883bd 35%,#3883bd 65%,#4a77b1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4a77b1 0%,#3883bd 35%,#3883bd 65%,#4a77b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3883bd', endColorstr='#3883bd',GradientType=0 ); /* IE6-8 */
}
.navbar-nav > li > a { color: #FFF; font-size: 16px; }
.navbar { margin-bottom: 0px; border: 0px; }
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover { background-color: transparent !important; }
.navbar-nav > .active > a, .navbar-nav > .active > a:focus{ background-color: transparent !important; }
.navbar-default { background-color: #FFF !important; }
.feature-headline { color: #3883bd; font-weight: bold; }
.ym-footer-copy { font-size: 10px; }
.feature-description h2, .feature-list h3 { margin: 0px; padding: 0px; font-weight: normal; line-height: inherit; }
.feature-headline h1 { margin: 0px; padding: 0px; }
.feature-tagline h2 { font-weight: normal; display: inline; margin: 0px; }
.feature-image { max-width: 100%; }
.feature-more-info-container strong, .feature-more-info-container h3 { color: #3883bd; }
.ym-marketing-button { background-color: #FF7200; border-color: #FF7200; }
.ym-marketing-button:hover, .ym-marketing-button:active { background-color: #FFA533; border-color: #FFA533; }
.ym-marketing-ecommerce-button { background-color: #ADC71E; border-color: #94AE05; color: #FFFFFF; font-size: 32px; padding: 10px 35px; }
.ym-marketing-ecommerce-button:hover, .ym-marketing-ecommerce-button:focus, .ym-marketing-ecommerce-button:active { background-color: #C7E138; border-color: #94AE05; color: #FFFFFF; }

.content-header { font-size: 28px !important; font-weight: 300 !important; }

.row-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; list-style: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; }
.row-flex > [class^='col-'] {
 display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
float: none !important;
clear: none !important;
}

.item-selector { background: #f6f6f6 !important; border: 1px solid #e3e3e3; transition: 0.25s; -webkit-transition: 0.25s; display: block; width: 100%; }
.item-selector:hover { opacity: 0.8; border: 1px solid #444; } 
.item-selector-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; /*flex: 1;*/ align-items: stretch; }
.item-selector-link, .item-selector-link:hover, .item-selector-link:active, .item-selector-link:focus { display: flex; flex: 1; /*height: 100%;*/ text-decoration: none !important; }
.item-selector-label, .item-selector-label:hover, .item-selector-label:active, .item-selector-label:focus { color: #444; text-decoration: none !important; font-size: 14px !important; font-weight: 300 !important; }

@media (min-width: 768px) {
	.ym-download-label { font-size: 18px; }
	.navbar, .container-fluid { padding-left: 0px !important; padding-right: 0px !important; }
	.navbar-nav { float: right !important; }
	.navbar { height: 95px !important; }
	.navbar-nav > li { height: 95px !important; vertical-align: middle; line-height: 90px; }
	.navbar-nav > li > a { height: 95px !important; padding-top: 40px !important; }
	.nav-item-highlighted { background: #f6f6f6; }
	.ym-logo { margin-top: 19px; }
	.ym-logo, .ym-logo a, .ym-logo img { width: 212px; height: 63px; }
	.feature-headline, .feature-headline h1 { font-size: 28px; }
	.feature-tagline, .feature-tagline h2 { font-size: 20px; }
	.feature-label { font-size: 16px; }
	.feature-link { font-size: 18px; }
	.feature-description h2, .feature-list h3 { font-size: 14px; }
	.feature-image { max-width: 100%; }
	#fixed-background2-row { padding-top: 50px; padding-bottom: 50px; }
	.btn-xlg { font-size: 28px; }
	.btn-xlg { width: 325px; }
	.home-container { min-height: 500px; }
	.ym-logo-business, .ym-logo-business a, .ym-logo-business img {
	    width: 330px;
	    height: 42px;
	}
	.ym-logo-business img {
	    margin-top: 8px;
	    margin-left: 13px;
	}
	.item-selector-icon { max-width: 40px; }
}

@media (max-width: 767px) {
	.navbar { padding-left: 0px !important; padding-right: 0px !important; }
	.ym-head-wrapper .navbar-default .navbar-toggle .icon-bar { background-color: #ddd; }
	.ym-head-wrapper .navbar-default .navbar-toggle:active .icon-bar, .ym-head-wrapper .navbar-default .navbar-toggle:hover .icon-bar, .ym-head-wrapper .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; }
	.ym-download-label { font-size: 16px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent !important; }
	.navbar-nav > li > a { height: auto; text-align: left; }
	.ym-logo, .ym-logo a, .ym-logo img { width: 168px; height: 50px; }
	.feature-headline, .feature-headline h1 { font-size: 24px; }
	.feature-tagline, .feature-tagline h2 { font-size: 16px; }
	.feature-label { font-size: 14px; }
	.btn { font-size: 12px; }
	.feature-link { font-size: 14px; }
	.ym-social-img-container { margin-left: 20px; }
	.ym-download-label { display: block; }
	.feature-description h2, .feature-list h3 { font-size: 12px; }
	.feature-image { max-width: 60%; }
	.ym-marketing-ecommerce-button { font-size: 18px; display: block; }
	.btn-xlg { font-size: inherit; }
	.item-nav-dropdown .dropdown-menu .divider { margin: 0px; } 
}

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
  .navbar-header {height: 50px;}
  .ym-logo, .ym-logo a {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  #ym-head-wrapper .navbar {
    min-height: 40px;
  }
  #ym-head-wrapper .navbar-brand {
    padding: 15px 6px;
  }
  
  .ym-logo-business, .ym-logo-business a, .ym-logo-business img {
	    width: 260px;
	    height: 33px;
	}
	.ym-logo-business img {
	    margin-top: 7px;
	    margin-left: 10px;
	}
	.heading-underline { text-align: center !important; }
	.heading-underline:after { left:50% !important;-webkit-transform:translate(-50%, 50%) !important;-moz-transform:translate(-50%, 50%) !important;-ms-transform:translate(-50%, 50%) !important;-o-transform:translate(-50%, 50%) !important;transform:translate(-50%, 50%) !important; }
   .robocall-index-info-row { flex-direction: column !important; }
}

#innerTabsContainer { background: #f6f6f6 !important; margin-bottom: 30px; }

/* New marketing footer style */
.footer-wrapper { background-color: #FFFFFF; }
.ym-footer a, .ym-footer a:focus, .ym-footer a:visited { color: #FFF; } 
.ym-footer, .ym-footer-trailer { color: #FFF; }
.ym-footer .footer-title { font-weight: 500; }
.ym-footer-trailer { font-size: 12px; }
.socialButtons img { width: 40px !important; -webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
	filter: gray;
	filter: grayscale(100%); }
 .ym-footer ul > li{list-style:none;padding:6px 0px 6px 15px; line-height: 2;}
 .footer-menu-item{list-style-type:none;position:relative;text-align:left;padding-left:15px;}
 .footer-menu-item a:before{content:"\003e";position:absolute;top:6px;left:0px;}
 .footer-wrapper{/*background-color:#282828;*/color:#FFF;}
 .ym-footer ul{padding-left:0;}
 .footer-title{position:relative;padding-bottom:10px;margin-bottom:20px;}
 .heading-underline { position: relative; padding-bottom: 10px; }
 .footer-title:after, .heading-underline:after{background-color:#3883bd;content:"";display:block;height:2px;width:90px;position:absolute;-webkit-transform:translate(0%, 0);-moz-transform:translate(0%, 0);-ms-transform:translate(0%, 0);-o-transform:translate(-50%, 0);transform:translate(0%, 0);bottom:-2px;}
 .heading-underline-center:after { left:50%;-webkit-transform:translate(-50%, 50%);-moz-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);-o-transform:translate(-50%, 50%);transform:translate(-50%, 50%); }
 .ym-footer-trailer{background:#000;}
 .social-buttons .fa { font-size: 18px !important; color: #444 !important; }
 @media (min-width: 768px) { .footer-title-download { float: right; } }
 @media (min-width:768px) and (max-width:991px){.footer-column.col-sm-6:nth-child(3n){clear:left;}}
 @media (max-width:767px){.ym-footer .download-column{text-align:left;}}
.footer-category { font-size: 110%; }
.ym-footer .ym-app-images img { height: auto !important; }
.ym-footer-trailer a, .ym-footer-trailer a:focus, .ym-footer-trailer a:hover { color: #FFF !important; text-decoration: underline; }

/*
 	End New Styles
*/

/* Awards */
#ym-awards img { height: 50px; }
.awards-wrapper { background: #f6f6f6; }
 @media (max-width:767px){
  #ym-awards > div { margin-left: 0px !important; }
  #ym-awards img { height: 40px !important; }
 }
 .heading-with-lines { position: relative; }
 .heading-with-lines:before, .heading-with-lines:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    height: 1px;
    width: 9999px;
    background: #d7d7d7;
}

.heading-with-lines:before {
    margin-right: 10px;
}

.heading-with-lines:after {
    right: auto !important;
    left: 100% !important;
    margin-left: 10px;
}

/* Feature panel */
@media (min-width: 1054px) {
	.col-feature-left, .col-create-account-left { padding-right: 30px !important; }
	.col-feature-right, .col-create-account-right  { padding-left: 30px !important; }
}
 @media (min-width: 768px) { .feature-panel { display: table; width: 100%; }
	.feature-panel > div { display: table-cell; vertical-align: middle; float: none !important; } }
 @media (min-width:768px) and (max-width:991px){.footer-column.col-sm-6:nth-child(3n){clear:left;}}
 @media (max-width:767px){.feature-panel, .feature-panel-body, .feature-panel-description, .action-container { text-align: center !important; } .feature-panel-image { text-align: center !important; }}
.feature-panel-name, .panel-title { font-size: 250%; font-weight: 300 !important; }
.feature-panel-description, .panel-description, .feature-panel-link h4 { font-size: 150%; font-weight: 300 !important; line-height: 1.4; }
.feature-panel-link { text-decoration: underline; }

/*=== Trigger  ===*/
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
 
 
/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
 
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
 
  to {
    opacity: 1;
  }
}
 
/*--keyframe pointer --*/
.fadeIn { 
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
