.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}.panel-grid .so-parallax{position:relative}.panel-grid .so-parallax>:not(.simpleParallax){position:relative;z-index:1}.panel-grid .so-parallax .simpleParallax{overflow:hidden}.panel-grid .so-parallax .simpleParallax,.panel-grid .so-parallax img[data-siteorigin-parallax]{bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel-grid-cell{-ms-box-sizing:border-box;box-sizing:border-box}.panel-grid-cell .panel-cell-style{height:100%}.panel-grid-cell .so-panel{zoom:1}.panel-grid-cell .so-panel:before{content:"";display:block}.panel-grid-cell .so-panel:after{content:"";display:table;clear:both}.panel-grid-cell .panel-last-child{margin-bottom:0}.panel-grid-cell .widget-title{margin-top:0}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container){overflow-x:hidden}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch{margin-right:-1000px!important;margin-left:-1000px!important;padding-right:1000px!important;padding-left:1000px!important}body, html{
height:100%;
margin:0;
}
body {
background: #fff;
color: #1A1818;
font-size: 18px;
font-family: 'Poppins', sans-serif;
font-weight:400;
line-height:1.4;
letter-spacing:1px;
margin: 0px;
padding: 0px;
}
body.FitScreen{
overflow:hidden;
-webkit-overflow:hidden;
}
*:focus {
outline: none;
} p {
padding: 12px 0px;
margin: 0px;
}
p:empty {
display: none;
}
em {
font-style: italic;
}
strong, b {
font-family: 'Poppins', sans-serif;
font-weight:600;
}
hr {
border: 0;
width: 100%;
height: 1px;
color:rgba(0,0,0,0);
background-color: rgba(0,0,0,0.2);
margin: 6px 0px 8px 0px;
padding: 0px;
}
.theme_dark hr{
background-color: rgba(255,255,255,0.2);
}
ol, ul {
margin: 6px 0px;
padding: 0px 0px 0px 12px;
}
ol li {
list-style: inside;
list-style-type: decimal;
margin: 6px 0px;
padding: 0px 0px 0px 12px;
}
ul{
margin:0px;
padding:10px 0px 10px 20px;
}
ul li {
line-height:normal;
list-style-type:disc;
padding:6px 0;
}
ul ol li, ul ol ul ol li {
list-style-type: decimal;
}
ol ul li, ol ul ol ul li {
list-style-type: square;
}
blockquote {
font-size: 1.6em;
line-height: 1.6;
margin: 20px 0px;
padding: 20px;
}
blockquote p {
margin: 0px;
padding: 0px;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
code, pre {
background: #F9F9F9;
font-family: Courier, Verdana, Tahoma, Verdana;
font-size: 13px;
line-height: 1.2;
margin: 12px 0px;
padding: 6px 8px;
border: 1px solid #DDDDDD;
border-radius: 3px;
}
code {
display: inline;
white-space: normal;
}
pre {
display: block;
}
pre code {
padding: 0px;
border: none;
border-radius: 0px;
}
img {
-ms-interpolation-mode: bicubic;
height: auto;
}
img, object, embed {
max-width: 100%;
margin: 0px auto 0px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear {
clear: both;
}
.hidden {
display: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-hide,
.container .headline.text-hide {
font-size: 0;
line-height: 0;
margin-left: -999em;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
.align-center {
float: none;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.align-left {
float: left;
}
.align-right {
float: right;
}
.vertical-center {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
} a img {
border: none;
}
a{
text-decoration:underline;
}
a:focus, a:hover, a:active {
text-decoration: underline;
} h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family:'proxima_novasemibold';
font-style:normal;
font-weight:normal;
line-height:1.2;
letter-spacing:normal;
padding:15px 0px;
margin:0px;
}
h1, .h1 {
font-size: 80px;
}
h2, .h2 {
font-size: 65px;
}
h3, .h3 {
font-size: 50px;
}
h4, .h4 {
font-size: 40px;
}
h5, .h5 {
font-size: 30px;
}
h6, .h6 {
font-size: 20px;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
font-family: 'Poppins', sans-serif;
font-weight:600;
} #header {
top:0;
left:0;
right:0;
width:100%;
line-height: 1;
margin: 0px;
overflow:visible;
position:absolute;
z-index:998;
padding:0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
z-index:999;
}
#header.sticky:before{
height:5px;
}
body.home #header, #header.landingpage{
background-color:transparent;
}
.headerTable{
display:table;
table-layout:fixed;
width:100%;
}
.headerLogoCell, .headerMenuCell, .headerHamburgerCell{
display:table-cell;
vertical-align:middle;
text-align:center;
padding:30px 0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
position:relative;
}
.headerLogoCell{
text-align:left;
}
.headerLogoCell .logo{
display:inline-block;
max-width:249px;
width:100%;
margin:0px;
padding-right:20px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.headerLogoCell .logo img{
display:block;
margin:0px;
}
.headerHamburgerCell{
width:50px;
text-align:right;
display:none;
}
.headerMenuCell{
width:80%;
text-align:right;
padding-right:0px;
font-size:16px;
} #header.sticky{
top:0;
position:fixed;
padding:0px;
animation:stickyHeader ease-in-out 0.2s;
-webkit-animation:stickyHeader ease-in-out 0.2s;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
body.admin-bar #header.sticky, body.admin-bar #header{
top:32px;
}
#header.sticky .headerLogoCell, #header.sticky .headerHamburgerCell, #header.sticky .headerMenuCell, #header.sticky .header_join{
padding:10px 0px;
}
#header.sticky .headerLogoCell .logo{
max-width:130px;
}
#header .mainLogo{
display:none;
}
body.home #header .mainLogo, #header.landingpage .mainLogo{
display:block;
}
body.home #header.sticky .mainLogo, #header.sticky.landingpage .mainLogo{
display:none;
}
body.home #header.sticky .internalLogo, #header.sticky.landingpage .internalLogo{
display:block;
}
#header .internalLogo{
display:block;
}
body.home #header .internalLogo, #header.landingpage .internalLogo{
display:none;
}
#header.sticky .header_join .button{
padding:10px 15px;
font-size:18px;
}
@keyframes stickyHeader{
0%{
transform:translateY(-100%);
}
100%{
transform:translateY(0);
}
}
@-webkit-keyframes stickyHeader{
0%{
-webkit-transform:translateY(-100%);
}
100%{
-webkit-transform:translateY(0);
}
}
#header .headerNotice{
background-color:#4cbb17;
color:#000;
padding:15px 0px;
}
#header .headerNotice .content p{
font-size:16px;
}
#header .headerNotice .content p:first-child{
padding-top:0px;
}
#header .headerNotice .content p:last-child{
padding-bottom:0px;
}
#header .headerNotice a, #header.sticky .headerNotice a{
color:#fff;
}
.closeHeaderNotice{
display:block;
cursor:pointer;
position:absolute;
top:5px;
right:5px;
width:24px;
height:24px;
text-align:center;
}  ul.HeaderMenu{
display:inline-block;
padding:0;
margin:0;
}
ul.HeaderMenu > li{
position:relative;
display:inline-block;
margin:0px;
padding:0px 2px;
}
.headerMenuCell ul.HeaderMenu > li > a{
display:block;
font-family: 'Poppins', sans-serif;
font-weight:400;
font-size:18px;
padding:10px 15px;
transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
text-decoration:none;
text-transform:capitalize;
letter-spacing:normal;
cursor:pointer;
}
.headerMenuCell ul.HeaderMenu > li:hover > a, .headerMenuCell ul.HeaderMenu > li.current_page_item a,
.headerMenuCell ul.HeaderMenu > li:hover .submenu_open{
text-decoration:none;
}
.headerMenuCell ul.HeaderMenu > li.current_page_item a{
font-family: 'Poppins', sans-serif;
}
.headerMenuCell ul.HeaderMenu > li:hover > ul.sub-menu{
display:block;
} .headerMenuCell ul.HeaderMenu ul.sub-menu.hidden{
visibility:visible;
}
.headerMenuCell ul.HeaderMenu ul.sub-menu {
display:none;
position:absolute;
top:100%;
left:0;
z-index:999;
width:220px;
padding:0px;
margin:0;
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
text-transform:uppercase;
font-weight:normal;
text-align:left;
}
.headerMenuCell ul.HeaderMenu ul.sub-menu > li{
display:block;
list-style-type:none;
line-height:1;
padding:0;
margin:0px;
}
.headerMenuCell ul.HeaderMenu ul.sub-menu > li > a{
display:block;
padding:15px;
border-bottom:1px solid rgba(0,0,0,0.1);
border-top:1px solid rgba(255,255,255,0.1);
text-transform:none;
font-weight:100;
text-decoration:none;
font-size:18px;
cursor:pointer;
}
.headerMenuCell ul.HeaderMenu ul.sub-menu > li > a:hover{
background-color:rgba(0,0,0,0.05);
}
.headerMenuCell ul.HeaderMenu .submenu_open{
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
right:0px;
display:inline;
width:10px;
padding-left:5px;
font-size:1em;
line-height:0;
text-align:center;
cursor:pointer;
z-index:-1;
} #OpenMenu{
display:inline-block;
width:45px;
cursor:pointer;
transition:all ease-in-out 0.2s;
-webkit-transition:all ease-in-out 0.2s;
}
#OpenMenu span{
display:block;
height:3px;
width:100%;
margin:12px 0px;
}
#OpenMenu span:first-child{
margin-top:0px;
}
#OpenMenu span:last-child{
margin-bottom:0px;
}
.menu-hamburger-container{
width:100%;
}
#PushMenuWrap .menu_hamburger{
display:block;
cursor: pointer;
padding:0px;
height:45px;
width:45px;
z-index: 500;
position:relative;
float:right;
border-radius:50px;
-webkit-border-radius:50px;
}
#PushMenuWrap .menu_hamburger span{
-webkit-border-radius: 0.3125em;
border-radius:0;
content: "";
cursor: pointer;
display: block;
height: 3px;
position:absolute;
top:50%;
left:50%;
-webkit-transition:all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width:50%;
transform-origin:left;
-webkit-transform-origin:left;
margin-top:-1px;
}
#PushMenuWrap .menu_hamburger span.first{
-webkit-transform: rotate(-45deg) translate(-50%,0%);
transform: rotate(-45deg) translate(-50%,0%);
}
#PushMenuWrap .menu_hamburger span.last{
-webkit-transform: rotate(45deg) translate(-50%,0%);
transform: rotate(45deg) translate(-50%,0%);
}
body.admin-bar #PushMenuWrap{
top:32px;
}
#PushMenuWrap{
position:fixed;
top:0; right:0; bottom:0; left:auto;
z-index:9999;
overflow:auto;
width:100%;
height:auto;
display:flex;
align-items:center;
opacity:0;
-webkit-opacity:0;
transform:translateX(100%);
-webkit-transform:translateX(100%);
-webkit-transition:all .4s cubic-bezier(.6,.2,.1,1);
transition:all .4s cubic-bezier(.6,.2,.1,1);
max-width:40vw;
background-position:center;
background-size:contain;
background-repeat:no-repeat;
}
#PushMenuWrap.opened{
opacity:1;
-webkit-opacity:1;
display:block;
transform:translateY(0);
-webkit-transform:translateY(0);
-webkit-transition:all ease 0.3s;
transition:all ease 0.3s;
}
#PushMenuWrap .menu_icon {
padding:0px;
position:absolute;
top:20px;
right:0px;
}
#PushMenuWrapOverlay{
visibility:hidden;
position:fixed;
z-index:9;
top:-50%;
right:-50%;
width:100%;
height:100%;
transform:scale(1);
-webkit-transform:scale(1);
transform-origin:right top;
-webkit-transform-origin:right top;
-webkit-transition:all ease-out 0.5s;
transition:all ease-out 0.8s;
}
#PushMenuWrapOverlay.opened{
visibility:visible;
transform:scale(3);
-webkit-transform:scale(3);
z-index:9998;
}
#PushMenu{
position:relative;
top:0px;
bottom:0px;
width:100%;
}
#PushMenu .content{
padding:0px 5vw;
}
#PushMenu .row{
position:relative;
}
.menu_wrap {
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 100px 0px 40px 0px;
text-align: right;
display:flex;
align-items:center;
}
ul.PushMenu{
padding:0;
display:block;
position:relative;
font-family: 'Poppins', sans-serif;
font-weight:600;
}
.PushMenu > li{
margin:0px;
padding:2vh 0px;
list-style-type:none;
line-height:1;
display:block;
position:relative;
vertical-align:top;
}
.PushMenu > li:first-child{
padding-top:0px;
}
.PushMenu > li:last-child{
padding-bottom:0px;
}
.PushMenu > li > a{
display:inline-block;
font-size:26px;
font-weight:normal;
transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
text-decoration:none;
text-transform:none;
}
.PushMenu > li:hover > a{
transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
text-decoration:none;
}
.PushMenu > li.menu-item-has-children:hover > ul.sub-menu{
display:block;
}
.PushMenu > li ul.sub-menu{
margin:0px;
padding:10px 0px;
}
.PushMenu > li ul.sub-menu li{
display:block;
margin:0;
padding:0;
line-height:1.2;
}
.PushMenu > li ul.sub-menu li a{
padding:5px 0px;
text-decoration:none;
display:inline-block;
font-size:24px;
font-weight:300;
}
#PushMenu .menu_icon.sub_menu_icon {
display: none;
}
#PushMenu  .submenu_open{
display:none;
}
.pushmenuGrid{
display:block;
width:100%;
}
.pushmenuMenu{
display:block;
}
#PushMenu .social-icons span a{
color:#1A1818;
font-size:28px;
}
#PushMenu .social-icons span a:hover{
color:#FFC521;
}
.pushmenuBefore{
padding-bottom:35px;
}
.pushmenuAfter{
padding-top:35px;
}  .homeBannerWrap{
position:relative;
z-index:2;
background-color:#000;
}
.homeBannerOverlay{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:0;
}
.homeBanner{
position:relative;
z-index:0;
background-position:center;
}
.bannerTable{
display:table;
table-layout:fixed;
width:100%;
position:relative;
z-index:2;
}
.bannerTableCell{
display:table-cell;
vertical-align:middle;
position:relative;
}
.bannerContentWrap{
display:block;
color:#fff;
padding:6% 0;
}
.bannerContent{
}
.bannerImage{
background-size:contain;
background-repeat:no-repeat;
background-position:bottom center;
}
.bannerImage img{
display:block;
visibility:hidden;
} .homesection{
display:block;
width:100%;
position:relative;
overflow:visible;
z-index:1;
}
.homesection:after{
content:" ";
display:block;
clear:both;
}
.section_content_full{
padding:7% 0px;
position:relative;
z-index:2
}
.section_title{
margin:0px;
padding:0px 0px 5%;
}
.alignCenter{
text-align:center;
}
.table{
display:table;
table-layout:fixed;
width:100%;
}
.tableCell{
display:table-cell;
vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.titleTable{
display:table;
margin:0 -20px;
}
.titleCell{
display:table-cell;
padding:0px 20px;
vertical-align:middle;
} .testimonial_shortcode_wrap{
padding:3% 0;
max-width:700px;
margin:0 auto;
text-align:center;
}
.testimonial_item{
padding:20px;
}
.testimonial_logo{
max-width:150px;
margin:0 auto;
padding-bottom:20px;
}
.testimonial_logo img{
display:block;
width:100%;
}
.testimonial_author{
font-weight:700;
padding-top:20px !important;
}
#wrap .testimonial_shortcode_wrap .slick-dots{
text-align:center;
} .tabMobileItem{
display:none;
cursor:pointer;
background-color:#1A1818;
color:#FFC521;
padding:20px;
}
.tabMenuItem{
cursor:pointer;
text-align:center;
background-color:#F8F8F8;
}
.tabMenuItem:hover{
background-color:#F2F2F2;
}
.tabMenuItem.active{
background-color:#FFC521;
}
.tabName{
padding:30px 0px;
}
.tabContentMain{
padding:6% 0px;
background-color:#FFC521;
}
.tabContentWrap{
display:none;
}
.tabContentWrap.active{
display:block;
}
.tabContentLeft{
padding-right:8%;
}
.tabContentRight{
padding-left:8%;
}  .animation, .animateAfterLoad{
opacity:0;
-webkit-opacity:0;
transition:all linear 0.3s;
-webkit-transition:all linear 0.3s;
}
.animation.in-view, .animateAfterLoad.in-view{
opacity:1;
-webkit-opacity:1;
} .animation.slide-top, .animateAfterLoad.slide-top{
transform:translateY(50px);
-webkit-transform:translateY(50px);
}
.animation.slide-top.in-view, .animateAfterLoad.slide-top.in-view{
transform:translateY(0px);
-webkit-transform:translateY(0px);
} .animation.slide-left{
transform:translateX(50px);
-webkit-transform:translateX(50px);
}
.animation.slide-left.in-view{
transform:translateY(0px);
-webkit-transform:translateY(0px);
} .animation.slide-right{
transform:translateX(-50px);
-webkit-transform:translateX(-50px);
}
.animation.slide-right.in-view{
transform:translateX(0px);
-webkit-transform:translateX(0px);
} .animation.slide-bottom{
transform:translateY(-50px);
-webkit-transform:translateY(-50px);
}
.animation.slide-bottom.in-view{
transform:translateY(0px);
-webkit-transform:translateY(0px);
}
.delay_2nd{
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.delay_3rd{
transition-delay:0.5s;
-webkit-transition-delay:0.5s;
}
.delay_4th{
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.delay_5th{
transition-delay:0.7s;
-webkit-transition-delay:0.7s;
}  #darkBg{
background-color:#0F1010;
color:#fff;
}
#darkBg a{
color:#fff;
}
#darkBg a:hover{
color:#FF003C !important;
}
#darkBg a.button{
color:#FF003C;
} .blog_page{
padding:0;
margin:0 -30px;
}
.blog_holder{
width:33.33%;
}
.blog_holder.blog_holder_full{
width:100%;
}
.blog_holder.blog_holder_full .blog_data_wrap{
padding:0px 30px 50px 30px;
border-top:none !important;
}
.blog_data_wrap{
padding:30px;
display:table;
table-layout:fixed;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.blog_data{
box-sizing:border-box;
-webkit-box-sizing:border-box;
direction:ltr;
}
.blog_img{
overflow:hidden;
}
.blog_img a{
display:block;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
transform:scale(1) rotate(0deg);
-webkit-transform:scale(1) rotate(0deg);
transition:all cubic-bezier(.9,.03,0,.78) 0.3s;
-webkit-transition:all cubic-bezier(.9,.03,0,.78) 0.3s;
}
.blog_data:hover .blog_img a{
transform:scale(1.3) rotate(5deg);
-webkit-transform:scale(1.3) rotate(5deg);
}
.blog_img a img{
display:block;
visibility:hidden;
}
.blog_title{
text-transform:none;
padding-bottom: 5px;
}
.blog_title a{
color:#fff !important;
text-decoration:none !important;
}
.blog_title a:hover{
color:#fff;
} .post_links {
text-align: left;
display: table;
width: 100%;
}
.post_link {
display: table-cell;
vertical-align: middle;
width: 33.33%;
padding: 0 5px;
}
.post_link.previous_post {
text-align: right;
}
.post_link.next_post {
text-align: left;
}
.PostTitle{
max-width: 85%;
margin:0 auto 2.5%;
text-align: center;
}
.PostImg{
background-repeat:no-repeat;
background-size:cover;
background-position:center;
}
.PostImg img{
width: 100%;
display:block;
visibility:hidden;
}
.post_date{
display:block;
text-align:center;
padding:0px;
}
.post_nav{
display:table;
table-layout:fixed;
width:100%;
padding:5% 0px 0px;
proxima_novasemibold'
font-size:22px;
font-weight:600;
line-height:1;
}
.post_nav_cell{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.left_cell{
text-align:left;
}
.right_cell{
text-align:right;
}
.post_nav_cell a{
text-decoration:none !important;
}
.post_nav_cell a:hover{
text-decoration:none !important;
} .topbar{
}
.topbar ul{
display:block;
margin:0px;
padding:0px;
text-align:center;
}
.topbar ul li{
margin:0px;
padding:2px;
display:inline-block;
position:relative;
}
.topbar ul li:after{
content:"";
display:block;
height:16px;
border-right:1px solid rgba(0,0,0,0.5);
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
right:0;
position:absolute;
}
.topbar ul li:last-child:after{
display:none;
}
.topbar ul li a{
display:block;
padding:5px 15px;
border:none;
text-decoration:none;
text-transform:none;
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
}
.topbar ul li a:hover{
text-decoration:underline;
}
.topbar ul li.current a{
} .iframeWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 0px;
height: 0;
}
.iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .form_half_col, .form_full_col{
padding:0px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
text-align:left;
margin-bottom:25px;
}
.form_half_col{
width:50%;
}
.form_full_col{
width:100%;
text-align:left;
}  #breadcrumbs{
text-align:center;
}
.content {
max-width: 1700px;
margin: 0px auto 0px;
padding: 0px 80px;
position: relative;
box-sizing:border-box;
-webkit-box-sizing:border-box;
z-index:2;
}
.content.no-padding{
padding:0px;
}
.content.small{
max-width: 1100px;
}
.content.medium{
max-width: 1400px;
}
.content.wide{
max-width: 1920px;
}
.content.full{
max-width: 100%;
}
.content.no-thumb, .no-thumb { }
.article {
display: block;
}
.blog-holder,
.archive-holder {
background: #f9f9f9;
position: relative;
margin-bottom: 48px;
border-radius: 3px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.blog-holder .article,
.archive-holder .article {
padding: 24px 36px;
}
.postarea {
padding: 64px 24px 64px 0px;
}
.postarea.right {
padding: 64px 0px 64px 24px;
}
.postarea.full {
margin: 0px auto 0px;
padding: 7% 0px;
}
body.single-product .postarea.full{
padding: 20px 0px 0px;
}
.postarea.no_padding{
padding:0px;
}
.postarea.no_top_padding{
padding-top:0px;
}
.postarea.wide {
padding: 64px 0px;
}
.postarea.middle {
padding: 64px 24px;
}
.post-meta {
display: block;
color: #999999;
font-size: 0.8em;
margin: 12px 0px;
padding: 12px 0px 0px 0px;
border-top: 2px solid rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.post-meta p {
margin: 0px;
padding: 0px;
}
.post-meta .align-left,
.post-meta .align-right {
max-width: 50%;
}
.blog-holder .post-meta,
.archive-holder .post-meta {
padding: 12px 24px;
margin: 0px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.post-edit-link {
display: inline-block;
margin: 12px 0px;
}
.author-column {
float: right;
width: 72%;
margin-top: 20px;
padding-left: 4%;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.author-posts {
margin: 0px 0px 12px 0px;
padding: 0px;
}
.author-posts li {
margin: 0px;
padding: 6px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.archive-column {
float: left;
font-size: 0.9em;
width: 30%;
margin: 0px;
padding-right: 5%;
}
.archive-column.last {
padding-right: 0;
}
.wp-audio-shortcode {
margin: 12px 0px;
}
.text-white h1, .text-white h2, .text-white h3,
.text-white h4, .text-white h5, .text-white h6 {
color: #ffffff;
color: rgba(255, 255, 255, 1);
}
.text-white p, .text-white blockquote, .text-white {
color: #ffffff;
color: rgba(255, 255, 255, 0.8);
}
.sticky {
display: block;
position: relative;
}
.post_info {
max-width:400px;
margin:15px auto 0px;
display: block;
position: relative;
text-align:center;
border-top:1px solid rgba(0,0,0,0.2);
color:rgba(0,0,0,0.6);
font-size:16px;
} .social-icons {
display:block;
list-style: none;
margin: 0px;
padding: 0px;
}
.social-icons span {
display: inline-block;
list-style: none;
margin: 0px;
padding: 0px 5px;
}
.social-icons span:first-child{
padding-left:0px;
}
.social-icons span:last-child{
padding-right:0px;
}
.social-icons span .fa {
min-width: 0px;
line-height:1;
}
.social-icons span a {
font-size:36px;
display: block;
background: none;
color: #1A1818;
text-align: center;
text-decoration: none;
margin: 2px;
padding: 0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.social-icons span a:hover {
} .pagination {
float: none;
display: block;
width: 100%;
proxima_novasemibold'
font-weight: 400;
text-align: center;
line-height: 0;
margin: 30px 0 0px;
padding:5% 0px 0px;
position: relative;
z-index: 9;
border-top:1px solid rgba(255,255,255,0.1);
}
.pagination .page-numbers {
display: inline-block;
font-size:26px;
text-decoration: none;
margin: 0px;
padding: 0px 7px;
line-height:1;
position:relative;
}
.pagination .page-numbers:last-child:after{
display:none;
}
#darkBg .pagination{
color:#fff;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
color:#FF003C;
}
.pagination .page-numbers.current {
color:#FF003C;
text-decoration:underline;
}
.post-navigation {
display: block;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.previous-post {
float: left;
font-size: 0.9em;
}
.next-post {
float: right;
font-size: 0.9em;
}
.page-links {
display: block;
overflow: hidden;
margin: 12px 0px;
}
.page-links .link-label {
color: #111111;
font-weight: bold;
margin-left: 0px;
}
.page-links span {
margin: 0px 3px;
} .woocommerce-pagination{
margin-top:50px;
}
.woocommerce nav.woocommerce-pagination ul{
border:none;
}
.woocommerce nav.woocommerce-pagination ul li{
border:none;
background:none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
color: #111111;
background:none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
color:#00A296;
background:none;
} .feature-img,
.feature-vid {
display: block;
text-align: left;
line-height: 0;
margin: 12px 0 24px;
overflow: hidden;
}
.pagebannerWrap{
}
.page-banner {
width: 100%;
position: relative;
line-height:1;
margin: 0px;
z-index:0;
background-color:#000;
}
.page-banner .page_title{
display:block;
margin:0px;
padding:12% 0px;
text-transform:none;
position:relative;
text-align:center;
color:#fff;
}
.page-banner img {
display:none;
}
.page-banner .postBanner.page_title{
text-align:center;
padding-top:10%;
}
.pagebannerBG{
position:absolute;
top:0;
bottom:0;
width:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.pagebannerBG:after{
content:" ";
display:block;
position:absolute;
top:0;
bottom:0;
width:100%;
background-color:rgba(0,0,0,0.5);
}
.post-banner .post_title{
display:block;
margin:0px;
padding:8% 0px 0px;
text-align:center;
} body.error404 #wrap{
width:100%;
display:table;
}
.error404 .feature-img.page-banner{
background:none !important;
}
.page-banner .headerImg{
max-width:600px;
margin:150px auto 0;
width:75%;
}
.errorpage_bottom_shape{
display: table-row;
height: 1px;
width:100%;
}
.errorpage_bottom_shape img{
display:block;
width:100%;
}
.blog-holder .feature-vid,
.archive-holder .feature-vid,
.blog-holder .feature-img,
.archive-holder .feature-img {
margin: 0px;
}
.avatar {
background: #FFFFFF;
margin: 10px 20px 10px 0px;
padding: 6px;
}
.author-avatar {
float: left;
display: block;
width: 20%;
margin-top: 20px;
padding-right: 3.6%;
}
.author-avatar .avatar {
display: block;
margin: 0px;
padding: 0px;
border: none;
}
img.aligncenter {
display: block;
margin: 6px auto 6px;
padding: 0px;
}
img.alignnone {
padding: 0px;
margin: 6px 0px;
display: inline;
}
img.alignright {
padding: 0px;
margin: 12px 0px 12px 24px;
display: inline;
}
img.alignleft {
display: inline;
padding: 0px;
margin: 12px 24px 12px 0px;
}
.aligncenter {
display: block;
margin: 6px auto 6px;
}
.alignright {
float: right;
margin: 6px 0px 6px 24px;
}
.alignleft {
float: left;
margin: 6px 24px 6px 0px;
}
.wp-caption {
background: #eeeeee;
max-width: 100%;
text-align: center;
margin-top: 12px;
margin-bottom: 12px;
padding: 8px 6px;
border-radius: 3px;
}
.wp-caption img {
max-width: 100%;
margin: 0px auto 0px;
padding: 0px;
}
.wp-caption p.wp-caption-text {
display: block;
font-size: 0.85em;
line-height: 1.6;
margin: 0px;
padding: 0px;
} .portfolio-wrap {
margin-left: -12px;
width: calc(100% + 24px);
width: -webkit-calc(100% + 24px);
width: -moz-calc(100% + 24px);
}
#portfolio-filter {
background: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
#portfolio-filter li {
display: inline-block;
list-style: none;
margin: 0px;
padding: 0px;
}
#portfolio-filter li a {
display: inline-block;
color: #999999;
font-size: .9em;
text-decoration: none;
margin: 0px;
padding: 12px;
}
#portfolio-filter li a:hover,
#portfolio-filter li a:focus,
#portfolio-filter li a:active {
background: rgba(0, 0, 0, 0.04);
color: #111111 !important;
}
#portfolio-filter li:last-child a {
margin-right: 0px;
}
#portfolio-list {
margin: 0px;
padding: 0px;
}
.portfolio {
background: #FFFFFF;
}
.portfolio .portfolio-item {
list-style: none;
margin: 0px;
padding: 0px;
}
.portfolio .post-holder {
background: #F9F9F9;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.portfolio-item.single .post-holder {
margin: 12px;
}
.portfolio-half .post-holder,
.portfolio-third .post-holder {
margin: 12px;
padding: 0px;
}
.portfolio-item .feature-img,
.portfolio-item .feature-vid {
margin: 0px;
}
.portfolio .excerpt {
padding: 24px 36px;
}
.portfolio-half .excerpt,
.portfolio-third .excerpt {
display: block;
padding: 12px 24px;
}
.portfolio-half .portfolio-item,
.portfolio-third .portfolio-item {
float: left;
}
.portfolio-item.single .excerpt {
background: #F9F9F9;
padding: 36px;
}
.portfolio-item.single .more-link {
margin-bottom: 0px;
} .isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .gallery-caption {
font-size: 0.8em;
padding: 0px 10px;
}
.gallery {
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}
.gallery-item {
margin: 0px
}
.gallery-icon {
line-height: 0;
margin: 15px;
}
.gallery-icon img {
display: block;
background: #ffffff;
padding: 0px;
margin:0px;
border: none;
transition: background .25s;
-moz-transition: background .25s;
-webkit-transition: background .25s;
-o-transition: background .25s;
border-radius: 0px;
box-shadow: 3px 3px 0px rgba(0, 0, 0, .08);
}
.gallery img {
border: none !important;
}
.gallery-caption {
font-size: .9em;
padding: 0px 10px;
}
.gallery-columns-3 .gallery-item{
width:33.33%;
}
.gallery-columns-4 .gallery-item{
width:25%;
}
.gallery-columns-5 .gallery-item{
width:20%;
} .sidebar {
margin: 0px;
padding: 64px 0px 64px 24px;
}
.sidebar.left {
padding: 64px 24px 64px 0px;
}
.sidebar h6, .footer h6 {
margin-bottom: 12px;
padding-bottom: 0px;
border-bottom: none;
}
.sidebar h6{
border-bottom:1px solid #111;
padding:0px 0px 10px;
}
.footer h6 {
font-size:15px;
} .sidebar .widget {
margin-bottom: 24px;
padding: 0px;
}
.sidebar .widget ul, .sidebar .widget li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.sidebar .widget li {
display: block;
margin: 6px 0px 0px 0px;
padding: 6px 0px 0px 0px;
}
.sidebar .widget li:last-child {
padding-bottom: 6px;
}
.sidebar .widget li li {
padding-left: 12px;
display:block;
list-style-type:none;
}
.sidebar .widget li li:last-child {
padding-bottom: 0px;
border-bottom: none;
}
.sidebar .widget li a {
margin: 0px;
padding: 0px;
text-decoration:none;
}
.sidebar .textwidget {
margin: 0px;
padding: 0px;
}
.textwidget p {
padding: 8px 0px;
}
.tagcloud {
line-height: 1.2;
} .widget h6 a.rsswidget {
display: inline;
}
.widget a.rsswidget {
display: block;
}
.widget .rss-date {
display: block;
font-size: 0.8em;
margin-bottom: 12px;
} #calendar_wrap {
margin: 0px auto 0px;
padding: 0px;
}
#wp-calendar {
width: 100%;
text-align: center;
}
#wp-calendar #today {
background: #f4f4f4;
background: rgba(0, 0, 0, .08);
color: #111111;
font-weight: bold;
}
#wp-calendar a {
margin: 0px;
}
#wp-calendar caption {
font-size: 16px;
margin: 5px 0px 5px 0px;
}
#wp-calendar #prev a {
float: left;
margin: 0px;
text-align: left;
padding-left: 12px;
}
#wp-calendar #next a {
float: right;
margin: 0px;
text-align: right;
padding-right: 12px;
} .widget ul.menu {
float: none;
}
.widget ul.menu .current_page_item a,
.widget ul.menu .current-menu-item a {
background: none;
}
.widget ul.menu li a {
display: block;
background: none;
height: auto;
text-transform:uppercase;
text-shadow: none;
line-height:normal;
margin: 6px 0px;
padding: 0px;
}
.widget ul.menu li a:hover {
background: none;
text-decoration: none;
}
.widget ul.menu li {
float: none;
display: block;
background: none !important;
margin: 0px;
padding: 0px;
width: 100%;
}
.widget ul.menu li:last-child {
border-bottom: none;
}
.widget ul.menu li span {
top: 1px;
right: 0px;
}
.widget ul.menu li ul.sub-menu {
background: none !important;
width: 100%;
margin: 0px;
padding: 0px;
position: static;
z-index: 9;
box-shadow: none;
}
.widget ul.menu li ul.sub-menu span {
display: none;
}
.widget ul.menu li ul.sub-menu li a {
padding-left: 12px;
}
.widget ul.menu li ul.sub-menu li ul.sub-menu li {
display: none;
} #searchform {
margin: 0px;
padding: 0px;
}
#searchform:after{
content:" ";
display:block;
clear:both;
}
#searchform label {
display: none;
}
#searchform .search-field,
#searchform #s {
float: left;
background: #ffffff;
color: #999999;
width: 65%;
height: 36px;
font-size: 1em;
line-height: 36px;
margin: 0px 0px 0px 0px;
padding: 10px;
border: 2px solid rgba(0, 0, 0, .4);
border-radius: 0px;
-webkit-border-radius: 0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.sidebar.left #searchform .search-field,
.sidebar.left #searchform #s {
width: 62%;
}
#searchsubmit {
float: right;
background: #ffffff;
color: #666666;
width: 35%;
font-size: 1em;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 10px !important;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.widget_search {
overflow: hidden;
}  #footer {
margin: 0px auto 0px;
padding:0px;
overflow: visible;
width:100%;
background-size:cover;
background-position:top center;
position:relative;
font-size:18px;
border-top:1px solid rgba(255,255,255,0.1);
}
#footer p {
margin: 0px;
padding: 10px 0px;
}
#footer a {
text-decoration:none;
}
#footer a:hover{
text-decoration:none;
}
.footer_widget {
padding: 15px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
max-width:400px;
}
.footer_widget .logo{
max-width:200px;
display:block;
}
.footer_widget_box{
padding-bottom:20px;
}
.footer_widget_box:last-child{
padding-bottom:0px;
}
.footerTable{
display:table;
table-layout:fixed;
width:100%;
padding:6% 0;
border-top:1px solid rgba(0,0,0,0.15)
}
.footerTableCell{
display:table-cell;
vertical-align:bottom;
}
.footerWidgetCell{
}
.footer_copy{
display:block;
font-size:16px;
text-transform:none;
}
.footer_copy, .footer_copy a{
color:rgba(255,255,255,0.25) !important;
}
.footer_copy a:hover{
color:rgba(255,255,255,0.50) !important;
}
.footer_copy a{
text-transform:uppercase;
}
.footerLinksWrap{
display:block;
font-size:0px;
}
.footerLinksWrap a{
padding:0px 10px;
position:relative;
display:inline-block;
font-size:16px;
}
.footerLinksWrap a:after{
content:" ";
display:inline-block;
position:absolute;
right:0;
height:15px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
border-right:1px solid rgba(255,255,255,0.35);
}
.footerLinksWrap a:last-child:after{
display:none;
}
.footerLinksWrap a:first-child{
padding-left:0px;
}
.footerLinksWrap a:last-child{
padding-right:0px;
} #footer .social-icons span a{
font-size:26px;
}
#footer .social-icons span a:hover{
} .widget_nav_menu ul.menu{
display:block;
padding:0px;
margin:0;
}
.widget_nav_menu ul.menu li{
display:inline-block;
padding:0px 10px;
width:48%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
vertical-align:top;
}
.widget_nav_menu ul.menu li a{
display:block;
color:#262a2c;
font-weight:normal;
text-transform:none;
}
.widget_nav_menu ul.menu li.current-menu-item a{
font-family: 'Poppins', sans-serif;
}
.widget_nav_menu ul.menu li a:hover{
} .scrollToTop{
display:inline-block;
width:40px;
height:40px;
border:2px solid #fff;
text-align:center;
box-sizing:border-box;
-webkit-box-sizing:border-box;
cursor:pointer;
margin-top:10px;
}
.TopArrow{
width:2px;
height:18px;
background-color:#141212;
display:inline-block;
position:relative;
margin-top:10px;
}
.TopArrow:before,
.TopArrow:after{
content:" ";
display:block;
width:2px;
height:12px;
position:absolute;
top:0;
transform-origin:top;
-webkit-transform-origin:top;
background-color:#141212;
}
.TopArrow:before{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
.TopArrow:after{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
} #author, #email, #url {
background: #FFFFFF;
color: #666666;
font-size: 1em;
margin: 0px;
padding: 5px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 3px;
box-shadow: inset 1px 1px 1px #DDDDDD;
}
#comment {
background: #FFFFFF;
color: #666666;
font-size: 1em;
margin: 5px 0px;
padding: 5px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 3px;
box-shadow: inset 1px 1px 1px #DDDDDD;
}
#comments {
background: #F9F9F9;
margin-top: 24px;
padding: 12px 24px;
border-radius: 3px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
#comments-title {
font-size: 2em;
margin: 4px 0px 8px 0px;
padding: 4px 0px 8px 0px;
}
#reply-title {
margin: 0px;
padding: 0px;
}
.commentlist li .avatar {
float: right;
background: #FFFFFF;
margin: 0px 0px 12px 12px;
padding: 6px;
border: none;
border-radius: 3px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
}
.commentlist {
margin: 0px;
padding: 0px;
}
.commentlist ol {
margin: 0px;
padding: 10px;
}
.commentlist li {
margin: 0px;
padding: 0px;
list-style: none;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.commentlist li:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.commentlist li ul li {
padding-left: 24px;
}
.commentlist li ul li:last-child {
border-bottom: none;
}
.commentlist p {
margin: 10px 0px;
padding: 0px;
}
.comment {
padding: 18px 0px;
}
.comment:after {
content: "";
display: table;
clear: both;
zoom: 1;
}
#commentform {
margin: 5px 0px 0px 0px;
}
#commentform #submit {
background: none;
font-size: 1em;
padding: 8px 12px !important;
}
#commentform textarea {
width: 96% !important;
padding: 2%;
}
.commentlist li #respond {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#respond {
padding-top: 20px;
}
#respond:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
#cancel-comment-reply-link {
display: block;
font-size: 0.7em;
font-weight: normal;
text-transform: none;
margin: 6px 0px 18px 0px;
}
.form-submit #submit {
margin-top: 0px !important;
}
p.logged-in-as {
margin-top: -6px;
}
.nocomments {
display: none;
}
.edit-link {
float: right;
margin-top: 12px;
}
.reply {
float: left;
margin: 6px 0px;
}
.reply a, .reply a:visited {
margin: 0px !important;
padding: 4px 12px !important;
}
.commentmetadata {
font-size: 10px;
line-height: 14px;
margin: 0px;
display: block;
}
.form-allowed-tags {
display: none;
}
.thread-alt, .thread-even {
margin: 0px;
padding: 0px;
}
.children {
margin: 0px;
padding: 0px;
}
.even, .alt {
margin: 0px;
padding: 0px;
} a.button, #submit, .button, button, input[type="submit"],
.wpsd-master-wrapper .wpsd-wrapper-content .wpsd-donate-button,
#wrap .cmApp_formSubmitButton{
display: inline-block;
position: relative;
z-index:1;
font-family: 'Poppins', sans-serif;
font-size:20px;
color: #1A1818 !important;
font-weight:700;
text-align:center;
letter-spacing:0;
line-height:1;
margin: 5px 0px;
padding: 18px 36px;
border-radius: 10px;
-webkit-border-radius: 10px;
border:2px solid #1A1818;
-webkit-appearance: none;
text-decoration:none;
text-transform:uppercase;
overflow:hidden;
box-shadow:none;
-webkit-box-shadow:none;
cursor:pointer;
transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;
background-color:transparent;
}
a.button:hover, #submit:hover, .button:hover, button:hover, input[type="submit"]:hover, 
.wpsd-master-wrapper .wpsd-wrapper-content .wpsd-donate-button:hover{
color: #4cbb17 !important;
background-color:#1A1818;
}
.button.white{
background:#fff;
color: #000 !important;
}
.button.white:hover{
background-color:#000;
color:#fff !important;
}
.button_link{
display:inline-block;
proxima_novasemibold'
font-size:20px;
color: #fff;
font-weight:600;
padding:10px 0px;
margin:0px;
border-top:none;
border-right:none;
border-left:none;
background:none;
color:#FF003C;
position:relative;
text-transform:uppercase;
text-decoration:none;
line-height:1;
}
.button_link:after{
content:" ";
display:block;
position:absolute;
width:0px;
left:0;
bottom:0;
border-bottom:2px solid #FF003C;
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
}
.button_link:hover{
color:#FF003C;
text-decoration:none;
}
.button_link:hover:after{
width:100%;
}
.button_link.white{
color:#fff;
}
.button_link.white:after{
border-bottom:2px solid #fff;
}
.button_link.white:hover{
color:#fff;
} table {
background: #FFFFFF;
width: 100%;
margin: 20px 0px;
padding: 0px;
border-collapse: collapse;
}
.widget table {
margin: 0px;
}
table thead,
table tfoot {
border: 1px solid #E4E4E4;
}
table thead th,
table tfoot td {
border: none;
}
table th {
background: #EEEEEE;
font-size: 1.2em;
text-align: center;
margin: 0px;
padding: 8px 2px;
border: 1px solid #E4E4E4;
}
table td {
padding: 5px;
margin: 0px;
border: 1px solid #E4E4E4;
} .container .ginput_complex .ginput_right br,
.container .gform_footer br {
display: none;
}
form {
display: block;
}
form ul li {
list-style: none;
padding: 0px;
}
form fieldset {
padding:0px;
border:none;
}
form legend {
font-weight: bold;
padding-top: 10px;
}
form label {
margin-top: 15px;
display:block;
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form input[type='search'],
form textarea,
form select,
.wpsd-master-wrapper .wpsd-wrapper-content .wpsd-text-field,
.wpsd-master-wrapper .wpsd-wrapper-content #wpsd-donation-form-id #wpsd_donate_other_amount {
display: block;
background-color:transparent;
color:#191514;
font-family: 'Poppins', sans-serif;
line-height:1;
margin: 15px 0px;
padding: 14px 15px 17px;
border: 2px solid rgba(0,0,0,0.40);
font-size: 18px;
border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance:none;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'] {
width: 100%;
}
form textarea {
width: 100% !important;
}
form input[type='checkbox'],
form input[type='radio'] {
margin-left: 0px;
margin-right: 6px;
}
form select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background-image:url(../../../themes/HFFH/images/select.png);
background-repeat:no-repeat;
background-position:97% center;
}
::-webkit-input-placeholder {
color: #1A1818;
opacity:1;
-webkit-opacity:1;
}
::-moz-placeholder { 
color: #1A1818;
opacity:1;
-webkit-opacity:1;
}
:-ms-input-placeholder { 
color: #1A1818;
opacity:1;
-webkit-opacity:1;
}
:-moz-placeholder {
color: #1A1818;
opacity:1;
-webkit-opacity:1;
} .frm_submit:before{
content:" ";
display:block;
clear:both;
width:100%;
}
.frm_submit{
margin-top:6px;
display:block;
width:100%;
float:left;
}
#frm_field_10_container::before {
content: " ";
display: block;
clear: both;
}
.theme_dark{
color:#fff;
}
.theme_dark form input[type='url'],
.theme_dark form input[type='tel'],
.theme_dark form input[type='email'],
.theme_dark form input[type='text'],
.theme_dark form input[type='password'],
.theme_dark form input[type='number'],
.theme_dark form input[type='search'],
.theme_dark form textarea,
.theme_dark form select {
border: 1px solid rgba(255,255,255,0.3);
color:#191514;
background-color:#fff;
} a{
transition: all .25s;
-moz-transition: all .25s;
-webkit-transition: all .25s;
-o-transition: all .25s;
}
#submit, #searchsubmit {
transition: all .25s;
-moz-transition: all .25s;
-webkit-transition: all .25s;
-o-transition: all .25s;
}
.shadow {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
}
.radius-full {
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.radius-top {
border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
-khtml-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
}
.radius-bottom {
border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-khtml-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
}
.radius-half {
border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;
}
@keyframes "spin" {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes "spin" {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes "spin" {
from {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}  #wrap {
margin: 0px;
padding: 0px;
overflow:hidden;
}
.container {
position: relative;
margin: 0px auto 0px;
padding: 0px;
max-width:100%;
overflow:visible;
}
.row {
display:block;
width: 100%;
margin: 0 auto;
}
.row .row {
min-width: 0;
}
.column, .columns {
float: left;
min-height: 1px;
position: relative;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
.row .single 	{ width: 100%; }
.row .half 		{ width: 49.9%; }
.row .third 	{ width: 33.3%; }
.row .fourth 	{ width: 25%; }
.row .fifth 	{ width: 20%; }
.row .half,
.row .third,
.row .fourth,
.row .fifth 	{ float: left; }
.row .one 		{ width: 6.25%; }
.row .two 		{ width: 12.5%; }
.row .three 	{ width: 18.75%; }
.row .four 		{ width: 25%; }
.row .five 		{ width: 31.25%; }
.row .six 		{ width: 37.5%; }
.row .seven 	{ width: 43.75%; }
.row .eight 	{ width: 50%; }
.row .nine 		{ width: 56.25%; }
.row .ten 		{ width: 62.5%; }
.row .eleven 	{ width: 68.75%; }
.row .twelve 	{ width: 75%; }
.row .thirteen 	{ width: 81.25%; }
.row .fourteen 	{ width: 87.5%; }
.row .fifteen 	{ width: 93.75%; }
.row .sixteen 	{ width: 100%; }
.row .centered { float: none; margin: 0 auto; } .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; } .wph-modal--image_left{
position:relative;
}
.wph-modal--image{
display:block;
position:absolute;
top:0;
left:0px;
bottom:0;
width:55% !important;
overflow:hidden;
padding-right:20px;
}
.wph-modal--image img{
height:auto !important;
width:100% !important;
}
.wph-modal--wrap{
float:right;
display:block;
padding-left:55% !important;
width:45% !important;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.wph-modal .wph-modal--close {
left: -10px;
position: absolute !important;
text-align:left !important;
top: -14px;
}
.wph-modal .wph-modal--close a{
background-color:#00a296 !important;
color:#fff !important;
border-radius: 40px;
line-height: 1em !important;
padding:30px !important;
text-decoration: none !important;
font-size: 20px !important;
position: absolute;
left: -23px;
top: -16px;
z-index:9999;
}
.wph-modal .wph-modal--close .i-close:before,.wph-modal .wph-modal--close .i-close:after{
background-color: #fff;
content: " ";
height: 40px;
position: absolute;
width: 2px;
z-index: 9999;
top: 10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
left: 29px;
}
.wph-modal .wph-modal--close .i-close:after{
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.wph-modal .wph-modal--content .wph-modal--message h2{
text-transform:uppercase !important;
padding-bottom: 30px !important;
}
.wph-modal.wph-modal--simple .wph-modal--content .wph-modal--wrap{
padding:50px 5% 50px 60% !important;
}
.wph-modal--message form input[type="submit"]{
color:#00a296 !important;
border-color:#00a296 !important;
}
.wph-modal--message form input[type="submit"]:hover{
background-color:#00a296 !important;
color:#fff !important;
} .darkOverlay{
position:relative;
}
.darkOverlay:after{
content:"";
display:block;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
background-color:rgba(0,0,0,0.65);
z-index:0;
}
.darkOverlay .panel-grid-cell, .darkOverlay .so-panel{
z-index:1;
position:relative;
}
.HideOnHome{
display:flex;
}
body.home .HideOnHome{
display:none !important;
}
.HideOnInternal{
display:none !important;
}
body.home .HideOnInternal{
display:flex !important;
}
.panel-grid-cell-empty{
display:block !important;
}
.ImageWidget img{
display:block;
width:100%;
}
.widget_media_image img{
display:block;
max-width:100%;
}
.overlap{
position:relative;
z-index:0;
}
.overlap:after{
content:" ";
display:block;
position:absolute;
top:0;
left:0;
right:0;
z-index:-1;
background-color:#fff;
height:17%;
}
ul.sow-slider-images{
padding:0px;
}
ul.sow-slider-images li{
padding:0px;
}
ul.sow-slider-images a{
text-decoration:none !important;
} #wrap .slick-dots{
position:static;
text-align:left;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#wrap .slick-dots li{
height:auto;
width:auto;
}
#wrap .slick-dots li button{
border:none;
border-radius:50px;
-webkit-border-radius:50px;
background:#fff !important;
border-color:#fff !important;
mix-blend-mode:difference;
}
#wrap .slick-dots li.slick-active button{
opacity:1 !important;
-webkit-opacity:1 !important;
background:#fff !important;
border-color:#fff !important;
} .signupForm{
position:relative;
display:grid;
grid-template-columns:auto auto 30%;
margin:0 -2vw;
}
.signupFormCol{
padding:0px 2vw;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.signupForm input[type="email"], .signupForm input[type="text"]{
width:100%;
margin:0px;
line-height:1;
border:1px solid #fff;
color:#fff;
}
.signupForm input[type="submit"]{
width:100%;
line-height:1;
border:none;
margin:0;
} .AccordionTitle{
opacity:0.5;
-webkit-opacity:0.5;
cursor:pointer;
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
border-top:2px solid rgba(0,0,0,1);
padding:30px 0px;
}
.AccordionTitle:first-child{
border-top:none;
}
.AccordionTitle:hover{
opacity:0.7;
-webkit-opacity:0.7;
}
.AccordionTitle.active{
opacity:1;
-webkit-opacity:1;
padding-bottom:0px;
}
.AccordionContent{
display:none;
padding-bottom:30px;
}
.AccordionContent.active{
display:block;
} .teamGrid{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:center;
margin:0 -2vw;
}
.teamGridItem{
width:25%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:2vw;
}
.memberThumb{
overflow:hidden;
position:relative;
}
.memberThumb a{
content:" ";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
background-color:rgba(0,0,0,0.05);
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
}
.memberThumbImg{
display:block;
width:100%;
padding-bottom:100%;
transform:scale(1);
-webkit-transform:scale(1);
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.teamGridBox{
position:relative;
text-align:center;
}
.teamGridBox:hover .memberThumbImg{
transform:scale(1.05);
-webkit-transform:scale(1.05);
}
.teamGridBox:hover .memberThumb a{
background-color:rgba(0,0,0,0);
}
.memberName{
padding-top:8px;
}
.memberPos{
padding:0px;
font-weight:600;
opacity:0.5;
-webkit-opacity:0.5;
font-size:14px;
letter-spacing:normal;
} .whiteBG{
background-color:#fff;
}
.teamPostImg{
padding-right:6vw;
}
.teamPostImg img{
display:block;
width:100%;
}
.teamPostPos{
padding-top:0;
} #wrap .wpsm_panel-group .wpsm_panel-title a{
font-family: 'Barlow', sans-serif !important;
}
#wrap .wpsm_panel-group .wpsm_panel-body{
font-family: 'Barlow', sans-serif !important;
} .wpsd-form-title-border{
display:none;
}
.wpsd-master-wrapper{
box-shadow:none;
-webkit-box-shadow:none;
}
.wpsd-master-wrapper .wpsd-wrapper-content{
background-color:transparent;
padding:0px;
text-align:left;
}
.wpsd-master-wrapper .wpsd-wrapper-content fieldset{
border:none !important;
}
.wpsd-master-wrapper .wpsd-wrapper-content .wpsd-donation-form-label{
padding:5px 0px;
font-size:18px;
font-weight:600;
}
.wpsd-master-wrapper .wpsd-wrapper-content .wpsd-text-field{
margin-top:0px;
}
.wpsd-master-wrapper .wpsd-wrapper-content ul#wpsd_donate_amount{
box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:0px;
box-shadow:none;
-webkit-box-shadow:none;
border:none !important;
}
.wpsd-master-wrapper .wpsd-wrapper-content ul#wpsd_donate_amount li{
display:block;
width:100%;
text-align:left;
padding:5px 0px;
}
ul#wpsd_donate_amount li .form-group input,
ul#wpsd_donate_amount li .form-group label{
display:inline-block;
margin:0px;
}
.wpsd-master-wrapper .wpsd-wrapper-content ul#wpsd_donate_amount{
font-size:18px;
font-weight:600;
}
.wpsd-master-wrapper .wpsd-wrapper-content #wpsd-donation-form-id #wpsd_donate_other_amount{
display:inline-block;
margin:0px;
}
.wpsd-alert{
margin-top:20px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
float:left;
} #wrap .cmApp_signupContainer input:not([type="radio"]):not([type="checkbox"]), 
#wrap .cmApp_signupContainer textarea, 
#wrap .cmApp_signupContainer select{
height:auto;
border:2px solid rgba(0,0,0,0.40);
font-size:18px;
padding:10px 15px;
}
#wrap .cmApp_signupContainer{
max-width:100%;
width:100%;
}
#wrap .cmApp_formHeader{
font-family:'proxima_novasemibold';
font-size:24px;
}
#wrap .cmApp_signupContainer #cmApp_signupForm > div{
text-align:center;
}
#wrap .cmApp_formSubmitButton{
margin:20px auto 0 !important;
color:#4cbb17 !important;
padding:15px !important;
height:auto;
max-width:300px;
} .newslettersList{
display:flex;
flex-direction:column-reverse;
} .sitewideNotice{
position:fixed;
z-index:9999;
left:-100%;
bottom:0;
max-width:300px;
background-color:#4cbb17;
box-shadow:2px -2px 5px rgba(0,0,0,0.5);
}
.sitewideNoticeWrap{
padding:18px 24px;
}
.closeNotice{
display:block;
cursor:pointer;
position:absolute;
top:0;
right:0;
width:24px;
height:24px;
}@media only screen and (max-width: 1919px) {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}
h1, .h1 {
font-size: 80px;
}
h2, .h2 {
font-size: 50px;
}
h3, .h3 {
font-size: 40px;
}
h4, .h4 {
font-size: 30px;
}
h5, .h5 {
font-size: 25px;
}
h6, .h6 {
font-size: 20px;
}
}
@media only screen and (max-width: 1365px){
p {
padding: 8px 0px;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}
}
@media only screen and (max-width: 1279px){
}
@media only screen and (max-width: 1024px) {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}
h1, .h1 {
font-size: 50px;
}
h2, .h2 {
font-size: 32px;
}
h3, .h3 {
font-size: 28px;
}
h4, .h4 {
font-size: 24px;
}
h5, .h5 {
font-size: 22px;
}
h6, .h6 {
font-size: 20px;
}	
.content{
padding:0px 35px;
}
#PushMenuWrap{
max-width:380px;
}
.pushmenuGrid{
display:block;
width:100%;
}
.pushmenuLogo, .pushmenuMenu, .pushmenuSocial{
grid-column:auto;
grid-row:auto;
display:block;
text-align:right;
}
.pushmenuLogo{
padding-bottom:20px;
}
.pushmenuSocial{
padding-top:20px;
}
} @media only screen and (max-width: 960px) {
#OpenMenu{
width:40px;
}
#OpenMenu span{
margin:10px 0px;
} .menu_container{
padding:20px 0;
}
.menuTable, .menuTable2{
display:block;
}
.menuTableCell, .menuTable2Cell{
display:block;
text-align:center;
width:100%;
}
.LogoCol img{
display:inline-block;
max-width:150px;
}
.menuContactLink{
display:block;
padding:5px 0px;
margin:0px;
}
#PushMenuWrap{
width:100%;
bottom:0;
overflow:auto;
}
#PushMenuWrap ul{
width:100%;
}
.PushMenu > li{
padding:1.5vh 0px;
}
.PushMenu > li > a{
font-size:26px;
}
.PushMenu li.menu-item-has-children{
padding-right:0;
}
ul.PushMenu ul{
left:50%;
}
.submenu_open{
display:none;
}
ul.sub-menu{
display:block;
background-color:transparent;
position:static;
padding-top:5px;
}
ul.sub-menu > li > a{
border:none;
padding:5px 10px;
}
ul.sub-menu > li > a:hover{
background-color:transparent;
}
.PushMenu > li ul.sub-menu li a{
font-size:18px;
}
#PushMenu{
position:absolute;
}
ul.PushMenu{
width:100%;
visibility:visible;
}
ul.PushMenu.hidden{
visibility:hidden;
}
.casestudiesListItem{
min-height:280px;
} .teamGridItem{
width:33.33%;
}
h6.memberName{
font-size:16px;
} .signupForm{
position:relative;
display:grid;
grid-template-columns:auto auto;
}
.signupFormCol{
padding:10px;
}
.signupFormCol:last-child{
grid-column:1/3;
}
}
@media only screen and (max-width: 782px) {
body.admin-bar #header, body.admin-bar #header.sticky{
top:46px;
}
} @media only screen and (max-width: 767px) {
body {
font-size: 18px;
line-height:normal;
}
p {
padding: 8px 0px;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}
.table{
display:block;
width:100%;
}
.tableCell{
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
width:100%;
}
#header.sticky{
animation:none;
-webkit-animation:none;
} .headerMenuCell{
display:none;
}
.headerLogoCell .logo{
max-width:160px;
}
body.home #OpenMenu span{
background-color:#fff;
} .bannerTable{
display:block;
}
.bannerTableCell{
display:block;
width:100% !important;
text-align:center;
}
.bannerContentWrap{
max-width:500px;
margin:0 auto;
padding:6% 0;
}
.bannerImage img{
max-width:220px;
} .tabMenuWrap{
display:none;
}
.tabMobileItem{
display:block;
margin:40px 0px 20px;
}
.tabMobileItem .tabName{
padding:0px;
}
.tabContentLeft, .tabContentRight{
padding:0px;
}
.tabContentWrap {
display:block;
} .blog_page{
margin:0px auto;
max-width:500px;
}
.blog_holder.blog_holder_full .blog_data_wrap{
padding:0px 15px 30px 15px;
display:block;
}
.blog_img, .blog_data{
display:block;
width:100%;
padding:0px;
}
.blog_holder{
width:100%;
}
.blog_data_wrap{
padding:15px;
}
.pagination .page-numbers {
font-size:20px;
}
.post_nav{
font-size:16px;
}
.teamPostImg{
padding-right:0px;
max-width:300px;
margin:0 auto;
}
.teamPostContent{
text-align:center;
} a.arrowButton{
font-size:14px;
}
.arrowButton .arrow{
height:2px;
margin:10px 0 0 0;
}
.arrowButton .arrowText{
padding-right:20px;
}
.arrowButton .arrow:before, .arrowButton .arrow:after{
width:15px;
height:2px;
} .content {
padding: 0px 24px;
}
.postarea,
.postarea.middle,
.postarea.full,
.postarea.wide {
padding:40px 0px;
}
.postarea.no_padding, .postarea.full.no_padding{
padding:0px;
}
i.format-icon {
display: none;
}
.blog-holder, .archive-holder {
margin-bottom: 24px;
}
.blog-holder .article,
.archive-holder .article {
padding: 12px 18px;
}
.blog-holder .post-meta,
.archive-holder .post-meta {
padding: 12px;
}
.blog-holder .post-meta p,
.archive-holder .post-meta p {
font-size: 0.9em;
}
.archive-column {
width: 100%;
padding-right: 0px;
overflow: hidden;
}
.archive-column h6 {
margin-top: 12px;
}
.sidebar {
padding: 24px;
}
.sidebar.left {
display: none;
} .instagram-pics{
margin:0 -10px;
}
.instagram-pics li{
width:33.33%;
padding:10px;
}
.footerFormWrap{
max-width:480px;
margin:0 auto;
}
.footerFormWrap .frm_form_field{
width:100%;
} #footer{
font-size:18px;
padding:35px 0px;
}
.widget ul.menu{
text-align:center;
}
.FooterCopyWrap{
display:block;
}
.footer_websiteby, .footer_copy, .footer_links{
display:block;
width:100%;
text-align:center;
}
.FooterSignup{
max-width:480px;
margin:0 auto;
}
.slick-dots li button{
width:12px !important;
height:12px !important;
} .signupForm{
position:relative;
display:grid;
grid-template-columns:auto;
margin:0 auto;
max-width:320px;
}
.signupFormCol{
padding:10px 0;
}
.signupFormCol:last-child{
grid-column:1;
} form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form input[type='search'],
form textarea,
form select {
padding:10px;
}
a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link,
#submit, #comments #respond input#submit, .container .gform_wrapper input.button, input[type="submit"], button, .button{
padding:10px 15px;
font-size:16px;
}
#footer .signupForm input[type="submit"]{
height:40px;
} body {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.row {
width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
overflow: visible !important;
}
.row .single,
.row .half,
.row .third,
.row .fourth {
width: 100%;
float:none;
}
.row .row .column, .row .row .columns {
padding: 0;
}
.column, .columns {
width: auto !important;
float: none;
margin-left: 0;
margin-right: 0;
}
.column:last-child, .columns:last-child {
margin-right: 0;
float: none;
}
[class*="column"] + [class*="column"]:last-child {
float: none;
}
[class*="column"]:before, [class*="column"]:after {
content:"";
display:table;
}
[class*="column"]:after {
clear: both;
}
}
@media only screen and (max-width: 600px) {
body.admin-bar #header.sticky{
top:0;
}
body.admin-bar #PushMenuWrap{
top:0;
}
#PushMenu .content{
padding:0px 24px;
} .blog_holder{
width:100%;
}
.blog_data_wrap{
padding:15px 0px;
}
.blog_holder.blog_holder_full .blog_data_wrap{
padding:0px 0px 15px 0;
}
.widget_nav_menu ul.menu li{
width:100%;
} .teamGridItem{
width:50%;
}
}
@media only screen and (max-width: 480px) { }