/*
Theme name: Pipeclay Pumphouse v2
Description: Custom Theme
*/

/******* Pipeclay Pumphouse v2 WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Pipeclay Pumphouse v2 WordPress CSS *******/

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before, 
*:after { box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { background: #fff; font-family: 'blender', sans-serif; font-size: 16px; line-height: 1.38; color: #333; }

a { color: #333; text-decoration: none; }
a:hover { color: #333; }

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */
.list-logos:after,
.featured-article:after,
.article:after,
.tabs-nav ul:after,
.gform_body:after,
.section:after,
.nav ul:after,
.shell:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  columns  */

.col { float: left; -ms-word-break: break-word; 
    word-break: break-word; }
.col-1of2 { width: 50%; }
.col-1of2:nth-child(2n+1) { display: block; text-align: left; }
.col-1of2:nth-child(2n+2) { text-align: right; }
.col-1of2:nth-child(2n+2) p { padding-left: 150px; }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { height: 100%; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1128px; margin: auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: absolute; top: 0; left: 0; right: 0; z-index: 20; padding-left: 48px; padding-right: 92px;  }

.header .shell { max-width: 1555px; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { border: 36px solid #d56c2a; position: relative; z-index: 9; }
.main .shell { background-color: #fff; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #1d0030 url(images/footer-background.jpg) no-repeat bottom right; padding: 72px 0; text-align: center; }

.footer .footer-logo { display: inline-block; margin-bottom: 67px; }

.footer-nav { font-size: 24px; line-height: 1; font-weight: 600; text-transform: uppercase; color: #fff; margin-bottom: 68px; }
.footer-nav ul { list-style-type: none; position: relative; }
.footer-nav li { display: inline-block; padding: 0 6px; }
.footer-nav #magic-line1 { padding: 0; }
.footer-nav a { color: inherit; display: inline-block; padding: 4px 0; }
.footer-nav a:hover { text-decoration: none; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/*  ie9  */

.ie9 .intro-home .intro-head,
.ie9 .list-logos,
.ie9 .section-distributors .section-content,
.ie9 .article,
.ie9 .section-about .section-content,
.ie9 .section-menus .section-entry,
.ie9 .tab .tab-entry,
.ie9 .section-book .section-entry,
.ie9 .section-book .col  { opacity: 1; }

/*  animations  */
.intro-home .intro-head,
.list-logos,
.section-distributors .section-content,
.article,
.section-about .section-content,
.section-menus .section-entry,
.tab .tab-entry,
.section-book .section-entry,
.section-book .col  { opacity: 0; }

/*  nav  */

.header-inner { float: right; padding-top: 75px; }

.nav { color: #fff; font-weight: 600; font-size: 24px; line-height: 1; text-transform: uppercase;}

.nav ul { list-style-type: none; position: relative; }
.nav ul li { float: left; margin-left: 20px; }
.nav ul a { color: inherit; display: inline-block; padding: 10px 0; }
.footer-nav ul #magic-line1,
.nav ul #magic-line { height: 3px; background-color: #ffffff; position: absolute; top: -3px; z-index: 5; width: 55px; margin-left: 0; }

.nav-trigger { position: relative; display: none; width: 40px; height: 26px; }
.nav-trigger span { position: absolute; display: block; height: 3px; width: 100%; background: #fff; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 12px; }
.nav-trigger span:nth-child(3) { top: 25px; }

.nav-trigger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
    
.nav-trigger.active span:nth-child(3),
.nav-trigger.active span:nth-child(1) { top: 12px;  background: #fff; }

.nav-trigger.active span:nth-child(2) { opacity: 0; }
.nav-trigger.active span:nth-child(1) { transform: rotate(45deg); }
.nav-trigger.active span:nth-child(3) { transform: rotate(-45deg); }

/*  intro-home  */

.ico-arrow-down { background: url(images/ico-arrow-down.png) no-repeat 0 0; width: 43px; height: 24px; display: inline-block; vertical-align: middle; }

.intro-home { position: relative; height: 100%; min-height: 100vh; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center center; font-size: 20px; color: #fff; line-height: 1; }

.intro-home .intro-background { display: none; }
.intro-home .intro-head { text-align: center; position: absolute; top: 50%; left: 0; right: 0; 
-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%); }

.intro-home .intro-foot { position: absolute; left: 0; right: 0; bottom: 42px; z-index: 5; text-align: center; }

.intro-home h1 { font-size: 100px; line-height: 1; padding-bottom: 30px; color: #fff; font-weight: 100; }
.intro-home .scroll-down { padding-bottom: 25px; display: inline-block; 
-webkit-animation: bounce 1s infinite; 
     -o-animation: bounce 1s infinite; 
        animation: bounce 1s infinite; }

/*  section  */

.section .section-content:before { content:''; width: 48px; display: block; height: 3px; background-color: #1d0030; margin: 0 0 77px; }

.section { padding: 72px 0; font-size: 20px; line-height: 1.5; color: #1d0030; }

.section h2 { font-size: 70px; line-height: 1; font-weight: 100; padding-bottom: 27px; }
.section h3 { font-size: 40px; color: #1d0030; font-weight: 100; line-height: 1.2; }

.section h6,
.section h5 { font-size: 20px; line-height: 1.5; text-transform: uppercase; font-weight: 600; }

.section h5:after { content:''; background-color: #fff; width: 48px; height: 3px; display: block; margin: 25px 0 75px; }

.section h6 { padding-bottom: 30px; }
.section .article h6  { padding-bottom: 0; }

.section .col h3  { min-height: 200px; padding-bottom: 50px; }
.section p { padding-bottom: 42px; }
.section p small { font-size: 20px; }
.section p a { color: inherit; }
.section p a:hover { text-decoration: underline; }
.section p .btn:hover { text-decoration: none; }
.section .btn { font-size: 25px; }

/*  slider  */

.bx-wrapper { margin-bottom: 0; }
.bx-wrapper .bx-viewport { border: none; -webkit-box-shadow: none; box-shadow: none; left: 0; background-color: transparent; }
.bx-wrapper .bx-viewport img { height: auto; }
.bx-wrapper .bx-pager.bx-default-pager a { width: 12px; height: 12px; border-radius: 50%; background-color: #fff; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #1d0030; }
.bx-wrapper .bx-pager { bottom: 0; padding-top: 0; text-align: left; padding-left: 24px; padding-bottom: 12px;  }

/*  section-about  */

.section-about .section-content { width: 48.8%; float: left; }
.section-about .section-image,
.section-about .slider { float: right; width: 69%; margin-right: -275px; }
.section-about .section-image img { max-width: 100%; height: auto; }

/*  section-menus  */

.section-menus { color: #fff; font-size: 25px; line-height: 1.2; }

.section-menus h2 { color: #fff; }
.section-menus p { padding-bottom: 44px; }

.section-menus .section-content { background: #1d0030 url('images/section-menus-background1.png') no-repeat center center; width: 48.8%; -webkit-background-size: cover; background-size: cover; padding: 130px 70px; min-height: 824px; float: left; }
.section-menus .section-content:before { display: none; }

.section-menus .section-outro { float: right; width: 51.2%; }
.section-menus .section-outro img { width: 100%; height: auto; }
.section-menus .section-outro:before { content:''; max-width: 48px; display: block; height: 3px; text-align: right; background-color: #993366; margin-bottom: 238px; width: 100%; float: right; }

.section-menus .section-inner { background: #993366 url(images/section-menus-inner-background.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; padding: 56px 70px 28px; font-size: 20px; margin-left: -70px; line-height: 1.5; min-height: 444px; }

/*  tabs  */

.tabs { margin: 0 -168px; padding: 70px 0; position: relative; }

.tabs .tab { min-height: 540px; background: #4d0033 url(images/tab-background1.jpg) no-repeat bottom right; font-size: 20px; line-height: 1.5; color: #fff; display: none; -webkit-background-size: cover !important; background-size: cover !important; }
.tabs .tab-winery { background: #aead41 url(images/tab-background2.jpg) no-repeat bottom right; -webkit-background-size: cover; background-size: cover;  }
.tabs .tab-museum { background: #2f2e33 url(images/tab-background3.jpg) no-repeat bottom right; -webkit-background-size: cover; background-size: cover; }

.tab.current { display: block; }

.tabs .tab h2 { font-size: 70px; line-height: 1.2; font-weight: 100; padding-bottom: 22px; }
.tabs .tab .btn { font-size: 25px; }

.tabs .tab .tab-image { margin-left: -108px; margin-top: -70px; float: left; width: 66.8%; margin-right: 70px !important; max-height: 541px; overflow: hidden; }
.tabs .tab .tab-image img { width: 100%; height: auto; }

.tabs .tab .tab-entry { max-width: 511px; }

.tabs .tab .tab-content { overflow: hidden; width: auto; display: block; padding: 75px 25px 75px 0; }
.tabs .tab .tab-content p { padding-bottom: 48px; }
.tabs .tab .tab-content:before { content:''; width: 48px; background-color: #fff; height: 3px; display: block; margin: 0 0 61px; }

.tabs .tabs-nav { position: absolute; top: 50%; left: 240px; 
-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%); }
.tabs .tabs-nav ul  { list-style-type: none; }
.tabs .tabs-nav li { margin-bottom: 24px; }
.tabs .tabs-nav a { color: #fff; display: inline-block; font-size: 25px; line-height: 1; padding: 21px 20px; border: 1px solid #ffffff; border-bottom: 3px solid #ffffff; position: relative; z-index: 5; min-width: 264px; text-align: center; }

.tabs .tabs-nav a:after { content:''; display: inline-block; position: absolute; height: 0; bottom: 0; left: 0; right: 0; ; z-index: -1; 
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.tabs .tabs-nav .current a,
.tabs .tabs-nav a:hover { color: #993366; 
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.tabs .tabs-nav .current a:after,
.tabs .tabs-nav a:hover:after { height:100%; background-color: #fff;
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.tabs .tab .show-form .tab-form { display: block; }
.tabs .tab .show-form .tab-entry  { display: none; }

.tabs .tab .tab-form { position: relative; padding: 52px 150px 10px 0; display: none; }

.btn-close { border: 1px solid #fff; border-bottom: 2px solid #fff; width: 48px; height: 48px; display: inline-block; position: absolute; top: -50px; right: 100px; }
.btn-close span { background-color: #fff; display: inline-block; width: 30px; height: 1px; position: absolute; left: 8px; top: 22px; 
-webkit-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
     -o-transform: rotate(45deg); 
        transform: rotate(45deg);  }
.btn-close span + span { 
-webkit-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg); 
        transform: rotate(-45deg); }

.btn-close:hover { background-color: #fff; }
.btn-close:hover span { background-color: #993366; }

@media(min-width: 1920px){
    .tabs .tab .tab-image { margin-left: -410px !important; }
    .tabs .tab .tab-image img { width: 100%; height: auto; }
    .tabs .tab .tab-content { width: 54%; float: right; }
}

#ui-datepicker-div { background-color: #fff; }
/*  gravity-form  */

.tab-form .gform_wrapper .gform_heading { display: none; }
.tab-form .gform_wrapper ul { list-style-type: none; }

.tab-form .gform_wrapper .gfield_label { display: none; font-size: 20px; line-height: 1.5; color: #fff; }
.tab-form .gform_wrapper .gfield-textarea .gfield_label { display: block; }
.tab-form .gform_wrapper .gfield input,
.tab-form .gform_wrapper .gfield textarea { border: none; font-size: 20px; line-height: 1.5; color: #fff; background-color: transparent; border-bottom: 1px solid #fff; width: 100%; border-radius: 0; 
-webkit-appearance: none; 
   -moz-appearance: none; 
        appearance: none; }
.tab-form .gform_wrapper .gfield textarea { border: 1px solid #ffffff; border-top: none; border-right: 0; height: 148px; padding-left: 10px; }
.tab-form .gform_wrapper .gfield { width: 54%; float: left; clear: left; padding-bottom: 18px; }
.tab-form .gform_wrapper .gfield-textarea { float: right; clear: right; width: 39.8%; }
.tab-form .gform_wrapper .gfield-number { width: 25.2%; }
.tab-form .gform_wrapper .gfield-date { width: 25.2%; float: right; clear: none; margin-right: 6.5%; }

.tab-form .gform_wrapper .gform_button {  background-color: transparent;  color: #fff; display: inline-block; font-size: 25px; line-height: 1; padding: 10px 35px; border: 1px solid #ffffff; border-bottom: 2px solid #ffffff; position: relative; z-index: 5; text-align: center; border-radius: 0; 
-webkit-appearance: none; 
   -moz-appearance: none; 
        appearance: none;  }
.tab-form .gform_wrapper .gform_button:hover { background-color: #fff; color: #993366; }

.tab-form .gform_wrapper .gform_footer { clear: both; margin-top: 25px; }

.tab-form .gform_wrapper .gfield input::-webkit-input-placeholder { color: #fff; }
.tab-form .gform_wrapper .gfield input::-moz-placeholder { color: #fff; }
.tab-form .gform_wrapper .gfield input:-moz-placeholder { color: #fff; }
.tab-form .gform_wrapper .gfield input:-ms-input-placeholder { color: #fff; }

.contact-form_wrapper.gform_wrapper .gfield input,
.contact-form_wrapper.gform_wrapper .gfield textarea { border: 1px solid #1D0030; font-size: 20px; line-height: 1.5; color: #1d0030; background-color: transparent; width: 50%; border-radius: 0; height: 50px; vertical-align: middle; 
-webkit-appearance: none; 
   -moz-appearance: none; 
        appearance: none; }

.contact-form_wrapper.gform_wrapper .gfield textarea { height: 300px; }

/*  section-image  */

.section-image img { width: 100%; height: auto; }

/*  section-book  */

.section-book { text-align: center; padding: 68px 70px 70px; background-color: #fff; position: relative; z-index: 9; margin-bottom: -100px;  }
.section-book .col p { padding-bottom: 10px; }
.section-media + .section-book { padding-top: 97px; }
.section-book .section-content:before { margin-bottom: 50px; }

/*  list-hours  */

.list-hours { list-style-type: none; text-align: center; padding-bottom: 100px; padding-top: 30px; }
.list-hours li  { display: inline-block; padding: 0 15px; width: 32%; }
.list-hours li:last-child { width: 50%; }
.list-hours h5 { font-size: 20px; text-transform: uppercase; font-weight: 600; color: #1d0030; padding-bottom: 0; }
.list-hours h5:after { display: none; }
.list-hours p { padding-bottom: 48px; }

/*  socials  */

.socials { margin-bottom: 64px; }
.socials ul { list-style-type: none; }
.socials li { display: inline-block; max-width: 48px; margin: 0 5px; }
.socials img { max-width: 100%; height: auto; }
.socials a:hover img { opacity: .7; }

/*  copyright  */

.copyright { font-size: 16px; color: #fff; line-height: 1.63; }
.copyright a { color: inherit; }
.copyright a:hover { text-decoration: underline; }

/*  intro  */

.intro { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; min-height: 344px; position: relative; }
.intro .intro-background { display: none; }
.intro h2 { font-size: 70px; line-height: 1; font-weight: 100; color: #fff; position: absolute; bottom: 70px; left: 0; right: 0; text-align: center; }

/*  tabs-secondary  */

.tabs-secondary { padding: 144px 0 72px; }
.tabs-secondary .tabs-nav { padding-bottom: 40px; }
.tabs-secondary .tabs-nav ul { list-style-type: none; }
.tabs-secondary .tabs-nav li { float: left; width: 18.4%; margin-right: 2%; 
-webkit-animation: none!important; 
     -o-animation: none!important; 
        animation: none!important; }
.tabs-secondary .tabs-nav li:nth-child(5n+5) { margin-right: 0; }

.tabs-secondary .tabs-nav a {  color: #1d0030; display: inline-block; font-size: 25px; line-height: 1; padding: 19px 25px; border: 1px solid #1d0030; border-bottom: 3px solid #1d0030; position: relative; z-index: 5; width: 100%; text-align: center; }
.tabs-secondary .tabs-nav a:after { content:''; display: inline-block; position: absolute; height: 0; bottom: 0; left: 0; right: 0; ; z-index: -1; 
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.tabs-secondary .tabs-nav .current a,
.tabs-secondary .tabs-nav a:hover { color: #fff; 
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.tabs-secondary .tabs-nav .current a:after,
.tabs-secondary .tabs-nav a:hover:after { height: 100%; background-color: #1d0030; 
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.tabs-secondary .tab { display: none; padding: 30px 0; }
.tabs-secondary .tab.current { display: block; }
.tabs-secondary .tab h3 { font-size: 70px; line-height: 1; color: #1d0030; font-weight: 100; }
.tabs-secondary .tab h3:after { width: 48px; height: 2px; content:''; display: block; margin: 72px 0; background-color: #1d0030; }
.tabs-secondary .tab h5 { font-size: 25px; color: #1d0030; font-weight: 600; text-transform: uppercase; line-height: 2; }
.tabs-secondary .tab h6 { float: left; font-size: 25px; text-transform: uppercase; font-weight: 600; line-height: 1.1; }
.tabs-secondary .tab ul { font-size: 25px; line-height: 1.2; color: #1d0030; list-style-type: none; }
.tabs-secondary .tab ul span { float: right; font-size: 25px; color: #1d0030; text-transform: uppercase; font-weight: 600; width: 5%; text-align: right; min-height: 30px; }
.tabs-secondary .tab ul li { padding-bottom: 35px; position: relative; overflow: hidden; }
.tabs-secondary .tab ul li div.separator { width: 24px; height: 2px; background-color: #1d0030; margin: 13px 0 48px 0; display: block; clear: both; }
.tabs-secondary .tab .no-padding li { padding-bottom: 0; }
.tabs-secondary .tab .no-padding li div.separator { margin-top: 48px; }
.tabs-secondary .tab ul p { float: left; width: 95%;  }
.tabs-secondary .tab hr { height: 1px; border: none; width: 48px; display: block; background-color: #1d0030; margin: 37px 0 72px; }

.error404 .article-entry { text-align: center; padding: 30px 0;  }

/*  articles  */

.alignleft { float: left; margin-right: 45px; }
.alignright { float: right; margin-left: 45px; }
.aligncenter { float: none; display: block; margin-left: auto; margin-right: auto; }
.alignnone { float: none; display: block; }

.articles { list-style-type: none; padding: 60px 0 20px; }

.article { padding: 72px 0; }
.article-single { padding: 144px 0 50px; }

.article.secondary .article-image,
.article:nth-child(2n+2) .article-image { float: left; margin-right: 72px !important; margin-left: -285px; }
.article .btn { font-size: 25px; }
.article:nth-child(2n+1) .article-image { float: right; margin-left: 72px !important; margin-right: -285px; }
.article .article-image a:hover { opacity: .7; }

.article .article-content { display: block; overflow: hidden; width: auto; float: none; }

.article .article-entry { color: #1d0030; font-size: 20px; line-height: 1.5; }
.article .article-entry h6 + .btn { margin-top: 38px; }

.article .article-entry img { margin-bottom: 35px; }

.article .article-entry ol,
.article .article-entry ul,
.article .article-entry p { padding-bottom: 28px; }

.article .article-entry ol ul,
.article .article-entry ol ol,
.article .article-entry ul ul,
.article .article-entry ul ol { padding-bottom: 0; }

.article .article-entry ol,
.article .article-entry ul { list-style-position: inside; list-style-type: none; }

.article .article-entry strong { text-transform: uppercase; }
.article .article-entry h6 { font-size: 20px; line-height: 1.5; color: #1d0030; text-transform: uppercase; font-weight: 600; }

.article .article-content:before { content:''; display: block; width: 48px; height: 2px; background-color: #1d0030; margin-bottom: 57px;  }
.article-single .article-content:before { margin-bottom: 100px; }

.article .article-title,
.article .article-entry h2 { font-size: 70px; line-height: 1; color: #1d0030; font-weight: 100; padding-bottom: 30px; }
.article .article-title a { color: inherit; cursor: default; }
.article .article-title a:hover { text-decoration: none; }

/*  section-media  */

.section-media { padding: 144px 0 0px; }
.section-media + .section-media { padding-top: 61px; }
.section-media .article { padding: 25px 0 47px;  }
.section-media .article:first-child { padding-top: 0; }
.section-media .articles { padding: 0; }

.section-media .section-content:before { margin-bottom: 50px; }
.section-media h2 { padding-bottom: 47px; }

/*  featured-articles  */

.featured-articles { list-style-type: none; }

.featured-articles li { float: left; margin-bottom: 82px; margin-right: 6.2%; width: 29.2%; }

.featured-articles li:nth-child(3n+1) { clear: both; }
.featured-articles li:nth-child(3n+3) { margin-right: 0; }

.featured-articles img { margin-bottom: 40px; max-width: 100%; height: auto; }
.featured-articles h4 { font-size: 40px; line-height: 1.05; color: #1d0030; font-weight: 100; padding-bottom: 36px; min-height: 120px;  }
.featured-articles .btn { font-size: 25px; }

/*  section-distributors  */

.section-distributors { padding: 50px 0; }
.section-distributors .section-content:before { margin-bottom: 74px; }

/*  list-logos  */

.list-logos { list-style-type: none; padding-bottom: 50px; }
.list-logos:last-child { padding-bottom: 0; }

.list-logos li { float: left; width: 21.2%; margin-right: 5%; }
.list-logos img { max-width: 100%; height: auto; }

.list-logos li:nth-child(4n+1) { clear: both; }
.list-logos li:nth-child(4n+4) { margin-right: 0; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { float: left; background: url(images/logo.png) no-repeat 0 0; width: 192px; height: 192px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.contact-form .gform_button,
.btn { color: #fff; display: inline-block; font-size: 30px; line-height: 1; padding: 18px 46px; border: 1px solid #ffffff; border-bottom: 3px solid #ffffff; position: relative; z-index: 5;  }
.contact-form .gform_button:after,
.btn:after { content:''; display: inline-block; position: absolute; height: 0; bottom: 0; left: 0; right: 0; ; z-index: -1; 
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.contact-form .gform_button:hover,
.btn:hover { color: #1d0030; 
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.contact-form .gform_button:hover:after,
.btn:hover:after { height:100%; background-color: #fff;
-webkit-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s; }

.contact-form .gform_button,
.btn-purple { color: #1d0030; border-color: #1d0030; }
.contact-form .gform_button:after,
.btn-purple:hover:after { background-color: #1d0030; }
.contact-form .gform_button:hover,
.btn-purple:hover { color: #fff; }

.paging-next { float: right; }

/* ------------------------------------------------------------ *\
    Responsive
\* ------------------------------------------------------------ */

@media(max-width: 1750px){
    .header .shell { padding: 0 50px; }
    
    .section-about .section-image,
    .section-about .slider { margin-right: -210px; }

    .article .article-image { margin-right: -210px; }
    .article.secondary .article-image,
    .article:nth-child(2n+2) .article-image { margin-left: -210px; }
    
    .tabs .tab .tab-image { margin-left: -70px; }
}

@media(max-width: 1600px){
    .section-about .section-image,
    .section-about .slider { margin-right: -62px; width: 50%; }

    .tabs { margin: 0 -50px; }
    .tabs .tab .tab-image  { margin-left: -110px !important; margin-top: -40px; width: auto; }
    .tabs .tab .tab-form { padding-right: 100px; }
    .tabs .tab .tab-image img { width: auto; }

    .article .article-image { margin-right: -50px; }
    .article.secondary .article-image,
    .article:nth-child(2n+2) .article-image { margin-left: -50px; }
}

@media(max-width: 1250px){
    .tabs { margin: 0 -20px; }
    .tabs .tab .tab-image  { margin-right: 40px !important; margin-left: -160px !important;  }
    .tabs .tabs-nav{ left: 160px; }
    .tabs .tab .tab-form { padding-right: 30px; }
    .btn-close { right: 30px; }

    .article .article-content { clear: both; padding-top: 48px; }

    .articles { padding: 0px 0 25px; }

    .article .article-image { margin-left: 0; margin-right: -62px; }

    .article.secondary .article-image,
    .article:nth-child(2n+2) .article-image { margin-left: -62px; }

    .main { border: 12px solid #d56c2a; }
    .shell { padding: 0 50px; max-width: 1200px; }
}

@media(max-width: 1200px){

    .section-about .section-image { width: auto; margin-right: -62px !important; }
    .section-about .slider { margin-right: -62px !important; }

    /*.section .section-content:before { margin-bottom: 25px; }*/
    .section-about .section-content { width: 44%; }

    .section-menus .section-outro:before{ margin-bottom: 150px; }

    .article .article-image { margin-right: -62px !important; margin-left: 0 !important; }
    .article .article-image img { max-width: 100%; height: auto; }
    .article.secondary .article-image,
    .article:nth-child(2n+2) .article-image { margin-left: -62px !important; margin-right: 0 !important; }
    .article:nth-child(2n+1) .article-image { margin-left: 0 !important; }
    .article.secondary .article-image { margin-left: 0!important; }
    .article:nth-child(2n+2) .article-image  { margin-right: 0!important; }
}

@media(max-width: 1024px){
    .nav-trigger { display: block; position: relative; z-index: 99;  }
    body.no-scroll { overflow: hidden;}

    .intro { min-height: 404px; }

    .section { padding: 50px 0 48px; }
    
    .active + .nav { visibility: visible; opacity: 1; 
        -webkit-transition: .5s; 
             -o-transition: .5s; 
                transition: .5s; }

    .nav { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #1d0030 url(images/nav-background.jpg) no-repeat center; z-index: 6; opacity: 0; visibility: hidden; }
    .nav ul { position: absolute; top: 50%; left: 0; right: 0; text-align: center; 
    -webkit-transform: translateY(-50%); 
        -ms-transform: translateY(-50%); 
         -o-transform: translateY(-50%); 
            transform: translateY(-50%); }
    .nav ul li { float: none; display: block; text-align: center; margin-right: 0; margin-left: 0;  }

    .nav ul li a:hover,
    .nav ul li.current-menu-item a { border-top: 3px solid #fff; }
    .nav ul li a { border-top: 3px solid transparent; }

    .nav ul #magic-line { display: none; }

    .intro-home { min-height: 600px; }

    .intro-home h1 { font-size: 70px; }

    .btn { font-size: 25px; padding: 15px 35px; }
    .article .btn{ padding: 15px 25px; }

    .section-about { }
    .section-about .section-content  { width: 100%; float: none; padding-bottom: 48px; clear: both; }
    .section-about .slider { width: 100%; float: right; text-align: right; clear: both; margin-right: 0 !important; }
    .section-about .slider + .section-content { padding-top: 25px; }
    .section-about .section-image {  margin-bottom: 48px; }
    .section-about .section-content:before { margin-bottom: 144px; }

    .section-menus .section-content{ width: 100%; min-height: 1px; float: none; padding: 72px 48px 48px; }

    .section-menus .section-outro { width: 100%; float: none; }
    .section-menus .section-image { padding-left: 48px; background-color: #1d0030; }
    .section-menus .section-outro:before { display: none; }
    .section-menus .section-inner { margin-left: 0; min-height: 1px; padding: 48px 48px; }
    .section-menus .section-inner p { padding-bottom: 0; }

    .tabs { padding-bottom: 0; }
    .tabs .tab .tab-image { width: 100%; margin-top: -62px; margin-left: -62px !important; max-height: 450px; }
    .tabs .tab .tab-content { clear: both; width: 100%; padding: 48px 48px; }
    .tabs .tab .tab-content:before { margin-bottom: 48px; }
    .tabs .tab h2 { padding-bottom: 32px; }

    .tabs .tabs-nav { top: 144px; left: 0; 
    -webkit-transform: translateY(0); 
        -ms-transform: translateY(0); 
         -o-transform: translateY(0); 
            transform: translateY(0); }

    .tab-form .gform_wrapper .gfield {  width: 100%; }

    .tab-form .gform_wrapper .gfield-textarea { width: 100%; clear: both;}
    .tab-form .gform_wrapper .gfield-number { width: 48%; clear: both;  }
    .tab-form .gform_wrapper .gfield-date { margin-right: 0; width: 48%; }

    .section-book { padding: 30px 48px; }
    .list-hours { padding-bottom: 48px; }
    .section p { padding-bottom: 48px; }
    .section .col h3{  min-height: 1px; padding-bottom: 25px; }
    .section h2 { padding-bottom: 48px; }
    .section h3 { font-size: 33px; }
    .section h5:after { margin: 48px 0; }

    .section-menus { padding-top: 0; }
    .section-media + .section-media { padding-top: 48px; }
    .section-media { padding-top: 48px; padding-bottom: 0; }
    .section-media .section-content:before { margin-bottom: 48px; }
    .section-media .article { padding: 24px 0; }
    .section-media .articles{ padding-bottom: 42px; }
    .section-media h6 { padding-bottom: 0; }

    .col-1of2  { width: 100%; float: none; text-align: left; }
    .col-1of2:nth-child(2n+2) { text-align: left; }
    .col-1of2:nth-child(2n+2) p { padding-left: 0; }

    .btn:hover:after { display: none; }
    .btn:hover { background-color: #fff;  }
    .btn-purple:hover { background-color: #1d0030; }

    .tabs-nav a:hover { background-color: #fff; }
    .tabs-nav a:hover:after { display: none; }

    .tabs-secondary .tabs-nav li { width: 49%; margin-bottom: 2%; margin-right: 0; }
    .tabs-secondary .tabs-nav li:nth-child(2n+2) { float: right; }

    .tabs-secondary { padding: 48px 0; }
    .tabs-secondary .tabs-nav { padding-bottom: 20px; }
    .tabs-secondary .tab { padding: 0 0 25px; }
    .tabs-secondary .tabs-nav a:hover:after { display: none; }
    .tabs-secondary .tabs-nav a:hover { background-color: #1d0030; }

    .article{  padding: 48px 0; }

    .article-single .article-content:before { margin-bottom: 48px; }
    .article .article-content:before { margin-bottom: 40px; }

    .section-distributors { padding: 0 0 20px; }
    .section-distributors .section-content:before { margin-bottom: 48px; }
    
    .list-logos{ padding-bottom: 0; }
    .list-logos li { width: 50%; text-align: center; margin-bottom: 48px; margin-right: 0; }
    .list-logos li:nth-child(2n+1) { clear: both; }

    .featured-articles li { width: 49%; margin-right: 0; margin-bottom: 48px; }
    .featured-articles li:nth-child(3n+1) { clear: none; }
    .featured-articles li:nth-child(2n+1) { clear: both; }
    .featured-articles li:nth-child(2n+2) { float: right; }

    .list-hours li:last-child,
    .list-hours li { width: 100%; margin: 0; }

    .contact-form_wrapper.gform_wrapper .gfield input,
    .contact-form_wrapper.gform_wrapper .gfield textarea { width: 100%; }
}

@media(max-width: 767px){
    .main { border: 4px solid #d56c2a; }
    .tabs {margin: 0; }
    .header .shell,
    .shell { padding: 0 25px; }

    .header { padding: 0 25px; }

    .btn { font-size: 15px; padding: 10px 30px; }

    .section .section-content:before { margin-bottom: 25px; }

    .section-about .slider { margin-right: 0; }
    .article .article-image { margin-right: -29px !important; }
    .article.secondary .article-image,
    .article:nth-child(2n+2) .article-image { margin-left: -29px !important; }
    .section-menus .section-content { padding-top: 48px; padding-left: 24px; padding-right: 24px; }

    .section-about .section-image{ margin-right: -29px !important; }
    .section-menus .section-image { padding-left: 24px; }

    .section-menus .section-inner { padding: 24px; }
    .section-menus .section-inner h2 { padding-bottom: 24px; }
    .section-menus .section-inner p { padding-bottom: 0; }

    .logo { width: 100px; height: 100px; -webkit-background-size: cover; background-size: cover; -webkit-transition: .5s; 
         -o-transition: .5s; 
            transition: .5s; }

    .header-inner { padding-top: 38px; }

    .intro-home h1 { font-size: 40px; }

    .footer { padding: 30px 0; }
    .footer .footer-logo { margin-bottom: 40px; }
    .footer-nav { font-size: 20px; margin-bottom: 33px; }
    .footer-nav li { padding: 0 7px; }
    .footer-nav li a { padding: 7px 0;  }

    .socials  { margin-bottom: 40px; }

    .tabs + .section { padding-top: 24px; padding-bottom: 0; }
    .tabs + .section .section-content { padding-bottom: 0; }
    .tabs .tab h2 { font-size: 35px; }
    .tabs .tab { font-size: 17px; min-height: 1px;  }
    .tabs .tab .btn { font-size: 20px; }
    .tabs .tab .tab-content { padding: 24px 24px; }
    .tabs .tab .tab-content p { padding-bottom: 30px; }
    .tabs .tab .tab-image { margin-left: -29px !important; }
    .tabs .tab .tab-content:before { margin-bottom: 24px; }
    .tabs .tab h2 { padding-bottom: 24px; }
    
    .tabs .tab .tab-form { padding: 0; }
    .btn-close { right: 0; }
    .tab-form .gform_wrapper .gfield-number { width: 100%; float: none; }
    .tab-form .gform_wrapper .gfield-date { width: 100%; float: none; }
    .tab-form .gform_wrapper .gform_footer { margin-top: 10px; }
    
    .tabs-secondary { padding: 25px 0; }

    .tabs-secondary .tab h3 { font-size: 40px; }
    .tabs-secondary .tab h3:after { margin: 30px 0; }

    .tabs-secondary .tab ul { font-size: 15px; }
    .tabs-secondary .tab ul span { font-size: 15px;  }
    .tabs-secondary .tab h6 { font-size: 15px; }
    .tabs-secondary .tab ul li { padding-bottom: 15px; }
    .tabs-secondary .tab ul li div.separator { margin: 2px 0 28px 0; }
    .tabs-secondary .tab .no-padding li div.separator { margin-top: 28px; }

    .tabs-secondary .tab ul span { width: 7%; min-width: 30px; }

    .list-hours li{  width: 100%; padding: 0; }
    
    .article { padding: 24px 0 0px; }
    .article .article-title { font-size: 40px; padding-bottom: 15px; }
    .article .article-entry ol, .article .article-entry ul, .article .article-entry p { padding-bottom: 15px; }
    .article .article-entry { font-size: 15px; }
    .article .article-content:before { margin-bottom: 24px; }
    .article .article-content{ padding-top: 24px; }

    .article .article-entry h6 { font-size: 15px; }
    .article .btn { font-size: 15px; padding: 10px 30px; }

    .article .article-entry h6 + .btn { margin-top: 15px; }

    .list-logos li{ width: 100%; }

    .intro { min-height: 200px; }
    .intro h2{ font-size: 40px; bottom: 20px; }

    .tabs-secondary .tabs-nav a{ font-size: 15px; padding: 10px 15px; }

    .section { font-size: 15px; }
    .section-menus { font-size: 20px; }
    .section h2 { font-size: 40px; padding-bottom: 24px; }
    .section p { padding-bottom: 24px; }
    .section-media h2 { padding-bottom: 25px; }
    .section .btn { font-size: 15px; padding: 10px 30px; }
    .section-about .section-content { padding-bottom: 24px; }
    .section-menus .section-content{ padding-bottom: 24px; }
    .section-about .section-image { margin-bottom: 24px; }
    .section-about .section-content img { max-width: 50%; height: auto; }
    .section h5:after { margin: 24px 0; }

    .section-media + .section-media{ padding-top: 0; }
    .section-media .articles{ padding-bottom: 0; }
    
    .featured-articles li { width: 100%; }
    .featured-articles h4 { font-size: 30px; min-height: 1px; padding-bottom: 15px; }
    .featured-articles img { margin-bottom: 15px;  }

    .section-book { padding-top: 24px; bottom: 0; margin-bottom: -100px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; }
    .section-book h2 { font-size: 25px; padding-bottom: 15px; }
    .section-book h3 { font-size: 25px; }
    .col-1of2:nth-child(2n+2) p{ padding-bottom: 0; }

    .copyright span { display: block; opacity: 0; height: 0; }

    .footer-nav ul #magic-line1 { display: none; }
}

@media(max-width: 550px){
    .tabs .tabs-nav a { font-size: 15px; padding: 10px 20px; min-width: 189px; }
    .tabs .tabs-nav li { margin-bottom: 7px; }
    .tabs .tabs-nav{ top: 72px; }
    .tabs .tab .tab-image{ max-height: 230px; }
}

@media(max-width: 480px){
    .tabs-secondary .tabs-nav li { width: 100%; float: none; margin-bottom: 25px; }
}

/* ------------------------------------------------------------ *\
    Section Gallery
\* ------------------------------------------------------------ */

.section-gallery { padding: 145px 0 50px; }
.section-gallery .section__grid { max-width: 1200px; margin: 0 -2px; }

/* clear fix */
.section-gallery .section__grid:after { content: ''; display: block; clear: both; }

.section-gallery .section__grid-item { float: left; width: 280px; height: 280px; margin: 1px; cursor: pointer; }
.section-gallery .section__grid-item a { position: relative; display: block; height: 100%; }
.section-gallery .section__grid-item span { display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }

@media(max-width: 1250px){
    .section-gallery .section__grid-item { width: calc( 25% - 4px ); height: 0; padding-bottom: 25%; margin-bottom: -2px; }
    .section-gallery .section__grid-item a, 
    .section-gallery .section__grid-item span { padding-bottom: 100%; }
}

@media(max-width: 1023px){
    .section-gallery { padding: 100px 0 45px; }
    .section-gallery .section__grid-item { width: calc( 33% - 4px ); padding-bottom: 33%; }
}

@media(max-width: 550px){
    .section-gallery { padding: 50px 0 35px; }
    .section-gallery .section__grid-item { width: calc( 50% - 4px ); padding-bottom: 50%; }
}

@media(max-width: 374px){
    .section-gallery { padding: 40px 0; }
    .section-gallery .section__grid-item { width: 100%; padding-bottom: 100%; margin-bottom: 4px; }
}