body *{font-family:'Roboto',Arial,Helvetica,sans-serif}
a,button,select,input{outline:none !important}
.loading-container{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999 !important}
.loading-container .bounce-container{position:relative;width:40px;height:40px;top:calc(50% - 20px);left:calc(50% - 20px)}
.loading-container .bounce-container .bounce1,.loading-container .bounce-container .bounce2{width:100%;height:100%;border-radius:50%;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}
@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
.loading-container .bounce-container .bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.animated{animation-duration:0.50s}

.pages{position:fixed;left:50px;width:calc(100% - 50px);height:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
.pages .sub-pages{position:absolute;margin:30px auto;left:0;right:0;width:calc(100% - 60px);height:calc(100% - 60px);max-width:1240px}
.pages .sub-pages .section{opacity:0;position:absolute;width:100%;height:100%;z-index:9}
.pages .sub-pages .section.active{opacity:1;z-index:11}
.pages .sub-pages .section .main-container{padding:50px}
.pages .sub-pages .section .main-container .main-title{text-align:center;font-weight:700;font-size:100px;line-height:120px;margin-top:-25px}
.pages .sub-pages .section .main-container .main-desc{font-size:19px;text-align:center;line-height:24px;margin-top:-43px}
.pages .sub-pages .section .main-container .content-group{margin-top:50px}
.pages .sub-pages .section .main-container .content-group .title{font-size:16px;padding:12px 15px 10px 15px}
body.left-side-menu-expand .pages{width:calc(100% - 240px);left:240px}

.mfp-container{padding:0}
.mfp-wrap.popup-box-inline{max-width:1024px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.mfp-wrap.popup-box-inline .mfp-close{font-size:40px}
.mfp-wrap.popup-box-inline .popup-box{height:600px}
.mfp-wrap.popup-box-inline .popup-box .image-area img{max-width:100%;width: 100%;}
.mfp-wrap.popup-box-inline .popup-box .content-area{padding:25px;font-size:14px}
.mfp-wrap.popup-box-inline .popup-box .content-area .title{font-weight:bold;font-size:16px}
.mfp-wrap.popup-box-inline .popup-box .content-area .category{font-size:12px;border-bottom:1px solid var(--gray);padding-bottom: 5px;}
.mfp-wrap.popup-box-inline .popup-box .content-area .content{margin-top:20px;text-align:justify;word-break:break-word}
.mfp-wrap.popup-box-inline .popup-box .content-area .content blockquote{padding:10px 20px;font-style:italic}

header{position:fixed;top:0;left:0;width:50px;height:100%;z-index:2;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
header .logo-area{padding:10px 0;position:relative;margin-bottom:1px}
header .logo-area a{width:50px;display:block;text-align:center;text-decoration:none}
header .logo-area a .avatar img{width:36px;height:36px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
header .logo-area:after{content:" ";position:absolute;left:10px;bottom:0;width:calc(100% - 20px);height:1px}
header .links-area ul{margin:0;padding:0;list-style:none}
header .links-area ul li a{display:block;position:relative;padding:4px 12px 4px 9px;font-size:25px;text-decoration:none;white-space:nowrap;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
header .links-area ul li a img{width: 26px;height: 26px;margin: 8px 0}
header .expand-area{position:absolute;left:0;bottom:0;right:0}
header .expand-area .expand-collapse{display:block;position:relative;text-align:right;padding:8px 15px 4px 15px;font-size:18px;cursor:pointer;text-decoration:none;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
header .expand-area .expand-collapse span{position:absolute;top:0;opacity:0;visibility:hidden;text-align:center}
header .expand-area .expand-collapse i:before{content:">>"}
header .logo-area a span,header .links-area a span,header .expand-area a span{min-width:75px;position:absolute;z-index:9;left:120%;top:8px;font-size:12px;padding:5px 9px;pointer-events:none;opacity:0;visibility:hidden;text-align:center;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
header .logo-area a:hover span,header .links-area a:hover span,header .expand-area a:hover span{opacity:1;visibility:visible}
header.menufade .logo-area,header.menufade .links-area,header.menufade .expand-area{animation:menucollapsefade 2s ease-in-out}
@-webkit-keyframes menucollapsefade{0%,60%,100%{opacity:1}20%,40%{opacity:0}}
@keyframes menucollapsefade{0%,60%,100%{opacity:1}20%,40%{opacity:0}}

body.left-side-menu-expand header{width:240px;overflow:hidden}
body.left-side-menu-expand header .logo-area a{width:100%;text-align:left;padding-left:12px}
body.left-side-menu-expand header .logo-area a .avatar{width:40px;display:inline-block}
body.left-side-menu-expand header .logo-area a span{font-weight:600;opacity:1;visibility:visible;position:relative;left:-5px;top:1px;font-size:15px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
body.left-side-menu-expand header .links-area ul li a{display:block;width:100%;text-align:left;padding-left:12px}
body.left-side-menu-expand header .links-area ul li a span{opacity:1;visibility:visible;position:relative;left:0px;top:0;font-size:14px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
body.left-side-menu-expand header .expand-area{text-align:right}
body.left-side-menu-expand header .expand-area .expand-collapse{display:block}
body.left-side-menu-expand header .expand-area .expand-collapse i:before{content:"<<"}
body.left-side-menu-expand header .expand-area .expand-collapse span{visibility:hidden;opacity:0}
body.mobile-device header .links-area ul li a span{visibility:hidden}
body.mobile-device.left-side-menu-expand header .links-area ul li a span{visibility:visible}
.mobile-header{position:fixed;top:0;left:0;width:100%;height:50px}

#home{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
#home:after{position:absolute;content:" ";left:0;top:0;right:0;bottom:0;width:100%;height:100%}
#home .center{display:table;table-layout:fixed;height:100%;width:100%;padding-left:12%;position:relative;z-index:2}
#home .center .vertical-middle{display:table-cell;vertical-align:middle;opacity:0}
#home .center .vertical-middle.active{opacity:1}
#home .center .vertical-middle .title{font-size:64px;font-weight:600}
#home .center .vertical-middle .subtitle{font-size:24px}

#about .main-container .button-groups{margin-top:25px;text-align:center}
#about .main-container .button-groups ul{padding:0;margin:0;list-style:none}
#about .main-container .button-groups ul li{display:inline-block;margin:0 5px}
#about .main-container .button-groups ul li span{padding:0 24px;position:relative;top:-2px}
#about .main-container .button-groups ul li a{font-size:25px;font-weight:bold;text-decoration:none;height:45px;min-width:45px;line-height:45px;text-align:center;display:inline-block;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
#about .main-container .button-groups ul li a:hover{border-color:transparent}
#about .main-container .button-groups ul li a span img{height: 26px;}
#about .main-container .content-group .service-container .card{border:none;margin-top:25px}
#about .main-container .content-group .service-container .card .card-body{padding:0}
#about .main-container .content-group .service-container .card .card-body .icon-area{margin-bottom:10px;text-align:center}
#about .main-container .content-group .service-container .card .card-body .name{font-weight:600;text-align:center}
#about .main-container .content-group .service-container .card .card-body .description{text-align:center;font-size:13px}
#about .main-container .content-group .pricing-container .card{margin-top:25px;border:none}
#about .main-container .content-group .pricing-container .card .card-header{padding:0;text-align:center;background-color:transparent;border:none}
#about .main-container .content-group .pricing-container .card .card-header .icon-area img{width:60px;height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
#about .main-container .content-group .pricing-container .card .card-header .title{border:none;background-color:transparent;font-weight:600;font-size:16px;padding:7px 0 0 0}
#about .main-container .content-group .pricing-container .card .card-header .amount .currency{font-size:18px;position:relative;font-weight:500;top:-15px}
#about .main-container .content-group .pricing-container .card .card-header .amount .number{font-size:36px;font-weight:bold;margin:0 3px}
#about .main-container .content-group .pricing-container .card .card-header .amount .timing{font-size:15px;position:relative;font-weight:500;bottom:3px}
#about .main-container .content-group .pricing-container .card .card-body ul{margin:0;padding:0;list-style:none;text-align:center}
#about .main-container .content-group .pricing-container .card .card-body ul li{line-height:28px;font-size:15px}
#about .main-container .content-group .pricing-container .card .card-body ul li.disable{text-decoration:line-through}
#about .main-container .content-group .pricing-container .card .card-footer{background-color:transparent;border:none;text-align:center}
#about .main-container .content-group .pricing-container .card .card-footer a{font-weight:bold;text-decoration:none;padding:8px;min-width:200px;text-align:center;display:inline-block;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
#about .main-container .content-group .pricing-container .card .card-footer a:hover{border-color:transparent}
#about .main-container .content-group .fun-facts-container .card{border:none;margin-top:25px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
#about .main-container .content-group .fun-facts-container .card .card-body .icon-area{margin-bottom:5px;text-align:center}
#about .main-container .content-group .fun-facts-container .card .card-body .icon-area img{height: 42px}
#about .main-container .content-group .fun-facts-container .card .card-body .text{font-size:14px;text-align:center}
#about .main-container .content-group .fun-facts-container .card .card-body .text b{font-size:26px;margin:0 5px}
#about .main-container .content-group .clients-container{margin-top:25px;margin-bottom:25px}
#about .main-container .content-group .clients-container .flink{background-color:transparent;border:none;text-align:center}
#about .main-container .content-group .clients-container .flink a{border:1px solid #e5e5e5;text-decoration:none;padding:8px;width:100%;margin-bottom:10px;text-align:center;display:inline-block;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
#about .main-container .content-group .clients-container .flink a img{height:30px;width:30px;margin-right:3px}
#about .main-container .content-group .clients-container .flink a:hover{border-color:transparent}
#about .main-container .content-group .testimonials-container{margin-top:25px}
#about .main-container .content-group .testimonials-container .card{border:none}
#about .main-container .content-group .testimonials-container .card .card-header{background:transparent;text-align:center;border:none}
#about .main-container .content-group .testimonials-container .card .card-header img{height:50px;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
#about .main-container .content-group .testimonials-container .card .card-body p{font-size:15px;text-align:center;margin-bottom:0}
#about .main-container .content-group .testimonials-container .card .card-footer{padding:0;text-align:center;border:none;background:transparent}
#about .main-container .content-group .testimonials-container .card .card-footer .name{font-weight:bold;font-size:18px}
#about .main-container .content-group .testimonials-container .card .card-footer .title{border:none;background:transparent;font-size:14px;padding:0}
#about .main-container .content-group .testimonials-container .owl-dots{text-align:center;margin-top:20px}
#about .main-container .content-group .testimonials-container .owl-dots .owl-dot{width:12px;height:12px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}

#time .main-container .content-group .education-container .card,#time .main-container .content-group .experience-container .card{border:none;margin-top:25px}
#time .main-container .content-group .education-container .card-header,#time .main-container .content-group .education-container .card-footer,#time .main-container .content-group .experience-container .card-header,#time .main-container .content-group .experience-container .card-footer{background-color:transparent;border:none}
#time .main-container .content-group .education-container .card-header,#time .main-container .content-group .experience-container .card-header{font-weight:600;font-size:16px;padding:0}
#time .main-container .content-group .education-container .card-body,#time .main-container .content-group .experience-container .card-body{font-size:12px;padding:0 0 8px 0}
#time .main-container .content-group .education-container .card-footer,#time .main-container .content-group .experience-container .card-footer{text-align:justify;font-size:14px;padding:0}

.filter{text-align:right;margin-top:25px;margin-bottom:-25px}
.filter .f_btn{display:inline-block;margin-left:10px}
.filter .f_btn label{font-weight:bold;cursor:pointer}
.filter .f_btn label input{display:none}
#blog .main-container .grid-items{margin-top:10px}
#blog .main-container .grid-items .card{border:none;margin-top:30px}
#blog .main-container .grid-items .card .card-body,#blog .main-container .grid-items .card .card-footer{padding:0}
#blog .main-container .grid-items .card .card-body .image-area{position:relative;overflow:hidden}
#blog .main-container .grid-items .card .card-body .image-area img{width:100%;height:100%;max-height:280px;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
#blog .main-container .grid-items .card .card-body .image-area span{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
#blog .main-container .grid-items .card .card-body .image-area span img{position:absolute;top:calc(50% - 35px);left:calc(50% - 35px);height:60px;width: 60px;}
#blog .main-container .grid-items .card .card-footer{text-align:center;padding:10px 0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
#blog .main-container .grid-items .card .card-footer a{font-weight:bold;text-decoration:none}
#blog .main-container .grid-items .card .card-footer .category{font-size:12px}
#blog .main-container .grid-items .card:hover .card-body .image-area span{opacity:0.50}
#blog .main-container .grid-items .card:hover .card-body .image-area img{-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);transform:scale(1.08)}

#contacts .map{margin-top:50px !important;margin-bottom:-7px}
#contacts .map iframe{width:100%;border:none}

#contacts .main-container .content-group .get-in-touch-container{margin-top:10px}
#contacts .main-container .content-group .get-in-touch-container ul{margin:0;padding:0;list-style:none}
#contacts .main-container .content-group .get-in-touch-container ul li{line-height:36px}
#contacts .main-container .content-group .get-in-touch-container ul li span{font-size:14px}
#contacts .main-container .content-group .get-in-touch-container ul li a{font-weight:400}


@media (max-width:1023px){.mfp-wrap.popup-box-inline .popup-box .content-area .title{font-size:18px}
.mfp-wrap.popup-box-inline .popup-box .content-area .category{font-size:15px}
.mfp-wrap.popup-box-inline .popup-box .content-area .content *{font-size:15px}
header{top:0;left:0;height:50px;width:100%;border:none !important}
header.open .btn-menu-toggle .line{background:none}
header.open .btn-menu-toggle .line:before{top:0;bottom:auto;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
header.open .btn-menu-toggle .line:after{top:auto;bottom:0;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
header.open .links-area{opacity:1;visibility:visible}
header.open .links-area ul li a span{display:none}
header .logo-area{padding:7px 0}
header .logo-area:after{display:none}
header .logo-area .maximize{font-weight:600;opacity:1;visibility:visible;position:absolute;left:45px;top:8px;font-size:15px}
header .logo-area a{width:calc(100% - 100px);display:block;text-align:left;padding-left:8px;text-decoration:none}
header .expand-area{display:none}
header .links-area{position:absolute;left:0;top:50px;margin-top:0;width:100%;opacity:0;visibility:hidden;text-align:center;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
header .links-area ul li{display:inline-block}
header .links-area ul li a{display:inline-block;width:48px;height:48px;padding:0;text-align:center;border-left:none;padding-left:3px}
header .links-area ul li a span{top:11px}
header .btn-menu-toggle{position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer}
header .btn-menu-toggle .line{margin:-1px 0 0 -10px;position:absolute;left:50%;top:50%;width:22px;height:2px}
header .btn-menu-toggle .line:before,header .btn-menu-toggle .line:after{content:'';position:absolute;left:0;top:-7px;width:100%;height:2px;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
header .btn-menu-toggle .line:after{top:auto;bottom:-7px}
.pages{left:0;width:100%}
.pages .sub-pages{margin:50px 0 0 0;height:calc(100% - 50px);width:100%}
.pages .sub-pages .section{height:100%;width:100%}
.pages .sub-pages .section .main-container{padding:10px 16px 16px 16px}
.pages .sub-pages .section .main-container .content-group{margin-top:30px !important}
.pages .sub-pages .section .main-container .main-title{margin-top:15px}
#home .center{text-align:center;padding:0}
#home .center .vertical-middle{vertical-align:bottom;padding-bottom:20px}
#home .center .vertical-middle .subtitle{margin-bottom:40%}
#about .main-container .clients-container{margin-top:10px !important;margin-bottom:-10px}
#about .main-container .clients-container .col a{opacity:1 !important}
#about .main-container .service-container .card{margin-top:15px}
#about .main-container .service-container .card .card-body .name{font-size:18px !important}
#about .main-container .service-container .card .card-body .description{font-size:15px !important}
#about .main-container .fun-facts-container .card{margin-top:15px}
#about .main-container .fun-facts-container .card .card-body .text{font-size:15px !important}
#about .main-container .testimonials-container .card-header{padding:0}
#about .main-container .testimonials-container .card-footer .title{font-size:15px !important}
#contacts .main-container .content-group .get-in-touch-container ul li span{font-size:15px}
#blog .main-container .col{padding-right:8px;padding-left:8px}
.main-container .filter{margin-bottom:5px}
#blog .main-container .grid-items{margin-left:-8px;margin-right:-8px}
#blog .main-container .grid-items .card{margin-bottom:15px;margin-top:0}
#blog .main-container .grid-items .card .card-footer .name{font-size:18px}
#blog .main-container .grid-items .card .card-footer .category{font-size:15px}
#time .content-group .card{margin-top:15px !important}
#time .content-group .card .card-header{font-size:18px !important}
#time .content-group .card .card-body,#time .content-group .card .card-footer{font-size:15px !important}
}


@media (min-width:481px) and (max-width:640px){.mfp-wrap.popup-box-inline .popup-box .content-area .title{font-size:18px}
.mfp-wrap.popup-box-inline .popup-box .content-area .category{font-size:15px}
.mfp-wrap.popup-box-inline .popup-box .content-area .content *{font-size:15px}
.pages .sub-pages .section .main-container{padding:10px 15px 15px 15px}
.pages .sub-pages .section .main-container .main-title{font-size:64px !important;line-height:64px}
.pages .sub-pages .section .main-container .main-desc{margin-top:-20px}
.pages .sub-pages .section .main-container .content-group{margin-top:30px !important}
#contacts .main-container .main-title{font-size:54px}
#contacts .main-container .main-desc{margin-top:-28px}
#contacts .main-container .content-group .get-in-touch-container ul li span{font-size:15px}
#blog .main-container .main-title{font-size:54px}
#blog .main-container .main-desc{margin-top:-28px}
#blog .main-container .col{padding-right:8px;padding-left:8px}
#blog .main-container .grid-items{margin-left:-8px;margin-right:-8px}
#blog .main-container .grid-items .card{margin-bottom:15px}
#blog .main-container .grid-items .card .card-footer .name{font-size:18px}
#blog .main-container .grid-items .card .card-footer .category{font-size:15px}
#about .main-container .button-groups{margin-top:15px}
#about .main-container .button-groups ul li{margin:0}
#about .main-container .button-groups ul li:first-child{display:block;margin-bottom:15px}
#about .main-container .content-group .fun-facts-container .card{margin-top:15px}
#about .main-container .content-group .fun-facts-container .card .card-body .text{font-size:15px}
#about .main-container .content-group .testimonials-container .card-header{padding:0}
#about .main-container .content-group .testimonials-container .card-footer .title{font-size:15px !important}
#about .main-container .content-group .service-container .card{margin-top:15px}
#about .main-container .content-group .service-container .card .card-body .name{font-size:18px}
#about .main-container .content-group .service-container .card .card-body .description{font-size:15px}
#time .content-group .card{margin-top:15px !important}
#time .content-group .card .card-header{font-size:18px !important}
#time .content-group .card .card-body,#time .content-group .card .card-footer{font-size:15px !important}
#home .center .vertical-middle .subtitle{margin-bottom:60%}
}


@media (max-width:480px){.mfp-wrap.popup-box-inline .popup-box .content-area .title{font-size:18px}
.mfp-wrap.popup-box-inline .popup-box .content-area .category{font-size:15px}
.mfp-wrap.popup-box-inline .popup-box .content-area .content *{font-size:15px}
.pages .sub-pages .section .main-container{padding:10px 15px 15px 15px}
.pages .sub-pages .section .main-container .main-title{font-size:64px;line-height:64px}
.pages .sub-pages .section .main-container .main-desc{margin-top:-20px}
.pages .sub-pages .section .main-container .content-group{margin-top:30px !important}
#contacts .main-container .main-title{font-size:54px}
#contacts .main-container .main-desc{margin-top:-28px}
#contacts .main-container .content-group .get-in-touch-container ul li span{font-size:15px}
#blog .main-container{padding-bottom:0}
#blog .main-container .main-title{font-size:54px}
#blog .main-container .main-desc{margin-top:-28px}
.main-container .filter{margin-bottom:-10px}
#blog .main-container .grid-items .card{margin-top:0}
#blog .main-container .grid-items .card .card-footer .name{font-size:18px}
#blog .main-container .grid-items .card .card-footer .category{font-size:15px}
#about .main-container .button-groups{margin-top:15px}
#about .main-container .button-groups ul li{margin:0}
#about .main-container .button-groups ul li:first-child{display:block;margin-bottom:15px}
#about .main-container .content-group .fun-facts-container .card{margin-top:15px}
#about .main-container .content-group .fun-facts-container .card .card-body .text{font-size:15px}
#about .main-container .content-group .testimonials-container .card-header{padding:0}
#about .main-container .content-group .testimonials-container .card-footer .title{font-size:15px !important}
#about .main-container .content-group .service-container .card{margin-top:15px}
#about .main-container .content-group .service-container .card .card-body .name{font-size:18px}
#about .main-container .content-group .service-container .card .card-body .description{font-size:15px}
#time .content-group .card{margin-top:15px !important}
#time .content-group .card .card-header{font-size:18px !important}
#time .content-group .card .card-body,#time .content-group .card .card-footer{font-size:15px !important}
#home .center .vertical-middle .subtitle{margin-bottom:70%}
}


.footer{bottom:0;height:auto;background:rgb(0,0,0,0.5);position:absolute;width:100%;text-align:center;color:#fff;padding:15px 15px 5px 15px;font-size:14px;z-index:10}
.footer a{color:#fff;outline:none !important}
.footer p{margin-bottom:5px}
.footer p a{margin-left:5px}
.github-badge{display:inline-block;border-radius:4px;text-shadow:none;font-size:12px;color:#fff !important;line-height:16px;background-color:#abbac3}
.github-badge .badge-subject{display:inline-block;background-color:#4d4d4d;padding:4px 4px 4px 6px;border-top-left-radius:4px;border-bottom-left-radius:4px}
.github-badge .badge-value{display:inline-block;padding:4px 6px 4px 4px;border-top-right-radius:4px;border-bottom-right-radius:4px}
.github-badge .bg-blue{background-color:#007ec6}
.github-badge .bg-orange{background-color:#ffa500}
.github-badge .bg-red{background-color:#f00}
.github-badge .bg-green{background-color:#3bca6e}
.github-badge .bg-purple{background-color:#ab34e9}

.skillbar{position:relative;display:block;margin:5px 10px;background:#eee;height:30px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-webkit-transition:0.4s linear;-moz-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}
.skillbar .skillbar-title{position:absolute;top:0;left:0;width:110px;font-size:0.9rem;color:#ffffff;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}
.skillbar .skillbar-title span{display:block;background:rgba(0,0,0,0.15);padding:0 0px;height:30px;line-height:30px;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}
.skillbar .skill-bar-percent{position:absolute;right:10px;top:0;font-size:12px;height:30px;line-height:30px;color:#ffffff;color:rgba(0,0,0,0.5)}
.theme-dark .personal-skills-container i{color:#eee}


.btn_yi{background-color:#1cce1c}
.btn_ji{background-color:#cc3535}
.btn_sha{background-color:#1d78d3}
.btn_yi,.btn_ji,.btn_sha{color:#fff;margin:0 10px 0 0;text-align:center;border:1px solid #fff;border-radius:50%;font-size:14px;padding:4px 6px}


.hover-show .hover-show-con{opacity:0;transform:translateY(6px);transition:.4s;position:absolute;visibility:hidden}
.hover-show:hover .hover-show-con,.hover-show:hover ~ .hover-show-con{opacity:1;transform:translateY(0);visibility:unset}
.hover-show{position:relative;z-index:10}
.footer-wechat-img{width:140px;bottom:90%;left:-55px;padding-bottom:20px}

.owl-carousel-banner{width:100%}
.owl-carousel-banner .item img{width:100%;height:300px}
.owl-carousel-banner .item h4{background:rgba(0,0,0,0.3);width:100%;position:absolute;color:#f7f7f7;bottom:-8px;padding:8px 0 8px 10px;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.owl-carousel-banner .owl-nav button.owl-next,.owl-carousel-banner .owl-nav button.owl-prev{position:absolute;font-size:3rem;top:35%;width:30px;background:rgba(0,0,0,0.2);color:#e2e2e2}
.owl-carousel-banner .owl-nav button.owl-next:hover,.owl-carousel-banner .owl-nav button.owl-prev:hover{background:rgba(0,0,0,0.3)}
.owl-carousel-banner .owl-nav button.owl-prev{left:0}
.owl-carousel-banner .owl-nav button.owl-next{right:0}
.owl-carousel-banner .owl-dots{position:absolute;top:10px}
.owl-carousel-banner .owl-dots .owl-dot{width:12px;height:12px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:#d0d0d0}
.owl-carousel-banner .owl-dots .owl-dot.active{background:#0078d4}
/**弹出公告**/
.popup-background{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10}
.popup{display:none;box-shadow:0 .25rem .5rem rgba(0,0,0,0.05),0 1.5rem 2.2rem rgba(0,0,0,0.1);overflow:hidden;padding:0 30px;background:#fff;width:350px;position:fixed;top:50%;left:50%;z-index:999999;transform:translateX(-50%) translateY(-50%);margin:0 auto;border-radius:18px;box-sizing:border-box}
.popup::after{content:'';height:150px;width:120%;background:#fbeecd;position:absolute;bottom:-95px;left:-10%;z-index:-1;border-radius:50%}
.popup-header{text-align:center;padding:25px 0 10px}
.popup-title{position:relative;font-size:20px;font-weight:900;display:inline-block}
.popup-title::before{content:'';position:absolute;width:100%;height:15px;left:0;background:#fbeecd;bottom:3px;border-radius:4px;transform:skewX(-15deg);z-index:-1}
.popup-main{padding-bottom:10px}
.popup-main p{padding:2px 0 0}
.popup-footer{padding:10px 0 30px;text-align:center}
.popup-btn{position:relative;cursor:pointer;overflow:hidden;border-radius:50px;font-weight:700;padding:0 30px;transition:box-shadow .2s ease;background:#e50914;color:#fff;background:linear-gradient(to right,#ff711f 0,#e50914 100%);box-shadow:0 10px 12px -4px rgba(229,9,20,0.25);line-height:40px;font-size:14px;display:inline-block}
.popup-btn::after{content:'';height:40px;width:25px;background:#fff;position:absolute;top:0;transform:skewX(-45deg);right:115%;opacity:0}
@media(max-width:559px){.popup{width:82%;padding:0 25px}
}
/**iframe延迟加载动画**/
.iframe-loading {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.spinner {width: 40px;height: 40px;border: 3px solid #f3f3f3;border-top: 3px solid #3498db;border-radius: 50%;animation: spiner 1s linear infinite;}
@keyframes spiner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

.attentionus{width: 90%;max-width: 600px;padding-bottom:20px;margin-left:8px;}
.zhan-widget-link{position:relative;margin-bottom:-10px !important;display:block;font-size:14px;background:transparent;color:#525252;line-height:40px;padding-left:14px;border:1px solid #DDD;border-radius:2px;width:auto}
.zhan-widget-link-title{position:absolute;top:-1px;right:-14px !important;bottom:-1px;width:100px;text-align:center;background:rgba(255,255,255,.08);transition:width .3s;border-radius:0 3px 3px 0}
.zhan-widget-link:hover .zhan-widget-link-title{width:116px}
.zhan-widget-link a{position:absolute;top:0;left:0;right:0;bottom:0}
.zhan-widget-link svg{font-size: 14px !important;margin-right:5px}
.zhan-link-z1{border-color:rgba(236,61,81,.39)}
.zhan-link-z1 .zhan-widget-link-title{background-color:#ec3d51;color:#fff}
.zhan-link-z2{border-color:rgba(18,170,232,.39)}
.zhan-link-z2 .zhan-widget-link-title{background-color:#12aae8;color:#fff}
.zhan-link-z3{border-color:rgba(221,7,208,.39)}
.zhan-link-z3 .zhan-widget-link-title{background-color:#dd07d0;color:#fff}
.zhan-link-z4{border-color:rgba(249,82,16,.39)}
.zhan-link-z4 .zhan-widget-link-title{background-color:#f95210;color:#fff}
.zhan-link-z5{border-color:rgba(25,152,114,.39)}
.zhan-link-z5 .zhan-widget-link-title{background-color:#199872;color:#fff}
.zhan-link-z6{border-color:rgba(201,88,213,.39)}
.zhan-link-z6 .zhan-widget-link-title{background-color:#C958D5;color:#fff}
.zhan-link-z7{border-color:rgba(96,167,205,.39)}
.zhan-link-z7 .zhan-widget-link-title{background-color:#60A7CD;color:#fff}
.theme-dark  .zhan-widget-link{background-color:transparent;color:#eee}

.content pre {position: relative;}
.copy-btn {position: absolute;top: 0px;right: 0px;padding: 4px 8px;background: #007bff;color: white;border: none;border-radius: 3px;cursor: pointer;opacity: 0.8;transition: all 0.2s;font-size: 12px;z-index: 2;}
.copy-btn:hover {opacity: 1;transform: translateY(-1px);}
/**修正bootstrap**/
abbr[data-original-title], abbr[title] {text-decoration: none !important;-webkit-text-decoration: none !important;text-decoration: none !important;}