/*!   
 * Template Name: Sphere - Bootstrap 5 template for CV/resume/portfolio
 * Version: 2.1
 * Author: Xiaoying Riley
 * Copyright: 3rd Wave Media Ltd.
 * Website: http://themes.3rdwavemedia.com/
 * Twitter: @3rdwave_themes
*/body{font-family:'Roboto', sans-serif;color:#666;background:#f5f5f5;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#444;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-weight:500}a{color:#607D8B;text-decoration:none}a:hover{text-decoration:underline;color:#41545e;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out}a:focus{text-decoration:none}p{line-height:1.5}.btn,a.btn{background:#4b626d;color:#fff;padding:8px 15px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 2px 4px 0 rgba(0,0,0,0.4);text-transform:uppercase;font-weight:500;font-size:14px;text-decoration:none;outline:none;border:none}.btn:hover,.btn:active,a.btn:hover,a.btn:active{color:#fff;background:#566f7c;text-decoration:none}.btn:focus,a.btn:focus{box-shadow:none}#back-to-top{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;background:#4b626d;color:#fff;text-align:center;display:inline-block;z-index:30;width:36px;height:36px;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 6px 10px 0 rgba(0,0,0,0.3)}#back-to-top:hover{background:#41545e;color:#fff}#back-to-top svg{position:relative;font-weight:normal}.header{background:#607D8B;color:#fff}.header a{color:#fff}.header .top-bar{position:relative;padding-top:15px;padding-bottom: 15px;background: #607d8a;}.header .social{margin-bottom:0}.header .social a{color:rgba(255,255,255,0.8);display:inline-block;text-align:center;width:32px;height:32px;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding-top:3px;font-size:16px;border:2px solid rgba(255,255,255,0.8)}.header .social a:hover{color:#fff;border-color:#fff}.header .actions{position:absolute;right:15px;top:15px}.header .actions .svg-inline--fa{margin-right:5px}.header .actions a{margin-right:10px;color:#fff}.header .actions a:last-child{margin-right:0}.header .profile-image{position:absolute;width:160px;height:160px;top:-80px;margin-left:-80px;left:50%}.header .name{font-size:48px;margin-bottom:15px;letter-spacing:0.5px}.header .title{font-size:28px;font-weight:300;color:rgba(255,255,255,0.8);margin-bottom:30px}.header .intro{background:#566f7c;padding-top:90px;padding-bottom:60px;position:relative;font-size:16px}.header .profile{max-width:800px;margin:0 auto}.header .contact-info{background:#4b626d;padding-top:30px;padding-bottom:30px;font-size:16px}.header .contact-info ul{margin-bottom:0;}.header .contact-info li{margin-right:30px;color:rgba(255,255,255,0.8)}.header .contact-info li a{color:rgba(255,255,255,0.8);font-size: 1.3em;}.header .contact-info li a:hover{color:#fff}.header .contact-info li:last-child{margin-right:0}.header .contact-info li .svg-inline--fa{margin-right:10px}.page-nav-space-holder{height:60px;position:relative}.page-nav-wrapper{background:#41545e;padding-top:20px;padding-bottom:20px;position:absolute;width:100%;left:0;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.page-nav-wrapper.fixed{position:fixed;top:0;left:0;width:100%;z-index:100;background:#607D8B}.page-nav-wrapper a{color:rgba(255,255,255,0.6);text-decoration:none;font-weight:500}.page-nav-wrapper .page-nav{margin:0 auto;display:inline-block;direction: rtl;padding: 0;}.page-nav-wrapper .page-nav li{margin-right:30px;display:inline-block;background:none}.page-nav-wrapper .page-nav li:hover,.page-nav-wrapper .page-nav li:active{background:none}.page-nav-wrapper .page-nav li a{color:rgba(255,255,255,0.7);padding:inherit;font-size: 1.2em;}.page-nav-wrapper .page-nav li a:hover{color:#fff}.page-nav-wrapper .page-nav li a:hover,.page-nav-wrapper .page-nav li a:active,.page-nav-wrapper .page-nav li a:focus{background:none}.page-nav-wrapper .page-nav li.active a{color:#fff;font-weight:bold}.page-nav-wrapper .page-nav li:last-child{margin-right:0}.wrapper{padding-top:60px;padding-bottom:60px}.section{box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);padding:45px;background:#fff;margin-bottom:45px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.section:last-child{margin-bottom:0}.section-title{margin-top:0;margin-bottom:45px;font-size: 2.5em;text-align:center;font-weight: 600;direction: rtl;}.timeline{border-right: 3px solid #607D8B;border-bottom-right-radius:2px;border-top-right-radius:2px;position:relative;padding:0 30px;margin-right: 280px;}.timeline .item{position:relative;margin-bottom:45px}.timeline .item:last-child{margin-bottom:0}.timeline .item:before{content:"";position:absolute;right: -43px;top:0;display:inline-block;width:22px;height:22px;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#fff;border:3px solid #607D8B}.timeline .item:after{content:"";position:absolute;right: -37px;top:6px;display:inline-block;width:10px;height:10px;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#607D8B;z-index:10}.timeline .work-place{position:relative;direction: rtl;}.timeline .location{position:absolute;right:0;top:2px;color:#8a8a8a}.timeline .location .svg-inline--fa{margin-right:5px}.timeline .place{margin-top:0;margin-bottom:15px;font-size:20px;font-weight:300}.timeline .job-meta{position:absolute;right: -280px;top:0;direction: rtl;}.timeline .job-meta .title{font-size:18px;color:#607D8B;max-width:220px}.timeline .job-meta .time{color:#8a8a8a}.timeline .job-desc{color:#666;direction: rtl;}.education-section .item{margin-bottom:45px}.education-section .item-inner{padding:0 30px}.education-section .degree{font-size:18px;color:#607D8B;margin-top:0;margin-bottom:0px}.education-section .education-body{font-weight:500;margin-bottom:0px;font-size:16px;font-weight:300}.education-section .time{color:#8a8a8a;margin-bottom:15px}.education-section .desc{color:#666}.skills-section .subtitle{font-size:18px;color:#8a8a8a;margin-top:0;margin-bottom:45px;font-weight:300}.skills-section .top-skills{margin-bottom:60px}.skills-section .top-skills .item{margin-bottom:45px}.skills-section .level{color:#8a8a8a;margin-bottom:15px}.skills-section .desc{color:#666}.skills-section .skill-tag{box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);padding:6px 30px;display:inline-block;margin-right:10px;border:1px solid #f5f5f5;font-weight:500;margin-bottom:15px;font-size:16px}.chart-easy-pie{positon:relative}.chart{width:110px;height:110px;vertical-align:middle;position:relative;margin:0 auto;text-align:center;font-size:20px;font-weight:300;margin-bottom:30px}.chart span{line-height:110px}.chart canvas{position:absolute;left:0;top:0}.testimonials-section .testimonials-carousel{max-width:800px;margin:0 auto}.testimonials-section .item{padding-left:60px;margin-bottom:45px}.testimonials-section .quote{border-left:none;padding:0;font-size:22px;color:#666;font-weight:300;position:relative}.testimonials-section .source .name{font-size:16px}.testimonials-section .source .position{color:#8a8a8a}.testimonials-section .icon-holder{position:absolute;left:-60px;top:0;width:36px;height:36px;display:inline-block;background:#607D8B;color:#fff;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:center;font-size:16px}.testimonials-section .icon-holder .svg-inline--fa{margin-top:8px}.testimonials-section .carousel-indicators{bottom:0;margin-bottom:0}.testimonials-section .carousel-indicators li{background-color:#bdbdbd;border:none;width:10px;height:10px;margin:0;margin-right:8px;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:pointer}.testimonials-section .carousel-indicators li.active{background-color:#607D8B;width:10px;height:10px;margin:0;margin-right:8px}.portfolio-section .filters{list-style:none;margin:0 auto;margin-bottom:60px;text-align:center;border-bottom:1px solid #e8e8e8;direction: rtl;}.portfolio-section .filters .type{margin-right:30px;list-style:none;display:inline-block;padding:8px 15px;color:#8a8a8a;cursor:pointer;font-size: 1.2em;text-transform:uppercase;font-weight:500}.portfolio-section .filters .type:last-child{margin-right:0}.portfolio-section .filters .type.active{color:#607D8B;border-bottom:2px solid #607D8B}.portfolio-section .item{margin-bottom: 30px;}.portfolio-section .item .figure{margin-bottom:0}.portfolio-section .item-inner{background:#607D8B;color:#fff;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;position:relative;box-shadow:0 1px 4px 0 rgba(0,0,0,0.14)}.portfolio-section .item-inner:hover{background:#648291}.portfolio-section .item-inner:hover img{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9}.portfolio-section .item-inner .content{padding:15px;position:relative;direction: rtl;}.portfolio-section .item-inner .content a{color:#fff}.portfolio-section .item-inner .content .sub-title{font-size: 1.5em;margin-top:0;margin-bottom: 5px;text-align: center;}.portfolio-section .item-inner .content .meta{color:rgba(255,255,255,0.8);font-size:14px}.portfolio-section .item-inner .content .action{margin-top: 25px;/* justify-content: center; */}.portfolio-section .item-inner .link-mask{display:block;position:absolute;width:100%;height:100%;left:0;top:0}.contact-section .intro{position:relative;padding:30px;padding-right: 190px;font-size:16px;color:#666;direction: rtl;}.contact-section .intro .profile-image{width:120px;height:120px;position:absolute;right: 30px;top: 20px;}.contact-section .intro p{margin-bottom:15px;text-align: justify;}.contact-section .service-list{margin-left:30px;margin-bottom:15px}.contact-section .service-list li{margin-bottom:15px;text-align: right;}.contact-section .service-list .svg-inline--fa{color:#607D8B;margin-right:5px}.contact-section .social{margin-bottom:0;text-align: center;padding: 0;}.contact-section .social li{/* margin-right:10px; */margin: 0px 15px;}.contact-section .social li:last-child{margin-right:0}.contact-section .social a{display:inline-block;text-align:center;font-size:24px;color:#8a8a8a}.contact-section .social a:hover{color:#607D8B}.footer .container{padding:30px;color:#8a8a8a;letter-spacing:0.5px;direction: rtl;}.footer .container a{color:#8a8a8a}@media (max-width: 767px){.header .social{margin:0 auto;text-align:center}.header .actions{position:static;margin:0 auto;margin-bottom:30px;text-align:center}.header .actions .btn{margin-bottom:15px;font-size:12px;display:inline-block;width:100%}.header .actions .btn:last-child{margin-bottom:0}.header .name{font-size:36px}.header .title{font-size:22px}.header .contact-info li{margin-right:0;margin-bottom:15px;font-size:14px;width:100%;display:inline-block}.header .contact-info li:last-child{margin-bottom:0}.section{padding: 25px;}.section-title{font-size:20px}.timeline{margin-right: 0;padding-left: 0;}.timeline .place{margin-bottom:5px}.timeline .job-meta{position:static;margin-bottom:15px}.timeline .job-meta .title{max-width:none}.education-section .item{padding:0}.portfolio-section .filters .type{font-size:12px;margin-right:5px;padding:8px 5px}.portfolio-section .item-inner .content{padding:15px}.portfolio-section .item-inner .content .sub-title{font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-section .item-inner .content .meta{margin-bottom:30px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-section .item-inner .content .action{position:static;font-size:12px}.contact-section .intro{padding:0;text-align:center}.contact-section .intro .profile-image{position:static;margin:0 auto;margin-bottom:30px;text-align:center}.contact-section .service-list{margin-left:0}.contact-section .social{margin:0 auto}}.config-trigger{position:absolute;top:30px;left:-36px;width:36px;height:36px;background:#222;color:#fff;text-align:center;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-decoration:none}.config-trigger:hover{background:#000;text-decoration:none}.config-trigger:hover .svg-inline--fa{color:#fff}.config-trigger .svg-inline--fa{font-size:20px;margin-top:7px;display:block;color:rgba(255,255,255,0.8)}.config-panel{position:fixed;top:160px;right:-190px;z-index:30;width:190px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out}.config-panel.config-panel-open{right:0}.config-panel.config-panel-hide{right:-190px}.config-panel .panel-inner{position:relative;background:#222;color:#fff;padding:15px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.config-panel h5{font-size:16px}.config-panel label{color:#fff}.config-panel #color-options{margin-bottom:0px}.config-panel #color-options li a{display:block;width:28px;height:20px;border:2px solid transparent;margin-bottom:10px}.config-panel #color-options li a:hover{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;border:2px solid rgba(255,255,255,0.8)}.config-panel #color-options li.active a{border:2px solid #fff}.config-panel #color-options li.theme-1 a{background:#00BCD4}.config-panel #color-options li.theme-2 a{background-color:#03A9F4}.config-panel #color-options li.theme-3 a{background-color:#009688}.config-panel #color-options li.theme-4 a{background-color:#4CAF50}.config-panel #color-options li.theme-5 a{background-color:#8BC34A}.config-panel #color-options li.theme-6 a{background-color:#C0CA33}.config-panel #color-options li.theme-7 a{background-color:#FFC107}.config-panel #color-options li.theme-8 a{background-color:#FF9800}.config-panel #color-options li.theme-9 a{background-color:#FF5722}.config-panel #color-options li.theme-10 a{background-color:#795548}.config-panel #color-options li.theme-11 a{background-color:#607D8B}.config-panel #color-options li.theme-12 a{background-color:#673AB7}.config-panel #color-options li.theme-13 a{background-color:#3F51B5}.config-panel #color-options li.theme-14 a{background-color:#2196F3}.config-panel #color-options li.theme-15 a{background-color:#9C27B0}.config-panel #color-options li.theme-16 a{background-color:#E91E63}.config-panel .close{position:absolute;right:5px;top:5px;color:#fff}.config-panel .close .svg-inline--fa{color:#fff;font-size:16px}