/*@import url('./theme.css');
@import url('./faqs.css');*/

i{font-family: FontAwesome}

.fullwidth {width: 100%;margin-left: auto;margin-right: auto;max-width: 100%;}
#cmsMain .pageBuilderOptions {margin-top: 10px;text-align: right;}
#cmsMain .pageBuilderOptions .button-group {margin: 0 0 auto auto;max-width: 230px;}
#cmsMain .tools {margin-bottom: 20px;margin-top: 50px;width: 96%; }
#cmsMain .tools .dropdown {padding: 10px 3.5625rem 10px 10px;}
#cmsMain .tools .checkbox {margin-top: 15px;}
#cmsMain .createPage {height: 40px;margin: 0 auto 0 0; padding: 0;width: 120px;color: #FFFFFF;}
#cmsMain .checkbox i {color: #B7B7B7;font-size: 25px; cursor: pointer;}
#cmsMain .checkbox i.fa-square-o:hover{color: #08B825;}
#cmsMain .checkbox i.fa-check-square-o{color: #08B825;}
#cmsMain #pList p {font-size: 20px;}
#cmsMain .pageList {border-bottom: 1px solid #BDBDBD; width: 96%;}
#cmsMain .pageList:first-child{border-top: 1px solid #BDBDBD;}
#cmsMain .pageList > .columns{padding-top: 20px;}
#cmsMain .pageList .pageEdit{padding-bottom: 20px;padding-right: 70px; padding-top: 16px;}
#cmsMain .pageList .pageEdit .fa-pencil {left: 14px;padding: 10px 0 10px 10px;position: absolute;top: 0;font-size: 16px;}

#pSettings{display: none}
#pSettings label{margin-bottom: 10px;}

/*page builder*/
.ui-dialog .ui-dialog-content, .ui-dialog-buttonpane {
background-color: #444444;
background-image: none;
}
.ui-dialog .ui-dialog-title,.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: inherit;}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
background-image: linear-gradient(to bottom, #666 5%, #333);
border: none;
}
.ui-button-text-only .ui-button-text{padding:0.7em 1.5em;font-size: 16px;color:#F4F4F4;}
.ui-dialog .ui-dialog-buttonpane button{background-image: linear-gradient(to bottom, #666 5%, #333);
border: none;
border-radius: 20px;}
.ui-state-highlight{height: 80px;}
.page.ui-state-highlight, .acceptElem.ui-state-highlight{height: auto;}
.ui-state-default {background: none;}
/*html{font-family: arial;font-size: 16px;color: #333333;}*/
/*.row .row{margin: 0;max-width: 100%;}*/

/*Page Content*/
.me-content-style {    background-color:#FFFFFF; min-height: 400px;margin: 20px auto;}
#builderPanel .page {
    min-height: 792px;
    padding: 12px 0 0 0; margin:0;}

#builderPanel .page .sample {border: 1px dotted #cccccc;min-height: 70px;padding-top: 25px;}
#builderPanel .page .sample p.tips{color: #cccccc;text-align: center;}

#me-build { min-height:200px; }

#mebuild-row-settings .ui-slider {
    border: 1px solid lightgrey;
}
#mebuild-row-settings .ui-slider-handle {
    border: 2px solid darkgrey;
    background-color: white;
}

#me-build .me-block-container, #me-build .me-row-container {
    margin:2px; padding:13px 5px 5px 5px; position:relative; font-weight: normal;}
#me-build .me-block-container:hover, #me-build .me-row-container:hover {
    margin:1px;}
#me-build .me-block-container:hover { border: 1px dotted red; }
#me-build .me-row-container:hover { border: 1px dotted #FFDE16; }

#me-build .me-block-control, #me-build .me-row-control {
    display: none;
    position: absolute;
    background-color: white;
    border-radius: 4px;
    top: -10px;
    padding:2px;
}
#me-build .me-block-tool { position:relative; }
#me-build .f-dropdown {box-shadow: 4px 4px 8px rgba(0,0,0,0.5);}
#me-build .me-block-tool.me-block-class .f-dropdown {
    position: absolute;
    width: 280px;
    max-width: none;
    margin-left: -13px;
    top: -62px;
    height: 70px;
    left: inherit;
    margin-top: -100%;
    display:none;}
#me-build .me-block-visible {margin-left: 0.5em;}
#me-build .me-block-visible .f-dropdown { display:none; }

#me-build .me-block-tool .f-dropdown h4 {padding: 0.5em 0 0 0; font-size:1.2em; font-weight:bold; color:black;}
#me-build .me-block-control { border: 1px solid red; font-size:0.8em;}
#me-build .me-row-control { border: 1px solid #FFDE16; }

#me-build .me-block-handle, #me-build .me-row-handle {
    background-image: url("/s~buildpage/0/rowHandle.png");
    background-position: 50% 62.5%;
    background-repeat: no-repeat;
    cursor:move;
    height: 18px;
    left: 50%;
    margin-left: -27.5px;
    max-width: 55px;
    width: 100%;}

#me-build .me-block-edit, #me-build .me-row-edit { left: -1px; color:royalblue; padding-left: 0.5em;}
#me-build .me-block-delete, #me-build .me-row-delete { right: -1px; color:red; }
#me-build .me-block-container:hover .me-block-control,
#me-build .me-row-container:hover .me-row-control {
    display:block; }

#me-build .me-col-drop-target {
    border:1px solid darkslategray;
    background-color: #808080;
    padding:0.25em;
    text-align: center;
    color:#d3d3d3;
    font-size:12px; font-weight:normal;
    opacity:0;
    border-radius:3px;
}
.me-build-column {min-height:40px;}
.me-build-column:empty {
    border:1px solid darkslategray;
    padding:0.25em;
    color:#d3d3d3;
    border-radius:3px;
    text-align:center;
}
#me-build .me-col-drop-target:only-child,
#me-build .me-col-drop-target-show { opacity:1; }
#me-build .me-col-drop-target.me-col-highlight {
    background-color: lightyellow;
    color: cornflowerblue;
}


#me-build .mebuild-file-item {border: 1px dotted #888888;margin: 10px auto;position: relative;}
#me-build .me-file-handle {background-image: url("/s~buildpage/0/rowHandle.png");background-position: 50% 67.5%;background-repeat: no-repeat;cursor: move;height: 18px;left: 50%;width:100%;max-width: 55px;margin-left:-27.5px;top:-9px;}
#me-build .me-file-edit {top:-5px; left: -1px;}
#me-build .me-file-remove {top:-5px; right: -1px;}
#me-build .me-file-control {border: 1px solid #888888;font-size: 0.8em;border-radius: 3px;position: absolute;display: none;}
#me-build .mebuild-file-item:hover .me-file-control {display: block}

#builderPanel .mebuild-file-item a {
    color: #333333;
    padding: 15px 0 15px 10px;
}
#builderPanel .mebuild-file-item button {
    color: #FFFFFF;
}
#fileSettings .heading{display: none;}
#imagetext .imagetextbutton{display: none;}
#imagetext .imagetextclass{display: none;}
#iconbox .iconboxclass{display: none;}
#boxedtext .boxedtextclass{display: none;}
#carouselSettings .carouselheading{display: none}
#carouselSettings .carouselbutton{display: none}
#gallerySettings .galleryheading {display: none}
#gallerySettings .gallerybutton {display: none}
#videolistSettings .videoheading {display: none;}
#videolistSettings .videobutton {display: none;}

/*Console*/
#console {background-color: #3A3A3A;border: 1px solid #e8e8e8;border-radius: 5px;max-width: 202px;position: fixed;right: 0;width: 100%;top: 110px;right: -202px;z-index:999;/*-webkit-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);*/
    /*-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;*/}
#console h3 {border-bottom: 1px dotted #ffffff;background-color: #1b1b1b;color: #ffffff;font-family:Open Sans, sans-serif;font-size: 14px;font-weight: bold;padding: 10px 0;position:relative; text-align: center;}
#console h3 i {position: absolute;right: 5px;}
#console.showConsole{right:0px;/*transition: all 0.2s ease-in 0s*/}
#console .consoleHandle {background-color: #1b1b1b;border-bottom-left-radius: 5px;border-right: 1px dotted #ffffff; border-top-left-radius: 5px;color: #ffffff;cursor:move;display: block;left: -40px;padding: 9px;position: absolute;}
#console .consoleHandle i {font-size: 20px;}
#console .container {height: 600px;overflow-y: scroll;}
#console > .row, #console .container > .row {margin: 0px auto;}
#console > .row > .columns, #console .container > .row > .columns{font-size: 11px;border-bottom: 1px dotted #FFFFFF;padding: 0 10px; flex-basis:50%;}
#console > .row > .columns:first-child,
#console .container > .row > .columns:nth-child(2n-1) {border-right: 1px dotted #ffffff;}
#console > .row > .columns:hover, #console .container > .row > .columns:hover{background-color: #2B2B2B;}
#console > .row.columnLayout > .columns,
#console .container > .row.columnLayout > .columns {border-right: none}
#console .elemItem {cursor:move;height: 85px;position: relative;background-color: #3A3A3A; background-repeat: no-repeat; background-attachment: scroll;}
#console .elemItem p { bottom: 0;color: #ffffff;display: block;font-weight:bold; font-size:10px;padding: 5px 0 10px;position: absolute;text-align: center; width: 100%;left:0;margin: 0;}
#console .col1 {background-image:url('/s~buildpage/0/moduleicons.png'); background-position: center -1067px; }
#console .col2 {background:url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -1137px rgba(0,0,0,0); }
#console .col3 {background:url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -1207px rgba(0,0,0,0); }
#console .col4 {background-image:url('/s~buildpage/0/moduleicons.png'); background-position: center -1277px; }
#console .text{background-image:url('/s~buildpage/0/moduleicons.png'); background-position: center -214px;}
#console .boxedtext{background-image:url('/s~buildpage/0/moduleicons.png'); background-position: center -143px;}
#console .image{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -285px rgba(0,0,0,0);}
#console .gallery{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -994px rgba(0,0,0,0);}
#console .imagetext{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -356px rgba(0,0,0,0);}
#console .thebutton{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -72px rgba(0,0,0,0);}
#console .socialmedia{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center 0px rgba(0,0,0,0);}
#console .map{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -498px rgba(0,0,0,0);}
#console .news{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -568px rgba(0,0,0,0);}
#console .file{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -640px rgba(0,0,0,0);}
#console .folio{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -711px rgba(0,0,0,0);}
#console .form{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -781px rgba(0,0,0,0);}
#console .iconbox {background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -924px rgba(0,0,0,0);}
#console .faqs{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -427px rgba(0,0,0,0);}
#console .accordion{background: url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1411px rgba(0, 0, 0, 0);}
#console .carousel{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1481px rgba(0, 0, 0, 0);}
#console .video {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1563px rgba(0, 0, 0, 0);}
#console .testimonial {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1633px rgba(0, 0, 0, 0);}
#console .instafeeduser {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2915px rgba(0, 0, 0, 0);}
#console .locator {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2767px rgba(0, 0, 0, 0);}
#console .product {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3477px rgba(0, 0, 0, 0);}
#console .slider {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3623px rgba(0, 0, 0, 0);}


/*Form*/
#console .inputtext{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1776px rgba(0, 0, 0, 0);}
#console .inputemail{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1706px rgba(0, 0, 0, 0);}
#console .inputfirst{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2560px rgba(0, 0, 0, 0);}
#console .inputlast{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2624px rgba(0, 0, 0, 0);}
#console .inputdate{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2131px rgba(0, 0, 0, 0);}
#console .inputdatetime{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2059px rgba(0, 0, 0, 0);}
#console .inputmemo{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1850px rgba(0, 0, 0, 0);}
#console .inputsubmit {background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -72px rgba(0,0,0,0);}
#console .inputcheck{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -1920px rgba(0,0,0,0);}
#console .inputsubscribe{background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1776px rgba(0, 0, 0, 0);}
#console .formerror {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2696px rgba(0, 0, 0, 0);}
#console .inputfull {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2489px rgba(0, 0, 0, 0);}
#console .inputphone {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2202px rgba(0, 0, 0, 0);}
#console .inputmobile {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2843px rgba(0, 0, 0, 0);}
#console .inputradio {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2413px rgba(0, 0, 0, 0);}
#console .inputpostcode {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2766px rgba(0, 0, 0, 0);}
#console .inputselect {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2344px rgba(0, 0, 0, 0);}
#console .inputfile {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -1987px rgba(0, 0, 0, 0);}
#console .inputstate {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3761px rgba(0, 0, 0, 0);}
#console .inputcountry {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3692px rgba(0, 0, 0, 0);}

/*Shopping Cart*/
#console .bldchkview {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -2981px rgba(0, 0, 0, 0);}
#console .bldchkaccount {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3049px rgba(0, 0, 0, 0);}
#console .bldchkaddr {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3194px rgba(0, 0, 0, 0);}
#console .bldchkdelivery {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3123px rgba(0, 0, 0, 0);}
#console .bldchkmessage {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3265px rgba(0, 0, 0, 0);}
#console .bldchkgift {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3333px rgba(0, 0, 0, 0);}
#console .bldchkbutton {background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -72px rgba(0,0,0,0);}
#console .bldchkpayment {background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center -3406px rgba(0,0,0,0);}
#console .bldchkpromo {background:url("/s~buildpage/0/moduleicons.png") no-repeat scroll center -3333px rgba(0, 0, 0, 0);}

#console .instafeeduser {width: 50%;}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:rgb(204, 204, 204,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
  background:rgb(204, 204, 204,0.4); 
}

#layout {display: none;}
#layout > label {margin-bottom: 10px;}
#layout .labeltext{color:#f4f4f4;text-transform: capitalize;}
#layout div.switch label{background-color: #999}
#layout div.switch label:after{content: ".";}
/*#layout .button {padding: 10px;}*/
#layout ul li a{background-color: transparent;text-align: center;width: 100%;color:#F4F4F4;margin:0;border-color:transparent;}
#layout ul li a:hover{color:#F4F4F4;}
#layout ul li div{background: url('/s~buildpage/0/moduleicons.png') no-repeat scroll center center rgba(0,0,0,0);background-size:cover;cursor:pointer;display: block;width: 100%;height: 50px;}
#layout ul li .btn1{background-position: center -1531px;}
#layout ul li .btn2{background-position: center -1631px;}
#layout ul li .btn3{background-position: center -1733px;}
#layout ul li .btn4{background-position: center -1835px;}
#layout div.switch input:checked+label{background-color: #5DA423}
#layout .ui-slider-handle {width: 10px;background-image: linear-gradient(to bottom, #666 5%, #333);height:40px;}
#layout .ui-slider-handle:hover, #layout .ui-state-focus{border: 1px solid #eeeeee;}
#slider, #slider-range {height: 30px;display: none;margin-bottom: 20px;}
#slider .ui-slider-handle,
#slider-range .ui-slider-handle {height: 37px;width: 10px;background-image: none;}
#slider .ui-state-default, #slider-range .ui-state-default{background-color: #f6f6f6;background-image: none;}
#slider a, #slider-range a {height: 38px;}
#slider .leftCol, #slider .rightCol {display: inline-block;height: 30px;text-align: center;width: 50%;line-height: 25px; color: #333333;}
#slider-range .col1,#slider-range .col2, #slider-range .col3{color: #333333;display: inline-block;height: 30px; text-align: center;width: 33.333%;line-height: 25px;}
#slider-range .ui-slider-range{display: none;}
#settings label {margin-bottom: 10px;}
#settings #pid {display: none;}

/*Map Settings*/
.mapmask {background: none repeat scroll 0 0 transparent;bottom: 0;display: block; position: absolute;top: 0;width: 100%;}
#mapSettings label{margin-bottom: 10px;color: #333333}

/*Gallery Settings*/
#gallerySettings label{color: #333333}
#gallerySettings > .row {margin: 10px auto;}
[title="gallery"] img {position: relative;z-index: 999;display: block; margin:0 auto;}
[title="gallery"] li {position: relative;}
.imagemask {position: relative; z-index: 999}
.imagemask .remove {border-radius: 3px;color: #ffffff;display: none;height: 30px;left: 50%;margin: -15px 0 0 -50px;padding: 6px;position: absolute;top: 50%;width: 100px;z-index: 9999;}
.imagemask:hover .remove{display: block}
.gallery li .mask {position: relative;width: auto;margin: 0;padding: 0;display: inline-block;}
.gallery li .mask button {position: absolute;display: none;color: #FFFFFF;}
.gallery li .mask:hover button{display: block;}
.gallery button.mebuild-gallery-change {top: 0;left: 0;}
.gallery button.mebuild-gallery-delete {top: 0;right: 0;}

/*Button Settings*/
#buttonSettings label{margin-bottom: 10px; color: #333333;}
.buttonmask {background: none repeat scroll 0 0 transparent;bottom: 0;display: block; position: absolute;top: 0;width: 100%;}
[title="thebutton"] .button {color: #333333;}
.furtherSetting {display: none;}
li i{display: block;margin: 0 auto;max-width: 30px;text-align: center;}
.buttonicon i{background: none repeat scroll 0 0 #e8e8e8;}

/*Social Settings*/
.ui-state-default [title="socialmedia"] .socialicon{color: #000000}


/*Accordion Settings*/
#accordionSettings li {text-align: center;padding: 10px;margin: 0;}
#accordionSettings li.getIconSet{background-color: #EEEEEE}

/*FAQS Settings*/
#faqSettings li {text-align: center;padding: 10px;margin: 0;}
#faqSettings li.getIconSet{background-color: #EEEEEE;}

/*Icon Settings*/
#iconBoxSettings li{font-family: FontAwesome; color: #333333;text-align: center; padding: 10px; margin: 0;}
#iconBoxSettings li.getIcon{background-color: #EEEEEE;}


/*Carousel Settings*/
/*.carousel .item {display: inline-block;!*width: 30%;*!margin: 1.5%;}*/
.carousel .mask {display: inline-block;position: relative;width: auto;margin: 0;padding: 0;}
.carousel .mask button {position: absolute;display: none; color: #FFFFFF;}
.carousel .mask:hover button {display: block;}
.carousel button.mebuild-carousel-change {top:0; left:0;}
.carousel button.mebuild-carousel-delete {top:0; right:0;}
.carousel-wrap {display: block;position: relative;}
.me-wrap-carousel h3 {display:block;text-align: center;}
.me-wrap-carousel a.button {display: block;margin: 0 auto;max-width: 300px}

/*Video Settings*/
.videogallery .mask {display: inline-block;position: relative;margin: 0 auto;}
.videogallery .mask button {position: absolute;color: #FFFFFF;}
.videogallery .mask .mebuild-videolist-change {left: 0; top: 0;}
.videogallery .mask .mebuild-videolist-delete {right: 0; top: 0;}


/*Form Settings*/
.formclass{display: none;}

/*Map Settings*/
#mapSettings select {margin-bottom: 15px;height: 40px;}

/*
Removed due to breaking postfix buttons
#builderPanel .page a{font-family: 'font-awesome'; display: block;top: 15px;}
*/
#builderPanel .page .handle{background: none repeat scroll 0 0 #EAEAEA;color: #898989;left: -21px;padding: 5px;position: absolute;top: 0px; cursor:move; font-size: 11px}
#builderPanel .page .handle:before{content: "\f047";}
#builderPanel .page .colSettings {background-color: rgba(0, 0, 0, 0.3);display: none;left: 0.9375em;position: absolute;right: 0.9375em;text-align: center;top: -19px;}
/*#builderPanel .page > .row > .columns:hover .colSettings {display: block;}*/
#builderPanel .page .colSettings a {display: inline-block;margin: 0 5px; color: #FFFFFF;}
#builderPanel .page .colSettings .moduleHandle{cursor: move}
#builderPanel .page  .socialicon {display: inline-block;}

#features{display: none;}

#loader{display: none;}


#imageSettings .columns > label {font-size: 20px;margin: 0;}