@import "css2.css";@import "css21.css";
html{scroll-behavior:smooth}
body{font-family:Arial,"寰蒋闆呴粦";font-weight:400;font-style:normal;color:#727272;overflow-x:hidden;font-size:15px}
p{margin:0;padding:0;font-size:16px;line-height:28px}
*{margin:0;padding:0}
.navbar-toggler:focus,a:focus,input:focus,textarea:focus,button:focus,.btn:focus,.btn.focus,.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{text-decoration:none;outline:none;outline:none!important;border-color:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
.form-check-input:checked{background-color:#7e57ff;border-color:#7e57ff}
select{-webkit-writing-mode:horizontal-tb!important;text-rendering:auto;color:#081828;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:start;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:pre;-webkit-rtl-ordering:logical;background-color:-internal-light-dark(white,#3b3b3b);cursor:default;margin:0;font:400 14px;border-radius:0;border-width:1px;border-style:solid;border-color:-internal-light-dark(#767676,#858585);-o-border-image:initial;border-image:initial}
span,a{display:inline-block;text-decoration:none;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
img{max-width:100%}
h1,h2,h3,h4,h5,h6{font-weight:600;margin:0;color:#081828;font-family:Arial,"寰蒋闆呴粦";}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1{font-size:50px}
h2{font-size:40px}
h3{font-size:30px}
h4{font-size:25px}
h5{font-size:20px}
h6{font-size:16px}
ul,ol{margin:0;padding:0;list-style-type:none}
.mt-5{margin-top:5px}
.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-45{margin-top:45px}
.mt-50{margin-top:50px}
.mt-55{margin-top:55px}
.mt-60{margin-top:60px}
.mt-65{margin-top:65px}
.mt-70{margin-top:70px}
.mt-75{margin-top:75px}
.mt-80{margin-top:80px}
.mt-85{margin-top:85px}
.mt-90{margin-top:90px}
.mt-95{margin-top:95px}
.mt-100{margin-top:100px}
.mt-105{margin-top:105px}
.mt-110{margin-top:110px}
.mt-115{margin-top:115px}
.mt-120{margin-top:120px}
.mt-125{margin-top:125px}
.mt-130{margin-top:130px}
.mt-135{margin-top:135px}
.mt-140{margin-top:140px}
.mt-145{margin-top:145px}
.mt-150{margin-top:150px}
.mt-155{margin-top:155px}
.mt-160{margin-top:160px}
.mt-165{margin-top:165px}
.mt-170{margin-top:170px}
.mt-175{margin-top:175px}
.mt-180{margin-top:180px}
.mt-185{margin-top:185px}
.mt-190{margin-top:190px}
.mt-195{margin-top:195px}
.mt-200{margin-top:200px}
.mt-205{margin-top:205px}
.mt-210{margin-top:210px}
.mt-215{margin-top:215px}
.mt-220{margin-top:220px}
.mt-225{margin-top:225px}
.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-35{margin-bottom:35px}
.mb-40{margin-bottom:40px}
.mb-45{margin-bottom:45px}
.mb-50{margin-bottom:50px}
.mb-55{margin-bottom:55px}
.mb-60{margin-bottom:60px}
.mb-65{margin-bottom:65px}
.mb-70{margin-bottom:70px}
.mb-75{margin-bottom:75px}
.mb-80{margin-bottom:80px}
.mb-85{margin-bottom:85px}
.mb-90{margin-bottom:90px}
.mb-95{margin-bottom:95px}
.mb-100{margin-bottom:100px}
.mb-105{margin-bottom:105px}
.mb-110{margin-bottom:110px}
.mb-115{margin-bottom:115px}
.mb-120{margin-bottom:120px}
.mb-125{margin-bottom:125px}
.mb-130{margin-bottom:130px}
.mb-135{margin-bottom:135px}
.mb-140{margin-bottom:140px}
.mb-145{margin-bottom:145px}
.mb-150{margin-bottom:150px}
.mb-155{margin-bottom:155px}
.mb-160{margin-bottom:160px}
.mb-165{margin-bottom:165px}
.mb-170{margin-bottom:170px}
.mb-175{margin-bottom:175px}
.mb-180{margin-bottom:180px}
.mb-185{margin-bottom:185px}
.mb-190{margin-bottom:190px}
.mb-195{margin-bottom:195px}
.mb-200{margin-bottom:200px}
.mb-205{margin-bottom:205px}
.mb-210{margin-bottom:210px}
.mb-215{margin-bottom:215px}
.mb-220{margin-bottom:220px}
.mb-225{margin-bottom:225px}
.pt-5{padding-top:5px}
.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-35{padding-top:35px}
.pt-40{padding-top:40px}
.pt-45{padding-top:45px}
.pt-50{padding-top:50px}
.pt-55{padding-top:55px}
.pt-60{padding-top:60px}
.pt-65{padding-top:65px}
.pt-70{padding-top:70px}
.pt-75{padding-top:75px}
.pt-80{padding-top:80px}
.pt-85{padding-top:85px}
.pt-90{padding-top:90px}
.pt-95{padding-top:95px}
.pt-100{padding-top:100px}
.pt-105{padding-top:105px}
.pt-110{padding-top:110px}
.pt-115{padding-top:115px}
.pt-120{padding-top:120px}
.pt-125{padding-top:125px}
.pt-130{padding-top:130px}
.pt-135{padding-top:135px}
.pt-140{padding-top:140px}
.pt-145{padding-top:145px}
.pt-150{padding-top:150px}
.pt-155{padding-top:155px}
.pt-160{padding-top:160px}
.pt-165{padding-top:165px}
.pt-170{padding-top:170px}
.pt-175{padding-top:175px}
.pt-180{padding-top:180px}
.pt-185{padding-top:185px}
.pt-190{padding-top:190px}
.pt-195{padding-top:195px}
.pt-200{padding-top:200px}
.pt-205{padding-top:205px}
.pt-210{padding-top:210px}
.pt-215{padding-top:215px}
.pt-220{padding-top:220px}
.pt-225{padding-top:225px}
.pb-5{padding-bottom:5px}
.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-35{padding-bottom:35px}
.pb-40{padding-bottom:40px}
.pb-45{padding-bottom:45px}
.pb-50{padding-bottom:50px}
.pb-55{padding-bottom:55px}
.pb-60{padding-bottom:60px}
.pb-65{padding-bottom:65px}
.pb-70{padding-bottom:70px}
.pb-75{padding-bottom:75px}
.pb-80{padding-bottom:80px}
.pb-85{padding-bottom:85px}
.pb-90{padding-bottom:90px}
.pb-95{padding-bottom:95px}
.pb-100{padding-bottom:100px}
.pb-105{padding-bottom:105px}
.pb-110{padding-bottom:110px}
.pb-115{padding-bottom:115px}
.pb-120{padding-bottom:120px}
.pb-125{padding-bottom:125px}
.pb-130{padding-bottom:130px}
.pb-135{padding-bottom:135px}
.pb-140{padding-bottom:140px}
.pb-145{padding-bottom:145px}
.pb-150{padding-bottom:150px}
.pb-155{padding-bottom:155px}
.pb-160{padding-bottom:160px}
.pb-165{padding-bottom:165px}
.pb-170{padding-bottom:170px}
.pb-175{padding-bottom:175px}
.pb-180{padding-bottom:180px}
.pb-185{padding-bottom:185px}
.pb-190{padding-bottom:190px}
.pb-195{padding-bottom:195px}
.pb-200{padding-bottom:200px}
.pb-205{padding-bottom:205px}
.pb-210{padding-bottom:210px}
.pb-215{padding-bottom:215px}
.pb-220{padding-bottom:220px}
.pb-225{padding-bottom:225px}
.img-bg{background-position:center center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}
@media only screen and (min-width:480px) and (max-width:767px)
{
.container{width:450px}
}
.breadcrumbs{position:relative;padding-top:160px;padding-bottom:120px;z-index:2;text-align:left;background-color:#081828;background-image:url(../image/banner_bg.jpg);background-size:cover;background-position:right;background-repeat:no-repeat;-webkit-box-shadow:0 7px 30px rgba(0,0,0,.075);box-shadow:0 7px 30px rgba(0,0,0,.075)}
.breadcrumbs::before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;background-color:#081828;opacity:.7}
@media only screen and (min-width:768px) and (max-width:991px)
{
.breadcrumbs{padding-top:110px;padding-bottom:60px}
}
@media(max-width:767px)
{
.breadcrumbs{padding-top:100px;padding-bottom:50px}
}
.breadcrumbs .breadcrumbs-content{position:relative;text-align:center}
.breadcrumbs .breadcrumbs-content .page-title{font-size:50px;color:#fff;font-weight:700;position:relative;line-height:78px;text-transform:capitalize}
@media only screen and (min-width:768px) and (max-width:991px)
{
.breadcrumbs .breadcrumbs-content .page-title{font-size:24px;line-height:28px}
}
@media(max-width:767px)
{
.breadcrumbs .breadcrumbs-content .page-title{font-size:22px;text-align:center;line-height:26px}
}
.breadcrumbs .breadcrumbs-content .breadcrumb-nav{background:0 0;border-radius:0;margin-bottom:0;padding:0;display:inline-block;margin-top:10px}
.breadcrumbs .breadcrumb-nav{text-align:right}
@media(max-width:767px)
{
.breadcrumbs .breadcrumb-nav{text-align:center;margin-top:15px}
}
.breadcrumbs .breadcrumb-nav li{display:inline-block;position:relative;padding-right:14px;margin-right:14px;text-transform:capitalize;color:#fff}
.breadcrumbs .breadcrumb-nav li:after{content:"\ea62";font-family:lineIcons;font-size:11px;position:absolute;top:3px;right:-7px}
.breadcrumbs .breadcrumb-nav li:last-child{margin:0;padding:0}
.breadcrumbs .breadcrumb-nav li:last-child::after{display:none}
.breadcrumbs .breadcrumb-nav li,.breadcrumbs .breadcrumb-nav li a{color:#fff;font-size:14px;font-weight:500}
.breadcrumbs .breadcrumb-nav li i,.breadcrumbs .breadcrumb-nav li a i{font-size:13px;display:inline-block;margin-right:3px;position:relative;top:-1px}
.breadcrumbs .breadcrumb-nav li a{position:relative}
.breadcrumbs .breadcrumb-nav li a:hover{color:#e4e4e4}
.section{padding-top:110px;padding-bottom:110px;position:relative}
@media only screen and (min-width:768px) and (max-width:991px)
{
.section{padding-top:70px;padding-bottom:70px}
}
@media(max-width:767px)
{
.section{padding-top:60px;padding-bottom:60px}
}
.section-title{text-align:center;margin-bottom:80px;padding:0 300px;position:relative;z-index:5}
.section-title h3{font-size:15px;font-weight:600;display:inline-block;margin-bottom:20px;color:#7e57ff;text-transform:capitalize}
.section-title h2{font-size:34px;margin-bottom:20px;line-height:42px;text-transform:capitalize;position:relative;font-weight:700}
.section-title p{font-size:16px;line-height:28px}
@media only screen and (min-width:992px) and (max-width:1199px)
{
.section-title{padding:0 200px;margin-bottom:70px}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.section-title{padding:0 20px;margin-bottom:50px}
.section-title h3{font-size:14px;font-weight:600;margin-bottom:12px}
.section-title h2{font-size:24px;line-height:32px;margin-bottom:20px}
.section-title p{font-size:15px}
}
@media(max-width:767px)
{
.section-title{padding:0 10px;margin-bottom:40px}
.section-title h3{font-size:14px;font-weight:600;margin-bottom:12px}
.section-title h2{font-size:24px;line-height:30px;margin-bottom:18px}
.section-title p{font-size:15px}
}
.section-title.align-right{padding:0;padding-left:600px}
.section-title.align-right h2:before{display:none}
.section-title.align-right h2:after{position:absolute;right:0;bottom:-1px;height:2px;width:50px;background:#7e57ff;content:""}
.section-title.align-left{padding:0;padding-right:600px}
.section-title.align-left h2:before{left:0;margin-left:0}
.scroll-top{width:45px;height:45px;line-height:45px;background:#ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#fff!important;position:fixed;bottom:30px;right:30px;z-index:9;cursor:pointer;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-radius:5px}
.scroll-top:hover{-webkit-box-shadow:0 1rem 3rem rgba(35,38,45,.15)!important;box-shadow:0 1rem 3rem rgba(35,38,45,.15)!important;-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);background-color:#333}
.overlay{position:relative;z-index:1}
.overlay::before{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;background:#081828;content:"";-webkit-transition:all .4s ease;transition:all .4s ease;z-index:-1}
.pagination{text-align:left;margin:60px 0 0;display:block}
@media only screen and (min-width:768px) and (max-width:991px)
{
.pagination{margin-top:50px}
}
@media(max-width:767px)
{
.pagination{margin-top:40px}
}
.pagination.center{text-align:center}
.pagination.right{text-align:right}
.pagination.left{text-align:left}
.pagination .pagination-list{display:inline-block;overflow:hidden}
.pagination .pagination-list li{margin-right:5px;display:inline-block;margin-top:10px}
.pagination .pagination-list li:last-child{margin-right:0}
.pagination .pagination-list li a{background:#fff;color:#081828;font-weight:500;font-size:15px;border-radius:5px;padding:8px 20px;text-align:center;border:1px solid #eee}
.pagination .pagination-list li.active a,.pagination .pagination-list li:hover a{background:#7e57ff;color:#fff;border-color:transparent}
.pagination .pagination-list li a i{font-size:13px}
.blog-grids.pagination{margin-top:50px;text-align:center}
.button .btn{display:inline-block;text-transform:capitalize;font-size:15px;font-weight:500;padding:14px 30px;background-color:#7e57ff;color:#fff;border:none;-webkit-transition:all .4s ease;transition:all .4s ease;border-radius:30px;position:relative;z-index:1;margin-right:7px;overflow:hidden}
.button .btn_msp{display:block;text-transform:capitalize;font-size:16px;font-weight:500;padding:14px 30px;background-color:#e6171b;color:#fff;border:none;-webkit-transition:all .4s ease;transition:all .4s ease;border-radius:5px;position:relative;z-index:1; width:200px; margin:0 auto;}
@media only screen and (min-width:768px) and (max-width:991px)
{
.button .btn{padding:14px 25px;font-size:14px;font-weight:500}
}
@media(max-width:767px)
{
.button .btn{padding:14px 25px;font-size:14px;font-weight:500}
}
.button .btn i{display:inline-block;margin-right:5px}
.button .btn:last-child{margin:0}
.button .btn:hover{color:#fff;background-color:#081828}
.button .btn_msp:hover{color:#fff;background-color:#081828}
.button{margin-left:0!important}
.button .btn-alt{background-color:#081828!important;color:#fff!important}
@media only screen and (min-width:768px) and (max-width:991px)
{
.button .btn-alt{padding:14px 25px;font-size:14px;font-weight:500}
}
@media(max-width:767px)
{
.button .btn-alt{padding:14px 25px;font-size:14px;font-weight:500}
}
.button .btn-alt:hover{background-color:#7e57ff!important;color:#fff!important}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
.preloader{position:fixed;top:0;left:0;z-index:999999999;width:100%;height:100%;background-color:#fff;overflow:hidden}
.preloader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.preloader-icon{width:100px;height:100px;display:inline-block;padding:0}
.preloader-icon span{position:absolute;display:inline-block;width:100px;height:100px;border-radius:100%;background:#7e57ff;-webkit-animation:preloader-fx 1.6s linear infinite;animation:preloader-fx 1.6s linear infinite}.preloader-icon span:last-child{animation-delay:-.8s;-webkit-animation-delay:-.8s}
@keyframes preloader-fx{0%{-webkit-transform:scale(0,0);transform:scale(0,0);opacity:.5}100%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:0}}
@-webkit-keyframes preloader-fx{0%{-webkit-transform:scale(0,0);opacity:.5}100%{-webkit-transform:scale(1,1);opacity:0}}
.header{width:100%;background:0 0;position:absolute;width:100%;left:0;top:0}
@media only screen and (min-width:768px) and (max-width:991px)
{
.header{padding:18px 0!important}
.header .mobile-menu-btn .toggler-icon{background-color:#fff}
.header .button{margin:0!important}
.header .navbar-collapse{position:absolute;top:67px!important;left:0;width:100%;background-color:#fff;z-index:9;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1);box-shadow:0 15px 20px 0 rgba(0,0,0,.1);padding:10px 20px;max-height:350px;overflow-y:scroll;border-top:1px solid #eee;border-radius:8px}
.header .navbar .navbar-nav .nav-item a:hover{color:#7e57ff!important}
.header .navbar .navbar-nav .nav-item a.active{color:#7e57ff!important}
.header .navbar-nav .nav-item{margin:0}
.header .navbar-nav .nav-item:hover a{color:#7e57ff}
.header .navbar-nav .nav-item a{padding:12px 16px!important}
.header .navbar-nav .nav-item a::before{display:none}
.header .navbar-nav .nav-item .sub-menu{position:static;width:100%;opacity:1;visibility:visible;-webkit-box-shadow:none;box-shadow:none;padding:0;border:none;margin-left:15px;margin-right:15px}
.header .navbar-nav .nav-item .sub-menu .nav-item a{padding:12px}
.header .navbar-nav .nav-item .sub-menu .nav-item a:hover{color:#7e57ff!important}
.header .navbar-nav .nav-item a{color:#051441;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}
.header .navbar-nav .nav-item a::after{opacity:1;visibility:visible}
.header .navbar-nav .nav-item .sub-menu li.active{background:#fff!important;color:#7e57ff!important}
.header .navbar-nav .nav-item .sub-menu .nav-item{margin:0!important}
.header .navbar-nav .nav-item .sub-menu .nav-item a{padding:10px 12px!important}
.header .navbar-nav .nav-item .sub-menu li:hover{background:#fff!important;color:#7e57ff!important}
.header .navbar-nav .nav-item a{font-size:14px}
.header .navbar-nav .nav-item a:hover{color:#7e57ff}
}
@media(max-width:767px)
{
.header{padding:18px 0!important}
.header .mobile-menu-btn .toggler-icon{background-color:#fff}
.header .navbar-collapse{position:absolute;top:62px!important;left:0;width:100%;background-color:#fff;z-index:9;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1);box-shadow:0 15px 20px 0 rgba(0,0,0,.1);padding:10px 20px;max-height:350px;overflow-y:scroll;border-top:1px solid #eee;border-radius:8px}
.header .navbar .navbar-nav .nav-item a:hover{color:#7e57ff!important}
.header .navbar .navbar-nav .nav-item a.active{color:#7e57ff!important}
.header .navbar-nav .nav-item{margin:0}
.header .navbar-nav .nav-item:hover a{color:#7e57ff}
.header .navbar-nav .nav-item a{padding:12px 16px!important}
.header .navbar-nav .nav-item a::before{display:none}
.header .navbar-nav .nav-item .sub-menu{position:static;width:100%;opacity:1;visibility:visible;-webkit-box-shadow:none;box-shadow:none;padding:0;border:none;margin-left:15px;margin-right:15px}
.header .navbar-nav .nav-item .sub-menu .nav-item a{padding:12px}
.header .navbar-nav .nav-item .sub-menu .nav-item a:hover{color:#7e57ff!important}
.header .navbar-nav .nav-item a{color:#051441;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}
.header .navbar-nav .nav-item a::after{opacity:1;visibility:visible}
.header .navbar-nav .nav-item .sub-menu li.active{background:#fff!important;color:#7e57ff!important}
.header .navbar-nav .nav-item .sub-menu .nav-item{margin:0!important}
.header .navbar-nav .nav-item .sub-menu .nav-item a{padding:10px 12px!important}
.header .navbar-nav .nav-item .sub-menu li:hover{background:#fff!important;color:#7e57ff!important}
.header .navbar-nav .nav-item a{font-size:14px}
.header .navbar-nav .nav-item a:hover{color:#7e57ff}
}
.header .navbar-brand img{width:400px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.header .navbar-brand img{width:125px}
}
@media(max-width:767px)
{
.header .navbar-brand img{width:170px}
}
.header.sticky .button .btn{background-color:#7e57ff;color:#fff}
.header.sticky .button .btn:hover{background-color:#081828;color:#fff}
.sticky{position:fixed;z-index:99;-webkit-box-shadow:0 20px 50px 0 rgba(0,0,0,.05);box-shadow:0 20px 50px 0 rgba(0,0,0,.05);-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;top:0;background-color:#fff}
.navbar-expand-lg .navbar-nav{margin:0;margin-left:auto!important;margin-right:auto!important}
.header .navbar .navbar-nav .nav-item a.active{color:#fff}
.sticky .navbar .navbar-nav .nav-item a.active{color:#7e57ff}
.sticky .navbar .navbar-nav .nav-item a{color:#081828}
.header .navbar .navbar-nav .nav-item .sub-menu a.active{color:#fff}
.sticky .navbar .navbar-nav .nav-item .sub-menu a.active{color:#fff}
.sticky .navbar .mobile-menu-btn .toggler-icon{background:#333}
.navbar-area{width:100%;z-index:99;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;padding:0}
.navbar-area.sticky{position:fixed;z-index:99;-webkit-box-shadow:0 20px 50px 0 rgba(0,0,0,.05);box-shadow:0 20px 50px 0 rgba(0,0,0,.05);-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;padding:0 0}
.navbar{padding:0;position:relative;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.navbar-brand{padding-left:0;border-radius:0}
.mobile-menu-btn{padding:0}
.mobile-menu-btn:focus{text-decoration:none;outline:none;-webkit-box-shadow:none;box-shadow:none}
.mobile-menu-btn .toggler-icon{width:30px;height:2px;background-color:#222;display:block;margin:5px 0;position:relative;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.mobile-menu-btn.active .toggler-icon:nth-of-type(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:7px}
.mobile-menu-btn.active .toggler-icon:nth-of-type(2){opacity:0}
.mobile-menu-btn.active .toggler-icon:nth-of-type(3){-webkit-transform:rotate(135deg);transform:rotate(135deg);top:-7px}
.navbar-nav .nav-item{z-index:1;position:relative;margin-right:25px}
.navbar-nav .nav-item:last-child{margin-right:0!important}
.navbar-nav .nav-item:hover a{color:#7e57ff}
.sticky .navbar-nav .nav-item:hover a{color:#7e57ff}
.navbar-nav .nav-item a{font-size:15px;color:#fff;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;position:relative;padding:35px 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;transition:all .3s ease-out 0s;position:relative;text-transform:capitalize}
.navbar-nav .nav-item a::after{opacity:0;visibility:hidden}
.navbar-nav .nav-item:hover a:before{width:100%}
.navbar-nav .nav-item a.active{color:#fff}
.navbar-nav .nav-item a.dd-menu::after{content:"\ea5e";font:normal normal normal 1em/1 "LineIcons";position:absolute;right:17px;font-size:10px;top:50%;margin-left:5px;margin-top:0;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;height:10px}
@media only screen and (min-width:992px) and (max-width:1199px)
{
.navbar-nav .nav-item a.dd-menu::after{right:13px}
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px)
{
.navbar-nav .nav-item a.dd-menu::after{top:18px;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px)
{
.navbar-nav .nav-item a.collapsed::after{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.navbar-nav .nav-item:hover>.sub-menu{top:100%;opacity:1;visibility:visible}
.navbar-nav .nav-item:hover>.sub-menu .sub-menu{left:100%;top:0}
.navbar-nav .nav-item .sub-menu{padding:30px;min-width:240px;background:#fff;-webkit-box-shadow:0 5px 20px #0000001a;box-shadow:0 5px 20px #0000001a;position:absolute;top:110%!important;left:0;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-radius:0 0 4px 4px;border-radius:5px}
.navbar-nav .nav-item:hover .sub-menu{top:100%!important}
.navbar-nav .nav-item .sub-menu .nav-item{width:100%;margin-bottom:15px}
.navbar-nav .nav-item .sub-menu .nav-item:last-child{margin:0}
.navbar-nav .nav-item .sub-menu .nav-item a{padding:0;color:#888;display:block;width:100%;font-size:14px;font-weight:500;text-transform:capitalize;position:relative;z-index:1;border-radius:4px;overflow:hidden;-webkit-transition:all .1s ease;transition:all .1s ease}
.navbar-nav .nav-item .sub-menu .nav-item a:hover{color:#7e57ff}
.navbar-nav .nav-item .sub-menu.left-menu{left:-100%}.navbar-nav .nav-item .sub-menu.collapse:not(.show){display:block}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px)
{
.navbar-nav .nav-item .sub-menu.collapse:not(.show){display:none}
}
.navbar-nav .nav-item .sub-menu>li{display:block;margin-left:0}
.navbar-nav .nav-item .sub-menu>li:last-child{border:none}
.navbar-nav .nav-item .sub-menu>li.active>a{color:#7e57ff!important}
.navbar-nav .nav-item .sub-menu>li>a{font-weight:400;display:block;padding:12px 15px;font-size:14px;color:#222;font-weight:400}
.navbar-nav .nav-item .sub-menu>li:first-child a{border:none}
.header .button{display:inline-block;margin-left:10px}
@media(max-width:767px)
{
.header .button{display:none}
}
.header .button .btn{background-color:#fff;color:#081828;font-weight:500}
.header .button .btn:hover{color:#fff;background-color:#7e57ff}
.sticky .button .btn{background-color:#7e57ff;color:#fff}
.sticky .button .btn:hover{background-color:#7e57ff;color:#fff}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px)
{
.header .button .signin{color:#081828}
.header .button .signin:hover{color:#7e57ff}
.header .button .signup{background-color:#7e57ff;color:#fff}
.header .button .signup:hover{background-color:#7e57ff;color:#fff}
}
.hero-area{position:relative;background-image:url(../image/banner_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#081828;z-index:0}
@media only screen and (min-width:768px) and (max-width:991px)
{
.hero-area{background-image:none}
}
@media(max-width:767px)
{
.hero-area{background-image:none}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.hero-area{padding:150px 0 100px}
}
@media(max-width:767px)
{
.hero-area{padding:110px 0 80px}
}
.hero-area .hero-content{border-radius:0;position:relative;z-index:1;text-align:left;padding:180px 0 130px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.hero-area .hero-content{padding:0 140px}
}
.hero-area .hero-content h4{color:#7e57ff;font-weight:600;font-size:15px;margin-bottom:20px}
.hero-area .hero-content h1{font-weight:700;font-size:60px;line-height:66px;color:#fff;text-transform:capitalize; padding-left:60px;}
.hero-area .hero-content p{font-weight:400;font-size:16px;line-height:28px;margin-top:20px;color:#e6e6e6}
.hero-area .hero-content .button{margin-top:50px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.hero-area .hero-content .button{margin-top:30px!important;width:100%}
}
@media(max-width:767px)
{
.hero-area .hero-content .button{margin-top:30px;width:100%}
}
@media(max-width:767px)
{
.hero-area .hero-content .button .btn{width:100%}
}
.hero-area .hero-content .button .btn:hover{color:#081828;background-color:#fff}
@media only screen and (min-width:992px) and (max-width:1199px)
{
.hero-area .hero-content h1{font-size:40px}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.hero-area .hero-content{text-align:center}
.hero-area .hero-content h1{font-size:30px;font-weight:700;line-height:38px}
.hero-area .hero-content p{font-size:15px}
}
@media(max-width:767px)
{
.hero-area .hero-content{padding:0 10px;text-align:center}
.hero-area .hero-content h1{font-size:24px;line-height:32px}
.hero-area .hero-content p{margin-top:15px;font-size:15px;line-height:26px}
.hero-area .hero-content .button .btn{width:60%;margin:0;margin-bottom:7px}
.hero-area .hero-content .button .btn:last-child{margin:0}
}
.hero-area .hero-image{height:100%;width:100%}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px)
{
.hero-area .hero-image{display:none}
}
.hero-area .hero-image .main-image{position:absolute;bottom:0;z-index:0;left:53%}
.services{position:relative;z-index:0;background-color:#f4f7fa}
.services .section-title{margin-bottom:50px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.services .section-title{margin-bottom:30px}
}
@media(max-width:767px)
{
.services .section-title{margin-bottom:30px}
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px)
{
.services .upper-content{padding-right:100px}
}
.services .upper-content .lasthead{font-size:16px;font-weight:600;color:#7e57ff;margin-bottom:15px}
.services .upper-content .title{font-size:28px;font-weight:600;font-size:40px;font-weight:700;padding:21px 0 16px}
.services .upper-content p{margin-top:20px}
.services .upper-content .button{margin-top:40px}
.services .single-service{min-height:300px;margin-top:30px;border-radius:20px;background-color:#fff;-webkit-box-shadow:0 0 30px rgba(81,94,125,.082);box-shadow:0 0 30px rgba(81,94,125,.082);padding:40px 50px;text-align:center;-webkit-transition:all .4s ease;transition:all .4s ease;border-top:3px solid transparent;border-bottom:3px solid transparent}
.services .single-service:hover{-webkit-transform:scale(1.05);transform:scale(1.05);border-top-color:#7e57ff;border-bottom-color:#7e57ff}
.services .single-service .main-icon{height:65px;width:65px;line-height:65px;text-align:center;background-color:#7e57ff;color:#fff;border-radius:10px;font-size:27px;text-align:center;display:inline-block}
.services .single-service .text-title{color:#081828;font-size:18px;line-height:28px;font-weight:700;margin-top:30px;margin-bottom:15px}
.services .single-service p{line-height:26px;font-size:15px}
.intro-video-area{background-color:#081828;position:relative;z-index:9;padding-bottom:0;padding-top:130px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.intro-video-area{padding-top:90px}
}
@media(max-width:767px)
{
.intro-video-area{padding-top:60px}
}
.intro-video-area .section-title{margin-bottom:150px;padding:0 265px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.intro-video-area .section-title{padding:0 50px;margin-bottom:120px}
}
@media(max-width:767px)
{
.intro-video-area .section-title{padding:0 30px;margin-bottom:100px}
.intro-video-area .section-title h2{font-size:20px}
}
.intro-video-area .section-title span{display:block;margin-bottom:20px;color:#7e57ff}
@media(max-width:767px)
{
.intro-video-area .section-title span{margin-bottom:10px}
}
.intro-video-area::before{position:absolute;content:"";left:0;bottom:0;height:150px;width:100%;background-color:#fff;z-index:-1}
.intro-video-area .inner-content-head{padding:30px;border:1px solid #eeeeee40;border-radius:30px;background:#ffffff24}
@media(max-width:767px)
{
.intro-video-area .inner-content-head{padding:0;border:none}
}
.intro-video-area .inner-content{background-color:#fff;padding:100px 0;height:100%;border-radius:15px;-webkit-box-shadow:0 0 50px rgba(0,0,0,.09);box-shadow:0 0 50px rgba(0,0,0,.09);position:relative;overflow:hidden}
@media only screen and (min-width:768px) and (max-width:991px)
{
.intro-video-area .inner-content{padding:50px 0;padding-bottom:80px}
}
@media(max-width:767px)
{
.intro-video-area .inner-content{padding:50px 0}
}
.intro-video-area .inner-content .shape1{height:120px;width:120px;position:absolute;right:-60px;bottom:58px}
@media(max-width:767px)
{
.intro-video-area .inner-content .shape1{width:80px;height:80px;right:-50px;bottom:20px}
}
.intro-video-area .inner-content .shape2{height:100px;width:100px;position:absolute;left:-10px;top:30px}
@media(max-width:767px)
{
.intro-video-area .inner-content .shape2{width:80px;height:80px}
}
.intro-video-area .intro-video-play{position:relative;z-index:9}
.intro-video-area .intro-video-play .play-thumb a{position:absolute;left:50%;bottom:0;height:80px;width:80px;text-align:center;line-height:83px;background:#7e57ff;border-radius:50%;padding-left:5px;font-size:22px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
@media only screen and (min-width:768px) and (max-width:991px)
{
.intro-video-area .intro-video-play .play-thumb a{height:70px;width:70px;font-size:20px;line-height:70px}
}
@media(max-width:767px)
{
.intro-video-area .intro-video-play .play-thumb a{height:60px;width:60px;line-height:60px;font-size:18px}
}
.intro-video-area .intro-video-play .play-thumb a:hover{background-color:#081828;color:#fff}
.intro-video-area .intro-video-play .play-thumb a::before{position:absolute;content:'';left:0;top:0;height:100%;width:100%;border:1px solid #7e57ff;border-radius:50%;-webkit-animation:pulse-border-2 1.5s linear infinite;animation:pulse-border-2 1.5s linear infinite}
.intro-video-area .intro-video-play .play-thumb a::after{position:absolute;content:'';left:0;top:0;height:100%;width:100%;border:1px solid #fff;border-radius:50%;-webkit-animation:pulse-border 1s linear infinite;animation:pulse-border 1s linear infinite}
@-webkit-keyframes pulse-border{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}
@keyframes pulse-border{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}
@-webkit-keyframes pulse-border-2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}
@keyframes pulse-border-2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}
.about img{width:100%}
@media only screen and (min-width:1200px) and (max-width:1399px)
{
.about .content{padding-left:50px}
}
@media only screen and (min-width:1400px)
{
.about .content{padding-left:50px}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.about .content{margin-top:60px}
}
@media(max-width:767px)
{
.about .content{margin-top:50px}
}
.about .content h4{color:#7e57ff;font-size:13px;font-weight:600;margin-bottom:20px}
.about .content h2{font-size:35px;font-weight:700;line-height:48px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.about .content h2{font-size:30px;font-weight:700;line-height:42px}
}
@media(max-width:767px)
{
.about .content h2{font-size:24px;font-weight:700;line-height:34px}
}
.about .content p{font-size:16px;margin-top:25px}
.about .content .list .single-list{position:relative;padding-left:42px;margin-top:40px;display:inline-block}
@media only screen and (min-width:768px) and (max-width:991px)
{
.about .content .list .single-list{width:49%}
}
.about .content .list .single-list .list-icon{height:20px;width:20px;line-height:20px;text-align:center;display:block;border-radius:50%;color:#7e57ff;font-size:11px;background-color:#fff;position:absolute;left:0;top:0;-webkit-transition:all .4s ease;transition:all .4s ease;background-color:#7e57ff;color:#fff}
.about .content .list .single-list:hover .list-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.about .content .list .single-list h4{color:#081828;font-size:15px;margin-bottom:10px}
.about .content .list .single-list p{margin:0;font-size:15px;line-height:24px}
.testimonials{background-color:#f4f7fa;position:relative;padding-bottom:100px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.testimonials{padding-bottom:120px}
}
@media(max-width:767px)
{
.testimonials{padding-bottom:100px}
}
.testimonials .testimonial-slider{margin:0}
.testimonials .tns-nav{text-align:center;position:absolute;bottom:90px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;left:50%;z-index:9;margin:0}
@media only screen and (min-width:768px) and (max-width:991px)
{
.testimonials .tns-nav{bottom:55px}
}
@media(max-width:767px)
{
.testimonials .tns-nav{bottom:50px}
}
.testimonials .tns-nav button{height:6px;width:14px;background-color:#081828;border-radius:5px;display:inline-block;border:none;margin:0 5px;-webkit-transition:all .4s ease;transition:all .4s ease}
.testimonials .tns-nav button:hover{background-color:#7e57ff}
.testimonials .tns-nav button.tns-nav-active{width:25px;background-color:#7e57ff}
.testimonials .single-testimonial{background-color:#fff;padding:50px 40px;-webkit-transition:all .4s ease;transition:all .4s ease;border-radius:6px;overflow:hidden;position:relative;margin:15px 0}
.testimonials .single-testimonial:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.103);box-shadow:0 0 10px rgba(0,0,0,.103)}
.testimonials .single-testimonial::before{position:absolute;content:"";right:-30px;top:-30px;height:60px;width:60px;background-color:#7e57ff;border-radius:50%}
@media(max-width:767px)
{
.testimonials .single-testimonial{padding:50px 40px}
}
.testimonials .single-testimonial .text h4{font-size:16px;font-weight:600;line-height:28px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.testimonials .single-testimonial .text h4{bottom:55px}
}
@media(max-width:767px)
{
.testimonials .single-testimonial .text h4{font-size:15px;line-height:28px}
}
.testimonials .single-testimonial .author{position:relative;padding-left:70px;margin-top:40px}
.testimonials .single-testimonial .author img{height:50px;width:50px;border-radius:50%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.testimonials .single-testimonial .author h4{font-size:15px;font-weight:600}
.testimonials .single-testimonial .author h4 span{color:#727272;display:block;font-size:13px;font-weight:500;margin-top:6px}
.testimonials .single-testimonial .quote-icon i{font-size:45px;color:#7e57ff;position:absolute;opacity:.1;right:40px;bottom:50px}
.blog-section{background-color:#fff}
.blog-section .section-title{margin-bottom:50px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.blog-section .section-title{margin-bottom:30px}
}
@media(max-width:767px)
{
.blog-section .section-title{margin-bottom:20px}
}
.single-blog-grid{margin-top:30px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.089);box-shadow:0 0 20px rgba(0,0,0,.089);overflow:hidden}
.single-blog-grid .blog-img{overflow:hidden}
.single-blog-grid .blog-img a{width:100%}
.single-blog-grid .blog-img img{width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}
.single-blog-grid:hover .blog-img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.single-blog-grid .blog-content{padding:35px}
.single-blog-grid .blog-content .meta-info{margin-bottom:20px}
.single-blog-grid .blog-content .meta-info a{display:inline-block;margin-right:22px;font-size:14px;color:#727272;font-weight:500}
.single-blog-grid .blog-content .meta-info a i{display:inline-block;margin-right:5px;color:#7e57ff;font-size:16px}
.single-blog-grid .blog-content .meta-info a:last-child{margin:0}
.single-blog-grid .blog-content .meta-info a:hover{color:#7e57ff}
.single-blog-grid .blog-content h4{display:block;line-height:28px}
.single-blog-grid .blog-content h4 a{font-size:17px;color:#081828;font-weight:700;display:inline-block}
.single-blog-grid .blog-content h4 a:hover{color:#e6171b}
.single-blog-grid .blog-content p{display:block;margin-top:20px}
.single-blog-grid .blog-content .button{margin-top:20px}
.single-blog-grid .blog-content .button .btn{padding:0;background-color:transparent;color:#081828;text-decoration:underline;overflow:visible}
.single-blog-grid .blog-content .button .btn:hover{color:#7e57ff}
.blog-list{background:#f4f7fa}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px)
{
.blog-list .pagination{margin-top:20px}
}
.blog-list .single-blog{margin:0}
.blog-list .single-blog{margin-bottom:30px}
.blog-single{background:#fff}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px)
{
.blog-single .main-content-head{padding-right:30px}
}
.blog-single .meta-info{margin-top:20px;margin-bottom:30px}
.blog-single .meta-info li{font-size:15px;display:inline-block;margin-right:15px;padding-right:15px;position:relative}
@media(max-width:767px)
{
.blog-single .meta-info li{margin-bottom:8px}
}
.blog-single .meta-info li::before{position:absolute;content:"";right:-5px;top:50%;background-color:#d2d2d2;height:5px;width:5px;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.blog-single .meta-info li:last-child{margin:0;padding:0}
.blog-single .meta-info li:last-child::before{display:none}
.blog-single .meta-info li a{color:#888;font-size:15px;font-weight:400}
.blog-single .meta-info li a i{display:inline-block;margin-right:2px}
.blog-single .meta-info li a:hover{color:#7e57ff}
.blog-single .meta-info li a img{height:50px;width:50px;border-radius:50%;display:inline-block;margin-right:12px}
.blog-single .post-thumbnils{position:relative;overflow:hidden;border-radius:8px;margin-bottom:40px;}
@media only screen and (min-width:768px) and (max-width:991px)
{
.blog-single .post-thumbnils{margin-bottom:40px}
}
@media(max-width:767px)
{
.blog-single .post-thumbnils{margin-bottom:30px}
}
.blog-single .post-thumbnils img{max-width:1000px; margin:30px 0px;}
.blog-single .post-title{line-height:50px;font-size:40px;font-weight:700;display:inline-block}
@media only screen and (min-width:768px) and (max-width:991px)
{
.blog-single .post-title{line-height:40px;font-size:22px}
}
@media(max-width:767px)
{
.blog-single .post-title{line-height:32px;font-size:20px}
}
.blog-single p{font-size:16px;margin:30px 0;line-height:30px; color:#333;}
.blog-single p img{text-align:center;}
.blog-single p:first-child{margin-top:0}
.blog-single p:last-child{margin-bottom:0}
.blog-single h3{font-size:20px;margin-bottom:30px;font-weight:700;line-height:28px}
@media(max-width:767px)
{
.blog-single h3{font-size:18px}
}
.blog-single .position_ti{font-size:14px; color:#666; line-height:30px; margin-bottom:30px;}
.blog-single .image-block{margin:30px 0}
.blog-single .image-block img{width:100%;border-radius:6px}
@media(max-width:767px)
{
.blog-single .image-block img{margin:10px 0}
}
blockquote{position:relative;color:#fff;font-weight:400;clear:both;z-index:1;margin:40px 0;text-align:center;padding:40px;background-color:#081828;border-radius:0;overflow:hidden;border-radius:8px}
blockquote::before{position:absolute;content:"";right:-30px;top:-30px;height:80px;width:80px;border-radius:50%;border:4px solid #7e57ff}
blockquote::after{position:absolute;content:"";left:-30px;bottom:-30px;height:80px;width:80px;border-radius:50%;border:4px solid #7e57ff}
@media(max-width:767px)
{
blockquote{padding:20px}
}
blockquote .icon i{font-size:32px;color:#fff;display:block;margin-bottom:20px}
@media(max-width:767px)
{
blockquote .icon i{margin-bottom:15px}
}
blockquote h4{font-weight:500;font-size:14px;line-height:24px;color:#fff}
@media(max-width:767px)
{
blockquote h4{font-size:14px}
}
blockquote span{font-size:13px;display:block;margin-top:20px;color:#fff}
.post-comments{margin-top:80px}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px)
{
.post-comments{padding-right:30px}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.post-comments{margin-top:60px}
}
@media(max-width:767px)
{
.post-comments{margin-top:40px}
}
.comment-title{font-size:20px!important;font-weight:700!important;margin-bottom:30px!important;position:relative;z-index:1;text-transform:capitalize}
@media(max-width:767px)
{
.comment-title{font-size:18px!important}
}
.post-comments .comments-list li{padding-left:110px;position:relative;font-size:15px;border-radius:8px;margin-top:50px}
@media(max-width:767px)
{
.post-comments .comments-list li{margin-top:35px;padding:0}
}
.post-comments .comments-list li .comment-img{position:absolute;top:0;left:0;width:80px;height:80px}
@media(max-width:767px)
{
.post-comments .comments-list li .comment-img{position:relative;top:0;left:0;margin-bottom:18px}
}
.post-comments .comments-list li .comment-img img{max-width:80px;max-height:80px;border-radius:50%}
.post-comments .comments-list li .comment-desc .desc-top{margin-bottom:20px;position:relative;display:block}
.post-comments .comments-list li .comment-desc .desc-top h6{font-size:16px;margin-bottom:8px;font-weight:600}
.post-comments .comments-list li .comment-desc .desc-top span.date{font-size:14px;font-weight:400}
@media(max-width:767px)
{
.post-comments .comments-list li .comment-desc .desc-top span.date{display:block}
}
.post-comments .comments-list li .comment-desc .desc-top .reply-link{position:absolute;right:0;top:0;display:inline-block;font-size:14px;font-weight:500;z-index:2;color:#081828}
@media(max-width:767px)
{
.post-comments .comments-list li .comment-desc .desc-top .reply-link{position:relative;display:inline-block;margin-top:15px}
}
.post-comments .comments-list li .comment-desc .desc-top .reply-link:hover{color:#7e57ff}
.post-comments .comments-list li .comment-desc .desc-top .reply-link i{margin-right:5px}
.post-comments .comments-list li .comment-desc p{font-weight:400;margin-bottom:0;font-size:15px}
@media(max-width:767px)
{
.post-comments .comments-list li .comment-desc p{margin-top:20px}
}
.post-comments .comments-list li.children{margin-left:130px}
@media(max-width:767px)
{
.post-comments .comments-list li.children{margin:0}
}
.comment-form{margin-top:80px}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px)
{
.comment-form{padding-right:30px}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.comment-form{margin-top:60px}
}
@media(max-width:767px)
{
.comment-form{margin-top:40px}
}
.comment-reply-title{font-size:20px!important;font-weight:700!important;margin-bottom:30px!important;position:relative;z-index:1;text-transform:capitalize}
@media(max-width:767px)
{
.comment-reply-title{font-size:18px!important}
}
.comment-form form .form-box{position:relative}
.comment-form form .form-box label{color:#081828;display:block;margin-bottom:10px;font-weight:400}
.comment-form form .form-box .icon{position:absolute;top:17px;right:25px;font-size:16px}
.comment-form form .form-box .form-control-custom{border:none;font-size:15px;color:#081828;padding:0 25px;font-weight:500;height:53px;border:1px solid #eee;margin-bottom:20px;font-weight:400;border-radius:6px;-webkit-transition:all .4s ease;transition:all .4s ease;background-color:#f4f7fa}
@media(max-width:767px)
{
.comment-form form .form-box .form-control-custom{margin-bottom:20px}
}
.comment-form form .form-box .form-control-custom:focus{border-color:#7e57ff}
.comment-form form .form-box textarea.form-control-custom{height:180px;padding:25px}
.comment-form form .form-box .form-control-custom::-webkit-input-placeholder{font-size:15px;color:#888;font-weight:400}
.comment-form form .form-box .form-control-custom:-ms-input-placeholder{font-size:15px;color:#888;font-weight:400}
.comment-form form .form-box .form-control-custom::-ms-input-placeholder{font-size:15px;color:#888;font-weight:400}
.comment-form form .form-box .form-control-custom::placeholder{font-size:15px;color:#888;font-weight:400}
.sidebar .widget{margin-bottom:40px;overflow:hidden;padding:40px;border-radius:8px;background-color:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.11);box-shadow:0 0 20px rgba(0,0,0,.11);border-top:3px solid #7e57ff}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px)
{
.sidebar .widget:first-child{margin-top:50px}
}
@media(max-width:767px)
{
.sidebar .widget{padding:35px}
}
.sidebar .widget:last-child{margin-bottom:0}
.sidebar .widget .widget-title{font-size:18px;margin-bottom:25px;position:relative;font-weight:600;line-height:28px;z-index:1;color:#081828}
.sidebar .widget.search-widget form{position:relative}
.sidebar .widget.search-widget form input{width:100%;background-color:transparent;height:55px;border:none;padding:0 55px 0 25px;font-size:15px;font-weight:400;border-radius:6px;background-color:#fff;border:1px solid #eee;-webkit-box-shadow:0 0 23px transparent;box-shadow:0 0 23px transparent;-webkit-transition:all .4s ease;transition:all .4s ease}
.sidebar .widget.search-widget form input:focus{-webkit-box-shadow:0 0 23px #0000000f!important;box-shadow:0 0 23px #0000000f!important;border-color:#7e57ff}
.sidebar .widget.search-widget form input::-webkit-input-placeholder{color:#333}
.sidebar .widget.search-widget form input:-ms-input-placeholder{color:#333}
.sidebar .widget.search-widget form input::-ms-input-placeholder{color:#333}
.sidebar .widget.search-widget form input::placeholder{color:#333}
.sidebar .widget.search-widget form button{border:none;position:absolute;right:0;top:0;width:55px;height:55px;z-index:1;color:#fff!important;font-size:18px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-radius:0;padding:0!important;border:none;background:0 0;color:#333!important}
.sidebar .widget.search-widget form button:hover{color:#7e57ff!important}
.sidebar .widget.popular-feeds .single-popular-feed{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:25px;padding-bottom:25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(238,238,238,.68)}
.sidebar .widget.popular-feeds .single-popular-feed:last-child{border:none;margin-bottom:0;padding-bottom:0}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc{position:relative}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .post-title{margin-bottom:12px;line-height:26px}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .post-title a{font-size:15px;font-weight:600;color:#081828}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .post-title a:hover{color:#7e57ff}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time{font-weight:400;font-size:14px;color:#727272}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time i{margin-right:4px}
.sidebar .widget.categories-widget ul li:last-child{margin-bottom:0}
.sidebar .widget.categories-widget ul li:first-child a{padding-top:0}
.sidebar .widget.categories-widget ul li:last-child a{padding-bottom:0;border:none}
.sidebar .widget.categories-widget ul li a{font-size:15px;padding:8px 0;font-weight:500;display:block;color:#081828}
.sidebar .widget.categories-widget ul li a:hover{color:#7e57ff;padding-left:10px}
.sidebar .widget.popular-tag-widget{padding-bottom:35px}
.popular-tag-widget .tags>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 20px;text-transform:capitalize;font-size:14px;font-weight:500;margin-right:5px;margin-bottom:10px;color:#081828;border:1px solid #eee;background:0 0;border-radius:30px}
.popular-tag-widget .tags>a:hover{background-color:#7e57ff;color:#fff;border-color:transparent}
.blog-grid-page{padding-top:80px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.blog-grid-page{padding-top:40px}
}
@media(max-width:767px)
{
.blog-grid-page{padding-top:30px}
}
.blog-grid-page .sidebar{margin-top:30px}
.client-logo{background-color:#f4f7fa;padding:60px 0}
.client-logo .single-logo{padding:0 30px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.client-logo .single-logo{padding:0 10px}
}
@media(max-width:767px)
{
.client-logo .single-logo{padding:15px 30px;border:1px solid #eee;background:#fff}
}
@media(max-width:767px)
{.client-logo .single-logo img{width:75%}
}
.team .section-title{margin-bottom:50px}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px)
{
.team .section-title{margin-bottom:30px}
}
.team .single-team{margin-top:30px;border-radius:8px;overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease;text-align:center}
.team .single-team img{height:200px;width:200px;border-radius:50%;display:inline-block;background-color:#fff;padding:10px;border:1px solid #eee}
.team .single-team .content{padding:40px 30px}
@media(max-width:767px)
{
.team .single-team .content{display:block;text-align:center;padding:30px}
}
.team .single-team .content h4{font-size:16px;font-weight:600}
.team .single-team .content h4 span{color:#727272;font-size:14px;display:block;margin-top:10px;font-weight:500;font-family:DM Sans}
.team .single-team .content .social{display:block;opacity:0;visibility:hidden;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateY(-10px);transform:translateY(-10px)}
@media(max-width:767px)
{
.team .single-team .content .social{margin-top:20px}
}
.team .single-team .content .social li{display:inline-block;margin-right:20px}
.team .single-team .content .social li a{font-size:15px;color:#081828}
.team .single-team .content .social li a:hover{border-color:transparent;color:#7e57ff}
.team .single-team .content .social li:last-child{margin-right:0}
.team .single-team:hover .social{opacity:1;visibility:visible;-webkit-transform:translateY(20px);transform:translateY(20px)}
.account-login{background-color:#f4f7fa}
.account-login .inner-content{border-radius:8px;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.075);box-shadow:0 10px 30px rgba(0,0,0,.075)}
.account-login .login-form{padding:60px 70px;background-color:#fff;border:none}
@media only screen and (min-width:768px) and (max-width:991px)
{
.account-login .login-form{padding:50px}
}
@media(max-width:767px)
{
.account-login .login-form{padding:50px 35px}
}
.account-login .login-form .card-body{padding:0}
.account-login .login-form .title{margin-bottom:45px;text-align:center}
@media(max-width:767px)
{
.account-login .login-form .title{margin-bottom:30px}
}
.account-login .login-form .title h3{font-size:25px;font-weight:700;color:#081828;margin-bottom:8px}
@media(max-width:767px)
{
.account-login .login-form .title h3{font-size:22px}
}
.account-login .bottom-content{margin-top:25px}
.account-login .form-group{margin-bottom:20px;position:relative}
.account-login .form-group label{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9}
.account-login .form-group .form-control{padding:0 18px;-webkit-transition:all .4s ease;transition:all .4s ease;border:1px solid #eee;background-color:#f4f7fa;color:#505050;font-size:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:52px;border-radius:30px!important;overflow:hidden;width:100%;padding-left:55px}
.account-login .form-group .form-control:focus{border-color:#7e57ff;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.233);box-shadow:0 5px 8px rgba(0,0,0,.233)}
.account-login .lost-pass{color:#888}.account-login .lost-pass:hover{color:#7e57ff}
.account-login .button{margin-top:40px;text-align:center}
@media(max-width:767px)
{
.account-login .button{display:block;margin-top:30px}
.account-login .button .btn{margin-bottom:13px}
.account-login .button .btn:last-child{margin:0}
}
.account-login .button .btn{padding:14px 40px;margin-right:20px;width:100%}
.account-login .button .btn:last-child{margin:0}
.account-login .or{position:relative;text-align:center;margin:30px 0;z-index:0}
.account-login .or span{text-align:center;font-size:16px;background-color:#fff;padding:5px 12px}
.account-login .or::before{position:absolute;content:"";left:0;top:50%;margin-top:-1px;background-color:#e8e8e8;height:1px;width:100%;z-index:-1}
.account-login .alt-option{margin-top:30px;text-align:center}
.account-login .alt-option .small-title{margin-bottom:15px;text-align:center;display:block}
.account-login .alt-option .option-button{padding:14px 25px 14px 15px;border:1px solid #eee;border-radius:30px;display:inline-block;text-align:center;color:#727272}
.account-login .alt-option .option-button img{display:inline-block;margin-right:15px}
@media(max-width:767px)
{
.account-login .alt-option{margin-top:30px}
}
.account-login .alt-option li{font-weight:500;display:inline-block;margin-right:15px}
@media(max-width:767px)
{
.account-login .alt-option li{margin-top:5px}
}
.account-login .alt-option li span{color:#727272;display:inline-block}
.account-login .alt-option li:last-child{margin:0}
.account-login .alt-option li a{color:#7e57ff}
.account-login .alt-option li a:hover{color:#081828}
.account-login .create-account{font-weight:500;color:#081828;text-align:center;margin-top:35px;font-size:14px;display:block}
.account-login .create-account a{color:#7e57ff}
.account-login .create-account a:hover{text-decoration:underline}
.contact-us{position:relative;background-color:#f4f7fa}
.contact-us .form-title{font-size:28px;font-weight:700;margin-bottom:30px;margin-bottom:30px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.contact-us .form-title{font-size:24px;line-height:35px}
}
@media(max-width:767px)
{
.contact-us .form-title{font-size:22px;line-height:35px}
}
.contact-us .contact-form .form-group{margin-bottom:20px; color:#333;}
.contact-us .contact-form .form-group select{border:#ccc solid 1px; height:30px; padding:3px 8px; border-radius:5px; font-size:16px;}
.contact-us .contact-form .form-group h5{font-size:20px; color:#444; font-weight:bold; margin-bottom:15px;}
.contact-us .contact-form .form-group input.timcu_s{height:52px;border:1px solid #ccc;border-radius:5px;padding:0 20px;width:100%;-webkit-transition:all .4s ease;transition:all .4s ease;background-color:#fff}
.contact-us .contact-form .form-group input.timcu_s_qita {
width: 300px;
height: 30px;
text-align: left;
padding: 0px 10px;
background-color: #fff;
border: 1px solid #ddd;
margin-bottom: 10px;
font-weight: 500;
color: #afafaf; margin-left:10px; border-radius:5px;
}
.contact-us .contact-form .form-group input:focus{border-color:#e6171b}
.contact-us .contact-form .form-group textarea{height:200px;border:1px solid #eee;border-radius:6px;padding:20px;resize:none;width:100%;-webkit-transition:all .4s ease;transition:all .4s ease}
.contact-us .contact-form .form-group textarea:focus{border-color:#7e57ff}
.contact-us .contact-form .button{margin-top:10px}
.contact-us .contact-widget-wrapper{padding-right:80px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.contact-us .contact-widget-wrapper{padding:0;padding-right:200px;margin-bottom:50px}
}
@media(max-width:767px)
{
.contact-us .contact-widget-wrapper{padding:0;margin-bottom:40px}
}
.contact-us .contact-widget-wrapper .main-title{margin-bottom:40px}
.contact-us .contact-widget-wrapper .main-title h2{font-size:28px;font-weight:700;margin-bottom:20px;line-height:40px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.contact-us .contact-widget-wrapper .main-title h2{font-size:24px;line-height:35px}
}
@media(max-width:767px)
{
.contact-us .contact-widget-wrapper .main-title h2{font-size:22px;line-height:35px}
}
.contact-us .contact-widget-wrapper .main-title p{font-size:16px}
.contact-us .contact-widget-wrapper .contact-widget-block{margin-bottom:30px}
.contact-us .contact-widget-wrapper .contact-widget-block:last-child{margin:0}
.contact-us .contact-widget-wrapper .contact-widget-block h3{font-size:16px;font-weight:700;display:block;margin-bottom:18px}
.contact-us .contact-widget-wrapper .contact-widget-block p{margin-bottom:3px}
.contact-us .contact-widget-wrapper .contact-widget-block p:last-child{margin:0}
.map-section{background-color:#f4f7fa;padding-bottom:110px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.map-section{padding-bottom:70px}
}
@media(max-width:767px)
{
.map-section{padding-bottom:60px}
}
.map-section .mapouter{padding:10px;background-color:#fff}
.map-section .mapouter iframe{height:450px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.map-section .mapouter iframe{height:400px}
}
@media(max-width:767px)
{
.map-section .mapouter iframe{height:300px}
}
.pricing-table{background-color:#f4f7fa}
.pricing-table .section-title{margin-bottom:50px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.pricing-table .section-title{margin-bottom:30px}
}
@media(max-width:767px)
{
.pricing-table .section-title{margin-bottom:20px}
}
.pricing-table .single-table{border:1px solid #eee;border-radius:10px;margin-top:40px;background-color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease;padding:50px 35px;text-align:left;z-index:0;transition:all .4s ease;position:relative;overflow:hidden}
.pricing-table .single-table .popular{position:absolute;right:20px;top:18px;color:#7e57ff;font-size:15px;font-weight:500}
.pricing-table .single-table:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.048);box-shadow:0 15px 30px rgba(0,0,0,.048)}
.pricing-table .single-table.middle .table-head .title{border-color:#7e57ff;color:#7e57ff}
.pricing-table .single-table .table-head .title{font-size:20px;font-weight:600;margin-bottom:8px;color:#7e57ff;display:inline-block;border-radius:30px}
.pricing-table .single-table .table-head .sub-title{margin-bottom:30px}
.pricing-table .single-table .table-head p{font-weight:400}
.pricing-table .single-table .table-head .price .amount{font-size:45px;font-weight:700;display:inline-block;position:relative;padding-left:16px}
.pricing-table .single-table .table-head .price .amount .currency{font-weight:500;color:#4f4f4f;font-size:17px;position:absolute;left:0;top:3px}
.pricing-table .single-table .table-head .price .amount .duration{display:inline-block;font-size:14px;color:#4f4f4f;font-weight:500;margin-left:3px}
.pricing-table .single-table .table-list{margin-top:40px}
.pricing-table .single-table .button{margin:0;margin-top:50px}
.pricing-table .single-table .button .btn i{display:inline-block;font-size:20px;margin-left:10px;position:relative;top:2px}
.pricing-table .single-table .no-card{display:block;margin-top:15px}
.pricing-table .single-table .table-content .table-list li{font-size:15px;margin-bottom:16px;padding-left:25px;font-weight:400;color:#081828;position:relative}
.pricing-table .single-table .table-content .table-list li::before{position:absolute;left:0;top:0;content:"\ea5a";font-family:lineIcons;color:#68d585;font-size:15px}
.pricing-table .single-table .table-content .table-list li.disable{color:#727272}
.pricing-table .single-table .table-content .table-list li.disable::before{color:#727272;content:"\ea87"}
.portfolio-section .portfolio-btn-wrapper{margin-bottom:0;text-align:center}
.portfolio-section .section-title{margin-bottom:60px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.portfolio-section .section-title{margin-bottom:50px}
}
@media(max-width:767px)
{
.portfolio-section .section-title{margin-bottom:40px}
}
.grid{margin-top:80px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.grid{margin-top:60px}
}
@media(max-width:767px)
{
.grid{margin-top:40px}
}
.portfolio-section .portfolio-btn-wrapper button{padding:10px 23px;font-size:14px;font-weight:500;border:none;background:#eff2f9;color:#051441;border-radius:6px;margin-right:10px;margin-bottom:10px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.portfolio-section .portfolio-btn-wrapper button:hover{background:#7e57ff;color:#fff}
.portfolio-section .portfolio-btn-wrapper button.active{background:#e6171b;color:#fff}
@media only screen and (min-width:768px) and (max-width:991px)
{
.portfolio-section .portfolio-btn-wrapper button{margin-right:10px;padding:7px 18px}
}
@media(max-width:767px)
{
.portfolio-section .portfolio-btn-wrapper button{margin-right:10px;padding:7px 18px}
}
.portfolio-section .portfolio-btn-wrapper button:last-child{margin-right:0}
.portfolio-item-wrapper{position:relative;border-radius:6px;overflow:hidden;margin-bottom:15px}
.portfolio-item-wrapper:hover .portfolio-img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.portfolio-item-wrapper .portfolio-img img{width:100%;-webkit-transition:all .4s ease;transition:all .4s ease}
.portfolio-item-wrapper .portfolio-overlay{position:absolute;left:15px;bottom:15px;background-color:#fff;padding:20px 35px 20px 20px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.096);box-shadow:0 5px 10px rgba(0,0,0,.096);display:inline-block}
.portfolio-item-wrapper .portfolio-overlay .overlay-content h4{margin-top:5px;font-size:16px;font-weight:700;line-height:28px}
.portfolio-item-wrapper .portfolio-overlay .overlay-content .border-btn{padding:8px 27px;color:#fff;border:2px solid #fff}
.portfolio-item-wrapper .portfolio-overlay .overlay-content .border-btn:hover{color:#7e57ff;background:#fff}
.single-portfolio .single-portfolio-img{border-radius:0;overflow:hidden}
.single-portfolio .single-portfolio-img img{width:100%}
.project-info-box ul li{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px}
.project-info-box ul li:last-child{margin-bottom:0}
.project-info-box ul li .destination{width:40%;color:#051441;text-transform:uppercase}
.faq{padding-bottom:80px;background-color:#f4f7fa}
@media(max-width:767px)
{
.faq .xs-margin{margin-top:20px!important}
}
.faq .section-title{margin-bottom:60px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.faq .section-title{margin-bottom:40px}
}
@media(max-width:767px)
{
.faq .section-title{margin-bottom:30px}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.faq{padding-bottom:40px}
}
@media(max-width:767px)
{
.faq{padding-bottom:30px}
}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:4px;border-top-right-radius:4px;padding-right:40px}
.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.accordion-item .accordion-button{border-radius:4px;font-size:17px;font-weight:500;width:100%;display:block;overflow:hidden;border:none;padding:15px 25px;padding-right:40px;background-color:#fff}
@media only screen and (min-width:768px) and (max-width:991px)
{
.accordion-item .accordion-button{padding:18px 20px;padding-right:40px}
}
@media(max-width:767px)
{
.accordion-item .accordion-button{padding:15px 20px;padding-right:40px}
}
.accordion-item .accordion-button .title{font-size:14px;position:relative;font-weight:600;float:left;line-height:25px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.accordion-item .accordion-button .title{font-size:14px}
}
@media(max-width:767px)
{
.accordion-item .accordion-button .title{font-size:14px}
}
.accordion-item .accordion-button i{font-size:15px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;top:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:20px}.accordion-button:not(.collapsed){color:#fff;background-color:#7e57ff;border-radius:4px 4px 0 0}
.accordion-button:not(.collapsed) i::before{content:"\eb2e";font-family:lineIcons}
.accordion-button::after{display:none}
.accordion-collapse{border:none}
.accordion-body{border-radius:0 0 4px 4px;padding:25px;background-color:#fff}
@media only screen and (min-width:768px) and (max-width:991px)
{
.accordion-body{padding:30px}
}
@media(max-width:767px){
.accordion-body{padding:20px}
}
.accordion-body p{margin:0;margin-bottom:20px;color:#777}
.accordion-body p:last-child{margin:0}
.accordion-item{margin-bottom:20px;-webkit-box-shadow:0 0 20px #00000007;box-shadow:0 0 20px #00000007;border-radius:4px}
.accordion-item:last-child{margin:0}.call-action{background-color:#f4f7fa}
.call-action .inner-content{position:relative;padding:80px 0;border-radius:10px;z-index:0;overflow:hidden}
@media only screen and (min-width:768px) and (max-width:991px)
{
.call-action .inner-content{padding:50px 0}
}
@media(max-width:767px)
{
.call-action .inner-content{padding:50px 0;text-align:center}
}
.call-action .inner-content .bg-shape{position:absolute;right:0;bottom:0;z-index:-1}
.call-action .text h2{font-size:28px;font-weight:700;line-height:42px;color:#081828}
.call-action .text h2 span{color:#7e57ff}
@media only screen and (min-width:768px) and (max-width:991px)
{
.call-action .text h2{font-size:25px;line-height:38px}
}
@media(max-width:767px)
{
.call-action .text h2{font-size:22px;line-height:32px}
}
.call-action .text h2 span{display:block;color:#7e57ff}
.call-action .button{float:right}
@media(max-width:767px)
{
.call-action .button{float:none;margin-top:30px}
}
.error-area{height:100vh;text-align:center;width:auto;margin-left:auto;margin-right:auto;background-color:#081828;position:relative;overflow:hidden}
.error-area .error-content{display:inline-block;padding:70px 60px;background-color:#fff;border-radius:10px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.error-area .error-content{padding:60px 50px}
}
@media(max-width:767px)
{
.error-area .error-content{padding:50px 40px}
}
.d-table{width:100%;height:100%}
.d-table{display:table!important}
.d-table-cell{vertical-align:middle}
.d-table-cell{display:table-cell!important}
.error-area .error-content h1{font-size:90px;color:#7e57ff;margin-bottom:25px;font-weight:800;line-height:100px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.error-area .error-content h1{font-size:60px;line-height:50px}
}
@media(max-width:767px)
{
.error-area .error-content h1{font-size:45px;line-height:30px}
}
.error-area .error-content h2{font-size:20px;margin-bottom:10px;color:#081828;font-weight:700;line-height:35px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.error-area .error-content h2{font-size:22px}
}
@media(max-width:767px)
{
.error-area .error-content h2{font-size:18px}
}
.error-area .error-content p{font-weight:400;margin-bottom:40px;color:#888}
.maill-success{height:100vh;text-align:center;width:auto;margin-left:auto;margin-right:auto;background-color:#081828;position:relative;overflow:hidden}
.maill-success .success-content{display:inline-block;padding:70px 60px;background-color:#fff;border-radius:10px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.maill-success .success-content{padding:60px 50px}
}
@media(max-width:767px)
{
.maill-success .success-content{padding:50px 40px}
}
.d-table{width:100%;height:100%}
.d-table{display:table!important}
.d-table-cell{vertical-align:middle}
.d-table-cell{display:table-cell!important}
.maill-success .success-content h1{font-size:40px;color:#7e57ff;margin-bottom:20px;font-weight:700}
@media only screen and (min-width:768px) and (max-width:991px)
{
.maill-success .success-content h1{font-size:30px}
}
@media(max-width:767px)
{
.maill-success .success-content h1{font-size:22px}
}
.maill-success .success-content h2{font-size:18px;margin-bottom:15px;color:#081828}
@media only screen and (min-width:768px) and (max-width:991px)
{
.maill-success .success-content h2{font-size:15px}
}
@media(max-width:767px)
{
.maill-success .success-content h2{font-size:15px}
}
.maill-success .success-content p{font-weight:400;margin-bottom:30px;color:#081828;font-size:16px}
.tiprotitle{font-size:16px; line-height:26px; color:#333; font-weight:bold;}
.tiprointro{font-size:14px; margin-bottom:10px; color:#666; line-height:23px;}
.msp1{font-size:16px; line-height:26px; color:#333; padding-bottom:25px; border-bottom:#f7d223 solid 1px; margin-bottom:30px;}
.msp2{font-size:16px; line-height:26px; color:#333; padding-bottom:25px; border-bottom:#57bab1 solid 1px; margin-bottom:30px;}
.msp3{font-size:16px; line-height:26px; color:#333; padding-bottom:25px; border-bottom:#ff8c47 solid 1px; margin-bottom:30px;}
.msp4{font-size:16px; line-height:26px; color:#333; padding-bottom:25px; border-bottom:#ef5176 solid 1px; margin-bottom:30px;}
.cognexreg{width:240px; height:40px; margin:25px auto 0px; text-align:center; font-size:18px; font-weight:bold; line-height:38px; background:#c00; border:#c00 solid 1px; border-radius:25px; color:#fff; cursor:pointer;}
.cognexreg a{color:#fff; cursor:pointer; text-decoration:none;}
.cognexreg:hover{background:#C90; border:#C90 solid 1px; border-radius:25px; color:#fff;}
td{padding:8px; border:#ccc solid 1px; color:#333;}
.msppb30{padding-bottom:25px; border-bottom:#ddd solid 1px; margin-bottom:40px;}
.mspf16{font-size:16px; line-height:26px; color:#333;}
.mspf16 img{margin:0px 20px 60px 0px;}
.footer{background-color:#081828;position:relative;padding-bottom:0}
@media only screen and (min-width:768px) and (max-width:991px)
{
.footer{padding-top:30px}
.mspf16 img{display:none;}
}
@media(max-width:767px)
{
.footer{padding-top:20px}
.mspf16 img{display:none;}
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.footer .single-footer{margin-top:40px}
.mspf16 img{display:none;}
}
@media(max-width:767px)
{
.footer .single-footer{margin-top:40px;text-align:center}
}
.footer .single-footer.f-about{padding-right:30px}
@media(max-width:767px)
{
.footer .single-footer.f-about{padding:0}
}
.footer .single-footer.f-about .logo{margin-bottom:20px}
.footer .single-footer.f-about .logo img{width:130px}
@media only screen and (min-width:768px) and (max-width:991px)
{
.footer .single-footer.f-about .logo img{width:125px}
}
@media(max-width:767px)
{
.footer .single-footer.f-about .logo img{width:120px}
}
.footer .single-footer.f-about p{color:#fff;margin-top:20px;font-size:15px;margin-bottom:25px}
.footer .single-footer.f-about .social-title{color:#fff;font-size:13px;font-weight:600;display:block;margin-bottom:20px}
.footer .single-footer.f-about .social li{display:inline-block;margin-right:15px}
.footer .single-footer.f-about .social li:last-child{margin:0}
.footer .single-footer.f-about .social li a{color:#fff}
.footer .single-footer.f-about .social li a:hover{color:#7e57ff}
.footer .single-footer.f-about .copyright-text{color:#fff;font-size:15px;margin-top:40px}
.footer .single-footer.f-about .copyright-text span{display:block}
@media(max-width:767px)
{
.footer .single-footer.f-about .copyright-text{margin-top:20px}
}
.footer .single-footer.f-about .copyright-text a{color:#fff;text-decoration:underline}
.footer .single-footer.f-link li{display:block;margin-bottom:15px}
.footer .single-footer.f-link li:last-child{margin:0}
.footer .single-footer.f-link li a{font-size:15px;font-weight:400;color:#fff}
.footer .single-footer.f-link li a:hover{color:#7e57ff}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:1400px)
{
.footer .single-footer.newsletter{padding-left:80px}
}
.footer .single-footer.newsletter p{color:#fff}
.footer .single-footer h3{font-size:17px;font-weight:600;display:block;margin-bottom:35px;color:#fff}
@media only screen and (min-width:768px) and (max-width:991px)
{
.footer .single-footer h3{margin-bottom:25px}
}
@media(max-width:767px)
{
.footer .single-footer h3{margin-bottom:25px}
}
.footer .newsletter-form{margin-top:30px;position:relative}
.footer .newsletter-form input{height:52px;width:100%;border-radius:8px;border:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;padding-left:18px;padding-right:70px;-webkit-transition:all .4s ease;transition:all .4s ease;background-color:#ffffff1f;color:#fff}
.footer .newsletter-form input:hover{border-color:#7e57ff}
.footer .newsletter-form input:focus{border-color:#7e57ff}
.footer .newsletter-form .button{position:absolute;right:0;top:0}
.footer .newsletter-form .button .sub-btn{height:52px;width:52px;border-radius:0 6px 6px 0;background-color:#ffffff29;color:#fff;text-align:center;line-height:52px;border:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;font-size:18px;-webkit-transition:all .4s ease;transition:all .4s ease}
.footer .newsletter-form .button .sub-btn:hover{color:#fff;background-color:#7e57ff}
.footer .copyright-area .inner-content{border-top:1px solid rgba(238,238,238,.288);padding-top:30px;padding-bottom:30px;margin-top:80px}
@media(max-width:767px)
{
.footer .copyright-area .inner-content{margin-top:50px;text-align:center}
}
.footer .copyright-area .copyright-owner{text-align:right}
@media(max-width:767px)
{
.footer .copyright-area .copyright-owner{text-align:center;margin-top:3px}
}
.footer .copyright-area p{color:#fff;font-size:15px}
.footer .copyright-area p a{text-decoration:underline;color:#fff}
.footer .copyright-area p a:hover{color:#7e57ff}