/* jednostka dopasowana do narysowanego widoku 640px */
#page { max-width: 100%; margin: 0 auto;  display: flex;}
#page #content { width: 100%; float: left; background: #f5f5f5; position: relative; top: 20.0625vw; }
#page #content .content-wrapper { padding: 0; }
#page #content .content-wrapper .page-head { margin-bottom: 5.46875vw; text-align: center; border-bottom: 1px solid #dbdbdb; padding-bottom: 4.6875vw; }
#page #content .content-wrapper .page-head h1 { font-size: 5.46875vw; color: #323232; font-weight: 700; }
#page #content .content-wrapper .page-head .text-right { text-align: center; margin-top: 3.90625vw; }
/*.hubcontainer .content .content-body .tab .nav { display: none; }*/
/*.hubcontainer .content .content-body .tab .tab-content .tab-pane { border: 0; padding: 5.46875vw; display: block; }*/
.hubcontainer .content .content-body .row_dropdown .row_title { border-bottom: 1px solid #eaeaea;  padding: 2.34375vw 5.46875vw; color: #5c5c5c; font-size: 4.375vw; }
.hubcontainer .content .content-body .row_dropdown .row_title .more { cursor: pointer; display: inline-block; }
.hubcontainer .content .content-body .row_dropdown .row_title .plus { font-weight: 300; font-size: 3.75vw; margin-right: 2.34375vw; }
.hubcontainer .content .content-body .row_dropdown .row_title .my-checkbox { margin: 0; text-align: right; }
.hubcontainer .content .content-body .row_dropdown .row_title .my-checkbox span { display: none; }
.hubcontainer .content .content-body .row_dropdown .row_dropdown_content { background: #FFFFFF; padding: 6.25vw 10.15625vw; display: none; }
.hubcontainer .content .content-body .box_hilite { margin-bottom: 3.90625vw; border-bottom: 1px solid #d6d6d6; }
.hubcontainer .content .content-body .box_hilite h5 { font-weight: 700; font-size: 3.75vw; color: #323232; padding-bottom: 1.5625vw; text-transform: uppercase; }
.hubcontainer .content .content-body .box_hilite .icon { font-size: 3.75vw; color: #f68e31; position: relative; top: 1.09375vw; }
.hubcontainer .content .content-body .icon-right { position: relative; top: -3.125vw; height: 8.59375vw; }
.hubcontainer .content .content-body .icon-right .plus { width: 13.28125vw; height: 10.9375vw; color: #FFFFFF; background: #f68e31; display: inline-block; text-align: center; padding-top: 2.1875vw; font-size: 4.53125vw; position: relative; top: -2.34375vw; right: -2.96875vw; border-left: 2.34375vw solid #FFFFFF; }
.hubcontainer .content .content-body .icon-right .plus:hover { background: #cb4d31; }
.hubcontainer .content .content-body .graph, .hubcontainer .content .content-body .graph2, .hubcontainer .content .content-body .graph3, .hubcontainer .content .content-body .graph4 { font-size: 3.75vw; color: #979797; text-align: center; font-weight: 100; padding: 31.25vw 0; }
.hubcontainer .content .content-body .graph2 { padding: 19.6875vw 0; }
.hubcontainer .content .content-body .graph3 { padding: 15.15625vw 0; }
.hubcontainer .content .content-body .graph4 { padding: 47.96875vw 0; }
.hubcontainer .content .content-body .email_previev_box { font-size: 3.125vw; color: #5f5f5f; background: #bababa; border: 1px solid #e5e5e5; text-align: center; padding: 30.78125vw 0; font-weight: 300; }
.hubcontainer .content .content-body .gray_box { background: #ececec; padding: 5.46875vw; border: 1px solid #dcdcdc; margin-bottom: 4.6875vw; }
.hubcontainer .content .content-body .white_box, .hubcontainer .content .content-body .white_box_tab { background: #FFFFFF; border: 1px solid #e5e5e5; padding: 5.46875vw; margin: 0 3.125vw 4.6875vw; }
.hubcontainer .content .content-body .white_box_content_full { margin-left: -5.46875vw; margin-right: -5.46875vw; margin-bottom: 3.125vw; }
.hubcontainer .content .content-body .table-list { width: 100%; font-size: 3.90625vw; color: #5c5c5c; margin-bottom: 7.8125vw; }
.hubcontainer .content .content-body .table-list .left { font-weight: 700; width: 50%; }
.hubcontainer .content .content-body .table-list .left .fa { padding-right: 0.78125vw; }
.hubcontainer .content .content-body .table-list:last-child { margin: 0; }
.hubcontainer .content .content-body .form-col { width: 100%; height: 20.3125vw; }
.hubcontainer .content .content-body .form-col-full { width: 100%; }
.hubcontainer .content .content-body .form-col-big { height: auto; width: 100%; }
.hubcontainer .content .content-body .form-col-btn { width: 100%; }
.hubcontainer .content .content-body .form-col-sm { width: 100%; }
.hubcontainer .content .content-body .form-col-md { width: 65%; }
.hubcontainer .content .content-body .form-group { margin-bottom: 2.8125vw; }
.hubcontainer .content .content-body .form-group label { font-weight: 700; color: #5c5c5c; font-size: 3.75vw; margin-bottom: 0.78125vw; }
.hubcontainer .content .content-body .form-group .form-control { border: 1px solid #b7b7b7; border-radius: 0; background: #FFFFFF; height: 9.21875vw; font-size: 3.75vw; padding: 0.9375vw 1.875vw; }
.hubcontainer .content .content-body .form-group .form-info { color: #5c5c5c; font-size: 3.75vw; padding-left: 2.34375vw; height: 9.21875vw; }
.hubcontainer .content .content-body .form-group .form-radio { display: block; height: 9.21875vw; color: #5c5c5c; font-size: 3.75vw; }
.hubcontainer .content .content-body .form-group .form-radio .radio-inline { padding-left: 0; }
.hubcontainer .content .content-body .form-group .form-radio .radio-custom-label { font-weight: 400; }
.hubcontainer .content .content-body .form-group .bootstrap-select { display: block; width: 100%; }
.hubcontainer .content .content-body .form-group .bootstrap-select .btn { border-radius: 0; border: 1px solid #b7b7b7; width: 100%; height: 9.21875vw; font-size: 3.75vw; padding: 0 3.90625vw 0 1.5625vw; }
.hubcontainer .content .content-body .form-group .bootstrap-select .dropdown-menu { font-size: 3.75vw; border-radius: 0; }
.hubcontainer .content .content-body .form-group .bootstrap-select:hover .btn { background: #FFFFFF; }
.hubcontainer .content .content-body .form-group .form-textarea { height: 28.125vw; }
.hubcontainer .content .content-body .form-group .btn-search { width: 100%; color: #FFFFFF; font-weight: 700; font-size: 4.375vw; border-radius: 0; padding: 2.1875vw 0; background: #f68e31; }
.hubcontainer .content .content-body .form-group .btn-search span { font-size: 3.125vw; margin-right: 1.875vw; }
.hubcontainer .content .content-body .form-group .btn-search:hover { background: #f68e31; }
.hubcontainer .content .content-body .input-inline { display: inline-block; margin-right: 6.25vw; }
.hubcontainer .content .content-body .selects_box { border-bottom: 1px solid #d6d6d6; padding-bottom: 3.125vw; margin-bottom: 3.125vw; }
.hubcontainer .content .content-body .selects_box:last-child { margin: 0; }
.hubcontainer .content .content-body .my-checkbox { margin-top: 4.6875vw; }
.hubcontainer .content .content-body .checkbox-custom, .hubcontainer .content .content-body .radio-custom { opacity: 0; position: absolute; }
.hubcontainer .content .content-body .checkbox-custom, .hubcontainer .content .content-body .checkbox-custom-label, .hubcontainer .content .content-body .radio-custom, .hubcontainer .content .content-body .radio-custom-label { display: inline-block; vertical-align: middle; margin: 0.78125vw; cursor: pointer; font-weight: 400; color: #5c5c5c; font-size: 3.75vw; }
.hubcontainer .content .content-body .checkbox-custom-label, .hubcontainer .content .content-body .radio-custom-label { position: relative; }
.hubcontainer .content .content-body .checkbox-custom + .checkbox-custom-label:before, .hubcontainer .content .content-body .radio-custom + .radio-custom-label:before { content: ''; background: #FFFFFF; border: 1px solid #b7b7b7; display: inline-block; vertical-align: middle; width: 4.6875vw; height: 4.6875vw; padding: 0.625vw; margin-right: 1.5625vw; text-align: center; }
.hubcontainer .content .content-body .checkbox-custom:checked + .checkbox-custom-label:before { background: #5c5c5c; box-shadow: inset 0px 0px 0px 0.625vw #FFFFFF; }
.hubcontainer .content .content-body .radio-custom + .radio-custom-label:before { border-radius: 50%; }
.hubcontainer .content .content-body .radio-custom:checked + .radio-custom-label:before { background: #5c5c5c; box-shadow: inset 0px 0px 0px 0.625vw #FFFFFF; }
.hubcontainer .content .content-body .total { font-size: 3.90625vw; color: #5c5c5c; display: block; margin: 4.6875vw 0 6.25vw; }
.hubcontainer .content .content-body .btn-arrow, .hubcontainer .content .content-body .btn-update { width: 100%; color: #FFFFFF; font-weight: 700; font-size: 3.75vw; border-radius: 0; padding: 1.5625vw 0; background: #7B6E53; }
.hubcontainer .content .content-body .btn-arrow i, .hubcontainer .content .content-body .btn-update i { font-size: 2.5vw; padding-left: 1.875vw; }
.hubcontainer .content .content-body .btn-arrow:hover, .hubcontainer .content .content-body .btn-update:hover { background: #433c2c; }
.hubcontainer .content .content-body .more_update { position: relative; height: 71.875vw; margin-bottom: 4.6875vw; }
.hubcontainer .content .content-body .more_update .white_box { position: relative; }
.hubcontainer .content .content-body .btn-update { font-size: 3.75vw; margin-top: 1.5625vw; }
.hubcontainer .content .content-body .btn-arrow-sm { display: inline-block; padding: 1.5625vw 7.8125vw; width: 100%; }
.hubcontainer .content .content-body .btn-database-sm { display: block; padding: 2.03125vw 0; width: 97%; margin: 3.125vw 1.5625vw; }
.hubcontainer .content .content-body .btn-confirm-modal { display: inline-block; padding: 1.5625vw 3.125vw; width: auto; float: right; }
.hubcontainer .content .content-body .btn-email-sm { padding: 1.5625vw 7.8125vw; display: inline-block; margin-right: 3.125vw; width: auto; }
.hubcontainer .content .content-body .btn-gray { color: #323232; background: #cecece; }
.hubcontainer .content .content-body .btn-gray i { padding-right: 1.875vw; padding-left: 0; }
.hubcontainer .content .content-body .btn-gray:hover { background: #dddddd; }
.hubcontainer .content .content-body .btn-arrow-database { margin-top: 10.625vw; }
.hubcontainer .content .content-body .table-mobile { width: 100%; color: #5c5c5c; margin-bottom: 4.6875vw; }
.hubcontainer .content .content-body .table-mobile tr td { width: 50%; font-size: 3.75vw; padding-bottom: 1.25vw; }
.hubcontainer .content .content-body .table-mobile .left { text-align: right; font-weight: 700; padding-right: 3.125vw; }
.hubcontainer .content .content-body .table-mobile .orange { color: #f68e31; }
.hubcontainer .content .content-body .btn-next, .hubcontainer .content .content-body .btn-prev { background: #f68e31; color: #FFFFFF; font-size: 6.875vw; margin: 0 0.78125vw; border: 0; padding: 1.25vw 13.28125vw; -webkit-border-radius: 3.90625vw; -moz-border-radius: 3.90625vw; border-radius: 7.8125vw; }
.hubcontainer .content .content-body .table { font-size: 2.34375vw; color: #5c5c5c; margin-bottom: 3.125vw; }
.hubcontainer .content .content-body .table thead tr { font-weight: 700; }
.hubcontainer .content .content-body .table thead tr span { position: relative; top: 0.46875vw; }
.hubcontainer .content .content-body .table tbody .first { color: #f68e31; }
.hubcontainer .content .content-body .table tbody .first a { color: #f68e31; }
.hubcontainer .content .content-body .pagination { width: 100%; text-align: center; margin: 0; }
.hubcontainer .content .content-body .pagination a { color: #f68e31; font-size: 2.8125vw; font-weight: 700; margin: 0 1.25vw; }
.hubcontainer .content .content-body .pagination a i { font-size: 2.1875vw; }
.hubcontainer .content .content-body .pagination .active { color: #323232; }
.hubcontainer .content .content-body .button-dwn-csv { text-align: center; }
.hubcontainer .content .content-body .steps { margin-bottom: 6.25vw; }
.hubcontainer .content .content-body .steps .step { float: left; width: 33.3%; background: #FFFFFF; font-size: 2.8125vw; font-weight: 700; color: #acacac; text-align: center; border-right: 1px solid #b6b6b6; padding: 1.875vw 0; text-transform: uppercase; }
.hubcontainer .content .content-body .steps .active { background: #f68e31; color: #FFFFFF; }
.hubcontainer .content .content-body .steps .disactive { background: #f0de7a; color: #f68e31; border-color: #f68e31; }
.hubcontainer .content .content-body .steps .last { border: 0; -webkit-border-bottom-right-radius: 3.90625vw; -moz-border-bottom-right-radius: 3.90625vw; border-bottom-right-radius: 3.90625vw; -webkit-border-top-right-radius: 3.90625vw; -moz-border-top-right-radius: 3.90625vw; border-top-right-radius: 3.90625vw; }
.hubcontainer .content .content-body .steps .first { -webkit-border-bottom-left-radius: 3.90625vw; -moz-border-bottom-left-radius: 3.90625vw; border-bottom-left-radius: 3.90625vw; -webkit-border-top-left-radius: 3.90625vw; -moz-border-top-left-radius: 3.90625vw; border-top-left-radius: 3.90625vw; }
.hubcontainer .content .content-body .rate { font-size: 4.0625vw; color: #afafaf; margin-bottom: 4.0625vw; font-weight: 600; }
.hubcontainer .content .content-body .rate img { width: 4.375vw; margin-right: 1.40625vw; }
.hubcontainer .content .content-body .rate_up { color: #f68e31; }
.hubcontainer .content .content-body .btn-dwn { color: #f68e31; font-size: 4.0625vw; border: 1px solid #c9cacb; width: 100%; padding: 2.34375vw 0; font-weight: 700; display: block; }
.hubcontainer .content .content-body .btn-dwn span { margin-right: 1.5625vw; font-size: 3.75vw; }
.hubcontainer .content .content-body .btn-dwn:hover { text-decoration: none; }
.hubcontainer .content .content-body .dashboard-icon { color: #606060; display: block; border-bottom: 1px solid #c9cacb; padding: 4.6875vw 0; }
.hubcontainer .content .content-body .dashboard-icon a { color: #606060; }
.hubcontainer .content .content-body .dashboard-icon .icon { width: 13.4375vw; height: 13.4375vw; margin: 3.90625vw auto 0; }
.hubcontainer .content .content-body .dashboard-icon .icon > svg { width: 100%; height: auto; }
.hubcontainer .content .content-body .dashboard-icon .icon > svg path, .hubcontainer .content .content-body .dashboard-icon .icon > svg rect, .hubcontainer .content .content-body .dashboard-icon .icon > svg polygon { fill: #606060 !important; }
.hubcontainer .content .content-body .dashboard-icon .icon .ic_seo { width: 13.4375vw; }
.hubcontainer .content .content-body .dashboard-icon .icon .ic_base { width: 6.71875vw; }
.hubcontainer .content .content-body .dashboard-icon .icon .ic_email { width: 9.84375vw; }
.hubcontainer .content .content-body .dashboard-icon .icon .ic_campaign { width: 10.625vw; }
.hubcontainer .content .content-body .dashboard-icon .icon .ic_event { width: 10.3125vw; }
.hubcontainer .content .content-body .dashboard-icon .name { font-weight: 700; font-size: 4.6875vw; margin-bottom: 0.78125vw; }
.hubcontainer .content .content-body .dashboard-icon .desc { font-size: 2.65625vw; }
.hubcontainer .content .content-body .dashboard-icon .fa { color: #c9cacb; font-size: 11.25vw; padding-top: 1.5625vw; }
.hubcontainer .content .content-body .dashboard-icon button { background: #b7b7b7; color: #FFFFFF; font-size: 2.65625vw; margin-top: 3.125vw; border: 0; padding: 1.40625vw 5.46875vw; -webkit-border-radius: 3.90625vw; -moz-border-radius: 3.90625vw; border-radius: 3.90625vw; }
.hubcontainer .content .content-body .dashboard-icon button i { font-size: 2.34375vw; margin-left: 1.875vw; }
.hubcontainer .content .content-body .dashboard-icon:hover { text-decoration: none; color: #f68e31; }
.hubcontainer .content .content-body .dashboard-icon:hover a { color: #f68e31; }
.hubcontainer .content .content-body .dashboard-icon:hover button { background: #f68e31; }
.hubcontainer .content .content-body .dashboard-icon:hover .icon > svg path, .hubcontainer .content .content-body .dashboard-icon:hover .icon > svg rect, .hubcontainer .content .content-body .dashboard-icon:hover .icon > svg polygon { fill: #f68e31 !important; }
.hubcontainer .content .content-body .big_dot { width: 60.15625vw; height: 60.15625vw; -webkit-border-radius: 30.078125vw; -moz-border-radius: 30.078125vw; border-radius: 30.078125vw; text-align: center; font-size: 3.4375vw; color: #868686; margin: 6.25vw auto; padding: 17.1875vw 3.90625vw 0; border: 1px solid #f68e31; }
.hubcontainer .content .content-body .big_dot > .name { font-size: 5.15625vw; color: #707070; margin-bottom: 1.5625vw; }
.hubcontainer .content .content-body .big_dot a { color: #868686; text-decoration: underline; }
.hubcontainer .content .content-body .email-title { color: #797979; font-size: 4.375vw; margin-bottom: 3.125vw; font-weight: 300; }
.hubcontainer .content .content-body .email-add-element { width: 28.4375vw; height: 28.4375vw; background: #f68e31; color: #FFFFFF; font-size: 2.8125vw; font-weight: 700; -webkit-border-radius: 2.34375vw; -moz-border-radius: 2.34375vw; border-radius: 2.34375vw; text-align: center; margin-bottom: 3.90625vw; padding-top: 5.9375vw; cursor: move; z-index: 120; }
.hubcontainer .content .content-body .email-add-element img { width: 12.5vw; display: block; margin: 0 auto 1.25vw; }
.hubcontainer .content .content-body .ui-draggable-dragging { border: 0.78125vw solid #FFFFFF; box-shadow: 0px 0px 2.34375vw grey; }
.hubcontainer .content .content-body .email-editor { margin-left: 6.25vw; }
.hubcontainer .content .content-body .email-editor #sortable { list-style: none; width: 100%; display: block; padding: 0; margin: 0; }
.hubcontainer .content .content-body .email-editor #sortable li { display: block; width: 100%; }
.hubcontainer .content .content-body .email-editor .email-row .email-left { width: 6.25vw; height: 6.25vw; float: left;     margin-left: -2.5vw;}
.hubcontainer .content .content-body .email-editor .email-row .email-lefts { width: 6.25vw; height: 6.25vw; float: right;     margin-left: -2.5vw;}
.hubcontainer .content .content-body .email-editor .email-row .email-left span { width: 6.25vw; height: 6.25vw; text-align: center; cursor: move; background: #c8c8c8; color: #646464; font-size: 3.4375vw; padding-top: 1.25vw; }
.hubcontainer .content .content-body .email-editor .email-row .email-lefts span { width: 6.25vw; height: 6.25vw; text-align: center; cursor: move; background: #c8c8c8; color: #646464; font-size: 3.4375vw; padding-top: 1.25vw; }
.hubcontainer .content .content-body .email-editor .email-row .email-right { float: left; width: 46.25vw; background: #f2f2f2; border: 1px solid #d4d4d4; border-left: 0.46875vw solid #e1e3e4; padding: 2.34375vw; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box { border: 1px solid #cdcdcd; position: relative; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line { height: 0; position: relative; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_left, .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_right { background: #FFFFFF; width: 5.3125vw; height: 5.3125vw; text-align: center; position: absolute; -webkit-border-radius: 2.65625vw; -moz-border-radius: 2.65625vw; border-radius: 2.65625vw; cursor: pointer; margin: 0.78125vw 0 0 0.78125vw; z-index: 100; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_left img, .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_right img { width: 3.59375vw; position: relative; top: 0.78125vw; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_left { float: left; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_right { float: right; right: 0; margin: 0.78125vw 0.78125vw 0 0; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .row-img { width: 100%; position: relative; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_content { border: 1px dashed #959595; background: #FFFFFF; height: 26.5625vw; }
.hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_content .drag_and_drop { color: #979797; font-size: 2.8125vw; font-weight: 300; padding-top: 9.375vw; }
.hubcontainer .content .content-body .email-editor .email-row .add-row { background: #FFFFFF; border: 1px solid #e5e5e5; border-left: 0.46875vw solid #e1e3e4; color: #f68e31; font-size: 2.8125vw; text-align: center; font-weight: 300; padding: 3.28125vw 0; cursor: pointer; }
.hubcontainer .content .content-body .email-previev-modal { font-size: 4.375vw; font-weight: 300; text-align: center; padding: 46.875vw 0; }
.hubcontainer .content .content-body .modal .modal-email .modal-header .modal-title { color: #FFFFFF; background: #323232; font-size: 2.8125vw; font-weight: 700; padding: 2.8125vw 6.25vw; }
.hubcontainer .content .content-body .wyswig-editor { margin: 5.46875vw 0 4.6875vw; }
.hubcontainer .content .content-body .dropzone { border: 1px solid #d4d4d4; background: #eaeaea; margin: 6.25vw 0 4.6875vw; }
.hubcontainer .content .content-body .dropzone .dz-message { font-size: 4.375vw; color: #979797; font-weight: 400; }
.hubcontainer .content .content-body .dropzone .dz-message span { font-size: 2.5vw; }
.hubcontainer .content .content-body .confirm-text { font-size: 2.5vw; color: #979797; display: inline-block; margin: 1.875vw 3.125vw 0 0; font-weight: 400; }
.hubcontainer .content .content-body .current_photo { font-size: 2.5vw; color: #979797; font-weight: 400; margin-top: 6.25vw; }
.hubcontainer .content .content-body .current_photo img { width: 35.9375vw; margin-top: 3.125vw; }
.hubcontainer .content .content-body .customize-button-content { height: 89.0625vw; background: #ebebeb; padding: 3.125vw 4.6875vw; }
.hubcontainer .content .content-body .customize-button-content > span { color: #c1c1c1; font-size: 2.5vw; }
.hubcontainer .content .content-body .customize-button-form { padding: 3.125vw 3.90625vw 3.125vw 1.5625vw; }
.hubcontainer .content .content-body .customize-button-email { height: 78.125vw; width: 50vw; text-align: center; display: table-cell; vertical-align: middle; }
.hubcontainer .content .content-body .customize-button-email button { color: #FFFFFF; background: #315bf6; font-weight: 700; font-size: 2.8125vw; display: inline-block; border: 0; padding: 1.875vw 6.25vw; }
.hubcontainer .content .content-body .ui-slider { background: #FFFFFF; height: 0.46875vw; padding-top: 0.78125vw; border: 0; border-bottom: 0.46875vw solid #b8b8b8; }
.hubcontainer .content .content-body #range-input .ui-slider-handle { width: 3.4375vw; height: 3.4375vw; border: 0.46875vw solid #f68e31; background: #FFFFFF; -webkit-border-radius: 1.71875vw; -moz-border-radius: 1.71875vw; border-radius: 1.71875vw; cursor: pointer; }
.hubcontainer .content .content-body .color img { width: 3.28125vw; }
.hubcontainer .content .content-body .color input { border: 0; font-weight: bold; font-size: 2.34375vw; color: #f68e31; display: inline-block; width: 15.625vw; }
.hubcontainer .content .content-body .modal-content { border-radius: 0; }
.hubcontainer .content .content-body .modal-content .modal-header { padding: 2.34375vw 1.5625vw; border: 0; background: #e5e5e5; }
.hubcontainer .content .content-body .modal-content .modal-header .close { color: #5c5c5c; font-size: 5.625vw; position: relative; opacity: 1; }
.hubcontainer .content .content-body .modal-content .modal-header .close-dot { width: 6.5625vw; height: 6.5625vw; background: #f68e31; -webkit-border-radius: 3.28125vw; -moz-border-radius: 3.28125vw; border-radius: 3.28125vw; right: -3.90625vw; top: -3.125vw; }
.hubcontainer .content .content-body .modal-content .modal-header .close-dot span { font-weight: 300; }
.hubcontainer .content .content-body .modal-content .modal-header .modal-custom-title { font-size: 4.0625vw; font-weight: 700; color: #acacac; width: 100%; -webkit-border-bottom-left-radius: 1.09375vw; -moz-border-bottom-left-radius: 1.09375vw; border-bottom-left-radius: 1.09375vw; padding: 1.09375vw 2.34375vw; }
.hubcontainer .content .content-body .modal-content .modal-body { padding: 2.34375vw 4.6875vw 4.6875vw; }
.hubcontainer .content .content-body .modal-content .modal-body .modal-gray { background: #fafafa; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 6.25vw 0; margin: 4.6875vw -4.6875vw; }
.hubcontainer .content .content-body .modal-content .modal-body .modal-gray .modal-gray-content { padding: 0 4.6875vw; }
.hubcontainer .content .content-body .modal-content .modal-body .modal-row-info { font-size: 3.90625vw; color: #5c5c5c; margin-bottom: 6.25vw; }
.hubcontainer .content .content-body .modal-content .modal-body .modal-row-info .text-strong { font-weight: 700; }
.hubcontainer .content .content-body .modal-content .modal-body .modal-row-info .col-sm-9 { padding-left: 7.03125vw; }
.hubcontainer .content .content-body .modal-content .zero_pading { padding: 0 0; }
.hubcontainer .content .content-body .zero_padding_bottom { padding-bottom: 0; }
.hubcontainer .content .content-body .margin_bottom { margin-bottom: 5.46875vw; }
.hubcontainer .content .content-body .zero_margin { margin-bottom: 0; }
#page #content .content-wrapper .page-footer { font-size: 3.125vw; color: #afafaf; margin-top: 5.46875vw; border-top: 1px solid #c9cacb; width: 100%; text-align: center; padding: 4.6875vw 0; }
#page #content .content-wrapper .breadcrumb { padding: 0; background: none; margin: 1.5625vw 0 0 0; }
#page #content .content-wrapper .breadcrumb li, #page #content .content-wrapper .breadcrumb a { color: #f68e31; font-size: 2.5vw; }
#page #content .content-wrapper .breadcrumb small { -webkit-border-radius: 0.78125vw; -moz-border-radius: 0.78125vw; border-radius: 0.78125vw; color: #FFFFFF; background: #f68e31; font-size: 2.34375vw; padding: 0.15625vw 0.78125vw; }
#page #content .content-wrapper .breadcrumb > li + li:before { content: "> "; color: #f68e31; padding: 0 0.78125vw; font-size: 1.875vw; }
#page #content .content-wrapper .breadcrumb .active { color: #656565; }
#page #content .top { position: relative; }
#page #content .top .col-sm-5 { position: inherit; }
#page #content .top .icon { height: 11.5625vw; width: 11.71875vw; font-size: 3.4375vw; color: #7c7c7c; background: #e4e4e4; text-align: center; cursor: pointer; display: inline-block; }
#page #content .top .icon span { margin-top: 3.90625vw; }
#page #content .top .icon-search { border-right: 1px solid #d6d6d6; }
#page #content .top .icon-menu { border-left: 1px solid #d6d6d6; }
#page #content .top .logged { font-size: 2.8125vw; color: #323232; font-weight: 300; display: inline-block; margin-left: 6.25vw; }
#page #content .top ul { list-style: none; padding: 0; display: inline-block; position: relative; top: -0.46875vw; }
#page #content .top ul li { display: inline-block; }
#page #content .top ul li a { font-size: 2.1875vw; color: #323232; font-weight: 700; margin-right: 7.03125vw; }
#page #content .top ul li a:hover { color: #f68e31; border-bottom: 1px solid #ababab; text-decoration: none; }
#page #content .top ul .active a { color: #f68e31; border-bottom: 1px solid #ababab; }
#page .content-full { width: 100% !important; }
#page .content-full:before { width: 100%; }
#page #nav { background: #FFFFFF; width: 100%; float: left; position: absolute; top: 0; height: 14.0625vw; border-bottom: 1px solid #c9cacb; }
#page #nav .search_mobile, #page #nav .menu_mobile { width: 14.0625vw; height: 14.0625vw; float: left; text-align: center; padding-top: 3.125vw; color: #f68e31; }
#page #nav .search_mobile > span, #page #nav .menu_mobile > span { font-size: 6.25vw; }
#page #nav .search_mobile { border-right: 1px solid #c9cacb; }
/* #page #nav .search_mobile:hover { color: #FFFFFF; background: #f68e31; } */
#page #nav .menu_mobile { float: right; }
#page #nav .menu_mobile:hover { color: #FFFFFF; background: #f68e31; }
#page #nav .logo { text-align: center; width: 71.875vw; float: left; }
#page #nav .logo .svg { width: 47.1875vw; margin-top: 0.78125vw; }
#page #nav .search_box_mobile { background: #f68e31; width: 100%; position: absolute; top: 14.0625vw; color: #FFFFFF; text-align: center; font-size: 6.25vw; font-weight: 300; padding: 17.1875vw 6.25vw 93.75vw; display: none; }
#page #nav .search_box_mobile > div { margin-top: 12.5vw; border-bottom: 0.625vw solid #FFFFFF; padding-bottom: 1.09375vw; }
#page #nav .search_box_mobile input, #page #nav .search_box_mobile button { background: #f68e31; border: 0; }
#page #nav .search_box_mobile ::placeholder { color: #FFFFFF; opacity: 1; }
#page #nav .search_box_mobile :-ms-input-placeholder { color: #FFFFFF; }
#page #nav .search_box_mobile ::-ms-input-placeholder { color: #FFFFFF; }
#page #nav .menu { padding: 0 0 31.25vw 0; list-style: none; display: none; position: absolute; top: 14.0625vw; left: 0; width: 100%; background: #f68e31; z-index: 1000}
#page #nav .menu > li { border-bottom: 1px solid #c56a56; text-align: left; }
#page #nav .menu > li > a { font-size: 4.375vw; font-weight: bold; color: #FFFFFF; padding: 2.96875vw 7.8125vw; display: block; text-decoration: none; }
#page #nav .menu > li > a > .fa { float: right; display: inline-block; position: relative; top: 0.9375vw; }
#page #nav .menu > li > a > .icon { display: none; }
#page #nav .menu > li > a:hover { text-decoration: none; }
#page #nav .menu > li .dropdown { padding: 0 7.8125vw 0 12.5vw; list-style: none; display: none; }
#page #nav .menu > li .dropdown > li { padding: 2.1875vw 3.125vw; color: #606060; border-bottom: 1px solid #c56a56; }
#page #nav .menu > li .dropdown > li > a { font-size: 3.90625vw; color: #FFFFFF; font-weight: bold; text-decoration: none; display: block; }
#page #nav .menu > li .dropdown > li > a > .fa { float: right; display: inline-block; position: relative; top: 0.625vw; }
#page #nav .menu > li .dropdown > li .dropdown2 { list-style: none; padding-top: 1.5625vw; }
#page #nav .menu > li .dropdown > li .dropdown2 li { padding: 0.625vw 0; }
#page #nav .menu > li .dropdown > li .dropdown2 li a { font-size: 3.90625vw; color: #FFFFFF; }
#page #nav .menu > li .dropdown > li .dropdown2 li a:hover { text-decoration: none; }
#page #nav .menu > li .dropdown > li .dropdown2 .active { border: 0; }
#page #nav .menu > li .dropdown > li .dropdown2 .active a { color: #f68e31; }
#page #nav .menu > li .dropdown > li .dropdown2 .active a:hover { text-decoration: none; }
#page #nav .menu > li .dropdown > li .label { color: #FFFFFF; background: #f68e31; font-size: 2.1875vw; padding: 1.25vw 0; margin-right: 0.78125vw; width: 7.03125vw; text-align: center; display: inline-block; border-radius: 0; }
#page #nav .menu > li .dropdown > li:first-child { padding-top: 0; }
#page #nav .menu > li .dropdown > li:last-child { border: 0; }
#page #nav .menu .active { background: #97321b; padding-bottom: 2.34375vw; }
#page #nav .menu .active > a > .fa { display: none; }
#page #nav .menu .active .dropdown { display: block; }

/*
768px
*/
@media (min-width: 768px) { #page { max-width: 100%; margin: 0 auto; }
  #page #content { width: calc(100% - 16.25vw); float: left; background: #f5f5f5; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; position: inherit; top: 0; }
  #page #content .content-wrapper { padding: 2.1875vw 2.5vw; }
  #page #content .content-wrapper .page-head { margin-bottom: 2.1875vw; text-align: left; padding: 0; border: 0; }
  #page #content .content-wrapper .page-head h1 { font-size: 2.1875vw; }
  #page #content .content-wrapper .page-head .text-right { text-align: right; margin: 0; }
  .hubcontainer .content .content-body .tab .nav { border-bottom: 1px solid #dbdbdb; display: inherit; }
  .hubcontainer .content .content-body .tab .nav > li { width: 25%; }
  .hubcontainer .content .content-body .tab .nav > li a { text-transform: uppercase; font-size: 1.125vw; font-weight: 700; text-align: center; color: #737373; background: #dbdbdb; padding: 0.75vw 0; border-radius: 0; }
  .hubcontainer .content .content-body .tab .nav .active a { background: #323232; color: #FFFFFF; }
  .hubcontainer .content .content-body .tab .tab-content .tab-pane { border: 1px solid #dbdbdb; border-top: 0; background: #FFFFFF; padding: 2.1875vw; display: none; }
  .hubcontainer .content .content-body .tab .tab-content .active { display: block; }
  .hubcontainer .content .content-body .row_dropdown .row_title { padding: 0.9375vw 2.1875vw; font-size: 16px; }
  .hubcontainer .content .content-body .row_dropdown .row_title .plus { font-size: 1.375vw; margin-right: 0.9375vw; }
  .hubcontainer .content .content-body .row_dropdown .row_title .my-checkbox span { display: inherit; }
  .hubcontainer .content .content-body .row_dropdown .row_dropdown_content { padding: 2.5vw 4.0625vw; }
  .hubcontainer .content .content-body .box_hilite { margin-bottom: 1.5625vw; }
  .hubcontainer .content .content-body .box_hilite h5 { font-size: 18px; padding-bottom: 0.625vw; }
  .hubcontainer .content .content-body .box_hilite .icon { font-size: 1.125vw; position: relative; top: 0.4375vw; }
  .hubcontainer .content .content-body .icon-right { position: inherit; height: auto; }
  .hubcontainer .content .content-body .icon-right .plus { width: 2.375vw; height: 2.375vw; padding-top: 0.5vw; font-size: 1.0625vw; border: 0; position: inherit; top: 0; right: 0; }
  .hubcontainer .content .content-body .graph, .hubcontainer .content .content-body .graph2, .hubcontainer .content .content-body .graph3, .hubcontainer .content .content-body .graph4 { font-size: 1.25vw; padding: 12.5vw 0; }
  .hubcontainer .content .content-body .graph2 { padding: 7.875vw 0; }
  .hubcontainer .content .content-body .graph3 { padding: 6.0625vw 0; }
  .hubcontainer .content .content-body .graph4 { padding: 19.1875vw 0; }
  .hubcontainer .content .content-body .email_previev_box { font-size: 1.25vw; color: #5f5f5f; background: #bababa; border: 1px solid #e5e5e5; text-align: center; padding: 12.3125vw 0; font-weight: 300; }
  .hubcontainer .content .content-body .gray_box { padding: 2.1875vw; margin-bottom: 0; }
  .hubcontainer .content .content-body .white_box { padding: 2.1875vw; margin: 0 0 2.1875vw 0; }
  .hubcontainer .content .content-body .white_box_tab { background: none; border: 0; padding: 0; margin: 0; }
  .hubcontainer .content .content-body .white_box_content_full { margin-left: -2.1875vw; margin-right: -2.1875vw; margin-bottom: 1.25vw; }
  .hubcontainer .content .content-body .table-list { font-size: 0.9375vw; margin-bottom: 3.125vw; }
  .hubcontainer .content .content-body .table-list .left .fa { padding-right: 0.3125vw; }
  .hubcontainer .content .content-body .form-col { width: 85%; height: 5.3125vw; }
  .hubcontainer .content .content-body .form-col-full { width: 100%; }
  .hubcontainer .content .content-body .form-col-big { height: auto; width: 92%; }
  .hubcontainer .content .content-body .form-col-btn { width: 93%; }
  .hubcontainer .content .content-body .form-col-sm { width: 40%; }
  .hubcontainer .content .content-body .form-col-md { width: 65%; }
  .hubcontainer .content .content-body .form-group { margin-bottom: 1.125vw; }
  .hubcontainer .content .content-body .form-group label { font-size: 0.9375vw; margin-bottom: 0.3125vw; }
  .hubcontainer .content .content-body .form-group .form-control { height: 2.4375vw; font-size: 0.875vw; padding: 0.375vw 0.75vw; }
  .hubcontainer .content .content-body .form-group .form-info { font-size: 0.9375vw; padding-left: 0.9375vw; height: 2.4375vw; }
  .hubcontainer .content .content-body .form-group .form-radio { height: 2.4375vw; font-size: 0.9375vw; }
  .hubcontainer .content .content-body .form-group .bootstrap-select .btn { height: 2.4375vw; font-size: 0.875vw; padding: 0 1.5625vw 0 0.625vw; }
  .hubcontainer .content .content-body .form-group .bootstrap-select .dropdown-menu { font-size: 0.875vw; }
  .hubcontainer .content .content-body .form-group .form-textarea { height: 5.625vw; }
  .hubcontainer .content .content-body .form-group .btn-search { font-size: 1.5vw; padding: 0.875vw 0; }
  .hubcontainer .content .content-body .form-group .btn-search span { font-size: 1.25vw; margin-right: 0.75vw; }
  .hubcontainer .content .content-body .input-inline { margin-right: 2.5vw; }
  .hubcontainer .content .content-body .selects_box { border-bottom: 1px solid #d6d6d6; padding-bottom: 1.25vw; margin-bottom: 1.25vw; }
  .hubcontainer .content .content-body .selects_box:last-child { margin: 0; }
  .hubcontainer .content .content-body .my-checkbox { margin-top: 1.875vw; }
  .hubcontainer .content .content-body .checkbox-custom, .hubcontainer .content .content-body .checkbox-custom-label, .hubcontainer .content .content-body .radio-custom, .hubcontainer .content .content-body .radio-custom-label { margin: 0.3125vw; font-size: 0.9375vw; }
  .hubcontainer .content .content-body .checkbox-custom + .checkbox-custom-label:before, .hubcontainer .content .content-body .radio-custom + .radio-custom-label:before { width: 1.25vw; height: 1.25vw; padding: 0.125vw; margin-right: 0.625vw; }
  .hubcontainer .content .content-body .checkbox-custom:checked + .checkbox-custom-label:before { box-shadow: inset 0px 0px 0px 0.25vw #FFFFFF; }
  .hubcontainer .content .content-body .radio-custom:checked + .radio-custom-label:before { box-shadow: inset 0px 0px 0px 0.25vw #FFFFFF; }
  .hubcontainer .content .content-body .total { font-size: 0.9375vw; padding-right: 3.4375vw; display: inline-block; margin: 0; }
  .hubcontainer .content .content-body .btn-arrow, .hubcontainer .content .content-body .btn-update { width: 100%; color: #FFFFFF; font-weight: 700; font-size: 1.125vw; border-radius: 0; padding: 0.625vw 0; background: #7B6E53; }
  .hubcontainer .content .content-body .btn-arrow i, .hubcontainer .content .content-body .btn-update i { font-size: 1vw; padding-left: 0.75vw; }
  .hubcontainer .content .content-body .btn-arrow:hover, .hubcontainer .content .content-body .btn-update:hover { background: #433c2c; }
  .hubcontainer .content .content-body .more_update { height: 16.875vw; margin: 0; }
  .hubcontainer .content .content-body .btn-update { font-size: 1.125vw; display: none; margin-top: 0.625vw; }
  .hubcontainer .content .content-body .btn-arrow-sm { padding: 0.625vw 3.125vw; width: auto; }
  .hubcontainer .content .content-body .btn-database-sm { display: inline-block; padding: 0.625vw 1.25vw; width: auto; margin: 1.25vw 1.25vw 0 0; }
  .hubcontainer .content .content-body .btn-confirm-modal { display: inline-block; padding: 0.625vw 1.25vw; width: auto; float: right; }
  .hubcontainer .content .content-body .btn-email-sm { padding: 0.625vw 3.125vw; display: inline-block; margin-right: 1.25vw; width: auto; }
  .hubcontainer .content .content-body .btn-gray { color: #323232; background: #cecece; }
  .hubcontainer .content .content-body .btn-gray i { padding-right: 0.75vw; padding-left: 0; }
  .hubcontainer .content .content-body .btn-gray:hover { background: #dddddd; }
  .hubcontainer .content .content-body .btn-arrow-database { margin-top: 4.25vw; }
  .hubcontainer .content .content-body .table { font-size: 0.9375vw; color: #5c5c5c; margin-bottom: 2.5vw; }
  .hubcontainer .content .content-body .table thead tr { font-weight: 700; }
  .hubcontainer .content .content-body .table thead tr span { position: relative; top: 0.1875vw; }
  .hubcontainer .content .content-body .table tbody .first { color: #f68e31; }
  .hubcontainer .content .content-body .pagination { width: 100%; text-align: center; margin: 0; }
  .hubcontainer .content .content-body .pagination a { color: #f68e31; font-size: 1.125vw; font-weight: 700; margin: 0 0.5vw; }
  .hubcontainer .content .content-body .pagination a i { font-size: 0.875vw; }
  .hubcontainer .content .content-body .pagination .active { color: #323232; }
  .hubcontainer .content .content-body .button-dwn-csv { text-align: right; }
  .hubcontainer .content .content-body .steps { margin-bottom: 2.5vw; }
  .hubcontainer .content .content-body .steps .step { float: left; width: 33.3%; background: #FFFFFF; font-size: 1.125vw; font-weight: 700; color: #acacac; text-align: center; border-right: 1px solid #b6b6b6; padding: 0.75vw 0; text-transform: uppercase; }
  .hubcontainer .content .content-body .steps .active { background: #f68e31; color: #FFFFFF; }
  .hubcontainer .content .content-body .steps .disactive { background: #f0de7a; color: #f68e31; border-color: #f68e31; }
  .hubcontainer .content .content-body .steps .last { border: 0; -webkit-border-bottom-right-radius: 1.5625vw; -moz-border-bottom-right-radius: 1.5625vw; border-bottom-right-radius: 1.5625vw; -webkit-border-top-right-radius: 1.5625vw; -moz-border-top-right-radius: 1.5625vw; border-top-right-radius: 1.5625vw; }
  .hubcontainer .content .content-body .steps .first { -webkit-border-bottom-left-radius: 1.5625vw; -moz-border-bottom-left-radius: 1.5625vw; border-bottom-left-radius: 1.5625vw; -webkit-border-top-left-radius: 1.5625vw; -moz-border-top-left-radius: 1.5625vw; border-top-left-radius: 1.5625vw; }
  .hubcontainer .content .content-body .rate { font-size: 0.9375vw; margin-bottom: 1vw; }
  .hubcontainer .content .content-body .rate img { width: 1.1875vw; margin-right: 0.5625vw; }
  .hubcontainer .content .content-body .btn-dwn { color: #f68e31; font-size: 1vw; border: 0; display: inline; padding: 0; font-weight: 400; }
  .hubcontainer .content .content-body .btn-dwn span { margin-right: 0.625vw; font-size: 0.875vw; }
  .hubcontainer .content .content-body .btn-dwn:hover { text-decoration: none; }
  .hubcontainer .content .content-body .dashboard-icon { text-align: center; color: #606060; width: 80%; margin: 2.5vw auto; display: block; border: 0; padding: 0; }
  .hubcontainer .content .content-body .dashboard-icon .icon { width: 5.375vw; height: 5.375vw; margin: 0 auto; }
  .hubcontainer .content .content-body .dashboard-icon .icon .ic_seo { width: 5.375vw; }
  .hubcontainer .content .content-body .dashboard-icon .icon .ic_base { width: 2.6875vw; }
  .hubcontainer .content .content-body .dashboard-icon .icon .ic_email { width: 3.9375vw; }
  .hubcontainer .content .content-body .dashboard-icon .icon .ic_campaign { width: 4.25vw; }
  .hubcontainer .content .content-body .dashboard-icon .icon .ic_event { width: 4.125vw; }
  .hubcontainer .content .content-body .dashboard-icon .name { font-size: 1.875vw; margin-bottom: 1.25vw; }
  .hubcontainer .content .content-body .dashboard-icon .desc { font-size: 1.0625vw; }
  .hubcontainer .content .content-body .dashboard-icon button { font-size: 1.0625vw; margin-top: 1.25vw; padding: 0.5625vw 2.1875vw; -webkit-border-radius: 1.5625vw; -moz-border-radius: 1.5625vw; border-radius: 1.5625vw; }
  .hubcontainer .content .content-body .dashboard-icon button .fa { font-size: 0.9375vw; margin-left: 0.75vw; padding: 0; color: #FFFFFF; }
  .hubcontainer .content .content-body .big_dot { width: 17.8125vw; height: 17.8125vw; -webkit-border-radius: 8.90625vw; -moz-border-radius: 8.90625vw; border-radius: 8.90625vw; font-size: 0.9375vw; background: #e4e4e4; margin: 2.5vw auto; padding: 5.625vw 1.5625vw 0; border: 0; }
  .hubcontainer .content .content-body .big_dot > .name { font-size: 1.4375vw; margin-bottom: 0.625vw; }
  .hubcontainer .content .content-body .email-title { color: #797979; font-size: 1.75vw; margin-bottom: 1.25vw; font-weight: 300; }
  .hubcontainer .content .content-body .email-add-element { width: 10.375vw; height: 10.375vw; background: #f68e31; color: #FFFFFF; font-size: 1.125vw; font-weight: 700; -webkit-border-radius: 0.9375vw; -moz-border-radius: 0.9375vw; border-radius: 0.9375vw; text-align: center; margin-bottom: 1.5625vw; padding-top: 2.375vw; cursor: move; z-index: 120; }
  .hubcontainer .content .content-body .email-add-element img { width: 5vw; display: block; margin: 0 auto 0.5vw; }
  .hubcontainer .content .content-body .ui-draggable-dragging { border: 0.3125vw solid #FFFFFF; box-shadow: 0px 0px 0.9375vw grey; }
  .hubcontainer .content .content-body .email-editor { margin-left: 2.5vw; }
  .hubcontainer .content .content-body .email-editor #sortable { list-style: none; width: 100%; display: block; padding: 0; margin: 0; }
  .hubcontainer .content .content-body .email-editor #sortable li { display: block; width: 100%; }
  .hubcontainer .content .content-body .email-editor .email-row .email-left { width: 2.5vw; height: 2.5vw; float: left;     margin-left: -2.5vw;}
  .hubcontainer .content .content-body .email-editor .email-row .email-lefts { width: 2.5vw; height: 2.5vw; float: left;     margin-left: -2.5vw;}
  .hubcontainer .content .content-body .email-editor .email-row .email-left span { width: 2.5vw; height: 2.5vw; text-align: center; cursor: move; background: #c8c8c8; color: #646464; font-size: 1.375vw; padding-top: 0.5vw; }
  .hubcontainer .content .content-body .email-editor .email-row .email-lefts span { width: 2.5vw; height: 2.5vw; text-align: center; cursor: move; background: #c8c8c8; color: #646464; font-size: 1.375vw; padding-top: 0.5vw; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right { float: left; width: 46.25vw; background: #f2f2f2; border: 1px solid #d4d4d4; border-left: 0.1875vw solid #e1e3e4; padding: 0.9375vw; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box { border: 1px solid #cdcdcd; position: relative; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line { height: 0; position: relative; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_left, .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_right { background: #FFFFFF; width: 2.125vw; height: 2.125vw; text-align: center; position: absolute; -webkit-border-radius: 1.0625vw; -moz-border-radius: 1.0625vw; border-radius: 1.0625vw; cursor: pointer; margin: 0.3125vw 0 0 0.3125vw; z-index: 100; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_left img, .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_right img { width: 1.4375vw; position: relative; top: 0.3125vw; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_left { float: left; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_line .drop_right { float: right; right: 0; margin: 0.3125vw 0.3125vw 0 0; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .row-img { width: 100%; position: relative; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_content { border: 1px dashed #959595; background: #FFFFFF; min-height: 10.625vw; height: auto !important; }
  .hubcontainer .content .content-body .email-editor .email-row .email-right .drop_box .drop_content .drag_and_drop { color: #979797; font-size: 1.125vw; font-weight: 300; padding-top: 3.75vw; padding-left: 20px;}
  .hubcontainer .content .content-body .email-editor .email-row .add-row { background: #FFFFFF; border: 1px solid #e5e5e5; border-left: 0.1875vw solid #e1e3e4; color: #f68e31; font-size: 1.125vw; text-align: center; font-weight: 300; padding: 1.3125vw 0; cursor: pointer; }
  .hubcontainer .content .content-body .email-previev-modal { font-size: 1.75vw; font-weight: 300; text-align: center; padding: 18.75vw 0; }
  .hubcontainer .content .content-body .modal .modal-lg { width: 54.375vw; }
  .hubcontainer .content .content-body .modal .modal-email { width: 54vw; }
  .hubcontainer .content .content-body .modal .modal-email .modal-header .modal-title { color: #FFFFFF; background: #323232; font-size: 1.125vw; font-weight: 700; padding: 1.125vw 2.5vw; }
  .hubcontainer .content .content-body .wyswig-editor { margin: 2.1875vw 0 1.875vw; }
  .hubcontainer .content .content-body .dropzone { border: 1px solid #d4d4d4; background: #eaeaea; margin: 2.5vw 0 1.875vw; }
  .hubcontainer .content .content-body .dropzone .dz-message { font-size: 1.75vw; color: #979797; font-weight: 400; }
  .hubcontainer .content .content-body .dropzone .dz-message span { font-size: 1vw; }
  .hubcontainer .content .content-body .confirm-text { font-size: 1vw; color: #979797; display: inline-block; margin: 0.75vw 1.25vw 0 0; font-weight: 400; }
  .hubcontainer .content .content-body .current_photo { font-size: 1vw; color: #979797; font-weight: 400; margin-top: 2.5vw; }
  .hubcontainer .content .content-body .current_photo img { width: 14.375vw; margin-top: 1.25vw; }
  .hubcontainer .content .content-body .customize-button-content { height: 35.625vw; background: #ebebeb; padding: 1.25vw 1.875vw; }
  .hubcontainer .content .content-body .customize-button-content > span { color: #c1c1c1; font-size: 1vw; }
  .hubcontainer .content .content-body .customize-button-form { padding: 1.25vw 1.5625vw 1.25vw 0.625vw; }
  .hubcontainer .content .content-body .customize-button-email { height: 31.25vw; width: 20vw; text-align: center; display: table-cell; vertical-align: middle; }
  .hubcontainer .content .content-body .customize-button-email button { color: #FFFFFF; background: #315bf6; font-weight: 700; font-size: 1.125vw; display: inline-block; border: 0; padding: 0.75vw 2.5vw; }
  .hubcontainer .content .content-body .ui-slider { background: #FFFFFF; height: 0.1875vw; padding-top: 0.3125vw; border: 0; border-bottom: 0.1875vw solid #b8b8b8; }
  .hubcontainer .content .content-body #range-input .ui-slider-handle { width: 1.375vw; height: 1.375vw; border: 0.1875vw solid #f68e31; background: #FFFFFF; -webkit-border-radius: 0.6875vw; -moz-border-radius: 0.6875vw; border-radius: 0.6875vw; cursor: pointer; }
  .hubcontainer .content .content-body .color img { width: 1.3125vw; }
  .hubcontainer .content .content-body .color input { border: 0; font-weight: bold; font-size: 0.9375vw; color: #f68e31; display: inline-block; width: 6.25vw; }
  .hubcontainer .content .content-body .modal-content .modal-header { padding:0px; background: none; }
  .hubcontainer .content .content-body .modal-content .modal-header .close { color: #FFFFFF; font-size: 2vw; position: relative; right: -1.5625vw; top: -1.875vw; }
  .hubcontainer .content .content-body .modal-content .modal-header .close-dot { width: 2.625vw; height: 2.625vw; -webkit-border-radius: 1.3125vw; -moz-border-radius: 1.3125vw; border-radius: 1.3125vw; right: -1.5625vw; top: -1.25vw; }
  .hubcontainer .content .content-body .modal-content .modal-header .modal-custom-title { font-size: 1.125vw; background: #e5e5e5; display: inline; text-transform: uppercase; float: right; width: auto; margin-right: -1.1875vw; -webkit-border-bottom-left-radius: 0.4375vw; -moz-border-bottom-left-radius: 0.4375vw; border-bottom-left-radius: 0.4375vw; padding: 0.4375vw 0.9375vw; }
  .hubcontainer .content .content-body .modal-content .modal-body { padding: 0 1.875vw 1.875vw; }
  .hubcontainer .content .content-body .modal-content .modal-body .modal-gray { padding: 2.5vw 0; margin: 1.875vw -1.875vw; }
  .hubcontainer .content .content-body .modal-content .modal-body .modal-gray .modal-gray-content { padding: 0 1.875vw; }
  .hubcontainer .content .content-body .modal-content .modal-body .modal-row-info { font-size: 0.9375vw; margin-bottom: 0.4375vw; }
  .hubcontainer .content .content-body .modal-content .modal-body .modal-row-info .col-sm-9 { padding-left: 0.9375vw; }
  .hubcontainer .content .content-body .modal-content .zero_pading { padding: 0 0; }
  .hubcontainer .content .content-body .margin_bottom { margin-bottom: 2.1875vw; }
  #page #content .content-wrapper .page-footer { font-size: 0.8125vw; color: #afafaf; margin-top: 2.1875vw; border: 0; text-align: left; padding: 0; }
  #page #content .content-wrapper .breadcrumb { margin: 0.625vw 0 0 0; }
  #page #content .content-wrapper .breadcrumb li, #page #content .content-wrapper .breadcrumb a { font-size: 0.8125vw; }
  #page #content .content-wrapper .breadcrumb small { -webkit-border-radius: 0.3125vw; -moz-border-radius: 0.3125vw; border-radius: 0.3125vw; font-size: 0.6875vw; padding: 0.0625vw 0.3125vw; }
  #page #content .content-wrapper .breadcrumb > li + li:before { padding: 0 0.3125vw; font-size: 0.75vw; }
  #page #content .top { position: relative; }
  #page #content .top .col-sm-5 { position: inherit; }
  #page #content .top .icon { height: 4.625vw; width: 4.6875vw; font-size: 1.375vw; color: #7c7c7c; background: #e4e4e4; text-align: center; cursor: pointer; display: inline-block; }
  #page #content .top .icon span { margin-top: 1.5625vw; }
  #page #content .top .icon-search { border-right: 1px solid #d6d6d6; }
  #page #content .top .icon-menu { border-left: 1px solid #d6d6d6; }
  #page #content .top .search_box { position: absolute; z-index: 100; background: #f68e31; height: 4.6875vw; width: 100%; display: none; }
  #page #content .top .search_box .icon { background: #a33e28; color: #FFFFFF; border: 0; }
  #page #content .top .search_box .icon span { margin-top: 0.625vw; }
  #page #content .top .search_box input { font-size: 1.5625vw; color: #FFFFFF; border: 0; font-weight: 300; background: #f68e31; width: 90%; padding: 0 1.5625vw; }
  #page #content .top .search_box ::placeholder { color: #FFFFFF; opacity: 1; }
  #page #content .top .search_box :-ms-input-placeholder { color: #FFFFFF; }
  #page #content .top .search_box ::-ms-input-placeholder { color: #FFFFFF; }
  #page #content .top .logged { font-size: 1.125vw; color: #323232; font-weight: 300; display: inline-block; margin-left: 2.5vw; }
  #page #content .top ul { list-style: none; padding: 0; display: inline-block; position: relative; top: -0.1875vw; }
  #page #content .top ul li { display: inline-block; }
  #page #content .top ul li a { font-size: 0.875vw; color: #323232; font-weight: 700; margin-right: 2.8125vw; }
  #page #content .top ul li a:hover { color: #f68e31; border-bottom: 1px solid #ababab; text-decoration: none; }
  #page #content .top ul .active a { color: #f68e31; border-bottom: 1px solid #ababab; }
  #page #content:before { width: calc(100% - 16.25vw); content: ''; position: absolute; top: 0; bottom: 0; z-index: -1; left: 0; }
  #page .content-full { width: 100% !important; }
  #page .content-full:before { width: 100%; }
  #page #nav { background: #f68e31; width: 16.25vw; float: right; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; position: inherit; height: auto; border: 0; }
  #page #nav .logo { text-align: center; width: auto; float: inherit; }
  #page #nav .logo .svg { width: 12.5vw; margin-top: 0.625vw; }
  #page #nav .menu_mobile { padding-top: 0; width: 100%; height: auto;}
  #page #nav .menu_mobile .menu { padding: 0 0; list-style: none; display: inherit; position: inherit; top: 0; width: auto; background: none; }
  #page #nav .menu_mobile .menu > li { border-bottom: 1px solid #d6d6d6; }
  #page #nav .menu_mobile .menu > li > a { font-size: 1.0625vw; font-weight: bold; color: #fff; padding: 1.1875vw 0.9375vw; display: block; text-decoration: none; }
  #page #nav .menu_mobile .menu > li > a > .fa { display: none; }
  #page #nav .menu_mobile .menu > li > a > .icon { width: 1.6875vw; height: 1.6875vw; margin-right: 0.875vw; display: inline-block; position: relative; top: 0.25vw; text-align: center; }
  #page #nav .menu_mobile .menu > li > a > .icon > .svg { height: 1.25vw; }
  #page #nav .menu_mobile .menu > li > a > .icon > .svg path, #page #nav .menu_mobile .menu > li > a > .icon > .svg rect, #page #nav .menu_mobile .menu > li > a > .icon > .svg polygon { fill: #f68e31 !important; }
  #page #nav .menu_mobile .menu > li > a > .icon .ic_seo { width: 1.6875vw; }
  #page #nav .menu_mobile .menu > li > a > .icon .ic_base { width: 1.125vw; }
  #page #nav .menu_mobile .menu > li > a > .icon .ic_email { width: 1.125vw; }
  #page #nav .menu_mobile .menu > li > a > .icon .ic_campaign { width: 1.375vw; }
  #page #nav .menu_mobile .menu > li > a > .icon .ic_event { width: 1.3125vw; }
  #page #nav .menu_mobile .menu > li > a:hover { text-decoration: none; }
  #page #nav .menu_mobile .menu > li .dropdown { padding: 0 0 0 3.4375vw; list-style: none; display: none; }
  #page #nav .menu_mobile .menu > li .dropdown > li { padding: 0.5625vw 0; color: #606060; border: 0; }
  #page #nav .menu_mobile .menu > li .dropdown > li > a { font-size: 0.9375vw; color: #fff; font-weight: 400; text-decoration: none; display: inline; }
  #page #nav .menu_mobile .menu > li .dropdown > li > a > .fa { display: none; }
  #page #nav .menu_mobile .menu > li .dropdown > li > a:hover { color: #ffc809; text-decoration: none; }
  #page #nav .menu_mobile .menu > li .dropdown > li .dropdown2 { padding-top: 0.625vw; }
  #page #nav .menu_mobile .menu > li .dropdown > li .dropdown2 li { padding: 0.25vw 0; }
  #page #nav .menu_mobile .menu > li .dropdown > li .dropdown2 li a { font-size: 0.875vw; color: #fff; }
  #page #nav .menu_mobile .menu > li .dropdown > li .dropdown2 li a:hover { font-size: 0.875vw; color: #ffc809; }
  #page #nav .menu_mobile .menu > li .dropdown > li .label { font-size: 0.5vw; padding: 0.25vw 0; margin-right: 0.3125vw; width: 2.1875vw; }
  #page #nav .menu_mobile .menu > li .dropdown > li:before { font-family: FontAwesome; content: "\f105"; font-size: 0.8125vw; padding-right: 0.75vw; color:#fff;}
  #page #nav .menu_mobile .menu > li .dropdown > li:first-child { padding-top: 0; }
  #page #nav .menu_mobile .menu > li .dropdown .active { display: block; }
  #page #nav .menu_mobile .menu > li .dropdown .active a { color: #ffc809; }
  #page #nav .menu_mobile .menu .active { background: #de653e; padding-bottom: 0.9375vw; }
  #page #nav .menu_mobile .menu .active .dropdown { display: block; }
  #page #nav .menu_mobile:hover { background: none; }
  #page #nav:before { width: 16.25vw; content: ''; position: absolute; top: 0; bottom: 0; z-index: -1; right: 0; background: #FFFFFF; }
  #page .nav-hide { width: 0 !important; }
  #page .nav-hide:before { width: 0; }
  #page .top { border-bottom: 1px solid #d6d6d6; height: 4.6875vw; } }

/*# sourceMappingURL=main.css.map */
.br{
    display: none;
}
.you_are{
	position: inherit;
}
.announcement_count {
    width: 17px;
    height: 17px;
    text-align: center;
    background-color: red;
    font-size: 7px;
    color: #ffffff;
    float: right;
    /* position: fixed; */
    /* clear: both; */
    /* position: absolute; */
    position: relative;
    top: 15px;
    left: -26px;
    border: 1px red solid;
    border-radius: 10px;
}
.massage{
    width: 6px;
    height: 6px;
    background-color: red;
    float: right;
    /* position: fixed; */
    /* clear: both; */
    /* position: absolute; */
    position: relative;
    top: 21px;
    left: -95px;
    border: 1px red;
    border-radius: 3px;

}
@media (max-width: 800px){
    .you_are{
        width: 27% !important;
    }
    /* .text-right{
        width: 73% !important;
    } */
}
@media (max-width: 768px){
            #nav{
                height: auto !important;
            }
            .menu_mobile{
                width: 12.0625vw !important;
            }
            .search_mobile {
                width: 12.0625vw !important;
            }
            .nav{
                display: block;
                margin: 0 3.125vw 0;
            }
            .plus{
                /* width: 59px;
                height: 43px; */
                padding-top: 0.5vw;
                font-size: 1.0625vw;
                border: 0;
                position: inherit;
                top: 0;
                right: 0;
                color: #FFFFFF;
                /* background: #f68e31; */
                display: inline-block;
                text-align: center;
                cursor: pointer;
                margin-top:20px;
            }
            .campaign_plus,.add_event{
                width: 59px;
                height: 43px;
                padding-top: 0.5vw;
                font-size: 1.0625vw;
                border: 0;
                position: inherit;
                top: 0;
                right: 0;
                color: #FFFFFF;
                background: #f68e31;
                display: inline-block;
                text-align: center;
                cursor: pointer;
                margin-top:20px;
            }
            /*.nav-tabs > li{
                float: none !important;
            }*/
            .hubcontainer .content .content-body .tab .nav .active a{
                background: #323232;
                color: #FFFFFF;
            }
            .hubcontainer .content .content-body .tab .nav > li a{
                text-transform: uppercase;
                font-size: 1.125vw;
                font-weight: 700;
                text-align: center;
                color: #737373;
                background: #dbdbdb;
                /*padding: 0.75vw 0;*/
                border-radius: 0;
            }
            .glyphicon{
                top: 6px !important;
                font-size: 12px !important;
            }

            .box_hilite{
                padding:0!important;
            }
            #page #nav .menu > li .dropdown > li .dropdown2 li a { font-size: 2.90625vw!important; color: #FFFFFF!important; }
			#page #nav .logo{
            	width: 75%!important;
            }
        }
        @media(max-width: 750px){
            .box_hilite h5{
              font-size: 15px !important;
            }
            .table-list td{
              font-size: 14px !important ;
            }
            .content-wrapper .breadcrumb a {
              font-size: 14px !important;
            }
            .content-wrapper .page-head {
      
              text-align: left !important;
              padding-top: 10px !important;
              padding-left: 10px !important;
           }
           #page #content .content-wrapper .page-head .text-right{
              text-align: left !important;
              padding-left: 10px !important;
              padding-top:20px !important;
           }
           }