a[href$="http://grandboats.kiev.ua/marine/photogallery/otkry-ty-j-chempionat-kiva-po-vodno-motonomu-sportu-2012/"] > img, a[href$="http://grandboats.kiev.ua/marine/photogallery/otkry-ty-j-chempionat-kiva-po-vodno-motonomu-sportu-2012/"] > img:hover{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } p{ text-indent: 0px!important; } #format-gallery { width: 90%; margin: 0 auto; } #standart-optional { width: 90%; margin: 0 auto; } .img_mini{ height:400px; } div.gallery > br {display:none;} #content .category-photogallery .gallery div.gallery-row .gallery-item { width: auto!important; } #content .category-photogallery .gallery div { padding: 0px; display: inline; } .category-photogallery .gallery .gallery-item .gallery-icon a img { max-width: 100%; min-width: 100%; box-shadow: none; padding: 0; margin: 0; } /* START ################################################################ ################################################################ Шрифты ################################################################ ################################################################ */ @font-face{font-family:'wf_SegoeUILight'; src:url('fonts/Segoe-UI/Cyrillic/Light/latest.eot'); src:url('fonts/Segoe-UI/Cyrillic/Light/latest.eot?#iefix') format('embedded-opentype'),url('fonts/Segoe-UI/Cyrillic/Light/latest.woff') format('woff'),url('fonts/Segoe-UI/Cyrillic/Light/latest.ttf') format('truetype'),url('fonts/Segoe-UI/Cyrillic/Light/latest.svg#web') format('svg');font-weight:normal;font-style:normal} /* END ################################################################ ################################################################ Шрифты ################################################################ ################################################################ */ a.Crafted-with-love#Horizontal { position: relative; height: 24px; font-size: 10px; color: #AAA!important; margin: 0; text-align: left; line-height: 1; z-index: 2; padding: 10px; width: 80px; display: block; text-decoration: initial; } a.Crafted-with-love#Horizontal .Beautiful-Skyline-text { display: inline-block; height: 22px; width: 50px; vertical-align: bottom; } a.Crafted-with-love#Horizontal .Beautiful-Skyline-logo { background: url(http://vinogradov.net.ua/wp-content/uploads/Vinogradov-logo_22x22.png) 0 0 no-repeat; height: 22px; width: 26px; display: inline-block; } a.Crafted-with-love#Horizontal:hover .Beautiful-Skyline-logo { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } /* START ################################################################ ################################################################ Переворачивалка или крутилка-вертелка для лодок ################################################################ ################################################################ */ .spinner{list-style:none;position:relative;height:318px;width: 340px;margin-bottom:0;overflow:visible; padding: 0; display: inline-block; } .spinner .front{left:20px;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);-webkit-backface-visibility:hidden;-webkit-transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s;height:290px;width: 320px;z-index:900;background:#fff;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transform: perspective( 400px ) rotateY( 0deg );} .spinner .back{margin-left:10px;background-color: white;left:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;box-shadow:0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;z-index:800;text-align:center;width: 340px;-webkit-transform: perspective( 400px ) rotateY( -180deg );-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s;filter:alpha(opacity=@opacity * 100);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-right-radius:4px;border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-left-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; } .spinner div {position:absolute;} .spinner .back p{margin:0 0 1.5em;} .spinner .back mark, .spinner span.price {background:#a0c443;font-style:normal;color:#fff;height:24px;position:relative;display:inline-block;padding:0 10.666666666666666px 0 9.142857142857142px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;} .spinner .back mark, .spinner .onsale span.price {border: 1px solid #ab0000; border-right: 0; background: #BC0101; background: -moz-linear-gradient(top, #db7777 0%, #bc0101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db7777), color-stop(100%,#bc0101)); background: -webkit-linear-gradient(top, #db7777 0%,#bc0101 100%); background: -o-linear-gradient(top, #db7777 0%,#bc0101 100%); background: -ms-linear-gradient(top, #db7777 0%,#bc0101 100%); background: linear-gradient(top, #db7777 0%,#bc0101 100%);} .spinner .back mark, .spinner .onsale span.price:after { transform: rotatez(45deg); -webkit-transform: rotatez(45deg); -moz-transform: rotatez(45deg); -ms-transform: rotate(45deg); transform: rotatez(45deg); width: 26px; height: 25px; background: red; border: 1px solid #AB0000; background: #BC0101; background: -moz-linear-gradient(top, #DB7777 0%, #BC0101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DB7777), color-stop(100%,#BC0101)); background: -webkit-linear-gradient(top, #DB7777 0%,#BC0101 100%); background: -o-linear-gradient(top, #DB7777 0%,#BC0101 100%); background: -ms-linear-gradient(top, #DB7777 0%,#BC0101 100%); background: linear-gradient(top, #DB7777 0%,#BC0101 100%);right: -14px; position: absolute; top: 5px; z-index: -1;} .spinner .back mark, .spinner .onsale span.price:before {border: 1px solid #AB0000;} .spinner .back mark:after, .spinner span.price:after {content:"";position:absolute;top:0;right:-24px;border:12px solid #a0c443;border-color:transparent transparent transparent #a0c443;z-index:8;} .spinner .back mark:before, .spinner span.price:before{position:absolute;top:10px;right:-2px;display:block;content:"";height:4px;width:4px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:9;} .spinner .back mark ins{font-weight:bold;background:transparent;color:#fff;} .spinner .back mark del{text-decoration:line-through;font-weight:normal;font-size:0.75em;} .spinner:hover .front{z-index:900;-webkit-transform: perspective( 400px ) rotateY( 180deg );filter:alpha(opacity=@opacity * 100);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .spinner:hover .back{z-index:1000;-webkit-transform: perspective( 400px ) rotateY( 0deg );filter:alpha(opacity=@opacity * 100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} #content .gallery_images div.spinner a { text-align: center; /* font-weight: bold; */ } #content .gallery_images .spinner .back #short-description a { text-align: left; font-weight: bold; margin: 5px 0 0 0; display: block; } #content .gallery_images .spinner .back a.morebold { font-weight: bold; margin: -10px 0 15px 30px; display: block; color: #5c5c5c; text-decoration: none; } #content .gallery_images .spinner .back a.morebold:hover { color: #5c5c5c; } #content .gallery_images a.buttonspec { display: inline-block; color: #1D3B6D; font-weight: 700; text-decoration: none; user-select: none; padding: .5em 3em; outline: none; border: 2px solid; border-radius: 1px; transition: 0.2s; margin: 0px 0px 20px; } a.buttonspec:hover { background: rgba(255,255,255,.2); } a.buttonspec:active { background: white; } .spinner .back .table td{ font-size: 90%; padding: 0px; border-bottom: 1px dotted #f1f1f1; } .spinner .back .table td:first-child{ text-align: left; width: auto; } .spinner .back .table td:last-child{ text-align: center; width: auto; } .spinner .Prices{ display: table; position: absolute; top: 265px; } .spinner .front .Prices{width: 320px;} .spinner .back .Prices{width: 340px;} .spinner .back a .Prices + span { text-align: left; display: block; } .spinner .small_heading {display:block;font-weight:normal;} .spinner .img { position: absolute; top: 65px; } .spinner .front .img {width:300px;} .spinner .back .img {width:340px;} .spinner .front .img img, .spinner .back .img img { display: block; margin: 0 auto; } .spinner h3 { display: block; position: absolute; text-align: center; top:10px; } .spinner .front h3 { width: 250px; padding: 0 35px; } .spinner .back h3 {width: 340px;} #short-description { margin: 290px 20px 20px; display: block; text-align: left; color: #5c5c5c; } #short-description strong:after { content: ""; display: block; } #short-description strong:first-child:after { content: ""; margin: 0; display: inline; } #square-block + a { text-align: left; float: left; font-weight: normal; } /* END ################################################################ ################################################################ Переворачивалка или крутилка-вертелка для лодок ################################################################ ################################################################ */ /* START ################################################################ ################################################################ Переворачивалка или крутилка-вертелка ################################################################ ################################################################ */ .flipper{list-style:none;position:relative;height:318px;width: 300px;margin-bottom:0;overflow:visible; padding: 0; display: inline-block; } .flipper .front{left:20px;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);-webkit-backface-visibility:hidden;-webkit-transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s;height:290px;width: 270px;z-index:900;background:#fff;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transform: perspective( 400px ) rotateY( 0deg );} .flipper .back{margin-left:-5px;background-color: white;left:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;box-shadow:0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;z-index:800;text-align:center;width: 320px;-webkit-transform: perspective( 400px ) rotateY( -180deg );-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s;filter:alpha(opacity=@opacity * 100);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-right-radius:4px;border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-left-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; } .flipper div {position:absolute;} .flipper .back p{margin:0 0 1.5em;} .flipper .back mark, .flipper span.price {background:#a0c443;font-style:normal;color:#fff;height:24px;position:relative;display:inline-block;padding:0 10.666666666666666px 0 9.142857142857142px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;} .flipper .back mark, .flipper .onsale span.price {border: 1px solid #ab0000; border-right: 0; background: #BC0101; background: -moz-linear-gradient(top, #db7777 0%, #bc0101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db7777), color-stop(100%,#bc0101)); background: -webkit-linear-gradient(top, #db7777 0%,#bc0101 100%); background: -o-linear-gradient(top, #db7777 0%,#bc0101 100%); background: -ms-linear-gradient(top, #db7777 0%,#bc0101 100%); background: linear-gradient(top, #db7777 0%,#bc0101 100%);} .flipper .back mark, .flipper .onsale span.price:after { transform: rotatez(45deg); -webkit-transform: rotatez(45deg); -moz-transform: rotatez(45deg); -ms-transform: rotate(45deg); transform: rotatez(45deg); width: 26px; height: 25px; background: red; border: 1px solid #AB0000; background: #BC0101; background: -moz-linear-gradient(top, #DB7777 0%, #BC0101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DB7777), color-stop(100%,#BC0101)); background: -webkit-linear-gradient(top, #DB7777 0%,#BC0101 100%); background: -o-linear-gradient(top, #DB7777 0%,#BC0101 100%); background: -ms-linear-gradient(top, #DB7777 0%,#BC0101 100%); background: linear-gradient(top, #DB7777 0%,#BC0101 100%);right: -14px; position: absolute; top: 5px; z-index: -1;} .flipper .back mark, .flipper .onsale span.price:before {border: 1px solid #AB0000;} .flipper .back mark:after, .flipper span.price:after {content:"";position:absolute;top:0;right:-24px;border:12px solid #a0c443;border-color:transparent transparent transparent #a0c443;z-index:8;} .flipper .back mark:before, .flipper span.price:before{position:absolute;top:10px;right:-2px;display:block;content:"";height:4px;width:4px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:9;} .flipper .back mark ins{font-weight:bold;background:transparent;color:#fff;} .flipper .back mark del{text-decoration:line-through;font-weight:normal;font-size:0.75em;} .flipper:hover .front{z-index:900;-webkit-transform: perspective( 400px ) rotateY( 180deg );filter:alpha(opacity=@opacity * 100);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .flipper:hover .back{z-index:1000;-webkit-transform: perspective( 400px ) rotateY( 0deg );filter:alpha(opacity=@opacity * 100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} #content .gallery_images div.flipper a { text-align: center; /* font-weight: bold; */ } #content .gallery_images .flipper .back #short-description a { text-align: left; font-weight: bold; margin: 5px 0 0 0; display: block; } #content .gallery_images .flipper .back a.morebold { font-weight: bold; margin: -10px 0 15px 30px; display: block; color: #5c5c5c; text-decoration: none; } #content .gallery_images .flipper .back a.morebold:hover { color: #5c5c5c; } .flipper .back .table td{ font-size: 90%; padding: 0px; border-bottom: 1px dotted #f1f1f1; } .flipper .back .table td:first-child{ text-align: left; width: auto; } .flipper .back .table td:last-child{ text-align: center; width: auto; } .flipper .Prices{ display: table; position: absolute; top: 265px; } .flipper .front .Prices{width: 258px;} .flipper .back .Prices{width: 308px;} .flipper .back a .Prices + span { text-align: left; display: block; } .flipper .small_heading {display:block;font-weight:normal;} .flipper .img { position: absolute; top: 65px; } .flipper .front .img {width:270px;} .flipper .back .img {width:320px;} .flipper .front .img img, .flipper .back .img img { display: block; margin: 0 auto; } .flipper h3 { display: block; position: absolute; text-align: center; top:10px; } .flipper .front h3 { width: 250px; padding: 0 10px; } .flipper .back h3 {width: 320px;} #short-description { margin: 290px 20px 20px; display: block; text-align: left; color: #5c5c5c; } #short-description strong:after { content: ""; display: block; } #short-description strong:first-child:after { content: ""; margin: 0; display: inline; } #square-block + a { text-align: left; float: left; font-weight: normal; } /* END ################################################################ ################################################################ Переворачивалка или крутилка-вертелка ################################################################ ################################################################ */ .left_kontent_wrapper .category-special-proposal{ margin:30px; } .short-block { margin: 30px; border-bottom: 1px solid; padding: 0 0 20px 0; min-height: 180px; /* display: inline-block; max-width: 700px;*/ vertical-align: top; display: block; } .short-block a{ color:inherit; } .short-block h2 { color: inherit; margin: 0 0 10px 0; font-weight: bold; } .gallery-item { display: inline-table; } .gallery-icon { display: inline; } .gallery_centered iframe, .gallery-item .gallery-icon a img, .short-block img, a.sobitiya img{ float: left; display: block; margin: 0 20px; -moz-border-radius: 0px; border-radius: 0px; padding: 5px; border: 0px inset; line-height: inherit; box-shadow: 0px 0px 15px #5F5F5F; -webkit-box-shadow: 0px 0px 15px #5F5F5F; -moz-box-shadow: 0px 0px 15px #5f5f5f; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .gallery_centered iframe:hover, .gallery-item .gallery-icon a img:hover, .short-block img:hover, a.sobitiya img:hover{ box-shadow: 0px 0px 15px #2892DB; -webkit-box-shadow: 0px 0px 15px #2892DB; -moz-box-shadow: 0px 0px 15px #2892DB; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .more-link{ visibility: hidden; } .table{ border-spacing: 0; width: 100%; } .table th{ background-color: #1D3B6D; color: #FFFFFF; font-size: 110%; font-weight: normal; padding: 5px; text-align: center; } .table td{ border-bottom: 1px solid silver; } .table td:first-child{ padding: 2px 2px 2px 30px; text-align: left; width: 50%; } .table td:last-child{ text-align: center; width: 50%; } div#line{ border-bottom:1px solid #092047; display:block; width: 100%; } .category-soby-tiya .left_kontent_title h1 a{ color:white; } a.sobitiya { margin: 30px; display: block; } div#price-position{ text-align: right; padding-right: 45px; } div.left_kontent_kontent_Vinogradov img{ margin-top:0; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; } div#searchLight { width: 400px; background: url(plugin-modifications/searchlight/themes/dark/searchResult_bottom.png) no-repeat bottom; padding-bottom: 20px; position: absolute; /*top: 350px;*/ top: 205px; right: 0; z-index:999; display:none; } div#searchLightStatus { background: url(plugin-modifications/searchlight/themes/dark/searchResult_top.png) no-repeat; height: 50px; } div#searchLight li { background: url(plugin-modifications/searchlight/themes/dark/searchResult_bg.png); padding: 1px 4px; text-align: left; margin: 0px; } div#searchLight h2 { background: url(plugin-modifications/searchlight/themes/dark/h2_bg.png); color: #CCC; margin: 0px; padding: 2px 15px 2px; height: 16px; font-size: 11px; text-align: left; line-height: 16px; } div#searchLight h3 { background: url(plugin-modifications/searchlight/themes/dark/h3_bg.png); margin: 0px; padding: 4px 15px 0px; height: 17px; font-size: 11px; line-height: 17px; } #sexyslider{opacity:1;} #trackback-link{display:none;} #respond{margin: 0px;} .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .hover { background-color: #eee; } .tablesorter_motors_vertical th.motors_heading { text-align:center;background-color: #1D3B6D; color: #FFFFFF;font-size: 110%; font-weight: normal;padding: 5px; } #single-model{ min-width: 600px; } #single-model .ketchup-custom{ margin: 0px; padding: 0px; color: red; } #s:focus { background-color: white; width: 216px; color:#5e5e5e; } #s { float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 90px; } input#s { background: url(images/search.png) no-repeat 5px 6px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; height: 22px; line-height: 1.2em; padding: 4px 50px 4px 28px; border: 0px solid white; } #searchsubmit { display: none; } input.field {color: white;} .searchform{ position:absolute; top: 175px; right: 40px; z-index: 9; } h2#comments-header, h2.comments-header{ color: #2892DB; } span.comment-date{color: #DADADA;} span.comment-author{ color: #2892DB; font-weight: bold; } ol#comments { padding-right: 40px; padding-left: 40px; } #comments li{ border-bottom: 1px solid grey; } div#comments-form{ padding-right: 40px; padding-left: 40px; } #comments-form input, #comments-form textarea, #comments-form select, input.inputbox { font: 16px/24px 'SegoeUINormal', Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; width: 100%; padding: 8px 6px; margin: 0; color: #999999; text-shadow: 0 0 1px #FFFFFF; border: 1px solid #ddd; outline: none; display: inline-block; position: relative; z-index: 2; background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } #comments-form input { } #comments-form select { width: 100%; padding: 6px 6px; } #comments-form textarea { width: 100%; height:100px; overflow: hidden; background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px); } #comments-form input:focus, #comments-form textarea:focus, #comments-form select:focus { -webkit-box-shadow: 0px 0px 5px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff; } #comments-form submit, #comments-form button{ padding: 8px 6px; margin-right:5px; height: 42px; cursor: pointer; width: 101%; -webkit-box-shadow:none; -moz-box-shadow: none; background: -webkit-gradient(linear, left top, left 30, from(#f1f1f1), color-stop(4%, #ffffff), to(#c4e0fc)); background: -moz-linear-gradient(top, #f1f1f1, #ffffff 1px, #c4e0fc 30px); border: 1px solid #ccc; font-weight:bold; color:#667; } .catdescription{ padding: 20px 70px; text-align: justify; } .scrollgallery {margin: 0 auto; float: left;} /*общие настройки*/ html,body { width:100%; font-style:normal; font-variant:normal; font-weight:400; font-family: 'SegoeUINormal', Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; background-color: #ffffff; color:#5C5C5C; position:relative; text-align: left; text-transform:none; margin:0; padding:0; height:100%; } @media (max-device-width:850px){ html,body { width:100%; font-style:normal; font-variant:normal; font-weight:400; font-family: 'SegoeUINormal', Tahoma, Arial, Helvetica, sans-serif; font-size: 5px; line-height: 17px; background-color: #ffffff; color:#5C5C5C; position:relative; text-align: left; text-transform:none; margin:0; padding:0; height:100%; } } table{ border-spacing:0; width:100%; } h1, h2, h3{ display: block; font-size: 120%; color: white; font-weight:normal; padding: 0px; margin: 0px; } h4, h5, h6{ display:inline-block; color: #000; font-size:14px; font-family: 'SegoeUINormal', Tahoma, Arial, Helvetica, sans-serif; padding:0px; margin:0px; } h4{ font-weight:bold; } @media (max-device-width:600px){ h4, h5, h6{ display:inline-block; color: #000; font-size:12px; font-family: 'SegoeUINormal', Tahoma, Arial, Helvetica, sans-serif; padding:0px; margin:0px; } } h5{ font-weight:normal; } h6{ font-weight:normal; } h1 a, h2 a, h3 a {color:#fff;} .post h1, .post h2, .post h3, .post h1 a, .post h2 a, .post h3 a {color:#000; font-size: 18px;} .post {color: #777777;} hr{color: #6FBDE1;} fieldset,img{border:0;} ol,ul { max-height: 100%; padding: 0; list-style: none; } a{ /* display: block;*/ text-decoration: none; color: #1D3B6D; } a:hover { text-decoration: none; cursor: pointer; color: red; } a.vipal_kontent{ color: white; text-decoration: none; } /*Тонкая настройка текста*/ span.dropcap { font-size: 400%; display: block; float: left; color: #1D3B6D; font-weight: 900; line-height: 51px; } span.small_heading{ font-size: 80%; text-decoration: none; text-transform: none; opacity:0.7; } /*Поведение заглавий гармошки*/ h3 a.more_information:link{color:#ffffff;} h3 a.more_information:hover{color:#ffffff; padding-left:10px;} h3 a.more_information:active{color:#CD0808;} h3 a.more_information:visited{color:#ffffff;} /*Кнопка подбора моторов*/ #submit { width: 74px; height: 75px; display: block; background: url('/images/red-button-animated.png') no-repeat 0 0; padding: 0; font-size: 120%; overflow: hidden; border: none; color: transparent; cursor: pointer; text-align:center; } #submit:hover { background-position: 0 -75px; } /*Тонкая настройка таблиц*/ #content table.Table_haracteristiki_grand{ text-align:center; border: 1px solid silver; } #content table.Table_haracteristiki_grand th{ background-color: #1D3B6D; font-size: 110%; font-weight:normal; padding: 5px; color: #ffffff; } #content table.Table_haracteristiki_grand td.icell{ text-align:left; padding-left:30px; padding-right:2px; padding-top:2px; padding-bottom:2px; background-color:#ffffff; width: 100px; } #content table.Table_haracteristiki_grand td{ width: 8%; } #content table.Table_haracteristiki{ text-align:center; padding-top: 50px; } #content table.Table_haracteristiki th{ background-color: #1D3B6D; font-size: 110%; font-weight:normal; padding: 5px; color: #ffffff; } #content table.Table_haracteristiki td.icell{ text-align:left; padding-left:30px; padding-right:2px; padding-top:2px; padding-bottom:2px; border-bottom: 1px solid silver; width: 100px; width: 100%; } #content table.Table_haracteristiki td{ width: 8%; border-bottom: 1px solid silver; } #content table.Table_haracteristiki tr.subheaderrow td { border-color: #1D3B6D; border-style: solid; border-width: 0 0 2px; padding: 4px; color: #1D3B6D; } #content table.Table_haracteristiki td.subheadercell { border-color: #1D3B6D; border-style: solid; border-width: 0 0 2px; padding: 4px; color: #1D3B6D; } #content table.Table_haracteristiki td.price { text-align:center; width:120px; color:#CD0808; font-size: 100%; font-weight: normal; border-bottom: 1px solid silver; } /* #content .lightrow{background-color: #FFFFFF;} */ #content .darkrow{background-color: #F1F1F1;} #content .lightrow:hover{background-color: #DCDCDC;} #content .darkrow:hover{background-color: #DCDCDC;} /*кнопка вверх*/ #toTop { display: block; padding:0px; top: 0px; position: fixed; width: 100%; z-index: 1000; text-align:center; } #toTop a { text-decoration:none; color: #ffffff; font-size:110%; padding-top: 50px; } #toTop a:link {color:#ffffff;} #toTop a:hover {color:#CD0808;} #toTop a:active {color:#ffffff;} #toTop a:visited {color:#ffffff;} /*Специально для флэш анимации в раделе лодок*/ .other_elemets_design { text-align:justify; float: right; margin: 10px; border: 12px solid #1D3B6D; } .header_img_optional-equipment { text-align:justify; float: right; margin: 10px; border: 0px solid #1D3B6D; height: auto; } .Prices{ text-align: center; color: #CD0808; font-size: 110%; font-weight: bold; } .Prices-bazovcomp{ text-align: center; font-size: 110%; font-weight: bold; font-size: 55%; color: #000000; } .Prices-product_id{ text-align: center; font-size: 110%; font-weight: bold; font-size: 55%; color: #000000; } /*Специально для гармошек*/ #oo, #oo1, #oo2, #oo3, #oo4, #oo5, #oo6, #oo7, #oo8, #oo9, #oo10, #o10 { display: none; } /*Разделитель*/ .clear { clear:both; font-size:0; overflow:hidden; } /* START ################################################################ ################################################################ Шапка сайта ################################################################ ################################################################ */ #header { height: 272px; background: white url('images/grandboats-header-background-by-ser-Vinogradov.jpg') repeat 0 0; } #header .logo{ margin: 40px 0 0 40px; width: 319px; position: absolute; background: url('images/grandboats-header-logo.png'); height: 158px; } #header .logo2{ margin: 130px 0 0 350px; width: 203px; position: absolute; background: url('images/grandboats-header-logo-grandmarine.png'); height: 21px; } #header .contacts{ position: absolute; width: 200px; height: 66px; right: 40px; top: 80px; } #header .contacts p{ color: #FFF; font-size: 22px; margin: 0px 0px 10px 0px; padding: 0px; } #header .decoration-by-Ser-Vinogradov-01 { position: absolute; top: 160px; font-size: 90%; font-weight: 100; left: 343px; color: #1D3B6D; } .decoration-by-Ser-Vinogradov-01 > div {padding: 10px 0 0 300px;} .decoration-by-Ser-Vinogradov-01 span {font-size: 70%;} #content .menu { width: 100%; margin: 0 auto; } #content .menu > li{ float: none; margin: 40px; vertical-align: top; } #content .menu a{ color: inherit; } #content .menu a:focus, #content .menu a:hover, #content .menu a:active{ color: #616161; } #content .menu .sub-menu { margin: 0 0 10px 20px; } #content .menu > li > ul { margin: 0 0 0 10px; } #content .menu > li > .sub-menu > li > a{ font-size: 100%; display: block; /*color: inherit!important;*/ } #content .menu > li > .sub-menu > li > .sub-menu > li > a{ font-size: 95%; } #content .menu > li > a { font-size: 120%; margin: 0 0 10px 0; display: block; text-transform: uppercase; /*color: inherit!important;*/ } @media all and (max-width:1249px){ .inline-block{ display:block; float:left; } h5{ display:block; } #no_hight{ display:block; } } @media all and (max-device-width:800px){ html,body { width:100%; font-style:normal; font-variant:normal; font-weight:400; font-family: 'SegoeUINormal', Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; color:#5C5C5C; position:relative; text-align: left; text-transform:none; margin:0; padding:0; height:100%; } #device_style{ display:none; } h5{ display:block; } .inline-block{ display:inline-block; float:left; } .img_mini{ height:200px; } .jcarousel-wrapper { margin: 0 auto; position: relative; /* width: 770px; */ } div.left_kontent_kontent_Vinogradov img{ margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; } #content .menu { margin: 25px; } #content .menu > li{ float: none; margin: 0px; line-height:11px; vertical-align: top; } #content .menu a{ color: inherit; line-height: 16px; } #content .menu a:focus, #content .menu a:hover, #content .menu a:active{ color: red; } #content .menu .sub-menu { margin: 0px 25px 0px 0px; } #content .menu > li > ul { margin: 0px; line-height:12px; } #content .menu > li > .sub-menu > li > a{ font-size: 55%; display: block; line-height:12px; /*color: inherit!important;*/ } #content .menu > li > .sub-menu > li > .sub-menu > li > a{ font-size: 50%; line-height:12px; } #content .menu > li > a { font-size: 75%; margin: 0px; display: block; text-transform: uppercase; line-height: 20px; margin-top:25px; /*color: inherit!important;*/ } } .back-top { position: fixed; bottom: 0px; z-index: 10; } .back-top #access { position: relative; top: 0; } #access { /*height: 52px;*/ position: absolute; width: 100%; /*overflow: hidden;*/ top: 220px; } #access .menu{ margin: 0 auto; text-align: center; border-top: 1px solid #FFF; } #access .menu li { display: table-cell; vertical-align: top; position: relative; z-index: 1000; } #access .menu li a { color: lightgray; text-decoration: none; font-size: 100%; margin: 0 auto; display: table-cell; width: 300px; border-right: 1px solid #AEAEAE; height: 52px; vertical-align: middle; padding: 0 20px; background: #1D3B6D; border-bottom: 1px solid #FFF; } #access .menu li a:hover, #access .menu .current-menu-item a { color: white; } .skip-link.screen-reader-text a { color: transparent; position: absolute; } /* END ################################################################ ################################################################ Шапка сайта ################################################################ ################################################################ */ #content .item1{ padding: 16px 0px; } #content .item2{ padding: 7px 0px; } #main {border-bottom: 3px solid #1D3B6D;} #content{ position: relative; height: auto; } /*Галерея центрованная просто материалы*/ #content .gallery_centered{ text-align:center; overflow: hidden; } .gallery_centered div{ display:inline; display:inline-block; padding:1px; vertical-align:bottom; } .gallery_centered a{ display:block; text-align:center; } .gallery_centered a:hover{ opacity:0.7; /*-webkit-transform: scale(1.05); transition: 3s; overflow: hidden;*/ } .gallery_centered a img{ text-align: justify; display:inline-block; } #content .gallery_center{ text-align:center; overflow: hidden; } .gallery_center div{ display:inline; display:inline-block; padding:5px; vertical-align:bottom; } .gallery_center a{ display:block; text-align:center; } .gallery_center a:hover{ opacity:0.6; } .gallery_center a img{ text-align: justify; display:inline-block; } /*Галерея центрованная просто материалы 2*/ #content .gallery_centered_top{ text-align:center; } .gallery_centered_top div{ display:inline-block; padding-left:10px; padding-right:10px; vertical-align:top; } .gallery_centered_top a{ display:block; text-align:center; } .gallery_centered_top a:hover{ opacity:0.6; } .gallery_centered_top a img{ text-align: justify; display:inline-block; } /*Галерея центрованная просто материалы 3*/ @media (min-width: 200px) and (max-width: 750px){ #content .gallery_centered_top_cross{ height: 50px; } } #content .gallery_centered_top_cross{ text-align:center; } .gallery_centered_top_cross div{ display:inline-block; padding-left:1px; padding-right:1px; vertical-align:top; } .gallery_centered_top_cross a{ display:block; text-align:center; } .gallery_centered_top_cross a:hover{ opacity:0.6; } .gallery_centered_top_cross a img{ text-align: justify; display:inline-block; } /*Галерея центрованная c рамками*/ #content .gallery{ text-align:center; } #content .gallery div{ display:inline; display:inline-block; padding:7px;border: solid 0px #EFEFEF; } #content .gallery div div.highslide-caption{ display:none; } #content .gallery div a{ display:inline-block; padding: 1px; } #content .gallery div a:hover{ border: solid 0px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; } #content .gallery div img{ text-align: justify; } /*Галерея моторы YAMAHA по левому краю c рамками*/ #content .gallery_motors{ text-align:center; } #content .gallery_motors div{ display:inline; display:inline-block; padding:7px;border: solid 0px #EFEFEF; } #content .gallery_motors div div.highslide-caption{ display:none; } #content .gallery_motors div a{ display:inline-block; padding: 1px; } #content .gallery_motors div a:hover{ border: solid 0px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; } #content .gallery_motors div img{ text-align: justify; } .show{ } .show_front{ height: 650px; width: 580px; } @media (max-device-width: 800px) { .show_front{ height: 300px; width: 268px; } } @media (min-device-width: 800px) and (max-width: 1600px) { .show_front{ height: 450px; width: 400px; } } .rotator_motors{ height:700px; width:580px; } /*Цветовая гамма МОБИЛЬНАЯ ВЕРСИЯ*/ #content .gallery_centered_color{ text-align:center; overflow: hidden; } .gallery_centered_color div{ display:inline; display:inline-block; padding:1px; vertical-align:bottom; } .gallery_centered_color a{ display:block; text-align:center; } .gallery_centered_color a:hover{ opacity:0.7; /*-webkit-transform: scale(1.05); transition: 3s; overflow: hidden;*/ } .gallery_centered_color a img{ text-align: justify; display:inline-block; } .gallery_centered_color strong { } @media (max-width:992px){ .gallery_centered_color strong { font-size: 5px; } } /*Галерея центрованная c рамками для дополнительного оборудования*/ #content .gallery_images{ text-align:center; } /*#content .gallery_images div a{ text-align: justify; display:block; margin: 0 0 0 10px; color: #5C5C5C; }*/ #content .gallery_images div a.zag3 { border-style: solid; border-width: 0px; border-color: transparent; color: #5C5C5C; text-decoration: none; text-align: center; padding:0px; margin: 0px; width: 100%; text-transform: none; font-size: 100%; visibility:hidden; } #content a.zag3 { border-style: solid; border-width: 0px; border-color: transparent; color: #5C5C5C; text-decoration: none; text-align: center; padding:0px; margin: 0px; width: 100%; text-transform: none; font-size: 100%; visibility:hidden; } #content .gallery_images div a.zag3:after {content:"...";} div.to_left{ float:left; text-align:center; width:45%; } div.to_right{ float:right; text-align:left; width:45%; } .Title{ display: block; font-size: 120%; font-weight:normal; text-transform:uppercase; text-decoration:underline; text-align:center; padding: 20px; color: #1D3B6D; margin:0 auto; } .Title_service{ display: block; font-size: 160%; font-weight:normal; text-align:center; padding: 20px; color: #1D3B6D; margin:0 auto; } div.blocks{ display: block; text-align:left; vertical-align:middle; } div.blocks img{ float:left; } a.motors_descr{ display: block; text-decoration: none; color:#5C5C5C; } a.motors_descr:hover { text-decoration: none; cursor: pointer; display: block; color:#1D3B6D; font-weight:italic; } #content .left_kontent { width: 100%; margin: 0px 0px; /*padding-bottom:20px;*/ position:relative; float: left; } #content .left_kontent_item{ /* text-align: justify; */ /* padding-bottom: 20px; */ width:100%; } .left_kontent_title{ height: 55px; padding-top: 2px; background: #1D3B6D url('images/Grand-styled-line.png') 90% 100% no-repeat; text-align:left; border-top: 1px solid white; border-bottom: 2px solid #092047; } .left_kontent_title-margin { margin: -80px 0 0; } .left_kontent_title h1, .left_kontent_title h3{ /* border-bottom: 2px solid white; */ height:56px; padding: 5px 0 0 40px; color: white; } .left_kontent_title_gala{ height: 55px; padding-top: 2px; background: #1D3B6D url('images/Gala-styled-line.png') 90% 100% no-repeat; text-align:left; border-top: 1px solid white; border-bottom: 2px solid #092047; } .left_kontent_title_gala-margin { margin: -80px 0 0; } .left_kontent_title_gala h1, .left_kontent_title_gala h3{ /* border-bottom: 2px solid white; */ height:56px; padding: 5px 0 0 40px; color: white;ы } .left_kontent_title_buster{ height: 55px; padding-top: 2px; background: #1D3B6D url('images/Buster-styled-line.png') 90% 50% no-repeat; text-align:left; border-top: 1px solid white; border-bottom: 2px solid #092047; } .left_kontent_title_buster-margin { margin: -80px 0 0; } .left_kontent_title_buster h1, .left_kontent_title_buster h3{ /* border-bottom: 2px solid white; */ height:56px; padding: 5px 0 0 40px; color: white; } .left_kontent_title_silver_bullet{ height: 55px; padding-top: 2px; background: #1D3B6D url('images/Silver-bullet-styled-line.png') 90% 50% no-repeat; text-align:left; border-top: 1px solid white; border-bottom: 2px solid #092047; } .left_kontent_title_silver_bullet-margin { margin: -80px 0 0; } .left_kontent_title_silver_bullet h1, .left_kontent_title_silver_bullet h3{ /* border-bottom: 2px solid white; */ height:56px; padding: 5px 0 0 40px; color: white; } .left_kontent_title_cross{ height: 55px; padding-top: 2px; background: #1D3B6D url('images/Cross-styled-line.png') 90% 100% no-repeat; text-align:left; border-top: 1px solid white; border-bottom: 2px solid #092047; } .left_kontent_title_cross-margin { margin: -80px 0 0; } .left_kontent_title_cross h1, .left_kontent_title_cross h3{ /* border-bottom: 2px solid white; */ height:56px; padding: 5px 0 0 40px; color: white; } .left_kontent_title_yamarin{ height: 55px; padding-top: 2px; background: #1D3B6D url('images/Yamarin-styled-line.png') 90% 100% no-repeat; text-align:left; border-top: 1px solid white; border-bottom: 2px solid #092047; } .left_kontent_title_yamarin-margin { margin: -80px 0 0; } .left_kontent_title_yamarin h1, .left_kontent_title_yamarin h3{ /* border-bottom: 2px solid white; */ height:56px; padding: 5px 0 0 40px; color: white; } @media (max-device-width:850px){ .service_number { display:none; } } #content .left_kontent_kontent{ padding-left: 0px; padding-right: 0px; padding-top: 0px; width:100%; /* overflow-x:auto; overflow-y:hidden; (выпад в футер)*/ } #content .left_kontent_kontent_Vinogradov{ padding-left: 40px; padding-right: 40px; padding-top: 0px; } #content .left_kontent_kontent_additional_equipment{ padding-left: 20px; padding-right: 20px; padding-top: 20px; } #content .left_kontent_kontent p{ color: #777777; text-align: justify; padding: 0px; } p.cena { color: #CD0808; padding:0px; margin: 0px; } #content div p {text-align:left;} #content div p .service_number { text-align: right; } #content .left_kontent .left_kontent_wrapper p{ text-align: justify; color: #777777; padding: 0px; } @media (max-width:992px){ #content .left_kontent .left_kontent_wrapper p{ text-align: justify; color: #777777; padding: 0px; font-size: 5px; line-height: 7px; } } #content .left_kontent .left_kontent_wrapper ul li, #content .left_kontent .left_kontent_wrapper ol li { color: #777777; list-style: none; } #content .left_kontent .left_kontent_wrapper p.caption { color: #2892DB; font-size: 16px; /*text-transform: uppercase; text-align:center;*/ } #content .left_kontent_kontent p.caption { color: #2892DB; font-size: 16px; text-transform: uppercase; text-align:left; } #content .left_kontent_kontent p.caption2 { color: #2892DB; font-size: 14px; } #content .left_kontent_kontent ul.text-list { margin-left: 55px; color: #777777; margin-top: 10px; } #content .left_kontent_kontent ul.text-list li { list-style-type: disc; } #content .zag { border-style: solid; border-width: 0 0 2px; border-color: #6FBDE1; color: #6FBDE1; display: block; text-decoration: none; text-align: center; padding: 2px 2px; margin-bottom: 10px; width: 100%; text-transform: none; font-size: 110%; } #content .zag2{ border-style: solid; border-width: 0 0 2px; border-color: #6FBDE1; color: #6FBDE1; display: none; text-decoration: none; text-align: center; padding: 2px 2px; margin-bottom: 10px; width: 100%; text-transform: uppercase; font-size: 110%; } #content .zag_dop{ color: #5C5C5C; text-decoration: none; text-align: center; padding: 2px 2px; margin-bottom: 10px; text-transform: none; font-size: 110%; display:block; } #content .zag2 a{ text-decoration: none; display: none; } #content .zag2 a:hover{ color: #CD0808; text-decoration: none; } #footer{ clear: both; width: 100%; background: #1D3B6D; text-align: center; bottom:0px; border-top: 2px solid #FFF; } #footer a {color:#fff;} #footer .bottom-pointer{ left: 90px; position: absolute; height: 20px; text-align: left; width:20px; height:10px; display:block; } a.mailto {color:#1D3B6D;text-decoration: none;} a.mailto:hover{text-decoration: underline;} .postid-22265 .left_kontent_main{padding-bottom: 0px;} .left_kontent_main{ padding-bottom: 20px; text-align: justify; width: 100%;} a.mailto_black{color:black; text-decoration:none; width:147px;} a.mailto_black:hover{text-decoration: underline;} #content.left_kontent_wrapper{padding-top:0px;} a.grey{color:#333; text-decoration:none;} a.white{color:#ffffff; text-decoration:none;} a.black{color:#1D3B6D; text-decoration:none;} a.grey:hover{text-decoration:underline;} div.category-news{padding-bottom:20px;} div.submenu { clear:both; width: 646px; padding: 5px 10px 5px 92px; } div.submenu ul { list-style-type: none; } div.submenu ul li { float: left; clear: both; } div.submenu ul li a { float: left; margin-right: 10px; font-size: 14px; color: #333; } div.submenu ul li ul.children { float: left; clear: none; } div.submenu ul li ul.children li { float: left; clear: none; } div.submenu ul li ul.children li a { margin-right: 10px; font-size: 12px; color: #666; } .tablesorter { width: 100%; border-collapse: collapse; margin-top: 0px; } .tablesorter tr th { } .tablesorter tr th.th-center { text-align: center; background-color: white; color: #1D3B6D; padding: 4px; border-color: #6FBDE1; border-style: solid; border-width: 0 0 2px; font-weight:normal; } .tablesorter tr td { text-align: center; font-size: 100%; border-bottom: 1px solid #c0c0c0; padding: 2px; } .tablesorter tr:hover{ background-color: #DCDCDC; } .tablesorter_motors tr td { vertical-align: center; line-height: 25px; text-align: left; font-size: 110%; color: #333; border-bottom: 0px solid #c0c0c0; padding-right: 4px; padding-left: 4px; padding-top: 4px; } .tablesorter_motors tr:hover{ background-color: #ffffff; } .tablesorter_motors_vertical tr td { text-align: center; font-size: 100%; color: #333; border-bottom: 1px solid #c0c0c0; padding-right: 2px; padding-left: 2px; } .tablesorter_motors_vertical tr:hover{ background-color: #DCDCDC; color: #1D3B6D; } tr.no_hover:hover{ background-color: #ffffff; } th.no_hover:hover{ background-color: #ffffff; } .tablesorter tr td a { color:#5C5C5C; text-decoration: none; } .tablesorter tr td a:hover { color: #1D3B6D; text-decoration: none; } .form-select { width: 100%; } .form-select b { margin-right: 5px; } .form-select label { font-size: 11px; line-height: 110%; } .form-select label input { height: 11px; } p input { color:#777777; } /* h1 { color:#2892DB; font-size: 14px; }*/ .detail_table{ } table.detail_table{border-collapse: collapse; width: 100%; } table.detail_table td { border-bottom: 1px solid #C0C0C0; padding: 2px; } table.detail_table tr:hover{ background-color: #DCDCDC; } a#h{ display:inline; } #content #search{width: 100%;} #content #search .left_kontent_item{width: 100%;} #myTable5 th{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); writing-mode: tb-rl; width: 300px; height: 200px; } #content .left_kontent_kontent p.breakline { margin:15px 0 5px; padding:0; height:0px; font-size:0px; border-top:1px solid #2892DB; } .gpsleft { float: left; padding: 10px; width: 300px; } #content .table_data { border-collapse: collapse; clear: both; font-size: 11px; padding-top: 10px; width: 99%; } #content .table_data th, #content .table_data td { padding:0 8px; border:1px solid #999; color:#333; background-color:#fff; margin:5px 0; } #content .table_data th p { font-size: 13px; font-weight: bold; color: #333; padding-top: 0px; } #content .table_data th.caption { background-color: #319EBA; color: #FFF; font-weight: 400; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; padding-top: 2px; } #content .table_data th.caption p { color:#fff; font-weight: 400; } #content ul.fotke { clear:both; margin:5px 0 10px; } #content ul.fotke li{ float:left; margin:10px 9px 10px 0; } #content ul.fotke li.end{ margin-right:0; } #searchform div{ width:150px !important; } #searchform input#search-menu{ width: 125px !important; color: #777777; }.selected{background-color:#dfdfdf;} #main #content .table_click td.center, #main #content .table_price td.center,#main #content .table_result td.center, #main #content .table_default td.center { padding: 0 4px; text-align: right; width: 55px; } #main #content .table_click, #main #content .table_price ,#main #content .table_result, #main #content .table_default { width: 850px; } .#main #content .table_o1{ width: 385px; } a.more_link { border:medium none; color:#0878C8; display:block; /* float:right; */ padding-right:10px; text-transform:lowercase; width:65px; font-size:12px; line-height:120%; text-align:left; } table.trailers{ text-align:center; width:100%; } table.trailers td.notmain img{ height:140px; width:140px; } img.alignright { float: right; } img.alignleft { float: left; } table.tablesorter_motors { width: 100%; font-style:normal; font-variant:normal; font-weight:400; font-family: 'SegoeUINormal', Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 19px; color:#5C5C5C; } table.tablesorter_motors thead tr th, table.tablesorter_motors tfoot tr th, table.tablesorter_motors tr th { background-color: #1D3B6D; font-size: 120%; color: #ffffff; padding: 5px; text-align: left; font-weight:400; } table.tablesorter_motors_vertical { width: 100%; font-style:normal; font-variant:normal; font-weight:400; font-family: 'SegoeUINormal', Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 19px; color:#5C5C5C; } #show_filter #myTable thead tr th, #show_filter #myTable tfoot tr th, #show_filter #myTable tr th{ min-width:auto; } #myTable thead tr th, #myTable tfoot tr th, #myTable tr th{ min-width:280px; } table.tablesorter_motors_vertical thead tr th, table.tablesorter_motors_vertical tfoot tr th, table.tablesorter_motors_vertical tr th { font-weight: normal; color: #5c5c5c; padding: 2px; text-align: left; border-bottom: 1px solid silver; } #show_show{display:none;} /* table.tablesorter_motors_vertical thead tr th, table.tablesorter_motors_vertical tfoot tr th, table.tablesorter_motors_vertical tr th:hover { background-color: #DCDCDC; } */ table.tablesorter_motors_vertical a { color: #1D3B6D; text-decoration: none; font-size: 110%; } table.tablesorter_motors_vertical a:hover { color: #CD0808; text-decoration: none; font-size: 110%; } table.tablesorter { width: 100%; font-style:normal; font-variant:normal; font-weight:400; font-family: 'SegoeUINormal', Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 19px; color:#5C5C5C; } table.tablesorter thead tr th, table.tablesorter tfoot tr th, table.tablesorter tr th { background-color: #1D3B6D; font-size: 110%; color: #ffffff; padding: 5px; text-align: center; font-weight:400; } table.tablesorter thead tr .header { background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } table.tablesorter thead tr .headerSortUp { } table.tablesorter thead tr .headerSortDown { } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; } a#h{ display:inline; } #content #search{ width: 100%; } #content #search .left_kontent_item{ width: 100%; } /*#content #search .left_kontent_title{ background: #1D3B6D url("/images/Grand-styled-line.png") no-repeat scroll 0 0 ; }*/ #content table.Table_haracteristiki td.icell_center_heading{ text-align: center; background-color: white; color: #1D3B6D; padding: 4px; border-color: #6FBDE1; border-style: solid; border-width: 0 0 2px; font-weight: normal; } table.tablesorter_motors_vertical th.over-header{ background-color: white; font-size:100%; font-weight:bold; border-bottom: 0px solid silver; text-align: center; } a#no_description h3 span.small_heading{ display:none; } span.small_heading_blue{ font-size: 80%; text-decoration: none; text-transform: none; opacity:0.7; color: #1D3B6D; font-weight: bold; } span.bottom-heading{ color: white; } .configure { display: block; width: 103px; height: 30px; text-align: center; line-height: 30px; color: lightgray; border: 2px solid #1D3B6D; margin: 0 auto; margin-top: 10px; background: #1D3B6D; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; behavior: url(PIE.htc); } .buy{ display: block; width: 103px; height: 30px; text-align: center; line-height: 30px; color: #1D3B6D; border: 2px solid #1D3B6D; margin: 0 auto; margin-bottom: 10px; background: white; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; behavior: url(PIE.htc); } a.buy:hover{color:black} a.configure:hover{color:white} #formfeedback {margin-top:30px;} #formfeedback td{vertical-align:top; padding:7px 0;} #formfeedback input[type=text] {border:1px solid #c0c0c0; padding-right:6px; /*height:13px;*/ width:335px; margin-bottom:3px; padding: 3px 5px 3px 5px; color: #5C5C5C; font-family: 'SegoeUINormal', Tahoma,Arial,Helvetica,sans-serif; font-size: 14px;} #formfeedback textarea {margin:0; border:1px solid #c0c0c0; padding:5px; resize:none; height:80px; width:335px; color: #5C5C5C; font-family: 'SegoeUINormal', Tahoma,Arial,Helvetica,sans-serif; font-size: 14px;} #formfeedback .button, #formconfigure .button, #submit-print, #submit-pdf{ display: block; padding: 0 20px; float: right; height: 30px; margin-left: 10px; text-align: center; line-height: 30px; color: lightgray; border: 2px solid #1D3B6D; margin: 0 auto; margin-top: 10px; background: #1D3B6D; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; behavior: url(PIE.htc); cursor: pointer; } #formfeedback .button:hover, #formconfigure .button:hover, #submit-print:hover, #submit-pdf:hover{color:white} input#submit-print, input#submit-pdf, input.buy {height:34px; cursor:pointer;} #formfeedback .button {margin-right:30px;} #submit-pdf {float:left; margin-left: 20px;} #formfeedback .print-hide .button {float:left;} /*.buy {float:left;}*/ .print-hide #submit-print, .print-hide #submit-pdf, .print-hide .buy { width: 155px; padding: 0 20px; float: left; margin-top: 0; margin-left: 30px; cursor: pointer; } .print-hide a.buy {width:115px;} #formconfigure td{border-bottom:1px solid #c0c0c0; color:#5c5c5c; padding:2px 0 2px 30px; line-height:19px;} #formconfigure th{border-bottom:1px solid #c0c0c0; font-weight:100; padding:2px 0 2px 30px; line-height:19px;} #formfeedback .prop td{padding:2px 0 2px 30px; } #formconfigure p {margin:0; line-height:34px; border-top:2px solid #6fbde1; padding:0 30px;} #formconfigure b, #formconfigure h2, #formconfigure h2 strong{color:#1D3B6D;} .message {color: #5C5C5C; font-family: 'SegoeUINormal', Tahoma,Arial,Helvetica,sans-serif; font-size: 16px; text-align:center;} .pdf-viewer {height:400px; width:550px; margin:0 auto;} .name , #suma, #formconfigure #suma {color:#CE0809;} .name , #suma_kolibri, #formconfigure #suma_kolibri {color:#CE0809;} td.border_right{ border-right: 1px solid silver; } #breadcrumbs { margin: 0; padding: 0; } .sh_help_button_text { display: inline-block!important; width: 8px!important; } .category-main-page > div > h1 a{ color: white; } #footer #footer-widget-area { display: block; padding: 20px 60px; } #footer #footer-widget-area > div{ margin: 20px 40px; display: inline-block; text-align: left; vertical-align: top; } #footer #footer-widget-area > div > ul > li > ul{ margin: 10px 0 0 0; } .widget-title { font-size: 110%; text-transform: uppercase; } .copyright-information { margin: 0 auto; display: block; padding: 50px; width: 800px; color: #BDBDBD; font-size: 90%; } .site-description { display: none; } .all-right-reserved { display: block; } .sidebar-boat-motors { float: left; margin: 12px 0 24px 80px; width: 230px; } .sidebar-boat-motors label { font-size: 12px; } .sidebar-boat-motors input[type="checkbox"], .sidebar-boat-motors input[type="radio"] { margin: 0; } #content .left_kontent_item .sidebar-boat-motors { text-align: left; } .sidebar-boat-motors .sbm-title { margin: 0 0 8px 0; color: #1D3B6D; font-size: 18px; font-weight: bold; } .sidebar-boat-motors .sbm-inner { padding: 8px; border: 1px #b4ddef solid; } .sidebar-boat-motors .sbm-actions-wrapper { text-align: center; } .sidebar-boat-motors .sbm-field { overflow: hidden; margin: 0 0 16px 0; } .sidebar-boat-motors .sbm-field-title { clear: both; margin: 0 0 4px 0; color: #1D3B6D; } .sidebar-boat-motors .ajax-preloader { margin: 8px 0 0 0; font-weight: bold; } .sidebar-boat-motors .sbm-field-manufacturer label { float: left; width: 100px; } .sidebar-boat-motors .sbm-field-control label, .sidebar-boat-motors .sbm-field-engine_start_system label, .sidebar-boat-motors .sbm-field-adjusting_trim label { display: block; } .sidebar-boat-motors .sbm-field-engine_type label, .sidebar-boat-motors .sbm-field-leg_length label { margin: 0 7px 0 0; } .sidebar-boat-motors .sbm-field-power select { width: 202px; } .sidebar-boat-motors input[name="sbm-tuck-up"] { display: block; width: 153px; height: 30px; text-align: center; color: white; border: 2px solid #47B2EA; border-image: initial; margin: 10px auto 0px; background: url(images/btn-blue.gif) repeat-x; border-radius: 3px; cursor: pointer; } .sidebar-boat-motors input[name="sbm-tuck-up"]:hover { color: red; } #sbm-wrapper { overflow: hidden; margin: 0 0 48px 0; padding: 48px 24px 24px 24px; } .sbm-result-wrapper { overflow-x: auto; } .sbm-result-td { min-width: 220px; } .sbm-description { display: block; padding: 24px; font-size: 15px; color: #124B72; } .sbm-error { display: none; margin: -4px 0 4px 0; color: #FF0000; font-size: 11px; line-height: 11px; } .sbm-require { color: #FF0000; font-size: 11px; } .sbm-require-description { font-size: 11px; line-height: 11px; font-style: italic; } .Prices.To-the-left, body.single .Prices.To-the-left + #Promo-price { padding-left: 40px; } .Prices.To-the-right{ padding-right: 50px; text-align: right; display: block; } .Prices-bazovcomp.To-the-right-bazovkompl{ padding-right: 50px; text-align: right; display: block; font-size: 55%; color: #CD0808; } .Prices-product_id.To-the-right-product_id{ padding-right: 50px; text-align: right; display: block; font-size: 80%; color: #CD0808; } .To-the-right-bazovkompl{ padding-right: 50px; text-align: right; display: block; font-size: 55%; color: #000000; } .To-the-right-product_id{ padding-right: 50px; text-align: right; display: block; font-size: 80%; color: #000000; } .pluso-more-container { display: none; } .gallery_centered a span { display: block; position: absolute; margin: 200px 0 0 0; width: 323px; background: #1D3B6D; font-size: 120%; line-height: 40px; color: white; opacity: 0.9; border-bottom: 2px solid #092047; } .bottom-logo { display: block; height: 100px; width: 197px; background: url('images/GRAND-logo-small.png'); margin: 0 auto 30px; } .gallery_centered.iframe-video { margin: 0 0 40px 0; } .gallery_centered.iframe-video div{ width: 490px; vertical-align: top; } .gallery_centered.iframe-video div iframe{ margin: 60px 40px 15px 40px; } .plus { font-size: 0; line-height: 0; text-align: left; } .plus { display: inline-block; position: relative; z-index: 1; padding: 5px 20px 0 5px; background: transparent; font-size: 0; line-height: 0; text-align: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .plus a { display: inline-block; width: 40px; height: 40px; margin: 0 5px 5px 0; background: url('http://share.pluso.ru/img/sprite.png') 0 0 transparent no-repeat; } .plus .plus-facebook { background-position: 0 0; } .plus-theme-light .plus-facebook { background-position: 0 -240px; } .plus .plus-twitter { background-position: -40px 0; } .plus-theme-light .plus-twitter { background-position: -40px -240px; } .plus .plus-vkontakte { background-position: -160px 0; } .plus-theme-light .plus-vkontakte { background-position: -160px -240px; } .plus .plus-google { background-position: -240px 0; } .plus-theme-light .plus-google { background-position: -240px -240px; } .confdiv{margin:0 20px;} #darkblue { color: #1D3B6D; } .sbm-object-title { font-weight: bold; } .maxwidth { max-width: 950px; display: block; margin: 0 auto; } .infographics { display: inline-block; width: 500px; } .infographics img { float: left; } .infographics-heading { display: block; } .ad-gallery .ad-image-wrapper .ad-image + .ad-image{display: none!important;} #searchLight a[href*="karta-sajta"] {display: none;} #footer .widget-title {display: none;} #productinfo {clear:both;} .productinfo-icon {width: 50px;} span.tooltip { border-bottom: 1px dotted; } .tooltip {outline:none; } .tooltip strong {line-height:30px;} .tooltip:hover {text-decoration:none;} .tooltip span { z-index:10;display:none; padding:5px; margin-top:20px; margin-left:28px; font-weight:normal; } .tooltip:hover span{ display:inline; position:absolute; border:1px solid #aaa; left:0; background:#ffffff;} .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ .tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; } .tooltip img {margin:5px;} #productinfo-icon-description-info { min-height: 100px; } #Promo-price{ display: block; color: #CD0808; font-size: 110%; font-weight: bold; } body.category #Promo-price{ top: 265px; position: absolute; } body.flipper #Promo-price { position: none; } body.single .Prices.To-the-right + #Promo-price{ padding-right: 50px; text-align: right; } .front #Promo-price{width: 248px; position: absolute; top: 265px;} .back #Promo-price{width: 340px; position: absolute; top: 265px;} #Promo-ribbon { width: 148px; height: 148px; background: url('images/promo-ribbon-red.png'); display: block; position: absolute; right: -8px; top: -8px; } #New-ribbon { width: 148px; height: 148px; background: url('images/new-ribbon-red.png'); display: block; position: absolute; right: -8px; top: -8px; } .flipper #Promo-price + .Prices { top: 245px; text-decoration: line-through; } #Promo-ribbon + .Prices { top: 245px; text-decoration: line-through; } body.single #Promo-ribbon { width: 140px; right: 0px; } #fancybox-wrap #fancybox-close { top: -32px; right: -32px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .page-holder { min-width: 1200px; overflow-x: hidden; } .wrapper { /* padding-top: 160px;*/ } .wrapper div.left_kontent_kontent_Vinogradov img{ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } body { /*overflow-y: scroll; overflow-x: hidden;*/ } /* .jcarousel { overflow: auto; } */ /*.wrapper:after { display: table; content: ''; clear: both; }*/ .main-nav-menu { list-style: none; padding: 0; background: #1d3b6d; text-align: center; display: table; width: 100%; z-index: 2; position: relative; border-bottom: 1px solid #fff; border-top: 1px solid #fff; margin: 0 auto; } .main-nav-menu > li { display: table-cell; vertical-align: middle; position: relative; border-left: 1px solid #fff; } .main-nav-menu > li:first-child { border: 0; } .main-nav-menu li > a { display: table-cell; height: 52px; vertical-align: middle; width: 300px; color: lightgray; font-size: 100%; margin: 0 auto; padding: 0 20px; text-decoration: none; } .main-nav-menu li.has-dropdown:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 5%; margin: -4px 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; } .main-nav-menu > li:hover > a { color: #fff; } .main-nav-menu > li .vertical-menu, .main-nav-menu .vertical-menu ul > li .horizontal-menu { display: none; } .main-nav-menu > li:hover .vertical-menu, .main-nav-menu .vertical-menu ul > li:hover .horizontal-menu { display: block; } .main-nav-menu .vertical-menu { position: absolute; top: 50px; left: 0; width: 369px; padding: 11px 0 0; } .main-nav-menu .vertical-menu > ul, .main-nav-menu .horizontal-menu ul { background: rgba(0, 0, 0, 0.96); font-size: 16px; line-height: 20px; list-style: none; padding: 0; margin: 0; text-align: left; } .main-nav-menu .vertical-menu ul > li:first-child, .main-nav-menu .horizontal-menu ul li:first-child { border: 0; } .main-nav-menu .vertical-menu ul > li, .main-nav-menu .horizontal-menu ul li { border-top: 1px solid #7d94bb; position: relative; } .main-nav-menu .vertical-menu ul > li.has-dropdown:after, .main-nav-menu .horizontal-menu ul li.has-dropdown:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 5%; margin: -5px 0 0; border-left: 5px solid #7c93ba; border-bottom: 5px solid transparent; border-top: 5px solid transparent; } .main-nav-menu .vertical-menu ul > li:hover.has-dropdown:after, .main-nav-menu .horizontal-menu ul li:hover.has-dropdown:after { border-left-color: #fff; } .main-nav-menu .vertical-menu ul > li a, .main-nav-menu .horizontal-menu ul > li a { display: block; padding: 10px 26px 9px; color: #fff; width: auto; height: auto; } .main-nav-menu .vertical-menu ul > li:hover > a { background: #002c5b; text-decoration: none; } .main-nav-menu .horizontal-menu { position: absolute; top: 0; left: 369px; width: 256px; padding: 0 0 0 4px; } .main-nav-menu .horizontal-menu ul { background: #002c5b; list-style: none; padding: 0; margin: 0; font-size: 14px; } .main-nav-menu .horizontal-menu ul > li a { color: #bac7de; padding: 10px 33px 9px; } .main-nav-menu .horizontal-menu ul > li a:hover { text-decoration: none; background: #0e7eae; } /* Карточка товара */ .item-info-holder { margin: 0; } .nav-tabs { text-align: center; border-bottom:2px solid #1d3b6d; padding: 136px 0 22px; margin: 0 0 33px; list-style: none; text-transform: uppercase; font: 18px/27px Arial, Verdana, sans-serif; } .nav-tabs li { display: inline-block; vertical-align: top; padding: 0 29px; } .nav-tabs a { text-decoration: none; color: #999; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-tabs a:hover, .nav-tabs li.active a { color: #000; } .item-box {/*padding: 0 3% 58px;*/ /*padding: 0 20px 58px;*/ padding: 0 20px 15px;} .item-image-holder { float: right; /*width: 62.05170975813178%;*/ /* 744 / 1199 */ width: 32%; position: relative; } /* .item-image-holder .zoom-link { position: absolute; top: 0; right: 0; background: url("images/bg-zoom.png") no-repeat; width: 51px; height: 51px; text-indent: -9999px; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } */ .item-image-holder .zoom-link:hover {opacity: 0.7;} .item-image-holder img { display: block; /* margin: 0 auto;*/ /* max-width: 100%;*/ float: right; } .item-image-holder img.first-photo { float: left; max-width: 49%; } .item-image-holder img.second-photo { max-width: 49%; } .item-descr-holder { float: left; /*width: 35.696413678065056%;*/ /* 428 / 1199 */ width: 65%; color: #767676; font: 14px/18px SegoeUINormal, Tahoma, Arial, Helvetica, sans-serif; padding-left: 20px; } .item-descr-holder .text-box { margin: 50px 0px 0px 0px; } #content .item-box .item-descr-holder .text-box p, #content .item-box .special-info .special-text-box { text-align: justify; font: 14px/22px Arial, Verdana, sans-serif; } #content .item-descr-holder .text-box p { margin: 10px 0 0 0; } #content .item-descr-holder .text-box p:last-child { margin: 0; } .item-descr-holder .price-box-holder { margin: 0 0 40px; } .item-descr-holder .price-box-holder .oldprice { font: 30px/39px Arial, Verdana, sans-serif; text-decoration: line-through; color: #cc423c; display: block; margin: 0; } .item-descr-holder .price-box-holder .oldprice span { color: #767676; } .item-descr-holder .price-box-holder .price { display: block; color: #cd0808; font: 30px/39px Arial, Verdana, sans-serif; margin: 0; } .item-descr-holder .special-info .special-text-box { margin: 0 0 15px; } .item-descr-holder .special-info .special-text-box p { margin: 0; } .special-icon-holder .icon-list { list-style: none; padding: 0; margin: 0; } .special-icon-holder .icon-list li { float: left; margin: 0 20px 16px; } .special-icon-holder .icon-list img { display: block; margin: 0 auto; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* opacity: 0.75;*/ opacity: 1; } .special-icon-holder .icon-list a:hover img {opacity: 1;} /* fixed menu */ .nav-menu-holder { background: #454545; border-bottom: 2px solid #222; -webkit-box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.5); padding: 8px 0; position: fixed; width: 100%; z-index: 5; top: 0; left: 0; min-width: 900px; display: none; height: 51px; } .nav-menu-title { float: left; /*width: 28.19015846538782%;*/ /* 338 / 1199 */ width: 23%; border-right: 1px solid #7b7b7b; padding: 5px 23px 0; color: #fff; } .nav-menu-title h2 { margin: 0; font: 21px/22px Arial, Verdana, sans-serif; text-transform: uppercase; } .nav-menu-title .title-descr { display: block; color: #acacac; font: 14px/16px Arial, Verdana, sans-serif; } .nav-menu-list { float: left; margin: 0; padding: 10px 0 0; width: 50.54211843202668%; /* 606 / 1199 */ text-align: center; font: 18px/27px Arial, Verdana, sans-serif; text-transform: uppercase; } .nav-menu-list li { display: inline-block; vertical-align: top; padding: 0 4%; } .nav-menu-list a { color: #acacac; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-menu-list a:hover, .nav-menu-list .active a { color: #fff; text-decoration: none; } .share-box { float: right; width: 21.100917431192663%; /* 253 / 1199 */ border-left: 1px solid #7b7b7b; text-align: center; position: relative; padding: 10px 0 2px; } .share-box .share-link { display: inline-block; vertical-align: top; background: url("images/bg-share-link.png") no-repeat 0 5px; padding: 3px 0 3px 31px; margin: 0; color: #fff; text-transform: uppercase; } .share-block { display: none; position: absolute; top: 51px; left: 0; width: 100%; background: #454545; border-bottom: 2px solid #222; -webkit-box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.5); } .share-block .share-list { list-style: none; padding: 0; margin: 0 0 5px; } .share-block .share-list li { display: inline-block; vertical-align: top; padding: 0 2.1% 7px; } .share-block .share-list a { display: block; background: url("images/bg-social-networks.png") no-repeat; width: 26px; height: 26px; text-indent: -99999px; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .share-block .share-list a:hover {opacity: 0.7} .share-block .share-list .facebook {background-position: -42px 0;} .share-block .share-list .odnoklassniki {background-position: -85px 0;} .share-block .share-list .twitter {background-position: -127px 0;} .share-block .share-list .google {background-position: -169px 0;} .share-block .short-link-holder { text-align: center; margin: 0 0 8px; } .share-block .short-link { display: inline-block; vertical-align: top; text-decoration: underline; color: #fff; font: 14px/16px Arial, Verdana, sans-serif; } .share-block .short-link:hover {text-decoration: none;} .share-block .close-share-block { display: block; height: 15px; width: 100%; text-indent: -99999px; overflow: hidden; background: url("images/bg-close-link.png") 50% 50% no-repeat; } .characteristic-box-holder { margin: 0; padding: 56px 0 0; } .video-box-holder { margin: 0 0 30px; padding: 56px 0 0; } .gallery-box-holder { padding: 56px 0 0; } .gallery-box-holder .slider { position: relative; border: 4px solid #7b7b7b; border-radius: 8px; } .gallery-box-holder .slider .open-image { position: absolute; top: 20px; right: 12px; background: url("images/bg-open.png") no-repeat; width: 51px; height: 51px; text-indent: -99999px; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .gallery-box-holder .slider .open-image:hover {opacity: 0.7;} .characteristic-box-holder .fake img, .video-box-holder .fake img, .gallery-box-holder .fake-title img { width: 100%; } .info-gallery-holder { padding: 2.835696413678065%; /* 34 / 1199 */ } .gallery_left{ text-align: left; } .equipment-photo { /* max-height: 300px; max-width: 500px;*/ max-width: 375px; /* max-height: 250px;*/ max-height: 400px; } .item-descr-holder .special-info .special-text-box, .special-info-icon-list .special-text-box { height: 110px; } .left_kontent_title h3 a.more_information { font-size: 16px; } .left_kontent_title h3 a.more_information:hover { text-decoration: none; } .left_kontent_title h3 { margin: 0; } .left_kontent_title { /*height: 66px;*/ } .left_kontent_item table tr td { font-size: 14px; color: #777777; } #content #item-info-1 table.Table_haracteristiki td.icell { width: 10%; } .highslide-credits { height: 1px; visibility: hidden; } body #fancybox-wrap #fancybox-close { top: -15px; right: -15px; } body .fancybox-wrap .fancybox-inner { background-color: #ffffff; } @media all and (max-width: 1800px){ .jcarousel-wrapper { margin: 0 auto; position: relative; width: 77%; padding: 30px 0; } } @media all and (min-width: 1801px){ .jcarousel-wrapper { margin: 0 auto; position: relative; width: 85%; padding: 30px 0; } } #no_hight{ max-height:200px; } #no_hight_01{ max-height:300px; } .specsIcon{ max-height:200px; } /** Carousel **/ .jcarousel { position: relative; overflow: hidden; width: 90%; } .jcarousel-gallegy { overflow: hidden; } /*.jcarousel > ul li { display: none; } .jcarousel > ul li.active { display: block; }*/ .jcarousel > ul li.hidden { display: none; } .jcarousel:after { display: block; content: ''; clear: both; float: none; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { width: auto; float: left; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* max-height: 200px;*/ max-height: 250px; background-color: #5bb7de; position: relative; /* overflow: hidden;*/ } /*.jcarousel-gallegy li { overflow: hidden; }*/ /*.jcarousel li:hover { overflow: visible; }*/ .gallery_images .jcarousel li { background: none; max-height: none; } .jcarousel li a { /*position: relative;*/ } .jcarousel li:hover img { opacity: 0.5; cursor: pointer; } .jcarousel img { display: block; max-width: 100%; transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; height: auto !important; position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden; } /** Carousel Controls **/ .jcarousel-control-prev, .jcarousel-control-next, #content .gallery_images div .jcarousel-control-prev, #content .gallery_images div .jcarousel-control-next { background-color: #5bb7de; border: 1px solid transparent; color: #fff; height: 30px; left: 20px; margin-top: 13px; position: absolute; text-align: center; text-decoration: none; top: 38%; width: 44px; font-size: 25px; padding: 6px 0 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; z-index: 900; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover, #content .gallery_images div .jcarousel-control-prev:hover, #content .gallery_images div .jcarousel-control-next:hover { background: #fff; border-color: #5bb7de; color: #5bb7de; } .jcarousel-control-prev, #content .gallery_images div .jcarousel-control-prev { left: -20px; } .jcarousel-control-next, #content .gallery_images div .jcarousel-control-next { right: -20px; left: auto; } /** Carousel Pagination **/ .jcarousel-pagination { position: absolute; bottom: 7px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 12px; width: 12px; line-height: 10px; background: #fff; color: #4E443C; border: 1px solid #ccc; text-indent: -9999px; margin-right: 3px; } .jcarousel-pagination a.active, .jcarousel-pagination a:hover { background: #5bb7de; color: #fff; } .gallery_images .jcarousel-wrapper { padding: 0; } .gallery_images .jcarousel li { border-color: transparent; padding: 30px 0; } .gallery_images .jcarousel li .flipper { width: 320px; height:372px; } .gallery_images .jcarousel img { -webkit-transition: none; transition: none; -webkit-backface-visibility: visible; backface-visibility: visible; opacity: 1; } .gallery_images .jcarousel li:hover img { opacity: 1; } .gallery_images .jcarousel li:hover a { color: #1d3b6d; } .price-box-r { float: right; } .price-box-r .oldprice { display: block; margin: 0 0 10px 0; text-decoration: line-through; color: #CD0808; font-size: 110%; font-weight: bold; } .price-box-r .oldprice span { color: #767676; } .price-box-r .price { color: #CD0808; font-size: 110%; font-weight: bold; /* margin: 10px 0 20px 0;*/ } .price-box-r .price-box-holder { text-align: right; margin: 20px 0; } .fancybox-opened .fancybox-skin { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .fancybox-opened .fancybox-skin, body .fancybox-wrap .fancybox-inner, .fancybox-image, .fancybox-iframe, .fancybox-prev, .fancybox-next { /* -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;*/ background-color: #ffffff; } .fancybox-opened .fancybox-title, #fancybox-wrap #fancybox-title { text-align: center; /* background-color: rgba(255, 255, 255, 1);*/ background-color: #ffffff; color: #777777; padding: 10px; font-size: 16px; /* -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;*/ margin-top: 0; border-bottom: 5px solid #FFF; } #fancybox-wrap #fancybox-title { padding: 0; } #content .item-box .item-descr-holder .text-box p, #content .item-box .special-info .special-text-box { color: #777777; font-family: SegoeUINormal, Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; } .special-info-icon-list { display: block; clear: both; float: none; padding-top: 30px; } /*.confdiv table td { text-align: left; }*/ body #fancybox-overlay { background: url('styles/css/plugins/fancybox_overlay.png'); } #fancybox-title #fancybox-title-over { background-image: none; margin-bottom: 0; padding-bottom: 0; } /*#formconfigure tr td:nth-child(2) { text-align: center; }*/ #formconfigure tr th:nth-child(2) { text-align: left; } #dynamic-to-top { z-index: 900; } ul.inline_01{ display:inline; text-align:center; } li.inline_001{ display:inline; text-align:center; width:20%; } #bg_light{ background-color:#EFEFEF; } #bg_light tr:hover{ background-color:silver; } .icon{ display:inline-block; cursor: pointer; } .icon:hover{ opacity:0.7; } #specsDescription{ padding-top:20px; height: 100px; } .button_for_jobe{ position: relative; cursor: pointer; text-transform: uppercase; display: inline-block; font-family: 'gotham_condensedbook_italic'; text-decoration: none; color: white; font-size: 16px; line-height: 27px; padding: 10px; background: transparent; border: 1px solid white; background-size: 200% 100%; -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; outline: none; text-align: center; color: #1D3B6D; border: 2px solid #1D3B6D; margin:10px 0px; } .button_for_jobe:hover{ color:#FFF; background: #1D3B6D; } .button_for_buy{ position: relative; cursor: pointer; text-transform: uppercase; display: inline-block; font-family: 'gotham_condensedbook_italic'; text-decoration: none; color: white; font-size: 16px; line-height: 27px; padding: 10px; padding-left: 58px; padding-right: 58px; background: transparent; border: 1px solid white; background-size: 200% 100%; -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; outline: none; text-align: center; color: #ffffff; border: 2px solid #bf0000; /*margin:10px 0px;*/ background: #bf0000; } .button_for_buy:hover{ color:#bf0000; background: #ffffff; } .button_for_buy_motors { padding-left: 91px; padding-right: 91px; } .button_for_credit{ position: relative; cursor: pointer; text-transform: uppercase; display: inline-block; font-family: 'gotham_condensedbook_italic'; text-decoration: none; color: white; font-size: 16px; line-height: 27px; padding: 10px; padding-left: 51px; padding-right: 51px; background: transparent; border: 1px solid white; background-size: 200% 100%; -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; outline: none; text-align: center; color: #ffffff; border: 2px solid #1d3b6d; /*margin:10px 0px;*/ background: #ffffff; } .button_for_credit:hover{ color:#ffffff; background: #1d3b6d; } .stock { float: right; background-color: #FFF; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #DBDBDB; margin: 0px 5px; } .stock.in { background-color: #00FF00; } .stock.in.right { float:right; background-color: #00FF00; } .stock.soon { background-color: orange; } .stock.out { background-color: #e30613; } .stock.wait{ background: #00FF00; background: linear-gradient(to right, #00FF00 50%, #FFFFFF 50%); } .margin_0{ margin:0; } .inline-block{ display:inline-block; float:left; } .img_mini{ height:400px; } ul.img_jcarousel li img{ padding:0px; margin:0px; } .water_mark{ display: inline-block; color: #FFF; font-size:0px; } .filter_water a{ border: 2px solid #1D3B6D; padding: 10px 10px; } .filter_water_kat a{ border: 2px solid #1D3B6D; padding: 10px 10px; } .filter_water_kat_a a{ border: 2px solid #1D3B6D; padding: 10px 10px; } .filter_water_kat_a{ margin-bottom: 20px; } .filter_lowrance a{ border: 2px solid #1D3B6D; padding: 10px 10px; } .filter_water{ margin-bottom: 20px; } .filter_water_kat{ margin-bottom: 20px; } .filter_lowrance{ margin-bottom: 20px; } .hide-on-mobile { display: inline; } /* Smartphone Portrait and Landscape */ @media only screen and (min-width: 300px) and (max-width: 980px){ .hide-on-mobile { display: none; }} .center_water{ text-align:center; } .center_water_kat{ text-align:center; } .filter_lowrance_a{ width:129px; display:inline-block; margin-left: 20px; } .filter_water_a{ width:120px; display:inline-block; margin-left: 20px; } .filter_water_kat_a{ width:220px; display:inline-block; margin-left: 20px; } #search_menu{ position:fixed; right: 25px; top: 50px; } #search_menu a{ display:block; color: #1D3B6D; border-bottom: 1px dashed #1D3B6D; } h3.code_snipet{ display:inline-block; color: #999999; font-size:12px; } /*НАЧАЛО возврат на страницу назад*/ #back_to_page{ position:fixed; left:0; width:15px; height:100%; z-index:100; line-height: 200px; } .back_to_prev_page a#back_to_page{ position:fixed; z-index:100; color: #000; width:15px; height:100%; left:0; } .back_to_prev_page:hover{ position:fixed; background-color: #999; z-index:100; opacity: 0.2; width:15px; height:100%; left:0; } /*КОНЕЦ возврат на страницу назад*/ /*НАЧАЛО сравнение*/ #all-products article h2{ display: inline-block!important; border: 2px solid #1D3B6D; padding: 10px 15px; margin: 5px; } #all-products article{ display: inline-block!important; } .container{ padding-left: 40px; padding-right: 40px; padding-top: 0px; } .table-striped th{ background-color: #DCDCDC; color: #000; } .table-striped tr:hover{ background-color: #DCDCDC; } .table-striped td:last-child{ width: 0; } .stickname { position: fixed; top: 0px; z-index: 101; } /*КОНЕЦ сравнение*/ .gallery_for_chem{ text-align:center; display: inline-block; padding-left: 10px; padding-right: 10px; padding-top: 25px; vertical-align: top; width:100%; } .gallery_for_chem_page{ text-align:center; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: top; } .gallery_for_chem_page img{ padding-bottom: 35px; } .gallery_for_chem_page img:hover{ opacity:0.7; } .try_to_lock{ padding-top: 25px; } .gallery_centered_top h6{ color: #777; } .battery_text h3{ text-align:center; font-weight: bold; font-size: 150%; padding-top: 15px; padding-bottom: 15px; margin-left: -40px; margin-right: -40px; background-color: #1D3B6D; color: #FFF; } p.battery_text_info{ margin: 3px; } /*НАЧАЛО Стиль для видео из youtube*/ .youtube { padding: 0px!important; background-color:#000; max-width:100%; overflow:hidden; position:relative; cursor:hand; cursor:pointer; display: block!important; margin-bottom: 10px!important; } .youtube .thumb{ bottom:0; display:block; left:0; margin:auto; max-width:100%; position:absolute; right:0; top:0; width:100%; height:auto; } .youtube .play{ filter:alpha(opacity=80); opacity:.8; height:77px; left:50%; margin-left:-38px; margin-top:-38px; position:absolute; top:50%; width:77px; background:url("http://grandboats.kiev.ua/wp-content/themes/twentyten/js/2.png") no-repeat; } iframe{ border: 0px solid #fff!important; } .youtube .play:hover{ background:url("http://grandboats.kiev.ua/wp-content/themes/twentyten/js/3.png") no-repeat; } /*КОНЕЦ Стиль для видео из youtube*/ .center_400{ height: 400px; margin: 0 auto; } div.red { color: #CD0808!important; font-size: 110%!important; font-weight: bold!important; } .sh_btn{ background-color: #1d3b6d!important; right: 180px!important; } .v_znak{ background-color: #000000; background-image: url(/images/v_znak.png); background-size: 25px; padding-left: 28px; padding-right: 2px; background-repeat: no-repeat; color: white; font-size:18px; font-weight: bold; line-height: 35px; } .vnimanie{ background-color: #f90000; padding-left: 8px; padding-right: 8px; background-repeat: no-repeat; color: white; font-size:18px; font-weight: bold; line-height: 35px; } .thumbnails { /* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство margin: -3em 0 0 -10em;*/ /* Выравнивание по центру */ text-align: center; } .thumbnail { /* Убираем подчеркивание у элемента ins, который был использован для совместимости со старыми версиями Internet Explorer */ text-decoration: none; /* Следующее правило для Firefox 2 */ display: -moz-inline-box; /* а это для остальных */ display: inline-block; vertical-align: top; /* Убираем выравнивание по центру text-align: left;*/ /* Отступы между блоками margin: 3em 0 0 10em;*/ } .thumbnail .r { /* Если есть необходимость, то свойства padding, border, background и position со значением relative лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */ /* Задаем минимальную ширину по тексту width: 12em; */ /* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */ float: left; } .Button_buy { position: relative; cursor: pointer; text-transform: uppercase; display: inline-block; font-family: 'gotham_condensedbook_italic'; text-decoration: none; color: white; font-size: 16px; line-height: 27px; padding: 10px; background: transparent; border: 1px solid white; background-size: 200% 100%; -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; outline: none; text-align: center; color: #1D3B6D; border: 2px solid #bf0000; margin: 10px 0px; } .Button_buy_front { position: relative; cursor: pointer; text-transform: uppercase; display: inline-block; font-family: 'gotham_condensedbook_italic'; text-decoration: none; color: white; font-size: 16px; line-height: 27px; padding: -0px; background: transparent; border: 1px solid white; background-size: 200% 100%; -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; outline: none; text-align: center; color: #1D3B6D; margin: 10px 0px; } .Button_credit { position: relative; cursor: pointer; text-transform: uppercase; display: inline-block; font-family: 'gotham_condensedbook_italic'; text-decoration: none; color: white; font-size: 16px; line-height: 27px; padding: 10px; background: transparent; border: 1px solid white; background-size: 200% 100%; -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; outline: none; text-align: center; color: #1d3b6d; border: 2px solid #1d3b6d; margin: 10px 0px; } .Button_credit_front { position: relative; cursor: pointer; text-transform: uppercase; display: inline-block; font-family: 'gotham_condensedbook_italic'; text-decoration: none; color: white; font-size: 16px; line-height: 27px; padding: -0px; background: transparent; border: 1px solid white; background-size: 200% 100%; -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.7s ease 0.1s; outline: none; text-align: center; color: #1d3b6d; /*margin: 10px 0px;*/ } /* ______________Меню_______________*/ /* _______Для всех выпадающих______ .menu li ul { display: none; } li:hover ul { display: block; } */ /* ______________Меню главное_______________*/ #menu-item-802966 #menu-item-801864 { display: none; } #menu-item-802966:hover #menu-item-801864 { display: block; } #menu-item-802966 #menu-item-801863 { display: none; } #menu-item-802966:hover #menu-item-801863 { display: block; } #menu-item-802966 #menu-item-801862 { display: none; } #menu-item-802966:hover #menu-item-801862 { display: block; } #menu-item-802966 #menu-item-802823 { display: none; } #menu-item-802966:hover #menu-item-802823 { display: block; } /* ______________Меню вверх_______________*/ #toTop .menu-item-802966 .menu-item-801864 { display: none; } #menu-glavnoe-1 .menu-item-802966:hover .menu-item-801864 { display: block; } #toTop .menu-item-802966 .menu-item-801863 { display: none; } #menu-glavnoe-1 .menu-item-802966:hover .menu-item-801863 { display: block; } #toTop .menu-item-802966 .menu-item-801862 { display: none; } #menu-glavnoe-1 .menu-item-802966:hover .menu-item-801862 { display: block; } #toTop .menu-item-802966 .menu-item-802823 { display: none; } #menu-glavnoe-1 .menu-item-802966:hover .menu-item-802823 { display: block; } .knopki_vniz{ display: table-caption; } /* Кнопки категорий лодок на главной */ .filter_boats_kategory a{ border: 2px solid #1D3B6D; padding: 10px 5px; } .filter_boats_kategory{*/ /* margin-bottom: 20px;*/ padding-right: 20px; } .filter_boats_kategory_a{ width:220px; display:inline-block; margin-left: 20px; } /*Прячем блоки на главной при маштабировании*/ @media screen and (min-width: 800px) and (max-width: 1700px) { #post-10 { display: none; } } @media screen and (min-width: 1400px) and (max-width: 1700px) { #post-09 { display: none; } } @media screen and (min-width: 800px) and (max-width: 1070px) { #post-09 { display: none; } } /*Иконки (Бренды лодок) все версии*/ @media screen and (min-width: 800px) { .filter_brend_kategory { padding-left: 20%; padding-right: 20%; } } @media screen and (max-width: 800px) { .filter_brend_kategory { padding-left: 10%; padding-right: 10%; } } @media (max-device-width: 800px){ .filter_brend_kategory { padding-left: 10%; padding-right: 10%; } } /*Иконки (Сервис) все версии*/ @media screen and (min-width: 800px) { .filter_service_kategory { padding-left: 15%; padding-right: 15%; } } @media screen and (max-width: 800px) { .filter_service_kategory { padding-left: 10%; padding-right: 10%; } } @media (max-device-width: 800px){ .filter_service_kategory { padding-left: 10%; padding-right: 10%; } } /*Кнопки (Тип лодки) мобильная версия*/ @media screen and (min-width: 300px) { .filter_boats_kategory_a { margin-top: 20px; } } @media screen and (max-width: 300px) { .filter_boats_kategory_a { margin-top: 20px; } } /* Accordion Styles */ .accordion { border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; } .accordion-title { border-top: 3px solid #dbdbdb; margin: 0; padding: 20px 0; cursor: pointer; color: red; text-align: center; display: block; font-size: 120%; font-weight: bold; text-transform: uppercase; text-decoration: underline; text-align: center; padding: 20px; color: #1D3B6D; margin: 0 auto; } .accordion-title:hover {} .accordion-title:first-child {border: none;} .accordion-title.open {cursor: default;} .accordion-content {padding-bottom: 20px;} /* Yamaha XX */ .xx { background: #b3b3b3; padding-left: 3px; padding-right: 3px; } /* BaltYacht */ p#cf7_controls { text-align:center; } #cf7_controls span { /*padding-right:2em;*/ cursor:pointer; } #cf7 { position:relative; height:400px; width: 100%; max-width: 1000px; margin:0 auto 10px; } @media (min-width: 200px) and (max-width: 950px){ #cf7 { height:200px; } } #cf7 img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } #cf7 img.opaque { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); } #circle1 { width: 45px; height: 45px; background: #f1ece1; border-radius: 50%; display: inline-block; margin-left: 10px; } #circle2 { width: 45px; height: 45px; background: #e6d2b5; border-radius: 50%; display: inline-block; margin-left: 10px; } #circle3 { width: 45px; height: 45px; background: #1a2b3c; border-radius: 50%; display: inline-block; margin-left: 10px; } #circle4 { width: 45px; height: 45px; background: #59191f; border-radius: 50%; display: inline-block; margin-left: 10px; } /* START BUSTER иконки */ @media (max-width:768px) { .box-default h3 { font-size: .9375em } } .icon-length, .icon-width, .icon-width:before { width: 35px } .icon-credit-card:before, .icon-compass:before, .icon-file-pdf:before, .icon-wrench:before { margin-right: 5px } .icon-length, .icon-weight, .icon-width { margin: 0 auto 20px; height: 22px } .icon-carrying-capacity, .icon-diameter, .icon-hp-max, .icon-length, .icon-number-outboard-motors, .icon-seating, .icon-weight, .icon-width { position: relative; display: block } .icon-carrying-capacity:before, .icon-diameter:before, .icon-hp-max:before, .icon-length:before, .icon-number-outboard-motors:before, .icon-seating:before, .icon-weight:before, .icon-width:before { .icon-carrying-capacity:before, .icon-diameter:before, .icon-hp-max:before, .icon-length:before, .icon-number-outboard-motors:before, .icon-seating:before, .icon-weight:before, .icon-width:before { content: ''; top: 0; left: 0; position: absolute; margin: 0; background: url(../img/sprites-present.png) no-repeat } .icon-fuel-tank.icon-gray:before { background: url(../img/sprites-svg/fuel-tank-g.png) no-repeat } .icon-fuel-tank.icon-red:before { background: url(../img/sprites-svg/fuel-tank-r.png) no-repeat } .icon-water-tank.icon-gray:before { background: url(../img/sprites-svg/water-tank-g.png) no-repeat } .icon-water-tank.icon-red:before { background: url(../img/sprites-svg/water-tank-r.png) no-repeat } .block-present_dsc-item .icon-red ~ p { color: #a80901; } .block-present_dsc-item .icon-gray ~ p { color: #cdcdcd; } .icon-length:before { width: 35px; height: 22px; background-position: -3px -87px } .icon-width:before { height: 22px; background-position: -121px -50px } .slide-features .scrollbar .scroll-content { padding: 0 8px 0 0; } .icon-weight { width: 36px } .icon-weight:before { width: 36px; height: 22px; background-position: -85px -86px } .icon-seating { width: 35px; height: 21px; margin: 0 auto 21px } .icon-seating:before { width: 35px; height: 21px; background-position: -44px -87px } .icon-diameter { width: 35px; height: 22px; margin: 0 auto 20px } .icon-diameter:before { width: 35px; height: 22px; background-position: -72px -3px } .icon-category { width: 38px; height: 18px; margin: 0 auto 24px } .icon-category:before { width: 38px; height: 18px; background-position: -28px -3px } .icon-carrying-capacity { width: 19px; height: 23px; margin: 0 auto 19px } .icon-hp-max, .icon-hp-min, .icon-hp-ok { margin: 0 auto 20px } .icon-carrying-capacity:before { width: 19px; height: 23px; background-position: -3px -3px } .icon-number-outboard-motors { width: 32px; height: 22px; margin: 0 auto 20px } .icon-number-outboard-motors:before { width: 32px; height: 22px; background-position: -83px -59px } .icon-hp-max, .icon-hp-max:before, .icon-hp-min, .icon-hp-min:before, .icon-hp-ok, .icon-hp-ok:before { width: 34px; height: 22px } .icon-hp-max:before { background-position: -64px -31px } .icon-hp-min:before { background-position: -3px -59px } .icon-hp-ok:before { background-position: -43px -59px } .icon-fuel-tank { width: 30px; height: 18px; margin: 0 auto 24px } .icon-fuel-tank:before { width: 30px; height: 18px; background-position: -28px -31px } .icon-water-tank { width: 11px; height: 17px; margin: 0 auto 25px } .icon-water-tank:before { width: 11px; height: 17px; background-position: -113px -27px } .icon-transom-height { width: 34px; height: 18px; margin: 0 auto 24px } .icon-transom-height:before { width: 34px; height: 18px; background-position: -113px -3px } /*Flex*/ .flex-col, .flex-row, [class*=flex-row] { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex } .flex-col>[class*=col], .flex-row>[class*=col], [class*=flex-row]>[class*=col] { float: none!important } [class*=flex-row] { -webkit-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row } .flex-row-wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .flex-row-nowrap { -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .flex-row-wrap-reverse { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse } .flex-row.reverse { -webkit-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-direction: row-reverse } .flex-col { -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column } .flex-col.reverse { -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-direction: reverse; box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-direction: column-reverse } .flex-items-center { -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center } .flex-items-between { -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify } .flex-items-around { -webkit-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute } .flex-items-right { -webkit-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end } .flex-items-left { -webkit-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start } .flex-items-baseline { -webkit-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline } .flex-items-stretch { -webkit-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch } .flex-items-middle { -webkit-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center } .flex-items-bottom { -webkit-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end } .flex-items-top { -webkit-box-align: start; box-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; -ms-flex-align: start } .flex-content-stretch { -webkit-align-content: stretch; align-content: stretch; -ms-flex-line-pack: stretch } .flex-content-around { -webkit-align-content: space-around; align-content: space-around; -ms-flex-line-pack: distribute } .flex-content-between { -webkit-align-content: space-between; align-content: space-between; -ms-flex-line-pack: justify } .flex-content-middle { -webkit-align-content: center; align-content: center; -ms-flex-line-pack: center } .flex-content-bottom { -webkit-align-content: flex-end; align-content: flex-end; -ms-flex-line-pack: end } .flex-content-top { -webkit-align-content: flex-start; align-content: flex-start; -ms-flex-line-pack: start } /* tooltip для иконок сравнения лодок*/ .tooltip_icon { position: relative; display: inline-block; /* border-bottom: 1px dotted black;*/ } .tooltip_icon .tooltip_icontext { visibility: hidden; width: 150px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; } .tooltip_icon .tooltip_icontext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip_icon:hover .tooltip_icontext { visibility: visible; opacity: 1; } .block-present_dsc { text-align: center; /* padding: 0 25px; */ padding: 0 10px; /* height: 91px */ height: 80px; } .block-present_config { text-align: center; padding: 42px 0 } .block-present_config .btn { margin: 0 15px } .block-present .color-accent p { color: #0050a0 } @media (max-width:1200px) { .sub-page h1.big-title, .sub-page h2.big-title, h1.big-title, h2.big-title { margin: 20px 0 } .page-nav { padding: 10px 0 } .an-nav>.flex-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (max-width:992px) { .section { margin-top: 30px } .result-search input[type=search] { width: 100%; max-width: 320px } .result-search .container>.flex-row { display: block; overflow: hidden } .result-search .container>.flex-row>div { display: block; width: 50%; margin: 10px 0; float: left; font-size: 14px } .result-search .container>.flex-row>div.result { width: 100%; clear: both; font-size: 16px } .result-search .container>.flex-row>div:last-child { text-align: right } .contact_block>.flex-row { display: block } .contact_block h3, .contact_block h4 { margin-top: 20px } .contact_box { width: 100% } .contact_box:last-child { width: 100%; display: block; margin: 0 auto } .contact_box:first-child { max-width: inherit; padding: 0 } .contact_box>div { width: 100%!important } .contact_icon { text-align: center; margin-bottom: 15px } .contact_row { padding: 0 } /* FINISH BUSTER иконки */ .column { -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-rule: 1px solid #ccc; -moz-column-rule: 1px solid #ccc; column-rule: 1px solid #ccc; } .flex-container { width: 100%; height: 300px; display: flex; flex-flow: row nowrap; } .first { background: red; height: 300px; flex-grow: 3; } .second { background: green; height: 300px; flex-grow: 7; } /* .hiddenBlock { width: 300px; height: 450px; overflow: hidden; position: relative; margin: 0 auto; } .hiddenBlock .gradientHide { position: absolute; width: 100%; height: 150px; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 70.5) 100%); cursor: pointer; } .hiddenBlock .fa { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; color: grey; } .hiddenBlock .fa-angle-up { display: none; } .hiddenBlock.compact { height: auto; overflow: auto; padding-bottom: 50px; } .hiddenBlock.compact .fa-angle-up { display: inline; } .hiddenBlock.compact .fa-angle-down { display: none; } */ div#panelTitle { text-align: center; } .buy_credit { text-align: center; } .mobile_adaptation { text-size-adjust: none; } .xl72 td{ height: 20px; }