/* Generated: scoped extract of assets/profile/css/plugins.css + style.css. Only the rules the merged About content needs, every selector prefixed with #section-about-profile so the legacy profile theme cannot restyle the rest of the collaborator page (it was overriding body font sizes and container widths). Regenerate rather than hand-editing. */ #section-about-profile .cd-words-wrapper{display: inline-block; position: relative; text-align: left;} #section-about-profile .cd-words-wrapper b{display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0;} #section-about-profile .cd-words-wrapper b.is-visible{position: relative;} #section-about-profile .no-js .cd-words-wrapper b{opacity: 0;} #section-about-profile .no-js .cd-words-wrapper b.is-visible{opacity: 1;} #section-about-profile .cd-headline.rotate-1 .cd-words-wrapper{-webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;} #section-about-profile .cd-headline.rotate-1 b{opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg);} #section-about-profile .cd-headline.rotate-1 b.is-visible{opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: cd-rotate-1-in 1.2s; -moz-animation: cd-rotate-1-in 1.2s; animation: cd-rotate-1-in 1.2s;} #section-about-profile .cd-headline.rotate-1 b.is-hidden{-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s;} #section-about-profile .cd-headline.type .cd-words-wrapper{vertical-align: top; overflow: hidden;} #section-about-profile .cd-headline.type .cd-words-wrapper::after{content: ''; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #aebcb9;} #section-about-profile .cd-headline.type .cd-words-wrapper.waiting::after{-webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite;} #section-about-profile .cd-headline.type .cd-words-wrapper.selected{background-color: #aebcb9;} #section-about-profile .cd-headline.type .cd-words-wrapper.selected::after{visibility: hidden;} #section-about-profile .cd-headline.type .cd-words-wrapper.selected b{color: #0d0d0d;} #section-about-profile .cd-headline.type b{visibility: hidden;} #section-about-profile .cd-headline.type b.is-visible{visibility: visible;} #section-about-profile .cd-headline.type i{position: absolute; visibility: hidden;} #section-about-profile .cd-headline.type i.in{position: relative; visibility: visible;} #section-about-profile .cd-headline.rotate-2 .cd-words-wrapper{-webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;} #section-about-profile .cd-headline.rotate-2 i, #section-about-profile .cd-headline.rotate-2 em{display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;} #section-about-profile .cd-headline.rotate-2 b{opacity: 0;} #section-about-profile .cd-headline.rotate-2 i{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0;} #section-about-profile .is-visible .cd-headline.rotate-2 i{opacity: 1;} #section-about-profile .cd-headline.rotate-2 i.in{-webkit-animation: cd-rotate-2-in 0.4s forwards; -moz-animation: cd-rotate-2-in 0.4s forwards; animation: cd-rotate-2-in 0.4s forwards;} #section-about-profile .cd-headline.rotate-2 i.out{-webkit-animation: cd-rotate-2-out 0.4s forwards; -moz-animation: cd-rotate-2-out 0.4s forwards; animation: cd-rotate-2-out 0.4s forwards;} #section-about-profile .cd-headline.rotate-2 em{-webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px);} #section-about-profile .no-csstransitions .cd-headline.rotate-2 i{-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0;} #section-about-profile .no-csstransitions .cd-headline.rotate-2 i em{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} #section-about-profile .no-csstransitions .cd-headline.rotate-2 .is-visible i{opacity: 1;} #section-about-profile .cd-headline.loading-bar span{display: inline-block; padding: .2em 0;} #section-about-profile .cd-headline.loading-bar .cd-words-wrapper{overflow: hidden; vertical-align: top;} #section-about-profile .cd-headline.loading-bar .cd-words-wrapper::after{content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #0096a7; z-index: 2; -webkit-transition: width 0.3s -0.1s; -moz-transition: width 0.3s -0.1s; transition: width 0.3s -0.1s;} #section-about-profile .cd-headline.loading-bar .cd-words-wrapper.is-loading::after{width: 100%; -webkit-transition: width 3s; -moz-transition: width 3s; transition: width 3s;} #section-about-profile .cd-headline.loading-bar b{top: .2em; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;} #section-about-profile .cd-headline.loading-bar b.is-visible{opacity: 1; top: 0;} #section-about-profile .cd-headline.slide span{display: inline-block; padding: .2em 0;} #section-about-profile .cd-headline.slide .cd-words-wrapper{overflow: hidden; vertical-align: top;} #section-about-profile .cd-headline.slide b{opacity: 0; top: .2em;} #section-about-profile .cd-headline.slide b.is-visible{top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s;} #section-about-profile .cd-headline.slide b.is-hidden{-webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s;} #section-about-profile .cd-headline.clip span{display: inline-block; padding: .2em 0;} #section-about-profile .cd-headline.clip .cd-words-wrapper{overflow: hidden; vertical-align: top;} #section-about-profile .cd-headline.clip .cd-words-wrapper::after{content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #aebcb9;} #section-about-profile .cd-headline.clip b{opacity: 0;} #section-about-profile .cd-headline.clip b.is-visible{opacity: 1;} #section-about-profile .cd-headline.zoom .cd-words-wrapper{-webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;} #section-about-profile .cd-headline.zoom b{opacity: 0;} #section-about-profile .cd-headline.zoom b.is-visible{opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s;} #section-about-profile .cd-headline.zoom b.is-hidden{-webkit-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; animation: zoom-out 0.8s;} #section-about-profile .cd-headline.rotate-3 .cd-words-wrapper{-webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;} #section-about-profile .cd-headline.rotate-3 b{opacity: 0;} #section-about-profile .cd-headline.rotate-3 i{display: inline-block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden;} #section-about-profile .is-visible .cd-headline.rotate-3 i{-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);} #section-about-profile .cd-headline.rotate-3 i.in{-webkit-animation: cd-rotate-3-in 0.6s forwards; -moz-animation: cd-rotate-3-in 0.6s forwards; animation: cd-rotate-3-in 0.6s forwards;} #section-about-profile .cd-headline.rotate-3 i.out{-webkit-animation: cd-rotate-3-out 0.6s forwards; -moz-animation: cd-rotate-3-out 0.6s forwards; animation: cd-rotate-3-out 0.6s forwards;} #section-about-profile .no-csstransitions .cd-headline.rotate-3 i{-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0;} #section-about-profile .no-csstransitions .cd-headline.rotate-3 .is-visible i{opacity: 1;} #section-about-profile .cd-headline.scale b{opacity: 0;} #section-about-profile .cd-headline.scale i{display: inline-block; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);} #section-about-profile .is-visible .cd-headline.scale i{opacity: 1;} #section-about-profile .cd-headline.scale i.in{-webkit-animation: scale-up 0.6s forwards; -moz-animation: scale-up 0.6s forwards; animation: scale-up 0.6s forwards;} #section-about-profile .cd-headline.scale i.out{-webkit-animation: scale-down 0.6s forwards; -moz-animation: scale-down 0.6s forwards; animation: scale-down 0.6s forwards;} #section-about-profile .no-csstransitions .cd-headline.scale i{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0;} #section-about-profile .no-csstransitions .cd-headline.scale .is-visible i{opacity: 1;} #section-about-profile .cd-headline.push b{opacity: 0;} #section-about-profile .cd-headline.push b.is-visible{opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s;} #section-about-profile .cd-headline.push b.is-hidden{-webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s;} #section-about-profile .cavani_tm_all_wrap{width: 100%; min-height: 100vh; clear: both; float: left; position: relative;} #section-about-profile .cavani_tm_all_wrap, #section-about-profile .cavani_tm_all_wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #section-about-profile .cavani_tm_header{position: fixed; top: 0px; left: 0px; right: 0px; height: 70px; line-height: 70px; background-color: #fff; z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 0px 70px;} #section-about-profile .cavani_tm_header .logo[data-type="image"] .image{display: inline-block;} #section-about-profile .cavani_tm_header .logo[data-type="image"] .text{display: none;} #section-about-profile .cavani_tm_header .logo[data-type="text"] .image{display: none;} #section-about-profile .cavani_tm_header .logo[data-type="text"] .text{display: inline-block;} #section-about-profile .cavani_tm_header .logo .text{text-decoration: none; color: #000; text-transform: uppercase; font-family: "Poppins"; font-size: 25px; font-weight: 800; letter-spacing: 2px; line-height: 70px;} #section-about-profile .cavani_tm_header .logo .text span{position: relative; top: 2px;} #section-about-profile .cavani_tm_header .logo img{max-width: 110px; max-height: 65px;} #section-about-profile .cavani_tm_header .menu{position: relative;} #section-about-profile .cavani_tm_header .menu ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_header .menu ul li{margin: 0px; float: left;} #section-about-profile .cavani_tm_header .menu ul li a{text-decoration: none; color: #333; font-family: "Poppins"; font-weight: 500; padding: 0px 30px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_header .menu .ccc{position: absolute; width: 30px; display: block; top: 15px; bottom: 15px; background-color: #333; z-index: -1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} #section-about-profile .cavani_tm_header .menu ul li.mleave.active a{color: #333;} #section-about-profile .cavani_tm_header .menu ul li.active a{color: #fff;} #section-about-profile .cavani_tm_header .menu ul li a:hover{color: #fff;} #section-about-profile .cavani_tm_topbar{position: fixed; top: 0px; left: 0px; right: 0px; height: 50px; background-color: #fff; z-index: 15; display: none;} #section-about-profile .cavani_tm_topbar .topbar_inner{width: 100%; height: 100%; clear: both; display: flex; align-items: center; justify-content: space-between; padding: 0px 20px;} #section-about-profile .cavani_tm_topbar .logo img{max-width: 100px; max-height: 40px;} #section-about-profile .cavani_tm_topbar .logo[data-type="image"] .image{display: inline-block;} #section-about-profile .cavani_tm_topbar .logo[data-type="image"] .text{display: none;} #section-about-profile .cavani_tm_topbar .logo[data-type="text"] .image{display: none;} #section-about-profile .cavani_tm_topbar .logo[data-type="text"] .text{display: inline-block;} #section-about-profile .cavani_tm_topbar .logo .text{text-decoration: none; color: #000; text-transform: uppercase; font-family: "Poppins"; font-size: 22px; font-weight: 800; letter-spacing: 2px; line-height: 50px;} #section-about-profile .cavani_tm_topbar .hamburger{padding: 0px;} #section-about-profile .cavani_tm_topbar .hamburger-inner, #section-about-profile .cavani_tm_topbar .hamburger-inner:after, #section-about-profile .cavani_tm_topbar .hamburger-inner:before{width: 30px; height: 2px;} #section-about-profile .cavani_tm_topbar .trigger{position: relative; top: 5px;} #section-about-profile .cavani_tm_topbar .hamburger-box{width: 30px;} #section-about-profile .cavani_tm_mobile_menu{position: fixed; top: 50px; right: -200px; height: 100vh; width: 200px; z-index: 15; background-color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_mobile_menu.opened{right: 0px;} #section-about-profile .cavani_tm_mobile_menu .inner{position: relative; width: 100%; height: 100%; text-align: right; padding: 70px 20px 20px 20px;} #section-about-profile .cavani_tm_mobile_menu .avatar{width: 70px; height: 70px; position: relative; float: right; margin-bottom: 60px;} #section-about-profile .cavani_tm_mobile_menu .avatar .image{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: center;} #section-about-profile .cavani_tm_mobile_menu .menu_list{width: 100%; height: auto; clear: both; float: left; margin-bottom: 50px;} #section-about-profile .cavani_tm_mobile_menu .menu_list ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_mobile_menu .menu_list ul li{margin: 0px 0px 7px 0px;} #section-about-profile .cavani_tm_mobile_menu .menu_list ul li a{text-decoration: none; color: #333; font-family: "Poppins";} #section-about-profile .cavani_tm_mobile_menu .social{width: 100%; float: left; margin-bottom: 5px;} #section-about-profile .cavani_tm_mobile_menu .social ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_mobile_menu .social ul li{margin: 0px 8px 0px 0px; display: inline-block;} #section-about-profile .cavani_tm_mobile_menu .social ul li:last-child{margin-right: 0px;} #section-about-profile .cavani_tm_mobile_menu .social ul li a{text-decoration: none; color: #333;} #section-about-profile .cavani_tm_mobile_menu .copyright{width: 100%; float: left;} #section-about-profile .cavani_tm_mobile_menu .copyright p{color: #333; font-family: "Poppins";} #section-about-profile .cavani_tm_mainpart{position: absolute; top: 70px; bottom: 70px; left: 70px; right: 70px; overflow: hidden;} #section-about-profile .cavani_tm_mainpart .author_image{position: absolute; top: 0px; bottom: 0px; left: 0px; width: 40%; z-index: 15;} #section-about-profile .cavani_tm_mainpart .author_image .main{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: center;} #section-about-profile .cavani_tm_mainpart .main_content{position: absolute; top: 0px; right: 0px; bottom: 0px; width: 60%;} #section-about-profile .cavani_tm_section{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;} #section-about-profile .cavani_tm_section{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; overflow-y: scroll; opacity: 0; visibility: hidden; z-index: 8; transition: visibility 1s linear, opacity 0s linear; -moz-transition: visibility 1s linear, opacity 0s linear; -webkit-transition: visibility1s linear, opacity 0s linear; -o-transition: visibility 1s linear, opacity 0s linear;} #section-about-profile .cavani_tm_section.animated{opacity: 1; visibility: visible; z-index: 9;} #section-about-profile .cavani_tm_section.active{opacity: 1; visibility: visible; z-index: 10;} #section-about-profile .cavani_tm_section.hidden{opacity: 0; visibility: hidden; z-index: 9;} #section-about-profile .cavani_tm_section::-webkit-scrollbar{width: 0px;} #section-about-profile .cavani_tm_section .section_inner{width: 100%; height: auto; clear: both; float: left; position: relative; padding: 92px 100px 0px 100px;} #section-about-profile .cavani_tm_section .section_inner:before{position: absolute; content: ""; top: 0px; bottom: 0px; right: 0px; width: 100px; background-color: #f6fbff;} #section-about-profile .cavani_tm_home{position: relative; width: 100%; height: 100%; display: flex; align-items: center;} #section-about-profile .cavani_tm_home .content{padding-left: 100px;} #section-about-profile .cavani_tm_home .name{font-size: 72px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px;} #section-about-profile .cavani_tm_home .line{display: inline-block; width: 70px; height: 5px; background-color: #333; margin-bottom: 30px;} #section-about-profile .cavani_tm_home .job{font-size: 25px; margin-bottom: 35px; font-weight: 300;} #section-about-profile .cavani_tm_home .job span{color: #7d7789;} #section-about-profile .cavani_tm_home .job b{font-weight:600; color: #333;} #section-about-profile .cavani_tm_button{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_button a{text-decoration: none; color: #fff; display: inline-block; background-color: #333; padding: 13px 38px; border: 2px solid #333; font-family: "Poppins"; font-weight: 500; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_button a:hover{background-color: transparent; color: #333;} #section-about-profile .cd-headline.clip .cd-words-wrapper::after{height: 70%; top: 50%; width: 2px; transform: translateY(-50%); background-color: #999;} #section-about-profile .cd-headline.loading-bar .cd-words-wrapper::after{background: #333; height: 2px;} #section-about-profile .cavani_tm_about{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_about .biography{width: 100%; height: auto; clear: both; float: left; margin-bottom: 87px;} #section-about-profile .cavani_tm_title{width: 100%; height: auto; clear: both; float: left; overflow: hidden;} #section-about-profile .cavani_tm_title span{display: inline-block; position: relative; font-family: "Poppins"; color: #333; text-transform: uppercase; font-weight: 700; letter-spacing: 8px;} #section-about-profile .cavani_tm_title span:after{position: absolute; content: ""; width: 5000px; height: 1px; background-color: #7d7789; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 30px;} #section-about-profile .cavani_tm_about .biography .wrapper{width: 100%; height: auto; clear: both; float: left; display: flex; justify-content: space-between; margin-top: 55px;} #section-about-profile .cavani_tm_about .biography .left{width: 40%;} #section-about-profile .cavani_tm_about .biography .left p{margin-bottom: 15px;} #section-about-profile .cavani_tm_about .biography .left p:last-child{margin-bottom: 0px;} #section-about-profile .cavani_tm_about .biography .right{width: 50%;} #section-about-profile .cavani_tm_about .biography .right ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_about .biography .right ul li{margin: 0px 0px 8px 0px; width: 100%; float: left;} #section-about-profile .cavani_tm_about .biography .right ul li:last-child{margin-bottom: 0px;} #section-about-profile .cavani_tm_about .biography .right ul li span{display: inline-block;} #section-about-profile .cavani_tm_about .biography .right ul li .first{min-width: 100px; font-weight: 700;} #section-about-profile .cavani_tm_about .biography .right ul li a{text-decoration: none; color: #7d7789; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_about .biography .right ul li a:hover{color: #333;} #section-about-profile .cavani_tm_about .services{width: 100%; height: auto; clear: both; float: left; margin-bottom: 87px;} #section-about-profile .cavani_tm_about .services .wrapper{width: 100%; height: auto; clear: both; display: flex; justify-content: space-between;} #section-about-profile .cavani_tm_about .services .list{width: 100%; height: auto; clear: both; float: left; margin-top: 55px;} #section-about-profile .cavani_tm_about .services .service_list{width: 40%;} #section-about-profile .cavani_tm_about .services .service_list:nth-child(2){width: 50%;} #section-about-profile .cavani_tm_about .services .service_list ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_about .services .service_list ul li{margin: 0px 0px 8px 0px; width: 100%; float: left; position: relative; padding-left: 25px;} #section-about-profile .cavani_tm_about .services .service_list ul li:last-child{margin-bottom: 0px;} #section-about-profile .cavani_tm_about .services .service_list ul li:before{position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 9.5px; border-color: transparent transparent transparent #7d7789; left: 0px; top: 7px;} #section-about-profile .cavani_tm_about .skills{width: 100%; height: auto; clear: both; float: left; margin-bottom: 65px;} #section-about-profile .cavani_tm_about .skills .wrapper{width: 100%; height: auto; clear: both; display: flex; justify-content: space-between;} #section-about-profile .cavani_tm_about .skills .programming{width: 40%;} #section-about-profile .cavani_tm_about .skills .language{width: 50%;} #section-about-profile .circular_progress_bar .list_inner{width: 100%; position: relative; text-align: center;} #section-about-profile .circular_progress_bar .list_inner:after{content: ''; position: absolute; width: 120px; height: 120px; border: 3px solid rgba(0,0,0,.07); left: 0px; top: 0px; border-radius: 50%; box-sizing: border-box; z-index: -1;} #section-about-profile .cavani_tm_about .resume{width: 100%; height: auto; clear: both; float: left; margin-bottom: 75px;} #section-about-profile .cavani_tm_about .resume .wrapper{width: 100%; height: auto; clear: both; display: flex; justify-content: space-between;} #section-about-profile .cavani_tm_about .resume .list{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_about .resume .education{width: 40%;} #section-about-profile .cavani_tm_about .resume .experience{width: 50%;} #section-about-profile .cavani_tm_about .univ{width: 100%; height: auto; clear: both; float: left; margin-top: 55px;} #section-about-profile .cavani_tm_about .univ ul{margin: 0px; list-style-type: none; position: relative; display: inline-block; padding-top: 10px;} #section-about-profile .cavani_tm_about .univ ul:before{content: ""; position: absolute; width: 1px; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.07);} #section-about-profile .cavani_tm_about .univ ul li{margin: 0px; width: 100%; float: left; position: relative; padding-left: 20px; padding-bottom: 45px;} #section-about-profile .cavani_tm_about .univ ul li:last-child{padding-bottom: 0px;} #section-about-profile .cavani_tm_about .univ ul li:before{content: ""; position: absolute; height: 18px; width: 18px; background: #f6fbff; border-radius: 100%; border: solid 1px #CCC; left: -9px; top: 8px;} #section-about-profile .cavani_tm_about .univ ul li .list_inner{width: 100%; height: auto; clear: both; display: flex; position: relative;} #section-about-profile .cavani_tm_about .univ ul li .time{width: 50%; padding-right: 20px;} #section-about-profile .cavani_tm_about .univ ul li .time span{display: inline-block; padding: 5px 25px; background-color: rgba(0,0,0,.05); border-radius: 50px; font-size: 14px; white-space: nowrap;} #section-about-profile .cavani_tm_about .univ ul li .place{width: 50%; padding-left: 20px;} #section-about-profile .cavani_tm_about .univ ul li .place h3{font-size: 16px; margin-bottom: 2px; font-weight: 600;} #section-about-profile .cavani_tm_about .univ ul li .place span{font-size: 14px;} #section-about-profile .cavani_tm_about .partners{width: 100%; height: auto; clear: both; float: left; margin-bottom: 92px;} #section-about-profile .cavani_tm_about .partners .list{width: 100%; float: left; clear: both; overflow: hidden; border: 2px solid #E5EDF4; margin-top: 62px;} #section-about-profile .cavani_tm_about .partners .list ul{margin: -2px -10px -2px -2px; list-style-type: none; padding-top: 2px; float: left; padding-left: 2px; min-width: calc(100% + 12px);} #section-about-profile .cavani_tm_about .partners .list ul li{margin: 0px; float: left; width: 25%; border: 2px solid #E5EDF4; text-align: center; height: 130px; line-height: 130px; position: relative; margin-top: -2px; margin-left: -2px; overflow: hidden;} #section-about-profile .cavani_tm_about .partners .list ul li img{max-width: 65%; max-height: 65px;} #section-about-profile .cavani_tm_about .partners .list ul li .list_inner{width: 100%; height: auto; clear: both; float: left; opacity: .5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_about .partners .list ul li .list_inner:hover{opacity: 1;} #section-about-profile .cavani_tm_full_link{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 5;} #section-about-profile .cavani_tm_about .testimonials{width: 100%; height: auto; clear: both; float: left; margin-bottom: 90px;} #section-about-profile .cavani_tm_about .testimonials .list{width: 100%; height: auto; clear: both; float: left; margin-top: 75px;} #section-about-profile .cavani_tm_about .testimonials .list ul{margin: 0px; list-style-type: none; cursor: e-resize;} #section-about-profile .cavani_tm_about .testimonials .list ul li{margin: 0px;} #section-about-profile .cavani_tm_about .testimonials .list ul li .list_inner{width: 100%; height: auto; clear: both; float: left; position: relative;} #section-about-profile .cavani_tm_about .testimonials .list ul li .text{width: 100%; height: auto; clear: both; float: left; position: relative; border: 2px solid #E5EDF4; padding: 40px; margin-bottom: 30px;} #section-about-profile .cavani_tm_about .testimonials .list ul li .text:before{position: absolute; content: ""; height: 0px; width: 0px; top: 100%; left: 50px; border: solid transparent; border-top-color: #E5EDF4; border-width: 18px 18px 0px 0px;} #section-about-profile .cavani_tm_about .testimonials .list ul li .text:after{position: absolute; content: ""; top: 100%; left: 50px; height: 0px; width: 0px; border: solid transparent; border-top-color: #f6fbff; border-width: 14px 13px 0px 0px; margin-left: 2px;} #section-about-profile .cavani_tm_about .testimonials .list ul li .text i{position: absolute; z-index: 1; font-size: 30px; top: -29px; left: 50px;} #section-about-profile .cavani_tm_about .testimonials .details{width: 100%; height: auto; clear: both; float: left; display: flex; align-items: center; padding-left: 20px;} #section-about-profile .cavani_tm_about .testimonials .details .image{position: relative; width: 60px; height: 60px;} #section-about-profile .cavani_tm_about .testimonials .details .image .main{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 100%;} #section-about-profile .cavani_tm_about .testimonials .details .info{padding-left: 20px;} #section-about-profile .cavani_tm_about .testimonials .details .info h3{font-size: 16px; margin-bottom: 2px; font-weight: 600;} #section-about-profile .cavani_tm_about .testimonials .details .info span{font-size: 14px;} #section-about-profile .cavani_tm_about .testimonials .owl-carousel .owl-stage-outer{overflow: hidden;} #section-about-profile .cavani_tm_about .testimonials .owl-carousel .owl-stage-outer{overflow: visible;} #section-about-profile .cavani_tm_about .testimonials .owl-item.active{opacity: 1;} #section-about-profile .cavani_tm_about .testimonials .owl-item{opacity: 0;} #section-about-profile .cavani_tm_portfolio{width: 100%; height: auto; clear: both; float: left; margin-bottom: 70px;} #section-about-profile .cavani_tm_portfolio .portfolio_filter{width: 100%; height: auto; clear: both; float: left; text-align: left; position: relative; padding: 55px 0px 42px 0px;} #section-about-profile .cavani_tm_portfolio .portfolio_filter ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_portfolio .portfolio_filter ul li{margin: 0px 40px 0px 0px; display: inline-block;} #section-about-profile .cavani_tm_portfolio .portfolio_filter ul li:last-child{margin-right: 0px;} #section-about-profile .cavani_tm_portfolio .portfolio_filter ul li a{text-decoration: none; color: #333; font-family: "Poppins"; font-weight: 500; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_portfolio .portfolio_list{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul{margin: 0px 0px 0px -50px; list-style-type: none;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li{margin: 0px 0px 50px 0px; width: 50%; float: left; padding-left: 50px;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li .list_inner{width: 100%; height: auto; clear: both; float: left; position: relative; overflow: hidden;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li .image{position: relative;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li .image img{position: relative; opacity: 0; min-width: 100%;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li .image .main{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: center;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li .details{position: absolute; left: 20px; right: 20px; bottom: 0px; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.1); z-index: 3; padding: 15px; transform: translateY(102%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li .list_inner:hover .details{transform: translateY(0); bottom: 20px;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li .details h3{font-size: 16px; margin-bottom: 2px; font-weight: 600;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li .details span{font-size: 14px;} #section-about-profile .cavani_tm_modalbox{position: fixed; top: 0px; left: 0px; right: 0px; height: 100vh; z-index: 20; background-color: rgba(0,0,0,.8); opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_modalbox.opened{opacity: 1; visibility: visible;} #section-about-profile .cavani_tm_modalbox .box_inner{position: absolute; top: 70px; bottom: 70px; width: 968px; left: 50%; transform: translateX(-50%); background-color: #fff; z-index: 1; opacity: 0; visibility: hidden; margin-top: -20px; transition-delay: .3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_modalbox.opened .box_inner{opacity: 1; visibility: visible; margin-top: 0px;} #section-about-profile .cavani_tm_modalbox .close{position: fixed; left: 100%; top: 0px; margin-left: 30px; z-index: 10;} #section-about-profile .cavani_tm_modalbox .close a{display: block; width: 40px; height: 40px; text-decoration: none; color: #fff; border:2px solid #fff; border-radius: 10px; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_modalbox .close a:hover{border-radius: 100%;} #section-about-profile .cavani_tm_modalbox .close a i{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} #section-about-profile .cavani_tm_modalbox .description_wrap{position: relative; width: 100%; height: 100%; float: left; overflow: hidden; padding: 50px; overflow-y: scroll;} #section-about-profile .cavani_tm_modalbox .description_wrap::-webkit-scrollbar{width: 11px;} #section-about-profile .cavani_tm_modalbox .description_wrap:-webkit-scrollbar-track{background: #fff;} #section-about-profile .cavani_tm_modalbox .description_wrap::-webkit-scrollbar-thumb{background-color: #bbb; border-radius: 10px; border: 3px solid #fff;} #section-about-profile .cavani_tm_portfolio .hidden_content{display: none; opacity: 0; visibility: hidden; position: absolute; z-index: -11;} #section-about-profile .cavani_tm_modalbox .popup_details{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_modalbox .popup_details .top_image{position: relative; overflow: hidden; margin-bottom: 37px;} #section-about-profile .cavani_tm_modalbox .popup_details .top_image img{position: relative; min-width: 100%; opacity: 0;} #section-about-profile .cavani_tm_modalbox .popup_details .top_image .main{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat;} #section-about-profile .cavani_tm_modalbox .portfolio_main_title{width: 100%; float: left; margin-bottom: 20px;} #section-about-profile .cavani_tm_modalbox .portfolio_main_title span{display: inline-block;} #section-about-profile .cavani_tm_modalbox .portfolio_main_title h3{font-weight: 700; font-size: 22px; margin-bottom: 5px;} #section-about-profile .cavani_tm_modalbox .main_details{width: 100%; height: auto; clear: both; display: flex; margin-bottom: 60px;} #section-about-profile .cavani_tm_modalbox .main_details .textbox{width: 70%; padding-right: 40px;} #section-about-profile .cavani_tm_modalbox .main_details .textbox p{margin-bottom: 15px;} #section-about-profile .cavani_tm_modalbox .main_details .textbox p:last-child{margin-bottom: 0px;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox{width: 30%; padding-left: 40px;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox > ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox > ul > li{margin: 0px 0px 10px 0px; width: 100%; float: left;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox > ul > li:last-child{margin-bottom: 0px;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox .first{font-weight: 700; display: block;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox span a{text-decoration: none; color: #7d7789;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox .share{margin: 0px; list-style-type: none; position: relative; top: 7px;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox .share li{margin: 0px 13px 0px 0px; display: inline-block;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox .share li:last-child{margin-right: 0px;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox .share li a{text-decoration: none; color: #7d7789;} #section-about-profile .cavani_tm_modalbox .additional_images{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_modalbox .additional_images ul{margin: 0px 0px 0px -30px; list-style-type: none;} #section-about-profile .cavani_tm_modalbox .additional_images ul li{margin: 0px 0px 30px 0px; float: left; width: 50%; padding-left: 30px;} #section-about-profile .cavani_tm_modalbox .additional_images ul li:nth-child(3n-2){width: 100%;} #section-about-profile .cavani_tm_modalbox .additional_images ul li .list_inner{width: 100%; height: auto; clear: both; float: left; position: relative;} #section-about-profile .cavani_tm_modalbox .additional_images ul li .my_image{position: relative;} #section-about-profile .cavani_tm_modalbox .additional_images ul li .my_image img{opacity: 0; min-width: 100%;} #section-about-profile .cavani_tm_modalbox .additional_images ul li .my_image .main{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: center;} #section-about-profile .cavani_tm_service{width: 100%; height: auto; clear: both; float: left; margin-bottom: 70px;} #section-about-profile .cavani_tm_service .service_list{width: 100%; height: auto; clear: both; float: left; margin-top: 60px;} #section-about-profile .cavani_tm_service .service_list ul{margin: 0px 0px 0px -50px; list-style-type: none; display: flex; flex-wrap: wrap;} #section-about-profile .cavani_tm_service .service_list ul li{margin: 0px 0px 50px 0px; width: 50%; padding-left: 50px;} #section-about-profile .cavani_tm_service .service_list ul li .list_inner{width: 100%; height: 100%; clear: both; float: left; position: relative; border: 1px solid #b9b8c3; padding: 70px 40px 63px; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_service .service_list ul li .list_inner:hover{background-color: #333;} #section-about-profile .cavani_tm_service .service_list ul li .svg{width: 60px; height: 60px; color: #333; margin-bottom: 27px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_service .service_list ul li .list_inner:hover .svg{color: #fff;} #section-about-profile .cavani_tm_service .service_list ul li .title{font-weight: 500; font-size: 24px; color: #333; margin-bottom: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_service .service_list ul li .list_inner:hover .title{color: #fff;} #section-about-profile .cavani_tm_service .service_list ul li .list_inner .text{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_service .service_list ul li .list_inner:hover .text{color: #aaa;} #section-about-profile .cavani_tm_service .popup_service_image{opacity: 0; visibility: hidden; display: none; position: absolute; z-index: -111;} #section-about-profile .cavani_tm_service .service_hidden_details{opacity: 0; visibility: hidden; display: none; position: absolute; z-index: -111;} #section-about-profile .cavani_tm_modalbox .service_popup_informations{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .image{width: 100%; float: left; position: relative; margin-bottom: 37px;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .image img{position: relative; min-width: 100%; opacity: 0;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .image .main{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: center;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .main_title{width: 100%; float: left; margin-bottom: 23px;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .main_title h3{font-size: 22px;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .descriptions{width: 100%; float: left;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .descriptions p{margin-bottom: 15px;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .descriptions p:last-child{margin-bottom: 0px;} #section-about-profile .cavani_tm_news{width: 100%; height: auto; clear: both; float: left; margin-bottom: 70px;} #section-about-profile .cavani_tm_news .news_list{width: 100%; height: auto; clear: both; float: left; margin-top: 60px;} #section-about-profile .cavani_tm_news .news_list > ul{margin: 0; padding: 0; list-style-type: none; position: relative; z-index: 2;} #section-about-profile .cavani_tm_news .news_list > ul > li{width: 100%; margin: 0; padding: 29px 0;} #section-about-profile .cavani_tm_news .news_list > ul > li .list_inner{width: 100%; height: auto; clear: both; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center;} #section-about-profile .cavani_tm_news .news_list > ul > li .list_inner .number{width: 50px; min-width: 50px; height: 50px; text-align: center; line-height: 50px; display: inline-block; border-radius: 100%; background-color: #b9b8c3; color: #333; font-size: 16px; font-weight: 600; font-family: "Poppins";} #section-about-profile .cavani_tm_news .news_list > ul > li .list_inner .details{position: relative; padding-left: 30px; margin-left: 29px; max-width: calc(100% - 80px);} #section-about-profile .cavani_tm_news .news_list > ul > li .list_inner .details:before{position: absolute; content: ""; top: -17px; bottom: -22px; left: 0px; background-color: #b9b8c3; width: 2px; transform: rotate(8deg);} #section-about-profile .cavani_tm_news .news_list > ul > li .extra_metas ul{margin: 0px; list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin-bottom: 2px;} #section-about-profile .cavani_tm_news .news_list > ul > li .extra_metas ul li{margin: 0px; position: relative; margin-right: 10px;} #section-about-profile .cavani_tm_news .news_list > ul > li .extra_metas ul li:before{position: relative; content: "/"; font-size: 18px;} #section-about-profile .cavani_tm_news .news_list > ul > li .extra_metas ul li:first-child:before{display: none;} #section-about-profile .cavani_tm_news .news_list > ul > li .extra_metas ul li span{font-size: 15px; color: #777; padding-left: 10px;} #section-about-profile .cavani_tm_news .news_list > ul > li .extra_metas ul li span a{text-decoration: none; color: #777; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_news .news_list > ul > li .extra_metas ul li span a:hover{color: #000;} #section-about-profile .cavani_tm_news .news_list > ul > li .extra_metas ul li:first-child span{padding-left: 0px;} #section-about-profile .cavani_tm_news .news_list > ul > li .post_title h3{margin: 0; padding: 0; line-height: 1; font-weight: 600;} #section-about-profile .cavani_tm_news .news_list > ul > li .post_title h3 a{text-decoration: none; color: #333; font-size: 24px; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size .5s;} #section-about-profile .cavani_tm_news .news_list > ul > li .post_title h3 a:hover{background-size: 100% 2px;} #section-about-profile .cavani_tm_news .news_hidden_details{display: none; opacity: 0; visibility: hidden; position: absolute; z-index: -11;} #section-about-profile .cavani_tm_modalbox .news_popup_informations{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .image{position: relative; margin-bottom: 30px;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .image img{position: relative; opacity: 0; min-width: 100%;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .image .main{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: center;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .text{width: 100%; float: left;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .text p{margin-bottom: 15px;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .text p:last-child{margin-bottom: 0px;} #section-about-profile .cavani_tm_modalbox .meta{width: 100%; float: left; margin-bottom: 5px;} #section-about-profile .cavani_tm_modalbox .meta ul{margin: 0px; list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin-bottom: 2px;} #section-about-profile .cavani_tm_modalbox .meta ul li{margin: 0px; position: relative; margin-right: 10px;} #section-about-profile .cavani_tm_modalbox .meta ul li:before{position: relative; content: "/"; font-size: 18px;} #section-about-profile .cavani_tm_modalbox .meta ul li:first-child:before{display: none;} #section-about-profile .cavani_tm_modalbox .meta ul li span{font-size: 15px; color: #777; padding-left: 10px;} #section-about-profile .cavani_tm_modalbox .meta ul li span a{text-decoration: none; color: #777; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_modalbox .meta ul li span a:hover{color: #000;} #section-about-profile .cavani_tm_modalbox .meta ul li:first-child span{padding-left: 0px;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .title{width: 100%; float: left; margin-bottom: 25px;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .title h3{font-size: 22px;} #section-about-profile .cavani_tm_contact{width: 100%; height: auto; clear: both; float: left; margin-bottom: 100px;} #section-about-profile .cavani_tm_contact .short_info{width: 100%; height: auto; clear: both; float: left; margin-top: 62px;} #section-about-profile .cavani_tm_contact .short_info ul{margin: 0px 0px 0px -30px; list-style-type: none; display: flex; flex-wrap: wrap;} #section-about-profile .cavani_tm_contact .short_info ul li{margin: 0px 0px 30px 0px; width: 33.3333%; padding-left: 30px;} #section-about-profile .cavani_tm_contact .short_info ul li .list_inner{width: 100%; height: 100%; clear: both; float: left; position: relative; border: 1px solid rgba(0,0,0,.07); text-align: center; padding: 32px 25px;} #section-about-profile .cavani_tm_contact .short_info ul li .list_inner span{display: block;} #section-about-profile .cavani_tm_contact .short_info ul li .list_inner .svg{width: 18px; height: 18px; margin-bottom: 5px;} #section-about-profile .cavani_tm_contact .short_info ul li .list_inner a{text-decoration: none; color: #7d7789; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} #section-about-profile .cavani_tm_contact .short_info ul li .list_inner a:hover{color: #333;} #section-about-profile .cavani_tm_contact .form{width: 100%; height: auto; clear: both; display: flex;} #section-about-profile .cavani_tm_contact .form .left{width: 50%; padding-right: 15px;} #section-about-profile .cavani_tm_contact .form .fields{width: 100%; height: auto; clear: both; float: left;} #section-about-profile .cavani_tm_contact .form .fields .first{width: 100%; float: left;} #section-about-profile .cavani_tm_contact .form .fields ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_contact .form .fields ul li{width: 100%; margin: 0px 0px 30px 0px; float: left;} #section-about-profile .cavani_tm_contact .form .fields ul li input{width: 100%; border: 1px solid rgba(0,0,0,.07); background-color: transparent;} #section-about-profile .cavani_tm_contact .form .fields ul li input:focus{outline: none; border: 1px solid rgba(0,0,0,.2);} #section-about-profile .cavani_tm_contact .form .fields .last textarea{width: 100%; border: 1px solid rgba(0,0,0,.07); height: 120px; resize: none; margin-bottom: 20px; background-color: transparent;} #section-about-profile .cavani_tm_contact .form .fields .last textarea:focus{outline: none; border: 1px solid rgba(0,0,0,.2);} #section-about-profile .cavani_tm_contact .form .empty_notice{color: #F52225; margin-bottom: 7px; display: none; text-align: left; font-weight: 500;} #section-about-profile .cavani_tm_contact .form .contact_error{color: #F52225; text-align: left; font-weight: 500;} #section-about-profile .cavani_tm_contact .form .returnmessage{color:#3A00FF; text-align: left; font-weight: 500;} #section-about-profile .cavani_tm_contact .form .right{width: 50%; padding-left: 15px; position: relative;} #section-about-profile .cavani_tm_footer{position: fixed; bottom: 0px; left: 0px; right: 0px; height: 70px; background-color: #fff; z-index: 10; line-height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0px 70px;} #section-about-profile .cavani_tm_footer .copyright p{color: #333; font-family: "Poppins";} #section-about-profile .cavani_tm_footer .social ul{margin: 0px; list-style-type: none;} #section-about-profile .cavani_tm_footer .social ul li{margin: 0px 15px 0px 0px; display: inline-block;} #section-about-profile .cavani_tm_footer .social ul li:last-child{margin-right: 0px;} #section-about-profile .cavani_tm_footer .social ul li a{text-decoration: none; color: #333;} #section-about-profile .cavani_tm_left_border{position: fixed; top: 0px; left: 0px; bottom: 0px; width: 70px; background-color: #fff; z-index: 10;} #section-about-profile .cavani_tm_right_border{position: fixed; top: 0px; right: 0px; bottom: 0px; width: 70px; background-color: #fff; z-index: 10;} #section-about-profile .cavani_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{display: none; opacity: 0; visibility: hidden; position: absolute; z-index: -1111;} #section-about-profile .cavani_tm_mainpart .author_image .glitch_wrap{position: relative; width: 100%; height:100%; float: left; overflow: hidden;} #section-about-profile .cavani_tm_mainpart .author_image .particle_wrapper{position: relative; float: left; width: 100%; height: 100%;} #section-about-profile .cavani_tm_mainpart .author_image .ripple{width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url("..//img/about/3.jpg");} @media (max-width: 1600px){ #section-about-profile .cavani_tm_header .logo .text{line-height: 60px;} #section-about-profile .cavani_tm_header .logo img{max-width: 95px;} #section-about-profile .cavani_tm_mainpart .author_image{width: 35%;} #section-about-profile .cavani_tm_mainpart .main_content{width: 65%;} #section-about-profile .cavani_tm_section .section_inner:before{width: 50px;} #section-about-profile .cavani_tm_title span{letter-spacing: 7px;} #section-about-profile .cavani_tm_title span:after{margin-left: 25px;} #section-about-profile .cavani_tm_header{height: 60px;line-height: 60px;padding: 0px 60px;} #section-about-profile .cavani_tm_footer{height: 60px;line-height: 60px;padding: 0px 60px;} #section-about-profile .cavani_tm_left_border{width: 60px;} #section-about-profile .cavani_tm_right_border{width: 60px;} #section-about-profile .cavani_tm_mainpart{top: 60px;left: 60px;right: 60px;bottom: 60px;} #section-about-profile .cavani_tm_footer .social ul li{margin-right: 10px;} #section-about-profile .cavani_tm_header .menu ul li a{padding: 0px 22px;} #section-about-profile .cavani_tm_home .content{padding-left: 50px;} #section-about-profile .cavani_tm_home .name{font-size: 55px;margin-bottom: 25px;} #section-about-profile .cavani_tm_home .line{width: 60px;height: 4px;margin-bottom: 25px;} #section-about-profile .cavani_tm_home .job{font-size: 23px;margin-bottom: 30px;} #section-about-profile .cavani_tm_button a{padding: 13px 32px;} #section-about-profile .cavani_tm_section .section_inner{padding: 95px 50px 0px 50px;} #section-about-profile .circular_progress_bar .list_inner:after{width: 100px;height: 100px;} #section-about-profile .cavani_tm_about .univ ul li .time span{padding: 3px 12px;} #section-about-profile .cavani_tm_about .univ ul li .place{padding-left: 0px;} #section-about-profile .cavani_tm_portfolio .portfolio_filter ul li{margin-right: 30px;} #section-about-profile .cavani_tm_about .testimonials .list ul li .text{padding: 30px;} #section-about-profile .cavani_tm_contact .short_info ul li .list_inner{padding: 20px 10px;} #section-about-profile .cavani_tm_modalbox .box_inner{width: 750px;top: 45px;bottom: 45px;} #section-about-profile .cavani_tm_modalbox .description_wrap{padding: 30px;} } @media (max-width: 1040px){ #section-about-profile .cavani_tm_topbar{display: block;} #section-about-profile .cavani_tm_header{display: none;} #section-about-profile .cavani_tm_footer{display: none;} #section-about-profile .cavani_tm_left_border{display: none;} #section-about-profile .cavani_tm_right_border{display: none;} #section-about-profile .cavani_tm_section .section_inner:before{width: 20px;} #section-about-profile .cavani_tm_mainpart .author_image{display: none;} #section-about-profile .cavani_tm_mainpart{top: 55px;left: 0px;right: 0px;bottom: 0px;} #section-about-profile .cavani_tm_mainpart .main_content{width: 100%;} #section-about-profile .cavani_tm_home .content{padding: 0px 20px;} #section-about-profile .cavani_tm_home .name{font-size: 60px;} #section-about-profile .cavani_tm_home .job{font-size: 22px;} #section-about-profile .cavani_tm_about .biography .wrapper{flex-direction: column;align-items: baseline;} #section-about-profile .cavani_tm_about .biography .left{width: 100%;margin-bottom: 55px;} #section-about-profile .cavani_tm_about .biography .right{width: 100%;} #section-about-profile .cavani_tm_about .services .wrapper{flex-direction: column;align-items: baseline;} #section-about-profile .cavani_tm_about .services .service_list{width: 100%;margin-bottom: 55px;} #section-about-profile .cavani_tm_about .services .service_list:nth-child(2){width: 100%;} #section-about-profile .cavani_tm_about .services .interests{width: 100%;} #section-about-profile .cavani_tm_section .section_inner{padding: 57px 20px 0px 20px;} #section-about-profile .cavani_tm_about .skills .wrapper{flex-direction: column;align-items: baseline;} #section-about-profile .cavani_tm_about .skills .programming{width: 100%;margin-bottom: 60px;} #section-about-profile .cavani_tm_about .skills .language{width: 100%;} #section-about-profile .cavani_tm_about .resume .wrapper{flex-direction: column;align-items: baseline;} #section-about-profile .cavani_tm_about .resume .education{width: 100%;margin-bottom: 60px;} #section-about-profile .cavani_tm_about .resume .experience{width: 100%;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li{width: 50%;} #section-about-profile .cavani_tm_contact .short_info ul{margin: 0px;} #section-about-profile .cavani_tm_contact .short_info ul li{width: 100%;padding-left: 0px;} #section-about-profile .cavani_tm_contact .form{flex-direction: column;align-items: baseline;} #section-about-profile .cavani_tm_contact .form .left{width: 100%;padding: 0px;margin-bottom: 30px;} #section-about-profile .cavani_tm_contact .form .right{width: 100%;padding: 0px;} #section-about-profile .cavani_tm_modalbox .box_inner{width: 550px;} #section-about-profile .cavani_tm_modalbox .description_wrap{padding: 20px;} #section-about-profile .cavani_tm_modalbox .main_details{flex-direction: column;align-items: baseline;} #section-about-profile .cavani_tm_modalbox .main_details .textbox{width: 100%;padding: 0px;margin-bottom: 30px;} #section-about-profile .cavani_tm_modalbox .main_details .detailbox{width: 100%;padding: 0px;} #section-about-profile .cavani_tm_modalbox .additional_images ul{margin: 0px;} #section-about-profile .cavani_tm_modalbox .additional_images ul li{width: 100%;padding-left: 0px;} #section-about-profile .cavani_tm_modalbox .portfolio_main_title h3{font-size: 20px;} #section-about-profile .cavani_tm_modalbox .news_popup_informations .title h3{font-size: 20px;} #section-about-profile .cavani_tm_modalbox .service_popup_informations .main_title h3{font-size: 20px;} } @media (max-width: 768px){ #section-about-profile .cavani_tm_home .name{font-size: 40px;} #section-about-profile .cavani_tm_home .job{font-size: 20px;} #section-about-profile .cavani_tm_home .line{height: 3px;width: 40px;} #section-about-profile .cavani_tm_button a{padding: 10px 28px;} #section-about-profile .circular_progress_bar .list_inner:after{width: 80px;height: 80px;} #section-about-profile .cavani_tm_about .partners .list ul li{width: 50%;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul{margin: 0px;} #section-about-profile .cavani_tm_portfolio .portfolio_list ul li{width: 100%;padding-left: 0px;} #section-about-profile .cavani_tm_title span{letter-spacing: 4px;} #section-about-profile .cavani_tm_title span:after{margin-left: 15px;} #section-about-profile .cavani_tm_modalbox .box_inner{width: 300px;top: 60px;bottom: 40px;} #section-about-profile .cavani_tm_modalbox .close{margin-left: -25px;top: -37px;} #section-about-profile .cavani_tm_modalbox .close a{width: 28px;height: 28px;} #section-about-profile .cavani_tm_service .service_list ul{margin: 0px;} #section-about-profile .cavani_tm_service .service_list ul li{width: 100%;padding-left: 0px;margin-bottom: 20px;} #section-about-profile .cavani_tm_service .service_list ul li .title{font-size: 20px;} #section-about-profile .cavani_tm_news .news_list > ul > li .post_title h3 a{font-size: 20px;} #section-about-profile .cavani_tm_news .news_list > ul > li .list_inner .number{display: none;} #section-about-profile .cavani_tm_news .news_list > ul > li .list_inner .details:before{display: none;} #section-about-profile .cavani_tm_news .news_list > ul > li .list_inner .details{margin: 0px;padding: 0px;max-width: 100% !important;} #section-about-profile .cavani_tm_news .news_list > ul > li{padding: 20px 0px;} } @keyframes pulse{ from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } @-webkit-keyframes pulse{ 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse{ 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @-webkit-keyframes cd-rotate-1-in{ 0% { -webkit-transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); opacity: 1; } } @keyframes cd-rotate-1-in{ 0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes cd-rotate-1-out{ 0% { -webkit-transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); opacity: 0; } } @keyframes cd-rotate-1-out{ 0% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } @-webkit-keyframes cd-pulse{ 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0; } } @keyframes cd-pulse{ 0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; } } @-webkit-keyframes cd-rotate-2-in{ 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); } } @keyframes cd-rotate-2-in{ 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); -ms-transform: translateZ(-20px) rotateX(0deg); -o-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @-webkit-keyframes cd-rotate-2-out{ 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); } } @keyframes cd-rotate-2-out{ 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } @-webkit-keyframes slide-in{ 0% { opacity: 0; -webkit-transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes slide-in{ 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out{ 0% { opacity: 1; -webkit-transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } @keyframes slide-out{ 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes zoom-in{ 0% { opacity: 0; -webkit-transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @keyframes zoom-in{ 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out{ 0% { opacity: 1; -webkit-transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); } } @keyframes zoom-out{ 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); } } @-webkit-keyframes cd-rotate-3-in{ 0% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); } } @keyframes cd-rotate-3-in{ 0% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes cd-rotate-3-out{ 0% { -webkit-transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); } } @keyframes cd-rotate-3-out{ 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } } @-webkit-keyframes scale-up{ 0% { -webkit-transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes scale-up{ 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scale-down{ 0% { -webkit-transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); opacity: 0; } } @keyframes scale-down{ 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } } @-webkit-keyframes push-in{ 0% { opacity: 0; -webkit-transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes push-in{ 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out{ 0% { opacity: 1; -webkit-transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } @keyframes push-out{ 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } #section-about-profile .cavani_tm_all_wrap, #section-about-profile .cavani_tm_mainpart, #section-about-profile .cavani_tm_mainpart .main_content, #section-about-profile .cavani_tm_section, #section-about-profile .cavani_tm_section .section_inner { position: static; top: auto; right: auto; bottom: auto; left: auto; width: 100%; height: auto; min-height: 0; float: none; overflow: visible; opacity: 1; visibility: visible; transform: none; } #section-about-profile .cavani_tm_section { margin-bottom: 20px; } #section-about-profile .cavani_tm_section .section_inner { padding: 0; } /* Decorative bar / header only make sense in the pinned layout. */ #section-about-profile .cavani_tm_section .section_inner:before, #section-about-profile .cavani_tm_header { display: none; } /* That padding-left (100px, 50px under 1600px) offset the text column from the author photo pinned to the left of the viewport. There is no pinned photo here, so it just pushed the About content out of line with every other section on the page. */ #section-about-profile .cavani_tm_home .content { padding-left: 0; } @media (max-width: 1600px) { #section-about-profile .cavani_tm_home .content { padding-left: 0; } } /* Spacing. The legacy theme paced these blocks for a full-viewport pinned panel — 87px between blocks and 55px between a heading and its content, which reads as dead space in a normal page flow. */ #section-about-profile .cavani_tm_about .biography, #section-about-profile .cavani_tm_about .services { margin-bottom: 30px; } #section-about-profile .cavani_tm_about .biography .wrapper, #section-about-profile .cavani_tm_about .services .list { margin-top: 18px; } /* Links in the About content had no colour of their own here, so they fell back to the browser's default blue. Scoped to .cavani_tm_about rather than every in the pane so the "Get in Touch" button (.cavani_tm_button a) keeps its own treatment. */ #section-about-profile .cavani_tm_about a { color: var(--site_color_g); text-decoration: none; transition: color .2s ease-in-out, opacity .2s ease-in-out; } #section-about-profile .cavani_tm_about a:hover, #section-about-profile .cavani_tm_about a:focus { color: var(--site_color_g); opacity: .75; text-decoration: underline; } /* Section headings ("ABOUT …", "MEDIA OUTLET", "REVIEWS"). The legacy theme asks for "Poppins", which this page never loads, so they fell back to a serif at the inherited body size — small, and nothing like the rest of the page. Matched to the theme's own .jo-section-title instead, keeping the uppercase treatment and the trailing rule the design is built around. */ #section-about-profile .cavani_tm_title span { font-family: inherit; font-size: clamp(22px, 1.6vw, 30px); font-weight: 700; line-height: 1.35; letter-spacing: .04em; color: var(--site_font_color_g, #202020); } /* The whole pane inherits the page font — the legacy theme names families ("Poppins", "Playfair Display") that are not loaded here, so anything left on them rendered as a fallback serif. Icon fonts are exempt: they carry their glyphs in the font itself. */ #section-about-profile .cavani_tm_all_wrap, #section-about-profile .cavani_tm_all_wrap *:not([class*="fa-"]):not(.fa):not(.fas):not(.fab):not(.feather):not([class*="flaticon"]) { font-family: inherit; }