/* Add here all your CSS customizations */

/*#header .logo{
	margin: 0 auto;
}
#header > .container{
	margin-bottom: auto;
}
.featured-boxes .featured-box{
	margin-top: 10px;
}
.social-login a{
	width: 100%;
	margin: 10px 0;
	text-align: left;
	font-size: 16px;
	border: none;
}
.social-login .linkedin{
	background: #4875B4;
}
.social-login .twitter{
	background: #33CCFF;
}
.social-login .google{
	background: #C63D2D;
}
.social-login .facebook{
	background: #3B5998;
}
.social-login a i{
	width: 30px;
}

.error{
	color:#c23527;
}*/


body {font-family: Open Sans; font-weight: 400; font-size: 16px; color: #000}
.blue {color: #0088cc}
.noPad {padding: 0}
.noPadL {padding-left: 0}
.noPadR {padding-right: 0}
h3 {font-size: 22px}


/***** Navbar styles *****/
.pre-header {background: #0088cc; color: #fff; text-transform: uppercase; font-weight: 700}
.pre-header .social a {margin-right: 8px; color: #fff; font-size: 12px}
.pre-header .social a:hover, .pre-header .social a:focus {opacity: .8; text-decoration: none}
.pre-header .social a:last-child {margin-right: 0px}
.pre-header .container {height: 22px}

.navbar {width: 100%}
.navbar-default{background: #fbfbfb; border: none}
.navbar-brand {height: auto; padding: 10px 15px}
.navbar {margin-bottom: 0}
.navbar-default .navbar-nav > li > a {font-size: 14px; font-weight: 700; text-transform: uppercase; color: #666}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #0089cd; background-color: rgba(0,0,0,.0)}
.navbar-default .navbar-nav > .active > a {background: none; color: #0089cd}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #666; background: none}

.navbar ul ul {display: none;}
.navbar ul li:hover > ul {display: block;}
.navbar ul:after {content: ""; clear: both; display: block;}
.navbar ul ul {padding-top: 8px; position: absolute; top: 100%; margin-top: 0px; background-color: rgba(255, 255, 255, 1); border-radius: 5px;}
/*.navbar ul ul li {float: none; position: relative;}*/
.navbar ul ul li {min-width: 135px; max-height: 25px;}

@media (max-width: 767px) {
	.navbar .nav-more-link {display: none; }
	.navbar ul ul {display: block; position: relative; margin-top: -7; padding-top: 0; margin-left: 0; background-color: rgb(251, 251, 251)}
	.navbar ul ul li {padding-bottom: 45px;}
}

/***** Button styles *****/
.btn.btn-default {border: 1px solid #c5c5c5; padding-left: 10px; padding-right: 10px; background: rgba(247,247,247,1);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(218,218,218,1) 51%, rgba(191,191,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(51%, rgba(218,218,218,1)), color-stop(100%, rgba(191,191,191,1)));
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(218,218,218,1) 51%, rgba(191,191,191,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(218,218,218,1) 51%, rgba(191,191,191,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(218,218,218,1) 51%, rgba(191,191,191,1) 100%);
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(218,218,218,1) 51%, rgba(191,191,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#bfbfbf', GradientType=0 );}
.btn.btn-default:hover, .btn.btn-default:focus {color: #666!important; background: rgba(191,191,191,1);
background: -moz-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(218,218,218,1) 51%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,191,191,1)), color-stop(51%, rgba(218,218,218,1)), color-stop(100%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(218,218,218,1) 51%, rgba(247,247,247,1) 100%);
background: -o-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(218,218,218,1) 51%, rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(218,218,218,1) 51%, rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom, rgba(191,191,191,1) 0%, rgba(218,218,218,1) 51%, rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#f7f7f7', GradientType=0 );}
.btn.btn-orange {border: 1px solid #d67b0b; color: #fff; text-transform: uppercase; font-weight: 600; background: rgba(255,185,100,1);
background: -moz-linear-gradient(top, rgba(255,185,100,1) 0%, rgba(252,168,65,1) 51%, rgba(249,149,26,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,185,100,1)), color-stop(51%, rgba(252,168,65,1)), color-stop(100%, rgba(249,149,26,1)));
background: -webkit-linear-gradient(top, rgba(255,185,100,1) 0%, rgba(252,168,65,1) 51%, rgba(249,149,26,1) 100%);
background: -o-linear-gradient(top, rgba(255,185,100,1) 0%, rgba(252,168,65,1) 51%, rgba(249,149,26,1) 100%);
background: -ms-linear-gradient(top, rgba(255,185,100,1) 0%, rgba(252,168,65,1) 51%, rgba(249,149,26,1) 100%);
background: linear-gradient(to bottom, rgba(255,185,100,1) 0%, rgba(252,168,65,1) 51%, rgba(249,149,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb964', endColorstr='#f9951a', GradientType=0 );}
.btn.btn-orange:hover, .btn.btn-orange:focus {background: rgba(249,149,26,1);
background: -moz-linear-gradient(top, rgba(249,149,26,1) 0%, rgba(252,168,65,1) 51%, rgba(255,185,100,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,149,26,1)), color-stop(51%, rgba(252,168,65,1)), color-stop(100%, rgba(255,185,100,1)));
background: -webkit-linear-gradient(top, rgba(249,149,26,1) 0%, rgba(252,168,65,1) 51%, rgba(255,185,100,1) 100%);
background: -o-linear-gradient(top, rgba(249,149,26,1) 0%, rgba(252,168,65,1) 51%, rgba(255,185,100,1) 100%);
background: -ms-linear-gradient(top, rgba(249,149,26,1) 0%, rgba(252,168,65,1) 51%, rgba(255,185,100,1) 100%);
background: linear-gradient(to bottom, rgba(249,149,26,1) 0%, rgba(252,168,65,1) 51%, rgba(255,185,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9951a', endColorstr='#ffb964', GradientType=0 );}


/***** Section styles *****/
#shoutout {padding: 30px 0 50px 0;}
#shoutout h1 {line-height: 49.5px; margin-top: 20px; margin-bottom: 10px; font-size: 45px; font-weight: 200; color: #5b5b5b;}

#mobile {font-size: 26px; color: #5b5b5b; background: #ebebeb; padding: 30px 0 70px 0; font-weight: 200;}
#mobile {line-height: 37px}
#mobile .alert{font-size: 16px; line-height: 22px; font-weight: normal; }

#why {background: #0089cd; color: #fff; padding: 30px 50px; font-size: 26px;}
#why p span{font-size: 20px; font-style: italic;}
#why .quote {line-height: 1.2; font-style: italic; font-size: 20px; font-weight: 300}
#why h2, #water h2 {margin-top: 20px; margin-bottom: 10px; font-weight: 200; line-height: 44px;}
#why br {line-height: 37px}
#why p {line-height: 37px; font-weight: 200;}
#why .fa-quote-left {color: #67abda; padding-right:20px; vertical-align: -25%}
#why .fa-quote-right {color: #67abda; padding-left:20px; vertical-align: -25%}

#advantage {max-height: }
#advantage ul {padding-left: 18px}
#advantage .orangeBG {background: #f9961c; color: #fff; overflow: hidden}
#advantage .greyBG  {background: #e7e7e7; color: #5b5b5b; overflow: hidden; line-height: 25px; min-height: 337px}
#advantage .orangeBG h3 {color: white}
#advantage .greyBG h3 {color: #5b5b5b;}
.orangeBG i  {margin-top: 40px}
.greyBG i  {margin-top: 60px}
.orangeBG, .greyBG   {padding: 64px 20px}

.homeImage {
	height:613px; 
	overflow: hidden; 
	min-height: 613px;	
}

#water {background: url(http://s3.amazonaws.com/shoutaboutus/assets/frontend/images/water2.jpg) no-repeat center; width: 100%; color: #fff; background-size: cover;}
#water .form-inline .emailshout {height: 45px; margin-bottom: 5px; border-radius: 3px; background: #e0e5eb; border: none}
#water .btn-lg {font-size: 14px}
#water .emailshout::-moz-placeholder{color:#000; font-weight: 600}
#water .emailshout:-ms-input-placeholder{color:#000; font-weight: 600}
#water .emailshout::-webkit-input-placeholder{color:#000; font-weight: 600}
#water .form-inline .emailshout {width: 100%; padding: 6px 12px}
#water h2 strong {color: rgb(255, 255, 255)}
#water .contact-us-form img {margin-bottom: 20px;}
#water .contact-us-form h2:last-child {margin-bottom: 26px; color: red;}
#water .contact-us-form-error {color: rgb(255, 255, 255); margin-bottom: 6px}

.emailshout {
	color: #000;
	font-weight: 200;
}

#caseheading {padding: 20px 0 50px}
#caseheading  h1 {margin-top: 0}
/*.breadcrumb {background: #fff; border-radius: 0; margin-bottom: 0; font-size: 14px}*/
.breadcrumb {background: #fff; border-radius: 0; margin-bottom: 0; font-size: 14px; margin-left: -15px; margin-top: 20px}
.breadcrumb li a {color: #000; text-decoration: underline}
.breadcrumb li.active a {text-decoration: none}
.breadcrumb > li + li:before {color: #000; content: " | ";}
.divide {margin: 20px 0}
.revrat img {margin-bottom: 40px}
.revrat img:last-child {margin-bottom: 0px}
#jerseyreview, #morreview, #harireview {padding: 20px 0; overflow: hidden}

#clients {background: #ebebeb; color: #5b5b5b; padding: 30px 0}
#clients h2 {font-size: 28px; margin-top: 20px; margin-bottom: 10px;}
#clients .clientrow {overflow: hidden; margin-bottom: 20px}
.clientrow .border {border-left: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 10px}
.clientrow .border:last-child {border-right: 1px solid #fff}

#pricing {margin-bottom: 30px}
#pricing h3{color: inherit}
#pricing h4{color: inherit;font-size: 18px;  margin-top: 10px;margin-bottom: 10px;}
#ssdddd .bluTitle>h3,#asasass .LtbluTitle>h3,#sdsd .orgTitle>h3 {color: inherit}
#pricing h1 {color: #0088cc; font-weight: 700; font-size: 30px}
#pricing .permth {padding: 0 6px; margin-bottom: 10px}
#pricing .permth>h1 {padding: 0 6px; margin-bottom: 10px}
#pricing .orgTitle h3,#pricing .bluTitle h3,#pricing .LtbluTitle h3 {margin: 0}
#pricing .orgTitle {background: #ffba00; color: #fff; font-weight: 600; font-size: 24px; padding: 15px 20px}
#pricing .bluTitle {background: #0088cc; color: #fff; font-weight: 600; font-size: 24px; padding: 15px 20px}
#pricing .LtbluTitle {background: #76b8d9; color: #fff; font-weight: 600; font-size: 24px; padding: 15px 20px}
#pricing .perMonth, #pricing .xsperMonth, #pricing .xsperMonth1 {padding: 20px 25px; background: #eee}
#pricing .perMonth h1 {font-weight: 300; color: #5b5b5b}
#pricing .perMonth .dollar {position: relative; bottom: 6px}
#pricing .perMonth ul {padding-left: 22px; line-height: 1.8; color: #5b5b5b}
#pricing .butt {position: absolute; bottom: 20px}
ul.respond li.astr:before {content: "* "; position: relative; left: -20px; margin-right: -12px;}
ul.respond li.astr {list-style: none}
#pricing .xsperMonth h4, #pricing .xsperMonth1 h4 {color: #0088cc; font-style: italic; font-weight: bold}
#pricing .padding {display: block; padding-top: 388px;}

#QandA  {margin-bottom: 50px}
#QandA .rtsidebar h2 {margin-top: 0}
#QandA .rtsidebar ul, #enterprise .rtsidebar ul, #about .rtsidebar ul, #signup .rtsidebar ul   {line-height: 2; padding-left: 18px; margin-bottom: 15px}
#QandA .qa_content {font-size: 18px}
#QandA .qa_content h3 {font-size: 24px; color: rgb(0,0,0)}
#QandA p {line-height: 25px}

#howTitle {margin-bottom: 50px}
#howTitle h1 {color: #5b5b5b; font-size: 30px}
#howTitle h1 span {color: #0088cc; font-style: italic; font-weight: 700}
#howTitle h2 {font-size: 26px; font-weight: 700}
#howTitle .page_content img {margin-top: 20px}
#howTitle .page_content ul,#enterprise .page_content ul {padding-left: 18px; line-height: 1.8}
.rtsidebar h2 {font-size: 22px; color: #5b5b5b; text-transform: uppercase; font-weight: 600}
#howTitle .rtsidebar .quote .fa.fa-quote-left {color: #d9d9d9; font-size: 3.5em}
.rtsidebar .quotation {line-height: 1.6; font-size: 18px}
.rtsidebar hr {border-top: 1px solid #858585; margin-top: 30px; margin-bottom: 40px}
.rtsidebar .recent_post h2 {margin-bottom: 20px; margin-top: 0px}

#listen h2 {font-size: 26px; font-weight: 700}
#listen h2 span {color: #0088cc}
#listen .quotes2 {text-transform: uppercase; font-size: 14px; color: #5b5b5b}
#listen .dubquote {color: #d9d9d9}
#listen .dubquote .fa.fa-quote-left {font-size: 3.5em}
#listen .page_content ul {padding-left: 18px; line-height: 1.8}
#listen p {line-height: 20px}

#enterprise h1, #about h1, #signup h1 {color: #0088cc; font-weight: 700; font-size: 30px;}
#adagenies h1, #about h1, #signup h1 {color: #0088cc; font-weight: 700; font-size: 30px;}

#about .page_content h2 {font-size: 26px; font-weight: 600}
#about .page_content h3, #signup .page_content h3 {font-size: 24px; font-weight: 600}
#about .page_content h3 small, #signup .page_content h3 small {font-size: 18px; font-style: italic; color: #000}
#about .page_content p {margin-bottom: 15px}
#about h3 {color: rgb(0,0,0);}

#signup form .citystzip {overflow: hidden}
#signup h3 {color: rgb(0,0,0);}
#signup .form-adjust {margin-top: -16px;}
#signup input:focus , #signup select:focus {
	-webkit-box-shadow: none;
    -webkit-transition-delay: 0s, 0s;
    -webkit-transition-duration: 0.15s, 0.15s;
    -webkit-transition-property: border-color, box-shadow;
    -webkit-transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
    transition-duration: 0.15s, 0.15s;
    transition-property: border-color, box-shadow;
    transition-timing-function: ease-in-out, ease-in-out;
    outline: none;
    border: 1px solid rgb(106, 176, 232);  
} 

#contact-us h1 {color: #0088cc; font-weight: 700; font-size: 30px;}
#contact-us h2 {font-size: 22px; color: #5b5b5b; text-transform: uppercase; font-weight: 600}
#contact-us a {color: rgb(0, 0, 0);}
#contact-us a:hover {text-decoration: none; color: #5b5b5b}
#contact-us #map {width: 600px; height: 400px;}
/*#contact-us .contact-us-btn {margin-left: 37%;}*/
#contact-us .contact-us-submit {display: block; margin-left: auto; margin-right: auto;}

.formSignupSubmit {display: block; margin-left: auto; margin-right: auto;}

/***** Footer Styles *****/
#footer {font-size: 12px; line-height: 17px}
#footer li {line-height: 17px}
.ftrTop {background: #3a3a3a; color: #c0c0c0; padding: 25px 0}
.ftrTop .ftrnav, .connect {text-transform: uppercase}
.ftrTop ul.list-inline, .ftrBottom ul.list-inline {margin-bottom: 0; padding: 10px 0 2px 0;}
.ftrTop ul.list-inline li a, .ftrBottom ul.list-inline li a {color: #c0c0c0}
.ftrTop ul.list-inline li a:hover, .ftrBottom ul.list-inline li a:hover,.ftrTop ul.list-inline li a:focus, .ftrBottom ul.list-inline li a:focus {color: #fff; text-decoration: none}
.ftrTop .connect {margin-top: 14px}
.ftrTop .connect p {margin-bottom: 0}
.ftrTop .connect a {color: #c0c0c0; margin-right: 15px; font-size: 20px}
.ftrTop .connect a:last-child {margin-right: 0}
.ftrTop .connect a:hover, .ftrTop .connect a:focus {color: #fff}
.ftrBottom {background: #303030; color: #c0c0c0; padding-bottom: 20px}

#footer .footer-links a {color: rgb(192, 192, 192)}
#footer .footer-links a:hover {color: rgb(255, 255, 255); text-decoration: none;}
#footer .footer-links a:active {color: rgb(255, 255, 255); text-decoration: none;}
#footer .footer-links a:focus {color: rgb(255, 255, 255); text-decoration: none;}
#footer .footer-links td {padding-top: 8px;}


/*=====New=Css===========Date=26=04=2016==========================Start===================*/
#wizard-1{ padding-bottom:70px;}
#wizard-1 .nav li a{ background:#d7dadc; border-width:1px 1px 0; border-color:#d7dadc; border-radius:0;}
#wizard-1 .nav li:first-child a{ border-radius:4px 4px 0 0;}
#wizard-1 .nav li:last-child a{ border-radius:4px 4px 0 0;}
#wizard-1 .nav li a span{ display:block;}
#wizard-1 .nav li a strong{ text-transform:capitalize;}
#wizard-1 .nav li a:hover{ }
#wizard-1 .nav li.active a{ background:#fff;}

#wizard-1 .tab-content{ border-color:#d7dadc; border-radius:0;}
#wizard-1 .pager{ border:1px solid #d7dadc; border-top:0; background:#f5f5f5; margin:0; padding:18px 15px; border-radius:0 0 4px 4px;}

#wizard-1 .form-group label span{ color:red;}
/*=====New=Css===========Date=26=04=2016==========================End====================*/



/*=====New=Css===========Date=18=01=2017==========================Start===================*/
#pricing.pricing_bx{ margin-bottom:70px;}
.pricing_bx p{ color:#58595b; padding-top:11px;}
.pricing_bx p span{ color:#0788cb;}
.pricing_bx img{ max-width:100%; vertical-align:middle; border:0;}
.agency_section{ padding-top:27px;}
.yellow_bx{ background:#f7b825; padding:30px;}
.request_demo{ padding-top:30px;}
.request_demo_btn{ border:1px solid #c5c5c5; font-size:14px; color:#000 !important; text-decoration:none !important; font-weight:bold; text-transform:uppercase; padding:4px 11px; border-radius:4px; 
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #bdbdbd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#bdbdbd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f8f8f8 0%,#bdbdbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#bdbdbd',GradientType=0 ); /* IE6-9 */}
	
.agency_img img{ box-shadow:5px 5px 7px 0 rgba(0,0,0,0.25);}	
.agency_section .yellow_bx{ min-height:400px;}
.pricing_list1{ margin:0; padding:20px 0 0; list-style:none;}
.pricing_list1 li{ color:#58595b; font-style:italic; list-style:disc inside; line-height:24px;}
.seprator{ background:url(http://s3.amazonaws.com/shoutaboutus/assets/frontend/images/seprator.jpg) center center no-repeat; height:8px; margin:35px 0 27px;}
.features_benefits_mid{ padding-top:27px;}
.features_benefits h3{ color:#fff !important; font-weight:800; margin:0; font-size:30px; font-style:italic; margin:-8px 0 24px;}
.pricing_list2{ margin:0; padding:11px 0 0; list-style:none;}
.pricing_list2 li{ color:#fff; line-height:24px; position:relative; padding-left:15px;}
.pricing_list2 li:before{ width:7px; height:7px; content:""; background:#fff; border-radius:50px; position:absolute; left:0; top:10px;}
.features_benefits .yellow_bx{ margin-bottom:30px;}
.yellow_bx.listen_bx{ background:#0b88cb; min-height:602px;}
.yellow_bx.respond{ background:#0b88cb; min-height:582px;}
.heading2{ color:#0088cc; font-size:30px; font-weight:700;}
.pricing_list3{ margin:0; padding:10px 0 0; list-style:none;}
.pricing_list3 li{ color:#58595b; font-style:italic; line-height:24px;}
/*=====New=Css===========Date=18=01=2017==========================End===================*/


/*=====New=Css===========Date=09=05=2017==========================Start===================*/
.login_body{ background:#e9ecf3;}
.login_wraper .page-header.navbar{ background:#414856; border-bottom:1px solid #e9ecf3; margin:0; min-height:46px; height:46px;}
.login_wraper .page-header.navbar .page-logo{ float:left; height:46px; width:235px; padding:0 20px;}
.login_wraper .page-header.navbar .page-logo .logo-default{ margin:14px 0 0; width:100px;}
.login_wraper .page-container{ padding:0; margin-top:46px; position:relative;}
.login_wraper .login_content{ padding:25px 20px 60px; margin-left:235px;}
.login_wraper .page-title{ color:#6c7275; display:block; font-family:"Open Sans",sans-serif; font-size:28px; font-weight:300; letter-spacing:-1px; margin:0 0 15px; padding:0;}
.login_wraper .loginform .form-group label{ font-weight:400; font-size:14px; color:#333;}
.login_wraper .loginform .form-group .form-control{ background:#fff; border:1px solid #e5e5e5; border-radius:0; box-shadow:none; color:#333333; font-size:14px; font-weight:normal;}
.login_wraper .loginform .btn-success{ background-color:#45b6af; border-color:#45b6af; padding:7px 14px;}
.login_wraper .loginform .forgotpass{ font-size:13px;}
.login_wraper .page-footer{ background-color:#ffffff; font-size:12px; height:33px; padding:8px 20px 5px; position:fixed; width:100%; bottom:0; z-index:4;}
.login_wraper .page-footer .page-footer-inner{ color:#69789e; text-align:center; width:100%;}


/*=====New=Css===========Date=09=05=2017==========================End====================*/






/***** Media Queries *****/
@media(max-width: 768px) {
/*#water .noPadL {padding-right: 0}
.clientrow .border {border-right: 1px solid #fff}
#pricing .perMonth h1 {font-size: 30px!important}
.blupermth, .orgpermth {padding: 0 15px!important}
#pricing .blupermth .perMonth {min-height: 300px!important}*/
.perMonth .padding {margin-top: 0px!important; display: none}

	#water .noPadL {padding-right: 0}
	.clientrow .border {border-right: 1px solid #fff}
	#pricing .xsperMonth1 h1, #pricing .xsperMonth h1 {font-size: 30px!important; font-weight: 300; color: #5b5b5b}
	.permth {padding: 0 15px!important}
	form .fname {padding-right: 0}
	form .lname {padding-left: 0}
	form #city, form #state {margin-bottom: 15px}
	form .city, form .state {padding-right: 0}
	#pricing .perMonth {min-height: 300px!important}
	#pricing .perMonth .dollar {font-size: 30px}
	#pricing .xsperMonth {min-height: 340px}
	#pricing .xsperMonth1 {min-height: 550px}

}

@media(max-width: 768px) {
	#why h2, #water h2 {font-size: 30px;}
}

@media(min-width: 768px) {
	h1 {font-size: 45px}
	h2 {font-size: 40px}
	.container {width: 750px}
	.pre-header .social{margin-right: -12px}
	.navbar-default .navbar-nav > li > a {line-height: 0}
	.navbar-nav {margin-top: 15px}
	.form-inline .form-group {width: 100%; display: block; padding: 0 2px}
	.inputmarg {margin-left: 14px}
	#pricing .perMonth h1 {font-size: 55px}
	#pricing .perMonth h4 {color: #0088cc; font-style: italic; font-weight: bold}
}

@media(max-width: 768px) {
	h1 {font-size: 36px;}
}

@media(max-width: 991px) {
/*.nav > li > a {padding: 15px 10px}
#water {padding: 10px 0 50px}
#pricing .blupermth .perMonth {min-height: 717px}*/
/*.perMonth .padding {margin-top: 252px; display: block}*/
	.nav > li > a {padding: 15px 10px}
	#water {padding: 10px 0 50px}
	/*#pricing .perMonth {min-height: 1050px!important}*/
	#pricing .padding {padding-top: 416px;}
}

@media (min-width: 992px){
	.container {width: 970px}
	#water {padding: 50px 0 80px}
	#pricing .perMonth {min-height: 765px}
}

@media (max-width: 1200px) {
	#pricing .perMonth h1 {font-size: 35px}
	#pricing .perMonth {min-height: 818px}
	#pricing .perMonth .dollar {font-size: 30px; position: relative; bottom: 6px}
}

@media (min-width: 1200px){
.container {width: 1124px}
#pricing .perMonth .dollar {font-size: 40px; position: relative; bottom: 16px}
.block-2 {width: 1141px}
}

@media (max-width: 1440px){
	.homeImage {
		height:614px; 
		overflow: hidden; 
		min-height: 614px;	
	}	
}

@media (max-width: 1281px){
	.homeImage {
		height:665px; 
		overflow: hidden; 
		min-height: 665px;	
	}	
}

@media (max-width: 1199px){
	.homeImage {
		height:664px; 
		overflow: hidden; 
		min-height: 664px;	
	}	
	.agency_section .yellow_bx{ min-height:inherit;}
	.yellow_bx.listen_bx{ min-height:626px;}
	.yellow_bx.respond{ min-height:605px;}
}


@media (max-width: 1171px){
	.homeImage {
		height:688px; 
		overflow: hidden; 
		min-height: 688px;	
	}	
}

@media (max-width: 1061px){
	.homeImage {
		height:688px; 
		overflow: hidden; 
		min-height: 688px;	
	}	
}

@media (max-width: 1034px){
	.homeImage {
		height:712px; 
		overflow: hidden; 
		min-height: 712px;	
	}	
}

@media (max-width: 1028px){
	.homeImage {
		height:712px; 
		overflow: hidden; 
		min-height: 712px;	
	}	
}

@media (max-width: 991px){
	#contact-us #map {width: 465px;}
	.agency_img{ margin-top:30px;}
	.yellow_bx.listen_bx{ min-height:inherit;}	
	.yellow_bx.respond{ min-height:inherit;}
	
	.login_wraper .login_content{ margin-left:0;}
}

@media (max-width: 767px){
	#contact-us #map {width: 100%;}
	#pricing .noPadR {padding-top:20px; padding-left: 0;}
	#pricing .noPadL {padding-right: 0;}
	
}

@media (max-width: 500px){
.yellow_bx{ padding:20px;}
.features_benefits h3{ font-weight:700;}
	
}


/***** CASE STUDIES *****/
/***** Request a Demo Modal*****/

#request-demo-modal {
	/*height: 58%;*/
	height: 460px;
	width: 42%;
	/*background-color: #FAFAFA;*/
	left: 29%;
	top: 10%;
	border-radius: 6px;
	overflow: hidden;
}

#request-demo-modal .modal-content {
	width: 100%;
	height: 421px;
}

#request-demo-modal .modal-content .request-demo-form {
	padding: 20px;
}

.request-demo-btns {
	position: absolute;
	bottom: 10px;
	left: 38%; 
}

#request-demo-modal input:focus, #request-demo-modal textarea:focus {
	-webkit-box-shadow: none;
	-webkit-transition-delay: 0s, 0s;
	-webkit-transition-duration: 0.15s, 0.15s;
	-webkit-transition-property: border-color, box-shadow;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
	transition-delay: 0s, 0s;
	transition-duration: 0.15s, 0.15s;
	transition-property: border-color, box-shadow;
	transition-timing-function: ease-in-out, ease-in-out;
	outline: none;
	border: 1px solid rgb(106, 176, 232);  
}
/* BEGIN : fix make it look like it can be clicked */  
.nav-tabs { 
  border-bottom: 1px solid rgb(145, 145, 145);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {  
  border: 1px solid rgb(145, 145, 145);
  border-bottom: none;
}
/* END : fix make it look like it can be clicked */  


/***** FORMSTACK SIGNUP *****/

#signup .fsFirstSection {display: none;}
#signup #fsSection26197445 {display: none;}

#signup .fsSectionHeader {max-width: 679px}
#signup .fsRow {max-width: 679px}


.sectionOne{ position:relative;}
.watch_video{ bottom: 17%; position: absolute; right:18%; width:100%;}
.watch_video a{ display:inline-block; width:7%; height:auto; float:right;}
.modal-open{ padding-right:0!important; }


.left-part.genrat img{ max-width:600px;}