*{letter-spacing:.5px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{padding:0;margin:0}a,a:hover,a:focus{text-decoration:none;color:inherit}
ul{list-style:none}
.section{margin-bottom:75px}
.section-about,.section-skills .professional-skills,.section-skills .additional-skills,.section-education .education-content,.section-experience .icon-experience,.section-experience .experience-content,.section-portfolio .item-portfolio,.section-pricing .pricing-content,.section-testimonials .swiper-slide,.section-blog .blog-content,.section-contact-us .form-content,.section-contact-us .info-content{box-shadow:0 2px 5px 0 rgba(0,0,0,.15),0 2px 10px 0 rgba(0,0,0,.11)}
.section .header-section{text-align:center}
.section h2{display:inline-block;font-weight:400;text-transform:uppercase}
.section .h2-section{margin-bottom:56px}
.section h2,.section-pricing .pricing-price .number{font-size:40px}
.menu .logo{font-size:38px}
.section h3{font-size:20px}
.section p,.section h4,.section-about .available i,.section-about .available span,.theme-option h4,.section-contact-us input[type=submit]{font-size:16px}
.section-about .li-social-links a,.section-pricing .most-populaire span,.section-blog .read-more,.section-blog .load-more span,.section-blog h4,.section-blog .blog-detail .ul-detail,.single-blog .populaire-posts ul{font-size:14px}
.section h2,.section-about .download-resume{font-family:oswald,sans-serif}
.section p{line-height:28px}
.content{font-family:pt sans narrow,sans-serif;font-size:16px}
.container{width:100%;max-width:1000px;padding-right:15px;padding-left:15px;margin:0 auto}
.loading-overlay{padding-top:13%;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999}
.spinner{margin:100px auto;width:50px;height:50px;text-align:center;font-size:10px}
.spinner>div{height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
.menu{
position:fixed;
left:-160px;
padding-top:30px;
width:160px;
height:100%;
text-align:center;
box-shadow:0 0 10px rgba(0,0,0,.1),0 0 15px rgba(0,0,0,.08);
transition:left .6s;z-index:20}
.menu .logo{
display:inline-block;
padding:9px 15px;
margin-bottom:30px;
font-weight:700;
text-transform:uppercase}
.menu .menu-content{position:relative;height:calc(100% - 127px);overflow:auto}
.menu a{display:block;height:47px;line-height:47px;font-weight:700;transition:all .2s;cursor:pointer}
.menu .open-menu{position:absolute;top:0;left:160px;width:30px;height:30px;padding-top:3px;cursor:pointer}
.theme-option{position:fixed;right:-227px;top:50px;padding:20px 30px;text-align:center;border-right:none;border-bottom-left-radius:5px;transition:right .6s;z-index:30}
.theme-option .light-dark-theme li{display:inline-block}
.theme-option i{transition:all .4s}
.theme-option .light-dark-theme span{display:inline-block;margin:13px 20px 20px;width:34px;height:34px;border-radius:50%;font-size:12px;line-height:32px;cursor:pointer}
.theme-option .light span{background-color:#fff}
.theme-option .dark span{background-color:#000;color:#fff}
.theme-option .dark i{opacity:0}
.theme-option .colors-theme h4{margin-bottom:14px}
.theme-option .colors-theme li{display:inline-block}
.theme-option .colors-theme span{display:inline-block;margin:4px 2px;width:34px;height:34px;border-radius:50%;font-size:12px;line-height:32px;cursor:pointer}
.theme-option .colors-theme i{color:#fff;opacity:0}
.theme-option .color1 span{background-color:#0487cc}
.theme-option .color1 i{opacity:1}
.theme-option .color2 span{background-color:#f23a3a}
.theme-option .color3 span{background-color:#2eac6d}
.theme-option .color4 span{background-color:#f35b25}
.theme-option .color5 span{background-color:#f6416c}
.theme-option .color6 span{background-color:#f99}
.theme-option .color7 span{background-color:#00adb5}
.theme-option .color8 span{background-color:#00cf95}
.theme-option .color9 span{background-color:#827055}
.theme-option .color10 span{background-color:#8200ff}
.theme-option .color11 span{background-color:#e4c144}
.theme-option .color12 span{background-color:#5457a6}
.theme-option .open-theme{position:absolute;width:40px;height:40px;top:-2px;left:-40px;padding-top:6px;padding-right:4px;border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px;cursor:pointer}
.scroll-top{display:none;position:fixed;width:45px;height:45px;right:45px;bottom:50px;border-radius:50%;text-align:center;line-height:45px;opacity:.7;cursor:pointer;z-index:10;transition:all .3s}
.scroll-top:hover{opacity:1;box-shadow:0 0 10px rgba(0,0,0,.1),0 0 15px rgba(0,0,0,.08)}
.section-about{margin-top:80px;margin-bottom:75px}
.section-about .profile{
padding:33px 33px 22px}
.section-about .photo-profile{
margin-bottom:20px}
.section-about .photo-profile img{
display:block;
width:100%;
box-shadow:0 0 5px rgba(0,0,0,.4)}
.section-about .download-resume{margin-bottom:25px;padding:17px 5px;text-align:center;box-shadow:0 0 5px rgba(0,0,0,.4);transition:all .3s}
.section-about .download-resume:hover{box-shadow:0 0 8px rgba(0,0,0,.3),0 0 12px rgba(0,0,0,.2)}
.section-about .text-download{padding-left:8px}
.section-about .available{text-align:center}
.section-about h2{padding-bottom:4px}
.section-about h3{padding-bottom:20px}
.section-about p{padding-bottom:27px}
.section-about .li-info{padding-bottom:10px}
.section-about .title-info{display:inline-block;width:80px}
.section-about .title-links{display:inline-block}
.section-about .ul-social-links{margin-top:10px}
.section-about .li-social-links{display:inline-block;margin:0 5px 12px}
.section-about .li-social-links a{display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;transition:all .2s}
.section-skills .h2-section{margin-bottom:88px}
.section-skills .professional-skills,.section-skills .additional-skills{padding:0 30px 30px}
.section-skills .title-skills{text-align:center}
.section-skills h3{display:inline-block;position:relative;top:-32px;padding:18px 28px;box-shadow:0 0 6px rgba(0,0,0,.3)}
.section-skills .skill-value{position:absolute;right:45px}
.section-skills .progress{height:14px;margin-bottom:13px;border-radius:0;box-shadow:0 0 5px rgba(0,0,0,.4)}
.section-skills .progress-bar{height:14px;box-shadow:0 0 5px rgba(0,0,0,.4)}
.section-skills .circle{padding-bottom:20px;text-align:center}
.section-skills .chart-percentage{
position:absolute;
width:100%;
top:23%;
left:1%;
font-weight:700}
.section-skills .chart canvas{
width:90px;
height:90px}
.section-skills .other .skill{padding-bottom:6px}
.section-skills .other-skills i{margin-right:5px}
.section-education{margin-bottom:45px}
.section-education .education-content{margin-bottom:30px;padding:30px}
.section-education h3{margin-bottom:18px;display:inline-block;padding:15px 45px;min-height:50px;position:relative;left:-45px;box-shadow:3px 3px 8px rgba(0,0,0,.4)}
.section-education h3::before{content:'';position:absolute;top:52px;left:0;border-width:5px 7px;border-style:solid;border-color:transparent;transition:all .6s}
.section-education .ul-education{margin-bottom:12px}
.section-education .li-specialty{margin-bottom:5px}
.section-education .education-icon{display:inline-block;width:23px}
.section-experience{margin-bottom:30px}
.section-experience .icon-experience{display:inline-block;margin-left:161px;padding:8px 13px}
.section-experience .all-experience{margin-left:180px;padding-top:45px;padding-left:23px}
.section-experience .experience-content{padding:30px;margin-bottom:45px}
.section-experience .experience-content::before{content:'';position:absolute;left:191px;margin-top:-13px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3)}
.section-experience .period-experience{display:inline-block;position:absolute;left:-3px;margin-top:-30px;width:174px;padding-top:10px;padding-bottom:10px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.1),0 0 15px rgba(0,0,0,.08)}
.section-experience .specialty-name{margin-bottom:10px}
.section-experience .company-name{margin-bottom:8px}
.section-portfolio{margin-bottom:45px}
.section-portfolio .filter-portfolio{margin-bottom:46px;text-align:center}
.section-portfolio .filter-portfolio li{display:inline-block;padding:6px 20px;margin:0 7px 14px;cursor:pointer;transition:all .8s}
.section-portfolio .filter-portfolio li:hover{box-shadow:0 0 10px rgba(0,0,0,.1),0 0 15px rgba(0,0,0,.08)}
.section-portfolio .filter-portfolio li.active{box-shadow:0 0 10px rgba(0,0,0,.1),0 0 15px rgba(0,0,0,.08)}
.section-portfolio .item-portfolio{margin-bottom:30px;position:relative;overflow:hidden;transition:all .8s}
.section-portfolio .item-overlay{position:absolute;padding:30px;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.4);z-index:1;opacity:0;transition:all .4s}
.section-portfolio .item-portfolio:hover .item-overlay{opacity:1}
.section-portfolio h3{position:relative;bottom:40px;margin-top:15px;opacity:0;transition:all .5s}
.section-portfolio .item-portfolio:hover h3{bottom:0;opacity:1}
.section-portfolio .item-overlay .icon-search,.section-portfolio .item-overlay .icon-plus{position:relative;display:inline-block;top:40px;margin-right:26px;cursor:pointer;transition:all .5s}
.section-portfolio .item-portfolio:hover .icon-search,.section-portfolio .item-portfolio:hover .icon-plus{opacity:1;top:0}
.section-portfolio .item-portfolio img{width:100%;transition:all 2s}
.section-portfolio .item-portfolio:hover img{transform:scale(1.3,1.3) rotate(5deg)}
.section-pricing{margin-bottom:45px}
.section-pricing .row{margin-right:0;margin-left:0;text-align:center}
.section-pricing .row div[class^=col-]{padding-right:0;padding-left:0}
.section-pricing div[class^=col-]:nth-child(2) .pricing-content{position:relative;z-index:1}
.section-pricing .pricing-content{margin-bottom:30px}
.section-pricing .most-populaire span{display:inline-block;margin-bottom:-4px;position:relative;top:-10px;padding:3px 16px;background-color:#60c250;font-weight:700}
.section-pricing .most-populaire span::before{content:'';position:absolute;top:0;left:-12px;width:12px;height:10px;border-width:5px 6px;border-style:solid;border-color:transparent;border-right-color:#2c6f21;border-bottom-color:#2c6f21}
.section-pricing .pricing-title h3{padding:37px 0;font-weight:700}
.section-pricing .pricing-title h3.h3-most-populaire{padding-top:14px}
.section-pricing .pricing-price{padding:12px 0;transition:all .3s}
.section-pricing .pricing-price .number{vertical-align:middle}
.section-pricing .pricing-price .dolar,.section-pricing .pricing-price .mo{font-weight:700}
.section-pricing .pricing-detail{padding:23px}
.section-pricing .pricing-detail .line-detail{padding-bottom:22px}
.section-pricing .pricing-detail .line-detail:last-child{padding-bottom:0}
.section-pricing .line-detail .new{display:inline-block;margin-left:5px;padding:2px 6px;font-size:11px;background-color:#60c250}
.section-pricing .pricing-buy h3{padding:30px 0;font-weight:700;transition:all .4s}
.section-pricing .pricing-content:hover .pricing-price,.section-pricing .pricing-content:hover .pricing-buy{text-shadow:0 0 6px rgba(0,0,0,.7)}
.section-testimonials{margin-bottom:60px}
.section-testimonials .swiper-container{cursor:move}
.section-testimonials .personal-info{padding-top:20px;padding-bottom:12px;text-align:center}
.section-testimonials img{margin-bottom:10px;width:103px;border-radius:50%}
.section-testimonials .personal-text{padding:20px}
.section-testimonials .fa-quote-left{margin-right:5px}
.section-testimonials .fa-quote-right{margin-left:5px}
.section-testimonials .swiper-pagination{position:relative;margin-top:40px}
.section-testimonials .swiper-pagination span{width:12px;height:12px;transition:all .2s}
.section-testimonials span.swiper-pagination-bullet-active{transform:rotate(45deg);border-radius:0}
.section-interests .h2-section{margin-bottom:46px}
.section-interests .swiper-container{cursor:move}
.section-interests p{margin-bottom:34px;margin-right:10%;margin-left:10%;text-align:center}
.section-interests .swiper-slide{padding-top:30px;height:120px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.15)}
.section-interests .swiper-slide div{height:45px}
.section-interests img{max-width:45px}
.section-interests h4{font-weight:700}
.section-blog .blog-content{margin-bottom:30px}
.section-blog img{width:100%;max-height:300px}
.section-blog .blog-detail{padding:25px 30px}
.section-blog h4{margin-bottom:12px}
.section-blog h3{margin-bottom:10px;font-weight:700}
.section-blog .blog-detail ul{margin-bottom:6px}
.section-blog ul li{display:inline-block}
.section-blog .blog-detail .ul-detail li:nth-child(1),.section-blog .blog-detail .ul-detail li:nth-child(2){margin-right:30px}
.section-blog .blog-detail ul i{margin-right:7px}
.section-blog p{margin-bottom:13px}
.section-blog .read-more{display:inline-block;padding:7px 24px;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .3s}
.section-blog .load-more{margin-top:20px;text-align:center}
.section-blog .load-more span{display:inline-block;padding:7px 28px;box-shadow:0 0 10px rgba(0,0,0,.1),0 0 15px rgba(0,0,0,.08);transition:all .3s}
.section-blog .load-more span:hover{box-shadow:0 0 10px rgba(0,0,0,.3),0 0 15px rgba(0,0,0,.1)}
.more-blog{margin-top:50px;margin-bottom:65px}
.more-blog .pagination-blog{margin-top:35px;text-align:center}
.more-blog .pagination-blog a{display:inline-block;width:28px;height:28px;line-height:28px;box-shadow:0 0 5px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.05);transition:all .3s}
.single-blog{margin-top:70px;margin-bottom:56px}.single-blog .blog-content{margin-bottom:5px}
.single-blog img{max-height:380px}
.single-blog .line{display:block;margin-top:21px;margin-bottom:21px;height:1px}
.single-blog blockquote{margin-top:24px;margin-bottom:22px;margin-left:14px;padding:15px;border-left:6px solid #0487cc}
.single-blog .blog-detail{margin-top:30px}
.single-blog .comments .personal-info .name-date-reply{margin-left:10px;display:inline-block;vertical-align:middle}
.single-blog .comments img{width:77px;border-radius:50%}
.single-blog .comments .date{margin-bottom:0}
.single-blog .comments .reply{display:inline-block;padding:2px 5px;margin-top:10px;font-weight:700;font-size:13px}
.single-blog .comments p{margin-top:12px;margin-bottom:0}
.single-blog .first-div{margin-top:0}
.single-blog .load-more-comments h3,.single-blog .leave-comment h3{margin-bottom:0;font-weight:400}
.single-blog .load-more-comments i{margin-left:12px}
.single-blog .leave-comment h3{margin-bottom:35px}
.single-blog .leave-comment input,.single-blog .leave-comment textarea{display:block;width:100%;border:none;background-color:transparent;transition:all .3s}
.single-blog .leave-comment input{margin-bottom:22px;height:40px}.single-blog .leave-comment textarea{margin-bottom:30px;max-width:100%;min-width:100%;height:100px;max-height:300px}.single-blog .leave-comment input[type=submit]{margin-bottom:0;width:100px;height:45px;border-bottom:none;border-radius:2px;font-weight:700;transition:all .3s}.single-blog .populaire-posts h3,.single-blog .tags h3,.single-blog .archive h3{margin-bottom:8px}.single-blog .populaire-posts h3{margin-bottom:24px}.single-blog .post-content{margin-top:16px;min-height:52px;clear:both}.single-blog .populaire-posts img{float:left;margin-right:12px;max-width:78px;max-height:52px;height:100%;margin-top:2px}.single-blog .populaire-posts h4{margin-bottom:2px;font-weight:700}.single-blog .populaire-posts h4:hover{text-decoration:underline}.single-blog .populaire-posts .ul-detail i{margin-right:4px}.single-blog .tags h3,.single-blog .archive h3{margin-bottom:19px}.single-blog .tags li{margin-top:8px;margin-right:6px}.single-blog .tags li a{display:inline-block;padding:4px 9px;border-radius:2px;font-weight:700;transition:all .3s}.single-blog .archive li{display:block;margin-top:4px}.single-blog .archive li:hover{text-decoration:underline}.section-contact-us{margin-bottom:50px}.section-contact-us .form-content{margin-bottom:30px;padding:35px 40px 40px}.section-contact-us h3{margin-bottom:35px}.section-contact-us input,.section-contact-us textarea{display:block;width:100%;border:none;background-color:transparent;transition:all .3s}.section-contact-us input{margin-bottom:22px;height:40px}.section-contact-us textarea{margin-bottom:30px;max-width:100%;min-width:100%;height:100px;max-height:300px}.section-contact-us input[type=submit]{margin-bottom:5px;width:123px;height:45px;border-bottom:none;font-weight:700;transition:all .3s}.section-contact-us .info-content{margin-bottom:30px;padding:35px 30px 40px;min-height:435px}.section-contact-us .info-content div{margin-bottom:25px}.section-contact-us .info-icon{display:inline-block;margin-right:13px;padding-top:10px;padding-right:2px;width:46px;height:46px;text-align:center;border-radius:3px}.section-contact-us .info-text{display:inline-block;padding:10px 15px;vertical-align:top;width:calc(100% - 66px);border-radius:3px;min-height:42px}.section-contact-us .info-text::before{content:'';position:absolute;margin-top:4px;margin-left:-31px;width:16px;height:16px;border-width:8px;border-style:solid;border-color:transparent}.section-contact-us .social-links{text-align:center;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.15)}.section-contact-us .social-links li{display:inline-block;margin:30px;width:30px;opacity:.85;transition:all .2s}.section-contact-us .social-links li:hover{opacity:1}