/*
Theme Name: Flat
Theme URI: http://www.yoarts.com/wordpress/free-flat-design-wordpress-theme.html
Author: YoArts
Author URI: http://www.yoarts.com/
Description: Flat is a WordPress Blog Theme designed by YoArts. We would like to say that Flat is both beautiful and charming at the same time.
Version: 1.4.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: flat
Tags: black, orange, white, white, dark, light, two-columns, responsive-layout, left-sidebar, custom-background, custom-colors, custom-menu, editor-style, post-formats, custom-colors, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

p.wp-caption-text { font-style: italic;  color: #1ba3e8;text-transform: capitalize;  margin-bottom: 25px;}
.downloadContainer { padding: 35px; background: #fffae1; font-size: 22px; text-align:center; }
.downloadContainer h3{ font-size: 26px; }
a.downloadBtn {display: inline-block; font-size: 18px; font-weight: 600; background: #0c9c0c url(../../uploads/2016/09/download.png) no-repeat 19px center; color: #fff; background-size: 27px; padding: 10px 20px 10px 57px; border-radius: 3px; text-decoration: none; margin-top: 18px; text-align: center; min-width: 160px; }
.section.blogTopImg { background:#fdfeff url(../../uploads/sales-companyhub-blog-bg.png) right bottom no-repeat;}
.section.blogTopImg  .bgColorLayor{background: rgba(7, 22, 35, 0.1);}
.sidebar-offcanvas { min-width:325px; min-height: 240px; background: transparent!important;}
.signupForm {position: relative;}
.signupForm input[type=email]{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; height: 50px; border: 1px solid #eef2f4; background: #eef2f4; display: block; padding: 0 25px; font-size: 16px; }
.signupForm input[type=email]:focus{border-color: #1ba3e8; box-shadow: 0 0 3px #53bdf3;}
.signupForm input[type=submit] { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 50px; background: #e75f22; color: #fff; border: 1px solid #b6cdd0; font-weight: 900; top: 0; font-size: 15px; cursor: pointer; text-transform: uppercase;}
.signupForm input[type=submit]:hover{ background: #ca4e16;}
.signupForm input[type=submit]:active{ background: #e75f22;}
.signupForm input:focus{outline:0 none;}
.signupForm h2 { font-size: 18px; font-weight: 600; margin-bottom: 25px;  color: #1e232d;}

.signupForm.inlineSignupForm { margin: 90px 0 0; padding-right: 172px; max-width: 555px;}
.signupForm.inlineSignupForm input[type=email] { border-radius: 50px 0 0 50px; }
.signupForm.inlineSignupForm input[type=submit] { border-radius: 0 50px 50px 0; padding: 0 30px; position: absolute; right: 0;  border-color: #e75f22;}
.signupForm.sidebarStickySignupForm input[type=email] { border-radius: 3px; margin-top:15px }
.signupForm.sidebarStickySignupForm input[type=submit] { min-width: 100%; border-radius: 3px; margin-top: 12px; border: 1px solid #468df8; background: #468df8; height: 45px; }

.signupForm.sidebarStickySignupForm {-webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; top: 0;  padding: 30px; margin: -30px; background: #fff; min-width: 325px;  max-width: 325px; border-top: 4px solid #e75f22;}
.signupForm.sidebarStickySignupForm.sticky{position: fixed; top:95px;}

.signupForm.emailTemplatesForm input[type=email] { border-radius: 4px; }
.signupForm.emailTemplatesForm input[type=submit] { width: 100%; margin-top: 10px; border-radius: 4px; border: 1px solid #1b97d6; }

.footerFormContainer .signupForm.inlineSignupForm { margin: 25px 0 65px; display: inline-block; min-width: 555px;}

.emailModalContainer.emailTemplateModal {display: none;}
.emailModalBg { display: table; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.4); }
.emailModalBg > .emailModal { display: table-cell; text-align: center; vertical-align: middle; }
.signupForm.emailTemplatesForm { background: #fff; padding: 30px; min-width: 376px; display: inline-block; border-radius: 4px; position: relative; }
a.emailModalClose { position: absolute; right: 0; top: 0; text-decoration: none; color: #fff; margin: -30px 0 0; }
.awwards { padding: 15px 0 30px; }
.awwards img { margin-right: 30px; }

.entry-meta{display:none;}
a.blogLink { font-size: 13px; text-decoration: none; display: block; padding: 5px 15px; font-weight: 600; border-radius: 50px; height: 28px; text-align: center; float: right; margin-top: 18px; margin-right: 10px; color: #202f43; }

.section.bgDarkBlue { background: #202f43; color: #fff;}
.section.bgDarkBlue h2 { color: #ffffff;}
ul.list { font-size: 16px; list-style-type: disc; margin-bottom: 15px; }
ul.list > li { margin-bottom: 15px; margin-left: 18px; line-height: 24px;}

h1.large { font-size: 46px; font-weight: 600; margin-bottom: 25px;}
.imgLayout.imgLayoutStyle { margin-top: 80px;}
.imgLayout.imgLayoutStyle .cell { vertical-align: top;}
.imgLayout.imgLayoutStyle h2{ margin-bottom: 24px; line-height: 38px; font-size:28px; font-weight:400; }

.section.sectionFooter { font-size: 14px; background:#2a384b;}
.footerCols { display: table; width: 100%; }
.footerCol { display: table-cell; vertical-align: top; font-size: 14px; line-height: 23px; padding-right: 40px; }
ul.nav-menu-footer li { display: block; padding: 8px 0; border-bottom: 1px solid #29394c; }
ul.nav-menu-footer li:last-child { border-bottom: 0 none; }
.section.copyRight { font-size: 14px; color: #8398b1; border-top: 1px solid #35465d; padding: 30px 0!important; background: #273446; }
ul.nav-menu-footer li a { text-decoration: none; font-size: 14px; color:#8398b1; }
ul.nav-menu-footer li a:hover { color: #6d86a2; }
ul.contactList > li { display: block; padding-left: 29px; position: relative; margin-bottom: 15px; color:#8398b1; }
ul.contactList > li:before { content: ''; display: block; background-image: url(../../uploads/footer-icons.png); background-repeat: no-repeat; width: 24px; height: 24px; position: absolute; left: 0; background-size:110px; }
ul.contactList > li.call:before { background-position: -48px 0; }
ul.contactList > li.email:before { background-position: -93px 0; }
a.appUrlBtn { display: block; width: 190px; height: 52px; background-color: #3a5165; color: #fff; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,.3); border-top: 1px solid #557087; margin-bottom: 15px; padding: 8px 0 8px 70px; text-decoration: none; font-size: 14px; font-weight: 600; line-height: normal; background-repeat: no-repeat;}
a.appUrlBtn span { display: block; font-weight: 300; font-size: 12px; }
a.appUrlBtn.google { background-image: url(../../uploads/google-play-icon.png); background-position: 24px center; }
a.appUrlBtn.apple { background-image: url(../../uploads/apple-icon.png); background-position: 24px 7px; }
a.appUrlBtn:hover { background-color: #364d60; }

.lp-banner-img{max-width:650px;}
.section.section-lp-top{padding-bottom:0; padding-top:60px;}
.section.section-lp-top h1{font-size: 46px; font-weight: 700;}
.section.section-lp-top h3{font-size: 26px; margin-top: 35px; margin-bottom: 8px}
.section.section-lp-top .topBtnContainer{padding-bottom: 55px; padding-top: 55px; text-align: inherit;}
.section.section-lp-top .sectionTopBtn  .txtLg{font-size: 19px; font-weight: bold;}

.mobileSidebarContainer { display: none; position: fixed; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.mobileSidebarContainer.show{transform: translateX(0);}
.mobileMenuBtn{display: none;  position: absolute; width: 35px; height: 35px; border: 1px solid #e5eaf0; right: 15px; top: 15px; padding: 8px; border-radius: 3px;}
.mobileMenuBtn span { display: block; height: 3px; background: #1ba3e8; margin-bottom: 4px; }
a.closembNavSidebar { position: absolute; right: 15px; top: 15px; text-decoration: none; color: #fff; font-size: 32px; }
.mbNavSidebar { background: #ffffff; height: 100%; max-width: 300px; padding: 15px; overflow: auto; }
.mbNavSidebar li { display: block; border-bottom: 1px solid #e8e8e8; }
.mbNavSidebar li a { display: block; text-decoration: none; padding: 14px; color: #000; }
.mbNavSidebar li a:active { background: #f2f2f2;}


@media screen and (max-width:1024px){
   .lp-banner-img{max-width:540px;}
}

@media screen and (max-width:768px){
   .lp-banner-img{max-width:100%; margin-bottom:-60px!important;}
   .overviewBtnContainer .btn.btn-blue{margin-top:0;}
   .section.section-lp-top h3{margin-top:15px;}
   .section.section-lp-top .topBtnContainer {padding-bottom: 35px; padding-top: 35px;}
   .section.section-lp-top h1 { font-size: 40px;}
   .section.section-lp-top .btn.sectionTopBtn { height: 52px; line-height: 52px;}
   .section.sectionFooter {text-align: left;}
   ul.nav-menu-footer li{padding: 5px 0; border-bottom: 1px solid transparent;}
   .footerCol { display: block; min-width: inherit; max-width: inherit; margin-right: 0; margin-bottom: 30px; border-bottom: 1px solid #3d4c5e; padding-bottom: 20px; }
   .footerCol:last-child { margin-bottom: 0; border-bottom: 1px solid transparent; padding:0;}
   .hideInMobile{display:none!important;}
   .mobileMenuBtn{display:block;}
    .mobileSidebarContainer { display: block;}
   .section.sectionHeader.headerSpacing{padding:0!important;}
    
    .pricingTableNew .pricingCol { display: block; width: 100%; text-align:left;  margin-top: 15px; border: 1px solid #add7e9;}
    .pricingTableNew { display: block; width:auto; border: 0; max-width: 500px; margin: 0 auto;}
    span.chFeartureListItem { display: block; text-align: left; padding-left: 40px;}
    .pricingCol.featureListCol { display: none; }
    .pricingContainerNew{width:auto;}
    ul.pricingFeatureList li {position: relative;}
   img.pricingFeatureIcon { position: absolute!important; top: 50%!important; left: 25px; margin-top: -6px; }
    li.pricingRow {font-size: 18px!important;}
    .pricingRow span.perUserRow { display: block;}
   .pricingCol.powerfulCRM { margin-bottom: 50px; }
   .pricingCol.quotes { margin-top: 50px;}

    .section.sectionSignup h2{margin:0!important; line-height: 36px!important;}
    

}

@media screen and (max-width:500px){
   .lp-banner-img{margin-bottom:-10px!important;}
   a.btn.btn-blue.trackBtn.btnGetStarted.btn-lp { margin-top: 0; margin-bottom: 0;} 
   img.web-to-lead { margin-top: 45px;}
   ul.checkList.emailTracking-checkList {  margin-bottom: 30px;}
   ul.checkList.emailSync-checkList { margin-bottom: -40px;}
   ul.checkList.dashboard-checklist { margin-bottom: 35px;}
   ul.checkList.dashboard-checklist + .btnWrap { margin-bottom: 25px;}
   img.quoateImg { margin-top: 0!important;}
   .section-testimonial img { max-width: 100px;}
   .section.section-testimonial h2{ font-size: 18px;}
   .emailTracking-browserWindow {margin: 30px 0 20px;}
   .section.section-lp-top h1 { font-size: 34px;}
   .section.section-lp-top h3 { font-size: 22px;}
   .section.sectionSignup h1 { font-size: 24px;}
   .section.copyRight.textCenter { padding: 18px 0!important; font-size: 12px;}
   .mbNavSidebar{ max-width: 280px;}
   a.closembNavSidebar { right: inherit;left: 290px;}
   #intercom-container{z-index:9!important;}
   a.requestDemoBtnSm{display:none;}
   .topBtnContainer.landingTopBtnContainer .btn {width: 100%; margin: 0;}
   .topBtnContainer.landingTopBtnContainer .btn.btn-blue { margin-bottom: 15px;}
}