.request-sidebtn { position: fixed; left: -80px; top: 28%; z-index: 20; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .request-sidebtn.fixed { left: -15px; } .request-sidebtn:hover { left: -10px; } /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -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; } button.axil-btn.btn-fill-primary.btn-fluid.btn-primary { font-size: 16px; color: #fff; font-family: 'Montserrat', sans-serif; background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); font-weight: 600; padding: 14px 0px 14px 0px; border-radius: 12px; outline: none; border: none; width: 100%; margin-bottom: 35px; } section.error-page.onepage-screen-area { padding: 50px 0px 30px; } section.error-page.onepage-screen-area p { font-size: 18px; padding: 15px 0px; } a.error-btn { border: none; box-shadow: none; padding: 13px 28px; border-radius: 5px; outline: none; letter-spacing: 1px; text-transform: uppercase; font-size: 17px; display: inline-block; margin: 0 auto!important; height: auto; color: #fff; font-weight: 600; background: #a20220; text-decoration: none; } .greybgsfoot i { color: #7670f3; } #welcome { padding: 0px 0px 50px; } .blog-three { background: #000; padding: 20px; margin-bottom: 25px; min-height: 300px; border-radius: 10px; } p.mt10.collapsible-p { color: #747474; font-size: 14px; line-height: 20px; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .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: 0px; } /* 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: 30px; /* 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .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: #7670f3; background-color: #7670f3; 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-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: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #7670f3; background-color: #7670f3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; 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: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #7670f3; background-color: #7670f3 } .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: #7670f3; background-color: #7670f3; } .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; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .mcs-horizontal-example{ width: 100%; /* height: 165px; */ overflow-x: auto; white-space: nowrap; margin: 25px 0 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mcs-horizontal-example .col-md-3{ white-space: normal; width: 220px; } body { font-size: 13px; color: #404040; font-family: 'Roboto', sans-serif; overflow-x: hidden; } a:focus { outline:none; } h1, h2, h3, h4, h5, h6 { color: #000000; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 400; } img { max-width: 100%; height: auto; } .list-style-01 { margin: 5px; width: 520px; list-style: none; } .list-style-01 li { float: left; display: inline; text-decoration: underline; color: #0061c2; padding: 0 5px; border-right: 1px solid #0061c2; font-size: 10px; } .list-style-01 li a { color: #0061c2; } .list-style-02 { margin: 5px; } .list-style-02 li { padding: 0px 0 5px 12px; position: relative; } .list-style-02 li:before { content: "\f111"; font: normal normal normal 14px/1 FontAwesome; position: absolute; font-size: 7px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ff2a00; left: 0; top: 7px; } .clear { clear: both; } .nopad { padding:0px; } .nopad-right { padding-right:0px; } .nopad-left { padding-left:0px; } header { width: 100%; border-bottom: #ececec 1px solid; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .top-bar {min-height: 77px; background:white; } .logo { margin:10px 0 10px 0px; display:table; /*max-width: 200px;*/ } ul.topnav { margin: 0; text-align: center; display: block; clear: both; } ul.topnav > li { float: left; font-size: 14px; margin-right: 0; border-right: #ececec 1px solid; padding-right: 19px; margin: 0; padding: 5px 22px; } ul.topnav > li:last-child { margin-right:0px; } ul.topnav > li > a { color: #6f6f6f; display: block; padding: 5px 0; text-transform: uppercase; } ul.topnav > li > a:hover { color: #7670f3; } ul.topnav > li > a.price_dynamic { margin-top: 1px; font-size: 15px; color: #898989; } ul.topnav > li > a.price_dynamic:hover { color: #183dff; } .linksbds{ border-right: #ececec 1px solid; border-left: #ececec 1px solid; float: right; overflow: hidden; } ul.top-cta { padding: 0px 0 0px 0; text-align: center; /* border-right: #ececec 1px solid; border-left: #ececec 1px solid;*/ margin: 0; float:right; display: block; } ul.topnav > li.startup-link-top > a { color: #7670f3; margin-top: 3px; } ul.topnav > li > a i.fa-usd{ border: 1px solid #898989; border-radius: 100%; padding: 2px 4px; display: inline-block; vertical-align: middle; margin-top: -4px; font-size: 10px; color: #898989; } ul.topnav li.startup-link-top a:hover { color: #36454f; } ul.topnav > li:nth-last-child(2) a:before { font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-right: 2px; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 0.3s ease-in-out; position:relative; font-size: 13px; } ul.topnav li:nth-last-child(1){border-right: none;padding: 0 0px 0 22px;} ul.topnav li:nth-last-child(2){border-right: none;padding: 0 25px 0 15px;} ul.topnav > li:nth-last-child(1) a:before { font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-right: 2px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 0.3s ease-in-out; position: relative; font-size: 13px; } ul.topnav li:nth-last-child(1) a:hover:before { top: -2px; -moz-transform: scale(1) rotate(0deg) translate(0px, -3px); -webkit-transform: scale(1) rotate(0deg) translate(0px, -3px); -o-transform: scale(1) rotate(0deg) translate(0px, -3px); transform: scale(1) rotate(0deg) translate(0px, -3px); } .stickyheader ul.topnav > li:nth-last-child(1) a:before { display: none; } ul.topnav > li:nth-last-child(2) a, ul.topnav > li:nth-last-child(1) a{ margin: 7px 0; font-size: 12px; /*text-transform: initial;*/ } ul.topnav li:last-child{ position: relative; } ul.topnav li:last-child:before{ position: absolute; content: ""; width: 1px; height: 17px; background: #c8c8c8; left: 0px; top: 0; bottom: 0; margin: auto; } ul.topnav li:nth-last-child(2) a:hover:before { top:-2px; -moz-transform: scale(1) rotate(0deg) translate(0px, -3px); -webkit-transform: scale(1) rotate(0deg) translate(0px, -3px); -o-transform: scale(1) rotate(0deg) translate(0px, -3px); transform: scale(1) rotate(0deg) translate(0px, -3px); } ul.topnav > li > a i{ margin-right: 4px; font-size: 13px; } ul.top-cta li ul.topbtns-pric li a { color: #36454f; padding: 10px 0 10px 0; margin: 0; text-transform: inherit; font-size: 14px; } ul.topnav{ border-top: #ececec 1px solid; } ul.top-cta > li:first-child{ font-size: 20px; text-align: center; padding-bottom: 0px; margin: 0 0 0px 0; display: block; margin: 0; padding: 0px 0px; } ul.top-cta li ul.topbtns-pric > li { font-size: 15px; padding-bottom: 0px; margin: 0 0 14px 0; display: inline-block; margin-bottom: 0; padding: 0 20px; font-family: 'Open Sans', sans-serif; } ul.top-cta li ul.topbtns-pric > li a strong{font-weight: 600;} ul.top-cta li ul.topbtns-pric > li:last-child{border-left: 1px solid #ececec ;} ul.top-cta li ul li a:hover:before { -moz-transform: scale(1) rotate(40deg) translate(0px); -webkit-transform: scale(1) rotate(40deg) translate(0px); -o-transform: scale(1) rotate(40deg) translate(0px); transform: scale(1) rotate(40deg) translate(0px); } ul.top-cta li { font-size: 12px; color: #6f6f6f; display: inline-block; padding: 0; position:relative; font-family: 'Futura Std-mid'; /*position:relative;*/ } li ul.topnav > li:first-child a:before{ display: none; } /*ul.top-cta > li:nth-last-child(2), ul.top-cta > li:nth-last-child(1) {margin: 15px 0;padding: 0 15px;}*/ .top-cta li ul > li.startup-link-top a{ color: #183dff; } .marig-0{ margin-right: 0 !important; } ul.top-cta > li:nth-last-child(1):before {position:absolute;content:"";width:1px;height:17px;background:#ececec;left:0px;top:-2px;} ul.top-cta li:first-child:before { display:none; } ul.top-cta li:nth-child(2):before { display:none; } ul.top-cta li a { display: block; color: #6f6f6f; text-transform: capitalize; margin: 0 0px; } ul.top-cta li i { margin-right: 10px; font-size: 13px; display: inline-block; vertical-align: middle; } .navigation { border-top: #ececec 1px solid; border-bottom: #ececec 1px solid; padding: 0; text-align: left; background:white; } .navigation div > ul > li:first-child a{ padding: 22px 0px 21px 0; } .navigation div > ul > li:first-child a.homelinks-a { width: 19px; padding-top: 20px; } .stickyheader ul.topnav > li.stickyon { display: inline-block; } .navigation div > ul > li .homeicons, .stickyheader ul.topnav > li > a i.homeicons{ background-position: -148px -71px; width: 19px; height: 16px; display: inline-block; } .navigation div > ul > li { display: inline-block; color: #000000; letter-spacing: 0.5px; font-size: 15px; text-transform: uppercase; margin: 0px 15px; letter-spacing: 2.4px; } .navigation div > ul > li:last-child { margin-right: 0px; } .navigation div > ul > li:first-child {margin-left:0px;margin-right: 0;} .navigation div > ul > li:nth-last-child(2) { margin-right:0px } .navigation ul > li > a { color: #000000; position: relative; display: block; font-size: 15px; padding: 22px 21px 21px 0; } .navigation div > ul > li:last-child a { padding-right: 0px; } .navigation div > ul > li:last-child a.sub-menu:after { right: -13px; } .nav-submenu { position: absolute; top: 100%; left: 45%; -webkit-transform: translateX(-49.9%); transform: translateX(-49.9%); transition: all .1s linear; width: auto; z-index: 2; visibility: hidden; opacity: 0; border-top:3px solid #7670f3; -webkit-box-shadow: 0px 5px 16px -4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 16px -4px rgba(0,0,0,0.5); box-shadow: 0px 5px 16px -4px rgba(0,0,0,0.5); } .navigation ul li:hover .nav-submenu { opacity: 1; visibility: visible } .sub-menu{ position: relative; } .navigation ul > li:hover > a.sub-menu:before{ opacity: 1; visibility: visible } .navigation ul > li > a.sub-menu:before { content: ""; position: absolute; bottom: -2px; left: 0; right: 0; top:initial!important; transform: initial!important; margin: auto; z-index: 1; visibility: hidden; opacity: 0; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #7670f3; } .navigation ul li .nav-submenu>li { background-color: #fff; width: auto; max-width: 100%; white-space: nowrap; position: relative; z-index: 2 } .navigation ul li .nav-submenu li:not(:first-child) { border-top: 1px solid #e3e3e3 } .navigation ul li .nav-submenu li a { display: block; color: #36454f; padding: 18px 25px; transition: all .1s linear; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 500; text-align: center; } .navigation ul li .nav-submenu li a:hover { background: #7670f3; color: #fff; position: relative; z-index: 2; } section.banner-hm { background: #f2f2f2 url("../images/mainbanners.jpg") no-repeat center; padding: 0 0 20px 0; overflow: hidden; background-size: cover; position:relative; } section.banner-hm:before { background: url(../images/offer-tag.png) no-repeat; position: absolute; height: 325px; width: 181px; left: 0; top: 0; content: ""; background-size: contain; background-position: bottom; } .slider-content.innersliders{ padding-top: 100px; color: #fff; font-size: 22px; font-weight: 300; width: 56%; display: inline-block; } .banner-hm .banner-text { padding-top: 130px; color: #fff; font-size: 22px; font-weight: 300; width: 43%; display: inline-block; } .banner-hm .banner-text h5, .innersliders h5,.innersliders h1{ color: #fff; font-size: 34px; font-weight: 300; font-style: normal; margin-bottom: 8px; } .banner-hm .banner-text h3 { color: #fff; font-weight: 500; font-size: 44px; margin-bottom: 25px; position: relative; padding-bottom: 20px; } .slider-content.innersliders h3 { color: #fff; font-weight: 500; font-size: 20px; margin-bottom: 25px; position: relative; padding-bottom: 20px; } .stickyheader .top-bar { display: none; } .banner-hm .banner-text h3:before, .slider-content.innersliders h3:before{ content: ''; background-position: -6px -43px; width: 66px; height: 6px; display: block; position: absolute; bottom: 0; left: 0; } .banner-hm .banner-text p, .slider-content.innersliders p { font-size: 20px; margin-bottom: 35px; line-height: 30px; padding-right: 20px; } .slider-content.innersliders a{ font-weight: 700; font-size: 16px; } .slider-content.innersliders a{ color: #36454f; } /*.innerstyle-bann .container{ display: flex; align-items: center; height: 100%; margin-top: -20px; }*/ .innerstyle-bann .container{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; } .innerstyle-bann .slider-content, /*.banner-hm.innerstyle-bann .banner-text{ padding-top: 0; }*/ /*.innerstyle-bann .banner-hm.innerstyle-bann .banner-text{ padding-top: 0; }*/ .homepages .innerstyle-bann .container{ transform: initial; margin-top: 0; position: relative; top: 0; } .redcol{color: #7670f3; } .banner-hm .banner-text a { text-transform: uppercase; font-size: 15px; font-weight: 500; padding: 20px 40px 20px 25px; color: #36454f; } .banner-vectors { display: inline-block; position: relative; width: 56%; text-align: right; height: 532px; padding-top: 30px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; } .banner-vectors img.main-banner-laptop { position: absolute; top: 39px; left: 0; z-index: 0; max-width: inherit !important; } .banner-vectors img.main-banner-mobile-img { left: -30px; bottom: 10px; z-index: 3;/* animation: shake 1200ms; */ } .banner-vectors img.main-banner-cup-img { left: 160px; bottom: -15px; z-index: 5;/* animation: shake 1200ms; */ } .banner-vectors img { position: absolute; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; } .banner-vectors img.main-banner-tablet { right: -190px; bottom: 0; z-index: 4; } .banner-vectors img.main-banner-img { right: 80px; bottom: 0; z-index: 9; } .banner-vectors:after { clear: both; display: block; content: ""; } .banner-vectors:hover img.main-banner-tablet { /* right: -27px; */ /* bottom: 10px; */ } .banner-vectors:hover img.main-banner-mobile-img { /* left: -80px; */ /* bottom: -25px; */ } .banner-vectors:hover .main-banner-img { img.b5-img: hover { animation: shake 1200ms; } transition: all .1s ease-in; img.b5-img: hover { animation: shake 1200ms; } animation: shake 1200ms; /* animation: shake 1200ms; */ } .banner-vectors:hover img.main-banner-laptop { /* transform: scale(1.01); */ /* transition: all .5s ease-in; */ } .banner-hm .banner-text a:after { } /*.banner-hm .banner-text a:hover:after { right: 12px; }*/ section.online-industries { text-align: center; padding: 60px 0; } .customer-review h2 { color: #0082ca; font-size: 44px; font-weight: 500; margin-bottom: 30px; } .customer-review h2 span { font-weight:300;} section.online-industries h2 { position: relative; color: #36454f; font-size: 36px; font-weight: 700; margin-bottom: 30px; padding-bottom: 20px; } section.online-industries h2:before{ content: ''; background-position: -107px -44px; width: 61px; height: 6px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } section.online-industries h2 strong { font-weight:500; } section.online-industries h6 { font-size: 20px; color: #555555; margin-top: 12px; line-height: 26px; font-weight: 700; } section.online-industries .col-md-2 { margin-bottom: 50px; } section.online-industries .col-md-2 a:hover h6{ color: #7670f3; } section.creative-ideas { background: #111b21; padding:55px 0 50px 0; text-align: center; } section.creative-ideas h2 { color: #f5f5f5; font-size: 36px; font-weight: 700; margin-bottom: 20px; } .headstylecenter{ position: relative; padding-bottom: 20px; } .headstylecenter:before{ content: ''; background-position: -107px -44px; width: 61px; height: 6px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .headstyleleft{ position: relative; padding-bottom: 20px; } .headstyleleft:before{ content: ''; background-position: -107px -44px; width: 61px; height: 6px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0; } .creative-ideas .col-md-4>div { position: relative; height: 365px; -webkit-transition: all .8s ease-in; -moz-transition: all .8s ease-in; -o-transition: all .8s ease-in; -ms-transition: all .8s ease-in; transition: all .8s ease-in; } .creative-ideas .col-md-4>div img { position: absolute; -webkit-transition: all .8s ease-in; -moz-transition: all .8s ease-in; -o-transition: all .8s ease-in; -ms-transition: all .8s ease-in; transition: all .8s ease-in; } .col-md-4.ideas-box1:hover img.c1-img { transform: rotateY(17deg); } img.a1-img { left: -10px; top: -50px; z-index: 1; } img.b1-img { left: 0; z-index: 0; top: 0; } img.c1-img { z-index: 3; left: 217px; top: -17px; } creative-ideas .col-md-4 { padding: 0; } section.creative-ideas .col-md-4 { padding: 0; margin-bottom: 30px; overflow: hidden; cursor:pointer; } section.creative-ideas .col-md-4:hover { /*cursor:pointer;*/ } img.b2-img { right: -100%; transition: all .6s ease-in !important; } .col-md-4.ideas-box2:hover img.b2-img { right: 0; left: inherit; } .col-md-4.ideas-box2 { overflow: hidden;/* background: #36454f; */ } img.a2-img { left: 0; top: 0; z-index: 0; } .col-md-4.ideas-box2 img { } .col-md-4.ideas-box3>div { background: url(../images/platform/3-a.png) no-repeat left top; background-size: cover !important; transition: all .8s ease-in; } img.b3-img { left: 65px; top: 23px; width: 84%; } img.a3-img { left: 0; top: 0; } .col-md-4.ideas-box4>div:hover img.a4-img { top: 58px; left: 0; } /*img.b4-img { left: 130px; top: 1px; z-index: 1; width: 260px; }*/ .col-md-4.ideas-box4>div img.b4-img { right: -100%; width: 260px; z-index:1; top:1px; } .col-md-4.ideas-box4>div:hover img.b4-img { right:40px; left:inherit; } img.a4-img { left: -110px; z-index: 3; top: 100%; transition: all 0.9s ease-in !important; width: 120px; } img.c4-img { z-index: 0; left: 0; top: 0; } .col-md-4.ideas-box5 { } img.a5-img { left: 0; top: 0; z-index: 0; } img.b5-img { left: -347px; bottom: -100%; transition: all .9s ease-in !important; } img.a6-img { left: 0; z-index: 2; width: 230px; } img.b6-img { left: -100%; z-index: 1; top: 110px; width: 300px; transition: all .6s ease-in !important; } img.c6-img { left: 0; z-index: 0; top: -1px; } .col-md-4.ideas-box6>div:hover img.b6-img { left: 20px; } .col-md-4.ideas-box6>div:hover img.a6-img { img.a6-img: #c3dee7; animation: shake 1900ms; left: 60px; } img.a6-img { left: -100%; top: 14px; } section.creative-ideas .col-md-4+.col-md-4+.col-md-4+.col-md-4 { margin-bottom: 30px; } section.creative-ideas .col-md-4+.col-md-4+.col-md-4+.col-md-4>div { } section.creative-ideas h5 { font-size: 32px; color: #fff; margin-bottom: 10px; clear: both; } section.creative-ideas h6{ color: #aaaaaa; font-size: 22px; margin-bottom:25px;font-weight: 300; } section.creative-ideas h5+a { display: inline-block; margin: 0 10px; overflow: hidden; } section.creative-ideas a+a{ margin-left: 10px; } a.blue-link-btn-arrow { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #7670f3; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ color: #fff; font-size: 14px; display: inline-block; padding: 15px 40px 15px 25px; border-radius: 5px; position: relative; font-weight: 700; overflow: hidden; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .siginn{ position: relative; display: inline-block; } a.blue-link-btn-arrow:before, .siginn:before { background: url(../images/sprite.png) no-repeat -1px -2px; width: 15px; height: 15px; content: ""; position: absolute; right: 13px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 1; top: 50%; margin-top: -6px; } a.blue-link-btn-arrow:after { width: 100%; height: 0%; left: 0; top: 0; position: absolute; content: ""; background: rgb(249 176 39); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff002f', endColorstr='#c20024', GradientType=0 ); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } a.red-link-btn-arrow:after { width: 100%; height: 0%; left: 0; top: 0; position: absolute; content: ""; background: #efefef; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } a.red-link-btn-arrow span, a.blue-link-btn-arrow span { position: relative; z-index: 1; } a.red-link-btn-arrow:hover:after, a.blue-link-btn-arrow:hover:after { right: 12px; height: 100%;} /*a.red-link-btn-arrow:hover, a.blue-link-btn-arrow:hover{ box-shadow: 1px 1px 1px #000; } a.red-link-btn-arrow:hover span{ color: #fff; } a.red-link-btn-arrow:before{ transition: initial !important; } a.red-link-btn-arrow:hover:before{ background-position: -1px -1px; } a.blue-link-btn-arrow:hover span{ color: #000; } a.blue-link-btn-arrow:before{ transition: initial !important; } a.blue-link-btn-arrow:hover:before{ background: url(../images/sprite.png) no-repeat -20px -23px; } */ a.red-link-btn-arrow { background: #fff; color: #000; font-size: 14px; display: inline-block; padding: 15px 40px 15px 25px; font-weight: 700; text-transform: capitalize; border-radius: 5px; position: relative; overflow: hidden; } section.btc-dashboard { padding: 40px 0 40px; color: #262626; font-size: 14px; margin-top\: 0; margin-top\: 100; margin-top: 120px; background: #eaeaea; } section.btc-dashboard h2 { color: #262626; font-size: 30px; font-weight: 300; margin-bottom: 16px; letter-spacing: 0px; line-height: 40px; } section.btc-dashboard p { line-height: 26px; margin-bottom: 20px; font-size: 15px; color: #555555; } section.btc-dashboard .col-md-4 { padding-top: 20px; } section.btc-dashboard .col-md-4 img { margin-bottom: 27px; } section.btc-dashboard .col-md-8 { position: relative; } section.btc-dashboard .col-md-8 img { position: absolute; left: 0; top: 35px; z-index: 1; } section.btc-dashboard .col-md-8 img+img { z-index: 0; right: -70px; top: -80px; left: inherit; } section.newsletter { padding: 70px 0 0px 0; text-align: center; position: relative; z-index: 2; overflow: hidden; } section.newsletter h2 { color: #36454f; margin-bottom: 20px; font-size: 35px; } section.newsletter .fieldset { position:relative; width: 460px; display:inline-block; } section.newsletter .fieldset label { position: absolute; top: 14px; left: 15px; color: #b4b4b4; transform: translate3d(0, 0, 0); transition: all 0.2s ease-in-out; font-size: 17px; } section.newsletter input[type="text"] { border: #d1d1d1 1px solid; padding: 14px 10px 11px 15px ; font-size: 14px; width:100%; position: relative; z-index: 999; background:transparent; } section.newsletter input:focus + label { color: #183dff; font-weight: 700; font-size: 11px; transform: translate3d(0, -12px, 0); } .ada {color: #183dff !important; font-weight: 700; font-size: 11px !important; transform: translate3d(0, -10px, 0) !important; } section.newsletter input[type="submit"] { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #7670f3; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ color: #fff; font-size: 16px; display: inline-block; padding: 15px 40px; font-weight: bold; text-transform: capitalize; border-radius: 5px; position: relative; margin-left: 7px; } section.newsletter .container { /*border-bottom: #e8e8e8 3px solid;*/ padding-bottom: 80px; } section.affordable-package .container { border-bottom: #e8e8e8 2px solid; padding-bottom: 60px; } section.affordable-package { padding:50px 0 30px 0; text-align: center; } section.affordable-package h2 { margin-bottom: 30px; color: #36454f; font-weight: 700; font-size: 36px; } section.affordable-package h2 strong { font-weight:500; } section.affordable-package .col-md-4>div { border: #d1d1d1 1px solid; color: #525353; font-size: 17px; text-align: left; } section.affordable-package .col-md-4>div h4 { background: #5e6a72; padding: 13px 30px; color: #ffffff; font-size: 26px; font-weight: 400; margin-bottom: 5px; border-bottom:1px solid white; position:relative; } section.affordable-package .col-md-4>div h4:before { width:100%; height:1px; position:absolute; content:""; bottom:-2px; left:0px; background:#9fd8eb; } section.affordable-package .col-md-4>div h4.color2:before { background:#e4c7a8; } section.affordable-package .col-md-4>div h4.color3:before { background:#ecb7b7; } section.affordable-package .col-md-4>div ul { } section.affordable-package .col-md-4>div ul li { padding: 14px 30px; border-bottom: #d1d1d1 1px solid; display:flex; } section.affordable-package .col-md-4>div ul li a{ color: #4f4f4f; } section.affordable-package .col-md-4>div ul li span { float: left; } section.affordable-package .col-md-4>div ul li span:after { content: ""; background: #ea0a40; height: 2px; width: 0px; display: block; margin-top: 4px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; transition: all .5s ease-in; } section.affordable-package .col-md-4>div ul li:hover span:after { width: 35px; } section.affordable-package .col-md-4>div ul li:last-child { border: none; } section.affordable-package .col-md-4+.col-md-4>div h4 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } section.affordable-package .col-md-4+.col-md-4+.col-md-4>div h4 { background: #5e6a72; } section.affordable-package .col-md-12 h3 { color: #36454f; font-size: 32px; font-weight: 400; display: inline-block; margin-right: 20px; vertical-align: middle; } section.affordable-package .col-md-12 .blue-link-btn-arrow{ vertical-align: middle; } section.affordable-package .col-md-12 { padding-top: 60px; } section.media-col { padding: 50px 0 130px; } section.media-col h2 { text-align: center; color: #0082ca; font-size: 44px; margin-bottom: 41px; font-weight: 300; } section.media-col h2 strong { font-weight:500; } section.media-col .col-md-4>div { border: #ccc 1px solid; position: relative; padding:25px 23px 67px; overflow: hidden; } section.media-col .col-md-4>div>span { background: #1471c8; color: #fff; position: absolute; top]: 9px; top: 0; left: 0; padding: 10px 15px; z-index: 1; } section.media-col .col-md-4>div h6 { color: #36454f; font-size: 12px; padding-bottom: 10px; position: relative; margin-bottom: 20px; } section.media-col .col-md-4>div p { color: #36454f; font-size: 18px; } section.media-col .col-md-4>div a { color: #fff !important; /* /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ */ position: absolute; right: 0; padding: 14px 20px; width: 25px; bottom: 0; transition: all .3s ease-in; text-transform: uppercase; } section.media-col .col-md-4>div img { margin-bottom: 20px; } section.media-col .col-md-4>div h6:before { background: #1471c8; width: 24px; height: 3px; content: ""; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; transition: all .5s ease-in; } section.media-col .col-md-4>div a:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 21px; position: absolute; right: 10px; bottom: 3px; z-index: 99; visibility: hidden; font-weight: bold; } section.media-col .col-md-4>div:hover a { width: 100%; text-align: right;/* /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ */ } section.media-col .col-md-4>div a:before { position: absolute; top: 108%; right: -4%; width: 222%; height: 61px; content: ""; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ -webkit-transition: -webkit-transform .4s; transition: transform .4s; backface-visibility: hidden; -webkit-backface-visibility: hidden; outline: transparent solid 1px; z-index: -1; } section.media-col .col-md-4>div:hover a:before { color: #fff; font-size: 12px; right: 0; visibility: hidden; } section.findus { padding: 30px 0 60px; background: url(../images/bg-find.jpg) no-repeat center top #303940; background-size: cover; background-attachment: fixed; color: #fff; font-size: 16px; } section.findus h2 { text-align: center; color: #0082ca; font-size: 50px; margin-bottom: 40px; font-weight: 300; } section.findus h2 strong { font-weight:500; } section.findus h4 { color: #fff; margin-bottom: 10px; font-size: 21px; } section.findus a { color: #fff; } section.findus ul li { margin-top: 18px; font-size: 17px; } section.findus ul li i { margin-right: 7px; color: #0082ca; } section.findus .col-md-6+.col-md-6 { padding-top: 23px; padding-left: 0; } a.blue-link-btn-arrow:hover:before, a.red-link-btn-arrow:hover:before { /*right: 10px;*/ } .col-md-4.ideas-box1:hover { background: #95b07e; } section.footer-social { background: #848484; color: #fff; font-size: 33px; text-align: center; } section.footer-social ul { display: inline-block; width: 100%; margin:0px; } section.footer-social ul li { float: left; width: 16.6%; margin:0px; } section.footer-social ul li:hover .linkedin { background: #0e76a8; } section.footer-social ul li:hover .pinterest { background: #E60023; } section.footer-social ul li:hover .instagram { background: #C13584; } section.footer-social ul li a { display: block; padding: 12px 0; color: #fff; border-right: #9a9a9a 1px solid; } section.footer-social ul li:hover .google-plus { background-color: #dd4b39; } section.footer-social ul li:hover .twitter { background: #549fbe; } section.footer-social ul li:hover .facebook { background-color: #3b5998; } section.footer-social ul li:hover .youtube { background: #cc181e; } .main-bg { background:white; } .wrapper-parallax { /* margin-bottom: 340px; */ background: #131313; z-index:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } footer { /* height: 340px; */ background: #131313; /*padding: 53px 0 0;*/ font-size: 12px; color: #a9a9a9; /* position: fixed; */ width:100%; z-index: -1; bottom: 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .wrapper-parallax-large {margin-bottom: 0;} .footer-large {height: auto !important;} footer ul li a { color: #a9a9a9; position: relative; overflow: hidden; font-size: 13px; } footer ul { margin: 0px; } footer h4 { color: #fff; font-size: 15px; font-weight: 400; margin-bottom: 25px; min-height: 20px; position: relative; padding: 53px 0 10px 0; } footer h4 a{ color: #fff !important; } footer h4:before{ content: ''; position: absolute; left: 0; bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #7670f3; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ height: 1px; width: 36px; } footer ul li { margin-bottom: 10px; clear: both; } .disclaimer { background: #101010; border-top: #1d1d1d 1px solid; font-size: 11px; padding: 7px 0 12px; margin-top: 0px; } .disclaimer .col-md-4 { text-align: right; padding-top: 8px; } p.disclaimer_more { display: none; margin-top: 8px !important; line-height: 16px !important; text-align: justify; } .disclaimer p { margin: 0 0px 0 0; } .disclaimer p.copyrgt{ font-size: 13px; } .disclaimer .col-md-8 { padding-top: 8px; } section.media-col .col-md-4>div img { -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; transition: all .5s ease-in; } section.media-col .col-md-4>div:hover img { transform: scale(1.03); } section.media-col .col-md-4>div:hover h6:before { width: 49px; } @keyframes pulse { 0% { transform: scaleX(1) scaleY(1); } 10% { transform: scaleX(0.85) scaleY(0.85); } 20% { transform: scaleX(1) scaleY(1); } 30% { transform: scaleX(0.85) scaleY(0.85); } 40% { transform: scaleX(1) scaleY(1); } 50% { transform: scaleX(0.85) scaleY(0.85); } 60% { transform: scaleX(1) scaleY(1); } 70% { transform: scaleX(0.85) scaleY(0.85); } 80% { transform: scaleX(1) scaleY(1); } 90% { transform: scaleX(0.85) scaleY(0.85); } 100% { transform: scaleX(1) scaleY(1); } } @keyframes shake { 0% { transform: rotateZ(0); } 10% { transform: rotateZ(-30deg); } 20% { transform: rotateZ(15deg); } 30% { transform: rotateZ(-10deg); } 40% { transform: rotateZ(7.5deg); } 50% { transform: rotateZ(-6deg); } 60% { transform: rotateZ(5deg); } 70% { transform: rotateZ(-4.28571deg); } 80% { transform: rotateZ(3.75deg); } 90% { transform: rotateZ(-3.33333deg); } 100% { transform: rotateZ(0); } } @keyframes spin { to { transform: rotateZ(720deg); } } .col-md-4.ideas-box5:hover img.b5-img { bottom: -90px; left: 0;/* animation: shake 6000ms; */ } .disclaimer .col-md-8 a { color: #de0b36; } .col-md-4.ideas-box1>div { background: url(../images/platform/1-a.png) no-repeat left top; background-size: cover !important; transition: all .6s ease-in; } .col-md-4.ideas-box1>div:hover { background: url(../images/platform/1-b.png) no-repeat left top; transform: scale(1.01) !important; } .col-md-4.ideas-box3>div:hover { background-image: url(../images/platform/3-b.png) !important; transform: scale(1.01) !important; } section.footer-social ul li a:hover { text-shadow: #000 0 1px 0px; } a.sub-menu:after { font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 38%; right: 8px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .navigation ul { margin: 0; } .faq-banner { background-image: url(../images/faq-banner.jpg); } section.banner-inner { background-size: cover; color: #fff; padding: 40px 0; background-repeat: no-repeat; background-position: right bottom; min-height: 447px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; text-align: left; justify-content: center; } section.banner-inner .banner-text h3 { color: #fff; font-size: 28px; } section.banner-inner .banner-text h3 span { font-size: 23px; } section.banner-inner .banner-text h4 { color: #fff; font-size: 50px; font-weight: bold; margin-bottom: 20px; } .banner-text { } section.banner-inner .banner-text a { text-transform: uppercase; font-weight: 400; } section.custom-logo-branding { color: #6f6f6f; font-size: 14px; text-align: center; padding: 60px 0 50px 0; } section.custom-logo-branding h2 { color: #36454f; font-size: 34px; font-weight: 600; text-align: center; margin-bottom: 30px; } section.custom-logo-branding h2 strong { font-weight:500; } section.packages-tabs h2 { color: #36454f; font-size: 34px; font-weight: 600; text-align: center; margin-bottom: 30px; } section.packages-tabs h2 strong { font-weight:500; } .logo-design-process h2 { color: #0082ca; font-size: 44px; font-weight: 300; text-align: center; } .logo-design-process h2 span { font-weight:500;} section.custom-logo-branding p { line-height: 24px; padding: 0; text-align: center; } .logo-design-process p { line-height: 21px; padding: 0px 75px; } section.packages-tabs { padding: 40px 0 40px 0; } section.packages-tabs h2+ul { font-weight: 500; padding-bottom: 0; margin: 0; text-align: center; text-transform: uppercase; font-size: 16px; color: #999999; position: relative; z-index: 0; } section.packages-tabs h2+ul li { display: inline-block; width: 19%; color: #999999; padding: 8px; margin: 0 4px; position: relative; /*overflow: hidden;*/ background: #f0f0f0; border-radius: 6px 6px 0 0; -webkit-box-shadow: inset -3px 3px 58px -8px rgba(148,148,148,1); -moz-box-shadow: inset -3px 3px 58px -8px rgba(148,148,148,1); box-shadow: inset -3px 3px 58px -8px rgba(148,148,148,1); } section.packages-tabs h2+ul li:first-child { margin-left:0px;} section.packages-tabs h2+ul li:last-child { margin-right:0px; } section.packages-tabs h2+ul li a { display: block; color: #999999; padding: 23px 0 22px 0; background: #ffffff; border-radius: 6px 6px 0 0; position:relative; } section.packages-tabs h2+ul li a:hover {background:#999999; color:white; } section.packages-tabs h2+ul:after { background: rgb(213,213,213); /* Old browsers */ background: -moz-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(213,213,213,1) 0%, rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#f3f3f3', GradientType=0 ); /* IE6-9 */ content: ""; width: 99.1%; height: 8px; position: absolute; left: 3px; bottom: 0; } section.packages-tabs h2+ul li.active a { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #7670f3; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7670f3', endColorstr='#7670f3',GradientType=1 ); /* IE6-9 */ color: #fff !important; border-color: #7670f3; } .packages-tabs .tab-pane { padding-top: 50px; display: none; } .packages-tabs .tab-pane .row>div>div { border: #d1d1d1 1px solid; text-align: center; min-height: 555px; margin-bottom: 25px; } .packages-tabs .tab-pane .row>div>div h3 { background: #36454f; font-size: 16px; padding: 21px 0; text-transform: uppercase; color: #fff; } .packages-tabs .tab-pane .row>div>div span.price { display: block; background: #ededed; width: 100%; padding: 12px 0 10px 0; font-size: 38px; color: #005381; font-weight: 300; border-bottom: white 1px solid; position:relative; } .packages-tabs .tab-pane .row>div>div span.price:before { width: 100%; height: 1px; position: absolute; content: ""; bottom: -2px; left: 0px; background: #d1d1d1; } .packages-tabs .tab-pane .row>div>div ul , .packages-main .web-package-box ul, .web-package-box ul { margin: 0; padding: 25px 10px 15px 10px; color: #1d1d1d; height: 365px; font-size: 15px; } .packages-tabs .tab-pane .row>div>div ul li { margin-bottom: 0px; font-size: 14px; line-height:18px; } .packages-tabs .tab-pane .row>div>div ul.stationery-pro-list li { margin-bottom: 18px; } .packages-tabs .tab-pane .row>div>div ul.stationery-power-list li { margin-bottom: 10px; } .packages-tabs .tab-pane .row>div>div ul.stationery-list li { margin-bottom: 10px; } .packages-tabs .tab-pane .row>div>div ul.banner-list li { margin-bottom: 20px; } .packages-tabs .tab-pane .row>div>div ul.brochure-list li { margin-bottom: 28px; } .packages-tabs .tab-pane .row>div>div ul li span { text-transform: uppercase; color: red; } .packages-tabs .tab-pane .row>div>div .pkg-recom { text-align: left; border-top: #d1d1d1 1px solid; padding: 11px 0 17px 0; width: 100%; display: inline-block; } ./*packages-tabs .tab-pane .row>div>div .pkg-recom.boxes-large { padding: 11px 50px 17px 50px; }*/ .packages-tabs .tab-pane .row>div>div .pkg-recom.boxes-large .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .packages-tabs .tab-pane .row>div>div .pkg-recom.boxes-small .rating { padding-left: 10px;} .packages-tabs .tab-pane .row>div>div .pkg-recom.boxes-small .pkg-link { margin: 0 10px 0 0;} .packages-tabs .tab-pane .row>div>div .pkg-recom.boxes-small .pkg-link a { width: 134px;} .packages-tabs .tab-pane .row>div>div .pkg-recom.boxes-small .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .packages-tabs .tab-pane .row>div>div ul li strong { display: block; color: #1d1d1d; } .packages-tabs .tab-pane .row>div>div .pkg-recom .rating { float:left; padding-left: 24px; } .packages-tabs .tab-pane .row>div>div .pkg-recom .rating span { display: block; font-size: 12px; margin-bottom: 3px; } .packages-tabs .tab-pane .row>div>div .pkg-recom .pkg-link { float: right; margin: 0 20px 0 0; } .packages-tabs .tab-pane .row>div>div .pkg-recom .pkg-link a { display: block; background: #737373; color: #fff; font-size: 14px; display: inline-block; padding: 14px 0; border-radius: 5px; position: relative; overflow: hidden; font-weight: 400; width: 190px; text-align: center; } .packages-tabs .tab-pane .col-md-4>div .pkg-recom .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .packages-tabs .tab-pane .row>div>div span.price sup { font-size: 21px; } .packages-tabs .tab-pane .row>div>div .pkg-recom .rating .stars_4-5 { background: url('../images/sprite.png') no-repeat -243px -1px; width: 100px; height: 18px; display: block; } .packages-tabs .tab-pane .row>div>div .pkg-recom .rating .stars_4 { background: url('../images/sprite.png') no-repeat -21px -1px; width: 100px; height: 18px; } .packages-tabs .tab-pane .row>div>div .pkg-recom .rating .stars_5 { background: url('../images/sprite.png') no-repeat -133px -1px; width: 100px; height: 18px; } #lamp-logo span {width: 100%;height:8px;position:relative;float: left;} #lamp-logo.logo-content2 {left: 21%;width: 17.7%;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;} #lamp-logo.logo-content3 {left: 41%;width: 17.6%;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;} #lamp-logo.logo-content4 {left: 61%;width: 17.7%;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;} #lamp-logo.logo-content1 {left: 1%;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;} section.combo-package .main-combo-content { border: #d1d1d1 1px solid; } section.combo-package h2 { background: #2b6995; color: #fff; font-size: 19px; text-transform: uppercase; padding: 22px 15px 22px 30px; } section.combo-package h3 { background: #ededed; color: #0082ca; border-bottom: white 1px solid; padding: 19px 16px 19px 30px; font-size: 21px; font-weight: 300; margin-bottom: 18px; position: relative; } section.combo-package h3:before { width: 100%; height: 1px; position: absolute; content: ""; bottom: -2px; left: 0px; background: #d1d1d1; } section.combo-package h6 { font-size: 14px; color: #1d1d1d; text-transform: uppercase; font-weight: 600; margin-bottom: 14px; } .combo-package-list-mainbox { padding: 18px 15px; display: inline-block; width: 100%; } section.combo-package .combo-package-list-mainbox ul { margin: 0; color: #1d1d1d; font-size: 13px; padding-left: 10px; } section.combo-package .combo-package-list-mainbox ul li { margin-bottom: 14px; position: relative; padding-left: 13px; font-weight: 500; color: #1d1d1d; } section.combo-package .combo-package-list-mainbox ul li span { color: #183dff; text-transform: uppercase; } section.combo-package .combo-package-list-mainbox ul li span { } section.combo-package h3 span { float: right; font-size: 38px; color: #005381; margin-top: -3px; } section.combo-package h3 span sup { font-size: 22px; } section.combo-package .combo-package-list-mainbox ul li:before { content: ""; background: red; padding: 2px; position: absolute; left: 0; top: 4px; width: 1px; height: 1px; border-radius: 100%; } .feature-bar { background: #f8f8f8; padding: 15px 0 17px; border-top: #d1d1d1 1px solid; margin-top: 9px; } .feature-bar:after, .feature-bar:before { clear: both; display: block; content: ""; } .more-feature h5 { color: #183dff; font-size: 15px; width: 100%; font-weight: 400; margin-bottom: 8px; text-transform: uppercase; position: relative; } .more-feature h5 span { background: #f8f8f8; display: inline-block; padding-right: 10px; position: relative; z-index: 1; } .more-feature h5 span strong { font-weight:700; } .more-feature h5:after { background: #d1d1d1; height: 1px; width: 100%; position: absolute; right: 0; top: 7px; content: ""; } .more-feature ul li { display: inline-block; font-size: 12px; margin: 0 39px 0 0; padding-left: 13px; position: relative; font-weight: 500; } .more-feature ul li:before { content: ""; background: red; padding: 2px; position: absolute; left: 0; top: 4px; width: 1px; height: 1px; border-radius: 100%; } .more-feature ul li:last-child { margin: 0; } .more-feature ul { border-bottom: 1px solid #d1d1d1; padding: 0 0 15px 0; } .feature-bar a { background: #6b6b6b; display: block; text-align: center; color: #fff; font-size: 15px; padding: 16px 0; border-radius: 5px; margin-top: 5px; } .feature-bar a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } section.request-custom-qoute { padding: 30px 0; text-align: center; } section.request-custom-qoute .container { border: #d1d1d1 1px solid; padding: 24px 30px; } section.request-custom-qoute h2 { color: #6b6b6b; font-size: 27px; font-weight: 300; margin-bottom: 30px; } section.request-custom-qoute a { font-size: 17px; } section.request-custom-qoute .discuss-link { font-size: 24px; display: inline-block; margin-left: 10px; color: #36454f; text-decoration: underline; padding-top: 10px; } section.request-custom-qoute h2 strong{ font-weight: 700; } section.request-custom-qoute .discuss-link:hover { color:#7670f3; } section.request-custom-qoute .simple-txt {font-size: 24px; font-size: 24px; display: inline-block; margin-left: 20px; color: #6b6b6b; padding-top: 10px; } section.request-custom-qoute a:before { top: 50%; margin-top: -6px; } section.faq { padding: 40px 0 40px 0; text-align: center; } section.faq h2 { color: #36454f; font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 40px; } /*section.faq h2:hover { color:#183dff; }*/ section.faq .row { text-align: left; } section.faq .col-md-4>h4>a { color: #555555; font-size: 15px; position: relative; font-weight: 400; padding: 12px 0 0 0; display: block; min-height: 50px; overflow:hidden; } section.faq .col-md-4>h4>a:focus { outline:none; } section.faq .col-md-4>h4>a.collapsed:after { content: "+"; } section.faq .col-md-4>h4 { border-bottom: #d1d1d1 1px solid; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; width: 100%; display: inline-block; min-height: 70px; } section.faq .col-md-4>h4>a:before { content: ""; background: #f1f1f1; position: absolute; z-index:0; padding: 16px 0; text-align:center; right: 0; font-size: 17px; top: 0; font-weight: 400; min-width: 43px; height:50px; } section.faq .col-md-4>h4>a:after { content: "-"; background: #f1f1f1; position: absolute; z-index:1; padding: 16px 0; text-align:center; right: 0; font-size: 17px; top: 0; font-weight: 400; min-width: 43px; height:50px; } section.faq .col-md-4>h4>a:hover:after { -webkit-animation: toBottomFromTop 0.5s forwards; -moz-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @-moz-keyframes toBottomFromTop { 49% { -moz-transform: translateY(100%); } 50% { opacity: 0; -moz-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 51% { opacity: 1; } } section.faq .col-md-4>h4 a p { padding-right:50px; margin: 0; } /*section.faq h2:before { background: url('../images/sprite.png') no-repeat -436px 0; width: 64px; height: 54px; content: ""; position: absolute; left: 0; top: 0; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index:1; }*/ section.logo-design-process { text-align: center; padding: 70px 0 70px 0; margin-bottom:4px; position: relative; background:#f1f1f1 url(../images/vector-process-compass.png) no-repeat right 0px bottom 10px; } section.logo-design-process .design-process-img { width: 180px; text-align: center; position: relative; display: inline-block; overflow: hidden; background: #f8f8f8; padding: 27px 0 0 0; border-radius: 100%; height: 174px; margin-bottom: 30px; box-shadow: #c5c5c5 0 0px 13px; border: #fff 5px solid; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; z-index: 1; } section.logo-design-process .col-md-3:after, section.logo-design-process .col-md-3+.col-md-3+.col-md-3:after { background: url('../images/sprite.png') no-repeat 0 -415px; width: 173px; height: 37px; content: ""; position: absolute; right: -80px; top: 60px; z-index: 0; } section.logo-design-process .col-md-3+.col-md-3+.col-md-3 .design-process-img { padding-top: 43px !important; } section.logo-design-process .col-md-3:hover .design-process-img { -webkit-box-shadow: inset -4px 6px 17px -4px rgba(0,0,0,0.75); -moz-box-shadow: inset -4px 6px 17px -4px rgba(0,0,0,0.75); box-shadow: inset -4px 6px 17px -4px rgba(0,0,0,0.75); background-color: #183dff; } section.logo-design-process .design-process-img img { position: relative; z-index: 1; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } section.logo-design-process .col-md-3 { position: relative; color: #555555; font-size: 15px; } section.logo-design-process .col-md-3+.col-md-3:after { background: url('../images/sprite.png') no-repeat 0 -462px; } section.logo-design-process .col-md-3+.col-md-3+.col-md-3+.col-md-3:after { display: none; } section.logo-design-process .col-md-3:hover .design-process-img img { transform: scale(0.95); } section.logo-design-process .col-md-3 h4 { font-size: 20px; margin-bottom: 20px; color: #555555; } section.logo-design-process .col-md-3 p { line-height: 21px; padding: 0 20px; } /*section.logo-design-process .col-md-3:hover, section.logo-design-process .col-md-3:hover h4 { color: #0082ca;cursor:pointer; }*/ section.logo-design-process:before { background: url(../images/vector-process.png) no-repeat left -41px; background-size: cover; width: 263px; height: 466px; content: ""; left: 0; position: absolute; top: 0; z-index: 0; } section.logo-design-process:after { background: url(../images/vector-process-thumb.png) no-repeat 0 0; background-size: cover; width: 145px; height: 179px; content: ""; right: 0; position: absolute; top: 0; z-index: 0; } li.slick-slide img { opacity: 0.6; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; } li.slick-slide.slick-current.slick-active.slick-center img { opacity: 1; } .customer-review-slider { color: #474747; font-size: 15px; } .customer-review-slider h4 { font-size: 30px; margin-bottom: 10px; text-align:left; } .customer-review h2 { text-align: center; margin-bottom: 10px; } .customer-review h3 { text-align: center; margin-bottom: 50px; text-align:center; } .customer-review-slider p { position: relative; padding-left: 40px; line-height: 20px; padding-right: 50px; text-align:left; } .customer-review-slider p:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f10d"; position: absolute; left: .0; top: 0; font-size: 26px; color: #183dff; } .customer-review-slider span.customer-name { padding-left: 40px; display: block; padding-top: 5px; color: #1f1f1f; font-weight: 400; text-align:left; } section.customer-review { padding: 40px 0 100px; } ul.customer-review-slider-nav .slick-dots { display: none !important; } .packages-tabs .tab-pane.active { display: block; } .packages-tabs .tab-pane .row>div+div>div h3 { background: #36454f; } .packages-tabs .tab-pane .row>div+div+div>div h3 { background: #36454f; } .packages-tabs .tab-pane .row>div+div+div+div>div h3 { background: #36454f; } li.slick-slide:hover img:hover { cursor:pointer; } li.slick-slide:hover img, li.slick-slide.slick-current img { opacity: 1; } .slick-track li { /* width: 228px !important;*/ } .navigation ul li:hover a , .navigation ul li.active a{ color: #7670f3; } a.sub-menu:hover:after { top:45%; } ul.top-cta li a:hover { color: #7670f3; } ul.top-cta li:first-child a:hover { color:#7670f3; } .banner-hm .banner-text a:before { } footer ul li a:after { content: ""; background: #7670f3; height: 2px; width: 0px; display: block; margin-top: 4px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; transition: all .5s ease-in; } footer ul li a:hover:after { width: 35px; } footer ul li a:hover { color: #ffffff; } footer ul li a:focus { color: #a9a9a9; } section.footer-social ul li:last-child a { border: 0px none; } section.findus h4+p { margin-bottom: 19px; } section.findus h4+p+a { font-size: 19px; font-weight: 600; } section.findus h4+p+a:after { content: "\f0da"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-left: 8px; font-size: 19px; margin-top: 1px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; } section.findus ul li:hover a { color: #ffffff; } section.findus ul li:hover i { color: #e20c32; } section.online-industries h2+p, .customer-review h2+p, section.creative-ideas h2+p { font-size: 18px; margin-bottom: 40px; line-height: 24px; color: #5a5555; } section.creative-ideas h2+p { color: #fff; margin-bottom: 50px; font-weight: 300; } section.findus h4+p+a:hover:after { } section.footer-social ul li:first-child { } section.footer-social ul li:last-child { } section.newsletter a { margin-left: 10px; font-size: 16px; padding: 15px 40px 15px 25px; font-weight: 400; } section.btc-dashboard .col-md-4 a { width: 180px; text-align: center; } section.media-col .col-md-4>div:after { position: absolute; content: ""; background: url(../images/arrow-curve.png); width: 41px; height: 42px; right: 0; z-index: 1; bottom: 0; } section.media-col .col-md-4>div:hover a:before { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } section.media-col .col-md-4>div:hover .readmore-txt { visibility: visible; position: absolute; bottom: 6px; right: 30px; z-index: 2; } section.online-industries .col-md-2 i { display: inline-block; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; width: 155px; height: 155px; background-size: cover !important; } .hover_1 { background: url(../images/1.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_1 { background: url(../images/01.gif) no-repeat left top; } .hover_2 { background: url(../images/2.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_2 { background: url(../images/02.gif) no-repeat left top; } .hover_3 { background: url(../images/3.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_3 { background: url(../images/03.gif) no-repeat left top; } .hover_4 { background: url(../images/4.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_4{ background: url(../images/04.gif) no-repeat left top; } .hover_5 { background: url(../images/5.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_5 { background: url(../images/05.gif) no-repeat left top; } .hover_6 { background: url(../images/6.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_6 { background: url(../images/06.gif) no-repeat left top; } .hover_7 { background: url(../images/7.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_7 { background: url(../images/07.gif) no-repeat left top; } .hover_8 { background: url(../images/8.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_8 { background: url(../images/08.gif) no-repeat left top; } .hover_9 { background: url(../images/9.png) no-repeat left top; } section.online-industries .col-md-2 a:hover .hover_9{ background: url(../images/09.gif) no-repeat left top; } section.online-industries .col-md-2 i:hover { /* margin-top: -5px; */ -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; transition: all .2s ease-in; } section.media-col .col-md-4>div:hover a { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } section.media-col .col-md-4>div:hover:after { bottom: -20px; } section.media-col .col-md-4>div:hover a:after { visibility: visible; } section.findus li a:after { content: ""; background: #ea0a40; height: 2px; width: 0px; display: block; margin-top: 4px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; margin-left: 30px; transition: all .5s ease-in; } section.findus li a:hover:after { width: 30px; } ul.topnav li:first-child { border-left: 0; padding: 10px 40px; text-align: center; } ul.topnav li:first-child a { /* padding-left: 24px; */ } /*.navigation ul li:last-child { margin: 0; }*/ /* sldier inner ------------------------------------*/ .slider-inner-main { position: relative; margin-bottom: 20px; } .slider-inner { margin-bottom: 0px; position: relative; /*height: 532px;*/ overflow: hidden; } .slider-content-full { height: 100%; position: absolute; top: 0; left: 0; right: 0; width: 100%; } .slider-content-main { display: table; width: 100%; height: 100%; } .slider-content { display: table-cell; vertical-align: middle; text-align: left; } .slider-content h3 { color: #fff; font-size: 28px; } .slider-content h3 span { font-size: 20px; font-weight:300; } .slider-content h4 { color: #fff; font-size: 50px; font-weight: bold; margin-bottom: 20px; } .slider-content a { text-transform:uppercase; font-weight:400;padding:18px 40px 18px 25px;} .slider-content a:focus { outline:none; } .slider-content a:hover { } /* slick Dots .home slider */ .slider-inner-main .slick-dots { position: absolute; bottom: 30px; right: 0px; left: 0px; display: block; padding: 0; margin: 0 auto; border-radius: 3px; list-style: none; width:1170px; } .slider-inner-main .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; padding: 0; cursor: pointer; } .slider-inner-main .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 11px; height: 11px; padding: 0; cursor: pointer; color: transparent; outline: none; background: transparent; border:1px solid white; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; } .slider-inner-main .slick-dots li.slick-active button { width:13px; height:13px; background: white; border:3px solid #7670f3; top:-1px; position:relative; } .morecontent span { display: none; } .morelink { display: block; } .morelink:hover { color:#7670f3; } .more-content-main strong { color: #7670f3; font-size: 22px; font-weight: 300; margin:20px auto 10px; display:table; letter-spacing: -1px; } section.portfolio-inner-main { background: #111b21; padding:55px 0 50px 0; text-align: center; } section.portfolio-inner-main h2 { color: #f5f5f5; font-size: 44px; font-weight: 400; margin-bottom: 20px; } section.portfolio-inner-main h2+p { color: #fff; margin-bottom: 50px; font-weight: 300; font-size:18px; } section.portfolio-inner-main .col-md-4 { padding: 0; margin: 0; height: 262px; overflow: hidden; cursor:pointer; } section.portfolio-inner-main .col-md-4>div { position: relative; min-height: 284px; margin: 5px; background:white; } section.portfolio-inner-main .col-md-4>div .cover-img:hover { opacity: .75; } section.portfolio-inner-main h5 { font-size: 29px; color: #aaaaaa; margin: 25px 0; clear: both; } section.portfolio-inner-main h5+a { display: inline-block; margin: 0 10px; overflow: hidden; } .animportfolio-mm section.portfolio-inner-main{ padding: 20px 0; } section.portfolio-website-main { background: #111b21; padding:55px 0 50px 0; text-align: center; } section.portfolio-website-main h2 { color: #f5f5f5; font-size: 44px; font-weight: 400; margin-bottom: 20px; } section.portfolio-website-main h2+p { color: #fff; margin-bottom: 50px; font-weight: 300; font-size:18px; } section.portfolio-website-main .col-md-4 { padding: 0; margin: 0; overflow: hidden; cursor:pointer; } section.portfolio-website-main .col-md-4>div { position: relative; min-height: 293px; margin: 5px; background:white; } section.portfolio-website-main .col-md-4>div .cover-img { /* transform: translate(0, 0); transition: opacity .15s linear;*/ } section.portfolio-website-main .col-md-4>div .cover-img:hover { opacity: .75; } section.portfolio-website-main h5 { font-size: 29px; color: #aaaaaa; margin: 25px 0; clear: both; } section.portfolio-website-main h5+a { display: inline-block; margin: 0 10px; overflow: hidden; } /* .logo-branding-slider-main */ .logo-branding-slider-main { padding-bottom:30px; } .logo-branding-slider-main .slick-dots { position: absolute; bottom: 0px; right: 0px; left: 0px; display: block; padding: 0; margin: 0 auto; border-radius: 3px; list-style: none; width:1140px; } .logo-branding-slider-main .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; padding: 0; cursor: pointer; } .logo-branding-slider-main .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent; outline: none; background: white; border:none; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; } .logo-branding-slider-main .slick-dots li.slick-active button { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #7670f3; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ border:none; } .partnership-ftr {display: inline-block; width: 290px; height: 81px; background: url(../images/Partnership.jpg) no-repeat left top; } .partnership-ftr:hover { background: url(../images/Partnership-hover.gif) no-repeat left top; } .web-packages-main { padding:0 0 20px 0;} .web-packages-main h2 { color: #36454f; font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 30px; } .web-packages-main h2 strong { font-weight:500; } .web-package-box, .web-package-box h3, .web-package-box .pkg-link a{ transition: all 0.3s ease-out; } .web-package-box { border: #d1d1d1 1px solid; text-align: center; min-height: 555px; transition: all 0.3s ease-out; margin-bottom: 25px; } .web-package-box h3 { background: #36454f; font-size: 16px; padding: 21px 0; text-transform: uppercase; color: #fff; } sup{ font-size: 25px; top: -0.3em; } .web-package-box h3.dark-hd { background: #36454f; } .web-package-box h3.extrdark-hd{ background: #36454f; } .web-package-box span.price { display: block; background: #ededed; width: 100%; padding: 12px 0 10px 0; font-size: 38px; color: #36454f; font-weight: 300; border-bottom: white 1px solid; position: relative; } .web-package-box span.price:before { width: 100%; height: 1px; position: absolute; content: ""; bottom: -2px; left: 0px; background: #d1d1d1; } .web-package-box ul { margin: 0; padding: 25px 10px 15px 10px; color: #1d1d1d; min-height: 400px; font-size: 15px; } .web-package-box ul li { margin-bottom: 14px; font-size: 14px; line-height: 22px; } .web-package-box ul.banner-list li { margin-bottom: 20px; } .web-package-box ul.brochure-list li { margin-bottom: 28px; } .web-package-box ul li span { text-transform: uppercase; color: red; } .web-package-box .pkg-recom { text-align: left; border-top: #d1d1d1 1px solid; padding: 11px 0 17px 0; width: 100%; display: inline-block; } .web-package-box .pkg-recom.boxes-large {/* padding: 25px 100px;*/ } .web-package-box .pkg-recom.boxes-large .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .web-package-box .pkg-recom.boxes-small .rating { padding-left: 10px; } .web-package-box .pkg-recom.boxes-small .pkg-link { margin: 0 10px 0 0; } .web-package-box .pkg-recom.boxes-small .pkg-link a { width: 134px; } .web-package-box .pkg-recom.boxes-small .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .web-package-box ul li strong { display: block; color: #1d1d1d; } .web-package-box .pkg-recom .rating { float: left; padding-left: 24px; } .web-package-box .pkg-recom .rating span { display: block; font-size: 12px; margin-bottom: 3px; } .web-package-box .pkg-recom .pkg-link { float: right; margin: 0 20px 0 0; } .web-package-box .pkg-recom .pkg-link a { display: block; background: #36454f; color: #fff; font-size: 14px; display: inline-block; padding: 14px 0; border-radius: 5px; position: relative; overflow: hidden; font-weight: 400; width: 190px; text-align: center; } .web-package-box .pkg-recom .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .web-package-box:hover{ box-shadow: 1px 1px 30px 1px #00000030; } .web-package-box:hover .pkg-link a{ background: #183dff !important; } .web-package-box:hover h3{ background-color: #183dff!important; } .web-package-box .pkg-recom .rating .stars_4 { background: url('../images/sprite.png') no-repeat -21px -1px; width: 100px; height: 18px; } .web-package-box .pkg-recom .rating .stars_5 { background: url('../images/sprite.png') no-repeat -133px -1px; width: 100px; height: 18px; } .web-package-box .pkg-recom .rating .stars_4-5 { background: url('../images/sprite.png') no-repeat -243px -1px; width: 100px; height: 18px; } .add-on-box-main { border: #d1d1d1 1px solid; padding-bottom: 10px; } .add-on-box-main h2 { background: #36454f; color: #fff; font-size: 19px; text-transform: uppercase; padding: 15px 15px 15px 30px; margin-bottom:25px; } .add-on-box-main h6 { font-size: 14px; color: #1d1d1d; text-transform: uppercase; font-weight: 700; margin-bottom: 14px; margin-left:10px; } .add-on-box-main h6 span {color: #7670f3;} section.add-on-web-packages ul { margin: 0; color: #1d1d1d; font-size: 13px; padding-left: 20px; } section.add-on-web-packages ul li { margin-bottom: 14px; position: relative; padding-left: 13px; font-weight: 500; color: #1d1d1d; } section.add-on-web-packages ul li span { color: #7670f3; text-transform: uppercase; font-weight:700; } .add-on-box-main h3 span { float: right; font-size: 38px; color: #005381; margin-top: -3px; } .add-on-box-main h3 span sup { font-size: 22px; } section.add-on-web-packages ul li:before { content: ""; background: red; padding: 2px; position: absolute; left: 0; top: 6px; width: 1px; height: 1px; border-radius: 100%; } .web-features-main { padding:50px 0 40px 0;} .web-features-main h2 { color: #36454f; font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 40px; } .web-features-main h2 strong { font-weight:500; } .web-features-main .tabs{} .web-features-main ul.tabs-nav{margin-bottom:7px;padding:0px;width: 33.33%;float: left;} .web-features-main ul.tabs-nav li{list-style:none;display: block;} .web-features-main ul.tabs-nav li a{ background: white; border: 1px solid #d1d1d1; color: #232222; padding: 31px 15px 31px 90px; text-decoration:none; display: block; font-size: 18px; position:relative; box-shadow: inset 0 0 0 0 #31302B; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; } .web-features-main ul.tabs-nav li a:before { position:absolute; content:""; width:48px; height:47px; left:25px; top:0px; bottom:0px; margin:auto; } .web-features-main ul.tabs-nav li:nth-child(1) a:before { background:url(../images/tab-icon1.png) no-repeat 0 0;} .web-features-main ul.tabs-nav li:nth-child(2) a:before { background:url(../images/tab-icon2.png) no-repeat 0 0;} .web-features-main ul.tabs-nav li:nth-child(3) a:before { background:url(../images/tab-icon3.png) no-repeat 0 0;} .web-features-main ul.tabs-nav li:nth-child(4) a:before { background:url(../images/tab-icon4.png) no-repeat 0 0;} .web-features-main ul.tabs-nav li:nth-child(5) a:before { background:url(../images/tab-icon5.png) no-repeat 0 0;} .web-features-main ul.tabs-nav li a.current:before { background-position:0px -47px; } .web-features-main ul.tabs-nav li a.current{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ color: white; font-weight:700; /*box-shadow: inset 390px 0 0 0 #183dff;*/ } .web-features-main .tabs .tab-content-panel{ background:white; padding: 60px 410px 25px 50px; border: 1px solid #d1d1d1; border-left:0px; display:none; overflow:hidden; height: 410px; } .web-features-main .tabs .tab-content-panel img { position:absolute; z-index:5; } .web-features-main .tabs .tab-content-panel .image1 { right:26px; top:25px; } .web-features-main .tabs .tab-content-panel .image2 { right:16px; top:25px; } .web-features-main .tabs .tab-content-panel .image3 { right:46px; top:5px; } .web-features-main .tabs .tab-content-panel .image4 { right:46px; top:5px; } .web-features-main .tabs .tab-content-panel .image5 { right:16px; top:40px; } .web-features-main .tabs .tab-content-panel h3 { font-weight: 500; font-size: 18px; line-height: 18px; padding: 0 0 15px 0; color: #232222; } .web-features-main .tabs .tab-content-panel p { font-weight: 400; font-size: 16px; line-height: 22px; padding: 0 0 0 0; margin: 0 0 20px 0; color: #555555; position:relative; z-index:10; } .web-features-main .tabs .tab-content-panel a.red-link-btn-arrow { font-size:16px; } .web-features-main .tabs .tab-content-panel.selected{display:block;} section.web-design-tabs h2 { color: #0082ca; font-size: 44px; font-weight: 300; text-align: center; margin-bottom: 30px; } section.web-design-tabs h2 strong { font-weight: 500; } .logo-design-process h2 { color: #36454f; font-size: 36px; font-weight: 600; text-align: center;} .logo-design-process h2 span { font-weight: 500; } section.custom-logo-branding p { line-height: 24px; padding: 0; text-align: center; } section.web-design-tabs { padding: 0 0 60px 0; } section.web-design-tabs ul.tabs-list { font-weight: 500; padding-bottom: 0; margin: 0; text-align: center; text-transform: uppercase; font-size: 16px; color: #999999; position: relative; z-index: 0; } section.web-design-tabs ul.tabs-list li {display: inline-block;color: #999999;padding: 8px;margin: 0 4px;width: 24%;position: relative;/*overflow: hidden;*/background: #f0f0f0;border-radius: 6px 6px 0 0;-webkit-box-shadow: inset -3px 3px 58px -8px rgba(148,148,148,1);-moz-box-shadow: inset -3px 3px 58px -8px rgba(148,148,148,1);box-shadow: inset -3px 3px 58px -8px rgba(148,148,148,1);} section.web-design-tabs ul.tabs-list li:first-child { margin-left: 0px; } section.web-design-tabs ul.tabs-list li:last-child { margin-right: 0px; } section.web-design-tabs ul.tabs-list li a {display: block;color: #999999;padding: 20px 0 20px 0;background: #ffffff;border-radius: 6px 6px 0 0;position: relative;} section.web-design-tabs ul.tabs-list li a:hover { background:#999999; color:white; } section.web-design-tabs ul.tabs-list:after { background: rgb(213,213,213); /* Old browsers */ background: -moz-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(214 214 214) 0%, rgb(255 255 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#f3f3f3', GradientType=0 ); /* IE6-9 */ content: ""; width: 99.1%; height: 8px; position: absolute; left: 3px; bottom: 0; } section.web-design-tabs ul.tabs-list li.active a { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #7670f3; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7670f3', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ color: #fff !important; border-color: #7670f3; } .web-design-tabs .tab-pane { padding-top: 20px; display: none;padding-bottom: 60px; border-bottom: #e8e8e8 3px solid; } .web-design-tabs .tab-pane.active { display: block; } .web-design-tabs .tab-content-main { padding:50px 0 0 0; display:inline-block; width:100%; } .web-design-tabs .tab-content-main h3 { font-weight:400; text-transform:uppercase; font-size:25px; line-height:25px; padding:0 0 10px 0; color:#1d1d1d;} .web-design-tabs .tab-content-main h4 { font-weight:400; font-size:21px; line-height:21px; padding:0 0 20px 0; color:#7670f3;} .web-design-tabs .tab-content-main p { font-weight:400; font-size:16px; line-height:22px; padding:0 0 0 0; margin:0 0 20px 0; color:#555555; } .web-design-tabs .tab-content-main ul { list-style: none; margin: 10px 0 30px 0; width:100%; display:inline-block; } .web-design-tabs .tab-content-main ul li {color: #555555;padding: 0 0 10px 0px;line-height: 20px;font-size: 16px;font-weight: 400;position:relative; float:left; width:50%; } .web-design-tabs .tab-content-main ul li a.red-link-btn-arrow { font-size: 16px; } .tab-img-space { margin-top:50px;} .tab-img-space2 { margin-top:20px;} /* lamp web design */ #lamp {width: 22.6%;height: 8px;background: #343c6d;display: block;position: absolute;bottom: 0px;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;z-index:100;border-radius: 11px;} #lamp span {width: 100%;height:8px; position:relative;float: left;} #lamp.content2 {left: 26%;width: 22.7%;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;} #lamp.content3 {left: 51%;width: 22.6%;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;} #lamp.content4 {left: 76%;width: 22.7%;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;} #lamp.content5 {left: 81.1%;width: 17.6%;transition: all .4s ease-in;-o-transition: all .4s ease-in;-webkit-transition: all .4s ease-in;-moz-transition: all .4s ease-in;} #lamp.content1 { left: 1%; transition: all .4s ease-in; -o-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; } .moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; z-index:999; } .home-icons-box { position:relative; } .slider-inner-main.ecommerce .slider-content h3 span { font-size: 18px; } .slider-inner-main.ecommerce .slider-content h4 { font-size: 46px; } .ecommerce-content h2 { } /*.footer-content-space1 {padding:0 0 0 40px; } .footer-content-space2 {padding:0 0 0 80px; }*/ .multi-channel-ecommerce { padding: 50px 0 50px 0; background: #f5f9fa; margin: 0 0 30px 0; } .multi-channel-ecommerce h2 { color: #36454f; font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 30px; } .multi-channel-ecommerce h2 strong { font-weight: 500; } .multi-channel-ecommerce p { line-height: 21px; } .multi-channer-img { margin: 30px auto 20px auto; } .integrated-ecommerce { padding: 40px 0 50px 0; background: #f5f9fa; margin: 40px 0 30px 0; } .integrated-ecommerce h2 { color: #36454f; font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 30px; } .integrated-ecommerce h2 strong { font-weight: 500; } .integrated-ecommerce p { line-height: 21px; } .integrated-img { margin: 0px auto; } section.ecommerce-package { padding: 30px 0 20px 0; } section.ecommerce-package .main-ecommerce-content { border: #d1d1d1 1px solid; } section.ecommerce-package h1 { color: #36454f; font-size: 36px; font-weight: 600; text-align: center; margin:0 0 40px 0; } section.ecommerce-package h1 strong { font-weight:500; } section.ecommerce-package h2 {background: #009dc8;color: #fff;font-size: 19px;text-transform: uppercase;padding: 22px 15px 22px 30px;} section.ecommerce-package h3 { background: #ededed; color: #0082ca; border-bottom: white 1px solid; padding: 19px 16px 19px 30px; font-size: 21px; font-weight: 300; margin-bottom: 18px; position: relative; } section.ecommerce-package h3:before { width: 100%; height: 1px; position: absolute; content: ""; bottom: -2px; left: 0px; background: #d1d1d1; } section.ecommerce-package h4 { font-size: 24px; color: #1d1d1d; font-weight: 500; margin-bottom: 0; padding: 19px 16px 10px 30px; } .ecommerce-package-list-mainbox { padding: 18px 15px; display: inline-block; width: 100%; } section.ecommerce-package .ecommerce-package-list-mainbox ul { margin: 0; color: #1d1d1d; padding-left: 10px; } section.ecommerce-package .ecommerce-package-list-mainbox ul li { margin-bottom: 12px; position: relative; padding-left: 13px; font-weight: 400; color: #1d1d1d; font-size: 14px; line-height:18px; } section.ecommerce-package .ecommerce-package-list-mainbox ul li span { color: #183dff; text-transform: uppercase; } section.ecommerce-package .ecommerce-package-list-mainbox ul li span { } section.ecommerce-package h3 span { float: right; font-size: 38px; color: #005381; margin-top: -3px; } section.ecommerce-package h3 span sup { font-size: 22px; } section.ecommerce-package .ecommerce-package-list-mainbox ul li:before { content: ""; background: red; padding: 2px; position: absolute; left: 0; top: 4px; width: 1px; height: 1px; border-radius: 100%; } .ecommerce-feature-bar { background: #f8f8f8; padding: 15px 0 17px; border-top: #d1d1d1 1px solid; margin-top: 9px; } .ecommerce-feature-bar:after, .feature-bar:before { clear: both; display: block; content: ""; } .ecommerce-more-feature h5 { color: #183dff; font-size: 15px; width: 100%; font-weight: 400; margin-bottom: 8px; text-transform: uppercase; position: relative; } .ecommerce-more-feature h5 span { background: #f8f8f8; display: inline-block; padding-right: 10px; position: relative; z-index: 1; } .ecommerce-more-feature h5 span strong {font-weight:700;} .ecommerce-more-feature h5:after { background: #d1d1d1; height: 1px; width: 100%; position: absolute; right: 0; top: 7px; content: ""; } .ecommerce-more-feature ul li { display: inline-block; font-size: 12px; margin: 0 39px 0 0; padding-left: 13px; position: relative; font-weight: 500; } .ecommerce-more-feature ul li:before { content: ""; background: red; padding: 2px; position: absolute; left: 0; top: 4px; width: 1px; height: 1px; border-radius: 100%; } .ecommerce-more-feature ul li:last-child { margin: 0; } .ecommerce-more-feature ul { border-bottom: 1px solid #d1d1d1; padding: 0 0 15px 0; } .ecommerce-feature-bar a { background: #6b6b6b; display: block; text-align: center; color: #fff; font-size: 15px; padding: 16px 0; border-radius: 5px; margin-top: 5px; } .ecommerce-feature-bar a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } section.ecommerce-package .ecommerce-package-list-mainbox .ecommerce-unique-list ul { float:left; margin:0 10px 0 0; } .add-on-web-packages.ecommerce .add-on-box-main h2 { background:#36454f; margin-bottom: 25px; } section.request-custom-qoute-ecommerce { padding: 30px 0 40px 0; } section.request-custom-qoute-ecommerce .container { border: #d1d1d1 1px solid; padding: 35px 30px; } section.request-custom-qoute-ecommerce h4 { color: #000000; font-size: 22px; font-weight: 500; margin-bottom: 15px; } section.add-on-web-packages ul { margin: 0; color: #1d1d1d; } section.request-custom-qoute-ecommerce ul { margin:0px; } section.request-custom-qoute-ecommerce ul li { position: relative; padding:0 0 10px 13px; font-weight: 300; color: #6b6b6b; font-size: 22px; } section.request-custom-qoute-ecommerce ul li:last-child { padding:0 0 0 13px;} section.request-custom-qoute-ecommerce ul li:before { content: ""; background: red; padding: 2px; position: absolute; left: 0; top: 8px; width: 1px; height: 1px; border-radius: 100%; } section.request-custom-qoute-ecommerce .right-area { margin:20px 0 0 0;} section.request-custom-qoute-ecommerce a.red-link-btn-arrow { font-size: 17px; } section.request-custom-qoute-ecommerce .discuss-link { font-size: 23px; display: inline-block; margin-left: 10px; color: #36454f; text-decoration: underline; padding-top: 10px; } section.request-custom-qoute-ecommerce .discuss-link:hover { color: #183dff; } section.request-custom-qoute-ecommerce .simple-txt { font-size: 23px; display: inline-block; margin-left: 10px; color: #6b6b6b; padding-top: 10px; } section.request-custom-qoute-ecommerce a:before { top: 50%; margin-top: -6px; } .portfolio-inner-main.ecommerce-portfolio h2 {margin-bottom: 20px; } .portfolio-inner-main.ecommerce-portfolio h2 strong { font-weight:500; } .stickyheader { position: fixed; z-index: 999; min-height: auto; top: 0; } .stickyheader .top-bar { min-height: 72px; } .stickyheader .logo { margin: 20px 0 0 0; } .stickyheader .logo img {width: 240px;} .stickyheader .linksbds{ border: transparent; } .stickyheader ul.topnav { margin: 1px 0 0 0; float: right; clear: initial; border: transparent; } .stickyheader ul.topnav > li { display: inline-block; text-transform: uppercase; font-size: 14px; margin: 0 15px 0 0; padding: 0 0 0 0; border-right:none; } .stickyheader ul.topnav > li:before { position: relative; content: ""; background: #606060; width: 1px; height: 14px; float: right; margin: 0 0 0 15px; } .stickyheader ul.topnav > li.top-search:before { display:none; } .stickyheader ul.top-cta li a{font-size: 14px;} /*ul.topnav li:first-child { border-left:0px; }*/ .stickyheader ul.topnav > li:last-child { margin-right: 10px; } .stickyheader ul.topnav > li > a { color: #262626; padding:0px; display:inline-block; margin: 0; font-size: initial; text-transform: uppercase; } .stickyheader ul.topnav > li > a i{ display: none; } .stickyheader ul.topnav > li > a:hover { color: #183dff; } .stickyheader ul.topnav > li.startup-link-top { margin:0 12px 0 0; } .stickyheader ul.topnav > li.startup-link-top:before {margin: 0 0 0 20px;} .stickyheader ul.topnav > li.startup-link-top > a { color: #7670f3; } .stickyheader ul.topnav > li.startup-link-top > a:hover { color: #7670f3; } .stickyheader ul.topnav > li.startup-link-top > a:before { display: none; } .stickyheader ul.top-cta {padding: 0;text-align: initial;border-right: none;margin: 0;display: initial;border-bottom: 0;} .stickyheader ul.top-cta li:first-child {font-size: 16px;text-align: center;border-bottom: none;padding-bottom: 0px;margin: 0;display: inline-block;padding:0px;position:relative;padding-left: 10px;} .stickyheader ul.top-cta li ul.topbtns-pric > li:last-child{border-left: 1px solid #000000;margin-left: 5px;padding-right: 0;} .stickyheader ul.top-cta li:first-child:after { position: absolute; content: ""; background: #606060; width: 1px; height: 14px; left:0px; top:2px; } .stickyheader ul.topnav > li:nth-child(2) { display:inline-block; } .stickyheader ul.topnav > li:nth-child(4) { display:none; } .stickyheader ul.topnav > li:nth-child(5) { display:none; } .stickyheader ul.top-cta li:first-child:after{ display: none; } .stickyheader ul.top-cta li:first-child a { color: #183dff; padding: 0; } /*.stickyheader ul.top-cta li:first-child a:hover { color: #0182cc; }*/ .stickyheader ul.top-cta li:first-child a:before { margin-right:8px; } .sticky-top-area { width:100%; display:none; margin:8px 0 15px 0; } .stickyheader .sticky-top-area { display:inline-block; } .header-social {margin: 0; float:right; } .header-social li { float: left; margin: 0 2px 0 2px; position: relative; text-align: center; } .header-social li a { display: block; padding: 0; text-align: center; background:#cacaca; width:20px; height:20px; line-height:20px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .header-social li a i { color: #717171; font-size: 14px; margin: 0; line-height: 20px; } .header-social li a i.fa-google-plus { font-size: 12px; } .header-social li a.facebook:hover{ background:#3e5b98; } .header-social li a.youtube:hover{ background:#9b2521; } .header-social li a.gplus:hover{ background:#d93e2d; } .header-social li a.twitter:hover{ background:#2cabd5; } .header-social li a.linkedin:hover{ background:#0274b3; } .header-social li a.twitter:hover{ } .header-social li a:hover i { color: white; } .stickyheader ul.top-links { float:right; margin: 5px 2px 0 0; } .stickyheader ul.top-links li { font-size: 12px; color: #6f6f6f; display: inline-block; padding: 0 18px; position:relative; border-right: #606060 1px solid } .stickyheader ul.top-links li:last-child { border-right:0px;} .stickyheader ul.top-links li a { display: block; color: #6f6f6f; text-transform: uppercase; } .stickyheader ul.top-links li i { margin-right: 3px; float:left; } .stickyheader ul.top-links li a:hover { color: #0083cc; } .navigation ul li.add-scroll-link { display:none !important; } .stickyheader .navigation ul li.add-scroll-link { display:inline-block; } .stickyheader .navigation > .container > ul > li { margin: 0 25px; } .stickyheader .navigation > .container > ul > li:first-child { margin-left:0px; } .stickyheader .navigation > .container > ul > li:last-child { margin-right:0px; } .stickyheader .navigation > .container > ul > li a.sub-menu:after { display:none; } .stickyheader .navigation ul li:hover .nav-submenu { display:none; } .stickyheader li ul.topnav li.drop-off-link { display:none; } ul.topnav li.sticky-drop-link { display:none; } .stickyheader .navigation { -webkit-box-shadow: inset 0px 10px 16px -10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 10px 16px -10px rgba(0,0,0,0.3); box-shadow: inset 0px 10px 16px -10px rgba(0,0,0,0.3); } .stickyheader .navigation div > ul > li { font-size:12px; } .stickyheader .navigation div > ul > li { margin: 0 15px; padding: initial; } .stickyheader .navigation div > ul > li:last-child:before { display: none; } .stickyheader .navigation div > ul > li:first-child { margin-left: 0px; padding: 0; } .stickyheader .navigation div > ul > li:nth-last-child(2) { margin-right: 19px; } .stickyheader .navigation div > ul > li:last-child { margin-right: 0px; } .stickyheader .navigation ul > li > a { padding:18px 0 12px 0;} .stickyheader .navigation ul > li > a:after { display:none; } .stickyheader .navigation div > ul > li:first-child a{ padding: 18px 0 12px 0; } .stickyheader ul.topnav > li{ letter-spacing:1px; display: inline-block;} .stickyheader ul.topnav> li.sticky-drop-link { display:inline-block; } .stickyheader ul.topnav > li.sticky-drop-link > a { padding:0 0 14px 0; } .stickyheader ul.topnav > li.sticky-drop-link > a:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; float: right; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; margin: 0 0 0 10px; position: relative; top: 1%; right: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .stickyheader li ul.topnav > li.sticky-drop-link > a:hover:after {top: 5%;} .pos-static { position:static; } .navigation-sticky { position: absolute; left: 0; right: 0; top:72px; width: 100%; background:white; display:none; height:0px; overflow:hidden; } .navigation-sticky .navigation { border-top:0px; } ul.topnav li.stickyon { display: none; } ul.topnav li.top-search { display:none; } .stickyheader ul.topnav li.top-search { display:inline-block; padding:0; } .sb-search { position: relative; width: 0%; min-width: 20px; min-height: 20px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .sb-search-input { position: absolute; top: 0; right: 0; outline: none; background: #fff; width: 100%; height: 20px; margin: 0; z-index: 10; padding: 0px 5px; font-family: inherit; font-size: 13px; color: #6f6f6f; border: 1px solid #cccccc; } .sb-search-input::-webkit-input-placeholder { color: #6f6f6f; } .sb-search-input:-moz-placeholder { color: #6f6f6f; } .sb-search-input::-moz-placeholder { color: #6f6f6f; } .sb-search-input:-ms-input-placeholder { color: #6f6f6f; } .sb-icon-search, .sb-search-submit { width: 20px; height: 20px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 60px; text-align: center; cursor: pointer; } .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; } .sb-icon-search { color: #192b4d; background: white; z-index: 90; } .sb-icon-search:before { content: "\e000"; } /* Open state */ .sb-search.sb-search-open, .no-js .sb-search { width: 200px; } .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: #102347; color: #fff; z-index: 11; font-size: 13px; padding: 2px 0 0 0; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } .ios-app-area { padding:100px 0; background:#e4e7e0 url(../images/ios-bg.jpg) no-repeat center center; background-size:cover; } .ios-app-area h2 { color: #36454f; font-size: 36px; line-height:50px; font-weight: 600; margin-bottom: 15px; } .ios-app-area h2 strong { font-weight: 500; } .ios-app-area h2.headstylecenter:before{ left: 0; right: auto; } .ios-app-area P { line-height: 24px; color:#555555; font-size:16px; margin: 0 0 20px; } .android-app-area { padding:60px 0; margin:0 0 30px 0; background:#221f22 url(../images/android-bg.jpg) no-repeat center center; background-size:100% 100%; } .android-app-area h2 { color: white; font-size: 36px; line-height:50px; font-weight: 600; margin-bottom: 15px; } .android-app-area h2 strong { font-weight: 500; } .android-app-area h2.headstylecenter:before{ left: 0; right: auto; } .android-app-area P { line-height: 24px; color:#727272; font-size:16px; margin: 0 0 20px; } .cost-area { padding:40px 0 70px 0;text-align:center; } .cost-area h2 { color: #36454f; font-size: 36px; font-weight: 600; text-align: center; padding-bottom: 30px; } .cost-area h2 strong { font-weight: 500; } .calculate-img { margin:20px auto 30px auto; } .cost-area P { line-height: 24px; color:#6f6f6f; font-size:14px; margin: 0 0 20px; } .cost-area a.red-link-btn-arrow { font-size:16px; } .mobile-app-faq-main section.faq{ padding: 40px 0 0px 0; } .step9-icon { max-width: 140px; } .step9-pricing { color: #183dff; font-size: 20px; line-height: 22px; font-weight: 400; text-align: center; padding-bottom: 10px; padding-top: 10px; } .step9-type { color: #0082ca; font-size: 16px; font-weight: 400; text-align: center; padding-bottom: 5px; } .step9-text { margin: 0 auto; line-height: 18px !important; font-size: 12px !important; } .discuss-link { font-size: 23px; display: inline-block; margin-left: 10px; color: #0182ca; text-decoration: underline; padding-top: 10px; } .simple-txt { font-size: 22px; display: inline-block; margin-left: 10px; color: #0182ca; padding-top: 10px; } .step9 h2 { font-size: 30px; padding-bottom: 6px; } .pt-25 { padding-top: 25px; } /* custom popup calculator ------------------------------------*/ .custom-calculator { padding: 25px 25px; background: white; height: 100%; } .custom-calculator h2 {color: #36454f;font-size: 34px;line-height: 36px;font-weight: 500;padding-bottom: 15px;} .custom-calculator h3 { color: #393939; font-size: 20px; line-height: 22px; font-weight: 400; padding-bottom: 15px; } .custom-calculator h3 span { color: #183dff; } .custom-calculator p { font-size: 14px; line-height: 24px; width: 90%; margin: 0 auto 15px auto; } .custom-calculator-top { text-align: center; } .myClose { height: 36px!important; width: 36px!important; background: url(../images/fancybox/close-custom.png) no-repeat 0 0!important; } .buttons-main { padding: 10px 0; display: inline-block; width: 100%; } .buttons-main .prev-link {background: #0082ca;color: #fff;font-size: 16px;display: inline-block;padding: 17px 15px 17px 45px;margin: 0 13px 0 0;border-radius: 5px;position: relative;overflow: hidden;width: 127px;} .buttons-main .prev-link:before {background: url(../images/sprite.png) no-repeat -1px -17px;width: 15px;height: 15px;content: "";position: absolute;left: 18px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-ms-transition: all .2s ease-in;transition: all .2s ease-in;z-index: 1;top: 50%;margin-top: -7px;} .buttons-main .prev-link:after { width: 100%; height: 0%; left: 0; top: 0; position: absolute; content: ""; background: rgba(4,118,189,1); background: -moz-linear-gradient(top, rgba(4,118,189,1) 0%, rgba(0,96,156,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,118,189,1)), color-stop(100%, rgba(0,96,156,1))); background: -webkit-linear-gradient(top, rgba(4,118,189,1) 0%, rgba(0,96,156,1) 100%); background: -o-linear-gradient(top, rgba(4,118,189,1) 0%, rgba(0,96,156,1) 100%); background: -ms-linear-gradient(top, rgba(4,118,189,1) 0%, rgba(0,96,156,1) 100%); background: linear-gradient(to bottom, rgba(4,118,189,1) 0%, rgba(0,96,156,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476bd', endColorstr='#00609c', GradientType=0 ); z-index: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .buttons-main .prev-link span { position: relative; z-index: 1; } .buttons-main .prev-link:hover:after { height: 100%; } .buttons-main .prev-link:hover:before { left: 15px; } .buttons-main .next-link:after { width: 100%; height: 0%; left: 0; top: 0; position: absolute; content: ""; background: rgba(255,0,47,1); background: -moz-linear-gradient(top, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,47,1)), color-stop(100%, rgba(194,0,36,1))); background: -webkit-linear-gradient(top, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%); background: -o-linear-gradient(top, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%); background: -ms-linear-gradient(top, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%); background: linear-gradient(to bottom, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff002f', endColorstr='#c20024', GradientType=0 ); z-index: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .buttons-main .next-link span, a.blue-link-btn-arrow span { position: relative; z-index: 1; } .buttons-main .next-link:hover:after { height: 100%; } .buttons-main .next-link {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */color: #fff;font-size: 16px;display: inline-block;padding: 17px 40px 17px 39px;font-weight: bold;text-transform: capitalize;border-radius: 5px;position: relative;width: 127px;overflow: hidden;} .buttons-main .next-link:before {background: url(../images/sprite.png) no-repeat -1px -2px;width: 15px;height: 15px;content: "";position: absolute;right: 22px;top: 50%;margin-top: -8px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;z-index: 1;-o-transition: all .2s ease-in;-ms-transition: all .2s ease-in;transition: all .2s ease-in;} .buttons-main .next-link span { position: relative; z-index: 1; } .buttons-main .next-link:hover:after { height: 100%; } .buttons-main .next-link:hover:before { right: 19px; } .buttons-main .start-again-btn { font-size: 20px; float: right; border-bottom: 1px solid #267cb5; color: #267cb5; margin: 10px 0 0 0; } .buttons-main .start-again-btn:hover { border-bottom: 0px; } .calc-options-box-main { display:inline-block; background:#f9f9f9; width:100%; min-height:300px; margin:15px 0; border:1px solid #e5e5e5; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .calc-options-box-left { padding:40px 20px 0px 20px; width:65%; border-right:1px solid #e5e5e5; float:left; min-height:300px; } .form-box-main form { width: 100%; } .form-box-main form ul { display:inline-block; width:100%; } .form-box-main form ul li { width: 100%; margin: 0 0 20px 0; padding: 0; float: left; box-sizing: border-box; } .form-box-main form ul li label.field-txt { color: #36454f; font-size: 20px; line-height: 22px; font-weight: 400; margin: 0 0 22px; width: 100%; display: block; } .form-box-main form ul li img { display: block; border: 1px solid #e5e5e5; margin: 0 0 10px 0; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .form-box-main form ul li img:hover { border: 1px solid #0082ca; cursor: pointer; -webkit-box-shadow: -10px 10px 15px -8px rgba(0,0,0,0.4); -moz-box-shadow: -10px 10px 15px -8px rgba(0,0,0,0.4); box-shadow: -10px 10px 15px -8px rgba(0,0,0,0.4); } .form-box-main form ul li .check-list { float:left; margin:0 15px 0 0; width:initial; } .form-box-main form ul li .check-list2 { float:left; margin:0 15px 0 0; } .form-box-main form ul li input[type=checkbox]:not(old), .form-box-main form ul li input[type=radio ]:not(old){ width:28px; margin:0; padding:0; opacity:0;cursor:pointer; } .form-box-main form ul li input[type=checkbox]:not(old) + label, .form-box-main form ul li input[type=radio ]:not(old) + label { display: inline-block; margin-left:-28px; padding-left:28px; background:url('../images/calculator/checks.png') no-repeat 0 0; line-height : 24px; font-weight:400; font-size:13px; height:25px; color:black; } .form-box-main form ul li input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; } .form-box-main form ul li input[type=radio]:not(old):checked + label{ background-position : 0 -48px; } .active-option {border: 1px solid #f38398!important; } .calc-options-box-right { padding:0; width:35%; float:left; position:relative; min-height:300px; } .calc-options-box-right .estimate-amount {background: #36454f;padding:8px 10px;display:inline-block;width:100%;margin-bottom:5px;-moz-border-radius: 0px 5px 0px 0px;-webkit-border-radius: 0px 5px 0px 0px;border-radius: 0px 5px 0px 0px;} .calc-options-box-right .estimate-amount h3{ font-size:18px; color:white; float:left; padding:5px 0 0 0;font-weight:400; } .calc-options-box-right .estimate-amount span { float:right; font-size:26px; color:white; font-weight:400; } .calc-options-box-right .estimate-total { background:#ebebeb; padding:8px 10px; display:inline-block; width:100%; margin-top:5px; position:absolute; bottom:0px; left:0px; -moz-border-radius: 0px 0px 5px 0px; -webkit-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px; } .calc-options-box-right .estimate-total h6{ font-size:16px; color:#3e3e3e; float:left; padding:5px 0 0 0;font-weight:400; } .calc-options-box-right .estimate-total span { float:right; font-size:26px; color:#3e3e3e; font-weight:400; } .estimate-list-main { width:100%; display:inline-block; padding:5px 10px 5px 10px; margin:0px; height:205px; overflow:hidden; } .estimate-list-main li { width:100%; display:inline-block; } .estimate-list-main li+li { margin-top:5px; } .estimate-list-main li .list-left { width:75%; float:left; } .estimate-list-main li .list-left h4 { float:left; font-size:12px; min-width:55px; padding:2px 0; width:30%; } .estimate-list-main li .list-left .options {width:65%; float:left;} .estimate-list-main li .list-left .options span {float:left;background:white;color:#0082ca;color: #183dff;font-size:12px;padding:2px 5px;margin:0 5px 5px 0;border:1px solid #e0e0e0;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;} .estimate-list-main li .price-right { width:25%; float:right; text-align:right; font-size:14px; } .large-content .calc-options-box-left { width:70%!important; } .large-content .calc-options-box-right { width:30%!important; } .fancybox-close { -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .fancybox-close:hover { -moz-transform: scale(1) rotate(90deg) translate(0px); -webkit-transform: scale(1) rotate(90deg) translate(0px); -o-transform: scale(1) rotate(90deg) translate(0px); transform: scale(1) rotate(90deg) translate(0px); } /* slick arrows .home slider */ .admin-panel-slider-main .slick-slide { padding-bottom:15px; } .admin-panel-slider-main .slick-prev,.admin-panel-slider-main .slick-next { font-size: 0; line-height: 0; position: absolute; top: -20px; z-index: 100; display: block; padding: 0; left:initial; right:initial; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .admin-panel-slider-main .slick-prev { right: 42px; } .admin-panel-slider-main .slick-next { right: 20px; } .admin-panel-slider-main .slick-prev:before,.admin-panel-slider-main .slick-next:before { content: '\f104'; font-family:fontAwesome; color: #0082ca; font-size: 22px; line-height: 1; font-weight:600; } .admin-panel-slider-main .slick-prev:before { content: '\f104'; } .admin-panel-slider-main .slick-next:before { content: '\f105'; } .admin-panel-slider-main .slick-prev:hover:before, .admin-panel-slider-main .slick-next:hover:before { color:#183dff; } .fancybox-inner { overflow:hidden!important; } .industries-slider{ margin: 0 70px; } .slick-dots { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; list-style: none; display: block; padding: 0; margin: auto; width: 100%; } .slick-dots li { position: relative; display: inline-block; margin: 0 0 0 0; padding: 0px 3px; cursor: pointer; width: initial; height: initial; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 0; cursor: pointer; color: transparent; outline: none; background: #eeeeee; border: 1px solid #d8d8d8; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; } .slick-dots li.slick-active button { background: #7670f3; border: 1px solid #7670f3; } .slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus , .slick-next:hover, .slick-next:focus{ background: url("../images/sprite.png") no-repeat; background-position: -4px -68px; width: 21px; height: 39px; } .slick-next,.slick-next:hover, .slick-next:focus{ background-position: -37px -68px; } .slick-prev:before, .slick-next:before{ display: none; } .testimonials{ background: #111b21; padding: 50px 0; text-align: center; } .testimonials .row{ padding-bottom: 30px; } .testimonials h2{ color: #fff; font-size: 36px; margin-bottom: 30px; font-weight: 700; } .testimonials .testimonialsbx{text-align: left;position: relative;z-index: 2;} .testimonials .testimonialsbx img{float: left;margin-right: 30px;width: 170px;} .testimonials .testimonialsbx .inncont{position: relative;color: #fff;padding-top: 55px;float: left;width: 370px;} .testimonials .testimonialsbx .inncont:before{content: '';position: absolute;left: -50px;top: 28px;background: #fff;height: 5px;width: 300px;z-index: -1;} .testimonials .testimonialsbx .inncont h3{ color: #fff; font-size: 24px; font-family: 'Roboto', sans-serif; margin-bottom: 10px; } .testimonials .inncont p{ font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 23px; position: relative; } .testimonials .inncont .parag-test > p:before, .testimonials .inncont .parag-test > p:after{ content: ''; background-position: -75px -68px; width: 25px; height: 23px; display: inline-block; position: absolute; left: -34px; top: 3px; } .testimonials .inncont .parag-test > p:after{ background-position: -109px -68px; width: 25px; height: 23px; right: 0; left: auto; bottom: -10px; top: auto; } .testimonials .parag-test{ padding-left: 35px; } .testimonials .parag-test .testimon-times p{ color: #767d82; font-size: 13px; } .testimonials .parag-test .testimon-times p i{ display: inline-block; vertical-align: middle; margin-right: 5px; } .testimonials .slick-dots{ bottom: -10px; } .col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;} .greybgsfoot{background: #1e1e1e;padding: 43px 32px 0px;text-align: left;} .greybgsfoot ul{padding: 0px 0 10px;} .greybgsfoot ul li{display: block;position: relative;margin: 0;} /*.greybgsfoot ul li:first-child a{font-weight: 500;font-size: 18px;}*/ .greybgsfoot ul li a{font-size: 15px;display: block;padding: 16px 0;color: #fff;font-family: 'Roboto', sans-serif;} .greybgsfoot ul li a strong{ display: inline-block; vertical-align: middle; } .greybgsfoot ul li a:after{ display: none; } .greybgsfoot ul li:nth-child(1) a:hover:before, .greybgsfoot ul li:nth-child(2) a:hover:before{ -moz-transform: scale(1) rotate(40deg) translate(0px); -webkit-transform: scale(1) rotate(40deg) translate(0px); -o-transform: scale(1) rotate(40deg) translate(0px); transform: scale(1) rotate(40deg) translate(0px); } .greybgsfoot ul li a:hover strong{ color: #7670f3; font-weight: 700; } .greybgsfoot a img{ margin-bottom: 20px; } .greybgsfoot ul li:last-child:after{ display: none; } .nopadleft{ padding-left: 0; } section.block.block_project-visual img, section.block.block_project-visual video{ display: block; margin: auto; } section.block.block_project-visual { text-align: center; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #f6f6f6; transition: background-color 1s cubic-bezier(.19,1,.22,1),color 1s cubic-bezier(.19,1,.22,1); padding-top: 10rem; padding-bottom: 10rem; } .color-black.active{ background-color: #000 !important; } .firstsubmenu-tabs{background-color: #fff;position: relative;z-index: 2;padding: 30px 20px;} .nav-submenu{ background: #fff; left: 0; width: 100%; transform: initial; font-family: 'Open Sans', sans-serif; text-transform: initial; letter-spacing: initial; z-index: 2222; padding: 0 20px; } .firstsubmenu-tabs:hover h3{ color: #7670f3; } .firstsubmenu-tabs h3{ color: #000; font-size: 15px; font-family: 'Roboto', sans-serif; margin-bottom: 10px; text-transform: uppercase;transition: all 0.3s ease-out; } .firstsubmenu-tabs p{ color: #404040; font-size: 14px; } .navigation .firstsubmenu-tabs ul li{ margin: 0; display: block; } .navigation .nav-submenu .firstsubmenu-tabs ul li a { padding: 14px 0px 14px 10px; position: relative; text-transform: initial; } .navigation .nav-submenu .firstsubmenu-tabs ul li a i{ position: absolute; left: 0; top: 13px;} .navigation ul li .nav-submenu li a{ padding: 14px 25px 14px 0; text-align: left;} .rifghttabs-subm .firstsubmenu-tabs{ padding: 30px 0; } .rifghttabs-subm .firstsubmenu-tabs img{ /*margin-bottom: 10px; */width: 100%; } .rifghttabs-subm .firstsubmenu-tabs h4{ color: #000; font-size: 12px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; } .rifghttabs-subm .firstsubmenu-tabs p{ color: #404040; font-size: 13px; font-family: 'Open Sans', sans-serif; } .rifghttabs-subm .firstsubmenu-tabs a{ color: #183dff; font-size: 12px; text-transform: uppercase; font-weight: 600; } .morelink{ color: #7670f3 !important; font-family: 'Futura Std-mid'; font-size: 12px; font-weight: 600; text-transform: uppercase; margin-top: 15px; } .cutprice{background: #cfcfcf;border-radius: 5px;display: inline-block;font-size: 14px;color: #36454f;padding: 6px; vertical-align: middle;font-weight: 500;text-transform: uppercase;margin-top: -3px;} .cutprice span{position:relative;/* top:.5em; */color: #36454f;} .cutprice b{position: relative;display: inline-block;} .cutprice b:before{content: '';background: #183dff;width: 100%;height: 3px;display: block;position: absolute; top: 5px; margin: auto;left: 0;right: 0;transform: rotate(-12deg);z-index: 2;} .grebx-strips{ background: #ededed; padding: 15px 20px 15px 30px; margin-bottom: 25px; min-height: 66px; } .add-on-web-packages .add-on-box-main h2{ margin-bottom: 0; } .grebx-strips h3{ font-size: 24px; color: #36454f; font-weight: 300; float: left; margin-top: 6px; } .grebx-strips h3 strong{ font-weight: 600; } .grebx-strips .pricingbig-pack{ float: right; } .grebx-strips .pricingbig-pack span{ float: initial; color: #36454f; font-size: 14px; } .grebx-strips .pricingbig-pack .price{ color: #183dff; font-size: 38px; display: inline-block; vertical-align: middle; font-weight: 500; margin-right: 10px; } .fleft{ float: left; } .fright{ float: right; } .morefeatures{margin-top: 20px;background: #f8f8f8;padding: 10px 0;border-top: 1px solid #d1d1d1;padding: 25px 20px 25px 30px;width: 100%;float: left;} .add-on-web-packages .add-on-box-main{ padding-bottom: 0; } .morefeatures .fright a{ background: #36454f; color: #fff; font-size: 14px; display: inline-block; padding: 14px 0; border-radius: 5px; position: relative; overflow: hidden; font-weight: 400; width: 190px; text-align: center; } .morefeatures .fright a:hover{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .morefeatures h5{font-size: 15px;color: #183dff;text-transform: uppercase;position: absolute;top: -13px;background: #f8f8f8;padding: 5px;} .morefeatures h5 strong{ font-weight: 700; } section.add-on-web-packages .morefeatures ul{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 15px 0;} section.add-on-web-packages .morefeatures ul li{display: inline-block;margin-right: 10px;margin-bottom: 0;} .morefeatures .fleft{ position: relative; } .logo-design-process p strong{ color: #555555; font-size: 20px; } .logo-design-process .col-md-3:hover p strong{ color: #7670f3; } .logobrandings-pack .container{ border-top: #e8e8e8 3px solid; padding: 50px 0 0px 0; } .main-ecommerce-content .padsetpacks{ padding: 25px 20px 10px 30px; margin-bottom: 20px; } .main-ecommerce-content .grebx-strips{ margin-bottom: 0; } .main-ecommerce-content .padsetpacks h4{ color: #1d1d1d; font-size: 24px; } .main-ecommerce-content .add-on-web-packages-list-mainbox ul li{ line-height: 22px; } .eccomercecomnopack .add-on-box-main{ overflow: hidden; margin-bottom: 25px; } .eccomercecomnopack h1{ color: #36454f; font-size: 36px; font-weight: 700; } .animationpage .logo-tabs-main h2{ color: #36454f; font-size: 34px; font-weight: 600; text-align: center; margin-bottom: 30px; } /*.animationpage*/ section.packages-tabs.animations h2+ul li{ width: 19.1%; } section.packages-tabs.animations h2+ul li a{ font-size: 14px; } section.packages-tabs.animations #lamp-logo.logo-content1{ left: 0%; } section.packages-tabs.animations #lamp-logo{ width: 19.1%; } section.packages-tabs.animations #lamp-logo.logo-content2{ left: 20%; width: 19.4%; } section.packages-tabs.animations #lamp-logo.logo-content3{ left: 40.4%; width: 19.1%; } section.packages-tabs.animations #lamp-logo.logo-content4{ left: 60.5%; width: 19.2%; } .animationpage #lamp-logo.logo-content5{ left: 80.5%; width: 19.2%; } .animationpage .web-features-main ul.tabs-nav li a:before{ background: url("../images/animationtabs.png") no-repeat; display: inline-block;width: 47px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(1) a:before{ background: url(../images/animationtabs.png) no-repeat -8px -6px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(2) a:before{ background: url(../images/animationtabs.png) no-repeat -55px -7px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(3) a:before{ background: url(../images/animationtabs.png) no-repeat -110px -8px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(4) a:before{ background: url(../images/animationtabs.png) no-repeat -158px -6px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(5) a:before{ background: url(../images/animationtabs.png) no-repeat -207px -7px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(1) a.current:before{ background-position: -8px -58px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(2) a.current:before{ background-position: -55px -59px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(3) a.current:before{ background-position: -110px -60px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(4) a.current:before{ background-position: -158px -58px; } .animationpage .web-features-main ul.tabs-nav li:nth-child(5) a.current:before{ background-position: -207px -59px; } .animationpage .web-features-main .tabs .tab-content-panel .image2{ right: 22px; } .animationpage .web-features-main .tabs .tab-content-panel .image3{ top: 35px; } .animationpage .web-features-main .tabs .tab-content-panel .image4{ top: 25px; } .animationpage .web-features-main .tabs .tab-content-panel .image5{ right: 25px; } .sliders-main-3d .container{ border-top:3px solid #e8e8e8; } .sliders-main-3d{ padding: 0px 0 50px; text-align: center; } .sliders-main-3d .container{ padding-top: 50px; } .sliders-main-3d h2{ font-size: 36px; font-weight: 600; color: #36454f; margin-bottom: 30px; } .flipster{margin-top: 50px;padding-bottom: 80px;} .flipster--infinite-carousel .flipster__item__content{ width: 320px; position: relative; } .flipster--infinite-carousel .flipster__item__content .imgdivsx{max-height: 320px;overflow: hidden;} .flipster .flipster__item--current .imgdivsx.custom3danim img{margin-top: -44px;} .flipster .flipster__item--current .imgdivsx{ max-height: 276px; } .flipster .slidesinfors{padding: 20px 20px;border-bottom: 2px solid #d0d0d0;} .flipster .flipster__item--future .slidesinfors{ background: #c5c5c5; background: -moz-linear-gradient(left, #c5c5c5 0%, #d9d9d9 50%, #f6f6f6 100%); background: -webkit-linear-gradient(left, #c5c5c5 0%,#d9d9d9 50%,#f6f6f6 100%); background: linear-gradient(to right, #c5c5c5 0%,#d9d9d9 50%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#f6f6f6',GradientType=1 ); } .flipster .flipster__item--past .slidesinfors{ background: #f6f6f6; background: -moz-linear-gradient(left, #f6f6f6 0%, #e1e1e1 49%, #cacaca 100%); background: -webkit-linear-gradient(left, #f6f6f6 0%,#e1e1e1 49%,#cacaca 100%); background: linear-gradient(to right, #f6f6f6 0%,#e1e1e1 49%,#cacaca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#cacaca',GradientType=1 );} .flipster .slidesinfors h3{ font-size: 20px; color: #36454f; font-weight: 700; } .flipster .slidesinfors p{ font-size: 14px; color: #555555; margin-bottom: 0; padding: 10px 10px; display: none; transition: all 0.3s ease-out; } .flipster .flipster__item--current .slidesinfors{background: #ececec;margin-top: -8px;position: relative;z-index: 2;} .flipster .flipster__item--current .slidesinfors p{ display: block; } .flipster .flipster__item--current .slidesinfors h3{ color: #183dff; } .flipster__item img{ max-height: 323px; } .sliders-main-3d .flipster__button{top: auto;bottom: 30px;margin: auto;width: auto; z-index: 9;} .sliders-main-3d .arrowicons{ background: url("../images/sprite.png") no-repeat; background-position: -232px -38px; width: 39px; height: 30px; display: inline-flex; align-items: center; justify-content: center } .sliders-main-3d .flipster__button.flipster__button--next .arrowicons{ background: url(../images/sprite.png) no-repeat; background-position: -273px -38px; } .flipster__button--next{ right: 46.5% !important; } .flipster__button--prev{ left: 46.5% !important; } .sliders-main-3d .arrowicons:before{ content: ''; background: url("../images/sprite.png") no-repeat; background-position:-183px -70px; width: 15px; height: 15px; display: inline-block; } .sliders-main-3d .flipster__button.flipster__button--next .arrowicons:before{ background-position: -205px -70px; } .sliders-main-3d .flipster__button .arrowicons:hover:before { background-position:-183px -91px; } .sliders-main-3d .flipster__button.flipster__button--next .arrowicons:hover:before { background-position:-205px -91px; } .flipster__button, .flipster__button:focus{ opacity: 1 !important; } .flipster:before{content: '';position: absolute;left: 0;right: -2px;bottom: 8px;margin: auto;background: url("../images/sprite.png") no-repeat;background-position: -233px -77px;width: 79px;height: 21px;} .custompricing-pack{ background: #f1f1f1; padding: 60px 0; } .custompricing-pack h2{ margin-bottom: 25px; } .custompricing-pack .pricingstabs ul{ display: flex; justify-content: center; } .custompricing-pack .pricingstabs ul li{width: 147px;height: 50px;color: #555555;font-size: 15px;display: flex;padding: 10px 10px; align-items: center;justify-content: center;background: #fff;border-radius: 10px;cursor: pointer; font-family: 'Open Sans'; font-weight: 600; transition: all 0.3s ease-out; } .custompricing-pack .pricingstabs ul li+li{ margin-left: 10px; } .custompricing-pack .pricingstabs ul li:hover, .custompricing-pack .pricingstabs ul li.active{ background: #36454f; color: #fff; } .main-mobapp-sliders .slick-next{ right: 20px; } .main-mobapp-sliders .slick-prev, .main-mobapp-sliders .slick-next{ z-index: 222; background-position: -246px -472px; } .main-mobapp-sliders .slick-prev{ left: 20px; background-position: -213px -472px; } input[type="range"]{ -webkit-appearance: none; -moz-apperance: none; border-radius:5px; width: 100%; height: 9px; background-color: #cccfd1; background-image: transparent } input[type='range']::-webkit-slider-thumb { -webkit-appearance: none !important; background-color: #fff; border: 2px solid #183dff; height: 18px; width: 15px; } input[type=range]:focus { outline: none; } .pricings-strucs{width: 770px;margin: auto;font-family: 'Open Sans';} .pricings-strucs .divs1{margin-top: 70px;} .custompricing-pack .video-duration h6{font-size: 18px;color: #555555;font-family: 'Open Sans';font-weight: 700;display: inline-block;vertical-align: middle;} .pricerangesliders{display: inline-block;margin: 0 10px;position: relative;width: 362px;vertical-align: middle;} .pricerangesliders #durationoutput{position: absolute;left: 10px;top: -40px;background: #cccfd1;padding: 7px 10px;border-radius: 30px;min-width: 108px;text-align: center;font-weight: 600;} .video-duration .video-qty{display: inline-block;width: 170px;vertical-align: middle;text-align: right;} .video-duration .video-qty input{ border:2px solid #cccfd1; background: transparent; width: 90px; height: 37px; border-radius:30px; text-align: center; padding: 0 10px; display: inline-block; vertical-align: middle; } .video-duration .video-qty label{display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 600;margin-left: 10px;color: #555555;} .pricings-strucs .areapricings{ padding-top: 30px; border-top: 1px solid #ccc; margin-top: 35px; width: 100%; float: left; text-align: center; } .pricings-strucs .areapricings ul{ display: inline-flex; align-items: center; /* width: 75%;*/ margin: 15px 0 0; } .pricings-strucs .areapricings ul li{ font-size: 18px; color: #111b21; font-weight: 400; display: inline-flex; /* width: 48%;*/ align-items: center; position: relative; padding: 0 22px; font-size: 26px; font-weight: 700; } .pricings-strucs .areapricings ul li > div{font-size: 20px;font-weight: 700;line-height: 0;margin-left: 10px;font-size: 28px;} .pricings-strucs .areapricings ul li+li{ justify-content: center; } .pricings-strucs .areapricings ul li.greycont-cont b{ color: #a5a5a5; } .pricings-strucs .button-pricng{ display: inline-flex; align-items: center; /* width: 25%;*/ } .pricings-strucs .areapricings ul li+li:before{ content: ''; position: absolute; left: -5px;background:url("../images/sprite.png") no-repeat; background-position: -154px -106px; width: 14px; height: 26px; } .pricings-strucs .areapricings ul li.first{font-size: 26px;text-transform: uppercase;font-weight: 700;} .pricings-strucs .areapricings ul li.first .costing-final{ font-size: 28px; } .pricings-strucs .areapricings ul li.greycont-cont{ color: #a5a5a5; } .cost-area .custom-popup{ z-index: 999; width: initial; } section.web-design-tabs.digitalmarket-p ul.tabs-list li{ width: 32.5%; } section.web-design-tabs.digitalmarket-p #lamp.content1{ left: 0.7%; } section.web-design-tabs.digitalmarket-p #lamp{ width: 31.1%; } section.web-design-tabs.digitalmarket-p.digitalmarket-p #lamp.content2{ left: 34.3%; } section.web-design-tabs.digitalmarket-p #lamp.content3{ left: 67.8%; } .hovers-img{ position: relative; margin-bottom: 10px; overflow: hidden; } .overlayhov-nav { width: 100%; position: absolute; top: 0; left: 0; right: auto; bottom: 0; margin: auto; background: rgb(248 169 37); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-out; opacity: 0; visibility: hidden; } .overlayhov-nav a { color: #fff !important; font-size: 15px !important; } .firstsubmenu-tabs:hover .hovers-img .overlayhov-nav{ left: 0; opacity: 1; visibility: visible; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{ z-index: 999; } .intl-tel-input .country-list{ color: #000; } .anchorlinks{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 22; width: 100%; height: 100%; } /*.anchorlinks{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 22; width: 100%; height: 100%; } .anchorlinks i{position: absolute;bottom: 0;right: 0;color: #fff;width: 199px;height: 55px;z-index: 1;font-size: 15px;padding-top: 24px;text-align: left;padding-left: 35px;} .anchorlinks i:before{content: '';background: url("/assets/images/clickview-h.png") no-repeat;width: 100%;height: 100%;display: block;position: absolute;z-index: -1;top: 0;left: 0;} .anchorlinks i:after{ background: url(../images/sprite.png) no-repeat -1px -2px; width: 15px; height: 15px;content: ""; display: inline-block; margin-left: 7px; vertical-align: middle; } @media (min-width: 1500px) { .anchorlinks i{ } }*/ .color-bluedark.active{ background-color: rgb(33, 40, 69) !important; } .color-browndark.active{ background: #8c1e1f !important} .color-pearlwhite.active{ background-color: #feca12 !important; } .color-greendark.active{ background: #729908 !important; } .color-orangedark.active{ background-color: #df8400 !important; } .color-blue.active{ background-color: #df8400 !important; } .color-bluegrad.active { background: radial-gradient(at center center, rgb(34, 58, 107) 0%, rgb(34, 58, 107) 0%, rgb(19, 61, 123) 48%, rgb(1, 0, 14) 100%) rgb(33, 40, 69) !important; } .color-offwhite.active{ background: #e7ece8 !important; } .color-blackgreddark.active { background-color: #0a0a0a !important; } .color-redshade.active{ background: #8d0905 !important; } .color-blueshaddark.active{ background-color: #101f3c !important; } .packages-main .wc-bg{ margin-bottom: 45px; } .childrens-tabs{ background: #f0f0f0; padding: 20px 15px; text-align: center; } .childrens-tabs li{ display: inline-block; } .childrens-tabs li a{ padding: 0 20px; display: block; font-size: 15px; color: #36454f; text-transform: uppercase; } .childrens-tabs li+li a{ border-left: 1px solid #000; } .packages-tabs.mainpackages-ps .tab-pane{ padding-top: 10px; } .childrens-tabs li.active a{ color: #7670f3; } .packages-tabs.mainpackages-ps .tab-pane.padtop50{ padding-top: 50px; } .padtop0{ padding-top: 0 !important; } .animationpage section.portfolio-inner-main .col-md-4>div::after{ content: ''; background: url("../images/sprite.png") no-repeat; display: inline-block; background-position: -15px -155px; width: 71px; height: 71px; } .thankyou-main { text-align: center; padding: 30px 0; } .thankyou-main p{ padding: 20px 20px; font-size: 18px; color: #555555; } .thankyou-main .inlineimag{ padding: 30px 0; } .thankyou-main .inlineimag img{ margin: 0 10px; } .contact-main{ position: relative; } .contact-main:before{ content: ''; position: absolute; left: 0;top: -45px; background: url("../images/contactbg-fade.png") no-repeat; display: inline-block; width: 375px; height: 555px; opacity: 0.7; } .contact-main h1{ color: #36454f; font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 10px; } .contact-main p{ font-size: 18px; color: #555555; text-align: center; margin-bottom: 30px; } .contact-main .fixedform-1 .mm-field input[type=text], .contact-main .fixedform-1 .mm-field select, .contact-main .fixedform-1 .mm-field input, .contact-main .fixedform-1 .mm-field textarea, [type=email]{ color: #555555; } .contact-main .fixedform-1 fieldset{ color: #555555; } .contact-main .intl-tel-input.allow-dropdown .flag-container, .contact-main .intl-tel-input.separate-dial-code .flag-container{color: #555555; } .contact-main .fixedform-1 .intl-tel-input.separate-dial-code .selected-dial-code{ padding-left: 28px;} .contact-main .fixedform-1 .intl-tel-input .selected-flag .iti-arrow{ border-top-color: #898989; } .contact-main .intl-tel-input{ width: 100%; } .contact-main .fixedform-1 .mm-field.pnfields fieldset{ left: 100px; } .contact-main .fixedform-1 .mm-field fieldset.active{ top: -10px; background: #959595; padding: 3px 20px; } .contact-main .fixedform-1 .input-btn{ width: 210px; } .contact-main .fixedform-1 .input-btn input{ transition: all 0.3s ease-out; } .contact-main .fixedform-1 .input-btn input:hover{ background: #36454f; } .contatinfos { margin: 50px 0; } .contatinfos .box-contacs{ background: #f9f9f9; padding: 20px 20px 20px 96px; border:1px solid #dfdfdf; font-family: 'Open Sans', sans-serif; text-align: left; position: relative; min-height: 112px;} .contatinfos .box-contacs h3{font-size: 18px;color: #36454f;font-weight: 700;margin-bottom: 0px;} .contatinfos .box-contacs p{text-align: left;font-size: 14px;color: #555555;margin-bottom: 0;line-height: 26px;} .contatinfos .box-contacs p a{ font-weight: 600; font-size: 16px; color: #36454f; display: inline-block; } .contatinfos .box-contacs:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: url("../images/sprite.png") no-repeat; background-position: -11px -313px; width: 70px; height: 65px; } .contatinfos .box-contacs.boxcnt-2:before{ background-position: -99px -313px; width: 70px; height: 65px; } .contatinfos .box-contacs.boxcnt-3:before{ background-position: -188px -313px; width: 70px; height: 65px;} .contact-main .fixedform-1 .jform .mm-field.namefield::before, .contact-main .fixedform-1 .jform .mm-field.emailfield::before{ z-index: 333; } .packages-main .packages-tabs .tab-pane .col-md-3 .web-package-box .pkg-link a, .col-md-3 .web-package-box .pkg-link a{ /* width: 110px;*/ } .animationpage .web-features-main .tabs .tab-content-panel .image1{ right: 60px; } .padbot0{ padding-bottom: 0 !important; } .flipster--infinite-carousel .flipster__item .gif{ display: none; } .flipster--infinite-carousel .flipster__item.flipster__item--current .png{ display: none; } .flipster--infinite-carousel .flipster__item.flipster__item--current .gif { display: block; } .padto0{ padding-top: 0 !important; } .sitemap-main { padding: 50px 0px 80px; min-height: 450px;} .sitemap-main h3{font-size: 18px;color: #000;font-weight: 700;margin-bottom: 15px;font-family: 'Roboto', sans-serif;text-transform: uppercase;} .sitemap-main ul{ display: block; } .sitemap-main ul li{display: block;position: relative;padding: 10px 0 8px 15px;list-style: none;} .sitemap-main ul li:before{content: '';background: #555;width: 5px;height: 5px;position: absolute;left: 0;top: 14px;border-radius: 100%;} .sitemap-main ul li a {color: #242424;font-size: 14px;} .staticfooter footer{ position: relative; z-index: 2; } .staticfooter .wrapper-parallax{ margin-bottom: 0; } .sitemap-main ul li:hover a{ color: #183dff; } .sitemap-main ul li:hover:before{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .portfolio-inner-main .col-md-4:nth-child(n+10){ display: none; } .ribbon-best-seller{ position: relative; } /*.ribbon-best-seller:before{ content: ''; background: url("/assets/images/bestseller-ribbon.png") no-repeat; width: 85px; height: 86px; display: inline-block; position: absolute; top: -3px; left: -3px; z-index: 2; }*/ .fixedform-1 .intl-tel-input.allow-dropdown .flag-container .selected-flag{ border-right: 1px solid #d3e1e8 !important; } .f15 {font-size: 15px;} .no-padd {padding: 0;} .wc-bg {background: url(../images/most-inner.jpg) no-repeat;background-size: cover;background-position: center;min-height: 180px;display: flex;align-items: center;} .wc-bg h3 {color: #ffffff;font-weight: 700;text-align: center;font-size: 36px;} .wd-featureTech {padding: 40px 0;} .compare-solutions {padding: 40px 0;} .compare-solutions h2 {color: #36454f;font-size: 36px;font-weight: 700;text-align: center;margin-bottom: 40px;} .compare-solutions table.cmpsol {border: 1px solid #dcdcdc;} .compare-solutions table tbody tr td {position: relative;padding: 11px 15px;} .compare-solutions table tbody tr td i {background: url(../images/sprite.png) no-repeat;background-position: -164px -261px;width: 23px;height: 20px;} .compare-solutions table tbody tr {} .compare-solutions table tbody tr td .tdcheck {display: inline-block;position: absolute;left: 0;right: 0;margin: auto;} .compare-solutions table tbody tr td:first-child {background: #ffffff !important;} .compare-solutions table tbody tr:nth-child(odd) td:nth-child(even) {background: #f6f6f6;} .compare-solutions table tbody tr:nth-child(even) td:nth-child(odd) {background: #f6f6f6;} .compare-solutions table thead tr .thmainhd {background: #36454f;} .compare-solutions table thead tr .thmainhd h3 {color: #ffffff;} .compare-solutions table thead tr th {padding: 0;vertical-align: initial;border-bottom: 0;} .compare-solutions table thead tr th .td-th {color: #ffffff;text-transform: uppercase;padding: 7px 0;font-size: 20px;} .compare-solutions table thead tr th .th-hd1 {background: #4a5760;} .compare-solutions table thead tr th .th-hd2 {background: #5e6a72;} .compare-solutions table thead tr th .th-hd3 {background: #727c83;} .compare-solutions table thead tr th .th-hd4 {background: #868f95;} .compare-solutions .f15 {color: #393939;font-weight: 500;} .compare-solutions .pricingbig-pack .price {color: #183dff;font-size: 34px;display: inline-block;vertical-align: middle;font-weight: 300;margin-right: 10px;} .compare-solutions .cutprice{background: #cfcfcf;border-radius: 4px;display: inline-block;font-size: 14px;color: #36454f;padding: 3px 5px 1px 5px;vertical-align: middle;font-weight: 500;text-transform: uppercase;margin-top: -3px;} .compare-solutions .cutprice span{position:relative;color: #36454f;} .compare-solutions .cutprice b{position: relative;display: inline-block;} .compare-solutions .cutprice b:before{content: '';background: #183dff;width: 100%;height: 1px;display: block;position: absolute;top: 7px; margin: auto;left: 0;right: 0;transform: rotate(-12deg);z-index: 2;} .about-sec-1 {padding: 40px 0;} .about-sec-1 .abt-content {padding: 20px 40px;} .about-sec-1 .abt-content h2 {color: #36454f;font-size: 36px;font-weight: 700;text-align: left;margin-bottom: 20px;} .about-sec-1 .abt-content h2:before{ content: ''; background: url(../images/sprite.png) no-repeat; background-position: -6px -43px;width: 66px; height: 6px; display: block; position: absolute; bottom: 0; left: 0;margin: 0;} .about-sec-1 .abt-content p {font-size: 14px;line-height: 30px;color: #555555;} .about-sec-1 .abt-content {font-size: 16px;} .abt-idelogy .box- h6 {text-align: center;} .abt-idelogy .box- p {text-align: center;} .custom-bg-1.abt-idelogy .sprite {background: url(../images/sprite.png) no-repeat;display: block;margin: 0 auto;min-height:60px;} .custom-bg-1.abt-idelogy .sprite.i-1 {background-position: -513px -170px;width: 56px;height: 43px;} .custom-bg-1.abt-idelogy .sprite.i-2 {background-position: -510px -235px;width: 50px; height: 58px;} .custom-bg-1.abt-idelogy .sprite.i-3 {background-position: -604px -167px;width: 50px;height: 48px;} .custom-bg-1.abt-idelogy .sprite.i-4 {background-position: -605px -238px;width: 48px;height: 53px;} .btc-dashboard.abt-dashboard {margin-top: 0;background: #ffffff;padding: 80px 0;} .btc-dashboard.abt-dashboard p {line-height: 34px;color: #555555;} .btc-dashboard.abt-dashboard h2 {color: #36454f;font-size: 36px;font-weight: 700;text-align: left;margin-bottom: 20px;line-height: 47px;} .btc-dashboard.abt-dashboard ul {margin-bottom: 0;} .btc-dashboard.abt-dashboard ul li {font-size: 14px;line-height: 47px;position: relative;color: #555555;padding: 10px 0 10px 0;} .btc-dashboard.abt-dashboard ul li:last-child::after {display: none;} .btc-dashboard.abt-dashboard ul li::after {content: '';position: absolute;background: #e8e8e8;height: 2px;width: 80%;bottom: 0;left: 0;} .btc-dashboard.abt-dashboard ul li::before {content: '\f00c';font: normal normal normal 14px/1 FontAwesome;display: inline-block;left: 0;margin-right: 10px;color: #183dff;font-size: 18px;} .use-policy {padding: 40px 0;} .use-policy h5 {font-size: 24px;margin-bottom: 6px;margin-top: 15px;color: #36454f;} .use-policy p {font-size: 15px;line-height: 1.5; color: #262626;} .use-policy ul {padding-left: 19px;} .use-policy ul li {list-style: disc;font-size: 15px;line-height: 1.5; color: #262626;} .use-policy ul li a{ color: #262626;} .custom-popup-1 {position: fixed;overflow: hidden;overflow-y: auto; top: -100%;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.95);background-size: cover;z-index: 999999;display: flex;text-align: center;font-family: 'Open Sans', sans-serif;align-items: center;justify-content: center;transition: all 0.4s ease} .custom-popup-1.acttive {top: 0} .fixedform-1 form {width: 100%;margin: 30px 0;} .custom-popup-1 h3 {font-size: 32px;color: #fff;font-family: 'Montserrat', sans-serif;font-weight: 700;padding: 0; margin: 0 0 10px;} .custom-popup-1 p {color: #fff;font-size: 20px;} .custom-popup-1 a.closed {position: relative;display: block} .custom-popup-1 a.closed::before {content: "";position: absolute;top: -60px;right: 0;background: url(../images/sprite.png) center center no-repeat;background-position: -125px -166px;width: 48px;height: 48px;} .custom-popup-1>div {padding: 80px 20px} .custom-popup-1 a.closed {position: relative;display: block;} .custom-popup-1 .pnfields .intl-tel-input {width: 100%} .fixedform-1 .mm-field input[type=text], .fixedform-1 .mm-field select, .fixedform-1 .mm-field input, .fixedform-1 .mm-field textarea, [type=email] {background-color: transparent !important;z-index: 10;position: relative;border: 1px solid #708a9a;padding: 14px 10px 14px 50px;width: 100%;border-radius: 8px;color: #fff;} .fixedform-1 .intl-tel-input.separate-dial-code .selected-dial-code {padding-left: 0} .fixedform-1 .intl-tel-input .selected-flag .iti-arrow {border-top-color: #fff} .fixedform-1 fieldset {position: absolute;top: 12px;left: 50px;z-index: 2;color: #fff;font-size: 15px;transform: translate3d(0, 0, 0);transition: all 0.2s ease-in-out;border: none} .fixedform-1 .textarea fieldset {left: 16px;} .fixedform-1 .mm-field textarea {padding-left: 20px !important;} .fixedform-1 .mm-field.textarea fieldset.active {left: 16px;} .fixedform-1 .mm-field fieldset.active {top: -7px;background: #d3e1e8;font-size: 11px;color: #fff;padding: 1px 8px;z-index: 20;border-radius: 5px;left: 47px;font-weight: 500;} .fixedform-1 .jform .mm-field::before {z-index: 2} .custom-popup-1 .fixedform-1 .mm-field fieldset.active {background: #708a9a;} .custom-popup-1 label.error {color: #183dff;} .fixedform-1 .jform .mm-field.namefield::before {content: '';position: absolute;top: 0;left: 0; background: url(../images/sprite.png)center center no-repeat;background-position: 8px -249px;width: 50px;height: 50px; z-index: 22;} .fixedform-1 .jform .mm-field {position: relative;} .fixedform-1 .mm-field {position: relative;border-radius: 2px;} .fixedform-1 .mm-field {margin-bottom: 20px;width: 100%;position: relative;} .fixedform-1 .jform .mm-field.emailfield::before {content: '';position: absolute;top: 0;left: 0; background: url(../images/sprite.png)center center no-repeat;background-position: -28px -249px;width: 50px;height: 50px; z-index: 22;} .fixedform-1 .jform .mm-field.selectsertvice::before {content: '';position: absolute;top: 0;left: 0;background: url(../images/sprite.png)center center no-repeat;background-position: -73px -247px;width: 50px;height: 50px;} .fixedform-1 .mm-field.emailfield:before {background-position: -623px -167px;width: 52px;height: 44px;} .fixedform-1 .mm-field.pnfields fieldset {left: 90px;} .fixedform-1 .mm-field textarea {padding-left: 14px;} .fixedform-1 .input-btn {width: 287px;margin: 10px auto 0;position: relative;} .fixedform-1 .input-btn>input {font-size: 18px;color: #fff;font-family: 'Montserrat', sans-serif;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */font-weight: 600;padding: 12px 8px 12px 0px;border-radius: 12px;outline: none;border: none;width: 100%;} .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {color: #fff} .fixedform-1 option {color: #000;} .fixedform-1 .mm-field input[type=text], .fixedform-1 .mm-field select, .fixedform-1 .mm-field input, .fixedform-1 .mm-field textarea, [type=email] {background-color: transparent !important;z-index: 10;position: relative;border: 1px solid #708a9a;padding: 14px 10px 14px 50px;width: 100%;border-radius: 8px;color: #fff;} .custom-popup-2 {position: fixed;overflow: hidden;overflow-y: auto; top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);background-size: cover;z-index: 999999;display: flex;text-align: center;font-family: 'Open Sans', sans-serif;align-items: center;justify-content: center;transition: all 0.4s ease;display: none} .custom-popup-2 .box {background: #f2f8fb;max-width: 771px;margin: 0 auto;padding: 35px 30px 10px;box-shadow: 0px 0px 0px 6px rgba(231, 10, 52, 0.3);border-radius: 8px;position: relative;} .fixedform-1 form {width: 100%;margin: 30px 0;} .custom-popup-2 .box::before {content: url('../images/bg-popup-2.png');position: absolute;top: 0;left: 0;} .custom-popup-2 h3 {font-size: 22px;color: #354650;font-family: 'Roboto', sans-serif;font-weight: 700;padding: 4px 0;margin: 0;} .custom-popup-2 p {color: #354650;font-size: 16px;font-family: 'Roboto', sans-serif;padding: 8px 0 13px;position: relative;} .custom-popup-2 p::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 50%;height: 1px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,cccccc+66,ffffff+100&1+0,0+100 */background: -moz-radial-gradient(center, ellipse cover, rgba(204, 204, 204, 1) 0%, rgba(204, 204, 204, 0.34) 66%, rgba(255, 255, 255, 0) 100%);/* FF3.6-15 */background: -webkit-radial-gradient(center, ellipse cover, rgba(204, 204, 204, 1) 0%, rgba(204, 204, 204, 0.34) 66%, rgba(255, 255, 255, 0) 100%);/* Chrome10-25,Safari5.1-6 */background: radial-gradient(ellipse at center, rgba(204, 204, 204, 1) 0%, rgba(204, 204, 204, 0.34) 66%, rgba(255, 255, 255, 0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff', GradientType=1);/* IE6-9 fallback on horizontal gradient */} .custom-popup-2 a.closed-2 {position: relative;display: block} .custom-popup-2 a.closed-2::before {content: "";position: absolute;top: -49px;right: -49px;background: url(../images/sprite.png) center center no-repeat;background-position: -125px -166px;width: 48px;height: 48px;} .custom-popup-2>div {padding: 80px 20px;display: flex;height: 100%;align-items: center;} .custom-popup-2 a.closed {position: relative;display: block;} .custom-popup-2 .pnfields .intl-tel-input {width: 100%} .custom-popup-2 .fixedform-1 .mm-field {background: #fff} .custom-popup-2 .fixedform-1 .mm-field fieldset {color: #555555} .custom-popup-2 .fixedform-1 .input-btn {width: 192px;} .fixedform-1 .input-btn>input {font-size: 16px;color: #fff;font-family: 'Montserrat', sans-serif;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */font-weight: 600;padding: 14px 22px 14px 0px;border-radius: 12px;outline: none;border: none;width: 100%;} .custom-popup-2 .fixedform-1 .input-btn::after {right: 10px;} .custom-popup-2 .fixedform-1 .mm-field input[type=text], .custom-popup-2 .fixedform-1 .mm-field select, .custom-popup-2 .fixedform-1 .mm-field input, .custom-popup-2 .fixedform-1 .mm-field textarea, .custom-popup-2 [type=email] {border-color: #d3e1e8;color: #555555;box-shadow: 0px 0px 0px 1px #ddd} .custom-popup-2 .fixedform-1 .jform .mm-field::before {filter: grayscale(100);} .custom-popup-2 .intl-tel-input.allow-dropdown .flag-container, .custom-popup-2 .intl-tel-input.separate-dial-code .flag-container {color: #555555} .custom-popup-2 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {background: #fff;} .custom-popup-2 .fixedform-1 .intl-tel-input .selected-flag .iti-arrow {border-top-color: #555555;} .edit-1.web-design-tabs .tab-pane{ padding-bottom: 0; border: none } .section-new-1{ padding: 30px 0 } .custom-bg-1{ background: url('../images/bg-1.jpg') center center no-repeat; background-size: cover; } .custom-bg-1 .sprite{ background: url('../images/sprite.png') no-repeat; display: inline-block; } .custom-bg-1 .sprite.i-1{ background-position: -200px -169px; width: 50px; height: 55px; margin-bottom: 10px } .custom-bg-1 .sprite.i-2{ background-position: -300px -169px; width: 55px; height: 55px; margin-bottom: 10px } .custom-bg-1 .sprite.i-3{ background-position: -406px -169px; width: 60px; height: 55px; margin-bottom: 10px } .custom-bg-1 .sprite.i-4{ background-position: -220px -248px; width: 50px; height: 55px; margin-bottom: 10px } .custom-bg-1 .sprite.i-5{ background-position: -306px -249px; width: 52px; height: 55px; margin-bottom: 10px } .custom-bg-1 .sprite.i-6{ background-position: -418px -244px; width: 50px; height: 55px; margin-bottom: 10px } .custom-bg-1 h2.headstylecenter{ color: #fff; text-align: center; } .custom-bg-1 .box-{ text-align: left; color: #fff; padding: 0 10px } .section-new-1 h2{ padding: 20px 0 ; margin-bottom: 40px} .section-new-1 h6{ color: #fff; font-size: 18px; font-family: 'Roboto', sans-serif; padding: 10px 0} .section-new-1 p{ font-size: 14px; color: #c4c4c4; line-height: 22px;font-family: 'Roboto', sans-serif; } .custom-bg-1 .col-md-4{ position: relative; min-height: 270px} .custom-bg-1 .col-md-4:after{content: ''; position: absolute; left: 0; top: 30%; width: 1px; height: 50%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100&1+0,0+100 */ background: -moz-radial-gradient(center, ellipse cover, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} .custom-bg-1 .col-md-4.slick-current:after{ display: none; } .custom-bg-2 h2.headstylecenter{ color:#36454f; text-align: center; } .custom-bg-2 .style-1{ background: #f5f9fa; padding: 30px 25px 40px; margin: 0 0 0 -60px } .custom-bg-2 .style-1 h6{ color: #232222 } .custom-bg-2 .style-1 p{ color: #555555; font-size: 16px } .section-new-1 .d-flex{ display: flex; } .section-new-1 .d-flex.center{ align-items: center; } .custom-bg-2 .style-1 .d-flex.box-2{text-align: center; padding: 40px 0 10px; } .custom-bg-2 .style-1 .d-flex.box-2 > * { flex: 1; margin: 0 23px; border: 1px solid #c4c4c4; padding: 0 6px } .custom-bg-2 .style-1 .d-flex.box-2 > * h6{color: #36454f; font-size: 40px; margin: -22px auto 0; background: #f5f9fa; padding: 0 10px; display: inline-block; font-weight: 400; font-family: 'Roboto', sans-serif } .section-new-1 .slick-dots{ bottom: -12px;} label.error{ display: none !important; } .error{ color: #ff0000 !important; border: red 1px solid !important; } .fixedform-1 .intl-tel-input.allow-dropdown .flag-container .selected-flag{ border-right: 1px solid #708a9a; } .custom-bg-2 .slider-5 .slick-next, .custom-bg-2 .slider-5 .slick-next:hover,.custom-bg-2 .slider-5 .slick-next:focus{ width: 76px; height: 25px; background-position: -394px -96px; top: initial; bottom: 34px; } .custom-bg-2 .slider-5 .slick-prev{ display: none !important } .packages-tabs.erk_K .portfolio-inner-main{ background: transparent} .packages-tabs.erk_K section.portfolio-inner-main .col-md-4>div{ min-height: auto} .packages-tabs.erk_K section.portfolio-inner-main { padding: 0px;} .packages-tabs.erk_K a.blue-link-btn-arrow { margin: 30px 0 0;} section.portfolio-inner-main .col-md-4>div{position: relative;} section.portfolio-inner-main .col-md-4>div::after, section.portfolio-inner-main .col-md-4>div:hover::after, .portfolio-website-main .col-md-4>div:hover::after{opacity: 1;} section.portfolio-inner-main .col-md-4>div::before, .portfolio-website-main .col-md-4>div::before{ content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0; background: rgba(250, 181, 41, 0.8);margin: auto;transition-duration: 0.4s;display: inline-block;} section.portfolio-inner-main .col-md-4>div:hover::before, .portfolio-website-main .col-md-4>div:hover::before{ background: rgba(250, 181, 41, 0.8);} .packages-tabs.erk_K #bannertab section.portfolio-inner-main .col-md-4>div{ height: 218px; overflow: hidden;} .packages-tabs.erk_K .animationpage section.portfolio-inner-main .col-md-4>div{ min-height: 263px;} .sigupform .intl-tel-input{ display: none; } .homelinks-a{ font-size: 0 !important; } .mobnav-on{ display: none; } .ios-app-area{ background: url("../images/iosapp-banner.jpg") no-repeat ; background-size: cover; } .posrel{ position: relative; } .leftappimgs img{ position: absolute; right: 20px; top: -30px; max-width: 100%; } .main-mobapp-sliders h3{ font-family: 'Roboto', sans-serif; color: #36454f; font-size: 24px; font-weight: 700; margin-bottom: 20px; } .main-mobapp-sliders .ios-app-area h2{ padding-bottom: 10px; margin-bottom: 30px; } .main-mobapp-sliders .ios-app-area { height: 638px; } .main-mobapp-sliders .ios-app-area.android-secapp { padding-top: 60px; } .main-mobapp-sliders .ios-app-area.android-secapp .leftappimgs img{ top: 85px; } .main-mobapp-sliders .ios-app-area.android-secapp { background: url("../images/androidapp-bgs.jpg") no-repeat ; background-size: cover; } .main-mobapp-sliders .ios-app-area.hybrid-secapp{ background: url("../images/hybridapp-bgs.jpg") no-repeat ; background-size: cover; } .main-mobapp-sliders .ios-app-area.hybrid-secapp .leftappimgs img{ top:-10px; } .main-mobapp-sliders .ios-app-area.game-secapp{ background: url("../images/gameapp-bgs.jpg") no-repeat ; background-size: cover; } .main-mobapp-sliders .slick-dots{ width:1170px; margin: auto; text-align:right; bottom: 20px; } .main-mobapp-sliders .slick-dots li button{ background: #969c9c; } .main-mobapp-sliders .slick-dots li.slick-active button{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #7670f3; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .innerpackages-bannp{/* background: url("/assets/images/logopackages-bann.jpg") no-repeat; background-size: cover;*/ position: relative; } .innerpackages-bannp .poscontent-slidess{ height: 100%; position: absolute; top: 0; left: 0; right: 0; width: 100%; } .innerpackages-bannp .container { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; } .innerpackages-bannp .poscontent-slidess h1{ font-size: 48px;font-weight: 500; color: #fff;line-height: 50px; margin: 0 0 20px; } .innerpackages-bannp .poscontent-slidess h1 span{ font-weight: 300; font-size: 32px; } .innerpackages-bannp .poscontent-slidess h1 strong{ font-size: 48px; font-weight: 700; } .innerpackages-bannp .poscontent-slidess h3{ font-size: 40px; color: #fff; font-weight: 500; position: relative; padding-bottom: 20px; } .innerpackages-bannp .poscontent-slidess h3 .yellcol{ color: #ffde00; font-size: 55px; font-weight: 700; top: 0; } .innerpackages-bannp .poscontent-slidess span.cutprices{ color: #969696; font-size: 29px; font-weight: 500; display: inline-block; margin-top: 6px; } .innerpackages-bannp .poscontent-slidess span.cutprices b{ position: relative; display: inline-block; } .innerpackages-bannp .poscontent-slidess span.cutprices b:before{ content: ''; background: #183dff; width: 100%; height: 2px; display: block; position: absolute; top: 17px; margin: auto; left: 0; right: 0; transform: rotate(-12deg); z-index: 2; } .innerpackages-bannp .poscontent-slidess span.cutprices b span{ position: relative; color: #969696; } .innerpackages-bannp .poscontent-slidess ul{ border-top: 2px solid #183dff; clear: both; display: block; padding-top: 20px; position: relative; } .innerpackages-bannp .poscontent-slidess ul li{ font-size: 19px; color: #fff; width: 50%; float: left; font-weight: 300; padding: 15px 0 15px 0px; position: relative; padding-left: 25px; } .innerpackages-bannp .poscontent-slidess ul li:before{ content: ''; right: 0px; height: 1px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#444f69), to(transparent)); background-image: -webkit-linear-gradient(left, #444f69, transparent); background-image: -moz-linear-gradient(left, #07163a, transparent); background-image: -o-linear-gradient(left, #07163a, transparent); display: block; position: absolute; bottom: 0; left: 0; } .innerpackages-bannp .poscontent-slidess ul li i{ margin-right: 10px; color: #183dff ; position: absolute; left: 0; top: 15px; } .innerpackages-bannp .poscontent-slidess ul:before{ content: ''; position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ width: 6px; height: 6px; top: -4px; right: 0; } .packagesp-innersec1{ padding: 50px 0 30px; } .packagesp-innersec1 h2{ font-size: 36px; color: #36454f; font-weight: 700; position: relative; padding-bottom: 10px; display: inline-block; margin-bottom: 20px; } .packagesp-innersec1 h2:after{content: '';position: absolute;bottom: 0;left: 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */width: 100px; height: 2px;display: block;} .packagesp-innersec1 .headstylecenter:before{content: '';position: absolute;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */width: 6px;height: 6px;bottom: -2px; left: 100px; right: auto;} .packagesp-innersec1 .col-md-8 p{font-size: 14px;color: #555555;line-height: 25px;} .packagesp-innersec1 .col-md-8 p+ul{margin-top: 10px;} .packagesp-innersec1 .col-md-8 p+ul li{font-size: 14px;color: #555555;padding: 15px 20px;position: relative;padding-left: 20px;line-height: 24px;} .packagesp-innersec1 .col-md-8 p+ul li:before{content: "\f054";position: absolute;left: 0;top: 20px;display: inline-block;font: normal normal normal 14px/1 FontAwesome;color: #183dff;font-size: 12px;} .packagesp-innersec1 .leftcta-packg1{background: url("../images/packagedetailsbgs1.jpg") no-repeat;padding: 25px 25px;margin-top: 20px; background-size: cover;} .linksconts-llpack{ color: #fff; font-size: 20px; } .linksconts-llpack a{ display: inline-block; clear: both; vertical-align: middle; } .packagesp-innersec1 .leftcta-packg1 h4{ font-size: 30px; font-weight: 700;color: #fff; margin-bottom: 10px; } .packagesp-innersec1 .leftcta-packg1 p{font-size: 18px;color: #fff;font-weight: 300;margin-bottom: 15px;} .packagesp-innersec1 .leftcta-packg1 p i{ font-style: italic; font-weight: 700; } .yellcol{ color: #deb70b; } .packagesp-innersec1 .leftcta-packg1 a{ font-size: 16px; font-weight: 700; font-style: italic; text-transform: uppercase; position: relative; display: inline-block; } .packagesp-innersec1 .leftcta-packg1 a:before{ content: ''; position: absolute; bottom: 0; left: 0; background: #deb70b; width: 100%; height: 2px; } .packagesp-innersec1 .leftcta-packg1 a i{ font-size: 20px; display: inline-block; margin-top: -4px; margin-left: 5px; } .leftcta-packg1.padtop20set{ padding: 20px 25px; } .logobranding-p .packages-tabs .tab-pane .row>div>div .pkg-recom .rating{ padding-left: 15px; } .logobranding-p .packages-tabs .tab-pane .row>div>div .pkg-recom .pkg-link{ margin: 0 10px 0 0; } .logobranding-p .packages-tabs .tab-pane .row>div>div .pkg-recom .pkg-link a{ width: 120px; } .linksconts-llpack ul{ display: block; } .linksconts-llpack ul li{display: inline-block;padding: 0px 0 0 46px;width: 32.8%;margin: 0px;position: relative;font-size: 18px; line-height: 25px; } .linksconts-llpack ul li:before{content: "\f095"; display: inline-block; font-family: FontAwesome; color: #ff0c00; font-size: 21px; width: 35px; height: 35px; text-align: center; border-radius: 100%; border: 1px solid #FFF; padding: 5px 0 0; margin-top: 2px; margin-left: 0; position: absolute; left: 0px; padding-top: 6px; } .linksconts-llpack ul li+li:before {content: "\f086";padding-top: 5px;} .linksconts-llpack ul li+li+li a{ margin-top: 8px; } .linksconts-llpack ul li+li+li:before{ content: "\f044"; } .packagesp-innersec1 .col-md-8 p+ul.margtop0{ margin-top: 0px; } .packagesp-innersec1 .leftcta-packg1.margtop0{ margin-top: 0; } .minheightset{ min-height: 593px; position: relative; } .leftcta-packg1{ position: absolute; bottom: 0; } .request-quotep .wc-bg p{ color: #fff; font-size: 16px; margin-top: 10px; } .requestmain-sec{ padding: 30px 0; width: 100%; text-align: center; position: relative; } .requestmain-sec:before{ content: ''; position: absolute; top: -20px; left: 0; background: url("../images/request-d.png") no-repeat; width: 378px; height: 627px; } .requestmain-sec h2{ font-size: 36px; color: #36454f; font-weight: 700; } .requestmain-sec h2+p{ margin-top: 20px; margin-bottom: 50px; font-size: 18px; } .fields-qot input:hover , .fields-qot input:focus { box-shadow: 1px 1px 20px -5px #0006; } .fields-qot{ border: 1px solid #dddddd; border-radius: 5px; position: relative; background: #fff;margin-bottom: 20px; transition: all 0.3s ease-out; } .fields-qot input, .fields-qot select, .fields-qot textarea{ background: transparent; border: none; outline: none; width: 100%; height: 60px; padding: 10px 30px; position: relative; z-index: 10;transition: all 0.3s ease-out; } .fields-qot fieldset{ position: absolute; left: 20px; top:20px; color: #555555; font-size: 14px; border: none; background: transparent;z-index: 2; transform: translate3d(0, 0, 0); transition: all 0.2s ease-in-out;} .fields-qot textarea{ padding-top: 20px; height: 150px; resize: none; } .fields-qot .intl-tel-input{ display: block; } .fields-qot.phonep fieldset{ left: 100px; } .fields-qot.phonep .intl-tel-input.separate-dial-code .selected-dial-code{ color: #000; padding-left: 0; } .filebrowse{ position: relative; height: 60px; margin: 0px; border: 0px; box-shadow: none; padding: 0 13px; } .filebrowse label{ height: 100%; } .filebrowse .file-upload-input{ position: absolute; top: 0; bottom: 0; left: 20px; margin:auto; height: 20px; } .filebrowse input[type=file]{ display: none; visibility: hidden; position: absolute; left: -9999px; } .filebrowse .browsebtn{ background:transparent; border-bottom: 1px solid #0161ff; color: #0161ff; font-size: 14px; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; height: 20px; outline: none; } .fields-qot fieldset.active{ top: 0; } .mainrequest-addon{padding: 30px 0;text-align: left;} .mainrequest-addon > h3{font-size: 24px;color: #36454f;text-align: left;position: relative;background: #fff;padding: 10px;z-index: 1; margin-bottom: 15px;} .mainrequest-addon > h3:before{content: '';background: #cccccc;height: 1px;width: 90%;display: block;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;z-index: -1;} .mainrequest-addon > h3:after{content: '';position: absolute;right: 0;width: 6px;height: 6px;background: #ccc;top: 0px;bottom: 0;margin: auto;} .mainrequest-addon ul li{ margin: 20px 0; } .greybgs-btns{ background: #f4f4f4; padding: 30px 50px; } .greybgs-btns .input-btn { width: 100%; position: relative; } .greybgs-btns .input-btn::after {content: ""; color: #ff0243;position: absolute;top: 15px;right: 30px;background: url(../images/sprite.png) center no-repeat; background-position: -130px -266px;width: 18px;height: 13px;} .greybgs-btns .input-btn input {font-size: 16px;color: #fff;font-family: 'Montserrat', sans-serif;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */font-weight: 600;padding: 14px 22px 14px 0px;border-radius: 12px;outline: none;border: none;width: 100%;} .greybgs-btns p{font-size: 14px;color: #555555;font-weight: 500;margin-top: 10px;text-align: center;line-height: 22px;margin-bottom: 0;} .greypushbtn{ background: #ededed; padding: 15px 10px;} .greypushbtn a{ color: #005381; font-size: 14px; text-transform: uppercase; font-weight: 700; } .choosingright-tech{ padding: 70px 0 20px; text-align: center; } .choosingright-tech h3{font-size: 28px;color: #36454f;position: absolute;top: -18px;display: inline-block;left: 0;right: 0;margin: auto;background: #fff;max-width: 685px;width: 100%;} .childrensslides{ border: 1px solid #d4d9de; position: relative; } .childrensslides ul{ padding: 21px 50px; margin-bottom: 0; } .childrensslides ul li{ display: inline-block; vertical-align: middle; padding: 20px; text-align: center; margin-bottom: 0px; min-height: 120px; position: relative; } .childrensslides ul li i { background: url(../images/mobileclients.png) no-repeat; display: inline-block; -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:auto; } .childrensslides ul li:hover i {-webkit-filter: grayscale(0%); filter: grayscale(0%); } .childrensslides ul li i.techico1{ background-position: -20px -10px; width: 140px; height: 50px; } .childrensslides ul li i.techico2{ background-position: -199px -10px; width: 148px; height: 49px; } .childrensslides ul li i.techico3{ background-position: -378px -1px; width: 195px; height: 67px; } .childrensslides ul li i.techico4{ background-position: -589px -12px; width: 178px; height: 39px; } .childrensslides ul li i.techico5{ background-position: -806px -10px; width: 200px; height: 52px; } .childrensslides ul li i.techico6{ background-position: -1037px -21px; width: 156px; height: 38px; } .childrensslides ul li i.techico7{ background-position: -1251px -21px; width: 122px; height: 35px; } .childrensslides ul li i.techico8{ background-position: -1431px -22px; width: 147px; height: 46px;} .childrensslides ul li i.techico9{ background-position: -20px -88px; width: 144px; height: 33px; } .childrensslides ul li i.techico10{ background-position: -199px -74px; width: 108px; height: 61px; } .childrensslides ul li i.techico11{ background-position: -375px -81px; width: 138px; height: 52px; } .childrensslides ul li i.techico12{ background-position: -573px -88px; width: 179px; height: 67px; } .childrensslides ul li i.techico13{ background-position: -806px -97px; width: 138px; height: 49px; } .childrensslides ul li i.techico14{ background-position: -968px -103px; width: 153px; height: 36px; } .childrensslides ul li i.techico15{ background-position: -1145px -98px; width: 148px; height: 38px; } .childrensslides ul li i.techico16{ background-position: -1310px -92px; width: 113px; height: 50px; } .childrensslides ul li i.techico17{ background-position: -1441px -92px; width: 132px; height: 48px; } .childrensslides .slick-prev, .childrensslides .slick-next{ background: url("../images/sprite.png") -99px -531px #ebeced; width: 39px; height: 100%; position: absolute; } .childrensslides .slick-prev{ left: 0; } .childrensslides .slick-next{ right: 0;background: url("../images/sprite.png") -157px -531px #ebeced; } .maintypes-mob{ background: #f8f8f8; padding: 50px 0; text-align: center; } .maintypes-mob h2{ font-size: 36px; font-weight: 700; color: #36454f; margin-bottom: 50px; } .maintypes-mob .boxes-types{ background: #fff; padding: 20px 20px; min-height: 284px; display: flex; align-items: center; flex-flow: column; justify-content: center; border-radius: 10px; box-shadow: 0px 0px 20px -3px #00000021; transition: all 0.3s ease-out; } .maintypes-mob .boxes-types svg{ width: 76px; fill: #7670f3; } .maintypes-mob .boxes-types h3{ font-size: 18px; color: #36454f; font-weight: 700; margin: 20px 0 10px; } .maintypes-mob .boxes-types p{ font-size: 14px; color: #555555; } .maintypes-mob .boxes-types:hover{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ transform: scale(1.1); } .maintypes-mob .boxes-types:hover svg{ fill:#fff; } .maintypes-mob .boxes-types:hover h3, .maintypes-mob .boxes-types:hover p{ color: #fff; } .tooltip-main-sec {display: inline-block;padding: 0 0 0 5px;position: relative;line-height: 17px;} .tooltip-icon {/* width: 13px; *//* height: 14px; */float: left;} .tooltip-main {position: absolute;right: -41px;bottom: 24px;width: 235px;display: none;} .tooltip-div { position: relative; background-color: #36454f; padding: 8px 10px; color: #eeeeee; font-size: 12px; font-weight: 400; text-align: center; line-height: 1.6; border-radius: 5px; } .tooltip-div:before { position: absolute; content: ""; right: 40px; bottom: -8px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #36454f; } .tooltip-div a { color:#eeeeee; text-decoration: underline; } .tooltip-div a:hover { color: red; } .tooltip-main-sec:hover .tooltip-main { display: block; } .bgsetrequ{ padding: 30px 20px; background: #00000005; position: relative; border: 2px solid #b3b3b3; border-radius: 18px; } /* Base for label styling */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { /*position: absolute;*/ /*left: -9999px;*/ } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 1em; cursor: pointer; } /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { /*content: '';*/ position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 2px solid #ccc; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { /*content: "✔";*/ position: absolute; top: .1em; left: .2em; font-size: 1.3em; line-height: 0.8; color: #183dff; transition: all .2s; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + label:after { color: #999; } [type="checkbox"]:disabled + label { color: #aaa; } /* accessibility */ [type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { border: 2px dotted blue; } .package-hd-box {background-size: cover;min-height: 59px;padding: 0;display: inline-block;width: 100%;background: rgba(255,0,76,1); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,c32462+34,c32462+34,c32462+81 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #c32462 0%, #c32462 34%, #c32462 34%, #c32462 81%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #c32462 0%,#c32462 34%,#c32462 34%,#c32462 81%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#c32462',GradientType=1 ); /* IE6-9 */ } .package-hd-box .package-hd { font-size: 20px; color: white; line-height: 1; text-transform: uppercase; float: left; text-align: left; padding: 10px 10px 5px 15px; position: absolute; z-index: 10; } .package-hd-box .package-hd span { font-size: 16px; font-weight: 300; display: block; } .package-hd-box .price-box { float: right; position: relative; padding: 17px 10px 12px 25px; background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .package-hd-box .price-box:before {position: absolute;content: "";left: -60px;top: 0px;width: 75px;height: 58px;} .package-hd-box .price-box .price { font-size: 26px; color:white; font-weight: 700; float: left; padding: 0 9px 0 0; letter-spacing: -1.5px; } .package-hd-box .price-box .price span { font-size: 21px; color:white; font-weight: 400; padding: 4px 5px 0 0; float: left; } .package-hd-box .price-box .cut-price { font-size: 21px; color:#b1b1b1; font-weight: 400; float: right; padding: 5px 0 0 0; position: relative; } .package-hd-box .price-box .cut-price span { font-size: 11px; color:#b1b1b1; } .package-hd-box .price-box .cut-price:before { content: ''; background: white; width: 110%; height: 2px; display: block; position: absolute; top: 14px; margin: auto; left: 0; right: 0; transform: rotate(-20deg); z-index: 2; } .save-box { background:#333 url('../images/save-bg.jpg') no-repeat 0 0; background-size: cover; padding: 7px 15px; display: inline-block; width: 100%; color: #ffffff; font-size: 15px; font-weight: 700; text-transform: uppercase; line-height: 1; } .save-box .save-txt { float: left; } .save-box .save-value { float: right; text-align: right; } .logobrandings-pack .container { border-top: 0; padding:0;} .web-packages-main .ribbon-best-seller:before { display: none; } .web-packages-main h2 { color: #36454f; font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 30px; } .web-packages-main h2 strong { font-weight:500; } .web-package-box, .web-package-box h3, .web-package-box .pkg-link a{ transition: all 0.3s ease-out; } .web-package-box {border: #d1d1d1 1px solid;text-align: center;min-height: 555px;transition: all 0.3s ease-out;margin-bottom: 25px;background: rgba(255,255,255,1);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(233,233,233,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(52%, rgba(255,255,255,1)), color-stop(100%, rgba(233,233,233,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(233,233,233,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(233,233,233,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(233,233,233,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(233,233,233,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0 );} .web-package-box h3 { background: #e10039; font-size: 16px; padding: 21px 0; text-transform: uppercase; color: #fff; } sup{ font-size: 25px; top: -0.3em; } .web-package-box h3.dark-hd { background: #36454f; } .web-package-box h3.extrdark-hd{ background: #36454f; } .web-package-box h4.red-hd { background: transparent; font-size: 12px; padding:12px 0 0 0; color: #eb8a00; font-weight: 400; display: none; } .web-package-box h4.red-hd strong { font-weight: 700; } .web-package-box span.price { display: block; background: #ededed; width: 100%; padding: 12px 0 10px 0; font-size: 38px; color: #36454f; font-weight: 300; border-bottom: white 1px solid; position: relative; } .web-package-box span.price:before { width: 100%; height: 1px; position: absolute; content: ""; bottom: -2px; left: 0px; background: #d1d1d1; } .web-package-box ul { margin: 0; padding: 25px 10px 15px 10px; color: #1d1d1d; min-height: 400px; font-size: 15px; } .web-package-box ul li { margin-bottom: 0px; font-size: 15px; line-height: 22px; padding: 7px 0; } .web-package-box ul li:nth-child(even) { background-size: 100% 100%; } .final-price-box-main { padding: 12px 10px 20px 10px;} .final-price-box-main h6 { color: #1d1d1d; font-size: 14px; text-transform: uppercase; padding: 0 0 8px 0; } .final-price-main { position: relative; padding: 0 0 10px 0; display: none; } .final-price-main .cut-price { font-size: 22px; color:#b1b1b1; font-weight: 400; float: right; padding: 7px 0 0 7px; position: relative; } .final-price-main .cut-price span { font-size: 14px; color:#b1b1b1; display: block; text-transform: uppercase; } .final-price-main .cut-price .price { position: relative; } .final-price-main .cut-price .price:before { content: ''; background: #183dff; width: 110%; height: 2px; display: block; position: absolute; top: 9px; margin: auto; left: 0; right: 0; transform: rotate(-15deg); z-index: 2; } .final-price-box-main .final-price { float: left; font-size: 51px; color: #0f2cd7; font-weight: 400; position: relative; } .final-price-box-main .final-price sup { font-size: 31px; top: -0.5em; } .final-price-box-main .pkg-link a { display: block; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ color: #fff; font-size: 17px; display: inline-block; padding: 14px 0; border-radius: 5px; position: relative; overflow: hidden; font-weight: 700; text-transform: uppercase; width: 190px; text-align: center; } .web-package-box ul.banner-list li { margin-bottom: 20px; } .web-package-box ul.brochure-list li { margin-bottom: 28px; } .web-package-box ul li span { text-transform: uppercase; color: red; } .web-package-box .pkg-recom { text-align: left; border-top: #d1d1d1 1px solid; padding: 11px 0 17px 0; width: 100%; display: inline-block; } .web-package-box .pkg-recom.boxes-large {/* padding: 25px 100px;*/ } .web-package-box .pkg-recom.boxes-large .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .web-package-box .pkg-recom.boxes-small .rating { padding-left: 10px; } .web-package-box .pkg-recom.boxes-small .pkg-link { margin: 0 10px 0 0; } .web-package-box .pkg-recom.boxes-small .pkg-link a { width: 134px; } .web-package-box .pkg-recom.boxes-small .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .web-package-box ul li strong { display: block; color: #1d1d1d; } .web-package-box .pkg-recom .rating { float: left; padding-left: 24px; } .web-package-box .pkg-recom .rating span { display: block; font-size: 12px; margin-bottom: 3px; } .web-package-box .pkg-recom .pkg-link { float: right; margin: 0 20px 0 0; } .web-package-box .pkg-recom .pkg-link a { display: block; background: #36454f; color: #fff; font-size: 14px; display: inline-block; padding: 14px 0; border-radius: 5px; position: relative; overflow: hidden; font-weight: 400; width: 190px; text-align: center; } .web-package-box .pkg-recom .pkg-link a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } .web-package-box:hover{ box-shadow: 1px 1px 30px 1px #00000030; } .web-package-box:hover .pkg-link a{ background: #7670f3 !important; } .col-md-3 .web-package-box .pkg-link a { width: 150px; } .web-package-box:hover h3{ background-color: #7670f3!important; } .add-on-box-main { border: #d1d1d1 1px solid; padding-bottom: 10px; } .add-on-box-main .add-on-price-main { margin-bottom:0px; display: inline-block; width: 100%; padding: 12px 15px 12px 30px; overflow: hidden; background: #7670f3; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#c32462',GradientType=1 ); /* IE6-9 */ } .add-on-web-packages-list-mainbox { padding-top: 20px; padding-bottom: 20px !important; overflow: hidden; } .add-on-price-main .add-on-hd { float: left; color: #fff; font-size: 19px; text-transform: uppercase; padding: 10px 0 0 0; position: relative; } .add-on-price-main .add-on-hd:before { position: absolute; content: ""; right: -100px; top: -13px; background: url(../images/add-on-hd-bg.png) no-repeat 0 0; width: 81px; height: 64px; } .add-on-price-main .price-box { float: right; position: relative; } .add-on-price-main .price-box .price { font-size: 38px; color:white; font-weight: 400; float: left; padding: 0 9px 0 0; letter-spacing: -1.5px; } .add-on-price-main .price-box .price span { font-size: 21px; color:white; font-weight: 400; padding: 4px 4px 0 0; float: left; } .add-on-price-main .price-box .cut-price { font-size: 21px; color:#d9d9d9; font-weight: 400; float: right; padding: 0; margin-top: 9px; position: relative; } .add-on-price-main .price-box .cut-price span { /*font-size: 11px; color:#d9d9d9;*/ } .add-on-price-main .price-box .cut-price:before { content: ''; background: white; width: 110%; height: 2px; display: block; position: absolute; top: 10px; margin: auto; left: 0; right: 0; transform: rotate(-20deg); z-index: 2; } .add-on-box-main h6 { font-size: 14px; color: #1d1d1d; text-transform: uppercase; font-weight: 700; margin-bottom: 14px; margin-left:10px; } .add-on-box-main h6 span {color: #7670f3;} section.add-on-web-packages ul { margin: 0; color: #1d1d1d; font-size: 13px; padding-left: 20px; } section.add-on-web-packages ul li { margin-bottom: 0; padding: 7px 0 7px 13px; position: relative; font-weight: 500; color: #1d1d1d; background: url('../images/addon-sep.png') no-repeat 0 0; } section.add-on-web-packages ul li:first-child { background: none; } section.add-on-web-packages ul li span { color: #7670f3; text-transform: uppercase; font-weight:700; } .add-on-box-main h3 span { float: right; font-size: 38px; color: #7670f3; margin-top: -3px; } .add-on-box-main h3 span sup { font-size: 22px; } section.add-on-web-packages ul li:before { content: ""; background: red; padding: 2px; position: absolute; left: 0; top: 11px; width: 1px; height: 1px; border-radius: 100%; } .grebx-strips { background: #ededed; border-bottom: 1px solid #d1d1d1; } .add-on-web-packages .add-on-box-main h2 { margin-bottom:25px; display: inline-block; width: 100%; padding: 12px 15px 12px 30px; overflow: hidden; background: rgba(255,0,76,1); background: -moz-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,76,1)), color-stop(100%, rgba(210,0,39,1))); background: -webkit-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%); background: -o-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%); background: -ms-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%); background: linear-gradient(to bottom, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff004c', endColorstr='#d20027', GradientType=0 ); } .morefeatures .fright a { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ font-size: 17px; text-transform: uppercase; } .morefeatures .fright a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ } section.add-on-web-packages .morefeatures ul li { background: none; } .final-save-box-main { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #d0d0d0; } .web-lp .package-hd-box .package-hd { font-size: 20px; } .web-lp .package-hd-box .price-box .price { font-size: 27px; } .web-lp .package-hd-box .price-box .cut-price { font-size: 17px; } .add-on-save-box { background:#333 url('../../lp/web-content/images/save-bg.jpg') no-repeat 0 0; background-size: cover; margin: 0 0 10px 0; padding: 7px 15px; display: inline-block;width: 100%; color: white; font-size: 15px; font-weight: 700; text-transform: uppercase; line-height: 1; } .add-on-save-box .add-on-save-txt { float: left; } .add-on-save-box .add-on-save-value { float: right; text-align: right; } .final-save-box-main .final-hd { color: #1d1d1d; font-size: 14px; text-transform: uppercase; padding: 0 0 8px 0; text-align: center; } .final-save-box-main .final-price { display: block; width: 100%; padding: 0 0 0 0; font-size: 51px; color: #c32462; font-weight: 400; position: relative; text-align: center; } .final-save-box-main .final-price sup { font-size: 31px; top: -0.5em; } .morefeatures{margin-top: 0px;background: transparent; padding: 0;border-top: 0px; padding: 55px 20px 5px 30px;width: 100%;float: left;} .add-on-final-price-link { margin: 10px auto 10px auto; display: table; } .add-on-final-price-link a { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #7670f3; /* Old browsers */ background: -moz-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7670f3 0%, #7670f3 52%, #7670f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ color: #fff; font-size: 14px; display: inline-block; padding: 14px 0; border-radius: 5px; position: relative; text-transform: uppercase; overflow: hidden; font-weight: 400; width: 190px; text-align: center; } .add-on-final-price-link a:hover{ background: #36454f; } .morefeatures h5{font-size: 15px;color: #7670f3;text-transform: uppercase;position: absolute;top: -13px;background: #f8f8f8;padding: 5px;} .morefeatures h5 strong{ font-weight: 700; } section.add-on-web-packages .morefeatures ul { border-bottom: 0px; } section.add-on-web-packages .morefeatures ul li { border-top: 0px; } .broucherspack .package-hd-box .package-hd{ font-size: 22px; } .broucherspack .web-package-box ul{ min-height: 280px; } .web-design-pge .package-hd-box .package-hd{ font-size: 20px; } .web-design-pge .add-on-web-packages-list-mainbox, .ecommerce-pge .add-on-web-packages.ecommerce .add-on-web-packages-list-mainbox{ margin-top: 20px; } .web-design-pge .add-on-hd, .ecommerce-pge .add-on-web-packages.ecommerce .add-on-hd{ padding-top: 0; } /* seo page start */ .seo-page .month-txt { text-align: center; text-transform: uppercase; font-size: 24px; font-weight: 700; color: #2c2c2c; padding: 15px 5px; border-bottom: 1px solid #b7b7b7; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 ); } .seo-page .innersliders h1 { font-size: 29px; } .seo-page .slider-content.innersliders h3 { font-size: 44px; } .seo-page section.custom-logo-branding { padding:40px 0 40px 0; } .seo-page section.btc-dashboard { margin-top: 60px; } .seo-page section.request-custom-qoute { padding: 10px 0 30px 0; } .seo-page section.web-packages-main h2 { margin-bottom: 20px; } .seo-page .content-para { margin-bottom: 40px; font-weight: 300; font-size: 18px; } .seo-page .web-features-main ul.tabs-nav { width: 27%; } .seo-page .web-features-main { padding: 0px 0 40px 0; } .seo-page .web-features-main h2 { font-size: 34px; margin-bottom: 20px;} .seo-page .web-features-main .tabs .tab-content-panel { height: 328px; } .seo-page .web-features-main .tabs .tab-content-panel { padding: 30px 340px 20px 20px; } .seo-page .web-features-main .tabs .tab-content-panel p { font-size: 14px;padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #d1d1d1; } .seo-page .web-features-main ul.tabs-nav li a:before { position: absolute; content: ""; width: 40px; height: 40px; left: 25px; top: 0px; bottom: 0px; margin: auto; } .seo-page .web-features-main ul.tabs-nav li:nth-child(1) a:before { background:url(../images/seo/icon1.png) no-repeat 0 -40px;} .seo-page .web-features-main ul.tabs-nav li:nth-child(2) a:before { background:url(../images/seo/icon2.png) no-repeat 0 -40px;} .seo-page .web-features-main ul.tabs-nav li:nth-child(3) a:before { background:url(../images/seo/icon3.png) no-repeat 0 -40px;} .seo-page .web-features-main ul.tabs-nav li:nth-child(4) a:before { background:url(../images/seo/icon4.png) no-repeat 0 -40px;} .seo-page .web-features-main ul.tabs-nav li a.current:before { background-position:0px 0px; } .seo-tab-content ul {margin-bottom: 0;} .seo-tab-content ul li {font-size: 14px; position: relative;color: #555555; padding: 5px 5px 5px 21px; float: left; width: 50%; } .seo-tab-content ul li:last-child::after {display: none;} .seo-tab-content ul li::before {content: '>';font: normal normal normal 14px/1 FontAwesome; position: absolute;left: 0;margin-right: 7px;color: #183dff;font-size: 16px; left: 0px; top: 2px; } /* seo page start end */ @media (min-width: 768px) { .col-sm-5ths {width: 20%;float: left;} } @media (min-width: 992px) { .col-md-5ths {width: 20%;float: left;} } @media (min-width: 1200px) { .col-lg-5ths {width: 20%;float: left;} } /*#popup-2 .fixedform-1 { width: 60%; padding: 0; } #popup-2 .fixedform-1 .row { margin: 0; } #popup-2 .fixedform-1 [class*='col-'] { padding: 0; } #popup-2 .fixedform-1 [class*='col-'].col-md-8 { padding: 0 0 0 20px; margin: 30px 0 0; } #popup-2 .fixedform-1 [class*='col-'] .row { margin: 0 -10px; } #popup-2 .fixedform-1 [class*='col-'] .row [class*='col-'] { padding: 0 10px; } .intl-tel-input { width: 100%; margin-bottom: 15px; } .popupform { width: 900px; padding: 0; border-radius: 20px; height: 520px; border: #fff 4px solid; }*/ .custom-form { background: #ffffff; padding: 0px 33px 0 0; } .custom-form h2 { font-size: 25px; font-weight: bold; margin: 28px 0 9px; color: #183dff; } .custom-form p { font-size: 14px; line-height: 20px; color: #6c6c6c; margin-bottom: 24px; } .custom-form .form-control { border-radius: 4px; font-size: 12px; color: #6c6c6c; margin-bottom: 15px; padding: 12px 14px; width: 100%; border: 1px solid #e2e2e2; box-shadow: 0 3px 3px #7979791f; margin-top: 0; } .custom-form textarea.form-control { width: 100%; height: 120px !important; resize: none; border-radius: 10px; background: #fff; border: 1px solid #e2e2e2; margin-bottom: 19px; } .custom-form [class*='col-'] { padding: 0 5px; } .custom-form .col-md-7 { padding-left: 21px; } .custom-form .custom-btn { border: none; padding: 13px 30px; font-size: 14px; } .popupform .fancybox-close-small { position: absolute; padding: 5px; border-radius: 50px; top: 4px; /* background: #ff3800; */ color: #fff; right: 4px; width: 25px; opacity: 1; height: 26px; } .web-contant1 { max-width: 32%; margin: 0 auto; } .popupform .fancybox-button svg path { fill: #ffffff; height: 70px; } .custom-form input.blue-link-btn-arrow.popup-open { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ color: #fff; font-size: 15px; letter-spacing: 1px; padding: 12px 30px; border-radius: 5px; position: relative; font-weight: 700; overflow: hidden; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .custom-form img { width: 100%; } .fancybox-close-small:after{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ color: #fff; } div#popup-3 { margin: 0; } div#popup-3 button.fancybox-close-small { display: none; } section.map iframe { width: 100%; } .textarea-cus fieldset { left: 0 !important; } .textarea-cus textarea { resize: none; height: 110px; border: none !important; } .custom-popup-2 .box.popupform h2 { font-size: 20px; font-weight: 600; text-transform: uppercase; } .custom-popup-2 .box.popupform p { font-size: 15px; width: 70%; margin: auto; } .choose-us-custom{ padding: 0 0 60px !important; } .footer-industry h6 { background: url(../images/plus.png) no-repeat 0 center transparent; cursor: pointer; font-size: 15px; height: 19px; color: #aaa; padding-left: 23px; background-size: 13px auto; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; margin-top: 0; background-position: 2px 2px; } .footer-industry > div { display: none; margin: 10px 0 0 0; } .footer-industry > div ul { border-bottom: 1px solid #444; padding: 0 0 20px 0; } .footer-industry > div li { width: 18%; display: inline-block; background: url(../images/list.png) no-repeat 0 center transparent; padding: 5px 0 5px 10px; font-size: 13px; margin: 0 1% 0 0; background-position: 0 7px; } .footer-industry > div li a { color: #aaa; } select.servicelist { height: 47px !important; } /* Review*/ .new-review { padding: 60px 0; } .new-review .col-md-6 { margin-bottom: 30px; } .new-review img.detail {} .new-review .caption { width: 60%; display: inline-block; float: right; margin-top: 20px; } .new-review .caption h2 { font-size: 18px; font-weight: 600; margin: 0 0 8px; } .new-review .caption p { color: #b1b1b1; font-size: 14px; line-height: 20px; width: 80%; } .new-review .caption img.star {} .new-review .box { position: relative; padding: 0 20px 0 10px; } .new-review .box:after {right: 0;} .new-review .box:after, .new-review .box:before { content: ''; height: 80%; margin: auto; top: 0; bottom: 0; position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c32462+0,f56351+52,fa7b41+100 */ background: #c32462; /* Old browsers */ background: -moz-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0526d1 0%, #4852fd 52%, #003afd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0526d1 0%, #4852fd 52%, #003afd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32462', endColorstr='#fa7b41',GradientType=1 ); /* IE6-9 */ width: 6px; border-radius: 35px; } .new-review .box:before { right: inherit; left: -10px; } .web-package-box h3.montfont { background: none; color: #e10039; padding: 10px 0; font-size: 14px; } .web-package-box:hover h3.montfont { background: transparent !important; } .packages-tabs .tab-pane .row>div>div h3.montfont { color: #e10039; background: transparent; font-size: 15px; padding: 15px 0; } @media screen and (max-width:1460px) { section.banner-hm:before { height: 194px; width: 95px; left: 0; top: 0; } }