/*
Template Name:      Marketing 360® Bigcommerce Template Template 109
Version:            0.1.0
Author:             Madwire Media SWAT Team
Author URI:         http://www.madwire.com
*/

/* =============================================================================
   Base !n! !bas
   ========================================================================== */

a,
.btn.btn-link,
.text-color {
   color: #00C9FF;
}
a:hover,
.btn.btn-link:hover {
   color: #D3980C;
}

.btn,
.ExpressCheckoutBlock .ExpressCheckoutTitle,
#PrimaryMenu ul li.dropdown ul a:hover,
#SideCatPopOut ul li ul a:hover {
   background: #272829;
   color: #fff;
}
.btn:hover {
   background: #111;
   color: #fff;
}

.btn.alt,
.newsletter-subscription {
   background: #1ACFFF;
   color: #fff;
}
.btn.alt:hover,
.btn.alt:focus {
   background: #D3980C;
   color: #fff;
}

.btn.btn-lg {
    padding: 14px 20px;
    font-size: 22px;
    text-transform: uppercase;
}

/* Buttons */

.btn-hollow {
    background: none;
    border: 2px solid #ff6c08;
    color: #ff6c08;
}
.btn-hollow:hover,
.btn-hollow:focus {
    background: #ff6c08;
    color: #fff;
}
.btn-hollow.btn-white {
    border-color: #fff;
    color: #fff;
}
.btn-hollow.btn-white:hover,
.btn-hollow.btn-white:focus {
    background: #fff;
    color: #333;
}

/* hero button */
.home-banner a.btn.btn-primary {
    background-color: #ff6c08;
}

.home-banner a.btn.btn-primary:hover {
    background-color: #272829;
}


/* =============================================================================
   Header !n! !hdr
   ========================================================================== */

/* Top Bar */

.header-topbar {
   padding: 10px 0;
   background: #333333;
   color: #fff;
}
.header-topbar p {
   margin-bottom: 0;
}
.header-topbar .TopMenu {
   margin-bottom: 0;
}
.header-topbar .TopMenu a:hover {
   color: #fff;
}
.header-topbar .TopMenu .CartLink a {
   color: #fff;
}
#cart-amount{
    float: right;
}

.header-topbar .SocialConnect {
   margin-bottom: 0;
}
.header-topbar .SocialConnect ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: right;
}
.header-topbar .SocialConnect ul li {
   display: inline-block;
   margin-left: 10px;
}

/* Header */

.header-logo {margin-top: 20px;}

.body-home .header,
.body-home #Header {
   margin-bottom: 0;
}

#Header {
   padding: 10px 0;
}

/* Main Nav */

.header .PrimaryMenu-wrap {
   margin-top: 11px;
   border: none;
}

/* =============================================================================
   Content !n! !cnt
   ========================================================================== */


/* =============================================================================
   Sidebar !n! !sdb
   ========================================================================== */

/* Move Left Sidebar to the Right */

.Left {
    float: left;
    padding-left: 20px;
    padding-right: 0;
}
.Left h3 {
    margin-bottom: 10px;
    font-weight: 600;
}

/* =============================================================================
   Footer !n! !ftr
   ========================================================================== */

/* Newsletter */

.newsletter-subscription {
   border: none;
}
.newsletter-subscription .btn {
   padding: 8px 12px;
   font-size: 14px;
   font-weight: 400;
   background-color: #67ccff;
}

.newsletter-subscription .btn:hover {
   padding: 8px 12px;
   font-size: 14px;
   font-weight: 400;
   background-color: #fff;
    color: #67ccff;
}
/* Footer Main */

.footer-main {
   font-size: 13px;
}
.footer-main h4 {
   border-top: 2px solid #ff6c08;
   padding-top: 15px;
}

.footer-links {
   padding: 20px 0 10px;
   background: #e6e6e6;
   color: #555;
}
.footer-links #socnet {
    margin: 0;
    padding: 0;
}
.footer-links #socnet ul {
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    text-align: right;
}
.footer-links #socnet ul li {
    display: inline-block;
    margin-left: 10px;
}

/* =============================================================================
   Miscelaneous !n! !msc
   ========================================================================== */


/* =============================================================================
   Pages !n! !pgs
   ========================================================================== */


/* =============================================================================
   Category !n! !ctg
   ========================================================================== */


/* =============================================================================
   Product Lists !n! !pls
   ========================================================================== */

.ProductList li {
    font-weight: 700;
}
.ProductList li .inner {
    padding: 10px;
    border: 1px solid #eee;
}

/* =============================================================================
   Product !n! !prd
   ========================================================================== */


/* =============================================================================
   Cart !n! !crt
   ========================================================================== */


/* =============================================================================
   Checkout !n! !chk
   ========================================================================== */


/* =============================================================================
   Order !n! !ord
   ========================================================================== */


/* =============================================================================
   Account !n! !acct
   ========================================================================== */


/* =============================================================================
   Home Page !n! !hpg
   ========================================================================== */

.home-banner {
   /*background: url(../img/hero.jpg) top center no-repeat;
   background-attachment: fixed; */
   background: url(https://cdn2.bigcommerce.com/n-zfvgw8/juoflv6a/product_images/uploaded_images/hero-bg-new.png) top center no-repeat;
   color: #000;
   text-shadow: 1px 1px 2px rgba(255,255,255,0.15);
}

.home-banner .cta-heading {
    color: #264D6E;
}

.home-banner .cta-subheading1 {
    color: #020202;
}

.cta-heading {
   font-size: 44px;
   font-weight: 700;
   font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
}

.cta-heading1 {
   font-size: 24px;
   font-weight: 900;
   font-family: 'Roboto', sans-serif;
   line-height: 0;
   color: #000;
    margin-top:100px;
}
.cta-heading2 {
   font-size: 30px;
   font-weight: 900;
   font-family: 'Roboto', sans-serif;
   line-height: 0;
   color: ##fff;
   display:inline-block;
   margin-top: 200px;
   padding-right: 10px;
}

.cta-heading3 {
   font-size: 30px;
   font-weight: 900;
   font-family: 'Roboto', sans-serif;
   line-height: 1.5;
   color: #fff;
}
.cta-subheading {
   font-size: 16px;
   font-weight: 300;
   font-family: 'Roboto', sans-serif;
}

.cta-subheading3 {
   font-size: 16px;
   font-weight: 300;
   font-family: 'Roboto', sans-serif;
   color: #fff;
}

.cta-subheading1 {
   font-size: 30px;
   font-weight: 300;
   font-family: 'Roboto', sans-serif;
   line-height: 90%;
}

.cta-subheading2 {
   font-size: 30px;
   font-weight: 300;
   font-family: 'Roboto', sans-serif;
   line-height: 90%;
    display: inline-block;
}

.section-padding {
   padding: 60px 0;
}


/* cta background full width & color */
.cta-row1 {
     background-color: #67ccff;
}

.cta-row2 {
    margin-top: 30px;
    margin-bottom:-14px;
}

.cta-row3 {
    margin-bottom:20px;
}
.cta-row {
   background: url(../img/lookbook.jpg) top center no-repeat;
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
   height: 480px;
}




/* =============================================================================
   Media Queries !n! !mqs
   ========================================================================== */

/* Up to 1199px */
@media screen and (max-width: 1199px) {

}

/* Up to 991px */
@media screen and (max-width: 991px) {

   .header-logo {
      float: none;
      text-align: center;
      margin: initial;
   }

   #SearchForm {
      float: none;
      max-width: 500px;
      margin: 0 auto;
   }

   .home-banner {
      background-attachment: scroll;
   }

}

/* Up to 767px */
@media screen and (max-width: 767px) {

   /* Homepage */

   .home-banner {
    background: url(https://cdn2.bigcommerce.com/n-zfvgw8/juoflv6a/product_images/uploaded_images/hero-bg-mobilenew.png?t=1446834741) 0 25px no-repeat;
    padding: 70px 70px 10px;
    background-size: 100%;
   }

   .home-banner .cta-heading {
    font-size: 36px;
   }

   .home-banner .cta-subheading1 {
    display: none;
   }

   .section-padding {
      padding: 20px 0;
   }

   .cta-row {
      padding: 20px 0;
   }

   /* Footer */

   /* Footer */
   .footer-links #socnet ul {
      text-align: center;
   }

}

/* Up to 480px */
@media screen and (max-width: 480px) {
    .home-banner {
    background: url(https://cdn2.bigcommerce.com/n-zfvgw8/juoflv6a/product_images/uploaded_images/hero-bg-new.png) top right no-repeat;
    color: #fff;
    text-shadow: none;
    padding: 70px 15px 10px;
   }

   .home-banner .cta-heading {
    font-size: 30px;
    color: #fff;
   }


}

@media screen and (min-width: 768px) {

   /* Buttons */

   .btn {
      padding: 10px 14px;
      font-size: 16px;
      font-weight: 600;
   }

   /* Align Middle */

   .align-wrap {
      display: table;
      width: 100%;
      height: 200px;
   }
   .align-middle {
      display: table-cell;
      vertical-align: middle;
   }

   /* Homepage */
   .home-banner,
   .home-banner .align-wrap {
      height: 610px;
   }

}