/* ===[ Font Code ]=== */

/* @end --------- */

/* ===[ Animations ]=== */
@-webkit-keyframes fadeIn 				{ 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes fadeIn 					{ 0% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes fadeIn 					{ 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fadeIn 						{ 0% { opacity:0; } 100% { opacity:1; } }
/* @end --------- */

/* ===[ Common Colours ]=== */
body                                    { background-color:#fff; color:#333; font-size:16px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-rendering:optimizeLegibility; }

/* ===[ Root element styles ]=== */
a                                       { color:#f0af11; text-decoration:none; outline:none; }
	a:focus                             { outline:none; color:#0066ff; }
	.phone a:focus                      { outline:none; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
	a:hover                             { color:#333; text-decoration:none; outline:none; }
	a:active                            { outline:none }
sub, sup                                { position:relative; font-size:75%; line-height:0; vertical-align:baseline; }
sup                                     { top:-0.5em }
sub                                     { bottom:-0.25em }
img                                     { border:0 }
.img-rounded                            { border-radius:500px }
.img-polaroid                           { padding:4px; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1); box-shadow:0 1px 3px rgba(0,0,0,0.1); }
.img-circle                             { border-radius:500px }

/* ===[ Text ]=== */
p,
#main-content li                        { line-height:1.6em; color:#666; font-size:16px; }
p                                       { margin:0 0 10px; }
#main-content li                        { margin:0 0 5px; }
#main-content ul                        { margin-bottom:20px }
.lead                                   { color:#999; font-style:italic; font-weight:200; font-size:16px; }
small                                   { font-size:75% }
strong                                  { font-weight:bold }
em                                      { font-style:italic }
cite                                    { font-style:normal }
h1, h2, h3, h4, h5, h6                  { margin:10px 0; line-height:1.4em; font-weight:bold; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small
                                        { font-weight:normal; line-height:1; color:#999; }
h6 small > a                            { color:#999 }
h1, .h1                                 { color:#f0af11; font-size:28px; display:block; line-height:1.4em; margin-bottom:1em}
body h1:first-child                     { margin-top:0 }
h2, .h2                                 { font-size:24.5px; line-height:1.2em; padding-top:20px; }
h3, .h3                                 { font-size:24.5px; line-height:1.4em; }
h4, .h4                                 { font-size:17.5px; }
h5, .h5                                 { font-size:14px; }
h6, .h6                                 { font-size:11px }

/* ===[ Lists ]=== */
ul, ol                                  { padding:0; margin:0 0 10px 25px; }
li                                      {  }
ul.unstyled, ol.unstyled                { margin-left:0; list-style:none; }
ul.inline, ol.inline                    { margin-left:0; list-style:none; }
ul.inline>li, ol.inline>li              { padding-right:5px; padding-left:5px; }
dl                                      { margin-bottom:20px }
dt, dd                                  { line-height:20px }
dt                                      { font-weight:bold }
dd                                      { margin-left:10px }
hr                                      { margin:20px 0; border:0; border-top:1px solid #eee; border-bottom:1px solid #fff; }
/* @end Root*/


/* ===[ Table styles ]=== */
table                                   { }
.table                                  { }
.table th, .table td                    { }
.table th                               { }
.table thead th                         { }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
                                        { text-transform:uppercase }
/* @end Table*/

/* ****** Captcha*/
.captcha-area                           { *zoom:1; margin-bottom:10px; }
.captcha-area:before, .captcha-area:after
                                        { content:" "; display:table; }
.captcha-area:after                     { clear:both }
#captcha-reload                         { float:left; width:345px; margin-right:10px; }
.captchaimg                             { height:36px; width:160px; border-radius:5px; background:#666; float:left; }
.captchaimg img                         { border-radius:5px }
#CaptchaV2                              { height:37px; border-radius:5px; border:1px solid #ccc; float:left; margin-left:10px; text-align:center; font-size:21px; }
#CaptchaV2:focus                        { }
#reload-captcha                         { height:37px; float:left; }
/* @end --------- */


/* ===[ Social ]=== */
.social-likes                           { margin:15px 0; padding:10px 0; border:1px solid #f5f5f5; border-left:0 none; border-right:0 none; }
.social-likes li                        { display:inline-block; list-style:none; position:relative; }
.twitter                                { }
.fb-like span                           { position:absolute; left:0; top:4px; }
/* @end --------- */


/* ===[ Modal Style ]=== */
.modal-open                             { overflow:visible }
.modal-content                          { }
.modal-header                           { position:relative }
.modal-header:after                     { }
.close                                  { font-size:28px }
.modal-title, .catalog h4 .modal-title  { font-size:18px; text-align:center; }
#modal-body.image-zoom                  { }
#modal-body.image-zoom img              { margin:0 auto }
#modal-body.review                      { padding:15px }
#modal-body.review form                 { }
#modal-body.review form label           { }
/* @end --------- */


/* ===[ Form Style ]=== */
form                                    { }
form fieldset                           { }
form legend                             { border:0 none }
form legend small                       { display:block; color:#999; }
.form-control                           { background:#f2f2f2; border:1px solid rgba(0,0,0,.28); height:38px; color:#6e8591; font-size:16px; color:#999; margin-bottom:20px; padding:0 8px; width:100% }
.form-control:focus                     { color:#333 }
.form-control::-webkit-input-placeholder
                                        { color:#999 }
.form-control:-moz-placeholder          { color:#999 }
.form-control::-moz-placeholder         { color:#999 }
.form-control:-ms-input-placeholder     { color:#999 }
.form-control:-placeholder              { color:#999 }
select.form-control                     { padding:8px 12px 6px 12px }
textarea.form-control					{ height:120px }
input[type="checkbox"]                  { border-radius:0; border:1px solid #ccc; }
input[type="radio"], select             { cursor:pointer }
label                                   { font-weight:normal; }
input[type=radio]                       { cursor:pointer }
select.form-control                     { font-weight:normal }
.form-item                              { margin-bottom:15px }
.form-notice                            { padding:0; margin-bottom:12px; font-size:12px; color:#999; line-height:1.4em; }
input[type="search"]::-ms-clear         { display:none }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration
                                        { display:none }
/* @end --------- */

/* ===[ Button Style ]=== */
.btn									{
										border:none; border-radius:0; background-color:#f0af11; color:#fff; font-family:'Roboto Slab', serif; font-size:16px; font-weight:400; text-transform:uppercase; letter-spacing:1px; padding:14px 0;
										-webkit-transition:all 0.3s linear;	-moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;
										}

.btn-lg									{  }
.btn:hover,
.btn:focus,							
.btn-primary:active,
.btn-primary:focus						{ background:#f6c142 }

.btn.custom-btn							{ -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#5a6c76;width:100% }

.btn-primary							{  }
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus						{  }

.btn-inverse							{  }
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse:focus						{  }

.btn-success							{  }
.btn-success:hover,
.btn-success:active,
.btn-success:focus						{  }

.btn-default:hover,
.btn-default:active,
.btn-default:focus						{  }

/* @end --------- */

/* ===[ Crumbs ]=== */
.crumbs                                 { color:#666; font-size:12px; line-height:12px; text-transform:uppercase; font-weight:bold; }
.crumbs > a                             { color:#666 }
.crumbs > a:hover                       { text-decoration:none; color:#d7df3a; }
/* @end --------- */

/* ===[ Pagination ]=== */
.pager                                  { }
.pagination-block                       { }
.pagination                             { border-radius:0; color:#333; }
.pagination:before, .pagination:after   { content:" "; display:table; }
.pagination:after                       { clear:both; }
.pagination                             { *zoom:1; }
.pagination > li                        { display:block; float:left; }
.pagination > li > a, .pagination > li > span
                                        { border-color:#d9dee1; color:#415a68; }
.pagination > li:last-child > a, .pagination > li:last-child > span
                                        { border-radius:0 }
.pagination > li:first-child > a, .pagination > li:first-child > span
                                        { border-radius:0 }
li.pag-current                          { padding:6px 12px; border:1px solid #d9dee1; background-color:#dae3e8; color:#415a68; }
/* @end --------- */

/* **************** General Styles  *****************/


/* ===[ Main components ]=== */
main, header                            { -webkit-transform:translateZ(0px); -moz-transform:translateZ(0px); -ms-transform:translateZ(0px); -o-transform:translateZ(0px); transform:translateZ(0px); will-change:transform; }
main, header, header > .container       { position:relative; -webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; transition:transform 0.3s; }
main                                    { /* background:#e2e3df; */ min-height:100vh; z-index:2; }
header                                  { /* height:50px;  */background:#fff; padding-top:10px; z-index:3; }

/* ===[ Class if you want fixed nav ]=== */
.nav-is-fixed header                    { position:fixed; top:0; left:0; width:100%; }
.header-buttons                         { height:50px; position:absolute; display:inline-block; top:12%; right:5%; padding:0; margin:0; }
.header-buttons li                      { height:50px; display:inline-block; }
.nav-trigger                            { width:32px; height:50px; line-height:50px; position:relative; display:block; overflow:hidden; white-space:nowrap; z-index:3; }
.search-trigger                         { display:block; width:44px; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:26px; color:#333; }
.search-trigger:hover                   { color:#ccc }
.nav-trigger .line                      { width:100%; height:3px; display:block; background:#5a6c76; position:absolute; left:0; right:0; border-radius:4px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
.nav-trigger .line.line-1               { top:30% }
.nav-trigger .line.line-2               { top:50% }
.nav-trigger .line.line-3               { top:70% }
.nav-trigger:hover .line                { color:#ccc }
.nav-trigger.nav-is-visible .line-1     { transform:translateY(10px) translateX() rotate(45deg); -webkit-transform:translateY(10px) translateX() rotate(45deg); -moz-transform:translateY(10px) translateX() rotate(45deg); }
.nav-trigger.nav-is-visible .line-2     { opacity:0 }
.nav-trigger.nav-is-visible .line-3     { transform:translateY(-11px) translateX() rotate(-45deg); -webkit-transform:translateY(-11px) translateX() rotate(-45deg); -moz-transform:translateY(-11px) translateX() rotate(-45deg); }
.primary-nav, .primary-nav ul           { position:fixed; top:0; right:0; height:100%; /* width:260px; */ background:#2e3233; overflow:auto; -webkit-overflow-scrolling:touch; z-index:1; -webkit-transform:translateZ(0px); -moz-transform:translateZ(0px); -ms-transform:translateZ(0px); -o-transform:translateZ(0px); transform:translateZ(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); -webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; transition:transform 0.3s; }
.primary-nav a, .primary-nav ul a       { display:block; height:50px; line-height:50px; padding:0 20px; color:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #3a3f40; -webkit-transform:translateZ(0px); -moz-transform:translateZ(0px); -ms-transform:translateZ(0px); -o-transform:translateZ(0px); transform:translateZ(0px); will-change:transform, opacity; -webkit-transition:-webkit-transform 0.3s, opacity 0.3s; -moz-transition:-moz-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; }
.primary-nav.is-hidden, .primary-nav ul.is-hidden
                                        { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); }
.primary-nav.moves-out > li > a, .primary-nav ul.moves-out > li > a
                                        { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); opacity:0; }
.primary-nav .see-all a                 { color:#000 }
.primary-nav .nav-gallery .nav-item, .primary-nav .nav-icons .nav-item
                                        { height:80px; line-height:80px; }
.primary-nav .nav-gallery .nav-item h3, .primary-nav .nav-icons .nav-item h3
                                        { overflow:hidden; text-overflow:ellipsis; }
.primary-nav .nav-gallery .nav-item     { padding-left:90px }
.primary-nav .nav-gallery .nav-item img { position:absolute; display:block; height:40px; width:auto; left:20px; top:50%; margin-top:-20px; }
.primary-nav .nav-icons .nav-item       { padding-left:75px }
.primary-nav .nav-icons .nav-item p     { color:#2e3233; font-size:1.3rem; display:none; }
.primary-nav .nav-icons .nav-item::before
                                        { content:''; display:block; position:absolute; left:20px; top:50%; margin-top:-20px; width:40px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:40px 40px; }
.primary-nav .nav-icons .nav-item.item-1::before
                                        { background-image:url("../img/line-icon-1.svg") }
.primary-nav .nav-icons .nav-item.item-2::before
                                        { background-image:url("../img/line-icon-2.svg") }
.primary-nav .nav-icons .nav-item.item-3::before
                                        { background-image:url("../img/line-icon-3.svg") }
.primary-nav .nav-icons .nav-item.item-4::before
                                        { background-image:url("../img/line-icon-4.svg") }
.primary-nav .nav-icons .nav-item.item-5::before
                                        { background-image:url("../img/line-icon-5.svg") }
.primary-nav .nav-icons .nav-item.item-6::before
                                        { background-image:url("../img/line-icon-6.svg") }
.primary-nav .nav-icons .nav-item.item-7::before
                                        { background-image:url("../img/line-icon-7.svg") }
.primary-nav .nav-icons .nav-item.item-8::before
                                        { background-image:url("../img/line-icon-8.svg") }
.has-children > a, .go-back a           { position:relative }
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after
                                        { content:''; position:absolute; top:50%; margin-top:-1px; display:inline-block; height:2px; width:10px; background:#464c4e; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.has-children > a::before, .go-back a::before
                                        { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.has-children > a::after, .go-back a::after
                                        { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.has-children > a                       { padding-right:40px }
.has-children > a::before, .has-children > a::after
                                        { right:20px; -webkit-transform-origin:9px 50%; -moz-transform-origin:9px 50%; -ms-transform-origin:9px 50%; -o-transform-origin:9px 50%; transform-origin:9px 50%; }
.primary-nav .go-back a                 { padding-left:40px }
.primary-nav .go-back a::before, .primary-nav .go-back a::after
                                        { left:20px; -webkit-transform-origin:1px 50%; -moz-transform-origin:1px 50%; -ms-transform-origin:1px 50%; -o-transform-origin:1px 50%; transform-origin:1px 50%; }

.overlay                                { position:fixed; z-index:2; height:100%; width:100%; top:0; left:0; cursor:pointer; background-color:rgba(105, 170, 111, 0.8); visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition:opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }
.overlay.is-visible                     { opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition:opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }

/* ===[ Search ]=== */
.search                                 { position:absolute; height:50px; width:100%; top:50px; left:0; z-index:3; opacity:0; visibility:hidden; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; }
.search form                            { height:100%; width:100%; }
.search input                          { border-radius:0; border:none; background:#fff; height:100%; width:100%; padding:0 5%; box-shadow:inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; }
.search input::-webkit-input-placeholder
                                        { color:#c9cbc4; }
.search input::-moz-placeholder         { color:#c9cbc4; }
.search input:-moz-placeholder          { color:#c9cbc4; }
.search input:-ms-input-placeholder     { color:#c9cbc4; }
.search input:focus                     { outline:none }
.search.is-visible                      { opacity:1; visibility:visible; -webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s; }
.nav-is-fixed .search                   { position:fixed }
/* @end --------- */

/* support for no js   */
.no-js .primary-nav                     { position:relative; height:auto; width:100%; overflow:visible; visibility:visible; z-index:2; }
.no-js .search                          { position:relative; top:0; opacity:1; visibility:visible; }
/* @end --------- */

/* ===[ Logo ]=== */
#logo                                   {
/* 										position:absolute;  *//* margin:0; padding:0; */
										-webkit-animation:fadeIn 3.5s ease-out;
										-moz-animation:   fadeIn 3.5s ease-out;
										-o-animation:     fadeIn 3.5s ease-out;
										animation:        fadeIn 3.5s ease-out;
										text-align: left; 
										}
#logo  img                              { position:relative; z-index:1; display:block; max-width:240px; width:75% }
/* @end --------- */


/* ===[ Overlay ]=== */
.overlay                                { position:fixed; z-index:2; height:100%; width:100%; top:0; left:0; cursor:pointer; background-color:rgba(0, 0, 0, 0.4); visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition:opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }
.overlay.is-visible                     { opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition:opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }

/* ===[ Main ]=== */

main                                    {
										min-height:100vh; z-index:2;
										-webkit-animation:fadeIn 3.5s ease-out;
										-moz-animation:   fadeIn 3.5s ease-out;
										-o-animation:     fadeIn 3.5s ease-out;
										animation:        fadeIn 3.5s ease-out; 
										}
/* @end --------- */

/* ===[ Banners ]=== */
#banners								{ margin-bottom:4vh; max-width:1440px }
.swiper-container                       { width:100%; /* height:50vh; */ max-height:600px; margin-left:auto; margin-right:auto; }
.swiper-slide                           { text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:flex-start; align-items:flex-start; }
.swiper-slide img						{ width:100%; height:auto; position:relative; z-index:1; top:0; left:0; }

.header-image							{ width:100%; max-height:600px; margin-left:auto; margin-right:auto; overflow:hidden;position:relative }
.header-image img						{ width:100%; height:auto; position:relative; z-index:1; top:0; left:0; }
.header-image .btn.custom-btn           { bottom:0;box-shadow:0 0 24px 8px #fff;color:#fff;font-size:18px;height:66px;left:0;line-height:66px;margin:auto;max-width:500px;padding:0;position:absolute;right:0;top:0;width:80%;z-index:2 }

/* @end --------- */

/* ===[ Main Content ]=== */
#main-content                           { margin-bottom:35px }
body.inner #main-content                { margin-top:25px }
/* @end --------- */


/* ===[ Default Sidebar ]=== */
.default-sidebar                        { margin-bottom:20px }
.sidebar-item                           { margin-bottom:20px }
/* @end --------- */

/* ===[ Login ]=== */
#user                                   { height:50px; line-height:50px; float:right; margin:0 10px; position:relative; }
#user > a                               { text-decoration:none }
#login-dropdown                         { min-width:210px; padding:15px; display:none; line-height:1em; margin:0 0 0 -50%; -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.3); box-shadow:0 1px 5px 0 rgba(0,0,0,0.3); -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
#login-dropdown .btn                    { margin-top:6px }
#quick-loginform                        { position:relative }
#quick-loginform:after                  { width:0; height:0; position:absolute; top:-33px; left:66%; border:solid transparent; content:" "; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-left:-10px; }
.user                                   { display:block; height:50px; width:50px; margin:0 auto 10px auto; text-align:center; font-size:24px; border-radius:50px; border:1px solid #ccc; }
.user i                                 { display:inline; line-height:50px; }
.remb, .help                            { display:block; text-align:center; margin-top:7px; font-size:12px; }
.need-help                              { font-style:italic }
/* @end --------- */

/* ===[ Members Area ]=== */
.members-bar                            { background-color:#fff; padding-bottom:25px; }
.user-profile                           { color:#999; font-size:16px; font-style:italic; }
.members-content                        { background-color:#f5f5f5; padding:30px 0; }
.membership #main-content               { margin-bottom:0 }
.edit-profile, .go-back                 { font-size:16px; color:#333; }
.edit-profile:hover, .go-back:hover     { color:#000 }
.profile-box                            { margin-bottom:20px; padding:15px; background-color:#fff; }
.pb-title                               { display:block; font-size:15px; text-transform:uppercase; color:#999; margin-bottom:5px; }
.profile-box table td                   { padding-bottom:5px }
.pr-heading                             { width:45%; padding-right:10px; }
.profile                                { }
.profile .today                         { color:#999 }
.case-list                              { margin-bottom:10px }
.cnumber                                { width:10%; color:#333; padding-right:15px; }
.subject                                { width:65%; color:#999; }
.status                                 { width:20%; color:#ccc; }
.zoneSubscriptions                      { margin:0; padding:0; }
.zoneSubscriptions li                   { list-style:none }
.zoneSubscriptions li> ul               { margin:0 0 7px 0 }
.zoneName a                             { color:#333 }
.reporttable                            { width:100% }
.order-list                             { background-color:#fff; padding:15px; }
.order-item                             { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; }
.order-item:last-child                  { margin-bottom:0; padding-bottom:0; border-bottom:0 none; }
.order-heading                          { margin-bottom:8px; font-size:16px; color:#999; }
.o-title                                { width:50%; padding-right:5px; color:#999; }
.order-status                           { margin-bottom:10px; font-size:14px; color:#666; }
.order-status  strong                   { color:#333; font-size:13px; }
.os-goods-dispatched                    { color:#13b322 }
.os-order-recieved                      { color:#999 }
/* @end --------- */

/* ===[ Site Search Page ]=== */
.search-controls                        { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc; }
#site-search-detail                     { width:100% }
#search-field                           { }
#filter-search                          { }
.type                                   { }
.search-result-item                     { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; }
.search-result-item h4                  { font-size:16px }
.search-result-item h4     a            { color:#333 }
.sr-desc                                { font-size:12px; margin-top:0; }
/* @end --------- */

/* ECOMMERCE SECTION*/

/* ===[ General ]=== */
#ecomerce                               { }
.shop-sidebar                           { }
#listing-area                           { }
.catalogueList                          { }
.catalogueItemNotFound, .productItemNotFound
                                        { display:none }

/* ===[ Catalog ]=== */
.catalogueList                          { margin:0 0 20px 0 }
.catalogueItem, .catalogueItemLast      { width:33.3333%; list-style:none; float:left; margin-right:1%; }
.catalogueItemLast                      { margin-right:0 }
.catalog-box                            { }
.view-catalog                           { }

/* ===[ Small Product ]=== */
.productList.productSmall               { margin:0; padding:0; }
.productItem, .productItemLast          { width:25%; list-style:none; float:left; margin-right:1%; margin-bottom:30px; }
.productItemLast                        { margin-right:0 }
.price                                  { }
.view-product                           { }
.view-product.btn                       { }

/* ===[ Large Product ]=== */
.productList.productLarge               { margin:0; padding:0; }
.productList.productLarge .productItem  { width:100%; margin:0; float:none; }
.large-product                          { }
.productAttributes                      { }
.catProductAttributeGroup               { }
.catProdAttributeTitle                  { font-weight:bold; font-size:14px; }
.catProdAttributeItem                   { margin-bottom:10px }
.catProdAttributeItem select            { }
.catProdAttributeItem input[type=checkbox]
                                        { margin-right:5px }
.catProdAttributeItem input[type=radio] { margin-right:5px }
.volume-pricing                         { margin:0 0 10px 0 }
.volume-pricing li                      { list-style:none; margin-bottom:5px; }
.volume-pricing li:last-child           { margin-bottom:0 }
.poplets                                { margin:10px 0 0 0; padding:0; text-align:center; }
.poplets li                             { list-style:none; display:inline-block; }
.poplets a                              { display:block }
.poplets img                            { }
.purchase-options                       { }
.addtocart                              { }
.qty                                    { }
.qty > input                            { width:50px; height:33px; text-align:center; }
.related-products                       { margin:10px 0 }
.related-product                        { margin-bottom:20px }


/* ===[ Shopping Cart ]=== */
#full-shopping-cart                     { }
#full-shopping-cart .crumbs             { margin-bottom:25px }
#product-summary th.quantity            { width:40px; text-align:center; padding-right:10px; }
#product-summary tr.val td              { max-height:95px; overflow:hidden; }
#product-summary td.pimage              { width:100px }
#product-summary td.pimage .productitemcell
                                        { width:100px }
#product-summary td.pimage img          { max-width:100%; height:auto; display:block; }
#product-summary td.quantity            { width:40px; padding-right:15px; }
#product-summary td.quantity .productitemcell
                                        { width:40px; text-align:center; }
#product-summary td.quantity input      { width:40px; text-align:center; }
#product-summary td.quantity input      { border:1px solid #ccc; padding-top:4px; padding-bottom:4px; color:#999; }
#product-summary td.ptaxrate            { }
#product-summary td.ptotal              { }
#product-summary td.premove             { }
#product-summary td.premove a           { }
#product-summary td.premove a:hover     { }
#product-summary td.pname .productitemcell, #product-summary td.quantity .productitemcell, #product-summary td.ptaxrate .productitemcell, #product-summary td.ptotal .productitemcell, #product-summary td.premove .productitemcell
                                        { margin-top:20px }
#order-summary small                    { display:block; font-size:11px; font-style:italic; text-align:center; margin:0 auto 16px auto; }
#discount-area                          { margin-bottom:10px }
#discount-area label                    { font-style:normal; text-transform:uppercase; font-weight:700; font-size:14px; color:#001412; }
.disc                                   { margin-bottom:10px }
.cart-field > input[type=text]          { width:100%; border:1px solid #ccc; padding:5px; }
.update                                 { background:#ccc; border:0 none; color:#fff; text-transform:uppercase; font-weight:700; text-align:center; padding:5px 10px; }
.shipping-summary                       { margin-bottom:10px }
.shippingDiv                            { }
#shippingSpan                           { text-transform:uppercase; color:#666; font-size:14px; font-weight:700; }
#ShippingOptions, #shippingCountry, #shippingState
                                        { width:100%; border:1px solid #ccc; padding-top:4px; padding-bottom:4px; }
#main-summary                           { width:93%; margin:10px auto 0 auto; }
#catshopbuy                             { display:none }
#catshopbuy2                            { margin:15px auto 8px }

/* ===[ Payment Page ]=== */
#checkout-section, #shipping-details, #howHearVal
                                        { display:none }
.po                                     { }
.po i                                   { font-size:30px }
.payment-type                           { display:none }
.po.disable                             { opacity:0.5 }
/* @end --------- */


/* ===[ Blog ]=== */
.blog-search-btn                        { padding:8px 12px; border-left-color:#fff; }
.BlogTagCloud a                         { display:block; float:left; margin-right:8px; margin-bottom:8px; padding:4px 7px; color:#666; font-size:16px; background:#f3f3f3; }
.BlogTagCloud a:hover                   { background-color:#ccc }
#blog-archive a:link                    { font-size:15px; text-transform:capitalize; }
.blog-recent                            { margin:0; padding:0; }
.blog-recent li                         { margin:0 0 10px 0; padding:0; list-style:none; padding-bottom:10px; border-bottom:1px solid #d6d6d6; }
.blog-recent a                          { font-size:14px; text-transform:none; color:#666; line-height:1.37em; }
.blog-recent a:hover                    { color:#9FC52C }
.blog-recent .postdate                  { display:block; font-size:12px; color:#999; padding-top:3px; }
.blog-archive ul                        { margin:0; padding:0; }
.blog-archive li                        { margin:0 0 10px 0; padding:0; list-style:none; }
.blog-archive a:hover                   { color:#9FC52C }
/* @end --------- */


/* ===[ Footer ]=== */
#footer                                 { background:#5a6c76; color:#fff; padding:18px 0; }
#footer .row							{ margin-bottom:0 }
.membership #footer                     { margin:0 }
#footer #disclaimer p                   { color:#fff; margin-bottom:0; text-align:center }
#footer #social-pages					{ text-align:center }

#footer #social-pages a					{ -webkit-border-radius:50%;-moz-border-radius:50%;border:1px solid #fff;border-radius:50%;color:#fff;display:inline-block;height:40px;line-height:38px;margin:10px;text-align:center;width:40px; }

.copyright                              { text-transform:uppercase; font-family:'Open Sans Condensed',Arial,sans-serif; font-size:14px; color:#fff; margin:0 0 15px 0; padding:0; font-weight:bold; }
#zns                                    { display:none }


/* ===[ Custom Stuff ]=== */
.swiper-container {overflow-y:visible}

.swiper-button-prev,
.swiper-button-next {-webkit-border-radius:50%;-moz-border-radius:50%;background:#f0af11;border-radius:50%;height:34px !important;text-align:center;width:34px !important}
.swiper-button-prev i,
.swiper-button-next i {color:#fff;font-size:1.5em;line-height:33px}
.swiper-button-prev i {margin-right:3px}
.swiper-button-next i {margin-left:3px}

.swiper-container h2 {background:rgba(0,0,0,.5);bottom:15%;color:#fff;display:block;font-size:16px;left:0;letter-spacing:1px;line-height:3em;margin:0;padding:0 20px;position:absolute;z-index:10;width:auto}

.contact-info                           {border-top:1px solid #5a6c76}
.contact-info p a,
.contact-info p a:hover					{color:#666}

.form									{-webkit-box-shadow: 0 0 8px rgba(90,108,118,.35);-moz-box-shadow: 0 0 8px rgba(90,108,118,.35);border:1px solid rgba(90,108,118,.35);box-shadow: 0 0 8px rgba(90,108,118,.35);margin-bottom:40px;padding:20px}
.form input[type='submit']				{width:100%}

.swiper-testimonials					{overflow:hidden}
.swiper-testimonials .testimonial		{font-family:'Roboto Slab',serif;font-size:20px;font-style:italic}
.swiper-testimonials .testimonial:before,
.swiper-testimonials .testimonial:after	{font-family:"Times New Roman", Times, serif;font-size:2em}
.swiper-testimonials .testimonial:before{content:'\201C'}
.swiper-testimonials .testimonial:after {content:'\201D'}
.swiper-testimonials .customer			{font-weight:bold;text-align:right}

.campaign-field							{color:#fff}


/* Testimonials Page */
.testimonial-ctn {border-bottom:1px dashed #5a6c76;margin-bottom:32px;padding-bottom:32px}
.testimonial-ctn:last-child {border-bottom:none}
.testimonial-ctn p.testimonial {font-style:italic}
.testimonial-ctn p.customer {text-align:right}


/* Accordion */
h2.accordion-trigger {cursor:pointer;font-size:20px;line-height:30px}
h2.accordion-trigger:hover {color:#f0af11}
h2.accordion-trigger i {-webkit-border-radius:50%;-moz-border-radius:50%;border:1px solid #f0af11;border-radius:50%;color:#f0af11;float:left;font-size:16px;height:30px;line-height:30px;margin-right:10px;padding-left:3px;text-align:center;width:30px}
.accordion-box {border-bottom:1px solid #ccc;padding-bottom:20px}
.accordion-result {display:none;padding:10px 20px}


/* Form Customisations */
.ErrorLabel {display:none !important}


/* InField Label */
/* infieldLabel styles */
.infield-label {
  display: block;
  position: relative;
}

.infield-label label {
  bottom: 0;
  color: #777;
  display: block;
  left: 0;
  line-height: 39px;
  margin: 0;
  right: 0;
  top: 0;
}

.js .infield-label label {
  cursor: text;
  font-size: 14px;
  padding: 0 10px;
  position: absolute;
  white-space: nowrap;
}

.placeholder-focus label {
  background-color: rgba(0, 0, 0, 0.85);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  bottom: auto;
  color: #fff;
  line-height: 32px;
  right: auto;
  top: -40px;
}

.no-rgba .placeholder-focus label {
  background-color: #111;
}

.placeholder-focus label:after {
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: '';
  display: block;
  height: 0;
  left: 10px;
  position: absolute;
}

.no-rgba .placeholder-focus label:after {
  border-top-color: #111;
}

.infield-label-image.placeholder-focus label {
  top: -122px;
}

.placeholder-hide label {
  bottom: auto;
  left: -9999px;
  right: auto;
  top: -9999px;
}

.text-center {text-align:center}

/* **************** Utility Styles  *****************/

/* **************** Media Query Ranges  *****************/
@media (min-width:520px){
	
	.swiper-button-prev,
	.swiper-button-next		{height:38px !important;width:38px !important}
	.swiper-button-prev i,
	.swiper-button-next i	{line-height:37px}
	.swiper-container h2	{font-size:24px;padding:0 40px}
    .header-image .btn.custom-btn      {font-size:22px;height:70px;line-height:70px}
	
}

/* ===[ Container utility queires ONLY ]=== */
@media (min-width:768px){ 
    .responsive #banner-slides li .container	{ margin-left:-375px }
    #footer #disclaimer p {line-height:42px;text-align:left}
    #footer #social-pages {text-align:right}
    #footer #social-pages a {margin:0 10px}
    .swiper-button-prev,
	.swiper-button-next		{height:44px !important;width:44px !important}
	.swiper-button-prev i,
	.swiper-button-next i	{font-size:2em;line-height:42px}
	.swiper-container h2	{bottom:10%;font-size:26px}
    .header-image .btn.custom-btn      {font-size:28px;height:76px;line-height:76px}

}
@media (min-width:992px){ 
    .responsive #banner-slides li .container
                                            { margin-left:-485px }
                                            
    
}

/* ===[ Large desktops and laptops ]=== */
@media (min-width:1200px){ 
    .responsive #banner-slides li .container
                                            { margin-left:-585px }
}

/* ===[ Menu Controler ]=== */

/* -------------- */
@media only screen and (max-width:991px){ 
    body.nav-on-left.overflow-hidden        { overflow:hidden }
    main.nav-is-visible, header.nav-is-visible
                                            { -webkit-transform:translateX(-260px); -moz-transform:translateX(-260px); -ms-transform:translateX(-260px); -o-transform:translateX(-260px); transform:translateX(-260px); }
    .nav-on-left main.nav-is-visible, .nav-on-left header.nav-is-visible
                                            { -webkit-transform:translateX(260px); -moz-transform:translateX(260px); -ms-transform:translateX(260px); -o-transform:translateX(260px); transform:translateX(260px); }
    .nav-on-left .logo                      { left:auto; right:5%; }
    .nav-on-left .header-buttons            { right:auto; left:5%; }
    .nav-on-left .header-buttons li         { float:right }
    .nav-on-left .primary-nav, .nav-on-left .primary-nav ul
                                            { right:auto; left:0; }
    .primary-nav                            { visibility:hidden; -webkit-transition:visibility 0s 0.3s; -moz-transition:visibility 0s 0.3s; transition:visibility 0s 0.3s; }
    .primary-nav.nav-is-visible             { visibility:visible; -webkit-transition:visibility 0s 0s; -moz-transition:visibility 0s 0s; transition:visibility 0s 0s; }
    .overlay.is-visible                     { -webkit-transform:translateX(-260px); -moz-transform:translateX(-260px); -ms-transform:translateX(-260px); -o-transform:translateX(-260px); transform:translateX(-260px); }
    .nav-on-left .overlay.is-visible        { -webkit-transform:translateX(260px); -moz-transform:translateX(260px); -ms-transform:translateX(260px); -o-transform:translateX(260px); transform:translateX(260px); }
    .overlay.is-visible.search-is-visible, .nav-on-left .overlay.is-visible.search-is-visible
                                            { -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); }
                                            
    .primary-nav, .primary-nav ul			{width:260px}
    
    #logo									{margin-bottom:10px}
    .contact-info                           {padding-top:10px}
                                            
    #logo img								{/* margin:0 auto */}
    
    .contact-info p							{text-align:center}
}
/* -------------- */
@media only screen and (min-width:992px){
	
	#logo									{margin-bottom:0}
	
	#logo img								{margin:0;max-width:300px}
	
    .contact-info                           {border-top:none;padding-top:20px}
	.contact-info p							{text-align:right}
	
    header                                  {/*  height:80px  */}
    header::after                           { clear:both; content:""; display:table; }
/*     #logo                                   { top:15px; left:10%; } */
    .header-buttons                         { top:18px; right:4em; z-index:10; }
    .nav-trigger                            { display:none }
    .primary-nav                            { position:static; /* padding:0 150px 0 0; */ margin:0; height:auto; width:auto; /* float:right; */ overflow:visible; background:#5a6c76; text-align:center }
    .primary-nav::after                     { clear:both; content:""; display:table; }
    .primary-nav.moves-out > li > a         { -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); opacity:1; }
    .primary-nav ul                         { position:static; height:auto; /* width:auto; */ background:transparent; overflow:visible; z-index:3; }
    .primary-nav ul.is-hidden               { -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); }
    .primary-nav ul.moves-out > li > a      { -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); opacity:1; }
    .primary-nav > li                       { /* float:left; */ display:inline-block; margin-left:1em; list-style:none; padding:0; }
    .primary-nav > li.li-selected           { position:relative }
    .primary-nav > li > a                   { position:relative; display:inline-block; height:80px; line-height:80px; padding:0 10px; font-size:12px;font-weight:bold; color:#fff; overflow:visible; border-bottom:none; -webkit-transition:color 0.3s, box-shadow 0.3s; -moz-transition:color 0.3s, box-shadow 0.3s; transition:color 0.3s, box-shadow 0.3s; text-transform: uppercase}
    .primary-nav > li > a:hover             { color:#f0af11; text-decoration:none; }
/*
    .primary-nav > li > a:hover::after,
    .primary-nav > li > a:hover::before		{ color:#5a6c76; }
*/
    .primary-nav > li > a.selected          { color:#f0af11; box-shadow:inset 0 -2px 0 #000; text-decoration:none; }
    .primary-nav .go-back, .primary-nav .see-all
                                            { display:none }
    .primary-nav .secondary-nav, .primary-nav .nav-gallery, .primary-nav .nav-icons
                                            { position:absolute; top:100%; /* width:100vw; */ background:#fff; padding:50px; box-shadow:inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); -webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s; }
    .primary-nav .secondary-nav.simple-menu { /* width:100%; */ left:0; padding:20px; margin:0; text-align:left; min-width:350px }
    .primary-nav .secondary-nav::after, .primary-nav .nav-gallery::after, .primary-nav .nav-icons::after
                                            { clear:both; content:""; display:table; }
    .primary-nav .secondary-nav.is-hidden, .primary-nav .nav-gallery.is-hidden, .primary-nav .nav-icons.is-hidden
                                            { opacity:0; visibility:hidden; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; }
    .primary-nav .secondary-nav > .see-all, .primary-nav .nav-gallery > .see-all, .primary-nav .nav-icons > .see-all
                                            { display:block; position:absolute; left:0; bottom:0; height:80px; width:100%; overflow:hidden; /* reset some inherited style */ margin:0; padding:0; }
    .primary-nav .secondary-nav > .see-all a, .primary-nav .nav-gallery > .see-all a, .primary-nav .nav-icons > .see-all a
                                            { position:absolute; width:100%; height:100%; top:0; left:0; font-size:2.2rem; font-weight:bold; text-align:center; line-height:80px; border-top:1px solid #e2e3df; /* reset some inherited style */ border-bottom:none; margin:0; padding:0; -webkit-transition:color 0.2s, background 0.2s, border 0.2s; -moz-transition:color 0.2s, background 0.2s, border 0.2s; transition:color 0.2s, background 0.2s, border 0.2s; }
    .primary-nav .secondary-nav > .see-all a:hover, .primary-nav .nav-gallery > .see-all a:hover, .primary-nav .nav-icons > .see-all a:hover
                                            { background:#2e3233; border-color:#2e3233; color:#fff; }
    .primary-nav .secondary-nav > li        { list-style:none; /* change the height according to your needs - you can even set height:auto; */ height:340px; /* here you set the number of columns - use width percentage */ width:23%; float:left; margin-right:2.66%; border-right:1px solid #e2e3df; overflow:hidden; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; }
    .primary-nav .secondary-nav > li:last child, .primary-nav .secondary-nav > li.last-child
                                            { margin-right:0; border-right:none; }
    .primary-nav .secondary-nav.simple-menu > li
                                            { width:100%; height:auto; float:none; margin:0; border:0 none; }
    .primary-nav .secondary-nav > li > a    { color:#5a6c76; font-weight:bold; /* font-size:1.6rem; */ margin-bottom:.6em; }
    .primary-nav .secondary-nav > li > a    { font-weight:normal; /* font-size:1.6rem */; }
    .primary-nav .secondary-nav a           { height:30px; line-height:30px; padding:0 18% 0 0; color:#2e3233; border-bottom:none; /* font-size:1.4rem; */ }
    .primary-nav .secondary-nav a:hover     { color:#f0af11 }
    .primary-nav .secondary-nav ul          { margin:0; padding:0; -webkit-transform:translateZ(0px); -moz-transform:translateZ(0px); -ms-transform:translateZ(0px); -o-transform:translateZ(0px); transform:translateZ(0px); list-style:none; }
    .primary-nav .secondary-nav ul ul       { position:absolute; top:0; left:0; height:100%; width:100%; list-style:none; }
    .primary-nav .secondary-nav ul ul.is-hidden
                                            { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); }
    .primary-nav .secondary-nav ul ul .go-back
                                            { display:block }
    .primary-nav .secondary-nav ul ul .go-back a
                                            { color:#333 }
    .primary-nav .secondary-nav ul ul .see-all
                                            { display:block }
    .primary-nav .secondary-nav .moves-out > li > a
                                            { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); }
    .primary-nav .nav-gallery li            { /* set here number of columns - use width percentage */ width:22%; float:left; margin:0 4% 40px 0; }
    .primary-nav .nav-gallery li:nth-child(4n+2)
                                            { /* +2 because we have two additional list items with display:none */ margin-right:0 }
    .primary-nav .nav-gallery .nav-item     { border-bottom:none; padding:0; height:auto; line-height:1.2; }
    .primary-nav .nav-gallery .nav-item img { position:static; margin-top:0; height:auto; width:100%; margin-bottom:.6em; }
    .primary-nav .nav-gallery .nav-item h3  { color:#000; font-weight:bold; padding:0 .4em; }
    .primary-nav .nav-icons li              { /* set here number of columns - use width percentage */ width:32%; float:left; margin:0 2% 20px 0; }
    .primary-nav .nav-icons li:nth-child(3n+2)
                                            { /* +2 because we have two additional list items with display:none */; margin-right:0; }
    .primary-nav .nav-icons .nav-item       { border-bottom:none; height:80px; line-height:1.2; padding:24px 0 0 85px; position:relative; }
    .primary-nav .nav-icons .nav-item:hover { background:#f6f6f5 }
    .primary-nav .nav-icons .nav-item h3    { color:#000; font-weight:bold; }
    .primary-nav .nav-icons .nav-item p     { display:block }
    .primary-nav .nav-icons .nav-item::before
                                            { left:25px }
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after
                                            { background:#fff }
    .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after
                                            { background:#5a6c76 }
    .has-children > a::before, .has-children > a::after
                                            { right:15% }
    .primary-nav > .has-children > a        { padding-right:30px !important }
    .primary-nav > .has-children > a:active { text-decoration:none }
    .primary-nav > .has-children > a::before, .primary-nav > .has-children > a::after
                                            { width:9px; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%; background:#fff; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:width 0.3s, -webkit-transform 0.3s; -moz-transition:width 0.3s, -moz-transform 0.3s; transition:width 0.3s, transform 0.3s; }
    .primary-nav > .has-children > a::before
                                            { right:12px }
    .primary-nav > .has-children > a::after { right:7px }
    
    .primary-nav > .has-children > a:hover::before, .primary-nav > .has-children > a:hover::after {
	    background:#f0af11;
    }
    
    .primary-nav > .has-children > a.selected::before, .primary-nav > .has-children > a.selected::after
                                            { background:#f0af11;width:14px }
    .primary-nav > .has-children > a.selected::before
                                            { -webkit-transform:translateX(5px) rotate(-45deg); -moz-transform:translateX(5px) rotate(-45deg); -ms-transform:translateX(5px) rotate(-45deg); -o-transform:translateX(5px) rotate(-45deg); transform:translateX(5px) rotate(-45deg); }
    .primary-nav > .has-children > a.selected::after
                                            { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
    .secondary-nav > .has-children > a::before, .secondary-nav > .has-children > a::after
                                            { display:none }
    .primary-nav .go-back a                 { padding-left:20px }
    .primary-nav .go-back a::before, .primary-nav .go-back a::after
                                            { left:1px }
    .search                                 { height:120px; top:80px; }
    .search input                           { padding:0 2em; font-size:3.2rem; font-weight:300; }
    .no-js .primary-nav                     { position:absolute; z-index:3; display:inline-block; width:auto; top:0; right:150px; padding:0; }
    .no-js .nav-is-fixed .primary-nav       { position:fixed }
    
    .swiper-container h2					{ font-size:32px;padding:0 60px }
}

@media only screen and (min-width:1073px){
	.btn {font-size:16px}
}



@media only screen and (min-width:1120px){ 
    
    .primary-nav > li {margin-left:2em}
        
}

@media only screen and (min-width:1140px){
	
	.swiper-container h2 {/* bottom:40px */}
	
}

@media only screen and (min-width:1160px){
	
	.swiper-container h2 {/* bottom:auto;top:60% */}
	
	.primary-nav > li > a {font-size:13px}
	
}

@media only screen and (min-width:1249px){ 
    
    .primary-nav > li {margin-left:3em}
    
    .btn {font-size:20px}
    
    .swiper-container h2 {bottom:12%;font-size:36px;padding:0 80px}
    
}

@media only screen and (min-width:1280px){
	
	.primary-nav > li > a {font-size:14px}
	
	.swiper-container h2 {bottom:20%}
	
}

@media only screen and (min-width:1400px){
	
	.swiper-container h2 {bottom:24%}
	
}

@media only screen and (min-width:1440px){
	
	.primary-nav > li > a {font-size:16px}
	
}

@media only screen and (min-width:1550px){
	
	.swiper-container h2 {/* top:0 */}
	
}


/* ===[ Portrait tablets and small desktops ]=== */
@media (min-width:768px) and (max-width:991px){ 
    form .col-sm-6 input[type=text], form .col-sm-6 input[type=password], form .col-sm-6 select, form .col-sm-6 textarea
                                            { margin-bottom:15px }
}

/* ===[ Landscape phones and portrait tablets ]=== */
@media (max-width:767px){ 
    .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr
                                            { display:block }
    .responsive-table thead tr              { position:absolute; top:-9999px; left:-9999px; }
    .responsive-table tr                    { border:0 none }
    .responsive-table td                    { border:none; position:relative; text-align:center; }
    form .col-xs-12 input[type=text], form .col-xs-12 input[type=password], form .col-xs-12 select, form .col-xs-12 textarea
                                            { margin-bottom:15px }
    #product-summary td.quantity            { width:auto }
    #product-summary td.pimage              { width:auto; text-align:center; }
    #product-summary td.pimage img          { margin:0 auto }
}

/* ===[ Landscape phones and smaller ]=== */
@media (max-width:480px){ 
    #banners, #banners >div                 { /* height:200px */ }
    .banners, #banners li                   { height:200px }
    .banners                                { margin:0 0 25px }
    .inner-slide                            { height:200px }
    .banner-wrapper                         { height:200px; left:0; }
    #banners li .container                  { display:none }
    .banner-image                           { height:200px }
    .responsive-table table, .responsive-table table thead, .responsive-table table tbody, .responsive-table table th, .responsive-table table td, .responsive-table table tr
                                            { display:block }
    .responsive-table table thead tr        { position:absolute; top:-9999px; left:-9999px; }
    .responsive-table table tr              { border:0 none; position:relative; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; }
    .responsive-table table tr td           { border:0 none; position:relative; padding-left:0; }
    form .col-xs-12 input[type=text], form .col-xs-12 input[type=password], form .col-xs-12 select, form .col-xs-12 textarea
                                            { margin-bottom:15px }
}

.primary-nav > li:first-child {margin-left:0}