/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* main styles /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

html, body                                      { margin:0; padding:0; font-family: 'Open Sans', sans-serif; text-rendering: optimizelegibility; }
body                                            { color:#707275; background-color:#FFF; }
div                                             { margin:0; padding:0; display:block; }
#form1                                          { margin:0; padding:0; display:block; }
input, select, button                           { outline:0; }
img                                             { max-width:100%; outline:0; margin:0; padding:0; vertical-align:bottom; border:0; }
ul                                              { margin:0; padding:0 0 0 20px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* typography //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

html                                            { font-size: 62.5%!important;}
body                                            { line-height: 2em; font-size: 1.4em;}/* =14px */

h1, h2, h3, h4                                  { color: #2E2C2C; text-transform: none; font-weight:300; }

h1                                              { border-bottom:1px solid #e5e5e5; }
h1, h2                                          { font-size:2.2rem; line-height:2.8rem; margin:0; padding:0 0 20px 0; font-weight: lighter; }

h3                                              { font-size:1.8rem; line-height:1.8rem; margin:0; padding:0; margin-top:20px; }

a                                               { color:inherit; text-decoration:none; outline:0; }
a:hover                                         { text-decoration:none; }

h1.large-h1                                     { border-bottom:0; text-align:center; font-size:2.8rem; line-height:2.8rem; padding:40px 0; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* main ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.wrapper                                        { margin:0 auto; width:100%;} 
.content                                        { overflow:hidden; max-width:1220px; margin:0 auto; }

.area20                                         { float:left; width:20%;    }
.area25                                         { float:left; width:25%;    }
.area33                                         { float:left; width:33.3%;  }
.area40                                         { float:left; width:40%;    }
.area50                                         { float:left; width:50%;    }
.area60                                         { float:left; width:60%;    }
.area66                                         { float:left; width:66.6%;  }
.area75                                         { float:left; width:75%;    }
.area80                                         { float:left; width:80%;    }
.area90                                         { float:left; width:90%;    }
.area100                                        { float:left; width:100%;   }

.multi_Column_Layout                            { margin:0px; padding: 10px 0;  }
.column_Inner_Padding                           { margin:0 10px; padding: 0; }

.area20, .area25, .area33, .area40, .area50, .area60, .area66, .area75, .area80, .area90, .area100  { margin: 10px 0; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* helpers /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.desktop-hide                                   { display:none; }

/* prefixes */
iframe                                          { width:100%; height:auto; min-height:220px; }
.clear                                          { clear:both; }
.clearfix:after                                 { content: ""; display: table; clear: both; }

/* text */
small                                           { display:block; font-size: 80%; }
strong                                          { color:#0060ad; font-weight:normal; }

.text-center                                    { text-align:center; }
.text-left                                      { text-align:left; }
.text-right                                     { text-align:right; }

.text-snow                                      { color: #fff; }
.text-red                                       { color: #D0332C; }
.text-blue                                      { color: #074087; }
.text-yellow                                    { color: #FFC94B; }
.text-green-light                               { color: #87c43c; }

/* background */
.bg-black                                       { background:#000; }
.bg-yellow                                      { background:#FFC94B; }
.bg-none                                        { background:none; }
.bg-snow                                        { background:#fff; }
.bg-grey                                        { background:#ddd !important; }
.bg-green                                       { background:#00804E }
.bg-green-dark                                  { background:#005334 }
.bg-light-grey                                  { background:#f5f5f5; }
.bg-red                                         { background:#D0332C; }
.bg-blue                                        { background:#08448C; }
.bg-gradient                                    {
                                                /* Safari 4-5, Chrome 1-9 */
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0060AC), to(#203049));
                                                /* Safari 5.1, Chrome 10+ */
                                                background: -webkit-linear-gradient(top, #0060AC, #003A68);
                                                /* Firefox 3.6+ */
                                                background: -moz-linear-gradient(top, #0060AC, #003A68);
                                                /* IE 10 */
                                                background: -ms-linear-gradient(top, #0060AC, #003A68);
                                                /* Opera 11.10+ */
                                                background: -o-linear-gradient(top, #0060AC, #003A68);
                                                }

/* buttons */
.btn                                            { line-height:inherit; outline: none; text-decoration: none; border:0; display: block; overflow:hidden; padding:10px 20px; margin:0 auto; text-align:center; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; }
.btn-round                                      { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.btn:hover                                      { text-decoration:none; }
.btn-sml                                        { padding:0 10px; }

.btn-text-left                                  { text-align:left; }
.btn-left                                       { float:left; }

.btn-red                                        { background-color:#D0332C; color:#fff; }
.btn-blue                                       { background-color:#074087; color:#fff; }
.btn-grey                                       { background-color:#F4F4F4; color:#656565; }
.btn-green-light                                { background-color:#87c43c; color:#fff; }

.btn-red:hover                                  { background-color:#781F1B; }
.btn-blue:hover                                 { background-color:#042453; }
.btn-grey:hover                                 { background-color:#ddd; }
.btn-green-light:hover                          { background-color:#00804F; }

/* spacing */
.spacebreak                                     { height:40px; }
.spacebreak10                                   { height:10px; }
.padding40                                      { padding:0 40px; }
.padding20                                      { padding:20px; }
.padding10                                      { padding:10px; }
.padding-right10                                { padding-right:10px; }
.padding-left10                                 { padding-left:10px; }
.padding-bottom10                               { padding-bottom:10px; }
.padding-bottom40                               { padding-bottom:40px; }
.padding0-15                                    { padding:0 15px; }

.margin25                                       { margin:0 25px; }

/* positioning */
.left                                           { float:left;}
.right                                          { float:right;}

/* borders */
.border                                         { border:1px solid #ddd; }
.border-top                                     { border-top:1px solid #ddd; }
.border-bottom                                  { border-bottom:1px solid #ddd; }
.border-bottom5-red                             { border-bottom:5px solid #D0332C; }

.border-none                                    { border:none!important; }

/* extras */
figure                                          { margin:0; padding:0; }
.shadow                                         { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
hr                                              { border:0; height: 1px; margin: 0 15px; background-color:#ddd; }
/* extras > on screen nav */
.on-screen-nav                                  { position:fixed; right:0; z-index:999; }

.on-screen-nav ul                               { text-decoration:none; list-style:none; margin:0; padding:0; text-align:center; background:#fff; border:0px solid #ddd; }
.on-screen-nav ul li a i                        { font-size:2.2rem; padding:10px 0; }
.on-screen-nav ul li a                          { background:#fff; color:#656565; display:block; padding:8px; border: 1px solid #ddd; text-transform:uppercase; font-size:1.2rem; line-height:1.2rem; }
.on-screen-nav ul li:nth-child(2) a             { border-top:0; border-bottom:0;  }
.on-screen-nav ul li a:hover                    { text-decoration: none; }

.on-screen-nav ul li a:hover                    { color:#2E2C2C; }
.on-screen-nav ul li a:hover i                  { color:#D0332C; }

/* extras > back-top */
.back-top                                       { width:25px; height:25px; position:fixed; bottom:0; right:5px; display:none; opacity:0.8; cursor:pointer; z-index:10; }
.back-top:hover                                 { opacity:1; }

.bounce                                         { position:absolute; bottom:0; margin-top:-25px; margin-left:-32px;height:64px;width:64px;background: #0060ad url(../images/icons/arrow-up-sml-white.png) no-repeat center;
                                                -webkit-animation:bounce 1s infinite; -moz-animation:bounce 1s infinite; -o-animation:bounce 1s infinite; animation:bounce 1s infinite; }
/*
@-webkit-keyframes bounce                       { 0% {bottom:5px;} 25%, 75% {bottom:15px;} 50% {bottom:20px;} 100% {bottom:0;}}
*/

/*extras > quote */
q                                               { quotes: "“" "”" "‘" "’"; }
q:before                                        { content: open-quote; margin-right:10px; font-size:1.6rem; color:#2E2C2C;}
q:after                                         { content: close-quote; margin-left:10px; font-size:1.6rem; color:#2E2C2C; }

/*extras > form styles */
fieldset                                        { border:0; background: none; padding:0; margin:0 0 20px 0; }
fieldset legend                                 { display:none; }
fieldset input,
fieldset select,
fieldset textarea                               { margin:0; outline:0; padding:8px 2%; border: 1px solid #ddd; width:96%; font:inherit; font-size:14px; line-height:1.6; -webkit-appearance:none; -moz-appearance:none; margin-bottom:10px; }
fieldset input[type="checkbox"]                 { border-color:red; -webkit-appearance:checkbox; display:inline-block; width:auto; margin-right:10px; }
fieldset .dvTerms                               { overflow:hidden; }
fieldset .dvTerms > span                        { width:auto; }
fieldset .dvTerms a                             { text-decoration:underline; }
.lblResult                                      { display:block; float:left; padding:12px 20px; }
.form-round input, .form-round select, 
.form-round textarea                            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* breadcrumb //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.breadcrumb                                     { border-top:1px solid #ddd; font-size:1.2rem; line-height:1.2rem; background:#fff; text-transform:capitalize;}
.breadcrumb .content                            { background:#fff; }
.breadcrumb p                                   { padding:0 10px; color:#666; }
/* .breadcrumb p:before                         { content:"You are here:"; padding-right:10px; } */
.breadcrumb p a                                 { text-decoration:none; }
.breadcrumb p a:after                           { content:">"; padding:0 10px; }
.breadcrumb p a:last-child:after                { content:"";}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* header //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

header                                          { background-color: #FFF; z-index:999; position:relative; /*min-height:160px;*/ color:#656565; }
.header-content                                 { max-width: 1200px; margin:0 auto; position: relative; padding:20px 20px; }

.header-content ul                              { list-style:none; margin:0; padding:0; }
.header-content ul li                           { display:inline-block; text-align:center; padding:0 15px; }
.header-content ul li                           { font-size:2.2rem; color:#2E2C2C; text-align:right; line-height:2.6rem; vertical-align:text-top; color:#0060ad; }
.header-content ul li span:last-child           { font-size:1.8rem; }
.header-content ul li span a                    { color:#D0332C; text-decoration:none; }

/* header > nav > default styles */
header nav                                      {
                                                /* Safari 4-5, Chrome 1-9 */
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0060AC), to(#203049));
                                                /* Safari 5.1, Chrome 10+ */
                                                background: -webkit-linear-gradient(top, #0060AC, #003A68);
                                                /* Firefox 3.6+ */
                                                background: -moz-linear-gradient(top, #0060AC, #003A68);
                                                /* IE 10 */
                                                background: -ms-linear-gradient(top, #0060AC, #003A68);
                                                /* Opera 11.10+ */
                                                background: -o-linear-gradient(top, #0060AC, #003A68); 
                                                }
header nav                                      { position:relative; border-bottom: solid 5px #D0332C;  }

header nav ul                                   { list-style:none; margin:0; padding:0; }
header nav ul:after                             { content: ""; display: table; clear: both; }

/***********************************************************************************************************************/
/* CLASSIC MENU  *

/* header > nav > main level *
header nav > ul                                 { list-style:none; }
header nav > ul > li > ul                       { padding:0; color:#81CDE5; text-align:left; max-width:1200px; margin:0 auto; }
header nav > ul > li > ul                       { z-index:1; position:relative; }
header nav > ul > li > ul > li                  { display:block; float:left; list-style:none; }
header nav > ul > li > ul > li a                { padding: 20px 10px; display:block; }
header nav > ul > li > ul > li > a:hover        { background:#fff; color:#003360; text-decoration:none; }
header nav > ul > li > ul > li:hover            { background:#fff; color:#003360; }

header nav > ul > li > ul > li:last-child       { float:right; }

/* header > nav > sub menu (level 1) *

header nav > ul > li > ul > li > ul             { display:none; position:absolute; background:#FFF; text-transform:none; }
header nav > ul > li > ul > li:hover > ul       { display:block; }
header nav > ul > li > ul > li > ul > li        { border-bottom:1px solid #ddd; }
header nav > ul > li > ul > li > ul > li:last-child { border-bottom: 0; }
header nav > ul > li > ul > li > ul > li > a    { padding: 8px 10px; }

/* header > nav > sub menu (level 2) *
header nav > ul > li > ul > li > ul > li > ul   { display:none; }

/* header > nav > sub menu (level 1) - delivery *
.delivery                                       { display:none; }

/***********************************************************************************************************************/
/* MEGA MENU  */

/* header > nav > main level */
header nav > ul                                 { list-style:none; }
header nav > ul > li > ul                       { padding:0; color:#fff; text-align:left; max-width:1200px; margin:0 auto; }
header nav > ul > li > ul                       { z-index:1; position:relative; }
header nav > ul > li > ul > li                  { display:block; float:left; list-style:none; }
header nav > ul > li > ul > li a                { padding: 10px 10px; display:block;  }
header nav > ul > li > ul > li > a:hover        { background:#fff; color:#2E2C2C; text-decoration: underline; }
header nav > ul > li > ul > li:hover > a        { border-top: 1px solid #ddd; padding-top:9px; }
header nav > ul > li > ul > li:hover            { background:#fff; color:#2E2C2C; }

/* header > nav > sub menu (level 1) */

header nav > ul > li > ul > li > ul             { font-size:1.3rem; display:none; width:100%; position:absolute; left:0; background:#FFF; border-left:1px solid #ddd; border-right:1px solid #ddd; max-width:1198px; }
header nav > ul > li > ul > li > ul             { -webkit-box-shadow: 0 8px 6px -6px #354566; -moz-box-shadow: 0 8px 6px -6px #354566; box-shadow: 0 8px 6px -6px #354566; }
header nav > ul > li > ul > li:hover > ul       { display:block; }
header nav > ul > li > ul > li > ul > li        { width:20%; display:block; float:left; padding:40px 0; }
header nav > ul > li > ul > li > ul > li > a    { padding:0 20px; font-weight:bold; }

/* header > nav > sub menu (level 2) */
header nav > ul > li > ul > li > ul > li > ul   { text-transform:none; }
header nav > ul > li > ul > li > ul > li > ul > li {}
header nav > ul > li > ul > li > ul > li > ul > li > a { padding:0 20px; }

/* header > nav > sub menu (level 1) - delivery */
li.delivery                                     { padding:0; border-left:1px solid #0180F3; border-right:1px solid #0180F3; margin-left:-1px; width:100%; }
.delivery                                       { background-color:#0060ad; color:#fff; }
.delivery ul                                    { width:100%; text-align:center; }
.delivery ul li                                 { width:33.33%; float:left; }
.delivery ul li:nth-child(2) a                  { border-left:1px solid #fff; border-right:1px solid #fff; }
.delivery ul li a                               { padding: 10px 20px;}
.delivery ul li a:hover                         { text-decoration:none; background-color:#0070D5 }

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


.sml-logo a                                     { display:none; }
.header-fixed .sml-logo                         { text-align:left; float:left; }
.header-fixed .sml-logo a                       { display:block; }
.header-fixed .sml-logo a:hover                 { background:none; }
.header-fixed .sml-logo:hover                   { background:none; }
.header-fixed .sml-logo img                     { max-height:40px; margin-top:-11px }

nav .menu                                       { display:none; font-size:2.2rem; color: #fff; }

/* nav contact */
.nav-contact                                    { display:none; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

footer                                          { background-color: #fff; color:#2E2C2C; }
footer .content                                 { background-color: none; font-size:2rem; }

footer ul                                       { list-style:none; margin:0; padding:0; text-align:left; }
footer ul:after                                 { content: ""; display: table; clear: both; }
/* main */
footer ul > li                                  { display:block; float:left; width:23%; padding-right:2%; font-size:1.8rem; }
footer ul > li:last-child                       { padding-right:0; }
footer ul > li a                                { display:block; padding-bottom:10px; }
footer ul > li a:hover                          { text-decoration:none; }
/* level 1 */
footer ul > li > ul                             { }
footer ul > li > ul > li                        { width:100%; font-size:1.4rem; }
footer ul > li > ul > li > a                    { text-transform:none; padding-bottom:0; }
footer ul > li > ul > li > a:hover              { text-decoration:underline; }

footer .copyright                               { font-size:1.4rem; }
.footer-logo                                    { margin-right:20px; }
footer hr                                       { height:1px; background:#005334; margin: 0 25px; margin-bottom:10px; }
.footer-big-font                                { font-size:3.4rem; line-height:4.8rem; padding-bottom:20px; display:block; }
footer .margin25 .area100                       { margin: 0 10px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* content /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.content                                        { background-color:none; }

/* content > side-meu*/
.side-menu                                      { text-transform:capitalize; font-size:1.4rem; }
.side-menu ul                                   { list-style:none; margin:0; padding:0; }
.side-menu ul li a                              { display:block; color:#808080; border-bottom:1px solid #ddd; padding:4px 15px; }
.side-menu > ul > li:first-child > a            { border-top:1px solid #ddd; }

.side-menu > ul                                 { display:block; }
.side-menu > ul > li                            { outline:0; position:relative; }
.side-menu > ul > li > a                        { background-color: #fff; color:#2E2C2C; border-color:#ddd; padding: 8px 0px;/*pointer-events: none;*/ }

.side-menu > ul > li > ul                       { display:none; background: #F4F4F4; width:100%; }
.side-menu > ul > li > ul li a:hover            { background: #ddd; }

.side-menu > ul > li.hasdropdown::after         {}

.hasdropdown > a:after                          { content:"_"; float:right; background: url(../images/icons/arrow-down-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }
.hasdropdown > a.arrow-down:after               { content:"_"; float:right; background: url(../images/icons/arrow-up-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }

/* content > side-menu - adjustments */
.side-menu > ul > li                            { position:relative; }
.side-menu > ul > li > a                        { position:relative; z-index:1; }
.side-menu > ul > li > span                     { position:absolute; z-index:2; top:0; right:0; height:44px; width:44px; cursor: crosshair; }

.hasdropdown.active > ul                        { display: block; }
.hasdropdown.active > a:after                   { content:"_"; float:right; background: url(../images/icons/arrow-up-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }
.hasdropdown.active > a.arrow-down:after        { content:"_"; float:right; background: url(../images/icons/arrow-down-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }

/* content > contact-us > praise */
.praise span                                    { width:48%; float:left; }
.praise span:nth-child(even)                    { padding-right:4%; }
.praise span span                               { width:auto; float:none; color:#D0332C; }
.praise .message                                { width:100%; }

/* content > testimonials */
.testimonials .name                             { border-right:1px solid #ddd; padding-right:20px; }
.testimonials .name, .testimonials .location    { display:inline-block; margin-right:20px; margin-bottom:20px;}
.testimonials .name:before                      { content:'Name:'; margin-right:10px; color:#2E2C2C; }
.testimonials .location:before                  { content:'Location:'; margin-right:10px; color:#2E2C2C;  }

/* content > gallery */
.gallery                                        { padding-bottom:40px; }
.gallery .area25                                { width:25%; }
.gallery .area25 .column_Inner_Padding          {  }
.gallery img                                    { opacity:0.8; }
.gallery img:hover                              { opacity:1; }

.main-gallery                                   { }
.main-gallery .area33                           { }
.main-gallery .area33 .column_Inner_Padding     { }

/* content > products */
.products                                       {  }

.product                                        { text-align:center;}
.product a:hover                                { opacity:0.7; display:block; text-decoration:none; }
.product .column_Inner_Padding                  { padding:0; margin:0 10px; position:relative; border:1px solid #707275; overflow:hidden; }
.product h2                                     { font-size: 1.8rem; padding:0; font-weight:bold; padding-bottom:10px; }
.product p                                      { font-size:1.4rem; padding:0; margin:0; }
.product figure                                 {  }
.product figure img                             {  }
.product .product-text                          { overflow:hidden; padding:10px; max-height:84px; min-height:84px; line-height:1.6rem; background:#fff;  }
.product .product-button                        { position:absolute; bottom:0; right:0; }
.product .product-button .btn                   { padding:0; background:#ddd; margin-bottom:22px; }
.product .product-button .btn:hover             { background:#87c43c; }
.product .product-button .btn i                 { padding:2px 8px; color:#fff; font-size:1rem; }

/* content > latest news item */
.latest-news-item                               { text-align:left; }
.latest-news-item h2                            { color: #fff; margin:0; padding:0; }
.latest-news-item .date                         { padding:0; margin:0; }
.latest-news-item .content-box                  { height:284px; overflow:hidden;}

/* content > featured 3 col */
.featured3col .column_Inner_Padding             { padding:20px 0; }

/* content > grid1 */
.grid1 .product .product-text p                 { white-space: nowrap; overflow: hidden; }
.grid1 .product-button .btn                     { margin-bottom:0; }

/* content > news */
.news-item                                      {  }
.news-item figure                               { padding-bottom:20px; }
.news-item .product-text                        {  }
.news-item .product-text h2                     { padding-bottom:0; }
.news-item .product-text p                      { padding:0; margin:0; }
.news-item p.released                           { padding: 10px 0 5px 0; }
.news-item                                      {  }
.news-item .product-button                      { padding: 10px 0; }

/* content > team */
.team-item                                      { text-align:center;}
.team-item .column_Inner_Padding                { padding:0; margin:0 10px; position:relative; }
.team-item h2                                   { font-size: 1.4rem; padding:0; font-weight:bold; }
.team-item p                                    { font-size:1.3rem; padding:0; margin:0; }
.team-item figure                               {  }
.team-item figure img                           {  }
.team-item .team-text                           { overflow:hidden; border:1px solid #ddd; padding:10px; max-height:52px; min-height:52px; line-height:1.6rem; background:#fff;  }
.team-item .team-button                         { position:absolute; bottom:0; right:0; }
.team-item .team-button .btn                    { padding:0; background:#ddd; margin-bottom:22px; }
.team-item .team-button .btn:hover              { background:#87c43c; }
.team-item .team-button .btn i                  { padding:2px 8px; color:#fff; font-size:1rem; }

.txtValidation {
    height:2px;
    width:2px;
    border:none;
    background:none;
}

/* content > featured  */
.featured                                       { padding: 40px 0; }
.featured:nth-child(even)                       { background:#F4F4F4; }
.featured:nth-child(odd) .btn                   { background-color:#F4F4F4; color:#1356A7; border-bottom:1px solid #ddd; }
.featured:nth-child(odd) .btn:hover             { background-color:#ddd; }

/* CMS content */
.cms42ContentArea                               { margin:0 10px; }
.cms42Content                                   { margin: 0 -10px; }

.img-circle                                     { border-radius: 50%; }
.max-width160                                   { max-width:160px; }

/* accordion */
.accordion                                      { padding: 0; margin:0; margin-top:60px; margin-bottom:60px; width: 100%; overflow: hidden; position: relative; }
.accordion__title                               { padding: 10px 40px; background: #fff; float: left; line-height: 3; height: 40px; cursor: pointer; border-top: 1px solid #ddd; border-right: 1px solid #ddd;  color:#2E2C2C; }
.accordion__title:first-child                   { border-left: 1px solid #ddd; }
.no-js .accordion__title                        { float: none; height: auto; cursor: auto;  margin: 0; padding: 0 20px; }
.accordion__content                             { float: right; width: 100%; width: calc(100% - 42px); padding: 20px; border: 1px solid #ddd;  margin: 61px 0 0 -100%; background: #f5f5f5; }
.no-js .accordion__content                      { float: left; margin: 0; }
.accordion__title:hover,
.accordion__title.active                        { background: #ddd; color: #808080; }
.no-js .accordion__title:hover                  { background-color: #ccc; color: #222; }
.accordion__title.active                        { background: #F4F4F4; }