/* Start:/bitrix/templates/index/components/bitrix/catalog.section/shedule/style.css*/ /* catalog.section */ .bx_catalog_list_home{ margin-bottom:20px; border-bottom:1px solid #e5e5e5; } @media (max-width:640px) {.bx_catalog_list_home {border-bottom:1px solid #e5e5e5;}} .bx_catalog_list_home .bx_catalog_item{ position:relative; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; margin-bottom:30px; } @media (min-width:960px){ .bx_catalog_list_home.col1 .bx_catalog_item{padding:1px 26px;margin:0 0 30px 0 ;width:100%} .bx_catalog_list_home.col2 .bx_catalog_item{padding:1px 26px;margin:0 1% 30px;width:48%} .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1){clear:both} .bx_catalog_list_home.col3 .bx_catalog_item{padding:1px 26px;margin:0 1% 30px;width:31.333333%} .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(3n+1){clear:both} .bx_catalog_list_home.col4 .bx_catalog_item{padding:1px 26px;margin:0 1% 30px;width:23%} .bx_catalog_list_home.col4 .bx_catalog_item:nth-child(4n+1){clear:both} .bx_catalog_list_home.col5 .bx_catalog_item{padding:1px 26px;margin:0 1% 30px;width:18%} .bx_catalog_list_home.col5 .bx_catalog_item:nth-child(5n+1){clear:both} } @media (min-width:760px) and (max-width:960px){ .bx_catalog_list_home.col1 .bx_catalog_item{padding:1px 16px;margin:0 0 0 30px;width:100%} .bx_catalog_list_home.col2 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:48%} .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1){clear:both} .bx_catalog_list_home.col3 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:31.333333%} .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(3n+1){clear:both} .bx_catalog_list_home.col4 .bx_catalog_item, .bx_catalog_list_home.col5 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:23%} .bx_catalog_list_home.col4 .bx_catalog_item:nth-child(4n+1), .bx_catalog_list_home.col5 .bx_catalog_item:nth-child(4n+1){clear:both} } @media (max-width:760px){ .bx_catalog_list_home.col1 .bx_catalog_item{padding:1px 16px;margin:0 0 0 30px ;width:100%} .bx_catalog_list_home.col2 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:48%} .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1){clear:both} .bx_catalog_list_home.col3 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:31.333333%} .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(3n+1){clear:both} .bx_catalog_list_home.col3 .bx_catalog_item, .bx_catalog_list_home.col4 .bx_catalog_item, .bx_catalog_list_home.col5 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:31.333333%} .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(3n+1), .bx_catalog_list_home.col4 .bx_catalog_item:nth-child(3n+1), .bx_catalog_list_home.col5 .bx_catalog_item:nth-child(3n+1){clear:both} } @media (max-width:580px){ .bx-touch .bx_catalog_list_home.col1 .bx_catalog_item{padding:1px 26px;margin:0 0 0 30px ;width:100%} .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:48%} .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(3n+1){clear:none} .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1){clear:both} .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item, .bx-touch .bx_catalog_list_home.col3 .bx_catalog_item, .bx-touch .bx_catalog_list_home.col4 .bx_catalog_item, .bx-touch .bx_catalog_list_home.col5 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:48%;clear:none} .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1), .bx-touch .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(2n+1), .bx-touch .bx_catalog_list_home.col4 .bx_catalog_item:nth-child(2n+1), .bx-touch .bx_catalog_list_home.col5 .bx_catalog_item:nth-child(2n+1){clear:both} } .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container { position:absolute; z-index:990; top:0; left:0; right:0; box-shadow:0 2px 5px 0 rgba(0,0,0,.18); border-radius:3px; border:1px solid #d3d3d3; background:#fff; -webkit-animation:borderview 0.5s; animation:borderview 0.5s; } @media (min-width:960px){.bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container{padding:0 25px 15px}} @media (max-width:960px){.bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container{padding:0 15px 15px}} @keyframes borderview {from {border:1px solid #fdfdfd;box-shadow:0 0 0 0 rgba(0,0,0,0);} to {border:1px solid #d3d3d3;box-shadow:0 2px 5px 0 rgba(0,0,0,.18);}} @-webkit-keyframes borderview {from {border:1px solid #fdfdfd;box-shadow:0 0 0 0 rgba(0,0,0,0);} to {border:1px solid #d3d3d3;box-shadow:0 2px 5px 0 rgba(0,0,0,.18);}} .bx_catalog_list_home .bx_catalog_item_articul{ color:#a5a5a5; font-size:13px; } .bx_catalog_list_home .bx_catalog_item_title{ overflow:hidden; height:34px; } .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_title{ overflow:auto; height:auto !important; } .bx_catalog_list_home .bx_catalog_item_title a{ color:#3f3f3f; text-decoration:none; font-size:13px; } .bx_catalog_list_home .bx_catalog_item_price{ color:#3f3f3f; font-weight:bold; } .bx_catalog_list_home .bx_catalog_item_price span{ color:#a5a5a5; font-size:12px; font-weight:normal; white-space:nowrap; text-decoration:line-through; } .bx_catalog_list_home .bx_catalog_item_controls{ padding-top:10px; text-align:center; opacity:0; } @media (min-width:641px) and (max-width:960px){.bx_catalog_list_home .bx_catalog_item_controls{height:auto}} @media (max-width:640px){.bx-touch .bx_catalog_list_home .bx_catalog_item_controls{height:auto;line-height:30px;text-align:center}} @media (max-width:479px){.bx-touch .bx_catalog_list_home .bx_catalog_item_controls{height:auto;line-height:30px;display:block}} @media (max-width:479px){.bx-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_controls {height:auto}} .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone{ width:100%; white-space:nowrap; text-align:center; } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone span{ color:#3f3f3f; font-size:13px; } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone .bx_notavailable{ text-align: left; font-size: 12px; font-weight: bold; display: inline-block; border: 1px solid #E4E4E4; background: #F3F3F3; white-space: normal; line-height: normal; padding: 5px 15px; margin-bottom: 10px; } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo{ width:100%; text-align:center; } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a{ margin:1%; width: 48%; min-width:100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 25px; height: 25px; } @media (max-width:640px) { .bx-touch .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone{display:none;} .bx-touch .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo{float:none;width:100%;text-align:center;} } .bx_catalog_list_home .bx_catalog_item_controls input[type=text]{border:none;} .bx-touch .bx_catalog_list_home .bx_catalog_item_controls, .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_controls{opacity:1} .bx_catalog_list_home .bx_cnt_desc{ text-align:left; position:absolute; right:-45px; top:2px; width:40px; } @media (min-width:641px) and (max-width:960px){ } .bx_catalog_list_home .bx_catalog_item_controls a{margin-bottom:10px;} .bx_catalog_list_home .bx_catalog_item_price .bx_price{font-size:15px;padding-top: 5px;} .bx_catalog_list_home .bx_catalog_item_images_double, .bx_catalog_list_home .bx_catalog_item_images{ position:relative; z-index:910; display:block; padding-top:135%; width:100%; background-position:center; background-repeat:no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_list_home .bx_catalog_item_images_double{ z-index:900; margin-top:-135%; opacity:0; } .bx-no-touch .bx_catalog_list_home .bx_catalog_item.double:hover .bx_catalog_item_images{ opacity:0; -webkit-animation:rotateimgfirst 0.5s; animation:rotateimgfirst 0.5s; } .bx-no-touch .bx_catalog_list_home .bx_catalog_item.double:hover .bx_catalog_item_images_double{ opacity:1; -webkit-animation:rotateimglast 0.5s; animation:rotateimglast 0.5s; } @keyframes rotateimgfirst {from {opacity:1;} to {opacity:0;}} @-webkit-keyframes rotateimgfirst {from {opacity:1;} to {opacity:0;}} @keyframes rotateimglast {from {opacity:0;} to {opacity:1;}} @-webkit-keyframes rotateimglast {from {opacity:0;} to {opacity:1;}} .bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls, .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_articul, .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu{display:none} .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_controls, .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_articul, .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_scu{display:block} .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu{padding-top:10px} .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_scu>div{margin:0 auto} .bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls.touch, .bx-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls.no_touch{display:none !important;} /* Stickers */ .bx_catalog_list_home .bx_stick{ position:absolute; width:123px; height:35px; background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/stick.png) left center no-repeat; color:#fff; text-align:center; text-shadow:0 1px 0 #ba3434; line-height:35px; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis; } .bx_catalog_list_home .bx_stick.short {font-weight: bold;font-size:18px} .bx_catalog_list_home .bx_stick.average {font-weight: bold;font-size:13px} .bx_catalog_list_home .bx_stick.long{font-weight:normal;font-size:11px} .bx_catalog_list_home .bx_stick_disc{ position:absolute; width:72px; height:74px; background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/stick_disc.png) no-repeat center; color:#fff; text-align:center; text-shadow:0 1px 0 #ba3434; font-weight:bold; font-size:23px; line-height:74px; } .bx_catalog_list_home .bx_stick.left, .bx_catalog_list_home .bx_stick_disc.left{left:-2px;} .bx_catalog_list_home .bx_stick.right, .bx_catalog_list_home .bx_stick_disc.right{right:0;} .bx_catalog_list_home .bx_stick.top, .bx_catalog_list_home .bx_stick_disc.top{top:15px;} .bx_catalog_list_home .bx_stick.bottom, .bx_catalog_list_home .bx_stick_disc.bottom{bottom:5px;} .bx_catalog_list_home .bx_stick.middle, .bx_catalog_list_home .bx_stick_disc.middle{top:49%;} @media (min-width:641px) and (max-width:960px){ .bx_catalog_list_home .bx_stick{ width:90px; height:30px; background-size:100%; line-height:30px; } .bx_catalog_list_home .bx_stick.short {font-weight:normal;font-size:14px} .bx_catalog_list_home .bx_stick.average {font-weight:normal;font-size:11px} .bx_catalog_list_home .bx_stick.long{font-weight:normal;font-size:11px} .bx_catalog_list_home .bx_stick_disc{ width:64px; height:65px; background-size:100%; font-size: 20px; line-height:65px; } } @media (max-width:640px) { .bx-touch .bx_catalog_list_home .bx_stick{ width:70px; height:30px; background-size:100%; font-size: 11px; line-height:30px; } .bx-touch .bx_catalog_list_home .bx_stick_disc{ width:48px; height:49px; background-size:100%; font-size: 16px; line-height:49px; } } @media (max-width:479px) { .bx-touch .bx_catalog_list_home .bx_stick{ width:70px; height:30px; background-size:100%; font-size: 11px; line-height:30px; } .bx-touch .bx_catalog_list_home .bx_stick_disc{ width:37px; height:38px; background-size:100%; font-size:13px; line-height:38px; } } /* buttons */ .bx_catalog_list_home .bx_bt_button, .bx_catalog_list_home .bx_bt_button_type_2{ display:inline-block; border-radius:3px; text-align:center; text-decoration:none; font-size:14px; cursor:pointer; white-space:nowrap; } .bx_catalog_list_home .bx_bt_button_type_2 { border:1px solid #e9e9e9; background-image:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f1f1f1)); background-image:-webkit-linear-gradient(#fcfcfc 0%,#f1f1f1 100%); background-image: -moz-linear-gradient(#fcfcfc 0%,#f1f1f1 100%); background-image: -o-linear-gradient(#fcfcfc 0%,#f1f1f1 100%); background-image: linear-gradient(#fcfcfc 0%,#f1f1f1 100%); color:#656565; text-shadow:0 1px 0 #fff; } .bx_catalog_list_home .bx_bt_button_type_2:hover{background:#fff;} .bx_catalog_list_home .bx_bt_button_type_2:active { background-image:-webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#fcfcfc)); background-image:-webkit-linear-gradient(#f1f1f1 0%,#fcfcfc 100%); background-image: -moz-linear-gradient(#f1f1f1 0%,#fcfcfc 100%); background-image: -o-linear-gradient(#f1f1f1 0%,#fcfcfc 100%); background-image: linear-gradient(#f1f1f1 0%,#fcfcfc 100%); box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.05); } .bx_catalog_list_home .bx_bt_button { background:#00a2df; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a2df),color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top,#00a2df 0%,#006fcb 100%); background: -moz-linear-gradient(top,#00a2df 0%,#006fcb 100%); background: -ms-linear-gradient(top,#00a2df 0%,#006fcb 100%); background: -o-linear-gradient(top,#00a2df 0%,#006fcb 100%); background: linear-gradient(to bottom,#00a2df 0%,#006fcb 100%); color:#fff; text-shadow:0 1px 0 #006cae; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df',endColorstr='#006fcb',GradientType=0 ); } .bx_catalog_list_home .bx_bt_button:hover { background:#21afe4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#21afe4),color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top,#21afe4 0%,#006fcb 100%); background: -moz-linear-gradient(top,#21afe4 0%,#006fcb 100%); background: -ms-linear-gradient(top,#21afe4 0%,#006fcb 100%); background: -o-linear-gradient(top,#21afe4 0%,#006fcb 100%); background: linear-gradient(to bottom,#21afe4 0%,#006fcb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe4',endColorstr='#006fcb',GradientType=0 ); } .bx_catalog_list_home .bx_bt_button:active { background:#21afe4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#21afe4),color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top,#21afe4 0%,#006fcb 100%); background: -moz-linear-gradient(top,#21afe4 0%,#006fcb 100%); background: -ms-linear-gradient(top,#21afe4 0%,#006fcb 100%); background: -o-linear-gradient(top,#21afe4 0%,#006fcb 100%); background: linear-gradient(to bottom,#21afe4 0%,#006fcb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe4',endColorstr='#006fcb',GradientType=0 ); } .bx_catalog_list_home .bx_small.bx_bt_button{ display:inline-block; min-width:20px; line-height:20px; } .bx_catalog_list_home .bx_small.bx_bt_button_type_2{ display:inline-block; min-width:18px; line-height:18px; } .bx_catalog_list_home .bx_small.bx_bt_button_type_2 {} .bx_catalog_list_home .bx_small.bx_bt_button_type_2:hover {} .bx_catalog_list_home .bx_small.bx_bt_button_type_2:active {} .bx_catalog_list_home .bx_medium.bx_bt_button{ padding:0 13px; height:25px; font-weight:bold; line-height:25px; } .bx_catalog_list_home .bx_medium.bx_bt_button_type_2 { padding:0 13px; height:23px; font-weight:bold; line-height:23px; } .bx_catalog_list_home .bx_medium.bx_bt_button, .bx_catalog_list_home .bx_medium.bx_bt_button_type_2 {font-weight:bold;} .bx_catalog_list_home .bx_medium.bx_bt_button_type_2:hover {} .bx_catalog_list_home .bx_medium.bx_bt_button_type_2:active {} .bx_catalog_list_home .bx_col_input{ display:inline-block; width:40px; text-align:center; } /* scu_detail_size */ .bx_catalog_list_home .bx_item_detail_size{ position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width: 100%; } .bx-no-touch .bx_catalog_list_home .bx_item_detail_size.full { position: relative; margin-left: -5%; padding: 0 5%; } /*----*/ .bx_catalog_list_home .bx_item_detail_size .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_catalog_list_home .bx_item_detail_size .bx_size_scroller_container{position: relative} .bx_catalog_list_home .bx_item_detail_size .bx_size{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx_catalog_list_home .bx_item_detail_size ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_size{overflow-x: auto;} .bx_catalog_list_home .bx_item_detail_size ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_size ul{margin-left: 0 !important;} .bx_catalog_list_home .bx_item_detail_size ul li{ position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; } .bx_catalog_list_home .bx_item_detail_size ul li .cnt{ cursor: pointer; position: absolute; top: 0; right: 2px; bottom: 2px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; color: #3f3f3f; text-align: center; text-decoration: none; font-weight: normal; font-size: 10px; line-height: 22px; } .bx-retina .bx_catalog_list_home .bx_item_detail_size ul li .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border.png) 2 stretch; -moz-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border.png) 2 stretch; -o-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border.png) 2 stretch; border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border.png) 2 fill stretch; } .bx_catalog_list_home .bx_item_detail_size ul li:hover .cnt{border: 1px solid #006cc0} .bx_catalog_list_home .bx_item_detail_size ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt{ border: 2px solid #006cc0; } .bx-retina .bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border_active.png) 2 stretch; -moz-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border_active.png) 2 stretch; -o-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border_active.png) 2 stretch; border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border_active.png) 2 fill stretch; } .bx_catalog_list_home .bx_item_detail_size .bx_size ul li.bx_missing .cnt{border: 1px solid #c0cfda !important} .bx_catalog_list_home .bx_item_detail_size .bx_size ul li.bx_missing>i{ cursor: not-allowed; position: absolute; display: block; top: 0; right: 2px; bottom: 2px; left:2px; z-index:11; background: rgba(255,255,255,.79) url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/missing.png) no-repeat center; } /*----*/ .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left, .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right {opacity:0.8} .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left:hover, .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right:hover {opacity:1.0} .bx_catalog_list_home .bx_item_detail_size.full .bx_slide_left, .bx_catalog_list_home .bx_item_detail_size.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left {left: -5%;background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right{right:-5%;background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left {left: 0;background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right{right: 0;background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* scu_detail_scu */ .bx_catalog_list_home .bx_item_detail_scu{ position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width: 100%; } .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu.full { position: relative; margin-left: -5%; padding: 0 5% } /*----*/ .bx_catalog_list_home .bx_item_detail_scu .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_catalog_list_home .bx_item_detail_scu .bx_scu_scroller_container{position: relative} .bx_catalog_list_home .bx_item_detail_scu .bx_scu{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx-touch .bx_catalog_list_home .bx_item_detail_scu .bx_scu{overflow-x: auto} .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap } .bx-touch .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul{margin-left: 0 !important} .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li{ position: relative; display: block; float: left; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt{ cursor: pointer; position: absolute; top: 0; right: 2px; bottom: 4px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; z-index:10; } .bx-retina .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border.png) 2 stretch; -moz-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border.png) 2 stretch; -o-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border.png) 2 stretch; border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border.png) 2 fill stretch; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li:hover .cnt{border: 1px solid #006cc0} .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{ padding: 3px; border: 2px solid #006cc0; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_missing .cnt{border: 1px solid #c0cfda !important} .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_missing>i{ cursor: not-allowed; position: absolute; display: block; top: 0; right: 2px; bottom: 4px; left: 2px; z-index:11; background: rgba(255,255,255,.79) url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/missing.png) no-repeat center; } .bx-retina .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border_active.png) 2 stretch; -moz-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border_active.png) 2 stretch; -o-border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border_active.png) 2 stretch; border-image: url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/x2border_active.png) 2 fill stretch; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item{ position: absolute; top: 6%; right: 6%; bottom:6%; left: 6%; background-size:contain; background-repeat: no-repeat; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img{ width: auto; height: 25px; } /*----*/ .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_left, .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_right {opacity:0.8} .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_left:hover, .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_right:hover{opacity:1.0} .bx_catalog_list_home .bx_item_detail_scu.full .bx_slide_left, .bx_catalog_list_home .bx_item_detail_scu.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_left {left: -5%;background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_right{right:-5%;background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_left {left: 0;background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_right{right: 0;background:url(/bitrix/templates/index/components/bitrix/catalog.section/shedule/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* End */ /* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.css*/ font.errortext { color:red; } font.notetext { color:green; } /* End */ /* Start:/bitrix/templates/index/components/bitrix/news.list/template1/style.css*/ div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/index/components/bitrix/search.title/template1/style.css*/ div.title-search-result { border:0px; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background: #fff; border-right:0px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/index/components/bitrix/search.title/template1/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/bitrix/templates/index/styles.css*/ img {border:0 none;} h2 { font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 400; margin:1.3em 0 1em; line-height:2.0; } h3, h4, h5, h6 { font-family: Arial, Helvetica,sans-serif; margin:1.3em 0 1em; font-weight:normal; line-height:1.2; } h2 { font-size:140%; } h3 { font-size:140%; } h4 { font-size: 110%; font-weight: 300; font-family: 'Roboto', sans-serif; } h5 { font-size:120%; } h6 { font-size:100%; } h1 { font-size:100%; margin:0; font-size: 14px; font-family: 'Arimo', sans-serif; color: #004b77; font-size: 100%; font-weight: 100; } hr, .hr { border-top:1px solid; display:block; font-size:1px; height:1px; line-height:1px; margin:12px 0; overflow:hidden; padding:0; } .link-blue { color: #397da0; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; border-bottom: 1px dotted #397da0; } .link-blue:hover { color: #1e465a; font-family: 'Roboto', sans-serif; font-weight: 300; border-bottom: 1px solid #1e465a; } #workarea ol li, #workarea ul li { margin: 0.6em 0; } #workarea ul { list-style-type: disc; } /* End */ /* Start:/bitrix/templates/index/template_styles.css*/ html { width:100%; height: 100%; margin:0; padding:0; background:;} @font-face { font-family: enhanced_led_board-7; src: url(/bitrix/templates/index/fonts/enhanced_led_board-7.ttf); } @font-face { font-family: serif_led_board-7; src: url(/bitrix/templates/index/fonts/serif_led_board-7.ttf); } @font-face { font-family: led_display-7; src: url(/bitrix/templates/index/fonts/led_display-7.ttf); } @font-face { font-family: led_board-7; src: url(/bitrix/templates/index/fonts/led_board-7.ttf); } @font-face { font-family: Arimo; src: url(/bitrix/templates/index/fonts/Arimo.ttf); } @font-face { font-family: enhanced_dot_digital-7; src: url('/bitrix/templates/index/fonts/enhanced_dot_digital-7-webfont.eot'); src: url('/bitrix/templates/index/fonts/enhanced_dot_digital-7-webfont.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/index/fonts/enhanced_dot_digital-7-webfont.woff2') format('woff2'), url('/bitrix/templates/index/fonts/enhanced_dot_digital-7-webfont.woff') format('woff'), url(/bitrix/templates/index/fonts/enhanced_dot_digital-7.ttf) format('truetype'), url('/bitrix/templates/index/fonts/enhanced_dot_digital-7-webfont.svg#enhanced_dot_digital-7regular') format('svg'); font-weight: normal; font-style: normal; } body { height:100%; margin:0; padding:0; font-size: 80.01%; font-family: Verdana, Arial, Helvetica, sans-serif; background: ; } .tabs-fly { position: relative; margin: 0px; height: 540px; width: 640px; border: 0px solid black; background: #fff; text-decoration: none; font-size: 26px; font-weight: 100; font-family: 'Roboto', sans-serif; color: #fff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } .content-top-menu{ margin: -500px 0 0 320px!important; } .tabs-fly input { position: absolute; z-index: 1000; width: 200px; height: 85px; left: 0px; top: 0px; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } .tabs-fly input#tab-fly-2{ left: 190px; } .tabs-fly input#tab-fly-3{ left: 320px; } .tabs-fly label { background: ; font-size: 16px; line-height: 40px; height: 84px; position: relative; padding: 0 0px; float: left; display: block; width: 200px; color: #385c5b; top: 0px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-align: center; border: 0px solid black; } .tabs-fly label:after { content: ''; background: #fff; position: absolute; bottom: 0px; left: 0; width: 100%; height: 0px; display: block; } .tabs-fly label img { background: ; position: absolute; margin: 11px 0px 0px 0px; } .tabs-fly input:hover + label { background: red; top: 0px; } .tabs-fly input:hover + label ~ .clear-shadow { top: 0px; } .tabs-fly input:checked:hover + label ~ .clear-shadow { top: 0; background: #fff; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .tabs-fly input.tab-fly-selector-1+ label.tab-fly-label-1 { z-index: 3; background: url(/bitrix/templates/index/images/arrival-s.png) no-repeat; background-size: contain; -webkit-transition: all linear 0.3s 0s; -moz-transition: all linear 0.3s 0s; -o-transition: all linear 0.3s 0s; -ms-transition: all linear 0.3s 0s; transition: all linear 0.3s 0s; } .tabs-fly input.tab-fly-selector-1:hover + label.tab-fly-label-1 { z-index: 3; background: url(/bitrix/templates/index/images/arrival-h.png) no-repeat; background-size: contain; -webkit-transition: all linear 0.3s 0s; -moz-transition: all linear 0.3s 0s; -o-transition: all linear 0.3s 0s; -ms-transition: all linear 0.3s 0s; transition: all linear 0.3s 0s; } .tabs-fly input.tab-fly-selector-2 + label.tab-fly-label-2 { z-index: 3; background: url(/bitrix/templates/index/images/departure-s.png) no-repeat; background-size: contain; -webkit-transition: all linear 0.3s 0s; -moz-transition: all linear 0.3s 0s; -o-transition: all linear 0.3s 0s; -ms-transition: all linear 0.3s 0s; transition: all linear 0.3s 0s; } .tabs-fly input.tab-fly-selector-2:hover + label.tab-fly-label-2 { z-index: 2; background: url(/bitrix/templates/index/images/departure-h.png) no-repeat; background-size: contain; -webkit-transition: all linear 0.3s 0s; -moz-transition: all linear 0.3s 0s; -o-transition: all linear 0.3s 0s; -ms-transition: all linear 0.3s 0s; transition: all linear 0.3s 0s; } .tabs-fly input.tab-fly-selector-3:hover + label.tab-fly-label-3 ~ .clear-shadow { z-index: 1; } .tabs-fly input.tab-fly-selector-4:hover + label.tab-fly-label-4 ~ .clear-shadow { z-index: 0; } .tabs-fly label:first-of-type { z-index: 4; } .tab-fly-label-2 { z-index: 3; } .tab-fly-label-3 { z-index: 2; } .tab-fly-label-4 { z-index: 1; } .tabs-fly input:checked + label { background: ; z-index: 6; } .tabs-fly input.tab-fly-selector-1:checked + label.tab-fly-label-1 { background: url(/bitrix/templates/index/images/arrival.png) no-repeat; background-size: contain; z-index: 100; } .tabs-fly input.tab-fly-selector-2:checked + label.tab-fly-label-2 { background: url(/bitrix/templates/index/images/departure.png) no-repeat; background-size: contain; z-index: 100; } .clear-shadow { background: #5ba4a4; position: relative; top: 0; height: 0px; margin-bottom: 0px; clear: both; z-index: -2; } .cinfo-fly { background: #3a454e; position: relative; width: 640px; height: 660px; top: 70px; z-index: 5; overflow: hidden; border: 0px solid red; margin: 16px 0px 0px 0px; float: left; } .cinfo-fly div { position: absolute; top: 0px; left: 0; bottom: 100%; padding: 14px 0px 0px 25px; width:620px; overflow: hidden; z-index: 1; opacity: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; } .tabs-fly input.tab-fly-selector-1:checked ~ .cinfo-fly .cinfo-fly-1, .tabs-fly input.tab-fly-selector-2:checked ~ .cinfo-fly .cinfo-fly-2 { bottom: 0px; z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all ease-out 0.5s 0.5s; -moz-transition: all ease-out 0.5s 0.5s; -o-transition: all ease-out 0.5s 0.5s; -ms-transition: all ease-out 0.5s 0.5s; transition: all ease-out 0.5s 0.5s; } .cinfo-fly div h2, .cinfo-fly div h3{ color: #398080; } .cinfo-fly-1 div { width:596px; height:630px; font-size: 16px; text-align: left; margin: 5px 2px 2px 5px; color: #fff; background:; z-index: 100000; opacity: 1; border: 0px solid red; line-height: 22px; } .cinfo-fly-2 div { width:596px; height:640px; font-size: 16px; text-align: left; margin: 5px 2px 2px 5px; color: #fff; background: ; z-index: 100000; opacity: 1; border: 0px solid red; } .tabs-ride { position: relative; margin: 0px; height: 170px; width: 372px; border: 0px solid black; background: #fff; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; } .tabs-ride input { position: absolute; z-index: 1000; width: 124px; height: 30px; left: 0px; top: 0px; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } .tabs-ride input#tab-ride-2{ left: 117px; } .tabs-ride input#tab-ride-3{ left: 241px; } .tabs-ride label { background: ; font-size: 12px; line-height: 30px; text-align:center; height: 30px; width: 124px; position: relative; padding: 0 0px; float: left; display: block; color: #385c5b; top: 0px; letter-spacing: 0px; text-transform: uppercase; font-weight: bold; text-align: center; border: 0px solid red; } a.ssylka-naved { text-decoration: none; color: #000000; } a.ssylka-naved:hover { text-decoration: none; border-bottom: 1px dashed #000000; color: #000000; cursor: pointer; } .tabs-ride label:after { content: ''; background: #fff; position: absolute; bottom: 0px; left: 0; width: 100%; height: 0px; display: block; color: #000000; } .tabs-ride input:hover + label { background: ; text-decoration: underline; -webkit-transition: all linear 0.2s 0s; -moz-transition: all linear 0.2s 0s; -o-transition: all linear 0.2s 0s; -ms-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s; top: 0px; } .tabs-ride input:hover + label ~ .clear-shadow { top: 0px; } .tabs-ride input:checked:hover + label ~ .clear-shadow { top: 0; background: #fff; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .tabs-ride input.tab-ride-selector-1+ label.tab-ride-label-1 { z-index: 3; } .tabs-ride input.tab-ride-selector-1:hover + label.tab-ride-label-1 { z-index: 3; } .tabs-ride input.tab-ride-selector-2 + label.tab-ride-label-2 { z-index: 3; } .tabs-ride input.tab-ride-selector-3:hover + label.tab-ride-label-3 ~ .clear-shadow { z-index: 1; } .tabs-ride input.tab-ride-selector-4:hover + label.tab-ride-label-4 ~ .clear-shadow { z-index: 0; } .tabs-ride label:first-of-type { z-index: 4; } .tab-ride-label-2 { z-index: 3; } .tab-ride-label-3 { z-index: 2; } .tab-ride-label-4 { z-index: 1; } .tabs-ride input:checked + label { background: url(/bitrix/templates/index/images/ride-fon.png) no-repeat; -webkit-transition: all linear 0.2s 0s; -moz-transition: all linear 0.2s 0s; -o-transition: all linear 0.2s 0s; -ms-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s; text-decoration: none; z-index: 6; color: #000000; } .clear-shadow { background: #5ba4a4; position: relative; top: 0; height: 0px; margin-bottom: 0px; clear: both; z-index: -2; } .cinfo-ride { background: #fff; position: relative; width: 372px; height: 150px; top: 0px; z-index: 5; overflow: hidden; border: 0px solid red; } .cinfo-ride div { position: absolute; top: 0px; left: 0; bottom: 100%; padding: 10px 40px; overflow: hidden; z-index: 1; opacity: 0; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -o-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s; } .cinfo-ride-1, .cinfo-ride-2, .cinfo-ride-3 { -webkit-transform: translateX(372px); -moz-transform: translateX(372px); -o-transform: translateX(372px); -ms-transform: translateX(372px); transform: translateX(372px); -webkit-transition: all ease-out 0.3s 0.3s; -moz-transition: all ease-out 0.3s 0.3s; -o-transition: all ease-out 0.3s 0.3s; -ms-transition: all ease-out 0.3s 0.3s; transition: all ease-out 0.3s 0.3s; } .tabs-ride input.tab-ride-selector-1:checked ~ .cinfo-ride .cinfo-ride-1, .tabs-ride input.tab-ride-selector-2:checked ~ .cinfo-ride .cinfo-ride-2, .tabs-ride input.tab-ride-selector-3:checked ~ .cinfo-ride .cinfo-ride-3 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); bottom: 0px; z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all ease-out 0.3s 0s; -moz-transition: all ease-out 0.3s 0s; -o-transition: all ease-out 0.3s 0s; -ms-transition: all ease-out 0.3s 0s; transition: all ease-out 0.3s 0s; } .cinfo-ride div h2, .cinfo-ride div h3{ color: #398080; } .cinfo-ride .cinfo-ride-1 img { width: 105%; height: auto; background:; float:left; margin:10px 0px 0px -30px; border: 0px solid red; position: relative; } .cinfo-ride .cinfo-ride-2 img { width: 105%; height: auto; background:; float:left; margin:10px 0px 0px -30px; } .cinfo-ride .cinfo-ride-3 img { width: 105%; height: auto; background:; float:left; margin:10px 0px 0px -30px; } .cinfo-ride-1 ridebus { position: absolute; z-index: 100000; width: 200px; height:31px; background:; float:left; text-align:left; margin:10px 0px 0px 10px; font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #2b313a; border: 0px solid red; display:block; } .cinfo-ride-2 ridetaxi { position: absolute; z-index: 100; width: 200px; height:31px; background: ; float:left; margin:11px 0px 0px 10px; font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #2b313a; display:block; } .cinfo-ride-3 ridehotel { position: absolute; z-index: 102; width: 200px; height:31px; background:; float:left; margin:11px 0px 0px 10px; font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #2b313a; display:block; } .cinfo-ride div p { font-size: 14px; line-height: 22px; font-style: italic; text-align: left; margin: 0; color: #777; padding-left: 15px; font-family: Cambria, Georgia, serif; } .ac-container{ min-width: 300px; margin: 10px 0; text-align: left; } .ac-container label{ font-family: 'Arimo', sans-serif; color: #fff; font-weight: 700; font-size: 20px; padding: 5px 20px; position: relative; z-index: 20; display: block; height: 46px; cursor: pointer; line-height: 44px; background: ; } .ac-container label:hover{ background: url(/bitrix/templates/index/images/m-circle.png) 3.2% 50% no-repeat; background-size: contain; } .ac-container label img{ position: absolute; display: block; width: 6%; height: auto; padding:0; background: ; margin:9px 0px 0px 0px; } .ac-container input:checked + label, .ac-container input:checked + label:hover{ background: url(/bitrix/templates/index/images/m-circle.png) 3.2% 50% no-repeat; background-size: 9.5%; border-bottom: 0px solid #d7d7d7; color: #fff; } .ac-container label:hover:after, .ac-container input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; background: ; } .ac-container input:checked + label:hover:after{ } .ac-container input{ display: none; } .ac-container article{ background: ; margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } .ac-container article p{ font-family: 'Arimo', sans-serif; color: #fff; font-weight: 400; font-size: 18px; line-height: 20px; padding: 0px 0px 0px 26px; } .ac-container input:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; } .ac-container input:checked ~ article.ac-small{ height: 100px; background: #373e45; } .ac-container input:checked ~ article.ac-medium{ height: 215px; background: #373e45; } .ac-container input:checked ~ article.ac-large{ height: 365px; background: #373e45; } #block-fon { height:; margin:0; padding:0; background: url(/bitrix/templates/index/images/fon.jpg) repeat-x, repeat-y; } TABLE { background: ; } TD { vertical-align: top; background: ; } #col1 { width: 360px; height:570px; background: url(/bitrix/templates/index/images/sam.png) no-repeat right; border: 0px solid red; } #col1-logo { width: 560px; height:170px; background: ; border: 0px solid red; } #col1-menu { width: 560px; height:660px; background: url(/bitrix/templates/index/images/fon-menu.jpg) no-repeat; float:left; position: absolute; background-size: cover; margin: -500px 0px 0px 0px; } #col1-online { max-width: 640px; width:640px; height:670px; background: ; float:left; border: 0px solid red; } #prav { width: 360px; height:430px; background: ; } #lev { width: 360px; height:430px; background: ; border: 0px solid red; } #prav1 { width: 360px; height:345px; background: ; } #lev1 { width: 360px; height:345px; background: ; border: 0px solid red; } #prav-bel { width: 360px; height:190px; background: ; border: 0px solid green; } #lev-bel { width: 360px; height:190px; background: ; border: 0px solid green; } #beltr { width: 100%; height:100%; background: ; border: 0px solid red; } #beltr1 { width: 100%; height:10%; background: ; border: 0px solid red; } .blokfly { float: left; width: 300px; } #blok-topinfo { width:1200px; height:100px; margin: 0 auto; background: ; text-align:right; color:#fff; } .bloktoplang { width:130px; height:20px; margin:51px 0px 0px 0px; background:; text-align:left; color:#fff; float:left; display:inline; border: 0px solid red; } .bloktoplang links { min-width:20px; margin:0px 0px 0px 0px; background:; text-align:left; color:#fff; float:left; display:inline; } a.bloktoplang1 { text-decoration: none; font-size: 16px; font-weight: 400; font-family: 'Arimo', sans-serif; margin:0px 0px 0px 0px; color: #fff; display:inline; } a.bloktoplang1:hover { font-size: 16px; font-weight: 400; font-family: 'Arimo', sans-serif; color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; } a.bloktoplang2 { font-size: 16px; font-weight: 700; font-family: 'Arimo', sans-serif; margin:0px 0px 0px 0px; color: #fff; display:inline; border-bottom: 1px dotted #fff; } a.bloktoplang2:hover { font-size: 16px; font-weight: 700; font-family: 'Arimo', sans-serif; margin:0px 0px 0px 0px; color: #fff; display:inline; border-bottom: 1px dotted #fff; } a.bloktoplang2-2 { font-size: 18px; font-weight: 700; font-family: 'Arimo', sans-serif; margin:0px 0px 0px 0px; color: #fff; display:inline; border-bottom: 1px dashed #fff; } a.bloktoplang3 { text-decoration: none; font-size: 18px; font-weight: 400; font-family: 'Arimo', sans-serif; margin:0px 0px 0px 0px; color: #fff; display:inline; } .bloktoptel { width: 200px; height: 27px; float:right; background: ; margin:43px 0px 0px 0px; top:20px; border:0px solid red; display:inline; } .bloktoptel img { position:absolute; width: 0.8%; height: 1%; background: ; font-size: 20px; font-weight: 100; font-family: 'Roboto', sans-serif; margin:2px 0px 0px 0px; display:inline; } .bloktoptel text { width: 150px; height: 20px; background: ; font-size: 20px; font-weight: 100; font-family: 'Roboto', sans-serif; margin:0px 0px 0px 15px; text-align:left; display:inline; } .bloktoptel bt { width: ; height:; background: ; font-size: 20px; font-weight: 500; font-family: 'Roboto', sans-serif; margin:0px 0px 0px 0px; text-align:left; display:inline; } #bloktopweather-time-clock { width:357px; height:25px; margin:45px 30px 0px 0px; background:; text-align:right; color:#fff; float:right; display:inline; border: 0px solid yellow; } .bloktopweather { width:85px; height:24px; margin:-10px 0px 0px 5px; background:; text-align:right; color:#fff; float:right; display:inline; border: 0px solid red; } .pogoda {font-family: 'Open Sans', sans-serif; margin:0px 0px 0px 0px; } .pogoda pog {font-family: 'Open Sans', sans-serif; top:-4px; margin:0px 0px 0px 0px; color:#fff; font-size: 17px; position: relative; font-weight: 400;} .pogoda img{top:0px; margin:0px 10px 0px 0px; } .bloktoptime-clock { width:250px; height:24px; margin:0px 10px 0px 0px; background:; text-align:right; color:#fff; float:right; display:inline; border: 0px solid red; } .blok-logo { width:560px; height:170px; background: #fff; } .blok-logo div { width:330px; height:15px; font-size: 15px; font-family: 'Roboto', sans-serif; color: #004b77; background: ; margin:15px 0px 0px 120px; } .blok-logo img { width: 287px; height: 103px; background: ; margin:15px 0px 0px 136px; } #blok-menu { width:560px; height:360px; margin:10px 0px 0px 0px; background: ; border: 0px solid red; } #blok-online { width:640px; height:560px; background: ; float:left; border: 0px solid green; } .zagolovok-status { position: absolute; margin:130px 0px 0px 27px; width:600px; height:20px; background:; float:left; border: 0px solid red; z-index:9999; display:block; } .zagolovok-status stat { margin:0px 58px 0px 0px; min-width:10px; height:20px; background:; float:left; text-align:left; border: 0px solid green; font-size: 13px; font-family: 'Roboto', sans-serif; color: #454545; font-weight: 400; display:block; } .zagolovok-status stat1 { margin:0px 93px 0px 0px; min-width:10px; height:20px; background:; float:left; text-align:left; border: 0px solid green; font-size: 13px; font-family: 'Roboto', sans-serif; color: #454545; font-weight: 400; display:block; } .zagolovok-status stat2 { margin:0px 34px 0px 0px; min-width:10px; height:20px; background:; float:left; text-align:left; border: 0px solid green; font-size: 13px; font-family: 'Roboto', sans-serif; color: #454545; font-weight: 400; display:block; } .zagolovok-status stime { margin:0px 0px 0px 59px; min-width:10px; height:20px; background:; float:left; text-align:left; border: 0px solid green; font-size: 13px; font-family: 'Roboto', sans-serif; color: #454545; font-weight: 400; display:block; } .zagolovok-status stime sstime { margin:0px 0px 0px 0px; min-width:10px; height:; background:; text-align:left; border: 0px solid green; font-size: 9px; font-family: Helvetica, Arial; color: #454545; font-weight: 100; display:block; } .blok-onlinediv { position: absolute; z-index: 11; width:142px; height:20px; font-size: 16px; font-weight: 800; font-family: 'Roboto' serif; color: #2b313a; background: ; margin:53px 0px 0px 487px; } .blok-onlinediv img { width: 12%; height:auto; background: ; margin:10px 0px 0px 0px; } a.link-all-14bold-black { text-decoration: none; font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #2b313a; margin:-19px 0px 0px 23px !important; display:block !important; } a.link-all-14bold-black:hover { font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #40474f; text-decoration: none; border-bottom: 1px dashed #40474f; margin:-19px 0px 0px 23px !important; display:block !important; } a.link-all-16bold-black { text-decoration: none; font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #2b313a; } a.link-all-16bold-black:hover { font-size: 16px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #40474f; text-decoration: none; border-bottom: 1px dashed #40474f; } #blok-site { width:1200px; height:430px; background: #fff; margin-top: 160px; } .blok-site-img { width: 31px; height: 31px; background: ; float:left; margin:15px 0px 0px 0px; } .blok-site-img img { width: 100%; height: auto; background: ; float:left; margin:0px 0px 0px 0px; } #blok-site-airport { width:823px; height:430px; background: #fff; float:left; display:block; } #blok-site-people { width: 363px; height:121px; background: ; float:left; margin:25px 0px 10px 0px; display:block; } #flashContent { width:100%; height:100%; } #blok-site-icon-ride { width: 150px; height:31px; background:; float:left; margin:20px 0px 5px 15px; display:block; font-size: 18px; font-weight: 400; font-family: 'Roboto' serif; color: #2b313a; } #blok-site-icon-ride1 { width: 180px; height:31px; background:; float:left; margin:12px 0px 0px 15px; display:block; font-size: 18px; font-weight: 400; font-family: 'Roboto' serif; color: #2b313a; } #blok-site-tabs { width: 373px; height:171px; background:; float:left; margin:10px 0px 0px 0px; display:block; } a.link-all-18-black { text-decoration: none; font-size: 18px; font-weight: 400; font-family: 'Roboto' serif; color: #2b313a; } a.link-all-18-black:hover { font-size: 18px; font-weight: 400; font-family: 'Roboto' serif; color: #40� �ation: none; border-bottom: 1px dashed #40474f; } #blok-setka { min-width:1212px; max-width:390px; min-height:360px; height:100%; background: ; padding:10px 0px 5px 0px; display:block; } #blok-setka1 { } #blok-setka-190 { width: 190px; height:170px; background: ; border: 0px solid #fff; float:left; margin:0px 12px 12px 0px; display:block; } #blok-setka-190-lin { position:absolute; width: 190px; height:170px; background: ; opacity:0.3; border: 1px solid #fff; margin:0px 0px 0px 0px; cursor:pointer; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; display:block; } #blok-setka-190-lin:hover { position:absolute; width: 190px; height:170px; background: ; opacity:1; border: 1px solid #fff; margin:0px 0px 0px 0px; cursor:pointer; transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; } #blok-setka-190-pic { width:103px; height:93px; background: ; border: 0px; margin:20px auto; background-size: contain; display: block !important; } .bloksetka190pic1 img { width:85% !important; height:auto !important; background: ; border: 0px; margin:20px auto; background-size: contain; display: block !important; } .bloksetka190pic2 img { width:90% !important; height:auto !important; background: ; border: 0px; margin:20px auto; background-size: contain; display: block !important; } #blok-setka-190-title { background: ; margin:0px; text-align:center; font-size: 14px; font-weight: 700; font-family: 'Arimo', sans-serif; color: #fff; } a.link-all-16-white { text-decoration: none; font-size: 14px; font-weight: 400; font-family: 'Roboto' serif; color: #fff; } a.link-all-16-white:hover { font-size: 14px; font-weight: 400; font-family: 'Roboto' serif; color: #f4f4f4; text-decoration: none; border-bottom: 1px dashed #fff; } #blok-zakup { width:1200px; height:290px; background: #fff; border: 0px solid black; padding: 10px 0px 0px 0px; } #zag-goszakup { width:675px; height:0px; background: ; float:left; margin: 0px 0px 0px 0px; color: #37475c; font-size: 18px; font-weight: 300; font-family: 'Roboto' serif; } #zag-news { width:400px; height:20px; background: ; float:left; margin: 30px 0px 20px 43px; color: #37475c; font-size: 18px; font-weight: 300; font-family: 'Roboto' serif; border: 0px solid black; } a.link-zakup-14-black { text-decoration: none; font-size: 14px; font-weight: 400; font-family: 'Roboto' serif; color: #37475c; } a.link-zakup-14-black:hover { font-size: 14px; font-weight: 400; font-family: 'Roboto' serif; color: #37475c; text-decoration: none; border-bottom: 1px dashed #37475c; } #blok-goszakup { width:642px; height:190px; background: ; float:left; margin: 0px 0px 0px 0px; padding:15px 0px 0px 0px; border: 0px solid red; } #blok-news { width:558px; height:220px; background: ; float:left; margin: 0px 0px 0px 0px; border: 0px solid black; } .about-airport { float:left; padding:0px 0px 0px 10px; background: ; height:30px; line-height:30px; opacity:1; transition: 0.5s 0.1s ease; -webkit-transition: opacity 0.5s 0.1s ease; -moz-transition: opacity 0.5s 0.1s ease; -ms-transition: opacity 0.5s 0.1s ease; -o-transition: opacity 0.5s 0.1s ease; border: 0px solid red; position: absolute; } .about-airport pic { background: #fff; height:30px; width:190px; position: absolute; z-index:2; margin: 0px 0px 0px -10px; } .about-airport li{ background: ; list-style-type:none; } .about-airport li span {list-style-type:none; background: ; z-index:2;} .about-airport li > ul {padding:0px; height:430px; width:823px; opacity:0; -webkit-transition: opacity 0.3s 0.1s ease; -moz-transition: opacity 0.3s 0.1s ease; -ms-transition: opacity 0.3s 0.1s ease; -o-transition: opacity 0.3s 0.1s ease; margin: 0px 0px 0px -10px; background: url(/bitrix/templates/index/images/airport-foto-fon1.jpg) no-repeat; border: 0px solid red; z-index:99999999999999999; position: absolute;} .about-airport:hover li > ul {padding:0px; height:430px; width:823px; opacity:1; -webkit-transition: opacity 0.3s 0.1s ease; -moz-transition: opacity 0.3s 0.1s ease; -ms-transition: opacity 0.3s 0.1s ease; -o-transition: opacity 0.3s 0.1s ease; margin: 0px 0px 0px -10px; background: url(/bitrix/templates/index/images/airport-foto-fon1.jpg) no-repeat; border: 0px solid red; z-index:99999999999999999; position: absolute;} .about-airport-text { padding:0px; height:420px; width:780px; margin: 0px 0px 0px 0px; background: ; border: 0px solid red; z-index:99999999999999999; position: absolute; } .about-airport-text titles { padding:0px 0px 0px 0px; height:; width:; margin: 30px 0px 0px 20px; background:; font-size: 32px; font-weight: 100; font-family: 'Roboto', sans-serif; color: #074258; text-align:left; display: block; } .about-airport-text h2 { padding:0px 0px 0px 0px; height:200px; width:; margin: 20px 0px 0px 20px; background:; font-size: 16px; font-weight: 400; font-family: 'Open sans', sans-serif; color: #074258; text-align:left; display: block; line-height:1.8; } .info-kn {width:260px; height:46px; margin: 50px 0px 0px 20px; border:0px solid #fff; overflow:hidden; cursor:pointer; background: #0c93ae; border-radius: 7px; } .info-kn div{ width:260px; height:46px; background: #0c93ae url(/bitrix/templates/index/images/about-kn.png) 83% 0% no-repeat; padding: 23px 0px 0px 20px; border:0px solid #000; font-weight: 400; font-style: normal; font-family: 'Open Sans', sans-serif; color: #fff; font-size:16px; line-height: 0; margin: 0px 0px 0px 0px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; cursor: pointer; } .info-kn:hover div{ width:260px; height:46px; border:0px solid #fff; background: #0c93ae url(/bitrix/templates/index/images/about-kn.png) 89% 0% no-repeat; margin-top: 0px; line-height: 0; padding: 23px 0px 0px 20px; font-weight: 400; font-style: normal; font-family: 'Open Sans', sans-serif; color: #fff; font-size:16px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } form { margin:0; padding:0;} form.main-form { display: block; margin:0; padding:0; width:100%; height:100%; } #page-wrapper { min-height:100%; /*width:878px;*/ margin: 0 auto -90px; } * html #page-wrapper { height: 100%; } #header { height: 106px; position: relative; z-index: 10; width:878px; margin:0 auto;} #top-menu { position: absolute; top: 46px; width: 638px; height: 30px; right: 0; } #top-menu-inner { margin-left: 16px; padding-right: 16px; height: 30px; } #logo { width: 235px; height: 100px; position:absolute; left:0; top:0; text-align: center; } #logo td { padding: 0;} #logo a { outline: none;} #top-icons { overflow: hidden; height: 15px; position: absolute; top: 17px; width: 200px; left: 252px; } #top-icons a { float: left; margin-right: 31px; } a.home-icon { width: 12px; height: 11px;} a.search-icon { width: 12px; height: 12px;} a.feedback-icon { width: 14px; height: 10px;} #banner { margin:0 auto; width:878px; height: 153px; position: relative; } #banner-layout { height: 142px; table-layout: fixed; } #banner-overlay { height: 153px; position: absolute; width:437px; left:0; top: 0;} #banner-image { padding:0; width: 437px; vertical-align: top;} #banner-image div { width: 437px; height: 142px; overflow: hidden;} #banner-slogan { padding:0; width: 441px; font-family: Arial; font-style: italic; font-size: 2em; font-weight: bold; padding:10px 0 32px; } #content { width:878px; overflow: hidden; margin: 20px auto 29px; zoom: 1;} #sidebar { width: 233px; float: left; } #workarea { padding-top:0px; height: 0px; width:612px; margin:0px auto;} #footer-100 { background: #ebebeb; width:100%; margin:30px 0px 0px 0px; display:block; } #footer { background: #ebebeb; width:1200px; min-height: 250px; margin:0px auto; display:block; position:relative; padding: 20px 0px 0px 0px; } #footerpoisk { width: 230px; margin:30px 0px 0px 0px; position:absolute; color:#adadad; left:0px; border: 1px solid #d7d7d7; background: #fff; font-weight: 400; font-family: 'Open Sans', sans-serif; display:block;} #search {height: 34px; border:0px; background: none; color:#fff; } .form-textbox1 { float: left; width:200px; border:0px; background: #fff; color:#000; font-weight: 400; font-family: 'Open Sans', sans-serif; color:#adadad; } .form-textbox-border1 { padding-left: 5px; height: 35px; overflow:hidden; background: none; border:0px; font-weight: 400; font-family: 'Open Sans', sans-serif; color:#adadad; } .form-textbox-border1 input { width: 185px; height: 35px; color: #fff ; font-size: 14px; background: none; border:0px; color:#adadad; } .form-button { float: left; margin-top:7px; width:18px; height:18px; background: url("/bitrix/templates/index/images/f-poisk.png"); border:0px; cursor:pointer; } .form-button input { width:20px; height:20px; margin-top:5px; background: url(/bitrix/templates/index/) ; border:0px; cursor:pointer;} #copyright { width: 240px; margin:95px 0px 0px 0px; position:absolute; left:0px; font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; display:block; } #copyright p { margin: 0;} #chetchik { width: 240px; margin:170px 0px 0px 0px; position:absolute; left:0px; font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; display:block; } #bottom-menu { min-width:40px; height:100px; float:left; text-align:left; margin:10px 0px 0px 360px; border:0px solid red; display:block; } .footer-links { width:242px; position:absolute; right:0px; text-align:left; margin:10px 0px 0px 0px; border:0px solid red; display:block;} #footer-links { margin:0; padding:0; list-style: none; text-align: left; } #footer-links li { display: inline; padding-left:;} #space-for-footer { height: 90px; } #footer-design { width:300px; position:absolute; right:25px; top: 52px; text-align: right;} #footer-design a{color:#757575; font-size:11px; text-decoration:none;} #footer-design a:hover{text-decoration:underline;} div.content-block { margin-bottom: 24px; } div.content-block-inner { padding: 22px 18px 22px 21px;} div.information-block div.top { height: 13px; border-right: 1px solid; font-size: 1px; background: #FFF url(images/sidebar-corners-form.gif) no-repeat left top; } div.information-block div.bottom { height: 13px; border-left: 1px solid; font-size: 1px; background: #FFF url(/bitrix/templates/index/images/sidebar-corners-form.gif) no-repeat right bottom; } div.information-block-inner { border-left: 1px solid; border-right: 1px solid; padding: 9px 18px 9px 21px; zoom: 1; } div.information-block div.top, div.information-block div.bottom, div.information-block-inner { border-color: #E3E3E3; } #search div.rounded-box { float: left; width:135px;} #search div.search-inner-box { border: 1px solid; padding-left: 20px; height: 20px; overflow:hidden; background: white url(/bitrix/templates/index/images/loupe.gif) no-repeat 4px 4px; } #search div.search-inner-box input { border:1px solid; width: 110px; height: 18px; padding:0; margin:0; } #search input { vertical-align: top;} #search-button { float: right; width:48px; border: 1px solid;} #search-button input::-moz-focus-inner { border: 0; padding: 0; }/*Remove button padding in FF*/ #search-button input { display: block; border: none; background: none; width:48px; padding:0; margin:0; font-family: Georgia, serif; font-size: 12px; height: 19px; cursor: pointer; cursor: hand; outline: none; } div.search-item h4 { margin-bottom: 0.4em;} dl.block-list { margin: 0; padding:0; font-size: 0.85em;} dl.block-list dt { margin: 1.5em 0 0.5em; } dl.block-list dd { margin:0; padding:0;} dl.block-list a { text-decoration: none; outline: none;} dl.block-list a:hover { text-decoration: underline;} #sidebar h3 { font-family: Verdana; font-size: 1em; font-weight: bold; padding: 0 0 1em; margin: 0 0 1em; } #left-menu { margin:0; padding:0; list-style: none; } #left-menu li { margin:0 0 0.7em; padding: 0 0 0.7em; display: block; } #left-menu a { text-decoration: none; font-size: 1em; font-weight: bold; padding: 1em 1em 1em 0; outline: none; } #left-menu li.last-item { background: none; margin-bottom: 0; padding-bottom: 0;} #left-menu li.selected a { padding-left: 1em; } #left-menu li.selected { text-indent: -1em; padding-left:1em;} /* Navigation */ div.navigation { font-size:100%; line-height:200%; } span.navigation-title { padding-right:0.65em; font-weight: bold;} div.navigation a { text-decoration:underline; padding:0.2em 0.3em;} span.nav-current-page { padding:0.2em 0.3em; } div.navigation span.arrow { font-size:100%; font-family:Times, serif; } div.navigation span.ctrl { font-size:85%; } /* Product List */ div.product-list { overflow: hidden; } div.product { overflow: hidden; width: 280px; height: 105px; margin: 0 25px 20px 0; position: relative; float: left; } div.product-alt { margin-right: 0;} div.product-image { width: 250px; height: 105px; background-repeat: no-repeat; background-position: left top; position: absolute; top:0; left: 0; } div.product-overlay { width: 280px; height: 105px; position: absolute; z-index: 1; } a.product-desc { float:right; height:62px; overflow:hidden; position:absolute; right:0; top:0px; width:142px; z-index:2; font-size: 1em; text-decoration: none; padding:13px 10px 30px 129px; } a.product-desc p { font-size: 0.85em; margin:7px 0 0;} #index-news { width:230px; height:130px; background: ; float:right; margin: 0px 0px 0px 0px; padding: 5px 2px 5px 2px; border: 0px solid red; } /* News List */ div.news-list { margin: 0; } div.news-item { margin: 0; padding: 3px 3px 3px 3px; border: 0px solid #d0d0d0; float:right; margin: 0px 0px 0px 40px; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -o-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s;} div.news-item:hover { margin: 0; padding: 3px 3px 3px 3px; border: 0px solid #4c607f; float:right; margin: 0px 0px 0px 40px; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -o-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s;} div.news-item1 { margin: 0; padding: 3px 3px 3px 3px; border: 1px solid #d0d0d0; float:right; margin: 0px 0px 0px 40px; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -o-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s;} div.news-item1:hover { margin: 0; padding: 3px 3px 3px 3px; border: 1px solid #4c607f; float:right; margin: 0px 0px 0px 40px; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -o-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s;} div.news-date { margin: 0; color:#115971; background: #fff; width:127px; height:20px; padding: 5px 2px 0px 13px; font-size: 14px; font-weight: 500; font-family: 'Roboto', sans-serif; } .zakup-date-time { margin: 0; color:#fff; background: #37475c; width:80px; height:20px; padding: 5px 2px 0px 7px; font-size: 14px; font-weight: 300; font-family: 'Roboto', sans-serif; float:left; } .zakup-item-title { margin: 2px 0px 0px 13px; color:#37475c; background:; width:460px; height:50px; padding: 0px 0px 0px 0px; font-size: 14px; font-weight: 300; font-family: 'Roboto', sans-serif; float:left; border: 0px solid #4c607f;} .raspis-name-titles { color:#37475c; padding: 0px 0px 0px 0px; width:100%; height:20px; font-size: 14px; font-weight:300; font-family: 'Roboto', sans-serif; float:left; border: 1px solid red; line-height: 22px; margin: 0px 0px 0px 0px;} div.news-title { font-size: 1em; margin: 0 0 1em; } .blok-news-titles { color:#37475c; font-size: 14px; font-weight: 300; font-family: 'Roboto', sans-serif; } a.blok-news-link-titles { color:#37475c; font-size: 14px; font-weight: 300; font-family: 'Roboto', sans-serif; text-decoration:none;} a.blok-news-link-titles:hover { color:#37475c; font-size: 14px; font-weight: 300; font-family: 'Roboto', sans-serif; text-decoration:none; border-bottom: 1px dotted #37475c; } a.blok-zakup-link-titles { color:#37475c; font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif; text-decoration:none; margin: 0px 0px 0px 0px; } a.blok-zakup-link-titles:hover { color:#37475c; font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif; text-decoration:none; border-bottom: 1px dotted #37475c; } a.news-detail-link { display: block; margin: 1em 0 0; outline: none;} /* Catalog List */ div.catalog-list, div.catalog-detail { padding: 1em 0 0;} div.catalog-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; overflow: hidden; zoom: 1;} div.catalog-detail div.catalog-item { border: none; } div.catalog-item-title { margin: 0 0 1em;} div.catalog-item-title a { font-weight: bold; } div.catalog-item-image { float: left; margin: 0 1em 1em 0; border:1px solid; padding: 4px; } div.catalog-item-price {clear: left; float:left; padding: 0.5em 1em; margin:1em 0 0; font-weight: bold; } div.catalog-item-desc { clear: left; } div.catalog-item-desc-float { } div.catalog-item-properties { clear: both; padding: 1em 0 0; overflow: hidden;} div.catalog-item-property { margin: 0 0 1em; border-bottom:1px dashed; float: left; width: 100%;} div.catalog-item-property b { float: right; position: relative; top: 0.31em; padding-left: 3px; font-style:italic; font-weight:normal; } div.catalog-item-property span { float: left; position: relative; top: 0.31em; padding-right: 3px; zoom: 1;} div.catalog-item-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; } /* Special Product */ div.special-product-title { text-align: center; margin: 0 0 1em;} div.special-product-image { text-align: center; margin: 0 0 1em;} div.special-product { text-align: center; } /* Top menu */ #horizontal-multilevel-menu, #horizontal-multilevel-menu ul { margin:0; padding:0; min-height:27px; width:100%; list-style:none; font-size:12px; float:left; background: none; } #horizontal-multilevel-menu a { display:block; padding:5px 3px; text-decoration:none; text-align:center; outline: none; } #horizontal-multilevel-menu li { float:left; } #horizontal-multilevel-menu li a.root-item { font-weight:bold; padding:8px 12px 8px; } /*Root items*/ #horizontal-multilevel-menu a.parent { background: url(/bitrix/templates/index/images/top-menu-arrow.gif) center right no-repeat; } /*Item-parents*/ #horizontal-multilevel-menu li a.root-item-selected { font-weight:bold; padding:8px 12px 8px; } /*Root menu selected*/ #horizontal-multilevel-menu li.last-item { border: none; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; top:auto; display:none; z-index:500; height:auto; width:163px; padding: 3px 11px; border:1px solid; } #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid; } /*Sub-menu item box*/ #horizontal-multilevel-menu li ul a { text-align:left; font-size: 12px;} /*Item link*/ #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 160px; } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul { display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li li:hover ul { display:block; } div.menu-clear-left { clear:left; } /*Common Elements */ div.content-form { padding-left:1em; } /********* NEW **********/ #r-news-item .news-item, #r-block div, #r-block{ margin: 0; position: static; padding: 0; height: auto; width: auto; } #r-news-item .news-item{ height: 45px; border-bottom: 0px solid #3a454e; } #r-block{ line-height: 30px !important; width: 614px; background: url(/bitrix/templates/index/images/fon-tt2.png) repeat-x; float: left; padding: 0px 0px 0px 0px; margin: 0px 1px 0px 0px; display: block !important; } #r-block div{ float: left; line-height: 35px !important; font-size: 16px; font-weight: 500; font-family: 'Arimo', sans-serif; color: #feb312; } .r-Reis{ width: 90px !important; margin-left: 10px !important; overflow:hidden !important; white-space:nowrap; font-weight: 700 !important; } .r-NumberReis{ width: 90px !important; } .r-Napravl{ width: 165px !important; height: 34px !important; line-height: 17px !important; white-space: pre-wrap; margin-right: 10px !important; /* width: 140px !important; height: 30px !important; white-space: pre-wrap; */ /* padding: 11px 0 !important; vertical-align: middle !important; line-height: 16px; display: inline-table;*/ } .r-Aviacompany{ width: 125px !important; border: 0px solid #777 !important; display: block !important; } .r-Status{ width: 150px !important; margin-right: 1px; border: 0px solid #777; display: block !important; font-weight: 700 !important; } .r-Time{ margin-left: 0px !important; display: block !important; font-weight: 700 !important; } /***********************/ .tabs-rasp { position: relative; height: 100%; clear: both; margin: 15px 0; } .tab-rasp { float: left; } .tab-rasp1-label-1 { background: ; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #000; } .tab-rasp2-label-2 { background: ; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #000; } .tab-rasp label { background: ; border: 1px solid #fff; padding: 10px 0px px 0px; margin: 0px 20px 0px 0px; position: relative; left: 1px; color: #37475c; font-size: 18px; font-weight: 300; font-family: 'Roboto' serif; } .tab-rasp [type=radio] { display: none; } .content-rasp { position: absolute; height: 120%; top: 28px; left: 0; background: ; right: 0; bottom: 0; padding: 5px 0px 0px 0px; border: 0px solid #ccc; overflow: hidden; } .content-rasp > * { opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } [type=radio]:checked ~ label { background: ; z-index: 2; } [type=radio]:checked ~ label ~ .content-rasp { z-index: 1; } .tab-rasp input:checked + label.tab-rasp1-label-1 { background: ; border-bottom: 1px dashed #777; z-index: 100; } .tab-rasp input:checked + label.tab-rasp2-label-2 { background: ; border-bottom: 1px dashed #777; z-index: 100; } [type=radio]:checked ~ label ~ .content-rasp > * { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } @media only screen and (min-width:1930px) and (max-width:2580px) { #col1 { width: 679px; height:570px; background: url(/bitrix/templates/index/images/sam.png) no-repeat right; } #block-fon { width: 100%; height:100%; background: url(/bitrix/templates/index/images/fon1.jpg) repeat-x, repeat-y; } } @media only all and (min-width: 2800px) { #col1 { width: 840px; height:570px; background: url(/bitrix/templates/index/images/sam.png) no-repeat right; } #block-fon { width: 100%; height:100%; background: url(/bitrix/templates/index/images/fon1.jpg) repeat-x, repeat-y; } } /* End */ /* /bitrix/templates/index/components/bitrix/catalog.section/shedule/style.css */ /* /bitrix/components/bitrix/system.show_message/templates/.default/style.css */ /* /bitrix/templates/index/components/bitrix/news.list/template1/style.css */ /* /bitrix/templates/index/components/bitrix/search.title/template1/style.css */ /* /bitrix/templates/index/styles.css */ /* /bitrix/templates/index/template_styles.css */