.contact-form .form-group p,body{font-family:Roboto,sans-serif}*{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;font-weight:350;line-height:1.2}p{font-size:1.5rem;line-height:1.5;font-weight:350}a,a:focus,a:hover{-webkit-transition-duration:.5s;outline:0;font-size:.9rem;font-weight:400;text-decoration:none}a{transition-duration:.5s;color:#2f2f2f}a:focus,a:hover{transition-duration:.5s}.bg-img{background-position:center center;background-size:cover;background-repeat:no-repeat}.header-area{position:fixed;z-index:995;top:0;left:0;width:100%;height:auto;-webkit-transition-duration:.5s;transition-duration:.5s;background-color:transparent;padding:.5rem;margin-right:auto;margin-left:auto;-ms-flex-pack:justify!important;justify-content:space-between!important;display:-ms-flexbox!important;display:flex!important}.header-area.sticky,.intro-container{background-color:#232323}.logo-area{padding-left:1rem;align-items:center}.logo-area a{color:#fff;font-size:1.9rem;font-weight:100}.header-social-area{margin:0 1.6rem 0 0;display:-ms-flexbox!important;display:flex!important;align-items:center}.header-social-area a{font-size:18px;padding:0 10px;color:#fff}.shadow-left{-webkit-box-shadow:-9px 9px 52px -10px #474747;-moz-box-shadow:-9px 9px 52px -10px #474747;box-shadow:-9px 9px 52px -10px #474747}.shadow-right{-webkit-box-shadow:9px 9px 52px -10px #474747;-moz-box-shadow:9px 9px 52px -10px #474747;box-shadow:9px 9px 52px -10px #474747}.shadow-bottom{-webkit-box-shadow:0 3px 12px 0 #474747;-moz-box-shadow:0 3px 12px 0 #474747;box-shadow:0 3px 12px 0 #474747}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.intro-container{display:grid;grid-template-columns:repeat(20,minmax(5%,1fr));color:#fff!important}.intro-img{grid-column:1/span 10;grid-row:1;height:1100px}.intro-content{grid-column:11/span 10;grid-row:1;color:#fff!important;display:flex;flex-direction:column;justify-content:center;padding-left:8rem}.intro-content h2{font-size:3rem;margin-bottom:25px}.intro-content p{margin-bottom:30px;max-width:80%}@media only screen and (max-width:1300px){.intro-content{padding-left:5rem}}.about-container,.skills-container{display:grid;grid-template-columns:repeat(20,minmax(5%,1fr));grid-template-rows:repeat(10,minmax(10%,1fr))}.about-content{grid-column:2/span 11;grid-row:2/span 8;z-index:2;background:#fff;padding:100px}.about-content p,.rec-content p,.skills-content p{color:#565656;margin-bottom:1rem}.about-content-heading,.skills-content-heading{text-align:left}.about-content-heading h2{font-size:3rem;margin-bottom:3rem;font-weight:100;line-height:1.5;color:#2f2f2f}.about-white-bg,.skills-img{grid-column:1/span 10;grid-row:1/span 10;z-index:1}.about-img,.skills-white-bg{grid-column:11/span 10;grid-row:1/span 10;z-index:1}.skills-content{grid-column:9/span 11;grid-row:2/span 8;z-index:2;background:#fff;padding:100px}.skills-content b,strong{font-weight:500}.skills-content-heading h2,.timeline-title h2{font-size:3rem;margin-bottom:0;font-weight:100;line-height:1.5;color:#2f2f2f}.timeline{overflow-x:hidden;padding-top:50px}.timeline-title{display:-ms-flexbox;display:flex;width:100%;justify-content:center;margin:1rem 0 4rem}.timeline-content{display:grid;grid-template-rows:repeat(6,7rem)}.timeline-item{display:grid;grid-template-columns:1fr 3rem 1fr}.timeline-item-text{padding:.1rem .5rem 1rem}.timeline-item-text h3{color:#565656;font-size:1.1rem;line-height:1.25;font-weight:500}.timeline-item-text a,.timeline-item-text h4{text-decoration:none;color:#2f2f2f;font-size:1.5rem;line-height:1.6;font-weight:350}.timeline-item-text h5,.timeline-item-text h6{color:#2f2f2f;font-size:1.1rem;line-height:1.25;font-weight:350}.timeline-item-graphics{display:flex;align-items:center;flex-direction:column}.timeline-graphic-sphere{width:25px;height:25px;background-color:#3a3b3b;border-radius:50%}.timeline-graphic-line{width:5px;height:80%;background-color:#3a3b3b}.timeline-current-sphere{background-color:#47ce64}.timeline-current-line{background:linear-gradient(0deg,#020024 0,#3a3b3b 9%,#3b473e 21%,#45b45d 37%,#47ce64 100%)}.timeline-item:first-child{grid-row:1}.timeline-item:nth-child(2){grid-row:2}.timeline-item:nth-child(3){grid-row:3}.timeline-item:nth-child(4){grid-row:4}.timeline-item:nth-child(5){grid-row:5}.timeline-item:nth-child(6){grid-row:6}@media only screen and (min-width:767px){.timeline-item:nth-child(odd) .timeline-item-text{grid-column:1/span 1;grid-row:1;text-align:right}.timeline-item:nth-child(2n) .timeline-item-graphics,.timeline-item:nth-child(odd) .timeline-item-graphics{grid-column:2/span 1;grid-row:1}.timeline-item:nth-child(2n) .timeline-item-text{grid-column:3/span 1;grid-row:1;text-align:left}}.my-btn,.swiper .swiper-slide .comments{background-color:#fff;position:relative}.contact-container{margin-top:6rem;max-width:1600px;margin-left:auto;margin-right:auto}.contact-title{width:100%;color:#2f2f2f;text-align:center}.contact-title h2{font-size:3.3rem;font-weight:100}.contact-title p{font-size:2rem;font-weight:350;margin-bottom:5rem}.contact-form form{display:grid;grid-template-columns:repeat(10,minmax(10%,1fr));grid-template-rows:4rem 2fr 5rem}.cf-name-field{grid-column:3/span 2;grid-row:1}.cf-email-field{grid-column:5/span 2;grid-row:1}.cf-subject-field{grid-column:7/span 2;grid-row:1}.cf-message-field{grid-column:3/span 6;grid-row:2;margin-top:1rem}.cf-btn-container{grid-column:3/span 6;grid-row:3;justify-content:center;display:grid}@media only screen and (max-width:992px){.intro-container{grid-template-columns:1fr;grid-auto-rows:1fr 1fr}.intro-img{grid-column:1/1;grid-row:1;height:400px}.intro-content{grid-column:1/1;grid-row:2;padding-left:1.5rem}.intro-content p{margin-bottom:30px;max-width:90%}.about-content-heading h2{font-size:2.6rem;margin-bottom:1.5rem}.about-container,.skills-container{display:grid;grid-template-columns:1fr;grid-template-rows:400px 1fr}.about-white-bg,.skills-white-bg{display:none}.about-img,.skills-img{grid-column:1/span 1;grid-row:1/span 1;z-index:1}.about-content,.skills-content{grid-column:1/span 1;grid-row:2/span 1;z-index:2;background:#fff;padding:1.5rem}.skills-content-heading h2{font-size:2.6rem}.contact-container{margin-top:4rem}.contact-form form{display:grid;grid-template-columns:1fr;grid-template-rows:4rem 4rem 4rem 2fr 5rem;margin:0 6rem}.cf-name-field{grid-column:1;grid-row:1}.cf-email-field{grid-column:1;grid-row:2}.cf-subject-field{grid-column:1;grid-row:3}.cf-message-field{grid-column:1;grid-row:4}.cf-btn-container{grid-column:1;grid-row:5;justify-content:center;display:grid}.contact-title p{margin-bottom:2.5rem}}.contact-form .form-group{margin-bottom:1.8rem;padding:0 .5rem}.contact-form .form-group p{text-align:center;font-size:1rem;font-weight:350;color:#dc143c;padding-top:5px}.contact-form .form-control{width:100%;height:2.5rem;padding:0;border:silver;border-bottom:1px solid;border-radius:0;font-size:1rem;font-style:italic;color:#2f2f2f;background-color:transparent}.contact-form .form-control:focus,.contact-form .form-control:hover{box-shadow:none}.contact-form textarea{margin-bottom:0;min-height:200px;max-height:800px;max-width:1040px}.contact-form textarea.form-control{height:220px;padding:.5rem 0 0}.my-btn{z-index:1;min-width:180px;height:66px;border:1px solid #2f2f2f;text-transform:uppercase;color:#2f2f2f;font-size:.8rem;letter-spacing:1px;border-radius:0;line-height:64px;padding:0}.footer-area .copywrite-text a:focus,.footer-area .copywrite-text a:hover,.my-btn:focus,.my-btn:hover{font-size:1rem}.swiper{width:100%;height:450px}.swiper .swiper-slide{position:relative}.swiper .swiper-slide .flex{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.swiper .swiper-slide .comments{padding:1.5em 2em;width:60%;border-radius:5px;font-size:.9em;font-style:italic;user-select:none}.swiper .profile{display:flex;flex-direction:column;align-items:center;margin-top:1.5em}.swiper .profile>a{text-decoration:none;color:#2f2f2f}.swiper .profile>span{color:#565656;font-size:.8em}.swiper .swiper-button-next,.swiper .swiper-button-prev{color:#565656}.swiper .swiper-button-next:hover,.swiper .swiper-button-prev:hover{opacity:.7}@media only screen and (max-width:767px){.logo-area{padding-left:0}.contact-title p,.logo-area a{font-size:1.8rem}.timeline,.timeline-title h2{background-color:#2d2c2c;color:#fff}.timeline,.timeline-item-text a,.timeline-item-text h3,.timeline-item-text h4,.timeline-item-text h5,.timeline-item-text h6{color:#fff}.timeline{padding:2rem 0 4rem}.timeline-content{grid-template-rows:repeat(6,8.5rem)}.contact-title h2,.timeline-title h2{font-size:2.6rem}.timeline-title{margin:0 0 1rem}.timeline-item{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center}.timeline-item .timeline-item-text{text-align:center}.timeline-item-graphics{display:none}.contact-form form{margin:.5rem}.swiper{width:100%;height:100%}.swiper .swiper-slide .flex{min-height:600px}}.rec-container{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;margin:5rem 0;user-select:none}.rec-content{width:50%;background:#fff;padding:100px;-webkit-box-shadow:-9px 9px 52px -10px #474747;-moz-box-shadow:-9px 9px 52px -10px #474747;box-shadow:-9px 9px 52px -10px #474747}.rec-content-heading{text-align:center}.rec-content-heading h2{font-size:3rem;margin-bottom:.5rem;font-weight:100;line-height:1.5;color:#2f2f2f}@media only screen and (max-width:992px){.rec-content{width:100%;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.rec-container{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;margin:1rem}.rec-content-heading h2{font-size:2rem;margin-bottom:1.5rem}}.footer-area{position:relative;z-index:1;overflow:hidden}.footer-area .copywrite-text{padding:1.9rem;text-align:center}.footer-area .copywrite-text p{font-weight:300;margin-bottom:0;font-size:1rem}