@import url('fonts.css');
/*================================================================================*/
body {
   font-family: arial;
   font-size: 100%;                                                      /* default font  size - 100% = 16px*/
   background-color:#e50707;
}
form, body {
   margin: 0;
   padding: 0;
}
img {
   border: 0 none;
   max-width: 100%;                                                      /*to optimize full width of its parent element*/
}
main {
   display:block;
}
address {
   font-style: normal;                                                   /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p, ol {
   margin: 0;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
   color: #f60909;
   text-decoration: underline;
}
a:hover {
   color: #f60909;
   text-decoration: none;
}
p {
   padding: 0 0 1.125em 0;                           /* BASE FONT = 16px  >>> 0px 0px 18px 0px / 16px = 0 0 1.125em 0 */
}
.content_ph a {
   color:#000000;
   text-decoration:none;
}
ul {
   padding:0 0 1.25em 0;                           /* BASE FONT = 20px  >>> 0px 0px 20px 0px / 16px = 0 0 1.25em 0 */
   list-style:none;
}
ul li {
   background:url(/images/bullet.png) no-repeat left 0.4375em;            /* BASE FONT = 16px  >>> 7px / 16px = 0.4375em */
   padding: 0 0 0.25em 0.75em;                       /* BASE FONT = 16px  >>> 0px 0px 4px 12px / 16px = 0 0 0.25em 0.75em */
}
.clearfix:before, .clearfix:after {
   content:"";
   display:table;
}
.clearfix:after {
   clear:both;
}
.clear {
    clear:both;
}
hr {
   border:none;
   margin: 0 0 1.5625em 0;                                                     /* BASE FONT = 16px  >>> 0px 0px 25px 0px / 16px = 0 0 1.5625em 0 */
   padding: 0;
   background: #000000;
   height: 0.0625em;                                                        /* BASE FONT = 16px  >>> 1px / 16px = 0.0625em */
}
.inner_wrap {
   margin:0 auto;
   max-width: 91.0625em;                                                 /* BASE FONT = 16px  >>> 1457px / 16px = 91.0625em */
   padding: 0 1.0625em 0 1.0625em;                                     /* BASE FONT = 16px  >>> 0px 17px 0px 17px / 16px = 0 1.0625em 0 1.0625em */
}
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */
/* =============Header Area Start============================ */
header {
   background:#ffffff;
   padding: 1em 0 0 0;                          /* BASE FONT = 16px  >>> 16px 0px 0px 0px / 16px = 1em 0 0 0 */
   text-align: center;
}
#header_logo {
    padding: 0 0 0.9375em 0;                        /* BASE FONT = 16px  >>> 0px 0px 15px 0px / 16px = 0 0 0.9375em 0 */
}
#header_logo img {
    display: block;
    margin: 0 auto 1em auto;                        /* BASE FONT = 16px  >>> 0px auto 16px auto / 16px = 0 auto 1em auto */
   max-width: 18.5625em;                        /* BASE FONT = 16px  >>> 297px / 16px = 18.5625em */
    width: 73.42657342657343%;                          /*(210px/286px)*100 = 73.42657342657343% width of its container*/         
}
#header_logo a {
    color: #000000;
    font-family: SouvenirITCbyBT-Demi;
    text-decoration: none;
    text-transform: uppercase;
   max-width: 18.5625em;                        /* BASE FONT = 16px  >>> 297px / 16px = 18.5625em */
   display: block;
   margin: 0 auto;
}
#header_logo span {
    display: block;
    font-size:1.25em;                        /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    line-height: 1.2em;                       /* BASE FONT = 20px  >>> 24px / 20px = 1.2em */
}
.utility_nav {
    color: #000000;
    font-size: 1em;                       /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    font-weight: bold;
    line-height: 1.1875em;                     /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding: 0 0 0.9375em 0;                     /* BASE FONT = 16px  >>> 0px 0px 15px 0px / 16px = 0 0 0.9375em 0 */
}
.utility_nav > a {
    color: #000000;
    display: inline-block;
}
.tagline {
    display: block;
    padding: 0 0 0.9375em 0;                     /* BASE FONT = 16px  >>> 0px 0px 15px 0px / 16px = 0 0 0.9375em 0 */
}
.phone_no {
    background: url(/images/utility-divider.jpg) no-repeat right 0.1875em;            /* BASE FONT = 16px  >>> 3px / 16px = 0.1875em */
    margin: 0 1.125em 0 0;                      /* BASE FONT = 16px  >>> 0px 18px 0px 0px / 16px = 0 1.125em 0 0 */
    padding: 0 1.375em 0 0;                    /* BASE FONT = 16px  >>> 0px 22px 0px 0px / 16px = 0 1.375em 0 0 */
}
.utility_nav .phone_no > a {
   color: #000000;
   text-decoration:none;
}
/* =============Top Navigation style start=================== */
header nav {
    background-color: #f60909;
    border-top: 2px solid #000000;
    text-align: right;
}
/*============= video link popup style ==============*/
.video-link {
  color: #ffffff !important;
    margin-right: 0px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/images/film3.png) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 17px;
    padding-left: 43px;
    /*line-height: 37px;*/

}
.video-link:hover {
      background-image: url(/images/film3.png) !important;
}

.popup-youtube {
    position: relative;
    /*text-align: left;
    float: left;*/
}
/*============= menu trigger style ==============*/
a.menu_trigger {
    color: #ffffff;
    display: inline-block;
    font-size: 1em;                       /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    font-weight: bold;
    line-height: 1.25em;                           /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    margin: 0.625em 1.1875em 0.5em 0;                /* BASE FONT = 16px  >>> 10px 19px 8px 0px / 16px = 0.625em 1.1875em 0.5em 0 */
    padding: 0 0 0 2.6875em;            /* BASE FONT = 16px  >>> 0px 0px 0px 43px / 16px = 0 0 0 2.6875em */
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
}
a.menu_trigger span, a.menu_trigger span:before, a.menu_trigger span:after {
   cursor: pointer;
   height: 0.25em;                      /* BASE FONT = 16px  >>> 4px / 16px = 0.25em */
   width: 2.1875em;                        /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em */
   background: #ffffff;
   position: absolute;
   display: block;
   content: '';
   left:0;
   top: 0.4375em;                      /* BASE FONT = 16px  >>> 7px / 16px = 0.4375em */
}
a.menu_trigger span:before {
   top: -0.4375em;                      /* BASE FONT = 16px  >>> -7px / 16px = 0.4375em */
}
a.menu_trigger span:after {
   top: 0.4375em;                      /* BASE FONT = 16px  >>> 7px / 16px = 0.4375em */
}
a.menu_trigger span, a.menu_trigger span:before, a.menu_trigger span:after {
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
a.menu_trigger.active span {
   background-color: transparent;
}
a.menu_trigger.active span:before, a.menu_trigger.active span:after {
   top: 0;
   background: #ffffff;
}
a.menu_trigger.active span:before {
   transform: rotate(30deg);
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
}
a.menu_trigger.active span:after {
   transform: rotate(-30deg);
   -webkit-transform: rotate(-30deg);
   -ms-transform: rotate(-30deg);
}
header nav .inner_wrap {
   padding:0;
}
header nav ul{
   background-color:#000000;
   display:none;
   padding:0.9375em 0 1.0625em 0;                              /* BASE FONT = 16px  >>> 15px 0 17px 0 / 16px = 0.9375em 0 1.0625em 0 */
   text-align: left;
}
header nav ul li{
   background:none;
   padding:0;
}
header nav ul li a{
   color:#ffffff;
   display:block;
   font-size: 1em;                       /* BASE FONT = 16px  >>> 16px / 16px = 1em */                                       
   line-height: 1.25em;                           /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */                              
   padding: 0.4375em 0 0.5em 1.1875em;                /* BASE FONT = 16px  >>> 7px 0px 8px 19px / 16px = 0.4375em 0 0.5em 1.1875em */
   position:relative;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
}
header nav ul li.has_child > a:after{
   content:"\0002B";
   font-size: 1.5625em;                 /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
    position: absolute;
    right: 0.64em;                /* BASE FONT = 25px  >>> 16px / 25px = 0.64em */
    top: 0.24em;               /* BASE FONT = 25px  >>> 6px / 25px = 0.24em */
}
header nav ul li.has_child.active > a:after{
   content:"\02212";
}
header nav ul li ul{
   padding: 0 0 0.625em 0;                /* BASE FONT = 16px  >>> 0px 0px 10px 0px / 16px = 0 0 0.625em 0 */
   background: #f60909;
}
header nav ul li.has_child ul li{
   background:url(/images/topnav-link-bullet.png) no-repeat 1.25em 0.5625em;   /* BASE FONT = 16px  >>> 20px 9px / 16px = 1.25em 0.5625em */
}
header nav li.has_child ul li a{
   padding: 0.0625em 0 0.0625em 1.8125em;                   /* BASE FONT = 16px  >>> 1px 0px 1px 29px / 16px = 0.0625em 0 0.0625em 1.8125em */
   text-transform: none;
   font-weight: normal;
}
header nav ul li a:hover, header nav ul li.active > a{
   color:#ffffff;
  
}
header nav li.has_child ul li a:hover{
   background:url(/images/topnav-link-bullet.png) no-repeat 1.25em 0.5625em;   /* BASE FONT = 16px  >>> 20px 9px / 16px = 1.25em 0.5625em */
   color:#000000;
}
/* ============= Main Style Start===================== */
main {
   color: #000000;
   font-size: 1em;                                                 /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height: 1.25em;                                              /* BASE FONT = 16x  >>> 20px / 16px = 1.25em */
   padding: 2.375em 0 3.125em 0;                        /* BASE FONT = 16px  >>> 38px 0px 50px 0px / 16px = 2.375em 0 3.125em 0 */
   background:#ffffff;
}
body[data-pagetype="home"] main {
   padding:0;
   background:#000000;
   text-align:center;
}
/* =============Heading Styles=============================== */
h1 {
    color: #000000;
    font-family: SouvenirITCbyBT-Demi;
    font-size: 1.75em;                                   /* BASE FONT = 16px  >>> 28px / 16px = 1.75em */
    font-weight: normal;
    line-height: 1.14285714285714em;                            /* BASE FONT = 28px  >>> 32px / 28px = 1.14285714285714em */
    padding: 0 0 1.39285714285714em 0;                            /* BASE FONT = 28px  >>> 0px 0px 39px 0px / 28px = 0 0 1.39285714285714em 0 */
    text-transform: uppercase;
}
h2 {
   color:#f60909;
   font-size: 1.5em;                             /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */       
   line-height: 1.16666666666667em;                          /* BASE FONT = 24px  >>> 28px / 24px = 1.16666666666667em */                              
   padding: 0 0 1.04166666666667em 0;                     /* BASE FONT = 24px  >>> 0px 0px 25px 0px / 24px = 0 0 1.04166666666667em 0 */                      
   font-weight:bold;
   text-transform: uppercase;
}
h3 {
   color:#f60909;
   font-size: 1.375em;                           /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */  
   line-height: 1.18181818181818em;                                /* BASE FONT = 22px  >>> 26px / 22px = 1.18181818181818em */               
   padding: 0 0 1.13636363636364em 0;                         /* BASE FONT = 22px  >>> 0px 0px 25px 0px / 22px = 0 0 1.13636363636364em 0 */   
   font-weight:bold;
   text-transform: uppercase;
}
/* =============Footer Area Start Here======================= */
footer {
    color: #ffffff;
    padding: 2.9375em 0 2.75em 0;                    /* BASE FONT = 16px  >>> 47px 0px 44px 0px / 16px = 2.9375em 0 2.75em 0 */
    text-align: center;
}
footer a {
    color: #ffffff;
   text-decoration: none;
}
footer a:hover {
    color: #ffffff;
   text-decoration: underline;
}
footer address {
   font-size: 1em;                                  /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height: 1.1875em;                      /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
   padding: 0 0 1.1875em 0;                               /* BASE FONT = 16px  >>> 0 0 19px 0 / 16px = 0 0 1.1875em 0 */
}
.address-info, .footer-contact-no, .street_address, .fax_no {
    display: block;
}
.address-info {
    padding: 0 0 0.0625em 0;                       /* BASE FONT = 16px  >>> 0px 0px 1px 0px / 16px = 0 0 0.0625em 0 */
}
.footer_divider {
    display: none;
}
.footer_links {
    display: block;
    padding: 0 0 1.1875em 0;                         /* BASE FONT = 16px  >>> 0px 0px 19px 0px / 16px = 0 0 1.1875em 0 */
}
.footer_links > a {
    padding: 0 0.8125em 0 0.8125em;                                /* BASE FONT = 16px  >>> 0px 13px 0px 13px / 16px = 0 0.8125em 0 0.8125em */
}
.thomas_info {
   font-size:1em;                                     /* BASE FONT = 16px  >>> 1em / 16px = 1em */
   line-height: 1.25em;                               /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
}
.thomas_info span {
   display:block;
   padding: 0 3.375em 0 3.375em;                          /* BASE FONT = 16px  >>> 0px 54px 0px 54px / 16px = 0 3.375em 0 3.375em */
   line-height: 1.1875em;                            /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
}
.thomas_info span.thomas_txt {
    padding: 0 3.6875em 0 3.6875em;              /* BASE FONT = 16px  >>> 0px 59px 0px 59px / 16px = 0 3.6875em 0 3.6875em */
   line-height: 1.25em;                      /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
}
img[name="pphLoggerImage"] {
   display:none;
}
/* =============Print Page Styles=========================== */
.send_email_table {
   width:60%;                                                                     /*80% width of its container*/
   margin:0 auto;
   border-spacing:6px 8px;
}
.print_page {
   display:none;
   clear: both;
   padding: 1.875em 0 0 0;                                                 /* BASE FONT = 16px  >>> 30px 0 0 0 / 16px = 1.875em 0 0 0 */
   text-align: center;
}
.print_page a {
   font-size: 0.5625em;                                                    /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
   line-height: 1.44444444444444em;                                                     /* BASE FONT = 9px  >>> 13px / 9px = 1.44444444444444em */
   color:#000000;
   text-decoration:underline;
}
.print_page a:hover {
   text-decoration:none;
}
.print_img {
   display: inline-block;
   margin: 0 0.666666666666667em 0.111111111111111em 0;                            /* BASE FONT = 9px  >>> 0px 6px 1px 0px / 9px = 0 0.666666666666667em 0.111111111111111em 0 */
   vertical-align: middle;
}
.email_img {
   display: inline-block;
   margin: 0.125em 0.4375em 0 1.5625em;             /* BASE FONT = 16px  >>> 2px 7px 0px 25px / 16px = 0.125em 0.4375em 0 1.5625em */
   vertical-align: middle;
}
/* ============= Return to Top Start =========================== */
#return_to_top {
   border: 2px solid #ffffff;
   background: #000000;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius:50%;
   bottom:0.75em;                                                                  /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
   color: #ffffff;
   display: none;
   font-size:1em;                                                                /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   height:2.1875em;                                                                /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   position: fixed;
   right:0.75em;                                                                  /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
   text-decoration: none;
   width:2.1875em;                                                                /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   opacity:0.5;
   z-index:9999;
}
#return_to_top:hover {
   opacity:1;
}
#return_to_top span {
   font-family: Arial;
   display: block;
   font-size:1.1875em;                                                             /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em  */
   font-weight: 400;
   line-height:2.3em;                                                           /* BASE FONT = 19px  >>> 48px / 19px = 2.3em  */
   text-align: center;
}
/* =============Home Page Styles=============================== */
body[data-pagetype="home"] h1 {
    color: #ffffff;
    font-size: 1.125em;                                 /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    line-height: 1.19166666666667em;                              /* BASE FONT = 18px  >>> 21.45px / 18px = 1.19166666666667em */
    padding: 1.33333333333333em 1.11111111111111em 1.22222222222222em 1.11111111111111em;   /* BASE FONT = 18px  >>> 24px 20px 22px 20px / 18px = 1.33333333333333em 1.11111111111111em 1.22222222222222em 1.11111111111111em */
}
body[data-pagetype="home"] h1 span {
    display: block;
}
#home_banner > img {
    display: block;
   width: 100%;                       /*100% width of its container*/
}
#home_buckets {
   padding: 0 0 2em 0;                 /* BASE FONT = 16px  >>> 0px 0px 32px 0px / 16px = 0 0 2em 0 */    
}
#home_buckets .inner_wrap {
   padding: 0 1.25em 0 1.25em;        /* BASE FONT = 16px  >>> 0px 20px 0px 20px / 16px = 0 1.25em 0 1.25em */
} 
#home_buckets article {
    margin: 0 auto 0.5625em auto;              /* BASE FONT = 16px  >>> 0px auto 9px auto / 16px = 0 auto 0.5625em auto*/
    max-width: 22.125em;               /* BASE FONT = 16px  >>> 354px / 16px = 22.125em */
    width: 100%;                       /*100% width of its container*/
}
#home_buckets article > a {
   display:block;
   border:2px solid #f60909;
   font-size:1em;                                    /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height: 1.125em;                          /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */                     
   font-weight:bold;
   color:#ffffff;
   text-decoration:none;
   position:relative;
   text-align:center;
   text-transform: uppercase;
}
#home_buckets article > a img {
   display:block;
   width:100%;                                       /*100% width of its container*/
}
#home_buckets article > a > span {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;                                       /*100% width of its container*/
   background-color: rgba(0, 0, 0, 0.56);
   padding: 0.75em 0 0.5em 0;                      /* BASE FONT = 16px  >>> 12px 0px 8px 0px / 16px = 0.75em 0 0.5em 0 */   
}
#home_buckets article > a:hover > span {
   background: rgba(229, 7, 7, 0.56);
}
#home_txt_content {
    padding: 0 0 1.625em 0;           /* BASE FONT = 16px  >>> 0px 0px 26px 0px / 16px = 0 0 1.625em 0 */
}
#home_txt_content p {
    color: #ffffff;
    font-size: 1em;                   /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.1875em;               /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding: 0 0 1.25em 0;            /* BASE FONT = 16px  >>> 0px 0px 20px 0px / 16px = 0 0 1.25em 0 */
}
/* =============Inner Pages classes Start Here================= */
.ctr {
   text-align:center;
}
/**** Page Button Styles ****/
.page_btn {
    text-align: center;
   padding: 0 0 1.25em 0;                /* BASE FONT = 16px  >>> 0px 0px 20px 0px / 16px = 0 0 1.25em 0 */
}
.page_btn > a {
    background: #f60909;
    border: 1px solid #f60908;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 1.125em;                      /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    font-weight: bold;
    line-height: 1.22222222222222em;                   /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
    padding: 0.944444444444444em 4.66666666666667em 1.05555555555556em 4.66666666666667em;                    /* BASE FONT = 18px  >>> 17px 84px 19px 84px / 18px = 0.944444444444444em 4.66666666666667em 1.05555555555556em 4.66666666666667em */
    text-decoration: none;
    vertical-align: top;
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page_btn > a:hover{
   background: #000000;
   border: 1px solid #000001;
    color: #ffffff;
}
/**** Sitemap Styles ****/
ul.sitemap li {
   background-image: none;
   padding: 0.3125em 0 0.3125em 0;                                             /* BASE FONT = 16px  >>> 5px 0px 5px 0px / 16px = 0.3125em 0 0.3125em 0 */
}
ul.sitemap ul {
   padding: 0.3125em 0 0 0.9375em;                                          /* BASE FONT = 16px  >>> 5px 0px 0px 15px / 16px = 0.3125em 0 0 0.9375em */
}
/**** Contact Page Styles ****/
.contact_ph a {
    color: #000000;
   text-decoration: none;
}
.contact_box {
   text-align:center;
}
.contact_box address {
   margin:0 0 1.5em 0;                                                   /* BASE FONT = 16px  >>> 0 0 24px 0 / 16px = 0 0 1.5em 0 */
}
.gmap {
   margin:0 0 1.5em 0;                                                   /* BASE FONT = 16px  >>> 0 0 24px 0 / 16px = 0 0 1.5em 0 */
}
.gmap iframe {
   border:1px solid #697f6d;
   height: 21.875em;                                                      /* BASE FONT = 16px  >>> 350px / 16px = 21.875em */
   width:100%;                                                           /* 100% width Of its container */
}
/**** Request Quote Form Styles ****/
div.fieldwrapper {
   width: 100%;                                                           /* 100% width of its contianer */
}
div.fieldwrapper:before, div.fieldwrapper:after {
   content:"";
   display:block;
}
div.fieldwrapper:after {
   clear:both;
}
div.fieldwrapper label.styled {
   width: 100%;                                                           /* 100% width Of its container */
   margin: 0 auto;
}
div.fieldwrapper div.thefield {
   margin: 0 0 0.625em 0;                                                    /* BASE FONT = 16px  >>> 0 0 10px 0 / 16px = 0 0 0.625em 0 */
   width: 100%;                                                            /* 100% width Of its container */
}
div.fieldwrapper input[type="text"], div.fieldwrapper div.thefield select, .thefield textarea, .send_email_table input[type="text"], .send_email_table input[type="textbox"], .send_email_table textarea {
   border: 1px solid #bdbdbd;
   padding: 0.1875em 0.1875em 0.1875em 0.1875em;                                                        /* BASE FONT = 16px  >>> 3px 3px 3px 3px / 16px = 0.1875em 0.1875em 0.1875em 0.1875em */
   margin:0;
   font-family: arial;
   font-size:1em;                                                          /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-box-shadow:0 0 2px #cccccc inset;
   -moz-box-shadow:0 0 2px #cccccc inset;
   box-shadow:0 0 2px #cccccc inset;
   color: #000000;
}
div.fieldwrapper div.thefield input[type="text"] {
   width:100%;                                                             /* 100% width of its container */
}
div.fieldwrapper div.thefield p {
   padding: 0 0 0.3125em 0;                                                   /* BASE FONT = 16px  >>> 0px 0px 5px 0px / 16px = 0 0 0.3125em 0 */
}
div.fieldwrapper div.thefield select {
   width: 100%;                                                            /* 100% width Of its container */
}
div.fieldwrapper div.thefield textarea {
   height: 6.25em;                                                            /* BASE FONT = 16px  >>> 100px / 16px = 6.25em */
   width: 100%;                                                            /* 100% width Of its container  */
}
.feedbackform {
   width: 90%;                                                             /* 90% width of its container */
   margin:0 auto;
}
.thefield div {
   float: left;
   width: 50%;                                                             /* 50% width Of its container */
}
div.buttonsdiv, .fieldwrapper.ctr {
   margin: 1em 0 0 0;                                                     /* BASE FONT = 16px  >>> 16px 0px 0px 0px / 16px = 1em 0 0 0 */
}
.form_error, .form_success {
   clear:both;
}
.input_btn, .rfq_btn a {
   background: #f60909;
    border: 1px solid #f60908;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
   font-family: arial;
    font-size: 1.125em;                      /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    font-weight: bold;
    line-height: 1.22222222222222em;                   /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
    padding: 0.555555555555556em 1.11111111111111em 0.611111111111111em 1.11111111111111em;             /* BASE FONT = 18px  >>> 10px 20px 11px 20px / 18px = 0.555555555555556em 1.11111111111111em 0.611111111111111em 1.11111111111111em */
    text-decoration: none;
    vertical-align: top;
   cursor: pointer;
   margin: 0 0.3125em 0.3125em 0.3125em;                                 /* BASE FONT = 16px  >>> 0px 5px 5px 5px / 16px = 0 0.3125em 0.3125em 0.3125em */
}
.input_btn:hover, .rfq_btn a:hover {
   background: #000000;
   border: 1px solid #000001;
    color: #ffffff;
}
.rfq_btn{
   text-align: center;
}
/*---------------feature image Styles----------------*/
.feature_img {
    margin:0 auto 1.25em auto;                  /* BASE FONT = 16px  >>> 0px auto 20px auto / 16px = 0 auto 1.25em auto */
    max-width: 18.625em;                     /* BASE FONT = 16px  >>> 298px / 16px = 18.625em */
}
.feature_img img {
   display:block;
}
.feature_img > img {
    border: 1px solid #697f6d;
}
.divide_list > ul:first-child {
   padding: 0;     
}
.bullet_list {
    display: inline-block;
}
/*---------------Tabular Data Styles---------------*/
.table_data {
   padding: 0.3125em 0 1.5625em 0;                           /* BASE FONT = 16px  >>> 5px 0px 25px 0px / 16px = 0.3125em 0 1.5625em 0 */
}
.table_data dl {
   display:block;
   width:100%;                                              /*100% width of its container*/
}
.table_data dt, .table_data dd {
   display:block;
   padding: 0.5em 0.5em 0.75em 0.5em;                     /* BASE FONT = 16px  >>> 8px 8px 12px 8px / 16px = 0.5em 0.5em 0.75em 0.5em */
   margin: 0;
}
.table_data dt {
   color:#ffffff;
   background-color:#000000;
   border-right:1px solid #969696;
   border-left: 1px solid #000001;
   border-top: 1px solid #000001;
   border-bottom: 1px solid #000001;
   
}
.table_data dd {
   background-color:#ffffff;  
   border: 1px solid #cccccc; 
   margin: 0.1875em 0 0.1875em 0;                              /* BASE FONT = 16px  >>> 3px 0px 3px 0px / 16px = 0.1875em 0 0.1875em 0 */
}
.table_data dd dl {
   border-bottom:none;   
}
.table_data dd dl dt, .table_data dd dl dd { 
   padding:0;
   background-color:transparent;
   color:#000000;
   border: none;
   margin: 0;
}
.table_container {
   overflow:auto;   
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
   ============================================================================= */
/* 640px/16px = 40em */
@media only screen and (min-width: 40em) {
/* =============Header Area Start============================ */
#header_logo {
    padding: 0 0 1.125em 0;                     /* BASE FONT = 16px  >>> 0px 0px 18px 0px / 16px = 0 0 1.125em 0 */
}
#header_logo a {
    display: inline-block;
   max-width: none;
}
#header_logo img {
    display: inline-block;
    margin: 0 0.875em 0 0;                     /* BASE FONT = 16px  >>> 0px 14px 0px 0px / 16px = 0 0.875em 0 0 */
    vertical-align: top;
    width: 34.65346534653465%;                      /* 34.65346534653465% width Of its container */
}
#header_logo span {
    display: inline-block;
    font-size: 1.591875em;                   /* BASE FONT = 16px  >>> 25.47px / 16px = 1.591875em */
    line-height: 1.13859442481351em;                   /* BASE FONT = 25.47px  >>> 29px / 25.47px = 1.13859442481351em */
    margin: 0.942285041224971em 0.0392618767177071em 0 0;                /* BASE FONT = 25.47px  >>> 24px 1px 0px 0px / 25.47px = 0.942285041224971em 0.0392618767177071em 0 0 */
    vertical-align: top; 
}
.tagline {
    padding: 0 0 0.6875em 0;                          /* BASE FONT = 16px  >>> 0px 0px 11px 0px / 16px = 0 0 0.6875em 0 */
}
.tagline br {
    display: none;
}
a.menu_trigger {
    margin: 0.625em 1.75em 0.5em 0;                   /* BASE FONT = 16px  >>> 10px 28px 8px 0px / 16px = 0.625em 1.75em 0.5em 0 */
}
/* =============Print Page Styles=========================== */
.print_page {
   display:block;
   text-align:right;
}
/* =============Main Style Start======================= */
main {
    padding: 2.25em 0 3.125em 0;                           /* BASE FONT = 16px  >>> 36px 0px 50px 0px / 16px = 2.25em 0 3.125em 0 */
}
/* =============Heading Styles=============================== */
h1 {
    font-size: 1.875em;                             /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    line-height: 1.13333333333333em;                             /* BASE FONT = 30px  >>> 34px / 30px = 1.13333333333333em */
    padding: 0 0 1.3em 0;                          /* BASE FONT = 30px  >>> 0px 0px 39px 0px / 30px = 0 0 1.3em 0 */
}
/* =============Footer Area Start Here======================= */
footer {
    padding: 2.3125em 0 2.8125em 0;                         /* BASE FONT = 16px  >>> 37px 0px 45px 0px / 16px = 2.3125em 0 2.8125em 0 */
}
footer address {
    line-height: 1.1875em;                           /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding: 0 0 1.1875em 0;                         /* BASE FONT = 16px  >>> 0px 0px 19px 0px / 16px = 0 0 1.1875em 0 */
}
.address-info {
    padding: 0;
}
.footer_divider {
    display: inline-block;
    padding: 0 0.8125em 0 0.8125em;                       /* BASE FONT = 16px  >>> 0px 13px 0px 13px / 16px = 0 0.8125em 0 0.8125em */
}
.address-info, .footer-contact-no, .street_address, .fax_no {
    display: inline-block;
}
.address-info, .footer-contact-no {
    display: block;
}
.divider_hide {
    display: none;
}
.thomas_info span.thomas_txt {
    line-height: 1.1875em;                           /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
}
/* =============Home Page Styles=============================== */
body[data-pagetype="home"] h1 {
    font-size: 1.375em;                           /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    line-height: 1.18181818181818em;                    /* BASE FONT = 22px  >>> 26px / 22px = 1.18181818181818em */
    padding: 2.18181818181818em 0.909090909090909em 2em 0.909090909090909em;                 /* BASE FONT = 22px  >>> 48px 20px 44px 20px / 22px = 2.18181818181818em 0.909090909090909em 2em 0.909090909090909em */
}
#home_buckets article {
    display: inline-block;
    margin: 0 0.8333333333333333% 0.375em 0.8333333333333333%;            /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */  /*(5px/600px)*100 = 0.8333333333333333% */
    width: 47.83333333333333%;                 /* (287px/600px)*100 = 47.83333333333333% width of its container */
}
#home_buckets {
    padding: 0 0 2.5625em 0;                /* BASE FONT = 16px  >>> 0px 0px 41px 0px / 16px = 0 0 2.5625em 0 */
}
#home_txt_content {
    padding: 0 0 2.375em 0;              /* BASE FONT = 16px  >>> 0px 0px 38px 0px / 16px = 0 0 2.375em 0 */
}
/* =============Inner Pages classes Start Here================= */
.feature_img {
   float: right;
   margin: 0 0 1.5625em 1.875em;                                         /* BASE FONT = 16px  >>> 0px 0px 25px 30px / 16px = 0 0 1.5625em 1.875em */
   width: 48.35%;                                                  /*48.35% width of its container*/
}
/**** Contact Page Styles ****/
.contact_box {
   text-align:left;
}
.contact_box address {
   display:inline-block;
   vertical-align:top;
}
.contact_box p {
   float:right;
   text-align:right;
}
/**** Page Button Styles ****/
.page_btn {
    text-align: left;
}
/**** Request Quote Form Styles ****/
div.fieldwrapper label.styled {
   float: left;
   margin: 0 0.9375em 0 0;                                                   /* BASE FONT = 16px  >>> 0px 15px 0px 0px / 16px = 0 0.9375em 0 0 */
   width: 40%;                                                             /* 40% width of its container */
}
div.fieldwrapper div.thefield {
   float: left;
   margin: 0 0 0.625em 0;                                                    /* BASE FONT = 16px  >>> 0px 0px 10px 0px / 16px = 0 0 0.625em 0 */
   width: 55%;                                                             /* 55% width of its container */
}
/*---------------Tabular Data Styles---------------*/
.table_data dl {
   display:table;
   border-spacing:5px 3px;
}
.table_data dd dl {
   border-spacing: 0;
}
.table_data dt, .table_data dd {
   display:table-cell;
}
.table_data dt {
   width:35%;                                             /* 35% width of its container */
   }
.table_data dd {
   width:65%;                                             /*65% width of its container */
   margin: 0;
}
.table_data dd dl dt, .table_data dd dl dd{
   width:50%;                                            /* 50% width of container */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
  ============================================================================= */
/* 800px/16px = 50em */
@media only screen and (min-width: 50em) {
   /* =============Inner Pages classes Start Here================= */
.divide_list div:first-child, .divide_list > ul:first-child {
    margin: 0 1% 0 0;                              /* 1% margin-right of its container*/
   padding: 0 0 1em 0;                      /* BASE FONT = 20px  >>> 0px 0px 16px 0px / 16px = 0 0 1em 0 */
} 
.divide_list > div, .divide_list > ul {
    display: inline-block;
    vertical-align: top;
    width: 49%;                                        /*49% width of its container*/
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
  ============================================================================= */
/* 960px/16px = 60em */
@media only screen and (min-width: 60em) {
header {
    text-align: left;
}
.video-link { 
margin-left: 0px;
 background-size: 15%;
padding-left: 30px;
background-position: 2%;
}

#header_logo {
    display: inline-block;
   padding: 0 0 1.0625em 0;                     /* BASE FONT = 16px  >>> 0px 0px 17px 0px / 16px = 0 0 1.0625em 0 */
}
#header_logo img {
    margin:0 0.875em 0 0.125em;                     /* BASE FONT = 16px  >>> 0px 14px 0px 2px / 16px = 0 0.875em 0 0.125em */
   width: 38%;                        /*38% width of its container*/
}
#header_logo span {
    display: inline-block;
    font-size: 2.653125vw;           /* 25.47px*100/960 = 2.653125vw */     
   line-height: 1.13859442481351em;        /* BASE FONT = 25.47px  >>> 29px / 25.47px = 1.13859442481351em */
   margin: 1.33490380840204em 0 0 0;                 /* BASE FONT = 25.47px  >>> 34px 0px 0px 0px / 25.47px = 1.33490380840204em 0 0 0 */
}
.utility_nav {
    float: right;
    padding: 1em 0 0 0;                /* BASE FONT = 16px  >>> 16px 0px 0px 0px / 16px = 1em 0 0 0 */
    text-align: center;
}
.tagline {
    padding: 0 0 1.1875em 0;                     /* BASE FONT = 16px  >>> 0px 0px 19px 0px / 16px = 0 0 1.1875em 0 */
}
.tagline br {
    display: inline-block;
}

/* =============================================================================
   Banner Styles
* ============================================================================= */

/* =============Top Navigation style start=================== */
a.menu_trigger {
    display: none;
}
header nav .inner_wrap {
    padding: 0 0.9375em 0 0.9375em;                                         /* BASE FONT = 16px  >>> 0px 15px 0px 15px / 16px = 0 0.9375em 0 0.9375em */
}
header nav ul {
    background: #f60909;
    display: block;
    text-align: right;
   padding: 0;
}
header nav ul li {
    border: none;
    display: inline;
   padding: 0 0 0.5625em 0;                  /* BASE FONT = 16px  >>> 0 0 9px 0 / 16px = 0 0 0.5625em 0 */
    position: relative;
}
header nav ul li a {
    padding: 0.5625em 1.075268817204301% 0.5625em 0.967741935483871%;            /* BASE FONT = 16px  >>> 9px 9px / 16px = 0.5625em 0.5625em */ /* 10px*100/930px = 1.075268817204301% */  /* 9px*100/930px = 0.967741935483871% */
   display: inline-block;
}
header nav ul li a:hover {
    color: #ffffff;
}
li.has_child > a:after {
    display: none;
}
li.has_child > a {
    padding: 0.5625em 1.075268817204301% 0.5625em 0.967741935483871%;         /* BASE FONT = 16px  >>> 9px 9px / 16px = 0.5625em 0.5625em*/ /* 10px*100/930px = 1.075268817204301% */  /* 9px*100/930px = 0.967741935483871% */
}
li.has_child > ul {
    background: #000000;
    left: 0;
    padding: 1.1875em 0 1.25em 0;                /* BASE FONT = 16px  >>> 19px 0px 20px 0px / 16px = 1.1875em 0 1.25em 0 */
    position: absolute;
    text-align: left;
    top: 100%;                           /*100% top of its container*/
    width: 13.125em;                        /* BASE FONT = 16px  >>> 210px / 16px = 13.125em */
   display: none;
}
li.has_child > ul > li {
    display: block;
    padding: 0;
}
header nav li.has_child ul li a {
    display: block;
   line-height: 1.3125em;            /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
   margin: 0 0 0.0625em 0;               /* BASE FONT = 16px  >>> 0px 0px 1px 0px / 16px = 0 0 0.0625em 0 */
}
header nav ul > li:hover > a{
   background-color:#000000;
   color: #ffffff;
}
header nav ul li.has_child:hover ul {
   display:block;
}
header nav li.has_child ul li a:hover {
    background-color: #f60909;
    color: #ffffff;
}
/* =============Home Page Styles=============================== */
body[data-pagetype="home"] h1 {
    font-size: 1.875em;                      /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    line-height: 1.2em;                  /* BASE FONT = 30px  >>> 36px / 30px = 1.2em */
    padding: 1.33333333333333em 0.666666666666667em 1.13333333333333em 0.666666666666667em; /* BASE FONT = 30px  >>> 40px 20px 34px 20px / 30px = 1.33333333333333em 0.666666666666667em 1.13333333333333em 0.666666666666667em */
}
#home_buckets {
    padding: 0 0 3.25em 0;              /* BASE FONT = 16px  >>> 0px 0px 52px 0px / 16px = 0 0 3.25em 0 */
}
#home_buckets article {
    float: left;
    margin: 0 0 0 0.8%;                     /* 0.8% margin-left of its container */
   width: 24.4%;                 /*24.4% width of its container*/
}
#home_buckets article:first-child {
    margin: 0;
}
#home_txt_content {
    padding: 0 0 3.3125em 0;               /* BASE FONT = 16px  >>> 0px 0px 53px 0px / 16px = 0 0 3.3125em 0 */
}
/* =============Footer Area Start Here======================= */
footer {
    padding: 2.3125em 0 2.875em 0;               /* BASE FONT = 16px  >>> 37px 0px 46px 0px / 16px = 2.3125em 0 2.875em 0 */
}
footer address {
    padding: 0 0 1.125em 0;                         /* BASE FONT = 16px  >>> 0px 0px 18px 0px / 16px = 0 0 1.125em 0 */
}
.address-info, .footer-contact-no {
    display: inline-block;
}
.divider_hide {
    display: inline-block;
}
.footer_links {
    padding: 0 0 1.25em 0;             /* BASE FONT = 16px  >>> 0px 0px 20px 0px / 16px = 0 0 1.25em 0 */
}
.thomas_info span {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}
.thomas_info span.thomas_txt {
    padding: 0;
}
/*---------------Tabular Data Styles---------------*/
.table_data dt {
   width:22%;                                             /*22% width of its container */
}
.table_data dd {
   width:78%;                                             /*78% width of its container */
}
.table_data dd dl dt, .table_data dd dl dd{
   width:50%;                                             /*50% width of its container */
}
/*---------------------Button Style--------------------*/
.rfq_btn{
   text-align: right;
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
  ============================================================================= */
/* 1300px/16px = 81.25em */
@media only screen and (min-width: 81.25em) {
#header_logo img {
    margin: 0 1.25em 0 0.125em;                    /* BASE FONT = 16px  >>> 0px 20px 0px 2px / 16px = 0 1.25em 0 0.125em */
}
#header_logo span {
    font-size: 2.25em;                     /* BASE FONT = 16px  >>> 36px / 16px = 2.25em */
    line-height: 1.11111111111111em;                 /* BASE FONT = 36px  >>> 40px / 36px = 1.11111111111111em */
   margin: 0.944444444444444em 0 0 0;                     /* BASE FONT = 36px  >>> 34px 0px 0px 0px / 36px = 0.944444444444444em 0 0 0 */
}
header nav ul li a {
    padding: 0.5625em 0.7874015748031496% 0.5625em 0.7086614173228346%;            /* BASE FONT = 16px  >>> 9px 9px / 16px = 0.5625em 0.5625em */ /* 10px*100/1270px = 0.7874015748031496% */  /* 9px*100/1270px = 0.7086614173228346% */
   display: inline-block;
}
li.has_child > a {
    padding: 0.5625em 0.7874015748031496% 0.5625em 0.7086614173228346%;         /* BASE FONT = 16px  >>> 9px 9px / 16px = 0.5625em 0.5625em*/ /* 10px*100/1270px = 0.7874015748031496% */  /* 9px*100/1270px = 0.7086614173228346% */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
  ============================================================================= */
/* 1457px/16px = 91.0625em */
@media only screen and (min-width: 91.0625em) {
header nav ul li a {
    padding: 0.5625em 0.6863417982155113% 0.5625em 0.6177076183939602%;            /* BASE FONT = 16px  >>> 9px 9px / 16px = 0.5625em 0.5625em */ /* 10px*100/1457px = 0.6863417982155113% */  /* 9px*100/1457px = 0.6177076183939602% */
   display: inline-block;
}
li.has_child > a {
    padding: 0.5625em 0.6863417982155113% 0.5625em 0.6177076183939602%;         /* BASE FONT = 16px  >>> 9px 9px / 16px = 0.5625em 0.5625em*/ /* 10px*100/1457px = 0.6863417982155113% */  /* 9px*100/1457px = 0.6177076183939602% */
}
/* =============Home Page Styles=============================== */
#home_buckets article > a > span {
    padding: 1.0625em 0 0.8125em 0;                                   /* BASE FONT = 16px  >>> 17px 0px 13px 0px / 16px = 1.0625em 0 0.8125em 0 */
}
}

form.feedbackform-career {
    border: 1px solid #e50707;
    padding: 20px;
    border-radius: 10px;
    background-color: #f9f9f9;
}
.feedbackform-career .fieldwrapper.ctr {
    clear: both;
    width: 100% !important;
    padding-bottom: 28px;
}

.feedbackform-career .fieldwrapper {
    width: calc(50% - 20px) !important;
    display: inline-block;
    float: left;
    padding-right: 20px;
}
.feedbackform-career .thefield div {
    width: 100% !important;
}
label.styled.disclaimer {
    clear: both;
    float: left;
    padding-bottom: 10px;
}
div.fieldwrapper input[type="email"] {
    border: 1px solid #bdbdbd;
    padding: 0.1875em 0.1875em 0.1875em 0.1875em;
    margin: 0;
    font-family: arial;
    font-size: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 2px #cccccc inset;
    -moz-box-shadow: 0 0 2px #cccccc inset;
    box-shadow: 0 0 2px #cccccc inset;
    color: #000000;
}
div.fieldwrapper div.thefield input[type="email"] {
    width: 100%;
}
@media screen and (min-device-width: 281px) and (max-device-width: 768px) { 
    .feedbackform-career .fieldwrapper {
        width: 100% !important;  
        padding: 10px;
    }
}
.pop-up-wrapper div {    
    font-family: arial;    
    font-size: 16px;    
}    
.pop-up {    
   cursor: url(/pop-up/graphics/zoomin.cur), pointer;    
    outline: none;    
    text-decoration: none;
	position:relative; 
	display:block;   
}
.pop-up img {
	border: 1px solid #697f6d;
	display:block;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
}
a.pop-up:before {
	content:"";
	width:28px;
	height:28px;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	z-index:5;
	background:url(/pop-up/graphics/zoom-icon.jpg) no-repeat left top;
}
.pop-up-active-anchor img {    
   visibility: hidden;    
}    

.pop-up-wrapper, .drop-shadow {    
   background: white;    
}    
.pop-up-image {    
    border-bottom: 1px solid white;    
}    
.pop-up-image-blur {    
}    
.pop-up-caption {    
    display: none;    
    text-align:center;    
    border-bottom: 1px solid white;    
    font-family: 'Open Sans';    
    font-size: 18px;    
    padding: 5px;    
    background-color: #cccccc;    
}    
.pop-up-loading {    
    display: block;    
   color: #000000 !important;    
   font-size: 8pt;    
   font-family: sans-serif;    
   font-weight: bold;    
    text-decoration: none !important;    
   padding: 2px;    
   border: 1px solid black;    
    background-color: white;      
    padding-left: 22px;    
    background-image: url(/pop-up/graphics/loader.white.gif);    
    background-repeat: no-repeat;    
    background-position: 3px 1px;    
}    

a.pop-up-credits,    
a.pop-up-credits i {    
    padding: 2px;    
    color: #c0c0c1;    
    text-decoration: none;    
   font-size: 10px;    
}    
a.pop-up-credits:hover,    
a.pop-up-credits:hover i {    
    color: white;    
    background-color: gray;    
}    
a.pop-up-full-expand {    
   background: url(/pop-up/graphics/fullexpand.gif) no-repeat;    
   display: block;    
   margin: 0 10px 10px 0;    
   width: 34px;    
   height: 34px;    
}    
.pop-up-overlay {    
   display: none;    
}    

/* Mac-style close button */    
.closebutton {    
   position: relative;    
   top: -15px;    
   left: 15px;    
   width: 30px;    
   height: 30px;    
   cursor: pointer; /* w3c */    
   background: url(/pop-up/graphics/close.png);    
   /* For IE6, remove background and add filter */    
   _background: none;    
   _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pop-up/graphics/close.png', sizingMethod='scale');    
}
/*! Tablesaw - v3.0.0-beta.4 - 2016-10-12
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2016 Filament Group; Licensed MIT */

.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: 0 0 30px 0;
}

.tablesaw * {
  box-sizing: border-box;
}

.tablesaw th,
.tablesaw td {
  padding: .5em .7em;
}

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em;
}

.tablesaw-bar .btn {
  border: 1px solid #000000;
  border-radius: .25em;
  background: none;
  box-shadow: 0 1px 0 rgba(255,255,255,1);
  color: #4a4a4a;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: .5em .85em .4em .85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.tablesaw-bar a.btn {
  color: #1c95d4;
}

.tablesaw-bar .btn:hover {
  text-decoration: none;
}

/* Default radio/checkbox styling horizonal controlgroups. */

.tablesaw-bar .btn:active {
  background-color: #ddd;
}

@supports (box-shadow: none ) {
  .tablesaw-bar .btn:focus {
    background-color: #fff;
    outline: none;
  }

  .tablesaw-bar .btn:focus {
    box-shadow: 0 0 .35em #4faeef !important;
  }
}

.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em;
  opacity: 0;
  color: transparent;
}

.tablesaw-bar .btn select option {
  background: #fff;
  color: #000;
  font-family: sans-serif;
}

.tablesaw-bar .btn {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
}

.tablesaw-bar .btn.btn-small {
  font-size: 1.0625em;
  line-height: 19px;
  padding: .3em 1em .3em 1em;
}

.tablesaw-bar .btn.btn-micro {
  font-size: .8125em;
  padding: .4em .7em .25em .7em;
}

.tablesaw-bar .btn-select {
  padding-right: 1.5em;
  text-align: left;
  display: inline-block;
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
}

.tablesaw-bar .btn-select:after {
  content: " ";
  position: absolute;
  background: none;
  background-repeat: no-repeat;
  background-position: .25em .45em;
  content: "\25bc";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em;
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  box-shadow: none;
  border-left-width: 0;
}

/* Column navigation buttons for swipe and columntoggle tables */

.tablesaw-advance .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em;
}

.tablesaw-advance .btn.btn-micro {
  font-size: .8125em;
  padding: .3em .7em .25em .7em;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .5em;
  position: relative;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\0020";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  cursor: default;
  pointer-events: none;
}

/* Table Toolbar */

.tablesaw-bar {
  clear: both;
  font-family: sans-serif;
}

.tablesaw-toolbar {
  float: left;
}

.tablesaw-toolbar label {
  font-size: .875em;
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em;
  text-transform: uppercase;
}

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
  margin-top: .5em;
  margin-bottom: .5em;
}

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  background: transparent;
  font-family: sans-serif;
  font-size: 1em;
  padding-left: .3em;
}

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: .9em;
}

.tablesaw-bar .tablesaw-toolbar select {
  color: #888;
  text-transform: none;
  background: transparent;
}

.tablesaw-toolbar ~ table {
  clear: both;
}

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

@media (min-width: 24em) {
  .tablesaw-toolbar .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible;
  }
}

.tablesaw th,
.tablesaw td {
  text-align: center;
  vertical-align: middle;
}

.tablesaw thead th {
  text-align: center;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

/* Table rows have a gray bottom stroke by default */

.tablesaw-row-border tr {
  border-bottom: 1px solid #dfdfdf;
}

/* Zebra striping */

.tablesaw-row-zebra tr:nth-child(2n) {
  background-color: #f8f8f8;
}

.tablesaw caption {
  text-align: left;
  margin: .59375em 0;
}

.tablesaw-swipe .tablesaw-cell-persist {
  border-right: 2px solid #e4e1de;
}

.tablesaw-swipe-shadow .tablesaw-cell-persist {
  border-right-width: 1px;
}

.tablesaw-swipe-shadow .tablesaw-cell-persist {
  box-shadow: 3px 0 4px -1px #e4e1de;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */

@media only all {
  /* Show the table cells as a block level element */

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 30%;
    display: inline-block;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

@media (max-width: 39.9375em) {
  /* Table rows have a gray bottom stroke by default */

  .tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf;
  }

  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */

  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}

.tablesaw-fix-persist {
  table-layout: fixed;
}

@media only all {
  /* Unchecked manually: Always hide */

  .tablesaw-swipe th.tablesaw-cell-hidden,
  .tablesaw-swipe td.tablesaw-cell-hidden {
    display: none;
  }
}

.btn.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block;
}

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em;
}

.tablesaw-columntoggle tbody td {
  line-height: 1.5;
}

/* Remove top/bottom margins around the fieldcontain on check list */

.tablesaw-columntoggle-popup {
  display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: .5em .8em;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #ccc;
  border-radius: .2em;
  z-index: 1;
}

.tablesaw-columntoggle-popup fieldset {
  margin: 0;
}

/* Hide all prioritized columns by default */

@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-9,
  .tablesaw-columntoggle td.tablesaw-priority-9,
  .tablesaw-columntoggle th.tablesaw-priority-8,
  .tablesaw-columntoggle td.tablesaw-priority-8,
  .tablesaw-columntoggle th.tablesaw-priority-7,
  .tablesaw-columntoggle td.tablesaw-priority-7,
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: none;
  }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none;
}

/* Preset breakpoints if "" class added to table */

/* Show priority 1 at 380px (20em x 16px) */

@media (min-width: 23.75em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell;
  }
}

/* Show priority 2 at 480px (30em x 16px) */

@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell;
  }
}

/* Show priority 3 at 640px (40em x 16px) */

@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell;
  }

  .tablesaw-columntoggle tbody td {
    line-height: 2;
  }
}

/* Show priority 4 at 800px (50em x 16px) */

@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell;
  }
}

/* Show priority 5 at 960px (60em x 16px) */

@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell;
  }
}

/* Show priority 6 at 1,120px (70em x 16px) */

@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell;
  }
}
@media (min-width: 75em) {
  .tablesaw-columntoggle th.tablesaw-priority-7,
  .tablesaw-columntoggle td.tablesaw-priority-7 {
    display: table-cell;
  }
}
@media (min-width: 85em) {
  .tablesaw-columntoggle th.tablesaw-priority-8,
  .tablesaw-columntoggle td.tablesaw-priority-8 {
    display: table-cell;
  }
}
@media (min-width: 90em) {
  .tablesaw-columntoggle th.tablesaw-priority-9,
  .tablesaw-columntoggle td.tablesaw-priority-9 {
    display: table-cell;
  }
}
@media only all {
  /* Unchecked manually: Always hide */

  .tablesaw-columntoggle th.tablesaw-cell-hidden,
  .tablesaw-columntoggle td.tablesaw-cell-hidden {
    display: none;
  }

  /* Checked manually: Always show */

  .tablesaw-columntoggle th.tablesaw-cell-visible,
  .tablesaw-columntoggle td.tablesaw-cell-visible {
    display: table-cell;
  }
}

.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: .2em 0;
  white-space: nowrap;
}

.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: .8em;
}

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
  position: relative;
}

.tablesaw-sortable thead tr th {
  vertical-align: top;
}

.tablesaw-sortable th.tablesaw-sortable-head.tablesaw-sortable-head {
  padding: 0;
}

.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: .9em;
  padding-bottom: .7em;
  padding-left: .6em;
  padding-right: .6em;
}

.tablesaw-sortable .tablesaw-sortable-head button {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  font: inherit;
  text-transform: inherit;
}

.tablesaw-sortable-arrow:after {
  display: inline-block;
  width: 10px;
  height: 14px;
  content: " ";
  margin-left: .3125em;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\0020";
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
  content: "\2191";
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\2193";
}

.tablesaw-sortable .not-applicable:after {
  content: "--";
  display: block;
}

.tablesaw-sortable .not-applicable span {
  display: none;
}

.tablesaw-advance {
  float: right;
}

.tablesaw-advance.minimap {
  margin-right: .4em;
}

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: .4em .2em;
}

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block;
}

.tablesaw-advance-dots-hide {
  opacity: .25;
  cursor: default;
  pointer-events: none;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #ffffff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  width:auto;
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }