/*------------------------------------------------------------------------
# author    Eric Worman, HotRocket Development
# copyright Copyright  2014. All rights reserved.
# @license  http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Website  Mailgorilla.com
# Path: /css/static-styles.css
-------------------------------------------------------------------------*/

/* SITE WIDE STYLES
********************************************/
body { font-family: 'Open Sans', sans-serif; padding-top:50px;  }
a:hover { text-decoration:none; }

.breadcrumbs { padding:22px 0 20px 54px; }
.btn-navy {
    background-color: #225ba3;
    background-image: linear-gradient(#3167ac, #2a5c9c);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color:white; font-weight:300;
}
.btn-navy2:hover, .btn-navy2:active, .btn-navy2.active, .btn-navy2.disabled, .btn-navy2[disabled]
{
    background-color:#2b5690; color:white;
}

/* MAIN HEADER
********************************************/
.mainHeader .navbar { background-color: #005b9c; height:49px; min-height:49px; }
.mainHeader .main-gravatar { position:relative; top:10px; float: left;  margin: 1px 25px 0 65px; }
.loginNav { float:right; }
.navbar-nav > li > a { color:#d3daea; font-size:13px; text-shadow:inherit; padding:15px 12px; }
.navbar-nav > li > a.active { color:white; }
.nav > li > a:hover, .nav > li > a:focus { background-color:transparent; color:white;  }
.navbar-toggle { color:#293B68; margin-bottom:0;}
.collapsed { color:white; margin-bottom:0; background:none; }
.navbar-collapse.in, .navbar-collapse.collapsing { padding:0; }
.navbar-collapse.in > ul, .navbar-collapse.collapsing > ul { width:100%; float:none; margin:0; padding:0; background-color: #005b9c; }
.navbar-collapse.in > ul > li, .navbar-collapse.collapsing > ul > li  { border-top:1px solid #cccccc; padding:5px 0;  }
.navbar-collapse.in > .loginNav { float:none; }
.navDivider { background-color: #3663ba; border-right: 1px solid #18418e; height: 35px; margin: 0 9px; overflow: hidden; width: 1px; box-sizing:initial; position:relative; top:7px; }
.navSpacing { margin-left:35px; }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 370px;}

/* MAIN FOOTER
********************************************/

.mainFooter { padding:25px 75px; }
.termsContainer { display:inline-block; }
.copyright-container { border-top:1px solid #d5d5d5; text-align:center; }
.footerLinks { color: #d5d5d5; clear:both; }
.copyrightText { font-size:14px; float:left; text-align:left; }


/* HOMEPAGE
********************************************/
.home_top_section { padding:75px 0 65px 0;  }
.gorillaImage { width:440px; max-width:440px; margin-top:20px; }

.featuresSection { padding-top:20px; color:#565656; font-weight:300; }
.featuresSection p { font-weight:500; margin-bottom:14px; margin-top:15px;}
.featuresSection h1 { font-size:22px; text-transform:uppercase; font-weight:bold; }
.mgFeatures { list-style-type:none; padding:0; max-width:960px; margin:auto;  }
.mgFeatures > li { float:left; width: 20%; }
.featureDescription { font-weight:500; color:#474f5d; letter-spacing:0; font-size:1em; max-width:200px; margin:auto; }
.featureImg { display:block; margin:20px auto; float:none; max-width:100px; }

.deliverabilitySection { margin-top:50px; }
.tiered-structure { max-width: 575px; margin:0 auto 35px auto;  }
.blue-area { padding: 30px 12px;}

.mgVsOthers { max-width: 880px; margin:50px auto; }
.mgVsOthers > h1 { font-weight:bold; text-transform:uppercase; color:#4d4d4d; font-size:22px; }
.mgVsOthers p { color:#4d4d4d; margin-bottom:40px; }
.mgVsOthers > .features_btn { margin:30px auto; display:block; width:130px; text-align:center; font-weight:bold; }
.planContainer { margin-top:25px; padding: 0px 5%;}
.area1 li, .area3 li, .area4 li { font-weight:500;}
.area-over li { font-weight:600;}

.iconLogo { display:none; }
img.iconLogo { position:relative; }
.mgLogo { top:5px; }
.ccLogo { top:13px; }
.vrLogo { top:10px; }
.heading { height:60px; }
.heading > img { height:38px; position:relative; top:-6px; }
.companyName { font-size:0.6em; line-height:1em; text-transform:none; position:relative; top:0px; }

.area1, .area3, .area4, .area-over { width:25%; margin:0; }
.area1, .area3, .area4 { margin:12px 0 0 0; }
.area-over { min-height:356px; }
.border-trb2 { border-left:none !important; }

.stats > h1 { font-weight:bold; margin:10px auto 35px auto; }
.statValue { font-weight:500; font-size:27px; }
.statsContainer { max-width:960px; margin:auto; }
.statsCol { float:left; width:33%; }
.statsCol img { margin-bottom:20px; }


.getStarted { padding:30px 90px;  }
.getStartedInner { margin:auto; }
.getStarted p { margin-top:10px; color: #ececec; }
.getStarted a { color:#40b9ff; }
.getStarted .btn { float:right; outline: none;}



/* PRICING
********************************************/
.pricing, .Calculate { width:95%; margin:auto; max-width:850px;  }
.pricing ul li { position:relative; }
.pricing ul li.diamond { background:none; border-bottom:1px solid white; }
.pricing ul li p { font-weight:500; color:#586879;}
.pricing ul li span { font-weight:300;}
.diamondBk { position:absolute; z-index:-1; width:100%; height:35px; left:0; top:0;  }

.part p { margin-bottom:0; }
.Calculate .heading-con-left { margin-top:20px; }

.calculation { width:90%; margin:auto; }
.calculation th { color:#41527b; font-weight:bold; border-bottom:1px solid #eeeeee; padding:5px 0; font-size:1.2em; font-size:13px; }
.calculation td { color: #575757; font-size:1.2em; padding:5px 0; }
.cost { text-align: right; }
.numSubscribers { text-align:center; }
.totalRow { border-top:1px solid #eeeeee; }
.totalRow td { padding-top:10px; }
.calculation td.totalCost { font-size:1.8em; color: #1b83d4; font-weight:bold; }
.monthlySubInput { float:right; }

/* LOGIN FORM
********************************************/
#wrapper.loginForm { margin: 0 auto 50px; width:380px; }
.loginForm form { border-radius: 5px; width:380px; }
.loginForm .form-inline .form-control { width:100%; display:block; margin:20px auto; border-radius:2px; font-weight:300; border-radius:2px; height:28px; font-size:13px;  }
.loginForm .forgotPass, .loginForm .createAccount { font-size:12px; }
.remember-checkbox { position:relative; top:-7px; left:95px; margin-left:0 !important; width:inherit !important; }
.checkbox label { padding:0; }
.form-signin { padding:30px 20px 32px; }
.form-signin input[type=checkbox] { padding:0; background:none; }

.btn-login:hover { color:white; }



.feature-content { max-width:960px; margin:auto; }
.featureItem { border-bottom: 1px solid #ddd; display: inline-block; padding: 38px 0; }
.featureItem:last-of-type { border:none; }
.featureItem img { width:100%; max-width:140px; }


/* CONTACT US
********************************************/
.contactUsContainer { width:95%; max-width:960px; margin:0 auto 50px auto; }
.contactUsContainer p { font-size:1em; }
.contactUsContainer .logo { display:block; margin:10px auto 0 auto; }
.contactUsContainer .mainForm { margin-top:30px; }
.contactUsContainer .halfWidth { width:50%; min-width:300px; }
.contactUsContainer .btn.focus, .contactUsContainer .btn:focus, .contactUsContainer .btn:hover { color:white; }


/* REGISTER PANEL
********************************************/
.panelAlert { position:relative; top:50px; }
.fieldError { outline: none;  border-color: red; box-shadow: 0 0 5px red;}
.post_content-container .post_content h1 { font-style:normal; }
.signup_2_2 .signup_content .plans .plan_p .pull-right h3, .signup_2_2 .signup_content .plan_p h5 { text-align:right; padding-right:0; width:100%; }
.signup_2_2 .signup_content p.already_have_account { margin:85px 0 0; }
.signup_2_2 .signup_content p.fieldErrorText { color:red; }
.signup_2_2 .signup_content input.cvc { float:right; }
.signup_2_2 .signup_content select.signupst { width:27%; }

.previousPanel { position:absolute; bottom:-35px; right:-300px; }
.previousPanel.finalPanel { bottom:42px; right:10px; }
.signup_2_2 .signup_content input.signup.cityField { width: 64%; float:left; }
.signup_2_2 .signup_content input.signup.stateField { width: 35%; float:right; }
.signup_2_2 .signup_content input.signup.firstNameField { width: 49%; float:left; }
.signup_2_2 .signup_content input.signup.lastNameField { width: 50%; float:right;  }
.signup_2_2 .signup_content input.coupon { width:64%; }
.signup_2_2 .container { width:1050px; }
.post_content-container { width:690px; margin:30px auto; padding-bottom:30px; }
.acceptRules { margin:15px 0; float:none; clear:both; }