/*--------------------------- Color variations ----------------------*/ /* Medium Layout: 1280px */ /* Tablet Layout: 768px */ /* Mobile Layout: 320px */ /* Wide Mobile Layout: 480px */ /* =================================== */ /*  Basic Style /* =================================== */::-webkit-input-placeholder {    /* WebKit, Blink, Edge */    color: #777777;    font-weight: 300;}:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */    color: #777777;    opacity: 1;    font-weight: 300;}::-moz-placeholder {    /* Mozilla Firefox 19+ */    color: #777777;    opacity: 1;    font-weight: 300;}:-ms-input-placeholder {    /* Internet Explorer 10-11 */    color: #777777;    font-weight: 300;}::-ms-input-placeholder {    /* Microsoft Edge */    color: #777777;    font-weight: 300;}body {    color: #777777;    font-family: "Poppins", sans-serif;    font-size: 14px;    font-weight: 300;    line-height: 1.5em;    position: relative;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}ol,ul {    margin: 0;    padding: 0;    list-style: disc;}select {    display: block;}figure {    margin: 0;}a {    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}a:hover {    color: #f67590 !important;}iframe {    border: 0;}a,a:focus,a:hover {    text-decoration: none;    outline: 0;    color: #222222;}.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus {    text-decoration: none;    outline: 0;}.card-panel {    margin: 0;    padding: 60px;} /** *  Typography * **/.btn i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i {    font-size: 1em;    line-height: inherit;}.gray-bg {    background: #f9f9ff;}h1,h2,h3,h4,h5,h6 {    font-family: "Poppins", sans-serif;    color: #222222;    line-height: 1.25em !important;    margin-bottom: 0;    margin-top: 0;    font-weight: 500;}.h1,.h2,.h3,.h4,.h5,.h6 {    margin-bottom: 0;    margin-top: 0;    font-family: "Poppins", sans-serif;    font-weight: 600;    color: #222222;}h1,.h1 {    font-size: 36px;}h2,.h2 {    font-size: 30px;}h3,.h3 {    font-size: 24px;}h4,.h4 {    font-size: 18px;}h5,.h5 {    font-size: 16px;}h6,.h6 {    font-size: 14px;    color: #222222;}td,th {    border-radius: 0px;} /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the *    contenteditable attribute is included anywhere else in the document. *    Otherwise it causes space to appear at the top and bottom of elements *    that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using *    `:before` to contain the top-margins of child elements. */.clear::before,.clear::after {    content: " ";    display: table;}.clear::after {    clear: both;}.fz-11 {    font-size: 11px;}.fz-12 {    font-size: 12px;}.fz-13 {    font-size: 13px;}.fz-14 {    font-size: 14px;}.fz-15 {    font-size: 15px;}.fz-16 {    font-size: 16px;}.fz-18 {    font-size: 18px;}.fz-30 {    font-size: 30px;}.fz-48 {    font-size: 48px !important;}.fw100 {    font-weight: 100;}.fw300 {    font-weight: 300;}.fw400 {    font-weight: 400 !important;}.fw500 {    font-weight: 500;}.f700 {    font-weight: 700;}.fsi {    font-style: italic;}.mt-10 {    margin-top: 10px;}.mt-15 {    margin-top: 15px;}.mt-20 {    margin-top: 20px;}.mt-25 {    margin-top: 25px;}.mt-30 {    margin-top: 30px;}.mt-35 {    margin-top: 35px;}.mt-40 {    margin-top: 40px;}.mt-50 {    margin-top: 50px;}.mt-60 {    margin-top: 60px;}.mt-70 {    margin-top: 70px;}.mt-80 {    margin-top: 80px;}.mt-100 {    margin-top: 100px;}.mt-120 {    margin-top: 120px;}.mt-150 {    margin-top: 150px;}.ml-0 {    margin-left: 0 !important;}.ml-5 {    margin-left: 5px !important;}.ml-10 {    margin-left: 10px;}.ml-15 {    margin-left: 15px;}.ml-20 {    margin-left: 20px;}.ml-30 {    margin-left: 30px;}.ml-50 {    margin-left: 50px;}.mr-0 {    margin-right: 0 !important;}.mr-5 {    margin-right: 5px !important;}.mr-15 {    margin-right: 15px;}.mr-10 {    margin-right: 10px;}.mr-20 {    margin-right: 20px;}.mr-30 {    margin-right: 30px;}.mr-50 {    margin-right: 50px;}.mb-0 {    margin-bottom: 0px;}.mb-0-i {    margin-bottom: 0px !important;}.mb-5 {    margin-bottom: 5px;}.mb-10 {    margin-bottom: 10px;}.mb-15 {    margin-bottom: 15px;}.mb-20 {    margin-bottom: 20px;}.mb-25 {    margin-bottom: 25px;}.mb-30 {    margin-bottom: 30px;}.mb-40 {    margin-bottom: 40px;}.mb-50 {    margin-bottom: 50px;}.mb-60 {    margin-bottom: 60px;}.mb-70 {    margin-bottom: 70px;}.mb-80 {    margin-bottom: 80px;}.mb-90 {    margin-bottom: 90px;}.mb-100 {    margin-bottom: 100px;}.pt-0 {    padding-top: 0px;}.pt-10 {    padding-top: 10px;}.pt-15 {    padding-top: 15px;}.pt-20 {    padding-top: 20px;}.pt-25 {    padding-top: 25px;}.pt-30 {    padding-top: 30px;}.pt-40 {    padding-top: 40px;}.pt-50 {    padding-top: 50px;}.pt-60 {    padding-top: 60px;}.pt-70 {    padding-top: 70px;}.pt-80 {    padding-top: 80px;}.pt-90 {    padding-top: 90px;}.pt-100 {    padding-top: 100px;}.pt-120 {    padding-top: 120px;}.pt-150 {    padding-top: 150px;}.pb-0 {    padding-bottom: 0px;}.pb-10 {    padding-bottom: 10px;}.pb-15 {    padding-bottom: 15px;}.pb-20 {    padding-bottom: 20px;}.pb-25 {    padding-bottom: 25px;}.pb-30 {    padding-bottom: 30px;}.pb-40 {    padding-bottom: 40px;}.pb-50 {    padding-bottom: 50px;}.pb-60 {    padding-bottom: 60px;}.pb-70 {    padding-bottom: 70px;}.pb-80 {    padding-bottom: 80px;}.pb-90 {    padding-bottom: 90px;}.pb-100 {    padding-bottom: 100px;}.pb-120 {    padding-bottom: 120px;}.pb-150 {    padding-bottom: 150px;}.pr-30 {    padding-right: 30px;}.pr-50 {    padding-right: 50px;}.pr-60 {    padding-right: 60px;}.pr-70 {    padding-right: 70px;}.pr-80 {    padding-right: 80px;}.pr-90 {    padding-right: 90px;}.pr-100 {    padding-right: 100px;}.pr-110 {    padding-right: 110px;}.pr-120 {    padding-right: 120px;}.pl-30 {    padding-left: 30px;}.pl-50 {    padding-left: 50px;}.pl-60 {    padding-left: 60px;}.pl-70 {    padding-left: 70px;}.pl-80 {    padding-left: 80px;}.pl-90 {    padding-left: 90px;}.pl-100 {    padding-left: 100px;}.pl-110 {    padding-left: 110px;}.pl-120 {    padding-left: 120px;}.p-20 {    padding: 20px;}.p-30 {    padding: 30px;}.p-40 {    padding: 40px;}.float-left {    float: left;}.float-right {    float: right;}.text-italic {    font-style: italic;}.text-white {    color: #fff;}.transition {    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}.section-full {    padding: 100px 0;}.section-half {    padding: 75px 0;}.flex {    display: -webkit-box;    display: -webkit-flex;    display: -moz-flex;    display: -ms-flexbox;    display: flex;}.inline-flex {    display: -webkit-inline-box;    display: -webkit-inline-flex;    display: -moz-inline-flex;    display: -ms-inline-flexbox;    display: inline-flex;}.flex-grow {    -webkit-box-flex: 1;    -webkit-flex-grow: 1;    -moz-flex-grow: 1;    -ms-flex-positive: 1;    flex-grow: 1;}.flex-wrap {    -webkit-flex-wrap: wrap;    -moz-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}.flex-left {    -webkit-box-pack: start;    -ms-flex-pack: start;    -webkit-justify-content: flex-start;    -moz-justify-content: flex-start;    justify-content: flex-start;}.flex-middle {    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    -moz-align-items: center;    align-items: center;}.flex-right {    -webkit-box-pack: end;    -ms-flex-pack: end;    -webkit-justify-content: flex-end;    -moz-justify-content: flex-end;    justify-content: flex-end;}.flex-top {    -webkit-align-self: flex-start;    -moz-align-self: flex-start;    -ms-flex-item-align: start;    align-self: flex-start;}.flex-center {    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;    -moz-justify-content: center;    justify-content: center;}.flex-bottom {    -webkit-align-self: flex-end;    -moz-align-self: flex-end;    -ms-flex-item-align: end;    align-self: flex-end;}.space-between {    -webkit-box-pack: justify;    -ms-flex-pack: justify;    -webkit-justify-content: space-between;    -moz-justify-content: space-between;    justify-content: space-between;}.space-around {    -ms-flex-pack: distribute;    -webkit-justify-content: space-around;    -moz-justify-content: space-around;    justify-content: space-around;}.flex-column {    -webkit-box-direction: normal;    -webkit-box-orient: vertical;    -webkit-flex-direction: column;    -moz-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;}.flex-cell {    display: -webkit-box;    display: -webkit-flex;    display: -moz-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-flex: 1;    -webkit-flex-grow: 1;    -moz-flex-grow: 1;    -ms-flex-positive: 1;    flex-grow: 1;}.display-table {    display: table;}.light {    color: #fff;}.dark {    color: #000;}.relative {    position: relative;}.overflow-hidden {    overflow: hidden;}.overlay {    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;}.container.fullwidth {    width: 100%;}.container.no-padding {    padding-left: 0;    padding-right: 0;}.no-padding {    padding: 0;}.section-bg {    background: #f9fafc;}@media (max-width: 767px) {    .no-flex-xs {        display: block !important;    }}.row.no-margin {    margin-left: 0;    margin-right: 0;}.sample-text-area {    background: #fff;    padding: 100px 30px 70px 30px;}.text-heading {    margin-bottom: 30px;    font-size: 24px;}b,i,sup,sub,u,del {    color: #3c408f;}h1 {    font-size: 36px;}h2 {    font-size: 30px;}h3 {    font-size: 24px;}h4 {    font-size: 18px;}h5 {    font-size: 16px;}h6 {    font-size: 14px;}h1,h2,h3,h4,h5,h6 {    line-height: 1.5em;}.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6 {    color: #777777;}.white-bg {    background-color: #fff;    padding: 30px;}.section-top-border {    padding: 70px 15px;    border-top: 1px dotted #eee;}.button-area {    padding: 30px 30px;    background: #fff;}.button-area .border-top-generic {    padding: 70px 15px;    border-top: 1px dotted #eee;}.button-group-area .genric-btn {    margin-right: 10px;    margin-top: 10px;}.button-group-area .genric-btn:last-child {    margin-right: 0;}.genric-btn {    display: inline-block;    outline: none;    line-height: 40px;    padding: 0 30px;    font-size: 1em;    text-align: center;    text-decoration: none;    font-weight: 500;    cursor: pointer;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}.genric-btn:focus {    outline: none;}.genric-btn.e-large {    padding: 0 40px;    line-height: 50px;}.genric-btn.large {    line-height: 45px;}.genric-btn.medium {    line-height: 30px;}.genric-btn.small {    line-height: 25px;}.genric-btn.radius {    border-radius: 3px;}.genric-btn.circle {    border-radius: 20px;}.genric-btn.arrow {    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;}.genric-btn.arrow span {    margin-left: 10px;}.genric-btn.default {    color: #222222;    background: #f9f9ff;    border: 1px solid transparent;}.genric-btn.default:hover {    border: 1px solid #f9f9ff;    background: #fff;}.genric-btn.default-border {    border: 1px solid #f9f9ff;    background: #fff;}.genric-btn.default-border:hover {    color: #222222;    background: #f9f9ff;    border: 1px solid transparent;}.genric-btn.primary {    color: #fff;    background: #f67590;    border: 1px solid transparent;}.genric-btn.primary:hover {    color: #f67590;    border: 1px solid #f67590;    background: #fff;}.genric-btn.primary-border {    color: #f67590;    border: 1px solid #f67590;    background: #fff;}.genric-btn.primary-border:hover {    color: #fff !important;    background: #f67590;    border: 1px solid transparent;}.genric-btn.success {    color: #fff;    background: #56e4d2;    border: 1px solid transparent;}.genric-btn.success:hover {    color: #56e4d2 !important;    border: 1px solid #56e4d2;    background: #fff;}.genric-btn.success-border {    color: #56e4d2;    border: 1px solid #56e4d2;    background: #fff;}.genric-btn.success-border:hover {    color: #fff !important;    background: #56e4d2;    border: 1px solid transparent;}.genric-btn.info {    color: #fff;    background: #38a4ff;    border: 1px solid transparent;}.genric-btn.info:hover {    color: #38a4ff !important;    border: 1px solid #38a4ff;    background: #fff;}.genric-btn.info-border {    color: #38a4ff;    border: 1px solid #38a4ff;    background: #fff;}.genric-btn.info-border:hover {    color: #fff !important;    background: #38a4ff;    border: 1px solid transparent;}.genric-btn.warning {    color: #fff;    background: #f4e700;    border: 1px solid transparent;}.genric-btn.warning:hover {    color: #f4e700 !important;    border: 1px solid #f4e700;    background: #fff;}.genric-btn.warning-border {    color: #f4e700;    border: 1px solid #f4e700;    background: #fff;}.genric-btn.warning-border:hover {    color: #fff !important;    background: #f4e700;    border: 1px solid transparent;}.genric-btn.danger {    color: #fff;    background: #f44a40;    border: 1px solid transparent;}.genric-btn.danger:hover {    color: #f44a40 !important;    border: 1px solid #f44a40;    background: #fff;}.genric-btn.danger-border {    color: #f44a40;    border: 1px solid #f44a40;    background: #fff;}.genric-btn.danger-border:hover {    color: #fff !important;    background: #f44a40;    border: 1px solid transparent;}.genric-btn.link {    color: #222222;    background: #f9f9ff;    text-decoration: underline;    border: 1px solid transparent;}.genric-btn.link:hover {    color: #222222;    border: 1px solid #f9f9ff;    background: #fff;}.genric-btn.link-border {    color: #222222;    border: 1px solid #f9f9ff;    background: #fff;    text-decoration: underline;}.genric-btn.link-border:hover {    color: #222222;    background: #f9f9ff;    border: 1px solid transparent;}.genric-btn.disable {    color: #222222, 0.3;    background: #f9f9ff;    border: 1px solid transparent;    cursor: not-allowed;}.generic-blockquote {    padding: 30px 50px 30px 30px;    background: #f9f9ff;    border-left: 2px solid #f67590;}.progress-table-wrap {    overflow-x: scroll;}.progress-table {    background: #f9f9ff;    padding: 15px 0px 30px 0px;    min-width: 800px;}.progress-table .serial {    width: 11.83%;    padding-left: 30px;}.progress-table .country {    width: 28.07%;}.progress-table .visit {    width: 19.74%;}.progress-table .percentage {    width: 40.36%;    padding-right: 50px;}.progress-table .table-head {    display: flex;}.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage {    color: #222222;    line-height: 40px;    text-transform: uppercase;    font-weight: 500;}.progress-table .table-row {    padding: 15px 0;    border-top: 1px solid #edf3fd;    display: flex;}.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage {    display: flex;    align-items: center;}.progress-table .table-row .country img {    margin-right: 15px;}.progress-table .table-row .percentage .progress {    width: 80%;    border-radius: 0px;    background: transparent;}.progress-table .table-row .percentage .progress .progress-bar {    height: 5px;    line-height: 5px;}.progress-table .table-row .percentage .progress .progress-bar.color-1 {    background-color: #6382e6;}.progress-table .table-row .percentage .progress .progress-bar.color-2 {    background-color: #e66686;}.progress-table .table-row .percentage .progress .progress-bar.color-3 {    background-color: #f09359;}.progress-table .table-row .percentage .progress .progress-bar.color-4 {    background-color: #73fbaf;}.progress-table .table-row .percentage .progress .progress-bar.color-5 {    background-color: #73fbaf;}.progress-table .table-row .percentage .progress .progress-bar.color-6 {    background-color: #6382e6;}.progress-table .table-row .percentage .progress .progress-bar.color-7 {    background-color: #a367e7;}.progress-table .table-row .percentage .progress .progress-bar.color-8 {    background-color: #e66686;}.single-gallery-image {    margin-top: 0px;    background-repeat: no-repeat !important;    background-position: center top !important;    background-size: cover !important;    height: 150px;    border: 1px solid #000;}.list-style {    width: 14px;    height: 14px;}.unordered-list li {    position: relative;    padding-left: 30px;    line-height: 1.82em !important;}.unordered-list li:before {    content: "";    position: absolute;    width: 14px;    height: 14px;    border: 3px solid #f67590;    background: #fff;    top: 4px;    left: 0;    border-radius: 50%;}.ordered-list {    margin-left: 30px;}.ordered-list li {    list-style-type: decimal-leading-zero;    color: #f67590;    font-weight: 500;    line-height: 1.82em !important;}.ordered-list li span {    font-weight: 300;    color: #777777;}.ordered-list-alpha li {    margin-left: 30px;    list-style-type: lower-alpha;    color: #f67590;    font-weight: 500;    line-height: 1.82em !important;}.ordered-list-alpha li span {    font-weight: 300;    color: #777777;}.ordered-list-roman li {    margin-left: 30px;    list-style-type: lower-roman;    color: #f67590;    font-weight: 500;    line-height: 1.82em !important;}.ordered-list-roman li span {    font-weight: 300;    color: #777777;}.single-input {    display: block;    width: 100%;    line-height: 40px;    border: none;    outline: none;    background: #f9f9ff;    padding: 0 20px;}.single-input:focus {    outline: none;}.single-item a {    display: block;    border: 5px solid #c8f1f1;    padding: 10px;    margin: 0px;    margin-top: 22px;}.input-group-icon {    position: relative;}.input-group-icon .icon {    position: absolute;    left: 20px;    top: 0;    line-height: 40px;    z-index: 3;}.input-group-icon .icon i {    color: #797979;}.input-group-icon .single-input {    padding-left: 45px;}.single-textarea {    display: block;    width: 100%;    line-height: 40px;    border: none;    outline: none;    background: #f9f9ff;    padding: 0 20px;    height: 100px;    resize: none;}.single-textarea:focus {    outline: none;}.single-input-primary {    display: block;    width: 100%;    line-height: 40px;    border: 1px solid transparent;    outline: none;    background: #f9f9ff;    padding: 0 20px;}.single-input-primary:focus {    outline: none;    border: 1px solid #f67590;}.single-input-accent {    display: block;    width: 100%;    line-height: 40px;    border: 1px solid transparent;    outline: none;    background: #f9f9ff;    padding: 0 20px;}.single-input-accent:focus {    outline: none;    border: 1px solid #eb6b55;}.single-input-secondary {    display: block;    width: 100%;    line-height: 40px;    border: 1px solid transparent;    outline: none;    background: #f9f9ff;    padding: 0 20px;}.single-input-secondary:focus {    outline: none;    border: 1px solid #f09359;}.default-switch {    width: 35px;    height: 17px;    border-radius: 8.5px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.default-switch input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;    cursor: pointer;}.default-switch input + label {    position: absolute;    top: 1px;    left: 1px;    width: 15px;    height: 15px;    border-radius: 50%;    background: #f67590;    -webkit-transition: all 0.2s;    -moz-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    cursor: pointer;}.default-switch input:checked + label {    left: 19px;}.primary-switch {    width: 35px;    height: 17px;    border-radius: 8.5px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.primary-switch input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;}.primary-switch input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;}.primary-switch input + label:before {    content: "";    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    background: transparent;    border-radius: 8.5px;    cursor: pointer;    -webkit-transition: all 0.2s;    -moz-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;}.primary-switch input + label:after {    content: "";    position: absolute;    top: 1px;    left: 1px;    width: 15px;    height: 15px;    border-radius: 50%;    background: #fff;    -webkit-transition: all 0.2s;    -moz-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    cursor: pointer;}.primary-switch input:checked + label:after {    left: 19px;}.primary-switch input:checked + label:before {    background: #f67590;}.confirm-switch {    width: 35px;    height: 17px;    border-radius: 8.5px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.confirm-switch input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;}.confirm-switch input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;}.confirm-switch input + label:before {    content: "";    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    background: transparent;    border-radius: 8.5px;    -webkit-transition: all 0.2s;    -moz-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;    cursor: pointer;}.confirm-switch input + label:after {    content: "";    position: absolute;    top: 1px;    left: 1px;    width: 15px;    height: 15px;    border-radius: 50%;    background: #fff;    -webkit-transition: all 0.2s;    -moz-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    cursor: pointer;}.confirm-switch input:checked + label:after {    left: 19px;}.confirm-switch input:checked + label:before {    background: #222222;}.primary-checkbox {    width: 16px;    height: 16px;    border-radius: 3px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.primary-checkbox input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;}.primary-checkbox input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 3px;    cursor: pointer;    border: 1px solid #f1f1f1;}.primary-checkbox input:checked + label {    background: url(../img/elements/primary-check.png) no-repeat center center/cover;    border: none;}.confirm-checkbox {    width: 16px;    height: 16px;    border-radius: 3px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.confirm-checkbox input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;}.confirm-checkbox input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 3px;    cursor: pointer;    border: 1px solid #f1f1f1;}.confirm-checkbox input:checked + label {    background: url(../img/elements/success-check.png) no-repeat center center/cover;    border: none;}.disabled-checkbox {    width: 16px;    height: 16px;    border-radius: 3px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.disabled-checkbox input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;}.disabled-checkbox input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 3px;    cursor: pointer;    border: 1px solid #f1f1f1;}.disabled-checkbox input:disabled {    cursor: not-allowed;    z-index: 3;}.disabled-checkbox input:checked + label {    background: url(../img/elements/disabled-check.png) no-repeat center center/cover;    border: none;}.primary-radio {    width: 16px;    height: 16px;    border-radius: 8px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.primary-radio input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;}.primary-radio input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 8px;    cursor: pointer;    border: 1px solid #f1f1f1;}.primary-radio input:checked + label {    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;    border: none;}.confirm-radio {    width: 16px;    height: 16px;    border-radius: 8px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.confirm-radio input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;}.confirm-radio input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 8px;    cursor: pointer;    border: 1px solid #f1f1f1;}.confirm-radio input:checked + label {    background: url(../img/elements/success-radio.png) no-repeat center center/cover;    border: none;}.disabled-radio {    width: 16px;    height: 16px;    border-radius: 8px;    background: #f9f9ff;    position: relative;    cursor: pointer;}.disabled-radio input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;}.disabled-radio input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 8px;    cursor: pointer;    border: 1px solid #f1f1f1;}.disabled-radio input:disabled {    cursor: not-allowed;    z-index: 3;}.disabled-radio input:checked + label {    background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;    border: none;}.default-select {    height: 40px;}.default-select .nice-select {    border: none;    border-radius: 0px;    height: 40px;    background: #f9f9ff;    padding-left: 20px;    padding-right: 40px;}.default-select .nice-select .list {    margin-top: 0;    border: none;    border-radius: 0px;    box-shadow: none;    width: 100%;    padding: 10px 0 10px 0px;}.default-select .nice-select .list .option {    font-weight: 300;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    line-height: 28px;    min-height: 28px;    font-size: 12px;    padding-left: 20px;}.default-select .nice-select .list .option.selected {    color: #f67590;    background: transparent;}.default-select .nice-select .list .option:hover {    color: #f67590;    background: transparent;}.default-select .current {    margin-right: 50px;    font-weight: 300;}.default-select .nice-select::after {    right: 20px;}.form-select {    height: 40px;    width: 100%;}.form-select .nice-select {    border: none;    border-radius: 0px;    height: 40px;    background: #f9f9ff;    padding-left: 45px;    padding-right: 40px;    width: 100%;}.form-select .nice-select .list {    margin-top: 0;    border: none;    border-radius: 0px;    box-shadow: none;    width: 100%;    padding: 10px 0 10px 0px;}.form-select .nice-select .list .option {    font-weight: 300;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    line-height: 28px;    min-height: 28px;    font-size: 12px;    padding-left: 45px;}.form-select .nice-select .list .option.selected {    color: #f67590;    background: transparent;}.form-select .nice-select .list .option:hover {    color: #f67590;    background: transparent;}.form-select .current {    margin-right: 50px;    font-weight: 300;}.form-select .nice-select::after {    right: 20px;}.header-wrap {    position: relative;}.header-top {    padding: 30px 0;}@media (max-width: 767px) {    .header-top {        padding: 15px 0;    }}.menu-bar {    cursor: pointer;}.menu-bar span {    color: #fff;    font-size: 24px;}.main-menubar {    position: relative;}nav {    margin-right: 0px;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    transform-origin: 100% 50%;}nav.hide {    transform: scale(1);} /*@media (max-width: 767px) {  nav {    margin-right: 0;    position: absolute;    right: 0;    top: 47px;    text-align: right;    padding: 20px 0;    z-index: 5;    background: #fff;  }}*/ /*nav.hide {  transform: scale(0);}*/nav a {    font-size: 12px;    font-weight: 500;    text-transform: uppercase;    color: #fff;    margin: 0 25px;    display: inline-block;}@media (max-width: 767px) {    nav a {        margin: 5px 25px;    }}nav a:hover {    color: #fff !important;}@media (max-width: 767px) {    nav a {        color: #f67590;    }    nav a:hover {        color: #f67590 !important;    }}body {    background: #008080;}.main-wrapper-first {    width: 68.75%;    margin: 0 auto;    margin-top: 6rem;}@media (min-width: 1200px) {    .main-wrapper-first {        width: 80%;    }}@media (max-width: 1199px) {    .main-wrapper-first {        margin-top: 3rem;        width: 90%;    }}@media (max-width: 767px) {    .main-wrapper-first {        margin-top: 3rem;        width: 97%;    }}.main-wrapper {    width: 68.75%;    margin: 0 auto;}@media (min-width: 1200px) {    .main-wrapper {        width: 80%;    }}@media (max-width: 1199px) {    .main-wrapper {        width: 90%;    }}@media (max-width: 767px) {    .main-wrapper {        width: 97%;    }}.section-gap {    padding: 120px 0;}.section-title {    padding-bottom: 30px;}.section-title h2 {    margin-bottom: 5px;}.text-center {    text-align: center;}@media (max-width: 767px) {    .mt-sm-30 {        margin-top: 30px;    }}@media (max-width: 767px) {    .mt-sm-20 {        margin-top: 20px;    }}.primary-btn {    line-height: 40px;    padding: 0 30px;    border-radius: 20px;    background: #fff;    border: 1px solid #eee;    color: #000;    display: inline-block;    font-weight: 500;    position: relative;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    cursor: pointer;    text-transform: uppercase;    -moz-background-clip: padding;    -webkit-background-clip: padding-box;    background-clip: padding-box;}.primary-btn:focus {    outline: none;}.primary-btn:hover {    background: #f67590;    border: 1px solid #fff;    color: #fff;}.text-color-black {    color: #222222;}.main-wrapper-first {    background: #000;}.banner-content {    color: #fff;}.banner-content h1 {    color: #fff;    font-weight: 600;}.banner-content p {    margin-top: 1rem;}@media (max-width: 767px) {    .banner-content {        margin-top: 30px;    }    .banner-content h1 {        font-size: 20px;    }}.banner-area {    background: #000;}.featured-area {    background-color: #fff;    padding: 100px 0px;}.single-feature h2 {    font-size: 18px;    font-weight: 500;}.single-feature a {    font-weight: 400;}.single-feature p {    margin-top: 1rem;}.single-feature img {    border-radius: 2px;    height: 100%;}.single-feature .desc {    margin-left: 18px;}@media (max-width: 1024px) and (min-width: 768px) {    .single-feature p {        margin-bottom: 5px;    }}@media (max-width: 768px) and (min-width: 768px) {    .single-feature img {        height: 100%;    }    .single-feature h2 {        font-size: 14px;    }    .single-feature p {        font-size: 10px;        margin-top: 1px;        line-height: 15px;        margin-bottom: 0px;    }    .single-feature a {        font-size: 10px;    }}@media (max-width: 767px) {    .single-feature {        padding-top: 30px;        padding-bottom: 30px;    }    .featured-area {        background-color: #fff;        padding: 40px 0px;    }}.offer-left,.offer-right {    min-height: 495px;    display: flex;    color: #fff;}.offer-left h2,.offer-right h2 {    color: #fff;}.offer_desc {    align-self: flex-end;}@media (max-width: 1199px) {    .offer_desc h2 {        font-size: 25px !important;    }}.special-offer-area h2 {    font-weight: 600;}.special-offer-area p {    margin-top: 1rem;}.offer-left {    background: url(../img/oa1.jpg) no-repeat center center;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;}.offer-right {    background: url(../img/oa2.jpg) no-repeat center center;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;}.image-gallery-area {    background: #fff;}.gallery-item {    margin-left: 0;    margin-right: 0;}.process-area {    background-color: #f9faff;}.process-area .icon {    background-color: #fff;    float: left;    padding: 20px;    margin-right: 10px;}.process-area .lnr {    font-size: 28px;    color: #f5204b;    font-weight: 600;}.process-area h2 {    font-size: 18px;    font-weight: 500;    margin-bottom: 0.5rem;}.process-area p {    font-size: 14px;    font-weight: 300;}@media (max-width: 1199px) {    .process-area .lnr {        font-size: 18px;    }    .process-area p {        font-size: 12px;    }    .process-area h2 {        margin-bottom: 0.1rem;    }}@media (max-width: 768px) and (min-width: 768px) {    .process-area h2 {        font-size: 10px;    }    .process-area p {        font-size: 8px;    }}.about-area {    position: relative;    background: #000;    color: #fff;}.about-area h2 {    font-size: 18px;    font-weight: 500;    margin-bottom: 18px;}.about-left {    padding-left: 0;    padding-right: 0;}.about-right {    padding-left: 70px;    padding-right: 70px;}@media (max-width: 768px) {    .about-left img {        width: 100%;    }    .about-right {        padding: 40px 10px;        text-align: center;    }}.newsletter-area {    background-color: #f67590;    color: #fff;}.newsletter-area .subscribe-content h3 {    font-weight: 600;}.newsletter-area p {    margin-top: 1rem;    font-weight: 300;}.newsletter-area .subcribe-form {    margin-top: 30px;}@media (min-width: 991px) {    .newsletter-area .subcribe-form {        width: 600px;    }}@media (max-width: 991px) {    .subscription {        margin-top: 20px;    }}.subscription input {    width: 100%;    line-height: 50px;    padding: 0 180px 0 25px;    border: none;    background: #fff;    font-weight: 300;    border-radius: 25px;    color: #000;}.subscription .primary-btn {    background: #f67590;    color: #fff;    position: absolute;    top: 50%;    transform: translateY(-50%);    right: 5px;}.subscription .info {    position: absolute;    top: 60px;    left: 50%;    transform: translateX(-50%);    color: #fff;    font-size: 12px;}.subscription .info.valid {    color: green;}.subscription .info.error {    color: #fff;}@media (max-width: 767px) {    .subscription input {        padding: 0 25px;    }    .subscription .primary-btn {        top: 120%;        transform: translate(50%, 0);        right: 50%;        width: 177px;    }    .subscription .info {        top: 110px;    }}.footer-area {    /*background: url(../img/f-bg.jpg);  background-size: cover;*/    color: #fff;    margin-bottom: 90px;    background-color: #000;}.footer-area i {    color: #fff;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}.footer-area i:hover {    color: #000;}.footer-area a:hover {    color: #000 !important;}@media (max-width: 767px) {    .footer-area {        margin-top: 55px;    }}.footer-area .footer-social {    margin-top: 30px;}.footer-area .footer-social a {    padding: 15px;}.beginning-area {    background-color: #fff;}.generic-featured-area {    background-color: #f9faff;}.about-generic-area {    background-color: #fff;}.gallery-title {    font-size: 36px;    color: #42b32f;    text-align: center;    font-weight: 500;    margin-bottom: 70px;}.gallery-title:after {    content: "";    position: absolute;    width: 7.5%;    left: 46.5%;    height: 45px;    border-bottom: 1px solid #5e5e5e;}.filter-button {    font-size: 18px;    border: 1px solid #42b32f;    border-radius: 5px;    text-align: center;    color: #42b32f;    margin-bottom: 30px;}.filter-button:hover {    font-size: 18px;    border: 1px solid #42b32f;    border-radius: 5px;    text-align: center;    color: #ffffff;    background-color: #42b32f;}.btn-default:active .filter-button:active {    background-color: #42b32f;    color: white;}.port-image {    width: 100%;}.gallery_product {    margin-bottom: 30px;}.slider {    width: 100%;}.slick-slide {    margin: 0px 2px;}.slick-slide img {    height: 500px;}.slick-prev:before,.slick-next:before {    color: #000;}.slick-slide {    transition: all ease-in-out 0.3s;    opacity: 1;}.slick-active {    opacity: 1;}.slick-current {    opacity: 1;}.slick-prev::before,.slick-next::before {    font-family: "slick";    font-size: 20px;    line-height: 1;    opacity: 0.75;    color: #fff !important;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.normallist {    border-bottom: 1px solid rgba(115, 115, 115, 0.2); /*#008080;*/    width: 90px;    display: block;    cursor: pointer;    -webkit-transition: font-size 0.3s;    -moz-transition: font-size 0.3s;    -o-transition: font-size 0.3s;    transition: font-size 0.3s;}#yearlist li:hover {    border-bottom: 1px solid #008080 !important;    color: #008080 !important;    font-size: 24px;    font-weight: 500;    padding: 10px;}.activelist {    border-bottom: 1px solid #008080 !important;    color: #008080;    font-size: 24px;    font-weight: 500;    padding: 10px;}.media-mobile {    display: block;    padding: 20px;    text-align: center;}.normallist {    width: auto !important;}.media-mobile ul li {    display: inline-block;    text-align: left !important;}@media (max-width: 768px) {    .media-mobile {        display: block;        padding: 20px;        text-align: center;    }    .normallist {        width: auto !important;    }    .media-mobile ul li {        display: inline-block;        text-align: left !important;    }    .media-desktop {        display: none;    }    .slider {        width: 100%;        margin-left: 0px;    }    .slick-slide img {        height: 250px;    }}