/*

 * HTML5 Boilerplate

 *

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */



/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */



html,

button,

input,

select,

textarea {

    color: #2b2f31;

}



body {

  color: #2b2f31;

  font-family:'Nexa Regular';

  font-size:16px;

  font-weight:400;

    line-height: 1.4;
    min-width: 320px;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection declarations have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*

 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440

 */



img {

    vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}



/* ==========================================================================

   Chrome Frame prompt

   ========================================================================== */



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



/* ==========================================================================

   Milkman's custom styles

   ========================================================================== */



html, body { height:100%; }

#footerPush {

  min-height: 100%;

  height: auto !important;

  height: 100%;

  margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */

}



/* ==========================================================================

   Header Area

   ========================================================================== */

#topBar { background-color:#003255; position:relative; z-index:50; }

#topBar .container { position:relative; }

#topBar header h1 { margin:0 auto; padding:40px 0 30px; }

#topBar header h1 a { background:url(../img/bq-logo.png) no-repeat 0 0; background-size:cover; border-bottom:none; display:block; height:82px; margin:0 auto; width:290px; }

#topBar header .headerRight { float:right; }



#topBar header .headerRight .topFunctions { float:right; padding-right:160px; width:100%; position: relative;}

@media screen and (max-width: 991px){

  #topBar header .headerRight .topFunctions{margin: -153px 0 0;}

}

#topBar header .headerRight .topFunctions nav { float:right; font-size:0.938em; line-height:44px; }

#topBar header .headerRight .topFunctions nav ul { list-style:none; margin:0; padding:0; }

#topBar header .headerRight .topFunctions nav ul li { float:left; }

#topBar header .headerRight .topFunctions nav ul li a { border-bottom:none; color:#03739a; }

#topBar header .headerRight .topFunctions nav ul li a:hover { color:#fff; }

#topBar header .headerRight .topFunctions nav ul li span { color:#03739a; display:inline-block; padding:0 10px; }

#topBar header .headerRight .topFunctions nav ul li.menu-item-last span { display:none; }



#topBar header .headerRight .topFunctions #clientLogin { background-color:#52aa43; padding:20px; position:absolute; right:15px; width:290px; z-index:60;

  -webkit-border-radius: 0 0 0 6px;

          border-radius: 0 0 0 6px;

  background-clip: padding-box;

}

#topBar header .headerRight .topFunctions #clientLogin.boxNoLoginToggle { top:-205px; }

#topBar header .headerRight .topFunctions #clientLogin.boxLoginToggle { top:-252px; }

#topBar header .headerRight .topFunctions #clientLogin input { background-color:#f7fbf5; border:none; color:#53aa43; font-size:0.875em; margin:0 0 5px;

  -webkit-border-radius: 3px;

          border-radius: 3px;

  background-clip: padding-box;

}

#topBar header .headerRight .topFunctions #clientLogin input.btn { background-color:#369840; color:#fff; text-transform:uppercase; display:inline-block; padding-left:0; padding-right:0; margin-bottom:0; text-align:center; width:123px; }

#topBar header .headerRight .topFunctions #clientLogin input.btn:hover { background-color:#3ba446; }

#topBar header .headerRight .topFunctions #clientLogin a.btn { background-color:#459f40; color:#fff; font-size:0.875em; text-transform:none; display:inline-block; padding-left:0; padding-right:0; text-align:center; width:122px; }

#topBar header .headerRight .topFunctions #clientLogin a.btn:hover { background-color:#4cae47; }

#topBar header .headerRight .topFunctions #clientLogin a.btn.password {background:none;text-decoration: underline;}

#topBar header .headerRight .topFunctions #clientLogin a.btn.password:hover {text-decoration: none;}



#topBar header .headerRight .topFunctions #clientLogin a.loginBtn,

#topBar header .headerRight .topFunctions a.NewsletterBtn { 

  border-bottom:none; 

  color:#fff; 

  display:inline-block; 

  float:right; 

  font-size:0.875em; 

  line-height:1; 

  height:44px; 

  padding:15px 20px; 

  position:absolute; 

  right:0; 

  bottom:-44px; 

  text-transform:uppercase;

  background-color: #52aa43;

  -webkit-border-radius: 0 0 6px 6px;

          border-radius: 0 0 6px 6px;

  background-clip: padding-box;

 width: 145px; text-align: center;}

#topBar header .headerRight .topFunctions a.NewsletterBtn{

  background: #ff8100;

  right: 170px;

  bottom: auto;

  top: -1px;

}

#topBar header .headerRight .topFunctions #clientLogin a.loginBtn:hover { background-color:#5ec34d; }

#topBar header .headerRight .topFunctions a.NewsletterBtn:hover { background-color:#eb9236; }





#topBar .socialLink { background:url(../img/social-icons.png) no-repeat 0 0; display:block; float:left; height:33px; padding:0; width:33px; }

#topBar .socialLink.facebook { background-position:0 0; }

#topBar .socialLink.facebook:hover { background-position:0 -33px; }

#topBar .socialLink.twitter { background-position:-33px 0; margin-left:10px; }

#topBar .socialLink.twitter:hover { background-position:-33px -33px; }



#topBar header .navigationContainer nav { border-top:none !important; box-shadow:none !important; clear:both; }

#topBar header .navigationContainer nav ul { list-style:none; margin:0; padding:20px 0 0; }

#topBar header .navigationContainer nav ul li { border-top:1px solid #0b4f73; }

#topBar header .navigationContainer nav ul li:first-child { border-top:none; }

#topBar header .navigationContainer nav ul li a { border-bottom:none; color:#fff; display:block; line-height:1; padding:10px; vertical-align:middle; width:100%; }

#topBar header .navigationContainer nav ul li ul li:first-child { border-top:1px solid #0b4f73; }



#topBar header .navigationContainer nav ul li.current_page_item > a,

#topBar header .navigationContainer nav ul li.current_page_ancestor > a { background-color:transparent; color:#0abfeb; }

#topBar header .navigationContainer nav ul li a:hover { background-color:#0abfeb; }

#topBar header .navigationContainer nav ul li.current_page_item >  a:hover,

#topBar header .navigationContainer nav ul li.current_page_ancestor >  a:hover { background-color:transparent !important; }



#topBar header .navigationContainer nav ul li ul { padding:0 0 0 15px; }

#topBar header .navigationContainer nav ul li ul li a { font-weight:600; }



.navbar-toggle { background-color:#0abfeb; margin:0; padding:10px;

  border-radius: 0;

}

.navbar-toggle .icon-bar { background-color:#003255; }



.navbar-collapse { padding:0; }



.navigationContainer.small { padding-top:0 !important; padding-bottom:20px; width:100%; }

.navigationContainer.small .social { float:left; }



/* ==========================================================================

   Featured Area

   ========================================================================== */

#featuredArea { background-color:#003255; color:#fff; height:340px; overflow:hidden; position:relative; text-shadow:0 2px 0 #003255; text-shadow:0 2px 0 rgba(0,50,85,0.35); }

#featuredArea ul { list-style:none; margin:0; padding:0; }

#featuredArea ul li { height:340px; overflow:hidden; position:relative; }

#featuredArea .container { padding-bottom:0; padding-top:0; position:relative; z-index:10; text-align:center; }

#featuredArea .container .slideContent { padding-top:60px; }

#featuredArea .container h2 { color:#fff; font-size:3.75em; line-height:1; margin:0 0 20px; }

#featuredArea .container p { font-size:1.125em; margin:1.25em 0 1.75em; }

#featuredArea .container .btn { display:inline-block; }

#featuredArea .container .btn.darkBlueBtn { clear:both; margin-top:10px; }

#featuredArea .imgContainer { height:100%; opacity:0; overflow:hidden; position:absolute; top:0; left:0; width:100%; z-index:1; }

#featuredArea .imgContainer img { position:absolute; }



#featuredNav { background-color:#003255; border-bottom:1px solid #083e64; border-top:1px solid #083e64; }

#featuredNav #controlNav { border-left:1px solid #083e64; }

#featuredNav ul { list-style:none; margin:0; padding:0; }

#featuredNav ul li { border-right:1px solid #083e64; float:left; width:33.33%; }

#featuredNav ul li span { cursor:pointer; display:block; color:#fff; font-size:1.250em; height:70px; line-height:70px; text-align:center;

  -webkit-transition: background-color 0.25s ease-out; 

     -moz-transition: background-color 0.25s ease-out; 

       -o-transition: background-color 0.25s ease-out; 

          transition: background-color 0.25s ease-out;

}



#featuredNav ul li span.blue:hover { background-color:#0abfeb; }

#featuredNav ul li span.green:hover { background-color:#7fc241; }

#featuredNav ul li span.orange:hover { background-color:#ff8100; }

#featuredNav ul li.flex-active-slide span.blue { border-bottom:5px solid #0abfeb; }

#featuredNav ul li.flex-active-slide span.green { border-bottom:5px solid #7fc241; }

#featuredNav ul li.flex-active-slide span.orange { border-bottom:5px solid #ff8100; }



#featuredArea.internal { height:auto; }

#featuredArea.internal .container { padding-bottom:80px; padding-top:80px; text-align:center; }

#featuredArea.internal h2 { font-size:4em; }

#featuredArea.internal p { font-size:1.250em; margin-bottom:0; }



/* ==========================================================================

   Site Pages

   ========================================================================== */

#pageContent,

.pageContent { padding-bottom:60px; padding-top:60px; }

#pageHeader { background-color:#f7f7f7; }

#pageHeader h1 { color:#003255; font-size:2.813em; font-weight:400; line-height:1; margin:0; padding:60px 0; }

.col-divider { margin-top:30px; }



/*

 * Home

 */

#pageContent.home { background-color:#f4f4f4; }

#pageContent.home h3 { line-height:1; margin:0 0 20px; }

.resourceContainer.top { border-bottom:2px solid #ececec; margin-bottom:20px; padding-bottom:20px; }

.resourceContainer .containerText { margin-left:-10px; padding-left:70px; min-height:65px; }

.resourceContainer .containerText.resources { background:url(../img/pdf-icon.png) no-repeat left center; }

.resourceContainer .containerText.plans { background:url(../img/plans-icon.png) no-repeat left center; }



/*

 * Internal Pages

 */

.internalPage h2 { color:#003255; font-size:2.375em; font-weight:400; margin:0 0 0.5em; }

.internalPage h3 { color:#003255; font-size:1.750em; font-weight:400; line-height:1.4; margin:0 0 0.75em; }



.internalPage .divider { border-top:2px solid #f2f2f2; margin-top:60px; padding-top:60px; }

.internalPage .divider.first { border-top:none; margin-top:0; padding-top:0; }



/** Team **/

.teamRow { margin-top:60px; }

.teamRow h4 { font-size:1.250em; margin:20px 0 0; }

.teamRow p { margin:0; }

.teamRow img { margin:0 auto !important; }



/** Accordions **/

.accordionContainer { }

.accordionContainer .accordionPanel { }

.accordionContainer .accordionPanel h3 { font-size:13pt; margin:0 0 -2px; position:relative; }

.accordionContainer .accordionPanel h3:hover { z-index:10; }

.accordionContainer .accordionPanel h3 a { border-bottom:2px solid #f2f2f2; border-top:2px solid #f2f2f2; color:#2b2f31; display:block; padding:20px 80px 20px 0; position:relative; }

.accordionContainer .accordionPanel h3 a span { color:#ccc; font-size:2em; font-weight:400; line-height:1; margin-top:-23px; position:absolute; top:50%; right:20px; text-align:center; width:20px;

  -webkit-transform: rotate(90deg); 

     -moz-transform: rotate(90deg); 

      -ms-transform: rotate(90deg); 

       -o-transform: rotate(90deg); 

          transform: rotate(90deg); 

}

.accordionContainer .accordionPanel h3 a:hover,

.accordionContainer .accordionPanel h3 a.active { color:#09b7e8; }

.accordionContainer .accordionPanel h3 a.active span { color:#09b7e8; }

.accordionContainer .accordionPanel .panelContent { display:block; margin-bottom:-2px; padding:20px 0; }



/** Free Resources **/

.resourceRow { border-top:2px solid #f2f2f2; margin-top:40px; padding-top:40px; }

.resourceRow.first { border-top:none; margin-top:0; padding-top:0; }

.resourceRow .btn { display:inline-block; }

.resourceRow .fileDescription p { margin:0; }

.resourceRow table th { text-align:left; }

/*.resourceRow .fileDownload { margin-top:30px; }*/



/** Blog **/

.blogRow { border-top:2px solid #f2f2f2; margin-top:40px; padding-top:40px; }

.blogRow.first { border-top:none; margin-top:0; padding-top:0; }

.blogRow header { margin-bottom:20px; }

.blogRow header h2 { margin-bottom:10px; }

.blogRow header h2 a { border-bottom:none; color:#003255; }

.blogRow header h2 a:hover { color:#09b7e8; }

.postMeta { background-color:#fafafa; color:#b6b5b5; font-size:0.813em; line-height:1; padding:15px;

  -webkit-border-radius: 4px;

          border-radius: 4px; 

  background-clip: padding-box;

}

.postMeta a { border-bottom-color:#b6b5b5; color:#b6b5b5; }

.blogRow .blogReadMore { margin-top:20px; }



/** Pagination **/

#pagination { background-color:#f7f7f7; margin-top:60px; text-align:center; }

#pagination a,

#pagination span { border-bottom:none; border-left:1px solid #fff; border-right:1px solid #fff; display:inline-block; height:60px; line-height:60px; margin-left:-1px; padding:0; width:60px; }

#pagination span { background-color:#09b7e8; color:#fff; }

#pagination a { background-color:#eeeeee; color:#afafaf; }

#pagination a:hover { color:#09b7e8; }



#pagination.single a,

#pagination.single span { border:none !important; display:inline-block; float:left; height:60px; line-height:60px; padding:0; text-align:center; text-transform:uppercase; width:50%; }

#pagination.single a { background-color:#f7f7f7; color:#b6b6b6; }

#pagination.single a:hover { background-color:#09b7e8; color:#fff; }



/** Sidebar **/

.sidebarSection { margin-bottom:50px; }

.sidebarSection h3 {color:#2b2f31; border-bottom:4px solid #f2f2f2; font-size:1.438em; padding-bottom:10px; margin-bottom:20px; margin-top:0;}



#archives { list-style:none; margin:0; padding:0; }

#archives li { border-left:1px solid #fff; border-bottom:1px solid #fff; float:left; margin:0; width:33%; }

#archives li a { background-color:#fafafa; border-bottom:none; color:#1d1d1d; display:block; padding:15px 0; line-height:1; text-align:center; }

#archives li a:hover { background-color:#0bb6e6; color:#fff; }



#categories { list-style:none; margin:0; padding:0; }

#categories li { border-top:1px solid #f2f2f2; }

#categories li:first-child { border-top:none; }

#categories li a { border-bottom:none; display:block; font-size:1.125em; padding:10px; line-height:1; }

#categories li a:hover { background-color:#0bb6e6; color:#fff; }



.sidebarSection .productBlock { border-top:1px solid #f2f2f2; margin-top:20px; padding-top:20px; }

.sidebarSection .productBlock.first { border-top:none; margin-top:0; padding-top:0; }

.flex-viewport h4 a,

.productBlock a {

  border-bottom-style:none;

}

.productBlock a:hover,

.flex-viewport h4 a:hover {

  border-bottom-style:solid;

  border-bottom-width:1px;

}



/** Sliders **/

.slider1Up { position:relative; }

.slider1Up ul { list-style:none; margin:0; padding:0; }



.slider1Up h4,

.slider1Up p { margin:0; }



/** Slider Controls **/

.flex-viewport { }

.flex-control-paging { list-style:none; margin:0; padding:0; position:relative; bottom:-10px; text-align:center; z-index:10; }

.flex-control-paging li { display:inline; margin:0 5px 0 0; }

.flex-control-paging li a { background-color:#efefef; border-bottom:none; cursor:pointer; display:inline-block; height:4px; overflow:hidden; text-indent:-999px; width:44px; }

.flex-control-paging li a:hover { background-color:#7abf41; }

.flex-control-paging li a.flex-active { background-color:#0bb6e6; }



/* ==========================================================================

   Product Pages

   ========================================================================== */ 



#topContent { border-top:6px solid; }

#topContent img { margin:0 auto; }

.blue #topContent { border-top-color:#0abfeb; }

.green #topContent { border-top-color:#7dc141; }

.orange #topContent { border-top-color:#ff8100; }



.productContent h2 + p { font-size:1.125em; }

.productContent .btn { display:inline-block; margin-top:1.5em; }

.productContent .btn.darkBlueBtn { }



/** Video Container **/

.blue #videoContainer { background:#3ed4ff url(../img/video-bg-blue.jpg) no-repeat top right; }

.green #videoContainer { background:#91ce5c url(../img/video-bg-green.jpg) no-repeat top right; }

.orange #videoContainer { background:#fe9b35 url(../img/video-bg-orange.jpg) no-repeat top right; }



#videoContainer h3 { font-size:1.625em; text-align:center; text-transform:uppercase; }

#videoContainer .textCols { margin-top:40px;

  -webkit-column-count: 2;  -webkit-column-gap: 15px;

     -moz-column-count: 2;     -moz-column-gap: 15px;

          column-count: 2;          column-gap: 15px;

} 

.videoContainer { border:4px solid #fff; overflow:hidden;

  position: relative;

  padding-bottom: 56.25%; /* 16:9 */

  height: 0;

-webkit-border-radius: 6px;

        border-radius: 6px;

  background-clip: padding-box;

}

.videoContainer iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



/** Product Features **/

#productFeatures { }

#productFeatures img { margin:0 auto; }

#productFeatures h2 { text-align:center; }

#productFeatures .featureRow { margin-top:30px; }

#productFeatures .featureRow.first { margin-top:0; }

#productFeatures .featureBox { padding:15px 0 0 80px; position:relative; }

#productFeatures .featureBox .icon { background:no-repeat 0 0; display:block; height:60px; position:absolute; top:0; left:0; width:60px; }

#productFeatures .featureBox h3 { font-size:1.750em; line-height:1.2; margin:0; }



/** Testimonials **/

#testimonialSection { background:url(../img/testimonial-bg.jpg) no-repeat center center; background-size:cover; border-top:1px solid #eaeaea; }

#testimonialSection.pageContent { padding-bottom:140px; padding-top:140px; }

#testimonialSection .slider1Up p { margin:1em 0; }



/** Purchase Container **/

#purchaseContainer { background-color:#003255; color:#fff; }

#purchaseContainer h2 { color:#fff; }

#purchaseContainer h3 { font-size:1.750em; line-height:1.2; }

#purchaseContainer h4 { font-size:1.438em; line-height:1.2; }

#purchaseContainer img { margin:0 auto; }

#purchaseContainer p.price { font-size:2.500em; margin:0.5em 0; }

#purchaseContainer p.price sub { bottom:0; font-size:0.5em; }

#purchaseContainer .btn { display:inline-block; }



#purchaseContainer .buyNailit { border-bottom:1px solid #0b4f73; border-top:1px solid #0b4f73; padding:15px 0; }

#purchaseContainer .buyNailit h4 { margin:0; }

#purchaseContainer .buyNailit small { color:#15c0ed; }



/*

 * Checkout Page

 */



#cart { }

#cart table td { border-bottom:1px solid #f2f2f2; padding-bottom:20px; padding-top:20px; vertical-align:top; }

#cart .productDetails .imgLink { float:left; height:85px; margin-right:20px; padding:10px; width:85px; }

#cart .productDetails .imgLink img { max-height:100%; margin:0 auto !important; width:auto !important; }

#cart .productDetails .info { float:left; width:80%; }

#cart .productDetails h4 { font-size:1.438em; }

#cart .productDetails h4,

#cart .productDetails p { margin:0; }

#cart .productPrice { padding-left:15px; padding-right:15px; width:140px; }

#cart .productQuantity { padding-left:15px; padding-right:15px; width:100px; }

#cart .productTotal { padding-left:15px; text-align:right; width:120px; }

#cart .productPrice p,

#cart .productQuantity p,

#cart .productTotal p { margin-top:27px; }

 

#customerDetails,

#paymentDetails,

#checkout { border-top:4px solid #f2f2f2; margin-top:50px; padding-top:50px; }



#cartTotal .total { float:right; padding-top:30px; text-align:right; }

#cartTotal .total .totalPrice { display:block; font-size:1.875em; /*margin-top: 30px;*/}



#customerDetails .row,

#paymentDetails .row { margin-left:-5px; margin-right:-5px; }

#customerDetails .row.top { margin-bottom:0; }

#customerDetails .row .col-sm-1,

#customerDetails .row .col-sm-2,

#customerDetails .row .col-sm-3,

#customerDetails .row .col-sm-4,

#customerDetails .row .col-sm-5,

#customerDetails .row .col-sm-6,

#customerDetails .row .col-sm-7,

#customerDetails .row .col-sm-8,

#customerDetails .row .col-sm-9,

#customerDetails .row .col-sm-10,

#customerDetails .row .col-sm-11,

#customerDetails .row .col-sm-12,

#customerDetails .row .col-md-1,

#customerDetails .row .col-md-2,

#customerDetails .row .col-md-3,

#customerDetails .row .col-md-4,

#customerDetails .row .col-md-5,

#customerDetails .row .col-md-6,

#customerDetails .row .col-md-7,

#customerDetails .row .col-md-8,

#customerDetails .row .col-md-9,

#customerDetails .row .col-md-10,

#customerDetails .row .col-md-11,

#customerDetails .row .col-md-12,

#paymentDetails .row .col-sm-1,

#paymentDetails .row .col-sm-2,

#paymentDetails .row .col-sm-3,

#paymentDetails .row .col-sm-4,

#paymentDetails .row .col-sm-5,

#paymentDetails .row .col-sm-6,

#paymentDetails .row .col-sm-7,

#paymentDetails .row .col-sm-8,

#paymentDetails .row .col-sm-9,

#paymentDetails .row .col-sm-10,

#paymentDetails .row .col-sm-11,

#paymentDetails .row .col-sm-12,

#paymentDetails .row .col-md-1,

#paymentDetails .row .col-md-2,

#paymentDetails .row .col-md-3,

#paymentDetails .row .col-md-4,

#paymentDetails .row .col-md-5,

#paymentDetails .row .col-md-6,

#paymentDetails .row .col-md-7,

#paymentDetails .row .col-md-8,

#paymentDetails .row .col-md-9,

#paymentDetails .row .col-md-10,

#paymentDetails .row .col-md-11,

#paymentDetails .row .col-md-12 { padding-left:5px; padding-right:5px; }



#customerDetails select,

#paymentDetails select { padding:17px 15px; }



#customerDetails input,

#customerDetails select,

#paymentDetails input,

#paymentDetails select { margin-bottom:30px; }



#checkout .btn { display:inline-block; font-size:1.625em; }



/* ==========================================================================

   Footer

   ========================================================================== */ 

#push { height:100px; }

#bottomBar { background-color:#09b7e8; color:#fff; font-size:0.750em; height:100px; padding:30px 0; }

#bottomBar nav { margin-bottom:10px; }

#bottomBar nav ul { list-style:none; margin:0; padding:0; }

#bottomBar nav ul li { color:#fff; float:left; }

#bottomBar nav ul li a { color:#fff; }

#bottomBar nav ul li a:hover { border-bottom:1px solid #fff; }

#bottomBar nav ul li span { display:inline-block; padding:0 10px; }

#bottomBar nav ul li.menu-item-last span { display:none; }

#bottomBar .legality { clear:both; }



/* ==========================================================================

   Typography

   ========================================================================== */

h2 { color:#003255; font-size:2.375em; }



h1:first-child,

h2:first-child,

h3:first-child,

p:first-child { margin-top:0 !important; }

p:last-child { margin-bottom:0 !important; }



.description { color:#b6b6b7; font-size:0.875em; }

.description p { margin:10px 0 0; }



#topBar header .navigationContainer nav ul li a,

h2,

.accordionContainer .accordionPanel h3 a span { font-family:'Nexa Light'; font-weight:400; }



#progressBar ol li,

#topBar header .topFunctions #clientLogin a.loginBtn,

.generatedcontent input[type="radio"] + span,

#pageHeader h1,

.internalPage h2,

.internalPage h3,

.blogRow header h2 a,

#productFeatures h2,

#productFeatures .featureBox h3,

#purchaseContainer h3,

#purchaseContainer p.price sub,

#purchaseContainer h4 { font-family:'Nexa Regular'; font-weight:400; }



#topBar header .headerRight .topFunctions nav ul li a,

h3,

label,

.btn,

#featuredNav ul li span,

.teamRow h4,

.resourceRow table th,

strong,

a,

.sidebarSection h3,

#purchaseContainer p.price,

#cart .productDetails h4,

#cartTotal .total { font-family:'Nexa Bold'; font-weight:400; }



.someClass { font-family:'Nexa Black'; font-weight:400; }



#featuredArea .container h2 { font-family:'Nexa Slab'; font-weight:400; }



@font-face {

    font-family: 'Nexa Light';

    src: url('../fonts/nexa-light-webfont.eot');

    src: url('../fonts/nexa-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/nexa-light-webfont.woff') format('woff'),

         url('../fonts/nexa-light-webfont.ttf') format('truetype'),

         url('../fonts/nexa-light-webfont.svg#nexa_lightregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nexa Regular';

    src: url('../fonts/nexa-regular-webfont.eot');

    src: url('../fonts/nexa-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/nexa-regular-webfont.woff') format('woff'),

         url('../fonts/nexa-regular-webfont.ttf') format('truetype'),

         url('../fonts/nexa-regular-webfont.svg#nexa_regularregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nexa Bold';

    src: url('../fonts/nexa-bold-webfont.eot');

    src: url('../fonts/nexa-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/nexa-bold-webfont.woff') format('woff'),

         url('../fonts/nexa-bold-webfont.ttf') format('truetype'),

         url('../fonts/nexa-bold-webfont.svg#nexa_boldregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nexa Black';

    src: url('../fonts/nexa-black-webfont.eot');

    src: url('../fonts/nexa-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/nexa-black-webfont.woff') format('woff'),

         url('../fonts/nexa-black-webfont.ttf') format('truetype'),

         url('../fonts/nexa-black-webfont.svg#nexa_blackregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nexa Slab Bold';

    src: url('../fonts/nexa_slab_bold-webfont.eot');

    src: url('../fonts/nexa_slab_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/nexa_slab_bold-webfont.woff') format('woff'),

         url('../fonts/nexa_slab_bold-webfont.ttf') format('truetype'),

         url('../fonts/nexa_slab_bold-webfont.svg#nexa_slab_bold_freeregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Nexa Slab';

    src: url('../fonts/nexa_slab_regular-webfont.eot');

    src: url('../fonts/nexa_slab_regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/nexa_slab_regular-webfont.woff') format('woff'),

         url('../fonts/nexa_slab_regular-webfont.ttf') format('truetype'),

         url('../fonts/nexa_slab_regular-webfont.svg#nexa_slab_regular_freeregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



/* ==========================================================================

   Links

   ========================================================================== */

a { border-bottom:1px solid #09b7e8; color:#09b7e8; text-decoration:none;

  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 

     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 

       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 

          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;

}

a:hover { border-bottom:none; color:#09b7e8; text-decoration:none; }



.btn { border:none; color:#2e3234; display:block; font-size:1.125em; line-height:1; padding:20px 40px;

  -webkit-border-radius: 6px;

          border-radius: 6px;

  background-clip: padding-box;

}



.btn.blueBtn,

#gform_2 .gform_button{ color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);

  background-color: #09b7e8;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,0,0,0.1)));

  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:      -o-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:         linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  -webkit-box-shadow: inset 0px 2px 0px 0px #56cfef;

          box-shadow: inset 0px 2px 0px 0px #56cfef;

          font-size: 1.125em;

  line-height: 1;

  padding: 20px 40px;

  font-family: 'Nexa Bold';

}

#gform_2 .gform_button{

    padding: 23px 40px;

    max-width: 310px;

    width: 100%;

}

.btn.blueBtn:hover,

#gform_2 .gform_button:hover,

#wpmem_reg .form .div_text input[type=submit]:hover{ background-color:#0ac9ff; }

.btn.greenBtn { color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);

  background-color: #7dc141;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,0,0,0.1)));

  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:      -o-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:         linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

}

.btn.greenBtn:hover { background-color:#92e24c; }



.btn.orangeBtn { color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);

  background-color: #ff8100;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,0,0,0.1)));

  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:      -o-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:         linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

}

.btn.orangeBtn:hover { background-color:#ff962b; }



.btn.darkBlueBtn { color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);

  background-color: #03385d;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,0,0,0.1)));

  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:      -o-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:         linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

}

.btn.darkBlueBtn:hover { background-color:#004b7f; }



.btn.greyBtn { background-color:#eff2f4; }

.btn.greyBtn:hover { background-color:#003458; color:#fff; }



.btn.prevBtn,

.btn.nextBtn,

.btn.newProject { display:inline-block; }



.btn .video-icon { background:url(../img/icon-video.png) no-repeat 0 0; display:inline-block; height:22px; margin:-2px 10px -6px 0; width:28px; }



.imgLink { background-color:#f7f7f7; border-bottom:none; display:block; overflow:hidden;

  -webkit-border-radius: 6px;

          border-radius: 6px;

  background-clip: padding-box;

}

.imgLink img { margin:0 !important; }



.internalPage img {

  display: block;

  max-width: 100%;

  height: auto;

  margin:1.5em 0;

  -webkit-border-radius: 6px;

          border-radius: 6px;

  background-clip: padding-box;

}





/* ==========================================================================

   Forms

   ========================================================================== */



label { font-size:1.125em; }



input, textarea, select { background-color:#fff; border:2px solid #dcdcdc; cursor:pointer; margin:0; outline:none; padding:15px; text-shadow:none; width:100%;

  -webkit-border-radius: 6px;

          border-radius: 6px;

  background-clip: padding-box;

  

  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 

     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 

       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 

          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;

}

input:hover, textarea:hover, select:hover,#wpmem_reg .form input:hover { border-color:#02b8e8; }

input:focus, textarea:focus, select:focus, #wpmem_reg .form input:focus { border-color:#003458; }

input[type="checkbox"], input[type="radio"] { margin-right:5px; width:auto; }



select {

  background:#e4e8eb url(../img/dropdown-arrow.png) no-repeat center right;

    padding:12px 15px;

    margin: 0;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    border-radius:6px;

    color:#2b2f31;

    border:none;

    outline:none;

    display: inline-block;

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none;

    cursor:pointer;

  width:100%;

}

/* .generatedcontent .jcf-radio{
  height: 21px;
  width: 21px;
  border-radius: 50%;
  border: 1px solid #9d9d9d;
  margin: 0 14px 7px 0;
} */

.generatedcontent input[type="radio"] {

    display:none;

}



.generatedcontent input[type="radio"] + span {

    display:block;

  font-weight:400;

  padding-left:30px;

    margin:5px 0;

    vertical-align:middle;

  position:relative;

    cursor:pointer;

}



.generatedcontent input[type="radio"] + span:before { background:url(../img/radio-btns.png) 0 0 no-repeat; content:''; display:block; height:20px; position:absolute; top:0; left:0; width:20px; }





.generatedcontent input[type="radio"]:checked + span:before {

    background:url(../img/radio-btns.png) -22px -20px no-repeat;

}



input.gform_button { border:none; display:block; color:#fff; padding-left:45px; padding-right:45px; text-shadow:0 1px 0 rgba(11,122,168,0.75); width:auto;

  background-color: #09b7e8;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,0,0,0.1)));

  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:    -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:      -o-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  background-image:         linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(0,0,0,0.1));

  -webkit-box-shadow: inset 0px 2px 0px 0px #56cfef;

          box-shadow: inset 0px 2px 0px 0px #56cfef;

}

input.gform_button:hover { background-color:#7abf41;

  -webkit-box-shadow: inset 0px 2px 0px 0px #82cc45;

          box-shadow: inset 0px 2px 0px 0px #82cc45;

}



.gform_wrapper ul { list-style:none; margin:0; padding:0; }

.gform_wrapper ul li,

.gform_footer { margin-top:30px; }

.gform_wrapper ul li:first-child { margin-top:0; }

.gf_clear { clear:both; }



.formDivider { margin-top:30px; }

.formDivider:first-child { margin-top:0; }



#field_1_8 .gfield_label { display:none; }

.form 

/** Warnings **/

.validation_error { display:none; }

.validation_message { border:2px solid; display:block; margin-top:10px; padding:15px; text-shadow:none;

  -webkit-border-radius: 6px;

          border-radius: 6px;

  background-clip: padding-box;

}

.validation_message { background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11 !important; }

.gfield_label{

    padding: 0 15px;

    display: block;

}

.Payment .gfield_radio,

.gform_wrapper .gfield_radio{

    margin:0 0 -6px;

    padding: 15px 0 0;

    list-style: none;

    overflow: hidden;

}

.gfield_radio{

  overflow: hidden;

  width: 100%;

  padding: 0;

}

.gfield_radio li{

  float: left;

  padding: 0 32px 10px 0;

  margin-top: 0 !important;

  margin: 0;

  list-style:none outside;

}

#wpmem_reg .gfield_radio li label, 

#wpmem_login .gfield_radio li label{width: auto !important;}

.gfield_radio label{margin: 0;}

.gfield_radio input[type="radio"]{

  display: inline-block;

  vertical-align: top;

}

.gfield_radio input[type="radio"] + span,

.gfield_radio input[type="radio"] + span:before{display: none;}

.recaptcha_nothad_incorrect_sol{margin: 0 0 23px;}

.ginput_container .recaptcha_nothad_incorrect_sol{

  margin: 0 0 5px;

  padding: 24px 0 0;

}

.gform_wrapper .gfield_checkbox{padding:25px 0 16px;}

.gfield_checkbox label{font-size: 16px;}

#gform_2 .gform_footer{margin-top: 25px}

/* custom radio styles */

.jcf-radio {

  vertical-align: top;

  display: inline-block;

  position: relative;

  overflow: hidden;

  cursor: default;

  background: #fff;

  border: 2px solid #dcdcdc;

  border-radius: 6px;

  margin: 0 14px 0 0;

  height: 25px;

  width: 25px;

}

.jcf-radio input[type="radio"] + span{

  display:none;

  position:absolute;

  top:0;

  left:0;

  right:0;

  bottom:0;

  border-radius:0;

  margin: 0;

  -webkit-box-shadow:inset -1px 1px 1px 0 rgba(255,255,255,0.31);

  box-shadow:inset -1px 1px 1px 0 rgba(255,255,255,0.31);
  background: rgb(10,185,232);
  background: -moz-linear-gradient(top,  rgba(10,185,232,1) 0%, rgba(13,179,229,1) 25%, rgba(18,161,217,1) 70%, rgba(20,153,212,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,185,232,1)), color-stop(25%,rgba(13,179,229,1)), color-stop(70%,rgba(18,161,217,1)), color-stop(100%,rgba(20,153,212,1)));
  background: -webkit-linear-gradient(top,  rgba(10,185,232,1) 0%,rgba(13,179,229,1) 25%,rgba(18,161,217,1) 70%,rgba(20,153,212,1) 100%);
  background: -o-linear-gradient(top,  rgba(10,185,232,1) 0%,rgba(13,179,229,1) 25%,rgba(18,161,217,1) 70%,rgba(20,153,212,1) 100%);
  background: -ms-linear-gradient(top,  rgba(10,185,232,1) 0%,rgba(13,179,229,1) 25%,rgba(18,161,217,1) 70%,rgba(20,153,212,1) 100%);
  background: linear-gradient(to bottom,  rgba(10,185,232,1) 0%,rgba(13,179,229,1) 25%,rgba(18,161,217,1) 70%,rgba(20,153,212,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ab9e8', endColorstr='#1499d4',GradientType=0 );

}

.jcf-radio input[type="radio"] {

  position: absolute;

  height: 100%;

  width: 100%;

  border: 0;

  margin: 0;

  left: 0;

  top: 0;

}

.jcf-radio.jcf-checked input[type="radio"] + span {display:block;}

/* common custom form elements styles */

.jcf-disabled {background: #ddd !important;}

/* .jcf-focus, .jcf-focus * {border-color: #f00 !important;} */

#wpmem_reg .req {color:inherit !important;}

.gform_wrapper .gform_fields,

.form{

  overflow: hidden;

  margin: 0 -15px 0 0;

  }

 .gform_fields .gfield_label{padding: 0;}

 .gform_fields .gfield_label .gfield_required{display:inline;}

.gform_wrapper .gform_fields #field_2_7 .gfield_required{display: none;}

  .gform_wrapper .gform_fields .gfield.gfield_contains_required,

  .form .row-wrapper{

    width: 50%;

    float: left;

    padding: 0 15px 13px 0;

    margin-top: 0;

  }

   .form .row-wrapper{

    padding: 0 15px 15px 0;

   }

   .gform_wrapper .gform_fields .gfield.gfield_contains_required:last-child{width: 100%;}

.gform_wrapper .gform_fields .gfield,

.gform_wrapper .gform_fields #field_2_7{

  width: 100%;

  padding: 0 15px 0 0;

  overflow: hidden;

  margin: 0;

}

.gfield{font-family: 'Nexa Bold';}

.req-text .req {

  font-size: 22px;

  color: #bd3500;

  line-height: 50%;

}

#wpmem_reg .form .div_text{

  width: 100%;

  padding: 0;

}

#wpmem_reg .form input{max-width: 100%;}

#wpmem_reg .form label.text{

  width: auto;

  height: auto;

  padding: 0;

  margin: 0 0 5px;

  font-size: 18px;

}

#wpmem_reg .form legend{

    margin: 6px 0 60px;

      border-bottom: 4px solid #f1f2f2;

}

.form .row-wrapper.last-child{

  width: 100%;

}

#wpmem_reg .form .captcha{

  float: left;

}

#wpmem_reg .form .div_text input[type=submit]{

  float: left;

    max-width: 310px;

  }

.row-wrapper .div_checkbox{font-family: 'Nexa Bold';}

.row-wrapper .recaptcha_nothad_incorrect_sol{margin: 0;}

#wpmem_reg .form .req-text{font-family: 'Nexa Bold';}

/* ==========================================================================

   ProSpex Pages

   ========================================================================== */ 



/*

 * Header Area

 */

#headerBar { background-color:#f4f6f7; padding:50px 0; }

#headerBar h1 { background:url(../img/prospex-logo.png) no-repeat 0 0; display:block; float:left; height:66px; margin:0; width:273px; }

#headerBar h1.plancheck { background:url(../img/plancheck-logo.png) no-repeat 0 0; display:block; float:left; height:51px; margin:0; width:334px; }



.headwhite { color: #fff; font-weight: bold; }

.headwhite .info { background:url(../img/info.png) no-repeat 0 0; height: 35px; line-height: 35px; padding-left: 50px; }

.text-right { text-align: right; }



/*

 * Completion Area

 */

.projectDetails { float:right; padding:8px 0; }

.projectDetails h3 { float:left; font-size:1.375em; line-height:50px; margin:0; }



/** Form **/

.projectDetails form { float:left; margin:0 10px 0 20px; }

.projectDetails form select { font-size:1.188em; height:50px; padding-left:15px; padding-right:60px; }



/** Completion Bar **/

.projectDetails .completionPercentage { background-color:#fff; float:left; font-size:1.188em; height:50px; line-height:50px; overflow:hidden; padding:0 30px; position:relative;

  -webkit-border-radius: 6px;

          border-radius: 6px; 

  background-clip: padding-box;

}

.projectDetails .completionPercentage .completionAmount { position:relative; z-index:10; }

.projectDetails .completionPercentage .completionBar { background-color:#7abf41; height:100%; position:absolute; top:0; left:0; z-index:5; width:10%; }



/*

 * Progress Bar

 */

#progressBar { background-color:#02b7e8; padding:40px 0 30px; }

#progressBar ol { list-style:none; margin:0; padding:0; }

#progressBar ol li { color:#fff; float:left; line-height:20px; /*width:20%;*/ padding: 0 40px 10px 0; }

#progressBar ol li span,

#progressBar ol li.incomplete span { background-color:#94e2fa; display:inline-block; height:20px; margin-bottom:-3px; margin-right:15px; width:20px;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  background-clip: padding-box;

}

#progressBar ol li.current span { background-color:#003255; }

#progressBar ol li.complete { margin-top:-4px; }

#progressBar ol li.complete span { background:#fff url(../img/icon-complete.png) no-repeat 5px 8px; height:30px; margin-bottom:-9px; width:30px; }



/*

 * Content Area

 */

.progressSubheading { border-bottom:3px solid #f3f3f3; margin-bottom:20px; padding-bottom:15px; }

.progressSubheading h3,

.progressSubheading .formProgress { font-size:1.375em; margin:0; }

.progressSubheading h3 { float:left; }

.progressSubheading .formProgress { float:right; }



.formDivider .btn.prevBtn { margin-right:10px; }



/*

 * Project List

 */

#projectList { }

#projectList .project { background-color:#f8f8f8; margin-bottom:30px; padding:20px;

  -webkit-border-radius: 6px;

          border-radius: 6px;

  background-clip: padding-box;

}

#projectList .project h3 { float:left; line-height:50px; margin:0; }

#projectList .project .projectDetails { padding:0; }

#projectList .project .projectDetails a.btn { float:left; line-height:50px; margin-left:10px; padding:0 30px; }



/*

 * Form sections

 */

#formSections { }

#formSections a.sectionLink { color:#2b2f31; display:block; line-height:1; margin-bottom:1px; padding:15px 20px; position:relative;

  -webkit-border-radius: 4px;

          border-radius: 4px;

  background-clip: padding-box;

  background-color: #f5f6f7;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f6f7), to(#f3f4f5));

  background-image: -webkit-linear-gradient(top, #f5f6f7, #f3f4f5);

  background-image:    -moz-linear-gradient(top, #f5f6f7, #f3f4f5);

  background-image:      -o-linear-gradient(top, #f5f6f7, #f3f4f5);

  background-image:         linear-gradient(to bottom, #f5f6f7, #f3f4f5);

  border-bottom: 1px solid #fff;

}

#formSections a.sectionLink.complete,

#formSections a.sectionLink.skipped,

#formSections a.sectionLink.current {

  background-image: none;

  background-image: none;

  background-image: none;

  background-image: none;

  background-image: none;

}

#formSections a.sectionLink.complete { background: url(../img/icon-complete-blue-2.png) no-repeat 97% center #02b1e6; color:#fff; }

#formSections a.sectionLink.complete:after { content:''; display:block; height:13px; margin-top:-7px; position:absolute; right:15px; top:50%; width:19px; }

#formSections a.sectionLink.skipped { background-color: #f2f4f5; color:#cccccc; }

#formSections a.sectionLink.current { background-color: #003255; color:#fff; }

#formSections a.sectionLink:hover { background: #003255; color:#fff; }

#formSections a.sectionLink.complete:hover { background: url(../img/icon-complete-blue-2.png) no-repeat 97% center #003255; }

#wpmem_reg label, #wpmem_login label{

  width: 100% !important;

  height: auto !important;

  font-size: 18px !important;

  padding: 0 !important;

  margin: 0 0 5px;

}

#wpmem_reg .div_checkbox{display: block !important;}

/* ==========================================================================

   Responsive Styles

   ========================================================================== */

@media (max-width: 768px){

  .gform_wrapper .gform_fields .gfield.gfield_contains_required,

  .gfield_radio li,

  .form .row-wrapper,

  #wpmem_reg .form .captcha,

  #wpmem_reg .form .req-text{width: 100%;}

  #wpmem_reg .form .captcha{

    text-align: left;

  }

  .form .row-wrapper{

    padding: 0 0 15px;

  }

}

@media (min-width: 400px) {

  .productContent .btn.darkBlueBtn { margin-left:10px; }  

  #topBar header h1 a { height:93px; width:329px; }
  #topBar header h1{padding: 30px 0;}

}



@media (min-width: 768px) {



  #footerPush { margin: 0 auto -80px; }

  

  #topBar header h1 { padding:30px 0; }

  

  #topBar header .navigationContainer { clear:both; padding-top:20px; }

  #topBar header .navigationContainer nav { clear:none; float:left; }

  #topBar header .navigationContainer nav ul { list-style:none; margin:0; padding:0; }

  #topBar header .navigationContainer nav ul li { border-top:none; float:left; position:relative; }

  #topBar header .navigationContainer nav ul li a { border-bottom:none; color:#fff; display:block; font-size:1.188em; line-height:33px; padding:0 0 20px 0; }

  #topBar header .navigationContainer nav ul li.current_page_item a,

  #topBar header .navigationContainer nav ul li.current_page_item a:hover { color:#09b7e8; }

  #topBar header .navigationContainer nav ul li a:hover { background-color:transparent; color:#80c341; }

  

  #topBar header .navigationContainer nav ul li.menu-item-has-children:after {

    display:none;

    width: 0;

    height: 0;

    vertical-align: middle;

    border-bottom: 10px solid #0bb6e6;

    border-right: 10px solid transparent;

    border-top: 0 dotted;

    border-left: 10px solid transparent;

    content: "";

    position:absolute; bottom:0; left:50%;

    margin-left:-10px;

  }

  #topBar header .navigationContainer nav ul li.current_page_item.menu-item-has-children:after,

  #topBar header .navigationContainer nav ul li.current_page_ancestor.menu-item-has-children:after { border-top-color:#415a69; }

  #topBar header .navigationContainer nav ul li.menu-item-has-children:hover:after { display:block; }

  

  /** Dropdowns **/

  #topBar header .navigationContainer nav ul li ul { background-color:#0bb6e6; display:none; padding:20px; margin-left:-60px; position:absolute; left:50%; width:280px;

    -webkit-border-radius: 6px;

        border-radius: 6px;

    background-clip: padding-box;

  }

  #topBar header .navigationContainer nav ul li:hover ul { display:block; }

  #topBar header .navigationContainer nav ul li ul li { border-top:1px solid #4bc2e4; float:none; right:auto; margin:0; }

  #topBar header .navigationContainer nav ul li ul li:first-child { border-top:none; }

  #topBar header .navigationContainer nav ul li ul li a { color:#fff; display:block; font-size:1em; height:auto; line-height:1; padding:15px; }

  #topBar header .navigationContainer nav ul li ul li a:hover { background-color:#46d0f7; color:#003255; }

  

  .navigationContainer.small { padding-bottom:0; }

  .navigationContainer.small nav li { margin-left:0px !important; margin-right:15px !important; }

  .navigationContainer.small .social { float:right; }

  

  #featuredArea { height:400px; }

  #featuredArea ul li { height:400px; }

  #featuredArea .container { padding-bottom:0; padding-top:0; }

  #featuredArea .container .slideContent { padding-top:60px; }

  #featuredArea .container h2 { font-size:5em; }

  #featuredArea .container p { font-size:1.125em; margin:1.25em 0 1.75em; }

  #featuredArea .container .btn.darkBlueBtn { margin-left:10px; }

  

  #featuredNav ul li span { font-size:1.250em; height:70px; line-height:70px; }

  

  #featuredArea.internal .container { padding-bottom:80px; padding-top:80px; }

  #featuredArea.internal h2 { font-size:5em; }

  #featuredArea.internal p { font-size:1.250em; }

  

  /** Conatact Form **/

  #field_1_1,

  #field_1_2 { margin-top:0; }

  

  #field_1_1,

  #field_1_2,

  #field_1_3,

  #field_1_4,

  #field_1_5,

  #field_1_6 { display:block; width:50%; }

  

  #field_1_1,

  #field_1_3,

  #field_1_5 { float:left; padding-right:15px; }

  

  #field_1_2,

  #field_1_4,

  #field_1_6 { float:right; padding-left:15px; }

  

  #field_1_7 { clear:both; }

  

  #field_1_5,

  #field_1_6 { margin-bottom:30px; }

  

  #push { height:80px; }

  #bottomBar { height:80px; }

  

  #customerDetails .row.top { margin-bottom:30px; }

  #customerDetails input,

  #customerDetails select

  #paymentDetails input,

  #paymentDetails select { margin-bottom:0; }

  

}

@media (min-width: 992px) {

  

  #topBar header h1 { float:left; margin:0; padding:30px 0; }

  

  #topBar header .headerRight .navigationContainer nav ul li { margin-right:15px; }

  #topBar header .headerRight .navigationContainer nav ul li ul li { margin-right:0; }

  

  #topBar header .navigationContainer nav ul li ul { margin-left:-140px; }

  

  #featuredArea { height:580px; }

  #featuredArea ul li { height:580px; }

  #featuredArea .container { padding-bottom:60px; padding-top:60px; text-align:left; }

  #featuredArea .container .slideContent { padding-top:80px; }

  #featuredArea .container h2 { font-size:5em; }

  #featuredArea .container p { font-size:1.125em; margin:1.25em 0 1.75em; }

  #featuredArea .container .btn.darkBlueBtn { margin-left:10px; }

  

  #featuredNav ul li span { font-size:1.250em; height:70px; line-height:70px; }

  

  #featuredArea.internal .container { padding-bottom: 50px; padding-top: 50px; }

  #featuredArea.internal h2 { font-size:4em; }

  #featuredArea.internal p { font-size:1.125em; }

  

  #purchaseContainer .planCheck { padding-top:80px; }

  

  #bottomBar nav { float:left; margin-bottom:0; }

  #bottomBar .legality { clear:none; float:right; }

  

  .leftCol { padding-right:45px; }

  .col-divider { margin-top:0; }

  

}

@media (min-width: 1200px) {

  

  #topBar header .headerRight .navigationContainer nav ul li { margin-right:30px; }

  #topBar header .headerRight .navigationContainer nav ul li ul li { margin-right:0; }

  

}



/** Shadowbox **/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}

#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}

#sb-overlay{position:relative;height:100%;width:100%;}

#sb-wrapper{position:absolute;visibility:hidden;width:100px;}

#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}

#sb-body{position:relative;height:100%;}

#sb-body-inner{position:absolute;height:100%;width:100%;}

#sb-player.html{height:100%;overflow:auto;}

#sb-body img{border:none;}

#sb-loading{position:relative;height:100%;}

#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}

#sb-loading-inner span{background:url(../img/loading.gif) no-repeat;padding-left:34px;display:inline-block;}

#sb-body,#sb-loading{background-color:#060606;}

#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}

#sb-title,#sb-title-inner{height:26px;line-height:26px;}

#sb-title-inner{font-size:16px;}

#sb-info,#sb-info-inner{height:20px;line-height:20px;}

#sb-info-inner{font-size:12px;}

#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}

#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}

#sb-nav-close{background-image:url(../img/close.png); border-bottom:none;}

#sb-nav-next{background-image:url(../img/next.png); border-bottom:none;}

#sb-nav-previous{background-image:url(../img/previous.png); border-bottom:none;}

#sb-nav-play{background-image:url(../img/play.png); border-bottom:none;}

#sb-nav-pause{background-image:url(../img/pause.png); border-bottom:none;}

#sb-counter{float:left;width:45%;}

#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}

#sb-counter a.sb-counter-current{text-decoration:underline;}

div.sb-message{font-size:12px;padding:10px;text-align:center;}

div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}





/* ==========================================================================

   Helper classes

   ========================================================================== */



/*

 * Image replacement

 */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    /* IE 6/7 fallback */

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */



.invisible {

    visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.clearfix {

    *zoom: 1;

}



/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   Theses examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 35em) {

    /* Style adjustments for viewports that meet the condition */

}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}





.colorblue { color:#0abfeb; }

.colorgreen { color:#7dc141; }



.project-detail input[type="radio"] { display: inline-block; }

.edit_number { float: left; margin: 15px 15px 0 15px; }



.page-id-31 li, .page-id-33 li { margin-bottom: 10px; }

.userHeader.active {text-decoration:underline;}

/* tooltip */

.tooltip-holder {

  position:relative;

  max-width:343px;

  color:#fff;

  background:#003255;

  border-radius:5px;

  padding:13px 10px 12px 16px;

  font:14px/18px 'Nexa Regular', Arial, Helvetica, sans-serif;

}

.tooltip-holder a {

  color:#fff !important;

}

.tooltip-holder a:hover {

  text-decoration:none !important;

}

.tooltip-holder:after {

  content:"";

  position:absolute;

  left:50%;

  top:100%;

  width:0;

  height:0;

  overflow:hidden;

  border:9px solid;

  border-color:#003255 transparent transparent;

  margin-left:-7px;

}

.tooltip-holder .pic {

  float:left;

  margin:5px 15px 0 0;

}

.tooltip-holder .text {

  overflow:hidden;

}

.tooltip-holder strong {

  display:block;

  font-weight:normal;

  font-family:'Nexa Bold', Arial, Helvetica, sans-serif;

  margin-bottom:5px;

}

.tooltip-holder span {

  display:block;

}

@media screen and (max-width: 639px) {

  .tooltip-holder {

    max-width:290px;

  }

  .tooltip-holder .pic {

    display:block;

    float:none;

    margin:5px auto 14px;

  }

  .tooltip-holder strong {

    text-align:center;

  }
  .generatedcontent .btn.prevBtn, .generatedcontent .btn.nextBtn {
    padding: 20px;
}
.generatedcontent .btn.prevBtn, .generatedcontent .btn.nextBtn {
    padding: 20px;
    margin: 0 0 20px;
}
.projectDetails h3{width: 100%;}
.projectDetails form{margin: 0 10px 0 0;}
.projectDetails form select{width: 186px;}
#topBar header .headerRight .topFunctions #clientLogin{right: -5px;}
#topBar header .headerRight .topFunctions a.NewsletterBtn{right: 152px;}
}