html, body {
padding: 0;
margin: 0;
}

html {
overflow-y: scroll;
overflow-x:hidden;
}

img
{
max-width:100%;
}

::selection
{
background-color:#00add1;
}

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight:bold;}

h2
{
font-size:34px;
text-align:center;
}

body {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
background:#fff;
color:#333;
min-width:960px;
}

.slider-wrapper
{
    text-align:center;
}

#slider
{
 margin: 0 auto;   
}

#container
{
    width:auto;
 max-width:100%;
 min-width:768px;  
 margin: 0 auto; 
}

a { text-decoration:none; color:#2186d5;}
a.standard:hover { text-decoration:underline;}

.header
{
padding-top:5px;
padding-bottom:25px;
height:66px;
}


.logo
{
margin-left:20px;
width: 200px;
display:inline-block;
text-align:right;
float:left;
}

.logo h1
{
color:#333;
font-size:38px;
font-weight:bold;
line-height:1;
margin:0;
margin-top:10px;
}

.logo-subtitle
{
font-size:20px;
color:#5d5f60;
font-weight:600;
text-align: right;
height:40px;
}

.logo-subtitle img{
    max-height: 100%;
}

.nav
{
display:inline-block;
text-align: right;
float:right;
margin-right:30px;
margin-top:22px;
}

.nav a{
font-size:18px;
color: #565656;
font-weight:300;
margin-left:40px;
}

.nav a.active
{
color:#2186d5;

}

.nav a:hover
{
color:#2186d5;
text-decoration:none;
}

.hero
{
color:#fff;
margin-bottom:60px;
height:380px;
background: url(../images/hero.jpg) no-repeat center  center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.pricing-hero
{
text-align: center;
}

.hero-left, .hero-right
{

display:inline-block;
}

.hero-left
{
vertical-align:top;
width:34%;
}

.hero-right
{
vertical-align:top;
width:64%;
text-align: right;
margin-top:10px;
}

.hero-right img
{
margin-top:20px;
margin-bottom:-40px;
max-width:670px;
}


.hero-signup
{
text-align: center;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:8px solid #2186d5;
}
.hero-signup input[type="text"],
.hero-signup input[type="email"],
.hero-signup input[type="password"]
{
font-size:18px;
padding: 12px;
background:#fafafa;
border:none;
border:1px solid #999;
width:220px;
margin:20px 5px;
margin-bottom:8px;
}

.hero-signup input[type="submit"],
.signup-button,
.login-button
{
background:#ea8503;
color:#fff;
font-weight:bold;
font-size:28px;
padding:10px 20px 20px 20px;
height:58px;
margin:0;
border:none;
cursor:pointer;
vertical-align:top;
margin-top:15px;
border-bottom:6px solid #a7610d;
}

.hero-signup .solo-signup input[type="text"],
.hero-signup .solo-signup input[type="email"],
.hero-signup .solo-signup input[type="password"]
{
width:300px;
display:block;
margin:10px auto 30px auto;
}

.hero-signup .solo-signup input[type="submit"]
{
padding:13px 25px 25px 25px;
height:65px;
}

.solo-signup
{
    text-align:center;
    font-size:24px;
}

.signup-terms
{
    margin:0 auto 10px auto;
    font-size: 16px;
}

.signup-terms.small-terms
{
    font-size:14px;
}


.signup-button,
.login-button
{
margin: 0;
height:20px;
padding:8px 13px 10px 13px;
color:#fff!important;
}

.nav a.signup-button:hover,
.nav a.login-button:hover
{
    color:#fff!important;
}

.nav .signup-button
{
margin-left:20px!important;
}

.nav .signup-button,
.nav .login-button
{
padding-left:18px;
padding-right:18px;
}

.signup-button
{
border-bottom:3px solid #a7610d;
}

.hero-signup input[type="submit"]:hover,
.signup-button:hover
{
background:#f4951a;
}

.login-button.tall-button
{
padding-top:15px;
padding-bottom:15px;
margin-left:20px;
}

.login-button,
.login-button:focus,
.login-button:active
{
background:#2186d5;
color:#fff;
border:none;
border-bottom:3px solid #0e4976
}

.login-button:focus
{
border:none;
border-bottom:1px solid #0e4976!important;
border-top:2px solid #fff!important;
}

.login-button:hover
{
background:#2f9aed;
color:#fff;
}

.hero-feature-title
{
font-weight: bold;
font-size:28px;
line-height: 1;
margin-bottom: 10px;
}

.hero-feature-body
{
font-size:16px;
color:#c0c0c0;
}

.hero-feature-title,
.hero-feature-body
{
margin-left:50px;
}

.hero-feature
{
margin-left:40px;
margin-top:30px;
}

.hero-feature-content
{
margin-bottom:33px;
}

.hero-inner, .header, .main-feature, .footer, .wrapper
{
max-width:1100px;
margin:0 auto;
min-width: 960px;
}

.hero-feature-content
{


background: url('../images/check.png') no-repeat left top;
vertical-align:top;
}

.feature-color01
{
color:#2186d5;
}
.feature-border00,
.feature-border01,
.feature-border02,
.feature-border03
{
border-top:8px solid #2186d5;
padding-top:20px;
}

.feature-color02
{
color:#b559d0;
}

.feature-border02
{
border-color:#b559d0;;
}

.feature-color03
{
color:#00d488;
}

.feature-border03
{
border-color:#00d488
}

.feature-border00
{
border-color:#2186d5
}


.feature-bg01
{
background:#ff5347;
}

.feature-bg02
{
background:#1f8edb;
}

.feature-bg03
{
background:#00d488;
}

.feature-orb h3
{
font-size:34px;
font-weight:600;
}


.feature-orbs
{
margin: 0 auto;
}

.feature-orb,.feature-orb:hover
{
width:32%;
display:inline-block;
text-align: center;
color:#333;
cursor:pointer;
padding-top:20px;
padding-bottom:20px;
border:1px solid #fff;
 vertical-align:top;
}

.feature-orbs p
{
 font-size:14px;
 line-height:1.4;   
}

.support-feature,.support-feature:hover
{
 border:none!important;
 background:transparent!important;
 cursor:auto; 
 text-align:left;  

}

.support-feature h3
{
 border-bottom:1px solid #cecece;
 font-weight:600;
 margin-bottom:25px;   
}

.support-feature a
{
 color:#333;
 display:block;
 margin-bottom:15px;   
 font-weight:400;
 font-size:14px;
}

#peek .feature-orb
{
width:20%;
}

.feature-orb .login-button
{
width:80px;
font-size:16px;
font-weight:400;
margin:10px auto;
padding-bottom:8px;
padding-top:6px;
background:transparent;
border:none;
color:#2f9aed!important;
}

.main-feature .feature-orb .login-button
{
width:110px;
}

.feature-orb img
{
max-width: 200px;
}

.feature-orb:hover
{
background:#efefef;
border:1px solid #ccc;
}

.feature-orb p
{
margin: 20px;
}
.main-feature h2 { margin-bottom:20px; }
.h2-subtitle { font-size: 26px; color:#8c8c8c; }
.main-feature { text-align: center; margin-bottom:20px; margin-top:40px;}
.main-feature img
{
text-align: center;
margin: 10px auto;
}


.main-feature select
{
font-size:24px;
padding:10px;
margin:30px auto 20px auto;
font-weight:300;
border:1px solid #c6c6c6;
cursor:pointer;
background:#f5f5f5;
width:300px;

}


.main-feature select option
{
text-align: center;
color:#222;
}

.col-3 {
    width: 33%;
    float: left;
}

.subjectBlocks {
    border-bottom: 1px solid grey;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 85px;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}

#signupFooter
{
min-width:764px;    
}

.footer
{
padding-top:10px;
text-align:center;
padding-bottom:30px;
}

.footer a, .footer
{
font-size:14px;
color: #999999;
}

.footer a {

  color: #777777;
}

.footer a:hover {
  text-decoration: none;
  color: #2186d5;;
}

.copyright
{
margin-top:30px;
color: #999999;
}


.pricing-hero
{
text-align: center;
margin-bottom:0;
}

.pricing-tabs{
margin: 0 auto;
text-align: center;
clear:both;
width:100%;
max-width:100%;
background:#efefef;
height: 153px;
}

.pricing-tabs-inner{
margin: 0 auto;
text-align: center;
width:100%;
max-width:1000px;
}

.pricing-tab
{
width:49%;
display:inline-block;
vertical-align:top;
text-align: left;
border-top:12px solid #c0c0c0;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
margin:0 auto;
float:left;
cursor:pointer;
max-width:500px;
background-color:#e8e8e8;
height:140px;
border-bottom:1px solid #c0c0c0;
}

.pricing-tab.active
{
border-bottom:1px solid #fff;
}

.pricing-tab-inner
{
margin-left:160px;
margin-right:60px;
}

.pricing-tab h2
{
font-size:22px;
font-weight:600;
text-align: left;
color:#8a8a8a;
margin-top:20px;
}

.pricing-tab span
{
color:#8a8a8a;
font-size:14px;
}

.pricing-tab:hover,
.pricing-tab:hover h2,
.pricing-tab:hover span,
.pricing-tab.active,
.pricing-tab.active h2,
.pricing-tab.active span
{
color:#333;
}

.pricing-tab.active
{
border-top-color:#2186d5;
cursor:default;
}

.pricing-tab.single-star
{
background: url('../images/one_star_grey.png') 40px center no-repeat #ededed;

}

.pricing-tab.single-star.active
{
background: url('../images/one_star.png') 40px center no-repeat#fff;
border-right:none;
}

.pricing-tab.single-star:hover
{
background: url('../images/one_star.png') 40px center no-repeat#ededed;
}

.pricing-tab.multi-star
{
background: url('../images/three_stars_grey.png') 40px center no-repeat #ededed;

}

.pricing-tab.multi-star.active
{
background: url('../images/three_stars.png') 40px center no-repeat #fff;
border-left:none;
}

.pricing-tab.multi-star:hover
{
background: url('../images/three_stars.png') 40px center no-repeat#ededed;
}

.pricing-tab.active:hover
{
background-color:#fff;
}

.pricing-content
{
border-top:1px solid #c0c0c0;
margin-top:-1px;
padding-top:40px;
}

#indPricingContent span
{
 display:block;
 margin-bottom:5px;   
}

.pricing-type-tab
{
width:49%;
border:1px solid #c0c0c0;
background:#f0f0f0;
color:#444444;
display:inline-block;
padding: 14px 0;
text-align: center;
}

.pricing-type-tabs
{
width:40%;
margin: 0 auto;
text-align: center;
margin-bottom:40px;
}

.pricing-type-tab.active
{
border-color:#1263a2;
background:#2186d5;
color:#fff;
cursor:default;
}

table
{
border-spacing:0;
  border-collapse:collapse;
  }
  
.home-pricing-table td
{
padding:20px 40px;
border-left:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
}

.home-pricing-table h3
{
font-size:28px;
}

.home-pricing-table .ind-price
{
font-size:35px;
}

.home-pricing-table
{
margin: 0 auto;
margin-bottom:40px;
}

.home-pricing-table .signup-button,
.pricing-calc .signup-button
{
font-weight: 400;
font-size:16px;
}

.nav .signup-button
{
font-weight:600;
}

.school-pricing-table
{
text-align: center;
margin-bottom:10px;
}

.school-pricing-table th
{
font-size:20px;
padding:15px 40px;
padding-bottom:20px;
border-left:1px solid #c0c0c0;
}

.school-pricing-table th span,
.pricing-calc span
{
font-size:14px;
color:#828282;
font-weight:400;
display:block;
}

.school-pricing-table td
{
font-size:20px;
font-weight:400;
padding:20px 40px;
}

.school-pricing-table td:first-child,
.school-pricing-table th:first-child,
.school-pricing-table td:nth-child(4),
.school-pricing-table th:nth-child(4)
{
border-left:none;
font-weight:600;
text-align:center;
}

.school-pricing-table td:nth-child(4),
.school-pricing-table th:nth-child(4)
{
padding-left:0;
}

tr.row-color
{
background:#eaf9fe;
}

.nb
{
border:none!important;
}

.tl
{
text-align:left;
}

.tr
{
text-align:right;
}

.tc
{
text-align:center;
}

.pdf-button
{
color:#be2d34;
background:url('../images/pdf.png') left center no-repeat;
padding-left:30px;
}

.pricing-questions
{
border-top:8px solid #2186d5;
border-bottom:1px solid #bababa;
background:#efefef;
padding-bottom:30px;
}

.pricing-questions h3
{
font-size:32px;
font-weight:300;
text-align:center;
color:#333;
margin-top:40px;
}

.pricing-question
{
text-align:left;
}

.pricing-question-title,
.pricing-question-body
{
margin-left:20px;
margin-right:20px;
}

.pricing-question-title
{
font-size:20px;
font-weight:600;
margin-bottom:10px;
}

.pricing-question-body
{
color:#666;
font-size:18px;
margin-bottom:30px;
line-height:1.4;
}

.pricing-questions-half
{
margin-top:30px;
width:49%;
display:inline-block;
}

.pricing-calc,
.pricing-calc input
{
font-size:22px;
}

.pricing-calc input
{
padding:10px;
width:120px;
text-align: center;
}

.pricing-calc table
{
margin: 0 auto 30px auto;
}

.pricing-calc table td
{
padding: 0 10px;
}

#pricing-calc-result
{
font-size:26px;
margin-bottom:15px;
}

.nyc-vendor
{
margin-bottom:0px;
padding-bottom:20px;
}

#create.main-feature
{
background: url('../images/screen_bg.png') center center no-repeat;
height:700px;
}

#signupFooter
{
width:100%;
background-color: rgba(255, 255, 255, 0.87);
border:none;
margin:none;
padding:10px 0 0 0;
border-top:1px solid #c0c0c0;
}

#signupFooter .hero-signup
{
border:none;
margin:0;
padding:0;
}
#signupFooter .hero-signup input
{
margin-top:0;

}

#signupFooter .hero-signup input[type="text"]
{
margin: 10px 5px;
padding:10px;
font-size:16px;
margin-bottom:-10px;
}

#signupFooter h2
{
font-size:24px;
}

#overlayBg,
.overlayBg
{
height:100%;
width:100%;
background-color: rgba(255, 255, 255, 0.8);
position:fixed;
top:0;
left:0;
z-index:999;
}

.loading-overlay.overlayBg
{
    background-color: rgba(255, 255, 255, 0.95);
}



#overlayContent,
.overlayContent
{
background:#fff;
border:1px solid #c0c0c0;
width:600px;
margin: 0 auto;
margin-top:6%;
}

.loading-overlay .overlayContent
{
background:transparent;
border:none;
text-align:center;
padding-top:120px;
}


#overlayContentInner,
.overlayContentInner
{
padding:30px;
}

#overlayContent input[type="text"],
.overlayContent input[type="text"]
{
font-size:14px;
padding:10px;
width:250px;
margin-left:20px;
}

.request-details
{
margin-top:10px;
font-size:18px;
text-align:center;
}

.request-details span
{
font-weight:bold;
}

.modal-title,
.modal-title h2
{
background:#2186d5;
color:#fff;
font-size: 1.17em;
font-weight:600;
padding:8px 0;
}

#overlayContent h3,
.overlayContent h3
{
text-align: center;
}

.modal-footer
{
background:#f6f8fb;
border-top:1px solid #e0e2e7;
padding:20px;
text-align:center;
}

.plain-button,
.plain-button:hover,
.submit-button
{
cursor:pointer;
display: inline-block;
padding:10px 15px;
background:#fff;
border:1px solid #bdbdc6;
border-bottom:3px solid #bdbdc6;
color:#6f7380;
margin: 0 8px;
}


.submit-button
{
background:#0aab59;
border-color:#0d7e43;
color:#fff;
font-weight:bold;
}

.submit-button:hover
{
 color:#fff;   
}

.catalog
{
width:200px;

}

.signup-bubble
{
position:absolute;
left:19px;
top:-70px;
z-index: 90;
}

.signup-bubble-inner
{
background:#222222;
padding:18px 20px;
color:#efefef;
width:208px;
}

.signup-bubble-inner span
{
font-size:24px;
display:block;
margin-bottom:8px;
}

.input-error
{
background-color: #f2dede!important;
border:1px solid #b94a48!important;   
}

#main-error
{
    font-size: 16px; 
}

#main-error.show-main-error, #main-error2.show-main-error
{
 padding-top:10px;  
 color:#b94a48;
 font-weight:bold;
}

.form-error,
.error
{
    background-color: #f2dede;
 border:1px solid #b94a48;
    color:#b94a48;
    padding:5px;
    width:100%;
    margin:10px auto;
    text-align:center;
}

.error { margin: 0; }

#catalog_body
{
    min-height:200px;
    margin-bottom:150px;
}

.flat-header
{
    background:#489a40;
    padding-top:30px;
    border-top:1px solid #c0c0c0;
    margin-bottom:40px;
}

.dark-flat-header
{
    background:#363f48;
   
}

.flat-header h1
{
 margin-top:40px;
 color:#fff;
 font-weight:600;   
}

.copy-body p
{
 line-height:1.4;   
 font-size:14px;
}

.copy-body h3
{
margin:20px 0;   
}

.flat-header input
{
 border-color:transparent;
 padding:15px;
 margin-top:40px;
 margin-bottom:40px;   
}

.hero
{
color:#fff;
margin-bottom:60px;
height:380px;
background: url(../images/hero.jpg) no-repeat center  center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.pricing-hero
{
text-align: center;
}

.hero-left, .hero-right
{

display:inline-block;
}

.hero-left
{
vertical-align:top;
width:34%;
}

.hero-right
{
vertical-align:top;
width:64%;
text-align: right;
margin-top:10px;
}

.hero-right img
{
margin-top:20px;
margin-bottom:-40px;
max-width:670px;
}

.quote-feature h3
{
 font-size:34px;
 font-weight:300;   
}
.quote-feature h2
{
    margin-bottom:0px;
}

.login-form
{
text-align:left;
background:#fff;
border:1px solid #ccc;
padding:40px;
margin: 0 auto;    
width:300px;
margin-top:60px;
margin-bottom:100px;
}

.login-form input[type="text"],
.login-form input[type="password"]
{
 font-size:20px;
 padding:10px;
 display:block;
 margin: 20px auto;
 width:280px;  
}

.login-form .login-button
{
 height:auto;
 display:block;   
     margin: 30px auto 0  auto;
}

.login-form-wrapper
{
 width:100%;
 background:#2d3538;
 padding: 5px 0;
}

.quote-body
{
    margin-top:40px;
    margin-bottom:200px;
}

.quote-body h3
{
    margin-bottom:30px;
}
.quote-body table td
{
 padding-bottom:10px;   
}
.quote-body table td:first-child
{
    font-weight:bold;
}

.signup-form
{
text-align:center;
font-size:24px;
}

.hero-signup .signup-form input
{
display:block;
margin: 10px auto 20px auto;
}

.live-help-button,
.live-help-button:hover
{
position:fixed;
right:40px;
bottom:0px;
 background:#2186d5;
 border:1px solid #0e4976;
border-bottom:none;
padding:12px 18px;
color:#fff;
font-weight:600;
font-size:18px; 
}

  
@media (max-width: 1240px) {
  .live-help-button {
    display: none;
  }
}



