::-webkit-input-placeholder{color:#777;font-weight:300}
:-moz-placeholder{color:#777;opacity:1;font-weight:300}
::-moz-placeholder{color:#777;opacity:1;font-weight:300}
:-ms-input-placeholder{color:#777;font-weight:300}
::-ms-input-placeholder{color:#777;font-weight:300}
body{color:#777;font-family:"Poppins",sans-serif;font-size:14px;font-weight:300;line-height:1.5em;position:relative}
ol,ul{margin:0;padding:0;list-style:none}
select{display:block}
figure{margin:0}
a{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
a:hover{color:#bc5ede}
iframe{border:0;max-width:100%}
a,a:focus,a:hover{text-decoration:none;outline:0}
.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}
.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:#222;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:#222}
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:#222}
td,th{border-radius:0}
.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:0}
.mb-0-i{margin-bottom:0!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:0}
.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-150{padding-top:150px}
.pb-0{padding-bottom:0}
.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-150{padding-bottom:150px}
.pr-30{padding-right:30px}
.pl-30{padding-left:30px}
.p-40{padding:40px}
.float-left{float:left}
.float-right{float:right}
.text-italic{font-style:italic}
.text-white{color:#fff}
.text-black{color:#222!important}
#twitch-embed{margin:0 auto;padding:3em 0;text-align:center;width:100%}
.transition{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.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 0 70px}
.text-heading{margin-bottom:30px;font-size:24px}
b,i,sup,sub,u,del{color:#6cbb23}
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:#777}
.button-area{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 .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.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:#222;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:#222;background:#f9f9ff;border:1px solid transparent}
.genric-btn.primary{color:#fff;background:#6cbb23;border:1px solid transparent}
.genric-btn.primary:hover{color:#6cbb23;border:1px solid #6cbb23;background:#fff}
.genric-btn.primary-border{color:#6cbb23;border:1px solid #6cbb23;background:#fff}
.genric-btn.primary-border:hover{color:#fff;background:#6cbb23;border:1px solid transparent}
.genric-btn.success{color:#fff;background:#4cd3e3;border:1px solid transparent}
.genric-btn.success:hover{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}
.genric-btn.success-border{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}
.genric-btn.success-border:hover{color:#fff;background:#4cd3e3;border:1px solid transparent}
.genric-btn.info{color:#fff;background:#38a4ff;border:1px solid transparent}
.genric-btn.info:hover{color:#38a4ff;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;background:#38a4ff;border:1px solid transparent}
.genric-btn.warning{color:#fff;background:#f4e700;border:1px solid transparent}
.genric-btn.warning:hover{color:#f4e700;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;background:#f4e700;border:1px solid transparent}
.genric-btn.danger{color:#fff;background:#f44a40;border:1px solid transparent}
.genric-btn.danger:hover{color:#f44a40;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;background:#f44a40;border:1px solid transparent}
.genric-btn.link{color:#222;background:#f9f9ff;text-decoration:underline;border:1px solid transparent}
.genric-btn.link:hover{color:#222;border:1px solid #f9f9ff;background:#fff}
.genric-btn.link-border{color:#222;border:1px solid #f9f9ff;background:#fff;text-decoration:underline}
.genric-btn.link-border:hover{color:#222;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 #6cbb23}
.progress-table-wrap{overflow-x:scroll}
.progress-table{background:#f9f9ff;padding:15px 0 30px;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:#222;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:0;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:30px;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;height:200px}
.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 #6cbb23;background:#fff;top:4px;left:0;border-radius:50%}
.ordered-list{margin-left:30px}
.ordered-list li{list-style-type:decimal-leading-zero;color:#6cbb23;font-weight:500;line-height:1.82em!important}
.ordered-list li span{font-weight:300;color:#777}
.ordered-list-alpha li{margin-left:30px;list-style-type:lower-alpha;color:#6cbb23;font-weight:500;line-height:1.82em!important}
.ordered-list-alpha li span{font-weight:300;color:#777}
.ordered-list-roman li{margin-left:30px;list-style-type:lower-roman;color:#6cbb23;font-weight:500;line-height:1.82em!important}
.ordered-list-roman li span{font-weight:300;color:#777}
.single-input{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px}
.single-input:focus{outline:none}
.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;color:#000;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 #6cbb23}
.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:#6cbb23;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0 4px 5px 0 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 .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .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 .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0 4px 5px 0 rgba(0,0,0,0.2);cursor:pointer}
.primary-switch input:checked + label:after{left:19px}
.primary-switch input:checked + label:before{background:#6cbb23}
.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 .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .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 .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0 4px 5px 0 rgba(0,0,0,0.2);cursor:pointer}
.confirm-switch input:checked + label:after{left:19px}
.confirm-switch input:checked + label:before{background:#4cd3e3}
.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:0;height:40px;background:#f9f9ff;padding-left:20px;padding-right:40px}
.default-select .nice-select .list{margin-top:0;border:none;border-radius:0;box-shadow:none;width:100%;padding:10px 0}
.default-select .nice-select .list .option{font-weight:300;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;line-height:28px;min-height:28px;font-size:12px;padding-left:20px}
.default-select .nice-select .list .option.selected{color:#6cbb23;background:transparent}
.default-select .nice-select .list .option:hover{color:#6cbb23;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:0;height:40px;background:#f9f9ff;padding-left:45px;padding-right:40px;width:100%}
.form-select .nice-select .list{margin-top:0;border:none;border-radius:0;box-shadow:none;width:100%;padding:10px 0}
.form-select .nice-select .list .option{font-weight:300;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;line-height:28px;min-height:28px;font-size:12px;padding-left:45px}
.form-select .nice-select .list .option.selected{color:#6cbb23;background:transparent}
.form-select .nice-select .list .option:hover{color:#6cbb23;background:transparent}
.form-select .current{margin-right:50px;font-weight:300}
.form-select .nice-select::after{right:20px}
.header-wrap{position:relative}
header{position:absolute;top:0;left:0;width:100%;z-index:2}
@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:70px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;transform-origin:100% 50%}
@media (max-width: 1152px) {
nav{margin-right:0;position:absolute;right:0;top:47px;text-align:right;padding:20px 0;z-index:5;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;transform-origin:100% 50%}
}
nav.hide{transform:scale(0)}
nav a{font-size:12px;font-weight:500;text-transform:uppercase;color:#fff;margin:.4em 25px;display:inline-block}
@media (max-width: 767px) {
nav a{margin:5px 25px}
}
nav a:hover{color:#ff7bef}
body{background:#4b379a}
.main-wrapper-first{width:100%;margin:0 auto}
@media (min-width: 1200px) {
.main-wrapper-first{width:100%}
}
@media (max-width: 1199px) {
.main-wrapper-first{width:100%}
}
@media (max-width: 767px) {
.main-wrapper-first{width:100%}
}
.main-wrapper{width:100%;margin:0 auto}
@media (min-width: 1200px) {
.main-wrapper{width:100%}
}
@media (max-width: 1199px) {
.main-wrapper{width:100%}
}
@media (max-width: 767px) {
.main-wrapper{width:100%}
}
.p1-gradient-bg,.primary-btn:after,.overlay-bg,.owl-dot.active,.service-area .single-service .overlay-content{background:#6441a5;background:-moz-radial-gradient(circle,rgba(100,65,165,1) 0%,rgba(0,0,0,1) 100%);background:-webkit-radial-gradient(circle,rgba(100,65,165,1) 0%,rgba(0,0,0,1) 100%);background:radial-gradient(circle,rgba(100,65,165,1) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6441a5",endColorstr="#000000",GradientType=1)}
.p2-gradient-bg{background-image:-moz-linear-gradient(90deg,#3224b0 0%,#be5ede 50%);background-image:-webkit-linear-gradient(90deg,#3224b0 0%,#be5ede 50%);background-image:-ms-linear-gradient(90deg,#3224b0 0%,#be5ede 50%)}
.p1-gradient-color{background:-moz-linear-gradient(0deg,#3224b0,#be5ede);background:-webkit-linear-gradient(0deg,#3224b0,#be5ede);background:-ms-linear-gradient(0deg,#3224b0,#be5ede);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.section-gap{padding:120px 0}
.section-title{padding-bottom:30px}
.section-title h2{margin-bottom:5px}
@media (max-width: 767px) {
.mt-sm-30{margin-top:30px}
}
@media (max-width: 767px) {
.mt-sm-20{margin-top:20px}
}
.header-top{padding-top:15px}
.logo{width:228px;display:inline-block}
.primary-btn{line-height:40px;padding:0 30px;border-radius:20px;background:transparent;border:1px solid #fff;color:#222;display:inline-block;font-weight:500;position:relative;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;cursor:pointer}
.primary-btn:focus{outline:none}
.primary-btn span{color:#fff;position:relative;z-index:2}
.primary-btn:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-radius:20px;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;z-index:1}
.primary-btn:hover{color:#fff;border:1px solid transparent}
.primary-btn:hover:after{opacity:1}
.primary-btn.hover{color:#fff;border:1px solid transparent}
.primary-btn.hover:after{opacity:1}
.banner-area .height{height:540px}
.banner-area .generic-height{height:400px}
.banner-content{margin-top:50px}
.banner-content h1{font-size:74px;font-weight:100;line-height:1.25em;color:#fff}
.banner-content h4{color:#fff;font-size:18px;font-weight:300;letter-spacing:3px}
@media (max-width: 768px) {
.banner-content h1{font-size:60px}
}
@media (max-width: 499px) {
.banner-content h1{font-size:44px}
}
@media (max-width: 391px) {
.banner-content h1{font-size:34px}
}
.hero-area{background:url() no-repeat center/contain;background-size:cover}
.overlay-bg{opacity:.7}
.overlay-bg-puma{opacity:.1;background:#000}
.genric-banner{background:transparent}
.genric-banner h1{margin-bottom:10px}
.featured-area{background-color:#fff}
.featured-area h2{font-size:36px;font-weight:100}
.featured-area h2 span{font-weight:600}
.featured-area p{margin-top:25px;margin-bottom:25px}
@media (max-width: 768px) {
.feature-right{margin-top:50px}
}
@media (max-width: 767px) {
.feature-left{padding-top:50px;margin-right:0!important;text-align:center}
}
.feature-left{margin-right:5.4em}
.owl-dots{text-align:center;bottom:5px;margin-top:20px;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.owl-dot{border-radius:50px;height:10px;width:10px;display:inline-block;background:rgba(127,127,127,0.5);margin-left:5px;margin-right:5px}
.owl-dot.active{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;padding:0 25px 0 0}
.parallux-area{background-size:cover;background-repeat:no-repeat;background-position:left}
.parallux-area .overlay-bg{background:#000;opacity:.7}
.parallux-area h2{color:#fff;font-size:36px;font-weight:100}
.parallux-area h2 span{font-weight:600}
.parallux-area p{color:#fff;margin-top:20px;margin-bottom:25px}
.service-area{padding:90px 0 120px;background:#fff}
.service-area .single-service{height:400px;color:#fff;position:relative;border-radius:3px;overflow:hidden;margin-top:30px;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}
.service-area .single-service .overlay-content{opacity:.8;padding:30px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:end;-moz-justify-content:end;justify-content:end;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;transition-timing-function:cubic-bezier(0.39,0.92,0.69,0.65);transform:scaleY(0);transform-origin:top}
.service-area .single-service .overlay-content h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:15px}
.service-area .single-service:hover .overlay-content{transform:scaleY(1)}
.contact-area{background:url(../img/contact-bg.jpg) no-repeat center center/cover;color:#fff}
.contact-area h2{font-size:36px;font-weight:100}
.contact-area h2 span{font-weight:600}
.contact-area p{font-size:14px;font-weight:300}
.contact-form ::-webkit-input-placeholder{color:#fff;font-weight:300}
.contact-form :-moz-placeholder{color:#fff;opacity:1;font-weight:300}
.contact-form ::-moz-placeholder{color:#fff;opacity:1;font-weight:300}
.contact-form :-ms-input-placeholder{color:#fff;font-weight:300}
.contact-form ::-ms-input-placeholder{color:#fff;font-weight:300}
.contact-form .alert-msg{color:#fff!important;margin-top:50px;z-index:1}
.contact-form .primary-btn:hover{background:transparent}
.contact-form .primary-btn:hover span{color:#fff!important}
.common-input{border:1px solid #8373ca;line-height:48px;width:100%;display:block;background:transparent;padding:0 25px;color:#fff}
.common-textarea{border:1px solid #8373ca;width:100%;display:block;background:transparent;padding:15px 25px;color:#fff;height:150px;resize:none}
.newsletter-area{background-color:#f9f9ff}
.newsletter-area .primary-btn{border:transparent}
.newsletter-area h3{font-size:36px;font-weight:100;color:#222}
.newsletter-area h3 span{font-weight:600}
.newsletter-area p{margin-top:3rem;font-weight:300}
.newsletter-area .subcribe-form{margin-top:30px}
@media (min-width: 991px) {
.newsletter-area .subcribe-form{width:600px}
}
@media (max-width: 768px) {
.newsletter-area p{margin-top:120px}
}
@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}
@media (max-width: 376px) {
.subscription input{width:80%}
}
.subscription .primary-btn{background:#bc5ede;text-transform:uppercase;color:#fff;position:absolute;top:50%;transform:translateY(-50%);right:5px}
.subscription .info{position:absolute;top:60px;left:50%;transform:translateX(-50%);color:#fff;width:100%;font-size:12px}
.subscription .info.valid{color:green}
.subscription .info.error{color:red}
@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}
.newsletter-area{padding-bottom:120px}
}
.footer-area{background:#000;padding:100px 0}
.footer-area .footer-content{position:relative;z-index:2}
.footer-area .footer-menu a{display:inline-block;margin:0 20px;color:#fff}
.footer-area .footer-menu a:hover{color:#bc5ede}
@media (max-width: 768px) {
.footer-area .footer-menu a{margin:0 15px}
}
.footer-area .footer-social{margin:30px 0}
.footer-area .footer-social a{display:inline-block;margin:0 5px;padding:2px}
.footer-area .footer-social a i{color:#fff;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.footer-area .footer-social a:hover i{color:#bc5ede}
.footer-area .copy-right-text{text-align:center;color:#fff}
.footer-area .copy-right-text a,.footer-area .copy-right-text i{color:#bc5ede}
.about-generic-area{background:#fff}
.about-generic-area .border-top-generic{padding:120px 15px}
.about-generic-area p{margin-bottom:20px}
.white-bg{background:#fff}
.section-top-border{padding:70px 0}
.switch-wrap{margin-bottom:10px}
.switch-wrap p{margin:0}