/* font-family: "RobotoRegular"; */ @font-face { font-family: "RobotoRegular"; src: url("../fonts/RobotoRegular/RobotoRegular.eot"); src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoLight"; */ @font-face { font-family: "RobotoLight"; src: url("../fonts/RobotoLight/RobotoLight.eot"); src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"), url("../fonts/RobotoLight/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoMedium"; */ @font-face { font-family: "RobotoMedium"; src: url("../fonts/RobotoMedium/RobotoMedium.eot"); src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"), url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"), url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoBold"; */ @font-face { font-family: "RobotoBold"; src: url("../fonts/RobotoBold/RobotoBold.eot"); src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"), url("../fonts/RobotoBold/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoCondensedRegular"; */ @font-face { font-family: "RobotoCondensedRegular"; src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot"); src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot?#iefix")format("embedded-opentype"), url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff") format("woff"), url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoCondensedLight"; */ @font-face { font-family: "RobotoCondensedLight"; src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot"); src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix")format("embedded-opentype"), url("../fonts/RobotoCondensedLight/RobotoCondensedLight.woff") format("woff"), url("../fonts/RobotoCondensedLight/RobotoCondensedLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RobotoCondensedBold"; */ @font-face { font-family: "RobotoCondensedBold"; src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot"); src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot?#iefix")format("embedded-opentype"), url("../fonts/RobotoCondensedBold/RobotoCondensedBold.woff") format("woff"), url("../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; outline:none; font-size: 100%; } html, body { height: 100%; position:relative; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } b, strong { font-family:'RobotoBold',Arial,Tahoma,sans-serif; font-weight:normal; } img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } li { display:list-item; } table { border-collapse: collapse; border-spacing: 0; } th, td, caption { font-weight: normal; vertical-align: top; text-align: left; } q { quotes: none; } q:before, q:after { content:""; content:none; } svg { overflow: hidden; } pre, code { font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace; } body { background-color:#fff; color:#000; font:normal normal 18px/1.5 'RobotoRegular',Arial,Tahoma,sans-serif; } ol { list-style: decimal; } ul { list-style:none; } h1,h2,h3,h4,h5,h6 {color:#434343;margin:20px 0;text-transform:uppercase;font:normal normal 40px/1.2 'RobotoBold',Arial,Tahoma,sans-serif;} h1 { font-size:40px; color:#9A000B; } h2 { font:normal normal 34px/1.2 'RobotoRegular',Arial,Tahoma,sans-serif; color:#C6422F; } h3 { font-size:28px; } #services h3, #our_team h3, #reviews h3, #certificates h3, #news_block h3, #partners h3 { font-size:40px; text-align:center; margin:70px 0 60px; } #services h3 { margin:20px 0 50px; } #our_team h3 { color:#fff; } h4 { font-size:24px; color:#FFC141; text-transform:none; } a{ color:#9A000B; font-weight:normal; background:none; text-decoration:none; cursor:pointer; } a:hover, a:active{ text-decoration:underline; color:#C6422F; } p{ margin-top:25px; } #header_wrapper { position:relative; } #top_header { color:#fff; font-size:16px; height:60px; line-height:60px; background: #ffb132; background: -moz-linear-gradient(left, #ffb132 0%, #ef7437 50%, #c9333b 100%); background: -webkit-linear-gradient(left, #ffb132 0%,#ef7437 50%,#c9333b 100%); background: linear-gradient(to right, #ffb132 0%,#ef7437 50%,#c9333b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb132', endColorstr='#c9333b',GradientType=1 ); } #top_header a{ color:#fff; font:normal normal 16px/1.5 'RobotoBold',Arial,Tahoma,sans-serif; } #main_menu ul{ padding:0; margin:0; } #main_menu li{ display:inline-block; list-style:none; margin:0 20px 0 0; padding:0; position:relative; } #main_menu a, #main_menu span { font:normal normal 16px/1.5 'RobotoBold',Arial,Tahoma,sans-serif; color:#fff; text-transform:uppercase; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease-out; -ms-transition: all .2s ease; transition: all .2s ease-out; cursor:pointer; } #main_menu a:hover, #main_menu span:hover, #main_menu a:active, #main_menu span:active { color:#C6422F; text-decoration:none; } #main_menu li.active, #main_menu li.active a, #main_menu li.active span { color:#C6422F; } #main_menu li.active:hover, #main_menu .active a:hover, #main_menu .active span:hover { color:#C6422F; text-decoration:none; } #main_menu .menu > li.parent a, #main_menu .menu > li.parent span{ background:url('../images/menu-arrow.png') right center no-repeat; padding-right:12px; } #main_menu .menu li:hover > ul { display: block; } #main_menu .menu ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; top:25px; left: 0; z-index: 99999; background:#E60021; } #main_menu .menu ul ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; left:185px; top:0; z-index: 99999; background:#E60021; } #main_menu .menu ul li { float: none; margin: 0; padding: 0; display: block; background:#E60021; height:auto; line-height:1.2; text-align:left; } #main_menu .menu ul li:after{ display:none; } #main_menu .menu ul ul li, #main_menu .menu ul ul ul li { background:#E60021; } #main_menu .menu li ul a { padding:10px; color:#fff; height: auto; line-height:1.2; display: block; font-weight:normal; float: none; text-transform: none; font-size:18px; background:#E60021 !important; border-bottom:1px solid #AC001A; border-top:none; width:220px; text-shadow:none; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; } #main_menu .menu ul a:hover, #main_menu .menu ul a:active { background:#1D1B1B !important; } #main_menu .menu ul ul a, #main_menu .menu ul ul ul a { background:#1D1B1B !important; border-left:none; border-color:#5a5a5a; } #main_menu .menu ul ul a:hover, #main_menu .menu ul ul ul a:hover { color:#4ebdac; } *:first-child+html #main_menu .menu ul a /* IE7 */ { height: 10px; width:200px; } #main_menu .menu ul li:first-child a:hover:after { border-bottom-color: #fff; } #main_menu .menu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } *:first-child+html #main_menu .menu { zoom: 1; } /* IE7 */ #top_contacts p{ display:inline-block; margin:0 25px 0 10px; padding:0; position:relative; } #top_contacts .left-div { float:left; } #top_contacts .right-div { float:right; } #top_contacts .right-div p{ margin:0; text-align:right; } #top_contacts p img{ margin:0 10px 0 0; } #top_contacts .right-div img{ margin:0 0 0 5px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease; } #top_contacts .right-div img:hover{ opacity:.8; padding-bottom:4px; } #lang { position:relative; } #lang .lang-inline { text-align:right; height:60px; line-height:60px; } div.mod-languages li{ margin:0; font-size:14px; } div.mod-languages li:first-child:after{ display:inline-block; margin:0; } #top_header div.mod-languages li a{ display:inline-block; color:#fff; font-size:14px; padding:3px 8px; background:none; text-transform:uppercase; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #top_header div.mod-languages li a:hover, #top_header div.mod-languages li a:active{ text-decoration:underline; } #top_header div.mod-languages li.lang-active a{ color:#C6422F; background:#fff; } #top_header div.mod-languages li.lang-active a:hover, #top_header div.mod-languages li.lang-active a:active{ text-decoration:none; } #header_middle { margin-top:35px; margin-bottom:32px; } #logo { text-align:center; line-height:1; } #logo a, #logo img { display:block; width:auto; height:auto; text-decoration:none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } #logo img { margin-right:7px; } #logo a:hover img, #logo a:active img { opacity:.75; } #logo a img, #logo a h3 { float:left; color:#9A000B; font-size:36px; } #logo a h3 { margin:30px 0 0 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } #logo a h3 span{ display:block; color:#FFA20B; font-size:12px; margin-top:6px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } #logo a:hover h3, #logo a:active h3{ color:#FFA20B; } #logo a:hover h3 span, #logo a:active h3 span { color:#9A000B; } #header_contacts a { color:#C6422F; font:normal normal 18px/1.5 'RobotoBold',Arial,Tahoma,sans-serif; } #header_contacts a:hover, #header_contacts a:active{ color:#FFA20B; text-decoration:none; } #header_contacts img{ margin-right:15px; margin-bottom:50px; float:left; } #header_contacts .respons-block { display:flex; flex-direction: row; justify-content: flex-end; align-items:flex-start; } #header_contacts .respons-block p { margin-left:2%; width:31%; } #callback_block { text-align:right; } #callback_block .consult-position a{ color:#C6422F; font:normal normal 16px/1.5 'RobotoBold',Arial,Tahoma,sans-serif; } #callback_block .consult-position a:hover, #callback_block .consult-position a:active{ color:#FFA20B; text-decoration:none; } #callback_block .consult-position img{ margin-right:7px; } #header_menu { position:relative; height:100px; border-top:2px solid #F4F4F4; border-bottom:2px solid #F4F4F4; } body#holovna #header_menu, body#glavnaya #header_menu, body#home2 #header_menu { border-bottom:none; } #header_menu ul.menu{ padding:0; margin:0; height:100px; display:flex; flex-direction: row; justify-content:space-between; align-items:center; line-height:1; } #header_menu ul.menu > li{ list-style:none; margin:0 10px; padding:0; text-align:center; line-height:1; height:100px; position:relative; } #header_menu ul.menu > li a, #header_menu ul.menu > li span{ display:table-cell; font:normal normal 16px/1 'RobotoCondensedBold',Arial,Tahoma,sans-serif; color:#C6422F; height:100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; cursor:pointer; text-transform:uppercase; vertical-align:middle; } #header_menu ul.menu > li a:hover, #header_menu ul.menu > li span:hover, #header_menu ul.menu > li a:active, #header_menu ul.menu > li span:active{ color:#FFA20B; text-decoration:none; } #header_menu ul.menu > li.active, #header_menu ul.menu > li.active a { color:#434343; } #header_menu ul.menu > li.active:hover, #header_menu ul.menu >.active a:hover { color:#434343; } #header_menu .menu > li.parent a{ background:url('../images/menu-arrow.png') right center no-repeat; padding-right:12px; } #header_menu .menu > li.parent a:hover, #header_menu .menu > li.parent a:active{ background:url('../images/menu-arrow-hover.png') right center no-repeat; padding-right:12px; } #header_menu .menu > li.parent.active a, #header_menu .menu > li.parent.active a:hover, #header_menu .menu > li.parent.active a:active{ background:url('../images/menu-arrow-active.png') right center no-repeat; padding-right:12px; } #header_menu .menu > li.parent ul li a{ background:none; padding-right:15px; } #header_menu .menu > li.parent ul li.parent a{ background:none; padding-right:15px; } /*#header_menu .menu li:hover > ul { display: block; } #header_menu .menu ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; top:25px; left: 0; z-index: 99999; }*/ #header_menu .menu li:hover > ul { left:0; opacity:1; height:auto; } #header_menu .menu ul { display:block; list-style: none; margin: 0; padding: 0; /* background-color:#fff;*/ position:absolute; left:-9999px; opacity:0; transition: opacity .75s; width:280px; z-index: 99999; -webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.2); box-shadow: 0 5px 8px 0 rgba(0,0,0,.2); -webkit-border-radius: 0 0 5px 5px !important; border-radius: 0 0 5px 5px !important; } #header_menu .menu ul li { position:relative; float: none; margin: 0; padding: 0; display: block; background:#C6422F; height:auto; line-height:1.2; text-align:left; } #header_menu .menu ul li:hover > ul { opacity:1; height:auto; left:279px; top:0; } #header_menu .menu ul ul { list-style: none; margin: 0; padding: 0; opacity:0; display:block; position: absolute; left:-9999px; z-index: 99999; width:280px; box-shadow:none; -webkit-box-shadow:none; -webkit-border-radius: 0 5px 5px 0 !important; border-radius: 0 5px 5px 0 !important; } /* #header_menu .menu ul li { display:inline-block; height:inherit; text-align:left; }*/ #header_menu .menu ul li:after{ display:none; } #header_menu .menu ul ul li, #header_menu .menu ul ul ul li { background:#fff; } #header_menu .menu li ul li a { padding:12px 15px; color:#fff; height: auto; line-height:1.2; display: block; font-weight:normal; font-size:16px; border-bottom:1px solid #DF5839; border-top:none; width:auto; } #header_menu .menu > li.parent > ul li a{ background:none; color:#fff; padding-right:12px; } #header_menu .menu > li.parent > ul li a:hover, #header_menu .menu > li.parent > ul li a:active{ background:none; padding-right:12px; } #header_menu .menu > li.parent.active > ul li a, #header_menu .menu > li.parent.active > ul li a:hover, #header_menu .menu > li.parent.active > ul li a:active{ background:none; padding-right:12px; } #header_menu .menu li ul li:last-child, #header_menu .menu li ul li:last-child a { -webkit-border-radius: 0 0 5px 5px !important; border-radius: 0 0 5px 5px !important; } #header_menu .menu li ul ul li:first-child, #header_menu .menu li ul ul li:first-child a { -webkit-border-radius: 0 5px 0 0 !important; border-radius: 0 5px 0 0 !important; } #header_menu .menu li ul ul li:last-child, #header_menu .menu li ul ul li:last-child a { -webkit-border-radius: 0 0 5px 0 !important; border-radius: 0 0 5px 0 !important; } #header_menu .menu li ul li:last-child a { border:0; } #header_menu .menu ul a:hover, #header_menu .menu ul a:active { background:#FFA20B !important; color:#fff !important; } #header_menu .menu ul ul a, #header_menu .menu ul ul ul a { background:#FFA20B !important; border-left:none; border-color:#DF5839; } #header_menu .menu ul ul a:hover, #header_menu .menu ul ul ul a:hover { color:#fff !important; } *:first-child+html #header_menu .menu ul a /* IE7 */ { height: 10px; width:200px; } #header_menu .menu ul li:first-child a:hover:after { border-bottom-color: #fff; } #header_menu .menu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } *:first-child+html #header_menu .menu { zoom: 1; } /* IE7 */ .slider { position: relative; overflow: hidden; max-width:100%; margin-left: auto; margin-right: auto; } .slider__wrapper { position: relative; overflow: hidden; background: #ffb132; background: -moz-linear-gradient(left, #ffb132 0%, #ef7437 50%, #c9333b 100%); background: -webkit-linear-gradient(left, #ffb132 0%,#ef7437 50%,#c9333b 100%); background: linear-gradient(to right, #ffb132 0%,#ef7437 50%,#c9333b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb132', endColorstr='#c9333b',GradientType=1 ); } .slider__items { display: flex; transition: transform 0.5s ease; } .transition-none { transition: none; } .slider__item { flex: 0 0 100%; max-width: 100%; position: relative; } .slider__item_inner { position: absolute; left: 13%; right: 15%; top:150px; bottom: 40px; overflow: hidden; color: #fff; text-align:left; display:block; } .slider__item_title { font:normal normal 58px/1 'RobotoBold',Arial,Tahoma,sans-serif; text-transform:uppercase; display:block; margin-bottom:45px; } .slider__items_description { font:normal normal 22px/1 'RobotoBold',Arial,Tahoma,sans-serif; } .slider__items_description p{ } .slider__items_description a.button-link-yellow{ margin-top:70px; } .img-fluid { display: inline-block; height: auto; width:100%; } .slider__control { position: absolute; top: 47%; width: 40px; height: 50px; transform: translateY(-50%); display: none; align-items: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.3); opacity: 0.5; user-select: none; } .slider__control_show { display: flex; } .slider__control:hover, .slider__control:focus { color: #fff; text-decoration: none; opacity: 0.7; } .slider__control_prev { left: 0; } .slider__control_next { right: 0; } .slider__control:before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .slider__control_prev:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .slider__control_next:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } /*SERVICES*/ .services-slider { width:100%; overflow: hidden; } .slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; /* scroll-snap-points-x: repeat(300px); scroll-snap-type: mandatory; */ } .slides::-webkit-scrollbar { width: 10px; height: 10px; } .slides::-webkit-scrollbar-thumb { background:#C6422F; color:#fff; } .slides::-webkit-scrollbar-track { background: transparent; } .slides > div { scroll-snap-align: start; flex-shrink: 0; width:100%; height:auto; margin-top:70px; margin-right: 50px; transform-origin: center center; transform: scale(1); transition: transform 0.5s; position: relative; /*display: flex; justify-content: center; align-items: center;*/ } .slides > div:target { /* transform: scale(0.8); */ } .slides > div h4{ font:normal normal 34px/1.2 'RobotoBold',Arial,Tahoma,sans-serif; color:#434343; text-transform:uppercase; } .slides > div .button-link-red { margin-top:50px; } .services-slider .right-service { float:right; width:50%; margin-right:5%; } .services-slider .right-service img { display:block; max-width:100%; width:auto; height:auto; float:right; } .services-slider .left-service{ float:left; width:35%; margin-right:5%; margin-left:5%; } .services-slider > div.links-nav-service { text-align:center; } .services-slider > div.links-nav-service a { font:normal normal 16px/1.2 'RobotoBold',Arial,Tahoma,sans-serif; display: inline-block; vertical-align:top; width:260px; height:auto; padding:30px 0; color:#C6422F; background:#fff; text-decoration: none; /*align-items:center; justify-content:center;*/ margin:0; border:1px solid #C6422F; position: relative; text-transform:uppercase; box-sizing:border-box; } .services-slider > div.links-nav-service a:hover { background:#C6422F; color:#fff; } .services-slider > div.links-nav-service a:active { background:#C6422F; color:#fff; } .services-slider > div.links-nav-service a:focus { background:#C6422F; color:#fff; } /*Team Slider */ #our_team { background: #ffb132; background: -moz-linear-gradient(left, #ffb132 0%, #ef7437 50%, #c9333b 100%); background: -webkit-linear-gradient(left, #ffb132 0%,#ef7437 50%,#c9333b 100%); background: linear-gradient(to right, #ffb132 0%,#ef7437 50%,#c9333b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb132', endColorstr='#c9333b',GradientType=1 ); padding-top:60px; margin-top:70px; } #our_team .wrap { background:url('../images/footer-bg.png') center 80px no-repeat; } #our_team h3 { margin:0 0 55px 0; font-size:40px; } #our_team h4 { font:normal normal 24px/1.2 'RobotoCondensedBold',Arial,Tahoma,sans-serif; color:#9A000B; } #our_team h4, #our_team p { padding:0 20px; } #our_team .button-link-yellow{ margin:50px 0 70px; } .team-slider { position:relative; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: left; } .slick-slide img { display: block; margin:0 auto; max-width:100%; width:auto; margin-bottom:20px; } .team-slide { display:flex; flex-direction: row; justify-content:space-between; align-items:flex-start; position:relative; color:#000; } .item { padding:0 40px; outline:none; } .item-inner { text-align:center; background:rgba(255,255,255,.5); padding:5px; max-width: 300px; width:auto; margin: 0 auto; min-height:570px; height:auto; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url('../images/ajax-loader.gif') center center no-repeat; } /* Arrows */ .slick-arrow { position:absolute; top:50%; z-index:99; background:#fff; border:none; border-radius:45px; width:45px; height:45px; outline:none; cursor:pointer; -webkit-box-shadow: 0 3px 4px 0 rgba(134,0,1,0.18); box-shadow: 0 3px 4px 0 rgba(134,0,1,0.18); } .slick-next { right:1%; background:#fff url('../images/icon-slider-arrow-right.png') center center no-repeat; } .slick-prev { left:1%; background:#fff url('../images/icon-slider-arrow-left.png') center center no-repeat; } .slick-prev:hover, .slick-prev:active, .slick-next:hover, .slick-next:active{ opacity:.8; } body#holovna #content, body#glavnaya #content, body#home2 #content { margin-top:70px; } body#holovna #content h1, body#glavnaya #content h1, body#home2 #content h1{ margin:0 0 10px; text-align:center; color:#9A000B; font-size:118px; line-height:1; } body#holovna #content h2, body#glavnaya #content h2, body#home2 #content h2{ margin:0 0 20px; text-align:center; color:#FFC141; font:normal normal 32px/1.2 'RobotoBold',Arial,Tahoma,sans-serif; margin:0 0 40px; } body#holovna #content p, body#glavnaya #content p, body#home2 #content p{ margin:0 0 25px; } body#holovna #content .button-link-red, body#glavnaya #content .button-link-red, body#home2 #content .button-link-red{ margin-right:22px; } .contact-position > dt { display:none; } #content ul{ list-style-type:square; margin-left:45px; margin-top:20px; } #content ol{ margin-left:45px; margin-top:20px; } #content li{ margin:7px 0; } table.pad td,table.pad th { border:1px solid #EFEFEF; padding:10px; text-align:center; vertical-align:middle; } table.pad th { font-size:16px; color:#014098; background-color:#D2E3F5; } table.pad td.blue { color:#014098; } table.pad td.bold { font-weight:bold; } table.pad tr:nth-child(even) { background:#F5F5F5; } .readmore a { } hr.separate { border:none; height:1px; } ul.breadcrumb { list-style:none; margin:50px 0 50px !important; color:#bbb; border-bottom:1px solid #EAEAEA; padding-bottom:5px; } ul.breadcrumb li{ display:inline; margin-right:6px; font-size:14px; } span.divider { margin-left:5px; margin-right:5px; } ul.breadcrumb li.active { margin-right:0; } ul.normal-list {list-style:disc !important;} .normal-list li{margin:10px 0 10px 30px;} /*START BLOG AND ARTICLES*/ h2 span.subheading-category { color:#434343; } .blog .page-header { margin-top:0; } .blog .page-header h2{ margin-top:0; line-height:1; font-size:24px; } .blog .items-row { display: flex; flex-direction: row; /*justify-content: space-between;*/ justify-content:flex-start; align-items:flex-start; margin-top:30px; } .blog .items-row .span3 { display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ededed; padding:20px; width:24%; margin-right:1%; text-align:center; box-sizing:border-box; } .blog .items-row .span3:hover, .blog .items-row .span3:active, .blog .items-row .span3:focus { border-color:#fff; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.2); box-shadow: 0 2px 8px 0 rgba(0,0,0,.2); } .blog .items-row .span3 .item { padding: 0; outline: none; } .blog .items-row .span3 img{ display:block; margin:0 auto; width:auto; height:auto; max-height:350px; } /*END BLOG AND ARTICLES*/ #content ul.sigProContainer { list-style:none; } #content img { max-width:100%; width:auto; height:auto; } .imgcat { max-width:100%; width:289px; height:321px; } #system-message{ margin-bottom:10px; } #system-message dt.message, #system-message dt.error{ display:none; } #system-message ul { margin:0; padding:0; } #system-message dd.message{ border-top:1px solid #CA0592; border-bottom:1px solid #CA0592; background-color:#FFD3FB; } #system-message dd.message ul{ list-style:none; font-size:20px; padding:5px 0; color:#202020; text-align:center; } .readmore a.btn, a.button-link-yellow, a.button-link-red, button.button-joomly-callback-form { font:normal normal 18px/1 'RobotoBold',Arial,Tahoma,sans-serif; padding:23px 20px; min-width:245px; width:auto; display:inline-block; margin:20px 0; background:#FFB354; color:#C6422F; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; text-decoration:none; text-align:center; text-transform:uppercase; letter-spacing:0; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; -webkit-box-shadow: 0 3px 4px 0 rgba(205,87,0,.17); box-shadow: 0 3px 4px 0 rgba(205,87,0,.17); } .readmore a.btn { min-width:190px; } .readmore a.btn, a.button-link-red { background:#C6422F; color:#fff; -webkit-box-shadow: 0 3px 4px 0 rgba(145,44,22,.17); box-shadow: 0 3px 4px 0 rgba(145,44,22,.17); } a.button-link-yellow:hover, a.button-link-yellow:active, #callback_block button.button-joomly-callback-form:hover, #callback_block button.button-joomly-callback-form:active { background:#C6422F !important; color:#fff; -webkit-box-shadow: 0 3px 4px 0 rgba(145,44,22,.17); box-shadow: 0 3px 4px 0 rgba(145,44,22,.17); opacity:1; } .readmore a.btn:hover, a.button-link-red:hover, .readmore a.btn:active, a.button-link-red:active { background:#FFB354; color:#C6422F; -webkit-box-shadow: 0 3px 4px 0 rgba(205,87,0,.17); box-shadow: 0 3px 4px 0 rgba(205,87,0,.17); } input[type="button"], input[type="submit"], button.btn { border-image: none; border-style: solid; border-width: 0; cursor: pointer; font:normal normal 18px/1 'RobotoBold',Arial,Tahoma,sans-serif; padding:23px 20px; min-width:245px; width:auto; vertical-align: middle; margin:5px; background:#C6422F; color:#fff; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; text-decoration:none; border:none; -webkit-box-shadow: 0 3px 4px 0 rgba(145,44,22,.17); box-shadow: 0 3px 4px 0 rgba(145,44,22,.17); } input[type="button"]:hover, input[type="submit"]:hover, button.btn:hover { background:#FFB354; color:#C6422F; border:none; } input[type="text"], input[type="password"], input[type="email"], textarea, select { background-color: #f8f8f8; border: 1px solid #272727; height: 30px; margin: 5px 0; padding: 0 5px; vertical-align: middle; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease; } input[type="text"]:active, input[type="password"]:active, input[type="email"]:active, textarea:active, select:active, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { background-color: #fff; border: 1px solid #FF9210; } textarea { height: 220px; } .alert-error { color:#EF1A23; } p.contentheading { font-size:20px; color:#EB6F97; line-height:1; margin-top:0; } .module { margin-bottom:30px; } div.central-float { float:left; width:50%; } #certificates { background:url('../images/sertificates-bg.png') center 110px no-repeat; } #certificates img{ display:block; max-height:500px; margin:0 0 10px; } #certificates div.cert-flex{ display:flex; flex-direction: row; justify-content:space-between; align-items:flex-start; } #certificates .button-link-red { margin:30px auto 0; } #reviews, #certificates, #news_block, #partners { border-top:1px solid #D9D9D9; margin-top:70px; } #partners p{ display:flex; flex-direction: row; justify-content:space-between; align-items:center; } footer { background: #ffb132; background: -moz-linear-gradient(left, #ffb132 0%, #ef7437 50%, #c9333b 100%); background: -webkit-linear-gradient(left, #ffb132 0%,#ef7437 50%,#c9333b 100%); background: linear-gradient(to right, #ffb132 0%,#ef7437 50%,#c9333b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb132', endColorstr='#c9333b',GradientType=1 ); } #footer_wrapper { position:relative; padding:100px 0 80px; margin-top:85px; color:#000; z-index:9993; background:url('../images/footer-bg.png') center 135px no-repeat; } #footer_wrapper h3{ color:#fff; margin-bottom:35px; } #footer_wrapper a{ color:#000; } #footer_wrapper a:hover{ text-decoration:underline; } #footer_wrapper p{ margin-top:20px; } .foot-bottom { margin-top:60px; font-size:14px; } .foot-bottom p{ float:left; font-size:14px; } p.copyright { float:right; text-align:right; } #footer_info img{ max-height:140px; margin-right:10px; } #footer_info a:hover img, #footer_info a:active img{ opacity:.8; } #footer_wrapper .info-text-footer { margin:40px 0 50px; } #footer_contacts { font:normal normal 18px/1.5 'RobotoBold',Arial,Tahoma,sans-serif; } #footer_contacts p{ margin-bottom:45px; } #footer_contacts span{ display:block; width:35px; margin-right:15px; margin-bottom:25px; float:left; } #footer_menu { position:relative; } #footer_menu ul{ padding:0; margin:0; } #footer_menu li{ display:block; list-style:none; margin:15px 0 0; padding:0; position:relative; } #footer_menu li a, #footer_menu li span{ font:normal normal 18px/1.2 'RobotoBold',Arial,Tahoma,sans-serif; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease-out; -ms-transition: all .3s ease; transition: all .3s ease-out; cursor:pointer; } #footer_menu li a:hover, #footer_menu li span:hover, #footer_menu li a:active, #footer_menu li span:active{ text-decoration:underline; } #footer_menu li.active, #footer_menu li.active a { color:#fff; } #footer_menu li.active:hover, #footer_menu .active a:hover { color:#fff; } #content .gallery-wrap { width:60%; margin:20px auto; } #content .gallery-wrap ul { list-style:none; } .gallery-wrap div.sigProGalleriaContainer, #about_block div.sigProGalleriaContainer { background:none; margin:0; padding:2px; clear: both; } .gallery-wrap a.sigProGalleriaTargetLink img, #about_block a.sigProGalleriaTargetLink img { display: block; width: 99%; height: auto; padding:.5%; background: #77bbff; background: -moz-linear-gradient(left, #77bbff 0%, #2989d8 80%, #1673d1 100%); background: -webkit-linear-gradient(left, #77bbff 0%,#2989d8 80%,#1673d1 100%); background: linear-gradient(to right, #77bbff 0%,#2989d8 80%,#1673d1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77bbff', endColorstr='#1673d1',GradientType=1 ); } .gallery-wrap p.sigProGalleriaTargetTitle, #about_block p.sigProGalleriaTargetTitle { margin:10px 0; } #content .gallery-wrap ul.sigProGalleria li.sigProThumb { margin: 0 10px 10px 0; } .gallery-wrap ul.sigProGalleria li.sigProThumb a.sigProLink { color: #333; background-color:#1673d1; border:3px solid #1673d1; } .gallery-wrap ul.sigProGalleria li.sigProThumb a.sigProLink:hover { background-color:#1673d1; border:3px solid #1673d1; opacity:.6; } .gallery-wrap ul.sigProGalleria li.sigProThumb a.sigProLinkSelected { border: 3px solid #46E0D8; } .gallery-wrap ul.sigProGalleria li.sigProThumb a.sigProLinkSelected:hover { border-color:#46E0D8; opacity:1; } @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } @media screen { .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .grid-container:before, .clearfix:before, .grid-container:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-container:after, .clearfix:after { clear: both; } .grid-container, .clearfix { /* */ *zoom: 1; /* */ } .grid-container { margin-left: auto; margin-right: auto; max-width: 1380px; padding-left: 10px; padding-right: 10px; } .grid-5, .tablet-grid-5, .grid-10, .tablet-grid-10, .grid-15, .tablet-grid-15, .grid-20, .tablet-grid-20, .grid-25, .tablet-grid-25, .grid-30, .tablet-grid-30, .grid-35, .tablet-grid-35, .grid-40, .tablet-grid-40, .grid-45, .tablet-grid-45, .grid-50, .tablet-grid-50, .grid-55, .tablet-grid-55, .grid-60, .tablet-grid-60, .grid-65, .tablet-grid-65, .grid-70, .tablet-grid-70, .grid-75, .tablet-grid-75, .grid-80, .tablet-grid-80, .grid-85, .tablet-grid-85, .grid-90, .tablet-grid-90, .grid-95, .tablet-grid-95, .grid-100, .tablet-grid-100, .grid-33, .tablet-grid-33, .grid-66, .tablet-grid-66 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; /* */ *padding-left: 0; *padding-right: 0; /* */ } .grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .tablet-grid-66 > * { /* */ *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); /* */ } .grid-parent { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 1440px) { .grid-container { max-width: 1200px; } } @media screen and (min-width:1900px) { .grid-container { max-width: 1620px; } } @media screen (min-width: 1025px) and (max-width: 1601px) { } @media screen and (min-width: 768px) and (max-width: 1024px) { .tablet-grid-100:before, .tablet-grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .tablet-grid-100:after { clear: both; } .tablet-grid-100 { /* */ *zoom: 1; /* */ } .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { position: relative; } .hide-on-tablet { display: none !important; } .tablet-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-5 { margin-left: 5%; } .tablet-suffix-5 { margin-right: 5%; } .tablet-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-10 { margin-left: 10%; } .tablet-suffix-10 { margin-right: 10%; } .tablet-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-15 { margin-left: 15%; } .tablet-suffix-15 { margin-right: 15%; } .tablet-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-20 { margin-left: 20%; } .tablet-suffix-20 { margin-right: 20%; } .tablet-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-25 { margin-left: 25%; } .tablet-suffix-25 { margin-right: 25%; } .tablet-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-30 { margin-left: 30%; } .tablet-suffix-30 { margin-right: 30%; } .tablet-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-35 { margin-left: 35%; } .tablet-suffix-35 { margin-right: 35%; } .tablet-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-40 { margin-left: 40%; } .tablet-suffix-40 { margin-right: 40%; } .tablet-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-45 { margin-left: 45%; } .tablet-suffix-45 { margin-right: 45%; } .tablet-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-50 { margin-left: 50%; } .tablet-suffix-50 { margin-right: 50%; } .tablet-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-55 { margin-left: 55%; } .tablet-suffix-55 { margin-right: 55%; } .tablet-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-60 { margin-left: 60%; } .tablet-suffix-60 { margin-right: 60%; } .tablet-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-65 { margin-left: 65%; } .tablet-suffix-65 { margin-right: 65%; } .tablet-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-70 { margin-left: 70%; } .tablet-suffix-70 { margin-right: 70%; } .tablet-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-75 { margin-left: 75%; } .tablet-suffix-75 { margin-right: 75%; } .tablet-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-80 { margin-left: 80%; } .tablet-suffix-80 { margin-right: 80%; } .tablet-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-85 { margin-left: 85%; } .tablet-suffix-85 { margin-right: 85%; } .tablet-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-90 { margin-left: 90%; } .tablet-suffix-90 { margin-right: 90%; } .tablet-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-95 { margin-left: 95%; } .tablet-suffix-95 { margin-right: 95%; } .tablet-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-33 { margin-left: 33.33333%; } .tablet-suffix-33 { margin-right: 33.33333%; } .tablet-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-66 { margin-left: 66.66667%; } .tablet-suffix-66 { margin-right: 66.66667%; } .tablet-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) { } @media screen and (min-width: 1025px) { .grid-100:before, .grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-100:after { clear: both; } .grid-100 { /* */ *zoom: 1; /* */ } .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-100 { clear: both; width: 100%; } } @media (max-width: 767px) { #lang .lang-inline { line-height: 40px; } h1 { font-size: 36px; } #about_block .wrap { width: 90%; margin: 0 5%; display: block; vertical-align: top; } #about_block { margin-top:20px; } #about_block .img-block img { max-height: 82px; } #about_block h4 { font: 500 normal 26px/1.2 'DIN Pro Cond',Arial,Tahoma,sans-serif; padding-bottom: 20px; } .right-mobile-contacts { text-align:right; line-height:40px; } .right-mobile-contacts a{ text-decoration:none; color:#fff; } .right-mobile-contacts img{ margin-right:5px; height:18px; width:auto; } .gallery-wrap p.sigProGalleriaTargetTitle, #about_block p.sigProGalleriaTargetTitle { margin: 5px 0; } .gallery-wrap ul.sigProGalleria li.sigProThumb a.sigProLink, #about_block ul.sigProGalleria li.sigProThumb a.sigProLink { width:60px !important; height:40px !important; background-color: #1673d1; border: 2px solid #1673d1; } #top_block { padding:0; margin:0; } p { margin-top: 15px; } body#holovna #content .not-width-p p, body#glavnaya #content .not-width-p p { margin: 15px auto; } #top_block .left-side, #top_block .right-side { float:none; width: 100%; height: auto; max-height: auto; } #header_contacts p { padding-left:0; } #top_block .blocks { display: inline-block; width: 45%; margin: 30px 2% 0; height:275px; vertical-align: top; } #top_block .blocks hr{ background:none; } #top_block a { font-size: 20px; padding-top: 115px; line-height: 1.2; height: 235px; } #top_block .second-block, #top_block .first-block { padding:30px 20px; box-sizing: border-box; } #top_block h3 { font-size:38px; margin: 0 0 20px 0; } #top_block .left-side, #top_block .right-side { max-height:100%; } #top_block { background:none; } #top_block h4 { font:500 normal 34px/1.2 'DIN Pro Cond',Arial,Tahoma,sans-serif; text-transform:uppercase; margin:0; color:#0056A7; } #top_block p { color:#3c3c3c; font-size:18px; line-height:1.2; padding: 0 15px; margin:15px 0 0; } #top_block .block-1 p, #top_block .block-2 p, #top_block .block-4 p, #top_block .block-6 p { padding: 0 30px; } body#glavnaya #top_block .block-2 p, body#glavnaya #top_block .block-4 p, body#glavnaya #top_block .block-6 p { padding: 0 40px; } body#glavnaya #top_block .block-1 p { padding: 0 20px; } #top_block .block-3 h4, #top_block .block-2 h4, #top_block .block-6 h4 { color:#E60021; } #top_block .block-wrapper { background-color: #fff; padding: 40px 0 50px; text-align: center; margin:0 0 10px 0; height:auto; -webkit-box-shadow: 0 0 29px 0 rgba(0,0,0,.1); box-shadow: 0 0 29px 0 rgba(0,0,0,.1); box-sizing:border-box; } #top_block .right-side .block-wrapper { margin:0 0 10px 0; } body#holovna #content, body#glavnaya #content { margin-top:0; font-size: 18px; } .block-6, .block-4, .block-2, .block-5, .block-3, .block-1 { background:none; padding:0; } body#holovna .map-block, body#glavnaya .map-block { margin-top: 20px; } .map-block { position: relative; margin-top: 50px; height: 350px !important; z-index: 9992; } .map-block iframe{ height: 350px !important; } #bottom_block_c { } .bottom-contacts { position: relative; display: flex; flex-direction: column; justify-content: space-around; align-items: center; width:100%; height:auto; margin-left:0; margin-right:0; margin-bottom:0; left:0; padding:0; padding:20px 0; text-align:center; bottom: 0; z-index: 9992; -webkit-box-shadow:none; box-shadow:none; } .bottom-contacts p { margin:10px 0; } #gallery_block { padding-top: 30px; } #gallery_block h3 { width: 100%; float: none; font-size: 26px; } #gallery_block a.right-link { display: block; float:none; width:180px; margin: 10px auto; } body#home ul.sigProElegant li.sigProThumb { float:none; } body#home ul.sigProElegant li.sigProThumb { width: 80% !important; display:block; margin:5px auto 0; } body#home #content { margin-top: 30px; margin-bottom: 30px; } #bottom_block .bottom-contacts, #bottom_block .map-block { float:none; width: 100%; height: auto; min-height:240px; } #bottom_block .bottom-contacts { background-color: #E60021; color: #fff; font: 500 normal 16px/1 'Oswald',Arial,Tahoma,sans-serif; box-sizing: border-box; padding: 30px 20px 40px; } .copyright { text-align:center; } #bottom_block .bottom-contacts img { display:none; } #bottom_block .bottom-contacts > p.clearfix > img { float:none; display:block; margin:0; vertical-align: top; } #bottom_block .bottom-contacts p { margin-top: 20px; line-height: 1.2; } body#home ul.sigProElegant li.sigProThumb a.sigProLink, body#home ul.sigProElegant li.sigProThumb a.sigProLink img.sigProImg, body#home ul.sigProElegant li.sigProThumb a.sigProLink:hover img.sigProImg {height:300px !important;} body#home-ua #content img, body#home-ru #content img { width:200px !important; height:auto !important; margin-bottom:0px !important; } #header_wrapper { border:none; -webkit-box-shadow:none; box-shadow:none; } #header_contacts { text-align:center; width: 100%; height:auto; padding-top: 10px; } #header_contacts p + p{ margin-top:5px; } #slogan .slogan-block { position:relative; width:100%; top:0; right:0; left:0; z-index: 9992; margin:0; background: rgba(0,86,167,1); } #slogan .slogan-block p { font: 600 normal 30px/1.1 'DIN Pro Cond',Arial,Tahoma,sans-serif; padding: 15px 20px; } #header_middle { margin-bottom: 20px; } h1 { font-size:28px; } h2 { font-size:24px; } h3 { font-size:20px; } h4 { font-size:18px; } ul.breadcrumb { margin: 20px 0 20px !important; border-top: 1px dashed #EAEAEA; } textarea, input { max-width:200px; } #logo { margin:0 auto 10px; text-align:center; } #callback_block { text-align:center; } #callback_block button.button-joomly-callback-form { margin: 16px 0 0; } #logo img { display:block; float:none; margin:0 auto; } #header_wrapper { height:auto; line-height:1.5; } #footer_wrapper img { display:none; } #footer_wrapper a { margin:0 !important; } #content .gallery-wrap { width: 100%; margin: 20px auto; } #footer_wrapper { padding: 15px 0; text-align:center; } #footer_wrapper p { margin-top:10px !important; margin-bottom:10px !important; } body#kontakty #bottom_block .bottom-contacts { display:none; } ul.sigProElegant li.sigProThumb { border:2px solid #f4f2ed; width:90% !important; float:none; height:auto !important; } body#halereia ul.sigProElegant li.sigProThumb a.sigProLink, body#halereia ul.sigProElegant li.sigProThumb a.sigProLink img.sigProImg, body#halereia ul.sigProElegant li.sigProThumb a.sigProLink:hover img.sigProImg { width:100% !important; height:300px !important; } #nav, #nav li { margin: 0; padding: 0; } #nav li { list-style: none; float: left; margin-right: 5px; } #nav a { padding:0; display: block; color: #fff !important; text-decoration:none; } #nav a:hover { color: #fff !important; } #nav ul { background:#E60021; padding: 2px; position: absolute; border-bottom:solid 3px #2d2d2d; display: none; width: 200px; } #nav ul li { float: none; margin: 0; padding: 0; } #nav li:hover > ul { display: block; } #nav-wrap { } #menu-icon { width:55px; height: 50px; line-height:50px; font-size:16px; background:url("../images/menu-icon.png") no-repeat left center; cursor: pointer; display: block; padding-left:28px; color:#fff; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } #menu-icon.active { background: url("../images/menu-icon-active.png") no-repeat left center; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } #nav { clear: both; position: absolute; top: 40px; left:0; width:94%; z-index: 10000; padding:1% 3%; background-color: #E60021; display: none; text-align:left; line-height:1; } #nav li { clear: both; float: none; margin:20px 0 0 0; padding:0; } #nav a, #nav ul a { font: inherit; background: none; display: inline; padding:0; margin:0; border: none; font-family:'Roboto Condensed',Arial,Tahoma,sans-serif; font-size:20px; text-transform:uppercase; } #nav a:hover { background:none; } #nav li { margin:20px 0; padding: 0; } #nav li.divider-menu { border-top:1px solid #fff; padding-top:15px; text-align:center; color:#fff; font-size:24px; } #car_brands img, #content img { display:block; float:none; max-width:100%; height:auto; } .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .hide-on-mobile { display: none !important; } .mobile-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-33 { margin-left: 33.33333%; } .mobile-suffix-33 { margin-right: 33.33333%; } .mobile-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-66 { margin-left: 66.66667%; } .mobile-suffix-66 { margin-right: 66.66667%; } .mobile-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-100 { clear: both; width: 100%; } } @media (max-width: 420px) { .category_description{margin-top:30px} form#contactForm_Oneclickcheckout { width:285px !important; height:350px !important; } .jshop_list_product .product .image img { width: auto; height: auto; max-height:200px; } #contactForm_Oneclickcheckout input[type="button"], #contactForm_Oneclickcheckout input[type="submit"] { width:55px !important; margin: 10px 5px 0 !important; } } * html .clearfix { height: 1%; } .tooltip{display:none !important}