body{font-family:'Roboto', sans-serif;; overflow-x:hidden;}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.form-control{box-sizing:content-box!important; -moz-box-sizing:content-box!important; -webkit-box-sizing:content-box!important;}
a, a:hover{text-decoration:none;}
a{color:#0b4a7e;}
hr{border-top:1px solid #e8eaeb; margin:0;}
.nav-tabs .nav-link{color:#7f8c9a;}
.slick-track{margin:0;}


/* Fonts */
.font1{font-family:'Eina03', 'Helvetica'}
.font2{font-family:'Maison Neue', 'Helvetica';}
.font3{font-family:'HelveticaNeue', 'Helvetica';}


/* Colors */
.text-primary{color:var(--pcolor)!important;}
.text-primary-h:hover{color:var(--pcolor)!important;}
.bg-primary{background:var(--pcolor)!important;}
.text-secondary{color:var(--scolor)!important;}
.text-secondary-h:hover{color:var(--scolor)!important;}
.bg-secondary{background:var(--scolor)!important;}


/* Breadcrumb */
.breadcrumb{display:block; background:none; font-size:13px; font-weight:300; padding:40px 0 15px 0;}
.breadcrumb, .breadcrumb a{color:#9fa1a7;}


/* Hamburger */
.hamburger{display:block; position:relative; width:24px; height:24px; padding:0;}
.hamburger > *{
    position:absolute; top:calc(50% - 1px); left:0; right:0; height:2px; background:#000;
    transition:opacity .3s, transform .3s;
}
.hamburger > *:nth-child(1){transform:translateY(-7px);}
.hamburger > *:nth-child(3){transform:translateY(7px);}
.hamburger.active > *:nth-child(1){transform:rotate(45deg);}
.hamburger.active > *:nth-child(2){opacity:0;}
.hamburger.active > *:nth-child(3){transform:rotate(-45deg);}


/* Typography */
h1.text-md{font-size:56px; line-height:75px; letter-spacing:-0.64px; margin:0;}
h1{line-height:44px; letter-spacing:0.1em; font-size:32px; margin:0px;}
h1.text-sm{font-size:26px; letter-spacing:-0.25px; line-height:1.5; margin:0;}
h2.text-lg{line-height:42px; letter-spacing:-0.25px; font-size:30px; margin:0px;}
h3{line-height:32px; letter-spacing:0px; font-size:20px; margin:0;}
h3.text-lg{line-height:36px; letter-spacing:-0.25px; font-size:24px;}
p{
    color:#4a4e57; font-weight:300; letter-spacing:0.12px; font-size:15px;
    line-height:28px; margin:0; padding:0;
}
@media screen and (max-width:991.98px){
    h1.text-md{font-size:47px; line-height:63px; letter-spacing:-0.5px;}
}
@media screen and (max-width:767.98px){
    h1.text-md{font-size:39px; line-height:53px; letter-spacing:-0.35;}
}
@media screen and (min-width:767.98px){
    h1{
        font-size: calc(32px + ((20 * (100vw - 900px)) / 799));
        line-height: calc(44px + ((30 * (100vw - 900px)) / 799));
    }
    h1.text-sm{
        font-size: calc(35px + ((10 * (100vw - 800px)) / 799));
        letter-spacing: calc(-0.5px + ((0.5 * (100vw - 800px)) / 799));
        line-height: calc(48px + ((14 * (100vw - 800px)) / 799));
    }
    h2.text-lg{
        font-size: calc(38px + ((12 * (100vw - 800px)) / 799));
        letter-spacing: calc(-0.5px + ((0.5 * (100vw - 800px)) / 799));
        line-height: calc(50px + ((15 * (100vw - 800px)) / 799));
    }
    h3{
        font-size: calc(20px + ((4 * (100vw - 900px)) / 799));
        letter-spacing: calc(0px + ((0.12 * (100vw - 900px)) / 799));
        line-height: calc(32px + ((4 * (100vw - 900px)) / 799));
    }
    h3.text-lg{
        font-size: calc(24px + ((12 * (100vw - 800px)) / 799));
        letter-spacing: calc(-0.12px + ((0.13 * (100vw - 800px)) / 799));
        line-height: calc(36px + ((16 * (100vw - 800px)) / 799));
    }
    p{
        font-size: calc(14px + ((2 * (100vw - 800px)) / 799));
        line-height: calc(26px + ((5 * (100vw - 800px)) / 799));
    }
}


/* Buttons */
.btn{outline:none; width:auto; cursor:pointer; box-shadow:none; transition:all 0.35s ease-in-out 0s;}

.btn-default, .btn-default:focus{color:#000; border:1px solid #e7ebed; background:#e7ebed; box-shadow:none;}
.btn-default:hover{background:#fff;}
.btn-default:active{opacity:.6;}

.btn.round, .btn.round:focus{
    color:#fff; font-weight:500; font-size:12px; line-height:14px; letter-spacing:0.5px;
    overflow-wrap:break-word; padding:20px 39px 16px 39px!important; border-radius:999em;
    font-weight:500; box-shadow:rgba(0, 0, 0, 0.12) 0px 20px 40px 0px;
}
.btn.round:hover, .btn.round:active{box-shadow:rgba(0, 0, 0, 0) 0px 20px 40px 0px;}

.btn.btn-lg.round, .btn.btn-lg.round:focus{
    color:#fff; font-weight:500; font-size:11px; line-height:0; letter-spacing:0.1071em;
    overflow-wrap:break-word; padding:28px 40px!important; border-radius:999em;
    box-shadow:rgba(0, 0, 0, 0.12) 0px 20px 40px 0px;
}
.btn.btn-lg.round:hover, .btn.btn-lg.round:active{box-shadow:rgba(0, 0, 0, 0) 0px 20px 40px 0px;}

.pp-h-stylish1 span:nth-child(1){color:#727781; font-weight:200; letter-spacing:-0.05em;}
.pp-h-stylish1 span:nth-child(2){color:#000; font-weight:600; letter-spacing:0.02em;}
.pp-h-stylish1 span:nth-child(3){font-size:60px; line-height:0;}
h4.pp-h-stylish1 span:nth-child(3){font-size:35px;}


/* Social Buttons */
.social-container{width:100%; overflow:hidden; text-align:center;}
.social-container .social.btn{
    width:36px; height:34px; text-align:center; border-radius:3px; box-shadow:none!important;
    color:#fff; font-size:18px; line-height:31px; padding:0; margin:3px;
    background:#b7c2c2; border:2px solid #b7c2c2; transition:.3s all;
}
.social-container .social.btn.btn-fb{background:#3b579d; border:2px solid #3b579d;}
.social-container .social.btn.btn-tw{background:#00aced; border:2px solid #00aced;}
.social-container .social.btn.btn-ln{background:#007bb6; border:2px solid #007bb6;}
.social-container .social.btn.btn-pn{background:#c94638; border:2px solid #c94638;}
.social-container .social.btn.btn-gg{background:#da4835; border:2px solid #da4835;}
.social-container .social.btn:hover{background:#fff; color:#b7c2c2;}
.social-container .social.btn.btn-fb:hover{color:#3b579d;}
.social-container .social.btn.btn-tw:hover{color:#00aced;}
.social-container .social.btn.btn-ln:hover{color:#007bb6;}
.social-container .social.btn.btn-pn:hover{color:#c94638;}
.social-container .social.btn.btn-gg:hover{color:#da4835;}


/* Buttons */
.btn{
    color:#fff; font-size:16px; line-height:1.25; letter-spacing:.6px; margin:0; box-shadow:none;
    overflow-wrap:break-word; padding:14px 25px 13px 25px!important; border:2px solid transparent;
    font-weight:700; border-radius:0; outline:none; text-align:center; transition:all .3s;
}
.btn.btn-lg{font-size:28px; padding:17px 34px 16px 34px!important; font-weight:900;}
@media screen and (max-width:1199.98px){
    .btn.btn-lg{font-size:26px; padding:16px 32px 15px 32px!important;}
}
@media screen and (max-width:991.98px){
    .btn.btn-lg{font-size:22px; padding:15px 29px 14px 29px!important;}
}
@media screen and (max-width:767.98px){
    .btn.btn-lg{font-size:20px; padding:14px 25px 13px 25px!important;}
}

.btn.btn-white-inverse, .btn.btn-white-inverse:active, .btn.btn-white-inverse:focus{
    border-color:#fff; color:#fff; transition:background .3s;
}
.btn.btn-white-inverse:hover{border-color:#fff; color:#fff; background:#000;}
.btn.btn-black, .btn.btn-black:active, .btn.btn-black:focus{
    border-color:#000; color:#fff; background:#000; transition:background .3s;
}
.btn.btn-black:hover{border-color:#000; color:#fff; background:#000; background:#000;}


/* Typography */
h1{font-size:64px; font-weight:900; line-height:1.125; letter-spacing:0;}
h2{font-size:56px; font-weight:400; letter-spacing:-2px; line-height:1.25;}
p{font-size:18px; font-weight:500; color:#525252; letter-spacing:.4px; line-height:1.7;}
@media screen and (max-width:1199.98px){
    h1{font-size:60px;}
    h2{font-size:52px; letter-spacing:-1.75px;}
}
@media screen and (max-width:991.98px){
    h1{font-size:50px;}
    h2{font-size:44px; letter-spacing:-1.5px;}
    p{font-size:17px; letter-spacing:.3px;}
}
@media screen and (max-width:767.98px){
    h1{font-size:40px;}
    h2{font-size:36px; letter-spacing:-1.25px;}
    p{font-size:16px; letter-spacing:.25px;}
}
@media screen and (max-width:559.98px){
    h1{font-size:34px;}
    h2{font-size:32px; letter-spacing:-1px;}
}


/* Padding */
.section-padding{padding:100px 0;}
@media screen and (max-width:1199.98px){
    .section-padding{padding:90px 0;}
}
@media screen and (max-width:991.98px){
    .section-padding{padding:80px 0;}
}
@media screen and (max-width:767.98px){
    .section-padding{padding:70px 0;}
}


/* List */
.pp-list{list-style:none; padding:0; margin:0;}
.pp-list > li{
    position:relative; font-size:20px; letter-spacing:-0.16px; padding-left:1.8em; 
    font-weight:300; margin-bottom:10px;
}
.pp-list > li p{font-size:16px; font-weight:200; letter-spacing:0.24px; margin-top:.7em; color:#4a5259;}
.pp-list > li::before{content:''; position:absolute; top:.5em; left:0; width:6px; height:6px;}

.doc-links{margin:0 0 65px 20px!important; padding:0; list-style:none;}
.doc-links li{
    position:relative; font-size:18px; color:#8a959e; line-height:1.35!important; 
    margin:0; padding:0 0 10px 0!important;
}
.doc-links li::before{
    content:''; position:absolute; top:6px!important; left:-20px; width:6px; height:6px;
    background:#8a959e; border-radius:3px;
}
.doc-links a{
    text-transform:uppercase; font-weight:600; font-size:16px; transition:.3s opacity;
}
.doc-links a:hover{opacity:.75;}
.doc-links > ul, .doc-links > ul > ul{margin:0 0 10px 40px!important;}
.doc-links > ul > li::before{background:none!important; border:1px solid #8a959e!important;}
.doc-links > ul > ul > li::before{border-radius:0!important;}


/* Video */
.pp-video-container, .pp-video-container > video{display:block; position:relative; width:100%; overflow:hidden;}
.pp-video-container > video{opacity:0; transition:.25s opacity;}
.pp-video-container > .play-video-cover{
    display:flex; position:absolute; top:0; bottom:0; left:0; right:0; align-items:center; cursor:pointer;
    background-position:center!important; background-size:cover!important; transition:.25s opacity;
}
.pp-video-container > .play-video-cover svg, .pp-video-container > .play-video-cover path{transition:.25s all;}


/* Tables */
.table-wrapper{display:block; width:100%; overflow-y:hidden; overflow-x:auto;}

/* Pagination */
.pagination, .pview-selector{display:block; overflow:hidden;}
.pagination > *, .pview-selector > *{
    float:left; display:block; width:36px; text-align:center; color:#646464; background:#f7f7f7;
    line-height:36px; font-weight:500; border-radius:3px; font-size:17px; margin:3px 5px 3px 0;
    transition:.25s all;
}
.pagination > *:last-child, .pview-selector > *:last-child{margin-right:0;}
.pagination a, .pview-selector a{text-decoration:none!important;}
.pagination .active, .pagination .disabled, .pview-selector .active{pointer-events:none;}
.pview-selector .toggle.active{pointer-events:all;}
.pagination .disabled{opacity:.45;}
@media screen and (max-width:559.98px){
    .pagination > *, .pview-selector > *{
        width:22px; line-height:22px; border-radius:2px; font-size:14px; margin:3px 3px 3px 0;
    }
}


/* Form Inputs */
.form-group{margin-bottom:25px;}
.form-group label{
    display:block; color:#182237; font-size:11px; line-height:14px; font-weight:500; letter-spacing:1px;
    text-transform:uppercase; margin-bottom:4px; opacity:0.9;
}
.form-group .help-block{position:absolute;}
.form-group .help-block [role=alert], .form-group .help-block [role=alert] li{
    list-style:none; padding:0; margin:0; color:#dc3545; font-size:11px;
}
.form-group .help-block [role=alert]{margin-top:2px;}

.form-control, .form-control:active{
    display:block; margin:0; width:calc(100% - 38px); max-width:calc(100% - 38px); font-size:14px; 
    font-weight:300; line-height:1; height:14px; padding:15px 18px; border:1px solid rgba(31,37,50,.15); 
    border-radius:4px; box-shadow:none; outline-style:none; transition:all 0.2s ease 0s;
}
select.form-control, select.form-control:active{height:46px; padding:0 18px;}
.form-control:focus{box-shadow:none; outline-style:none; border:1px solid #182237;}
.form-group.error .form-control{border:1px solid #dc3545;}

/* Form Text Headers */
.form-group.text{margin-bottom:18px;}
.form-group.text .subtitle{font-size:25px; margin:0 0 5px 0;}
.form-group.text .subdesc{
    color:#4a4e57; font-size:16px; line-height:28px; letter-spacing:0.12px; font-weight:300; margin:0;
}

/* Form Separators */
hr.form-section-sep{margin:10px 0 30px 0;}
div.form-section-sep{display:block; width:100%; height:30px; clear:both; margin:0;}

/* Checkbox & Radio */
.form-group.checkbox, .form-group.radio{margin-bottom:0;}
.form-group.checkbox > .wrapper, .form-group.radio > .wrapper{
    display:block; clear:both; position:relative; width:100%; margin-bottom:5px;
}
.form-group.checkbox .form-control[type=checkbox], .form-group.radio .form-control[type=radio]{
    opacity:0; width:auto!important; cursor:pointer; position:absolute;
}
.form-group.checkbox label, .form-group.radio label{
    position:relative; display:inline-block; padding-left:29px; -ms-user-select:none; cursor:pointer;
    -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none;
    max-width:calc(100% - 20px);
}
.form-group.checkbox label::before, .form-group.checkbox label::after,
.form-group.radio label::before, .form-group.radio label::after{
    content:''; position:absolute; display:inline-block;
}
.form-group.checkbox label::before, .form-group.radio label::before{
    height:12px; width:12px; border:1px solid #000; background:#fff; left:9px; top:3px;
}
.form-group.radio label::before{border-radius:50%;}
.form-group.checkbox label::before, .form-group.radio label::before{top:-1px;}
.form-group.checkbox label::after{
    height:5px; width:9px; border-left:2px solid; border-bottom:2px solid; transform:rotate(-45deg);
    top:5px; left:11px;
}
.form-group.radio label::after{
    width:8px; height:8px; border-radius:50%; background:none; border:0; top:.5px; left:11.3px;
}
.form-group.checkbox label::after{top:1.5px;}
.form-group.checkbox .form-control[type=checkbox] + label::after{content:none;}
.form-group.checkbox .form-control[type=checkbox]:checked + label::after{content:'';}
.form-group.radio .form-control[type=radio]:checked + label::after{background:#000;}
.form-group.checkbox .form-control[type=checkbox]:focus + label::before{
    outline:rgb(59, 153, 252) auto 5px;
}

.form-group.checkbox .controls, .form-group.checkbox .controls > .help-block, 
.form-group.radio .controls, .form-group.radio .controls > .help-block{
    display:block; position:relative; margin-left:15px;
}
.form-group.alert-inline .controls, .form-group.alert-inline .controls > .help-block{
    display:inline-block; position:relative; margin-left:4px;
}

.form-group.checkbox .form-control-other, .form-group.radio .form-control-other{
    border-top:0; border-left:0; border-right:0; border-bottom:1px solid rgba(31,37,50,.15); box-shadow:none;
    display:inline-block; min-width:360px; outline:none;
}

/* Form Group Dynamic */
.form-group.dynamic{position:relative; padding-right:75px;}
.form-group.dynamic > .row{position:relative;}
.form-group.dynamic > .row .form-group{margin-bottom:10px;}
.form-group.dynamic > .row:last-child .form-group{margin-bottom:0;}
.form-group.dynamic .add-form-dynamic, .form-group.dynamic  .delete-form-dynamic{
    font-size:22px; position:absolute; top:7px; right:-35px;
}
.form-group.dynamic > .row:nth-child(2) .add-form-dynamic, 
.form-group.dynamic > .row:nth-child(2) .delete-form-dynamic{top:22px;}
.form-group.dynamic .help-block{display:block; position:relative;}

/* Form Buttons */
.btn-container{padding-top:25px;}
.btn-container .btn.btn-full{width:100%; max-width:100%;}


/* Colors */
.text-dark{color:#17191d!important;}
.text-gray{color:#9fa1a7!important;}

.bg-soft-gray{background:#f9f9fa!important;}


/* Box Shadows */
.box-shadow-01{box-shadow:rgba(0, 0, 0, 0.05) 0px 10px 20px, rgba(0, 0, 0, 0.2) 0px 0px 1px;}


/* Utility Styles */
.sep{display:block; clear:both; width:100%; height:.1px;}


/* Main Styles */
.container, .full-container{position:relative; display:block; width:100%; max-width:1340px; margin:0 auto; padding:0; clear:both;}
.full-container{max-width:100%!important;}
.container > .box-container{
    display:block; width:100%; padding-left:10%; padding-right:10%; margin-left:auto; margin-right:auto;
}
.row .col-xs-6{max-width:50%;}

.rellax-v-up, .rellax-v-down{transition:all 0.5s ease-out 0s;}
.ss-fade-in-up{opacity:0;}

@media screen and (max-width:1399.98px){
    .container{max-width:1120px;}
}
@media screen and (max-width:1199.98px){
    .container{max-width:950px;}
}
@media screen and (max-width:991.98px){
    body.mobile-side-nav-active{overflow:hidden!important; height:100vh!important;}
    .container{max-width:720px;}
    .container > .box-container{padding-left:3%; padding-right:3%;}
    .rellax-v-up, .rellax-v-down{transform:translate3d(0,0,0)!important;}
}
@media screen and (max-width:767.98px){
    .container{max-width:540px;}
    .container > .box-container{padding-left:7.5%; padding-right:7.5%;}
}
@media screen and (max-width:575.98px){
    .container{max-width:calc(100% - 50px);}
    .container > .box-container{padding-left:0; padding-right:0;}
}
/* @media screen and (min-width:1543.98px){
    .full-container{max-width:1544px!important; overflow:hidden!important;}
} */


/* Authentication Page */
.auth-page{padding-top:95px; padding-bottom:75px;}
.auth-page .auth-container{
    display:block; width:100%; max-width:400px; margin:0 auto; text-align:center; padding:25px 20px 30px 20px;
    border-radius:4px; border:1px solid #eee;
}
.auth-page .title{font-size:28px; margin:0;}
.auth-page .subtitle{
    color:#9599a2; font-size:16px; line-height:28px; letter-spacing:0.12px; font-weight:500;
    margin:5px 0 27px 0;
}
.auth-page .subtitle.subtitle2{margin:30px 0;}
.auth-page .subtitle.subtitle3{margin:30px 0 0 0;}
.auth-page .subtitle a{color:#9599a2; text-decoration:underline;}
.auth-page .form-group{text-align:left;}
.auth-page.less-space .form-group{margin-bottom:8px;}
.auth-page .btn-container{padding-top:0;}
.auth-page .btn-container .btn{width:100%; text-align:center;}
.auth-page .btn-container .btn.btn-facebook{color:#fff; background:#4267b2;}