/* GLOBAL STYLES -------------------------------------------------- */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300.woff2') format('woff2'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300.woff') format('woff'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300.ttf') format('truetype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300italic.eot'); src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300italic.woff2') format('woff2'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300italic.woff') format('woff'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300italic.ttf') format('truetype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-300italic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-regular.woff2') format('woff2'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-regular.woff') format('woff'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-regular.ttf') format('truetype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-regular.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-italic.eot'); src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-italic.woff2') format('woff2'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-italic.woff') format('woff'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-italic.ttf') format('truetype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-italic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500.woff2') format('woff2'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500.woff') format('woff'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500.ttf') format('truetype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500italic.eot'); src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500italic.woff2') format('woff2'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500italic.woff') format('woff'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500italic.ttf') format('truetype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-500italic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700.woff2') format('woff2'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700.woff') format('woff'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700.ttf') format('truetype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700italic.eot'); src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700italic.woff2') format('woff2'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700italic.woff') format('woff'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700italic.ttf') format('truetype'), url('fonts/roboto-v19-latin-ext_cyrillic-ext_latin_cyrillic-700italic.svg#Roboto') format('svg'); } html { min-width: 320px; } body { color: #5a5a5a; font-family: 'Roboto', Arial, sans-serif; position: static; top: 0; left: 0; right: 0; bottom: 0; min-width: 320px; -webkit-overflow-scrolling: touch; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .4s; } h2 { font-size: 29px; color: #333333; } a:focus, a:active, a:hover { outline: none; text-decoration: none; } .m-right { float: right; } .m-left { float: left; } .border_double { border-top: 1px solid #dae8f0; -webkit-box-shadow: 0 1px 0 0 #ffffff inset; -moz-box-shadow: 0 1px 0 0 #ffffff inset; box-shadow: 0 1px 0 0 #ffffff inset; } .page-gray-bg { background-color: #f1f1f1; } .is_ai-bg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a3ff+0,03a4ff+19,03a4ff+32,76d1ff+61,0ca8ff+100 */ background: #00a3ff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBhM2ZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjMDNhNGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjMDNhNGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjNzZkMWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjYThmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #00a3ff 0%, #03a4ff 19%, #03a4ff 32%, #76d1ff 61%, #0ca8ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00a3ff), color-stop(19%,#03a4ff), color-stop(32%,#03a4ff), color-stop(61%,#76d1ff), color-stop(100%,#0ca8ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #00a3ff 0%,#03a4ff 19%,#03a4ff 32%,#76d1ff 61%,#0ca8ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #00a3ff 0%,#03a4ff 19%,#03a4ff 32%,#76d1ff 61%,#0ca8ff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #00a3ff 0%,#03a4ff 19%,#03a4ff 32%,#76d1ff 61%,#0ca8ff 100%); /* IE10+ */ background: linear-gradient(135deg, #00a3ff 0%,#03a4ff 19%,#03a4ff 32%,#76d1ff 61%,#0ca8ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3ff', endColorstr='#0ca8ff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .is_var-bg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#75c14e+0,9fdc86+54,6ebc4c+99,73bb3d+99,6bbf46+99,6bc041+99,74ba46+100,fcfffd+100,ffffff+100 */ background: #75c14e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzVjMTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjOWZkYzg2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNmViYzRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNzNiYjNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNmJiZjQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNmJjMDQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc0YmE0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZmZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #75c14e 0%, #9fdc86 54%, #6ebc4c 99%, #73bb3d 99%, #6bbf46 99%, #6bc041 99%, #74ba46 100%, #fcfffd 100%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#75c14e), color-stop(54%,#9fdc86), color-stop(99%,#6ebc4c), color-stop(99%,#73bb3d), color-stop(99%,#6bbf46), color-stop(99%,#6bc041), color-stop(100%,#74ba46), color-stop(100%,#fcfffd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #75c14e 0%,#9fdc86 54%,#6ebc4c 99%,#73bb3d 99%,#6bbf46 99%,#6bc041 99%,#74ba46 100%,#fcfffd 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #75c14e 0%,#9fdc86 54%,#6ebc4c 99%,#73bb3d 99%,#6bbf46 99%,#6bc041 99%,#74ba46 100%,#fcfffd 100%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #75c14e 0%,#9fdc86 54%,#6ebc4c 99%,#73bb3d 99%,#6bbf46 99%,#6bc041 99%,#74ba46 100%,#fcfffd 100%,#ffffff 100%); /* IE10+ */ background: linear-gradient(135deg, #75c14e 0%,#9fdc86 54%,#6ebc4c 99%,#73bb3d 99%,#6bbf46 99%,#6bc041 99%,#74ba46 100%,#fcfffd 100%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c14e', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .is_web-services-bg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fdfefc+53,fafdfb+55,fcfdfa+59,f8fcf8+61,f7fbf4+70,f4fbf3+71,f2f9ef+79,f0f9ed+79,ecf7e9+85,eef7e9+87,ebf6e7+88,edf6e8+90,e9f5e5+92,e8f4e3+99,e4f3df+100,e7f4e1+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fdfefc 53%, #fafdfb 55%, #fcfdfa 59%, #f8fcf8 61%, #f7fbf4 70%, #f4fbf3 71%, #f2f9ef 79%, #f0f9ed 79%, #ecf7e9 85%, #eef7e9 87%, #ebf6e7 88%, #edf6e8 90%, #e9f5e5 92%, #e8f4e3 99%, #e4f3df 100%, #e7f4e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(53%,#fdfefc), color-stop(55%,#fafdfb), color-stop(59%,#fcfdfa), color-stop(61%,#f8fcf8), color-stop(70%,#f7fbf4), color-stop(71%,#f4fbf3), color-stop(79%,#f2f9ef), color-stop(79%,#f0f9ed), color-stop(85%,#ecf7e9), color-stop(87%,#eef7e9), color-stop(88%,#ebf6e7), color-stop(90%,#edf6e8), color-stop(92%,#e9f5e5), color-stop(99%,#e8f4e3), color-stop(100%,#e4f3df), color-stop(100%,#e7f4e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fdfefc 53%,#fafdfb 55%,#fcfdfa 59%,#f8fcf8 61%,#f7fbf4 70%,#f4fbf3 71%,#f2f9ef 79%,#f0f9ed 79%,#ecf7e9 85%,#eef7e9 87%,#ebf6e7 88%,#edf6e8 90%,#e9f5e5 92%,#e8f4e3 99%,#e4f3df 100%,#e7f4e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fdfefc 53%,#fafdfb 55%,#fcfdfa 59%,#f8fcf8 61%,#f7fbf4 70%,#f4fbf3 71%,#f2f9ef 79%,#f0f9ed 79%,#ecf7e9 85%,#eef7e9 87%,#ebf6e7 88%,#edf6e8 90%,#e9f5e5 92%,#e8f4e3 99%,#e4f3df 100%,#e7f4e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#fdfefc 53%,#fafdfb 55%,#fcfdfa 59%,#f8fcf8 61%,#f7fbf4 70%,#f4fbf3 71%,#f2f9ef 79%,#f0f9ed 79%,#ecf7e9 85%,#eef7e9 87%,#ebf6e7 88%,#edf6e8 90%,#e9f5e5 92%,#e8f4e3 99%,#e4f3df 100%,#e7f4e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#fdfefc 53%,#fafdfb 55%,#fcfdfa 59%,#f8fcf8 61%,#f7fbf4 70%,#f4fbf3 71%,#f2f9ef 79%,#f0f9ed 79%,#ecf7e9 85%,#eef7e9 87%,#ebf6e7 88%,#edf6e8 90%,#e9f5e5 92%,#e8f4e3 99%,#e4f3df 100%,#e7f4e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7f4e1',GradientType=0 ); /* IE6-9 */ } .is_web-autocatalogs-bg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,dcedf9+99 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 0%, #dcedf9 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 0%,#dcedf9 99%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 0%,#dcedf9 99%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 0%,#dcedf9 99%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 0%,#dcedf9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcedf9',GradientType=0 ); /* IE6-9 */ } /* Begin Кнопки соц-сетей -----------------------------------------------------------------*/ .social { display: inline-block; } .social--footer { margin-top: 20px; } .social__btn { display: inline-block; border: 3px #7AB0CD solid; border-radius: 50%; margin-right: 3px; -webkit-transition: border-color .2s; -moz-transition: border-color .2s; -o-transition: border-color .2s; transition: border-color .2s; } .social__btn:hover { border-color: #fff; } .social__btn:hover .social__btn-logo { fill: #fff; } .social__btn-logo { width: 18px; height: 18px; margin: 5px; fill: #7AB0CD; vertical-align: middle; -webkit-transition: fill .2s; -moz-transition: fill .2s; -o-transition: fill .2s; transition: fill .2s; } /* End Кнопки соц-сетей -----------------------------------------------------------------*/ /* Begin Кнопки -----------------------------------------------------------------*/ .btn-inline { float: none !important; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } /*-- Begin Кнопка заказа и отписаться от рассылки--*/ .btn-order, .btn-to-unsubscribe, .btn-save { border: none; color: #f8fdff; font-size: 16px; padding: 6px 40px 6px 40px; margin-right: 3px; margin-left: 3px; margin-top: 23px; float: right; -moz-border-radius: 20px; -webkit-border-radius:20px ; border-radius: 20px; background: #00a2fe; /* Old browsers */ background: -moz-linear-gradient(top, #00a2fe 0%, #0093e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2fe), color-stop(100%,#0093e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a2fe 0%,#0093e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2fe', endColorstr='#0093e6',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(230, 233, 235); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(230, 233, 235); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(230, 233, 235); } .btn-order--detail-post { float: none; margin-top: 9px; display: inline-block; } .btn-to-unsubscribe { float: none; margin-left: 0; } .btn-order:active, .btn-order:hover, .btn-to-unsubscribe:active, .btn-to-unsubscribe:hover, .btn-save:active, .btn-save:hover, .btn-order--detail-post { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6dbb45+0,62a83e+100 */ background: #6dbb45; /* Old browsers */ background: -moz-linear-gradient(top, #6dbb45 0%, #62a83e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dbb45), color-stop(100%,#62a83e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6dbb45 0%,#62a83e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6dbb45 0%,#62a83e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6dbb45 0%,#62a83e 100%); /* IE10+ */ background: linear-gradient(to bottom, #6dbb45 0%,#62a83e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dbb45', endColorstr='#62a83e',GradientType=0 ); /* IE6-9 */ color:#ffffff; outline: none; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(233, 235, 236); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(233, 235, 236); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(233, 235, 236); } .btn-order--detail-post:hover { background: #00a2fe; /* Old browsers */ background: -moz-linear-gradient(top, #00a2fe 0%, #0093e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2fe), color-stop(100%,#0093e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a2fe 0%,#0093e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2fe', endColorstr='#0093e6',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(230, 233, 235); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(230, 233, 235); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgb(230, 233, 235); } .btn-order:active:focus, .btn-to-unsubscribe:focus, .btn-order:focus, .btn-to-unsubscribe:active:focus, .btn-save:active:focus, .btn-save:focus { outline: none; color:#ffffff; } /*-- End Кнопка заказа и отписаться от рассылки--*/ /*-- Begin Кнопка заказать английская версия --*/ html[lang="en"] .btn-order--header, html[lang="en"] .btn-to-unsubscribe { padding: 6px 33px; } /*-- End Кнопка заказать английская версия --*/ /*-- Begin Кнопка инфо-блоков --*/ .btn-info { -moz-border-radius: 50px; -webkit-border-radius:50px ; border-radius: 50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f0+0,ffffff+3,fdfdfd+14,e9e9e9+78,e5e5e5+97,dbdbda+100 */ background: #f1f1f0; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZmRmZGZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjZTllOWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #f1f1f0 0%, #ffffff 3%, #fdfdfd 14%, #e9e9e9 78%, #e5e5e5 97%, #dbdbda 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f0), color-stop(3%,#ffffff), color-stop(14%,#fdfdfd), color-stop(78%,#e9e9e9), color-stop(97%,#e5e5e5), color-stop(100%,#dbdbda)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1f1f0 0%,#ffffff 3%,#fdfdfd 14%,#e9e9e9 78%,#e5e5e5 97%,#dbdbda 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1f1f0 0%,#ffffff 3%,#fdfdfd 14%,#e9e9e9 78%,#e5e5e5 97%,#dbdbda 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f0 0%,#ffffff 3%,#fdfdfd 14%,#e9e9e9 78%,#e5e5e5 97%,#dbdbda 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1f1f0 0%,#ffffff 3%,#fdfdfd 14%,#e9e9e9 78%,#e5e5e5 97%,#dbdbda 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f0', endColorstr='#dbdbda',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(237, 237, 237, 1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(237, 237, 237, 1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(237, 237, 237, 1); } .btn-info { display: inline-block; font-weight: bold; position: relative; cursor: pointer; padding: 8px 30px 8px 50px; color: #0cb7ff; text-shadow: 0 1px 0 #ffffff; } .btn-info:focus { color: #0cb7ff; } .btn-info:hover { color: #ffffff; } .btn-info__caprion { position: relative; top: 1px; } .btn-info__ico { background: #f1f1f1 url("images/ico-btn-info.png") no-repeat scroll center center; } .btn-info__ico { display: block; position: absolute; width: 25px; height: 25px; left: 9px; top: 50%; margin-top: -12px; border:1px solid #e3e3e3; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1); -moz-border-radius: 50px; -webkit-border-radius:50px ; border-radius: 50px; } .btn-info--review-ai { position: relative; bottom: 16px; } /*-- End Кнопка инфо-блоков --*/ .btn-info:hover, .btn-info:active, .btn-info:hover:active, .btn-info:hover:focus, .btn-info:active:focus { background: #0cb7ff; text-shadow: 0 1px 0 #4285a7; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 0 0 5px rgba(237, 237, 237, 1); -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 0 0 5px rgba(237, 237, 237, 1); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 0 0 5px rgba(237, 237, 237, 1); } .btn-info:hover .btn-info__ico, .btn-info:active .btn-info__ico, .btn-info:focus .btn-info__ico, .btn-info:focus:hover .btn-info__ico { border:1px solid rgba(145,145,145, 0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*-- Begin Стрелочка вправо для кнопок --*/ .caret-rigth { border-width: medium medium medium 4px; border-color: transparent transparent transparent #fff; border-style: solid; display: inline-block; vertical-align: middle; margin-left: 15px; } @media (min-width: 1200px) { .caret-rigth { margin-left: 28px; } } /*-- End Стрелочка вправо для кнопок --*/ /*-- Begin Кнопка Download --*/ .btn-demo, .btn-video { display: inline-block; vertical-align: middle; position: relative; color:#ffffff; font-size: 16px; font-weight: bold; padding: 11px 53px 11px 67px; text-shadow: 0 1px 0px #3f7526; } .btn-demo { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6dba44+0,69b343+41,65b140+50,67b042+57,62ac3f+73,64ac40+77,61ab3d+80,64aa3f+89,62a83e+100 */ background: #6dba44; /* Old browsers */ background: -moz-linear-gradient(top, #6dba44 0%, #69b343 41%, #65b140 50%, #67b042 57%, #62ac3f 73%, #64ac40 77%, #61ab3d 80%, #64aa3f 89%, #62a83e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dba44), color-stop(41%,#69b343), color-stop(50%,#65b140), color-stop(57%,#67b042), color-stop(73%,#62ac3f), color-stop(77%,#64ac40), color-stop(80%,#61ab3d), color-stop(89%,#64aa3f), color-stop(100%,#62a83e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6dba44 0%,#69b343 41%,#65b140 50%,#67b042 57%,#62ac3f 73%,#64ac40 77%,#61ab3d 80%,#64aa3f 89%,#62a83e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6dba44 0%,#69b343 41%,#65b140 50%,#67b042 57%,#62ac3f 73%,#64ac40 77%,#61ab3d 80%,#64aa3f 89%,#62a83e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6dba44 0%,#69b343 41%,#65b140 50%,#67b042 57%,#62ac3f 73%,#64ac40 77%,#61ab3d 80%,#64aa3f 89%,#62a83e 100%); /* IE10+ */ background: linear-gradient(to bottom, #6dba44 0%,#69b343 41%,#65b140 50%,#67b042 57%,#62ac3f 73%,#64ac40 77%,#61ab3d 80%,#64aa3f 89%,#62a83e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dba44', endColorstr='#62a83e',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #c1dbc6, 0 1px 0 7px rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #c1dbc6, 0 1px 0 7px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #c1dbc6, 0 1px 0 7px rgba(255, 255, 255, 0.7); -moz-border-radius: 50px; -webkit-border-radius:50px; border-radius: 50px; text-shadow: 0 1px 0px #3f7526; } .btn-demo__icon { background: url("images/btn-demo.png") no-repeat scroll 0 0; display: block; height: 27px; left: 11px; margin-top: -12.5px; position: absolute; top: 50%; width: 27px; } .btn-demo:hover { background: #00a2fe; /* Old browsers */ background: -moz-linear-gradient(top, #00a2fe 0%, #0093e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2fe), color-stop(100%,#0093e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a2fe 0%,#0093e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a2fe 0%,#0093e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2fe', endColorstr='#0093e6',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #c1dbc6, 0 1px 0 7px rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #c1dbc6, 0 1px 0 7px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #c1dbc6, 0 1px 0 7px rgba(255, 255, 255, 0.7); } .btn-demo:hover, .btn-demo:focus, .btn-demo:focus:hover { color: #ffffff; } .btn-video--final { margin-right: 20px; margin-top: 32px; } .btn-demo--static { border: none; padding: 11px 34px 11px 34px; white-space: nowrap; } /*-- End Кнопка Download --*/ /*-- Begin Кнопка Видео-презентация--*/ .btn-video { color: #00a5ff; text-shadow: 0 1px 0px #ffffff; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #d8e1e7, 0 1px 0 7px rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #d8e1e7, 0 1px 0 7px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #d8e1e7, 0 1px 0 7px rgba(255, 255, 255, 0.7); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+32,f2f2f2+45,efefef+64,e9e9e9+80,e6e6e6+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 32%, #f2f2f2 45%, #efefef 64%, #e9e9e9 80%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(32%,#f8f8f8), color-stop(45%,#f2f2f2), color-stop(64%,#efefef), color-stop(80%,#e9e9e9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 32%,#f2f2f2 45%,#efefef 64%,#e9e9e9 80%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 32%,#f2f2f2 45%,#efefef 64%,#e9e9e9 80%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 32%,#f2f2f2 45%,#efefef 64%,#e9e9e9 80%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 32%,#f2f2f2 45%,#efefef 64%,#e9e9e9 80%,#e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 50px; -webkit-border-radius:50px; border-radius: 50px; } /*-- End Кнопка Видео-презентация--*/ .btn-video { padding: 12px 17px 12px 50px; } .btn-video__icon { background: url("images/btn-video-product.png") no-repeat; display: block; position: absolute; top:50%; left: 12px; margin-top: -13.5px; width: 28px; height: 29px; } .btn-video:hover { background: #0cb7ff; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #d8e1e7, 0 1px 0 7px rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #d8e1e7, 0 1px 0 7px rgba(255, 255, 255, 0.7); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 7px #d8e1e7, 0 1px 0 7px rgba(255, 255, 255, 0.7); color: #ffffff; text-shadow: 0 1px 0px #4285A7; } .btn-video:focus:hover { color: #ffffff; } .btn-video:active, .btn-video:focus { color: #0cb7ff; } .btn-show{ position: relative; margin-top: 20px; font-size: 19px; font-weight: bold; color: #ffffff; background-color: #e8e7e7; padding: 7px; } .btn-show, .btn-show__inner { -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; } .btn-show__inner { display: block; padding: 26px 65px 26px 100px; text-shadow: 0 2px 0 #0081c8; -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.4); color: #ffffff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a3ff+0,00a0ff+17,0093ea+83,0091e8+100 */ background: rgb(0, 163, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 163, 255, 1) 0%, rgba(0, 160, 255, 1) 17%, rgba(0, 147, 234, 1) 83%, rgba(0, 145, 232, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 163, 255, 1)), color-stop(17%, rgba(0, 160, 255, 1)), color-stop(83%, rgba(0, 147, 234, 1)), color-stop(100%, rgba(0, 145, 232, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 163, 255, 1) 0%, rgba(0, 160, 255, 1) 17%, rgba(0, 147, 234, 1) 83%, rgba(0, 145, 232, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 163, 255, 1) 0%, rgba(0, 160, 255, 1) 17%, rgba(0, 147, 234, 1) 83%, rgba(0, 145, 232, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 163, 255, 1) 0%, rgba(0, 160, 255, 1) 17%, rgba(0, 147, 234, 1) 83%, rgba(0, 145, 232, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 163, 255, 1) 0%, rgba(0, 160, 255, 1) 17%, rgba(0, 147, 234, 1) 83%, rgba(0, 145, 232, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a3ff', endColorstr='#0091e8', GradientType=0); /* IE6-9 */ } .btn-show__icon { position: absolute; top: 50%; display: block; width: 50px; height: 49px; margin-left: 15px; margin-top: -25px; background: url("images/btn-arrow.png") repeat scroll 0 0; } .btn-show:hover .btn-show__inner { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0px 1px 3px 0px rgba(0, 0, 0, 0.2); color: #00a5ff; text-shadow: 0 1px 0 #ffffff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+79,e7e7e7+97,e6e6e6+99,e1e1e1+100 */ background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 79%, rgba(231, 231, 231, 1) 97%, rgba(230, 230, 230, 1) 99%, rgba(225, 225, 225, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(79%, rgba(234, 234, 234, 1)), color-stop(97%, rgba(231, 231, 231, 1)), color-stop(99%, rgba(230, 230, 230, 1)), color-stop(100%, rgba(225, 225, 225, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 79%, rgba(231, 231, 231, 1) 97%, rgba(230, 230, 230, 1) 99%, rgba(225, 225, 225, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 79%, rgba(231, 231, 231, 1) 97%, rgba(230, 230, 230, 1) 99%, rgba(225, 225, 225, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 79%, rgba(231, 231, 231, 1) 97%, rgba(230, 230, 230, 1) 99%, rgba(225, 225, 225, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 79%, rgba(231, 231, 231, 1) 97%, rgba(230, 230, 230, 1) 99%, rgba(225, 225, 225, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0); /* IE6-9 */ } .btn-show:hover .btn-show__icon { background-position: bottom; } /* End Кнопки */ /* переключатель*/ .price-section__tab { margin-bottom: 30px; } .price-tab { display: flex; justify-content: center; } .price-tab__label:after { position: absolute; left: 25px; right: 25px; top: 26px; display: block; content: ""; border-bottom: 2px dotted #ccdce6; } .price-tab__radio:checked+.price-tab__label:after { display: none; } .price-tab__radio { position: absolute; top: 0; left: 0; clip: rect(0 0 0 0); white-space: nowrap; } .price-tab__radio:checked+.price-tab__label { box-shadow: 0 0 0 2px #00a5ff; text-decoration: none; } .price-tab__label { position: relative; margin-right: 10px; padding: 0 25px; color: #00a5ff; line-height: 32px; font-size: 18px; border-radius: 32px; transition: box-shadow .1s linear,-webkit-box-shadow .1s linear; text-decoration: none; cursor: pointer; } label { display: inline-block; max-width: 100%; margin-bottom: 7px; font-weight: 700; } .hidden { display: none !important; } /* переключатель end*/ /* всплывающее окно*/ .cookies-window { bottom: -3%; left: 50%; transform: translateX(-50%); opacity: 0; position: fixed; z-index: 100000; transition: opacity .3s ease-in-out, bottom .5s ease-in-out; } .cookies-window__container { padding-left: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.12); background-color: #ffffff; font-size: 16px; } .cookies-window_visible { bottom: 3%; opacity: 1; } .cookies-window__btn-close { padding: 16px; padding-right: 22px; border: none; outline: none; background: none; } /* всплывающее окно end*/ /* Begin Контейнер для внутренних страниц */ #page-inner { padding-top: 45px; padding-bottom: 45px; } .page-text { background: #ffffff; padding: 50px 50px 28px 50px; color: #000000; } .page-inner { background-color: #f1f1f1; } .page-text__list { padding: 0px; list-style-type: none; } .page-text__list li { margin-bottom: 8px; } .page-text__lead { margin-top: 20px; margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } /* End Контейнер для внутренних страниц */ /* Begin Модальные окна */ .modal { /* overflow: visible;*/ } .modal-open { overflow: hidden; } .modal-content { background: rgba(0, 26, 40,0.7); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2001A28,endColorstr=#B2001A28); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2001A28,endColorstr=#B2001A28); padding: 20px; -moz-border-radius: 5px; -webkit-border-radius:5px ; border-radius: 5px; } .modal-body { background: #ffffff; padding: 0 0 25px; -moz-border-radius: 5px; -webkit-border-radius:5px ; border-radius: 5px; } /* End Модальные окна */ /* Begin Модальное окно с видео -----------------------------------------------------------------*/ .videoModal.modal { background-color: rgba(0,0,0,0.8); } .videoModal .modal-dialog { width: 90%; position: relative; height: 100%; margin-top: 0; margin-bottom: 0; } .videoModal .modal-header { border-bottom: none; } .videoModal .modal-content { position: absolute; width: 100%; height: 100%; background-color: transparent; border-radius: 0; box-shadow: none; border: none; padding-top: 0; padding-bottom: 0; } .videoModal .modal-body { height: 100%; overflow: hidden; padding: 0; border-radius: 0; background-color: transparent; background-size: 100%; } .videoModal .modal-title { color: #ffffff; } .videoModal .modal-body { background-position: center; background-repeat: no-repeat; position: relative; display: block; overflow: hidden; /*transition: all 200ms ease-out;*/ /*cursor: pointer;*/ margin: 0 auto; } .videoModal .close-video { position: absolute; top: 0; right: 10px; } iframe { margin: 0 auto; } /* End Модальное окно с видео -----------------------------------------------------------------*/ /* Begin Общие стили элементов форм -----------------------------------------------------------------*/ .starrequired{ color: #e62121; } .form-control { height: 40px; border:none; -webkit-box-shadow: 0 0 4px 0 rgba(204, 204, 204, 0.8) inset; -moz-box-shadow: 0 0 4px 0 rgba(204, 204, 204, 0.8) inset; box-shadow: 0 0 4px 0 rgba(204, 204, 204, 0.8) inset; } .form-default .form-control, .form-default select{ font-size: 15px; color: #9ea8ac; padding: 12px 14px; border: 1px solid #dfebf1; -webkit-box-shadow: inset 0px 0px 4px 0px rgba(204,204,204,0.4); -moz-box-shadow: inset 0px 0px 4px 0px rgba(204,204,204,0.4); box-shadow: inset 0px 0px 4px 0px rgba(204,204,204,0.4); width: 100%; } .form-default .custom-select{ position: relative; } .form-default .custom-select select{ background: #FFF; padding: 8px 14px; -webkit-appearance: none; -moz-appearance: none; -o-appearance:none; appearance:none; z-index:1; } .form-default .custom-select select::-ms-expand {/*IE10*/ display: none; } .form-default .custom-select::after{ display: block; content: ""; position: absolute; top: 50%; right: 20px; margin-top: -2px; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: #386888 transparent transparent transparent; z-index:5; } .form-default .custom-select::before { display: none; display: block\9;/*<=IE9*/ content: ""; position: absolute; top: 50%; right: 15px; margin-top: -15px; width: 30px; height: 30px; background: #FFF; z-index:4; } .form-group { margin-bottom: 13px; } .form-container{ padding-top: 40px; padding-bottom: 40px; } .form-default .form-group{ margin-bottom: 18px; } .form-default .form-delimiter{ display: inline-block; padding: 0; margin: 20px 0 10px 0; border-top: 1px solid #dbe8ed; height: 0px; width: 100%; } .bxcompprop-label { color: #000000; display: inline-block; font-weight: normal; margin-bottom: 0; vertical-align: middle; } label { font-weight: bold; margin-bottom: 7px; } .form-default label{ font-size: 15px; color: #3e505f; font-weight: normal; } .form-default .control-label{ padding-top: 10px; } .form-default .form-control--error .form-control{ border: 1px solid #F48F90; } .form-default .form-control--error::after{ position: absolute; display: block; content: attr(error-text); top: 11px; left: 100%; width: 250px; height: 16px; background-image: url("images/form/fields.png"); background-position: 1px -100px; padding-left: 25px; background-repeat: no-repeat; color: #ff0606; font-size: 13px; line-height: 17px; } .form-default .form-control--error .text-error { color: #ff0606; background-image: url("images/form/fields.png"); background-position: 0px -99px; background-repeat: no-repeat; padding-left: 25px; font-size: 13px; margin-top: 5px; } .checkbox { padding-left: 0; } #bx-admin-prefix input[type="checkbox"], #main-mail-unsubscribe-container input[type="checkbox"] { display: inline-block; } input[type="checkbox"] { display: none; display/*\**/: inline-block\9; } input[type="checkbox"] + label { background-image: url("images/checkbox.png"); background-image/*\**/: none\9; background-repeat: no-repeat; background-position: left bottom; display: inline-block; height: 15px; line-height: 15px; padding-left: 25px; padding-left/*\**/: 5px\9; font-weight: normal; cursor: pointer; } @media \0screen { input[type="checkbox"] { display: inline-block; } } @media \0screen { input[type="checkbox"] + label { background-image: none; padding-left: 5px; } } input[type="checkbox"]:checked + label, input[type="checkbox"].checked + label{ background-position: left top; } .close { color: #ffffff; font-size: 35px; font-weight: normal; opacity: 1; position: relative; right: -22px; text-shadow: none; } .close-video { color: #35bcff; } .close-video:hover, .close-video:focus { color: #35bcff; opacity: 0.8; } .modal-header--logout{ border-bottom: 0 solid #e5e5e5; padding: 0 15px 0 0; } .modal-title--logout{ padding: 0 60px; line-height: 3; color: #5A5A5A; font-size: 25px; } #logout-form .modal-body{ min-height: auto; } #logout-form .close--order-form{ margin-top: -4px; line-height: 1; } .login-form__btn, .login-form-btn { background: rgb(252, 252, 252); background: -moz-linear-gradient(90deg, rgb(252, 252, 252) 3%, rgb(230, 230, 230) 100%); background: -webkit-linear-gradient(90deg, rgb(252, 252, 252) 3%, rgb(230, 230, 230) 100%); background: -o-linear-gradient(90deg, rgb(252, 252, 252) 3%, rgb(230, 230, 230) 100%); background: -ms-linear-gradient(90deg, rgb(252, 252, 252) 3%, rgb(230, 230, 230) 100%); background: linear-gradient(180deg, rgb(252, 252, 252) 3%, rgb(230, 230, 230) 100%); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededec; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededec; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededec; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: 24px 24px 0/*На время отключения авторизации через соц. сети*/; display: inline-block; padding: 8px 35px; cursor: pointer; color: #0fa8fe; text-shadow: 0 1px 0px #ffffff; } /* End Общие стили элементов форм */ /* Begin Выпадающие списки */ .dropdown-toggle { color: #72d2ff; } .dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; min-width: 185px; } .dropdown-menu a { color: #ffffff; } .dropdown-toggle .caret { margin-left: 5px; } .dropdown:hover > .dropdown-menu { background-color: rgba(0,26,40, 0.8); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC001A28,endColorstr=#CC001A28); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC001A28,endColorstr=#CC001A28); display: block; padding: 0 5px; width: 100%; } .dropdown-menu a:hover { background: none; color: #ffffff; } .dropdown-menu li { border-bottom: 1px solid #0a2c37; border-top: 1px solid #4b636f; margin: 0; padding: 5px 0; } .dropdown-menu li:last-child { border-bottom: none; } .dropdown-menu > li > a { display: inline-block; padding-left: 0; vertical-align: middle; color: #ffffff; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #ffffff; cursor: pointer; background-color: transparent; } .dropdown-menu__item-inner { border-radius: 3px; display: inline-block; padding: 5px 9px; width: 100%; } .dropdown-menu > li:hover .dropdown-menu__item-inner { background: rgba(83, 113, 131,0.57); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#91537183,endColorstr=#91537183); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#91537183,endColorstr=#91537183); } /* End Выпадающие списки -----------------------------------------------------------------*/ #top-row, .top-row__block { min-height: 58px; } html[lang="ru"] .top-row__block { text-align: right; } .top-row--ai-bg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#255a7f+0,235e87+36,1e6a9d+100 */ background: #255a7f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NWE3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzIzNWU4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTZhOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #255a7f 0%, #235e87 36%, #1e6a9d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#255a7f), color-stop(36%,#235e87), color-stop(100%,#1e6a9d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #255a7f 0%,#235e87 36%,#1e6a9d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #255a7f 0%,#235e87 36%,#1e6a9d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #255a7f 0%,#235e87 36%,#1e6a9d 100%); /* IE10+ */ background: linear-gradient(to bottom, #255a7f 0%,#235e87 36%,#1e6a9d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#255a7f', endColorstr='#1e6a9d',GradientType=0 ); /* IE6-8 */ } .top-row--var-bg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#285775+0,2b5e71+36,376e69+100 */ background: #285775; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4NTc3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzJiNWU3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzZlNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #285775 0%, #2b5e71 36%, #376e69 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#285775), color-stop(36%,#2b5e71), color-stop(100%,#376e69)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #285775 0%,#2b5e71 36%,#376e69 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #285775 0%,#2b5e71 36%,#376e69 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #285775 0%,#2b5e71 36%,#376e69 100%); /* IE10+ */ background: linear-gradient(to bottom, #285775 0%,#2b5e71 36%,#376e69 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#285775', endColorstr='#376e69',GradientType=0 ); /* IE6-8 */ } html[lang="ru"] .top-row--var-bg, html[lang="ru"] .top-row--ai-bg, html[lang="en"] .top-row--var-bg, html[lang="en"] .top-row--ai-bg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#265375+0,305c7e+100 */ background: rgb(38,83,117); /* Old browsers */ background: -moz-linear-gradient(top, rgba(38,83,117,1) 0%, rgba(48,92,126,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(38,83,117,1) 0%,rgba(48,92,126,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(38,83,117,1) 0%,rgba(48,92,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265375', endColorstr='#305c7e',GradientType=0 ); /* IE6-9 */ } /* Begin Контакты -----------------------------------------------------------------*/ .contacts { line-height: 16px; float: left; margin: 15px 0 10px 15px; } .contacts:first-child { margin-left: 30px; margin-right: 15px; } .contacts__phone { color: #ffffff; font-size: 16px; white-space: nowrap; font-weight: bold; } html[lang="en"] .contacts__phone { font-weight: normal; } html[lang="en"] .contacts--header { margin-top: 21px; } html[lang="en"] .contacts:first-child { margin-right: 20px; } html[lang="en"] .contacts__phone--skype { background-image: url("./images/skype-contact-en.png"); background-repeat: no-repeat; background-size: 18px auto; display: inline-block; height: 18px; padding-left: 30px; } html[lang="en"] .contacts__phone--skype > a:hover { color: #72d2ff; } html[lang="en"] .contacts__phone--phone { background-image: url("./images/phone-icon.png"); background-repeat: no-repeat; padding-left: 30px; height: 18px; } html[lang="ru"] .contacts__phone { font-size: 17px; } html[lang="en"] .contacts__phone { font-size: 16px; } .contacts__phone a { color: #ffffff; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .contacts__phone a:hover, .contacts__phone a:focus { color: #ffffff; } .contacts__descr { color: #7ab0cd; font-size: 11px; } /* End Контакты -----------------------------------------------------------------*/ /* Begin Выбор страны в шапке -----------------------------------------------------------------*/ .select-country { cursor: pointer; display: inline-block; margin-top: 18px; padding-bottom: 15px; } .select-country:hover .dropdown-menu{ left: 0; text-align: left; top: 30px; } .select-country__item:first-child { border-top: none; } .select-country__current { display: block; white-space: nowrap; } .select-country-col { padding: 0; } .select-country__caret-current { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; border-color: #72d2ff transparent transparent transparent; display: inline-block; height: 0; margin-left: 2px; vertical-align: middle; width: 0; } .select-country__name { color: #72d2ff; display: inline-block; vertical-align: middle; } .select-country__name.visible-lg { display: inline-block !important; } .select-country__flag { margin-left: 1px; margin-right: 2px; } .dropdown-menu .select-country__flag { margin-left: 10px; } .dropdown-menu .select-country__flag , .dropdown-menu .select-country__flag + span { vertical-align: middle; } .select-country__flag:active { box-shadow: none; } .select-country__caption { font-size: 12px; } /* End Выбор страны в шапке -----------------------------------------------------------------*/ #header-second { width: 100%; z-index: 1; } #header-second.fixed { opacity: 1; position: fixed; top: 0; width: 100%; z-index: 10; } #header-second.is-hover { height: 100%; } .header-secont-inner { background: #ffffff; } html[lang="ru"] .header-secont-inner, html[lang="en"] .header-secont-inner{ background-color: #f8fdff; } .logo{ float: left; margin-bottom: 10px; margin-top: 10px; } .logo-img { position: relative; bottom: 3px; } html[lang="en"] .logo-img { bottom: 0; } .logo-title { width: 151px; } .logo-title-eu { width: 131px; height: 58px; } .logo-title, .logo-title-eu { margin-left: 8px; vertical-align: middle; } .logo-title .fil0, .logo-title-eu .fil0 { fill:#1C76AD } #big-menu { float: none; margin-left: -20px; margin-top: 14px; } #big-menu > li { width: 25%; text-align: center; } #big-menu .big-menu__link { color: #00a3ff; font-weight: 500; font-size: 15px; white-space: nowrap; text-transform: uppercase; } #big-menu .big-menu__link:hover { background: #00A5FF; color: #ffffff; } /* Begin Выбор страны в боковом меню -----------------------------------------------------------------*/ .login-show--push { display: inline-block; float: none; margin: 0px; height: auto; color: #00a2fe; padding-left: 49px; font-size: 13px; background: url("images/auth-user-push.png") no-repeat 27px center; } /* End Выбор страны в боковом меню -----------------------------------------------------------------*/ /* Begin Вкладки -----------------------------------------------------------------*/ #tabs { margin: 0 auto 45px; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; overflow: hidden; } .tabs--ai-bg, .mobile-slider_ai-bg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a3ff+0,03a4ff+19,03a4ff+32,76d1ff+61,0ca8ff+100 */ background: #00a3ff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBhM2ZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjMDNhNGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjMDNhNGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjNzZkMWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjYThmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #00a3ff 0%, #03a4ff 19%, #03a4ff 32%, #76d1ff 61%, #0ca8ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00a3ff), color-stop(19%,#03a4ff), color-stop(32%,#03a4ff), color-stop(61%,#76d1ff), color-stop(100%,#0ca8ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #00a3ff 0%,#03a4ff 19%,#03a4ff 32%,#76d1ff 61%,#0ca8ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #00a3ff 0%,#03a4ff 19%,#03a4ff 32%,#76d1ff 61%,#0ca8ff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #00a3ff 0%,#03a4ff 19%,#03a4ff 32%,#76d1ff 61%,#0ca8ff 100%); /* IE10+ */ background: linear-gradient(135deg, #00a3ff 0%,#03a4ff 19%,#03a4ff 32%,#76d1ff 61%,#0ca8ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3ff', endColorstr='#0ca8ff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -webkit-box-shadow: 9px 118px 54px -65px rgba(38, 83, 117, 0.4) inset; -moz-box-shadow: 9px 118px 54px -65px rgba(38, 83, 117, 0.4) inset; box-shadow: 9px 118px 54px -65px rgba(38, 83, 117, 0.4) inset; } .tabs--var-bg, .mobile-slider_var-bg, .tabs--ai-bg:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#75c14e+0,9fdc86+54,6ebc4c+99,73bb3d+99,6bbf46+99,6bc041+99,74ba46+100,fcfffd+100,ffffff+100 */ background: #75c14e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzVjMTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjOWZkYzg2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNmViYzRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNzNiYjNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNmJiZjQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjNmJjMDQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc0YmE0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZmZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, #75c14e 0%, #9fdc86 54%, #6ebc4c 99%, #73bb3d 99%, #6bbf46 99%, #6bc041 99%, #74ba46 100%, #fcfffd 100%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#75c14e), color-stop(54%,#9fdc86), color-stop(99%,#6ebc4c), color-stop(99%,#73bb3d), color-stop(99%,#6bbf46), color-stop(99%,#6bc041), color-stop(100%,#74ba46), color-stop(100%,#fcfffd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #75c14e 0%,#9fdc86 54%,#6ebc4c 99%,#73bb3d 99%,#6bbf46 99%,#6bc041 99%,#74ba46 100%,#fcfffd 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #75c14e 0%,#9fdc86 54%,#6ebc4c 99%,#73bb3d 99%,#6bbf46 99%,#6bc041 99%,#74ba46 100%,#fcfffd 100%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #75c14e 0%,#9fdc86 54%,#6ebc4c 99%,#73bb3d 99%,#6bbf46 99%,#6bc041 99%,#74ba46 100%,#fcfffd 100%,#ffffff 100%); /* IE10+ */ background: linear-gradient(135deg, #75c14e 0%,#9fdc86 54%,#6ebc4c 99%,#73bb3d 99%,#6bbf46 99%,#6bc041 99%,#74ba46 100%,#fcfffd 100%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c14e', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ box-shadow: 9px 118px 54px -65px rgba(38, 83, 117, 0.4) inset; } .tabs--ai .product { margin-top: 80px; } .tabs--var .product { margin-top: 92px; } .tabs__product-bg{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; } .tabs__product-bg.tabs--var-bg{ opacity: 0; } .tabs-nav { bottom: 30px; left: 50%; position: absolute; margin-left: -501px; width: 1002px; } .tabs-nav__item[data-class="var"] { background: rgba(39,155,61,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5279B3D, endColorstr=#E5279B3D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5279B3D, endColorstr=#E5279B3D)"; } #tabs .tabs-nav__item--current[data-class="var"] .product-logo { border-right: 1px solid #4c8187; } .tabs-nav__item[data-class="ai"] { background: #0093e6; } #tabs .tabs-nav__item--current[data-class="ai"] .product-logo { border-right: 1px solid #4c8187; } .tabs-nav__item:first-child { margin-left: 0; } .tabs-nav__item { float: left; position: relative; margin-left: 2%; width: 49%; padding: 30px 40px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0); -webkit-transition: box-shadow 0s; -moz-transition: box-shadow 0s; -ms-transition: box-shadow 0s; -o-transition: box-shadow 0s; transition: box-shadow 0s; } #tabs .tabs-nav__item--current { background: rgba(10, 76, 92, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50A4C5C, endColorstr=#E50A4C5C); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50A4C5C, endColorstr=#E50A4C5C)"; zoom: 1; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.5); -webkit-transition: box-shadow .5s; -moz-transition: box-shadow .5s; -ms-transition: box-shadow .5s; -o-transition: box-shadow .5s; transition: box-shadow .5s; } #tabs .tabs-nav__item--current::after { border-color: transparent transparent rgba(10, 76, 92, 0.9); border-style: solid; border-width: 14px; content: ""; display: block; left: 50%; margin-left: -20px; position: absolute; top: -27px; width: 19px; } .tabs__content { display: none; height: 520px; position: relative; z-index: 0; } .tabs__content--current { display: block; } .product__caption { font-size: 60px; line-height: 46px; margin-bottom: 20px; } .product__btn { background: #589b31; } .product__btn, .btn-more { font-weight: bold; display: inline-block; position: relative; padding: 13px 27px 13px 44px; font-size: 14px; margin-top: 20px; color: #f8fdff; } .product__btn:hover, .product__btn:focus, .product__btn:focus:hover, .btn-more:hover, .btn-more:focus, .btn-more:focus:hover { color: #f8fdff; } .product__btn, .btn-more { -webkit-transition: background .5s; -moz-transition: background .5s; -ms-transition: background .5s; -o-transition: background .5s; transition: background .5s; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .product__btn { height: 46px; padding: 0; vertical-align: top; width: 209px; } .product__btn-caption { left: 22%; position: absolute; top: 13px; } html[lang="en"] .product__btn { width: 157px; } html[lang="en"] .product__btn-caption { left: 30%; } .btn-more { background-color: #006cb7; height: 46px; line-height: 46px; padding: 0 27px; } .btn-more--var { background: #589b31; margin-left: 10px; } .product__btn--var:hover, .btn-more--var:hover { background: rgba(88, 155, 49,0.6); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99589B31,endColorstr=#99589B31); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99589B31,endColorstr=#99589B31); } .btn-more--ai { background-color: #0f8acd; margin-left: 10px; border:1px solid rgba(255, 255, 255, 0.22); } .product__btn--ai:hover, .btn-more--ai:hover { background-color: rgba(15, 138, 205,0.6); } .product__btn-ico { background: #3c7a1b url("images/ico-arrow-right.png") no-repeat scroll 10px 50%; display: block; height: 26px; left: 10px; margin-top: -13px; position: absolute; top: 50%; width: 26px; -moz-border-radius: 50%; -webkit-border-radius:50% ; border-radius: 50%; } .product__btn--ai { background: #0f8acd; border:1px solid rgba(255,255,255,0.22); } .product__btn-ico--ai { background-color: #63ac93; } .product__btn--var-more { display: table-cell; margin-right: 20px; vertical-align: middle; } .product-img { position: absolute; left: 0; top: 50%; max-width: 100%; margin-top:-10px; } .product__ill{ position: absolute; top: 0; right: 7.6%; background-position: top right; background-repeat: no-repeat; background-size: 520px auto; width: 600px; height: 570px; } /*-- Begin Вкладки - навигация --*/ .tabs-nav__item[data-class='var'] .product-logo { border-right: 1px solid #73bd81; } .tabs-nav__item.current .product-logo { border-right: 1px solid #558fa4; } /*-- End Вкладки - навигация --*/ /*-- Begin Вкладки - логотип и название продуктов --*/ .product-logo { border-right: 1px solid #56bae7; display: table-cell; margin-right: 20px; } .product-caption { color: #ffffff; display: table-cell; font-size: 17px; padding-left: 20px; vertical-align: middle; } /*-- End Вкладки - логотип и название продуктов --*/ .product-mobile { margin-bottom: 20px; margin-top: 5px; padding: 0 21px 0 25px; position: absolute; top: 20px; display: none; } .product-mobile__info--active { display: block; } .product-mobile__caption { font-size: 25px; font-weight: bold; color: #191919; margin-bottom: 3px; } .product-mobile__descr { color: #3d3b3b; font-size: 16px; line-height: 22px; font-weight: 300; letter-spacing: -0.3px; } /* End Вкладки -----------------------------------------------------------------*/ /* Верхний блок - режим профиля пользователя -----------------------------------------------------------------*/ #header-second.header-profile{ height: 100px; } .header-profile .logo{ margin-bottom: 20px; margin-top: 20px; } .profile_contacts{ height: 100px; } html[lang="ru"] .profile_contacts .contacts { margin: 34px 30px 40px 0; } html[lang="en"] .profile_contacts .contacts { margin: 40px 30px 40px 0; } .profile_contacts .contacts:first-child{ margin-left: 0; } html[lang="ru"] .profile_contacts .contacts:first-child { margin-left: -5px; } .profile_contacts .contacts:last-child{ margin-right: 10px; } .profile_contacts .contacts__phone, .profile_contacts .contacts__phone a { font-size: 18px; color: #275577; } html[lang="en"] .profile_contacts .contacts__phone--skype, html[lang="en"] .profile_contacts .contacts__phone--skype a { font-size: 17px; } html[lang="en"] .profile_contacts .contacts__phone--phone, html[lang="en"] .profile_contacts .contacts__phone--phone a { font-size: 16px; } html[lang="en"] .profile_contacts .contacts__phone--phone { background-image: url("./images/phone-icon-profile.png"); } html[lang="en"] .profile_contacts .contacts__phone--skype { background-image: url("./images/skype-icon-profile.png"); } .profile_contacts .contacts__descr{ color: #7cb0cc; } .profile__fio{ background: url("components/bitrix/main.profile/.default/images/profile_icon.png") left center no-repeat; padding-left: 28px; color: #191919; height : 100px; font-weight: 500; } .profile__fio strong{ font-weight: bold; } .profile__fio a{ text-decoration: underline; color: #009ff6; } .profile__balance{ font-size: 13px; color: #191919; font-weight: bold; height : 100px; } .profile__balance-summ{ font-size: 22px; color: #75be5b; } .profile__logout-container{ display: table; width: 100%; text-align: right; } .profile__logout{ height: 100px; } .profile__logout-btn{ background: #f0f7fb; padding: 10px 10px 10px 30px; background: url("components/bitrix/main.profile/.default/images/logout.png") left 10px center no-repeat, #f0f7fb; border-radius: 20px; font-size: 13px; color: #009ff6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-weight: bold; } @media (min-width: 1200px) { .profile__logout-btn{ padding: 10px 25px 10px 40px; background: url("components/bitrix/main.profile/.default/images/logout.png") left 18px center no-repeat, #f0f7fb; } } .profile__logout-btn:hover{ background: url("components/bitrix/main.profile/.default/images/logout.png") left 18px center no-repeat, #DFEEF6; } .profile__product-menu #product-menu{ margin: 0; } .profile__product-menu .product-menu__link{ color: #7fcbef; } html[lang="en"] .profile-top-nav #top-nav { float: right; width: auto; margin-right: 5px; } html[lang="ru"] .profile-top-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } html[lang="ru"] .profile-top-nav #top-nav { padding: 0; width: auto; } .profile-top-nav #top-nav .top-nav__item > a { color: #ffffff; } .profile-top-nav #top-nav .top-nav__item > a:hover { color: #000000; } .profile-top-nav #top-nav .top-nav__item{ padding: 0 16px; } .profile-top-nav #top-nav .top-nav__item:last-child{ padding-right: 0; } html[lang="en"] .profile-top-nav #top-nav .dropdown-menu { left: 34px; } .d-table { display: table; width: 100%; } .vcenter, .d-table-cell { display : table-cell; vertical-align : middle; float:none; } .top-row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: table\9; } .top-col-flex { display: table-cell\9; } .top-col-flex:nth-child(2) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .top-col-flex:nth-child(3) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .top-col-flex:nth-child(1), .top-col-flex:nth-child(4) { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .top-col-flex:nth-child(4) { padding-left: 10px; } html[lang="en"] .top-col-flex:nth-child(2) { flex-basis:385px; } html[lang="en"] .top-col-flex--logout-en { position: relative; left: 15px; } html[lang="en"] .top-col-flex--login-en { left: 0; } .inline { display: inline-block; } /* /Верхний блок - режим профиля пользователя -----------------------------------------------------------------*/ /* Begin Заказать звонок --------------------*/ .request-call { width: 155px; padding: 14px 0 14px 70px; color: #ffffff; background-color: #77bb4c; font-size: 15px; line-height: 1; cursor: pointer; position: relative; height: 58px; display: table-cell; vertical-align: middle; } .request-call__ico { width: 32px; height: 32px; position: absolute; left: 19px; top: 16px; opacity: 0.5; -webkit-animation: 2s request-call-ico infinite; -o-animation: 2s request-call-ico infinite; animation: 2s request-call-ico infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @keyframes request-call-ico { 5% { opacity: 1; } } .request-call__line { overflow: hidden; width: 20px; height: 33px; position: absolute; left: 35px; top: -4px; } .request-call__line-small, .request-call__line-big { opacity: 0.6; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-animation: 2s request-call-small infinite; -o-animation: 2s request-call-small infinite; animation: 2s request-call-small infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .request-call__line-small { display: block; position: absolute; width: 20px; left: -10px; top: 22px; height: 20px; border: 2px solid; border-radius: 50%; } .request-call__line-big { display: block; width: 35px; height: 35px; position: relative; left: -18px; top: 15px; border: 2px solid; border-radius: 50%; } @keyframes request-call-small { 5% { opacity: 0.8; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes request-call-big { 5% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } 10% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /* End Заказать звонок --------------------*/ /* Begin Слоган --------------------*/ .slogan { margin-left: 20px; padding-left: 20px; font-size: 14px; font-weight: bold; display: inline-block; line-height: 18px; text-transform: uppercase; color: #2e5675; border-left: 2px solid #77bb4c; } .header-second__slogan { margin-top: 22px; } .header-second__slogan-profile { margin-top: 30px; } /* End Слоган --------------------*/ /* Begin Слайдер - Swipe -----------------------------------------------------------------*/ #mobile-slider { margin-top: 58px; } #mobile-slider ul { padding-left: 0px; } .mobile-slider__content { height: 313px; margin-bottom: 25px; position: relative; } .mobile-slider__img { height: 100%; } .tabs-nav--mobile .tabs-nav__item { display: block; background: rgba(10, 76, 92, 0.9); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50A4C5C,endColorstr=#E50A4C5C); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50A4C5C,endColorstr=#E50A4C5C); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.5); -webkit-transition: box-shadow .5s; -moz-transition: box-shadow .5s; -ms-transition: box-shadow .5s; -o-transition: box-shadow .5s; transition: box-shadow .5s; } .tabs-nav--mobile .tabs-nav__item::after { border-color: transparent transparent rgba(10, 76, 92, 0.9); border-style: solid; border-width: 14px; content: ""; display: block; left: 50%; margin-left: -20px; position: absolute; top: -27px; width: 19px; } .tabs-nav--mobile .tabs-nav__item[data-class="var"] .product-logo { border-right: 1px solid #4c8187; } .tabs-nav--mobile .tabs-nav__item[data-class="ai"] .product-logo { border-right: 1px solid #4c8187; } .flex-direction-nav { margin-bottom: 25px; text-align: center; } .flex-direction-nav > li { display: inline-block; cursor: pointer; margin: 0 10px; } .flex-direction-nav > li > a:focus { outline: none; } .flex-prev, .flex-next { text-indent: -9999px; display: inline-block; width: 12px; height: 19.4px; background: url("./images/tab-nav-mobile.png") no-repeat; } .flex-next { background-position: bottom left; } .flex-control-nav { display: none; } /* End Слайдер - Swipe -----------------------------------------------------------------*/ #partner-text { background-image: url("/bitrix/templates/tradesoft/images/startup-success-tuman.png"); background-repeat: no-repeat; background-position: 20px bottom; background-size: 1034px auto; margin: 0 auto; max-width: 1840px; padding-bottom: 45px; padding-top: 15px; font-size: 15px; min-height: 680px; color: #2a2a2a; } .partner-text-inner { color: #333333; margin-left: 393px; margin-top: 35px; } .partner-text-inner p { margin-bottom: 20px; } .inner-article{ margin: 0 auto; background-repeat: no-repeat; background-position: 50% top; } .inner-article--background-brands{ background-image: url('/bitrix/templates/tradesoft/images/inner-article/background-brands.jpg'); background-color: #1055A2; background-size: cover; } .inner-article--background-network{ background-image: url('/bitrix/templates/tradesoft/images/inner-article/background-network.jpg'); background-color: #F5FCFF; } .inner-article--background-worker{ background-image: url('/bitrix/templates/tradesoft/images/inner-article/background-worker.jpg'); background-color: #F5FCFF; } .inner-article__content{ font-size: 16px; } .inner-article__content--color-white{ color: #fff; } .inner-article__content--color-white .inner-article__text{ color: #c4dff7; } .inner-article__content--color-black{ color: #000; } .inner-article__content--left{ margin: 60px 50% 55px 0; } .inner-article__content--right{ margin: 60px 0 55px 50%; } .inner-article__header{ font-size: 36px; font-weight: bold; margin-bottom: 30px; } .inner-article--background-brands .inner-article__header { color: #ffffff; } .inner-article__text{ margin-top: 20px; } .inner-article__link{ color: #fff; transition: color .2s ease-in-out; } .inner-article__link:hover{ color: #fff; text-decoration: underline; } @media (max-width: 1830px) { #partner-text { background-position: -43px bottom; } } @media (max-width: 1707px) { #partner-text { background-position: -103px bottom; } } @media (max-width: 1590px) { #partner-text { background-position: -163px bottom; } } @media (max-width: 1470px) { #partner-text { background-position: -223px bottom; } } @media (max-width: 1345px) { #partner-text { background-position: -286px bottom; } } @media (max-width: 1225px) { #partner-text { background-position: -310px bottom; } } #partner-text .blue{ color: #386b94; font-size: 18px; } #partner-text li{ list-style-type: none; padding-left: 30px; position: relative; } #partner-text li:before{ display: block; position: absolute; border-radius: 5px; width: 3px; height: 3px; background-color: #80c55f; content: ""; left: 15px; top: 12px; margin-top: -2px; } /* Begin Слайдер полноэкранный -----------------------------------------------------------------*/ .carousel { z-index: 3; } #carousel-full .carousel-item > img { width: 100%; } .carousel-indicators { top: 320px; z-index: 9; } .carousel-inner > .carousel-item { -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-indicators li { height: 15px; width: 15px; margin: 0; background-color: #E8E9E9; -moz-border-radius: 0; -webkit-border-radius:0 ; border-radius: 0; border: 2px solid #009BFF; } .carousel-indicators .active { background-color: #009BFF; border: 2px solid #009BFF; height: 15px; width: 15px; } /* End Слайдер полноэкранный -----------------------------------------------------------------*/ /* Begin Категории с информацией -----------------------------------------------------------------*/ .cat-info--futures { margin-top: 35px; margin-bottom: 10px; } .cat-info--futures, .cat-info--futures-product { min-height: 300px; } .cat-info--futures .slick-slide, .cat-info--futures-product .slick-slide { padding-top: 10px; padding-bottom: 10px; } .cat-info--futures .cat-info__item, .cat-info--futures-product .cat-info__item { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.9; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; cursor: pointer; opacity: 0; display: block; } .cat-info--futures .cat-info__item:hover, .cat-info--futures-product .cat-info__item:hover { -webkit-box-shadow: -1px 0 17px 0 rgba(0,147,230, 0.2); -moz-box-shadow: -1px 0 17px 0 rgba(0,147,230, 0.2); box-shadow: -1px 0 17px 0 rgba(0,147,230, 0.2); opacity: 1; } .cat-info--futures .cat-info__img img, .cat-info--futures-product .cat-info__img img { display: inline-block; } .cat-info__item { padding-top: 10px; height: 300px; } .cat-info__img { height: 160px; text-align: center; display: block; } .cat-info__img > img { height: 140px; } .cat-info__title { color: #333333; font-weight: bold; font-size: 18px; line-height: 20px; margin: auto auto 5px; max-width: 200px; text-align: center; display: block; } .cat-info__descr { font-size: 18px; font-weight: 300; line-height: 19px; margin: 0 auto; max-width: 178px; text-align: center; display: block; } .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5th { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5th { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5th { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5th { width: 20%; float: left; } } .slick-slide{ outline: none; } /* End Категории с информацией -----------------------------------------------------------------*/ /* Begin Подробный текст в предложениях на главной --------------------*/ html[lang="ru"] .cat-info--futures-product .slick-list { min-height: 460px; } .cat-info--futures-product .cat-info__descr { overflow: hidden; } .cat-info--futures-product .cat-info__item { position: relative; } html[lang="ru"] .cat-info--futures-product .cat-info__item { height: 430px; } html[lang="en"] .cat-info--futures-product .cat-info__item { height: 390px; } .cat-info--futures-product .cat-info__inner { position: absolute; width: 100%; top: 0; bottom: 0; } .cat-info--futures-product .cat-info__item:hover::after { z-index: 0; } .cat-info--futures-product .cat-info__item:hover .cat-info__inner { z-index: 3; background-color: #ffffff; -webkit-box-shadow: -1px 0 17px 0 rgba(0,147,230, 0.2); -moz-box-shadow: -1px 0 17px 0 rgba(0,147,230, 0.2); box-shadow: -1px 0 17px 0 rgba(0,147,230, 0.2); opacity: 1; -webkit-transition: -webkit-box-shadow 0.2s linear 0s; -moz-transition: -webkit-box-shadow 0.2s linear 0s; -ms-transition: -moz-box-shadow 0.2s linear 0s; -o-transition: -o-box-shadow 0.2s linear 0s; transition: box-shadow 0.2s linear 0s; } /* End Подробный текст в предложениях на главной --------------------*/ /* Begin Модификация возможностей продуктов -----------------------------------------------------------------*/ .cat-info--futures-product { margin-bottom: 10px; margin-top: 10px; } .cat-info--futures-product .cat-info__img { height: 207px; } .cat-info--futures-product .cat-info__img > img { height: auto; } .cat-info--futures-product .cat-info__title { font-size: 23px; color: #2e5775; margin-bottom: 15px; } html[lang="ru"] .cat-info--futures-product .cat-info__title { margin-top: 20px; font-size: 19px; max-width: 220px; } html[lang="en"] .cat-info--futures-product .cat-info__title { max-width: 233px; } .cat-info--futures-product .cat-info__img { margin-top: 10px; } .cat-info--futures-product .cat-info__descr { line-height: 22px; color:#354751; max-width: 250px; } html[lang="ru"] .cat-info--futures-product .cat-info__descr { font-size: 14px; padding-bottom: 20px; } html[lang="en"] .cat-info--futures-product .cat-info__descr { font-size: 15px; } /* End Модификация возможностей продуктов -----------------------------------------------------------------*/ /* Begin Общие стили форм -----------------------------------------------------------------*/ .close--order-form { bottom: 15px; color: #35bcff; left: 25px; position: relative; } .close--order-form:hover, .close--order-form:focus { color: #35bcff; opacity: 0.8; } .order-data { float: left; padding: 25px 56px; width: 54.3%; } .order-data label { color: #333333; font-size: 15px; } .order-data__group { margin-bottom: 7px; } .order-data__group .form-control, .review-leave-data__group .form-control { border:1px solid #d0d0d0; -webkit-box-shadow: 0 0 2px 0 rgba(204, 204, 204, 0.8) inset; -moz-box-shadow: 0 0 2px 0 rgba(204, 204, 204, 0.8) inset; box-shadow: 0 0 2px 0 rgba(204, 204, 204, 0.8) inset; } .order-data__group--static .form-control { background-color: #f2f2f2; border: 1px solid #d0d0d0; box-shadow: none; } .order-data__group .form-control { height: 36px; } .order-data__group--name .form-control, .order-data__group--firstname .form-control, .review-leave-data__group--name .form-control { background-image: url("images/form/fields.png"); background-position: 98% 10px; background-repeat: no-repeat; } .order-data__group--email .form-control, .review-leave-data__group--email .form-control { background-image: url("images/form/fields.png"); background-position: 98% -25px; background-repeat: no-repeat; } .review-leave-data__group--textarea .form-control { background-position: 98% 10px; background-repeat: no-repeat; } .order-data__group--phone .form-control, .order-data__group--personal_phone .form-control { background-image: url("images/form/fields.png"); background-position: 98% -58px; background-repeat: no-repeat; } .order-data__group--error, .review-leave-data__group--error { position: relative; } .order-data__group--error::after, .review-leave-data__group--error::after { position: absolute; display: block; content: ""; top: 38px; right: -24px; width: 17px; height: 16px; background-image: url("images/form/fields.png"); background-position: 0 -100px; } .order-data__group--error .form-control, .review-leave-data__group--error .form-control { border-color: #F48F90; } .order-data__group--error .form-control::-moz-placeholder, .review-leave-data__group--error .form-control::-moz-placeholder { color: #F15555; } .order-data__group--error .form-control::-webkit-input-placeholder, .review-leave-data__group--error .form-control::-webkit-input-placeholder { color: #F15555; } .order-data__group--error .form-control:-ms-input-placeholder, .review-leave-data__group--error .form-control:-ms-input-placeholder { color: #F15555; } .order-data__group--error .form-control:focus::-moz-placeholder, .review-leave-data__group--error .form-control:focus::-moz-placeholder { color: transparent; } .order-data__group--error .form-control:focus::-webkit-input-placeholder, .review-leave-data__group--error .form-control:focus::-webkit-input-placeholder { color: transparent; } .order-data__group--phone label, .order-data__group--personal_phone label { font-weight: normal; font-size:15px; } .order-data__group--confidential label { font-size:14px; } .order-data__group--checkbox-error { color: #F15555; text-align: center; font-size: 13px; } .order-data__required { color: #FF0606; } .order-data__no-required { color: #a8a8a8; font-size: 13px; font-style: italic; } .order-data--demo { padding-bottom: 30px; width: 100%; } .order-result { padding: 155px 25px 25px 25px; text-align: center; font-size: 21px; color: #84C041; background-image: url("images/form/success.png"); background-repeat: no-repeat; background-position: center 65px; } .order-result .btn-info--close { font-size: 16px; padding: 10px 50px; margin: 40px 0 30px 0; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px rgba(231, 231, 231, 1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px rgba(231, 231, 231, 1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px rgba(231, 231, 231, 1); } .order-result .btn-info--close:hover { -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 0 0 7px rgba(231, 231, 231, 1); -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 0 0 7px rgba(231, 231, 231, 1); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 0 0 7px rgba(231, 231, 231, 1); } .btn-order--submit { font-size: 15px; font-weight: bold; padding: 13px 57px; margin: 27px auto 23px; float: none; display: block; } .btn-order--submit { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #e5e4e4, 0 8px 0 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #e5e4e4, 0 8px 0 0 rgba(255, 255, 255, 1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #e5e4e4, 0 8px 0 0 rgba(255, 255, 255, 1); -moz-border-radius: 30px; -webkit-border-radius:30px ; border-radius: 30px; } .btn-order--submit:hover { -webkit-box-shadow: 0 0 0 5px #e9ebec, 0 5px 1px 0 #ccc, 1px 3px 4px 0 rgba(0, 0, 0, 0.31) inset; -moz-box-shadow: 0 0 0 5px #e9ebec, 0 5px 1px 0 #ccc, 1px 3px 4px 0 rgba(0, 0, 0, 0.31) inset; box-shadow: 0 0 0 5px #e9ebec, 0 5px 1px 0 #ccc, 1px 3px 4px 0 rgba(0, 0, 0, 0.31) inset; } .order-data__tips, .review-leave-data__tips { color: #84c041; font-size: 15px; margin-bottom: 10px; text-align: center; } .order-data .order-data__tips--error { color: #F15555; } .order-data__tips--or { margin-bottom: 0px; } .order-data__tips--on-line { margin-bottom: 22px; } /* End Общие стили форм -----------------------------------------------------------------*/ /* Begin Страница продуктов ВАР -----------------------------------------------------------------*/ #page-products-top, #page-title, .pagetitle-bl__bg, .page-review-detail { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eef6fb+0,fafdff+23,fafdff+100 */ background: #eef6fb; /* Old browsers */ background: -moz-linear-gradient(top, #eef6fb 0%, #fafdff 23%, #fafdff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef6fb), color-stop(23%,#fafdff), color-stop(100%,#fafdff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eef6fb 0%,#fafdff 23%,#fafdff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eef6fb 0%,#fafdff 23%,#fafdff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eef6fb 0%,#fafdff 23%,#fafdff 100%); /* IE10+ */ background: linear-gradient(to bottom, #eef6fb 0%,#fafdff 23%,#fafdff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef6fb', endColorstr='#fafdff',GradientType=0 ); /* IE6-9 */ } #page-products-top h1, #page-title h1, #page-products-top p, .pagetitle-bl__bg h1, .pagetitle-bl__title, .page-news-title, #page-products-top .page-review-title { color: #386b94; font-size: 40px; margin-bottom: 37px; margin-left: 8px; margin-top: 23px; display: block; } #page-products-top p, #page-products-top .page-review-title { line-height: 1.1; } #page-products-top span { font-size: 25px; } #page-products-top .page-title { color: #386b94; font-size: 40px; margin-bottom: 37px; margin-left: 8px; margin-top: 23px; line-height: 1.1; } #page-products-top .page-title__comment { margin: 0; font-size: 25px; display: inline-block; } .product-wrapper { background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #FFFFFF), color-stop(1, #D9EBF4) ); background-image: -o-linear-gradient(top, #FFFFFF 0%, #D9EBF4 100%); background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D9EBF4 100%); background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D9EBF4 100%); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D9EBF4 100%); background-image: linear-gradient(to top, #FFFFFF 0%, #D9EBF4 100%); } .product-wrapper--complex-offer { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6eaf3+0,eaf6fb+100 */ background: #d6eaf3; /* Old browsers */ background: -moz-linear-gradient(top, #d6eaf3 0%, #eaf6fb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d6eaf3 0%,#eaf6fb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d6eaf3 0%,#eaf6fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eaf3', endColorstr='#eaf6fb',GradientType=0 ); /* IE6-9 */ } .product-wrapper--internet-magazin-avtozapchastej { background: #f4fafc; } /*=====Блок с кнопкой заказать=====*/ .product-order { padding-bottom: 25px; } .product-order .row { text-align: center; } .btn-order--product, .btn-order--old-product, .btn-order--detail, .btn-save--profile, .btn-order--product-en { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; float: none; font-size: 16px; font-weight: bold; } .btn-order--product, .btn-order--old-product, .btn-order--detail, .btn-save--profile { padding: 13px 60px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #ededed; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #ededed; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #ededed; } .btn-save--profile { padding: 10px 60px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px #ededed; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px #ededed; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px #ededed; } .btn-order--detail { margin-bottom: 23px; } .btn-order--old-product { margin-top: 0px; } .btn-order--product:active, .btn-order--product:focus, .btn-order--product:hover, .btn-order--detail:active, .btn-order--detail:focus, .btn-order--detail:hover, .btn-save--profile:active, .btn-save--profile:focus, .btn-save--profile:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px #ededed; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px #ededed; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 5px #ededed; } .btn-demo--old-product, .btn-demo--old-product:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #ededed; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #ededed; -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #ededed; -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #ededed; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 7px #ededed; } .btn-order--product-en { margin-top: 0; padding: 13px 108px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededed; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededed; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededed; } .btn-order--product-en:active, .btn-order--product-en:focus, .btn-order--product-en:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededed; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededed; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 6px #ededed; } /*=====Блок с кнопкой заказать=====*/ .h2-product { color: #000000; font-size: 36px; line-height: 38px; font-weight: bold; position: relative; z-index: 1; } .h2-product--main { font-weight: 500; color: #91c07a; margin: 37px auto 0; text-align: center; } .h2-product__middle { display: block; font-size: 24px; font-weight: 300; position: relative; } /* End Страница продуктов ВАР -----------------------------------------------------------------*/ /*=====Преимущества в рамочке=====*/ .feature-advantages { border: 1px solid #6fab69; color: #000000; margin: 30px 0 30px 0; padding: 30px 50px; clear: both; } .feature-advantages h4 { font-size: 16px; font-weight: bold; margin-bottom: 17px; margin-top: 0; } .feature-advantages li { margin-bottom: 10px; } .feature-advantages__title { margin-right: 64px; max-width: 260px; } .feature-advantages ul, .feature-advantages__title { display: inline-block; vertical-align: middle; width: 48%; } /*=====Преимущества в рамочке=====*/ /* Begin Подвал -----------------------------------------------------------------*/ #footer { position: relative; min-height: 430px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#417396+0,35658a+50,29587c+100 */ background: #417396; /* Old browsers */ background: -moz-linear-gradient(top, #417396 0%, #35658a 50%, #29587c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#417396), color-stop(50%,#35658a), color-stop(100%,#29587c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #417396 0%,#35658a 50%,#29587c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #417396 0%,#35658a 50%,#29587c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #417396 0%,#35658a 50%,#29587c 100%); /* IE10+ */ background: linear-gradient(to bottom, #417396 0%,#35658a 50%,#29587c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417396', endColorstr='#29587c',GradientType=0 ); /* IE6-9 */ padding-bottom: 64px; } .container--footer { width: auto; max-width: 1180px; } /* End Подвал -----------------------------------------------------------------*/ /* Begin Подвал - поиск -----------------------------------------------------------------*/ #search-footer { margin-bottom: 23px; margin-top: 34px; padding: 0; } #search-footer .form-control { width: 100%; height: 38px; padding-left: 22px; font-style: italic; box-sizing: border-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:none; } #search-footer .btn { padding: 7px 18px; text-indent: -9999px; background: none; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius: 0 4px 4px 0; background: url("images/ico-btn-search.png") no-repeat center; } #search-footer .input-group-btn { background: url("images/search-btn-bg.png") repeat-x; border:1px solid #ffffff; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius: 0 4px 4px 0; } /* End Подвал - поиск -----------------------------------------------------------------*/ /* Begin Подвал - контакты -----------------------------------------------------------------*/ .contact-list { padding-left: 5px; padding-top:30px; } .contact-list-logo { background-color: #36688a; -moz-border-radius: 5px; -webkit-border-radius:5px ; border-radius: 5px; -webkit-box-shadow: 1px 1px 15px -5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 15px -5px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 15px -5px rgba(0, 0, 0, 0.2) inset; display: table-cell; height: 100px; text-align: center; vertical-align: middle; width: 238px; } .contact-list-logo__ru, .contact-list-logo__en { fill: #ffffff; height: 54px; } .contact-list-logo__ru { width: 135px; } .contact-list-logo__en { width: 131px; } .contact-list__address { color: #92bcdb; font-size: 13px; line-height: 18px; margin-bottom: 20px; margin-top: 18px; } .contacts--footer { margin-left: 0; margin-bottom: 0px; float: none; } .contacts--footer .contacts__phone { color: #92bcdb; font-weight: normal; } html[lang="en"] .contacts--footer .contacts__phone { margin-bottom: 15px; } html[lang="en"] .contacts--footer .contacts__phone > a { color: #92bcdb; } html[lang="en"] .contacts--footer .contacts__phone > a:hover { color: #ffffff; } /* End Подвал - контакты -----------------------------------------------------------------*/ .copyright { color: #ffffff; font-size: 11px; margin-top: 5px; } .webmoney-footer { margin-bottom: 15px; margin-top: 23px; } .webmoney-footer img { background: #326286 none repeat scroll 0 0; border: 1px solid #ffffff; padding: 4px 4px 2px; } .btn-page-up { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,d7d7d7+100 */ background: #ededed; /* Old browsers */ background: -moz-linear-gradient(top, #ededed 0%, #d7d7d7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ededed 0%,#d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ededed 0%,#d7d7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */ display: block; position: fixed; height: 40px; bottom: 6px; right: 6px; width: 40px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; z-index: 1030; outline: none; opacity: 0; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (min-width: 1280px) { .btn-page-up { right: 30px; } } .btn-page-up:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,c6c6c6+100 */ background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #c6c6c6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#c6c6c6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e5e5e5 0%,#c6c6c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */ } .btn-page-up:after{ width: 0; height: 0; border-style: solid; border-width: 0 7px 9px 7px; border-color: transparent transparent #565656 transparent; display: block; position: absolute; content: ""; left: 50%; top: 50%; margin-left: -7px; margin-top: -5px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.3); -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.3); box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.3); } .btn-page-up:active, .btn-page-up:focus { outline: none; } .btn-page-up__show { opacity: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } /* Общие стили кнопки назад */ .btn-backward { cursor: pointer; overflow: hidden; position: absolute; top: 45px; right: 113px; max-height: 32px; z-index: 1; width: 110px; padding: 7px 0 6px 15px; font-size: 13px; text-align: center; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 20px 0px 40px 0px rgba(255,255,255,0.6); -moz-box-shadow: 20px 0px 40px 0px rgba(255,255,255,0.6); box-shadow: 20px 0px 40px 0px rgba(255,255,255,0.6); /*background: url("/bitrix/templates/tradesoft/components/bitrix/catalog.section.list/features-inner/images/btn-prev.png") right center no-repeat;*/ } .btn-backward:before, .btn-backward:after { content: ""; display: block; width: 400px; height: 400px; position: absolute; margin-top: -200px; top: 50%; left: 90px; left/*\**/: 0px\9; z-index: -1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#76c751+46,6bb449+54 */ background: #76c751; /* Old browsers */ background: -moz-linear-gradient(-45deg, #76c751 46%, #6bb449 54%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #76c751 46%, #6bb449 54%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #76c751 46%, #6bb449 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c751', endColorstr='#6bb449', GradientType=1); /* IE6-9 fallback on horizontal gradient */ -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .btn-backward:after{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a2fe+46,0093e6+54 */ background: #00a2fe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #00a2fe 46%, #0093e6 54%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #00a2fe 46%,#0093e6 54%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #00a2fe 46%,#0093e6 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2fe', endColorstr='#0093e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ left: 200px; } .btn-backward:hover:after { left: 90px; left/*\**/: 0px\9; } .btn-backward:before{ -webkit-box-shadow: 3px 0px 30px 0px rgba(255,255,255,0.6); -moz-box-shadow: 3px 0px 30px 0px rgba(255,255,255,0.6); box-shadow: 3px 0px 30px 0px rgba(255,255,255,0.6); } .btn-backward:hover, .btn-backward:active, .btn-backward:focus, .btn-backward:focus:hover { color: #ffffff; } /* Loader */ #ts-loader { display: block; position: relative; left: 50%; top: 100px; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 50%; border: 3px solid transparent; border-top-color: #386b94; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #ts-loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #4aa53f; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #ts-loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #00a5ff; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } .label{ display: inline-block; float: left; padding: 5px 10px; margin: 1px 1px 0 0; font-size: 11px; white-space: nowrap; border-radius: 0; border-style: solid; border-width: 1px; border-color: #858585; color: #858585; letter-spacing: 0.5px; } .label.blue{ border-color: #358181; color: #358181; } .label.green{ border-color: #45a949; color: #45a949; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } /* /Loader */ /* Standart bx Loader */ .bx-core-waitwindow { background: rgba(0, 26, 40,0.75); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF001A28,endColorstr=#BF001A28); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF001A28,endColorstr=#BF001A28); border: none; color: #FFF; font-size: 14px; padding: 10px 15px 10px 40px; position: absolute; z-index: 10000; text-align: center; border-radius: 5px; left: 50%; } .bx-core-waitwindow:before{ border: 3px solid #00a5ff; border-radius: 30px; height: 25px; display: block; content: ''; left: 8px; margin: -12px 0 0 0; opacity: 0; position: absolute; top: 50%; width: 25px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; } @-webkit-keyframes pulsate {0% {transform:scale(.1);opacity: 0.0;} 50% {opacity:1;} 100% {transform:scale(1.2);opacity:0;}} @keyframes pulsate {0% {transform:scale(.1);opacity: 0.0;} 50% {opacity:1;} 100% {transform:scale(1.2);opacity:0;}} /* /Standart bx Loader */ .n-control:after, .owl-prev:after, .owl-next:after{ display: block; position: absolute; content: ""; width: 42px; height: 95px; top: 50%; margin-top: -47.5px; background-position: center; background-repeat: no-repeat; background-size: cover; } .n-control.left:after, .owl-prev:after{ left: 50%; margin-left: -21px; background-image: url("/bitrix/templates/tradesoft/images/n-arrow__left.png"); } .n-control.left:hover:after, .owl-prev:hover:after{ background-image: url("/bitrix/templates/tradesoft/images/n-arrow__left-hover.png"); } .n-control.right:after, .owl-next:after{ margin-right: -21px; right: 50%; background-image: url("/bitrix/templates/tradesoft/images/n-arrow__right.png"); } .n-control.right:hover:after, .owl-next:hover:after{ background-image: url("/bitrix/templates/tradesoft/images/n-arrow__right-hover.png"); } /* Begin Стиль блока с кнопками "Клиентская часть и Административная часть" -----------------------------------------------------------------*/ .final-product { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e7ff+0,feffff+47 */ background: #b8e7ff; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #b8e7ff 0%, #feffff 47%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #b8e7ff 0%,#feffff 47%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #b8e7ff 0%,#feffff 47%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e7ff', endColorstr='#feffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ font-size: 15px; padding-bottom: 68px; } .final-product--var { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e7ff+0,feffff+47 */ background: #b8e7ff; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #b8e7ff 0%, #feffff 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #b8e7ff 0%,#feffff 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #b8e7ff 0%,#feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e7ff', endColorstr='#feffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .final-product-text { margin: 0 auto; max-width: 760px; } .h2-product--final { margin-bottom: 30px; } /* End Стиль блока с кнопками "Клиентская часть и Административная часть" -----------------------------------------------------------------*/ /* Begin адаптивные стили -----------------------------------------------------------------*/ @media (max-width: 1199px) { .select-country__name.visible-lg { display: none !important; } .select-country { margin-left: 0px; } .select-country .dropdown-toggle .caret { margin-left: 0; } .select-country .dropdown-toggle img { margin-right: 5px; } #tabs .container { width: 970px; } #tabs .product { margin-left: 25px; } .tabs-nav { width: 100%; margin-left:-50%; bottom: 0; } .tabs-nav__item { width: 50%; height: 120px; margin-left: 0; } .tabs--ai-bg .product { margin-top: 92px; } .tabs--var-bg .product { margin-top: 106px; } .tabs__content { background-position: right 12px; background-size: 540px auto; } .row-futures, .row-futures-product { max-width: 920px; margin: 0 auto; } .slick-arrow { cursor: pointer; display: block; position: absolute; top: 50%; margin-top: -47.5px; z-index: 1; border: none; width: 42px; height: 95px; text-indent: -9999px; background-color: transparent; } .slick-prev { background-image: url("/bitrix/templates/tradesoft/images/n-arrow__left.png"); background-repeat: no-repeat; left: -42px; } .slick-next { background: url("images/next-arrow.png") no-repeat; background-image: url("/bitrix/templates/tradesoft/images/n-arrow__right.png"); background-repeat: no-repeat; right: -42px; } #navbar-bottom .container-fluid { max-width: 943px; width: auto; } .container--footer { max-width: 970px; } .tabs-popularity-item__img { position: absolute; bottom: 0; min-width: 128px; max-width: 60%; } } .menu-push-wrapper { -ms-transform: translate(-260px); } @media (max-width: 0px /*Отключение адаптива, было 1140*/) { .container-wrapper, #menu-push, .menu-push-wrapper { -webkit-transition: -webkit-transform .5s linear; -moz-transition: -moz-transform .5s linear; -ms-transition: -ms-transform .5s linear; -o-transition: -o-transform .5s linear; transition: transform .5s linear; } .open-offset { overflow-x: hidden; } .open-offset .container-wrapper { -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -ms-transform: translate(260px, 0); -o-transform: translate3d(260px, 0, 0); transform: translate(260px, 0); } .open-offset #menu-push { -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); -ms-transform: translate(260px, 0); transform: translate(260px, 0); } .open-offset .menu-push-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .tabs--ai-bg .product { margin-top: 84px; } .tabs--var-bg .product { margin-top: 106px; } .tabs-popularity-item__title, .tabs-popularity-item__short-text { margin-left: 0; } .cat-info__title { font-size: 16px; } .futures .row > div { padding: 0 5px; } #tabs { margin-top: 58px; } #tabs .container { width: auto; max-width: 95%; } #tabs .product { margin-left: 0px; } .tabs-nav__item { padding: 30px 1.3%; } .tabs__content { background-position: right 20px; background-size: 500px auto; } #review > .container { width: 920px; } /* Begin =====Страница Веб-Авторесурс=====*/ .navbar-header--bottom, #menu-full-navbar, #page-products-top{ display: none; } .carousel-inner, .carousel-inner .carousel-item img { height: 320px; } .row--price { padding: 0; } #explanation-popularity > .container { margin-left: 0.9%; max-width: 96%; width: auto; } .tabs-popularity-tab__inner { font-size: 13px; margin-right: -19px; padding-left: 10px; padding-right: 10px; padding-top: 0px; } /* End =====Страница Веб-Авторесурс=====*/ .product { margin-top: 30px; } .product__caption { font-size: 50px; } .product__descr { max-width: 285px; } .tabs-popularity { margin-top: 32px; } .tabs-popularity-tab__inner { color: #ffffff; cursor: pointer; height: 92px; } .tabs-popularity-item__img { top: 352px; width: 609px; max-width: none; bottom: auto; } .tabs-popularity-item__img[src*="6"] { top: 343px; width: 429px; } .tabs-popularity-item__img[src*="5"] { top: 357px; width: 489px; } .tabs-popularity-item__img[src*="3"] { bottom: auto; left: -30px; max-width: none; top: 348px; width: 561px; } .articles__item { margin-left: 3%; margin-right: 3%; width: 44%; } .container-fluid--popularity { background-color: #ffffff; } .explanation-popularity { height: 660px; min-height: auto; } #menu-fixed-bottom { margin-left: 0; } .logo-brand { display: none; } #navbar-bottom .container { width: auto; } .footer-menu { width: 45.3%; margin-right: 4.7%; min-height: 115px; } #footer .container { max-width: 90%; } #footer .contact-list { width: 242px; margin: 0 auto 50px; } .btn-page-up { display: none; } } .product-overview-title { display: none; } /* BEGIN Отключение адаптивности */ html, body { min-width: 1024px; } .container { min-width: 1024px; max-width: 1180px; } .visible-xs, .visible-sm { display: none !important; } #product-menu > .product-menu__item { float: left; } iframe html{ min-width: 0px; } /* Begin Видео в модальном окне не весь экран --------------------*/ #videoFrame { position: absolute; height: 100%; width: 100%; left: 0; padding: 0 100px; } .video-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); z-index: 99999; } .video-modal__close.close { right: 10px; top: 0px; cursor: pointer; z-index: 1; } /* End Видео в модальном окне не весь экран --------------------*/ /* END Отключение адаптивности */ .page-inner-text { background-color: #ffffff; color: #333333; padding-top: 40px; padding-bottom: 20px; } .page-inner-text h2 { font-size: 32px; font-weight: bold; color: #333333; margin: 0; } .grecaptcha-badge { margin: auto; } .stat-view__hint { margin-top: 10px; } /* common styles */ .d-flex { display: flex; } .text-green { color: #29A329; } .text-grey { color: #808080; } .text-bold { font-weight: 600; } .btn-lg { font-size: 18px; line-height: 24px; color: #FFFFFF; padding: 15px 32px 17px; border-radius: 32px; outline: none; border: none; background-color: #1872E7; transition: background-color .3s ease-in-out; } .btn-lg:hover { background-color: #468EEC; } /* BEGIN vue menu */ #main-menu { position: relative; z-index: 11; color: #202020; background-color: #FFF; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.04); } #main-menu.fixed { position: fixed; width: 100%; top: 0; } body.menu-fixed { margin-top: 104px; } .main-menu-wrapper { height: 104px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #FFF; transition: border-color .3s ease-in-out; } .main-menu__logo { display: block; margin-right: 24px; } .main-menu__nav { display: flex; align-items: center; height: 100%; } .main-menu__nav_center { height: 100%; } .main-menu_opened { border-color: #E2E2E2; } .main-menu__dropdown-btn, a.main-menu__dropdown-btn { position: relative; display: flex; align-items: center; font-size: 20px; white-space: nowrap; color: #202020; padding: 0 20px; height: 100%; border: none; outline: none; background: none; transition: color .3s ease-in-out; } .main-menu__dropdown-btn_opened::after { content: ''; display: block; height: 20px; width: 20px; background-color: #FFF; border: 1px solid #E2E2E2; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) translateY(51%) rotate(45deg); } .main-menu__dropdown-btn:hover, a.main-menu__dropdown-btn:hover { color: #1872E7; } .main-menu__dropdown-wrapper { padding: 40px 0; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; } .main-menu__dropdown-inner .container{ position: relative; } .main-menu__dropdown-close { position: absolute; top: -10px; right: 0; border: none; background: none; outline: none; } .main-menu__dropdown-close-lg { display: none; top: 30px; right: 40px; } .main-menu__contact-phone { font-size: 20px; padding-right: 32px; white-space: nowrap; } .main-menu__rounded-btn { position: relative; display: flex; align-items: center; font-size: 13px; line-height: 16px; color: #ACACAC; padding: 0px 16px; margin-left: 16px; border: 1px solid #EEF2F4; outline: none; background-color: #FFF; border-radius: 50px; transition: background-color .3s ease-in-out, color .3s ease-in-out; background-repeat: no-repeat; background-position: center; min-height: 40px; min-width: 40px; } .rounded-btn__dropdown-wrapper { position: absolute; top: 32px; right: 5px; padding-top: 18px; opacity: 0; pointer-events: none; transition: opacity .3s ease-in-out; z-index: 1; } .rounded-btn__dropdown-inner { min-width: 240px; padding-top: 8px; padding-bottom: 8px; background-color: #FFF; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.12); border-radius: 4px; } .rounded-btn__dropdown-inner__link { display: block; font-size: 18px; color: #202020; padding: 10px 16px; text-align: left; background-color: #FFF; transition: background-color .3s ease-in-out; } .rounded-btn__dropdown-inner__link_checked { color: #B3B3B3; pointer-events: none; } .rounded-btn__dropdown-inner__link:hover { color: #202020; background-color: #EEF2F4; } .main-menu__rounded-btn:hover { color: #4D4D4D; background-color: #EEF2F4; } .main-menu__rounded-btn:hover .rounded-btn__dropdown-wrapper { opacity: 1; pointer-events: auto; } .main-menu__rounded-btn_type_user { background-image: url('images/main-menu/user.png'); } .main-menu__rounded-btn_type_user.authorized { color: #FFFFFF; padding: 0; justify-content: center; background-image: none; background-color: #009DEC; } .main-menu__rounded-btn_type_user.authorized:hover { background-color: #007AB7; } .main-menu__rounded-btn_type_search { background-image: url('images/main-menu/search.png'); } .main-menu__rounded-btn_type_hamburger { background-image: url('images/main-menu/hamburger.png'); display: none; } .main-menu__shadow { position: absolute; top: 100%; bottom: -2000px; left: 0px; right: 0px; background: #000; opacity: 0.3; z-index: -1; } @media (max-width: 1239px) { .main-menu__nav_center, .main-menu__dropdown-wrapper, .main-menu__shadow, .main-menu__rounded-btn_type_search { display: none; } .main-menu__rounded-btn_type_hamburger { display: flex; } } @media (max-width: 1244px) { .main-menu-wrapper { padding-left: 40px; padding-right: 40px; min-width: 1024px; max-width: 1160px; margin-left: auto; margin-right: auto; } } @media (min-width: 1245px) { #main-menu { padding-right: 72px; padding-left: 72px; } .main-menu__dropdown-close { display: none; } .main-menu__dropdown-close-lg { display: block; } } @media (min-width: 1440px) { .main-menu__nav_left { position: absolute; top: 0; } .main-menu__nav_center { width: 1160px; margin-left: auto; margin-right: auto; } .main-menu__dropdown-btn:first-child { padding-left: 0; } .main-menu__nav_right { position: absolute; right: 72px; top: 0; } } @media (min-width: 1440px) and (max-width: 1760px) { .main-menu__nav_center { padding-left: 15%; } } .search-form { display: flex; align-items: center; justify-content: space-between; width: auto; } .search-form__input { width: 100%; font-size: 24px; background: none; border: none; outline: none; } .search-form__input::placeholder { color: #B3B3B3; } .search-form__close-btn { font-size: 18px; color: #B3B3B3; padding-right: 35px; background: url('images/close.svg'); background-repeat: no-repeat; background-position: center right; cursor: pointer; } .dropdown-content { padding: 0; } .dropdown-content__item { padding-top: 24px; padding-bottom: 24px; } .dropdown-content__item__text { font-size: 16px; line-height: 24px; } .dropdown-content__item__link { font-size: 16px; font-weight: bold; line-height: 24px; color: #202020; transition: color .3s ease-in-out; } .dropdown-content__item__link::after { content: ''; display: inline-block; height: 16px; width: 16px; margin-left: 12px; background-image: url('images/arrow-right.svg'); background-repeat: no-repeat; background-position-y: 7px; opacity: 0; transform: translateX(-100%); transition: opacity .3s ease-in-out, transform .3s ease-in-out; } .dropdown-content__item_hover:hover .dropdown-content__item__link::after, .dropdown-content__item__link:hover:after { transform: translateX(0); opacity: 1; } .dropdown-content__item_hover:hover .dropdown-content__item__link, .dropdown-content__item__link:hover { color: #1872E7; } .dropdown-content__item__descr { font-size: 13px; line-height: 16px; color: #808080; } .dropdown-content_left { padding-right: 55px; } .dropdown-content_right { padding-left: 55px; border-left: 1px solid #E2E2E2; } .dropdown-content_right .dropdown-content__item { padding-top: 0; padding-bottom: 24px; } .dropdown-content_right .dropdown-content__item__link { padding-top: 24px; padding-bottom: 12px; } #sidebar { position: absolute; top: 0; right: 0; bottom: -2000px; width: 400px; overflow: hidden; pointer-events: none; display: none; font-size: 20px; } #sidebar * { pointer-events: auto; } .sidebar-wrapper { background-color: #FFF; height: 100%; } .sidebar__head { position: relative; display: flex; align-items: center; justify-content: center; height: 100px; color: #B3B3B3; } .sidebar__title { padding: 20px; cursor: pointer; } .sidebar__dropdown-btn { display: block; width: 100%; padding-top: 16px; padding-bottom: 16px; border: none; outline: none; background: none; text-align: center; color: #202020; } .sidebar__close { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); background-image: url('images/main-menu/close.png'); } .sidebar__shadow { position: absolute; top: 0; bottom: -2000px; left: 0px; right: 0px; background: #000; opacity: 0.3; display: none; } @media (max-width: 1239px) { #sidebar, .sidebar__shadow { display: block; } } /* vue animations for new menu */ .fade-in-enter { opacity: 0; } .fade-in-enter-active, .fade-in-leave-active { transition: opacity .3s ease-in-out; } .fade-in-leave-to { opacity: 0; } .slide-enter { transform: translateX(100%); } .slide-enter-to { transform: translateX(0%); } .slide-enter-active { transition: transform .3s ease-in-out; } .slide-leave-active { transition: transform .3s ease-in-out; } .slide-leave { transform: translateX(0%); } .slide-leave-to { transform: translateX(100%); } /* END vue menu */