*{padding:0;margin:0}hr.ghr{border-top:2px solid #f858a0 !important;width:100%}hr.ghr:after{content:"Проекты";-webkit-transform:translate(-50%);transform:translate(-50%);color:#dbae09;font-size:20px;padding:0 15px;left:50%;background-color:#fff;position:absolute;top:50%}.navbar{position:fixed;z-index:21;width:100%;min-width:100px !important;background-color:rgba(25,25,25,0.8)}.navbar a.nav-link{color:#89898a}svg.bi:hover{color:#f858a0}svg.bi:active{-webkit-transition:1s all;transition:1s all;color:#8a355b}.nav-pills .show>.nav-link{background-color:red;color:#fff}.nav-pills .show>.nav-link:focus{-webkit-transition:1s all;transition:1s all;color:#fff;background-color:red !important}ul.navbar-nav li.dropdown .dropdown-toggle{position:relative;z-index:1;-webkit-transition:1s all;transition:1s all}ul.navbar-nav li.dropdown:before{content:"";height:100%;position:absolute;left:0;width:0%;background:-webkit-gradient(linear, left top, right top, from(#f858a0), to(#8a355b));background:linear-gradient(.25turn, #f858a0, #8a355b);-webkit-transition:1s all;transition:1s all;display:block;border-radius:4px}ul.navbar-nav li.dropdown:hover:before{width:100%}ul.navbar-nav li.dropdown .dropdown-menu{margin:0;width:100%;border:none;position:absolute;text-align:center}ul.navbar-nav li.dropdown .dropdown-item{z-index:10;position:relative;border:none}.baner{background:url("https://avatanplus.com/files/resources/original/58e0bb7e6f8d515b2ddc65f9.jpg") center/cover no-repeat fixed;min-height:100%;color:#fff;font-size:25px;border-bottom:dashed 5px #fff;padding:5% 2% 5% 0}.baner .info-line{height:70px;width:90%;margin:2px 0;background-color:rgba(0,84,128,0.65);border:solid 2px #17a2b8}.baner .info-line-warning{height:70px;width:90%;margin:2px 0;background-color:rgba(18,174,18,0.65);border:solid 3px #12ae12}.baner .info-line-warning .text-green{color:#07ff3f}.baner .info-line-sass{height:70px;width:90%;margin:2px 0;background-color:rgba(1,1,1,0.65);border:solid 3px #000}.baner .info-line-info{height:70px;width:90%;margin:2px 0;background-color:rgba(116,9,155,0.65);border:solid 3px #74099b}.baner .tri{width:70px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.baner a{color:#fff;text-decoration:none}.baner .Bootstrap_1{background-color:transparent;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid #fff}.baner .Bootstrap_1 .list-bag{background:transparent;display:inline;position:relative;cursor:url(../icon/Like.svg)}.baner .Bootstrap_1:nth-child(odd){background-color:rgba(20,20,20,0.56)}.baner .Bootstrap_1:before{content:"";height:100%;display:inline-block;position:absolute;top:0;left:0%;-webkit-transition:ease 2s;transition:ease 2s;width:0%;border-radius:0 100% 0 0;background:-webkit-gradient(linear, left top, right top, from(rgba(138,53,91,0.4)), to(rgba(248,88,160,0.4)));background:linear-gradient(.25turn, rgba(138,53,91,0.4), rgba(248,88,160,0.4))}.baner .Bootstrap_1:after{content:"Bootstrap";width:0%;height:100%;border:1px dotted #fff;position:absolute;display:block;top:0;left:0%;color:rgba(255,255,255,0);text-align:center;z-index:-1;padding-top:6px;-webkit-transition:ease-out 1s;transition:ease-out 1s;border-right:none}.baner .Bootstrap_1:hover:before{content:"";border-radius:0%;width:100%;height:100%}.baner .Bootstrap_1:hover:after{content:"Bootstrap";width:18%;-webkit-transform:translate(-100%);transform:translate(-100%);z-index:0;color:#fff}.baner .Bootstrap_1:after{content:"Bootstrap"}.baner .Bootstrap_1:hover:after{content:"Bootstrap"}.baner .sass{background-color:transparent;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid #fff}.baner .sass .list-bag{background:transparent;display:inline;position:relative;cursor:url(../icon/Like.svg)}.baner .sass:nth-child(odd){background-color:rgba(20,20,20,0.56)}.baner .sass:before{content:"";height:100%;display:inline-block;position:absolute;top:0;left:0%;-webkit-transition:ease 2s;transition:ease 2s;width:0%;border-radius:0 100% 0 0;background:-webkit-gradient(linear, left top, right top, from(rgba(138,53,91,0.4)), to(rgba(248,88,160,0.4)));background:linear-gradient(.25turn, rgba(138,53,91,0.4), rgba(248,88,160,0.4))}.baner .sass:after{content:"Bootstrap";width:0%;height:100%;border:1px dotted #fff;position:absolute;display:block;top:0;left:0%;color:rgba(255,255,255,0);text-align:center;z-index:-1;padding-top:6px;-webkit-transition:ease-out 1s;transition:ease-out 1s;border-right:none}.baner .sass:hover:before{content:"";border-radius:0%;width:100%;height:100%}.baner .sass:hover:after{content:"Bootstrap";width:18%;-webkit-transform:translate(-100%);transform:translate(-100%);z-index:0;color:#fff}.baner .sass:after{content:"Sass"}.baner .sass:hover:after{content:"Sass"}.baner .animation{background-color:transparent;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid #fff}.baner .animation .list-bag{background:transparent;display:inline;position:relative;cursor:url(../icon/Like.svg)}.baner .animation:nth-child(odd){background-color:rgba(20,20,20,0.56)}.baner .animation:before{content:"";height:100%;display:inline-block;position:absolute;top:0;left:0%;-webkit-transition:ease 2s;transition:ease 2s;width:0%;border-radius:0 100% 0 0;background:-webkit-gradient(linear, left top, right top, from(rgba(138,53,91,0.4)), to(rgba(248,88,160,0.4)));background:linear-gradient(.25turn, rgba(138,53,91,0.4), rgba(248,88,160,0.4))}.baner .animation:after{content:"Bootstrap";width:0%;height:100%;border:1px dotted #fff;position:absolute;display:block;top:0;left:0%;color:rgba(255,255,255,0);text-align:center;z-index:-1;padding-top:6px;-webkit-transition:ease-out 1s;transition:ease-out 1s;border-right:none}.baner .animation:hover:before{content:"";border-radius:0%;width:100%;height:100%}.baner .animation:hover:after{content:"Bootstrap";width:18%;-webkit-transform:translate(-100%);transform:translate(-100%);z-index:0;color:#fff}.baner .animation:after{content:"Animation"}.baner .animation:hover:after{content:"Animation"}.baner .flex{background-color:transparent;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid #fff}.baner .flex .list-bag{background:transparent;display:inline;position:relative;cursor:url(../icon/Like.svg)}.baner .flex:nth-child(odd){background-color:rgba(20,20,20,0.56)}.baner .flex:before{content:"";height:100%;display:inline-block;position:absolute;top:0;left:0%;-webkit-transition:ease 2s;transition:ease 2s;width:0%;border-radius:0 100% 0 0;background:-webkit-gradient(linear, left top, right top, from(rgba(138,53,91,0.4)), to(rgba(248,88,160,0.4)));background:linear-gradient(.25turn, rgba(138,53,91,0.4), rgba(248,88,160,0.4))}.baner .flex:after{content:"Bootstrap";width:0%;height:100%;border:1px dotted #fff;position:absolute;display:block;top:0;left:0%;color:rgba(255,255,255,0);text-align:center;z-index:-1;padding-top:6px;-webkit-transition:ease-out 1s;transition:ease-out 1s;border-right:none}.baner .flex:hover:before{content:"";border-radius:0%;width:100%;height:100%}.baner .flex:hover:after{content:"Bootstrap";width:18%;-webkit-transform:translate(-100%);transform:translate(-100%);z-index:0;color:#fff}.baner .flex:after{content:"Flex"}.baner .flex:hover:after{content:"Flex"}.baner .coder{background-color:transparent;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid #fff}.baner .coder .list-bag{background:transparent;display:inline;position:relative;cursor:url(../icon/Like.svg)}.baner .coder:nth-child(odd){background-color:rgba(20,20,20,0.56)}.baner .coder:before{content:"";height:100%;display:inline-block;position:absolute;top:0;left:0%;-webkit-transition:ease 2s;transition:ease 2s;width:0%;border-radius:0 100% 0 0;background:-webkit-gradient(linear, left top, right top, from(rgba(138,53,91,0.4)), to(rgba(248,88,160,0.4)));background:linear-gradient(.25turn, rgba(138,53,91,0.4), rgba(248,88,160,0.4))}.baner .coder:after{content:"Bootstrap";width:0%;height:100%;border:1px dotted #fff;position:absolute;display:block;top:0;left:0%;color:rgba(255,255,255,0);text-align:center;z-index:-1;padding-top:6px;-webkit-transition:ease-out 1s;transition:ease-out 1s;border-right:none}.baner .coder:hover:before{content:"";border-radius:0%;width:100%;height:100%}.baner .coder:hover:after{content:"Bootstrap";width:18%;-webkit-transform:translate(-100%);transform:translate(-100%);z-index:0;color:#fff}.baner .coder:after{content:"Beautifull"}.baner .coder:hover:after{content:"Beautifull"}.baner2{background:url("https://avatanplus.com/files/resources/original/58e0bb7e6f8d515b2ddc65f9.jpg") center/cover no-repeat fixed;height:100%;color:#fff;font-size:25px;border-bottom:double 10px #fff;padding:5% 2% 5% 2%}.baner2 .logoimg{width:100%;height:100%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(200,200,200,0.5)}.baner2 .logoimg .logo-bg{width:100%}main.photos{height:100%;padding:20px 0 0 0}main.photos .galery h2{color:#f858a0;font-family:verdana;font-size:25px}main.photos .img-p{min-height:320px;width:100%;margin:15px 0;padding:0 0 35px 0;border-bottom:solid maroon 1px}main.photos .img-p:last-child{border:none}main.photos .img-p .header-text{min-height:25px;width:100%;display:block;background-color:#a920db}main.photos .img-p .header-text2{min-height:25px;width:100%;display:block;background-color:#205ddb}main.photos .img-p .header-text2 .big{height:5%;width:5%}main.photos .img-p .header-text2 .bigboy{font-size:20px;font-weight:600;color:#fff}main.photos .img-p .header-text3{min-height:25px;width:100%;display:block;background-color:#6d20db}main.photos .img-p .header-text3 .big2{height:10%;width:10%}main.photos .img-p .content-text{margin:10px 0;display:block;height:100%;font-size:20px;font-weight:400}main.photos .img-p .image{background:url("../bg/Bootstrap.jpg") center center/auto no-repeat;height:400px;width:200px;display:block}main.photos .img-p .image2{background:url("../bg/css-animation.png") center center/100% no-repeat;height:400px;width:200px;display:block}main.photos .img-p .image3{background:url("../bg/SASS-Compiler-Tools.jpg") center center/100% 50% no-repeat;height:400px;width:200px;display:block}main.photos .img-p .image4{background:url("../bg/adaptation.jpg") center center/100% 50% no-repeat;height:400px;width:200px;display:block}main.photos .img-p button{color:#fff}main.photos .img-p .bootstrap-btn{background-color:#a920db;bottom:10px;right:20px}main.photos .img-p .bootstrap-btn:hover{background-color:#fff;color:#a920db;border:#a920db !important}main.photos .img-p .css-btn{background-color:#205ddb;bottom:10px;right:20px}main.photos .img-p .sass-btn{background-color:#6d20db;bottom:10px;right:20px}main.photos img{height:400px;width:300px;margin-right:15px;display:block}main.bootstrap{padding:10px 0}footer{background:url("https://avatanplus.com/files/resources/original/58e0bb7e6f8d515b2ddc65f9.jpg") center/cover no-repeat fixed;color:#fff;width:100%;border-top:10px double #fff}footer .info{border-right:2px solid #fff}footer .info .kon-text{color:#fff}footer .info .kon-tel .tele{color:#000}footer .info .kon-tel .tele:hover{color:#fff}footer .info .kontakt{list-style:none}footer .info .kontakt .lines{background-color:#ff345e;height:40px;width:40px;padding:5px;border-radius:100%;margin:0 20px 0 0}footer .info .kontakt .lines img{height:25px;width:25px}footer .info .kontakt .lines:hover{-webkit-box-shadow:0px 1px 7px 5px rgba(0,0,0,0.5);box-shadow:0px 1px 7px 5px rgba(0,0,0,0.5)}footer .info .kontakt .lines:active{-webkit-box-shadow:inset 0px 1px 7px 5px rgba(0,0,0,0.5);box-shadow:inset 0px 1px 7px 5px rgba(0,0,0,0.5)}footer .mainfoot{padding:0 10px;border-right:2px solid #fff}footer .mainfoot a{color:#fff}footer .mainfoot .main-link{max-width:100%}footer a{color:#fff}footer a:hover{color:#f858a0}footer .down-foot{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:150px;font-size:20px;padding:10px}@media (min-width: 1199px){.baner .info-line-warning .snake{display:block;position:absolute;width:20%;height:150px;bottom:40%;-webkit-transition:1s;transition:1s}.baner .info-line-warning:hover .snake{width:40%;-webkit-transform:translate(50px);transform:translate(50px);-webkit-transition:.5s all;transition:.5s all}.baner .info-line-sass .spider{display:block;width:50px;height:80px;bottom:25%;right:100px;opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:1s;transition:1s}.baner .info-line-sass:hover .spider{-webkit-transform:translate(-250px) rotate(-90deg);transform:translate(-250px) rotate(-90deg);opacity:1;-webkit-transition:.7s all;transition:.7s all}.baner2{min-height:400px}.baner2 .logoimg{-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:1s all;transition:1s all;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.baner2 .logoimg:hover{-webkit-box-shadow:5px 5px 20px #fff;box-shadow:5px 5px 20px #fff;padding:50% 0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s all;transition:.5s all}}@media (max-width: 1199px){.baner{background:url("https://avatanplus.com/files/resources/original/58e0bb7e6f8d515b2ddc65f9.jpg") center/cover no-repeat fixed}.baner .Bootstrap_1,.baner .sass,.baner .animation,.baner .flex,.baner .coder{background-color:transparent;border-bottom:1px solid #fff;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.baner .Bootstrap_1 .list-bag,.baner .sass .list-bag,.baner .animation .list-bag,.baner .flex .list-bag,.baner .coder .list-bag{background:transparent;display:inline;position:relative}.baner .Bootstrap_1:nth-child(odd),.baner .sass:nth-child(odd),.baner .animation:nth-child(odd),.baner .flex:nth-child(odd),.baner .coder:nth-child(odd){background-color:rgba(237,44,92,0);background:-webkit-gradient(linear, right top, left top, from(rgba(237,44,92,0.549)), to(rgba(0,0,0,0.4)));background:linear-gradient(to left, rgba(237,44,92,0.549) rgba(0,0,0,0.4), rgba(0,0,0,0.4))}.baner .Bootstrap_1:before,.baner .sass:before,.baner .animation:before,.baner .flex:before,.baner .coder:before{content:"";background-color:red;display:none}.baner .Bootstrap_1:after,.baner .sass:after,.baner .animation:after,.baner .flex:after,.baner .coder:after{content:"";background:none;display:none}.baner .carousel{margin:0 auto}}@media (max-width: 992px){.navbar svg.bi{color:#fff}ul.navbar-nav li.dropdown .dropdown-toggle{position:relative;z-index:1;-webkit-transition:1s all;transition:1s all}ul.navbar-nav li.dropdown:before{content:""}ul.navbar-nav li.dropdown:hover:before{width:0%}.baner{background:url("https://avatanplus.com/files/resources/original/58e0bb7e6f8d515b2ddc65f9.jpg") center/cover no-repeat fixed}.baner .Bootstrap_1,.baner .sass,.baner .animation,.baner .flex,.baner .coder{background-color:transparent;border-bottom:1px solid #fff;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.baner .Bootstrap_1 .list-bag,.baner .sass .list-bag,.baner .animation .list-bag,.baner .flex .list-bag,.baner .coder .list-bag{background:transparent;display:inline;position:relative}.baner .Bootstrap_1:nth-child(odd),.baner .sass:nth-child(odd),.baner .animation:nth-child(odd),.baner .flex:nth-child(odd),.baner .coder:nth-child(odd){background-color:rgba(237,44,92,0);background:-webkit-gradient(linear, right top, left top, from(rgba(237,44,92,0.549)), to(rgba(0,0,0,0.4)));background:linear-gradient(to left, rgba(237,44,92,0.549) rgba(0,0,0,0.4), rgba(0,0,0,0.4))}.baner .Bootstrap_1:before,.baner .sass:before,.baner .animation:before,.baner .flex:before,.baner .coder:before{content:"";background-color:red;display:none}.baner .Bootstrap_1:after,.baner .sass:after,.baner .animation:after,.baner .flex:after,.baner .coder:after{content:"";background:none;display:none}.baner .Bootstrap_1:before,.baner .sass:before,.baner .animation:before,.baner .flex:before,.baner .coder:before{content:"";background-color:red;display:none}.baner .Bootstrap_1:after,.baner .sass:after,.baner .animation:after,.baner .flex:after,.baner .coder:after{content:"";background:none;display:none}.baner .carousel{margin:0 auto}}main.photos .img-p .bootstrap-btn:hover{background-color:none}main.photos footer .info .kon-tel .tele{color:#fff}@media (max-width: 968px){footer a{color:#fff}footer a:hover{color:#fff}footer .info{border-top:1px solid #fff;border-right:none}footer .mainfoot{border-right:none}footer .avtor{border-top:1px solid #fff}}@media (max-width: 576px){.w-sm-100{width:100%;margin:10px auto !important}.baner{min-height:100%}.baner .w-sm-100{width:100%}.baner2{padding:35px 0 5px 0}main.photos .img-p .header-text .icon-boot{width:100px !important}main.photos .img-p .header-text3 .big2{width:30px}main.photos .img-p .header-text2 .big{width:30px}main.photos .img-p .bootstrap-btn{bottom:10px;right:20px;right:10%;width:80%}main.photos .img-p .sass-btn{bottom:10px;right:20px;right:10%;width:80%}main.photos .img-p .css-btn{bottom:10px;right:20px;right:10%;width:80%}footer .info .kontakt .lines{margin:0 10px 0 0}footer .mainfoot{padding:0 0px !important}}@media (max-width: 439px){.baner h3{font-size:26px}}@media (max-width: 439px){.baner h3{font-size:20px}}@media (max-width: 320px){.baner{height:100%}.baner .text{margin-top:35px !important}main.photos .galery h2{color:#f858a0;font-family:verdana;font-size:25px}main.photos .img-p .header-text .icon-boot{width:40% !important}main.photos .img-p .header-text3 .big2{width:15%}main.photos .img-p .header-text2 .big{width:15%}main.photos:last-child{border:none}main.photos:last-child .header-text{min-height:25px;width:100%;display:block;background-color:#a920db}main.photos:last-child .header-text2{min-height:25px;width:100%;display:block;background-color:#205ddb}main.photos:last-child .header-text2 .big{height:5%;width:5%}main.photos:last-child .header-text2 .bigboy{font-size:20px;font-weight:600;color:#fff}main.photos:last-child .header-text3{min-height:25px;width:100%;display:block;background-color:#6d20db}main.photos:last-child .header-text3 .big2{height:10%;width:10%}}