/*------------------------------------------------------------------------------ ******************* Файл постоянных стилей: default.next.css ****************** ******************* Собственность компании WEBBERRIES ************************* ******************* https://webberries.ru (C) 2018-2019 *********************** ******************* Для вопросов: webberries@yandex.ru ************************ ******************* Дата обновления: 01.11.2019 ******************************* -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ ******************* BASE SETTINGS ********************************************* -------------------------------------------------------------------------------*/ /* MAIN CSS */ @import url('https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap'); * { box-sizing: border-box; } html, body, h1, h2, h3, h4, h5, h6, div, span, input, textarea, table, td { font-family: 'Nunito', sans-serif; } html, body, div, span, input, textarea, select { font-size: 12pt; } body { background: #f5f5f5; margin: 0; } div img, section img, table img, header img, footer img { max-width: 100%; } /* NOISE FOR BACKGROUNDS */ .noise { background-image: url('data:image/png;base64,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'); } /* SHADOW FOR DIV */ .shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); height: 500px; overflow-y: auto; position: relative; } .shadow2 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); overflow-y: auto; position: relative; } /* HEADERS */ h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-weight: bold; padding: 0; margin: 0; text-align: center; } h1, h2 { font-size: 1.8em; } h3, h4, h5, h6 { font-size: 1.4em; } /* SECTION, DIV.CONTAINER AND BLOCKS */ section, header, footer { width: 100%; min-width: 1220px; padding: 0 20px; overflow: hidden; position: relative; } div.container { width: 1180px; overflow: hidden; margin: 0 auto; position: relative; } .b-1, .b-2, .b-3, .b-4, .b-5, .b-6, .b-7, .b-8, .b-9, .b-10, .b-3f, .b-4f, .b-5f { display: block; float: left; margin: 0px; padding: 10px; position: relative; } .b-10 {width: 10%; } .b-9 {width: 11.11111111%; } .b-8 {width: 12.5%; } .b-7 {width: 14.28571428%; } .b-6 {width: 16.66666666%; } .b-5 {width: 20%; } .b-5f {width: 80%; } .b-4 {width: 25%; } .b-4f {width: 75%; } .b-3 {width: 33.33333333%; } .b-3f {width: 66.66666666%; } .b-2 {width: 50%; } .b-1 {width: 100%; } /* LINKS */ a:link {color: #006699; text-decoration: underline;} a:visited {color: #006699; text-decoration: underline; } a:active {color: #006699; text-decoration: underline;} a:hover {color: #009999; text-decoration: none;} /* CLEAR LINKS AND DIV */ a.clear:link {color: unset; text-decoration: none;} a.clear:visited {color: unset; text-decoration: none; } a.clear:active {color: unset; text-decoration: none;} a.clear:hover {color: unset; text-decoration: none;} div.clear { clear: both; } /* PARAGRAPH AND INPUT STYLES */ p { line-height: 1.5; } input:focus, textarea:focus { outline: none; } input[type=text], input[type=number], input[type=tel], textarea, input[type=password], select { width: 100%; border: 1px solid #c5c5c5; padding: 10px 14px; text-align: center; margin-bottom: 8px; } input[type=submit] { border: 0; padding: 20px 40px; cursor: pointer; transition: 0.5s; text-transform: uppercase; border-radius: 0px; background: #4CAF50; color: #fff; -webkit-appearance: none; } input[type=submit]:hover { background: #2E7D32; } input:required { box-shadow:none; } input:invalid { box-shadow:0; } /* MOBILE AND PC VIEW */ .onlymobile { display: none; } .onlypc { display: unset; } /*------------------------------------------------------------------------------ ******************* END OF BASE SETTINGS ************************************** -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ ******************* ADDITIVE SETTINGS ***************************************** -------------------------------------------------------------------------------*/ /* OVERLAY WINDOWS SETTINGS */ div.overlay { z-index: 99999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); display: none; } div.overlay .window { width: 600px; padding: 30px; margin: 0 auto; background: #fff; color: #1a1a1a; border-radius: 0px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } div.overlay .window h3 { padding: 0; margin: 0; margin-top: 20px; color: #111; font-size: 1.2em; } div.overlay .window p { color: #2c2c2c; } div.overlay .window .close { color: #999; position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; line-height: 30px; background: rgb(229,57,53); color: #fff; text-align: center; font-size: 1em; transition: 0.5s; cursor: pointer; } div.overlay .window .close:hover { background: rgba(183,28,28 ,1); transition: 0.5s; } /* STOP ANIMATE ON HOVER */ .stopanimate { animation-play-state: running; } .stopanimate:hover { animation-play-state: paused; } /* TYPED.JS CURSOR BLINK */ .typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* CUSTOM-BTN - BLINK ON BUTTON AND DIVS */ .custom-btn { display: inline-block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; position: relative; text-align: center; cursor: pointer; overflow: hidden; -webkit-transition: ease 0.3s; transition: ease 0.3s; } .custom-btn:after { content: ""; display: block; width: 30px; height: 300px; margin-left: 60px; background: #fff; background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.2) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.2) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 ); position: absolute; left: -40px; top: -150px; z-index: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-animation-name: slideme; animation-name: slideme; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 0.05s; animation-delay: 0.05s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } /*------------------------------------------------------------------------------ ******************* END OF ADDITIVE SETTINGS ********************************** -------------------------------------------------------------------------------*/