@font-face{font-family:'Open Sans', sans-serif;font-display:swap;}
*{box-sizing:border-box;padding:0;margin:0}
html{ -webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s; -ms-overflow-style:-ms-autohiding-scrollbar;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;}

body{overflow: hidden; background: white; font-family:'Open Sans',sans-serif;margin:0;background-repeat:no-repeat;background-position:center top;-webkit-text-size-adjust:none;-webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s
}
html.loaded body{ background-color: .2s;-moz-transition:background-color: .2s;transition:background-color: .2s }
a,article,h1,h2,h3,h4,p{font-weight: 300; color: #f8f8f8; font-family:'Open Sans',sans-serif;margin-top:0;margin-bottom:0;-webkit-transition:color .6s;-moz-transition:color .6s;transition:color .6s}
h1,h2,h3,h4{font-weight: 500;}
strong, b{font-weight: 500;}
h1{font-size:32px;font-weight:500;letter-spacing:1.3px;text-align:center}
h2{font-size:28px;font-weight:500;letter-spacing:1px}article{font-size:16px;color:#9c9c9c;text-align:center}p{font-size:12px}a{font-size:12px;color:#b2b2b2}a{text-decoration:none;text-decoration-line:none}a[href^=tel]{color:inherit;text-decoration:none;text-decoration-line:none}div::selection,img::selection{background:0 0;background-color:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}a,div,img{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;background:0 0;background-color:none;color:none}::selection,body::selection{background:0 0;color:none;background-color:none}.projects{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}article::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,p::selection{background:#3a3a3a;background-color:#3a3a3a;color:#f8f8f8}h1,h2{color:#3a3a3a}img{font-size:12px;color:#3a3a3a;letter-spacing:.3px}.dark img{color:#f8f8f8}.dark article::selection,.dark h1::selection,.dark h2::selection,.dark h3::selection,.dark h4::selection,.dark h5::selection,.dark p::selection{background:#f8f8f8;background-color:#f8f8f8;color:#1c1c1c}
div.cvContent div.skillp strong.article{height: auto; opacity: 1; position: relative; z-index: 1; background: none; transform: none; left: 0; right: 0; top: 0; bottom: 0; width: auto; 
-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding: none; cursor: auto;
color: #3A3A3A;  font-size: 15px;  }
.dark div.cvContent div.skillp strong.article{ color: #B2B2B2 }
/*div.cvContent div#skillsContent p { display: inline-block;  }*/
.bodyLoader{  text-align: center; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: #1C1C1C; z-index: 10000; -webkit-transition:0.8s;-moz-transition:0.8s;transition:0.8s; }
.bodyLoader img{ height: 30px; margin-top: calc(50vh - 15px); x-transition: all 0.3s ease-in-out;animation: ani 0.7s infinite;}
.smallDevice{display: none;}
.message{padding: 15px; margin-top: 15px; text-align: left; background: rgba(255, 0, 0, 0.1);border-radius: 15px;border-color: red;border-width: 1px; margin-right: 15px;margin-left: 15px;}
.message p{font-size: 9px;}
html.loaded .bodyLoader{  bottom: 150vh; }
html.loaded .bodyLoader img{ display: none; }
.popapBackround{ opacity: 0; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: #1C1C1C; z-index: -5; -webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;transition: opacity 0.2s;}

.body--hidden .popapBackround{opacity: 0.2; z-index: 5;}
.dark .popapBackround { background: black; opacity: 0.6; }
div.cvContent div.skillp strong.article:hover{padding: none; color: black;}
.dark div.cvContent div.skillp strong.article:hover{padding: none; color: white;}

div.cvContent div.skillp{cursor: auto;}
div.cvContent .skillp:hover strong.article, div.cvContent .skillp:active strong.article{ padding: none; }
div.cvContent .skillp strong.article:after{display: none;}
small.cvLine{ display: none; }
p small{ opacity: 0.5; }
div.cvContent small.cvLine{ display: inline-flex;  margin-right: -10px; margin-left: 5px; margin-top: -2px; }
/*-webkit-box-shadow:0px 0px 2px 0px rgba(28,28,28,0.04);-moz-box-shadow:0px 0px 2px 0px rgba(28,28,28,0.04);box-shadow:0px 0px 2px 0px rgba(28,28,28,0.04);*/
/*-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;*/
.helperrrr{position: fixed; z-index: -1; left: 0; bottom: -400px; right: 0; height: 400px; background: #3A3A3A;}
.dark .helperrrr{ background: #1C1C1C; }
.article a{ color: #3a3a3a; }
.hidedsocials-openclose p::selection, .more::selection, .downloadcont a::selection, .popupclose p::selection, .hidedsocialsclose p::selection, .resume p::selection{background:none;color:none;background-color:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}header{position:relative;top:0;z-index:10;}
.resume{position:absolute;top:15px;right:15px;color:#3A3A3A;border:2px solid #3A3A3A;background:none;font-size:14px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:8px; padding-top: 6px; padding-bottom: 6px; width:150px;text-align:center;cursor:pointer;z-index:3;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.resume.secondcv{right: 15px;}
.resume p{font-size:14px;font-family:'Open Sans', sans-serif;letter-spacing:1.2px;-webkit-transition:background 0.6s;-moz-transition:background 0.6s;transition:background 0.6s;}
.resume:hover, .resume:active{background:#323232;color:#F8F8F8;}.resume p::selection{background:none;background-color:none;}.remob{display:none;}.fixed{position:fixed;top:15px;right:15px;}
.hireMeDay{color:#f8f8f8;border:2px solid #f8f8f8;background:clear;font-size:14px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:8px; padding-top: 6px; padding-bottom: 6px; width:150px;text-align:center;cursor:pointer;z-index:3;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}

.hireMeDay p{font-size:14px;color: #f8f8f8; font-family:'Open Sans', sans-serif;letter-spacing:1.2px;-webkit-transition:background 0.6s;-moz-transition:background 0.6s;transition:background 0.6s;}
.sticky .fixed.hireMeDay{background:none;border:2px solid #1C1C1C;color:#3A3A3A;}.dark .fixed.hireMeDay{background:#F8F8F8;border:2px solid #F8F8F8;}.dark .fixed.hireMeDay p{color:#f8f8f8;}
.dark .sticky .fixed.hireMeDay{background:none;color:#f8f8f8;border:2px solid #F8F8F8;}.dark .sticky .fixed.hireMeDay p{color:#F8F8F8;}.hireMeDay:hover{background:#3A3A3A;border:2px solid #3A3A3A;}
.sticky .fixed.hireMeDay:hover{background:#323232;color:#F8F8F8;}.dark .fixed.hireMeDay:hover{background:#323232;}.dark .fixed.hireMeDay:hover p{color:#F8F8F8;}.dark .sticky .fixed.hireMeDay:hover{background:#F8F8F8;border:2px solid #F8F8F8;}.dark .sticky .fixed.hireMeDay:hover p{color:#323232;}
.logo_head{position:fixed;left:15px;top:15px;z-index:5;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}.logo_dark{opacity:1;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;}.logo_light{position:absolute;opacity:0;left:0;z-index:-1;}
.main_social_conteiner, .main_social_conteiner-dark{width:30px;z-index:3;min-height:180px;position:fixed;top:50%; margin-top: -95px; left:15px;-webkit-transition:left 0.6s;-moz-transition:left 0.6s;transition:left 0.6s;}
.phonenumber-conteiner, .behance-conteiner, .facebook-conteiner, .linked-conteiner{position:relative;margin-bottom:10px;-webkit-transition:margin-left 0.3s;-moz-transition:margin-left 0.3s;transition:margin-left 0.3s;}
.phonenumber-conteiner:hover, .behance-conteiner:hover, .facebook-conteiner:hover, .linked-conteiner:hover, .phonenumber-conteiner:active, .behance-conteiner:active, .facebook-conteiner:active, .linked-conteiner:active{margin-left:5px;}
.phonenumber-conteiner p, .behance-conteiner p, .facebook-conteiner p, .linked-conteiner p{position:absolute;right:0;opacity:0;min-width:200px;width:auto;padding-left:55px;height:60px;padding-top:7px; top: 0;font-size:14px;letter-spacing:0.9px;color:#3A3A3A;-webkit-transition:padding-left 0.3s;-moz-transition:padding-left 0.3s;transition:padding-left 0.3s;}
/*.phonenumber-conteiner p:hover, .behance-conteiner p:hover, .facebook-conteiner p:hover, .linked-conteiner p:hover, .phonenumber-conteiner p:active, .behance-conteiner p:active, .facebook-conteiner p:active, .linked-conteiner p:active{padding-left:60px;left:-20px;opacity:1;}*/
.linked-conteiner:hover p, .phonenumber-conteiner:hover p, .behance-conteiner:hover p, .facebook-conteiner:hover p{padding-left:60px;left:-20px;opacity:1;}
.aboutMe{margin-top: -10px;}
.main_social_conteiner-dark{display:none;}.main_social_conteiner{display:block;}.dark-so{display:block;}.day-so{display:none;}.hidedsocials{z-index:10;display:none;position:fixed;height:100%;left:-230px;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;transition:left 0.3s;}
.hidedsocialsbackground-helper::-webkit-scrollbar{display:none;}.hidedsocialsbackground-helper{-webkit-overflow-scrolling:touch;}.hidedsocialsbackground{background:#3A3A3A;width:230px;padding-left:30px;padding-right:30px;padding-top:50px;padding-bottom:50px;border-top-right-radius:6px;border-bottom-right-radius:6px;}
.hidedsocialsbackground-helper{position:absolute;top:50%;transform:perspective(1px) translateY(-50%);opacity:0;-webkit-transition:opacity 0.9s;-moz-transition:opacity 0.9s;transition:opacity 0.9s;}
.hidedsocialsclose{cursor:pointer;opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;}.hidedsocialsclosehelper{position:relative;width:100%;}.hidedsocialsclose{position:absolute;bottom:6px;right:-19px;}
.hidedsocialsclose p{cursor:pointer;padding-right:0px;opacity:0;position:absolute;right:22px;top:5px;color:#F8F8F8;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.hidedsocialsclose:hover p, .hidedsocialsclose:active p{padding-right:10px;opacity:1;right:22px;}.hidedsocials--click .hidedsocialsbackground-helper, .hidedsocials--click .hidedsocialsclose{opacity:1;}
.hidesocials-content{margin-bottom:30px;opacity:0.9;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s;}.hidesocials-content:hover{opacity:1;}.hidesocials-content, .hidesocials-content a{display:flex;}.hidesocials-content p{color:#F8F8F8;}
.hidedsocials .hidedsocials-openclose{border:2px solid #1C1C1C;margin-left:0px;border-left:none;cursor:pointer;width:30px;height:140px;padding-top:52px;margin-top:40vh;border-top-right-radius:6px;border-bottom-right-radius:6px;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.hidedsocials-openclose p{transform:rotate(90deg);letter-spacing:0.9px;font-size:14px;color:#3A3A3A;}.hidedsocials-openclose:hover{background:white;}.hidesocials-content p{color:#9C9C9C;margin-top:auto;margin-bottom:auto;margin-left:10px;}
.hidesocials-content-number{margin-top:50px;}.hidesocials-content-number p, .dark .hidesocials-content-number p{font-size:14px;color:#F8F8F8;margin-top:5px;letter-spacing:0.6px;}
.main{width:100%;height:calc(var(--vh, 1vh) * 94);position:relative;min-height:500px;}
a.darkOval{ background: #141414; border-radius: 16px; overflow: hidden; }
.latestApps.notLoaded{ opacity: 0.4; right: -100vw; }
.latestApps{ background: #F8F8F8; opacity: 0.95; padding: 10px; padding-bottom: 15px; position: absolute;  right: 30px; bottom: 25%; margin-bottom: -100px; width: 250px; border-radius: 6px; z-index: 2; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
-webkit-box-shadow:0px 0px 2px 0px rgba(28,28,28,0.04);-moz-box-shadow:0px 0px 2px 0px rgba(28,28,28,0.04);box-shadow:0px 0px 2px 0px rgba(28,28,28,0.04);}
.latestApps:hover{opacity: 1;}
.lAppBlock{ display: flex; margin-bottom: 5px; margin-top: 10px; margin-left: 5px; margin-right: 5px; }.latestApps-title{ font-size: 20px; color: #3a3a3a; }.lAppBlock img{ width: 40px; height: 40px; margin-right: 10px; }
.latestApps-appDownload{ padding-left: 5px; border-left: 1px solid #9C9C9C; } .latestApps p{ color: #3a3a3a; }
.latestApps hr{ border: none; background: #9C9C9C; height: 1px; opacity: 0.15; margin-top: 5px; margin-bottom: 5px; }
.latestApps-appName{  margin-bottom: 3px; } p.latestApps-date{  color: #9C9C9C; }
.latestApps a{ cursor: pointer; color: #9C9C9C; } .latestApps-about{ margin-left: 5px; }
.latestApps a:hover{ color: #3a3a3a; }
.dark .latestApps{ background: #1C1C1C}

.footerBackgroundHelper{ background: #3A3A3A; position: fixed; left: 0; right: 0px; bottom: -400px; height: 400px; z-index: -1; }
/*#1C1C1C*/
.dark .footerBackgroundHelper{ background: #1C1C1C; }
.projects.projectsTop, .projects .project-scr{ margin-top: -20px; padding-top: 20px; }
.projectNavigation{margin-bottom: 50px;}
.projects.projectsTop{padding-top: 0;}
.pnScroll{ position: relative; height: 100px; margin-top: -25px; }
.pnScroll .arrow{ top: 0; }
.pnSwitcher{background: #F2F2F2; height: 30px; max-width: 220px; position: relative;  margin-left: auto; margin-right: auto; display: flex; justify-content: center; border-radius: 20px; overflow: hidden; margin-top: 5px; }
.pnSwitch{ text-align: center; width: 50%; cursor: pointer; position: relative; z-index: 1; color: #B2B2B2; padding: 5px;  margin-left: 2px; margin-right: 2px; }
.pnSwitcher p.selected, .pnSwitcher p.selected:hover{ color: white; }
.selectedBackound{  background: #3A3A3A; border-radius: 16px; position: absolute; top: 2px; bottom: 2px; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.ios .selectedBackound{ left: 2px; right: 50%; }
.front .selectedBackound{ left: 50%; right: 2px; }
.dark .pnSwitcher{ background: #1C1C1C; }
.dark .selectedBackound{ background: white }
.dark .pnSwitch{  color: #B2B2B2; opacity: 0.3; }
.dark .pnSwitcher p.selected, .dark .pnSwitcher p.selected:hover{ color: black; opacity: 1; }
.dark .pnSwitcher p:hover{ color: white; }
.pnSwitcher p:hover{ color: #6D6D6D; }
.project-conteiner p.projectDate{ position: absolute; right: 10px; bottom: 12px; color: #B2B2B2; }
.photo-conteiner{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;overflow:hidden;-webkit-transition:left 0.6s;-moz-transition:left 0.6s;transition:left 0.6s;}
.photo-conteiner .img{min-width:100%;position:absolute;bottom:0;margin-bottom:29px;justify-content:center;text-align:center;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.photo-conteiner .img img{max-width:1440px;margin-left:auto;margin-right:auto;}.photo-conteiner .img hr{width:100%;background:black;height:1px;border:none;position:absolute;margin-top:-1px;}
.day{display:block}.night{display:none;}.color-changer-helper{position:absolute;left:280px;margin-top:-50px;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.color-changer{background:#8CC1FF;width:85px;height:35px;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:relative;padding:3px;padding-left:3px;z-index:5;-webkit-transition:0.2s;-moz-transition:0.2s;transition:0.2s;}
.sun-moon{position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:29px;height:29px;background:#FFD083;-webkit-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.3);box-shadow:1px 1px 5px 0px rgba(0,0,0,0.3);-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.moondot_one, .moondot_two, .moondot_three{background:#DDDDDD;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:0;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.moondot_one{width:7px;height:7px;right:6px;top:6px;}.moondot_two{width:4px;height:4px;left:6px;top:13px;}.moondot_three{width:6px;height:6px;bottom:5px;right:7px;}
.sky_one, .sky_two, .sky_three{opacity:1;background:#F5F5F5;width:30px;height:2px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;-webkit-transition:0.2s;-moz-transition:0.2s;transition:0.2s;}
.sky_one{top:8px;left:19px;z-index:2;}.sky_two{top:17px;left:16px;z-index:-1;}.sky_three{z-index:2;bottom:8px;left:22px;}.intro{justify-content:center;text-align:center;position:absolute;padding:30px;padding-top:0;padding-bottom:0;top:40%;transform:perspective(1px) translateY(-50%);width:100%;left:0;right:0;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.websiteLinks{ position: fixed; padding-right: 18px; right: 0px; top: 50%; margin-top: -68px; z-index: 600; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.goLink{ height: 20px; margin-top: 7px; margin-bottom: 7px; position: relative; padding-right: 10px; cursor: pointer; opacity: 0.2; -webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;transition: opacity 0.2s;}
.goLink hr{  position: absolute; border-radius: 2px; right: 0; top: 50%; margin-top: -1px; width: 5px; height: 2px; background: #323232; border: none; -webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;}
.goLink p{  text-align: right; color: #323232; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.goLink:hover{ opacity: 0.7; } .goLink:hover hr{ width: 12px; } .goLink:hover p{ margin-right: 7px; }
.goLink.active{ opacity: 1; } .goLink.active:hover{ opacity: 1; }
.intro p{margin-top:5px;color:#6D6D6D;font-size:14px;}.intro p, .intro h1{-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.myicon{margin-left:auto;margin-right:auto;margin-top:35px;}
html.loaded .myicon{ -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s; }
.about{width:100%;height:calc(var(--vh, 1vh) * 100);position:relative;display:flex;justify-content:center;text-align:center;align-items:center;min-height:600px;margin-top:-20px;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.about-content{max-width:610px;padding:30px; padding-left: 0;}.about-content p{color:#6D6D6D;letter-spacing:0.3px;line-height:1.8;margin-top:15px;font-size:13px;}.about-content h2{line-height:1.2;}
.about-content h2{ letter-spacing: 0.2; }
.myicon img{max-width:120px; border-radius: 50px; -webkit-transition:0.15s;-moz-transition:0.15s;transition:0.15s;
	}
.about-content .dark-p{color: white;}
.skills{max-width:900px;margin-right:auto;margin-left:auto;padding:30px;padding-top:30p1x;padding-bottom:0;}
.dev, .dis{min-width:200px;width:200px;max-width:200px;padding:20px;padding-bottom:15px;background:white;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-align:center;
-webkit-box-shadow:0px 3px 8px 0px rgba(28,28,28,0.1);-moz-box-shadow:0px 3px 8px 0px rgba(28,28,28,0.1);box-shadow:0px 3px 8px 0px rgba(28,28,28,0.1);}.dis{padding-bottom:25px;}
.skills-conteiner, .skills-conteiner-dis{display:flex;margin-bottom:50px;justify-content:space-between;position:relative;}.skills-conteiner-dis{margin-bottom:0;min-height:480px;}.dev p, .dis p{color:#898989;letter-spacing:0.5px;}.dev h2, .dis h2{margin-bottom:10px;}
.dev hr, .dis hr{border:none;background:#0F0F0F;height:2px;margin-top:25px;margin-bottom:25px;}.dis p.skillp{margin-top:15px;color:#3A3A3A;letter-spacing:0.9px;}.dis p.aboutskillp{color:#B2B2B2;margin-top:5px;}.dis p.skillp{margin-top:25px;}
.dark-skills p.skillp{color:#F8F8F8;}.dark-skills hr{background:#323232;}.dark-skills p.aboutskillp{color:#9C9C9C;}.dev hr{margin-bottom:15px;}
.dev-icons, .dis-icons, .dis-icons--dark, .dev-icons--dark{height:100%;width:500px;z-index:-1;-webkit-transition:width 0.6s;-moz-transition:width 0.6s;transition:width 0.6s;}.skills-conteiner-dis{height:auto;}
.dev-icons, .dev-icons--dark{position:absolute;right:0;}.dis-icons, .dis-icons--dark{position:absolute;left:0;}.icons-cont{position:relative;width:100%;height:100%;}.icons-cont img{position:absolute;opacity:0.5;}
.icon1{left:120px;top:50px;}.icon2{right:160px;top:65px;}.icon3{right:40px;top:95px;}.icon4{left:80px;top:175px;}.icon5{left:200px;top:155px;}.icon6{right:105px;top:165px;}.icon7{right:20px;top:217px;}.icon8{left:40px;top:300px;}.icon9{left:190px;top:300px;}.icon10{right:115px;top:280px;}
.icon11{left:230px;top:55px;}.icon12{left:123px;top:90px;}.icon13{right:70px;top:85px;}.icon14{left:40px;top:170px;}.icon16{left:170px;top:200px;}.icon17{right:155px;top:150px;}.icon18{left:105px;bottom:100px;}.icon19{right:220px;bottom:150px;}.icon20{right:110px;bottom:110px;}
.dis{position:absolute;right:0;}.dev-icons, .dis-icons{display:block;}.dis-icons--dark, .dev-icons--dark{display:none;}.icons--hide{display:none;}.icons--show{display:block;}.skillsheaderhelper{height:30px;margin-top:-30px;}.dev{position:relative;}
.dev .skillp{position:relative;border:1px solid white;cursor:pointer;padding-top:6px;padding-bottom:6px;}.skillp p{color:#3A3A3A;cursor:pointer;letter-spacing:0.9px;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}.dark-skills .skillp p{color:#F8F8F8;}
.skillp strong.article{background:#FEFDFD; height: 0; overflow: hidden; color:#323232;z-index:-1;opacity:0;padding-left:15px;padding-right:15px;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;left:50%;bottom:0;margin-bottom:40px;transform:perspective(1px) translateX(-50%);width:100%;
-webkit-transition:0.1s;-moz-transition:0.1s;transition:0.1s;
-webkit-box-shadow:0px 3px 8px 0px rgba(28,28,28,0.2);-moz-box-shadow:0px 3px 8px 0px rgba(28,28,28,0.2);box-shadow:0px 3px 8px 0px rgba(28,28,28,0.2);}
.skillp strong.article:after{border:solid transparent;content:" ";height:0;width:0;pointer-events:none;border-color:rgba(136, 183, 213, 0);border-width:4px;text-align:center;position:absolute;bottom:-8px;left:50%;transform:perspective(1px) translateX(-50%);border-top-color:#F8F8F8;}
.skillp:hover strong.article, .skillp:active strong.article{height: auto; opacity:1;z-index:1;padding:8px;padding-left:15px;padding-right:15px;}.skillphover:hover .skillp p{opacity:0.1;}.skillphover .skillp:hover p{opacity:1;}
.dark .skillp strong.article{background:#323232;color:#F8F8F8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0px 3px 8px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 3px 8px 0px rgba(0,0,0,0.4);box-shadow:0px 3px 8px 0px rgba(0,0,0,0.4);}.dark .skillp strong.article:after{border-top-color:#323232;}.dark .skillp{border:1px solid #1C1C1C;}
.dark .skillp strong.article a{ color: #F8F8F8; }
.intro p a{ text-decoration: underline; color: #6D6D6D; }
.intro p a:hover { text-decoration: none;}
.rd{max-width:1260px;margin-top:0px;margin-left:auto;margin-right:auto;display:flex;  justify-content:space-around;padding-left:30px;padding-right:30px;margin-bottom: 140px;}
.right{position:relative;width:480px;margin-left:10px;}.rp-text p{max-width:250px;letter-spacing:0.5px;line-height:1.5;color:#9C9C9C;margin-top:15px;}.screen-content{border:3px solid #F8F8F8;height:100%;border-radius:3px;overflow:hidden;overflow-y:scroll;background:#FEFDFD;padding:10px;}
.screen-content::-webkit-scrollbar{display:none;}.screen-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}.left{text-align:center;justify-content:center;position:relative;}
.screen{background:#FDFEFF;border:3px solid #F8F8F8;width:445px;height:310px;padding:17px;padding-bottom:25px;padding-top:17px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;margin-left:auto;margin-right:auto;-webkit-transition:width 0.6s;-moz-transition:width 0.6s;transition:width 0.6s;}
.desktop-btn{opacity:1;background:#F0F1F4;height:12px;width:540px;margin-left:auto;margin-right:auto;margin-top:-5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s;}.rp-controls{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;max-width:420px;}
.desktop-control, .tablet-control, .mobile-control{max-width:150px;cursor:pointer;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s;}.tablet-control, .mobile-control{opacity:0.2;}.desktop-control{opacity:1;}
.mobile-controld div p, .rp-controls div p{font-family:'Open Sans', sans-serif;color:#3A3A3A;font-size:14px;text-align:center;}.mobile-controld div p{margin-top:0px;}.mobile-rd-text{text-align:center;max-width:400px;margin-left:auto;margin-right:auto;}.mobile-rd-text p{margin-top:15px;color:#B2B2B2;text-align:left;letter-spacing:0.5px;line-height:1.5;color:#9C9C9C;}
.mobile-controld{margin-top:50px;margin-bottom:30px;}.mobile-controld div{border:2px solid #3A3A3A;padding:2px;padding-right:30px;padding-left:30px;}.screen-content div{-webkit-transition:height 0.6s;-moz-transition:height 0.6s;transition:height 0.6s;}.screenhead{height:11px;opacity:1;display:flex;padding-left:3px;margin-top:-10px;margin-left:-10px;background:#EAEAEA;width:120%;}
.oval1, .oval2, .oval3{height:5px;width:5px;margin-top:3px;border-radius:3px;}.oval1{background:#EE5F57;margin-right:2px;}.oval2{background:#F3A941;margin-right:2px;}.oval3{background:#61D266;}
.screenflex, .screenflex2{display:flex;}.screenflex{margin-top:10px;}.screenblockborder{width:100%;height:100%;margin-left:10px;}.screenblock1{background:#FFF7D2;width:100%;height:100px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:10px;}
.screenblock2{width:90px;height:90px;background:#C4FFEF;border-radius:3px;}.screenblock3{width:90px;height:90px;background:#FDCBCB;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left:10px;}.screenblockborder1{width:100%;height:100%;}.screencontent{width:100%;margin-bottom:5px;position:relative;display:flex;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.screencontentright{width:120px;height:auto;margin-left:5px;text-align:left;}.screencontentleft{background:#B2F0FF;width:47px;height:47px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.screencontentright hr{margin-top:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:none;background:black;height:3px;background:#ECECEC;}
.screencontentright .bold{height:5px;width:56px;background:#D9D9D9;margin-bottom:6px;margin-top:5px;}.screencontentright .medium{width:93px;}.screencontentright .small{width:78px;}.screencontentright .large{width:101px;}
.screenlargeblock{width:100%;height:45px;background:#EBE9FF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-top:10px;}.screenfooter{width:120%;cursor:pointer;text-align:center;height:30px;background:#EAEAEA;margin-top:10px;margin-bottom:-10px;margin-left:-10px;}
.screencontentbutton{width:19px;height:5px;background:#3DFAC6;margin-top:6px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;display:inline-block;text-align:left;float:left;}.screencontentbutton2{border:1px solid #ECECEC;width:19px;height:5px;margin-top:6px;margin-left:25px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.screenfooter a{opacity:0;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}.screenfooter:hover a, .screenfooter:active a{opacity:1;}.screen-content div{-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.screencontent:hover{-webkit-box-shadow:0px 0px 0px 2px rgba(225,225,225,1);-moz-box-shadow:0px 0px 0px 2px rgba(225,225,225,1);box-shadow:0px 0px 0px 2px rgba(225,225,225,1);}
.screenlargeblock:hover{background:#D9D5FF;}.screenblock1:hover{background:#F9E9A0;}.screenblock2:hover{background:#8BF5D8;}.screenblock3:hover{background:#FE9B9B;}
.oval, .one, .two, .three, .four{position:absolute;background:#F8F8F8;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:right 1.6s;-moz-transition:right 1.6s;transition:right 1.6s;}
.oval{width:702px;height:156px;bottom:-80px;right:40px;-webkit-transition:width 0.9s;-moz-transition:width 0.9s;transition:width 0.9s;}.one{width:29px;height:29px;right:-30px;top:-50px;}
.two{width:7px;height:7px;right:30px;top:-15px;}.three{width:29px;height:29px;right:60px;top:-12px;}.four{width:65px;height:65px;right:10px;top:60px;}
.tablet, .mobilebody{height:89px;position:relative;margin-top:20px;}.tablet{width:76px;}.laptop{margin-top:20px;margin-left:auto;margin-right:auto;position:relative;width:150px;height:86px;}
.laptoptop{width:124px;height:83px;border:2px solid #3A3A3A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px;margin-left:auto;margin-right:auto;}
.laptoptop div{border:2px solid #3A3A3A;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;width:100%;height:100%;}.leptopbottom{position:absolute;bottom:0;border:2px solid #3A3A3A;width:100%;height:6px;background:white;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-top:6px;}
.tabletbody{width:76px;border:2px solid #3A3A3A;height:89px;padding:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;bottom:0;padding-top:6px;padding-bottom:7px;}.tabletscreen{width:100%;height:100%;border:2px solid #3A3A3A;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.tabletcamera{margin-left:auto;margin-right:auto;border:1px solid #3A3A3A;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:2px;height:2px;position:absolute;top:2px;left:50%;transform:perspective(1px) translateX(-50%);}
.tablethomebutton{position:absolute;bottom:1px;border:1px solid #3A3A3A;width:5px;height:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:50%;transform:perspective(1px) translateX(-50%);}
.mobilebody{width:45px;height:89px;border:2px solid #3A3A3A;margin-right:auto;margin-left:auto;position:relative;border-radius:8px;padding:1px;padding-top:8px;padding-bottom:9px;}
.mobilecamera{position:absolute;border:1px solid #3A3A3A;left:50%;transform:perspective(1px) translateX(-50%);width:9px;height:2px;top:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.mobilescreen{border:2px solid #3A3A3A;width:100%;height:100%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}.mobilebutton{position:absolute;bottom:1px;border:2px solid #3A3A3A;width:7px;height:7px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:50%;transform:perspective(1px) translateX(-50%);}
.screen-background{position:absolute;width:100%;height:100%;z-index:-1;}.screenfooter a{font-size:10px;margin-left:5px;padding-right:10px;padding-left:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}.screenfooter a:hover{color:red;}.servicesBlock{margin-top:160px;margin-left:auto;margin-right:auto;text-align:center;justify-content:center;}
.servicesFlex{display:flex;justify-content:space-between;max-width:800px;margin-left:auto;margin-right:auto;text-align:left;margin-top:50px;-webkit-transition:0.2s;-moz-transition:0.2s;transition:0.2s;}
.serviceLeft{overflow:hidden;width:460px;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}.myService{margin-left:40px;margin-right:30px;}
.myService p{max-width:300px;color:#898989;margin-top:15px;line-height:1.5;letter-spacing:0.5px;-webkit-transition:0.2s;-moz-transition:0.2s;transition:0.2s;}.myService{height:0;opacity:0;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;transition:opacity 0.4s;}
.myService--active{height:100%;opacity:1;}.serviceRight{width:340px;-webkit-overflow-scrolling:touch;}.serviceOption.op0{height:0;opacity:0;}
.serviceOption{display:flex;margin-bottom:15px;cursor:pointer;width:220px;padding-left:10px;}.serviceOption h3{font-size:24px;letter-spacing:2px;color:#3A3A3A;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.serviceOption p{color:#898989;letter-spacing:0.5px;font-size:14px;margin-left:7px;margin-top:10px;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}.dark .serviceOption p{color:#898989;}
.serviceRight::-webkit-scrollbar{display:none;}.serviceRight{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}.dark .serviceOption h3{color:#F8F8F8;}.serviceOption--active{background:#5E5E5E;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.serviceOption:hover p{color:#3A3A3A;}.dark .serviceOption:hover p{color:#F8F8F8;}.serviceOption--active p, .serviceOption--active h3{color:#F8F8F8;}.serviceOption--active:hover p{color:#F8F8F8;}
.dark .serviceOption--active{background:#F8F8F8;}.dark .serviceOption--active p, .dark .serviceOption--active h3{color:#3A3A3A;}.dark .serviceOption--active:hover p{color:#3A3A3A;}
.projects{ width:100%;margin-top:150px;justify-content:center;text-align:center;margin-left:auto;margin-right:auto;height:auto;position:relative;}.projects h2{margin-bottom:20px;}
.project-scr{/*display:flex;overflow-x:scroll;overflow-y:hidden;*/padding-top:40px;padding-bottom:20px; position: relative;text-align: left; }.whitespace{width:20%;min-width:20%;-webkit-transition:min-width 0.6s;-moz-transition:min-width 0.6s;transition:min-width 0.6s;}
/*.project-scr::-webkit-scrollbar{display:none;}.project-scr{-webkit-overflow-scrolling:touch;}.project-scr{-ms-overflow-style:none;overflow:-moz-scrollbars-none;}*/
.project-conteiner{background:#FDFCFC;cursor:pointer;position:relative;text-align:left;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow:hidden;
-webkit-box-shadow:0px 0px 20px 0px rgba(28,28,28,0.1);-moz-box-shadow:0px 0px 20px 0px rgba(28,28,28,0.1);box-shadow:0px 0px 20px 0px rgba(28,28,28,0.1);}
.projects-logo-night{display:none;}.projects-logo-day{display:block;}.projects-logo-night--jq{display:block;}.projects-logo-day--jq{display:none;}
.project-conteiner img{position:absolute; z-index: 1; bottom:5px;left:20%;max-width:80px;transform:perspective(1px) translateX(-50%);-webkit-transition:bottom 0.3s;-moz-transition:bottom 0.3s;transition:bottom 0.3s;}
.project-conteiner.iosProject img{ border-radius: 9px; height: auto; width: auto; max-height: 60px; bottom: 5px; }
.project-conteiner h3{font-size:18px;margin-bottom:5px;color:#3A3A3A;text-align:left;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;transition:opacity 0.2s;}
.project-conteiner p{color:#585858;letter-spacing:0.4px;-webkit-transition:opacity 0s;-moz-transition:opacity 0s;transition:opacity 0s;}
.rp-hover{z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s;}
.project-conteiner.frontProject, .websitemore{margin-top: 10px;};
.iosProject.selected, .websitemore.selected{display: inline-grid;}
.websitemore{display: inline-grid;}
/*.websitemore, .iosProject{display: non;} */
.rp-hover .websitemore, .rp-hover .websitelink{position:absolute;bottom:-10px;right:15px;letter-spacing:0.6px;cursor:pointer;
width:110px;border:2px solid #1C1C1C;color:#1C1C1C;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;padding-top:5px;padding-bottom:5px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.rp-hover .websitelink{left:15px; -webkit-transition: 0.2s;-moz-transition: 0.2s;transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.websitemore{z-index: 1;}
.rp-hover .websitemore:hover, .rp-hover .websitelink:hover{background:#3A3A3A;color:#F8F8F8; z-index: 999;}.dark .rp-hover .websitemore, .dark .rp-hover .websitelink{border-color: white;color:#F8F8F8;}.dark .project-conteiner h3{color:#F8F8F8;}
.project-conteiner:hover .rp-hover-bottom, .project-conteiner:active .rp-hover-bottom{bottom:0;}.project-conteiner:hover .rp-hover, .project-conteiner:active .rp-hover{opacity:1;}.project-conteiner:hover img, .project-conteiner:active img{bottom:100px;opacity:1;} 
.project-conteiner.iosProject:hover img, .project-conteiner.iosProject:active img{ bottom: 85px; }
.project-conteiner:hover h3, .project-conteiner:hover p, .project-conteiner:active h3, .project-conteiner:active p{opacity:0;}
.project-conteiner:hover .rp-hover .websitemore, .project-conteiner:hover .rp-hover .websitelink{bottom:15px;}.project-conteiner:active .rp-hover .websitemore, .project-conteiner:active .rp-hover .websitelink{bottom:15px;}
.projects .more-h{margin-top:60px;cursor:pointer;}.projectsheaderhelper{height:1px;margin-top:-50px;}
.websitemore.inactive, .websitemore.inactive:hover{color:#C1C1C1;cursor:default;background:none;border-color:#C1C1C1;}.rp-hover .websitemore.daily{left:50%;transform:perspective(1px) translate(-50%);}
.availibleApp{ position: absolute; padding: 0; top: 47px; right: 20px; z-index: 2; -webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s}
.availibleApp img{ margin: 0; max-width: 18px; max-height: 18px; }
.project-conteiner:hover .availibleApp{ opacity: 0; }
.projectBlockMain{display: block;}
.nofixedbutton{width:150px;border:2px solid #3A3A3A;color:#3A3A3A;background:white;padding:8px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin-left:auto;margin-right:auto;margin-top:0px;text-align:center;
font-size:14px;letter-spacing:0.4px;-webkit-transition:background 0.6s;-moz-transition:background 0.6s;transition:background 0.6s; padding-top: 6px; padding-bottom: 6px; }
.nofixedbutton:hover, .nofixedbutton:active{background:#323232;color:#F8F8F8;}#resumeid{cursor:pointer;}.arrow{position:absolute;width:35px;top:50px;cursor:pointer;}.arrow img{margin:0;}
.nofixedbutton.call-cv{margin-top: 50px;}
.ios-skill-conte{ position: absolute; bottom: -100px; padding-left: 10px; padding-right: 10px; 
-webkit-transition: 0.2s;-moz-transition: 0.2s;transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 0.725); }
.project-conteiner:hover .rp-hover .ios-skill-conte{ bottom: 10px; }
.skillBlock{ display: inline-block; margin-top: 150px; margin-bottom: 2px; background: white; border-radius: 7px; font-size:14px; font-weight:500; color: #3A3A3A; padding-left: 7px; padding-right: 7px; margin-left: 2px; margin-right: 2px; 
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.blue{ background: #C3DEFF; } .red{ background: #FFDBDB; } .orange{ background: #C9C7FF; } .green{ background: #D7FABA; } .yellow{ background: #FFF0BB; } 
.pink{background: #D55BF6;} .grenner{background: #5BF6C3;} .lightYello{background: #F5F65B;} .lightOrange{background: #F6965B;} .lightBlue{background: #5BA9F6;} .purpure{background: #6A5BF6;}
.skillBlock{color: black;}
.dark .blue{ background: #0A92C8; color: black; }.dark .red{ background: #C40C0C; color: black; }.dark .orange{ background: #6863F0; color: black; }.dark .green{ background: #59BB08; color: black; }.dark .yellow{ background: #CE8400; color: black; }
.project-conteiner:hover .skillBlock{ margin-top: 0; }
.titleSwitcher{ position: relative; }.titleSwitcher h2, .titleSwitcher .switchProject{ display: inline-block; }
.titleSwitcher p{ margin-left: 10px; color: #9C9C9C; } .dark .titleSwitcher p{ color: #B2B2B2; }
.titleSwitcher .switchProject{ position: relative; width: 80px; } .titleSwitcher .switchProject p{ position: absolute; left: 0; bottom: -4px; text-align: left; cursor: pointer; }
.titleSwitcher .switchProject p.titleP{ padding-top: 10px;}
.titleSwitcher p.hiddenP{ height: 0; bottom: -100px; overflow: hidden; opacity: 0.5; -webkit-transition: bottom 0.2s;-moz-transition: bottom 0.2s;transition: bottom 0.2s;} .titleSwitcher p.hiddenP:hover{ opacity: 0.7; }
.projects:hover p.hiddenP, .projects:active p.hiddenP{ height: auto; overflow: hidden; bottom: -33px; padding-top: 5px; padding-bottom: 10px; }
.frontProject{ display: none; }
.arrow-night, .dark .arrow-day{display:none;}.dark .arrow-night{display:block;}.arrow-right{right:30px;}.arrow-left{right:140px;}
.arrow p{position:absolute;top:0px;opacity:0;color:#323232;-webkit-transition:padding 0.3s;-moz-transition:padding 0.3s;transition:padding 0.3s;}
.arrow-left p{left:35px;}.arrow-right p{right:35px;}.arrow-left:hover p{padding-left:10px;opacity:1;}.arrow-right:hover p{padding-right:10px;opacity:1;}.dark .arrow p{color:#F8F8F8;}
.viewproj-he{  max-width:980px;width:100%;height:100%; display: none; position:fixed;top:200vh;left:50%;transform:perspective(1px) translate(-50%);z-index:700;-webkit-transition:top 0.8s;-moz-transition:top 0.8s;transition:top 0.8s;
-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);border-top-right-radius:6px;border-top-left-radius:6px;}
.viewprojhead{position:absolute;height:50px;background:#3A3A3A;text-align:center;z-index:800;top:0;width:100%;left:50%;transform:perspective(1px) translate(-50%);border-top-left-radius:6px;border-top-right-radius:6px;}
.viewprojhead .popupclose{display:block;opacity:1;position:absolute;left:15px;top:5px;}.viewprojhead .popupclose .closenight{display:block}.viewprojhead .popupclose p{color:#F8F8F8;}.projlinks{margin-top:13px;max-width:100px;margin-left:auto;margin-right:auto;cursor:pointer;}
.projlinks hr{border:none;background:#F8F8F8;width:80%;height:1px;margin-left:auto;margin-top:2px;margin-right:auto;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.projlinks a{color:#F8F8F8;letter-spacing:0.6px;display:inline-block;}.projlinks a:hover{color:#EBE9E9;}.projlinks:hover hr{width:0;background:#EBE9E9;}
.projlinks.inlineStyle a{  }
.dark .skillBlockNew{background: rgba(50, 50, 50, 0.4);}
.skillBlockNew{background: rgba(248, 248, 248, 0.4); display: inline-grid; max-width: 200px;  border-radius: 9px;overflow: hidden; }
.skillBlockNew.big{max-width: 500px;}
.skillBlockNew.small{max-width: 80px;}
.skillBlockNew.small p.skTitle{font-size: 12px;}
.newSkills{position: relative; overflow: hidden; margin-bottom: 50px;}
.skillIsons{position: absolute; top: 50%; z-index: -1; right: 40%; opacity: 0.1;}
.newSkillsHelper{max-width: 90vw; margin-top: 50px; margin-right: auto;margin-left: auto; }
.dark .skText{background: rgba(50, 50, 50, 0.8);}
.skText{background: rgba(156, 156, 156, 0.15); font-size: 12px;  font-weight: 500; display: inline-grid;
	margin: 5px; margin-right: 8px; margin-bottom: 5px; margin-left: 0; border-radius: 6px; padding: 1px; padding-left: 7px;padding-right: 7px;
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
}
.skTitle{padding-left: 5px; font-size: 21px; margin-bottom: 15px; }
.skillBlockNew{padding: 2px; padding-top: 10px; padding-bottom: 0px;  margin-top: 10px; margin-right: 5px;
	-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);
}




.dark .newSkillsHelper .skillBlockNew:hover p.skText{background: rgba(50, 50, 50, 1);}



.newSkillsHelper .skillBlockNew:hover p.skText{background: rgba(156, 156, 156, 0.24); opacity: 1; margin-top: 8px;
}
.dark .newSkillsHelper .skillBlockNew:hover{
background: rgba(50, 50, 50, 0.5);
}



.img{margin-top: 80px;}

/*.skillBlockNew:hover ~ .skillBlockNew .skText{
opacity: 0.5;
}*/

.newSkillsHelper:hover > * .skillBlockNew p.skText {
  opacity: 0.4;
}
.newSkillsHelper .skillBlockNew:hover {
	background: rgba(248, 248, 248, 0.5);
padding-top: 20x; padding-bottom: 15px;
}
.newSkillsHelper .skillBlockNew:hover p.skText {
	  opacity: 1;
}
.skillBlockNew .hovered{display: none;}


.projlinks.inlineStyle{ display: inline-block; }
hr.inlineSeparetor.vertical{ display: inline-block; height: 10px; margin-top: 20px; opacity: 0.1; margin-left: 10px; margin-right: 10px; }
.viewproj-he .viewproj{width:100%;height:100%;border-top-right-radius:6px;border-top-left-radius:6px;padding-bottom:0px; padding-top: 50px;position:relative;}
.viewproj-he--show{top:0px;}.dark .projectskills{color:#F8F8F8;}
object[type="text/html"]{width:100%;height:100%;min-height:100%; border-radius: 10px; position: relative;  z-index: 1000;}
.loader{ position: absolute; left: 0; right: 0; top: 50px; bottom: 0; z-index: 999; background:#3A3A3A;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}.loader img, .loader p{ opacity: 1; } .loader img{ position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin-top: -40px; margin-left: -20px; }
.loader.appLoaded{ opacity: 0; }
.dark .loader p, .loader p{  color: #6B6B6B; position: absolute; top: 15px; left: 10px; }.jsContShow{ opacity: 1; }.loadingImg{x-transition: all 0.3s ease-in-out;animation: ani 0.7s infinite;}
.loader p:after { letter-spacing: 1.9px; margin-left: -5px; color: #6B6B6B;  content: ' .'; animation: dots 1s steps(5, end) infinite;}
.jsContShow .loader{ z-index: -1;}
.contactForm{right:-405px;background:#3A3A3A;width:400px;max-width:100vw;height:100vh;overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;
top:0;position:fixed;z-index:800;padding:10px;padding-left:10px;padding-right:15px;padding-bottom:100px;border-top-left-radius:6px;border-bottom-left-radius:6px;
-webkit-transition:right 0.3s;-moz-transition:right 0.3s;transition:right 0.3s;-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);}
.contactForm .loader{ z-index: -10; background: none; opacity: 1; } #hireMe{ background: #3A3A3A; position: relative; z-index: 2; } .dark #hireMe{ background: #1C1C1C; }
.contactForm--show{right:0;}#hireMe{margin-top:0px;height:100%;min-height:480px;max-height:480px;}.contactForm--show .popupclose.cocntactformclose{display:block;opacity:1;}.popupclose.cocntactformclose p, .dark .popupclose.cocntactformclose p{color:#F8F8F8;margin:0;}
.contactForm p, .contactForm h2, .contactForm div{opacity:0;padding-left:30px;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.contactForm--show p, .contactForm--show h2, .contactForm--show div{opacity:1;padding-left:0;}
.skills .nofixedbutton{background:#5E5E5E;border:2px solid #3A3A3A;color:#F8F8F8;cursor:pointer; margin-bottom: 200px; }
.nofixedbutton p{font-size:14px;letter-spacing:1.2px;}.skills .nofixedbutton:hover{background:#3A3A3A;border:2px solid #3A3A3A;}.dark .nofixedbutton{background:none;border:2px solid #F8F8F8;color:#F8F8F8;}.dark .nofixedbutton p{color:#F8F8F8;}
.dark .nofixedbutton:hover{background:#F8F8F8;color:black;border-color:#F8F8F8;}.dark .nofixedbutton:hover p{color:black;}
.contactForm p::selection, .contactForm h2::selection{background:#F8F8F8;background-color:#F8F8F8;color:#3A3A3A;}.dark .contactForm{background:#1C1C1C;}
.contactForm::-webkit-scrollbar{display:none;}.contactForm{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
#hireMe::-webkit-scrollbar{display:none;}#hireMe{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
.viewproj-he::-webkit-scrollbar{display:none;}.viewproj-he{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
.viewproj::-webkit-scrollbar{display:none;}.viewproj{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
.footer{background:#3A3A3A;width:100%;display:flex;justify-content:space-between;padding:30px;position:relative;}
.logo, .contacts, .networkWidth{width:220px;} .networkWidthTwo{width: 95;}
.projectsHelper{text-align: center; padding-left: 15px; width:90vw; max-width: 1550px; margin-right: auto; margin-left: auto; }

.contacts{text-align:center;}.contacts h2{color:#F8F8F8;font-size:18px;letter-spacing:0.4px;}footer .contacts h2{margin-top: 10px;}{color:#F8F8F8;letter-spacing:0.4px;margin-top:7px;}
.network{width:100%;max-width:210px;justify-content:space-between;display:flex;float: right;}.network a img{margin-top:10px;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s;}.network a img:hover{opacity:0.8;}.logo{margin-top:10px;}.logo img{text-align:right;}.mobile-controld, .mobile-rd-text{display:none;}
.popupCV{background:white;width:100vw;max-width:600px;height:100%;top:0;position:fixed;z-index:10;overflow-y:scroll;overflow-x:hidden;padding:10px;padding-right:15px;right:-620px;border-top-left-radius:6px;border-bottom-left-radius:6px;padding-bottom:50px;
-webkit-transition:right 0.3s;-moz-transition:right 0.3s;transition:right 0.3s;-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);}
.popupclose, .popupcontent, .popupCV a{opacity:0;-webkit-transition:1.2s;-moz-transition:1.2s;transition:1.2s;}.popupclose{position:relative;cursor:pointer;width:30px;margin-top:10px;margin-bottom:20px;}.closenight{display:none;}
.popupclose p{position:absolute;cursor:pointer;top:5px;left: 20px;opacity:0;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.popupclose:hover p, .popupclose:active p{opacity:1;padding-left:10px;left:20px;}.popupcontent h3{color:#323232;}.popupcontent{margin-bottom:30px;}.popupcontent h2{color:#F0F0F0;}.popupcontent h4{margin-top:20px;color:#323232;}.popupcontent p{color:#6D6D6D;}
.downloadcont a{border:2px solid #3A3A3A;padding:8px;padding-right:50px;padding-left:50px;color:#3A3A3A;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:background 0.6s;-moz-transition:background 0.6s;transition:background 0.6s;}
.downloadcont{height:70px;padding-top:10px;padding-bottom:20px;text-align:center;justify-content:center;margin-top:40px;cursor:pointer;}.downloadcont a:hover{color:#F8F8F8;background:#3A3A3A;}
.viewCv{ left: -500px; opacity: 1; transform: translateX(-50%); margin-top: auto; margin-bottom: auto; top: 0px; bottom: 0px; position: fixed; width: 100%; max-width: 980px; max-height: 500px; z-index: 999; border-radius: 5px; display: flex;
-webkit-transition: left 0.6s;-moz-transition: left 0.6s;transition: left 0.6s cubic-bezier(0.175, 0.885, 0.32, 0.885);}  .myPhotoMob img{ -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; }
.myPhoto{ max-width: 420px; height: 100%; overflow: hidden; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);}  
.myPhoto img{ width: auto; height: 560px; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;} .myPhotoMob{ display: none; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cvContent{ background: white; width: auto; max-width: 0; opacity: 1; overflow-x: hidden; overflow-y: scroll; padding: 10px; padding-top: 30px; padding-bottom: 30px; -webkit-overflow-scrolling:touch; -ms-overflow-style:none;overflow:-moz-scrollbars-none; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s; transition-delay: 0.2s; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);} 
.cvContent::-webkit-scrollbar{display:none;}
.cvContent-head{ display: flex; }.cvContent h3, .cvContent h4{ color: #9C9C9C; }.cvContent h4{ opacity: 0.35; margin-top: 30px; font-size: 20px; }
.cvContent p{ color: #3a3a3a; line-height: 1.7; font-size: 16px;margin-top: 7px; }
.cvContent p b { font-size: 16px; }
.cvContent a{ color: #3a3a3a;  }
.dark .cvContent a{ color: #F8F8F8; }
/*main content ytrhtgerfesd*/
div.mainContent{display: flex; width: 100wv; height: 100vh;}
.leftMainContent, .rightMainContent{ height: 100vh;  position: relative; overflow-y: scroll; padding-bottom: 30px;}
.leftMainContent{  text-align: center; width: 58%;} 
.rightMainContent{ position: relative;  overflow-y: scroll; max-width: 42%; }

.leftMainContent .projects {background: white; height: 100vh;}
.socialHead{display: inline-block; position: absolute; left: 15px; top: 15px; text-align: left;}
.fixd{height: 35px;}
.newSkillsHelper{margin-left: 0px;margin-right: 5px;}
.infoShort{margin-top: 30%; margin-left: 15px; margin-right: 15px; display: inline-flex; margin-right: auto; margin-left: auto; text-align: left; min-height: 30vh;}
.myIcon{width: 70px; margin-left: 0px; margin-right: 30px; }
.infoMe h1{text-align: left;}
img{max-width: 100%;}
.linked-conteiner.app img{width: 60px; height: 60px;}
.flex{display: flex;}
.socialHead div{margin-right: 10px;}
.years{width: 100%; }
.yearRaw{position: relative;}
.yearRaw hr{ position: absolute; top: -20px; bottom: 70%; right: 70%; width: 4px; background: red; border-color: red; z-index: -1; }
.years .s10{ margin-right: 5%;}
.years .s30{margin-right: 15%;}
.years h1{ text-align: left; }
.years .old h1{font-size: 15px; } .years .old p{ font-size: 10px; }
/*close button*/
.cvContent-close{ float: right; margin-top: -20px; position: relative; cursor: pointer; }
.cvContent .cvContent-close p{ width: 0; position: absolute; right: 0; top: 5px; opacity: 0; color: #0F0F0F; padding-right: 56px; margin-top: 0; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;} .dark .cvContent .cvContent-close p{ color: #F8F8F8; }
.cvContent .cvContent-close:hover p{ padding-right: 66px; opacity: 1; }
.viewCv--show{ left: 50%; opacity: 1;}
.viewCv--show .cvContent{ max-width: 580px; opacity: 1; }
.dark .cvContent{ background: #1C1C1C;} .dark .cvContent h4, .dark .cvContent h3{ color: #F8F8F8; } .dark .cvContent h3{color: #B2B2B2;} .dark .cvContent h2{ color: #F8F8F8; }
.popupCV--show{right:0%;}.popupCV--show .popupclose, .popupCV--show .popupcontent, .popupCV--show a{opacity:1;}.popupCV::-webkit-scrollbar{display:none;}.popupCV{-webkit-overflow-scrolling:touch;}.dark b{color:#C4C4C4;}
.footercop{opacity:0;position:absolute;bottom:7px;left:0;right:0;width:100%;text-align:center;color:#6B6B6B;letter-spacing:0.2px;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;transition:opacity 0.4s; }
.dark .footercop{color:#6B6B6B;}.footercop b{color:#B2B2B2;}.footer:hover .footercop{opacity:1;}.screen-tablet{width:275px;padding:5px;padding-top:5px;padding-bottom:5px;}.screen-mobile{width:170px;padding:2px;padding-top:2px;padding-bottom:2px;}
.screen-desktop{background:#FDFEFF;border:3px solid #F8F8F8;width:445px;height:310px;padding:17px;padding-bottom:25px;padding-top:17px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;margin-left:auto;margin-right:auto;
-webkit-transition:width 0.6s;-moz-transition:width 0.6s;transition:width 0.6s;}.screen-content--tablet{padding:5px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #F8F8F8;}.screen-content--tablet .screenlargeblock{height:80px;}.screen-content--tablet .screenflex, .screen-content--mobile .screenflex{display:block;}
.screen-content--tablet .screenblockborder, .screen-content--mobile .screenblockborder{margin-left:0px;margin-top:10px;}.screen-content--tablet .screenblock2, .screen-content--tablet .screenblock3, .screen-content--mobile .screenblock2, .screen-content--mobile .screenblock3{width:100%;}
.screen-content--tablet .screenfooter, .screen-content--mobile .screenfooter{height:50px;}.screen-content--mobile .screenfooter{height:30px;}.screen-content--mobile{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;border:1px solid #F8F8F8;padding:3px;}
.screen-content--mobile .screenlargeblock{height:100px;}.screen-content--mobile .screenflex2{display:block;}.screen-content--mobile .screenblock2, .screen-content--mobile .screenblock3{height:70px;margin-left:0px;}.screen-content--mobile .screenblock1{height:120px;}.screen-content--mobile .screenblock3{margin-top:10px;}
.screen-tablet .screenhead, .screen-mobile .screenhead{display:none;}.screen-tablet .screenhead, .screen-mobile .screenhead{height:20px;}
.dark .screenhead, .dark .screenfooter{background:#282828;}.screen-tablet .screenfooter, .screen-mobile .screenfooter{display:none;}
body.dark{background-color:#141414;background:#141414;}.dark-p{color:#F8F8F8;}article.dark-p, p.dark-p{color:#B2B2B2;}.dark-day{display:none;}.dark-night{display:block;}.photo-conteiner .img hr.dark-hr{background:#4A4A4A;}
.dark-skills{background:#1C1C1C;-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.75);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.75);}.dark-footer{background:#1C1C1C;}
.dark-more{background:#141414;color:#F8F8F8;border:2px solid #F8F8F8;}.dark-more:hover{background:#F8F8F8;color:#1C1C1C;border-color:#141414;}
.screen-dark{background:#1C1C1C;border:3px solid #171717;}.screenco-dark{border-color:#171717;background:#1C1C1C;}.screenco-dark .screenfooter{background:#0F0F0F;}.desktop-btn-dark{background:#171717;}
.screen-background-dark{background:#F8F8F8;opacity:0.03;}.usedskill--night{background:#F8F8F8;color:#5A5A5A;}
.rp-hover-bottom--night{background:rgba(28, 28, 28, 1);}.rp-hover--night:hover img{opacity:1;}.logo--jq .logo_light{opacity:1;}.logo--jq .logo_dark{opacity:0;}.resume-dark{border:2px solid #F8F8F8;color:#F8F8F8;}.resume-dark p{color:#F8F8F8;}.resume-dark:hover{background:#323232;}
.color-changer-dark{background:#4A4A4A;padding-left:53px;}.sun-moon--moon{background:#F9F9F9;}.moondot-dark{opacity:1;}.sky-dark{opacity:0;background:#4A4A4A;}
.rp-controls--dark div p, .mobile-rd-text--dark div p{color:#F8F8F8;border-color:#F8F8F8;}.rp-controls--dark .leptopbottom{background:#141414;}
.dark .hidedsocialsbackground, .dark .popupCV{background:#1C1C1C;}.dark .closenight{display:block;}.dark .closeday{display:none;}
.dark .popupcontent h2{color:#2B2B2B;}.dark .popupcontent h3, .dark .popupcontent h4{color:#F8F8F8;}.dark .popupcontent p{color:#9C9C9C;}
.dark .popupclose p, .dark .hidedsocialsclose p{color:#F8F8F8;}.dark .downloadcont a{color:#F8F8F8;border:2px solid #F8F8F8;}.dark .downloadcont a:hover{background:#F8F8F8;color:#3A3A3A;}
.dark .laptoptop, .dark .laptoptop div, .dark .leptopbottom, .dark .tabletbody, .dark .tabletcamera, .dark .tablethomebutton, .dark .tabletscreen, .dark .mobilecamera, .dark .mobilescreen, .dark .mobilebutton, .dark .mobilebody{border-color:#F8F8F8;}
.dark .desktop-controld div, .dark .tablet-controld div, .dark .mobile-controld div{border-color:#F8F8F8;}
.dark .project-conteiner p{color:white;}.dark .project-conteiner{background:#1C1C1C;-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.7);-moz-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.7);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.7);}.dark .project-conteiner p{color:#B2B2B2;}
.dark .rp-hover .websitemore:hover, .dark .rp-hover .websitelink:hover{background:#F8F8F8;color:#1C1C1C;}.dark .websitemore.inactive, .dark .websitemore.inactive:hover{color:#494949;cursor:default;background:none;border-color:#494949;opacity:0.2;}
.hidedsocials--click{left:0;}.hidedsocials--click .hidedsocialsbackground{-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);}.hidedsocials--click .hidedsocials-openclose{background:white;}
.hidedsocials--click .hidedsocials-openclose:hover{background:#FFFFFF;}.hidedsocials-openclose:hover p{color:#3A3A3A;}.dark .hidedsocials .hidedsocials-openclose{border:2px solid #F8F8F8;border-left:none;}.dark .hidedsocials .hidedsocials-openclose p{color:#F8F8F8;}
.dark .hidedsocials--click .hidedsocials-openclose{background:#141414;}.dark .hidedsocials .hidedsocials-openclose:hover{background:#141414;}
.viewproj-he, .resume, .hidedsocials-openclose, .hidedsocialsclose, .popupclose{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.dark .contactForm .closeday{display:block;}
.body--hidden{overflow:hidden;}.mobbody--hidden{overflow:auto;}.body--hidden .project-scr, .mobbody--hidden .project-scr{overflow-x:hidden;} .absolut{ position: absolute; }
p.leftAlight{ text-align: left; }
.project-scr{margin-left: 5px; margin-right: 5px;text-align: right;}
.hireMeDay.nofixedbutton{display: none;}
.websitemore: hover{z-index: 999;}
@keyframes ani {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: #6B6B6B;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 #6B6B6B,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 #6B6B6B,
      .5em 0 0 #6B6B6B;}
}
@media screen and (max-width:1220px){
		.viewproj{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
		.skillBlockNew{max-width: 170px;}
}
@media screen and (max-width:945px){/*.rd, .mobile-rd-text{display:block;}*/.rp-controls, .right{display:none;}.footer{display:block;justify-content:center;text-align:center;padding:40px;}.mobbody--hidden{overflow:hidden;}.dark .viewprojhead{background:#3A3A3A;}
.color-changer{width:60px;height:30px;padding:2px;margin:0;}.sun-moon{width:26px;height:26px;-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);} .myicon{margin-top:20px;}.myicon img{max-width:100px;}
.sky_three{height:2px;left:11px;width:28px}.sky_one{top:6px;height:2px;left:11px;width:25px}.sky_two{top:13px;left:11px;height:2px;}.color-changer-dark{padding-left:32px;}.logo, .contacts, .networkWidth, .networkWidthTwo{margin-left:auto;margin-right:auto;} .network{float: none; margin-left: auto; margin-right: auto;}.contacts{margin-bottom:25px;}.logo{display:none;}.photo-conteiner{left:-130px;width:auto;}
.rd, .servicesBlock{margin-top:150px;}.projects{margin-top:150px;}.screen-background{max-width:480px;left:50%;transform:perspective(1px) translateX(-50%);}.mobile-controld{display:flex;justify-content:space-between;}.whitespace{width:10%;min-width:10%;} 
.myPhoto img{ margin-left: -60px; }.websiteLinks{ top: 0; margin-top:calc(50vh - 54px); padding-right: 12px; right: 0px; }
.goLink:hover{ opacity: 0.4; } .goLink:hover hr{ width: 5px; } .goLink:hover p{ margin-right: 0px; }
.latestApps{ margin-bottom: 0; opacity: 0.9; right: 10px; width: 240px; }.latestApps-title{ display: none; }.latestApps hr{ display: none; }
.rd{display: none;} .skillBlockNew{max-width: 140px;}.newSkillsHelper{margin-left: 5px;margin-right: 5px;}
}
@media screen and (max-width:737px){ .viewCv{ top: 0; bottom: 0; max-height: 100%; -webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 0.885);} .myPhotoMob{ display: block; overflow: hidden; width: 120px; height: 150px; margin-right: 20px; margin-bottom: 20px; } .myPhotoMob img{ width: 100%;} .myPhoto{ display: none; } .cvContent{ max-width: 100%; margin-left: auto; margin-right: auto; border-radius: 0px; padding: 20px;} 
.newSkills{max-width: 90%;}
.websiteLinks{ padding-right: 10px; right: 0px; }.cvContent-close{ margin-top: 0; margin-right: -5px; } .cvContent .cvContent-close p{ display: none; } .cvContent{ margin-right: 40px; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; transition-delay: 0s; } .viewCv--show .cvContent{ margin-right: 0; }
.arrow, .dark .arrow{display:none;} .goLink:hover{ opacity: 0.2; }
.fixd{height: 35px;top: 10px;}
.intro p{}.intro h1{font-size:28px;}.color-changer-helper{margin-top:-20px;}.photo-conteiner .img{margin-bottom:10px;}.logo_head{left:10px;top:10px;}
.resume, .hireMeDayFixed{top:10px;padding:7px;width:130px;}.hireMeDayFixed{right:10px;}.resume{right:15px;} .right.secondcv{right:15px;} .intro{top:40%;}.about{min-height:400px;}.rd{overflow:hidden;padding-bottom:10px;}.oval{bottom:-10px;height:80px;}
.projectBlockMain{width: 170px;}
.skills-conteiner{margin-bottom:80px;transition-duration:800ms;}.projects{margin-top:150px;}.popupCV{padding-right:10px;}.whitespace{width:30px;min-width:30px;}
}
@media screen and (max-width:645px) {.servicesFlex{display:block;}.serviceLeft{width:100%;} .serviceOption.op0{height:auto;} 
.leftMainContent{background: rgba(17, 17, 17, 1.0);} div.project-conteiner.iosProject{max-width: 100px;}
.myIcon{margin-left: 80px;} .myicon img{max-width: 20px;} .project-scr{padding-top: 0;}
.latestApps{ bottom: 20px; }.smallDevice{display: block;}.infoShort{margin-top: 50px; max-height: auto;height: auto; min-height: auto;}
	div.mainContent{display: block;} .aboutMe{margin-top: 10px;}
	.leftMainContent, .rightMainContent{width: 100%; overflow-x: hidden; max-width: none;}.leftMainContent{height: 65%}.rightMainContent{height: 35%;}
.newSkills{margin-left: 5px;} .about-content{padding-left: 5px; margin-left: 5px;}
.projects.projectsTop, .projects .project-scr{text-align: center;}.newSkillsHelper{margin-left: 5px;margin-right: 5px;}
	.rightMainContent{margin-top: 5px;}
	/*small socials
	.main_social_conteiner, .main_social_conteiner-dark{display:none;}.hidedsocials{display:flex;}.viewproj-he{max-height:100%;}
.sticky .goLink p{ font-size: 1px; } .sticky.websiteLinks:hover .goLink p, .sticky.websiteLinks:active .goLink p{  }*/
.serviceRight{display:flex;overflow:hidden;overflow-x:scroll;margin-top:50px;width:100%;padding-left:40px;}.serviceOption{width:auto;margin-right:40px;padding-left:0;}.serviceOption p{white-space:nowrap;}.serviceOption--active{background:#5E5E5E;padding-left:5px;padding-right:5px;}
.project-scr{text-align: left;}
}
@media screen and (max-width:580px){

	.photo-conteiner{left:-100px;}.photo-conteiner .img img{height:130px;}.mobile-rd-text h2{text-align:left;}
/*.newSkills{max-width: 60%;margin-left: 15px;margin-right: 0;}*/
.loader{top: 40px;}
.color-changer{width:48px;height:23px;}.sun-moon{width:19px;height:19px;}#hireMe{max-height:700px;min-height:700px;}.sky_three{display:none;}.sky_one{top:6px;height:2px;left:9px;width:25px}.sky_two{top:13px;left:5px;height:2px;}.color-changer-dark{padding-left:27px;}.moondot_one{width:3px;height:3px;}.moondot_three{width:2px;height:2px;}.moondot_two{left:5px;top:11px;}
.color-changer-helper{margin:0;top:-20px;left:240px;padding-top:10px;padding-bottom:10px;}.desktop-btn{margin-left:-30px;}.popupCV{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.icon20{right:50px;bottom:115px;}.icon18{left:70px;bottom:100px;}.myicon img{max-width:80px;}
.skills{padding:0px;padding-left:0px;padding-right:0px;}.dev-icons, .dis-icons, .dis-icons--dark, .dev-icons--dark{width:100%;margin-right:0px;margin-left:0px;margin:0;}.dis{position:relative;}.dev, .dis{margin-left:auto;margin-right:auto;}
.logo_head{left:7px;top:8px;}.remob{display:block;letter-spacing:1.3px;vertical-align:middle;margin:0;margin-top:-2px;}.rede{display:none;}.resume, .hireMeDayFixed{width:70px;padding:5px;top:7px;}.resume{right:5px;} .resume.secondcv{right: 15px;}
.hidedsocials-openclose:hover{background:none;}.screen-background{opacity:0.5;}.dark .screen-background{opacity:0.9;}.hidedsocials .hidedsocials-openclose{padding-top:53px;width:27px;}.hidedsocials-openclose p{}.about{min-height:450px;}.projects h2{margin-bottom:10px;}
.mobile-controld{display:table;width:100%;justify-content:center;text-align:center;}.mobile-controld div{margin-left:auto;margin-right:auto;margin-bottom:10px;}.mobile-controld div.mobile-control{margin-bottom:0px;}
.servicesBlock h2{text-align:left;padding-left:40px;}.myService h2{padding:0;font-size:18px;}.servicesFlex{margin-top:25px;}.myService p{margin-top:8px;} .myicon img{ border-radius: 30px; } .goLink{ max-width: 5px; min-width: 5px; }
.goLink:hover hr{ width: 5px; } .goLink p{ font-size: 1px; visibility: hidden; } .websiteLinks:hover .goLink p{ font-size: 1px; } 
.viewprojhead{height:40px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.projlinks{margin-top:8px;}.projlinks hr, .viewprojhead .popupclose p{display:none;}.viewprojhead .popupclose{top:-1px;left:10px;}.viewproj-he .viewproj{padding-top:40px;}.contactForm .loader{padding-top: 55px;}.loader p{top: 50px;} .contactForm .loader p{top: 65px;}
}
@media screen and (max-width:484px){.websitemore{max-width: 170px;}
.leftMainContent{height: 55%}.rightMainContent{height: 45%;}}

@media screen and (max-width:414px){.intro{transform:none;top:100px;} .myPhotoMob{ width: 80px; height: auto; } .cvContent-head{ display: block; }.myPhotoMob{width: 100%; height: 300px; margin-top: 40px; overflow: hidden;} .myPhotoMob img{ margin-left: -20px; width: 110%; margin-top: -30px; }
.main{height:calc(var(--vh, 1vh) * 85);} .websitemore{max-width: 170px;}
.websiteLinks{ padding-right: 7px; right: 0px;} .latestApps.removed{ opacity: 0;} .latestApps.removed p, .latestApps.removed a{ display: none; }
.hireMeDayFixed{right:7px;}.resume{right:5px;}.screenfooter{cursor:pointer;}.contactForm p{width:100%;}.logo_head{position:absolute;}.myService{margin-right:15px;margin-left:30px;}.servicesBlock h2{padding-left:30px;}.myService h2{padding:0;}
.hidedsocialsclose p, .popupclose p, .popupclose p{display:none;}.servicesFlex{margin-top:20px;}.serviceRight{margin-top:30px;padding-left:30px;}
.about-content{text-align:left;padding:0;padding-left: 5px;}.titleSwitcher{ text-align: left; padding-left: 30px; } .whitespace{width:15px;min-width:15px;}
.titleSwitcher .switchProject p.hiddenP{ height: auto; overflow: hidden; bottom: -33px; padding-top: 5px; padding-bottom: 10px; cursor: pointer; }
}
@media screen and (max-width:375px){.projlinks{float:right;text-align:right;margin-right:10px;}.projlinks hr{margin-right:0px;width:98%;}.rd{padding-left:15px;padding-right:15px;}.mobile-controld{margin-top:30px;}

.myicon img{max-width:40px;}.photo-conteiner .img{margin-bottom:15px;}.projects .nofixedbutton{margin-top:0;}.mobile-rd-text{padding-right:10px;padding-left:15px;}
.project-conteiner{width:90%;margin:0px;margin-left:auto;margin-right:auto;margin-bottom:20px;}.projects{margin-bottom:30px;margin-top:130px;}
.dev, .dis{min-width:100%;width:100%;max-width:auto;}.skills-conteiner-dis{height:100%;}.skills-conteiner, .skills-conteiner-dis{padding-right:30px;padding-left:30px;}
.icon3{right:5px;top:95px;}.icon4{left:40px;top:175px;}.icon6{right:60px;top:165px;}.icon7{right:5px;top:217px;}.icon8{left:5px;top:300px;}.icon10{right:70px;top:280px;}
.icon12{left:5px;top:90px;}.icon13{right:5px;top:85px;}.icon14{left:10px;top:170px;}.icon18{left:75px;bottom:55px}.icon19{right:220px;left:5px;bottom:90px;}.icon20{right:10px;bottom:115px;}
}
@media screen and (max-width:360px){.skills-conteiner, .skills-conteiner-dis, .rd{padding-left:10px;padding-right:10px;}.projects{margin-top:130px;} .myPhotoMob{ margin-right: 10px; margin-bottom: 25px; } .cvContent h2{ font-size: 24px; line-height: 1.2; }
.websitemore{max-width: 140px;} 
.about{margin-bottom:50px;}.whitespace{width:10px;min-width:10px;}.viewproj-about, .imgdescription{margin-right:30px;margin-left:30px;}.main{min-height:450px;}.intro{top:70px;}
.skills, .footer{overflow:hidden;}.contacts{width:100%;}.about{height:auto;padding-top:120px;padding-bottom:50px;}.skills{padding-top:5px;}
}
@media screen and (max-width:320px){

.color-changer-helper{left:140px;top:-10px;}.myicon img{max-width:50px;}.cvContent{padding-left: 15px; padding-right: 15px; padding-top: 17px;} .downloadcont a{ width: 100%; text-align: center; padding: auto; min-width: 100%; } 
}
@media screen and (max-width:285px){
.hidedsocials--click .hidedsocialsbackground{width:100vw;max-width:230px;}.resume.call-cv, .myicon, .network{display:none;}.contacts h2{font-size:14px;}.footer{padding:10px;padding-top:40px;padding-bottom:40px;}#hireMe{min-height:800px;}.myPhotoMob{height: 200px;}
}
@media screen and (max-width:210px){.color-changer-helper{left:120px;}.intro h1{font-size:20px;text-align:left;}h2{font-size:18px;}.about-content p{line-height:1.3;text-align:left;color:#898989;}.myService h2{font-size:14px;} .downloadcont a{ border: none; padding: 0; background: none; border-radius: 0; }
.intro p, .about-content h2{text-align:left;}.hidedsocialsbackground{padding-left:10px;padding-right:30px;}.intro{padding-left:10px;padding-right:5px;}.nofixedbutton{width:100%;}.projects h2, .skillp article{display:none;} .cvContent h4{  } .cvContent{ overflow-x: hidden; } .myPhotoMob{display: none;}
.about-content, .servicesBlock h2, .mobile-rd-text{padding-left:10px;padding-right:5px;}h1, h2, footer p, .popupcontent h3, .popupcontent h4, .cvContent h4{word-break:break-all;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
.rd, .skills-conteiner-dis, .skills-conteiner{padding:0;}.dis, .dev{padding:5px;}.myService{margin-left:10px;margin-right:5px;}	.myService h2{padding-left:0;}.hireMeDay{z-index:999;}
}
@media screen and (max-width:100px){
p, a{word-break:break-all;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}.hidedsocials .hidedsocials-openclose{padding-top:15px;}.hidedsocials-openclose p{transform:none;margin:0;margin-left:10px;width:1px;}
}
@media screen and (max-height:380px){
.hidedsocialsbackground-helper{top:0;transform:none;padding-top:30px;padding-bottom:30px;height:100%;overflow-y:scroll;}
}