/* Start:/local/templates/landing_bitrix24_2016/css/jquery.mCustomScrollbar.css?171506925217639*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 24px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; /*-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; */ } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 45px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; /*-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;*/ text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/landing_bitrix24_2016/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 1px; background-color: #252523; display: none; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 3px; opacity: 0.5; background-color: #717171; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 1px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 5px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #717171; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #717171; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* End */ /* Start:/local/templates/landing_bitrix24_2016/css/jquery.formstyler.css?171506925210294*/ .jq-checkbox { top: -1px; width: 13px; height: 13px; border: 1px solid #C3C3C3; border-radius: 3px; background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) repeat-x; box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF; vertical-align: middle; cursor: pointer; } .jq-checkbox.checked .jq-checkbox__div { width: 9px; height: 9px; margin: 2px 0 0 2px; border-radius: 2px; background: #666; box-shadow: inset 0 -3px 6px #AAA; } .jq-checkbox.focused { border: 1px solid #08C; } .jq-checkbox.disabled { opacity: 0.55; filter: alpha(opacity=55); } .jq-radio { width: 12px; height: 12px; border: 1px solid #C3C3C3; border-radius: 50%; background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) 0 -1px repeat-x; box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF; vertical-align: middle; cursor: pointer; } .jq-radio.checked .jq-radio__div { width: 6px; height: 6px; margin: 3px 0 0 3px; border-radius: 50%; background: #666; } .jq-radio.focused { border: 1px solid #08C; } .jq-radio.disabled { opacity: 0.55; filter: alpha(opacity=55); } .jq-file { width: 270px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 4px; } .jq-file input { cursor: pointer; height: auto; line-height: 1em; } .jq-file__name { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 32px; padding: 0 80px 0 10px; color: #333; font: 14px/30px Arial, sans-serif; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1; background: #FFF; } .focused .jq-file__name { border: 1px solid #5794BF; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px/30px Arial, sans-serif; } .jq-file:hover .jq-file__browse { background-color: #E6E6E6; background-position: 0 -10px; } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.disabled .jq-file__name { color: #888; } .jq-file.disabled, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { height: 30px; padding: 0 45px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F5F5F5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px/30px Arial, sans-serif; } .jq-selectbox__select:hover { background-color: #E6E6E6; background-position: 0 -10px; } .jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #5794BF; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; border-left: 1px solid #CCC; } .jq-selectbox__trigger-arrow { position: absolute; top: 14px; right: 12px; width: 0; height: 0; overflow: hidden; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent; opacity: 0.3; filter: alpha(opacity=30); } .jq-selectbox:hover .jq-selectbox__trigger-arrow { opacity: 1; filter: alpha(opacity=100); } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { opacity: 0.3; filter: alpha(opacity=30); } .jq-selectbox__dropdown { top: 33px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid #CCC; border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,0.2); font: 14px/18px Arial, sans-serif; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; outline: none; border: 1px solid #CCC; border-radius: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; color: #231F20; } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li:hover { background-color: #08C; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { -moz-box-sizing: border-box; box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); background: #FFF; color: #333; font: 14px/18px Arial, sans-serif; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } input[type="email"].styler, input[type="number"].styler, input[type="password"].styler, input[type="search"].styler, input[type="tel"].styler, input[type="text"].styler, input[type="url"].styler, textarea.styler { padding: 7px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; font: 14px Arial, sans-serif; } input[type="search"].styler { -webkit-appearance: none; } textarea.styler { overflow: auto; } input[type="email"].styler:hover, input[type="number"].styler:hover, input[type="password"].styler:hover, input[type="search"].styler:hover, input[type="tel"].styler:hover, input[type="text"].styler:hover, input[type="url"].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type="email"].styler:focus, input[type="number"].styler:focus, input[type="password"].styler:focus, input[type="search"].styler:focus, input[type="tel"].styler:focus, input[type="text"].styler:focus, input[type="url"].styler:focus, textarea.styler:focus { border-color: #CCC; border-top-color: #B3B3B3; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); outline: none; } button.styler, input[type="button"].styler, input[type="submit"].styler, input[type="reset"].styler { overflow: visible; padding: 7px 11px; outline: none; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px Arial, sans-serif; cursor: pointer; } button.styler::-moz-focus-inner, input[type="button"].styler::-moz-focus-inner, input[type="submit"].styler::-moz-focus-inner, input[type="reset"].styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:after { content: ''; } button.styler:not([disabled]):hover, input[type="button"].styler:not([disabled]):hover, input[type="submit"].styler:not([disabled]):hover, input[type="reset"].styler:hover { background-color: #E6E6E6; background-position: 0 -10px; } button.styler:not([disabled]):active, input[type="button"].styler:not([disabled]):active, input[type="submit"].styler:not([disabled]):active, input[type="reset"].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type="button"].styler[disabled], input[type="submit"].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* End */ /* Start:/local/templates/landing_bitrix24_2016/css/fancybox/jquery.fancybox-1.3.4.css?17150692528852*/ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/local/templates/landing_bitrix24_2016/css/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/local/templates/landing_bitrix24_2016/css/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* End */ /* Start:/local/templates/landing_bitrix24_2016/css/bootstrap.css?1715069252147430*/ /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('/local/templates/landing_bitrix24_2016/css/../fonts/glyphicons-halflings-regular.eot'); src: url('/local/templates/landing_bitrix24_2016/css/../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/local/templates/landing_bitrix24_2016/css/../fonts/glyphicons-halflings-regular.woff') format('woff'), url('/local/templates/landing_bitrix24_2016/css/../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.333333px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ /* End */ /* Start:/local/templates/landing_bitrix24_2016/css/style.css?1765189104148033*/ @font-face { font-family: 'helv_roman'; src: url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-roman-webfont.eot'); src: url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-roman-webfont.woff') format('woff'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-roman-webfont.ttf') format('truetype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-roman-webfont.svg#helveticaneuecyrroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helv_bold'; src: url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-bold-webfont.eot'); src: url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-bold-webfont.woff') format('woff'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-bold-webfont.svg#helveticaneuecyrbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helv_light_italic'; src: url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-lightitalic-webfont.eot'); src: url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-lightitalic-webfont.woff') format('woff'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-lightitalic-webfont.ttf') format('truetype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-lightitalic-webfont.svg#helveticaneuecyrlight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helv_light'; src: url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-light-webfont.eot'); src: url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-light-webfont.eot?#iefix') format('embedded-opentype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-light-webfont.woff') format('woff'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-light-webfont.ttf') format('truetype'), url('/local/templates/landing_bitrix24_2016/css/../fonts/helveticaneuecyr-light-webfont.svg#helveticaneuecyrlight') format('svg'); font-weight: normal; font-style: normal; } .clear { clear: both; } .sidebars .succes_static { height: auto; font-size: 14px; } body { overflow-x: hidden; font: 16px/1.5 normal 'helv_light', Arial, Helvetica, sans-serif; color: #535252; } ul, li { margin: 0; padding: 0; } b { font-family: 'helv_bold', Arial, Helvetica, sans-serif; } /*.landing {margin: 0; padding: 0;}*/ .tariffs h3, .partners h3, .order-service h3 { text-align: center; font-size: 48px; margin: 0 0 40px; } .partners { color: #4E4E4E; } .order-service { padding-top: 40px; } .header { text-align: center; padding-top: 130px; margin-top: 70px; margin-bottom: 30px; background-image: url(/local/templates/landing_bitrix24_2016/css/../images/bg-top.png); background-position: center -50px; background-repeat: no-repeat; } .header h3, .tariffs h3 { margin: 40px 0; color: #2fc7f7; font-size: 38px; line-height: 1.5; } .header .button { margin: 15px 0; } .header .small { color: #535252; font-size: 20px; } .partners { padding: 40px 0px 20px; text-align: center; background: #efefef; } .partners img { margin-bottom: 25px; } .contacts { color: #fff; line-height: 1.5; padding-top: 34px; background: #717171; } .map { height: auto; background-image: url(/local/templates/landing_bitrix24_2016/css/../images/map_ecaterinburg.jpg); background-repeat: no-repeat; background-position: center top; } .projects { color: #0F8FE1; } .circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .world-map { height: 712px; padding-top: 92px; text-align: center; background-image: url(/local/templates/landing_bitrix24_2016/css/../images/world-map.png); background-repeat: no-repeat; background-position: center top; } .world-map img { margin: 0 auto; } .timeline { position: relative; top: 0; padding-top: 30px; } .timeline h3 { margin: 0 0 25px; font-family: 'helv_bold'; font-weight: normal; color: #535C69; } .timeline p { font-size: 20px; } .timeline img { max-width: 100%; height: auto; } .timeline .row-item { min-height: 450px; background-image: url(/local/templates/landing_bitrix24_2016/css/../images/bg-top.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; margin-top: 100px; } .timeline .line:before { position: absolute; top: -172px; bottom: 380px; left: 50%; z-index: 0; width: 2px; margin-left: -1px; content: ''; background-color: #b4ebfc; } .timeline .image { text-align: right; } .timeline .icon { text-align: center; } .timeline .icon img { display: inline-block; height: 55px; width: 54px; } .timeline .description { text-align: left; font-weight: normal; } .timeline .description p { display: inline-block; max-width: 380px; } .icon .circle { display: block; position: relative; padding-top: 40px; text-align: center; z-index: 50; width: 136px; height: 136px; left: 50%; margin-left: -68px; background-color: #fff; box-shadow: 0 0 0 3px #2fc7f7, 0 0 0 10px #fff; } .block-circle, .cloud1, .cloud2, .cloud3, .circle1 { position: absolute; } .cloud1, .cloud2, .cloud3 { background-image: url(/local/templates/landing_bitrix24_2016/css/../images/icon-pack.png); background-repeat: no-repeat; } .block-circle { z-index: 0; left: 50%; background-color: #fff; box-shadow: 0 0 0 2px #2fc7f7, 0 0 0 10px #fff; } .cloud1 { height: 120px; width: 193px; background-position: 0 -55px; } .cloud2 { height: 82px; width: 129px; background-position: -374px -55px; } .cloud3 { height: 110px; width: 176px; background-position: -196px -55px; } .circle1 { height: 285px; width: 285px; border: solid 2px #f2ffbd; } .button { background-color: #acd04a; border: solid 1px; border-color: #b4e060 #92bd40 #6e971d; border-radius: 8px; background-image: -webkit-linear-gradient(bottom, #97bf23, #acd04a) !important; background-image: -moz-linear-gradient(bottom, #97bf23, #acd04a) !important; background-image: -ms-linear-gradient(bottom, #97bf23, #acd04a) !important; background-image: -o-linear-gradient(bottom, #97bf23, #acd04a) !important; background-image: linear-gradient(bottom, #97bf23, #acd04a) !important; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); /*-webkit-font-smoothing: antialiased;*/ padding: 10px 18px; font-weight: bold; font-size: 18px; outline: none; cursor: hand; } a.button { display: inline-block; } a.button, a.button:hover, a.button:visited, a.button:active, a.button:focus { color: #fff; text-decoration: none; } a.button:hover { background-image: -webkit-linear-gradient(bottom, #aed724, #c2e64c) !important; background-image: -moz-linear-gradient(bottom, #aed724, #c2e64c) !important; background-image: -ms-linear-gradient(bottom, #aed724, #c2e64c) !important; background-image: -o-linear-gradient(bottom, #aed724, #c2e64c) !important; background-image: linear-gradient(bottom, #aed724, #c2e64c) !important; } a.button:active { background-image: -webkit-linear-gradient(bottom, #c2e64c, #aed724) !important; background-image: -moz-linear-gradient(bottom, #c2e64c, #aed724) !important; background-image: -ms-linear-gradient(bottom, #c2e64c, #aed724) !important; background-image: -o-linear-gradient(bottom, #c2e64c, #aed724) !important; background-image: linear-gradient(bottom, #c2e64c, #aed724) !important; } .tariffs table { font-size: 14px; margin: 0 auto; width: 80%; font-family: helv_roman; font-weight: normal; } .tariffs table td, .tariffs table th { padding: 15px; text-align: center; } .tariffs table th { font-weight: normal; text-align: left; } .tariffs table a.button { font-size: 14px; padding: 5px 15px; margin: 0; width: 100%; border-radius: 5px; } .tariffs thead, .tariffs b { font-family: helv_bold; font-weight: normal; font-size: 16px; } .tariffs .price { color: #2FC7F7; font-family: helv_roman; font-weight: normal; } .tariffs .plus, .tariffs .minus { display: inline-block; background-image: url(/local/templates/landing_bitrix24_2016/css/../images/icon-pack.png); background-repeat: no-repeat; height: 30px; width: 30px; } .tariffs .plus { background-position: -505px -56px; } .tariffs .minus { background-position: -505px -88px; } /* Header -----------------------------------------------------------------------------*/ .top-menu { height: 70px; min-width: 300px; position: relative; top: 0px; z-index: 100; width: 100%; background-color:#222222; } .top-menu.header_bottom { /*background: #0c150c;*/ background-color: rgba(12, 21, 12, 0.5); transition: background 0.5s ease-out 0s; } /*.top-menu, .top-menu:hover, .top-menu.header_top:hover {background-color: rgba(12,21,12,0.5); transition: background 0s ease-out 0s;}*/ /*.top-menu.header_top { background: none;transition: background 0.5s ease-out 0s;}*/ .top-menu .logo { float: left; margin-left: 3.4%; } .top-menu .logo a { display: block; width: 130px; height: 70px; background: url(/local/templates/landing_bitrix24_2016/css/../images/logo_black.svg) center center no-repeat; background-size: auto 61px; } .top-menu .menu { font-family: 'helv_bold', Arial, Helvetica, sans-serif; margin: 0 150px 0 130px; /*height: 70px;*/ position: relative; text-align: center; } .top-menu .menu ul.mein_level { height: 70px; display: inline-block; } .top-menu .menu ul.mein_level li { float: left; height: 70px; display: block; } .top-menu .menu ul.mein_level li .sub { display: none; position: absolute; top: 61px; } .top-menu.header_top .menu ul.mein_level li .sub { background: none; transition: background 0.5s ease-out 0s; } .top-menu.header_bottom .menu ul.mein_level li .sub, .top-menu:hover .menu ul.mein_level li .sub, .top-menu.header_top:hover .menu ul.mein_level li .sub { transition: background 0.5s ease-out 0s; } .top-menu .menu ul.mein_level li.parent { background: url(/local/templates/landing_bitrix24_2016/css/../images/selected_menu_item.png) 20px 48% no-repeat; } .top-menu .menu ul.mein_level li:hover .sub { display: block; } .top-menu .menu ul.mein_level li .sub li { background-color: rgba(12, 21, 12, 0.55); display: block; float: none; text-transform: none; margin: 0px; padding: 0 25px; height: auto; line-height: 18px; text-align: left; } .top-menu .menu ul.mein_level li .sub li a { margin: 0px; padding: 0 0 12px; height: auto; line-height: 18px; font-weight: normal; font-size: 13px; } .top-menu .menu ul.mein_level li .sub li:first-child { margin-top: 9px; padding-top: 20px; } .top-menu .menu ul.mein_level li + li a { margin-left: 22px; } .top-menu .menu ul.mein_level li.parent a { margin-left: 34px; } .top-menu .menu ul.mein_level li.phones_drop { margin-left: 19px; /*background: url(/local/templates/landing_bitrix24_2016/css/../images/selected_menu_item.png) 100% 48% no-repeat;*/ background: none; font-family: 'helv_roman', Arial, Helvetica, sans-serif; color: #FFFFFF; } .top-menu .menu ul.mein_level li.phones_drop a { margin-left: -4px; margin-right: 10px; font-size: 17px; color: #FFFFFF; font-family: 'helv_roman', Arial, Helvetica, sans-serif; } .top-menu .menu ul.mein_level li.phones_drop a span { border-bottom: 1px dashed #666c66; } .top-menu .menu ul.mein_level li.phones_drop .sub li { margin-bottom: 18px; } .top-menu .menu ul.mein_level li.phones_drop .sub a { font-size: 11px; color: #FFFFFF; margin-bottom: 6px; } .top-menu .menu ul.mein_level li.phones_drop .sub a.grey_text { color: #8d8d8d; } .top-menu .menu ul.mein_level li.phones_drop .sub span { font-size: 17px; color: #FFFFFF; font-family: 'helv_roman', Arial, Helvetica, sans-serif; } .top-menu .menu ul.mein_level li.phones_drop .sub span.dashed { border-bottom: 1px dashed #666c66; } .top-menu .menu ul.mein_level li a { height: 70px; display: block; line-height: 70px; color: #ffffff; text-decoration: none; font-size: 13px; position: relative; } /*.menu li.selected a:after { content: ""; display: block; position: absolute; width: 100%; height: 12px; background: url(/local/templates/landing_bitrix24_2016/css/../images/menu_selected.png) bottom center no-repeat; pointer-events: none; z-index: 1300;} */ .top-menu .menu > ul li.selected > a { color: #999999; } .top-menu .buttons { float: right; padding: 16px 18px 16px 18px; /* height: 30px;*/ } .top-menu .buttons .menu_pop_swich { display: none; background: url(/local/templates/landing_bitrix24_2016/css/../images/menu_button_bg.png) center center no-repeat; width: 35px; height: 35px; border: 2px solid #FFF; border-radius: 50%; line-height: 33px; cursor: pointer; } .top-menu .buttons .phone_pop_swich { display: none; background: url(/local/templates/landing_bitrix24_2016/css/../images/phone_button_bg.png) center center no-repeat; width: 35px; height: 35px; border: 2px solid #FFF; border-radius: 50%; line-height: 33px; cursor: pointer; } .top-menu .buttons .form_pop_swich2 { display: none; background: url(/local/templates/landing_bitrix24_2016/css/../images/mail_button_bg.png) center center no-repeat; width: 35px; height: 35px; border: 2px solid #FFF; border-radius: 50%; line-height: 33px; cursor: pointer; } .top-menu .buttons .form_pop_swich{ padding:0px 14px;height:37px; border-radius:19px;display:inline-block; line-height:37px;cursor:pointer;font-size:11px;font-weight:bold;font-family:'helv_bold', Arial, Helvetica, sans-serif;color:#ffffff;text-transform:uppercase; background: #0bb8d8; background: -moz-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); background: -webkit-linear-gradient(left, #0bb8d8 0%,#0ccdd9 100%); background: linear-gradient(to right, #0bb8d8 0%,#0ccdd9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bb8d8', endColorstr='#0ccdd9',GradientType=1 ); } .top-menu .buttons .form_pop_swich:hover { background: #0ccdd9; background: -moz-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); background: -webkit-linear-gradient(left, #0ccdd9 0%,#0bb8d8 100%); background: linear-gradient(to right, #0ccdd9 0%,#0bb8d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccdd9', endColorstr='#0bb8d8',GradientType=1 ); } .top-menu .buttons .form_pop_swich:active { box-shadow: inset 2px 2px 3px 3px rgba(0,0,0,.5); } .sidebar { display: none; width: 370px; box-sizing: border-box; padding: 70px 24px 24px; position: fixed; right: -100%; top: 0px; height: 100%; bottom: 0px; z-index: 1300; background: url(/local/templates/landing_bitrix24_2016/css/../images/sidebar_bg.png) repeat; color: #FFFFFF; } .sidebar.side_menu { padding: 110px 24px 24px; width: 100%; box-sizing: border-box; } .sidebar.side_person { padding: 110px 24px 24px; width: 100%; box-sizing: border-box; } .sidebar .close { background: url(/local/templates/landing_bitrix24_2016/css/../images/close_sidebar.png) center center no-repeat; width: 25px; height: 25px; border: 2px solid #FFF; border-radius: 50%; display: inline-block; line-height: 25px; position: absolute; top: 24px; right: 24px; cursor: pointer; } .modal_menu, .side_cont { height: 100%; overflow-y: auto; max-width: 700px; margin: 0 auto; } .modal_menu .s_title a { color: #FFFFFF; font-family: 'helv_bold', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; text-decoration: none; } .modal_menu .sublevel { margin: 12px 0px 24px; } .modal_menu .sublevel li { width: 29%; margin-right: 3%; display: inline-block; box-sizing: border-box; } .modal_menu .sublevel a { color: #FFFFFF; font-size: 13px; text-decoration: none; } .side_form .sidebar_title { color: #FFFFFF; font-family: 'helv_light', Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; padding: 44px 3px 25px; } .side_menu .sidebar_title { color: #FFFFFF; font-family: 'helv_light', Arial, Helvetica, sans-serif; font-size: 22px; line-height: 22px; position: absolute; top: 35px; left: 24px; text-transform: uppercase; } .side_phone h3 { color: #FFFFFF; font-family: 'helv_light', Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; padding: 44px 3px 10px; text-align: center; } .side_person h3 { color: #FFFFFF; font-family: 'helv_light', Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; padding: 0px 0px 30px; text-align: center; } .side_phone .sub_title { text-align: center; font-size: 14px; color: #FFFFFF; font-family: 'helv_roman', Arial, Helvetica, sans-serif; margin-bottom: 28px; } .side_phone .big_phone { text-align: center; color: #FFFFFF; font-family: 'helv_bold', Arial, Helvetica, sans-serif; font-size: 36px; line-height: 48px; } .content { /*padding-top: 70px;*/ } .form_item { margin: 1% 2% 2%; position: relative; } .form_item.error:before { content: "*"; position: absolute; color: #47a0e5; font-size: 18px; top: 5px; left: 7px; line-height: 18px; } .form_item.error .error_mess { bottom: -54px; display: block; position: absolute; z-index: 100; height: 50px; line-height: 40px; color: #FFFFFF; font-size: 1.1667em; width: 100%; margin: 0px; box-sizing: border-box; padding: 5px 18px 5px; border: 1px solid #47a0e5; background: #47a0e5; } /*.form_item.error:hover .error_mess { display: block; } */ .form_item.error .error_mess:before { content: ""; display: block; position: absolute; top: -9px; height: 9px; width: 18px; background: url(/local/templates/landing_bitrix24_2016/css/../images/tooltip.png) top left no-repeat; } .form_item input, .form_item textarea, .form_item select, .form_item .jq-file__name { color: #717171; /*font-size: 1.1667em; line-height: 1em;*/ width: 100%; margin: 0px; box-sizing: border-box; padding: 5px 18px 5px; border: 1px solid #efefef; background: #efefef; font-family: 'helv_roman', Arial, Helvetica, sans-serif; } .form_item textarea { padding: 20px 18px; resize: none; } .form_item input, .form_item select, .form_item .jq-file__name, .form_item .jq-file .jq-file__name { height: 50px; line-height: 40px; } .form_item .jq-file { width: 100%; border-radius: 0px; box-shadow: none; } .form_item .jq-file .jq-file__name { padding: 5px 50px 5px 18px; border-radius: 0px; box-shadow: none; box-sizing: border-box; } .form_item .jq-file .jq-file__browse { padding: 20px 20px 18px 20px; border-radius: 0px; box-shadow: none; height: auto; line-height: 1em; background: url(/local/templates/landing_bitrix24_2016/css/../images/attach_file.jpg) center center no-repeat; border: none; } .form_item.half { width: 46%; float: left; } .form_item input[type="submit"] { font-size: 18px; background: #47a0e5; border: 1px solid #47a0e5; color: #FFFFFF; font-family: 'helv_bold', Arial, Helvetica, sans-serif; cursor: pointer; } .social_panel { position: relative; width: 48px; border: 2px solid #FFFFFF; border-radius: 26px; } .social_panel.blue { border: 2px solid #1c96d5; } .social_panel .swich { position: relative; height: 48px; background: url(/local/templates/landing_bitrix24_2016/css/../images/social_panel_sprite.png) 6px 9px no-repeat; } .social_panel .swich.used { background: url(/local/templates/landing_bitrix24_2016/css/../images/social_panel_close.png) center center no-repeat; } .social_panel.blue .swich { background: url(/local/templates/landing_bitrix24_2016/css/../images/social_panel_sprite_blue.png) 6px 9px no-repeat; } .social_panel .social_links { width: 48px; display: none; padding: 8px 0px; } .social_panel .social_links a { width: 48px; display: block; height: 42px; background: url(/local/templates/landing_bitrix24_2016/css/../images/social_panel_sprite.png) no-repeat; } .social_panel.blue .social_links a { width: 48px; display: block; height: 42px; background: url(/local/templates/landing_bitrix24_2016/css/../images/social_panel_sprite_blue.png) no-repeat; } .social_panel .social_links a.face { background-position: 8px -40px; } .social_panel .social_links a.twitt { background-position: 8px -84px; } .social_panel .social_links a.vkont { background-position: 8px -128px; } .social_panel .social_links a.google { background-position: 8px -175px; } .social_panel .social_links a.inst { background-position: 8px -224px; } .portfolio_item_head { height: 500px; padding: 40px 0px 30px; color: #FFFFFF; } .portfolio_item_head.no_bg { height: auto; padding: 40px 0px 30px; color: #000000; } .portfolio_item_head .Left_part { padding-right: 90px; } .portfolio_item_head .social_panel_wrapper { float: right; margin-right: 20px; } .portfolio_item_head h1 { margin-bottom: 14px; } .portfolio_item_head .description { font-size: 1.5em; font-family: 'helv_roman', Helvetica, Arial, sans-serif; font-weight: lighter; line-height: 1.333em; margin-bottom: 18px; } .portfolio_item_head .date { font-size: 1.333em; } .bottom_line { background-color: rgba(255, 255, 255, 0.5); text-align: center; margin-top: -165px; padding: 10px 0 0; position: relative; } .bottom_line img { max-height: 85px; max-width: 100%; } .bottom_line .date { bottom: 8px; left: 0; margin: auto; max-width: 500px; right: 0; font-size: 14px; } .bottom_line .text { padding-bottom: 10px; font-size: 18px; } #slider .item { min-height: 500px; position: relative; } #slider .slider_bottom_line { background-color: rgba(255, 255, 255, 0.5); bottom: 0; margin: auto; position: relative; text-align: center; top: 371px; padding: 10px 0 45px; } #slider .item img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } #slider .item .slider_bottom_line img { max-height: 70px; } #slider .description { bottom: 8px; left: 0; margin: auto; max-width: 500px; font-size: 18px; right: 0; } #slider .top_div { min-height: 74px; position: relative; } .person_image { border-radius: 50%; border: 3px solid #FFFFFF; display: block; display: inline-block; float: left; margin-left: 16px; } .grey .person_image { border: 3px solid #efefef; } .person_image:hover { border: 3px solid #47a0e5; } .made_by { padding: 16px 0px; text-align: center; } .made_by h3 { /* float: left; */ margin-bottom: 23px; text-align: center; } .made_by .person_image { margin: 0px 10px; float: none; } .person_image img { /*border: 3px solid #FFFFFF;*/ display: block; } .grey .person_image img { /*border: 3px solid #efefef;*/ max-width: 66px; max-height: 66px; } .person_image a { border: 3px solid #ffffff; border-radius: 50%; display: block; height: 60px; width: 60px; overflow: hidden; vertical-align: middle; position: relative; } .grey .person_image a { border: 3px solid #efefef; } .persons .item { width: 30%; float: left; margin-left: 3.3%; margin-bottom: 2%; min-height: 90px; } .persons .item.one_person { width: 100% !important; float: none; margin-left: 0; margin-bottom: 30px; padding: 30px 0; border-bottom: 1px solid #FFFFFF; } .persons .item.one_person .person_image { border: none; } .persons .item.one_person .person_image img { border: none; } .persons .item.first { clear: both; } .persons .item .l_part { width: 23%; float: left; min-width: 80px; position: relative; } .for_person .l_part { min-height: 163px; border-radius: 50%; overflow: hidden; } .persons .item .r_part { float: left; padding-left: 5%; padding-top: 2%; font-size: 1.1667em; line-height: 1.6em; } .persons .item.one_person .r_part { float: left; padding-left: 5%; padding-top: 5%; font-size: 1.1667em; line-height: 1.6em; } .persons .item .r_part .work { font-weight: lighter; max-width: 244px; } .persons .item .r_part .person_work { max-width: 150px; } .persons .item .r_part .exp { font-weight: lighter; } .persons .item .r_part .name { margin-bottom: 3%; } .persons .item .r_part .name a { font-weight: bold; font-family: 'helv_bold', Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; } .persons .item .r_part .name a:hover { color: #47a0e5; } .persons .item.one_person .r_part .name { color: #47a0e5; } .persons .person_image { box-sizing: border-box; margin-left: 0px; width: 72px; height: 72px; overflow: hidden; } .persons .person_image img { width: 100%; box-sizing: border-box; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .three_cols .col { float: left; width: 30%; } .three_cols .col + .col { margin-left: 5%; } .prototipe { background: url(/local/templates/landing_bitrix24_2016/css/../images/header_blue_bg.jpg) top left repeat; } .prototipe h2 { margin-bottom: 0px; color: #FFFFFF; } .prototipe h2 .border { border-bottom: 1px dashed #FFFFFF; } .prototipe h2 .prototipe_ico { background: url(/local/templates/landing_bitrix24_2016/css/../images/prototipe_ico.png) right center no-repeat; } .button.large { font-size: 1.333em; padding: 14px 24px 12px; line-height: 1em; } .next_project .padding { background: url(/local/templates/landing_bitrix24_2016/css/../images/portfolio_item_hover_bg.png) repeat; color: #FFFFFF; padding: 52px 0px; } .next_project a { color: #FFFFFF; text-decoration: none; } .next_project .padding .section_sub_title { color: #FFFFFF; margin-bottom: 10px; } .next_project .padding h2 { margin-bottom: 0px; padding: 10px 0px; } .services.no_bg_inline { text-align: center; } .services.no_bg_inline .level_2 { background: none; display: inline-block; } .services.no_bg_inline .level_2 .item { width: auto; } .services.no_bg_inline .level_2 .item .title { padding-top: 16px; } .services.no_bg_inline .level_2 .item .title.short { padding-top: 26px; } .bitrixslide .left_part { width: 42%; max-width: 423px; float: left; } .bitrixslide .right_part { padding-left: 42%; color: #FFFFFF; padding-top: 128px; } .bitrixslide .right_part .subtitle { margin-bottom: 18px; font-size: 1.5em; } .bitrixslide .right_part h3 { text-shadow: 0px 2px 8px rgba(113, 113, 113, 0.7); } table.styled { margin-bottom: 18px; } table.styled th { padding: 15px 24px 15px 24px; border-bottom: 2px solid #cccccc; font-family: 'helv_bold', Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; } table.styled td { padding: 15px 24px 15px 24px; border-bottom: 1px solid #e5e5e5; } .with_portfolio .level_2.sub_row.active { display: block; } .services.with_portfolio .level_1 .row .item { float: left; width: 30.3%; margin: 0 1.5%; } .services.with_portfolio .item.selected:after { /*margin-left: 12%;*/ } .services.with_portfolio .row { position: relative; width: 80%; margin: 0 auto; padding: 30px 0px 5px 0px; } .services.with_portfolio .row .clear { display: block; } .services.with_portfolio .level_1 { padding: 0px; margin: 0px; width: auto; max-width: none; } .services.with_portfolio .level_2.main { display: none; } .services.with_portfolio .level_1 .item .left_part { float: left; width: 100%; } .services.with_portfolio .level_1 .item .right_part { padding-left: 36%; } .services.with_portfolio .level_1 .item .right_part .title { padding: 0; text-align: left; margin-bottom: 8px; } .services.with_portfolio .level_1 .item .left_part img { display: block; margin: 0 auto; max-width: 100%; } .maps { position: relative; height: 430px; z-index: 1; } .maps .map iframe { position: absolute; z-index: 1; } .maps .switch { z-index: 100; width: 260px; position: absolute; top: 30px; left: 50%; margin-left: -130px; overflow: hidden; border-radius: 30px; font-family: 'helv_bold', Arial, Helvetica, sans-serif; } .maps .switch.bottom { bottom: 30px; top: auto; } .maps .switch li { width: 50%; float: left; text-align: center; background: #47a0e5; color: #FFFFFF; height: 30px; line-height: 30px; } .maps .switch li a { color: #FFFFFF; text-decoration: none; font-size: 14px; } .maps .switch li.selected { background: #FFFFFF; color: #47a0e5; } .maps .switch li.selected a { color: #47a0e5; } .contacts .col { width: 30%; margin-right: 3.3%; float: left; font-size: 1.1667em; } a.with_border { display: inline-block; padding: 22px; border: 3px solid #0f8fe1; border-radius: 2px; } /* Footer -----------------------------------------------------------------------------*/ .footer { /*margin: -580px auto 0; height: 580px; */ min-width: 300px; width: 100%; background: #717171; position: relative; color: #ffffff; font-size: 14px; line-height: 1.5em; overflow: hidden; } .footer a { color: #ffffff; text-decoration: none; } .footer a:hover { text-decoration: underline; } .footer { padding-top: 34px; } .footer .search_talents { margin-top: -15px; display: inline-block; padding: 22px; border: 3px solid #0f8fe1; border-radius: 2px; text-decoration: none !important; } .footer .social_icons { margin: 16px 0px; } .footer .social_icons li { display: inline-block; width: 24px; } .footer .social_icons li + li { margin-left: 18px; } .footer .bitrix_gold { font-size: 0.6428571428571429em; padding-left: 35px; background: url(/local/templates/landing_bitrix24_2016/css/../images/bitrix_gold_ico.png) left center no-repeat; display: block; line-height: 1.555555555555556em; text-decoration: none !important; } .footer ul { list-style-type: disc; margin-left: 14px; color: #0f8fe1; margin-top: 10px; } .footer ul a { color: #ffffff; font-size: 0.93em; text-decoration: none; } /*.footer .col_1 .addr{ padding-left: 48px; }*/ .footer .mail_to { padding-left: 30px; background: url(/local/templates/landing_bitrix24_2016/css/../images/mail_ico.png) left top no-repeat; } .footer .map_switch { color: #47a0e5; font-size: 1.333em; text-decoration: none; /*display: inline-block;*/ border-bottom: 1px dashed #47a0e5; padding-bottom: 2px; margin-bottom: 4px; } .footer .map_switch:hover { text-decoration: none; } .footer .map .map_wrapp { height: 340px; position: relative; } /**/ .footer .map .map_wrapp .switch { width: 260px; position: absolute; top: 80px; left: 50%; margin-left: -130px; overflow: hidden; border-radius: 30px; font-family: 'helv_bold', Arial, Helvetica, sans-serif; } /**/ .footer .map .map_wrapp .switch li { width: 50%; float: left; text-align: center; background: #47a0e5; color: #FFFFFF; height: 30px; line-height: 30px; } /**/ .footer .map .map_wrapp .switch li a { color: #FFFFFF; text-decoration: none; } /**/ .footer .map .map_wrapp .switch li.selected { background: #FFFFFF; color: #47a0e5; } /**/ .footer .map .map_wrapp .switch li.selected a { color: #47a0e5; } /**/ .footer .row > div { margin-bottom: 15px; } .footer .map_switch_wrapp > div { margin: 0; } ::-webkit-input-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; color: #717171; } input:-ms-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } input::-ms-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } textarea:-ms-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } textarea::-ms-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } ::-ms-input-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } :-ms-input-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } input::-webkit-input-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } input:-moz-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } input::-moz-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } textarea::-webkit-input-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } textarea:-moz-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } textarea::-moz-placeholder { font-family: 'helv_roman', Helvetica, Arial, sans-serif; } #goggle_maps { height: 430px; } .next_portfolio { text-align: center; margin: 40px 0 60px; } .services h4 { font-size: 18px; } .resize_img { max-width: 100%; } .b-share-btn__facebook { background-position: 4px -40px !important; } .b-share-btn__facebook span, .b-share-btn__vkontakte span, .b-share-btn__twitter span, .b-share-btn__gplus span { background: none; } .b-share-btn__vkontakte { background-position: 4px -128px !important; } .b-share-btn__twitter { background-position: 4px -84px !important; } .b-share-btn__gplus { background-position: 4px -175px !important; } .white_background { background: none!important; } #bx-composite-banner { padding-left: 48px; } .page-vnedrenie_bitrix24 .container { position: relative; } .page-vnedrenie_bitrix24 ul { position: relative; list-style: none; font-size: 21px; line-height: 1.5; padding-left: 30px; text-align: left; } .page-vnedrenie_bitrix24 ul ul { padding: 0; } .page-vnedrenie_bitrix24 h3 { font-size: 43px; margin-top: 0; margin-bottom: 48px; line-height: 1.5; color: #2fc7f7; text-align: center; } .page-vnedrenie_bitrix24 li { display: list-item; margin-bottom: 15px; } .page-vnedrenie_bitrix24 li:before { margin-left: -30px; margin-right: 8px; content: "—"; display: inline-block; } .page-vnedrenie_bitrix24 li li:before { margin-left: -15px; content: "∙"; } .page-vnedrenie_bitrix24 .block1, .page-vnedrenie_bitrix24 .block3 { background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/bg-top.png") top center no-repeat; } .page-vnedrenie_bitrix24 .block5, .page-vnedrenie_bitrix24 .block8 { background-size: 100% auto; } .page-vnedrenie_bitrix24 .block1, .page-vnedrenie_bitrix24 .block2, .page-vnedrenie_bitrix24 .block3 { text-align: center; } .page-vnedrenie_bitrix24 .block1 { /*margin-top: 70px;*/ padding-top: 225px; background-position: center -50px; } .page-vnedrenie_bitrix24 .block1 h3 img { display: inline-block; margin-top: -30px; margin-right: -15px; } .page-vnedrenie_bitrix24 .block2 { margin-top: 85px; text-align: center; } .page-vnedrenie_bitrix24 .block2 .circle { margin-bottom: 45px; } .page-vnedrenie_bitrix24 .block2 .description { font-size: 21px; } .page-vnedrenie_bitrix24 .block2 .button { margin-top: 85px; } .page-vnedrenie_bitrix24 .block2 .icon .circle { display: inline-block; padding-top: 40px; text-align: center; width: 136px; height: 136px; left: 0; margin: 0 0 45px 0; border: 3px solid #2fc7f7; box-shadow: none; } .page-vnedrenie_bitrix24 .block3 { padding-top: 225px; } .page-vnedrenie_bitrix24 .block3 h3 { margin-top: 45px; margin-bottom: 150px; } .page-vnedrenie_bitrix24 .block4 { position: relative; background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/monitor.png") top center no-repeat; height: 829px; padding-top: 100px; margin-bottom: 176px; text-align: center; } .page-vnedrenie_bitrix24 .block4 .icon { margin-bottom: 50px; } .page-vnedrenie_bitrix24 .block4 ul, .page-vnedrenie_bitrix24 .block4 li { text-align: left; position: relative; } .page-vnedrenie_bitrix24 .block4 ul { display: inline-block; } .page-vnedrenie_bitrix24 .block4 .button { margin-top: 20px; } .page-vnedrenie_bitrix24 .block5 { position: relative; padding-top: 95px; padding-bottom: 42px; background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/bg1.png") top center no-repeat #2fc7f7; background-size: cover; color: #fff; text-align: center; } .page-vnedrenie_bitrix24 .block5 a { display: inline-block; position: absolute; bottom: 0; right: 160px; border: 3px solid #fff; border-radius: 10px; padding: 10px 20px; font-family: 'helv_bold', Arial, Helvetica; font-size: 21px; cursor: hand; } .page-vnedrenie_bitrix24 .block5 a, .page-vnedrenie_bitrix24 .block5 a:hover, .page-vnedrenie_bitrix24 .block5 a:visited, .page-vnedrenie_bitrix24 .block5 a:active { color: #fff; text-decoration: none; } .page-vnedrenie_bitrix24 .block5 .badge { height: 168px; width: 116px; position: absolute; right: 0; bottom: -42px; background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/pens.png") no-repeat; } .page-vnedrenie_bitrix24 .block5 h3, .page-vnedrenie_bitrix24 .block6 h3, .page-vnedrenie_bitrix24 .block8 h3 { color: #fff; } .page-vnedrenie_bitrix24 .block6, .page-vnedrenie_bitrix24 .block7, .page-vnedrenie_bitrix24 .block8 { position: relative; } .page-vnedrenie_bitrix24 .block6 { color: #fff; background: #b0d055; position: relative; padding-top: 90px; padding-bottom: 120px; z-index: 50; } .page-vnedrenie_bitrix24 .block6:after { height: 135px; width: 109px; background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/flag.png") no-repeat; position: absolute; bottom: -135px; left: 50%; margin-left: -55px; } .page-vnedrenie_bitrix24 .block7 { background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/bg2.png") top center no-repeat; height: 1000px; padding-top: 217px; z-index: 40; } .page-vnedrenie_bitrix24 .block8 { padding-top: 90px; padding-bottom: 165px; background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/bg3.png") top center no-repeat #2fc7f7; /*background-size: cover;*/ color: #fff; z-index: 30; } .page-vnedrenie_bitrix24 .block8 h3 { margin-bottom: 30px; } .page-vnedrenie_bitrix24 .block8 .subtext { text-align: center; font-family: 'helv_light_italic', Helvetica, Arial, sans-serif; font-size: 21px; margin-bottom: 70px; } .page-vnedrenie_bitrix24 .block8 .badge { height: 206px; width: 108px; position: absolute; right: 100px; bottom: -165px; background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/tools.png") no-repeat; } @media (min-width: 1200px) { .page-vnedrenie_bitrix24 .container { width: 1000px; } } @media screen and (max-width: 1200px) { .page-vnedrenie_bitrix24 .block1, .page-vnedrenie_bitrix24 .block3 { background-size: 100% auto; text-align: center; } .page-vnedrenie_bitrix24 .block1 { background-position: center -20px; } } @media screen and (max-width: 992px) { .page-vnedrenie_bitrix24 .block2 .description { font-size: 18px; } .page-vnedrenie_bitrix24 .block3 { padding-top: 160px; } .page-vnedrenie_bitrix24 .block4 { margin-bottom: 75px; height: auto; background: url("http://ipgpromo.ru/local/templates/landing_bitrix24/images/bg-top.png") top center no-repeat; background-size: 100% auto; padding-top: 160px; } .page-vnedrenie_bitrix24 .block5 { background-image: none; } .page-vnedrenie_bitrix24 .block5 a { position: relative; bottom: 0; right: 0; margin-top: 30px; } .page-vnedrenie_bitrix24 .block7 { background-image: none; background: #f4f4f4; height: auto; padding-bottom: 65px; } .page-vnedrenie_bitrix24 .block8 { background-image: none; margin-top: -40px; padding-bottom: 75px; } .page-vnedrenie_bitrix24 .block8 .subtext { margin-bottom: 40px; } } @media screen and (max-width: 768px) { .page-vnedrenie_bitrix24 .block1 h3, .page-vnedrenie_bitrix24 .block3 h3, .page-vnedrenie_bitrix24 .block4 h3, .page-vnedrenie_bitrix24 .block5 h3, .page-vnedrenie_bitrix24 .block6 h3, .page-vnedrenie_bitrix24 .block7 h3, .page-vnedrenie_bitrix24 .block8 h3 { font-size: 28px; } .page-vnedrenie_bitrix24 .block1 { padding-top: 160px; } .page-vnedrenie_bitrix24 .block1 h3 img { margin-top: -20px; margin-right: -10px; width: auto; height: 50px; } .page-vnedrenie_bitrix24 .block2 { padding-bottom: 50px; } .page-vnedrenie_bitrix24 .block2 .circle { float: left; margin: 0 20px 65px 0 !important; } .page-vnedrenie_bitrix24 .block2 .description { text-align: left; } .page-vnedrenie_bitrix24 .block2 .button { margin: 0; } .page-vnedrenie_bitrix24 .block3 { padding-top: 120px; margin-bottom: 50px; } .page-vnedrenie_bitrix24 .block3 h3 { margin-bottom: 0; } .page-vnedrenie_bitrix24 .block4 { padding-top: 120px; } .page-vnedrenie_bitrix24 .block5 { padding: 65px 0 70px 0; } .page-vnedrenie_bitrix24 .block6 { padding: 50px 0; } .page-vnedrenie_bitrix24 .block7 { margin: 0 15px; padding-top: 190px; padding-bottom: 55px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); } } @media screen and (max-width: 600px) { .page-vnedrenie_bitrix24 .block2 .icon .circle { height: 100px; width: 100px; padding-top: 20px; } .page-vnedrenie_bitrix24 .block2 .description { font-size: 16px; } } .page-analitycs { padding-top: 70px; background-color: #6abde3; color: #161616; } .page-analitycs h1 { margin-bottom: 30px; font-size: 90px; letter-spacing: 19px; text-transform: uppercase; } .page-analitycs h2, .page-analitycs .h2 { text-align: center; text-transform: uppercase; font-size: 60px; letter-spacing: 19px; line-height: 88px; color: #fff; margin-bottom: 35px; } .page-analitycs .padding-top-53 { padding-top: 53px; } .page-analitycs .text-center { text-align: center; } .page-analitycs .text-white { color: #ffffff; } .page-analitycs .el-1 { display: inline-block; margin: 48px 0 21px; padding: 9px 13px 7px; background: #59b6d8; border: 1px solid #58b3d0; border-radius: 2px; font-size: 20px; text-transform: uppercase; letter-spacing: 0.01em; } .page-analitycs .el-2 { margin-bottom: 105px; font-size: 31px; } .page-analitycs .el-3 { font-size: 56px; margin-bottom: 24px; line-height: 72px; } .page-analitycs .el-4 { margin-bottom: 77px; padding-left: 7px; font-size: 20px; line-height: 29px; } .page-analitycs .el-5 { font-size: 55px; margin-bottom: 20px; } .page-analitycs .block-1 { margin-bottom: 107px; padding-top: 40px; padding-bottom: 71px; background: #d9f0f7; border-radius: 10px; -webkit-box-shadow: 0px 50px 100px -50px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 50px 100px -50px rgba(0, 0, 0, 0.75); box-shadow: 0px 50px 100px -50px rgba(0, 0, 0, 0.75); } .page-analitycs .block-1 .btn { padding: 21px 59px; font-family: 'helv_bold'; font-size: 21px; } .page-analitycs .block-1 .left { padding-left: 85px; } .page-analitycs .block-1 .right { padding-right: 85px; padding-top: 20px; text-align: center; } .page-analitycs .block-1 .bottom { padding-left: 85px; } .page-analitycs .block-2 { margin-bottom: 72px; padding-left: 0; padding-right: 0; font-size: 21px; line-height: 33px; } .page-analitycs .block-3 { font-size: 22px; text-align: center; } .page-analitycs .block-3 > div { margin-bottom: 72px; } .page-analitycs .block-3 .circle-big { display: inline-block; margin-bottom: 38px; } .page-analitycs .block-4 { margin-bottom: 70px; } .page-analitycs .block-5 { font-size: 21px; margin-bottom: 80px; } .page-analitycs .block-6 { font-size: 21px; margin-bottom: 70px; } .page-analitycs .block-7 { margin-bottom: 58px; text-align: center; font-size: 18px; line-height: 30px; } .page-analitycs .block-7 > div { margin-bottom: 50px; } .page-analitycs .block-7 .circle { display: inline-block; margin-bottom: 35px; } .page-analitycs .block-8 { font-size: 21px; } .page-analitycs .block-9 { background: #fff; padding-top: 50px; } .page-analitycs .block-9 h2 { color: #6abde3; } .page-analitycs .block-9 img { width: 90%; height: auto; } .page-analitycs .block-10 { position: relative; margin-bottom: 107px; padding: 70px 0; background: #d9f0f7; border-radius: 10px; -webkit-box-shadow: 0px 50px 100px -50px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 50px 100px -50px rgba(0, 0, 0, 0.75); box-shadow: 0px 50px 100px -50px rgba(0, 0, 0, 0.75); } .page-analitycs .block-11 { text-align: center; } .page-analitycs .block-11 h2 { margin-bottom: 31px; } .page-analitycs .block-11 .h2 { margin-bottom: 31px; letter-spacing: normal; color: #161616; } .page-analitycs .block-11 a { color: #161616; font-size: 21px; text-decoration: underline; } .page-analitycs .block-11 a:hover { text-decoration: none; } .page-analitycs .block-11 input[type='text'] { border: none; outline: none; padding: 5px 15px; font-size: 32px; border-radius: 10px; background: #d9f0f7; } .page-analitycs .block-11 input[type='submit'] { outline: none; padding: 10px 30px; } .page-analitycs .circle { display: block; height: 148px; width: 148px; border-radius: 50%; background: #daeff8; -webkit-box-shadow: 0px 20px 90px -20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 20px 90px -20px rgba(0, 0, 0, 0.5); box-shadow: 0px 20px 90px -20px rgba(0, 0, 0, 0.5); } .page-analitycs .circle-big { display: block; height: 235px; width: 235px; border-radius: 50%; background: #daeff8; padding-top: 74px; -webkit-box-shadow: 0px 20px 90px -20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 20px 90px -20px rgba(0, 0, 0, 0.5); box-shadow: 0px 20px 90px -20px rgba(0, 0, 0, 0.5); } .page-analitycs .btn { font-size: 21px; } .page-analitycs a.black, .page-analitycs a.black:active, .page-analitycs a.black:visited { color: #161616; text-decoration: underline; } .page-analitycs a.black:hover { text-decoration: none; } .page-analitycs .btn, .page-analitycs a.btn, .page-analitycs a.btn:active, .page-analitycs a.btn:visited, .page-analitycs a.btn:hover { display: inline-block; color: #fff; font-family: 'helv_bold'; text-decoration: none; } .page-analitycs .btn-green { border-radius: 5px; color: #fff; background: #97bf27; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmYyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWQ4NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97bf27), color-stop(100%, #aed856)); background: -webkit-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -o-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -ms-linear-gradient(left, #97bf27 0%, #aed856 100%); background: linear-gradient(to right, #97bf27 0%, #aed856 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf27', endColorstr='#aed856', GradientType=1); } .page-analitycs .btn-green:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aed856+0,97bf27+100 */ background: #aed856; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlZDg1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5N2JmMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #aed856 0%, #97bf27 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #aed856), color-stop(100%, #97bf27)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #aed856 0%, #97bf27 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #aed856 0%, #97bf27 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #aed856 0%, #97bf27 100%); /* IE10+ */ background: linear-gradient(to right, #aed856 0%, #97bf27 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aed856', endColorstr='#97bf27', GradientType=1); /* IE6-8 */ } .page-analitycs .btn:active { -webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } .page-analitycs .gradient-green { background: #97bf27; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmYyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWQ4NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97bf27), color-stop(100%, #aed856)); background: -webkit-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -o-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -ms-linear-gradient(left, #97bf27 0%, #aed856 100%); background: linear-gradient(to right, #97bf27 0%, #aed856 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf27', endColorstr='#aed856', GradientType=1); } .page-analitycs .btn-1 { text-transform: uppercase; padding: 21px; font-size: 20px; font-family: 'helv_bold'; border: 5px solid #D9EEF5; border-radius: 11px; } .page-analitycs .btn-border { padding: 10px 30px; border: 5px solid #d9eef8; -webkit-box-shadow: 0px 12px 50px -10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 12px 50px -10px rgba(0, 0, 0, 0.5); box-shadow: 0px 12px 50px -10px rgba(0, 0, 0, 0.5); } .page-analitycs .scheme-1 { height: 1250px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/web-analitics/images/scheme-1.png") top center no-repeat; margin-bottom: 30px; } .page-analitycs .scheme-1 .element-1, .page-analitycs .scheme-1 .element-2, .page-analitycs .scheme-1 .element-3, .page-analitycs .scheme-1 .element-4, .page-analitycs .scheme-1 .element-5, .page-analitycs .scheme-1 .element-6, .page-analitycs .scheme-1 .element-7 { position: absolute; left: 50%; } .page-analitycs .scheme-1 .element-1 { margin-left: 152px; top: 84px; width: 260px; } .page-analitycs .scheme-1 .element-2 { margin-left: 271px; top: 170px; width: 220px; } .page-analitycs .scheme-1 .element-3 { margin-left: 155px; top: 552px; width: 230px; } .page-analitycs .scheme-1 .element-4 { margin-left: -485px; top: 691px; width: 350px; } .page-analitycs .scheme-1 .element-5 { margin-left: -560px; top: 1077px; width: 400px; } .page-analitycs .scheme-1 .element-6 { margin-left: 290px; top: 1077px; width: 320px; } .page-analitycs .scheme-1 .element-7 { text-transform: uppercase; font-size: 21px; margin-left: -245px; top: 1170px; } .page-analitycs .scheme-2 { position: relative; height: 800px; font-size: 18px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/web-analitics/images/scheme-2.png") top center no-repeat; } .page-analitycs .scheme-2 .element-1, .page-analitycs .scheme-2 .element-2, .page-analitycs .scheme-2 .element-3, .page-analitycs .scheme-2 .element-4, .page-analitycs .scheme-2 .element-5, .page-analitycs .scheme-2 .element-6, .page-analitycs .scheme-2 .element-7 { position: absolute; left: 50%; } .page-analitycs .scheme-2 .element-1 { margin-left: -572px; top: 436px; width: 180px; } .page-analitycs .scheme-2 .element-2 { margin-left: -333px; top: 436px; width: 190px; } .page-analitycs .scheme-2 .element-3 { margin-left: -73px; top: 436px; width: 180px; } .page-analitycs .scheme-2 .element-4 { margin-left: 140px; top: -15px; width: 230px; } .page-analitycs .scheme-2 .element-5 { margin-left: 388px; top: 436px; width: 220px; } .page-analitycs .scheme-2 .element-6 { margin-left: 154px; top: 666px; width: 230px; } .page-analitycs .scheme-2 .element-7 { margin-left: 169px; top: 318px; width: 250px; } .page-analitycs .scheme-2 .element-7 .btn { padding: 10px 30px; border: 5px solid #d9eef8; } .page-analitycs .photo { margin-bottom: 115px; font-size: 19px; } .page-analitycs .photo img { margin-bottom: 50px; } .page-analitycs .carousel-control.left, .page-analitycs .carousel-control.right { background-image: none; } .page-analitycs .carousel .item { padding: 0 70px; } .page-analitycs .carousel .item .logo { margin-bottom: 25px; margin-left: 75px; float: right; } .page-analitycs .carousel .item .site { margin-bottom: 30px; padding-left: 80px; font-size: 35px; } .page-analitycs .carousel .item .description { margin-bottom: 25px; padding-left: 80px; font-size: 21px; } .page-analitycs .carousel .item .conversion { margin-bottom: 30px; padding-left: 80px; font-size: 55px; } .page-analitycs .carousel .item .before { margin-bottom: 25px; font-size: 21px; } .page-analitycs .carousel .item .before table { width: 100%; } .page-analitycs .carousel .item .after { font-size: 21px; } .page-analitycs .carousel .item .after table { width: 100%; } .page-analitycs .carousel-control { width: 35px; } .page-analitycs .carousel .glyphicon-menu-left, .page-analitycs .carousel .glyphicon-menu-right { color: #161616; position: absolute; top: 50%; z-index: 5; display: inline-block; font-size: 35px; } .page-analitycs .carousel .glyphicon-menu-left { left: 15px; } .page-analitycs .carousel .glyphicon-menu-right { left: auto; right: 15px; } .page-analitycs .tariffs-table th, .page-analitycs .tariffs-table td { position: relative; font-weight: normal; font-size: 21px; } .page-analitycs .tariffs-table thead th, .page-analitycs .tariffs-table thead td { padding-bottom: 33px; border: none; color: #fff; font-family: 'helv_bold'; } .page-analitycs .tariffs-table tbody th, .page-analitycs .tariffs-table tbody td { padding-bottom: 33px; } .page-analitycs .tariffs-table th { padding: 0 25px 0 70px; background: #daeff7; text-align: left; } .page-analitycs .tariffs-table th.first { border-top-left-radius: 10px; border-top-right-radius: 10px; } .page-analitycs .tariffs-table th.first:before { display: none; } .page-analitycs .tariffs-table th.last { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-bottom: 70px; } .page-analitycs .tariffs-table th:before { position: absolute; display: inline-block; top: 18px; right: 0; content: ""; height: 2px; width: 280px; background: #69c2df; z-index: 0; } .page-analitycs .tariffs-table th span { position: relative; display: inline-block; padding-right: 25px; background: #daeff8; } .page-analitycs .tariffs-table td { text-align: center; border-right: 2px solid #99d6e8; } .page-analitycs .tariffs-table tfoot td { padding: 46px 10px 0 10px; border: none; } .page-analitycs .tariffs-table tfoot th { background: none; } .page-analitycs .tariffs-table tfoot th:before { display: none; } .page-analitycs .tariffs-table .table-price { background: #daeff7; padding: 9px 6px 6px 6px; text-align: center; border-radius: 10px; -webkit-box-shadow: 0px 6px 35px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 6px 35px -6px rgba(0, 0, 0, 0.5); box-shadow: 0px 6px 35px -6px rgba(0, 0, 0, 0.5); } .page-analitycs .tariffs-table .table-price .btn { display: inline-block; width: 100%; font-size: 20px; padding: 20px; font-family: 'helv_bold'; } .page-analitycs .tariffs-table .table-price .price-deight { height: 42px; font-size: 60px; } .page-analitycs .tariffs-table .table-price .price-description { margin-bottom: 7px; font-size: 21px; font-family: 'helv_light_italic'; } .page-analitycs .tariffs-table .plus { display: inline-block; height: 33px; width: 33px; background: #daeff8; color: #69c2de; font-size: 35px; line-height: 26px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: 0px 6px 35px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 6px 35px -6px rgba(0, 0, 0, 0.5); box-shadow: 0px 6px 35px -6px rgba(0, 0, 0, 0.5); } .page-analitycs .tariffs-table .tariffs-table-xs { margin-bottom: 60px; } .page-analitycs .tariffs-table .tariffs-table-xs .table-price { margin: 0 auto; max-width: 210px; } .page-analitycs .tariffs-table .tariffs-table-xs .table-price .price-deight { font-size: 60px; margin-bottom: 15px; } .page-analitycs .tariffs-table .tariffs-table-xs-description { max-width: 280px; margin: 0 auto; margin-bottom: 25px; } .page-analitycs .tariffs-table .tariffs-table-xs-description ul { margin-left: 21px; } .page-analitycs .tariffs-table .tariffs-table-xs-description li { list-style-type: none; } .page-analitycs .tariffs-table .tariffs-table-xs-description li:before { content: "— "; margin-left: -21px; } @media screen and (max-width: 1250px) { .page-analitycs h1, .page-analitycs h2 { font-size: 60px; } } @media screen and (min-width: 1200px) { .page-analitycs .page-analitycs .container { width: 1200px !important; } } @media screen and (max-width: 1200px) { .page-analitycs .scheme-1 { background-size: 950px; height: 1090px; } .page-analitycs .scheme-1 .element-1 { margin-left: 132px; top: 67px; width: 260px; } .page-analitycs .scheme-1 .element-2 { margin-left: 231px; top: 152px; width: 240px; } .page-analitycs .scheme-1 .element-3 { margin-left: 133px; top: 448px; width: 230px; } .page-analitycs .scheme-1 .element-4 { margin-left: -455px; top: 548px; width: 350px; } .page-analitycs .scheme-1 .element-5 { margin-left: -470px; top: 880px; width: 310px; } .page-analitycs .scheme-1 .element-6 { margin-left: 160px; top: 880px; width: 310px; } .page-analitycs .scheme-1 .element-7 { margin-left: -245px; top: 1000px; } .page-analitycs .scheme-2 { background-size: 950px; font-size: 16px; } .page-analitycs .scheme-2 .element-1 { margin-left: -450px; top: 340px; width: 180px; } .page-analitycs .scheme-2 .element-2 { margin-left: -268px; top: 340px; width: 190px; } .page-analitycs .scheme-2 .element-3 { margin-left: -67px; top: 340px; width: 180px; } .page-analitycs .scheme-2 .element-4 { margin-left: 100px; top: -15px; width: 230px; } .page-analitycs .scheme-2 .element-5 { margin-left: 277px; top: 340px; width: 220px; } .page-analitycs .scheme-2 .element-6 { margin-left: 100px; top: 518px; width: 230px; } .page-analitycs .scheme-2 .element-7 { margin-left: 120px; top: 241px; width: 250px; } .page-analitycs .tariffs-table th, .page-analitycs .tariffs-table td { font-size: 18px; } .page-analitycs .tariffs-table th { padding: 0 25px 0 45px; } .page-analitycs .tariffs-table .table-price .price-deight { font-size: 40px; } .page-analitycs .tariffs-table .table-price .price-description { font-size: 18px; } .page-analitycs .tariffs-table .table-price .btn { padding: 10px; } } @media screen and (max-width: 992px) { .page-analitycs h1, .page-analitycs h2, .page-analitycs .h2 { font-size: 60px; line-height: 90px; margin-bottom: 50px; } .page-analitycs .btn { font-size: 18px; } .page-analitycs .el-4 { margin-bottom: 45px; } .page-analitycs .block-1 .left { padding: 0 25px; text-align: center; } .page-analitycs .block-1 .right { padding: 0; margin-bottom: 60px; text-align: center; } .page-analitycs .block-1 .bottom { padding: 0; text-align: center; } .page-analitycs .block-3 { font-size: 18px; } .page-analitycs .block-3 .circle-big { height: 170px; width: 170px; padding-top: 40px; } .page-analitycs .block-5 { text-align: center; } .page-analitycs .block-5 > div { margin-bottom: 50px; } .page-analitycs .scheme-1 { height: 940px; background-size: 820px; font-size: 14px; } .page-analitycs .scheme-1 .element-1 { margin-left: 116px; top: 58px; width: 120px; } .page-analitycs .scheme-1 .element-2 { margin-left: 198px; top: 106px; width: 170px; } .page-analitycs .scheme-1 .element-3 { margin-left: 116px; top: 386px; width: 170px; } .page-analitycs .scheme-1 .element-4 { margin-left: -260px; top: 407px; width: 180px; } .page-analitycs .scheme-1 .element-5 { margin-left: -350px; top: 760px; width: 260px; } .page-analitycs .scheme-1 .element-6 { margin-left: 90px; top: 760px; width: 270px; } .page-analitycs .scheme-1 .element-7 { margin-left: -215px; top: 870px; } .page-analitycs .scheme-2 { background-size: 760px; font-size: 14px; height: 570px; } .page-analitycs .scheme-2 .element-1 { margin-left: -366px; top: 270px; width: 160px; } .page-analitycs .scheme-2 .element-2 { margin-left: -217px; top: 270px; width: 170px; } .page-analitycs .scheme-2 .element-3 { margin-left: -55px; top: 270px; width: 160px; } .page-analitycs .scheme-2 .element-4 { margin-left: 74px; top: -10px; width: 230px; } .page-analitycs .scheme-2 .element-5 { margin-left: 218px; top: 270px; width: 190px; } .page-analitycs .scheme-2 .element-6 { margin-left: 77px; top: 413px; width: 200px; } .page-analitycs .scheme-2 .element-7 { margin-left: 82px; top: 189px; width: 250px; } .page-analitycs .scheme-2 .element-7 .btn { font-size: 16px; } .page-analitycs .tariffs-table th, .page-analitycs .tariffs-table td { font-size: 16px; } .page-analitycs .tariffs-table th { padding: 0 25px 0 40px; } .page-analitycs .tariffs-table tbody th, .page-analitycs .tariffs-table tbody td { padding-bottom: 16px; } .page-analitycs .tariffs-table thead th, .page-analitycs .tariffs-table thead td { padding-bottom: 16px; } .page-analitycs .tariffs-table th:before { width: 100px; } .page-analitycs .carousel .item { padding: 0 70px; } .page-analitycs .carousel .item .site { font-size: 32px; padding-left: 0; } .page-analitycs .carousel .item .description { padding-left: 0; } .page-analitycs .carousel .item .conversion { font-size: 32px; padding-left: 0; } .page-analitycs .carousel .item .before { font-size: 16px; } .page-analitycs .carousel .item .after { font-size: 16px; } } @media screen and (max-width: 768px) { .page-analitycs h1, .page-analitycs h2, .page-analitycs .h2 { font-size: 48px; letter-spacing: 10px; margin-bottom: 35px; line-height: 65px; } .page-analitycs .el-2 { font-size: 22px; margin-bottom: 60px; } .page-analitycs .el-3 { font-size: 38px; margin-bottom: 24px; line-height: 50px; } .page-analitycs .el-5 { font-size: 32px; } .page-analitycs .btn { font-size: 16px; } .page-analitycs .block-1 .right { padding: 0 25px; } .page-analitycs .block-3 { font-size: 22px; } .page-analitycs .block-3 .circle-big { height: 235px; width: 235px; padding-top: 74px; } .page-analitycs .block-5 { text-align: center; } .page-analitycs .block-5 > div { margin-bottom: 50px; } .page-analitycs .block-9 { text-align: center; } .page-analitycs .scheme-1 { height: 2610px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/web-analitics/images/scheme-1-sm.png") top center no-repeat; } .page-analitycs .scheme-1 .element-1 { margin-left: -130px; top: -33px; width: 260px; } .page-analitycs .scheme-1 .element-2 { margin-left: -110px; top: 260px; width: 220px; } .page-analitycs .scheme-1 .element-3 { margin-left: -115px; top: 820px; width: 230px; } .page-analitycs .scheme-1 .element-4 { margin-left: -175px; top: 1400px; width: 350px; } .page-analitycs .scheme-1 .element-5 { margin-left: -184px; top: 2370px; width: 180px; } .page-analitycs .scheme-1 .element-6 { margin-left: 0px; top: 2370px; width: 180px; } .page-analitycs .scheme-1 .element-7 { margin-left: -180px; top: 2520px; } .page-analitycs .scheme-2 { height: 1210px; font-size: 16px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/web-analitics/images/scheme-2-sm.png") top center no-repeat; } .page-analitycs .scheme-2 .element-1 { margin-left: 15px; top: 68px; width: 180px; } .page-analitycs .scheme-2 .element-2 { margin-left: 15px; top: 300px; width: 180px; } .page-analitycs .scheme-2 .element-3 { margin-left: -150px; top: 670px; width: 180px; } .page-analitycs .scheme-2 .element-4 { margin-left: 15px; top: 670px; width: 180px; } .page-analitycs .scheme-2 .element-5 { margin-left: -173px; top: 970px; width: 180px; } .page-analitycs .scheme-2 .element-6 { margin-left: 15px; top: 970px; width: 180px; } .page-analitycs .scheme-2 .element-7 { margin-left: -70px; top: 1100px; width: 180px; } .page-analitycs .tariffs-table th, .page-analitycs .tariffs-table td { font-size: 14px; } .page-analitycs .carousel .item .logo img { max-width: 100%; height: auto; } } @media screen and (max-width: 480px) { .page-analitycs h1, .page-analitycs h2, .page-analitycs .h2 { font-size: 32px; letter-spacing: 2px; } .page-analitycs .el-2 { font-size: 20px; } .page-analitycs .block-1 { padding-bottom: 45px; } .page-analitycs .block-1 .right img { width: 100%; height: auto; } .page-analitycs .block-1 .btn { padding: 21px 30px; } } .submenu { padding: 15px 0px; background: #efefef; font-family: 'helv_bold', Arial, Helvetica, sans-serif; } .submenu.filter { background: none; text-align: center; } .submenu a { text-decoration: none; color: #459adb; font-size: 14px; padding: 8px 24px; line-height: 30px; white-space: nowrap; } .submenu a.selected { color: #FFFFFF; background: #47a0e5; border-radius: 30px; } .page-company .container-fluid { overflow: hidden; } .page-company .wrapper_inner { width: 100% !important; } .page-company .container-fluid.top-menu { overflow: visible; } .page-company .digit { height: 300px; text-align: center; } .page-company .digit span { font-size: 104px; margin-top: 15px; margin-bottom: 45px; display: inline-block; color: #535252; } .page-company .digit-1 { background: url('/images/image_09.png') no-repeat center top; } .page-company .digit-2 { background: url('/images/image_11.png') no-repeat center top; } .page-company .digit-3 { background: url('/images/image_13.png') no-repeat center top; } .page-company .digit-4 { background: url('/images/image_32.png') no-repeat center top; } .page-company .digit-5 { background: url('/images/image_34.png') no-repeat center top; } .page-company .bg1 { background: url('/images/bg1.jpg'); } .page-company .bg2 { background: url('/images/bg2.jpeg'); } .page-company .item-trust { margin-bottom: 55px; } .page-company .media2 { margin: -70px auto 0 auto; } .page-company .media4 { display: inline-block; padding: 50px; background-color: rgba(255, 255, 255, 0.7); } @media screen and (max-width: 992px) { .page-company .media1 { margin-bottom: 50px; } .page-company .media2 { margin: 0 auto; } .page-company .media3 { margin-top: 830px; text-align: center; } .page-company .text-90 { font-size: 60px; } .page-company .text-center-sm { text-align: center; } } @media screen and (max-width: 768px) { .page-company .text-90 { font-size: 50px; } .page-company .media4 { padding: 5px; font-size: 30px; } .page-company .media5 { margin-left: -150px; } } .page-leadgeneration { padding-top: 70px; background-color: #fff; font-size: 21px; color: #161616; } .page-leadgeneration h1, .page-leadgeneration h2 { font-size: 60px; text-align: center; line-height: 80px; letter-spacing: 19px; text-transform: uppercase; } .page-leadgeneration h1{ font-size: 90px; text-align: center; line-height: 118px; letter-spacing: 19px; text-transform: uppercase; } .page-leadgeneration h1 { margin-bottom: 20px; margin-top: 55px; } .page-leadgeneration h2 { margin-bottom: 86px; margin-top: 60px; } .page-leadgeneration h3 { font-size: 55px; } .page-leadgeneration a { color: #161616; text-decoration: none; border-bottom: 1px solid #161616; } .page-leadgeneration a:hover { border-bottom: none; } .page-leadgeneration hr { margin-top: 50px; margin-bottom: 40px; } .page-leadgeneration .big { font-size: 55px; line-height: 72px; } .page-leadgeneration .form { padding: 30px 50px 20px 50px; background: #f0f2f1; -webkit-box-shadow: 0px 130px 145px -37px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 130px 145px -37px rgba(0, 0, 0, 0.75); box-shadow: 0px 130px 145px -37px rgba(0, 0, 0, 0.75); } .page-leadgeneration .form .name { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/form-icon_01.png") no-repeat; } .page-leadgeneration .form .phone { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/form-icon_03.png") no-repeat; } .page-leadgeneration .form .site { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/form-icon_05.png") no-repeat; } .page-leadgeneration .form .incorrect.name { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/form-icon_02.png") no-repeat; } .page-leadgeneration .form .incorrect.phone { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/form-icon_04.png") no-repeat; } .page-leadgeneration .form .incorrect.site { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/form-icon_06.png") no-repeat; } .page-leadgeneration .form .alert { padding: 0; margin-bottom: 10px; border: none; border-radius: none; color: #e54c70; text-align: right; font-size: 16px; } .page-leadgeneration .form .form-group { margin-bottom: 55px; } .page-leadgeneration .form .form-group .input { padding-left: 70px; padding-bottom: 5px; } .page-leadgeneration .form .form-group .submit { text-align: right; } .page-leadgeneration .form input[type="text"] { border: 2px solid #c6c6c6; border-radius: 3px; outline: none; background: #f0f2f1; padding: 10px 20px; width: 100%; } .page-leadgeneration .form input[type="submit"] { color: #fff; text-transform: uppercase; font-family: 'helv_bold', Arial, Helvetica, sans-serif; padding: 15px 40px; border: none; outline: none; border-radius: 3px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0ccdd9+0,0bb8d8+100 */ background: #0ccdd9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjY2RkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYmI4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0ccdd9), color-stop(100%, #0bb8d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* IE10+ */ background: linear-gradient(to right, #0ccdd9 0%, #0bb8d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ccdd9', endColorstr='#0bb8d8', GradientType=1); /* IE6-8 */ } .page-leadgeneration .form input[type="submit"]:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0bb8d8+0,0ccdd9+100 */ background: #0bb8d8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiYjhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwY2NkZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0bb8d8), color-stop(100%, #0ccdd9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* IE10+ */ background: linear-gradient(to right, #0bb8d8 0%, #0ccdd9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bb8d8', endColorstr='#0ccdd9', GradientType=1); /* IE6-8 */ } .page-leadgeneration .form input[type="submit"]:active { -webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } .page-leadgeneration .form .incorrect input[type="text"] { border-color: #e54c70; } .page-leadgeneration .bottom-link { position: absolute; bottom: -35px; width: 100%; text-align: center; z-index: 10; } .page-leadgeneration .bottom-link a, .page-leadgeneration .bottom-link a:visited, .page-leadgeneration .bottom-link a:active, .page-leadgeneration .bottom-link a:hover { display: inline-block; padding: 15px 40px; border: 5px solid #fff; border-radius: 8px; font-family: 'helv_bold', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; } .page-leadgeneration .bottom-link a:active { -webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } .page-leadgeneration .bottom-link.blue a { background: #0ccdd9; } .page-leadgeneration .bottom-link.blue a:hover { background: #0de4f1; } .page-leadgeneration .bottom-link.blue a:active { background: #0ccdd9; } .page-leadgeneration .bottom-link.yellow a { background: #e1d703; } .page-leadgeneration .bottom-link.yellow a:hover { background: #faef03; } .page-leadgeneration .bottom-link.yellow a:active { background: #e1d703; } .page-leadgeneration .block-1 { padding-bottom: 70px; text-align: center; font-size: 30px; } .page-leadgeneration .block-2 { padding-top: 70px; background: #0dcdda; overflow: hidden; } .page-leadgeneration .block-2 .big { margin-bottom: 30px; } .page-leadgeneration .block-2 .small { width: 70%; font-size: 21px; } .page-leadgeneration .block-3 { padding-bottom: 75px; text-align: center; } .page-leadgeneration .block-3 h2 { margin-bottom: 30px; } .page-leadgeneration .block-3 img { margin-top: 70px; margin-bottom: 40px; } .page-leadgeneration .block-4 { color: #fff; padding-top: 140px; padding-bottom: 130px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg1.jpg") no-repeat center top; background-size: cover; } .page-leadgeneration .block-5 h2 { margin-top: 60px; margin-bottom: 60px; } .page-leadgeneration .block-6 { padding-top: 150px; padding-bottom: 180px; color: #fff; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg2.jpg") no-repeat center top; background-size: cover; } .page-leadgeneration .block-6 .big { margin-bottom: 15px; } .page-leadgeneration .block-6 .small { margin-bottom: 30px; padding-left: 15px; border-left: 1px solid #fff; line-height: 34px; } .page-leadgeneration .block-7 { padding-top: 80px; padding-bottom: 80px; } .page-leadgeneration .block-7 .small { font-size: 30px; } .page-leadgeneration .block-7 .big { font-size: 50px; } .page-leadgeneration .block-7 .big a { border-bottom-width: 2px; } .page-leadgeneration .block-7 .popup { position: relative; margin-bottom: 60px; padding: 50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20dcd4+0,2ae2d1+100 */ background: #20dcd4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwZGNkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYWUyZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #20dcd4 0%, #2ae2d1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #20dcd4), color-stop(100%, #2ae2d1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #20dcd4 0%, #2ae2d1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #20dcd4 0%, #2ae2d1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #20dcd4 0%, #2ae2d1 100%); /* IE10+ */ background: linear-gradient(to right, #20dcd4 0%, #2ae2d1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20dcd4', endColorstr='#2ae2d1', GradientType=1); /* IE6-8 */ } .page-leadgeneration .block-7 .popup:before { position: absolute; display: block; height: 91px; width: 99px; bottom: -91px; left: 50%; margin-left: 70px; content: ""; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/popup.png") no-repeat; } .page-leadgeneration .block-8 { padding-bottom: 70px; background: #0dcdda url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg3.png") no-repeat center 300px; } .page-leadgeneration .block-8 ul { margin-top: 15px; } .page-leadgeneration .block-8 .pluses ul { list-style-image: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/plus.png"); } .page-leadgeneration .block-8 .minuses ul { list-style-image: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/minus.png"); } .page-leadgeneration .block-9 { padding-bottom: 80px; text-align: center; } .page-leadgeneration .block-9 .item { padding-top: 35px; padding-left: 35px; text-align: left; } .page-leadgeneration .block-10 { position: relative; padding-top: 80px; padding-bottom: 140px; text-align: center; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg5.png"); } .page-leadgeneration .block-10 h2 { margin-bottom: 30px; } .page-leadgeneration .block-10 .button { position: absolute; display: inline-block; bottom: -50%; } .page-leadgeneration .block-11 { padding-top: 130px; padding-bottom: 160px; color: #fff; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg6.jpg") no-repeat center top; background-size: cover; } .page-leadgeneration .block-11 ol { margin-bottom: 50px; } .page-leadgeneration .block-11 .small { display: inline-block; padding: 4px 10px; color: #161616; font-size: 21px; background: #fff; } .page-leadgeneration .block-12 { padding-bottom: 80px; } .page-leadgeneration .block-12 h2 { margin-bottom: 60px; } .page-leadgeneration .block-12 .link { width: 675px; margin: -150px auto 0 auto; padding-top: 150px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg7.png") no-repeat center top; text-align: center; } .page-leadgeneration .block-12 .link a { display: inline-block; padding: 15px 115px; border: none; font-family: 'helv_bold', Arial, Helvetica, sans-serif; text-transform: uppercase; border-radius: 3px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0ccdd9+0,0bb8d8+100 */ background: #0ccdd9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjY2RkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYmI4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0ccdd9), color-stop(100%, #0bb8d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* IE10+ */ background: linear-gradient(to right, #0ccdd9 0%, #0bb8d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ccdd9', endColorstr='#0bb8d8', GradientType=1); /* IE6-8 */ } .page-leadgeneration .block-12 .link a:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0bb8d8+0,0ccdd9+100 */ background: #0bb8d8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiYjhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwY2NkZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0bb8d8), color-stop(100%, #0ccdd9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* IE10+ */ background: linear-gradient(to right, #0bb8d8 0%, #0ccdd9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bb8d8', endColorstr='#0ccdd9', GradientType=1); /* IE6-8 */ } .page-leadgeneration .block-12 .link a:active { -webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } .page-leadgeneration .block-13 { color: #fff; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg8.jpg") no-repeat center top; background-size: cover; /* Убираем исходную нумерацию у списка */ /* Инициируем счетчик */ } .page-leadgeneration .block-13 ol.ol-from-7 li { list-style-type: none; } .page-leadgeneration .block-13 ol.ol-from-7 { counter-reset: list 6; } .page-leadgeneration .block-13 ol.ol-from-7 li:before { counter-increment: list; /* Увеличиваем значение счетчика */ content: counter(list) ". "; /* Выводим число */ } .page-leadgeneration .block-13 ol { color: #161616; list-style-position: outside; } .page-leadgeneration .block-13 .bg { margin-bottom: -80px; padding: 60px 70px 80px 70px; background: #0ccdd9; } .page-leadgeneration .block-13 .big { margin-bottom: 40px; } .page-leadgeneration .block-14 { padding-top: 80px; } .page-leadgeneration .block-15 { padding-top: 80px; padding-bottom: 80px; text-align: center; background: #3ef2cb; } .page-leadgeneration .block-15 img { max-width: 100%; height: auto; } .page-leadgeneration .block-16 { padding-bottom: 30px; font-size: 18px; } .page-leadgeneration .block-16 h2 { margin-bottom: 30px; } .page-leadgeneration .block-16 .row { margin-bottom: 50px; } .page-leadgeneration .block-16 .big { margin-bottom: 15px; font-size: 30px; } .page-leadgeneration .block-16 .small { display: inline; padding: 4px; font-size: 30px; background: #3ef2cb; } .page-leadgeneration .block-16 .item { text-align: center; margin-bottom: 50px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/shadow.png") no-repeat center bottom; background-size: contain; } .page-leadgeneration .block-17 { position: relative; } .page-leadgeneration .block-17 .container { position: inherit; z-index: 10; } .page-leadgeneration .block-17 .bg { position: absolute; margin-left: -15px; bottom: 0; height: 445px; width: 100%; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg10.png"); z-index: 1; } .page-leadgeneration .block-17 .left-side img { max-width: 100%; height: auto; } .page-leadgeneration .block-17 .right-side { padding-top: 85px; } .page-leadgeneration .block-17 .big { margin-bottom: 240px; font-size: 53px; } .page-leadgeneration .block-17 .link { text-align: center; text-transform: uppercase; } .page-leadgeneration .block-17 .link a, .page-leadgeneration .block-17 .link a:visited, .page-leadgeneration .block-17 .link a:active, .page-leadgeneration .block-17 .link a:hover { display: inline-block; padding: 15px 50px; border: none; border-radius: 3px; background: #fff; text-decoration: none; font-family: 'helv_bold', Arial, Helvetica, sans-serif; } .page-leadgeneration .block-17 .link a:active { -webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } .page-leadgeneration .block-17 .link a:hover { background: #e7fff8; } .page-leadgeneration .block-18 { padding-bottom: 80px; } .page-leadgeneration .block-18 .carousel-control.left, .page-leadgeneration .block-18 .carousel-control.right { background-image: none; border: none; } .page-leadgeneration .block-18 .carousel .item { padding: 0 70px; } .page-leadgeneration .block-18 .carousel .item img { max-width: 100%; height: auto; } .page-leadgeneration .block-18 .carousel .item a { font-family: 'helv_bold', Arial, Helvetica, sans-serif; } .page-leadgeneration .block-18 .carousel .item .logo { margin-bottom: 30px; } .page-leadgeneration .block-18 .carousel .item .graph { margin-bottom: 30px; } .page-leadgeneration .block-18 .carousel-control { width: 35px; } .page-leadgeneration .block-18 .carousel .glyphicon-menu-left, .page-leadgeneration .block-18 .carousel .glyphicon-menu-right { color: #161616; position: absolute; top: 50%; z-index: 5; display: inline-block; font-size: 35px; } .page-leadgeneration .block-18 .carousel .glyphicon-menu-left { left: 15px; } .page-leadgeneration .block-18 .carousel .glyphicon-menu-right { left: auto; right: 15px; } .page-leadgeneration .block-19 { position: relative; padding-top: 200px; padding-bottom: 190px; color: #fff; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg11.jpg") no-repeat center top; background-size: cover; } .page-leadgeneration .block-20 { background: #fffcfc; } .page-leadgeneration .block-20 h2 { margin-bottom: 50px; margin-top: 80px; } .page-leadgeneration .block-21 { padding-top: 160px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/prodvizhenie/leadgeneration/images/bg12.jpg") no-repeat center top; background-size: cover; } .page-leadgeneration .block-21 .bg { position: relative; margin-bottom: -130px; padding: 80px 75px 110px 75px; background: #0ccdd9; } .page-leadgeneration .block-21 .bottom-link { margin-left: -75px; } .page-leadgeneration .block-22 { padding-top: 200px; background: #efefef; } .page-leadgeneration .block-22 h3 { font-size: 60px; text-align: center; line-height: 118px; letter-spacing: 19px; text-transform: uppercase; } .page-leadgeneration .block-23 { padding-top: 80px; overflow: hidden; background: #efefef; } .page-leadgeneration .block-23 .form { width: 600px; margin: 0 auto; background: #f1f3f2; } .page-leadgeneration .block-23 .form input[type="text"] { background: #f1f3f2; } @media screen and (max-width: 1250px) { .page-leadgeneration h1, .page-leadgeneration h2 { font-size: 80px; } .page-leadgeneration .block-22 h3 { font-size: 80px; } } @media screen and (max-width: 1200px) { .page-leadgeneration .block-2 .big { font-size: 48px; } .page-leadgeneration .block-7 .big { font-size: 50px; } .page-leadgeneration .block-8 { background-size: 80%; background-position: center 460px; } .page-leadgeneration .block-8 .big { font-size: 50px; } .page-leadgeneration .block-17 .right-side { padding-top: 60px; } .page-leadgeneration .block-17 .big { font-size: 42px; margin-bottom: 180px; } .page-leadgeneration .block-17 .bg { height: 370px; } .page-leadgeneration .block-19 { padding-top: 150px; padding-bottom: 100px; } } @media screen and (max-width: 992px) { .page-leadgeneration h1, .page-leadgeneration h2 { font-size: 60px; line-height: 90px; margin-bottom: 50px; } .page-leadgeneration .block-2 .small { margin-bottom: 30px; } .page-leadgeneration .block-6 { padding-top: 110px; padding-bottom: 130px; } .page-leadgeneration .block-7 .big { font-size: 45px; } .page-leadgeneration .block-8 { background-image: none; } .page-leadgeneration .block-8 ul { margin-bottom: 30px; margin-left: 15px; } .page-leadgeneration .block-17 .right-side { padding-top: 0; } .page-leadgeneration .block-17 .big { text-align: center; margin-bottom: 60px; } .page-leadgeneration .block-17 .link { margin-bottom: 80px; } .page-leadgeneration .block-17 .link a, .page-leadgeneration .block-17 .link a:visited, .page-leadgeneration .block-17 .link a:active, .page-leadgeneration .block-17 .link a:hover { background: #0ccdd9; color: #fff; } .page-leadgeneration .block-18 .logo { text-align: center; } .page-leadgeneration .block-18 .graph { text-align: center; } .page-leadgeneration .block-21 { padding: 0; background: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffcfc+0,efefef+100 */ background: #fffcfc; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fffcfc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffcfc), color-stop(100%, #efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fffcfc 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fffcfc 0%, #efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fffcfc 0%, #efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #fffcfc 0%, #efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfc', endColorstr='#efefef', GradientType=0); /* IE6-8 */ } .page-leadgeneration .block-21 .bg { margin-bottom: 0; padding: 80px 40px 110px 40px; } .page-leadgeneration .block-21 .bottom-link { margin-left: -45px; } .page-leadgeneration .block-22 { padding-top: 100px; } .page-leadgeneration .block-22 h3 { font-size: 60px; line-height: 90px; margin-bottom: 50px; } .page-leadgeneration .block-23 { padding-top: 50px; } } @media screen and (max-width: 768px) { .page-leadgeneration h1, .page-leadgeneration h2 { font-size: 48px; line-height: 65px; letter-spacing: 10px; margin-bottom: 35px; } .page-leadgeneration .form { padding: 30px 40px 20px 40px; } .page-leadgeneration .block-2 .big { font-size: 28px; line-height: 46px; } .page-leadgeneration .block-2 .form .submit { text-align: center; } .page-leadgeneration .block-4 { padding-top: 60px; padding-bottom: 80px; } .page-leadgeneration .block-6 { padding-top: 60px; padding-bottom: 80px; } .page-leadgeneration .block-6 .big { font-size: 32px; line-height: 48px; } .page-leadgeneration .block-7 { padding-left: 0; padding-right: 0; } .page-leadgeneration .block-7 .popup { padding: 40px; } .page-leadgeneration .block-7 .small { margin-bottom: 20px; font-size: 30px; } .page-leadgeneration .block-7 .big { font-size: 42px; line-height: 62px; } .page-leadgeneration .block-9 .item { margin-bottom: 40px; text-align: center; } .page-leadgeneration .block-10 { padding-top: 40px; padding-bottom: 120px; } .page-leadgeneration .block-10 .big { font-size: 38px; line-height: 52px; } .page-leadgeneration .block-10 .bottom-link { margin-left: -15px; } .page-leadgeneration .block-11 { padding-top: 50px; padding-bottom: 100px; } .page-leadgeneration .block-12 .link { width: 100%; background: none; } .page-leadgeneration .block-12 .link a, .page-leadgeneration .block-12 .link a:visited, .page-leadgeneration .block-12 .link a:active, .page-leadgeneration .block-12 .link a:hover { padding: 15px 40px; } .page-leadgeneration .block-13 { background: none; padding-left: 0; padding-right: 0; } .page-leadgeneration .block-13 h2 { color: #161616; } .page-leadgeneration .block-13 .big { font-size: 32px; line-height: 50px; } .page-leadgeneration .block-13 .bg { margin-bottom: 0; padding: 60px 40px 80px 40px; } .page-leadgeneration .block-14 { padding-top: 0; } .page-leadgeneration .block-14 h2 { font-size: 32px; } .page-leadgeneration .block-16 .big { line-height: 50px; } .page-leadgeneration .block-18 .carousel .logo { width: 100%; } .page-leadgeneration .block-18 .carousel .item { padding: 0px 60px; } .page-leadgeneration .block-19 { padding-top: 80px; } .page-leadgeneration .block-21 { padding-top: 0; background: none; } .page-leadgeneration .block-21 .bg { padding: 60px 30px 110px 30px; margin-bottom: 0; } .page-leadgeneration .block-22 h3 { font-size: 48px; line-height: 65px; letter-spacing: 10px; margin-bottom: 35px; } .page-leadgeneration .block-23 { background: #f1f3f2; } .page-leadgeneration .block-23 .form { width: 100%; } .page-leadgeneration .block-23 .form .submit { text-align: center; } } @media screen and (max-width: 600px) { .page-leadgeneration h1, .page-leadgeneration h2 { font-size: 38px; letter-spacing: 2px; } .page-leadgeneration .block-22 h3 { font-size: 38px; letter-spacing: 2px; } } @media screen and (max-width: 480px) { .page-leadgeneration h1, .page-leadgeneration h2 { font-size: 32px; letter-spacing: 2px; } .page-leadgeneration .block-2 { padding-left: 0; padding-right: 0; } .page-leadgeneration .block-2 .row > div:last-child { padding-left: 0; padding-right: 0; } .page-leadgeneration .block-7 .big { font-size: 32px; line-height: 46px; } .page-leadgeneration .block-8 .big { font-size: 38px; } .page-leadgeneration .block-10 .bottom-link a, .page-leadgeneration .block-10 .bottom-link a:visited, .page-leadgeneration .block-10 .bottom-link a:active, .page-leadgeneration .block-10 .bottom-link a:hover { font-size: 16px; } .page-leadgeneration .block-22 h3 { font-size: 32px; letter-spacing: 2px; } } .page-web_razrabotka .form { padding: 30px 50px 20px 50px; background: #f0f2f1; -webkit-box-shadow: 0px 130px 145px -37px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 130px 145px -37px rgba(0, 0, 0, 0.75); box-shadow: 0px 130px 145px -37px rgba(0, 0, 0, 0.75); } .page-web_razrabotka .form .name { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/form-icon_01.png") no-repeat; } .page-web_razrabotka .form .phone { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/form-icon_03.png") no-repeat; } .page-web_razrabotka .form .site { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/form-icon_05.png") no-repeat; } .page-web_razrabotka .form .incorrect.name { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/form-icon_02.png") no-repeat; } .page-web_razrabotka .form .incorrect.phone { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/form-icon_04.png") no-repeat; } .page-web_razrabotka .form .incorrect.site { background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/form-icon_06.png") no-repeat; } .page-web_razrabotka .form .alert { padding: 0; margin-bottom: 10px; border: none; border-radius: none; color: #e54c70; text-align: right; font-size: 16px; } .page-web_razrabotka .form .form-group { margin-bottom: 55px; } .page-web_razrabotka .form .form-group .input { /*padding-left: 70px;*/ padding-bottom: 5px; } .page-web_razrabotka .form .form-group .submit { text-align: right; } .page-web_razrabotka .form input[type="text"] { border: 2px solid #c6c6c6; border-radius: 3px; outline: none; background: #f0f2f1; padding: 10px 20px; width: 100%; } .page-web_razrabotka .form input[type="submit"] { color: #fff; text-transform: uppercase; font-family: 'helv_bold', Arial, Helvetica, sans-serif; padding: 15px 40px; border: none; outline: none; border-radius: 3px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0ccdd9+0,0bb8d8+100 */ background: #0ccdd9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjY2RkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYmI4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0ccdd9), color-stop(100%, #0bb8d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0ccdd9 0%, #0bb8d8 100%); /* IE10+ */ background: linear-gradient(to right, #0ccdd9 0%, #0bb8d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ccdd9', endColorstr='#0bb8d8', GradientType=1); /* IE6-8 */ } .page-web_razrabotka .form input[type="submit"]:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0bb8d8+0,0ccdd9+100 */ background: #0bb8d8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiYjhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwY2NkZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0bb8d8), color-stop(100%, #0ccdd9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0bb8d8 0%, #0ccdd9 100%); /* IE10+ */ background: linear-gradient(to right, #0bb8d8 0%, #0ccdd9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bb8d8', endColorstr='#0ccdd9', GradientType=1); /* IE6-8 */ } .page-web_razrabotka .form input[type="submit"]:active { -webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } .page-web_razrabotka .form .incorrect input[type="text"] { border-color: #e54c70; } .page-web_razrabotka .btn { font-size: 21px; text-transform: uppercase; padding: 20px 25px; } .page-web_razrabotka .block-1 { margin-bottom: 70px; text-align: center; font-size: 30px; } .page-web_razrabotka .block-2 { margin-bottom: 60px; padding-top: 35px; height: 460px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/bg1.png") no-repeat top right; } .page-web_razrabotka .block-2 .big { margin-bottom: 30px; } .page-web_razrabotka .block-2 .small { margin-bottom: 50px; } .page-web_razrabotka .block-3 .big { width: 570px; margin-bottom: 30px; } .page-web_razrabotka .block-3 .small { display: inline; padding: 4px 8px; font-size: 30px; background: #0ccdd9; line-height: 42px; } .page-web_razrabotka .block-4 { margin-bottom: 70px; } .page-web_razrabotka .block-5 { position: relative; padding-top: 0; margin-bottom: 125px; height: 980px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/bg2.png") no-repeat; background-position: center 100px; } .page-web_razrabotka .block-5 .big { margin-bottom: 220px; } .page-web_razrabotka .block-5 .small { margin-bottom: 15px; font-size: 30px; } .page-web_razrabotka .block-5 .note { font-size: 19px; font-family: 'helv_bold'; text-transform: uppercase; position: absolute; bottom: -370px; right: 17%; height: 482px; width: 604px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/bg3.png") no-repeat; text-align: center; padding: 20px 80px 0 318px; } .page-web_razrabotka .block-5 .col-md-offset-8 { margin-top: 30px; } .page-web_razrabotka .block-5 .btn { position: absolute; top: 100px; right: -20px; -webkit-box-shadow: 0px 7px 0px 0px #79a945; -moz-box-shadow: 0px 7px 0px 0px #79a945; box-shadow: 0px 7px 0px 0px #79a945; } .page-web_razrabotka .block-5 a.btn:active { -webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3), 0px 7px 0px 0px #79a945; -moz-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3), 0px 7px 0px 0px #79a945; box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3), 0px 7px 0px 0px #79a945; } .page-web_razrabotka .block-6 { position: relative; height: 892px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/bg4.png") no-repeat top center; margin-bottom: 75px; } .page-web_razrabotka .block-6 .text-32 { line-height: 38px; } .page-web_razrabotka .block-6 .big { margin-bottom: 290px; } .page-web_razrabotka .block-7 { background: #eeebeb; padding-top: 40px; } .page-web_razrabotka .block-7 .big { margin-bottom: 25px; } .page-web_razrabotka .block-7 .small { display: inline; padding: 4px 8px; font-size: 30px; background: #0ccdd9; line-height: 42px; } .page-web_razrabotka .block-8 { background: #eeebeb; padding-top: 60px; } .page-web_razrabotka .block-8 .big { margin-bottom: -140px; position: relative; z-index: 10; } .page-web_razrabotka .scheme-2 { position: relative; height: 750px; font-size: 18px; background: #eeebeb url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/scheme-2.png") top center no-repeat; } .page-web_razrabotka .scheme-2 .element-1, .page-web_razrabotka .scheme-2 .element-2, .page-web_razrabotka .scheme-2 .element-3, .page-web_razrabotka .scheme-2 .element-4, .page-web_razrabotka .scheme-2 .element-5, .page-web_razrabotka .scheme-2 .element-6, .page-web_razrabotka .scheme-2 .element-7 { position: absolute; left: 50%; } .page-web_razrabotka .scheme-2 .element-1 { margin-left: -572px; top: 345px; width: 180px; } .page-web_razrabotka .scheme-2 .element-2 { margin-left: -333px; top: 345px; width: 190px; } .page-web_razrabotka .scheme-2 .element-3 { margin-left: -73px; top: 345px; width: 180px; } .page-web_razrabotka .scheme-2 .element-4 { margin-left: 140px; top: 100px; width: 230px; } .page-web_razrabotka .scheme-2 .element-5 { margin-left: 388px; top: 345px; width: 220px; } .page-web_razrabotka .scheme-2 .element-6 { margin-left: 154px; top: 585px; width: 230px; } .page-web_razrabotka .scheme-2 .element-7 { margin-left: -570px; top: 620px; width: 250px; } .page-web_razrabotka .block-9 { padding-bottom: 30px; padding-top: 60px; font-size: 18px; } .page-web_razrabotka .block-9 h2 { margin-bottom: 30px; } .page-web_razrabotka .block-9 .row { margin-bottom: 50px; } .page-web_razrabotka .block-9 .big { margin-bottom: 20px; } .page-web_razrabotka .block-9 .small { display: inline; padding: 4px; font-size: 30px; background: #0ccdd9; } .page-web_razrabotka .block-9 .item { text-align: center; margin-bottom: 50px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/shadow.png") no-repeat center bottom; background-size: contain; } .page-web_razrabotka .block-10 { padding: 35px 0 70px; -webkit-box-shadow: 0px 46px 55px -57px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 46px 55px -57px rgba(0, 0, 0, 0.75); box-shadow: 0px 46px 55px -57px rgba(0, 0, 0, 0.75); } .page-web_razrabotka .block-11 { height: 680px; padding-top: 70px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/medal.png") no-repeat; } .page-web_razrabotka .block-13 { text-align: center; padding: 70px 0; } .page-web_razrabotka .block-13 .big { text-align: center; margin-bottom: 60px; } .page-web_razrabotka .block-14 { background: #f0f2f1; padding-top: 40px; } .page-web_razrabotka .block-14 .big { text-align: center; margin-bottom: 20px; } @media screen and (max-width: 1200px) { .page-web_razrabotka h1 { font-size: 70px; } .page-web_razrabotka .block-1 { font-size: 24px; } .page-web_razrabotka .container-fluid.block-4 { padding-left: 0; padding-right: 0; } .page-web_razrabotka .block-5 { padding-top: 0; margin-bottom: 270px; } .page-web_razrabotka .block-6 .big { margin-bottom: 250px; } .page-web_razrabotka .block-8 .big { font-size: 50px; line-height: 60px; } .page-web_razrabotka .scheme-2 { background-size: 900px; font-size: 16px; height: 620px; } .page-web_razrabotka .scheme-2 .element-1 { margin-left: -480px; top: 290px; width: 180px; } .page-web_razrabotka .scheme-2 .element-2 { margin-left: -300px; top: 290px; width: 190px; } .page-web_razrabotka .scheme-2 .element-3 { margin-left: -67px; top: 290px; width: 180px; } .page-web_razrabotka .scheme-2 .element-4 { margin-left: 110px; top: 80px; width: 230px; } .page-web_razrabotka .scheme-2 .element-5 { margin-left: 324px; top: 290px; width: 185px; } .page-web_razrabotka .scheme-2 .element-6 { margin-left: 120px; top: 490px; width: 230px; } .page-web_razrabotka .scheme-2 .element-7 { margin-left: -500px; top: 490px; width: 250px; } } @media screen and (max-width: 992px) { .page-web_razrabotka .block-5 .el-2 { position: absolute; top: 640px; right: 30px; } .page-web_razrabotka .block-5 .big { font-size: 50px; margin-bottom: 130px; } .page-web_razrabotka .block-5 .col-md-offset-8 { font-size: 18px; } .page-web_razrabotka .block-5 .note { bottom: -420px; } .page-web_razrabotka .block-7 .small { font-size: 24px; line-height: 36px; } .page-web_razrabotka .block-9 .big { font-size: 50px; } .page-web_razrabotka .block-10 .big { text-align: center; } .page-web_razrabotka .block-11 { padding-top: 20px; } .page-web_razrabotka .block-13 .row > div { margin-bottom: 20px; } .page-web_razrabotka .scheme-2 { background-size: 730px; font-size: 14px; height: 520px; } .page-web_razrabotka .scheme-2 .element-1 { margin-left: -400px; top: 235px; width: 160px; } .page-web_razrabotka .scheme-2 .element-2 { margin-left: -240px; top: 235px; width: 170px; } .page-web_razrabotka .scheme-2 .element-3 { margin-left: -55px; top: 235px; width: 160px; } .page-web_razrabotka .scheme-2 .element-4 { margin-left: 90px; top: 70px; width: 230px; } .page-web_razrabotka .scheme-2 .element-5 { margin-left: 255px; top: 235px; width: 157px; } .page-web_razrabotka .scheme-2 .element-6 { margin-left: 100px; top: 400px; width: 200px; } .page-web_razrabotka .scheme-2 .element-7 { margin-left: -380px; top: 400px; width: 250px; } .page-web_razrabotka .scheme-2 .element-7 .btn { font-size: 16px; } } @media screen and (max-width: 768px) { .page-web_razrabotka .block-2 { text-align: center; } .page-web_razrabotka .block-3 .big { font-size: 40px; width: 100%; } .page-web_razrabotka .block-3 .small { padding: 6px 8px; font-size: 18px; line-height: normal; } .page-web_razrabotka .block-4 { margin-bottom: 50px; } .page-web_razrabotka .block-4 .btn { font-size: 12px; } .page-web_razrabotka .block-5 { padding-top: 0; margin-bottom: 350px; background-position: -440px 130px; height: 1005px; } .page-web_razrabotka .block-5 .el-2 { top: 570px; } .page-web_razrabotka .block-5 .big { font-size: 40px; line-height: 45px; margin-bottom: 150px; } .page-web_razrabotka .block-5 .col-md-offset-8 { margin-top: 130px; } .page-web_razrabotka .block-5 .note { right: auto; left: 50%; bottom: -450px; margin-left: -460px; } .page-web_razrabotka .block-6 .big { font-size: 40px; line-height: 47px; margin-bottom: 310px; } .page-web_razrabotka .block-7 .big { font-size: 40px; line-height: 50px; } .page-web_razrabotka .block-9 .btn { font-size: 16px; } .page-web_razrabotka .block-10 .big { font-size: 40px; } .page-web_razrabotka .block-11 { background-size: 250px; background-position: center top; padding-top: 340px; height: auto; } .page-web_razrabotka .block-13 .big { font-size: 40px; margin-bottom: 20px; } .page-web_razrabotka .block-13 img { margin: 0 auto; } .page-web_razrabotka .scheme-2 { height: 890px; font-size: 16px; background: url("/local/templates/landing_bitrix24_2016/css/../../../../services/razrabotka/web-razrabotka/images/scheme-2-sm.png") top center no-repeat; } .page-web_razrabotka .scheme-2 .element-1 { margin-left: 0; top: 12px; width: 180px; } .page-web_razrabotka .scheme-2 .element-2 { margin-left: 0; top: 177px; width: 180px; } .page-web_razrabotka .scheme-2 .element-3 { margin-left: -150px; top: 420px; width: 180px; } .page-web_razrabotka .scheme-2 .element-4 { margin-left: 15px; top: 420px; width: 180px; } .page-web_razrabotka .scheme-2 .element-5 { margin-left: -173px; top: 650px; width: 180px; } .page-web_razrabotka .scheme-2 .element-6 { margin-left: 15px; top: 650px; width: 180px; } .page-web_razrabotka .scheme-2 .element-7 { margin-left: -70px; top: 780px; width: 180px; } .page-web_razrabotka .block-8 .big { margin-bottom: 40px; } .page-web_razrabotka .block-9 .big { line-height: 50px; } .page-web_razrabotka .block-14 .big { font-size: 40px; line-height: 50px; } .page-web_razrabotka .block-14 .form { padding: 30px 15px 20px 15px; } .page-web_razrabotka .block-14 .form .form-group { margin-bottom: 25px; } .page-web_razrabotka .block-14 .form .form-group .submit { text-align: center; } } @media screen and (max-width: 480px) { .page-web_razrabotka .block-2 { padding-top: 0; background-position: -330px 290px; height: 855px; margin-bottom: 40px; } .page-web_razrabotka .block-2 .big { font-size: 40px; line-height: 48px; } .page-web_razrabotka .block-2 .small { margin-bottom: 520px; } .page-web_razrabotka .block-3 .big { font-size: 40px; line-height: 50px; } .page-web_razrabotka .block-4 { margin-left: -33px; } .page-web_razrabotka .block-4 .btn { padding: 20px 8px; font-size: 10px; display: inline-block; margin-left: 30px; margin-top: 18px; } .page-web_razrabotka .container-scheme { width: 380px; } .page-web_razrabotka .container-scheme .text-9 { left: 270px; } .page-web_razrabotka .block-5 { background-position: -710px 110px; font-size: 16px; } .page-web_razrabotka .block-5 .el-2 { position: relative; top: auto; right: auto; } .page-web_razrabotka .block-5 .big { font-size: 30px; line-height: 35px; margin-bottom: 100px; } .page-web_razrabotka .block-5 .col-md-offset-8 { margin-top: 210px; left: auto; width: 100%; margin-left: auto; } .page-web_razrabotka .block-5 .note { bottom: -380px; margin-left: -440px; height: 455px; } .page-web_razrabotka .block-5 .btn { right: 40px; } .page-web_razrabotka .block-6 .big { line-height: 40px; margin-bottom: 220px; } .page-web_razrabotka .block-6 .text-21 { font-size: 18px; } .page-web_razrabotka .block-7 .big { font-size: 32px; line-height: 45px; } .page-web_razrabotka .scheme-2 .element-1 { margin-left: -20px; } .page-web_razrabotka .scheme-2 .element-2 { margin-left: -20px; } .page-web_razrabotka .scheme-2 .element-5 { margin-left: -150px; width: 160px; } .page-web_razrabotka .scheme-2 .element-5 { width: 145px; } .page-web_razrabotka .scheme-2 .element-7 { top: 810px; } .page-web_razrabotka .block-9 .big { font-size: 37px; } .page-web_razrabotka .block-9 img { width: 80%; height: auto; } .page-web_razrabotka .block-9 .btn { font-size: 12px; padding: 18px 6px; } .page-web_razrabotka .block-10 .big { font-size: 36px; line-height: 50px; } .page-web_razrabotka .block-13 .big { line-height: 54px; margin-bottom: 13px; } } .landing { background-color: #fff; font-size: 21px; color: #161616; } .landing h1, .landing h2 { font-size: 90px; text-align: center; line-height: 118px; letter-spacing: 19px; text-transform: uppercase; } .landing h1 { margin-bottom: 20px; margin-top: 55px; } .landing h2 { margin-bottom: 86px; margin-top: 60px; } .landing h3 { font-size: 55px; } .landing a { color: #161616; text-decoration: none; border-bottom: 1px solid #161616; } .landing a:hover { border-bottom: none; } .landing .big { font-size: 55px; line-height: 72px; } .landing .small { font-size: 21px; } .landing .btn, .landing a.btn, .landing a.btn:active, .landing a.btn:visited, .landing a.btn:hover { display: inline-block; color: #fff; font-family: 'helv_bold'; text-decoration: none; border: none; } .landing .btn-green { border-radius: 5px; color: #fff; background: #97bf27; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmYyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWQ4NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97bf27), color-stop(100%, #aed856)); background: -webkit-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -o-linear-gradient(left, #97bf27 0%, #aed856 100%); background: -ms-linear-gradient(left, #97bf27 0%, #aed856 100%); background: linear-gradient(to right, #97bf27 0%, #aed856 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf27', endColorstr='#aed856', GradientType=1); } .landing .btn-green:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aed856+0,97bf27+100 */ background: #aed856; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlZDg1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5N2JmMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #aed856 0%, #97bf27 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #aed856), color-stop(100%, #97bf27)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #aed856 0%, #97bf27 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #aed856 0%, #97bf27 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #aed856 0%, #97bf27 100%); /* IE10+ */ background: linear-gradient(to right, #aed856 0%, #97bf27 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aed856', endColorstr='#97bf27', GradientType=1); /* IE6-8 */ } .landing .btn:active { -webkit-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 1250px) { .landing h1, .landing h2 { font-size: 80px; } } @media screen and (max-width: 992px) { .landing h1, .landing h2 { font-size: 60px; line-height: 90px; margin-bottom: 50px; } } @media screen and (max-width: 768px) { .landing h1, .landing h2 { font-size: 48px; line-height: 65px; letter-spacing: 10px; margin-bottom: 35px; } } @media screen and (max-width: 600px) { .landing h1, .landing h2 { font-size: 38px; letter-spacing: 2px; } .phone_link{ display: none; } } @media screen and (max-width: 480px) { .landing h1, .landing h2 { font-size: 32px; letter-spacing: 2px; } .b24_2016_price .slider_box{ width: auto!important; } } @media screen and (max-width: 1200px) { .b24_2016_price .slider_box{ width: auto!important; } } .padding-0 { padding: 0; } .padding-top-15 { padding-top: 15px; } .padding-top-30 { padding-top: 30px; } .padding-top-40 { padding-top: 40px; } .padding-top-53 { padding-top: 53px; } .padding-top-100 { padding-top: 100px; } .padding-top-150 { padding-top: 150px; } .padding-right-15 { padding-right: 15px; } .padding-right-30 { padding-right: 30px; } .padding-right-40 { padding-right: 40px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-bottom-150 { padding-bottom: 150px; } .padding-left-15 { padding-left: 15px; } .padding-left-30 { padding-left: 30px; } .padding-left-40 { padding-left: 40px; } .padding-left-60 { padding-left: 60px; } .margin-0 { margin: 0; } .margin-top-15 { margin-top: 15px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-70 { margin-top: 70px; } .margin-top-100 { margin-top: 100px; } .margin-right-15 { margin-right: 15px; } .margin-right-30 { margin-right: 30px; } .margin-right-40 { margin-right: 40px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-bottom-105 { margin-bottom: 105px; } .margin-bottom-150 { margin-bottom: 150px; } .margin-left-15 { margin-left: 15px; } .margin-left-30 { margin-left: 30px; } .margin-left-40 { margin-left: 40px; } .text-right { text-align: right; } .text-center { text-align: center; } .text-white { color: #ffffff; } .text-11 { font-size: 11px; } .text-12 { font-size: 12px; } .text-13 { font-size: 13px; } .text-14 { font-size: 14px; } .text-15 { font-size: 15px; } .text-16 { font-size: 16px; } .text-17 { font-size: 17px; } .text-18 { font-size: 18px; } .text-19 { font-size: 19px; } .text-20 { font-size: 20px; } .text-21 { font-size: 21px; } .text-22 { font-size: 22px; } .text-23 { font-size: 23px; } .text-24 { font-size: 24px; } .text-25 { font-size: 25px; } .text-26 { font-size: 26px; } .text-27 { font-size: 27px; } .text-28 { font-size: 28px; } .text-29 { font-size: 29px; } .text-30 { font-size: 30px; } .text-31 { font-size: 31px; } .text-32 { font-size: 32px; } .text-33 { font-size: 33px; } .text-34 { font-size: 34px; } .text-35 { font-size: 35px; } .text-36 { font-size: 36px; } .text-37 { font-size: 37px; } .text-38 { font-size: 38px; } .text-39 { font-size: 39px; } .text-40 { font-size: 40px; } .text-41 { font-size: 41px; } .text-42 { font-size: 42px; } .text-43 { font-size: 43px; } .text-44 { font-size: 44px; } .text-45 { font-size: 45px; } .text-46 { font-size: 46px; } .text-47 { font-size: 47px; } .text-48 { font-size: 48px; } .text-49 { font-size: 49px; } .text-50 { font-size: 50px; } .text-51 { font-size: 51px; } .text-52 { font-size: 52px; } .text-53 { font-size: 53px; } .text-54 { font-size: 54px; } .text-55 { font-size: 55px; } .text-56 { font-size: 56px; } .text-57 { font-size: 57px; } .text-58 { font-size: 58px; } .text-59 { font-size: 59px; } .text-60 { font-size: 60px; } .text-61 { font-size: 61px; } .text-62 { font-size: 62px; } .text-63 { font-size: 63px; } .text-64 { font-size: 64px; } .text-65 { font-size: 65px; } .text-66 { font-size: 66px; } .text-67 { font-size: 67px; } .text-68 { font-size: 68px; } .text-69 { font-size: 69px; } .text-70 { font-size: 70px; } .text-71 { font-size: 71px; } .text-72 { font-size: 72px; } .text-73 { font-size: 73px; } .text-74 { font-size: 74px; } .text-75 { font-size: 75px; } .text-76 { font-size: 76px; } .text-77 { font-size: 77px; } .text-78 { font-size: 78px; } .text-79 { font-size: 79px; } .text-80 { font-size: 80px; } .text-81 { font-size: 81px; } .text-82 { font-size: 82px; } .text-83 { font-size: 83px; } .text-84 { font-size: 84px; } .text-85 { font-size: 85px; } .text-86 { font-size: 86px; } .text-87 { font-size: 87px; } .text-88 { font-size: 88px; } .text-89 { font-size: 89px; } .text-90 { font-size: 90px; } .text-91 { font-size: 91px; } .text-92 { font-size: 92px; } @media screen and (min-width: 1200px) { .text-lg-11 { font-size: 11px; } .text-lg-12 { font-size: 12px; } .text-lg-13 { font-size: 13px; } .text-lg-14 { font-size: 14px; } .text-lg-15 { font-size: 15px; } .text-lg-16 { font-size: 16px; } .text-lg-17 { font-size: 17px; } .text-lg-18 { font-size: 18px; } .text-lg-19 { font-size: 19px; } .text-lg-20 { font-size: 20px; } .text-lg-21 { font-size: 21px; } .text-lg-22 { font-size: 22px; } .text-lg-23 { font-size: 23px; } .text-lg-24 { font-size: 24px; } .text-lg-25 { font-size: 25px; } .text-lg-26 { font-size: 26px; } .text-lg-27 { font-size: 27px; } .text-lg-28 { font-size: 28px; } .text-lg-29 { font-size: 29px; } .text-lg-30 { font-size: 30px; } .text-lg-31 { font-size: 31px; } .text-lg-32 { font-size: 32px; } .text-lg-33 { font-size: 33px; } .text-lg-34 { font-size: 34px; } .text-lg-35 { font-size: 35px; } .text-lg-36 { font-size: 36px; } .text-lg-37 { font-size: 37px; } .text-lg-38 { font-size: 38px; } .text-lg-39 { font-size: 39px; } .text-lg-40 { font-size: 40px; } .text-lg-41 { font-size: 41px; } .text-lg-42 { font-size: 42px; } .text-lg-43 { font-size: 43px; } .text-lg-44 { font-size: 44px; } .text-lg-45 { font-size: 45px; } .text-lg-46 { font-size: 46px; } .text-lg-47 { font-size: 47px; } .text-lg-48 { font-size: 48px; } .text-lg-49 { font-size: 49px; } .text-lg-50 { font-size: 50px; } .text-lg-51 { font-size: 51px; } .text-lg-52 { font-size: 52px; } .text-lg-53 { font-size: 53px; } .text-lg-54 { font-size: 54px; } .text-lg-55 { font-size: 55px; } .text-lg-56 { font-size: 56px; } .text-lg-57 { font-size: 57px; } .text-lg-58 { font-size: 58px; } .text-lg-59 { font-size: 59px; } .text-lg-60 { font-size: 60px; } .text-lg-61 { font-size: 61px; } .text-lg-62 { font-size: 62px; } .text-lg-63 { font-size: 63px; } .text-lg-64 { font-size: 64px; } .text-lg-65 { font-size: 65px; } .text-lg-66 { font-size: 66px; } .text-lg-67 { font-size: 67px; } .text-lg-68 { font-size: 68px; } .text-lg-69 { font-size: 69px; } .text-lg-70 { font-size: 70px; } .text-lg-71 { font-size: 71px; } .text-lg-72 { font-size: 72px; } .text-lg-73 { font-size: 73px; } .text-lg-74 { font-size: 74px; } .text-lg-75 { font-size: 75px; } .text-lg-76 { font-size: 76px; } .text-lg-77 { font-size: 77px; } .text-lg-78 { font-size: 78px; } .text-lg-79 { font-size: 79px; } .text-lg-80 { font-size: 80px; } .text-lg-81 { font-size: 81px; } .text-lg-82 { font-size: 82px; } .text-lg-83 { font-size: 83px; } .text-lg-84 { font-size: 84px; } .text-lg-85 { font-size: 85px; } .text-lg-86 { font-size: 86px; } .text-lg-87 { font-size: 87px; } .text-lg-88 { font-size: 88px; } .text-lg-89 { font-size: 89px; } .text-lg-90 { font-size: 90px; } .text-lg-91 { font-size: 91px; } .text-lg-92 { font-size: 92px; } } @media screen and (max-width: 1200px) { .text-md-11 { font-size: 11px; } .text-md-12 { font-size: 12px; } .text-md-13 { font-size: 13px; } .text-md-14 { font-size: 14px; } .text-md-15 { font-size: 15px; } .text-md-16 { font-size: 16px; } .text-md-17 { font-size: 17px; } .text-md-18 { font-size: 18px; } .text-md-19 { font-size: 19px; } .text-md-20 { font-size: 20px; } .text-md-21 { font-size: 21px; } .text-md-22 { font-size: 22px; } .text-md-23 { font-size: 23px; } .text-md-24 { font-size: 24px; } .text-md-25 { font-size: 25px; } .text-md-26 { font-size: 26px; } .text-md-27 { font-size: 27px; } .text-md-28 { font-size: 28px; } .text-md-29 { font-size: 29px; } .text-md-30 { font-size: 30px; } .text-md-31 { font-size: 31px; } .text-md-32 { font-size: 32px; } .text-md-33 { font-size: 33px; } .text-md-34 { font-size: 34px; } .text-md-35 { font-size: 35px; } .text-md-36 { font-size: 36px; } .text-md-37 { font-size: 37px; } .text-md-38 { font-size: 38px; } .text-md-39 { font-size: 39px; } .text-md-40 { font-size: 40px; } .text-md-41 { font-size: 41px; } .text-md-42 { font-size: 42px; } .text-md-43 { font-size: 43px; } .text-md-44 { font-size: 44px; } .text-md-45 { font-size: 45px; } .text-md-46 { font-size: 46px; } .text-md-47 { font-size: 47px; } .text-md-48 { font-size: 48px; } .text-md-49 { font-size: 49px; } .text-md-50 { font-size: 50px; } .text-md-51 { font-size: 51px; } .text-md-52 { font-size: 52px; } .text-md-53 { font-size: 53px; } .text-md-54 { font-size: 54px; } .text-md-55 { font-size: 55px; } .text-md-56 { font-size: 56px; } .text-md-57 { font-size: 57px; } .text-md-58 { font-size: 58px; } .text-md-59 { font-size: 59px; } .text-md-60 { font-size: 60px; } .text-md-61 { font-size: 61px; } .text-md-62 { font-size: 62px; } .text-md-63 { font-size: 63px; } .text-md-64 { font-size: 64px; } .text-md-65 { font-size: 65px; } .text-md-66 { font-size: 66px; } .text-md-67 { font-size: 67px; } .text-md-68 { font-size: 68px; } .text-md-69 { font-size: 69px; } .text-md-70 { font-size: 70px; } .text-md-71 { font-size: 71px; } .text-md-72 { font-size: 72px; } .text-md-73 { font-size: 73px; } .text-md-74 { font-size: 74px; } .text-md-75 { font-size: 75px; } .text-md-76 { font-size: 76px; } .text-md-77 { font-size: 77px; } .text-md-78 { font-size: 78px; } .text-md-79 { font-size: 79px; } .text-md-80 { font-size: 80px; } .text-md-81 { font-size: 81px; } .text-md-82 { font-size: 82px; } .text-md-83 { font-size: 83px; } .text-md-84 { font-size: 84px; } .text-md-85 { font-size: 85px; } .text-md-86 { font-size: 86px; } .text-md-87 { font-size: 87px; } .text-md-88 { font-size: 88px; } .text-md-89 { font-size: 89px; } .text-md-90 { font-size: 90px; } .text-md-91 { font-size: 91px; } .text-md-92 { font-size: 92px; } } @media screen and (max-width: 992px) { .text-sm-11 { font-size: 11px; } .text-sm-12 { font-size: 12px; } .text-sm-13 { font-size: 13px; } .text-sm-14 { font-size: 14px; } .text-sm-15 { font-size: 15px; } .text-sm-16 { font-size: 16px; } .text-sm-17 { font-size: 17px; } .text-sm-18 { font-size: 18px; } .text-sm-19 { font-size: 19px; } .text-sm-20 { font-size: 20px; } .text-sm-21 { font-size: 21px; } .text-sm-22 { font-size: 22px; } .text-sm-23 { font-size: 23px; } .text-sm-24 { font-size: 24px; } .text-sm-25 { font-size: 25px; } .text-sm-26 { font-size: 26px; } .text-sm-27 { font-size: 27px; } .text-sm-28 { font-size: 28px; } .text-sm-29 { font-size: 29px; } .text-sm-30 { font-size: 30px; } .text-sm-31 { font-size: 31px; } .text-sm-32 { font-size: 32px; } .text-sm-33 { font-size: 33px; } .text-sm-34 { font-size: 34px; } .text-sm-35 { font-size: 35px; } .text-sm-36 { font-size: 36px; } .text-sm-37 { font-size: 37px; } .text-sm-38 { font-size: 38px; } .text-sm-39 { font-size: 39px; } .text-sm-40 { font-size: 40px; } .text-sm-41 { font-size: 41px; } .text-sm-42 { font-size: 42px; } .text-sm-43 { font-size: 43px; } .text-sm-44 { font-size: 44px; } .text-sm-45 { font-size: 45px; } .text-sm-46 { font-size: 46px; } .text-sm-47 { font-size: 47px; } .text-sm-48 { font-size: 48px; } .text-sm-49 { font-size: 49px; } .text-sm-50 { font-size: 50px; } .text-sm-51 { font-size: 51px; } .text-sm-52 { font-size: 52px; } .text-sm-53 { font-size: 53px; } .text-sm-54 { font-size: 54px; } .text-sm-55 { font-size: 55px; } .text-sm-56 { font-size: 56px; } .text-sm-57 { font-size: 57px; } .text-sm-58 { font-size: 58px; } .text-sm-59 { font-size: 59px; } .text-sm-60 { font-size: 60px; } .text-sm-61 { font-size: 61px; } .text-sm-62 { font-size: 62px; } .text-sm-63 { font-size: 63px; } .text-sm-64 { font-size: 64px; } .text-sm-65 { font-size: 65px; } .text-sm-66 { font-size: 66px; } .text-sm-67 { font-size: 67px; } .text-sm-68 { font-size: 68px; } .text-sm-69 { font-size: 69px; } .text-sm-70 { font-size: 70px; } .text-sm-71 { font-size: 71px; } .text-sm-72 { font-size: 72px; } .text-sm-73 { font-size: 73px; } .text-sm-74 { font-size: 74px; } .text-sm-75 { font-size: 75px; } .text-sm-76 { font-size: 76px; } .text-sm-77 { font-size: 77px; } .text-sm-78 { font-size: 78px; } .text-sm-79 { font-size: 79px; } .text-sm-80 { font-size: 80px; } .text-sm-81 { font-size: 81px; } .text-sm-82 { font-size: 82px; } .text-sm-83 { font-size: 83px; } .text-sm-84 { font-size: 84px; } .text-sm-85 { font-size: 85px; } .text-sm-86 { font-size: 86px; } .text-sm-87 { font-size: 87px; } .text-sm-88 { font-size: 88px; } .text-sm-89 { font-size: 89px; } .text-sm-90 { font-size: 90px; } .text-sm-91 { font-size: 91px; } .text-sm-92 { font-size: 92px; } } @media screen and (max-width: 768px) { .text-xs-11 { font-size: 11px; } .text-xs-12 { font-size: 12px; } .text-xs-13 { font-size: 13px; } .text-xs-14 { font-size: 14px; } .text-xs-15 { font-size: 15px; } .text-xs-16 { font-size: 16px; } .text-xs-17 { font-size: 17px; } .text-xs-18 { font-size: 18px; } .text-xs-19 { font-size: 19px; } .text-xs-20 { font-size: 20px; } .text-xs-21 { font-size: 21px; } .text-xs-22 { font-size: 22px; } .text-xs-23 { font-size: 23px; } .text-xs-24 { font-size: 24px; } .text-xs-25 { font-size: 25px; } .text-xs-26 { font-size: 26px; } .text-xs-27 { font-size: 27px; } .text-xs-28 { font-size: 28px; } .text-xs-29 { font-size: 29px; } .text-xs-30 { font-size: 30px; } .text-xs-31 { font-size: 31px; } .text-xs-32 { font-size: 32px; } .text-xs-33 { font-size: 33px; } .text-xs-34 { font-size: 34px; } .text-xs-35 { font-size: 35px; } .text-xs-36 { font-size: 36px; } .text-xs-37 { font-size: 37px; } .text-xs-38 { font-size: 38px; } .text-xs-39 { font-size: 39px; } .text-xs-40 { font-size: 40px; } .text-xs-41 { font-size: 41px; } .text-xs-42 { font-size: 42px; } .text-xs-43 { font-size: 43px; } .text-xs-44 { font-size: 44px; } .text-xs-45 { font-size: 45px; } .text-xs-46 { font-size: 46px; } .text-xs-47 { font-size: 47px; } .text-xs-48 { font-size: 48px; } .text-xs-49 { font-size: 49px; } .text-xs-50 { font-size: 50px; } .text-xs-51 { font-size: 51px; } .text-xs-52 { font-size: 52px; } .text-xs-53 { font-size: 53px; } .text-xs-54 { font-size: 54px; } .text-xs-55 { font-size: 55px; } .text-xs-56 { font-size: 56px; } .text-xs-57 { font-size: 57px; } .text-xs-58 { font-size: 58px; } .text-xs-59 { font-size: 59px; } .text-xs-60 { font-size: 60px; } .text-xs-61 { font-size: 61px; } .text-xs-62 { font-size: 62px; } .text-xs-63 { font-size: 63px; } .text-xs-64 { font-size: 64px; } .text-xs-65 { font-size: 65px; } .text-xs-66 { font-size: 66px; } .text-xs-67 { font-size: 67px; } .text-xs-68 { font-size: 68px; } .text-xs-69 { font-size: 69px; } .text-xs-70 { font-size: 70px; } .text-xs-71 { font-size: 71px; } .text-xs-72 { font-size: 72px; } .text-xs-73 { font-size: 73px; } .text-xs-74 { font-size: 74px; } .text-xs-75 { font-size: 75px; } .text-xs-76 { font-size: 76px; } .text-xs-77 { font-size: 77px; } .text-xs-78 { font-size: 78px; } .text-xs-79 { font-size: 79px; } .text-xs-80 { font-size: 80px; } .text-xs-81 { font-size: 81px; } .text-xs-82 { font-size: 82px; } .text-xs-83 { font-size: 83px; } .text-xs-84 { font-size: 84px; } .text-xs-85 { font-size: 85px; } .text-xs-86 { font-size: 86px; } .text-xs-87 { font-size: 87px; } .text-xs-88 { font-size: 88px; } .text-xs-89 { font-size: 89px; } .text-xs-90 { font-size: 90px; } .text-xs-91 { font-size: 91px; } .text-xs-92 { font-size: 92px; } } @media screen and (max-width: 480px) { .text-xxs-11 { font-size: 11px; } .text-xxs-12 { font-size: 12px; } .text-xxs-13 { font-size: 13px; } .text-xxs-14 { font-size: 14px; } .text-xxs-15 { font-size: 15px; } .text-xxs-16 { font-size: 16px; } .text-xxs-17 { font-size: 17px; } .text-xxs-18 { font-size: 18px; } .text-xxs-19 { font-size: 19px; } .text-xxs-20 { font-size: 20px; } .text-xxs-21 { font-size: 21px; } .text-xxs-22 { font-size: 22px; } .text-xxs-23 { font-size: 23px; } .text-xxs-24 { font-size: 24px; } .text-xxs-25 { font-size: 25px; } .text-xxs-26 { font-size: 26px; } .text-xxs-27 { font-size: 27px; } .text-xxs-28 { font-size: 28px; } .text-xxs-29 { font-size: 29px; } .text-xxs-30 { font-size: 30px; } .text-xxs-31 { font-size: 31px; } .text-xxs-32 { font-size: 32px; } .text-xxs-33 { font-size: 33px; } .text-xxs-34 { font-size: 34px; } .text-xxs-35 { font-size: 35px; } .text-xxs-36 { font-size: 36px; } .text-xxs-37 { font-size: 37px; } .text-xxs-38 { font-size: 38px; } .text-xxs-39 { font-size: 39px; } .text-xxs-40 { font-size: 40px; } .text-xxs-41 { font-size: 41px; } .text-xxs-42 { font-size: 42px; } .text-xxs-43 { font-size: 43px; } .text-xxs-44 { font-size: 44px; } .text-xxs-45 { font-size: 45px; } .text-xxs-46 { font-size: 46px; } .text-xxs-47 { font-size: 47px; } .text-xxs-48 { font-size: 48px; } .text-xxs-49 { font-size: 49px; } .text-xxs-50 { font-size: 50px; } .text-xxs-51 { font-size: 51px; } .text-xxs-52 { font-size: 52px; } .text-xxs-53 { font-size: 53px; } .text-xxs-54 { font-size: 54px; } .text-xxs-55 { font-size: 55px; } .text-xxs-56 { font-size: 56px; } .text-xxs-57 { font-size: 57px; } .text-xxs-58 { font-size: 58px; } .text-xxs-59 { font-size: 59px; } .text-xxs-60 { font-size: 60px; } .text-xxs-61 { font-size: 61px; } .text-xxs-62 { font-size: 62px; } .text-xxs-63 { font-size: 63px; } .text-xxs-64 { font-size: 64px; } .text-xxs-65 { font-size: 65px; } .text-xxs-66 { font-size: 66px; } .text-xxs-67 { font-size: 67px; } .text-xxs-68 { font-size: 68px; } .text-xxs-69 { font-size: 69px; } .text-xxs-70 { font-size: 70px; } .text-xxs-71 { font-size: 71px; } .text-xxs-72 { font-size: 72px; } .text-xxs-73 { font-size: 73px; } .text-xxs-74 { font-size: 74px; } .text-xxs-75 { font-size: 75px; } .text-xxs-76 { font-size: 76px; } .text-xxs-77 { font-size: 77px; } .text-xxs-78 { font-size: 78px; } .text-xxs-79 { font-size: 79px; } .text-xxs-80 { font-size: 80px; } .text-xxs-81 { font-size: 81px; } .text-xxs-82 { font-size: 82px; } .text-xxs-83 { font-size: 83px; } .text-xxs-84 { font-size: 84px; } .text-xxs-85 { font-size: 85px; } .text-xxs-86 { font-size: 86px; } .text-xxs-87 { font-size: 87px; } .text-xxs-88 { font-size: 88px; } .text-xxs-89 { font-size: 89px; } .text-xxs-90 { font-size: 90px; } .text-xxs-91 { font-size: 91px; } .text-xxs-92 { font-size: 92px; } } .caps { text-transform: uppercase; } .letter-spacing-15 { letter-spacing: 15px; } .letter-spacing-20 { letter-spacing: 20px; } .inline-block { display: inline-block; } @media screen and (max-width: 1200px) { .header { background-size: 100% auto; background-position: center top; } .timeline, .timeline .image, .timeline .icon, .timeline .description { text-align: center; } .timeline .block-circle { height: 900px; width: 900px; margin-left: -450px; top: 63px; } .timeline .description { margin-top: 230px; margin-bottom: 30px; } .timeline .row-item { position: relative; background-color: #fff; background-image: none; height: 950px; } .cloud1 { top: 90px; left: 40px; } .cloud2 { top: 380px; right: -40px; } .cloud3 { top: 700px; left: 40px; } .circle1 { top: 520px; left: 50%; } .world-map { height: 670px; padding-top: 60px; background-size: 100% auto; text-align: center; } .timeline .line:before { top: -160px; } .tariffs table { width: 100%; } .timeline .line:before { bottom: 880px; } } @media screen and (max-width: 992px) { .timeline .row-item { background-color: none; height: 770px; } .timeline .image, .timeline .icon, .timeline .description { text-align: center; } .timeline .description { margin-top: 40px; } .timeline .description h3 { font-size: 22px !important; } .timeline .description p { font-size: 18px !important; } .timeline .block-circle { height: 720px; width: 720px; margin-left: -360px; } .cloud1 { top: 90px; left: -20px; } .cloud2 { top: 300px; right: -40px; } .cloud3 { top: 500px; left: -10px; } .circle1 { top: 365px; left: 45%; } .world-map { height: 555px; padding-top: 40px; } .world-map img { width: 720px; height: auto; } .timeline .line:before { top: -120px; bottom: 700px; } .search_talents { margin-top: 0; } .footer .search_talents { margin: 0; } } @media screen and (max-width: 768px) { .header h3 { font-size: 28px !important; } .content { background-size: 100% auto; } .timeline .row-item { padding-bottom: 10px; height: auto; } .world-map { height: 425px; padding-top: 0px; } .world-map img { width: 468px; height: auto; } .timeline .line:before { top: -40px; bottom: 515px; } .header { padding-top: 80px; } .header h3 { font-size: 32px; } .tariffs h3, .partners h3, .order-service h3 { text-align: center; font-size: 32px !important; } .tariffs .button { margin: 50px auto; } .bitrix24 { max-width: 100%; height: auto; padding: 0px 30px; } } @media screen and (max-width: 600px) { .world-map { height: 355px; background-position: center 25px; } .world-map img { width: 430px; height: auto; } .timeline .line:before { top: 0px; } } @media screen and (max-width: 480px) { .world-map { height: 280px; } .world-map img { width: 336px; height: auto; } } .bxeditor-textarea { line-height: 20px; } /* End */ /* Start:/local/templates/landing_bitrix24_2016/css/media.css?171506925215379*/ @media only screen and (max-width : 1200px) { html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } .wrapper_inner{ width: 85%;} .services .item .title { font-size: 1.64em; } .services .ico a{ display: block; margin: 0 auto; width: 100px; height: 64px; background: url(/local/templates/landing_bitrix24_2016/css/../images/srite_1_s.png) top left no-repeat; } .services .ico a.auto { background-position: 0 0; width: 100px; height: 64px;} .services .ico a.bitrix { background-position: 0 -164px; width: 100px; height: 64px;} .services .ico a.dev { background-position: 0 -328px; width: 100px; height: 64px;} .services .ico a.seo { background-position: 0 -492px; width: 100px; height: 64px;} .services .ico a.supp { background-position: 0 -656px; width: 100px; height: 64px;} .services .level_2 .item .r_part { padding-left: 60px; padding-right: 20px;} .services .services_section .items .item .r_part { padding-left: 60px; padding-right: 30px;} .services .level_2 .item .title{ font-size: 1.3em;} .services .level_2 .item .detail { display: none; } .news_section.first{ clear: both;} .trust_us .item+.item ~.item { display: none; } .services .level_2 .item .ico a{ display: block; margin: 0 auto; width: 50px; height: 50px; background: url(/local/templates/landing_bitrix24_2016/css/../images/sprite_2_s.png) no-repeat; } .services .level_2 .item .ico a.design{background-position: 0 -1639px;} .services .level_2 .item .ico a.project{background-position: -149px -894px;} .services .level_2 .item .ico a.development{background-position: 0 -1788px;} .services .level_2 .item .ico a.apps{background-position: 0 -447px;} .services .level_2 .item .ico a.firmstyle{ background-position: -149px 0;} .services .level_2 .item .ico a.solutions{background-position: -149px -1192px;} .services .level_2 .item .ico a.seo_small{background-position: -149px -1043px;} .services .level_2 .item .ico a.context{background-position: 0 -1341px;} .services .level_2 .item .ico a.smm{background-position: 0 -298px;} .services .level_2 .item .ico a.media{background-position: -149px -596px;} .services .level_2 .item .ico a.pr{background-position: 0 -149px;} .services .level_2 .item .ico a.bitrix_support{background-position: 0 0;} .services .level_2 .item .ico a.consalting{background-position: 0 -1043px;} .services .level_2 .item .ico a.hosting{background-position: -149px -149px;} .services .level_2 .item .ico a.bitrix_cms{background-position: 0 -745px;} .services .level_2 .item .ico a.bitrix_24{background-position: 0 -596px;} .services .level_2 .item .ico a.marketplace{background-position: -149px -447px;} .services .level_2 .item .ico a.corporate_portals{background-position: 0 -1490px;} .services .level_2 .item .ico a.business_processes{background-position: 0 -894px;} .services .level_2 .item .ico a.consalting_automatization{background-position: 0 -1192px;} .services .level_2 .item .ico a.mobile_apps{background-position: -149px -745px;} .services .level_2 .item .ico a.integration_with_CIS{background-position: -149px -298px;} .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: 3%; } .owl-theme .owl-controls .owl-buttons div.owl-next{ right: 3%; } .portfolio .item {width: 31.2%; margin: 1%; } .services .level_2 .portfolio .item { padding: 0px !important; float: left; width: 23%; margin: 1%; position: relative; overflow: hidden;border-radius: 50%; } .services .level_2 .portfolio .item.clear_1 { clear: both;} .services .level_2 .portfolio .item.clear_2 { clear: none;} .clear_1{ clear: none; } .clear_2{ clear: both; } .services.no_bg_inline .level_2 .item .title{ padding-top: 8px;} .services.no_bg_inline .level_2 .item .title.short{ padding-top: 14px;} .bitrixslide .right_part { padding-top: 12.8%; } } @media only screen and (max-width : 1125px) { .bitrixslide .right_part { padding-top: 9%; } .top-menu .buttons .menu_pop_swich { display: inline-block;} .top-menu .buttons .phone_pop_swich { display: inline-block;} .top-menu .buttons .form_pop_swich2 { display: inline-block;} .top-menu .buttons .form_pop_swich { display: none;} .phones_drop { display: none; } .menu { display: none; } .content .submenu { display: none; } } @media only screen and (max-width : 1025px) { .logo {/* width: 90px; position: absolute; left: 50%;margin-left: -45px; margin-left: 30%;*/ } .wrapper_inner{ width: 88%; margin: 0 auto;/**/ } /* .menu .button { width: 30px; height: 30px; margin: 20px 10px; display: block; background: url(/local/templates/landing_bitrix24_2016/css/../images/menu_ico.png) center center no-repeat; float: right; } .menu ul { display: none; padding-top: 30px; clear: both;} .menu li { float: none; padding-left: 15px; padding-right: 80px; height: auto; margin-bottom: 28px;} .menu li+li a{ margin-left: 0px; } .menu li a{ line-height: 1.2em; height: auto; padding-left: 25px;} .menu li.parent>a { background: url(/local/templates/landing_bitrix24_2016/css/../images/menu_left_selected.png) left center no-repeat;} .menu li.selected a:after{ display: none;} .menu li .sub { padding-top: 26px; display: block; } .menu li .sub li a{ font-size: 0.88em } .menu li .sub li a.blue{ color: #0f8fe1; }*/ .mCustomScrollbar.disabled .canbehiden_640{ display: none;} .news.disabled_scroll .news_section { width: 100%; float: none; margin-right: 0%;} .news.disabled_scroll .news_section .buttons a.load_more{ display: block;} .services .level_1 .item { float: left; width: 33%;} .services .item.selected:after {margin-left: 15%;} .services .level_2 .item { width: 50%; margin-bottom: 16px; } .services .level_2 .item.first, .news_section.first{ clear: both;} .trust_us .item { float: none; clear: both; width: 100%; } .footer .top .col_1{ width: 60%; float: left; } .footer .top .col_2{ display: none; } .footer .top .col_3{ width: 40%; float: right; } .services .level_1 > div.wrapper_inner{ width: 100%; } .level_2.sub_row.active { display: block; } .level_2.main { display: none; } .services .row ,.services.with_portfolio .row { position: relative; /*width: 86%; margin: 0 10px 0 auto;*/ padding: 30px 0px 5px 0px; } .services .row .clear{ display: block;} .services .level_1>.wrapper_inner{ padding: 0px; } /*#slider .wrapper_inner{ width: auto; margin: 0 auto; } */ .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: 10px; } .owl-theme .owl-controls .owl-buttons div.owl-next{ right: 10px; } .portfolio .item, .services .level_2 .portfolio .item {width: 36% /*!important*/; margin: 3% 7% /*!important*/; } .clear_1{ clear: none; } .clear_2{ clear: none; } .clear_3{ clear: both; } .figure_with_desc { padding: 30px 0px; padding-left: 40px; } .blog .item { width: 48%; margin: 0 1% 20px;} .blog .item.first { clear: both;} .two_cols {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;} .form_item.half { width: auto; float: none;} .figure_with_desc.duble .figures{ text-align: center; } .figure_with_desc.duble .figure{ width: auto; max-width: none; margin: 0px auto 18px; float: none; } .three_cols .col { float: none; width: auto; } .three_cols .col +.col { margin-left: 0;} .footer .social_icons li +li {margin-left: 10px;} .persons .item.first{ clear: none;} .persons .item.second{ clear: both;} .persons .item{ width: 45%; float: left; margin-left: 5%; margin-bottom:2%; } .bitrixslide .right_part { padding-top: 6%; padding-bottom: 10px; } .bitrixslide .right_part .subtitle {font-size: 1.2em;} /*.bitrixslide .right_part h3 { padding-top: 8%; }*/ table.styled th{ padding: 15px 10px 15px 10px;} table.styled td{ padding: 15px 10px 15px 10px;} .footer .map , .footer .map_switch_wrapp { display: none; } } @media only screen and (max-width : 800px) { .bitrixslide .right_part h3{ font-size: 1.6em;} .bitrixslide .right_part { padding-top: 4%; } .contacts .col_1{ width: 48%; margin-right: 2%; margin-bottom: 20px;} .contacts .col_2{ width: 48%; margin-right: 2%; margin-bottom: 20px;} .contacts .col_3{ width: auto; text-align: center; float: none; clear: both;} } @media only screen and (max-width : 700px) { .persons .item{ width: 70%; float: none; margin-left: 5%; margin-bottom:2%; clear: both; } .persons .item.first{ clear: both;} /*.persons .item.second{ clear: both; float: right;} .persons .item.second +.item{ clear: both; float: left;}*/ .bitrixslide .left_part { padding-top: 40px;} .bitrixslide .right_part h3{ font-size: 1.6em; position: absolute; left: 0px; width: 100%; top: 10px;} .bitrixslide .right_part { padding-top: 0px; padding-left: 0px; position: relative; } .bitrixslide .right_part .subtitle { padding-top: 70px;} .services.with_portfolio .level_1 .item .left_part{ float: none; width: 100%; } .services.with_portfolio .level_1 .item .right_part{ padding-left: 0%; } .services.with_portfolio .level_1 .item .right_part .title{ text-align: center;} } @media only screen and (max-width : 550px) { .wrapper_inner, /*.services .level_1 > div.wrapper_inner,*/ .services .level_2 .wrapper_inner, #slider .wrapper_inner, .owl-theme .owl-pagination {width: auto;padding: 0 10px 0 10px; margin: 0px;} .services .item .title {font-size: 1.4em;} .footer .map { background-size: cover !important; margin-right: -50px;} .footer .map .map_wrapp .wrapper_inner{ height: 200px;} .footer .map .map_wrapp .wrapper_inner .switch{ width: 200px; top: 40px; left: 50%; margin-left: -100px; font-size: 0.8em} /**/ .footer .map .map_wrapp .wrapper_inner .switch li{ height: 20px; line-height: 20px;} /**/ .footer .map .map_wrapp .wrapper_inner .switch li a{color: #FFFFFF; text-decoration: none;} /**/ .footer .map .map_wrapp .wrapper_inner .switch li.selected{background: #FFFFFF; color: #47a0e5;} /**/ .footer .map .map_wrapp .wrapper_inner .switch li.selected a{ color: #47a0e5;} /**/ .services .services_section .ico{ float: none; margin: 0 auto 10px;} .services .services_section .r_part{ padding-left: 0px;} .services .services_section .items .item {width: 100%; float: none; padding-top: 10px;} .services .services_section .items .item ~ .item { border-top:1px dashed #6A636E;} .services .services_section .r_part .title { text-align: center; font-size: 1.6em; } .services .services_section .items .item .r_part { padding-left: 0px; padding-right: 0px;} .services .services_section .item .r_part .title { text-align: left; font-size: 1.4em; padding-left: 60px; padding-top: 10px; } .services .services_section .r_part .desc { clear: both; } .portfolio .item, .portfolio.thre_items .item {width: 90% !important; margin: 5%; float: none; clear: both; } .figure_with_desc { padding: 30px 0px; padding-left: 30px; } .figure {max-width: 100%;} .figure.right { float: none;margin-left: 0px;} .figure.left { float: none;margin-right: 0px;} .footer .top .col_1{ width: 100%; float: none; } /*.footer .top .col_1 .addr {padding-left: 0px;}*/ .footer .top .col_3{ width: 100%; float: none; } .footer .search_talents{ margin: 0px; } /*.map_switch_wrapp { padding: 10px 0px 10px 0px;}*/ .blog .item { width: auto; float: none; margin: 0 0 20px; } .services.no_bg_inline .level_2 .item.first { clear: none; } .persons_wrap { clear: both; } .contacts .col_1{ width: 80%; margin-left: 20%; margin-bottom: 20px;} .contacts .col_2{ width: 80%; margin-left: 20%; margin-bottom: 20px;} .hide_mobile { display: none; } .modal_menu .sublevel li { width: 46%; margin-right: 3%; display: inline-block; box-sizing: border-box;} .side_phone .big_phone { font-size: 24px; } .news_section.canbehiden_640{ display: none; } } @media only screen and (max-width : 479px) { .top-menu{ height: auto; } .owl-theme .owl-pagination{ display: block; padding-top: 5px;background: #262626; } .owl-theme .owl-buttons{ display: none; } .level_2.main { padding: 30px 0px 5px 0px; } .services .level_2.main .item{ width: 100%; float: none;} .services .row, .services .row, .services.with_portfolio .row{ width: 100%; padding: 0px; margin: 0px; position: static; } .logo {margin: 0 auto;float: none; } .phones { width: 140px; margin: 0 auto;float: none; } .level_2.sub_row.active, .with_portfolio .level_2.sub_row.active {display: none;} .services .level_1 .item, .services.with_portfolio .level_1 .row .item { float: none; width: 100%;} .level_2.main,.services.with_portfolio .level_2.main {/* display: block;*/ } .services .item.selected:after{ display: none; } .services .level_1 > div.wrapper_inner, .services.with_portfolio .level_1>.wrapper_inner{ width: auto;padding: 0 10px 0 10px; margin: 0px; } .news .news_section .buttons a{ color: #0f8fe1; text-decoration: none; text-transform: uppercase;font-family: 'helv_bold', Arial, Helvetica, sans-serif; font-size: 0.8em;line-height: 0.9em; display: block; padding: 8px 15px; border-radius: 0px; border: none; float: left; } .news .news_section .buttons a span{ display: none;} .news.disabled_scroll .news_section .buttons { padding: 0px; border-radius: 20px; border: 2px solid #0f8fe1; } .trust_us .item .l_part, .trust_us .item .r_part{ float: none; width: 100%; padding-bottom: 20px; padding-top: 20px; } .trust_us .item .l_part{ display: none; } .service_head .service_logo { float: none; width: 50%; padding: 0 0% 1.75%; margin: 0 auto; } .service_head .service_description{ width: 100%; float: none; } .service_head .service_description h1{ margin-bottom: 30px; font-size: 2em; text-align: center;} h2.section_title { font-size: 1.8em; } .accordeon li h4 { padding: 16px 0px; padding-left: 28px; background: url(/local/templates/landing_bitrix24_2016/css/../images/accordeon_item.png) 0px 50% no-repeat; position: relative; font-size: 1.3em;} .accordeon li.active h4 { color: #000000; background: url(/local/templates/landing_bitrix24_2016/css/../images/accordeon_item_active.png) 0px 50% no-repeat; } .figure_with_desc { padding: 30px 0px; padding-left: 10px; } .content h1 { font-size: 2.5em; line-height: 1.2em; } .content h2 { font-size: 2.25em; line-height: 1.2em; } .content h3 { font-size: 2em; line-height: 1.1em; } .content h4 { font-size: 1.5em; line-height: 1.1em; } .section_sub_title { font-size: 1.2em; } .persons .item{ width: auto; float: none; margin-left: 0; margin-bottom:2%; clear: both; } .persons .item.first{ clear: both;} .persons .item.second{ clear: both; float: none;} .persons .item.second +.item{ clear: both; float: none;} .persons .item .r_part {float: left;padding-left: 2%;padding-top: 5%; font-size: 1em;} .bitrixslide .right_part .subtitle { overflow: hidden; height: 0px;} .bitrixslide .right_part h3 { font-size: 1.3em; text-align: center; } .services.with_portfolio .level_1 .item .left_part{ float: left; width: 36%; } .services.with_portfolio .level_1 .item .right_part{ padding-left: 36%; } .services.with_portfolio .level_1 .item .right_part .title{ text-align: left;} .modal_menu .sublevel li { width: 100%; margin-right: 0%; display: block; box-sizing: border-box;} .top-menu .buttons { float: right; padding: 24px 0px 16px 0px; } .top-menu .wrapper_inner { padding: 0px 6px 0px 6px; } .top-menu .logo { float: left; margin-left: 0;} .side_phone .big_phone { font-size: 34px } } /* End */ /* Start:/local/templates/landing_bitrix24_2016/css/animations.css?17150692521748*/ @media screen and (min-width: 992px) { .timeline .image, .timeline .description { visibility: hidden; } .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 80% { transform: translateX(-4%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 80% { -webkit-transform: translateX(-4%); } 100% { -webkit-transform: translateX(0%); } } .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 80% { transform: translateX(4%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 80% { -webkit-transform: translateX(4%); } 100% { -webkit-transform: translateX(0%); } } } /* End */ /* Start:/local/components/ipgpromo/form.callback/templates/popup/style.css?1715069252148*/ .sidebar { padding: 24px 24px 24px;} .side_form .sidebar_title { padding: 0px 3px 25px; } .form_item textarea { line-height: 1em; } /* End */ /* Start:/local/templates/landing_bitrix24_2016/template_styles.css?17150692541247*/ .check_lang_button { border-radius: 12px 0 0 12px; cursor: pointer; display: inline-block; font-family: "helv_bold",Arial,Helvetica,sans-serif; font-size: 10px; font-weight: bold; border: 1px solid #a4a4a4; color: #ffffff; z-index: 1; text-decoration: none!important; height: 22px; line-height: 22px; padding-left: 9px; padding-right: 4px; z-index: 1; position: relative; cursor: pointer; } .check_lang_button:hover{ color: #ffffff; } .check_lang_button_act { padding-right: 9px; padding-left: 4px; background: none; border-radius: 0 12px 12px 0; border-color: #0bb8d8; background: #0bb8d8; border-left: 0; margin-right: 35px; cursor: default; } .triangle-right { border-bottom: 5px solid transparent; border-left: 10px solid #ffffff; border-top: 5px solid transparent; float: right; height: 0; margin: 13px 0 0 10px; width: 0; } .check_lang_button img{ margin-bottom: -3px; } .phone_link span { color: #ffffff; font-family: "helv_roman",Arial,Helvetica,sans-serif; font-size: 17px; text-decoration: none; line-height: 24px; margin-right: 35px; display: inline-block; } @media screen and (max-width: 610px) { .phone_link{ display: none; } } /* End */ /* /local/templates/landing_bitrix24_2016/css/jquery.mCustomScrollbar.css?171506925217639 */ /* /local/templates/landing_bitrix24_2016/css/jquery.formstyler.css?171506925210294 */ /* /local/templates/landing_bitrix24_2016/css/fancybox/jquery.fancybox-1.3.4.css?17150692528852 */ /* /local/templates/landing_bitrix24_2016/css/bootstrap.css?1715069252147430 */ /* /local/templates/landing_bitrix24_2016/css/style.css?1765189104148033 */ /* /local/templates/landing_bitrix24_2016/css/media.css?171506925215379 */ /* /local/templates/landing_bitrix24_2016/css/animations.css?17150692521748 */ /* /local/components/ipgpromo/form.callback/templates/popup/style.css?1715069252148 */ /* /local/templates/landing_bitrix24_2016/template_styles.css?17150692541247 */