/*-------------------- General Layout Styles --------------------*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

body{background:#484848; overflow-x:hidden}

/*Header Section*/
.header{background:#231f20; position:absolute; width:100%; height:70px; z-index:500}
.top-section{background:#231f20; height:70px; position:relative; padding:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.logo{/*width:20%; height:55px; float:left;*/ padding:13px 0 0 0;}
.logo img{max-width:100%;}
.menu{float:right; /*width:75%; height:62px; padding-right:155px*/}
/*.btn-grade{background:url(btn-grade-website2.png) 0 100% no-repeat; width:148px; height:100px; position:absolute; right:0; top:0; cursor:pointer; z-index:100; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}*/
./*btn-grade{background:url(btn-grade-website2.png) 0 100% no-repeat; max-width:148px; max-height:100px; float:right; cursor:pointer; z-index:100; position:relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.btn-grade:hover{max-width:148px; max-height:110px;}
.btn-grade a{display:block; width:148px; height:110px; text-indent:-9999px;}*/
.f-nav{background:#231f20; z-index:9999; position:fixed; left:0; top:0 !important; width:100%; min-width:990px; height:70px;}
/*Header Section*/

/*Menu Section*/
.menu .top{height:auto; padding:0}
.menu .navbar-inverse{background-color:transparent !important; border:0 !important}
.menu .navbar{min-height:auto !important; margin:0 !important}
.menu #navbar{padding:0}
/*Menu Section*/

.header .h-mid{float:right; height:70px;padding-right:145px;}
.h-mid-t{text-align:right;}
.t-social{display:inline-block;height:24px;padding: 7px 0;margin-right:15px;transition: all 0.5s ease 0s;}
.h-mid-t{text-align:right;}
.header .t-search-r, .header .t-search{float:right;}
.h-mid .secnav{color:#fff;padding:7px 0;text-align: right;display:inline-block}
.h-mid .secnav > a{color:#fff; padding:0 15px 0 0;font-size:16px;position:relative}
.h-mid .secnav a:after{ position:absolute; right:0; content:'|';top:-2px;}
.h-mid .secnav a.btn-call:after{content:none;}
.h-mid .secnav a:hover{color:#fdb813;}
.h-mid .secnav span, .h-mid .secnav span a{color:#fdb813; padding:0 0 0 15px; font-weight:700;font-size:16px;}
.h-mid .secnav span a.btn-call{padding-left:0;}
.h-mid .secnav span em{color:#fff; font-weight:400;font-size:16px;}
.h-mid .t-search .searchField {background:#585858; max-width:165px; width:100%; height:22px; border:0; margin:0; padding:2px 10px 4px; font-size:14px; color:#c5c5c5; line-height:14px; border:1px solid #000; border-width:0 0 0 0;}
.header .t-search-r{float:right;}
.h-mid .t-search .btn-go {display:block; width:22px; height:22px;}

.btn-grade{background:url(btn-grade-website2.png) 0 100% no-repeat; width:148px; max-height:100px; float:right; cursor:pointer; z-index:100; position:absolute; right: 0; top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.btn-grade:hover{max-width:148px; max-height:110px;}
.btn-grade a{display:block; width:116px; height:110px; text-indent:-9999px;}

/*Generic Styles*/
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}

.pt40{padding-top:40px;}
.pb40{padding-bottom:40px;}

.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}

.f-left{float:left}
.f-right{float:right}
/*Generic Styles*/

.main-banner{max-height:842px; padding-top:70px;}
.main-banner .theme-default .nivoSlider{margin:0 !important; box-shadow:none !important}
.main-banner .nivo-controlNav{display:none}
.theme-default .nivo-caption{background:none; opacity:1; top:0;}
.theme-default .nivo-caption .container, .theme-default .nivo-caption table, .theme-default .nivo-caption td{vertical-align:middle; height:100%;}
.theme-default .nivo-caption h4{font-size:40px; font-weight:900; color:#fff; margin:0;}
.theme-default .nivo-caption p{font-size:30px; color:#fff; padding:0; margin:0;}

.main-content{background:#fff;}
.grey-panel{background:#f0f0f0;}
.dark-grey-panel{background:#373737;}
.white-panel{background:#fff;}


/*Tools and Strategies*/
ul.tools-strategy{margin:0; padding:30px 0; list-style:none}
ul.tools-strategy li{float:left; width:31%; margin:0 3.5% 7% 0}
ul.tools-strategy li h4{font-size:16px; font-weight:bold; text-transform:uppercase; padding-left:25px; display:block; margin:0 0 10px 0;}
ul.tools-strategy li i{color:#8e8e8e; float:left; display:inline-block; margin-top:2px; display:none}
ul.tools-strategy li.li-3, ul.tools-strategy li.li-6{margin:0;}

ul.tools-strategy li.li-1 h4{background:url(icn-one-login2.png) no-repeat 0 0;}
ul.tools-strategy li.li-2 h4{background:url(icn-last-website2.png) no-repeat 0 0;}
ul.tools-strategy li.li-3 h4{background:url(icn-result-guarantee2.png) no-repeat 0 0;}
ul.tools-strategy li.li-4 h4{background:url(icn-small-business2.png) no-repeat 0 0;}
ul.tools-strategy li.li-5 h4{background:url(icn-local-support.png) no-repeat 0 0;}
ul.tools-strategy li.li-6 h4{background:url(icn-secure-reliable2.png) no-repeat 0 0;}

/*Tools and Strategies*/

/*Testimonials Section*/
.tm-panel{background:#373737; overflow:hidden}
.tm-panel .tm img{max-width:100%}
.tm-panel .tm .tm-text{padding:6% 3% 5% 3%; width:55%;}
.tm-panel .tm p{color:#fff; font-size:24px; margin:4% 0; line-height:1.4; font-weight:normal}
.tm-panel .tm p.tm-name, .tm-panel .tm p.tm-company{font-size:18px;}
.tm-panel .tm .tm-text a.btn-success-stories{background:#fdb813; padding:2%; color:#212121; font-size:15px; font-size:100%; border-radius:3px; display:block; max-width:110px; text-align:center}
.tm-panel .tm .tm-text a.btn-success-stories:hover{text-decoration:none}
/*Testimonials Section*/

/*Bottom Posts*/
.post-panel{background:#f2f2f2;}

#bottom-posts * {font-size:13px; line-height:1.4; margin:0; text-decoration:none; font-weight:normal;}
#bottom-posts h4 {font-size:20px;}
#bottom-posts a{color:#0099dd}
#bottom-posts a:hover {text-decoration:underline;}

/*#footer-blog div.blog-listing {display:inline-block; vertical-align: top; width: 30%; margin: 0 4.5% 0 0}
#footer-blog div.blog-listing:last-child {margin:0}
#footer-blog div.blog-listing h2 {margin:15px 0 5px 0;}
#footer-blog div.blog-listing table {width:100%;}
#footer-blog div.blog-listing table * {font-size:12px;}
#footer-blog div.blog-listing table a img {position:relative;}*/

#footer-blog h4{margin-bottom:30px}
#footer-blog .blog-listing .blog-holder{background:#fff; margin:0 1.5%; float:left; width:30%; border:none; padding:0 0 20px 0}
/*.l-news .blog-listing .blog-holder:nth-child(3){margin-right:0;}*/
#footer-blog .blog-listing .blog-holder h2{padding:20px}
#footer-blog .blog-listing .blog-holder h2, #footer-blog .blog-listing .blog-holder h2 a{margin:0;font-size:18px; color:#000000; font-weight:normal; text-align:left; min-height:85px;}
#footer-blog .blog-listing .blog-posted-line{font-size:12px; color: #9d9d9d; font-weight:normal; padding:0 20px 20px 20px; margin:0;}
#footer-blog .blog-listing .blog-tags-comments, #footer-blog .blog-listing .blog-sharing, #footer-blog .blog-listing .paginationControl{display:none;}
#footer-blog .blog-listing .blog-body{font-size:13px; color:#0b0b0b; font-weight:normal; margin-bottom:20px; display:none}
#footer-blog .blog-listing .blog-continue-reading {background: #fff; padding-top:20px; padding-left:15px}
#footer-blog .blog-listing .blog-continue-reading a{background:url(icn-arrow.png) 0 50% no-repeat; color:#000000; font-size:14px; padding:0 0 0 30px}

#footer-blog .blog-listing .blog-holder .blog-img{background-size:contain !important; display:block; width:100%; min-height:200px;}
#footer-blog .blog-listing .blog-holder .blog-img img{display:none}
#footer-blog  .blog-listing .blog-holder img.blog-img{border:0; padding:0; margin:25px 0;}


#footer-events div.event-listing h2 {margin:15px 0 2px 0;}
#footer-events div.event-listing div.moreLink a, #footer-resources div.article-listing-read-more a {display:block; margin-top:15px; font-size:12px;}

#footer-resources div.article-listing h2 a {margin:15px 0 2px 0; display:block;}
#bottom-posts div.article-blurb {display:none;}
/*Bottom Posts*/

/*Sitemap Panel*/
.bottom-panel{background:#484848;}
.bottom-panel.pb40{padding-bottom:10px}

/*#footer-search{max-width:254px;}*/
#footer-search{clear: both; float: right; width:100%; max-width:225px; display: table}
#footer-search .searchField {background:url(search_bg.png) no-repeat 0 0; width:100%; max-width:180px; height:34px; font-size:12px; color:#999; text-indent:10px; border:0; line-height:33px; margin-top:2px; float:left; overflow:hidden;}

#footer-site-map * {color:#9f9f9f; font-size:13px; line-height:1.2; text-decoration:none;}
#footer-site-map p {margin:0 0 10px 0;}
#footer-site-map strong {color:#fff; font-size:14px;}
#footer-site-map a:hover {text-decoration:underline;}

#footer-find-us{clear: both}
#footer-find-us h1{color:#fff; font-size:18px; margin:15px 0 20px 0; float:left; width:70px;}
#footer-find-us .country-flag {float:right; width:26px; margin-right:5px; padding-top:15px;}
#footer-find-us .country-flag-canada {float:right; width:26px; padding-top:15px;}
/*Sitemap Panel*/


/*Spoke Diagram*/
#diagram-tabs-holder{padding:0; width:100%; margin:30px 0 0 0; min-height:850px;}

.tab-btn-1, .tab-btn-2, .tab-btn-3{border-bottom:solid 1px #c8c9cc; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.tabs-table{border:solid 1px #c8c9cc; border-width:1px 0 0 0; margin:0 auto; padding:0; width:100%;}
.tabs-table li{display:block; width:34%; float:left; cursor: pointer; padding:2% 2% 2% 2%; margin-bottom:20px; min-height:150px;}
.tabs-table li.tab-btn-3{width:32% !important}
.tabs-table li p{margin:0;}

.diagram-tab1 #tabs .tab-btn-1, #tabs .tabs-table .tab-btn-1:hover {background:#fdb813;}
.diagram-tab2 #tabs .tab-btn-2, #tabs .tabs-table .tab-btn-2:hover {background:#fdb813;}
.diagram-tab3 #tabs .tab-btn-3, #tabs .tabs-table .tab-btn-3:hover {background:#fdb813;}

.hvr-bubble-bottom {display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0);
  					-webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-bubble-bottom:before {pointer-events:none; position:absolute; z-index:-1; content:''; border-style:solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
  						   -webkit-transition-property: transform; transition-property:transform; left:calc(50% - 20px); bottom:0; border-width:20px 20px 0 20px; border-color:transparent;}
.diagram-tab1 #tabs .tab-btn-1:before, .diagram-tab2 #tabs .tab-btn-2:before, .diagram-tab3 #tabs .tab-btn-3:before,
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {-webkit-transform: translateY(10px); transform: translateY(15px); border-color:#fdb813 transparent transparent transparent;}

.tab-result{position:relative; width:815px; margin:0 auto}
.tab-c{background:url(spoke-diagram-Toolbox2.png) 0 0 no-repeat; position:absolute; width:815px; height:679px}
.tab-c .spoke-img-website{width:393px; height:433px; position:absolute; left:0; top:30%;}
.tab-c .spoke-img-CRM{width:323px; height:323px; position:absolute; left:59%; top:52%;}
.tab-c .spoke-img-DBM{width:341px; height:326px; position:absolute; left:50%; top:0;}

#bt-tab-1 img, #bt-tab-2 img, #bt-tab-3 img{max-width:100%; opacity:0.3; top:auto; left:auto /*-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s;*/}

.diagram-tab1 #bt-tab-2, .diagram-tab1 #bt-tab-3{opacity:0; z-index:0; padding:0; height:0;}
.diagram-tab2 #bt-tab-1, .diagram-tab2 #bt-tab-3{opacity:0; z-index:0; padding:0; height:0;}
.diagram-tab3 #bt-tab-1, .diagram-tab3 #bt-tab-2{opacity:0; z-index:0; padding:0; height:0;}

.diagram-tab1 #bt-tab-2 img, .diagram-tab1 #bt-tab-3 img{opacity:0.3; /*-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s;*/}
.diagram-tab2 #bt-tab-1 img, .diagram-tab2 #bt-tab-3 img{opacity:0.3; /*-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s;*/}
.diagram-tab3 #bt-tab-1 img, .diagram-tab3 #bt-tab-2 img{opacity:0.3; /*-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s;*/}

.diagram-tab1 #bt-tab-1, .diagram-tab2 #bt-tab-2, .diagram-tab3 #bt-tab-3{clear:both; opacity:1; z-index:1; margin:0 auto;}
.diagram-tab1 #bt-tab-1 .spoke-img-website img, .diagram-tab2 #bt-tab-2 .spoke-img-CRM img, .diagram-tab3 #bt-tab-3 .spoke-img-DBM img{opacity:1; z-index:1; /*-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s;*/}

/*.tab-c img:hover{opacity: 1 !important; z-index:1;}*/

/*Spoke Diagram*/

/*Showcase Section*/
#bt-showcase .devices {position:relative; width:100%; min-height:627px; padding: 0; margin:30px auto 0; max-width:990px;}
#bt-showcase .devices .browser {max-width:990px; width:100%; max-height:627px; background:#fff; margin:0 auto; position:absolute; z-index:1; right:0; bottom:0; box-shadow:0 0 40px #c7c7c7;}
#bt-showcase .devices .browser .email {width:100%; background:#e1e1e1; padding:16px 20px; position:relative; height:60px}

#bt-showcase .devices .avatar{width:14px; height:14px; margin-top:7px; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#fff; display:inline-block}
#bt-showcase .devices .lines {height:24px; width:85%; float:left; position:absolute; left:90px; top:17px; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#fff; display:inline-block}
#bt-showcase .devices .browser .screen {padding:0; margin:0; overflow:hidden; background:#e1e1e1;}
#bt-showcase .devices .browser .screen img {width:100%; height:auto}

#bt-showcase .devices .mobile {min-width: 270px; max-width:310px; height:387px; background:#f4f4f4; margin:0; padding:82px 7px 0 7px; border:15px solid #eaeaea; border-width:15px 15px 0 15px;
							   -khtml-border-radius:26px 26px 0 0; -moz-border-radius:26px 26px 0 0; -webkit-border-radius:26px 26px 0 0; border-radius:26px 26px 0 0;
							   position:absolute; bottom:0; right:-140px; z-index:2; box-shadow:0 0 40px #c7c7c7;}
#bt-showcase .devices .mobile .camera {width:12px; height:12px; -khtml-border-radius:6px; -moz-border-radius:4px; -webkit-border-radius:6px; border-radius:6px; background:#dad9d7; position:absolute; top:15px; left:130px}
#bt-showcase .devices .mobile .speaker {width:55px; height:9px; -khtml-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background:#dad9d7;	position:absolute; top:40px; left:108px}
#bt-showcase .devices .mobile .screen {padding:0; margin:0; width:100%; height:100%; overflow:hidden}
#bt-showcase .devices .mobile .screen img {height:auto}

@media only screen and (max-width:1024px) {
	#bt-showcase .devices {max-width:100%;}
	#bt-showcase .devices .browser {max-width:90%; left:0; margin-left:0}
	#bt-showcase .devices .mobile {width:100%; right:0;}
}
@media only screen and (max-width:940px) {
	#bt-showcase .devices {max-width: 750px;}
	#bt-showcase .devices .browser {right:auto; left:0}
	#bt-showcase .devices .tablet {display: none}
}
@media only screen and (max-width:670px) {
	#bt-showcase .devices {min-height:0; max-width:90%;}
	#bt-showcase .devices .browser {width:100%; border-bottom:0; position:relative; max-width:100%; margin-left:auto}
	#bt-showcase .devices .lines {width:65%;}
	#bt-showcase .devices .mobile {display: none}
}
@media only screen and (max-width:420px) {
	#bt-showcase .devices {margin-top: 44px}
}
/*Showcase Section*/

/*Innerpage Styles*/
.inner-banner{background:#fdb912; /*url(inner-banner-bg2.jpg) 50% 62px no-repeat;*/ padding-top:0; min-height:181px}

.inner-top-promo h1{font-size:40px; color:#fff; font-weight:900; margin:0; letter-spacing:-2px}

.bod-panel{margin:0 -40px 0 0;}
.bod-box{width:30%; float:left; margin:0 3% 0 0; position:relative; max-width:306px;}
.bod-box a{display:block; position:absolute; width:100%; height:100%; z-index:10;}
.bod-box a:hover{text-decoration:none}
.bod-box-bot{background:#fdb813; position:absolute; left:0; bottom:0; text-align:center; width:100%;}
.bod-box-bot h4{background:url(name-spacer2.gif) 50% 100% no-repeat; padding:25px 0 10px 0; font-size:16px; color:#020202; font-weight:bold; text-transform:uppercase; margin:0 0 10px 0 !important}
.bod-box-bot p{font-size:16px; color:#020202; font-weight:normal; margin:0}
.hvr-bubble-top {background:#fdb813; display:inline-block; vertical-align:middle; position:relative; padding-bottom:20px; cursor:pointer;
				 -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.hvr-bubble-top:before {pointer-events:none; position:absolute; z-index:-1; content:''; border-style:solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property:transform; transition-property:transform;
						left: calc(50% - 20px); top:0; border-width:0 20px 20px 20px; border-color:transparent transparent #fdb813 transparent;}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {-webkit-transform:translateY(-10px); transform:translateY(-20px);}
.bod-box:hover .hvr-bubble-top:before{-webkit-transform:translateY(-10px); transform:translateY(-20px);}
.bod-box img{max-width:100%;}

.grade-website-promo h4{color:#fff; font-size:36px; margin:0 0 30px 0}
.grade-website-promo p{color:#fff; font-size:22px; margin:0 0 30px 0}
.grade-website-promo img{max-width:100%}

.inner-template .inner-top-promo{padding-top:20px}
.franchise-home-page-no-right-col .inner-top-promo{padding-top:60px}
.tall-right-col-opp-template .inner-top-promo{padding-top:60px}
.tall-right-col-template .inner-top-promo{padding-top:20px}

.tall-right-col-opp-template #uni-right-col h3{font-size:18px;}

#cmsbody-bg h1 {/*margin-bottom:0.4em;*/ margin-top:0;}

.checker-template .siteCheckerHeaderRight span{font-size:12px; line-height:1 !important;}
.checker-template .siteCheckerScoreLeft span{color:#fff; font-size:40px; line-height:70px !important;}
.checker-template .siteCheckerScoreLeft span span{font-size:14px;}

#cmsbody.slim-right-col-content .container{width:100%}

.slim-top-inner-banner{height:70px;}
/*Innerpage Styles*/

/*Common Classes*/
#cmsbody{min-height:200px; /*overflow:hidden;*/}
#cmsfooter{margin-left:65px;}
.htmlarea p{margin:0;}
#cmsbody .container{height:auto !important}
#cmsbody img{max-width:100%; height:auto}

.hvr-shadow {display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden;
  			 backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:box-shadow; transition-property:box-shadow;}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {box-shadow:0 30px 30px -20px rgba(0, 0, 0, 0.5);}
/*Common Clasees*/

/* Testimonial Page Styles */
#cmsbody .testimonialsContainer .testimonialTable td{display:block;}
#cmsbody .testimonialsContainer .testimonialTable td.testimonialImageTD{padding:0 0 15px;}
#cmsbody .testimonialsContainer .testimonialTable td.testimonialDetails{font-weight:bold; padding:15px 0 0;}
#cmsbody .paginationControl{padding:30px 0 0;}
/* Testimonial Page Styles */

/*Styles Taken from Old Design*/
h1.h1-banner {margin:0 0 -10px 0; position:relative; /*top:-145px;*/ color:#fff; letter-spacing:-2px; font-weight:bold; font-size:40px; cursor:default;}

p.banner-breadcrumb, p.banner-breadcrumb * {color:#000; font-size:12px !important;}
p.banner-breadcrumb {margin:16px 0 -80px 0; position:relative; /*top:-145px;*/}
p.banner-breadcrumb a:hover {text-decoration:underline;}

p.slim-top-breadcrumb, p.slim-top-breadcrumb * {color:#000; font-size:12px !important;}
p.slim-top-breadcrumb {position:relative;}
p.slim-top-breadcrumb a { color:#000; font-size:12px; text-decoration:none;}
p.slim-top-breadcrumb a:hover {text-decoration:underline;}

/*Styles Taken from Old Design*/

#cmsbody form .label{color:#343434; font-size:100%; font-weight:normal;}
#cmsbody form input[type=text], #cmsbody form select, #cmsbody form textarea{border:1px solid #d8d8d8; border-radius:3px; padding:5px; width:50%; margin-bottom:5px}

#cmsbody .baseapp-form form#formBuilder dl.zend_form div.subform.container_type_name{height:auto !important}

#cmsbody .blog-holder .dateclass {background:#000; width:90px; height:90px; text-align:center; line-height:1; padding:5px 10px; font-size:11px; font-weight:normal; color:#ffffff; border-radius:50px;}
#cmsbody div.blog-listing div.blog-holder div.dateclass div.day {background: none; border: none; font-size: 30px; height: auto; color: #fff;}
#cmsbody div.blog-listing div.blog-holder div.dateclass div.monthyear {font-size: 14px; color: #fff; line-height: 14px; margin-top:-2px;}
#cmsbody div.blog-listing div.posted-by {font-size:12px; font-weight:normal; color:grey;}
#cmsbody div.blog-listing h2 {min-height: 30px; margin-bottom: 10px; font-size: 26px;}
#cmsbody div.blog-listing div.blog-posted-line div.posted-by {min-height: 10px; margin-bottom: 10px}
/*#cmsbody div.blog-listing div.blog-holder .blog-continue-reading {visibility:hidden;}*/
#cmsbody div.blog-listing div.blog-holder img.blog-img {margin:7px 0 7px 0; max-width:100%}

#ng-photo-gallery{}
#ng-photo-gallery #ng-pg-page-content{background:#fdb813; display:table; width:100%; padding:30px 0; margin-bottom:40px}
#ng-photo-gallery #ng-pg-page-content h1,
#ng-photo-gallery #ng-pg-page-content p{top: 0; margin:0 !important;}

#ng-pg-images-table div a {margin:0 auto; display:block; text-align:center}
#ng-pg-images-table div a img {padding:5px !important; background:#fff !important; border:1px solid #ccc; margin:22px 0; max-width:100%}
#ng-pg-images-table div a:hover img {box-shadow:0px 3px 15px #aaa;}

#cmsbody table td.fran-left-col{width:75%}
#cmsbody table td.fran-right-col{width:25%}

.checker-template #cmsbody .baseapp-form h2{display:none}
.checker-template #cmsbody .baseapp-form form{margin-top:50px}
.checker-template #cmsbody .site-checker-screen{margin-top:40px}
.checker-template #cmsbody .site-checker-screen img{width:100%}
.checker-template #cmsbody .baseapp-form form span#domainName-suffix{display:block}

.checker-template .siteCheckerHolder{width:100% !important;}
.checker-template .siteCheckerHeaderRight span{font-size:12px; line-height:1 !important;}
.checker-template .siteCheckerScoreLeft span{color:#fff; font-size:40px; line-height:70px !important;}
.checker-template .siteCheckerScoreLeft span span{font-size:14px;}

#cmsbody #nsi-photo-galleries {text-align:center; margin-top:50px}
#cmsbody #nsi-photo-galleries .nsi-gallery-image{width:100%; height:auto; margin-bottom:30px}
#cmsbody #nsi-photo-galleries .nsi-gallery-image img{max-width:100%; height:auto}
#cmsbody #nsi-photo-galleries .nsi-gallery-item{width:40%; margin:0 auto}

.b-phone{color:#fdb813;float:right;font-size:18px;font-weight:700;}

.b-social{float:right; margin:20px 0; clear: both}
.b-social ul.sociallinks, ul.sociallinks * {margin:0; padding:0; list-style:none; text-align:left; font-size:11px; text-decoration:none;}
.b-social ul.sociallinks{height:24px; padding:0; display:table}
.b-social ul.sociallinks li{width:24px; float:left; margin-right:4px;}
.b-social ul.sociallinks li:last-child{margin:0}
.b-social ul.sociallinks a {display:block; width:24px; height:24px; background:url(b-social4.png) 0 0 no-repeat; text-indent:-9000em; float:left;}
.b-social a.facebook {background-position: 0 0 !important;}
.b-social a.googleplus {background-position: -27px 0 !important;}
.b-social a.twitter{background-position: -54px 0 !important;}
.b-social a.youtube {background-position: -81px 0 !important;}
.b-social a.linkedin {background-position: -108px 0 !important;}
.b-social a.instagram {background-position: -135px 0 !important;}
.b-social a:hover {opacity:0.9}

#cmsbody .blog-item-view div.blog-holder img.blog-img{max-width:100%; height:auto}

.template-blog .slim-top-inner-banner{background:#fdb912; padding:70px 0 30px; height:175px;}
.template-blog .slim-top-inner-banner h1{font-size: 40px; font-weight: bold; padding:20px 0; color:#ffff}

@media screen and (max-width: 1600px) {
	.tm-panel .tm .tm-text{padding:4% 3% 5% 3%; width:100%;}
}

@media screen and (max-width: 1440px) {
	.tm-panel .tm .tm-text{padding:4% 3% 4% 3%; width:95%;}	
	.tm-panel .tm .tm-text p{font-size:100%;}
}

@media screen and (max-width: 1280px) {
	.tm-panel .tm .tm-text{padding:3% 3% 5% 2%; width:100%;}
	.tm-panel .tm .tm-text p{font-size:100%;}	
	.tm-panel .tm .tm-text a.btn-success-stories{padding:2%; font-size:13px;}
}

@media screen and (max-width: 1199px) {
	/*.diagram-tab1 #bt-tab-1, .diagram-tab2 #bt-tab-2, .diagram-tab3 #bt-tab-3{max-width:700px; max-height:586px;}*/
	.tm-panel .tm .tm-text{padding:4% 3% 5% 3%; width:100%;}
	.tm-panel .tm .tm-text p{font-size:90%;}	
	.tm-panel .tm .tm-text a.btn-success-stories{padding:2%; font-size:13px;}
}

@media screen and (max-width: 1120px) {
	.tm-panel .tm .tm-text{padding:3% 2% 4% 2%; width:100%;}
	.tm-panel .tm .tm-text p{font-size:100%; margin:2% 0;}	
	.tm-panel .tm .tm-text a.btn-success-stories{padding:2%; font-size:13px;}
}
@media screen and (max-width: 991px) {
	.header{top:0; height: auto; position: relative}
	.top-section{height: auto}
	.top-section .col-xs-3{padding:0}
	.top-section .logo{padding:15px 0 10px 0}

	.h-mid .secnav span{ padding-left:0;}
	.btn-grade{max-width:148px;right:0;top:0; background-size: cover}
	.btn-grade a{width:auto; /*text-indent:inherit;*/}
    .btn-grade:hover{}
	
	.header .h-mid{height:auto;}
	.h-mid-t, .h-mid .secnav{text-align:left;}
	.header .topmenu{height: 0;padding: 0;position:absolute;right: 0;top:0;width:100%;z-index:999;}
	.header .t-search{float:left;}
	.h-mid-b{padding-bottom:10px;}
	.h-mid .t-search .searchField{width:200px;}
	.h-mid-b{margin-top:10px;}
	
	/*.btn-grade{background:url(btn-grade-website2.png) 50% 0 no-repeat; background-size:contain; max-width:100%}
	.btn-grade:hover{max-width:110%;}
	.btn-grade a{max-width:110%;}*/

	.menu{padding:0; width:100%; z-index:99999}
	.menu .top{background-color:transparent; border:none}
    .menu .top .navbar-header button{border:solid 1px #fdb813; margin:0; top:-10px; right:2%; z-index:9999 !important}
	.menu .top .navbar-header button span.icon-bar{background-color:#fdb813}
	.menu .top .navbar-header button:hover, .menu .top .navbar-header button:focus{background:#fdb813;}
	.menu .top .navbar-header button:hover span.icon-bar, .menu .top .navbar-header button:focus span.icon-bar{background-color:#fdb813;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:#fdb813 !important}
	.menu .top .navbar-header button:hover span.icon-bar, .menu .top .navbar-header button:focus span.icon-bar{background-color:#ffffff !important; border:0}
	.navbar-collapse{width:100% !important; border:0 !important; padding:0 !important}

	.main-banner{padding-top:0;}
	
	.inner-template .inner-top-promo{min-height:auto; /* padding-top:70px*/}
	.inner-top-promo img{max-width:100%; height:auto; margin-top:-50px;}

	ul.tools-strategy li{width:45%; margin:0 3% 7% 2%}
	ul.tools-strategy li.li-3, ul.tools-strategy li.li-6{margin:0 3% 7% 2%}

	#diagram-tabs-holder{min-height:800px;}
	.tab-result{width:750px;}
	.tab-c{background-size:contain; width:100%; height:625px}
	.tab-c img{width:94%}

	.tm-panel .tm .tm-text{padding:5% 3% 2% 0; width:100%;}
	.tm-panel .tm .tm-text p{font-size:90%; margin:0 0 2% 0;}	
	.tm-panel .tm .tm-text a.btn-success-stories{padding:2%; font-size:13px;}

	#cmsbody table td.fran-left-col{width:100% !important; display:block; margin-bottom:30px}
	#cmsbody table td.fran-right-col{width:100% !important; display:block}	
		
	.slim-top-inner-banner{display:none}
	
	.template-blog .slim-top-inner-banner{display: block; padding:0; height:105px;}
    .template-blog .slim-top-inner-banner h1{padding:20px 5px;}

	/*#footer-blog div.blog-listing {width:30%; margin: 0 4% 0 0}*/	
	
	#cmsbody .article .rssitem a{word-break:break-all;}
}

@media screen and (max-width: 767px) {
	.top-section .logo{padding:10px 0 10px 10px}
	/*.btn-grade{display:none;}*/
	.tm-panel .tm .tm-text{padding:6% 5% 4% 5%;}

	.logo{ padding:15px 0 10px;height:auto;}
	.btn-grade{top:-70px;}
	.top .navbar-header button{top:-15px;right:15px;}
	.header .h-mid{padding-right:15px;}
	.header .topmenu{top:0;right:0;}
	
	.mob-menu{top:20px; height:0;}
	
	/*.header .mob-menu{position:absolute;top:4px;padding:0;}
	.menu .top .navbar-header button{margin-bottom:10px;}*/

	#diagram-tabs-holder{min-height:700px;}
	.tabs-table li p{margin:0; font-size:95%}
	.tab-result{width:650px;}
	.tab-c{background-size:contain; width:100%; height:542px}
	.tab-c img{width:80%}

	#cmsbody table td.fran-left-col .footer-news-sign-up td{display:block}
	
	#cmsbody table td.fran-left-col .three-box-base td{display:block}
	
	#cmsbody .site-checker-screen{position:relative !important; margin:0;}
	#cmsbody .site-checker-screen img{width:100%}
	#cmsbody form#WebsiteGraderForm{width:100%}

	.checker-template .siteCheckerHolder{width:90% !important; padding:0 5%}
	
	.checker-template .siteCheckerHeader, .checker-template .siteCheckerBoxInner {margin:0}
	.checker-template .siteCheckerHeader a{display:table; margin:0}
	.checker-template div.siteChecker1ColPhone, .checker-template img.siteChecker1ColPhone,
	.checker-template div.siteCheckerMobileDesc{width:100%; height:auto; margin-bottom:20px; background-position:50% 0}
	.checker-template div.siteChecker1ColPhone div{margin:61px auto 0 auto}

	.checker-template #cmsbody #WebsiteGraderForm{margin:0 -15px}
	.checker-template #cmsbody #WebsiteGraderForm input{width:100%}
	
	#desktop-websites {background-size:contain !important; width:100%; min-height: auto !important; display: none}
	#mobile-websites {display: block !important;}
	#mobile-websites img{max-width: 100%}
	
	#cmsbody .contact-listing{width:100%;}
	#cmsbody .contact-listing .contact-cell{width:100% !important; display: block !important;}
	
	#cmsbody .map-wrap{background-size:cover; width: 100%; max-width: 290px; min-height: 220px}
	#cmsbody .map-pin-1 {bottom: 160px; left: 180px;}
	#cmsbody .map-pin-2 {bottom: 70px; right: 86px;}
	#cmsbody .map-pin-3 {bottom: 80px; right: 80px;}
	#cmsbody .map-pin-4 {bottom: 86px; right: 75px;}
	#cmsbody .map-pin-5 {bottom: 109px; right: 70px;}
	#cmsbody .map-pin-6 {bottom: 116px; right: 70px;}
	#cmsbody .map-pin-7 {bottom: 123px; right: 72px;}
	#cmsbody .map-pin-8 {top: 135px; left: 133px;}
	#cmsbody .map-pin-9 {bottom: 42px; right: 10px;}
	
    #footer-blog div.blog-listing {width:100%; margin:0}	
	#footer-blog .blog-listing .blog-holder{width:97%; float: none}
	
	.inner-top-promo img{max-width:100%; height:auto; margin-top:-35px;}
}

@media screen and (max-width: 666px) {
	#diagram-tabs-holder{min-height:700px;}
	.tab-btn-1, .tab-btn-2, .tab-btn-3{background:#fff; border-bottom:solid 1px #c8c9cc;}
	.tabs-table li{width:100%; min-height:auto}
	.tabs-table li.tab-btn-3{width:100% !important;}
	.tabs-table li p{margin:0; font-size:100%}
	.diagram-tab1 #tabs .tab-btn-1, #tabs .tabs-table .tab-btn-1:hover,
	.diagram-tab2 #tabs .tab-btn-2, #tabs .tabs-table .tab-btn-2:hover,
	.diagram-tab3 #tabs .tab-btn-3, #tabs .tabs-table .tab-btn-3:hover {background:#fdb813;}	
	.tab-result{width:480px;}
	.tab-c{background-size:contain; width:100%; height:400px}
	.tab-c img{width:60%}

	.theme-default .nivo-caption h4, .theme-default .nivo-caption p{font-size:100%;}
	
	.h-mid .secnav{display:block;padding-bottom:0;padding-top:3px;}
}

@media screen and (max-width: 479px) {	
	#diagram-tabs-holder{min-height:600px;}
	.tab-result{width:320px;}
	.tab-c{background-size:contain; width:100%; height:275px; overflow:hidden}
	.tab-c img{width:40%}

	.bod-panel{margin:0;}
	.bod-box{width:100%; float:none; margin:0 auto 3% auto;}
}

@media print {
    header, footer, .inner-banner.inner-top-promo, 
    .dark-grey-panel.pt50.pb40, .post-panel.pt40.pb40, 
    .bottom-panel.pt40.pb40, .menu, .main-banner, .grey-panel.pt40, .white-panel.pt40, .tm-panel {
		display:none !important;
	}
}

/* For mobile slider */
.mobile-demo .slick-list .slick-track {
	/*width: 270px !important;*/
}