/**********************************************************************************
               _                      _             
              (_)  ___    ___  _ _   (_) _ __   _ _ 
              | |/' _ '\/',__)( '_'\ | |( '__)/'_' )
              | || ( ) |\__, \| (_) )| || |  ( (_| |
              (_)(_) (_)(____/|  __/ (_)(_)   \__,_)
                              | |                   
                              (_)                   

                           Cris - Nov 2014 

*************************************************************************************/

/* fonts */
@font-face {
    font-family: 'pf_dintext_proregular';
    src: url('pfdintextpro-regular-webfont.eot');
    src: url('pfdintextpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfdintextpro-regular-webfont.woff2') format('woff2'),
         url('pfdintextpro-regular-webfont.woff') format('woff'),
         url('pfdintextpro-regular-webfont.ttf') format('truetype'),
         url('pfdintextpro-regular-webfont.svg#pf_dintext_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pf_dintext_promedium';
    src: url('pfdintextpro-medium-webfont.eot');
    src: url('pfdintextpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfdintextpro-medium-webfont.woff2') format('woff2'),
         url('pfdintextpro-medium-webfont.woff') format('woff'),
         url('pfdintextpro-medium-webfont.ttf') format('truetype'),
         url('pfdintextpro-medium-webfont.svg#pf_dintext_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pf_dintext_probold';
    src: url('pfdintextpro-bold-webfont.eot');
    src: url('pfdintextpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfdintextpro-bold-webfont.woff2') format('woff2'),
         url('pfdintextpro-bold-webfont.woff') format('woff'),
         url('pfdintextpro-bold-webfont.ttf') format('truetype'),
         url('pfdintextpro-bold-webfont.svg#pf_dintext_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pf_dintext_prolight';
    src: url('pfdintextpro-light-webfont.eot');
    src: url('pfdintextpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfdintextpro-light-webfont.woff2') format('woff2'),
         url('pfdintextpro-light-webfont.woff') format('woff'),
         url('pfdintextpro-light-webfont.ttf') format('truetype'),
         url('pfdintextpro-light-webfont.svg#pf_dintext_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* global */
body{ font-family:'pf_dintext_proregular',sans-serif; }

/* icons */
*[class^="icon-"]{ background-image:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/pools-icons.png?17329508345122738267); cursor:pointer; }

.icon-search{ background-position:0 0; height:30px; width:30px; display:inline-block; margin-right:12px; }
.icon-search-mobile{ background-position:-120px -33px; height:30px; width:28px; display:inline-block; }

.icon-twitter{ background-position:-29px 0; height:30px; width:30px; display:inline-block; margin-right:12px; }
.icon-facebook{ background-position:-59px 0; height:30px; width:30px; display:inline-block; margin-right:12px; }
.icon-google{ background-position:-90px 0; height:30px; width:30px; display:inline-block; margin-right:12px; }

.icon-twitterbig{ background-position:0px -88px; height:45px; width:45px; display:inline-block; }
.icon-facebookbig{ background-position:-52px -88px; height:45px; width:45px; display:inline-block; }
.icon-googlebig{ background-position:-105px -88px; height:45px; width:45px; display:inline-block; }

.icon-menu{ display: inline-block; float:left; background-position:-120px -60px; height:30px; width:28px; }
.icon-user{ display: inline-block; background-position:-90px -32px; height:30px; width:28px; }
.icon-cart{ display: inline-block; background-position:-60px -32px; height:30px; width:28px; }

.icon-close{ display: inline-block; background-position: -9px -39px; height: 42px; width: 42px; float:right; position:relative; cursor:pointer; }

.pools-com{ background:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/pools-com.png?17329508345122738267) no-repeat; margin-top: -7px; display: inline-block; width: 205px; height:45px; }

.btn:hover{ color:#000 !important; }

/* overlay */
#overlay{ display:none; background-image:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/pools-overlay.jpg?17329508345122738267); opacity:0.75; z-index: 8008; width: 100%; height: 100%; position: fixed; }
#overlay:before{ background-color:rgba(92,188,178,0.75); width:100%; height:100%; content:""; position: absolute; }

/* header */
#header{ position:fixed; width:100%; z-index:8001; }
#logo { text-align: left; }

.header_row_1 .show-mobile{ display:none; }
.header_row_1{ background: #f7f8f7; padding: 15px 0px 15px 15px; height: 58px; }
.header_row_1 a{ color:#000000; }
.header_row_1 .search-head-col{ color:#df572b; font-size:22px; letter-spacing: 1.4px; cursor:pointer; }
.header_row_1 .search-txt{ vertical-align:top !important; }
.header_row_1 .cart-total-items,.header_row_1 .cart-total-price{ color:#df572b; font-weight: 400; }
.header_row_1 .social-head-col{ width:14%; }
.header_row_1 .social-header li{ float:left; }
.header_row_1 .last-head-col{ height:58px; margin-top:-15px; text-align:center; padding:15px 5px 15px 5px; background:#ffe193; width: 11%; float: right; }
.header_row_1 .menu-txt{ padding-top:5px; }

.header_row_2 {padding: 20px 0;}

#mobile-menu{ cursor:pointer; }

/* navigation */
#navigation nav a, .main-menu a{ font-family:'pf_dintext_proregular',sans-serif; text-transform:uppercase; font-size:17px; font-weight:400; }

#mobile-navigation{ display:none; position: fixed; width: 250px; left:0; top: 0; background: #fff9e9; height: 100%; overflow-y:scroll !important; z-index: 8001; -ms-overflow-style: none; overflow: -moz-scrollbars-none; }
#mobile-navigation::-webkit-scrollbar { width: 0 !important }
#mobile-navigation .container{ padding: 20px 15px; }
#mobile-navigation .main-menu li{ float:none; }
#mobile-navigation .main-menu li a{ color:#343031; text-transform:uppercase; font-weight:400; }
#mobile-navigation .main-menu li a:hover{ color:#df572b; }
#mobile-navigation .main-menu li ul li:hover a{ color:#df572b; }
#mobile-navigation .main-menu ul{ position: relative; top: 0; padding: 0px 20px; }
#mobile-navigation .main-menu ul li{ padding: 2px 20px; }
#mobile-navigation .main-menu ul li a{ color:#cbd1cb; font-size:15px; line-height:15px; text-transform:uppercase; }

#search-mobile-menu{ color: #df572b; font-size: 22px; letter-spacing: 1.4px; cursor: pointer; background:rgba(0,0,0,0.0.5);}
#search-mobile-menu .search-txt{ vertical-align: top; }

#mobile-navigation .mobile-social{ padding: 15px; }
#mobile-navigation .mobile-social li{ float:left; }

/* sticky header */
#header.sticky #navigation .container{ background:rgba(247,248,247,0.8);}
#header.sticky #navigation .main-menu > li > a{ height:34px; }
#header.sticky .header_row_2{ display:none; }
#header.sticky #navigation .main-menu > li > a{ padding:5px 20px; }
#header.sticky #navigation .main-menu ul{ top:34px; }
#header.sticky #navigation .main-menu > li.has-dropdown:hover{ background:rgba(235,137,57,1); }
#header.sticky #navigation .main-menu ul{ background:rgba(235,137,57,1); }

/* footer */
#footer .container div:first-child{ float:left; }
#footer .container div:last-child{ float:right; }
#footer .top-row{ background:#f7f8f7; border-bottom:1px solid #cecece; border-top:1px solid #cecece; }
#footer .social-bottom{ padding:15px 0 0 0; }
#footer ul li{ display:inline-block; }
#footer .copyright { margin-top:0; padding:15px 0 0 0; font-family:'pf_dintext_promedium',sans-serif; font-weight:400; font-size: 16px; color:#5cbcb2; }
#footer .footer-link-list{ padding:15px 0 0 0; }
#footer .footer-link-list a{ padding-left:15px; font-family:'pf_dintext_proregular',sans-serif; font-weight:400; font-size: 14px; color:#707070; }

/* search */
#search_overlay{ display:none; position:absolute; width: 100%; z-index: 8002; background:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/white.jpg?17329508345122738267); }
#search_overlay .field-holder{ width: 80%; }
#search_overlay input#q{ color:#df572b; font-size:22px; letter-spacing: 1.4px; width: 80%; }
#search_overlay .header_row_1{ padding: 15px 0px 15px 0px; }
#search_overlay .search-results{ margin-top:50px; }
#search_overlay .search-product{ width:24%; min-height: 270px; margin-right:1.333%; float:left; text-align:center; }
#search_overlay li:nth-child(4n+4){ margin-right:0; }
#search_overlay .search-product img{ max-height:150px; width:auto; display:block; margin:auto; }
#search_overlay .search-product .title{ font-family: 'pf_dintext_probold'; font-size:16px; font-weight:400; padding-top: 10px; text-transform:uppercase; color:#df572b; display:block; }
#search_overlay .search-product .price{ font-family: 'pf_dintext_promedium'; font-size:14px; font-weight:400; color:#5cbcb2; display:block;}

/* login */
#login_overlay{ display:none; width:420px; position:absolute; z-index:8009; margin: 10% -210px; left: 50%; padding: 20px; background:#ffffff; }
#login_overlay .page_heading{ width:40%; text-transform:uppercase; font-size:24px; padding-top: 15px; color:#1b9cc7; font-family: 'pf_dintext_promedium'; }
#login_overlay .page_heading2{ width:100%; text-transform:uppercase; font-size:24px; padding-top: 15px; color:#1b9cc7; font-family: 'pf_dintext_promedium'; }
#login_overlay .icon-close{ margin-top: -40px; }
#login_overlay form{ padding-top:40px; }
#login_overlay input{ background: #e5e5e5; width:100%; padding: 15px 20px; border: 1px solid #e5e5e5; margin-bottom: 15px; color:#1b9cc7; font-family:'pf_dintext_proregular',sans-serif; font-weight:400; font-size: 22px; }
#login_overlay input:first-child{ margin-bottom:8px; }
#login_overlay .submit-login{ width: 120px; background: #df572b; color:#ffffff; padding: 10px; border:none; }
#login_overlay .submit-login:hover{ background: #df572b; }
#login_overlay .action_bottom .right-box{ float:right; }
#login_overlay .action_bottom span.note{ line-height: 50px; vertical-align: top; color:#cbd1cb; font-family: 'pf_dintext_promedium'; font-size:16px; font-weight:400; }
#login_overlay .action_bottom a{ line-height: 50px; vertical-align: top; color:#1b9cc7; font-family: 'pf_dintext_promedium'; font-size:16px; font-weight:400; }

/* cart overlay */
#cart_overlay{ display:none; width:380px; position:absolute; z-index:8009; margin: 10% -190px; left: 50%; padding: 20px; background:#ffffff; }
#cart_overlay .page_heading{ width:60%; text-transform:uppercase; font-size:24px; padding-top: 15px; color:#1b9cc7; font-family: 'pf_dintext_promedium'; }
#cart_overlay .icon-close{ margin-top: -40px; }
#cart_overlay .item-added{ min-height:200px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; margin: 20px 0px; padding: 20px 0px; }
#cart_overlay img{ max-height:150px; width: 45%; float: left; margin-right: 20px; }
#cart_overlay .txt-box{ float:right; width:45%; }
#cart_overlay h3{ font-family: 'pf_dintext_probold'; font-size:16px; line-height: 17px; color:#df572b; text-transform:uppercase; font-weight:400; }
#cart_overlay span{ font-family: 'pf_dintext_promedium'; font-size:14px; color:#cbd1cb; font-weight:400; }
#cart_overlay a{ font-family: 'pf_dintext_promedium'; font-size:14px; color:#1b9cc7; font-weight:400; }
#cart_overlay .go-checkout{ font-family: 'pf_dintext_proregular'; font-size:22px; background: #df572b; color:#ffffff; padding: 10px 20px; }
#cart_overlay .go-checkout:hover{ background: #df572b; color:#ffffff; }
#cart_overlay .action_bottom{ margin-bottom:20px; }

/* inner page */
#main {margin-top: 205px;}

/* HOMEPAGE */

/* slideshow */
.loading{ background:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/camera-loader.gif?17329508345122738267)no-repeat center center; min-height:300px; }
.loading .txt-caption{ display:none; }

#flexslider { margin-top:-105px; margin-bottom:30px; }
#flexslider .txt-caption{ background-image:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/overlay-cream.jpg?17329508345122738267); padding: 20px 20px 5px 20px; }
#flexslider .txt-caption h2{ font-family: 'pf_dintext_promedium'; font-size:34px; color:#df572b; text-transform:uppercase; font-weight:400; }
#flexslider .txt-caption h3{ font-family: 'pf_dintext_prolight'; font-size:30px; color:#5cbcb2; text-transform:uppercase; }

/* home content */
.featured-collections .featured-link{ width:24%; margin-right: 1.33%; margin-bottom: 15px; position:relative; float: left; overflow:hidden; }
.featured-collections a:last-child .featured-link{ margin-right:0; }
.featured-collections .featured-link img{ max-width:365px; height:auto; }
.featured-collections .featured-link .txt-box{ position:absolute; padding: 20px 20% 20px 20px; margin-top: -135px; }
.featured-collections .featured-link h2{ font-family: 'pf_dintext_promedium'; font-size:30px; line-height:30px; margin: 5px 0px; color:#ffffff; font-weight:400; }
.featured-collections .featured-link h4{ font-family: 'pf_dintext_proregular'; font-size:18px; line-height:18px; margin: 5px 0px; color:#343031; font-weight:400; }
.featured-collections .hidden-info{ display:none; }

.index-scope #bug-overlay{ display:none; }
.index-scope #bug-overlay .complete-description{ margin-bottom: 40px; }
.index-scope #bug-overlay img{ margin:10px 20px 20px 10px; float:left; }
.index-scope #bug-overlay .bug-description{ display:inline; }
.index-scope #bug-overlay .box-txt{ float:left; width: 60%; padding-left: 20px; font-family: 'pf_dintext_proregular'; font-size:15px; font-weight:400; color:#aeacad; }
.index-scope #bug-overlay h3{ font-family: 'pf_dintext_promedium'; font-size:43px; font-weight:400; color:#df572b; }
.index-scope #bug-overlay .back{ font-family: 'pf_dintext_promedium'; font-size:17px; font-weight:400; color:#1b9cc7; cursor:pointer; display:block; padding-top:10px; }
.index-scope #bug-overlay h4{ font-family: 'pf_dintext_promedium'; font-size:21px; font-weight:400; color;#343031; padding-bottom: 20px; }
.index-scope #bug-overlay .bug-loop-product-related a{ width:24%; min-height:250px; margin-right:1.333%; float:left; text-align:center; }
.index-scope #bug-overlay .bug-loop-product-related a:nth-child(4){ margin-right:0; }
.index-scope #bug-overlay .bug-loop-product-related img{ float:none; margin:auto; border: 1px solid #cecece; padding: 15px; }
.index-scope #bug-overlay .bug-loop-product-related h2{ font-family: 'pf_dintext_probold'; font-size:16px; font-weight:400; text-transform:uppercase; color:#df572b; }
.index-scope #bug-overlay .bug-loop-product-related h4{ font-family: 'pf_dintext_promedium'; font-size:14px; font-weight:400; color:#5cbcb2; }


.featured-links{ padding-bottom:30px; }
.featured-links .featured-link{ width:49%; float:left; overflow:hidden; min-height:270px; position:relative; }
.featured-links a:nth-child(even) .featured-link{ float:right; }
.featured-links .featured-link img{ min-height: 270px; min-width: 547px; width:100%; max-width: inherit; position:absolute; }
.featured-links .featured-link .frame-left{ position:absolute; background:#fff9e9; width:15px; height: 170px; left:0; top:70px; z-index: 2; }
.featured-links .featured-link .frame-right{ position:absolute; background:#fff9e9; width:15px; height: 170px; right:0; top:70px; z-index: 2; }
.featured-links .featured-link .txt-box{ text-align:center; position:absolute; bottom:0; width:100%; }
.featured-links .featured-link .txt-box h2{ font-family: 'pf_dintext_promedium'; font-size:28px; font-weight:400; color:#eb8939; margin:0 auto; }
.featured-links .featured-link .txt-box h2 span:first-child{ color:#df572b; }
.featured-links .featured-link .txt-box h2 span:last-child{ color:#5cbcb2; }

.product-loop-index .product-index{ width:24%; margin-right:1.333%; float:left; text-align:center; margin-bottom:10px; }
.product-loop-index .product-index.last-element{ margin-right:0; }
.product-loop-index .product-index img{ width:100%; }
.product-loop-index .product-index h2{ font-family: 'pf_dintext_probold'; font-size:16px; font-weight:400; text-transform:uppercase; color:#df572b; }
.product-loop-index .product-index h4{ font-family: 'pf_dintext_promedium'; font-size:14px; font-weight:400; color:#5cbcb2; }
.product-loop-index .product-index form{ float:left; }
.product-loop-index .product-index a.btn:hover{ color:#000 !important; }

#bottom .bottom-mad{ width:32%; margin-right:2%; padding: 10px 0px; float:left; position:relative; }
#bottom a:first-child .bottom-mad{ background:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/orange.jpg?17329508345122738267); }
#bottom a:nth-child(even) .bottom-mad{ background:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/blue.jpg?17329508345122738267); }
#bottom a:last-child .bottom-mad{ background:url(//cdn.shopify.com/s/files/1/0513/7453/t/6/assets/green.jpg?17329508345122738267); margin-right:0; }
#bottom .bottom-mad .txt-box{ position:absolute; padding-left:90px; margin-top:-75px; }
#bottom .bottom-mad .txt-box h2{ font-family: 'pf_dintext_promedium'; font-size:22px; font-weight:400; margin:0; color:#ffffff; text-transform:uppercase; }
#bottom .bottom-mad .txt-box h3{ font-family: 'pf_dintext_proregular'; font-size:16px; font-weight:400; margin:0; color:#ffffff; }

/* help & support */
.help-support .page_heading{ font-family: 'pf_dintext_promedium'; font-size:43px; font-weight:400; color:#eb8939; text-align:center; text-transform:uppercase; }
.help-support .page_heading span:first-child{ color:#df572b; }
.help-support .page_heading span:last-child{ color:#5cbcb2; } 
.help-support #bug-overlay{ display:none; }
.help-support #bug-overlay .complete-description{ margin-bottom: 40px; }
.help-support #bug-overlay img{ margin:10px 20px 20px 10px; float:left; }
.help-support #bug-overlay .bug-description{ display:inline; }
.help-support #bug-overlay .box-txt{ float:left; width: 60%; padding-left: 20px; font-family: 'pf_dintext_proregular'; font-size:15px; font-weight:400; color:#aeacad; }
.help-support #bug-overlay h3{ font-family: 'pf_dintext_promedium'; font-size:43px; font-weight:400; color:#df572b; }
.help-support #bug-overlay .back{ font-family: 'pf_dintext_promedium'; font-size:17px; font-weight:400; color:#1b9cc7; cursor:pointer; display:block; padding-top:10px; }
.help-support #bug-overlay h4{ font-family: 'pf_dintext_promedium'; font-size:21px; font-weight:400; color;#343031; padding-bottom: 20px; }
.help-support #bug-overlay .bug-loop-product-related .product-bug{ width:23%; min-height:370px; margin-right:1.333%; float:left; text-align:center; }
.help-support #bug-overlay .bug-loop-product-related .product-bug.last-element{ margin-right:0; }
.help-support #bug-overlay .bug-loop-product-related img{ height:150px; float:none; margin:auto; border: 1px solid #cecece; padding: 15px; }
.help-support #bug-overlay .bug-loop-product-related h2{ font-family: 'pf_dintext_probold'; font-size:16px; font-weight:400; text-transform:uppercase; color:#df572b; }
.help-support #bug-overlay .bug-loop-product-related h4{ font-family: 'pf_dintext_promedium'; font-size:14px; font-weight:400; color:#5cbcb2; margin:5px; padding-bottom:0; }
.help-support #bug-overlay .bug-loop-product-related form{ float:left; }
.help-support #bug-overlay .bug-loop-product-related a.btn:hover{ color:#000 !important; }

.help-support .bugs-listing ul li{ list-style-type:none; float:left; width:16.666%; height: 210px; text-align:center; cursor:pointer; }
.help-support .bugs-listing img{ padding:5px; }
.help-support .bugs-listing h3{ font-family: 'pf_dintext_promedium'; font-size:15px; color:#df572b; font-weight:400; }
.help-support .bug-description{ display:none; } 
.help-support .box-txt a{ font-family: 'pf_dintext_promedium'; color:#ffffff; background:#df572b; padding: 5px 15px; }
.help-support .community-support{ margin-top: 40px; padding: 15px 50px; color:#aeacad; font-family: 'pf_dintext_proregular'; font-size:15px; text-align:center; background:#f7f8f7; border:1px solid #cecece; }

/* new collection style description */
.collection_info.new-col-style{ margin-top:40px; margin-bottom: 45px; }
.new-col-style .collection_desc{ width: 75%; float: left; }
.new-col-style .col-sm-3.collection_img{ width:16%; }
.new-col-style img{ margin:10px 20px 20px 10px; float:left; }
.new-col-style h3{ font-family: 'pf_dintext_promedium'; padding-left: 20px; line-height: 43px; font-size:43px; font-weight:400; color:#df572b; }
.new-col-style .collection_desc .rte{ float:left; padding-top:15px; padding-left: 20px; font-family: 'pf_dintext_proregular'; font-size:15px; font-weight:400; color:#aeacad; }

.product_wrap .variants-wrapper { margin-bottom: 15px; }
.freeship {text-align:right;}