@charset "UTF-8";
/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 *
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT and GPL licenses.
 *
 * Last revised: 31/01/2012
 *
 */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
        <div class="simply-scroll-btn simply-scroll-btn-left"></div>
        <div class="simply-scroll-btn simply-scroll-btn-right"></div>
        <div class="simply-scroll-clip">
                <ul class="simply-scroll-list">
                        <li>...</li>
                        ...
                </ul>
        </div>
</div>


*/

.simply-scroll-container { /* Container DIV - automatically generated */
    position: relative;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
    position: relative;
    overflow: hidden;
}

.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.simply-scroll-list li img {
    border: none;
    display: block;
}

.simply-scroll-btn {
    position: absolute;
    background-image: url(buttons.png);
    width: 42px;
    height: 44px;
    z-index:3;
    cursor: pointer;

}

.simply-scroll-btn-left {
    left: 6px;
    bottom: 6px;
    background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
    background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
    background-position: 0 -88px;
}

.simply-scroll-btn-right {
    right: 6px;
    bottom: 6px;
    background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
    background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
    background-position: -84px -88px;
}

.simply-scroll-btn-up {
    right: 6px;
    top: 6px;
    background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
    background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
    background-position: -126px -88px;
}

.simply-scroll-btn-down {
    right: 6px;
    bottom: 6px;
    background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
    background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
    background-position: -42px -88px;
}

.simply-scroll-btn-pause {
    right: 6px;
    bottom: 6px;
    background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
    background-position: -168px -88px;
}

.simply-scroll-btn-pause.active {
    background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
    background-position: -84px -88px;
}


.simply-scroll .simply-scroll-btn {}

.simply-scroll .simply-scroll-btn-left {}
.simply-scroll .simply-scroll-btn-left.disabled {}
.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}
.simply-scroll .simply-scroll-btn-right.disabled {}
.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}
.simply-scroll .simply-scroll-btn-up.disabled {}
.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}
.simply-scroll .simply-scroll-btn-down.disabled {}
.simply-scroll .simply-scroll-btn-down:hover {}



.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up { /* modified btn pos */
    right: 0;
    top: 0;
}
.vert .simply-scroll-btn-up.disabled {}
.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down { /* modified btn pos */
    right: 0;

}
.vert .simply-scroll-btn-down.disabled {}
.vert .simply-scroll-btn-down:hover {}

/* NOTE left-right classes wouldn't be needed on vertical scroller */

/* General
=================================================================================*/

body {
    background: #fff;
    color: #5d3327;  	
}

/* reset bootstrap component */
a {
    color: #000000;
}

.entry-title:hover,
a:hover { 
    color: #C0392B !important;
    text-decoration: none; 
}

a:focus { 
    outline: none; 
}

label { 
    line-height: 1em; 
}

br,
label,
.form-control,
.btn {
    margin-bottom: 1em;
}

input,
select {
    height: 3em !important;
    font-size: 1em !important;
}

input,
textarea {
    box-shadow: none !important;
    border: 2px solid #dedede !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
}

input:focus,
textarea:focus {
    border: 2px solid #C0392B !important;
}

.btn {
    border-radius: 0 !important;
    border: 1px solid #dedede !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;		
}

/* icon divider */
.divider {
    position: relative;
    background: #eeeeee;
    width: 100%;
    height: 1px;
    margin: 5em 0;
}

.divider span {
    color: #bfbfbf;
    position: absolute;
    top: -6px;
    font-size: 1em;
}

/* section */
.section {
    padding: 0;

}

/* padding bottom */
.pad-bottom {
    padding-bottom: 2em;
}

/* dropcaps */
.dropcaps { 
    float: left; 
    color: #C0392B; 
    font-size: 6em; 
    line-height: 60px; 
    padding-top: 10px; 
    padding-right: 10px; 
    padding-left: 3px; 

}

/* loader */
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/ajax-loader.gif') 50% 50% no-repeat #ffffff;
}

/* clear space */
.clear-space {
    margin: 0 !important;
}


img {
    max-width: 100%;
}



/* Typography
=================================================================================*/

html>body { 
    font-size: 14px; 
    font-family: Helvetica, serif;
    font-weight: 400;
    text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased; 	
} 

p { 
    margin: 0 0 2em 0;
    font-size: 1em; 
    line-height: 2em; 
}

h1 {
    font-size: 2.5714285714em;

}

h2 {
    font-size: 2.14285714em;

}

h3 {
    font-size: 1.714285714em;

}

h4 {
    font-size: 1.285714em;

}

h5 {
    font-size: 1em;

}

h6 {
    font-size: 0.85714285714em;

}

h1.sm {
    font-size: 1.714285714em;
    margin: 0.67em 0;
}

h2.sm {
    font-size: 1.285714em;
    margin: 0.83em 0;
}

h3.sm {
    font-size: 1em;
    margin: 1em 0;
}

h4.sm {
    font-size: 0.85714285714em;
    margin: 1.33em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;

    font-weight: 400;
}

h1.normal,
h2.normal
h3.normal
h4.normal
h5.normal
h6.normal { 
    font-weight: 400; 
}

small { 
    font-size: 75%; 
}


section {overflow: hidden;}

/* Nav
=================================================================================*/

/* logo */


/* navigation */
.mobile-nav {
    display: none;
}


.header {
    float: left;
    border: none;
    width: 178px;
    height: 100%;
    box-shadow: none;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    background: url('../img/sidebar-menu.png') no-repeat 0 162px;
    overflow: visible;
    z-index: 3;
}
.navbar-brand {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    width: 159px;
    max-width: 159px;
    height: 162px !important;
    max-height: 162px;
    padding: 13px 0 0 0 ;
    position: relative !important;
    z-index: 9999;
}
.header .container {
    padding: 0;
    position: relative;
    display: block;
}

.header nav {
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;

}

.header .nav {
    margin: 0 ;
    padding: 0;
}
.header .nav li {
    display: block;
    width: 100%;
}
.header .nav a {
    position: relative;
    display: block;
    font-size: 15px;
    padding: 0;
    color: #673f2a !important;
    padding: 26px 35px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    height: 100%;
}

.header .nav a:hover,
.header .nav a:focus {
    background: none;
    color: #000000 !important;
}

.header li {
    position: relative;	

}

/* left arrow color default */ 
.header li.product {
    height: 81px;

}
.header li.promo {
    height: 85px;
}
.header li.outlet {
    height: 85px;
}
.header li.contact {
    height: 85px;
}
/* left arrow color at #intro section */ 
.header li:after {
    display: none;
}


.header .navbar-nav a:hover {
    color: #000000 !important;
}
.overlay-menu {
    display: block;
    height: 394px;
    width: 178px;
    left:0;
    top: 162px;
    background: url('../img/sidebar-menu.png') no-repeat;
    position: fixed;
    z-index: 9;
    display: none;
}
.overlay-bottom {
    background: url('../img/overlay-bottom.png') no-repeat 0 0;
    height: 200px;
    width: 170px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
}
/* Wrapper
=================================================================================*/

.wrap {
    margin-left: 159px;
    background: white;

}


/* Sidebar
=================================================================================*/

.widget {
    display: block;
    margin-bottom: 2em;
}

.widget-title {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px dotted #dedede;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px 10px 15px;
    margin-bottom: 2em;
}

/* widget social */
.widget_social {
    margin-top: 7px;
}
.widget_social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.widget_social ul li {
    float: none;
    display: inline-block;
    padding: 5px 0px;
}
.widget_social a {
    display: block;
    height: 34px;
    width: 34px;
    padding: 1px
}
.widget_social ul li.so-facebook a {
    background: url('../img/icon_fb.png') no-repeat;
}
.widget_social ul li.so-facebook:hover a {
    background: url('../img/icon_fb_hover.png') no-repeat
}
.widget_social ul li.so-twitter a {
    background: url('../img/icon_tw.png') no-repeat;
}
.widget_social ul li.so-twitter:hover a {
    background: url('../img/icon_tw_hover.png') no-repeat
}
.widget_social ul li.so-insta a {
    background: url('../img/icon-insta-hover.png') no-repeat;
}
.widget_social ul li.so-insta:hover a {
    background: url('../img/icon-insta.png') no-repeat
}
/* Intro
=================================================================================*/

#intro {



}

#slides {
    position: relative;
}

#slides .slides-container {
    position: relative;
    display: none;
}

#slides .scrollable {
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

#slides .scrollable:after {
    content: " ";
    display: table;
    clear: both;
}
#slides img {
    max-width: 100%;
}
.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%;
}

.slides-navigation a {
    position: absolute;
    display: block;
    font-size: 2em;
    padding: 10px;
    color: white;
}

.slides-navigation a:focus {
    text-decoration: none;
}

.slides-navigation a.prev {
    left: 0;
}

.slides-navigation a.next {
    right: 0;
}

.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 2em;
    text-align: center;
    width: 100%;
}

.slides-pagination a {
    border: 0px solid #444;
    width: 10px;
    height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
    overflow: hidden;
    text-indent: -100%;
    color: transparent;
    border-radius: 50%;
    background: #333;
}

.slides-pagination a:hover {
    color: transparent !important;
}

.slides-pagination a.current {
    background: #444;
}

.slide-caption {
    position: absolute;
    top: 15%;
    right: 20px;
    left: 0;
    z-index: 2;
    padding-right: 4em;
    text-align: right;
    color: #5d3327;
}

.slide-caption h1 {

    text-transform: uppercase;
    letter-spacing: -0.1em;
    word-spacing: 0.1em;
    font-size: 56px;
    line-height: 1em;
    margin: 0 0 30px 0;
}

.slide-caption p {
    font-size: 16px;
    margin: 0;
    line-height: 1.2em;
    margin-bottom: 30px;
}
/* Product
=================================================================================*/
#product-carousel {
    height: 100%;
}
.carousel-control {
    padding-top:10%;
    width:5%;
}
.carousel-inner {
    height: 100%;

}
.carousel-inner>.item {
    display: block;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
   
}
.product-master {
    width: 459px;
    max-width: 50%;
    float:left;
    height: 100%;
    height: calc(100% - 1px);
}
.product-master img {
    width: 100%;
    max-width: 100%;
    height: 425px;
}
.product-master .description{
    padding: 20px 25px;
}
.product-master h3 {
    border-bottom: 1px solid #000;
    text-align: center;
    padding: 5px 45px;
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
}
.product-master p {
    text-align: center;
    padding: 5px 15px;
    font-weight: normal;
    font-size: 13px;

}
.product-master-1 {
    background: #c4df9a;
}
.product-master-2 {
    background: #ffeb95;
}
/* promo
=================================================================================*/
#promo {

}

#promo .heading {
    background: #ffeb95;
    height: 159px;
    margin:0;
}
#promo .heading img {
    height: 100%;
    width: 100%;
}
#promo-master {
    padding:0;
    margin:0;

}
.event-activity {

}
.event-activity h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #4f0400
}

.recent-activity {
    margin-bottom: 20px;
}
.recent-activity h1{
    font-size: 14px;
    text-transform: uppercase;
    color: #4f0400;

}
.recent-activity p{
    font-size: 12px;
    line-height: 1.4;
    color: #4f0400
}
.recent-activity img{}
.recent-activity .readmore {
    font-size: 12px;
      color: #4f0400;
      text-align: right;
      float:right;
      text-decoration: underline;
      
}
.event-highlight {
    margin:0;
    padding:0;
    display: block;
}
.event-highlight .headevent {
    background: #663a1d;
    margin:0;
    padding:0;
    display: block;
    overflow: hidden;
    padding: 30px 30px;
    color: #efd45b;
}
.event-highlight h3 {
    line-height: 1.4;
    margin:0;
    padding:0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.event-highlight p {
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
}
.event-highlight {

}
.event-highlight .readmore {
    font-size: 12px;
      color: #fff;
      text-align: right;
      float:right;
      text-decoration: underline;
      
}
.event-highlight img {
    margin:0;
    padding:0;
    max-width: 100%;
}


/* Outlet
=================================================================================*/
#outlet {

}

#outlet .heading {
    background: #ffeb95;
    height: 150px;
    margin:0;
    border:none;
}
#outlet .heading img {
    height: 100%;
    width: 100%;
}
#outlet .sub-heading {
    height: 40px;
    background: #5d3327;
}
#outlet .sub-heading h2 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin:0;
    text-transform: uppercase;
}
#outlet .sub-heading label {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin:0;
    text-transform: uppercase;
}
#outlet .sub-heading select {
    height: 40px !important;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin:0;
    text-transform: uppercase;
    border:none;
    background: transparent;
    border:none;
    padding: 0;
}
#outlet .sub-heading {
    color: #fff;
}
#outlet-master {
    padding:0;
    margin:0;
    background: #feffd5;

}
.address-list {

}


.addres{}
.outlet-address h3{
    font-size: 14px;
    font-weight: bold;

}
.outlet-address p{
    font-size: 12px;
    line-height: 1.4;
}

.outlet-banner {
    margin:0;
    padding:0;
    display: block;
}
.outlet-banner img {
    width: 100%;

}
/* Contact
=================================================================================*/

#contact {

}

#contact .heading {
    height: 416px;
}

#contact .heading img{
    width: 100%;
    height: 100%;
}


#contact .section {
    background: #ffeb95;
    padding: 20px 200px;
    text-align: center;
}
#contact .section h1{
    font-size: 18px;
}
#contact .section h3 {

}
#contact .section p {
    font-size: 12px;
    line-height: 1.4;
}


/* Product Detail
=================================================================================*/
#product-detail {

}


#product-detail-master {
    padding:0;
    margin:0;
    background: #fef6df;
    position: relative;
    clear: both;
    display: block;

}
#product-detail-master .content {
    padding: 10px 50px;
}
#product-detail-master img.center{

    margin: 0 auto;
    max-width: 250px;

}
#product-detail-master h1{
    font-size: 18px;
    border-bottom: 1px solid #000;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 20px;

}
#product-detail-master p {
    font-size: 12px;
}

.product-detail-image {
    margin:0;
    padding:0;
    display: block;
    width: 259px;
    float:right;
}
.product-detail-image img {
    width: 100%;

}

/* commmon
=================================================================================*/
.overflow-scrool {

}
/* Container DIV - automatically generated */
.simply-scroll-container { 
    position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
    position: relative;
    overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.simply-scroll-list li img {
    border: none;
    display: block;
}

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn {
    position: absolute;
    background-image: url(buttons.png);
    width: 24px;
    height: 24px;
    z-index:3;
    cursor: pointer;
    text-align: center;
    line-height: 24px;

}

.simply-scroll-btn-left {
    left: 6px;
    bottom: 6px;
    background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
    background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover {
    background-position: 0 -88px;
}

.simply-scroll-btn-right {
    right: 6px;
    bottom: 6px;
    background-position: 84px -44px;
}
.simply-scroll-btn-right.disabled {
    background-position: 84px 0 !important;
}
.simply-scroll-btn-right:hover {
    background-position: 84px -88px;
}

.simply-scroll-btn-up {
    right: 6px;
    top: 6px;
    background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
    background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover {
    background-position: -126px -88px;
}

.simply-scroll-btn-down {
    right: 6px;
    bottom: 6px;
    background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
    background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover {
    background-position: -42px -88px;
}


/* Container DIV */
.vert { 
    width: 590px; /* wider than clip for custom button pos. */
    height: 400px;
    margin-bottom: 1.5em;
}

/* Clip DIV */
.vert .simply-scroll-clip {
    width: 560px;
    height: 400px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
    width: 290px;
    height: 200px;
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up { 
    right: 0;
    top: 0;
}

.vert .simply-scroll-btn-down { 
    right: 0;

    bottom: 6px !important;
}


/* Media Query
=================================================================================*/
@media (min-width: 980px) {
    .side-bg {
        float: left;
        border: none;
        width: 160px;
        height: 100%;
        background: #efd45b;
        box-shadow: none;
        position: fixed;
        top:0;
        -webkit-overflow-scrolling: touch;
        border-right: 1px solid #b29539;
        overflow: visible;
    }
    .side-bg2 {
        float: left;
        border: none;
        width: 168px;
        position: fixed;
        background: url('../img/overlay-bottom.png') no-repeat bottom;
        z-index: 2;
        bottom:0;
    }
    .wrap {

        width: 920px;
    }


}
@media (min-width: 768px) and (max-width: 980px) {

}

@media (max-width: 767px) {

    .header {
        display: none;
    }

    .mobile-nav {
        display: block;
    }

    .wrap {
        margin: 0;

    }

    .wrap [class*="col-md"] {
        margin-bottom: 4em;
    }

    /* heading */
    .heading {
        text-align: center;
    }

    /* portfolio/work */
    .projects .mix {
        width: 50%;
    }

    /* slide caption */
    .slide-caption {
        position: absolute;
        top: 37%;
        right: 0;
        left: 32%;
        z-index: 2;
        padding-right: 4em;
    }

    .slide-caption h1 {

        font-weight: 700;	
        color: #C0392B;
        text-transform: uppercase;
        letter-spacing: -0.1em;
        word-spacing: 0.1em;
        font-size: 4em;
        line-height: 1em;
        margin: 0;
    }

    .slide-caption p {

        color: white;
        font-size: 1em;
        margin: 0;
        line-height: 1.2em;
    }	



    /* resetter */
    .res-top-margin {
        margin-top: 0;
    }

    .res-bottom-margin {
        margin-bottom: 0;
    }

}

@media (max-width: 480px) {

}
#super-wrapper {
    height: 400px;
    overflow:hidden;
    position: relative;
}
#outlet-list-wrapper {
    position: relative;
}
#outlet-list-wrapper .mix {
    display:none;
}
.top-scroll {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 9999999999;
}
.down-scroll {
    position: absolute;
    bottom: 15px;
    right: 10px;
     z-index: 9999999999;
}


#super-activity-wrapper {
    height: 500px;
    overflow:hidden;
    position: relative;
}
.event-activity {
    position: relative;
}
#outlet-list-wrapper .mix {
    display:none;
}
.top-scroll-activity {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 9999999999;
}
.down-scroll-activity {
    position: absolute;
    bottom: 15px;
    right: 10px;
     z-index: 9999999999;
}
/* modal */
.breadcrumb {
    background: transparent;
    margin: 0;
}
body.pgwModalOpen {
    overflow: hidden;
}

#pgwModalBackdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
}

#pgwModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index : 9010;
    overflow-x: auto;
    overflow-y: scroll;
    text-align: center;
}

#pgwModal .pm-container {
    margin: 10px;
}

#pgwModal .pm-body {
    display: inline-block;
    max-width: 800px;
    min-width: 300px;
    position: relative;
    width: 100%;
    z-index: 9020;
    margin-top: 10px;
}



.pgwModalBackdrop {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pgwModal .pm-body {
    background-color: #fff;

   
}

.pgwModal .pm-title {
   
    font-size: 1rem;
    min-height: 25px;
}

.pgwModal .pm-content {
    background: #fff;
    padding: 10px;
    text-align: left;
}

.pgwModal .pm-close {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
     background: #9ecdb4;
}

.pgwModal .pm-close span.pm-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=);
    display: block;
    height: 20px;
    width: 20px;
    color: #fff;
  
}