/* ------------------------------------------------------------ */ /* The container must be positioned relative: */ .custom-select { position: relative; font-family: "Underdog-Regular", sans-serif; /*margin-top: 10px;*/ border: 1px solid black; border-radius: 4px; } .custom-select select { display: none; /*hide original SELECT element: */ } .select-selected { background: rgba(255,255,255, .25); padding-top: 9px; padding-bottom: 10px; padding-right: 35px; padding-left: 10px; } .select-selected:hover { background: rgba(255, 191, 0, 0.3); /* border:1px solid black;*/ } /* Style the arrow inside the select element: */ .select-selected:after { position: absolute; content: ""; top: 22px; right: 7px; width: 0; height: 0; border: 10px solid transparent; border-color: #fff transparent transparent transparent; } /* Point the arrow upwards when the select box is open (active): */ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 10px; } /* style the items (options), including the selected item: */ .select-items div,.select-selected { color: #ffffff; /* padding: 8px 16px;*/ border: 1px solid transparent; /* border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;*/ cursor: pointer; border-radius: 4px; font-size:22px; } /* Style items (options): */ .select-items { position: absolute; background-color: rgba(0, 0, 0, 0.5); top: 100%; left: -100px; right: 0; z-index: 99; border-radius: 4px; /*border-left: 1px solid black; border-right: 1px solid black;*/ margin-top: 1px; min-width: 200px; } /* Hide the items when the select box is closed: */ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(255, 191, 0, 0.3); border: 1px solid black; } /* ------------------------------------------------------------ */ .imgShadowBlack{ filter: drop-shadow(0 0 1px black) } .imgShadowBlack1px{ filter: drop-shadow(0 0 1px black) } .imgShadowBlack2px{ filter: drop-shadow(0 0 2px black) } .imgShadowBlack3px{ filter: drop-shadow(0 0 3px black) } .imgShadowBlack4px{ filter: drop-shadow(0 0 4px black) } .imgShadowBlack5px{ filter: drop-shadow(0 0 5px black) } .bounce { } .bounce:hover { animation: bounce 1s infinite; /* Применение анимации */ z-index: 3; } /* Определение анимации */ @keyframes bounce { 0% { transform: scale(0.95); } 50% { transform: scale(1.1); /* Увеличение до 120% */ } 100% { transform: scale(0.95); } } .pulsacia{ animation: pulse 6s infinite; } @keyframes pulse{ 0%{ opacity: 1; } 50%{ opacity: 0; } 100%{ opacity: 1; } } .opacity_hover{ opacity:.6; } .opacity_hover:hover{ opacity:1; } @media screen and (max-width: 767px) { .mobile_hide { display:none; } .mobile_show { display:visible; } } @media screen and (min-width: 767px) { .mobile_hide { display:visible; } .mobile_show { display:none; } } @media screen and (max-width: 1024px) { .tablet_hide { display:none; } .tablet_show { display:visible; } } @media screen and (max-width: 1199px) { .medium_hide { display:none; } .medium_hide_text { position:absolute; margin-left:-999px; } .medium_show { display:visible; } } .mirrorX { transform: scale(-1, 1); } .col_center {float: none;margin: 0 auto;display: inline-block;} .block_hidden { display: none; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=45); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=45); filter:alpha(opacity=45); } .block_with_hidden:hover .block_hidden{ display: initial; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out; } .block_hidden_opacity { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -webkit-transition: opacity .35s ease-in-out; } .block_with_hidden_opacity:hover .block_hidden_opacity{ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out; } .opacity_hover{ opacity:.6; } .opacity_hover:hover{ opacity:1; } .grow125 { -moz-transition: transform .1s ease-out; -o-transition: transform .1s ease-out; -webkit-transition: transform .1s ease-out; transition: transform .1s ease-out; } .grow125:hover { -moz-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; transition: transform .2s ease-out; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); z-index: 11; /*position: relative;*/ } .grow1 { -moz-transition: transform .1s ease-out; -o-transition: transform .1s ease-out; -webkit-transition: transform .1s ease-out; transition: transform .1s ease-out; } .grow1:hover { -moz-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; transition: transform .2s ease-out; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); z-index: 111111; position: relative; } .grow2 { -moz-transition: transform .1s ease-out; -o-transition: transform .1s ease-out; -webkit-transition: transform .1s ease-out; transition: transform .1s ease-out; } .grow2:hover { -moz-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; transition: transform .2s ease-out; -webkit-transform: scale(2.4); -ms-transform: scale(2.4); transform: scale(2.4); z-index: 111111; position: relative; } .grow { position: relative; -moz-transition: transform .1s ease-out; -o-transition: transform .1s ease-out; -webkit-transition: transform .1s ease-out; transition: transform .1s ease-out; z-index: 1; will-change: transform; } .grow:hover { -moz-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; transition: transform .2s ease-out; -webkit-transform: scale(1.18); -ms-transform: scale(1.18); transform: scale(1.18); z-index: 11; /*position: relative;*/ } .sendsubmit { width: 33px; height: 33px; margin: 0; padding:0; border: 0; background: transparent url('../img/logo/close3.png') no-repeat center top; text-indent: -1000em; cursor: pointer; cursor: hand; } .nodotted a:link { text-decoration:none; outline: none; border-bottom: none; } #layer { position: absolute; display: none; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); z-index: 555; } .some_div { position: relative; background: #FFF; } .some_div1 { position: relative; padding:10px; background: #FFF; border-radius:10px; } @font-face { font-family: 'Opsilon'; /* Имя, которое будем использовать в коде */ src: url('Opsilon-Regular.woff2') format('woff2'), url('Opsilon-Regular.woff') format('woff'); font-weight: 400; /* Для обычного шрифта (Regular) */ font-style: normal; font-display: swap; /* Текст покажется сразу, даже если шрифт еще грузится */ } .Opsilon {font-family: 'Opsilon';letter-spacing: 0.75px;} @font-face { font-family: "Violet"; src: url("Violet.eot"); src: url("Violet.eot?#iefix") format("embedded-opentype"), url("Violet.woff") format("woff"), url("Violet.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; } .Violet {font-family: 'Violet';font-style:oblique;font-weight: bold;letter-spacing: 0.75px;} @font-face { font-weight: normal; font-style: normal; font-family: 'small1'; src:url('lionelofparis.ttf'); font-display: swap; } .small1 {font-family: 'small1';} .font1{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} .border_texture3 { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture1.png") 6 stretch; } .border_texture2 { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture2.png") 6 stretch; } .border_texture1 { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture3.png") 6 stretch; } .border_texture_free { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture_free.png") 6 stretch; } .border_texture_premium { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture_premium.png") 6 stretch; } .border_texture_private { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture_private.png") 6 stretch; } .border_texture_private_amir4an { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture_private_amir4an.png") 6 stretch; } .border_texture_private_darknessing { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture_private_darknessing.png") 6 stretch; } .border_texture_private_defiree { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture_private_defiree.png") 6 stretch; } .border_texture_vip { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture_vip.png") 6 stretch; } .border_texture4 { border: 6px solid black; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch stretch; border-image: url("/assets/img/texture/border_texture4.png") 6 stretch; } .black_block{margin-top:15px;font-size:22px;background-color: #262626;border-top:1px solid black;border-bottom:1px solid black;padding-left:20px;padding-right:25px;margin-right:-30px;margin-left:-30px;color:white;padding-bottom:0;} .brown_block{margin-top:15px;text-align:center;font-size:22px;background-color: #4a3522;border-top:1px solid black;border-bottom:1px solid black;padding-left:20px;padding-right:10px;margin-right:-30px;margin-left:-30px;color:white;padding-bottom:0;} .brown_block a {color:#0095ff;} .brown_block a:hover {color:OrangeRed;} .brown_block_green{margin-top:15px;text-align:center;font-size:22px;background-color: #4a3522;border-top:1px solid black;border-bottom:1px solid black;padding-left:20px;padding-right:10px;margin-right:-30px;margin-left:-30px;color:white;padding-bottom:0;} .brown_block_green a {color:#5acf14;} .brown_block_green a:hover {color:gold;} /*.hover_bg:hover{background: rgba(100, 120, 207, 0.9); transition:.3s;}.hover_bg{transition:.3s;}*/ .hover_bg:hover{background:rgba(255, 255, 255, 0.15);transition: .3s;}.hover_bg{transition:.3s;} .background_style1 { background: radial-gradient(#000 15%, transparent 16%) 0 0, radial-gradient(#000 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background-color:#282828; background-size:16px 16px; } .background_style2 { background-color:#556; background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a); background-size:80px 140px; background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px; } /*.border_top_texture11 { border-top:26px solid black; -webkit-border-image: url("/img/texture/border_top1.png") 26 repeat; -moz-border-image: url("/img/texture/border_top1.png") 26 repeat; -o-border-image: url("/img/texture/border_top1.png") 26 repeat; border-image: url("/img/texture/border_top1.png") 26 repeat; } */ .border_top_texture22 { border:20px solid black; border-image: url("/img/texture/border_texture1.png") 20 stretch; } .border_texture2 { border:6px solid black; border-image: url("/img/texture/border_texture1.png") 6 stretch; } .border_bottom_texture1 { border-bottom:10px solid black; -webkit-border-image: url("/img/texture/border_bottom2.png") 20 repeat; -moz-border-image: url("/img/texture/border_bottom2.png") 20 repeat; -o-border-image: url("/img/texture/border_bottom2.png") 20 repeat; border-image: url("/img/texture/border_bottom2.png") 20 repeat; } .transition { -webkit-transition: top 1s ease-out 0.5s; -moz-transition: top 1s ease-out 0.5s; -o-transition: top 1s ease-out 0.5s; transition: top 1s ease-out 0.5s; } .swing:hover { -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .swing_active { -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .bounce:hover { animation: bounce 1s infinite; /* Применение анимации */ z-index: 3; } @keyframes bounce { 0% { transform: scale(0.95); } 50% { transform: scale(1.1); /* Увеличение до 120% */ } 100% { transform: scale(0.95); } } .derg { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; } .derg:hover { -webkit-animation-name: Tada; -moz-animation-name: Tada; -o-animation-name: Tada; animation-name: Tada; animation-iteration-count: infinite; animation-direction: normal; z-index:9999999px; position:relative; } .derg1 { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; } .derg1:hover { -webkit-animation-name: Tada1; -moz-animation-name: Tada1; -o-animation-name: Tada1; animation-name: Tada1; animation-iteration-count: infinite; animation-direction: normal; z-index:9999999px; position:relative; } .derg_active { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-name: Tada; -moz-animation-name: Tada; -o-animation-name: Tada; animation-name: Tada; animation-iteration-count: infinite; animation-direction: normal; } @-webkit-keyframes Tada { 0% { -webkit-transform:scale(1) } 10%, 20% { -webkit-transform:scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale(1.1) rotate(-3deg) } 100% { -webkit-transform:scale(1) rotate(0) } } @-moz-keyframes Tada { 0% { -moz-transform:scale(1) } 10%,20% { -moz-transform:scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -moz-transform:scale(1.1) rotate(3deg) } 40%, 60%, 80% { -moz-transform:scale(1.1) rotate(-3deg) } 100% { -moz-transform:scale(1) rotate(0) } } @-o-keyframes Tada { 0% { -o-transform:scale(1) } 10%,20% { -o-transform:scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -o-transform:scale(1.1) rotate(3deg) } 40%, 60%, 80% { -o-transform:scale(1.1) rotate(-3deg) } 100% { -o-transform:scale(1) rotate(0) } } @keyframes Tada { 0% { transform:scale(1) } 10%, 20% { transform:scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { transform:scale(1.1) rotate(3deg) } 40%, 60%, 80% { transform:scale(1.1) rotate(-3deg) } 100% { transform:scale(1) rotate(0) } } @-webkit-keyframes Tada1 { 0% { -webkit-transform:scale(1) } 10%, 20%, 30%, 50%, 70%, 90% { -webkit-transform:scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale(1.1) rotate(0deg) } 100% { -webkit-transform:scale(1) rotate(0) } } @-moz-keyframes Tada1 { 0% { -moz-transform:scale(1) } 10%,20%, 30%, 50%, 70%, 90% { -moz-transform:scale(1.1) rotate(3deg) } 40%, 60%, 80% { -moz-transform:scale(1.1) rotate(0deg) } 100% { -moz-transform:scale(1) rotate(0) } } @-o-keyframes Tada1 { 0% { -o-transform:scale(1) } 10%,20% { -o-transform:scale(1) rotate(0deg) } 30%, 50%, 70%, 90% { -o-transform:scale(1.1) rotate(3deg) } 40%, 60%, 80% { -o-transform:scale(1.1) rotate(0deg) } 100% { -o-transform:scale(1) rotate(0) } } @keyframes Tada1 { 0% { transform:scale(1) } 10%, 20% { transform:scale(1) rotate(0deg) } 30%, 50%, 70%, 90% { transform:scale(1.1) rotate(3deg) } 40%, 60%, 80% { transform:scale(1.1) rotate(0deg) } 100% { transform:scale(1) rotate(0) } } @-webkit-keyframes swing { 15% { -webkit-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 50% { -webkit-transform: translateX(6px); transform: translateX(6px); } 65% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 80% { -webkit-transform: translateX(4px); transform: translateX(4px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes swing { 15% { -webkit-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 50% { -webkit-transform: translateX(6px); transform: translateX(6px); } 65% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 80% { -webkit-transform: translateX(4px); transform: translateX(4px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .text_solid_white { text-shadow: -0 -1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, -0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px -0 0 #FFFFFF, 1px -0 0 #FFFFFF, -1px 0 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; } .text_solid_orange { text-shadow: 1px 0px 1px #f00, 1px 2px 4px #f00, 1px 1px 1px #f00, 0px 1px 1px #f00; } .text_solid_black { /* text-shadow: 1px 0 1px #000, 0 3px 3px #000, 0px 1px 0px #000, 0 0px 0px #000;*/ /*text-shadow: -0 -1px 0 #000000, 0 -1px 0 #000000, -0 1px 0 #000000, 0 1px 0 #000000, -1px -0 0 #000000, 1px -0 0 #000000, -1px 0 0 #000000, 1px 0 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;*/ /* text-shadow: 1px 0 1px #000, 0 3px 3px #000, 0px 1px 0px #000, 0 0px 0px #000;*/ text-shadow: 1px 0px 1px #000, 1px 2px 4px #000, 1px 1px 1px #000, 0px 1px 1px #000; } .text_solid_black_2px { text-shadow: -0 -2px 0 #000000, 0 -2px 0 #000000, -0 2px 0 #000000, 0 2px 0 #000000, -2px -0 0 #000000, 2px -0 0 #000000, -2px 0 0 #000000, 2px 0 0 #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000; } .text_solid_black_3px { text-shadow: -0 -3px 0 #000000, 0 -3px 0 #000000, -0 3px 0 #000000, 0 3px 0 #000000, -3px -0 0 #000000, 3px -0 0 #000000, -3px 0 0 #000000, 3px 0 0 #000000, -3px -3px 0 #000000, 3px -3px 0 #000000, -3px 3px 0 #000000, 3px 3px 0 #000000, -3px -3px 0 #000000, 3px -3px 0 #000000, -3px 3px 0 #000000, 3px 3px 0 #000000; } .text_solid_black_shadow { /* text-shadow: 1px 0 1px #000, 0 3px 3px #000, 0px 1px 0px #000, 0 0px 0px #000;*/ text-shadow: 1px 0px 1px #000, 1px 2px 4px #000, 1px 1px 1px #000, 0px 1px 1px #000; } .hover_neon1 { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon2 { -moz-box-shadow: 0 0 20px red; -webkit-box-shadow: 0 0 20px red; box-shadow: 0 0 20px red; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_red { -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_red:hover { -moz-box-shadow: 0 0 20px #f50900; -webkit-box-shadow: 0 0 20px #f50900; box-shadow: 0 0 20px #f50900; } .hover_neon_green { -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_green:hover { -moz-box-shadow: 0 0 20px #57ff00; -webkit-box-shadow: 0 0 20px #57ff00; box-shadow: 0 0 20px #57ff00; } .hover_neon { -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon:hover { -moz-box-shadow: 0 0 20px orange; -webkit-box-shadow: 0 0 20px orange; box-shadow: 0 0 20px orange; } .hover_neon_blue { -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_blue:hover { -moz-box-shadow: 0 0 20px #0069ea; -webkit-box-shadow: 0 0 20px #0069ea; box-shadow: 0 0 20px #0069ea; } .hover_neon_orange { -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_orange:hover { -moz-box-shadow: 0 0 20px orange; -webkit-box-shadow: 0 0 20px orange; box-shadow: 0 0 20px orange; } .hover_border_orange { -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_border_orange:hover { border-color:orange; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_border_lime { -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_border_lime:hover { border:1px solid lime; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .border_black { border:1px solid black; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_lime:hover { -moz-box-shadow: 0 0 20px lime; -webkit-box-shadow: 0 0 20px lime; box-shadow: 0 0 20px lime; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_purple { -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_purple:hover { -moz-box-shadow: 0 0 20px purple; -webkit-box-shadow: 0 0 20px purple; box-shadow: 0 0 20px purple; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_amir4an { -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_amir4an:hover { -moz-box-shadow: 0 0 20px purple; -webkit-box-shadow: 0 0 20px purple; box-shadow: 0 0 20px purple; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_darknessing { -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_darknessing:hover { -moz-box-shadow: 0 0 20px white; -webkit-box-shadow: 0 0 20px white; box-shadow: 0 0 20px white; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_white { -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_white:hover { -moz-box-shadow: 0 0 20px white; -webkit-box-shadow: 0 0 20px white; box-shadow: 0 0 20px white; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_defiree { -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_defiree:hover { -moz-box-shadow: 0 0 20px red; -webkit-box-shadow: 0 0 20px red; box-shadow: 0 0 20px red; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_green { -moz-box-shadow: 0 0 10px #555; -webkit-box-shadow: 0 0 10px #555; box-shadow: 0 0 10px #555; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .hover_neon_green:hover { -moz-box-shadow: 0 0 20px green; -webkit-box-shadow: 0 0 20px green; box-shadow: 0 0 20px green; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .blue_gold_hover {color:#0095ff;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s;} .blue_gold_hover:hover {color:gold;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .green_gold_hover {color:#5acf14;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s;} .green_gold_hover:hover {color:gold;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .green_gold_hover a {color:#5acf14;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s;} .green_gold_hover a:hover {color:gold;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .brown_block .green_gold_hover a {color:#5acf14;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s;} .brown_block .green_gold_hover a:hover {color:gold;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .white_gold_hover {color:#fffdfd;} .white_gold_hover:hover {color:gold;} .orange_gold_hover {color:#ffd700;} .orange_gold_hover:hover {color:#ff8300;} .gold_hover {color:#fffdfd;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s;} .gold_hover:hover {color:gold;transition: background 0.3s ease, color 0.3s linear; -webkit-transition: box-shadow .6s; transition: box-shadow .6s; } .gold_hover1 {color:#fffdfd;} .gold_hover1:hover {color:gold;} .color_white {color:white;} .black_block_opacity_small { background-color: rgba(0, 0, 0, 0.35); } .black_block_opacity_small:hover { background-color: rgba(255, 112, 0, 0.35); } .black_block_opacity_small1 { background-color: rgba(0, 0, 0, 0.55); } .black_block_opacity_small1:hover { } @media (max-width: 534px) { .max_width_534px {display:none;} } .black_block_opacity { background-color: rgba(0, 0, 0, 0.7); } .white_block_opacity { background-color: rgba(255, 255, 255, 0.7); } .white_block_opacity_small { background-color: rgba(255, 255, 255, 0.25); } .orange_block_opacity { background-color: rgba(255, 114, 0, 0.7); } .orange_block_opacity_small { background-color: rgba(255, 114, 0, 0.60); } .RoyalBlue_block_opacity_small { background-color: rgba(65, 105, 225, 0.60); } .gold_block_opacity_small { background-color: rgba(138, 43 , 246, 0.60); } .green_block_opacity { background-color: rgba(0, 128, 0, 0.55); } .green_block_opacity_small { background-color: rgba(0, 128, 0, 0.25); } .green_block_opacity_small:hover { background-color: rgba(255, 112, 0, 0.25); } .bg_gray_orange { background-color: rgba(194, 194, 194, 0.5); } .bg_gray_orange:hover { background-color: rgba(255, 179, 0, 0.62); } .border_radius_10 { border-radius:10px; } .border_top_radius_10 { border-top-left-radius: 10px; /* Левый нижний уголок */ border-top-right-radius: 10px; /* Правый нижний уголок */ } .border_bottom_radius_10 { border-bottom-left-radius: 10px; /* Левый нижний уголок */ border-bottom-right-radius: 10px; /* Правый нижний уголок */ } .black_border_around { border:1px solid black; } .white_border_around { border:1px solid white; } .white_border_top_bot { border-bottom:1px solid white; border-top:1px solid white; } .gold_border_top_bot { border-bottom:1px solid gold; border-top:1px solid gold; } .width_full_line { width:100%; display: inline-block; } .margin_top_bot_10px { margin: 10px 0px 10px 0px; } .margin_top_10px { margin-top: 10px; } .margin_top_5px { margin-top: 5px; } .margin_right_5px { margin-right: 5px; } .pointer {cursor:pointer;}