@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(0px);transform:translateY(0px)}59%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(0px);transform:translateY(0px)}59%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:sans-serif;background:url(./img/bg-body.jpg)}p,ul,li,ol{padding:0px;margin:0px;font-family:"Roboto",sans-serif}h1 h2,h3,h4,h5,h6{font-family:"Oswald",sans-serif !important}.container{margin:0 auto;min-width:320px;max-width:520px;margin-top:30px}.content{background-color:#fff}.bg-color-left{background:#f7f7f7}.bg-color-right{background:#1c1b1f}.bg-color-1{background:#e4e4e4}.button{color:#fff;background-color:#cf455c;padding:8px;border:none;border-radius:3px;cursor:pointer;font-size:13px}.disabled{cursor:not-allowed;background-color:#e4e4e4}.footer{margin:20px 10px;font-family:"Roboto Condensed",sans-serif;font-size:18px;color:#777}header{position:relative;overflow:visible}button:focus{outline:0px dotted;outline:0px auto -webkit-focus-ring-color}.hide{display:none}@media(min-width: 860px){.container{max-width:860px}}.header{position:relative;overflow:visible;width:100%;height:70px}.logo{float:left;overflow:hidden;margin-left:10px;display:none;z-index:-10}.logo__title{z-index:-20;margin-bottom:3px;font-size:1.7rem;font-weight:900;color:#555}.logo__subtitle{color:#666;line-height:20px;font-family:"Oswald",sans-serif;font-size:20px;margin-left:7px}.socials-text{position:absolute;right:0;color:#fff;padding:2px 9px;font-size:22px;cursor:pointer;top:10px;border-radius:70px;z-index:50}.social-icons{visibility:hidden;opacity:0;top:11px;position:absolute;-webkit-transition:visibility 0s,opacity 1s ease,right ease 1s;transition:visibility 0s,opacity 1s ease,right ease 1s;z-index:40;right:5px}.social-icons.main{visibility:visible;opacity:1;top:11px;right:55px}.social-icons li{display:inline-block;text-align:center;width:32px;height:32px;margin:3px;background-color:#cf455c;cursor:pointer}.social-icons li a{padding:8px 5px;font-size:18px;display:block;color:#fff}.pulse-button{position:relative;width:35px;height:35px;line-height:15px;border:none;box-shadow:0 0 0 0 #656464;background-color:#cf455c !important;color:#fff !important;cursor:pointer;font-size:20px}@media only screen and (min-width: 480px){.logo__title{font-size:2rem}}.color-box{position:absolute;top:36px;right:60px;-webkit-transition:all ease 1s;transition:all ease 1s;z-index:99}.color-box .btn-style{opacity:0}.color-box.main{margin-left:-44px}.color-box.main .btn-style{opacity:1}.bg-warning{background-color:#cf455c !important}button.setting-icon{height:30px;width:30px;position:relative;top:2px;background:#cf455c;color:#fff;border:2px solid #fff}button#yellow-color{background:#edde45;border:2px solid #fff}button#red-color{background:#cf455c;border:2px solid #fff}button#blue-color{background:blue;border:2px solid #fff}button#green-color{background:green;border:2px solid #fff}.btn-style{border:0;width:30px;height:30px}#yellow .name-section h2 span{color:#edde45}#yellow .bg-warning{background-color:#edde45 !important}#yellow .sn{border:5px solid #edde45}#yellow .address-box i.fa{color:#edde45}#yellow .qr-box{background:#edde45}#yellow .ex-box h2,#yellow .experience-section h2{background:#edde45;color:#383838}#yellow .skills:after,#yellow .skills:before{background:#edde45}#yellow .text-color{color:#edde45}#yellow .name-section h2 span{color:#edde45}#yellow .name-section.bg-color-1 h5{color:#fff;background-color:#edde45}#red .name-section h2 span{color:#cf455c}#red .bg-warning{background-color:#cf455c !important}#red .sn{border:5px solid #cf455c}#red .address-box i.fa{color:#cf455c}#red .qr-box{background:#cf455c}#red .ex-box h2{background:#cf455c;color:#fdf9f9}#red .experience-section h2{background:#cf455c;color:#f9f9f9}#red .text-color{color:#cf455c}#red .name-section h2 span{color:#cf455c}#red .name-section.bg-color-1 h5{color:#fff;background-color:#cf455c}#blue .name-section h2 span{color:#cf455c}#blue .bg-warning{background-color:blue !important}#blue .sn{border:5px solid blue}#blue .address-box i.fa{color:blue}#blue .qr-box{background:blue}#blue .ex-box h2,#blue .experience-section h2{background:blue;color:#fff}#blue .text-color{color:blue}#blue .name-section h2 span{color:blue}#blue .name-section.bg-color-1 h5{color:#fff;background-color:blue}#green .name-section h2 span{color:green}#green .bg-warning{background-color:green !important}#green .sn{border:5px solid green}#green .address-box i.fa{color:green}#green .qr-box{background:green}#green .ex-box h2,#green .experience-section h2{background:green;color:#fff}#green .text-color,#green.name-section h2 span{color:green}#green .name-section.bg-color-1 h5{color:#fff;background-color:green}@media only screen and (min-width: 1024px){.color-box{width:31px;left:0;margin-left:-55px}}.menu{position:absolute;height:100%;bottom:0;left:0;height:100px;background-color:#ededed;position:relative}.tab{display:-webkit-box;display:flex;height:117px;position:absolute;margin-top:-14px;z-index:100}.tab__ancle{padding-top:28px;width:88px;display:inline-block;background-repeat:no-repeat;font-size:15px;color:#b9b9b9;text-align:center;font-weight:580;text-transform:uppercase;font-family:"Roboto Condensed",sans-serif;line-height:35px;text-decoration:none;margin-right:35px}.tab__ancle.active{background:url(./img/tab-hover.png) no-repeat;color:#cf455c}.tab__ancle.active i{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.tab__icon{font-size:45px;display:block !important;margin-bottom:5px}@media only screen and (min-width: 860px){.menu{height:100px;background-color:#ededed;position:relative}.tab__ancle{width:115px}}.profile{display:grid;grid-template-columns:100%;grid-template-rows:repeat(3, auto);grid-template-areas:"photo" "about" "info";padding:0 1rem;background-color:#cf455c;background-image:url(./img/header-shadow.png);background-position:center bottom;background-repeat:repeat-x;overflow:hidden}.photo-inner{grid-area:photo;position:relative;width:auto;margin:20px auto;padding:12px 0 0 19px;padding:0 auto}.photo-inner::before{content:"";display:block;position:absolute;z-index:10;top:0;left:0;width:192px;height:212px;background:url(./img/photo-inner.png) no-repeat center center}.about{grid-area:about;margin:5px 0}.about__title{margin:0 0 8px;font-size:1.6rem;font-weight:900;font-family:sans-serif;color:#fff;text-align:center;line-height:34px;text-transform:uppercase}.about__subtitle{margin-top:8px;margin-bottom:15px;font-size:1.5rem;text-align:center;color:#fff;line-height:18px;font-family:"Oswald",sans-serif}.about__text{font-size:14px;margin-top:18px;color:#fff;font-weight:400;line-height:24px;font-family:"Roboto Condensed",sans-serif}.personal-info{grid-area:info;position:relative;margin-top:20px;min-height:230px}.personal-info::before{content:"";position:absolute;z-index:10;top:-18px;left:-14px;width:10px;height:226px;background:url(./img/personal-info-sep.png) no-repeat left top}.personal-info__item{margin-bottom:14px;line-height:12px;font-size:14px;overflow:hidden}.personal-info__label{color:#fff;display:inline-block;min-width:72px;padding:4px 7px;font-weight:550;border-radius:3px;text-transform:uppercase;font-family:sans-serif}.personal-info__text{width:200px;padding-top:4px;font-weight:400;color:#fff;font-size:12px;font-family:"Roboto Condensed",sans-serif;text-transform:uppercase;line-height:6px}@media only screen and (min-width: 860px){.profile{grid-template-columns:repeat(3, auto);grid-template-rows:100%;grid-template-areas:"photo about info";grid-gap:40px;padding:30px 20px}.about__text{margin-top:35px}}.resume{display:grid;grid-template-columns:100%;grid-template-rows:repeat(2, auto);grid-template-areas:"left" "right";box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.left{grid-area:left;background-color:#fff}.right{grid-area:right;background:#000}.name-section{grid-area:name;padding:40px 27px 21px;background-color:#e4e4e4}.name-section__title{text-transform:uppercase;font-size:54px;font-weight:700;color:#383838;font-weight:800;font-family:"Oswald",sans-serif}.name-section__title span{color:#cf455c;float:left;width:100%;margin-top:-3px}.name-section__profesion{display:inline-block;padding:7px 16px;margin:10px 0px 20px;border-radius:20px;font-family:"Oswald",sans-serif;color:#fff;background-color:#cf455c}.name-section__text{font-family:"Roboto Condensed",sans-serif;font-weight:400;line-height:20px;color:#383838}.address-section{padding:27px;background-color:#ededed}.address-section__item{margin-bottom:20px;font-weight:600;font-size:14px;line-height:20px;color:#383838}.address-section__item span{display:inline-block;width:84px;text-transform:uppercase}.text-color{color:#cf455c}.experience-section{padding-bottom:27px;background-color:#fff}.experience-section__title{padding:6px 27px;font-weight:600;font-size:25px;letter-spacing:5px;text-transform:uppercase;background:#cf455c;color:#fff}.ex-box{padding:27px 27px 0px 27px}.ex-box__date{background:#cf455c;color:#fff;font-size:17px;line-height:17px;display:inline-block;padding:5px 21px;font-weight:600 !important;border-radius:50px;letter-spacing:1px}.ex-box__company{font-size:17px;font-weight:700;padding:10px 0px 5px;color:#383838}.ex-box__text{font-size:13px;font-weight:600;color:#545454}.top-skills{display:-webkit-box;display:flex;justify-content:space-around}.skill-name{padding:30px 0}.skill-name__icon{color:#fff;font-size:35px;width:56px;height:50px;border:5px solid #cf455c;border-radius:50%;text-align:center;padding-top:8px;line-height:40px !important}.skill-name ul{text-align:center;margin:2px 0}.skill-name ul li{list-style:none;display:inline-block;width:7px;height:7px;margin:2px;background:#fff;border-radius:50%}.skills{padding:0px 36px 20px}.skills:after{bottom:0px}.skills:before{top:0px}.skills__title{color:#fff;font-size:17px;text-transform:uppercase;letter-spacing:2px;font-weight:600;padding-bottom:3px;margin-left:-10px}.skills__group{margin-top:30px}.heading-skills__title{color:#fff;font-size:21px;text-transform:uppercase;letter-spacing:2px;font-weight:600;padding-bottom:5px;margin-left:-10px}.skill{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;margin:10px}.skill__title{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:2px;line-height:22px;margin-left:-22px}.skill__star{display:inline-block;color:#edde45;font-size:12px;margin-left:10px}.interests{padding:0px 36px 20px}.interests__title{color:#fff;font-size:21px;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:20px;margin-left:-10px}.interests__content{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;justify-content:space-around}.interest-box{margin:15px 8px;text-align:center}.interest-box__title{margin:8px 0;font-size:14px;letter-spacing:2px;font-weight:normal;text-transform:uppercase;color:#fff;font-family:"Oswald",sans-serif}.interest-box__icon{font-size:36px;color:#fff;text-align:center}.education{padding-bottom:30px;margin-left:34px}.education__title{color:#fff;font-size:21px;text-transform:uppercase;letter-spacing:2px;font-weight:600;padding-bottom:5px;margin-left:-10px}.education-box{padding:20px 27px 0px 0px}.education-box__date{background:#cf455c;color:#fff;font-size:17px;line-height:17px;display:inline-block;padding:5px 21px;font-weight:600 !important;border-radius:50px;letter-spacing:1px}.education-box__title{font-size:17px;font-weight:700;padding:15px 0px 10px;color:#fff;letter-spacing:2px;font-weight:400;text-transform:uppercase}.education-box__text{font-size:13px;font-weight:600;color:#fff;font-weight:400;line-height:20px}.address-qr{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:35px 35px 20px 35px}.qr-box{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding-bottom:20px}.qr-box__image{background:#cf455c;width:130px;min-width:100px}.qr-box__link{margin-top:15px;color:#fff;cursor:pointer}.address-box{padding:20px 30px 20px 0}.address-box__item{list-style:none;display:-webkit-box;display:flex;list-style:none;display:flex;color:#908e8e;margin-bottom:21px;font-size:13px;font-weight:600}.address-box__text{line-height:18px}.address-box i.fa{margin-right:15px;color:#cf455c;font-size:20px}@media only screen and (min-width: 480px){.address-box{padding-left:20px}.address-qr{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.skill__title{font-size:14px}.skill__star{font-size:18px}}@media only screen and (min-width: 860px){.resume{grid-template-columns:45% 55%;grid-template-rows:auto;grid-template-areas:"left right"}.qr-box__image{margin-left:15px}}.portfolio{padding:31px}.portfolio-filter{border-bottom:1px solid #ededed;overflow:hidden;padding:15px 0 0}.portfolio-filter__item{display:inline-block;margin-bottom:28px}.portfolio-filter__link{margin-right:7px;color:#fff;background-color:#777;padding:10px 10px;font-size:13px;font-family:"Roboto Condensed",sans-serif;text-transform:uppercase;text-decoration:none;border-radius:50px}.portfolio-filter__link:hover{text-decoration:none}.portfolio-filter__link.current{background-color:#cf455c}.extra-text{font-family:"Roboto Condensed",sans-serif;text-transform:uppercase;margin:20px 30px;line-height:20px;color:#333 !important}.portfolio-list{display:grid;grid-template-columns:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;overflow:hidden;margin-left:15px}.portfolio-list__item{text-align:center;background-color:#fbfbfb;border-bottom:1px solid #e5e5e5;height:185px;margin-bottom:30px}.portfolio-list__item:hover{border-bottom:1px solid #cf455c;height:185px}.portfolio-list__item:hover .title{color:#cf455c}.portfolio-list__image{background-color:#fff;height:120px;width:185px}.portfolio-list__title{font-size:14px;margin-top:15px;font-weight:400;color:#3a3a3a;text-transform:uppercase;font-family:"Roboto Condensed",sans-serif}.portfolio-list__categorie{font-size:11px;line-height:25px;color:#999}@media only screen and (min-width: 480px){.portfolio-list{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 860px){.portfolio-list{grid-template-columns:repeat(3, 1fr)}}.contact{overflow:hidden;font-family:"Roboto Condensed",sans-serif}.contact-info,.contact-form{float:left;padding:0 20px}.contact-info{width:250px;font-family:"Roboto Condensed",sans-serif}.contact-form{margin:30px 0}.contact-info ul{float:left;border-left:1px solid #cf455c;padding-left:18px}.contact-info ul li{font-size:13px;line-height:20px;color:#777;overflow:hidden;font-family:"Roboto Condensed",sans-serif}.main-heading{margin-bottom:35px}#map{height:300px;margin-bottom:25px;width:100%;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5}#map iframe{width:100%}form .input{box-shadow:inset 0 5px 17px -13px #333;background-color:#fdfdfd;border:1px solid #ced4da;border-radius:2px;color:#777;font-size:12px;height:30px;outline:none;padding:7px 10px;resize:none;width:97%}form textarea{box-shadow:inset 0 5px 17px -13px #333;background-color:#fdfdfd;border:1px solid #ced4da;border-radius:2px;color:#777;font-size:12px;height:30px;outline:none;padding:7px 10px;resize:none;width:97%;height:112px;line-height:18px;margin-bottom:0;padding-top:8px}form label{display:block;color:#999;margin-bottom:8px;font-size:13px}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:0 .375rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group{position:relative;margin-bottom:1.5rem}.form-control-placeholder{position:absolute;top:0;padding:13px 0 0 13px;-webkit-transition:all 200ms;transition:all 200ms;opacity:.5;font-size:13px;color:#333232;margin-bottom:8px;font-size:13px;font-weight:600}.form-control:focus+.form-control-placeholder,.form-control:valid+.form-control-placeholder{padding:5px;font-size:75%;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);opacity:1}.form-control:focus{border-color:#cf455c;box-shadow:0 0 0 0rem rgba(0,123,255,.25)}@media only screen and (min-width: 860px){.contact-form{width:530px}}