/* Minification failed. Returning unminified contents.
(1588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(9539,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found ']'
 */
/*! jQuery UI - v1.13.0 - 2021-10-07
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! 
 * Bootstrap  (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3365327169ccc50826762a74fc4d9a07)
 * Config saved to config.json and https://gist.github.com/3365327169ccc50826762a74fc4d9a07
 *//*!
 * Bootstrap (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}@media (min-width:768px){.container{width:740px}}@media (min-width:992px){.container{width:960px}}@media (min-width:1200px){.container{width:1160px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}.row{margin-left:-10px;margin-right:-10px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}

/* Selectize Custom select box */
.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,0.06) !important;border:0 none !important;-webkit-box-shadow:inset 0 0 12px 4px #fff;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:'!';visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.selectize-dropdown-header{position:relative;padding:5px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px !important}.selectize-dropdown-header-close:hover{color:#000}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button [data-value]{position:relative;padding-right:24px !important}.selectize-control.plugin-remove_button [data-value] .remove{z-index:1;position:absolute;top:0;right:0;bottom:0;width:17px;text-align:center;font-weight:bold;font-size:12px;color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 0 0 0;border-left:1px solid #d0d0d0;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-control.plugin-remove_button [data-value] .remove:hover{background:rgba(0,0,0,0.05)}.selectize-control.plugin-remove_button [data-value].active .remove{border-left-color:#cacaca}.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover{background:0}.selectize-control.plugin-remove_button .disabled [data-value] .remove{border-left-color:#fff}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#303030;font-family:inherit;font-size:13px;line-height:18px;-webkit-font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid #d0d0d0;padding:8px 8px;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.selectize-control.multi .selectize-input.has-items{padding:6px 8px 3px}.selectize-input.full{background-color:#fff}.selectize-input.disabled,.selectize-input.disabled *{cursor:default !important}.selectize-input.focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.selectize-input.dropdown-active{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.selectize-input>*{vertical-align:baseline;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#f2f2f2;color:#303030;border:0 solid #d0d0d0}.selectize-control.multi .selectize-input>div.active{background:#e8e8e8;color:#303030;border:0 solid #cacaca}.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#7d7d7d;background:#fff;border:0 solid #fff}.selectize-input>input{display:inline-block !important;padding:0 !important;min-height:0 !important;max-height:none !important;max-width:100% !important;margin:0 2px 0 0 !important;text-indent:0 !important;border:0 none !important;background:none !important;line-height:inherit !important;-webkit-user-select:auto !important;-webkit-box-shadow:none !important;box-shadow:none !important}.selectize-input>input::-ms-clear{display:none}.selectize-input>input:focus{outline:none !important}.selectize-input::after{content:' ';display:block;clear:left}.selectize-input.dropdown-active::before{content:' ';display:block;position:absolute;background:#f0f0f0;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;z-index:12;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(125,168,208,0.2);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header{padding:5px 8px}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}.selectize-dropdown .active{background-color:#f5fafd;color:#495c68}.selectize-dropdown .active.create{color:#495c68}.selectize-dropdown .create{color:rgba(48,48,48,0.5)}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{cursor:text}.selectize-control.single .selectize-input:after{content:' ';display:block;position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#808080 transparent transparent transparent}.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #808080 transparent}.selectize-control.rtl.single .selectize-input:after{left:15px;right:auto}.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px !important}.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fafafa}



/**
 * Owl Carousel v2.1.4
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/* Tipso Bubble Styles */
.tipso_bubble,.tipso_bubble > .tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999}.tipso_style{cursor:help;border-bottom:1px dotted}.tipso_title{border-radius:6px 6px 0 0}.tipso_content{word-wrap:break-word;padding:0.5em}.tipso_bubble.tiny{font-size:0.6rem}.tipso_bubble.small{font-size:0.8rem}.tipso_bubble.default{font-size:1rem}.tipso_bubble.large{font-size:1.2rem;width:100%}.tipso_bubble > .tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}.tipso_bubble.top > .tipso_arrow{border-top-color:#000;border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;top:100%;left:50%;margin-left:-8px}.tipso_bubble.bottom > .tipso_arrow{border-bottom-color:#000;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;bottom:100%;left:50%;margin-left:-8px}.tipso_bubble.left > .tipso_arrow{border-left-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:50%;left:100%;margin-top:-8px}.tipso_bubble.right > .tipso_arrow{border-right-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;top:50%;right:100%;margin-top:-8px}.tipso_bubble .top_right_corner,.tipso_bubble.top_right_corner{border-bottom-left-radius:0}.tipso_bubble .bottom_right_corner,.tipso_bubble.bottom_right_corner{border-top-left-radius:0}.tipso_bubble .top_left_corner,.tipso_bubble.top_left_corner{border-bottom-right-radius:0}.tipso_bubble .bottom_left_corner,.tipso_bubble.bottom_left_corner{border-top-right-radius:0}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

@font-face {
    font-family: 'Faricy New';
    src: url('fonts/FaricyNew-Rg.eot'); /* IE9 Compat Modes */
    src: url('fonts/FaricyNew-Rg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/FaricyNew-Rg.woff') format('woff'), /* Modern Browsers */
    url('fonts/FaricyNew-Rg.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/FaricyNew-Rg.svg#0b597ed4ede8867056140bc249e98a77') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Faricy New';
    src: url('fonts/FaricyNew-Md.eot'); /* IE9 Compat Modes */
    src: url('fonts/FaricyNew-Md.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/FaricyNew-Md.woff') format('woff'), /* Modern Browsers */
    url('fonts/FaricyNew-Md.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/FaricyNew-Md.svg#7a0a01c0b0bdb82a07852a5711277aeb') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'FaricyNewlight';
    src: url('fonts/FaricyNew-Lt.eot'); /* IE9 Compat Modes */
    src: url('fonts/FaricyNew-Lt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/FaricyNew-Lt.woff') format('woff'), /* Modern Browsers */
    url('fonts/FaricyNew-Lt.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/FaricyNew-Lt.svg#279f607ee3962c81e42ed66d04f57934') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Faricy New';
    src: url('fonts/FaricyNew-Bd.eot'); /* IE9 Compat Modes */
    src: url('fonts/FaricyNew-Bd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/FaricyNew-Bd.woff') format('woff'), /* Modern Browsers */
    url('fonts/FaricyNew-Bd.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/FaricyNew-Bd.svg#eab36b8fb38d269238a25141b6452fd3') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
}



@font-face {
    font-family: 'fredoka_oneregular';
    src: url('fonts/fredokaone-regular-webfont.eot');
    src: url('fonts/fredokaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fredokaone-regular-webfont.woff2') format('woff2'), url('fonts/fredokaone-regular-webfont.woff') format('woff'), url('fonts/fredokaone-regular-webfont.ttf') format('truetype'), url('fonts/fredokaone-regular-webfont.svg#fredoka_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.reset-list {
    margin: 0;
    padding: 0;
}

    .reset-list li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.vertical-mid {
    display: inline-block;
    vertical-align: middle;
}

input, textarea, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #ed2939;
}

    a:hover {
        color: #000;
    }

.full-width {
    width: 100%;
    float: left;
}

.selectize-dropdown {
    top: 0px !important;
    padding-top: 40px;
    background: none;
    border: 0;
    border-radius: 15px;
}

    .selectize-dropdown.single {
        min-width: 150px;
    }

.selectize-dropdown-content {
    background: #fff;
    border: 0;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    text-align: center;
    font-size: 1rem;
}

.selectize-dropdown .active {
    background-color: #fafafa;
}

.selectize-control.single .selectize-input {
    position: relative;
    z-index: 11;
    cursor: default;
    cursor: pointer;
}

    .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
        text-align: center;
    }

        .selectize-control.single .selectize-input input {
            visibility: hidden !important;
            display: none !important;
        }

        .selectize-control.single .selectize-input .item {
            cursor: pointer;
        }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html, body {
    font-family: 'Faricy New', arial, sans-serif;
    font-size: 16px;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-wrap {
    width: 100%;
    overflow-x: hidden;
}

    .main-wrap.freeze {
        height: 100%;
        position: fixed;
        overflow: hidden;
    }


.header-wrap {
    height: 90px;
    /*border-bottom: #e6e6e6 solid 1px;*/
    position: relative;
    z-index: 200;
}

.main-logo {
    padding: 16px 0;
    float: left;
}

.main-nav-wrap {
    height: 90px;
    float: right;
    text-align: right;
}

.main-nav {
    height: 100%;
}

    .main-nav > li {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        max-width: 200px;
    }

        /*Bug - 157674: UI issue on the header (Line over the �Join osn CTA) start*/
        .main-nav > li + li {
            margin-left: 0px;
        }
        /*Bug - 157674: UI issue on the header (Line over the �Join osn CTA) end*/


        .main-nav > li:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 1px;
            height: 100%;
        }

        .main-nav > li > a {
            color: #444;
            font-size: 1.25rem;
            padding: 30px 22px;
            display: inline-block;
            vertical-align: middle;
            max-width: calc(100% - 1px);
            text-align: center;
        }

            .main-nav > li > a:hover {
                color: #ed2939;
                text-decoration: none;
            }

        .main-nav > li.drop2:hover,
        .main-nav > li.active {
            background: #262626;
        }

            .main-nav > li.drop2:hover > a,
            .main-nav > li.active > a {
                color: #e41d24;
            }

        .main-nav > li.highlight > a {
            color: #e41d24;
        }

        .main-nav > li.get-osn {
            background: #ed2939;
            -webkit-box-shadow: inset 0px 0px 34px -5px rgba(0,0,0,0.75);
            -moz-box-shadow: inset 0px 0px 34px -5px rgba(0,0,0,0.75);
            box-shadow: inset 0px 0px 34px -5px rgba(0,0,0,0.75);
            -webkit-transition: all .1s ease-out;
            -moz-transition: all .1s ease-out;
            transition: all .1s ease-out;
        }

            .main-nav > li.get-osn:hover {
                -webkit-box-shadow: inset 0px 0px 64px -5px rgba(0,0,0,0.75);
                -moz-box-shadow: inset 0px 0px 64px -5px rgba(0,0,0,0.75);
                box-shadow: inset 0px 0px 64px -5px rgba(0,0,0,0.75);
            }

            .main-nav > li.get-osn > a {
                color: #fff !important;
                font-weight: 500;
                padding: 10px 8px;
            }

        .main-nav > li.navicon {
            border-left: #f2f2f2 solid 1px;
        }

            .main-nav > li.navicon.drop {
                border-right: #f2f2f2 solid 1px;
            }

            .main-nav > li.navicon a {
                padding: 10px 20px;
            }

        .main-nav > li.drop {
            position: relative;
        }

            .main-nav > li.drop > a {
                width: 150px;
                padding-left: 15px;
                padding-right: 25px;
                background: url(../img/arrow_down_grey.png) right 6px top 50% no-repeat;
                text-align: center;
                line-height: 1.2em;
                font-size: 1.2rem;
                word-break: break-all;
            }

            .main-nav > li.drop:hover > a {
                color: #ed1c24;
                background-image: url(../img/arrow_down_red.png);
            }

.drop-menu {
    position: absolute;
    width: 100%;
    top: 99%;
    background: #fff;
    border: #f0f0f0 solid 1px;
    border-top: 0;
    display: none;
    z-index: 201;
}

.main-nav > li.drop a:focus {
    text-decoration: none;
}

.main-nav > li.drop a.expanded {
    text-decoration: none;
    background-image: url(../img/arrow_up_red.png);
}

    .main-nav > li.drop a.expanded + .drop-menu {
        display: block;
    }

.drop-menu a {
    background: none;
    display: block;
    color: #888;
    border-top: #f0f0f0 solid 1px;
    line-height: 1.2em;
}

    .drop-menu a.active {
        display: none;
    }

    .drop-menu a:hover {
        text-decoration: none;
        color: #ed1c24;
    }

.main-nav > li.drop .drop-menu a {
    background: none;
    text-align: center;
    padding: 15px 12px;
}

.drop2-menu {
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    padding: 30px 0 40px;
    background: #262626;
    color: #b2b2b2;
    text-align: left;
}

.main-nav > li.expanded > .drop2-menu {
    display: block;
}

.drop2-menu a {
    color: #808080;
    font-size: 1rem;
    display: block;
    padding: 7px 0;
}

    .drop2-menu a.more {
        font-size: .9rem;
        border-bottom: #808080 dotted 1px;
        display: inline-block;
        padding-bottom: 0;
        margin-bottom: 13px;
        line-height: 1rem;
    }

        .drop2-menu a.more:hover {
            border-color: #ed2939;
        }

    .drop2-menu a:hover {
        color: #ed2939;
        text-decoration: none;
    }

.drop2-menu h5 {
    margin: 0;
    padding: 0;
    font-weight: 500;
}

    .drop2-menu h5 a {
        color: #b2b2b2;
        font-size: 1.125rem;
    }

.drop2-menu a.lock:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 2px 0 0 10px;
    background: url(../img/icon_lock.png) 50% 50% no-repeat;
}

.mobile-menu {
    position: fixed;
    z-index: 202;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333;
    display: none;
}

.expanded + .mobile-menu {
    display: block;
}

.mob-menu-head {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: #666 solid 1px;
    text-align: right;
    background: #333;
}

    .mob-menu-head a {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        font-size: 1.25rem;
        padding: 3px 20px;
        text-align: center;
    }

    .mob-menu-head .sign-in {
        min-width: 200px;
    }

    .mob-menu-head .navicon {
        width: 70px;
        height: 70px;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        border-left: #666 solid 1px;
        line-height: 70px;
    }

        .mob-menu-head .navicon img {
            display: block;
            margin: 0 auto;
            width: 50%;
            padding-top: 25%;
        }

    .mob-menu-head .close {
        float: left;
        border-right: #666 solid 1px;
    }

.mob-menu-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    border-top: #666 solid 1px;
    background: #333;
}

    .mob-menu-footer .social-mark .fa {
        font-size: 1.8rem;
        line-height: 1.7;
        color: #fff;
        background: #000;
        width: 3rem;
        height: 3rem;
        margin: 0 2%;
    }

.mob-menu {
    padding: 100px 0 140px;
    height: 100%;
    overflow-y: scroll;
}

    .mob-menu .drop2-menu {
        display: block;
        position: static;
        background: none;
        padding: 0;
    }

    .mob-menu h5 a {
        color: #fff;
    }

    .mob-menu a {
        color: #ccc;
    }



.home-hero-wrap {
    height: 435px;
    max-width: 1300px;
    margin: 0 auto;
    background: #f2f2f2;
    overflow-x: hidden;
}

.hero-item {
    color: #fff;
}

    .hero-item .container {
        position: relative;
    }

        .hero-item .container .item-copy {
            position: absolute;
            bottom: 40px;
        }

    .hero-item h2 {
        margin: 0;
        padding: 0 0 5px;
        font-weight: 300;
        font-size: 2.8rem;
        line-height: 1.1em;
    }

    .hero-item .cat {
        text-transform: uppercase;
        line-height: 1em;
    }

    .hero-item .showtime {
        display: block;
        padding: 0 0 10px;
    }

        .hero-item .showtime i {
            color: #a6a6a6;
            font-weight: 600;
        }

    .hero-item .meta {
        font-size: .75rem;
        text-transform: uppercase;
        font-weight: 700;
    }

        .hero-item .meta span, .hero-item .meta a {
            float: left;
            padding: 6px 10px;
        }

        .hero-item .meta .chanel {
            background: #333333;
            position: relative;
        }

            .hero-item .meta .chanel:before {
                content: '';
                position: absolute;
                width: 100px;
                height: 100%;
                right: 100%;
                top: 0;
                background: #333;
            }

        .hero-item .meta .program {
            background: #4d4d4d;
        }

        .hero-item .meta .cta {
            background: #ed2939;
            color: #fff;
        }

            .hero-item .meta .cta:hover {
                text-decoration: none;
                opacity: .8;
            }

.quick-call-wrap {
    min-height: 75px;
    background: #262626;
    color: #fff;
}

.quick-call {
    text-align: center;
}

    .quick-call h4 {
        display: inline-block;
        vertical-align: middle;
        padding: 3px 30px 3px 37px;
        background: url(../img/icon_phone.png) 0 50% no-repeat;
        font-size: 1.125rem;
        font-weight: 600;
    }

    .quick-call fieldset {
        display: inline-block;
        vertical-align: middle;
    }

        .quick-call fieldset + fieldset {
            margin-left: 5px;
        }

        .quick-call fieldset.area-code {
            width: auto; /*padding-left: 15px; padding-right: 5px;*/
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .quick-call fieldset.phone {
            margin-left: -2px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .quick-call .txt1 {
        width: 130px;
        background: #333333;
        border-radius: 4px;
    }

        .quick-call .txt1 select,
        .quick-call .txt1 input {
            border: 0;
            background: none;
            width: 100%;
            height: 35px;
            text-align: center;
            color: #aaa;
        }

            .quick-call .txt1 select:focus,
            .quick-call .txt1 input:focus {
                outline: 0;
                background: rgba(0,0,0,.15);
            }

            .quick-call .txt1 input::-webkit-input-placeholder {
                color: #808080;
            }

            .quick-call .txt1 input::-moz-placeholder {
                color: #808080;
            }

            .quick-call .txt1 input:-ms-input-placeholder {
                color: #808080;
            }

            .quick-call .txt1 input:-moz-placeholder {
                color: #808080;
            }

        .quick-call .txt1 .selectize-input {
            height: 35px;
            width: 80px;
            padding: 0 0 0 10px;
            text-align: left;
            display: inline-block;
            vertical-align: middle;
            border: 0;
            font-size: .9rem;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            background: #333;
            color: #808080;
        }

            .quick-call .txt1 .selectize-input > .item {
                padding-top: 8px;
            }

        .quick-call .txt1 .selectize-dropdown {
            text-align: left;
            padding-top: 30px;
            border-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .quick-call .txt1 .selectize-dropdown-content {
            border-radius: 5px;
        }

    .btn1,
    .quick-call .btn1 {
        background: none;
        border: #808080 solid 1px;
        height: 33px;
        padding: 0px 40px 0px 40px;
        border-radius: 17px;
        line-height: 1rem;
        color: #808080;
        background: url(../img/arrow_right_small.png) right 10px top 50% no-repeat;
    }

        .btn1:hover {
            cursor: pointer;
            text-decoration: none;
        }

a.btn1 {
    padding-bottom: 5px;
    padding-top: 7px;
}

.quick-call .btn1:hover {
    color: #ccc;
}

.quick-call .action .close {
    color: #808080;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 26px;
    line-height: 24px;
    margin: 0 0 0 20px;
    position: relative;
    top: 3px;
}

    .quick-call .action .close:hover {
        color: #ccc;
        cursor: pointer;
    }

.mini-sitemap-wrap {
    background: #1a1a1a;
    color: #808080;
    padding: 20px 0;
}

.mini-sitemap h5 {
    margin: 0;
    padding: 0 0 15px;
    font-size: 1rem;
    font-weight: normal;
}

.mini-sitemap > div {
    /*padding-bottom: 20px;*/
}

.mini-sitemap div + h5 {
    margin-top: 30px;
}

.mini-sitemap .sub-links > span {
    /*display: block;*/
    padding-right: 20px;
}

.mini-sitemap .sitemap-right {
    display: flex;
    justify-content: space-around;
}

.mini-sitemap .sub-links {
    color: gray;
    font-size: 0.875em;
}

    .mini-sitemap .sub-links a {
        /*color: #808080;*/
        color: gray;
        display: inline-block;
        font-size: .9rem;
        padding: 5px 0;
        margin: 0 0 10px;
        line-height: .8em;
        /*border-bottom: 1px dotted #aaa;*/
    }

        .mini-sitemap .sub-links a:hover {
            /*color: #DC121A;*/
            color: #ed2939;
            text-decoration: none;
        }

.cty-phone-select .txt1-select {
    /*width: 100%;*/
    display: inline-block;
    vertical-align: middle;
}

.cty-phone-select select {
    background: none;
    border: 0;
    display: inline-block;
    vertical-align: middle;
}

.cty-phone-select .phones {
    display: inline-block;
    font-size: 1.4rem;
    vertical-align: middle;
    padding-left: 15px;
}

.cty-phone-select .txt1-select .selectize-control {
    height: 34px;
}

.cty-phone-select .txt1-select .selectize-input {
    background: none;
    border: 0;
    color: #808080;
    font-size: 1rem;
    text-align: left;
    padding-right: 25px;
}

    .cty-phone-select .txt1-select .selectize-input:after {
        width: 16px;
        height: 16px;
        background: url(../img/arrow_down_red.png) 50% 50% no-repeat;
        border: 0;
        margin-top: -8px;
        right: 5px;
    }

    .cty-phone-select .txt1-select .selectize-input.dropdown-active {
        background: #000;
        color: #808080;
        border: 0;
        box-shadow: none;
    }

        .cty-phone-select .txt1-select .selectize-input.dropdown-active:after {
            margin-top: -8px;
            background-image: url(../img/arrow_up_red.png);
        }

        .cty-phone-select .txt1-select .selectize-input.dropdown-active:before {
            display: none;
        }

.cty-phone-select .txt1-select .selectize-dropdown {
    top: -238px !important;
}

.cty-phone-select .txt1-select .selectize-dropdown-content {
    background: #000;
    color: #808080;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: left;
}

    .cty-phone-select .txt1-select .selectize-dropdown-content .active {
        background-color: #222;
        color: #dedede;
    }


.social-mark a {
    color: #808080;
    font-size: 16px;
    background: #242424;
    display: inline-block;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 50%;
    line-height: 36px;
    margin-left: 5px;
    margin-bottom: 5px;
}

    .social-mark a:hover {
        text-decoration: none;
        /*color: #ccc;*/
        background: #fff;
        color: #000;
    }

.newsletter p {
    font-size: .9rem;
    margin: 0;
    padding: 0 0 15px;
}

.newsletter .txt1 {
    background: #242424;
    border-radius: 4px;
    margin: 0 0 15px;
}

    .newsletter .txt1 input {
        border: 0;
        background: none;
        height: 35px;
        padding: 3px 10px;
        width: 100%;
    }

        .newsletter .txt1 input:focus {
            outline: 0;
        }

.newsletter .btn1 {
    font-size: .9rem;
    background: none;
    border: #808080 solid 1px;
    height: 33px;
    border-radius: 17px;
    padding: 0 30px 0 25px;
    min-width: 150px;
    text-align: center;
    background: url(../img/arrow_right_small.png) right 10px top 50% no-repeat;
}

    .newsletter .btn1:hover {
        color: #ccc;
    }


.footer-wrap {
    border-top: #262626 solid 1px;
    background: #1a1a1a;
    /*height: 75px;*/
    padding: 16px 0;
    text-transform: uppercase;
    font-size: .8rem;
    width: 100%;
    float: left;
}

    .footer-wrap a {
        color: #aaa;
        line-height: .8em;
        font-size: 12px;
        color: #666;
    }

        .footer-wrap a:hover {
            color: #DC121A;
            color: #ccc;
            text-decoration: none;
        }

.footer-links {
    float: left;
}

    .footer-links li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 13px;
    }

        .footer-links li:first-child {
            margin-left: 0;
        }

    .footer-links select {
        background: none;
        border: 0;
        color: #666;
    }

.copyright {
    float: right;
    /*color: #888;*/
    color: #666;
    margin-top: 3px;
}

.whatson-wrap {
    margin: 0;
    padding: 40px 0;
}

.whatson h2 {
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    margin: 0;
    padding: 0 0 20px;
}

.whatson-tabs {
    text-align: center;
}

    .whatson-tabs span {
        color: #b2b2b2;
        display: inline-block;
        vertical-align: middle;
        padding: 0 15px;
        cursor: pointer;
    }

        .whatson-tabs span.active {
            color: #ed2939;
        }

.btn1-red {
    min-height: 33px;
    color: #ed2939;
    border-color: #ed2939;
    background-image: url(../img/arrow_right_small_red.png);
}

    .btn1-red:hover {
        min-height: 33px;
        color: #fff;
        background-color: #ed2939;
        background-image: url(../img/arrow_right_small_white.png);
    }

.whatson .btn1 {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    padding-top: 7px;
    padding-bottom: 6px;
    font-weight: 600;
    text-align: center;
}

    .whatson .btn1:hover {
        text-decoration: none;
        color: #fff;
        background-color: #ed2939;
        background-image: url(../img/arrow_right_small_white.png);
    }

.whatson .cta-tvguide {
    text-align: right;
}

.whatson .tabs-wrap {
    padding: 0 0 20px;
}

.whatson-item {
    height: 200px;
    background: #eee;
    padding: 0;
}

    .whatson-item .thumb {
        position: absolute;
        border-left: #fff solid 1px;
    }

    .whatson-item .meta1 {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        font-size: .8rem;
        text-transform: uppercase;
        z-index: 2;
    }

    .whatson-item .meta1 {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        font-size: .8rem;
        text-transform: uppercase;
        font-weight: 600;
    }

        .whatson-item .meta1 > span {
            display: inline-block;
            padding: 3px 10px;
        }

            .whatson-item .meta1 > span + span {
                margin-left: -4px;
            }

        .whatson-item .meta1 .chanel {
            background: #333333;
        }

        .whatson-item .meta1 .program {
            background: #ed2939;
        }

    .whatson-item .meta2 {
        color: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 15px 15px;
        font-size: .8rem;
        font-weight: 600;
    }

        .whatson-item .meta2 .cat {
            text-transform: uppercase;
        }

        .whatson-item .meta2 .title {
            font-size: 1rem;
        }

        .whatson-item .meta2 .show-detail {
            display: none;
            color: #333;
        }

.expanded .meta2 {
    background: #fff;
    color: #4c4c4c;
    border: auto;
    top: 0;
    width: 100%;
    padding: 45px 15px 15px;
    text-align: center;
}

    .expanded .meta2 .title {
        font-size: 1.4rem;
    }

    .expanded .meta2 .show-detail {
        display: none;
    }


.content-wrap {
    min-height: 500px;
}

    .content-wrap .container {
        position: relative;
    }

    .content-wrap h1 {
        font-size: 3em;
        font-weight: 300;
        color: #000;
        margin: 0;
        line-height: 1.2em;
        padding: 0 0 30px;
    }

.content-sign-in h1 {
    padding-bottom: 42px;
}

.crumb-wrap {
    position: relative;
    z-index: 1;
}

.crumb {
    font-size: .9rem;
    padding: 20px 0 0;
    color: #999;
}

    .crumb a, .crumb span {
        display: inline-block;
        padding: 0 0px 0 5px;
    }

    .crumb a {
        color: #4c4c4c;
        text-decoration: underline;
    }

        .crumb a:hover {
            color: #ed1c24;
            text-decoration: underline;
            cursor: pointer;
        }

        .crumb a:after {
            content: '>';
            padding: 0 0 0 6px;
            display: inline-block;
            text-decoration: none;
        }

.instruct {
    padding-top: 0;
    padding-bottom: 60px;
}

    .instruct h2 {
        font-weight: 400;
        color: #333;
        margin: 0;
        padding: 0;
        float: left;
    }

    .instruct .txt1-select {
        position: relative;
        float: right;
        width: 160px;
        height: 33px;
        padding: 0 0 0 15px; /*border: #ed2939 solid 1px; border-radius: 16px; background: url(../img/arrow_down_red.png) right 12px top 50% no-repeat;*/
    }

    .instruct .selectize-input {
        border: #ed2939 solid 1px;
        border-radius: 16px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1rem;
        color: #ed2939;
    }

    .instruct .input-active {
        border: 0;
        box-shadow: outset 0 0px 0px rgba(0,0,0,0.1);
        box-shadow: none;
        border-top: #ccc solid 1px;
    }

    .instruct .selectize-control.single .selectize-input.dropdown-active:after,
    .instruct .selectize-control.single .selectize-input:after {
        border: 0;
        width: 16px;
        height: 14px;
        margin-top: -8px;
        background: url(../img/arrow_down_red.png) 50% 50% no-repeat;
    }

    .instruct .selectize-control.single .selectize-input.input-active:after {
        background-image: url(../img/arrow_up_red.png);
    }

    .instruct .txt1-select select {
        width: 111%;
        width: 100%;
        height: 30px;
        background: none;
        border: 0;
        padding: 0 15px;
        text-align: center;
        color: #ed2939;
    }

    .instruct .txt1-select option {
        text-align: center;
    }

    .instruct .txt1-select select:focus {
        outline: none;
        border: 0;
    }

.promo .promo-ico {
    background: rgba(0, 0, 0, 0) url("../img/rating.png") no-repeat scroll 0 0 / 20px 20px;
    display: inline-block;
    height: 20px;
    margin: 0 8px;
    position: relative;
    top: 2px;
    width: 20px;
}

.offwhite {
    background: #f7f7f7;
    min-height: 230px;
}

.provider-select {
    height: 230px;
    margin: 30px 0;
}

    .provider-select .item {
        background: #fff;
        width: 19.9%;
        height: 100%;
        float: left;
        text-align: center;
        position: relative;
        padding: 15px 0 0;
        border: 0;
        border: 1px solid #e6e6e6;
        /*border-right: 0;*/
    }

        .provider-select .item:last-child {
            border-right: 1px solid #e6e6e6;
            width: 20.1%;
        }

        .provider-select .item:nth-child(n+5) {
            border-top: 0px solid #e6e6e6;
        }

        .provider-select .item:hover {
            cursor: pointer;
            -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
            -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
            box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
        }

        .provider-select .item .logo {
            height: 105px;
        }

            .provider-logo .logo:before,
            .provider-select .item .logo:before {
                content: '';
                width: 1px;
                height: 100%;
                display: inline-block;
                vertical-align: bottom;
            }

        .provider-logo .logo img,
        .provider-select .item img {
            display: inline-block;
            vertical-align: bottom;
            max-width: 90%;
        }

        .provider-logo strong,
        .provider-select .item strong {
            font-size: 1.5rem;
            font-weight: 400;
            display: block;
            padding: 35px 0 0;
        }

.selected-provider {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .selected-provider > div {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

.provider-logo {
    max-width: 230px;
    height: 230px;
    background: #fff;
    border: #e8e8e8 solid 1px;
    text-align: center;
    margin: 0 0 0;
}

    .provider-logo .logo {
        height: 120px;
    }

.provider-select.promotional {
}

.provider-select.promotional {
    height: 460px;
}

    .provider-select.promotional .item {
        height: 230px;
        border-bottom: 1px solid #e6e6e6;
    }

        .provider-select.promotional .item:nth-child(5n) {
            border-top: 1px solid #e6e6e6;
            border-right: 1px solid #e6e6e6;
        }

        .provider-select.promotional .item .promo-ico {
            background: rgba(0, 0, 0, 0) url("../img/rating.png") no-repeat scroll 0 0 / 30px 30px;
            height: 30px;
            width: 30px;
            position: absolute;
            right: 0px;
            top: 0px;
        }


.smartcode-input {
    padding-left: 30px;
}

    .smartcode-input label {
        font-size: 1.1rem;
        padding: 0 0 0px;
        display: block;
    }

    .smartcode-input input[type=tel],
    .smartcode-input input[type=text] {
        border: 0;
        background: none;
        width: 370px; /*height: 40px;*/
        display: block;
        font-size: 2.6rem;
        letter-spacing: 18px;
        margin: 10px 0 0;
        padding: 0 0 5px;
        display: inline-block;
        vertical-align: middle;
    }

    .smartcode-input input:focus {
        outline: none;
        border: 0;
    }

    .smartcode-input input.btn1 {
        background: #ed2939;
        border: 0;
        color: #fff;
        font-weight: 600;
        width: auto;
    }

    .smartcode-input input.btn1-red {
        min-height: 33px;
        color: #ed2939;
        border-color: #ed2939;
        background: #fff;
        border: 1px solid #ed2939;
        font-size: 1rem;
        font-weight: normal;
        padding-bottom: 2px;
    }

    .smartcode-input input.btn1:hover {
        background: #c92331;
        color: #fff;
        font-weight: 600;
    }

.promo-code input.btn1-red {
    margin-right: 20px;
}

.promo-code input.btn1, .promo-code input.btn1:hover {
    font-weight: normal;
}

.smartcode-input input.btn1-red .selected-provider .sample-wrap {
    text-align: right;
    margin-left: 30px;
}

.selected-provider .sample {
    text-align: center;
}

    .selected-provider .sample p {
        margin-bottom: 0;
    }

.dob-wrap {
    padding: 0 0 30px;
}

    .dob-wrap > span {
        display: block;
        padding: 0 0 5px;
    }

    .dob-wrap .txt1-select {
        width: 115px;
        height: 50px;
        border-color: #bbb;
        display: inline-block;
    }

        .dob-wrap .txt1-select + .txt1-select {
            margin-left: 10px;
        }

        .dob-wrap .txt1-select .selectize-input {
            height: 50px;
            box-shadow: none;
            border-color: #eee;
            text-align: left;
            padding: 10px 15px;
        }

.smartcode-input .dob-wrap .txt1-select .selectize-input > input {
    visibility: hidden;
    !important;
    display: none !important;
    letter-spacing: normal;
    font-size: 1rem;
    height: 100%;
    width: 100% !important;
    text-align: left;
}

.dob-wrap .txt1-select .selectize-input .item {
    font-size: 1rem;
    text-align: left;
    height: 30px;
    padding: 7px 0;
    vertical-align: middle;
}

.smartcode-input .dob-wrap .txt1-select .selectize-input:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.3) url(../img/arrow_down_grey.png) right 10px top 60% no-repeat;
    border: 0;
}

.smartcode-input .dob-wrap .txt1-select .dropdown-active:after {
    background-image: url(../img/arrow_up_grey.png);
}

.dob-wrap .selectize-dropdown {
    top: 0 !important;
    margin-top: 50px;
    padding-top: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dob-wrap .selectize-dropdown-content {
    text-align: left;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .dob-wrap .selectize-dropdown-content .option {
        padding-left: 15px;
    }

.input-box {
    position: relative;
    padding: 0 0 35px;
}

    .input-box .hint {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        border: #ed1c24 solid 1px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        color: #ed1c24;
        position: relative;
        left: -15px;
        bottom: -13px;
        font-weight: 500;
    }

.tipso_bubble {
    font-size: .9rem;
    border-radius: 3px;
    padding: 3px;
    -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
}

.smartcode-invalid input[type=tel],
.smartcode-invalid input[type=text] {
    color: #ed1c24;
    margin-bottom: 20px;
}

.smartcode-invalid i.fa {
    font-size: 1.4rem;
    color: #ed1c24;
}

.smartcode-invalid .msg-invalid {
    display: block;
    margin-bottom: 30px;
}


.subscribe-teaser {
    text-align: center;
    padding: 80px 15px 130px;
}

    .subscribe-teaser h2 {
        font-size: 2.23rem;
        font-weight: 300;
        line-height: 1.3em;
    }

        .subscribe-teaser h2 + h2:last-child {
            margin-bottom: 0;
        }

        .subscribe-teaser h2 a {
            color: #333;
            font-weight: 400;
            display: inline-block;
            border-bottom: #555 solid 1px;
        }

            .subscribe-teaser h2 a:hover {
                text-decoration: none;
                color: #ed2939;
                border-color: #ed1c24;
            }

    .subscribe-teaser .btn1 {
        display: inline-block;
        font-size: 1rem;
        padding-left: 40px;
        padding-right: 50px;
    }

.red-band {
    background: #ed2939;
    color: #fff;
    margin: 0 0 0;
}

    .red-band .notice {
        font-size: 1.125rem;
        background: url(../img/icon_checked.png) 0 50% no-repeat;
        margin: 0;
        padding: 17px 0 17px 40px;
    }

        .red-band .notice a {
            color: #fff;
        }

.register-wrap {
    background: #f7f7f7;
    padding: 115px 0 50px;
    color: #555;
    margin-top: -65px;
}

.form1-register h3 {
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding: 30px 0 60px;
}

.form1-forgot-password {
    min-height: 350px;
}

    .form1-forgot-password h3 {
        font-size: 1.5em;
        font-weight: 400;
        text-align: left;
        margin: 0;
        padding: 30px 0 30px;
    }

    .form1-forgot-password fieldset {
        padding-left: 0;
        padding-right: 0;
    }

        .form1-forgot-password fieldset.action {
            text-align: left;
        }

        .form1-forgot-password fieldset .error-msg {
            color: #ed1c24;
            font-size: .875rem;
            display: none;
            padding-right: 15px;
            padding-top: 5px;
            padding-left: 15px;
            width: 100%;
            text-align: right;
        }

        .form1-forgot-password fieldset .invalid-email {
            display: none;
        }

    .form1-forgot-password .error .error-msg {
        display: block;
    }

.form1 fieldset {
    margin: 0 0 30px;
    font-size: 1.125rem;
}

    .form1 fieldset > label {
        display: block;
        padding: 0 0 8px 15px;
        text-align: left;
    }

.form1 .txt1 {
    background: #fff;
    /*border: #e6e6e6 solid 1px;*/
    border-bottom: 1px solid #b2b2b2;
    padding: 0;
    max-width: 100%;
    font-size: 1.07rem;
    position: relative;
}

    .form1 .txt1 input {
        width: 100%;
        /*height: 45px;*/
        /*padding: 10px 15px;*/
        border: none !important;
        background: none;
    }

    .form1 .txt1:hover {
        border-color: #e6e6e6;
    }

    .form1 .txt1.focus {
        border-color: #b2b2b2;
    }

:focus {
    outline: 0px solid #b3b3b3;
}

.form1 .txt1 input[type=password] {
    background: /*url(../img/icon_noeye.png)*/ right 15px top 50% no-repeat;
}
    /*Bug - 157679:Responsive account page-1. Error text alignment start*/

    .form1 .txt1 .pwd-visible + .toggle,
    .form1 .txt1 input[type=password] + .toggle {
        width: 55px;
        height: 100%;
        position: absolute;
        right: 5px;
        top: 15px;
        color: #737273;
        font-size: 13px;
        cursor: pointer;
    }
/*Bug - 157679:Responsive account page-1. Error text alignment start*/

.form1 .txt1 .pwd-visible {
    background: /*url(../img/icon_eye.png)*/ right 15px top 50% no-repeat;
}

.form1 .captcha-input {
    width: 70%;
    float: left;
}

.form1 .captcha-wrap {
    width: 25%;
    border-radius: 4px;
    margin-right: 2%;
    position: relative;
    background: #e4e4e4;
    display: inline-block;
}

    .form1 .captcha-wrap a.reload {
        position: absolute;
        left: 0;
        top: 100%;
        margin: 5px 0 0;
        font-size: .9rem;
        color: #444;
        text-decoration: underline;
    }

.form1 .col-md-12 {
    text-align: center;
}

.form1 .chk1 {
    opacity: 0;
    position: absolute;
}

    .form1 .chk1 + label {
        display: inline-block;
        padding-left: 5px;
        font-size: 1rem;
        cursor: pointer;
    }

        .form1 .chk1 + label:before {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute;
            margin: 0 0 0 -30px;
        }
        /*.form1 .chk1:checked + label:before {background: #ed2939; border-width: 4px; border-radius: 6px;}*/
        .form1 .chk1 + label:before {
            background: url(../img/check_box_merge.png) 0 0 no-repeat;
        }

    .form1 .chk1:checked + label:before {
        background: url(../img/check_box_merge.png) 0 -20px no-repeat;
        border: 0;
    }

    .form1 .chk1 + label a {
        text-decoration: underline;
    }

.form1 .btn1 {
    color: #fff;
    background: #ed2939;
    border: 0;
    min-width: 170px;
    padding-bottom: 0;
}

    .form1 .btn1:hover {
        background-color: #c91524;
    }

.tnc-confirm {
    padding-top: 40px;
}

.docName {
    font-style: normal;
}

.form1 .cta-forgot {
    color: #444;
    font-size: .875rem;
    text-decoration: underline;
    padding: 0 0 15px 15px;
    display: inline-block;
}

    .form1 .cta-forgot:hover {
        color: #ed1c24;
    }

.form1 span.cta-forgot, .form1 span.cta-forgot:hover {
    text-decoration: none;
    color: #444;
}

.form1-verify {
    padding-top: 50px;
}

.form1 span.cta-forgot a {
    text-decoration: underline;
    color: #ed1c24;
}

    .form1 span.cta-forgot a:hover {
        color: #444;
    }

.form1 .error .txt1 {
    border-color: #ed1c24;
}

    .form1 .error .txt1 input {
        color: #ed1c24;
    }

    .form1 .error .txt1 .error-msg {
        position: absolute;
        right: 0px;
        bottom: -22px;
        color: #ed1c24;
        font-size: .85rem;
        display: block;
    }

.verify-wrap {
    text-align: center;
    padding: 20px 0 80px;
    background: #f7f7f7;
}

    .verify-wrap h2 {
        font-size: 2.25rem;
        line-height: 1.2em;
        font-weight: 300;
        margin: 0;
        padding: 40px 0 40px;
    }

    .verify-wrap .msg-box {
        border: #d9d9d9 solid 1px;
        float: none;
        display: block;
        margin: 0 auto;
        max-width: 550px;
        padding: 0;
    }

        .verify-wrap .msg-box h3 {
            font-size: 1.5rem;
            font-weight: 300;
        }

            .verify-wrap .msg-box h3:before {
                content: '';
                width: 40px;
                height: 30px;
                background: url(../img/icon_mail.png) 50% 50% no-repeat;
                display: inline-block;
                vertical-align: middle;
                margin: -5px 25px 0 -10px;
            }

    .verify-wrap .msg-box-copy {
        background: #fff;
        border-top: #d9d9d9 solid 1px;
        padding: 40px 20px 10px;
        font-size: 1rem;
        color: #555;
    }

        .verify-wrap .msg-box-copy p {
            margin: 0;
            padding: 0 0 2em;
            line-height: 1.8em;
        }

        .verify-wrap .msg-box-copy strong {
            font-weight: 500;
        }

        .verify-wrap .msg-box-copy a {
            font-weight: 500;
            color: #444;
        }

            .verify-wrap .msg-box-copy a:hover {
                color: #ed1c24;
                text-decoration: none;
            }

        .verify-wrap .msg-box-copy strong a {
            text-decoration: underline;
        }

.welcome-wrap .msg-box {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 550px;
    padding: 0;
}

    .welcome-wrap .msg-box .form1-sign-in {
        margin-top: 60px;
    }

        .welcome-wrap .msg-box .form1-sign-in .forgot-link {
            font-size: 14px;
        }

            .welcome-wrap .msg-box .form1-sign-in .forgot-link a {
                color: #444;
                font-size: 14px;
                text-decoration: underline;
            }

                .welcome-wrap .msg-box .form1-sign-in .forgot-link a:hover {
                    color: #ed1c24;
                }

        .welcome-wrap .msg-box .form1-sign-in .sign-in-col {
            background: #f7f7f7;
        }

            .welcome-wrap .msg-box .form1-sign-in.sign-in-col:before {
                content: '';
                width: 100%;
                height: 100%;
                background: #f7f7f7;
                position: absolute;
                top: 0;
                right: 100%;
            }

        .welcome-wrap .msg-box .form1-sign-in .remember {
            margin-left: -14px;
            padding-left: 0;
        }

            .welcome-wrap .msg-box .form1-sign-in .remember label {
                font-size: .9rem;
                font-weight: 500;
            }

        .welcome-wrap .msg-box .form1-sign-in .col-md-pull-0 {
            padding: 0px;
        }

        .welcome-wrap .msg-box .form1-sign-in .action .btn1 {
            float: right;
            margin-right: -2px;
        }

.last-step-wrap .form1-login {
    padding-bottom: 20px;
}

.last-step-wrap .msg-box {
    margin-bottom: 40px;
}

.msg-box-copy .txt1 {
    width: 185px;
    height: 55px;
    border: #808080 solid 1px;
    border-radius: 4px;
    margin: -5px auto 30px;
}

    .msg-box-copy .txt1 input {
        width: 100%;
        height: 100%;
        background: none;
        border: 0;
        padding: 0 10px;
        text-align: center;
    }

        .msg-box-copy .txt1 input + .error {
            font-size: .8rem;
            color: #ed2939;
            display: none;
        }

.last-step-wrap .msg-box h3:before {
    background-image: url(../img/tv_box_code.png);
}

.popoverTextPanel {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 10px;
    background: #ed2939;
    color: #fff;
    font-size: 14px;
    z-index: 99999;
    display: none;
}

    .popoverTextPanel:before {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 5px;
        border-left: 5px solid transparent;
        border-top: 5px solid #ed2939;
        border-right: 5px solid transparent;
    }

.welcome-wrap {
    background: #f7f7f7;
    padding: 40px 0 10px;
    text-align: center;
    color: #555;
}

.welcome-wrap-light {
    background: #fff;
    padding-top: 0;
}

.welcome-wrap h2 {
    font-size: 2.25rem;
    line-height: 1.3em;
    font-weight: 300;
    margin: 0;
    padding: 0 0 20px;
}

    .welcome-wrap h2:before {
        content: '';
        width: 32px;
        height: 32px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: -5px 20px 0 0;
        background: url(../img/icon_checked_red.png) 50% 50% no-repeat;
    }

.welcome-wrap-light h2:before {
    display: none;
}

.welcome-wrap h2 + p {
    font-size: 1.125rem;
    max-width: 560px;
    margin: 0 auto;
}

.cross-link-wrap {
    padding: 80px 0 40px;
}

.cross-links .item {
    text-align: center;
    padding-bottom: 40px;
    line-height: 1.6rem;
}

    .cross-links .item h3 {
        color: #ed2939;
        font-size: 1.5rem;
        font-weight: 400;
        margin: 10px 0;
    }

    .cross-links .item span {
        color: #555;
    }

    .cross-links .item a {
        display: block;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

        .cross-links .item a:hover {
            text-decoration: none;
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }


.sign-in-wrap {
    border-top: #e6e6e6 solid 1px;
    border-bottom: #e6e6e6 solid 1px;
    margin: 20px 0 0;
}

    .sign-in-wrap h2 {
        font-size: 2.25rem;
        font-weight: 300;
        text-align: center;
        margin: 0;
        padding: 40px 0;
    }

    .sign-in-wrap > .container > .col-md-6 {
        padding: 0 0 50px;
        position: relative;
    }

    .sign-in-wrap .sign-in-col {
        background: #f7f7f7;
    }

        .sign-in-wrap .sign-in-col:before {
            content: '';
            width: 100%;
            height: 100%;
            background: #f7f7f7;
            position: absolute;
            top: 0;
            right: 100%;
        }

    .sign-in-wrap .remember {
        padding-left: 50px;
    }

        .sign-in-wrap .remember label {
            font-size: .9rem;
            font-weight: 500;
        }

    .sign-in-wrap .action {
        text-align: right;
    }

.form1-sign-in {
    max-width: 475px;
    margin: 0 auto;
}

    .form1-sign-in .txt1 {
        max-width: 100%;
    }

.sign-in-wrap .forgot-link a {
    color: #555;
    font-size: .9rem;
    text-decoration: underline;
}

    .sign-in-wrap .forgot-link a:hover {
        color: #ed1c24;
    }

.cross-links2 {
    max-width: 475px;
    margin: 0 auto;
    background: none;
}

    .cross-links2 .item {
        padding: 10px 0 20px;
    }

    .cross-links2 .thumb {
        width: 50px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px 0 0;
    }

        .cross-links2 .thumb img {
            width: 100%;
            height: auto;
        }

    .cross-links2 .desc {
        display: inline-block;
        vertical-align: middle;
        max-width: 80%;
    }

    .cross-links2 .btn1 {
        display: inline-block;
        background-image: none;
        padding-right: 32px;
    }

    .cross-links2 .subscribe-link {
        color: #444;
        font-size: .9rem;
        display: inline-block;
        text-decoration: underline;
        margin: 30px 0 0;
    }

        .cross-links2 .subscribe-link:hover {
            color: #ed1c24;
        }

.login-wrap {
    background: #f7f7f7;
}

    .login-wrap > .container {
        padding-left: 0;
        padding-right: 0;
    }

    .login-wrap .login-col {
        padding-bottom: 20px;
    }

    .login-wrap h2 {
        font-size: 2.25rem;
        font-weight: 300;
        margin: 0;
        padding: 40px 0;
    }

    .login-wrap fieldset {
        padding-left: 0;
        padding-right: 0;
    }

        .login-wrap fieldset .txt1 {
            max-width: 100%;
        }

    .login-wrap .action {
        text-align: right;
    }

        .login-wrap .action .rem-me {
            float: left;
            margin: 3px 0 0 40px;
        }

        .login-wrap .action .btn1 {
            float: right;
        }

    .login-wrap .helper-link {
        position: absolute;
        right: 0;
        top: 0;
        color: #444;
        text-decoration: underline;
        font-size: .9rem;
    }

        .login-wrap .helper-link:hover {
            color: #ed2939;
        }

    .login-wrap .register-col {
        text-align: right;
    }

        .login-wrap .register-col:before {
            content: '';
            width: 1px;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

    .login-wrap .subscribe-teaser {
        border-left: #e6e6e6 solid 1px;
        width: 450px;
        margin: 0 auto;
        padding: 80px 20px;
        display: inline-block;
        /*vertical-align: middle;*/
    }

        .login-wrap .subscribe-teaser h2 {
            font-size: 1.5rem;
            margin: 0;
            padding: 0 0 10px;
        }

            .login-wrap .subscribe-teaser h2 + p {
                font-size: 1.125rem;
                margin: 0;
                padding: 0 0 40px;
            }

        .login-wrap .subscribe-teaser .btn1 {
            background-image: none;
            padding-right: 35px;
        }


.more-services .item {
    padding: 80px 0;
}

    .more-services .item:nth-child(even) {
        background: #f7f7f7;
    }

.more-services .icon {
    text-align: center;
}

.more-services .item h3 {
    font-size: 2.25rem;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.more-services .item .desc {
    font-size: 1.125rem;
    padding-left: 50px;
}

.more-services .item:nth-child(even) .desc {
    padding-left: 15px;
    padding-right: 50px;
}


.cards-list-wrap {
    background: #f7f7f7;
    padding: 80px 0;
}

.cards-list .item {
    background: #fff;
    margin: 0 0 22px;
    overflow: hidden;
}

    .cards-list .item:hover {
        -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
    }

.cards-list .item-due:hover,
.cards-list .item-due {
    -webkit-box-shadow: 0px 0px 15px -2px rgba(255,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px -2px rgba(255,0,0,0.2);
    box-shadow: 0px 0px 15px -2px rgba(255,0,0,0.2);
}

.cards-list .item h2 {
    font-size: 3rem;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 1.1em;
    display: inline-block;
    margin-right: 25px;
    width: auto;
}

    .cards-list .item h2.placeholder {
        color: #999;
    }

.cards-list .item .h2-txt1 {
    width: 100%;
}

.cards-list .item h2 input {
    border: 0;
    width: 100%;
    font-size: 2.8rem;
    line-height: 1.3em;
}

    .cards-list .item h2 input:focus {
        outline: 0;
        background: #fafafa;
    }

    .cards-list .item h2 input::-webkit-input-placeholder {
        color: #ddd;
    }

    .cards-list .item h2 input::-moz-placeholder {
        color: #ddd;
    }

    .cards-list .item h2 input:-ms-input-placeholder {
        color: #ddd;
    }

    .cards-list .item h2 input:-moz-placeholder {
        color: #ddd;
    }

.cards-list .item .smart-code {
    font-size: 1.5rem;
    display: block;
    font-weight: 300;
}

.cards-list .item > div {
    height: 100%;
    min-height: 265px;
    padding: 40px 20px 40px 40px;
}

    .cards-list .item > div:before {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        content: '';
        width: 1px;
    }

.cards-list .item .col-md-5 {
    border-left: #e6e6e6 solid 1px;
    padding-left: 40px;
    text-align: center;
}

.cards-list .item .vertical-mid {
    max-width: 98%;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.cards-list .item .col-md-5 .vertical-mid {
    max-width: 290px;
}

.cards-list .item .cta-edit {
    color: #808080;
    font-size: 1.25rem;
}

    .cards-list .item .cta-edit:hover {
        text-decoration: none;
        color: #ed1c24;
    }

.cards-list .item h3 {
    font-size: 1.125rem;
    line-height: 1em;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #666;
}

.cards-list .item .amount {
    color: #ed1c24;
    font-size: 3rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}

.cards-list .item .btn1-red {
    display: inline-block;
    background: #ed1c24;
    border: 0;
    color: #fff;
    width: 220px;
    text-align: center;
    padding-top: 8px;
}

    .cards-list .item .btn1-red:hover {
        background: #d32634;
    }

.cards-list .item-due .warning {
    color: #ed1c24;
    position: relative;
    padding-bottom: 10px;
}

    .cards-list .item-due .warning:before {
        content: '';
        width: 42px;
        height: 42px;
        background: url(../img/icon_warning.png) 50% 50% no-repeat;
        position: absolute;
        left: -55px;
        top: 3px;
    }

.cards-list .item .util-links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 80px;
    background: rgba(255,255,255,.97);
    opacity: 0;
    text-align: left;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.cards-list .item-due .util-links {
    display: none;
}

.cards-list .item .col-md-5:hover .util-links {
    opacity: 1;
    left: 0;
}

.cards-list .item .util-links a {
    display: block;
    max-width: 270px;
    margin: 0 auto;
    font-size: 1.5rem;
    padding: 10px 0;
}

    .cards-list .item .util-links a:hover {
        text-decoration: none;
        color: #ed1c24;
    }

    .cards-list .item .util-links a .icon {
        display: inline-block;
        vertical-align: middle;
        height: 42px;
        width: 50px;
        padding: 0 15px 0 0;
    }

        .cards-list .item .util-links a .icon img {
            width: 100%;
        }

    .cards-list .item .util-links a em {
        display: inline-block;
        vertical-align: middle;
        font-style: normal;
    }

.cards-list .item .util-links em:hover {
    color: #333;
}


.dashboard-wrap {
    min-height: 500px;
    background: #f7f7f7;
    margin: 30px 0 120px;
}
/*100274*/
.service-menu {
    text-align: center;
    border: #e6e6e6 solid 1px;
    position: relative;
    /*margin: -60px 0 0;*/
    margin: 0;
    background: #fff;
}

    .service-menu > div + div {
        border-left: #e6e6e6 solid 1px;
    }

    .service-menu > div:hover {
        -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
    }

    .service-menu a {
        font-size: 1.5rem;
        color: #808080;
        display: block;
        padding: 20px 0;
    }

        .service-menu a:hover {
            text-decoration: none;
            color: #ed1c24;
        }

    .service-menu .icon {
        display: block;
        margin: 0 0 15px;
    }

        .service-menu .icon img {
            height: 32px;
        }

    .service-menu em {
        font-style: normal;
    }

    .service-menu .icon.desktop {
        display: block;
    }

    .service-menu .icon.mobile {
        display: none;
    }


.cards-list2-wrap {
    /*padding: 20px 0 0;
    margin-bottom: -50px;*/
}

.cards-list2 .item {
    font-size: 1.125rem;
    margin-bottom: 25px;
    overflow: hidden;
}

    .cards-list2 .item h2 {
        font-size: 1.875rem;
        color: #444;
        font-weight: 300;
        border: #d9d9d9 solid 1px;
        margin: 0;
        padding-left: 20px;
        padding-right: 10px;
        height: 100px;
        background: #f7f7f7;
    }

        .cards-list2 .item h2:before {
            content: '';
            width: 1px;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

        .cards-list2 .item h2 span {
            display: inline-block;
            vertical-align: middle;
            line-height: 1em;
            max-width: 98%;
        }

    .cards-list2 .item .item-body {
        background: #fff;
        border-left: #e6e6e6 solid 1px;
        border-right: #e6e6e6 solid 1px;
    }
    /*BUG :Bug 58086:*/
    .cards-list2 .item .item-foot {
        border: #d9d9d9 solid 1px;
        height: 85px;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 1.2em;
        background: #f7f7f7;
    }
        /*.cards-list2 .item .item-foot {position: absolute; left: 10px; right: 10px; bottom: 0;}*/
        .cards-list2 .item .item-foot:before {
            content: '';
            height: 100%;
            width: 1px;
            display: inline-block;
            vertical-align: middle;
        }

        .cards-list2 .item .item-foot p {
            display: inline-block;
            vertical-align: middle;
            max-width: 98%;
        }

    .cards-list2 .item a {
        color: #ed2939;
        text-decoration: underline;
    }

        .cards-list2 .item a:hover {
            text-decoration: underline;
            color: #333;
        }

.personal-detail {
    padding: 20px;
    font-size: 1.125rem;
    color: #808080;
    position: relative;
}

    .personal-detail h3 {
        margin: 0;
        padding: 10px 0;
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 300;
        color: #000;
    }

.cards-list2 .personal-detail .cta-edit {
    color: #808080;
    position: absolute;
    right: 30px;
    top: 35px;
    text-decoration: none;
}

.personal-detail textarea {
    width: 100%;
    height: 170px;
    padding: 5px;
    border: #f2f2f2 solid 1px;
    font-size: 1.1rem;
}

.cards-list2 .device-item {
    height: 300px;
    width: 50%;
    float: left;
    text-align: center;
}

    .cards-list2 .device-item + .device-item {
        border-left: #e6e6e6 solid 1px;
    }

    .cards-list2 .device-item:before {
        content: '';
        width: 1px;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .cards-list2 .device-item a {
        display: inline-block;
        vertical-align: middle;
        color: #333;
        text-decoration: none;
        cursor: default;
        text-decoration: none !important;
        max-width: 95%;
    }

        .cards-list2 .device-item a img {
            max-width: 100%;
        }

.device-item .icon {
    display: block;
    margin: 0 0 20px;
}

.device-item em {
    font-style: normal;
    text-decoration: none;
}

.cards-list2 .faq-list li {
    display: block;
    border-bottom: #e6e6e6 solid 1px;
    height: 95px;
    padding: 10px 20px;
    line-height: 1.2em;
}
.cards-list2 .faq-list.heightlist li {
    height: 88px;
}

    .cards-list2 .faq-list li:before {
        content: '';
        width: 1px;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .cards-list2 .faq-list li span {
        display: inline-block;
        vertical-align: middle;
        max-width: 98%;
    }

.drawer1 {
    background: #fff;
    border: #e6e6e6 solid 1px;
    margin: 20px 0 0;
    font-size: 1.125rem;
}

    .drawer1 h3, .drawer1 h2, .drawer1 .text-editor {
        margin: 0;
        padding: 0;
        font-size: 1.75rem;
        font-weight: 300;
    }

    .drawer1 .text-editor {
        width: 200px;
        text-align: right;
    }

    .drawer1 .feature-upgrade h3 em {
        font-size: .9rem;
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        line-height: 1.1em;
        font-style: normal;
        color: #000;
        margin: 0 0 0 10px;
    }

    .drawer1 > div {
        padding: 30px 30px;
        height: auto;
    }

    .drawer1 .col-md-7 {
        border-left: #e6e6e6 solid 1px;
    }

    .drawer1 > div:before {
        content: '';
        display: inline-block;
        vertical-align: top;
        width: 1px;
        height: 100%;
    }

    .drawer1 .vertical-mid {
        width: 98%;
        display: inline-block;
        vertical-align: top;
    }

        .drawer1 .vertical-mid p {
            margin-bottom: 5px;
        }

        .drawer1 .vertical-mid > span:first-child {
            padding: 14px 0 6px 0px;
            display: block;
        }

        .drawer1 .vertical-mid > span.box-image {
            padding: 0;
        }

    .drawer1 .feature-box {
        width: 55%;
    }

    .drawer1 .feautre-smartcode {
        width: 40%;
        text-align: right;
    }

        .drawer1 .feautre-smartcode .cta {
            padding: 18px 0 0;
            display: inline-block;
            cursor: pointer;
            /*color: #808080;
            border-bottom: 1px solid #808080;
            line-height: 1em;*/
            border-bottom: #ed1c24 dotted 1px;
            text-decoration: none;
        }

.drawer1-2 {
    background: none;
    padding: 0;
    border: 0;
    color: #555;
}

    .drawer1-2 > div {
        background: none;
        padding: 0;
        height: auto;
        position: relative;
    }

        .drawer1-2 > div:before {
            display: none;
        }

    .drawer1-2 .vertical-mid {
        width: 100%;
        height: 100%;
        background: #fff;
        border: #e6e6e6 solid 1px;
        border-right: 0;
        padding: 30px;
    }

    .drawer1-2 .col-md-4 {
    }

        .drawer1-2 .col-md-4 .vertical-mid { /*width: 95%;*/
            border-right: #e6e6e6 solid 1px;
        }

    .drawer1-2 .col-md-3 .vertical-mid {
        border-right: #e6e6e6 solid 1px;
    }

.bill-amount {
    display: block;
    padding: 0 0 40px;
}

    .bill-amount .amount {
        font-size: 2.25rem;
        font-weight: 400;
        display: block;
        color: #ed2939;
    }

.previous-bill .bill-amount .amount {
    color: #333;
}

.current-bill .btn1:not(.viewBillhistory) {
    font-size: 1rem;
    line-height: 1em;
    display: inline-block;
    background: #ed2939;
    color: #fff;
    background-image: none;
    margin-top: 15px;
    text-align: center;
    min-width: 220px;
    padding-left: 40px;
    padding-right: 40px;
}

.current-bill .btn1-red:hover {
    color: #fff;
    background: #c92331;
    border-color: #c92331;
}

.date-meter {
    position: absolute;
    width: 31%;
    height: 55%;
    border: #e6e6e6 solid 0px;
    top: 35px;
    right: 30px;
}

    .date-meter .days-left {
        display: block;
        width: 100%;
        background: #f7f7f7;
        min-height: 10%;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        color: #ed1c24;
        line-height: 1.1em;
    }

    .date-meter .days-left {
        display: table;
    }

    .date-meter:before {
        content: '';
        width: 1px;
        height: 100%;
        background: none;
        display: inline-block;
        vertical-align: middle;
    }

    .date-meter .days-left2 {
        display: inline-block;
        vertical-align: middle;
        width: 95%;
    }

        .date-meter .days-left2 .circles-text {
            font-size: 3rem;
            line-height: 1.5rem;
            text-align: center;
            position: absolute;
            top: 30%;
            width: 100%;
            color: #333333;
        }

            .date-meter .days-left2 .circles-text em {
                font-size: 1.3rem;
                display: inline-block;
                font-style: normal;
                width: 100%;
            }

    .date-meter .cell {
        display: table-cell;
        vertical-align: middle;
    }

    .date-meter strong {
        font-size: 2.25rem;
        font-weight: 500;
        display: block;
        line-height: 1em;
    }

    .date-meter span {
        font-size: .8rem;
        display: block;
    }

.due-date {
    display: block;
    width: 100%;
    float: left;
    min-height: 150px;
    position: relative;
    padding-bottom: 33px;
}

    .due-date .btn1 {
        position: absolute;
        bottom: 0;
    }

    .due-date .date {
        font-size: 2.25rem;
        font-weight: 400;
        display: block;
        margin-bottom: 20px;
    }

.previous-bill .btn1 {
    font-size: 1rem;
    line-height: 1em;
    display: inline-block;
    background-image: none;
    margin-top: 15px;
    text-align: center;
    min-width: 220px;
}

.credit h3 {
    font-size: 2.25rem;
    font-weight: 400;
    display: block;
}

.credit > div {
    position: relative;
}

.credit .credit-count {
    padding: 0 0 40px;
}

    .credit .credit-count .cta {
        position: absolute;
        right: 0;
        bottom: 50px;
        width: 34px;
        height: 34px;
        text-indent: -999em;
        background: url(../img/icon_plus_red.png) 50% 50% no-repeat;
    }

.dashboard-wrap .credit .credit-count .cta, #mybills .credit .credit-count .cta {
    bottom: inherit;
    top: 0;
}

.credit .credit-count .cta:hover {
    background-image: url(../img/icon_plus_dark.png);
}

.credit .coupon-count .cta {
    display: inline-block;
    padding-top: 10px;
    border-bottom: #ed1c24 dotted 1px;
}

    .credit .coupon-count .cta:hover {
        color: #333;
        text-decoration: none;
        border-color: #333;
    }

.exclusive-wrap {
    margin-top: -30px;
}

    .exclusive-wrap > .container > h2 {
        font-size: 2.25rem;
        font-weight: 300;
        text-align: center;
        margin: 0;
        padding: 0 0 25px;
    }

.tabs1 {
    text-align: center;
    font-size: 1.125rem;
}

    .tabs1 .item {
        display: inline-block;
    }

        .tabs1 .item a {
            color: #b2b2b2;
            display: inline-block;
            vertical-align: middle;
            padding: 0 15px;
        }

            .tabs1 .item.active a,
            .tabs1 .item a:hover {
                color: #DC121A;
                text-decoration: none;
            }

.tabs1-pane-wrap {
    padding: 30px 0 0;
}

.tabs1-pane {
    position: relative;
    margin-bottom: 50px;
    display: block;
    opacity: 1;
}

    .tabs1-pane.pane-active {
        display: block;
        opacity: 1;
    }

    .tabs1-pane .cta-viewall {
        position: absolute;
        right: 0;
        top: -55px;
        min-width: 160px;
        text-align: center;
    }

.pane-carousel .car-item {
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
    -webkit-transform: translateZ(0); /*webkit fix*/
    margin-right: 5px;
}

    .pane-carousel .car-item .meta {
        padding: 10px;
    }

    .pane-carousel .car-item .thumb a img {
        width: 100%;
    }

    .pane-carousel .car-item .cat {
        font-size: .8rem;
        text-transform: uppercase;
    }

    .pane-carousel .car-item h4 {
        margin: 0;
        padding: 0;
        line-height: 1em;
        font-size: 1.125rem;
        font-weight: 500;
    }

        .pane-carousel .car-item h4 a, .pane-carousel .car-item .cat a {
            color: #444;
        }

.tabs1-pane .owl-nav {
    position: static;
    top: 0;
    width: 100%;
}

    .tabs1-pane .owl-nav > div {
        z-index: 10;
        display: block;
        width: 50px;
        height: 100%;
        background: rgba(255,0,0,.7) 50% 50% no-repeat;
        text-indent: -999em;
        position: absolute;
        top: 0;
    }

        .tabs1-pane .owl-nav > div:hover {
            background-color: rgba(255,0,0,.9);
        }

    .tabs1-pane .owl-nav .owl-prev {
        left: 0;
        right: auto;
        background-image: url(../img/arrow_left_med_white.png);
    }

    .tabs1-pane .owl-nav .owl-next {
        left: auto;
        right: 0;
        background-image: url(../img/arrow_right_med_white.png);
    }

    .tabs1-pane .owl-nav .disabled {
        display: none;
    }


.osn-app-wrap {
    background: #f7f7f7;
    min-height: 200px;
    margin-top: 100px;
    padding: 30px 0;
    font-size: 1.125rem;
}

    .osn-app-wrap h2 {
        text-align: left;
        margin: 0;
        padding: 0;
        font-weight: 300;
        font-size: 2.25rem;
    }

    .osn-app-wrap p {
        line-height: 1.4em;
        max-width: 550px;
        color: #555;
    }

    .osn-app-wrap h3 {
        margin: 0 25px 0 0;
        padding: 10px 0 0;
        font-size: 2.25rem;
        font-weight: 300;
        color: #ed1c24;
        display: inline-block;
        vertical-align: middle;
    }

        .osn-app-wrap h3 em {
            display: block;
            font-size: 1rem;
            font-style: normal;
            color: #555;
            font-weight: 400;
        }

    .osn-app-wrap .appstore {
        display: inline-block;
        vertical-align: middle;
    }

.app-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}


.txt2-select {
    max-width: 300px;
    margin: 0 auto;
}

    .txt2-select .selectize-control.single .selectize-input {
        border: #ed1c24 solid 1px;
        border-radius: 20px;
        font-size: 1.2rem;
        color: #ed1c24;
        height: 40px;
        padding: 7px 40px 7px 30px;
        min-width: 250px;
    }

        .txt2-select .selectize-control.single .selectize-input:after {
            width: 15px;
            height: 15px;
            border: 0;
            background: url(../img/arrow_down_red.png) 50% 50% no-repeat;
            margin-top: -8px;
        }

        .txt2-select .selectize-control.single .selectize-input input::-webkit-input-placeholder {
            color: #ed1c24;
        }

        .txt2-select .selectize-control.single .selectize-input input {
            width: 100%;
            font-size: 1.2rem;
            color: #ed1c24;
            height: 25px;
        }

        .txt2-select .selectize-control.single .selectize-input .item {
            padding: 3px 8px;
        }

    .txt2-select .selectize-control.single .selectize-dropdown {
        top: -1px;
        padding-top: 0;
        box-shadow: none;
        border: 0;
    }

    .txt2-select .selectize-control.single .selectize-dropdown-content {
        border: #ed1c24 solid 1px;
        border-radius: 18px;
        font-size: 1.2rem;
    }

        .txt2-select .selectize-control.single .selectize-dropdown-content .option {
            padding: 10px 8px;
        }

.mob-dashboard {
    background: #fff;
    border: #e6e6e6 solid 1px;
    padding: 30px 25px;
    width: 100%;
}

    .mob-dashboard + .mob-dashboard {
        margin-top: 20px;
    }

    .mob-dashboard .icon {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        width: 40px;
        margin: 0 40px 0 0;
    }

        .mob-dashboard .icon img {
            width: 100%;
        }

    .mob-dashboard h3, .service-menu.mobile-dropdown h3 {
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.1em;
    }

        .mob-dashboard h3 > span, .service-menu.mobile-dropdown h3 > span {
            display: block;
            font-size: 1.1rem;
            font-weight: 300;
        }

.service-menu.mobile-dropdown h3 {
    color: #808080;
}

.service-menu.mobile-dropdown a {
    min-height: 85px;
}

.mob-dashboard .plus {
    float: right;
    width: 36px;
}

    .mob-dashboard .plus img {
        width: 100%;
    }

.mini-sitemap h5 a {
    color: #DC121A;
    margin: 0 15px;
    color: #ed2939;
}

    .mini-sitemap h5 a:first-child {
        margin-left: 0;
    }

    .mini-sitemap h5 a:last-child {
        margin-right: 0;
    }

    .mini-sitemap h5 a:hover {
        color: #fff;
        color: #ed2939;
        text-decoration: none;
    }

.mini-sitemap h5 span.stayconnect {
    color: #ed2939;
}

.text-editor {
    background: transparent;
    border: 0;
    width: 80%;
    display: none;
    font-size: 3rem;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 1.1em;
    margin-right: 25px;
    height: 60px;
    width: auto;
}

.cards-list .ui-sortable-handle {
    cursor: move;
}

.sign-in-wrap .forgot-link {
    font-size: 0.9rem;
}

.feature-box .cta, .feature-upgrade .cta {
    border-bottom: #ed1c24 dotted 1px;
    cursor: pointer;
    display: inline-block;
}

    .feature-box .cta:hover, .feature-upgrade .cta:hover {
        text-decoration: none;
    }


.txt3-select .selectize-dropdown {
    top: auto !important;
    bottom: 96%;
    padding-top: 40px;
    background: none;
    border: 0;
    border-radius: 15px;
}

.txt3-select .selectize-dropdown-content {
    background: #000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    ;
    color: #999;
    border: 0;
    border-radius: 15px;
    border-radius: 0;
    text-align: center;
    font-size: 1rem;
}

.txt3-select .selectize-dropdown .active {
    background: #222;
    color: #eee;
}

.txt3-select .selectize-control.single .selectize-input {
    position: relative;
    top: 3px;
    color: #888;
    z-index: 11;
    cursor: default;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 5px 30px 5px 8px;
}

.txt3-select .selectize-control.single .input-active {
    background: #000;
    border: 0;
    box-shadow: none;
}

.txt3-select .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    text-align: center;
}

    .txt3-select .selectize-control.single .selectize-input input {
        visibility: hidden !important;
        display: none !important;
    }

    .txt3-select .selectize-control.single .selectize-input .item {
        cursor: pointer;
    }

    .txt3-select .selectize-control.single .selectize-input:after {
        right: 8px;
    }

.txt3-select .selectize-input.dropdown-active::before {
    display: none;
}

.phonenumber .smartcode-input {
    padding: 0px;
}

    .phonenumber .smartcode-input .dob-wrap {
        padding: 0px;
    }

        .phonenumber .smartcode-input .dob-wrap .txt1-select {
            float: left;
            height: 57px;
            width: 95px;
        }

            .phonenumber .smartcode-input .dob-wrap .txt1-select .selectize-input {
                height: 47px;
                padding: 6px 15px;
                -webkit-border-radius: 0px;
                -webkit-border-top-left-radius: 4px;
                -webkit-border-bottom-left-radius: 4px;
                -moz-border-radius: 0px;
                -moz-border-radius-topleft: 4px;
                -moz-border-radius-bottomleft: 4px;
                border-radius: 0px;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
                border-right: 0px;
            }

            .phonenumber .smartcode-input .dob-wrap .txt1-select .selectize-dropdown {
                margin-top: 43px;
            }

        .phonenumber .smartcode-input .dob-wrap .txt1 {
            float: left;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

            .phonenumber .smartcode-input .dob-wrap .txt1 input {
                font-size: inherit;
                letter-spacing: inherit;
                margin: inherit;
            }

.location-wrap .cols {
    position: relative;
}

.location-wrap > span {
    display: block;
    padding: 0 0 5px;
}

.location-wrap .txt1-select {
    width: 95%;
    height: 50px;
    border-color: #bbb;
    display: inline-block;
}

    .location-wrap .txt1-select + .txt1-select {
        margin-left: 10px;
    }

    .location-wrap .txt1-select .selectize-input {
        height: 47px;
        box-shadow: none;
        border-color: #eee;
        text-align: left;
        padding: 13px 15px;
        font-size: 1.07rem;
    }

        .location-wrap .txt1-select .selectize-input:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,.3) url(../img/arrow_down_grey.png) right 10px top 60% no-repeat;
            border: 0;
        }

    .location-wrap .txt1-select .dropdown-active:after {
        background-image: url(../img/arrow_up_grey.png);
    }

    .location-wrap .txt1-select .selectize-dropdown {
        padding-top: 46px;
        border-radius: 5px;
    }

    .location-wrap .txt1-select .selectize-dropdown-content {
        border-radius: 5px;
    }

        .location-wrap .txt1-select .selectize-dropdown-content .option {
            text-align: left;
            padding-left: 15px;
        }

.location-wrap .cols {
    width: 47%;
    float: left;
}

.location-wrap .col2 {
    float: right;
}

.location-wrap .cols label {
    display: block;
    padding: 0 0 8px 15px;
    text-align: left;
}

.dob-wide-wrap {
}

    .dob-wide-wrap label {
        display: block;
        padding: 0 0 8px 15px;
        text-align: left;
    }

    .dob-wide-wrap .txt1-select {
        width: 95%;
        height: 50px;
        border-color: #bbb;
        display: inline-block;
    }

        .dob-wide-wrap .txt1-select + .txt1-select {
            margin-left: 10px;
        }

        .dob-wide-wrap .txt1-select .selectize-input {
            height: 47px;
            box-shadow: none;
            border-color: #eee;
            text-align: left;
            padding: 12px 15px;
            font-size: 1.07rem;
        }

            .dob-wide-wrap .txt1-select .selectize-input:after {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(255,255,255,.3) url(../img/arrow_down_grey.png) right 10px top 60% no-repeat;
                border: 0;
            }

        .dob-wide-wrap .txt1-select .dropdown-active:after {
            background-image: url(../img/arrow_up_grey.png);
        }

        .dob-wide-wrap .txt1-select .selectize-dropdown {
            padding-top: 47px;
        }

        .dob-wide-wrap .txt1-select .selectize-dropdown-content .option {
            text-align: left;
            padding-left: 13px;
        }

    .dob-wide-wrap .cols {
        float: left;
    }

    .dob-wide-wrap .col1 {
        width: 200px;
    }

    .dob-wide-wrap .col2 {
        width: 135px;
        margin-left: 20px;
    }

    .dob-wide-wrap .col3 {
        width: 170px;
        margin-left: 20px;
    }

.gender-select input[type=radio] {
    display: none;
}

    .gender-select input[type=radio] + label {
        width: 50%;
        display: inline-block;
        margin: -2px;
        padding: 10px 15px;
        margin-bottom: 0;
        margin-top: 0;
        color: #333;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #fff;
        background-repeat: repeat-x;
        border: 1px solid #e6e6e6;
    }

    .gender-select input[type=radio]:checked + label {
        outline: 0;
        background-color: #fff;
        border: 1px solid #ed2939;
        color: #ed2939;
        background: url(../img/ok.png) no-repeat right center #fff;
    }

.gender-select .male {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.gender-select .female {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.gender-select .male:before {
    content: "";
    background: url(../img/male-black.png);
    width: 17px;
    height: 16px;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.gender-select input[type=radio]:checked + label.male:before {
    content: "";
    background: url(../img/male-red.png);
}

.gender-select .female:before {
    content: "";
    background: url(../img/female-black.png);
    width: 14px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.gender-select input[type=radio]:checked + label.female:before {
    content: "";
    background: url(../img/female-red.png);
}

.inner-space {
    padding-left: 25px;
    margin-bottom: 60px;
    float: left;
    width: 100%;
}
/*.apply-promo {position:relative; margin-top:25px; float:left; width:100%;}*/
.apply-promo .apply-btn {
    height: 55px;
    background: #ed2939;
    padding: 12px 18px;
    border-radius: 4px;
    border: 0px;
    right: 0px;
    position: absolute;
    top: 0px;
    color: #fff;
    min-width: 110px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

    .apply-promo .apply-btn:focus, .apply-promo .apply-btn:hover {
        background: #808080;
    }

.promopage .list-group {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    max-width: 98%;
    margin-top: 10px;
}

    .promopage .list-group li {
        border: 1px solid #e6e6e6;
        background: #fff;
        border-radius: 4px;
        float: left;
        width: 100%;
        margin-top: 10px;
    }

        .promopage .list-group li span {
            padding: 15px;
            float: left;
            font-size: 1.07rem;
            padding-right: 0;
            width: 77.5%;
            color: #000;
        }

            .promopage .list-group li span:before {
                width: 20px;
                height: 20px;
                content: "";
                background: url(../img/checked.png);
                float: right;
                margin-right: 15px;
                margin-top: 3px;
            }

        .promopage .list-group li button.remove-item {
            background: #fff;
            float: right;
            border: 0px;
            border-left: 1px solid #e6e6e6;
            padding: 16px 22px;
            margin-right: 0px;
            font-size: 1.07rem;
            width: 110px;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

            .promopage .list-group li button.remove-item:hover {
                background: #ed2939;
                color: #fff;
            }

.promopage .smartcode-input {
    margin-bottom: 25px;
}

.promopage .list-group li input {
    border: 0;
    width: 70%;
    margin: 17px 0 0 20px;
    color: #000;
}

.location-wrap .error-msg, .dob-wide-wrap .error-msg {
    margin-right: 15px;
}

.form1-register fieldset .error-msg {
    display: none;
}

.form1 .txt1 .error-msg {
    display: none;
}

.form1-register .error .error-msg {
    display: block;
    bottom: -22px;
    color: #ed1c24;
    font-size: 0.85rem;
    right: 0px;
    left: auto !important;
    position: absolute;
    display: block;
}

.error .txt1-select .selectize-input {
    border-color: #ed1c24 !important;
}

.tnc-confirm .error-msg {
    display: none;
}

.tnc-confirm .error-msg {
    color: #ed1c24;
    font-size: 0.85rem;
    width: 100%;
}

.form1 input.valid-code {
    background: url(../img/checked.png) no-repeat 97% 50%;
}

.red-band {
    position: relative;
    z-index: 100;
}

.modify-block {
    position: relative;
    display: none;
    background: #f7f7f7;
    width: 100%;
    left: 0;
    z-index: 240;
}

.red-band .modify-text {
    display: none;
}

.popup-active {
    z-index: 210;
}

    .popup-active .modify-text {
        display: block;
        font-size: 1.125rem;
    }

    .popup-active a, .red-band .notice a {
        color: #fff;
        cursor: pointer;
        text-decoration: underline;
    }

    .popup-active .notice {
        display: none;
    }

.red-band .modify-block .offwhite {
    color: #444;
}

.red-band input.valid-code {
    background: url(../img/checked.png) no-repeat 97% 50%;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.4;
    top: 0;
    left: 0;
    z-index: 209;
}

.register-wrap .selectize-dropdown {
    padding-top: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.register-wrap .selectize-dropdown-content {
    text-align: left;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* my payment styles */
.content-payments .container, .header-button-wrap .container {
    position: relative;
}

.content-payments .content-wrap {
    min-height: 100%;
}

.content-payments .service-menu {
    margin-top: 0;
}

.content-payments > .container > .btn1-red, .header-button-wrap > .container > .btn1-red {
    background-image: none;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    right: 10px;
    top: 12px;
}

.nav-tabs {
    width: 100%;
    display: block;
    background: #f7f7f7;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100;
}

    .nav-tabs li:first-child {
        border-left: 1px solid #e6e6e6;
    }

    .nav-tabs li {
        list-style: none;
        margin: 0;
        padding: 35px;
        border-right: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
    }

        .nav-tabs li:first-child.active {
            border-left: 1px solid #e6e6e6;
        }

        .nav-tabs li.active {
            background: #f7f7f7;
            border-top: 2px solid #ec2939;
            border-right: 1px solid #e6e6e6;
            border-left: 1px solid #e6e6e6;
            padding-top: 34px;
            border-left: 0;
        }

.tabs-wrap {
    margin-top: 60px;
}

.content-payments .tabs-content-wrap {
    background: #f7f7f7;
    min-height: 400px;
    border-top: 1px solid #e6e6e6;
    margin-top: -2px;
    position: relative;
}

.nav-tabs li a {
    font-size: 1.45rem;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #4d4c4c;
}

.content-payments .tab-background {
    position: absolute;
    background: #f7f7f7;
    min-height: 450px;
    width: 100%;
    left: 0;
    top: 0;
}

.tab-pane > div {
    padding: 0;
}

.content-payments .tab-content {
    margin-top: 35px;
}

.content-payments .date-meter {
    /*top: -35px;*/
    top: 0;
    right: 8px;
    width: 33%;
}

    .content-payments .date-meter .days-left2 .circles-text {
        font-size: 2rem;
    }

        .content-payments .date-meter .days-left2 .circles-text em {
            font-size: 0.7rem;
        }

    .content-payments .date-meter .days-left2 {
        width: 79%;
    }

.content-payments .drawer1-2 .col-md-4 .vertical-mid {
    width: 100%;
    border-right: 0;
    position: relative;
}

    .content-payments .drawer1-2 .col-md-4 .vertical-mid.previous-bill {
        border-right: 1px solid #e6e6e6;
    }

.content-payments .drawer1-2 .col-md-4 {
    width: 36.61%;
}

.content-payments .drawer1-2 .col-md-3 {
    float: right;
}

.content-payments .bill-amount, .content-payments .credit-count {
    padding-bottom: 40px;
    line-height: 2.39rem;
}

    .content-payments .bill-amount .amount, .content-payments .due-date .date, .content-payments .credit h3 {
        font-size: 1.7rem;
    }

.content-payments .drawer1-2 .col-md-4 .vertical-mid.previous-bill .bill-amount {
    width: 50%;
    float: left;
}

    .content-payments .drawer1-2 .col-md-4 .vertical-mid.previous-bill .bill-amount.pull-right {
        width: 43%;
        float: right;
    }

.content-payments .due-date .date, .content-payments .credit h3 {
    color: #333;
}

.content-payments .drawer1-2 > div {
    margin-bottom: 0;
}

.content-payments .due-date, .content-payments .coupon-count {
    line-height: 2.5rem;
}

.content-payments .credit .credit-count .cta {
    bottom: 40px;
}

.content-payments .coupon-count .btn1 {
    background-image: none;
    display: inline-block;
    font-size: 1rem;
    line-height: 1em;
    margin-top: 15px;
    min-width: 220px;
    text-align: center;
    padding:10px;
}

.coupon-count h3 {
    margin-bottom: 20px;
}
.subscription-account-details {
    width: 100%;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    float: left;
    font-size: 1.15rem;
    color: #333;
}
    .subscription-account-details > div {
        padding: 20px 30px;
    }
    .package-details {
        width: 100%;
        margin-top: 20px;
        background: #fff;
        border: 1px solid #e1e1e1;
        border-right: 0;
        float: left;
    }

    .package-details > div {
        padding: 40px 30px;
        border-right: 1px solid #e1e1e1;
    }

.package-details {
    font-size: 1.15rem;
    color: #333;
}

.content-payments .align-left {
    float: left;
}

.content-payments .align-right {
    float: right;
}

.package-details .highlight-text a, .package-details .highlight-text {
    color: #ee3645;
}

    .package-details .highlight-text a, .package-details .highlight-text strong {
        font-weight: 500;
    }

.package-details .plus-icon:after {
    content: "+";
    font-size: 1.8rem;
    position: absolute;
    margin-top: -8px;
    display: inline-block;
    margin-left: 10px;
}

.package-details .plus-icon.active:after {
    content: "-";
    font-size: 1.8rem;
    position: absolute;
    margin-top: -10px;
    display: inline-block;
    margin-left: 10px;
}

.package-details .add-on-list {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 75px;
    left: 0;
    padding: 0 30px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 100.5%;
    border-top: 0;
    margin-left: -1px;
    display: none;
    z-index: 10;
}

    .package-details .add-on-list li {
        list-style: none;
        background: #fff;
        padding: 0 0 5px;
    }

        .package-details .add-on-list li span strong {
            font-weight: 400;
        }

        .package-details .add-on-list li span.align-right {
            margin-right: 12px;
        }

.summary-header {
    border: 1px solid #e1e1e1;
    padding: 20px 30px;
    width: 100%;
    float: left;
    border-bottom: 0;
    display: block;
}

.bill-summary {
    margin-top: 20px;
    float: left;
    width: 100%;
    background: #fff;
}

.mobile-view {
    display: none;
}

.desktop-view {
    display: block;
}

.bill-details table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e6e6e6;
    background: #fff;
}

    .bill-details table th, .bill-details table td {
        border: 1px solid #e6e6e6;
        padding: 15px 30px;
        text-align: left;
        border-right: 0;
        border-left: 0;
    }

    .bill-details table td {
        border-right: 0;
        border-left: 0;
    }

    .bill-details table th span {
        padding-right: 25px;
    }

th.header span {
    background-image: url(../img/bg.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    font-size: 0.95rem;
}

th.headerSortUp span {
    background-image: url(../img/asc.gif);
}

th.headerSortDown span {
    background-image: url(../img/desc.gif);
}

.highlight-red {
    color: #ee3645;
}

.highlight-green {
    color: #05914a;
}

/*date-picker override */
#ui-datepicker-div {
    background: #ed2939;
    color: #fff;
    border-radius: 5px;
    width: 25em;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    font-weight: bold;
}

.ui-datepicker td {
    color: #fff;
    text-align: center;
}

    .ui-datepicker td span, .ui-datepicker td a {
        color: #fff;
        text-align: center;
        padding: 1em;
    }

    .ui-datepicker td.ui-datepicker-today a {
        border: 1px solid #fff;
        border-radius: 4px;
    }

.ui-datepicker .ui-datepicker-prev:after {
    content: "<";
    font-size: 1.8rem;
    position: absolute;
    margin-top: -10px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
}

.ui-datepicker .ui-datepicker-next:after {
    content: ">";
    font-size: 1.8rem;
    position: absolute;
    margin-top: -10px;
    display: inline-block;
    margin-left: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
}

.summary-header .date-pick {
    background: #fff url(../img/calendar_icon.gif) no-repeat 10px 50%;
    padding-left: 30px;
    border: 1px solid #e6e6e6;
    padding: 10px 20px 10px 50px;
    border-radius: 5px;
    margin-right: 20px;
    width: 160px;
}

    .summary-header .date-pick#toDate {
        margin-right: 0px;
    }

.summary-header span {
    padding: 0 20px 0 0px;
}


.summary-header input[type=radio] {
    display: none;
}

    .summary-header input[type=radio] + label {
        width: 33%;
        display: inline-block;
        margin: -3px;
        padding: 5px 10px;
        margin-bottom: 0;
        margin-top: 0;
        color: #b2b2b2;
        /*text-shadow: 0 1px 1px #d9d9d9;*/
        vertical-align: middle;
        cursor: pointer;
        background-color: #fff;
        background-repeat: repeat-x;
        border: 1px solid #d9d9d9;
        text-align: center;
        background: #f8f8f8;
    }

    .summary-header input[type=radio]:checked + label {
        outline: 0;
        background-color: #fff;
        border: 1px solid #ed2939;
        color: #ed2939;
        position: relative;
    }

.radio-group {
    width: 40%;
    text-align: right;
    margin-top: 6px;
}

.content-payments .cta-text {
    font-size: 1.7rem;
    text-align: center;
    font-weight: 400;
    padding: 100px 0 100px;
    float: left;
    width: 100%;
    text-align: center;
}

    .content-payments .cta-text h3 {
        font-weight: 200;
        color: #333;
        width: 77%;
        text-align: center;
        margin: 0 auto;
    }

        .content-payments .cta-text h3 a {
            font-weight: 400;
            color: #333;
            text-decoration: underline;
        }

            .content-payments .cta-text h3 a:hover {
                color: #ed2939;
            }

.service-menu a.active {
    color: #ed2939;
}

.current-balance-wrap {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 99.8%;
    display: none;
}

    .current-balance-wrap > div {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
    }

        .current-balance-wrap > div h3 {
            font-size: 1.6rem;
            color: #05914a;
            font-weight: 400;
        }

/*tab-2*/

.iteniary {
    width: 100%;
    height: 100%;
    background: #fff;
    border: #e6e6e6 solid 1px;
    padding: 35px;
    margin-bottom: 35px;
}

.iteniary-header {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 35px;
    margin-bottom: 35px;
}

    .iteniary-header input[type=radio] {
        display: none;
    }

        .iteniary-header input[type=radio] + label {
            width: 22%;
            display: inline-block;
            padding: 5px 10px;
            margin-bottom: 0;
            margin-top: 0;
            color: #b2b2b2;
            /*text-shadow: 0 1px 1px #d9d9d9;*/
            vertical-align: middle;
            cursor: pointer;
            background-color: #fff;
            background-repeat: repeat-x;
            border: 1px solid #d9d9d9;
            text-align: center;
            background: #f8f8f8;
            margin: -3px;
            position: relative;
            white-space: nowrap;
        }

        .iteniary-header input[type=radio]:checked + label {
            outline: 0;
            background-color: #fff;
            border: 1px solid #ed2939;
            color: #ed2939;
            position: relative;
            z-index: 100;
        }

.iteniary-content {
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
}

.iteniary-header .radio-group {
    text-align: left;
    width: 100%;
}

.iteniary-footer .package-list, .iteniary-content .package-list {
    margin: 0;
    padding: 0;
}

    .iteniary-content .package-list li, .iteniary-footer .package-list li {
        list-style: none;
        padding: 0 0 35px;
        color: #333;
    }

        .iteniary-content .package-list li span, .iteniary-footer .package-list li span {
            font-size: 1.1rem;
            font-weight: 200;
        }

        .iteniary-content .package-list li h3, .iteniary-footer .package-list li h3 {
            font-size: 2rem;
            font-weight: 400;
            margin: 0;
        }

        .iteniary-footer .package-list li h3 {
            color: #ed2939;
        }

.iteniary-footer {
    border-top: 1px solid #e6e6e6;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    padding-top: 35px;
}

    .iteniary-footer > div {
        padding: 0;
    }

    .iteniary-footer .package-list li {
        margin: 0;
        padding: 0;
    }

    .iteniary-footer .btn1 {
        font-size: 1rem;
        line-height: 1.1rem;
        display: inline-block;
        background: #ed2939;
        color: #fff;
        background-image: none;
        margin-top: 25px;
        border: 0;
        text-align: center;
        min-width: 180px;
    }

        .iteniary-footer .btn1:hover {
            color: #fff;
            background: #c92331;
            border-color: #c92331;
        }

.credit-cards {
    width: 100%;
    height: 100%;
    background: #fff;
    border: #e6e6e6 solid 1px;
    padding: 30px 20px;
    margin-left: 0;
}

    .credit-cards h3 {
        color: #000;
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
        padding: 0;
        padding-bottom: 65px;
        position: relative;
        padding-right: 32px;
    }

    .credit-cards .action {
        text-align: right;
        padding: 0 0 20px;
    }

        .credit-cards .action a {
            color: #000;
            border-right: 1px solid #c2c2c2;
            padding: 0 10px;
        }

            .credit-cards .action a:last-child {
                border: 0;
                padding-right: 0;
            }

.credit-card-details {
    border: 1px solid #e6e6e6;
    background: #f7f7f7;
    border-radius: 10px;
    min-height: 150px;
    position: relative;
    padding: 17px;
    margin-bottom: 20px;
}

.card-no-status {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    left: 17px;
    top: 17px;
}

.credit-card-details .card-icon {
    position: absolute;
    display: block;
    width: 42px;
    right: 17px;
    height: 25px;
    top: 17px;
}

.card-no {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    font-size: 1.3rem;
}

    .card-no span {
        padding-right: 20px;
    }

.card-name, .card-date {
    color: #b2b2b2;
    display: inline-block;
    padding: 5px 0 0px;
    width: 100%;
    font-size: 1rem;
}

.use-new-card {
    text-align: center;
    color: #b2b2b2;
    font-size: 0.9rem;
}

    .use-new-card a {
        background: #fff url(../img/icon_plus_red2.png) no-repeat 0px 7px;
        display: inline-block;
        padding: 5px 0 10px 45px;
        margin-top: 20px;
        font-size: 1.35rem;
    }

        .use-new-card a:hover {
            background: #fff url(../img/icon_plus_dark2.png) no-repeat 0px 7px;
        }

.add-card-block {
    top: 0;
    background: #fff;
    min-height: 400px;
    padding-top: 0px;
    display: none;
}

.card-no-txt {
}

.credit-cards .add-card-block h3 {
    padding-bottom: 35px;
}

.credit-cards .add-card-block label {
    font-size: 1.2rem;
    display: block;
}

.credit-cards .add-card-block .close-btn {
    background: #fff url(../img/icon_close_btn.png) no-repeat 0px 0px;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 35px;
    top: 35px;
    cursor: pointer;
}

    .credit-cards .add-card-block .close-btn:hover {
        background: #fff url(../img/icon_close_btn_hover.png) no-repeat 0px 0px;
    }

.credit-cards .add-card-block .card-expiry-date {
    border: 0;
    padding: 10px 0;
    font-size: 1.2rem;
    width: 50%;
    border-bottom: 1px solid #e6e6e6;
}

.credit-cards .add-card-block .card-cvv-txt {
    border: 0;
    padding: 10px 0;
    font-size: 1.2rem;
    width: 50%;
    border-bottom: 1px solid #e6e6e6;
}

.credit-cards .add-card-block fieldset {
    margin-bottom: 20px;
    position: relative;
}

.credit-cards .add-card-block .cvv-block label {
    background: #fff url(../img/ccv_icon.png) no-repeat 0px 5px;
    display: inline-block;
    padding-left: 50px;
    padding-top: 5px;
}

.credit-cards .add-card-block .cvv-block a {
    position: absolute;
    right: 10px;
    background: #fff url(../img/icon_help.png) no-repeat 0px 0px;
    display: block;
    width: 22px;
    height: 22px;
    text-indent: -1000em;
    top: 5px;
}

.credit-cards .add-card-block .row {
    padding: 0 10px;
}

.credit-cards .add-card-block .action {
    text-align: center;
}

.credit-cards .add-card-block fieldset.last-item {
    margin-bottom: 0;
}

#cardtype {
    margin: 0 0 20px 10px;
    font-size: 1.2rem;
    color: #000;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 12px;
    width: 93%;
    float: left;
}

    #cardtype .card-icon {
        border: 1px solid #e6e6e6;
        padding: 10px;
        border-radius: 5px;
        padding: 10px;
        display: inline-block;
        width: 58px;
        height: 28px;
        float: left;
        margin-right: 10px;
        max-width: 21%;
    }

    #cardtype.mastercard .card-icon {
        background: #f7f7f7 url(../img/icon-mastercard.png) no-repeat 50% 50%;
    }

    #cardtype.amex .card-icon {
        background: #f7f7f7 url(../img/icon-american-express.png) no-repeat 50% 50%;
    }

    #cardtype.visa .card-icon {
        background: #f7f7f7 url(../img/icon-visa.png) no-repeat 50% 50%;
    }

    #cardtype.diners_club_international .card-icon {
        background: #f7f7f7 url(../img/icon-dyners-club.png) no-repeat 50% 50%;
    }


    #cardtype .card-icon.mastercard {
        background: #f7f7f7 url(../img/icon-mastercard.png) no-repeat 50% 50%;
    }

    #cardtype .card-icon.am-ex {
        background: #f7f7f7 url(../img/icon-american-express.png) no-repeat 50% 50%;
    }

    #cardtype .card-icon.visa {
        background: #f7f7f7 url(../img/icon-visa.png) no-repeat 50% 50%;
    }

    #cardtype .card-icon.dyn-club {
        background: #f7f7f7 url(../img/icon-dyners-club.png) no-repeat 50% 50%;
    }

    #cardtype.mastercard .card-icon.mastercard,
    #cardtype.amex .card-icon.am-ex,
    #cardtype.visa .card-icon.visa,
    #cardtype.diners_club_international .card-icon.dyn-club {
        border: 1px solid #ed2939;
    }

    #cardtype .card-label {
        text-transform: capitalize;
    }

.credit-cards .add-card-block input[type=checkbox] {
    display: none;
}

    .credit-cards .add-card-block input[type=checkbox] + label {
        width: 95%;
        display: inline-block;
        padding: 5px 10px;
        margin-bottom: 0;
        margin-top: 0;
        color: #000;
        padding-left: 30px;
        /*text-shadow: 0 1px 1px #d9d9d9;*/
        vertical-align: middle;
        cursor: pointer;
        background: #fff url(../img/icon_unchecked.png) no-repeat 0px 50%;
    }

    .credit-cards .add-card-block input[type=checkbox]:checked + label {
        outline: 0;
        background: #fff url(../img/icon_checked2.png) no-repeat 0px 50%;
    }

.credit-cards .add-card-block p {
    color: #b2b2b2;
    text-align: left;
    margin: 10px 0 0;
    font-size: 0.875rem;
}

.credit {
    display: none;
}

.credit-cell {
    width: 24%;
    height: 36px;
    padding: 10px 0px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: none;
    outline: none;
    text-align: left;
    letter-spacing: 3px;
}

.credit-input {
    display: block;
    width: 100%;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #e6e6e6;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.credit-cards .add-card-block .action .btn1 {
    font-size: 1rem;
    line-height: 2em;
    display: inline-block;
    background: #ed2939;
    color: #fff;
    background-image: none;
    margin-top: 25px;
    border: 0;
    text-align: center;
    min-width: 180px;
}

    .credit-cards .add-card-block .action .btn1:hover {
        color: #fff;
        background: #c92331;
        border-color: #c92331;
    }

    .credit-cards .add-card-block .action .btn1.disabled, .credit-cards .add-card-block .action .btn1.disabled:hover {
        color: #fff;
        background: #dadada;
        border-color: #dadada;
        cursor: default;
    }

.c-focus {
    outline: 0;
}

.popup-confirm-card, .popup-add-ons-popups {
    display: none;
    z-index: 305;
    display: none;
    position: fixed;
    background: #fff;
    padding: 30px;
    width: 575px;
    min-width: 550px;
    text-align: center;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    -moz-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
}

.popup-confirm-card, .popup-add-ons-popups {
    width: 650px;
}

    .popup-confirm-card .credit-card-details {
        width: 310px;
        min-height: 125px;
        text-align: left;
        margin: 0 auto;
        margin-top: -90px;
    }

    .popup-confirm-card h3 {
        font-size: 2rem;
        font-weight: 200;
        color: #000;
        padding: 30px 0 30px;
        margin: 0 auto 30px;
        border-bottom: 1px solid #e6e6e6;
        width: 70%;
    }

#workorderDatetimePopup h3, #workorderSuccess h3 {
    border-bottom: none !important;
    width: 100% !important;
}

#workorderDatetimePopup .simplePopupClose, #workorderSuccess .simplePopupClose {
    float: right;
    font-size: 0px;
}

#workorderDatetimePopup .remote-work-order-success-message-heading {
    margin: 20px 0px 0px;
    font-weight: bold;
}

#workorderDatetimePopup .btn-primary {
    background-color: #ed2939;
    border: none;
    color: #fff;
}

#workorderDatetimePopup .remote-work-order-success-message {
    margin: 30px auto 0px;
    max-width: 297px;
    text-align: center;
}

/*.popup-confirm-card span {
        display: inline-block;
        font-size: 1rem;
    }*/

.popup-confirm-card span.amnt-label {
    top: -5px;
    position: relative;
    margin-right: 20px;
}

.popup-confirm-card span.amnt-value {
    font-size: 2.2rem;
    font-weight: 400;
}

.popup-confirm-card .payment-amount {
    width: 100%;
    padding-bottom: 0px;
}

.popup-confirm-card .action {
    margin-top: 0px;
}

.popup-confirm-success, .popup-confirm-error {
    display: none;
    z-index: 305;
    display: none;
    position: fixed;
    background: #fff;
    padding: 30px;
    width: 550px;
    min-width: 550px;
    text-align: center;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    -moz-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
}

.popup-confirm-card .action .btn1 {
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    background: #ed2939;
    color: #fff;
    background-image: none;
    margin-top: 25px;
    border: 0;
    text-align: center;
    min-width: 155px;
}

.popup-confirm-card .action .btn-white {
    border: 1px solid #ed2939;
    color: #ed2939;
    background: #fff;
    margin-right: 30px;
}

.popup-confirm-card .action .btn1:hover {
    color: #fff;
    background: #c92331;
    border-color: #c92331;
}


.popup-confirm-success .simplePopupClose, .popup-confirm-error .simplePopupClose {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #fff url(../img/popup-close.png) no-repeat 0px 50%;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -1000em;
    cursor: pointer;
}

.popup-confirm-success h3, .popup-confirm-error h3 {
    font-size: 1.8rem;
    font-weight: 200;
    color: #000;
    margin-top: 0;
}

.popup-confirm-success p, .popup-confirm-error p {
    font-size: 1.2rem;
    font-weight: 200;
    color: #000;
    width: 100%;
    margin: 0 auto;
}

.simplePopupBackground {
    display: none;
    background: #fff;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 300;
}

.iteniary-content .payment-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 92%;
    text-align: center;
}

    .iteniary-content .payment-info h4 {
        font-size: 1.5rem;
        font-weight: 200;
        width: 70%;
        margin: 0 auto;
        color: #000;
        padding: 0 0 30px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 30px;
    }

    .iteniary-content .payment-info p {
        font-size: 1.5rem;
        font-weight: 400;
        color: #000;
    }

        .iteniary-content .payment-info p span {
            color: #ed1c24;
        }

.credit-cards .overlay {
    display: none;
}

.credit-cards.disabled {
    position: relative;
}

    .credit-cards.disabled .overlay {
        display: block;
        background: #fff;
        opacity: 0.7;
    }

/*OSN Box Office tab */
.iteniary-content h4 {
    font-weight: 200;
    font-size: 1.3rem;
    margin: 0;
}

.iteniary-content fieldset {
    /*margin-top: 117px;
    margin-bottom: 117px;*/
}

    .iteniary-content fieldset label {
        font-size: 2rem;
        margin-right: 30px;
        float: left;
        color: #333;
    }

    .iteniary-content fieldset .text-box-block {
        border-bottom: 1px solid #e6e6e6;
        float: left;
        padding-bottom: 10px;
    }

        .iteniary-content fieldset .text-box-block label {
            font-size: 1.5rem;
            color: #dbdbdb;
            display: inline-block;
            margin-top: 10px;
            margin-left: 15px;
            margin-right: 5px;
            text-align: right;
        }

        .iteniary-content fieldset .text-box-block input {
            margin-top: 10px;
            border: 0;
            font-size: 1.4rem;
            color: #000;
            max-width: 70px;
            text-align: center;
        }

            .iteniary-content fieldset .text-box-block input::-webkit-input-placeholder { /* Chrome */
                color: #dbdbdb;
            }

            .iteniary-content fieldset .text-box-block input:-ms-input-placeholder { /* IE 10+ */
                color: #dbdbdb;
            }

            .iteniary-content fieldset .text-box-block input::-moz-placeholder { /* Firefox 19+ */
                color: #dbdbdb;
                opacity: 1;
            }

            .iteniary-content fieldset .text-box-block input:-moz-placeholder { /* Firefox 4 - 18 */
                color: #dbdbdb;
                opacity: 1;
            }

.iteniary-footer .total-credit li h3 {
    font-size: 2rem;
    color: #333;
}

.iteniary-footer .btn1.disabled {
    color: #fff;
    background: #dadada;
    border-color: #dadada;
    cursor: default;
}

.popup-confirm-success .action .btn1, .popup-confirm-error .action .btn1 {
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    background: #ed2939;
    color: #fff;
    background-image: none;
    margin-top: 25px;
    border: 0;
    text-align: center;
    min-width: 155px;
}

.popup-confirm-success .action .btn-white, .popup-confirm-error .action .btn-white {
    border: 1px solid #ed2939;
    color: #ed2939;
    background: #fff;
    margin-right: 30px;
    padding-top: 7px;
}

.popup-confirm-success p span, .popup-confirm-error p span {
    font-size: 2rem;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.popup-confirm-success .action .btn1:hover, .popup-confirm-error .action .btn1:hover {
    color: #fff;
    background: #c92331;
    border-color: #c92331;
}

.hide-close-btn .simplePopupClose {
    display: none;
}

.cvv-block .hint {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    border: #000 solid 1px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #000;
    position: relative;
    font-weight: 500;
    left: 10px;
}

.iteniary-content .col-md-4 .package-list li {
    text-align: right;
}

.iteniary-content .col-md-4 .package-list span {
    width: 100%;
    display: inline-block;
    text-align: left;
}

.service-menu .col-md-2 {
    /*width: 14.285714285714285714285714285714%;*/
    width: 12.5%;
}

.user-creds {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    margin-top: 20px;
    background: #fff;
    padding: 40px 30px;
    font-size: 18px;
}

    .user-creds .hint {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        border: #5a5a5a solid 1px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        color: #5a5a5a;
        position: relative;
        font-weight: 500;
        left: 10px;
    }

    .user-creds span.osn-id-label {
        padding-right: 20px;
    }

    .user-creds span.osn-id {
        color: #ee3645;
    }

.text-right {
    text-align: right;
}
/*Bug - 157679 :Responsive account page-1. Error text alignment start*/
.user-creds fieldset span, .user-creds fieldset label {
    padding-right: 20px;
    display: inline-block;
    padding-top: 0px;
    color: #4d4d4d;
}
/*Bug - 157679 :Responsive account page-1. Error text alignment end*/

.password-reset .form1 .txt1 input {
    padding-left: 36px;
    font-size: 15px;
    border: 1px solid #ccc;
}
/*Bug - 157679 :Responsive account page-1. Error text alignment start*/
.lock-icon-input {
    position: absolute;
    left: 7px;
    top: 7px;
}
/*Bug - 157679 :Responsive account page-1. Error text alignment start*/

.user-creds fieldset span.value {
    position: relative;
    bottom: -3px;
    margin-right: 30px;
}

.user-creds fieldset a {
    text-decoration: underline;
    font-size: 1.2rem;
    font-weight: 200;
}

.user-detail {
    background: #fff;
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 30px 0;
    padding-bottom: 0;
    margin-bottom: 50px;
}

.user-info {
    margin-top: 20px;
}

.user-detail h2 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 200;
    color: #000;
    position: relative;
    margin-bottom: 40px;
    margin: 0 30px 40px;
}

    .user-detail h2 a {
        position: absolute;
        text-decoration: underline;
        right: 0;
        font-size: 1.2rem;
        font-weight: 200;
    }

.user-detail fieldset {
    width: 100%;
    margin-bottom: 39px;
    font-size: 1.2rem;
    padding: 0 30px;
}

.user-info .col-md-6:last-child .user-detail .form1 fieldset {
    padding: 0px 0px 0px 30px;
}

.user-info .col-md-6:last-child .user-detail .form1 .edit-data {
    margin-left: -25px;
}

    .user-info .col-md-6:last-child .user-detail .form1 .edit-data .txt1 {
        max-width: 94%;
    }

.user-detail fieldset label {
    color: #333333;
    display: inline-block;
    width: 42%;
    padding-right: 3%;
    float: left;
}

.user-detail fieldset span {
    color: #9a9a9a;
    width: 50%;
    float: left;
}

.user-detail .footer-cta {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    text-align: center;
    padding: 30px 0 40px;
}

    .user-detail .footer-cta h2 {
        text-align: center;
        margin-bottom: 10px;
    }

    .user-detail .footer-cta p {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        font-size: 1.2rem;
        margin-bottom: 30px;
        line-height: 1.6rem;
        font-weight: 200;
        color: #4d4d4d;
    }

    .user-detail .footer-cta .btn1-red {
        background: none;
        padding-right: 32px;
    }

        .user-detail .footer-cta .btn1-red:hover {
            color: #fff;
            background: #c92331;
            border-color: #c92331;
        }

.end {
}


/*Author : VP*/
.user-detail .field-align {
    min-height: 400px;
}

.account-settings .tipso_bubble {
    min-width: 240px;
    text-align: left;
}

.account-settings .payment {
    background: #f8f8f8 none repeat scroll 0 0;
}

.accordion {
    margin: 0px;
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-top: 0px;
    border-bottom: 0px;
    margin-bottom: 12px;
}

    .accordion dt {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e1e1e1;
    }

        .accordion dt a {
            padding: 30px 20px;
            float: left;
            width: 100%;
            font-size: 20px;
            outline: 0px;
            text-decoration: none;
            background: url(../img/dropdown-grey.png) center right no-repeat;
            color: #333333;
            font-weight: 200;
        }

        .accordion dt.active {
            border-bottom: 0px;
        }

            .accordion dt.active a {
                background: url(../img/dropup-red.png) center right no-repeat;
                color: #ed1c24;
            }

    .accordion dd {
        padding: 20px 20px 0;
        width: 100%;
        float: left;
        margin: 0px;
        border-bottom: 1px solid #e1e1e1;
    }

dd .user-detail {
    border: 0px;
    padding-top: 0px;
}

    dd .user-detail h2 {
        margin-left: 0px;
        margin-right: 0px;
        float: left;
        width: 100%;
        margin: 0px;
    }

    dd .user-detail fieldset {
        padding-left: 0px;
        padding-right: 0px;
    }

        dd .user-detail fieldset label {
            width: 100%;
            float: left;
        }

.user-creds .password-reset {
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: -20px;
}

    .user-creds .password-reset .col-md-12 {
        padding: 0px;
    }

    .user-creds .password-reset fieldset.current-password {
        margin-bottom: 8px;
    }

    .user-creds .password-reset fieldset label {
        max-width: 47%;
        float: left;
    }

    .user-creds .password-reset .cta-forgot {
        margin-bottom: 15px;
    }

        .user-creds .password-reset .cta-forgot a {
            color: #4c4c4c;
        }

            .user-creds .password-reset .cta-forgot a:focus, .user-creds .password-reset .cta-forgot a:hover {
                color: #ee3645;
                text-decoration: underline;
            }

    .user-creds .password-reset .txt1 {
        width: 50%;
        float: right;
    }

.user-detail .form1 {
    margin-bottom: 20px;
}

    .user-detail .form1 fieldset {
        margin-bottom: 20px;
    }

        .user-detail .form1 fieldset label {
            padding-top: 8px;
            padding-left: 0px;
        }

        .user-detail .form1 fieldset span {
            width: 58%;
        }

        .user-detail .form1 fieldset .hint {
            border: 1px solid #5a5a5a;
            border-radius: 50%;
            color: #5a5a5a;
            display: inline-block;
            font-weight: 500;
            height: 22px;
            left: 300px;
            line-height: 20px;
            position: relative;
            text-align: center;
            top: -24px;
            vertical-align: middle;
            width: 22px;
        }

.user-detail .edit-post {
    color: #333;
    text-decoration: underline;
    font-size: 16px;
    margin-left: 20px;
}

.user-detail .form1 .edit-form {
    padding: 0px;
    margin: 0px;
    margin-top: 35px;
    margin-bottom: 10px;
}

    .user-detail .form1 .edit-form .btn1 {
        min-width: 118px;
    }

        .user-detail .form1 .edit-form .btn1:hover, .user-detail .form1 .edit-form .btn1:focus {
            font-weight: normal;
        }

.user-detail .form1 .edit-data {
    padding-bottom: 0;
}

    .user-detail .form1 .edit-data .note {
        font-size: 13px;
        color: #9a9a9a;
        width: 100%;
        margin-top: 4px;
    }

.user-detail .personal-details {
    margin: 0px;
    display: inline-block;
    width: 100%;
}

    .user-detail .personal-details .smartcode-input {
        margin: 0px;
    }

    .user-detail .personal-details .edit-form {
        margin: 0px;
    }

.smartcode-input input.btn-confirm {
    background: #ed2939 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    min-width: 115px;
    text-align: center;
    padding-bottom: 2px;
}

    .smartcode-input input.btn-confirm:hover, .smartcode-input input.btn-confirm:focus, .call-back .action .smartcode-input input.btn1-red:hover, .call-back .action .smartcode-input input.btn1-red:focus {
        font-weight: normal;
    }

.editing-data.show, .saved-data.show {
    display: block;
}

.editing-data.hide, .saved-data.hide {
    display: none;
}

.call-back-header {
    margin-bottom: 60px;
    float: left;
    width: 100%;
}

    .call-back-header h2 {
        font-size: 2.25rem;
        font-weight: 300;
        line-height: 1.2em;
        margin: 0;
        padding: 0px 0px 30px 0px;
        text-align: center;
    }

    .call-back-header h3 {
        margin: 0px;
        padding: 0px;
    }

    .call-back-header p {
        text-align: center;
        margin: 6px 0px;
    }

        .call-back-header p a {
            text-decoration: underline;
        }

.call-back .location-wrap .txt1-select {
    width: 100%;
}

.call-back textarea {
    border: 0px;
    width: 100%;
    padding: 10px;
}

.radio-wrap {
    float: left;
    margin-top: 12px;
    margin-right: 8px;
}

    .radio-wrap input[type="radio"] {
        display: none;
    }

        .radio-wrap input[type="radio"] + label {
            color: #333;
            font-size: 16px;
            cursor: pointer;
        }

        .radio-wrap input[type="radio"]:checked + label {
            color: #ed2939;
        }

        .radio-wrap input[type="radio"] + label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: -1px 5px 0 0;
            vertical-align: middle;
            cursor: pointer;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .radio-wrap input[type="radio"] + label span {
            background: url(../img/radio.png);
        }

        .radio-wrap input[type="radio"]:checked + label span {
            background: url(../img/radio-selected.png);
        }

        .radio-wrap input[type="radio"] + label span, .radio-wrap input[type="radio"]:checked + label span {
            -webkit-transition: background-color 0.4s linear;
            -o-transition: background-color 0.4s linear;
            -moz-transition: background-color 0.4s linear;
            transition: background-color 0.4s linear;
        }

.call-back .note {
    font-size: 15px;
    color: #9a9a9a;
    width: 100%;
    margin-top: 4px;
    text-align: left;
    padding: 4px 15px;
}

.call-back .action {
    text-align: left;
}

    .call-back .action .smartcode-input {
        padding-left: 0px;
    }

        .call-back .action .smartcode-input input.btn-confirm {
            float: none !important;
            margin-left: 20px;
        }

        .call-back .action .smartcode-input input.btn1-red {
            padding-bottom: 2px;
        }

.user-creds .password-reset-done {
}

    .user-creds .password-reset-done h4 {
        color: #ed1c24;
        font-weight: normal;
        margin: 0px;
        float: left;
        margin-left: 30px;
    }

        .user-creds .password-reset-done h4:before {
            content: '';
            width: 32px;
            height: 32px;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin: -5px 20px 0 0;
            background: url(../img/icon_checked_red.png) 50% 50% no-repeat;
        }

    .user-creds .password-reset-done .done-reset-btn {
        background: #ed1c24;
        color: #fff;
        border: 0px;
        min-width: 160px;
        float: right;
        margin-right: -10px;
    }

        .user-creds .password-reset-done .done-reset-btn:hover {
            background: #c92331;
            color: #fff;
        }

.content-dashboard .container {
    position: relative;
}

.content-dashboard > .container > .btn1-red {
    background-image: none;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    right: 10px;
    top: 12px;
}

.my-package-header h2 {
    font-size: 2.25rem;
    font-weight: 300;
    margin: 0;
    padding: 45px 0 10px 0px;
    text-align: center;
}

.my-package {
    margin-bottom: 20px;
}

    .my-package .drawer1 .col-md-4 {
        border-left: 1px solid #e6e6e6;
    }

    .my-package .drawer1 .vertical-mid {
        width: 95%;
    }

        .my-package .drawer1 .vertical-mid > span:first-child {
            padding: 0px 0 20px;
            color: #4d4d4d;
        }

        .my-package .drawer1 .vertical-mid h3 {
            color: #000;
        }

        .my-package .drawer1 .vertical-mid p {
            color: #4d4d4d;
        }

        .my-package .drawer1 .vertical-mid > span.box-image {
            padding: 0px;
            margin-top: 5px;
        }

    .my-package .drawer1 .mth-cost {
        position: absolute;
        top: 80px;
        right: 50px;
    }

        .my-package .drawer1 .mth-cost h3 {
            font-size: 28px;
            color: #ed2939;
            text-align: center;
            line-height: 24px;
        }

            .my-package .drawer1 .mth-cost h3 span {
                font-size: 14px;
                width: 100%;
                float: left;
                font-weight: 500;
            }

    .my-package .my-addons {
        margin-top: 0px;
    }

        .my-package .my-addons .vertical-mid {
            border-top: 0px;
            border-right: 1px solid #e6e6e6;
        }

        .my-package .my-addons .vertical-mid {
            width: 100%;
        }

        .my-package .my-addons .addons-prices {
            width: 100%;
            float: left;
        }

            .my-package .my-addons .addons-prices .divide-column {
                border-right: 1px solid #e6e6e6;
                width: auto;
                float: left;
                padding-bottom: 10px;
            }

                .my-package .my-addons .addons-prices .divide-column:first-child h4 {
                    margin-left: 0px;
                }

                .my-package .my-addons .addons-prices .divide-column:last-child {
                    border-right: 0px;
                }

            .my-package .my-addons .addons-prices h4 {
                font-size: 1.25rem;
                color: #4d4d4d;
                font-weight: 500;
                margin: 6px 0px 6px 25px;
            }

                .my-package .my-addons .addons-prices h4 span {
                    color: #ed2939;
                    float: right;
                    text-transform: uppercase;
                    margin-right: 25px;
                    margin-left: 50px;
                }

        .my-package .my-addons .vertical-mid p {
            float: left;
            margin-top: 11px;
            width: 100%;
        }

.content-orders .container {
    position: relative;
}

.content-orders .tabs-wrap {
    margin-top: 22px;
}

.content-orders .content-wrap {
    min-height: 100%;
}

.content-orders > .container > .btn1-red {
    background-image: none;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    right: 10px;
    top: 12px;
}

.content-orders .tabs-content-wrap {
    background: #f7f7f7;
    min-height: 400px;
    border-top: 1px solid #e6e6e6;
    margin-top: -2px;
    position: relative;
}

.content-orders .nav-tabs li a {
    font-size: 1.45rem;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #4d4c4c;
}

/*.content-orders .tab-background {
    background: #fff;
    min-height: 250px;
    width: 100%;
    left: 0;
    top: 0;
}*/

.content-orders .tab-pane > div {
    padding: 0px;
}

.content-orders .tab-content {
    margin-top: 55px;
    margin-bottom: 80px;
}

.my-orders-header h2 {
    font-size: 2.25rem;
    font-weight: 300;
    margin: 0;
    padding: 45px 0 10px 0px;
    text-align: center;
}

.my-orders-header .cta-viewall {
    position: absolute;
    right: 10px;
    top: 51px;
    line-height: 1.2rem;
}

.content-orders .content-orders .owl-nav {
    position: static;
    top: 0;
    width: 100%;
}

.content-orders .tabs1-pane .owl-nav > div {
    z-index: 10;
    display: block;
    width: 50px;
    height: 100%;
    background: rgba(255,0,0,.7) 50% 50% no-repeat;
    text-indent: -999em;
    position: absolute;
    top: 0;
}

    .content-orders .tabs1-pane .owl-nav > div:hover {
        background-color: rgba(255,0,0,.9);
    }

.content-orders .tabs1-pane .owl-nav .owl-prev {
    left: 0;
    right: auto;
    background-image: url(../img/arrow_left_med_white.png);
}

.content-orders .tabs1-pane .owl-nav .owl-next {
    left: auto;
    right: 0;
    background-image: url(../img/arrow_right_med_white.png);
}

.content-orders .tabs1-pane .owl-nav .disabled {
    display: none;
}

.static {
    position: static !important;
}


.content-orders .search-box {
    margin-bottom: 20px;
}

    .content-orders .search-box .txt1 {
        border-radius: 0px;
        position: relative;
        float: left;
        width: 100%;
        max-width: 100%;
    }

    .content-orders .search-box input[type="search"] {
        box-sizing: padding-box;
        float: left;
        font-size: 24px;
        height: auto;
        padding: 14px 20px;
        width: 100%;
    }

    .content-orders .search-box .searchform:after {
        background: url(../img/icon_lens.png) center center no-repeat #fff;
        content: "";
        height: 32px;
        width: 32px;
        right: 15px;
        position: absolute;
        top: 15px;
    }

    .content-orders .search-box .showing-count {
        font-size: 24px;
        float: left;
        border: 1px solid #e6e6e6;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        background: #fff;
    }

        .content-orders .search-box .showing-count .txt1-select {
            height: 64px;
        }

        .content-orders .search-box .showing-count .select-count {
            border-right: 1px solid #e6e6e6;
            float: left;
            min-width: 250px;
        }

            .content-orders .search-box .showing-count .select-count span {
                color: #ed2939;
            }

        .content-orders .search-box .showing-count .filter-items {
            float: right;
            font-size: 16px;
        }

        .content-orders .search-box .showing-count .selectize-input {
            padding: 24px 20px;
            border-radius: 0px;
            font-size: 24px;
            border: 0px;
            box-shadow: none;
            height: 57px;
        }

        .content-orders .search-box .showing-count .select-count .selectize-input {
            color: #ed2939;
        }

        .content-orders .search-box .showing-count .filter-items .selectize-input {
            font-size: 16px;
            padding-left: 6px;
            padding-right: 32px;
            font-weight: 500;
            padding-top: 23px;
        }

        .content-orders .search-box .showing-count .selectize-input.dropdown-active:before {
            height: 0px;
        }

        .content-orders .search-box .showing-count .selectize-dropdown {
            padding-top: 60px;
            box-shadow: none;
        }

        .content-orders .search-box .showing-count .select-count .txt1-select {
            margin-right: 5px;
        }

        .content-orders .search-box .showing-count .select-count .selectize-input {
            padding-left: 12px;
            padding-right: 24px;
        }

        .content-orders .search-box .showing-count .txt1-select .selectize-input:after {
            position: absolute;
            right: -10px;
            top: 1px;
            width: 40px;
            height: 100%;
            background: rgba(255,255,255,.3) url(../img/arrow_down_red.png) right 10px top 60% no-repeat;
            border: 0;
        }

        .content-orders .search-box .showing-count .select-count .selectize-input:after {
            top: 0px;
        }

        .content-orders .search-box .showing-count .txt1-select .dropdown-active:after {
            background-image: url(../img/arrow_up_red.png);
        }

        .content-orders .search-box .showing-count .select-label, .content-orders .search-box .showing-count .txt1-select {
            float: left;
        }

        .content-orders .search-box .showing-count .select-label {
            padding: 16px 0px 14px;
        }

        .content-orders .search-box .showing-count .select-count .select-label {
            padding: 16px 0px 14px;
        }

        .content-orders .search-box .showing-count .filter-items .select-label {
            padding: 21px 0px 20px 0px;
        }

/*Author : VP*/

a, a:focus {
    outline: 0;
    color: #ed2939;
}

.header-button-wrap > .container > h2 {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 0 120px 0;
    font-size: 2.2rem;
    font-weight: 200;
}

.user-creds .password-reset label {
    padding-top: 12px;
}

.smartcode-input input.btn-confirm, .smartcode-input input.btn1-red {
    padding-right: 32px;
    padding-left: 32px;
}

.user-detail .footer-cta .btn1-red {
    height: auto !important;
    min-height: 20px !important;
    padding: 5px 30px;
}

.search-box .selectize-dropdown-content {
    border-radius: 5px;
    ;
}

    .search-box .selectize-dropdown-content > div {
        padding: 10px 10px;
        font-size: 1.2rem;
    }


.content-orders .search-box .select-count .txt1-select .selectize-input::after {
    top: 6px;
}

.user-detail .form1 .action .edit-data {
    float: right;
    width: 58%;
}

    .user-detail .form1 .action .edit-data .btn1 {
        margin-right: 0px;
    }

.user-detail .form1 .txt1 {
    max-width: 100%;
}

.account-settings h1 {
    padding-bottom: 100px;
}

.user-detail .form1 .edit-form {
    width: 96%;
}

.user-detail .edit-po-box .edit-form {
    width: 94%;
}

.call-back .txt1 {
    max-width: 100%;
}

.user-detail-edit {
    display: none;
}

.edit-po-box {
    display: none;
}

.user-detail .form1 fieldset .error-msg, .user-creds .password-reset .error-msg {
    display: none;
    font-size: 1rem;
    color: #ed1c24;
    width: 100%;
}

.user-detail .form1 fieldset .error .error-msg {
    display: block;
}

.user-detail .form1 .edit-data.error .note {
    padding-top: 20px;
}

.user-creds .password-reset .error .error-msg {
    display: block;
    position: absolute;
    bottom: -23px;
    left: 41%;
    width: auto;
}

.user-creds .password-reset fieldset {
    position: relative;
}

.password-reset-done {
    display: none;
}

.v-align {
    /* older webkit */
    -webkit-box-align: center;
    -webkit-justify-content: center;
    /* older firefox */
    -moz-box-align: center;
    -moz-box-pack: center;
    /* IE10*/
    display: inline-block;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    /* newer webkit */
    -webkit-align-items: center;
    -webkit-box-pack: center;
    /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */
    display: inline-block;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.abs-v-align {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width: 100%;
}

.form1-register.call-back .error {
    position: relative;
}

    .form1-register.call-back .error .error-msg {
        bottom: auto;
    }

.form1-register.call-back .message-area .txt1 {
    padding: 5px;
}

.form1-register.call-back .message-area .error-msg {
    right: 10px;
}

.mobile-dropdown {
    display: none;
}

.user-detail .form1 .edit-data .txt1 input {
    color: #333;
}

.user-detail-edit .dob-wrap .txt1-select .selectize-input .item {
    color: #000;
}

.user-detail fieldset span.static-val {
    display: inline-block;
    margin-top: 8px;
}

.user-detail fieldset.static-block {
    height: 30px;
}

.user-detail .form1 fieldset label.v-align {
    padding-top: 0;
}

.call-back .action .smartcode-input input.btn1-red, .call-back .action .smartcode-input input.btn-confirm {
    min-width: 130px;
}

.call-back-request .welcome-wrap {
    margin-top: -65px;
    padding-top: 100px;
}


.page-filters-wrap {
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
}

    .page-filters-wrap .page-filter {
        line-height: 1rem;
    }

        .page-filters-wrap .page-filter span, .page-filters-wrap .page-filter > div {
            float: left;
            height: 30px;
        }

        .page-filters-wrap .page-filter span {
            padding-top: 10px;
        }

            .page-filters-wrap .page-filter span.total {
                padding: 0 10px;
            }

        .page-filters-wrap .page-filter .selectize-control {
            margin-top: 10px;
        }

        .page-filters-wrap .page-filter .txt1-select {
            min-width: 70px;
            height: 30px;
            border: 0px;
            display: inline-block;
            padding-right: 10px;
        }

            .page-filters-wrap .page-filter .txt1-select .selectize-dropdown {
                box-shadow: none;
            }

        .page-filters-wrap .page-filter .selectize-control.single .selectize-input .item {
            color: #ed2939;
        }

        .page-filters-wrap .page-filter .txt1-select + .txt1-select {
            margin-left: 10px;
        }

        .page-filters-wrap .page-filter .txt1-select .selectize-input {
            height: 30px;
            box-shadow: none;
            border: 0px;
            text-align: left;
            padding: 0px 12px;
            font-size: 1rem;
        }

            .page-filters-wrap .page-filter .txt1-select .selectize-input:after {
                position: absolute;
                right: -8px;
                top: -4px;
                width: 40px;
                height: 100%;
                background: rgba(255,255,255,.3) url(../img/arrow_down_red.png) right 10px top 60% no-repeat;
                border: 0;
            }

        .page-filters-wrap .page-filter .txt1-select .dropdown-active:after {
            background-image: url(../img/arrow_up_red.png);
        }


/*batch 1 changes */
.cross-links2 .item {
    padding: 10px 0;
}

.cross-links2 .subscribe-link {
    font-size: 0.8rem;
    margin-top: 0;
    text-align: left;
}

.cross-links2 .btn1 {
    padding-left: 20px;
    padding-right: 20px;
}

.cross-links2 .item span {
    font-size: 0.9rem;
    display: block;
    padding-top: 30px;
}

.sign-in-wrap .forgot-link a {
    color: #ed2939;
}

    .sign-in-wrap .forgot-link a:hover {
        color: #555;
    }

.divider {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    display: block;
    width: 70%;
    margin: 30px auto;
}

.login-wrap .subscribe-teaser {
    border: 0;
    margin-top: -25px;
}

    .login-wrap .subscribe-teaser:before {
        width: 1px;
        height: 65%;
        position: absolute;
        left: 14%;
        top: 17%;
        background: #e6e6e6;
        border: 0;
    }

    .login-wrap .subscribe-teaser h2 + p {
        padding: 0 0 22px;
        min-height: 100px;
    }

.popup-subscribe {
    /*position: absolute;
    min-width: 530px;*/
    background: #fff;
    /*border: 1px solid #e6e6e6;*/
    text-align: left;
    /*position: absolute;*/
    /*padding: 48px 50px;*/
    top: 0;
    /*left: 24%;*/
    /*z-index: 100;
    top: -4px;*/
    display: none;
}

    .popup-subscribe.form1.full-wide.popup-subscribe {
        left: auto !important;
        right: 0;
    }

.login-wrap .register-col {
    position: relative;
}

.popup-subscribe label {
    font-size: 0.85rem;
}

.popup-subscribe .captcha {
    display: block;
    margin: 0 0 30px 0;
}

.popup-subscribe fieldset {
    display: block;
    margin: 0 0 30px 0;
}

    .popup-subscribe fieldset label {
        display: block;
    }

.popup-subscribe.form1 .btn1 {
    width: 280px;
    max-width: 90%;
    font-size: 1.2rem;
    background-color: #dcdcdc;
}




.popup-subscribe.form1 .close-btn {
    background: #fff url(../img/icon_close_btn.png) no-repeat 0px 0px;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.cards-list .item-disabled .warning {
    color: #ed1c24;
    position: relative;
    padding-bottom: 10px;
    z-index: 300;
}

    .cards-list .item-disabled .warning:before {
        content: '';
        width: 42px;
        height: 42px;
        background: url(../img/icon_warning.png) 50% 50% no-repeat;
        position: absolute;
        left: -55px;
        top: 3px;
    }

.cards-list .item-disabled .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
}

.cards-list .item {
    position: relative;
}

.cards-list .item-disabled .btn1 {
    z-index: 300;
    position: relative;
}

.cards-list .item-disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*support section */
.support-header {
    margin-top: 50px;
}

    .support-header h2 {
        font-size: 2rem;
        font-weight: 200;
        text-align: center;
        color: #000;
        margin-bottom: 30px;
    }

    .support-header .search-box {
        width: 100%;
        background: #f7f7f7;
        padding: 10px;
    }

        .support-header .search-box .search-txt {
            width: 90%;
            background: transparent;
            border: 0;
            font-size: 1.3rem;
            font-weight: 200;
        }

        .support-header .search-box .search-btn {
            background: url(../img/icon_search.png) 50% 50% no-repeat;
            border: 0;
            cursor: pointer;
            width: 25px;
            height: 30px;
            float: right;
        }

    .support-header h3 {
        font-weight: 200;
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 30px;
    }

.support-keywords {
    text-align: center;
    margin: 20px 0 30px;
}

    .support-keywords a {
        display: inline-block;
        padding: 10px 35px;
        border: 1px solid #ed2939;
        margin-right: 10px;
        color: #808080;
        margin-bottom: 20px;
    }

.gray-bg {
    background: #f7f7f7;
}

.support-quick-links {
    padding: 10px 0 60px;
    width: 100%;
    float: left;
}

    .support-quick-links h2 {
        font-size: 2rem;
        font-weight: 200;
        text-align: center;
    }
    /*.support-quick-links>div{width: 20%;}*/
    .support-quick-links > div a {
        background: #fff;
        width: 100%;
        height: 100%;
        min-height: 150px;
        text-align: center;
        border: 1px solid #e6e6e6;
        color: #4d4d4d;
        font-size: 1.2rem;
        position: relative; /*100495*/
    }

        .support-quick-links > div a:hover {
            background: #ed2939;
            color: #fff;
        }

.login-wrap .subscribe-teaser .btn1 {
    min-width: 179px;
}

.main-nav > li > a:focus {
    color: #ed2939;
}

.faq-cta-block {
    background: #f7f7f7;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

    .faq-cta-block h2 {
        font-weight: 200;
        font-size: 2rem;
        margin-top: 0;
    }

    .faq-cta-block ul {
        margin: 0;
        padding: 0 0 40px;
    }

        .faq-cta-block ul li {
            margin: 0;
            padding: 0 0 15px;
            list-style: none;
            text-decoration: underline;
            font-size: 1rem;
        }

            .faq-cta-block ul li a {
                color: #4d4d4d;
            }

                .faq-cta-block ul li a:hover {
                    color: #333;
                }

    .faq-cta-block .cta {
        position: absolute;
        bottom: 30px;
        text-decoration: underline;
    }

.page-cross-links {
    border: 1px solid #e6e6e6;
    padding: 35px 0 0px;
    margin-bottom: 40px;
    text-align: center;
}

    .page-cross-links h3 {
        font-weight: 200;
        font-size: 1.6rem;
        color: #000;
    }

    .page-cross-links .b-header {
        padding: 0 20px;
    }

        .page-cross-links .b-header .icon {
            min-height: 50px;
            display: inline-block;
        }

    .page-cross-links .b-footer {
        padding: 35px 35px 35px;
        background: #f7f7f7;
        min-height: 169px;
    }

        .page-cross-links .b-footer a {
            display: block;
            text-decoration: underline;
            padding: 0 0 10px;
        }

    .page-cross-links .b-header p {
        padding: 0 0 10px;
    }

/*faq-tabs */
.faq-tabs {
    padding-bottom: 0px;
    border-top: 1px solid #e6e6e6;
    margin-top: -1px;
    z-index: 200;
}

    .faq-tabs .tab-content {
        margin: 0;
    }

    .faq-tabs h2 {
        font-size: 1.6rem;
        color: #000;
        font-weight: 200;
        text-align: center;
        margin-top: 65px;
        margin-bottom: 45px;
    }

    .faq-tabs .search-box {
        width: 100%;
        background: #fff;
        padding: 10px;
        border: 1px solid #e6e6e6;
    }

        .faq-tabs .search-box .search-txt {
            width: 90%;
            background: transparent;
            border: 0;
            font-size: 1.3rem;
            font-weight: 200;
        }

        .faq-tabs .search-box .search-btn {
            background: url(../img/icon_search.png) 50% 50% no-repeat;
            border: 0;
            cursor: pointer;
            width: 25px;
            height: 30px;
            float: right;
        }

.faq-quick-links {
    padding: 20px 0 20px;
    width: 100%;
    float: left;
}

    .faq-quick-links h2 {
        font-size: 2.3rem;
        font-weight: 200;
        text-align: center;
    }

    .faq-quick-links > div a {
        background: #fff;
        width: 100%;
        height: 100%;
        min-height: 150px;
        text-align: center;
        border: 1px solid #e6e6e6;
        color: #4d4d4d;
        font-size: 1.2rem;
        display: block;
        padding: 30px 5px 0;
    }

        .faq-quick-links > div a:hover {
            color: #ed1c24;
        }

    .faq-quick-links > div h3, .faq-quick-links > div span {
        display: block;
    }

    .faq-quick-links > div span {
        min-height: 50px;
    }

.faq-content-wrap h3 {
    font-weight: 200;
    font-size: 1.8rem;
    text-align: center;
}

.faq-list {
    margin: 0 0 0px;
    padding: 0;
}

    .faq-list:last-child {
        margin-bottom: 30px;
    }

    .faq-list > li > div > div > a {
        font-size: 1.1rem;
        font-weight: 200;
        color: #4d4d4d;
        padding: 15px 0 15px;
        display: block;
        position: relative;
        padding-right: 35px;
    }

    .faq-list > li .faq-item-content {
        display: none;
        padding-right: 35px;
    }

    .faq-list > li.active .faq-item-content {
    }

    .faq-list > li > .container {
        background: #f7f7f7 url(../img/arrow-down.png) 97% 22px no-repeat;
        background-size: 16px;
    }

    .faq-list > li.active .container {
        background: #f7f7f7 url(../img/arrow-up.png) 97% 22px no-repeat;
        padding-bottom: 10px;
        background-size: 16px;
    }

        .faq-list > li.active .container:hover {
            background: #f7f7f7 url(../img/arrow-up.png) 97% 22px no-repeat;
            background-size: 16px;
        }

    .faq-list > li .container:hover {
        background: #f7f7f7 url(../img/arrow-down-hover.png) 97% 22px no-repeat;
        background-size: 16px;
    }

.faq-quick-links > div h3 {
    font-size: 1rem;
    font-weight: 400;
}

.faq-list > li {
    border-bottom: 1px solid #fff;
    margin: 0;
    display: block;
}

    .faq-list > li h4 {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .faq-list > li.active > div > div > a {
        font-weight: 400;
        color: #000;
        font-size: 1.2rem;
    }

.signal-form-block {
    padding-bottom: 50px;
}

.send-signal-form {
    width: 60%;
    margin: 0 auto;
}

    .send-signal-form .action {
        text-align: center;
    }

.signal-thankyou-block {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 100px;
    display: none;
    padding-top: 80px;
}

    .signal-thankyou-block h3 {
        background: rgba(0, 0, 0, 0) url("../img/icon_checked_red.png") no-repeat scroll 0 50%;
        padding-left: 45px;
        display: inline-block;
        font-size: 1.6rem;
        font-weight: 400;
    }

    .signal-thankyou-block .btn1-red {
        margin-right: 20px;
        margin-left: 0;
    }

    .signal-thankyou-block .btn1 {
        font-weight: 200 !important;
    }

    .signal-thankyou-block .smartcode-input {
        padding-right: 0;
    }

/*Watch */

.watch-tabs .tabs-wrap {
    margin-top: 20px;
}

.watch-tabs .tab-content {
    margin-top: 0;
}

.watch-tabs .search-box {
    width: 100%;
    background: #fff;
    padding: 10px;
    border: 0px solid #e6e6e6;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .watch-tabs .search-box .search-txt {
        width: 90%;
        background: transparent;
        border: 0;
        font-size: 1.3rem;
        font-weight: 200;
    }

    .watch-tabs .search-box .search-btn {
        background: url(../img/icon_search.png) 50% 50% no-repeat;
        border: 0;
        cursor: pointer;
        width: 25px;
        height: 30px;
        float: right;
    }

.watch-tabs .filter-controls {
    background: #fff;
    border: 1px solid #e6e6e6;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    height: 60px;
}

    .watch-tabs .filter-controls .showing {
        padding: 12px 10px;
        border-right: 1px solid #e6e6e6;
        float: left;
        min-height: 60px;
    }

    .watch-tabs .filter-controls .page-size {
        float: left;
        color: #333;
        border-right: 1px solid #e6e6e6;
    }

    .watch-tabs .filter-controls .selectize-control.single .selectize-input {
        border: 0;
        box-shadow: none;
        margin-top: 0px;
        text-align: left;
        padding-left: 10px;
        height: 100%;
    }

    .watch-tabs .filter-controls .txt1-select .selectize-input:after {
        position: absolute;
        right: -10px;
        top: 1px;
        width: 25px;
        height: 100%;
        background: rgba(255,255,255,.3) url(../img/arrow_down_red.png) right 10px top 70% no-repeat;
        border: 0;
    }

    .watch-tabs .filter-controls .select-count .selectize-input:after {
        top: 0px;
    }

    .watch-tabs .filter-controls .txt1-select .dropdown-active:after {
        background-image: url(../img/arrow_up_red.png);
    }

.watch-tabs .selectize-dropdown-content {
    border-radius: 5px;
}

.watch-tabs .filter-controls .sort-drop-down .txt1-select .selectize-input:after {
    top: 3px;
}

.watch-tabs .filter-controls > div {
    float: left;
}

    .watch-tabs .filter-controls > div.page-count-wrap {
        width: 65%;
    }

    .watch-tabs .filter-controls > div.sort-fields-wrap {
        width: 35%;
    }

        .watch-tabs .filter-controls > div.page-count-wrap *, .watch-tabs .filter-controls > div.sort-fields-wrap * {
            padding: 0;
            margin: 0;
        }

    .watch-tabs .filter-controls > div.page-count-wrap, .watch-tabs .filter-controls > div.page-count-wrap .selectize-dropdown, .watch-tabs .filter-controls .selectize-input, .watch-tabs .filter-controls .selectize-input input, .watch-tabs .filter-controls {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1;
    }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div {
            width: 50%;
            float: right;
            text-align: right;
        }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div > span {
                float: left;
                width: auto;
                text-align: right;
                font-size: 0.9rem;
                margin-left: 15px;
                line-height: 1;
                margin-top: 2px;
            }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div > div {
                float: left;
                width: 50%;
            }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.date-filter {
                float: right;
                width: 60%;
                border-left: 1px solid #e6e6e6;
            }

                .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.date-filter span {
                    margin: 2px 0 0;
                }

        .watch-tabs .filter-controls > div.page-count-wrap > div {
            padding: 20px 20px 19px;
            float: left;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div {
            padding: 20px 20px 20px;
            float: left;
            border-left: 1px solid #e6e6e6;
        }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.sort2 {
            }

        .watch-tabs .filter-controls .page-size {
            min-width: 110px;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div .txt1-select .selectize-input {
            font-size: 1rem;
            line-height: 1;
            margin-top: 0px;
            font-weight: 500;
        }

        .watch-tabs .filter-controls > div.page-count-wrap .item, .watch-tabs .filter-controls > div.page-count-wrap > div.count span {
            color: #ed2939;
        }


        .watch-tabs .filter-controls .selectize-dropdown [data-selectable], .watch-tabs .filter-controls .selectize-dropdown .optgroup-header {
            padding: 10px;
        }

        .watch-tabs .filter-controls .selectize-dropdown {
            top: 60px !important;
            border-top: 0;
        }


.watch-tabs .filter-results {
    width: 100%;
    overflow: hidden;
}

    .watch-tabs .filter-results ul {
        margin: 0;
        padding: 0;
        width: 110%;
    }

        .watch-tabs .filter-results ul li {
            float: left;
            list-style: none;
            float: left;
            margin-right: 5.5%;
            margin-bottom: 40px;
        }

            .watch-tabs .filter-results ul li .meta {
                margin-top: 20px;
                line-height: 1;
                max-height: 120px;
            }

                .watch-tabs .filter-results ul li .meta a {
                    color: #4d4d4d;
                    font-weight: 500;
                    font-size: 1rem;
                    line-height: 1.3rem;
                }

                .watch-tabs .filter-results ul li .meta .cat a {
                    text-transform: uppercase;
                    font-weight: 500;
                    font-size: 0.77rem;
                }

                .watch-tabs .filter-results ul li .meta h4 {
                    margin: 0;
                    color: #4d4d4d;
                    font-weight: 500;
                    width: 90%;
                }

.watch-tabs .selectize-input.dropdown-active::before {
    display: none;
}

.paging {
    float: left;
    margin: 50px 0 50px;
    width: 100%;
}

.pages {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

    .pages .left {
        font-weight: 200;
        font-size: 2rem;
        color: #808080;
        cursor: pointer;
    }

    .pages .disabled {
        color: #e6e6e6;
        cursor: default;
    }

    .pages .right {
        font-weight: 200;
        font-size: 2rem;
        color: #808080;
        cursor: pointer;
    }

    .pages .page-no {
        font-size: 1rem;
        display: inline-block;
        top: -2px;
        position: relative;
    }

        .pages .page-no a {
            padding: 0 20px 5px;
            color: #4d4d4d;
            font-weight: 500;
            display: inline-block;
        }

            .pages .page-no a.current {
                color: #ed2939;
            }

.filter-results .desc {
    display: none;
}

.quick-link-wrap {
    background: #f7f7f7;
    width: 100%;
    text-align: center;
}

    .quick-link-wrap a {
        display: inline-block;
        padding: 20px 0px 20px;
        margin: 20px 20px;
        color: #b2b2b2;
    }

        .quick-link-wrap a.active {
            color: #ed2939;
        }

.overlay-item-detail .container {
    position: relative;
}

.overlay-item-detail {
    position: absolute;
    z-index: 100;
    background: #262626;
    width: 100%;
    color: #b2b2b2;
    display: none;
}

    .overlay-item-detail .close-btn {
        position: static;
        position: absolute;
        margin-top: 27px;
        margin-left: 10px;
        right: 30px;
        font-size: 0.8rem;
        font-weight: 200;
        background: url(../img/icon_close-btn.png) 0 0 no-repeat;
        text-indent: -1000em;
        width: 12px;
        height: 12px;
        cursor: pointer;
        top: 0;
    }

        .overlay-item-detail .close-btn:hover {
            background: url(../img/icon_close-btn-hover.png) 0 0 no-repeat;
        }

    .overlay-item-detail .thumb, .overlay-item-detail .meta-2 {
        float: left;
    }

    .overlay-item-detail .thumb {
        margin-right: 30px;
        margin-top: 30px;
    }

    .overlay-item-detail .meta-1, .overlay-item-detail .meta-2 {
        width: 59%;
        font-size: 0.9rem;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #b2b2b2;
    }

    .overlay-item-detail .meta-1 {
        margin-top: 30px;
        float: left;
    }

    .overlay-item-detail .meta-2 {
        margin-bottom: 30px;
        min-height: 190px;
    }

    .overlay-item-detail .meta-1 .category, .overlay-item-detail .meta-1 h3 {
        color: #fff;
        margin: 0;
        font-weight: 400;
        font-size: 0.8rem;
    }

    .overlay-item-detail .meta-1 .category {
        text-transform: uppercase;
    }

    .overlay-item-detail .meta-1 h3 {
        font-weight: 500;
        font-size: 1rem;
        margin-bottom: 20px;
    }

        .overlay-item-detail .meta-1 h3 span {
            color: #ed2939;
            border-left: 1px solid #fff;
            margin-left: 15px;
            padding-left: 15px;
        }

    .overlay-item-detail .meta-1 .genre {
        color: #fff;
        font-size: 0.9rem;
    }

    .overlay-item-detail .meta-2 .rating {
        display: block;
        margin-top: 20px;
    }

        .overlay-item-detail .meta-2 .rating span {
            padding: 0 15px;
            border-left: 1px solid #b2b2b2;
        }

            .overlay-item-detail .meta-2 .rating span:first-child {
                border: 0;
                padding-left: 0;
            }

    .overlay-item-detail .meta-2 .schedule {
        margin: 30px 0;
    }

        .overlay-item-detail .meta-2 .schedule span:first-child {
            border-left: 1px solid #fff;
        }

        .overlay-item-detail .meta-2 .schedule span {
            display: inline-block;
            border: 1px solid #fff;
            padding: 10px 1px;
            border-left: 0;
            font-weight: 200;
            text-align: center;
            min-width: 15%;
        }

            .overlay-item-detail .meta-2 .schedule span.active {
                background: #fff;
                color: #333;
            }

            .overlay-item-detail .meta-2 .schedule span a {
                color: #fff;
                font-weight: 200;
            }

            .overlay-item-detail .meta-2 .schedule span.active a {
                color: #333;
            }

    .overlay-item-detail .meta-2 p {
        width: 80%;
    }

    .overlay-item-detail .credit-box {
        float: left;
        margin-left: 0px;
        border: 1px solid #b2b2b2;
        padding: 20px 0;
        text-align: center;
        margin-top: 30px;
        position: absolute;
        top: 0px;
        right: 55px;
    }

        .overlay-item-detail .credit-box .credits {
            padding: 0 30px 15px;
            /*border-bottom: 1px solid #b2b2b2;*/
            margin-bottom: 20px;
        }

        .overlay-item-detail .credit-box .coupon {
            padding: 0 30px;
            text-align: center;
        }

        .overlay-item-detail .credit-box .credits h4 {
            font-size: 2rem;
            font-weight: 400;
            margin: 0px 0 0;
        }

        .overlay-item-detail .credit-box .credits .add-credit {
            display: inline-block;
            margin: 0 auto;
            background: url(../img/icon_plus.png) 0 0 no-repeat;
            border: 0;
            cursor: pointer;
            width: 35px;
            height: 35px;
            margin-top: 10px !important;
        }

            .overlay-item-detail .credit-box .credits .add-credit:hover {
                background: url(../img/icon_plus_hover.png) 0 0 no-repeat;
            }

        .overlay-item-detail .credit-box span {
            color: #b2b2b2 !important;
            float: none !important;
        }

        .overlay-item-detail .credit-box .coupon span {
            display: block;
        }

    .overlay-item-detail .meta-2 .action span {
        float: left;
        margin-right: 20px;
        font-size: 1.2rem;
        color: #fff;
        font-weight: 400;
    }

    .overlay-item-detail .meta-2 .action input.btn1 {
        min-width: 150px;
        margin-right: 10px;
        font-weight: 400;
        padding-left: 30px;
        padding-right: 30px;
    }

    .overlay-item-detail .credit-box .coupon span.coup-count {
        font-size: 2rem;
        font-weight: 400;
    }

    .overlay-item-detail .meta-2 .action {
        position: static;
    }

    .overlay-item-detail .credit-box .coupon span.coup-count {
        float: none;
    }

    .overlay-item-detail .meta-2 .action input.btn1.disabled {
        background: #5c5c5c;
        color: #8d8d8d;
        cursor: default;
        opacity: 1;
    }

    .overlay-item-detail .meta-2 .action .block-text {
        display: block;
        float: none;
        margin: 0 0 20px;
    }

        .overlay-item-detail .meta-2 .action .block-text a {
            color: #fff;
        }

            .overlay-item-detail .meta-2 .action .block-text a:hover {
                color: #ed2939;
                text-decoration: none;
            }

    .overlay-item-detail .tooltip-content {
        display: none;
    }

    .overlay-item-detail .meta-2 .action .smartcode-input {
        padding: 0;
    }

    .overlay-item-detail .meta-2 .action .txt-movie-code {
        background: #fff;
        letter-spacing: normal;
        width: 90px;
        padding: 0px 20px;
        height: 40px;
        border-radius: 10px;
        margin-top: 0px;
        margin-right: 15px;
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .overlay-item-detail .meta-2 .action .smartcode-input input:last-child {
        margin: 0 auto;
    }

    .overlay-item-detail .meta-2 .action span.tipso_style {
        float: none;
        margin: 0;
        position: static;
        border: 1px solid #fff;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-weight: 500;
        height: 22px;
        right: -15px;
        bottom: 10px;
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        width: 22px;
        ;
    }

.popup-confirm-card.regular-style {
    padding-bottom: 60px;
}

    .popup-confirm-card.regular-style h4 {
        font-weight: 200;
        font-size: 1.5rem;
        margin-top: 20px;
    }

    .popup-confirm-card.regular-style p {
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }

.credit-card-popup {
    width: 800px;
    display: none;
    z-index: 800;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    -moz-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
}

    .credit-card-popup > div {
        float: left;
        width: 400px;
    }

        .credit-card-popup > div.panel-left {
            text-align: center;
            background: #262626;
            color: #fff;
            padding: 50px 0 30px;
        }

            .credit-card-popup > div.panel-left .thumb img {
                margin: 0 auto;
                -webkit-box-shadow: -5px -1px 10px 5px rgba(30,30,30,1);
                -moz-box-shadow: -5px -1px 10px 5px rgba(30,30,30,1);
                box-shadow: -5px -1px 10px 5px rgba(30,30,30,1);
            }

    .credit-card-popup .credit-cards {
        position: relative;
    }

    .credit-card-popup > div.panel-left h3 {
        font-weight: 200;
        font-size: 1.6rem;
        color: #fff;
        width: 80%;
        margin: 30px auto;
    }

    .credit-card-popup .meta {
        color: #b3b3b3;
    }

        .credit-card-popup .meta .genre {
            color: #fff;
        }

        .credit-card-popup .meta span {
            font-size: 0.9rem;
            font-weight: 200;
        }

    .credit-card-popup > div.panel-left .meta {
        width: 75%;
        margin: 0 auto;
    }

    .credit-card-popup .rating {
        display: block;
        margin-top: 10px;
    }

        .credit-card-popup .rating span {
            padding: 0 10px;
            border-left: 1px solid #b2b2b2;
        }

            .credit-card-popup .rating span:first-child {
                border: 0;
                padding-left: 0;
            }

    .credit-card-popup h4 {
        font-size: 2rem;
        color: #ed2939;
        font-size: 1.3rem;
        font-weight: 400;
    }

    .credit-card-popup .credit-cards {
        margin: 0;
        padding: 35px 40px;
        border: 0;
        width: 100%;
    }

        .credit-card-popup .credit-cards .action-btns {
            text-align: center;
        }

            .credit-card-popup .credit-cards .action-btns .btn1 {
                font-size: 1rem;
                line-height: 1.1em;
                display: inline-block;
                background: #ed2939;
                color: #fff;
                background-image: none;
                margin-top: 25px;
                border: 0;
                text-align: center;
                min-width: 180px;
            }

        .credit-card-popup .credit-cards h3 {
            padding-bottom: 40px;
        }

    .credit-card-popup .simplePopupClose {
        position: absolute;
        width: auto;
        right: 30px;
        font-weight: 500;
        top: 40px;
        color: #ed2939;
        cursor: pointer;
        background: url(../img/close-btn.png) 0 0 no-repeat;
        width: 16px;
        height: 16px;
        text-indent: -1000em;
        right: 40px;
        z-index: 100;
    }

.mobile-label-sort-filter {
    display: none;
}

.overlay-item-detail .meta-2 .action span.tipso_style {
    margin-right: 10px;
}

.overlay-item-detail .meta-2 .action .coupon span {
    margin: 0;
}

.mobile-visible {
    display: none;
}

.credit-cards .add-card-block .close-btn {
    z-index: 101;
}

.credit-card-popup #cardtype .card-icon {
    margin-right: 20px;
}

    .credit-card-popup #cardtype .card-icon:last-child {
        margin: 0 !important;
    }

.reset-verification {
    padding: 90px 0 90px;
}

    .reset-verification .form1 label {
        padding-left: 15px;
    }

    .reset-verification .form1 .txt1 {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .reset-verification .smartcode-input {
        text-align: center;
        padding: 0;
    }

    .reset-verification .radio-wrap {
        margin-top: 0;
        margin-right: 60px;
    }

    .reset-verification .txt1-select {
        margin-bottom: 60px;
    }

    .reset-verification .smartcode-input .btn1 {
        padding-left: 0;
        padding-right: 0;
        min-width: 245px;
    }

.mobile-account-menu {
    display: none;
}

.watch-tabs .filter-controls .selectize-control {
    position: static;
}

.watch-tabs .filter-controls .sort1, .watch-tabs .filter-controls .sort2, .watch-tabs .filter-controls .page-size {
    position: relative;
}

.watch-tabs .filter-controls .selectize-dropdown {
    width: 100% !important;
    left: 0 !important;
}

.watch-tabs .filter-controls .sort-fields-wrap.active .selectize-control {
    position: relative;
}

.watch-tabs .filter-controls .sort-drop-down .selectize-dropdown {
}


/*Author : VP - Upgrade_Reactivate - Upgrade*/
.upgrade_reactivate .credit-cards .add-card-block fieldset.last-item {
    min-height: 162px;
}
/*.upgrade_reactivate .service-menu .col-md-2{width: 16.6667%;}*/
.upgrade_reactivate .header {
    min-height: 225px;
}
/*.upgrade_reactivate .header .btn1-red{top:95px;}*/
.upgrade_reactivate .my-current-package {
    margin-top: 40px;
}

    .upgrade_reactivate .my-current-package .collapse-header {
        background-color: #f7f7f7;
        padding: 22px 30px;
        position: relative;
    }

        .upgrade_reactivate .my-current-package .collapse-header h2 {
            font-size: 1.8rem;
            font-weight: 300;
            color: #000000;
            margin: 0px;
            line-height: 32px;
        }

        .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger {
            position: absolute;
            right: 25px;
            top: 16px;
        }

            .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger h3 {
                font-size: 1.8rem;
                text-transform: uppercase;
                font-weight: 500;
                position: relative;
                padding-right: 60px;
                margin: 0px;
                color: #333333;
            }

                .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger h3 small {
                    font-size: 1rem;
                    font-weight: 400;
                    color: #444;
                }

                .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger h3::after {
                    background: rgba(0, 0, 0, 0) url("../img/icon_plus2_red.png") repeat scroll 0 0 / 100% auto;
                    content: "";
                    cursor: pointer;
                    display: block;
                    height: 36px;
                    position: absolute;
                    right: 4px;
                    top: 4px;
                    width: 36px;
                }

            .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger.active h3:after {
                background-image: url(../img/icon_minus2_red.png);
            }

    .upgrade_reactivate .my-current-package .collapse-content {
        background-color: #f7f7f7;
        padding-bottom: 30px;
    }

        .upgrade_reactivate .my-current-package .collapse-content .col-md-4 {
            min-height: 200px;
            vertical-align: middle;
            line-height: 200px;
        }

            .upgrade_reactivate .my-current-package .collapse-content .col-md-4 span {
                display: inline-block;
                vertical-align: middle;
                line-height: normal;
                width: 100%;
            }

        .upgrade_reactivate .my-current-package .collapse-content h4, .upgrade_reactivate .my-current-package .collapse-content h2, .upgrade_reactivate .my-current-package .collapse-content p {
            text-align: center;
            color: #000;
            margin: 0px;
        }

        .upgrade_reactivate .my-current-package .collapse-content h4 {
            font-size: 1.28rem;
            font-weight: 500;
        }

        .upgrade_reactivate .my-current-package .collapse-content h2 {
            font-size: 1.8rem;
            font-weight: 300;
        }

        .upgrade_reactivate .my-current-package .collapse-content p {
            font-size: 1.1rem;
        }

        .upgrade_reactivate .my-current-package .collapse-content .tncdiv p {
            text-align: left;
        }

        .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .row {
            margin: 18px 0px 38px 20px;
        }

        .upgrade_reactivate .my-current-package .collapse-content .col-md-4:nth-child(2) span {
            border-left: 1px solid #e6e6e6;
            border-right: 1px solid #e6e6e6;
        }

        .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .col-md-6 h4 {
            font-size: 1.1111rem;
            font-weight: 500;
        }

    .upgrade_reactivate .my-current-package .addon-wrap {
        text-align: center;
        margin-bottom: 2px;
    }

        .upgrade_reactivate .my-current-package .addon-wrap h4 {
            position: relative;
            width: auto;
            display: inline-block;
            padding-right: 24px;
        }

        .upgrade_reactivate .my-current-package .addon-wrap p {
            width: 100%;
        }

        .upgrade_reactivate .my-current-package .addon-wrap .close {
            height: 25px;
            width: 25px;
            background: url(../img/icon_redcross.png) no-repeat;
            position: absolute;
            top: -1px;
            right: -6px;
            cursor: pointer;
        }

.upgrade_reactivate .select-package-label {
}

    .upgrade_reactivate .select-package-label p {
        font-size: 1.1rem;
        text-align: center;
        color: #4c4c4c;
        margin: 50px 0;
    }

.upgrade_reactivate .tabs-wrap {
    margin-top: 0px;
    min-height: auto;
}

.upgrade_reactivate .nav-tabs li {
    padding-top: 16px;
    padding-bottom: 16px;
}

    .upgrade_reactivate .nav-tabs li a {
        text-decoration: none;
    }

        .upgrade_reactivate .nav-tabs li a .channels .count, .upgrade_reactivate .nav-tabs li a .channels small {
            color: #808080;
        }

        .upgrade_reactivate .nav-tabs li a .channels {
            color: #ed2939;
            line-height: 18px;
        }

            .upgrade_reactivate .nav-tabs li a .channels small {
                margin: 0px;
                text-transform: uppercase;
                font-size: .8rem;
                width: 100%;
                float: left;
            }

            .upgrade_reactivate .nav-tabs li a .channels .count {
                height: 18px;
                width: 100%;
                float: left;
                font-size: 1.4rem;
                font-weight: 500;
            }

    .upgrade_reactivate .nav-tabs li.active a .channels .count, .upgrade_reactivate .nav-tabs li.active a .channels small {
        color: #ed2939;
    }

.upgrade_reactivate .tabs-wrap p {
    margin: 0px;
    font-size: 1.1rem;
    margin-bottom: 12px;
}

.upgrade_reactivate .tabs-content-wrap {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-top: -1px;
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    min-height: 400px;
    position: relative;
}

.upgrade_reactivate .tab-background {
    background: #f7f7f7 none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.upgrade_reactivate .tabs-content-wrap .list-packages {
}

    .upgrade_reactivate .tabs-content-wrap .list-packages .package {
        background: #fdfdfd;
        margin-bottom: 22px;
    }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package:hover {
            background: #fff;
            -webkit-box-shadow: 0px 0px 11px 5px rgba(240,240,240,1);
            -moz-box-shadow: 0px 0px 11px 5px rgba(240,240,240,1);
            box-shadow: 0px 0px 11px 5px rgba(240,240,240,1);
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .col-md-6:first-child {
            border-right: 1px solid #e6e6e6;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .col-md-2 {
            padding-left: 0px;
            border-left: 1px solid #e6e6e6;
            min-height: 270px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package h2 {
            font-weight: normal;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc {
            padding: 30px 10px 30px 20px;
            width: 55%;
            float: left;
            position: relative;
        }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc .badge {
                background: #ed2939;
                position: absolute;
                top: 0px;
                left: 0px;
                display: inline;
                font-size: .75rem;
                color: #fff;
                font-weight: 600;
                padding: 5px 16px 3px;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc h2 {
                color: #000000;
                font-size: 1.8rem;
                font-weight: 100;
                line-height: 34px;
                margin: 0;
                width: 100%;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc p {
                margin: 28px 0px;
                font-size: 1.1rem;
                color: #4d4d4d;
                line-height: 30px;
            }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels {
            float: right;
            width: 45%;
            padding: 30px 10px;
        }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels h2 {
                float: left;
                font-size: 2.4rem;
                line-height: 34px;
                margin: 0;
                text-align: center;
                width: 100%;
                margin-bottom: 8px;
            }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels h2 small {
                    float: left;
                    font-size: .9rem;
                    text-transform: uppercase;
                    width: 100%;
                    font-weight: 500;
                }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels .package-block {
                width: 48%;
                /*float: left;*/
                font-size: 1.4rem;
                color: #4c4c4c;
                text-align: center;
                padding: 8px 10px;
                word-wrap: break-word;
                min-height: 100px;
                display: inline-block;
                vertical-align: top;
            }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels .package-block small {
                    width: 100%;
                    float: left;
                    text-transform: uppercase;
                    color: #808080;
                    font-size: .65rem;
                    line-height: 12px;
                }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-offers {
            width: 50%;
            text-align: center;
            float: left;
            min-height: 135px;
            vertical-align: middle;
        }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-offers:first-child, .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-offers:nth-child(2) {
                border-bottom: 1px solid #e6e6e6;
                box-sizing: border-box;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-offers:first-child, .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-offers:nth-child(3) {
                border-right: 1px solid #e6e6e6;
                box-sizing: border-box;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-offers small {
                width: 100%;
                float: left;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-offers h3 {
                margin: 40px 0px;
                font-size: 1.4rem;
                font-weight: 500;
                line-height: 26px;
                float: left;
                width: 100%;
            }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-offers h3 small {
                    font-size: .9rem;
                    font-weight: 400;
                    float: left;
                    width: 100%;
                }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost {
            width: 100%;
            float: left;
        }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-header {
                width: 100%;
                float: left;
                padding: 10px 8px 7px 8px;
                background: #ed2939;
            }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-header h3 {
                    margin: 0px;
                    text-align: center;
                    color: #fff;
                    font-size: 1.2rem;
                    font-weight: 500;
                    width: 100%;
                    float: left;
                    line-height: 20px;
                }

                    .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-header h3 small {
                        width: 100%;
                        float: left;
                        text-transform: uppercase;
                        font-size: .7rem;
                        font-weight: 500;
                        width: 100%;
                        float: left;
                    }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content {
                text-align: center;
                float: left;
                width: 100%;
                padding: 0px 15px;
                box-sizing: border-box;
            }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content h3 {
                    font-size: 1.5rem;
                    font-weight: 500;
                    float: left;
                    width: 100%;
                    line-height: 20px;
                    margin-top: 42px;
                    margin-bottom: 18px;
                }

                    .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content h3 small {
                        float: left;
                        width: 100%;
                        font-size: .9rem;
                        font-weight: 300;
                    }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content span {
                    color: #808080;
                    font-size: .8rem;
                    font-weight: 500;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .btn1-red {
                    width: 100%;
                    background-image: none;
                    display: inline-block;
                    margin-top: 26px;
                    padding-bottom: 5px;
                    padding-top: 7px;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control-group {
                    display: inline-block;
                    vertical-align: top;
                    width: 100%;
                    margin-top: 25px;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control {
                    display: block;
                    position: relative;
                    padding-left: 30px;
                    margin-bottom: 15px;
                    cursor: pointer;
                    font-size: 18px;
                }

                    .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control input {
                        position: absolute;
                        z-index: -1;
                        opacity: 0;
                    }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control__indicator {
                    position: absolute;
                    top: 2px;
                    left: 0;
                    height: 34px;
                    width: 100%;
                    border: 1px solid #ed2939;
                    border-radius: 18px;
                    color: #ed2939;
                    line-height: 1.3rem;
                    padding: 5px 30px 7px 30px;
                    font-size: 1rem;
                    margin: 0 0px;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control--radio .control__indicator {
                    border-radius: 50%;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control:hover input ~ .control__indicator {
                    background: #ed2939;
                    color: #fff;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control input:checked ~ .control__indicator {
                    background: #f7f7f7;
                    border-color: #e6e6e6;
                    color: #999999;
                    margin: 0;
                    width: 100%;
                    cursor: default;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
                    background: #f7f7f7;
                    border-color: #e6e6e6;
                    color: #999999;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control input:disabled ~ .control__indicator {
                    background: #e6e6e6;
                    opacity: 0.6;
                    pointer-events: none;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control__indicator:after {
                    content: '';
                    position: absolute;
                    display: none;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control input ~ .control__indicator:before {
                    content: "Select";
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control input:checked ~ .control__indicator:before {
                    content: "Selected";
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control input:checked ~ .control__indicator:after {
                    display: block;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control--checkbox .control__indicator:after {
                    right: 0px;
                    top: 0px;
                    width: 32px;
                    height: 32px;
                    background: url(../img/icon_roundcross.png);
                    content: "";
                    cursor: pointer;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control--checkbox input:disabled ~ .control__indicator:after {
                    border-color: #7b7b7b;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control--radio .control__indicator:after {
                    left: 7px;
                    top: 7px;
                    height: 6px;
                    width: 6px;
                    border-radius: 50%;
                    background: #fff;
                }

                .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control--radio input:disabled ~ .control__indicator:after {
                    background: #7b7b7b;
                }


.upgrade_reactivate .upgrade-box {
}

    .upgrade_reactivate .upgrade-box .wrap-box {
        background: #ffffff;
        border: 1px solid #e6e6e6;
        padding: 25px 30px;
        margin-top: 12px;
    }

        .upgrade_reactivate .upgrade-box .wrap-box h2 {
            margin: 0px;
            font-weight: 300;
            font-size: 1.9rem;
            color: #333333;
        }

        .upgrade_reactivate .upgrade-box .wrap-box p {
            margin: 2px 0px;
            font-size: 1.11rem;
        }

        .upgrade_reactivate .upgrade-box .wrap-box .btn1-red {
            background-image: none;
            display: inline-block;
            font-weight: 400;
            height: 32px;
            min-height: auto;
            padding: 7px 20px 6px;
            text-align: center;
            width: 100%;
        }

        .upgrade_reactivate .upgrade-box .wrap-box .upgrade-btn {
            margin-top: 14px;
        }

.upgrade_reactivate .step-navigator {
    padding: 68px 0px;
    text-align: center;
}

    .upgrade_reactivate .step-navigator .btn-nextstep {
        background: url("../img/arrow_right_small_white.png") #ed2939 no-repeat scroll right 10px top 50%;
        color: #fff;
        padding: 6px 50px;
    }

        .upgrade_reactivate .step-navigator .btn-nextstep:hover {
            color: #fff;
            background-color: #c92331;
            border-color: #c92331;
        }


/*Author : VP - Upgrade_Reactivate - Upgrade Addon*/
.upgrade_reactivate .addon-manager {
    background-color: #f7f7f7;
    margin-top: 80px;
}

    .upgrade_reactivate .addon-manager .red-message {
        margin-top: -40px;
        background: url(../img/icon_checked.png) 20px center no-repeat #ed1c24;
        position: relative;
        padding: 12px 20px 12px 60px;
    }

        .upgrade_reactivate .addon-manager .red-message .undo {
            position: absolute;
            right: 20px;
            top: 0px;
            color: #fff;
            top: 12px;
        }

            .upgrade_reactivate .addon-manager .red-message .undo h4 {
                margin: 0px;
                font-size: 1.5rem;
                font-weight: 300;
            }

                .upgrade_reactivate .addon-manager .red-message .undo h4 b {
                    font-weight: 500;
                }

                .upgrade_reactivate .addon-manager .red-message .undo h4 a {
                    color: #fff;
                    font-size: 0.9rem;
                    font-weight: 400;
                    position: relative;
                    top: -4px;
                    margin-left: 10px;
                }

        .upgrade_reactivate .addon-manager .red-message p {
            margin: 0px;
            color: #fff;
            font-size: 1.5rem;
            font-weight: 300;
        }

            .upgrade_reactivate .addon-manager .red-message p b {
                font-weight: 500;
            }

    .upgrade_reactivate .addon-manager .customize-addons {
        border: 1px solid #e6e6e6;
        background-color: #ffffff;
        padding: 20px;
        margin-bottom: 60px;
    }

        .upgrade_reactivate .addon-manager .customize-addons.showing-channels {
            margin-bottom: 185px;
        }

        .upgrade_reactivate .addon-manager .customize-addons .step-navigator {
            padding: 62px 0 42px;
        }

        .upgrade_reactivate .addon-manager .customize-addons > p {
            font-size: 1.2rem;
            color: #333333;
            text-align: center;
            margin: 0px;
            line-height: 25px;
        }

    .upgrade_reactivate .addon-manager .removed-addons {
        border: 1px solid #e6e6e6;
        background-color: #f7f7f7;
        padding: 9px 15px;
        margin-top: 20px;
    }

        .upgrade_reactivate .addon-manager .removed-addons label {
            font-size: 1.1rem;
        }

        .upgrade_reactivate .addon-manager .removed-addons hr {
            margin: 6px 0px;
        }

        .upgrade_reactivate .addon-manager .removed-addons .total-cost {
            float: right;
            font-size: 1.1rem;
            margin-right: 5px;
        }

        .upgrade_reactivate .addon-manager .removed-addons .packs-list {
            display: inline-block;
            font-size: 1.1rem;
            border-right: 1px solid #ccc;
            padding-right: 20px;
            margin-right: 16px;
            font-weight: 500;
            color: #4d4d4d;
            line-height: 16px;
            margin-top: 4px;
        }

            .upgrade_reactivate .addon-manager .removed-addons .packs-list b {
                margin-left: 10px;
            }

    .upgrade_reactivate .addon-manager .customize-wrapper {
        border: 1px solid #e6e6e6;
        background-color: #f7f7f7;
        padding: 9px 25px;
        margin-top: 22px;
    }

        .upgrade_reactivate .addon-manager .customize-wrapper h3 {
            text-align: center;
            font-size: 1.5rem;
            font-weight: 400;
            margin: 18px 0px 22px;
        }

        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack {
        }

            .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper {
                border: 1px solid #e6e6e6;
                background-color: #fff;
                width: 49.3%;
                float: left;
                margin-bottom: 15px;
                position: relative;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper:nth-last-child(-n+2) {
                    margin-bottom: 10px;
                }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .checked-box {
                    height: 40px;
                    width: 40px;
                    position: absolute;
                    top: 0px;
                    right: 0px;
                    background: url(../img/icon_checkmark.png);
                    display: none;
                }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper.active .checked-box {
                    display: block;
                }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper:nth-child(2n) {
                    float: right;
                }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc, .popup-add-ons-popups .block-wrapper .channel-desc {
                    width: 350px;
                    float: left;
                    padding-left: 24px;
                    text-align: left;
                }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc h3, .popup-add-ons-popups .block-wrapper .channel-desc h3 {
                        color: #000000;
                        font-size: 1.8rem;
                        font-weight: 100;
                        line-height: 34px;
                        width: 100%;
                        text-align: left;
                        margin-bottom: 0px;
                        margin-top: 24px;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc p, .popup-add-ons-popups .block-wrapper .channel-desc p {
                        color: #4d4d4d;
                        font-size: 1.1rem;
                        line-height: 30px;
                        margin: 5px 0 14px;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc .show-channels, .popup-add-ons-popups .block-wrapper .channel-desc .show-channels {
                        color: #ed2939;
                        background: url(../img/arrow_down_red.png) left 3px no-repeat;
                        padding-left: 25px;
                    }

                        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc .show-channels.active, .popup-add-ons-popups .block-wrapper .channel-desc .show-channels.active {
                            background: url(../img/arrow_up_red.png) left 3px no-repeat;
                        }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost, .popup-add-ons-popups .block-wrapper .channel-cost {
                    border-left: 1px solid #e6e6e6;
                    width: 170px;
                    float: right;
                    min-height: 250px;
                    padding: 48px 10px 10px;
                    text-align: center;
                }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost .old-price, .popup-add-ons-popups .block-wrapper .channel-cost .old-price {
                        color: #444;
                        font-weight: 400;
                        margin: 12px 0px;
                        line-height: 20px;
                        text-decoration: line-through;
                        text-decoration-color: #aaa;
                        text-decoration-style: solid;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost .new-price, .popup-add-ons-popups .block-wrapper .channel-cost .new-price {
                        color: #ed2939;
                        font-weight: 400;
                        font-size: 2.2rem;
                        margin: 0px;
                        line-height: 26px;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost span, .popup-add-ons-popups .block-wrapper .channel-cost span {
                        color: #ed2939;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost .offer, .popup-add-ons-popups .block-wrapper .channel-cost .offer {
                        display: none;
                    }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list, .popup-add-ons-popups .channel-list {
                    background: #fff none repeat scroll 0 0;
                    bottom: 0;
                    display: inline-table;
                    position: absolute;
                    top: 250px;
                    width: 100%;
                    z-index: 999;
                    left: 0px;
                    right: 0px;
                }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list:after, .popup-add-ons-popups .channel-list:after {
                        content: " ";
                        position: absolute;
                        z-index: -1;
                        top: -1px;
                        left: -1px;
                        right: -1px;
                        bottom: -1px;
                        border: 1px solid #e6e6e6;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list ul, .popup-add-ons-popups .channel-list ul {
                        list-style: none;
                        margin: 0px;
                        padding: 0px;
                    }

                        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list ul li, .popup-add-ons-popups .channel-list ul li {
                            float: left;
                            width: 50%;
                            min-height: 100px;
                            text-align: center;
                            line-height: 100px;
                            border-bottom: 1px solid #e6e6e6;
                            border-right: 1px solid #e6e6e6;
                            color: #ed2939;
                            font-size: 2.2rem;
                            font-weight: 300;
                        }

                            .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list ul li:nth-child(2n+2), .popup-add-ons-popups .channel-list ul li:nth-child(2n+2) {
                                border-right: 0px;
                            }

                            .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list ul li:nth-last-child(-n+2), .popup-add-ons-popups .channel-list ul li:nth-child(2n+2) {
                                border-bottom: 0px;
                            }

.popup-add-ons-popups .block-wrapper {
    position: relative;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control-group {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 30px;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control input[type=checkbox] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 34px;
    width: 130px;
    border: 1px solid #ed2939;
    border-radius: 18px;
    color: #ed2939;
    line-height: 1.3rem;
    padding: 5px 30px 7px 30px;
    font-size: 1rem;
    margin: 0 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control--radio .control__indicator {
    border-radius: 50%;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control:hover input ~ .control__indicator {
    background: #ed2939;
    color: #fff;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control input:checked ~ .control__indicator {
    background: #f7f7f7;
    border-color: #e6e6e6;
    color: #999999;
    margin: 0;
    width: 100%;
    cursor: default;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #f7f7f7;
    border-color: #e6e6e6;
    color: #999999;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control input ~ .control__indicator:before {
    content: "Select";
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control input:checked ~ .control__indicator:before {
    content: "Selected";
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control input:checked ~ .control__indicator:after {
    display: block;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control--checkbox .control__indicator:after {
    right: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    background: url(../img/icon_roundcross.png);
    content: "";
    cursor: pointer;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}


/*Author : VP - Upgrade_Reactivate - OSN BOX*/
.upgrade_reactivate {
}

    .upgrade_reactivate .osn-boxes {
        background-color: #f7f7f7;
        margin-top: 160px;
    }

        .upgrade_reactivate .osn-boxes .red-message {
            margin-top: -120px;
            background: url(../img/icon_checked.png) 20px center no-repeat #ed1c24;
            position: relative;
            padding: 12px 20px 12px 60px;
        }

            .upgrade_reactivate .osn-boxes .red-message.repeat {
                margin-top: 9px;
                position: relative;
            }

                .upgrade_reactivate .osn-boxes .red-message.repeat:before {
                    height: 9px;
                    width: 1px;
                    border-left: 1px solid #e6e6e6;
                    content: "";
                    position: absolute;
                    top: -9px;
                    left: 0px;
                }

                .upgrade_reactivate .osn-boxes .red-message.repeat:after {
                    height: 9px;
                    width: 1px;
                    border-right: 1px solid #e6e6e6;
                    content: "";
                    position: absolute;
                    top: -9px;
                    right: 0px;
                }

            .upgrade_reactivate .osn-boxes .red-message .undo {
                position: absolute;
                right: 20px;
                top: 0px;
                color: #fff;
                top: 12px;
            }

                .upgrade_reactivate .osn-boxes .red-message .undo h4 {
                    margin: 0px;
                    font-size: 1.5rem;
                    font-weight: 300;
                }

                    .upgrade_reactivate .osn-boxes .red-message .undo h4 b {
                        font-weight: 500;
                    }

                    .upgrade_reactivate .osn-boxes .red-message .undo h4 a {
                        color: #fff;
                        font-size: 0.9rem;
                        font-weight: 400;
                        position: relative;
                        top: -4px;
                        margin-left: 10px;
                    }

            .upgrade_reactivate .osn-boxes .red-message p {
                margin: 0px;
                color: #fff;
                font-size: 1.5rem;
                font-weight: 300;
            }

                .upgrade_reactivate .osn-boxes .red-message p b {
                    font-weight: 500;
                }

        .upgrade_reactivate .osn-boxes .wrapping-boxes {
            background-color: #fff;
            border: 1px solid #e6e6e6;
            float: left;
            width: 100%;
            margin-bottom: 60px;
        }

            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content {
                padding-left: 15px;
                padding-right: 15px;
            }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .step-navigator {
                    float: left;
                    width: 100%;
                }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content h3 {
                    font-size: 1.5rem;
                    text-align: center;
                    font-weight: 400;
                    margin: 30px 0px;
                }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes {
                    float: left;
                    padding: 0px;
                    margin: 0px;
                    list-style: none;
                    margin-bottom: 20px;
                    width: 100%;
                    max-height: 530px;
                }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li {
                        width: 100%;
                        float: left;
                        border: 1px solid #e6e6e6;
                        position: relative;
                        box-sizing: border-box;
                        z-index: 999;
                    }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li:nth-child(2) { /*margin: 0 1.2%;*/
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li:last-child { /*float:right;*/
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .badge {
                            background: #ed2939 none repeat scroll 0 0;
                            color: #fff;
                            display: inline;
                            font-size: 0.75rem;
                            font-weight: 600;
                            left: 0;
                            padding: 4px 16px 4px;
                            position: absolute;
                            top: 0;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .checked-box {
                            background: rgba(0, 0, 0, 0) url("../img/icon_checkmark.png") repeat scroll 0 0;
                            display: none;
                            height: 40px;
                            position: absolute;
                            right: 0;
                            top: 0;
                            width: 40px;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li.active .checked-box {
                            display: block;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-header {
                            padding: 0px 10px;
                            text-align: center;
                        }

                            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-header h3 {
                                text-align: left;
                                margin-bottom: 10px;
                                margin-top: 33px;
                                font-size: 1.8rem;
                                font-weight: 300;
                            }

                            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-header .box-thumb {
                                min-height: 175px;
                                vertical-align: middle;
                                width: 100%;
                                float: left;
                                line-height: 175px;
                            }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits {
                            float: left;
                            width: 100%;
                            border-top: 1px solid #e6e6e6;
                            background-color: #fff;
                        }

                            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits {
                                width: 100%;
                                float: left;
                                padding: 0px;
                                margin: 0px;
                                list-style: none;
                                text-align: center;
                            }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li {
                                    width: 50%;
                                    float: left;
                                    height: 90px;
                                    line-height: 90px;
                                    padding: 10px;
                                    vertical-align: middle;
                                    box-sizing: border-box;
                                    border-bottom: 1px solid #e6e6e6;
                                    border-right: 1px solid #e6e6e6;
                                }

                                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li.full-wide {
                                        width: 100%;
                                        border-right: 0px;
                                    }

                                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li:nth-child(2n+2) {
                                        border-right: 0px;
                                    }

                                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li h4 {
                                        margin: 7px 0px;
                                        line-height: 20px;
                                        font-size: 1.2rem;
                                        font-weight: 500;
                                    }

                                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li.single-line h4 {
                                        line-height: 45px;
                                    }

                                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li p {
                                        margin: 0px;
                                        line-height: 16px;
                                        font-size: .9rem;
                                    }

                            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .show-benefits {
                                background: #fff url("../img/arrow_down_red.png") no-repeat scroll 6px 7px;
                                border: 1px solid #ff0000;
                                border-radius: 50%;
                                display: block;
                                height: 30px;
                                left: 50%;
                                margin-left: -16px;
                                overflow: hidden;
                                padding: 0;
                                position: relative;
                                text-indent: -200px;
                                top: -16px;
                                width: 30px;
                            }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .show-benefits.active {
                                    background-image: url("../img/arrow_up_red.png");
                                    background-position: 6px 6px;
                                }

                            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box {
                                text-align: center;
                                padding-top: 10px;
                            }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box h2 {
                                    color: #ed2939;
                                    font-size: 2.3rem;
                                    margin: 0px;
                                    font-weight: 400;
                                    line-height: 28px;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box p {
                                    color: #ed2939;
                                    margin: 0px;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control-group {
                                    display: inline-block;
                                    height: 36px;
                                    margin-bottom: 36px;
                                    margin-top: 16px;
                                    vertical-align: top;
                                    width: 100%;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control {
                                    display: block;
                                    position: relative;
                                    padding-left: 0px;
                                    margin-bottom: 0px;
                                    cursor: pointer;
                                    font-size: 18px;
                                    height: 36px;
                                }

                                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control input {
                                        position: absolute;
                                        z-index: -1;
                                        opacity: 0;
                                    }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control__indicator {
                                    position: absolute;
                                    top: 2px;
                                    left: 50%;
                                    height: 34px;
                                    margin-left: -76px;
                                    width: 154px;
                                    border: 1px solid #ed2939;
                                    border-radius: 18px;
                                    color: #ed2939;
                                    line-height: 1.3rem;
                                    padding: 5px 30px 7px 30px;
                                    font-size: 1rem;
                                    -webkit-transition: all 0.3s ease;
                                    -moz-transition: all 0.3s ease;
                                    -o-transition: all 0.3s ease;
                                    -ms-transition: all 0.3s ease;
                                    transition: all 0.3s ease;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control--radio .control__indicator {
                                    border-radius: 50%;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control:hover input ~ .control__indicator {
                                    background: #ed2939;
                                    color: #fff;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control input:checked ~ .control__indicator {
                                    background: #f7f7f7;
                                    border-color: #e6e6e6;
                                    color: #999999;
                                    cursor: default;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
                                    background: #f7f7f7;
                                    border-color: #e6e6e6;
                                    color: #999999;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control input:disabled ~ .control__indicator {
                                    background: #e6e6e6;
                                    opacity: 0.6;
                                    pointer-events: none;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control__indicator:after {
                                    content: '';
                                    position: absolute;
                                    display: none;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control input ~ .control__indicator:before {
                                    content: "Select";
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control input:checked ~ .control__indicator:before {
                                    content: "Selected";
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .add .control input ~ .control__indicator:before {
                                    content: "Add";
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .add .control input:checked ~ .control__indicator:before {
                                    content: "Added";
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control input:checked ~ .control__indicator:after {
                                    display: block;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control--checkbox .control__indicator:after {
                                    right: 0px;
                                    top: 0px;
                                    width: 32px;
                                    height: 32px;
                                    background: url(../img/icon_roundcross.png);
                                    content: "";
                                    cursor: pointer;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control--checkbox input:disabled ~ .control__indicator:after {
                                    border-color: #7b7b7b;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control--radio .control__indicator:after {
                                    left: 7px;
                                    top: 7px;
                                    height: 6px;
                                    width: 6px;
                                    border-radius: 50%;
                                    background: #fff;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control--radio input:disabled ~ .control__indicator:after {
                                    background: #7b7b7b;
                                }

                                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .message {
                                }

                                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .message p {
                                        color: #999999;
                                        font-size: 1rem;
                                        font-weight: 500;
                                        margin: 30px 0 62px;
                                    }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-item > li img {
                        display: inline-block;
                        margin: auto;
                        width: auto;
                    }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-nav {
                        position: absolute;
                        top: 28%;
                        width: 100%;
                    }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-nav > div {
                            height: 30px;
                            width: 30px;
                            border: 1px solid #ed2939;
                            text-indent: -100px;
                            border-radius: 50%;
                            overflow: hidden;
                            position: absolute;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-nav .owl-prev {
                            left: -12px;
                            background: #fff url(../img/arrow_left_small_red.png) center center no-repeat;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-nav .owl-next {
                            right: -12px;
                            background: #fff url(../img/arrow_right_small_red.png) center center no-repeat;
                        }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty-wrapper {
                }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty {
                    background: #f7f7f7;
                    border: 1px solid #e6e6e6;
                    float: left;
                    width: 100%;
                    padding: 15px 15px;
                }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty h3 {
                        margin: 0px;
                        float: left;
                        font-size: 1.1rem;
                        color: #4d4d4d;
                    }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area {
                        float: right;
                    }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area .cost {
                            float: left;
                            font-weight: 500;
                            font-size: 1.2rem;
                            margin-right: 15px;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area .add-warranty {
                            float: right;
                            margin-left: 30px;
                            margin-top: 3px;
                        }

                            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area .add-warranty label {
                                font-size: .9rem;
                            }



    /*Author : VP - Upgrade_Reactivate - Payment*/
    .upgrade_reactivate .red-message-wrapper {
        margin-top: 40px;
        ];
    }

        .upgrade_reactivate .red-message-wrapper .red-message {
            background: url(../img/icon_checked.png) 20px center no-repeat #ed1c24;
            position: relative;
            padding: 12px 20px 12px 60px;
            margin-bottom: 8px;
        }

            .upgrade_reactivate .red-message-wrapper .red-message p {
                margin: 0px;
                color: #fff;
                font-size: 1.5rem;
                font-weight: 300;
            }

                .upgrade_reactivate .red-message-wrapper .red-message p b {
                    font-weight: 500;
                }

            .upgrade_reactivate .red-message-wrapper .red-message .undo {
                position: absolute;
                right: 20px;
                top: 0px;
                color: #fff;
                top: 12px;
            }

                .upgrade_reactivate .red-message-wrapper .red-message .undo h4 {
                    margin: 0px;
                    font-size: 1.5rem;
                    font-weight: 300;
                }

                    .upgrade_reactivate .red-message-wrapper .red-message .undo h4 b {
                        font-weight: 500;
                    }

                    .upgrade_reactivate .red-message-wrapper .red-message .undo h4 a {
                        color: #fff;
                        font-size: 0.9rem;
                        font-weight: 400;
                        position: relative;
                        top: -4px;
                        margin-left: 10px;
                    }

    .upgrade_reactivate .payment-details {
        background: #f7f7f7;
        width: 100%;
        margin-top: 60px;
        display: inline-block;
    }

        .upgrade_reactivate .payment-details .align-section {
            display: inline-block;
            margin-top: -38px;
            padding-bottom: 16px;
        }

            .upgrade_reactivate .payment-details .align-section > div {
                padding: 0px;
            }

                .upgrade_reactivate .payment-details .align-section > div .credit-cards {
                    float: right;
                }

            .upgrade_reactivate .payment-details .align-section .iteniary {
                padding-bottom: 25px;
            }

            .upgrade_reactivate .payment-details .align-section .iteniary-header {
                margin-bottom: 18px;
            }

                .upgrade_reactivate .payment-details .align-section .iteniary-header h2 {
                    font-weight: 300;
                    font-size: 1.8rem;
                    margin: 0px 0px;
                    display: inline;
                }

                .upgrade_reactivate .payment-details .align-section .iteniary-header .total-cost {
                    display: inline;
                    font-weight: 500;
                    font-size: 1.6rem;
                    float: right;
                }

                    .upgrade_reactivate .payment-details .align-section .iteniary-header .total-cost small {
                        font-size: 1rem;
                        font-weight: 400;
                    }

            .upgrade_reactivate .payment-details .align-section .iteniary-content .payment-list {
                margin: 0;
                padding: 0;
            }

                .upgrade_reactivate .payment-details .align-section .iteniary-content .payment-list li {
                    list-style: none;
                    padding: 0 0 26px;
                    color: #333;
                }

                    .upgrade_reactivate .payment-details .align-section .iteniary-content .payment-list li span {
                        font-size: 1.1rem;
                        font-weight: 200;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-content .payment-list li h3 {
                        font-size: 2rem;
                        font-weight: 400;
                        margin: 0;
                        line-height: 34px;
                    }

            .upgrade_reactivate .payment-details .align-section .iteniary-content .show-mobile {
                display: none;
            }

            .upgrade_reactivate .payment-details .align-section .iteniary-content .total-cost {
                border-top: 1px solid #e6e6e6;
                font-size: 2rem;
                color: #ed1c24;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 25px;
            }

                .upgrade_reactivate .payment-details .align-section .iteniary-content .total-cost small {
                    font-size: .8rem;
                    color: #4d4d4d;
                    width: 100%;
                    float: left;
                }

            .upgrade_reactivate .payment-details .align-section .iteniary-footer {
                padding: 0px;
                border-top: 0px;
            }

                .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay {
                    background-color: #f7f7f7;
                    border: 1px solid #e6e6e6;
                    margin-left: -15px;
                    margin-right: -15px;
                    padding: 11px 15px;
                    font-size: 1.1rem;
                    height: 60px;
                }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .area-align {
                        display: inline-block;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .col {
                        display: inline-block;
                        float: left;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .txt {
                        padding: 5px 0px 0px;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .select {
                        margin-left: 10px;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay small {
                        font-size: 1rem;
                        margin-left: 16px;
                        line-height: 0px;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .selectize-control {
                        height: 36px;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .selectize-input {
                        border-radius: 0px;
                        box-shadow: none;
                        font-size: 1.1rem;
                        width: 170px;
                        text-align: left;
                        padding-left: 12px;
                        border-color: #e6e6e6;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .selectize-dropdown {
                        width: 99% !important;
                        margin-left: 1px;
                    }

                        .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .selectize-dropdown .selectize-dropdown-content {
                            border-radius: 10px;
                        }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .selectize-input::after {
                        background: rgba(0, 0, 0, 0) url("../img/dropdown-grey.png") repeat scroll center center;
                        border: 0 none;
                        content: "";
                        height: 11px;
                        top: 15px;
                        width: 24px;
                    }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .selectize-input.dropdown-active::after {
                        background-image: url(../img/dropup-grey.png);
                    }

                .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap {
                    margin-left: -15px;
                    margin-right: -15px;
                }

                    .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap .area-align {
                        display: inline-block;
                        width: 100%;
                    }

                        .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap .area-align .error .error-msg {
                            bottom: -22px;
                            color: #ed1c24;
                            display: block;
                            font-size: 0.85rem;
                            left: auto !important;
                            position: absolute;
                            right: 0;
                        }

                        .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap .area-align .remember, .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap .area-align .action {
                            display: inline-block;
                        }

                        .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap .area-align .remember {
                            padding-top: 0px;
                            margin-top: 25px;
                            font-size: 1.1rem;
                            color: #4d4d4d;
                            padding-left: 25px;
                        }

                            .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap .area-align .remember .chk1 + label::before {
                                background-color: #fff;
                            }

                        .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap .area-align .action {
                            float: right;
                        }

                            .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap .area-align .action .btn1 {
                                margin-top: 22px;
                            }

            .upgrade_reactivate .payment-details .align-section .col-md-4 .total-cost {
                display: none;
            }


    /*Author : VP - Upgrade_Reactivate - Reactivate*/
    .upgrade_reactivate .reactivate-label p {
        color: #4c4c4c;
        font-size: 1.1rem;
        margin: 35px 0px 35px;
        text-align: center;
    }

    .upgrade_reactivate .reactivate-package {
        background-color: #f7f7f7;
        padding: 22px 30px;
        position: relative;
        margin-top: 38px;
    }

        .upgrade_reactivate .reactivate-package .panel-header {
            position: relative;
        }

            .upgrade_reactivate .reactivate-package .panel-header h3 {
                font-size: 1.7rem;
                font-weight: 400;
                line-height: 28px;
                margin: 8px 0px;
            }

                .upgrade_reactivate .reactivate-package .panel-header h3 small {
                    font-size: 1rem;
                    text-transform: uppercase;
                    width: 100%;
                    float: left;
                }

            .upgrade_reactivate .reactivate-package .panel-header .cost {
                position: absolute;
                right: 0px;
                top: 6px;
                font-size: 1.7rem;
                font-weight: 500;
                text-align: center;
                line-height: 22px;
                width: 103px;
            }

                .upgrade_reactivate .reactivate-package .panel-header .cost small {
                    width: 100%;
                    float: left;
                    font-size: 1rem;
                    font-weight: 400;
                    text-transform: uppercase;
                }

        .upgrade_reactivate .reactivate-package .panel-content {
            background-color: #fff;
            margin: 18px 0px;
            padding: 16px 15px;
            display: inline-block;
            width: 100%;
        }

            .upgrade_reactivate .reactivate-package .panel-content h4 {
                font-size: 1rem;
                text-transform: uppercase;
                font-weight: 400;
                margin: 0px;
            }

            .upgrade_reactivate .reactivate-package .panel-content .addon-list {
                list-style: none;
                margin: 0px;
                padding: 0px;
            }

                .upgrade_reactivate .reactivate-package .panel-content .addon-list li {
                    float: left;
                    font-size: 1.2rem;
                    font-weight: 400;
                    margin-right: 30px;
                }

                    .upgrade_reactivate .reactivate-package .panel-content .addon-list li b {
                        font-weight: 600;
                    }

        .upgrade_reactivate .reactivate-package .panel-footer {
            text-align: center;
            padding-top: 8px;
            padding-bottom: 8px;
        }

            .upgrade_reactivate .reactivate-package .panel-footer .action .btn1 {
                min-width: 250px;
                background-image: none;
                display: inline-block;
                color: #fff;
                background-color: #ed2939;
                border-color: #ed2939;
            }

            .upgrade_reactivate .reactivate-package .panel-footer .action .btn-confirm {
                margin-left: 50px;
            }

            .upgrade_reactivate .reactivate-package .panel-footer .action .btn1:hover {
                background-color: #c92331;
            }


.popup-confirm-success h3 {
    position: relative;
    padding-left: 40px;
    display: inline-block;
    margin-left: -15px;
}

    .popup-confirm-success h3:before {
        content: "";
        height: 32px;
        width: 32px;
        background: url(../img/icon_checked_red.png) no-repeat center center;
        left: 0px;
        display: block;
        position: absolute;
        top: 5px;
    }

.popup-confirm-error h3 {
    position: relative;
    padding-left: 40px;
    display: inline-block;
    margin-left: -15px;
}

    .popup-confirm-error h3:before {
        content: "";
        height: 32px;
        width: 32px;
        background: url(../img/icon_close_btn.png) no-repeat center center;
        left: 0px;
        display: block;
        position: absolute;
        top: 5px;
    }

.upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-nav .disabled {
    display: none;
}

.image-bubble {
    -webkit-box-shadow: -7px -5px 22px -9px rgba(99,95,95,1);
    -moz-box-shadow: -7px -5px 22px -9px rgba(99,95,95,1);
    box-shadow: -7px -5px 22px -9px rgba(99,95,95,1);
}

.tooltip-content ol {
    display: none;
}

.image-bubble {
    width: 460px !important;
    ;
}

    .image-bubble .tipso_content {
        padding: 0;
        text-align: left;
        width: 100%;
    }

        .image-bubble .tipso_content ol {
            margin: 0;
            padding: 0;
            position: absolute;
            width: 40%;
            right: 10px;
            text-align: left;
            top: 20px;
            color: #fff;
            font-weight: 500;
            font-size: 0.95rem;
            display: block !important;
        }

.tt-close-btn {
    display: none;
}

.suggestion_help i {
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
    background: #a7c503;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    margin-left: 8px;
    cursor: pointer;
    font-family: Arial;
}

.suggestion_help {
    font-size: 13px;
    color: #6a6161;
    font-weight: normal;
}

.ExternalPaymentLink .popover {
    max-width: 550px;
    width: 550px;
}

    .ExternalPaymentLink .popover .channel-cost {
        width: 50%;
        float: left;
        min-height: 250px;
        padding: 18px 10px 10px;
        text-align: center;
    }

        .ExternalPaymentLink .popover .channel-cost:nth-child(2n) {
            border-left: 1px solid #ddd;
        }

        .ExternalPaymentLink .popover .channel-cost h3 {
            text-align: center !important;
            font-size: 1.5rem !important;
            font-weight: 400 !important;
            margin: 18px 0px 22px !important;
        }

    .ExternalPaymentLink .popover .new-price {
        color: #ed2939;
        font-weight: 400;
        font-size: 2.2rem;
        margin: 0px;
        line-height: 26px;
    }

    .ExternalPaymentLink .popover .channel-cost span {
        color: #ed2939;
    }

.ExternalPaymentLink .block-wrapper .control-group {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 30px;
    max-width: 170px;
}

.ExternalPaymentLink .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

    .ExternalPaymentLink .control input:checked ~ .control__indicator {
        background: #f7f7f7;
        border-color: #e6e6e6;
        color: #999999;
        margin: 0;
        width: 100%;
        cursor: default;
        max-width: 150px;
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%);
    }

        .ExternalPaymentLink .control input:checked ~ .control__indicator:before {
            content: "Selected";
        }

.ExternalPaymentLink .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 34px;
    width: 130px;
    border: 1px solid #ed2939;
    border-radius: 18px;
    color: #ed2939;
    line-height: 1.3rem;
    padding: 5px 30px 7px 30px;
    font-size: 1rem;
    margin: 0 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ExternalPaymentLink .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.ExternalPaymentLink .control--checkbox .control__indicator:after {
    right: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    background: url(../img/icon_roundcross.png);
    content: "";
    cursor: pointer;
    position: absolute;
}

.newSrection {
    border: #e6e6e6 solid 1px;
    margin: 10px 0;
    padding: 30px;
    border-radius: 4px;
}

    .newSrection ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .newSrection ul li {
            list-style: none;
            padding-bottom: 15px;
        }

            .newSrection ul li label {
                color: #000;
                display: block;
                padding-bottom: 10px;
                font-size: 14px;
            }

            .newSrection ul li span.feild {
                display: inline-block;
                width: 100%;
            }

                .newSrection ul li span.feild select {
                    min-width: 220px;
                    min-height: 32px;
                }

    .newSrection .smartcode-input {
        padding-left: 0;
    }



.marginright15 {
    margin-right: 15px;
}

.viewBillhistory {
    right: 0;
}

.customerEngagement-popup {
    position: fixed !important;
    width: 90%;
    max-width: 640px;
    background: #fff;
    padding: 20px 0 0 0;
    z-index: 99999;
    border-radius: 4px;
    box-shadow: 0 0 20px #ccc;
    display: none;
}

    .customerEngagement-popup h2 {
        padding: 0 30px 15px;
        margin: 0;
        font-size: 18px;
    }

.welcome-wrap .container h2 {
    border: none;
    padding: 0;
    font-size: 24px;
}

.welcome-wrap .container h3 {
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.blackBtn {
    background: #333 !important;
    color: #fff;
    border-color: #000;
}

.buttonHolder {
    background: #f0f0f0;
    padding: 15px 0;
    border-top: 1px solid #cbcbcb;
    margin-left: -30px;
    width: calc(100% + 60px);
}

.laterSection a {
    font-size: 14px;
    color: #45d70c;
    text-decoration: none;
}

    .laterSection a span {
        display: inline-block;
        color: #000;
    }

.customerEngagement-popup h2 {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #ddd;
}

.customerEngagement-popup .simplePopupClose {
    display: none !important;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.padtop10 {
    padding-top: 10px;
}

.padbottom10 {
    padding-bottom: 10px;
}

.equal-height {
    display: -webkit-flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.small {
    font-size: 80%;
}


.reward_section {
    background-color: #f7f7f7;
    padding: 15px;
    width: 100%;
    float: left;
    margin: 15px 0;
}

.rewards_missons_section {
    padding: 15px !important;
    padding-bottom: 0 !important;
}

    .rewards_missons_section > img {
        padding-bottom: 15px !important;
    }

.reward_missons_box {
    width: 44%;
    border: 1px solid #e6e6e6;
    line-height: 28px;
    position: relative;
    padding: 40px 8px 20px;
    text-align: center;
    margin-bottom: 20px;
    background: #fff;
    min-height: 172px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 3% 20px 3%;
}

    .reward_missons_box:last-child:nth-child(odd) {
        margin: 0 auto;
    }


    .reward_missons_box span, .rewards_popup span {
        border: none !important;
        padding: 0 !important;
        display: block;
    }

        .reward_missons_box span.title, .rewards_popup span.title {
            font-weight: 500;
        }

        .reward_missons_box span.amount, .rewards_popup span.amount {
            font-size: 18px;
            line-height: 1.2;
            padding-top: 6px !important;
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translate(-50%, 0%);
            background: #ed2939;
            background: -moz-linear-gradient(top, #ed2939 0%, #a0000d 100%);
            background: -webkit-linear-gradient(top, #ed2939 0%,#a0000d 100%);
            background: linear-gradient(to bottom, #ed2939 0%,#a0000d 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2939', endColorstr='#a0000d',GradientType=0 );
            border-radius: 0 0 3px 3px;
            color: #fff;
            box-shadow: #333333 -1px 1px 5px;
        }

            .reward_missons_box span.amount::before, .rewards_popup span.amount::before {
                content: " ";
                position: absolute;
                left: -5px;
                top: 0;
                border-top: 10px solid transparent;
                border-right: 5px solid #a9000f;
            }

            .reward_missons_box span.amount span, .rewards_popup span.amount span {
                font-size: 12px;
                margin-top: 5px;
                background: #fff;
                color: #ed2939;
                padding: 2px 6px !important;
                border-radius: 0 0 3px 3px;
                font-weight: 500;
            }

    .reward_missons_box a, .reward_missons_box a:hover {
        text-decoration: none;
        border-bottom: #ed2939 dotted 1px;
    }

    .reward_missons_box span.chkRewarded img {
        width: 16px;
        display: inline-block;
    }
    /*.reward_missons_box span.link-text{
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}*/
    .reward_missons_box span.link-text {
        font-size: 14px;
        line-height: 1.4;
        margin: 6px 0;
    }

.reward_btn,
.reward_btn:focus {
    border: #ed2939 solid 1px !important;
    background: #ed2939;
    color: #fff;
    width: auto;
    padding: 2px 10px;
    border-radius: 15px;
    text-decoration: none;
    line-height: 1.3;
    margin: 10px auto 0;
    min-width: 125px;
}

    .reward_btn:hover {
        border: #ed2939 solid 1px !important;
        background: #fff;
        color: #ed2939;
        text-decoration: none;
    }

    .reward_btn.disable {
        opacity: 0.5;
        cursor: not-allowed;
    }

        .reward_btn.disable:hover {
            background: #ed2939;
            color: #fff;
        }

    .reward_btn.secondary_btn,
    .reward_btn.secondary_btn:focus {
        border: #ed2939 solid 1px !important;
        background: #fff;
        color: #ed2939;
        width: auto;
        padding: 2px 10px;
        border-radius: 15px;
        text-decoration: none;
        line-height: 1.3;
        margin: 10px auto 0;
    }

        .reward_btn.secondary_btn:hover {
            border: #ed2939 solid 1px !important;
            background: #ed2939;
            color: #fff;
        }

.rewards_popup .reward_btn {
    min-width: 150px;
    display: inline-block;
}



.reward_missons_box.gray_box {
    background: #d4d4d4;
}

.reward_tag {
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 56px;
    overflow: hidden;
}

    .reward_tag img {
        max-width: 100%;
    }

.reward_title {
    margin: 0;
    padding: 0 0 15px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

.reward_table_section {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    padding: 15px;
}

.reward_table {
    margin-bottom: 0;
}

    .reward_table th {
        border-top: none !important;
        vertical-align: middle !important;
    }

    .reward_table td {
        text-align: center;
    }

        .reward_table td:before {
            content: attr(data-label) ": ";
            font-weight: bold;
            width: auto;
            display: none;
            padding-right: 5px;
        }

        .reward_table td.no-data {
            background: #ececec;
        }

            .reward_table td.no-data:before {
                content: "";
            }

.rewards_popup {
    padding: 0;
    border-radius: 6px;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.connect_popup {
    transform: translate(-50%,-50%);
}

.rewards_popup h3 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    padding: 15px;
    border-bottom: 1px solid #ececec;
}

    .rewards_popup h3 a {
        color: #ed2939;
        text-decoration: none;
        font-size: 18px;
    }

        .rewards_popup h3 a:hover {
            color: #000;
            text-decoration: none;
            font-size: 18px;
        }

.rewards_popup .popup_content {
    width: 100%;
    float: left;
    padding: 30px;
    border-bottom: 1px solid #cbcbcb;
}

.rewards_popup .action {
    width: 100%;
    float: left;
    background: #f0f0f0;
    padding-bottom: 15px;
    padding-top: 15px;
    border: none;
}

    .rewards_popup .action .btn1 {
        margin-top: 0;
    }

.overlay-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(212, 212, 212, 0.26);
    height: 100%;
}

.reward_missons_box a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    color: #ed2939;
}

.popup_content .popuplist {
    text-align: justify;
    transform: translate(50%);
    margin: 10px 0;
    margin-left: -50%;
}

#purchaseshistory .movie_purchase {
    padding: 30px 0 20px;
}

    #purchaseshistory .movie_purchase .owl-nav,
    #purchaseshistory .movie_purchase .owl-dots {
        display: none;
    }



/* Task id 98898 */

.owl-carousel .owl-stage,
.pane-carousel.owl-carousel {
    display: -webkit-flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.owl-carousel.owl-drag .owl-item .car-item {
    height: 100%;
    padding-bottom: 45px;
}

.owl-carousel .car-item {
    padding-bottom: 45px;
}

    .owl-carousel .car-item .meta-availabledate {
        color: #ed2939;
        position: absolute;
        bottom: 0;
        left: 10px;
    }

.pane-carousel .car-item h4 a {
    font-size: 1rem;
}
/* Task id 98898 End */



/* Task id 98907 */
.main-nav > li.drop > a {
    word-break: break-word;
}
/* Task id 98907 end */

.owl-carousel {
    float: left;
}



/* Id 99131*/
.date-meter .days-left2 {
    float: right;
    margin-top: 25px;
}
/* 99228 */
.content-payments span.meta-availabledate {
    color: #ed2939;
    position: absolute;
    bottom: 0;
}

.content-payments .filter-results ul.equal-height li {
    position: relative;
    padding-bottom: 25px;
}

.NoRecordsFound {
    padding: 10px 0;
}
/*99228*/
.content-payments span.meta-availabledate {
    color: #ed2939;
    position: absolute;
    bottom: 0;
}

.content-payments .filter-results ul.equal-height li {
    position: relative;
    padding-bottom: 25px;
}

.NoRecordsFound {
    padding: 10px 0;
}
/*100155*/
.upgrade_reactivate .my-current-package .collapse-content .col-md-4 .row {
    margin: 18px 0px 28px 0px;
}

    .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .row .col-md-6 {
        width: 100%;
        padding: 0px;
    }

        .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .row .col-md-6 .addon-wrap {
            width: 100%;
            float: left;
            margin-bottom: 20px;
        }

            .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .row .col-md-6 .addon-wrap h4 {
                padding-right: 0px;
            }


/* Save/Update Card */

.save-card {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    margin-top: -51px;
    background: #fff;
    font-size: 18px;
}

    .save-card fieldset span,
    .save-card fieldset label {
        padding-right: 20px;
        position: inline-block;
        padding-top: 5px;
        color: #4d4d4d;
    }

        .save-card fieldset span.value {
            position: relative;
            bottom: -3px;
            margin-right: 30px;
        }

    .save-card fieldset a {
        text-decoration: underline;
        font-size: 1.2rem;
        font-weight: 200;
    }

    .save-card .save-card-field fieldset {
        margin-bottom: 10px;
        padding: 0;
        padding: 0 20px;
    }

        .save-card .save-card-field fieldset .field1 {
            background: #fff;
            border: #e6e6e6 solid 1px;
            border-radius: 4px;
            padding: 0;
            max-width: 100%;
            font-size: 1.07rem;
        }

        .save-card .save-card-field fieldset .field1 {
            width: 100%;
            float: left;
        }

        .save-card .save-card-field fieldset label {
            width: 100%;
            float: left;
            text-align: left;
        }

        .save-card .save-card-field fieldset .field3 label {
            width: 20%;
            float: left;
        }

        .save-card .save-card-field fieldset input {
            width: 100%;
            height: 40px;
            padding: 10px 15px;
            border: 0;
            background: none;
        }
        /*.save-card .save-card-field fieldset input.cardcvv{
background: url(../img/ccv_icon.png);
background-repeat:no-repeat;
background-position:100% 50%;
background-size:40px;
}*/
        .save-card .save-card-field fieldset.cvv-section {
            background: url(../img/ccv_icon.png);
            background-repeat: no-repeat;
            background-position: 88% 5px;
            background-size: 40px;
        }

    .save-card .cvv-section {
        width: 60%;
        float: right;
    }

    .save-card .expiry-section .field2,
    .save-card .expiry-section .field3 {
        width: 45%;
        float: left;
        margin-right: 5%;
    }
    /*.save-card .expiry-section select.blank-error + div .selectize-dropdown,*/
    .save-card .expiry-section select.blank-error + div .selectize-input {
        border: 1px solid #ff0000 !important;
        color: #ff0000 !important;
    }

    .save-card .cvv-section label.card-cvv-txt {
        width: 40%;
    }

    .save-card .save-card-field .expiry-section span.error-msg {
        color: #ff0000 !important;
        font-size: .75rem;
        text-align: left;
        padding: 0;
        position: absolute;
        bottom: -15px;
        left: 10px;
    }

    .save-card .expiry-section .field2 select,
    .save-card .expiry-section .field3 select {
        width: 100%;
        float: left;
        min-height: 40px;
        background: #fff;
        border: #e6e6e6 solid 1px;
        border-radius: 4px;
        padding: 0;
    }

.user-detail.save-card .save-card-field .expiry-section span.error-msg {
    left: 20px;
}

.save-card-button {
    margin: 15px 0 25px;
    padding: 0 20px;
}

.save-card .hint {
    width: 22px;
    height: 22px;
    display: inline-block;
    border: #5a5a5a solid 1px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #5a5a5a;
    font-weight: 500;
    margin-top: 5px;
}

.btnnew {
    background: #fff;
    color: #ed2939;
    border: #ed2939 solid 1px;
    font-size: 1rem !important;
    font-weight: 200;
    border-radius: 17px;
    line-height: 1rem;
    height: auto !important;
    min-height: 33px !important;
    padding: 5px 30px;
    text-decoration: none !important;
}

    .btnnew:hover,
    .btnnew:focus {
        background: #ed2939;
        color: #fff;
        text-decoration: none !important;
    }

    .btnnew.red-btnnew {
        background: #ed2939;
        color: #fff;
        line-height: 21px;
    }

        .btnnew.red-btnnew:hover {
            background: #fff;
            color: #ed2939;
        }

        .btnnew.red-btnnew:disabled:hover {
            background: #ed2939;
            color: #fff;
            line-height: 21px;
        }

.cancel-card-btn {
    margin-right: 20px;
}

.user-detail fieldset.expiry-section {
    width: 65%;
    float: left;
}

.user-detail fieldset.cvv-section {
    width: 35%;
    float: left;
    padding-left: 0;
}

.save-card .selectize-input, .save-card .selectize-input input {
    line-height: 21px;
    text-align: left !important;
}

.save-card .selectize-dropdown-content {
    text-align: left !important;
    border: 1px solid #d0d0d0;
    border-top: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.save-card-field span.error-msg,
.save-card-field span.error-msg span {
    width: 100%;
}

.payment .user-info {
    margin-bottom: 40px;
}

    .payment .user-info .info-details-left,
    .payment .user-info .info-details-right {
        border: 1px solid #e1e1e1;
        padding: 0;
        width: 49%;
    }

    .payment .user-info .info-details-left {
        margin-right: 1%;
    }

    .payment .user-info .info-details-right {
        margin-left: 1%;
    }

    .payment .user-info .user-detail {
        border: none;
    }

.user-dp {
    margin-bottom: 40px;
}

.user-dp .dp-details-left,
.user-dp .dp-details-right {
    border: 0px solid #e1e1e1;
    padding: 0;
    width: 49%;
}

.user-dp .dp-details-left {
    margin-right: 1%;
}

.user-dp .dp-details-right {
    margin-left: 1%;
}

.user-dp .dp-detail {
    border: none;
}

.dp-channels {
    color: #9a9a9a;
    width: 100%;
    margin-bottom: 39px;
    font-size: 1.2rem;
    padding: 0 5px;
}

.user-detail.save-card {
    border-top: 1px solid #e1e1e1 !important;
}

    .user-detail.save-card > .col-md-12 {
        padding: 0px;
    }

p.savecard-text {
    color: #9a9a9a;
    text-align: center;
}

.Card-Terms-Conditions {
    width: 100%;
    float: left;
    padding: 0 20px;
}

    .Card-Terms-Conditions fieldset {
        padding: 0 !important;
    }

    .Card-Terms-Conditions label {
        width: 100% !important;
        float: left !important;
        text-align: left;
        padding-left: 30px !important;
    }

        .Card-Terms-Conditions label:before {
            margin: 0 0 0 -30px !important;
        }

.TC-card-button {
    padding: 10px 0;
    text-align: right !important;
}

h4.CardTC {
    color: #9a9a9a;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
}

p.CardTC {
    color: #9a9a9a;
    text-align: left;
    font-size: 16px;
}

.card-thanks-message {
    padding: 0 20px;
    width: 100%;
    float: left;
}

.save-card-field .error-msg {
    position: absolute;
}

.save-card-field .field1.error {
    margin-bottom: 15px;
}

.card-wrapper {
    position: absolute;
    right: 10px;
    top: -8px;
}

    .card-wrapper .card-icon {
        border: 1px solid #e6e6e6;
        padding: 10px;
        border-radius: 2px;
        padding: 10px;
        display: inline-block;
        width: 58px;
        height: 28px;
        float: left;
        margin-right: 10px;
    }

        .card-wrapper .card-icon:last-child {
            margin-right: 0;
        }

.savecard-text .card-icon {
    padding: 5px;
    border-radius: 2px;
    display: inline-block;
    width: 54px;
    height: 32px;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
}

.card-icon.visa {
    background: #f7f7f7 url(../img/creditcard/icon-visa.png) no-repeat 50% 50%;
}

.card-icon.master {
    background: #f7f7f7 url(../img/creditcard/icon-mastercard.png) no-repeat 50% 50%;
}

.card-icon.amex {
    background: #f7f7f7 url(../img/creditcard/icon-american-express.png) no-repeat 50% 50%;
}

.card-icon.diners {
    background: #f7f7f7 url(../img/creditcard/icon-dyners-club.png) no-repeat 50% 50%;
}

.activeCard {
    border-color: #555 !important;
}

.deactiveCard {
    opacity: .6;
}

.savecard-text.card-icon {
    padding-left: 50px;
}

.savecard-callback {
    width: 100%;
    float: left;
}

.savecard-rewards-popup .save-card {
    width: 100%;
    float: left;
    margin-top: 0;
    border: 0;
}

    .savecard-rewards-popup .save-card .save-card-field {
        width: 100%;
        float: left;
        position: relative;
    }

        .savecard-rewards-popup .save-card .save-card-field fieldset.expiry-section {
            width: 65%;
            float: left;
        }

        .savecard-rewards-popup .save-card .save-card-field fieldset.cvv-section {
            width: 35%;
            float: left;
            padding-left: 0;
        }

        .savecard-rewards-popup .save-card .save-card-field fieldset {
            padding: 0 10px;
        }

    .savecard-rewards-popup .save-card fieldset span,
    .savecard-rewards-popup .save-card fieldset label {
        padding-right: 0px;
    }
/*save card in account tab End here*/


/* 101473 */
.call-back-form-popup {
    width: 100%;
    float: left;
}

    .call-back-form-popup .call-back > fieldset .location-wrap .cols.col2 {
        width: 100%;
        float: left;
    }

    .call-back-form-popup .radio-wrap {
        margin-top: 0;
    }

    .call-back-form-popup label {
        padding-left: 5px !important;
    }

    .call-back-form-popup .location-wrap .txt1-select {
        height: auto;
    }

    .call-back-form-popup .form1 fieldset {
        margin: 0 0 15px;
    }

    .call-back-form-popup .call-back .note {
        padding-left: 5px !important;
        width: 100%;
        float: left;
    }

.call-back-account .form1 .txt1 {
    width: 100%;
    float: left;
}

.call-back-account .form1 fieldset {
    padding: 0 !important;
}

.call-back-account .radio-wrap {
    width: 45%;
}

    .call-back-account .radio-wrap label {
        width: 100%;
    }

.savecard-callback .call-back-account-button {
    padding: 0px 15px 20px;
}

.call-back-form-popup .action {
    margin-bottom: 0 !important;
    border-top: 1px solid #cbcbcb;
    text-align: center;
}

.call-back-form-popup h4 {
    margin-top: 0;
}

/*call back for MOP End here*/







/* 100819 */
.main-header-section {
    height: auto;
    position: fixed;
    width: 100%;
    background: #fff;
}

/*.main-body-section {
    padding-top: 56px;
}*/

.header-wrap .main-logo {
    padding: 14px 0;
}

    .header-wrap .main-logo img {
        height: 28px;
    }

/*bug : OSN Logo overlap issue start*/
.header-wrap .main-nav-wrap {
    float: left;
    height: 56px;
    width: 100%;
    margin-right: -72px;
    padding-right: 80px;
    cursor: pointer;
}

.main-nav-wrap .reset-list {
    margin: 0px;
    padding: 0px 10px;
}
/*bug : OSN Logo overlap issue end*/

.header-wrap .main-nav-wrap .main-nav {
    float: left;
    width: 100%;
}

    .header-wrap .main-nav-wrap .main-nav li.drop2 {
        float: left;
    }

    .header-wrap .main-nav-wrap .main-nav li a {
        padding: 14px 22px;
    }

.main-nav > li.drop > a {
    width: 180px;
    padding: 5px 35px 5px 10px;
}

.header-wrap .main-nav-wrap .main-nav li.navicon.drop a {
    line-height: 18px;
    font-size: 1rem;
    min-height: 18px;
}

.header-wrap .main-nav-wrap .main-nav li.navicon.drop > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 35px 0 10px;
}

.header-wrap .main-nav-wrap .main-nav .drop2-menu a {
    font-size: 1.3em;
    color: #fff;
    font-weight: 400;
    display: block;
    padding: 9px 0;
}

    .header-wrap .main-nav-wrap .main-nav .drop2-menu a:hover {
        color: #ed2939;
        text-decoration: none;
    }

.header-wrap .main-nav-wrap .main-nav .drop2-menu .sub-menu {
    margin-left: 10px;
}

    .header-wrap .main-nav-wrap .main-nav .drop2-menu .sub-menu a {
        padding: 5px 0;
        color: #808080;
        font-size: 1em;
        font-weight: 400;
        display: block;
    }

        .header-wrap .main-nav-wrap .main-nav .drop2-menu .sub-menu a:hover {
            color: #ed2939;
            text-decoration: none;
        }


/*  Recognition Section  */

.recognition-section {
    border: #e6e6e6 solid 1px;
    padding: 15px;
    margin-bottom: 20px;
}

.recognition-slider .owl-item {
    padding: 0 5px;
}

.recognition-slider .item {
    border: #e6e6e6 solid 1px;
    /*height: 100%;*/
    text-align: center;
    padding: 10px;
    background: #ffffff;
    padding-bottom: 35px;
    position: relative;
}

.recognition-slider .owl-item .item {
    height: 100%;
}

.recognition-slider .item.inactive {
    background: #d4d4d4;
}

.recognition-slider .item h4 {
    margin: 10px 0;
}
/*.recognition-slider .item .red-recognition{
    width: 60px;
    background: #ed2939;
    border-radius: 50%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    margin: 0 auto;
    text-align:center;
    padding:10px;
}*/
.recognition-slider .item .red-recognition {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0px auto;
    text-align: center;
}

    .recognition-slider .item .red-recognition img {
        width: 100%;
        display: inline-block;
        height: 70px;
    }
/*.recognition-slider  .item.inactive{
    background:#d4d4d4;   
}*/

.recognition-slider .item.inactive h4 {
    color: #696969;
}

.recognition-slider .item.inactive a {
    color: #e75561;
}

.recognition-slider .link-text {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

    .recognition-slider .link-text.offcta {
        color: grey;
    }

.recognitions-popup .red-recognition {
    width: 110px;
    height: 110px;
    margin: 0 auto 20px;
    text-align: center;
    margin-bottom: 20px;
}

    .recognitions-popup .red-recognition img {
        width: 100%;
    }

.rewards_popup .recognitions-popup {
    border-bottom: none;
    padding-bottom: 0px;
}

    .rewards_popup .recognitions-popup + .action {
        margin-bottom: 25px;
    }

.recognitions-popup .recognitions-popup-heading {
    padding: 0;
    text-align: center;
    border-bottom: none;
    float: initial;
}

.rewards_popup .rewards-popup-heading {
    padding: 0;
    text-align: center;
    border-bottom: none;
    float: initial;
}

.rewards_popup .popup_content {
    border-bottom: none;
}

.recognitions-popup {
    padding-top: 0 !important;
}

.rewards_popup .action {
    background: none;
    margin-bottom: 15px;
    padding-top: 0;
}

.recognitions-popup-close,
.rewards-popup-close {
    margin: 10px;
    width: 16px;
    height: 16px;
    background-image: url(../img/popup-close.png);
}

    .recognitions-popup-close:hover,
    .rewards-popup-close:hover {
        background-image: url(../img/popup-close-black.png);
    }



/* New design for rewards tab */
/*.recognition-section{
        margin-bottom: 10px;
}*/
.rewards_missons_section {
    border: #e6e6e6 solid 1px !important;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.reward_missons_box {
    width: 94%;
    margin: 0 3%;
}

.reward-slider {
    margin-bottom: 15px;
}

    .reward-slider .owl-stage {
        padding-top: 15px;
    }

.rewards-table-wrap {
    border: #e6e6e6 solid 1px !important;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .rewards-table-wrap h4.reward_title {
        padding: 10px;
        text-align: center;
        cursor: pointer;
        background: url(../img/dropdown-grey.png) no-repeat scroll right 25px;
    }

        .rewards-table-wrap h4.reward_title.active {
            background: url(../img/dropup-red.png) no-repeat scroll right 25px;
            color: #ed1c24;
        }

    .rewards-table-wrap .reward_table {
        margin-bottom: 15px;
    }

.rewards-description {
    margin-top: 0;
}

.faq-slider .owl-nav > div,
.reward-slider .owl-nav > div,
.recognition-slider .owl-nav > div {
    z-index: 10;
    display: block;
    width: 20px;
    height: 100%;
    background: 50% 50% no-repeat;
    text-indent: -999em;
    position: absolute;
    top: 7px;
}

.faq-slider .owl-nav .owl-prev,
.reward-slider .owl-nav .owl-prev,
.recognition-slider .owl-nav .owl-prev {
    left: -15px;
    right: auto;
    background-image: url(../img/arrow_left_mid.png);
    background-position: 50% 50%;
}

.faq-slider .owl-nav .owl-prev {
    left: 10px;
}

.faq-slider .owl-nav > .owl-prev:hover,
.reward-slider .owl-nav > .owl-prev:hover,
.recognition-slider .owl-nav > .owl-prev:hover {
    background-image: url(../img/arrow_left_mid_red.png);
}

.faq-slider .owl-nav .owl-next,
.reward-slider .owl-nav .owl-next,
.recognition-slider .owl-nav .owl-next {
    left: auto;
    right: -15px;
    background-image: url(../img/arrow_right_mid.png);
    background-position: 50% 50%;
}

.faq-slider .owl-nav .owl-next {
    right: 10px;
}

.faq-slider .owl-nav > .owl-next:hover,
.reward-slider .owl-nav > .owl-next:hover,
.recognition-slider .owl-nav > .owl-next:hover {
    background-image: url(../img/arrow_right_mid_red.png);
}

.faq-slider .owl-dots,
.reward-slider .owl-dots,
.recognition-slider .owl-dots {
    display: none;
}

.faq-slider .owl-nav .disabled,
.reward-slider .owl-nav .disabled,
.recognition-slider .owl-nav .disabled {
    display: none;
}

.owl-carousel .owl-item img.Staytuned-card,
.Staytuned-card {
    width: 170px;
    margin: 0 auto;
    display: table;
    max-width: 100%;
}



.reward_missons_box.stay-tuned {
    width: 260px;
    margin: 0 auto;
    display: table;
    margin-top: 30px !important;
    padding-right: 20px;
    padding-left: 20px;
}

    .reward_missons_box.stay-tuned .amount {
        padding: 15px 10px !important;
        text-transform: uppercase;
    }

    .reward_missons_box.stay-tuned p {
        margin-bottom: 0;
    }

.reward_missons_box.new-stay-tuned {
    padding: 20px 8px;
}

.reward_missons_box.ramadan-card {
    padding: 20px 8px;
    background: none;
}

    .reward_missons_box.ramadan-card h2.title {
        margin-top: 15px;
        margin-bottom: 10px;
    }

        .reward_missons_box.ramadan-card h2.title img.SummerLogo {
            width: 70%;
            margin: 0 auto;
            max-width: 150px;
        }

    .reward_missons_box.ramadan-card:after {
        background: #fff;
        background-size: 300%;
        content: "";
        opacity: 1;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

.ramanad-viewall {
    margin: 20px auto 0;
    display: table;
    text-decoration: underline;
    font-weight: bold;
}


/* Task 104077:Layout update : Tab menu header  */
.service-menu {
    margin-bottom: 20px;
    margin-top: 20px;
}

.content-payments .service-menu {
    margin-top: 20px;
}

.btn-dashboard {
    margin-top: -20px;
    min-height: initial !important;
    float: right;
}

.dashboard-wrap.my-package {
    margin-top: 0;
}

/*.save-card input.valid{
        border: 0 !important;
    color: inherit !important;
}
.save-card input.valid + span.error-msg{
    display:none !important;
}*/


/* ADD-ons rewards ammount*/

.reward_missons_box {
    padding: 65px 8px 20px;
}

.owl-item .reward_missons_box {
    height: 100%;
}

.reward_missons_box span.amount, .rewards_popup span.amount {
    min-width: 78px;
}

.reward_missons_box .amount .uptoamount label, .rewards_popup .amount .uptoamount label {
    width: 100%;
    float: left;
    font-size: 75%;
}

.reward_missons_box .amount b, .rewards_popup .amount b {
    line-height: 36px;
}

    .reward_missons_box .amount b.uptoamount, .rewards_popup .amount b.uptoamount {
        line-height: 18px !important;
    }

.rewards_popup .reward_btn.download-btn {
    min-width: 460px;
}

.rewards_popup .reward_btn.popup-second-btn {
    min-width: 230px;
}


/* reward_tag*/
.reward_tag.new_tag {
    background: url(/Content/img/new_tag.png);
}

.reward_tag.claim_tag {
    background: url(/Content/img/claim_tag.png);
}


/* New FAQs*/
.faq-content-wrap.support-faq > div {
    display: none;
}

.faq-quick-links > div {
    margin-bottom: 20px;
}

#faqsslider .owl-item > div {
    width: 100% !important;
    height: 100%;
}


#faqsslider .owl-item img {
    display: initial;
    width: auto;
}

.faq-content-wrap.support-faq h3 {
    text-align: left;
    margin-bottom: 10px;
}

.faq-slider.faq-quick-links > div a.active {
    border: 1px solid #848484;
}

/*.support-faq .faq-list > li .faq-item-content{
    display:block;
}
.support-faq .faq-list > li > div > div > a{
    display:none;
}
.support-faq  .faq-list > li .container,
.support-faq  .faq-list > li .container:hover{
        background-image: none;
}*/


/* #Ramadan Campaign */
.ramadan-campaign-listview {
    position: relative;
    border: #e6e6e6 solid 1px !important;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 15px;
    background: #fff;
    background-size: contain;
    background-position-x: 145px;
}

.ramadan-recognition-list .item {
    border: #e6e6e6 solid 1px !important;
    background: #fff;
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 15px 0;
    border-radius: 6px;
    min-height: 152px;
}

    .ramadan-recognition-list .item .red-recognition img {
        width: 100%;
    }

    .ramadan-recognition-list .item .ramadan-cta-section {
        width: 100%;
        height: 100%;
        background: #ed2939;
        border-radius: 6px;
        color: #fff;
        padding: 15px;
        text-align: center;
        cursor: pointer;
    }

        .ramadan-recognition-list .item .ramadan-cta-section p {
            font-weight: bold;
            font-size: 18px;
            margin-top: 0px;
        }

        .ramadan-recognition-list .item .ramadan-cta-section a {
            color: #fff !important;
            text-decoration: underline;
        }

    .ramadan-recognition-list .item .ramadan-content-section h4 {
        margin-top: 0;
    }



    .ramadan-recognition-list .item.bigprize {
        background: url(../img/summer-texture-large.png) #EE772B no-repeat 100% 0;
        color: #fff;
        z-index: 1;
        position: relative;
        background-size: cover;
    }

        .ramadan-recognition-list .item.bigprize .ramadan-content-section {
            padding-left: 25px;
            padding-right: 25px;
        }

            .ramadan-recognition-list .item.bigprize .ramadan-content-section h4 {
                font-size: 1.5em;
                margin-bottom: 15px;
            }

        .ramadan-recognition-list .item.bigprize .ramadan-cta-section {
            background: #fff;
            color: #000;
        }

            .ramadan-recognition-list .item.bigprize .ramadan-cta-section a {
                color: #ed2939 !important;
            }

/* #Ramadan Campaign end */



.document-success {
    text-align: center;
    margin-top: 100px !important;
}

.document-success-blank-section {
    min-height: 600px;
    width: 100%;
    float: left;
}


iframe.signin-box {
    background: #202020;
    border: medium none;
    min-height: 620px;
    overflow: hidden !important;
    width: 400px;
    max-width: 100%;
    padding: 20px;
}



.reward_missons_box {
    display: block;
    flex-direction: inherit;
    justify-content: inherit;
}

.reward_missons_box {
    padding: 65px 8px;
}

    .reward_missons_box.gray_box {
        padding: 65px 8px 10px;
    }

#MyMissionRewards .reward_missons_box .reward_btn, #MyMissionRewards .reward_missons_box .reward_btn:focus {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.owl-carousel .owl-item img.Staytuned-card, .Staytuned-card {
    width: 160px;
}

.reward_missons_box.new-stay-tuned {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.reward_missons_box span.amount {
    z-index: 2;
}

.missionCompleted {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-weight: bold;
}

#osnStore,
#repetslider {
    padding-left: 20px;
    padding-right: 20px;
}

    #osnStore .owl-nav > div,
    #repetslider .owl-nav > div {
        z-index: 10;
        display: block;
        width: 20px;
        height: 100%;
        background: 50% 50% no-repeat;
        text-indent: -999em;
        position: absolute;
        top: 7px;
    }

    #osnStore .owl-nav .owl-prev,
    #repetslider .owl-nav .owl-prev {
        left: -17px;
        right: auto;
        background-image: url(../img/arrow_left_mid.png);
        background-position: 50% 50%;
    }


    #osnStore .owl-nav > .owl-prev:hover,
    #repetslider .owl-nav > .owl-prev:hover {
        background-image: url(../img/arrow_left_mid_red.png);
    }

    #osnStore .owl-nav .owl-next,
    #repetslider .owl-nav .owl-next {
        left: auto;
        right: -17px;
        background-image: url(../img/arrow_right_mid.png);
        background-position: 50% 50%;
    }

    #osnStore .owl-nav > .owl-next:hover,
    #repetslider .owl-nav > .owl-next:hover {
        background-image: url(../img/arrow_right_mid_red.png);
    }

    #repetslider .owl-nav .owl-prev {
        left: 2px;
    }

    #repetslider .owl-nav .owl-next {
        left: auto;
        right: 2px;
    }
/*.reward_missons_box.ramadan-card h2.title{
    margin-top:0;
}*/

/* # New Manu Tab Style*/
.NewMenuTab {
    /*background:#f7f7f7;
       border-bottom: #e6e6e6 solid 1px;
       border-top: #e6e6e6 solid 1px;
       height:60px;*/
}

    .NewMenuTab .service-menu {
        margin: 70px 0px 0px;
        border: none;
        background: none;
        text-align: inherit;
        background: #f5f4f4;
    }

        .NewMenuTab .service-menu .col-md-2 {
            width: 16.66%;
        }

        .NewMenuTab .service-menu div {
            border: none;
            padding: 0;
        }

        .NewMenuTab .service-menu a {
            font-size: 18px;
            color: #666666;
            display: block;
            padding: 7px 10px;
            height: 48px;
            line-height: 34px;
        }

            .NewMenuTab .service-menu a.active {
                border-bottom: #d13c3e solid 3px;
                font-weight: bold;
                color: #666666;
                font-size: 19px;
            }
            /*.NewMenuTab .service-menu a:hover,
.NewMenuTab .service-menu a:focus{
    font-weight:bold;
    text-decoration:none;
    color: #666666;
}*/
            .NewMenuTab .service-menu a::after {
                border-right: 1px solid #d8d8d8;
                content: '';
                right: 0;
                top: 8px;
                height: 34px;
                display: block;
                width: 1px;
                position: absolute;
            }

        .NewMenuTab .service-menu div:last-child a::after {
            border-right: none;
            content: '';
            left: 0;
            top: 8px;
            height: 34px;
            display: block;
            width: 1px;
            position: absolute;
        }

        .NewMenuTab .service-menu .icon {
            display: inline;
            margin: 0 10px 0 0;
        }

            .NewMenuTab .service-menu .icon img {
                width: 28px;
            }

.main-body-section.aftersignin {
    padding-top: 140px;
}

.service-menu .col-md-2 {
    width: 16.66%;
}
/* # New Manu Tab Style End ------------*/


/*---------------------------------------- home page layout styles start here--------------------------------------*/


/* Signin section start*/
#myosn-home-main-slider {
    position: relative;
}

.home-banner-container .slider_container .owl-nav {
    display: block;
}

.home-banner-container #myosn-home-main-slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #FFF;
}

.home-banner-container .owl-carousel .owl-item img {
    width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top right;
    height: 100%;
}

.home-banner-container .owl-carousel .owl-item .item {
    height: calc(100vh - 176px);
}



.home-banner-container #myosn-home-main-slider .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    background: url("../img/homeLayout/Arrow_OSN App.svg") no-repeat center center;
    width: 30px;
    height: 56px;
    font-size: 0px;
}

.home-banner-container #myosn-home-main-slider .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    background: url("../img/homeLayout/Arrow_OSN App.svg") no-repeat center center;
    width: 30px;
    height: 56px;
    font-size: 0px;
    transform: rotate(-180deg);
}

.home-banner-container .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: none;
}

    .home-banner-container .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
    }

        .home-banner-container .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791;
        }

        .home-banner-container .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
        }

.home-banner-container .crumb-wrap-main {
    position: relative;
}

    .home-banner-container .crumb-wrap-main .crumb-wrap a, .home-banner-container .crumb-wrap-main .crumb-wrap span {
        color: #fff;
    }

.home-banner-container .sign-in-container-wrap {
    position: relative;
}

.home-banner-container .crumb-wrap {
    position: absolute;
    z-index: 100;
    left: 100px;
}

.home-banner-container .signin-wrapper {
    width: 100%;
    max-width: 368px;
    height: auto;
    opacity: 0.92;
    border-radius: 8px;
    color: #FFF;
    border: solid 0.9px #696969;
    position: absolute;
    /*top: 50%;
    transform: translateY(-50%); 
    left:20px;*/
    top: 70px;
    left: 100px;
    z-index: 1;
    padding: 10px 18px 20px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    top: 50%;
    transform: translate(0,-50%);
}

    .home-banner-container .signin-wrapper .heading {
        font-family: Faricy New;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        text-align: center;
    }

        .home-banner-container .signin-wrapper .heading h3 {
            font-size: 30px;
            margin: 17px 0 0px;
        }

        .home-banner-container .signin-wrapper .heading p {
            font-size: 14px;
            line-height: 1.29;
            font-weight: normal;
        }

    .home-banner-container .signin-wrapper a.signin-btn {
        background-color: #ed2939;
        border-radius: 4px;
        color: #fff;
        display: block;
        width: 331px;
        text-align: center;
        margin: 30px 0px 13px;
        padding: 8px 12px 7px;
        font-size: 18px;
        font-weight: 500;
        border: none;
    }

    .home-banner-container .signin-wrapper .register-btn {
        display: block;
        width: 331px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.5);
        border: solid 1px #ed2939;
        text-align: center;
        margin: 0px 0px 28px;
        color: #ed2939;
        padding: 6px 12px 7px;
        font-size: 18px;
        font-weight: 500;
    }

    .home-banner-container .signin-wrapper .text-red {
        font-weight: 500;
        color: #fff;
        text-decoration: underline;
    }

.home-banner-container .or {
    text-align: center;
    position: relative;
    font-size: 14px;
}

.dont-osn-id {
    margin-top: 32px !important;
    font-size: 17px !important;
}

.more-services .more-service-content-block .col-sm-4.col-xs-6:nth-child(3n+1) {
    clear: both;
}

.more-services .icon-services img {
    max-width: 57px;
}

.more-services .more-service-box {
    margin: 20px 0px;
}

.home-banner-container .or::before {
    content: '';
    position: absolute;
    left: 0;
    width: 42%;
    top: 50%;
    height: 1px;
    background: #979797;
}

.home-banner-container .or::after {
    content: '';
    position: absolute;
    right: 0;
    width: 42%;
    top: 50%;
    height: 1px;
    background: #979797;
}



.home-banner-container .signin-wrapper .signin-content p {
    font-weight: 300;
    font-style: normal;
    margin: 10px 0 8px;
    font-stretch: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
}

.home-banner-container .signin-wrapper .activation-link {
    text-align: center;
}

    .home-banner-container .signin-wrapper .activation-link a {
        font-family: Faricy New;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        text-decoration: underline;
        letter-spacing: normal;
        color: #fff;
    }


.home-banner-container .owl-stage-outer:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 35%;
    top: 0;
    left: -4%;
    background: black;
    opacity: 0.35;
    background: linear-gradient(to left, rgba(0,0,0,0), rgb(0, 0, 0));
}

/* signin section ends*/

.more-services h2.more-service-heading {
    font-family: 'Faricy New', arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 10px;
}

.more-services .more-service-content-block {
    margin-top: 3px;
}

.more-services .icon-services {
    text-align: center;
}

.more-services .content-services .service-title {
    font-family: 'Faricy New', arial, sans-serif;
    font-size: 17.1px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: center;
    color: #000000;
}

.more-services .content-services .service-desc {
    font-family: 'Faricy New', arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3b3b3b;
}

.upgrade-renew-section {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    margin: 84px 0px 39px;
    /*padding: 25px 30px;*/
    padding: 15px 20px 15px 20px;
}

    .upgrade-renew-section h3 {
        font-family: 'Faricy New', arial, sans-serif;
        font-size: 18px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
        /*padding: 5px 0px;*/
        margin: 0px !important;
    }

    .upgrade-renew-section p {
        max-width: 80%;
        width: 100%;
        font-family: 'Faricy New', arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #000000;
        padding: 0px 0px;
        margin: 0px !important;
    }



a.signin-btn {
    background-color: #ed2939;
    border-radius: 4px;
    color: #fff;
    display: block;
    width: 100%;
    max-width: 360px;
    text-align: center;
    margin: 5px 0px 0;
    padding: 12px;
}


.upgrade-renew-section a.pay-now-btn {
    background: #ed2939;
    color: #ffffff;
    cursor: pointer;
    display: block;
    width: 100%;
    max-width: 360px;
    text-align: center;
    padding: 6px 12px 7px;
    margin: 9px 0px 0;
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
}

.myosnapp-container {
    width: 100%;
    height: 410px;
    background-color: #cd0200;
    margin-top: 50px;
}






/*.owl-theme .owl-controls {
margin-top: 10px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
height: 100%;
}
.owl-buttons {
position: absolute;
right: 0;
top: 50%;
width:100%;
}
.owl-prev {
position:absolute;
left:0;
}
.owl-next {
position:absolute;
right:0;
}
    */

/* My OSn App slider style starts here*/
.myosn-app-outer {
    margin: 100px 0 0px;
    padding-top: 25px;
}

img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.osn-app-slider-wrapper .carousel {
    position: relative;
}

.osn-app-slider-wrapper .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .osn-app-slider-wrapper .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .osn-app-slider-wrapper .carousel-inner > .item > img,
        .osn-app-slider-wrapper .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .osn-app-slider-wrapper .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .osn-app-slider-wrapper .carousel-inner > .item.next,
        .osn-app-slider-wrapper .carousel-inner > .item.active.right {
            left: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        .osn-app-slider-wrapper .carousel-inner > .item.prev,
        .osn-app-slider-wrapper .carousel-inner > .item.active.left {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

            .osn-app-slider-wrapper .carousel-inner > .item.next.left,
            .osn-app-slider-wrapper .carousel-inner > .item.prev.right,
            .osn-app-slider-wrapper .carousel-inner > .item.active {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
}

.osn-app-slider-wrapper .carousel-control-prev {
    transform: rotate(180deg); /* Equal to rotateZ(45deg) */
}

.osn-app-slider-wrapper .carousel-inner > .active,
.osn-app-slider-wrapper .carousel-inner > .next,
.osn-app-slider-wrapper .carousel-inner > .prev {
    display: block;
}

.osn-app-slider-wrapper .carousel-inner > .active {
    left: 0;
}

.osn-app-slider-wrapper .carousel-inner > .next,
.osn-app-slider-wrapper .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.osn-app-slider-wrapper .carousel-inner > .next {
    left: 100%;
}

.osn-app-slider-wrapper .carousel-inner > .prev {
    left: -100%;
}

    .osn-app-slider-wrapper .carousel-inner > .next.left,
    .osn-app-slider-wrapper .carousel-inner > .prev.right {
        left: 0;
    }

.osn-app-slider-wrapper .carousel-inner > .active.left {
    left: -100%;
}

.osn-app-slider-wrapper .carousel-inner > .active.right {
    left: 100%;
}

.osn-app-slider-wrapper .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .osn-app-slider-wrapper .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .osn-app-slider-wrapper .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .osn-app-slider-wrapper .carousel-control:hover,
    .osn-app-slider-wrapper .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .osn-app-slider-wrapper .carousel-control .icon-prev,
    .osn-app-slider-wrapper .carousel-control .icon-next,
    .osn-app-slider-wrapper .carousel-control .glyphicon-chevron-left,
    .osn-app-slider-wrapper .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .osn-app-slider-wrapper .carousel-control .icon-prev,
    .osn-app-slider-wrapper .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .osn-app-slider-wrapper .carousel-control .icon-next,
    .osn-app-slider-wrapper .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .osn-app-slider-wrapper .carousel-control .icon-prev,
    .osn-app-slider-wrapper .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .osn-app-slider-wrapper .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .osn-app-slider-wrapper .carousel-control .icon-next:before {
            content: '\203a';
        }

.osn-app-slider-wrapper .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .osn-app-slider-wrapper .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .osn-app-slider-wrapper .carousel-indicators .active {
        width: 12px;
        height: 12px;
        background-color: #fff;
    }

.osn-app-slider-wrapper .carousel-caption {
    position: absolute;
    right: auto;
    top: 35px;
    bottom: 20px;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: none;
}

    .osn-app-slider-wrapper .carousel-caption .btn {
        text-shadow: none;
    }






.osn-app-slider-wrapper {
    background: #cd0200;
    min-height: 410px;
    color: #fff;
    padding: 20px 0 20px;
}

    .osn-app-slider-wrapper .carousel-inner {
        display: inline-block;
        width: auto;
    }

    .osn-app-slider-wrapper .carousel-inner {
        position: relative;
        width: 197px;
        height: 410px;
        margin: 0 auto;
        margin-left: 5px;
        overflow: hidden;
        left: 0px;
        border-radius: 25px;
        left: 0px;
        top: 8px;
    }

    .osn-app-slider-wrapper .phone-frame {
        /* border-radius: 42px; */
        background: url(../img/homeLayout/iphone-x-clean-new.png);
        position: absolute;
        content: "";
        width: 223px;
        height: 420px;
        top: 0;
        left: -6px;
        z-index: 10;
        border-radius: 25px;
        overflow: hidden;
        background-size: 100% 100%;
        background-position: center;
    }

    .osn-app-slider-wrapper .carousel-inner .item, .osn-app-slider-wrapper .carousel-inner .item.active {
        height: 98%;
        border-radius: 0;
        overflow: hidden;
        width: 200px;
    }

        .osn-app-slider-image, .osn-app-slider-wrapper .carousel-inner .item.active .osn-app-slider-image {
            width: 200px;
            height: 417px;
            overflow: hidden;
        }

            .osn-app-slider-image img {
                width: 100%;
                max-height: 97%;
                margin-top: 6px;
            }

    .osn-app-slider-wrapper .osn-app-nav {
        position: absolute;
        top: 57%;
        width: 100%;
        z-index: 1;
    }

        .osn-app-slider-wrapper .osn-app-nav .carousel-control-prev {
            float: right;
            left: -90px;
            position: absolute;
        }

        .osn-app-slider-wrapper .osn-app-nav .carousel-control-next {
            float: right;
            right: -90px;
            position: absolute;
        }

    .osn-app-slider-wrapper .bottom-slider-myosn-app-wrapper {
        position: absolute;
        top: -78px;
        right: 100px;
        display: inline-block;
    }

    .osn-app-slider-wrapper .fixed-head h3 {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .osn-app-slider-wrapper .fixed-head p {
        padding-top: 7px;
        margin: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.29;
    }

    .osn-app-slider-wrapper .carousel-caption-sliding {
        position: relative;
        margin: 0;
        padding-right: 100px;
        font-size: 25px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        margin-bottom: 110px;
    }

        .osn-app-slider-wrapper .carousel-caption-sliding p {
            margin: 0;
            padding-right: 125px;
        }

    .osn-app-slider-wrapper .fixed-footer {
        padding: 70px 0 0;
        clear: both;
    }

        .osn-app-slider-wrapper .fixed-footer ul {
            list-style: none;
            padding: 0px;
        }

            .osn-app-slider-wrapper .fixed-footer ul li {
                display: inline-block;
                margin-right: 20px;
            }

                .osn-app-slider-wrapper .fixed-footer ul li img {
                    max-width: 147px;
                }

    .osn-app-slider-wrapper .carousel-indicators li {
        display: inline-block;
        width: 8px;
        height: 8px;
        opacity: 0.52;
        background-color: #ffffff;
        margin: 1px;
        text-indent: -999px;
        border-radius: 10px;
        cursor: pointer;
    }

    .osn-app-slider-wrapper .carousel-indicators .active {
        display: inline-block;
        width: 8px;
        height: 8px;
        opacity: 1;
        background-color: #fff;
    }

    .osn-app-slider-wrapper .indicator {
        position: absolute;
        right: 0;
        text-align: center;
        float: right;
        display: inline-block;
        width: 100%;
        top: auto;
        bottom: -60px;
    }




    .osn-app-slider-wrapper .slider-container {
        margin-top: 35px;
        height: 100%;
    }

    /*.carousel-caption {
      position: absolute;
      top: 0;
      text-align: left;
      left: inherit;
      right: inherit;
      width: 280px;
    color:#000;
  bottom:-95px;
  
}
*/
    .osn-app-slider-wrapper .carousel-caption:not(#caption-0) {
        display: none;
    }

    .osn-app-slider-wrapper .carousel-caption:not(#caption-0) {
        display: none;
    }

    .osn-app-slider-wrapper .carousel-control {
        background: none repeat scroll 0 0 #000 !important;
        bottom: 0;
        color: #fff;
        font-size: 20px;
        height: 75px;
        opacity: 0.5;
        padding: 20px !important;
        position: static !important;
        right: 108px !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        top: 296px;
        width: 100px;
        z-index: 9999;
    }





/* My OSn App slider style ends here*/

/* home page layout styles ends here*/


/*for work order*/
.Re-install_relocate {
    width: 100%;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    float: left;
    margin-bottom: 40px;
    text-align: center;
    padding: 20px 0;
}

    .Re-install_relocate span {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 20px;
        letter-spacing: 0.5px;
        text-align: center;
        color: #4d4c4c;
        font-size: 20px;
    }

.support-request-area {
    margin: 0 0 40px 0;
}

    .support-request-area h2 {
        margin: 20px 0;
    }

    .support-request-area h3 {
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.7px;
        text-align: center;
        color: #4d4c4c;
    }

    .support-request-area .support-request-list-box {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    .support-request-area a.support-request-list {
        width: 100%;
        float: left;
        background-color: #ffffff;
        border: solid 1px #e6e6e6;
        padding: 18px 32px;
        background: url('../img/arrow_right_mid.png') no-repeat right 30px center #fff;
        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.5px;
        color: #4d4c4c;
        margin-bottom: 5px;
    }

        .support-request-area a.support-request-list span {
            font-size: 18px;
            font-weight: normal;
            color: #838383;
            border-left: solid 1px #838383;
            padding: 0 10px;
            margin: 0 10px;
        }

        .support-request-area a.support-request-list:hover {
            text-decoration: none;
            background: url('../img/arrow_right_mid_red.png') no-repeat right 30px center #fbfbfb;
        }

.technical-request-popup {
    border-radius: 6px;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    padding: 0 !important;
    padding-bottom: 30px !important;
}

    .technical-request-popup.small-popup {
        width: 534px;
        min-width: 534px;
    }

    .technical-request-popup.large-popup {
        width: 738px;
    }

    .technical-request-popup .simplePopupClose {
        margin: 10px;
        width: 16px;
        height: 16px;
        background-image: url(../img/popup-close.png);
    }

        .technical-request-popup .simplePopupClose:hover {
            background-image: url(../img/popup-close-black.png);
        }

    .technical-request-popup .popup_content {
        padding: 30px;
        text-align: left;
    }

        .technical-request-popup .popup_content h4 {
            font-size: 26px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.7px;
            color: #000000;
            margin: 10px 0 20px;
        }

.workorder-details div {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #737273;
    margin-bottom: 15px;
}

    .workorder-details div span {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.5px;
        color: #000000;
    }



.technical-request-popup .btn.primary_btn,
.technical-request-popup .btn.primary_btn:focus {
    border: #ed2939 solid 1px;
    background: #ed2939;
    width: 211px;
    padding: 0px;
    border-radius: 16.5px;
    text-decoration: none;
    line-height: 30px;
    margin: 10px auto 0;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    display: inline-block;
}

    .technical-request-popup .btn.primary_btn:hover {
        border: #ed2939 solid 1px;
        background: #FFFFFF;
        color: #ed2939;
    }


.technical-request-popup .secondary_btn,
.technical-request-popup .secondary_btn:focus {
    border: #ed2939 solid 1px;
    background: #FFFFFF;
    width: 211px;
    padding: 0px;
    border-radius: 16.5px;
    text-decoration: none;
    line-height: 30px;
    margin: 10px 10px 0;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ed2939;
    display: inline-block;
}

    .technical-request-popup .secondary_btn:hover {
        border: #ed2939 solid 1px;
        background: #ed2939;
        color: #ffffff;
    }


.technical-request-popup fieldset {
    width: 100%;
    padding: 20px 20px 15px;
    border-radius: 8px;
    border: solid 1px #979797;
}

    .technical-request-popup fieldset.date {
        margin-bottom: 40px;
    }

        .technical-request-popup fieldset.date table tr td:first-child {
            color: #959595;
        }

    .technical-request-popup fieldset legend {
        height: 21px;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #737273;
        padding: 0 5px;
        background: #fff;
    }

    .technical-request-popup fieldset div {
        text-align: center;
        border-right: #d8d8d8 solid 1px;
    }

        .technical-request-popup fieldset div:last-child {
            border: none;
        }

        .technical-request-popup fieldset div label {
            font-size: 15px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #000000;
        }

        .technical-request-popup fieldset div input[type="radio"]:checked + label {
            font-weight: bold;
        }

    .technical-request-popup fieldset.date h5 {
        margin: 0 0 10px 0;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
    }

    .technical-request-popup fieldset.date table {
        width: 100%;
    }

        .technical-request-popup fieldset.date table tr td {
            text-align: center;
            font-size: 13px;
            color: #000;
            width: 12.5%;
            height: 30px;
        }

#avialableDays input[type="radio"] {
    display: none;
}

#avialableDays label {
    width: 25px;
    height: 25px;
    font-size: 15px;
    font-weight: 500;
}

#avialableDays input[type="radio"]:checked + label {
    width: 25px;
    height: 25px;
    font-weight: bold;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: block;
    line-height: 25px;
    margin: 0 auto;
}
/*for work order End*/




/*for MyOSNEarnings*/
#MyOSNEarnings h4.reward_title {
    padding: 10px;
    line-height: 50px;
    background: url(../img/dropdown-grey.png) no-repeat scroll right center;
}

    #MyOSNEarnings h4.reward_title.active {
        background: url(../img/dropup-grey.png) no-repeat scroll right center;
        color: inherit;
    }

#MyOSNEarnings .reward_title > span {
    width: auto;
    float: right;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: right;
    color: #444444;
    position: absolute;
    right: 65px;
}

    #MyOSNEarnings .reward_title > span > span {
        font-size: 17px;
        letter-spacing: 0.7px;
        position: initial;
        line-height: normal;
    }

.earning-section {
    padding-top: 20px;
}

.no-earnings {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #464646;
    padding: 0 10px 20px 10px;
    max-width: 420px;
    margin: 0 auto;
    float: initial !important;
}

    .no-earnings span {
        font-size: 17px;
        font-weight: bold;
    }

.earnings-boxs-areas {
    padding-bottom: 35px;
}

.earnings-box {
    width: 100%;
    float: left;
    border: solid 1px #e6e6e6;
    background: url(../img/arrow_right_mid.png) no-repeat right 15px center #ffffff;
    padding: 13px;
    cursor: pointer;
}

    .earnings-box img {
        height: 48px;
    }

    .earnings-box .earnings-box-heading {
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 48px;
        letter-spacing: normal;
        color: #444444;
        margin-left: 18px;
    }

    .earnings-box .earnings-box-amount {
        font-size: 19px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #444444;
        float: right;
        margin-right: 40px;
        line-height: 48px;
    }

.earnings-mywallet, .lifetime-earnings {
    padding-bottom: 15px;
    text-align: center;
}

.add-my-wallet {
    padding: 5px 20px;
    border-radius: 18.2px;
    background-color: #da3832;
    border: solid 1.1px #da3832;
    font-size: 12.1px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 38px;
}

    .add-my-wallet:hover, .add-my-wallet:focus {
        text-decoration: none;
        background-color: #fff;
        color: #da3832;
        border: solid 1.1px #da3832;
    }

.earnings-mywallet span {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #464646;
}

.lifetime-earnings {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #444444;
}

    .lifetime-earnings span {
        font-size: 17px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.7px;
        color: #444444;
    }

.earnings-popup {
    padding-top: 0px !important;
}

    .earnings-popup h4 {
        font-size: 24px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #444444;
        margin-top: 0;
        margin-bottom: 35px;
    }

    .earnings-popup h5 {
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444444;
        text-align: left;
    }

        .earnings-popup h5 span {
            font-size: 19px;
            font-weight: normal;
            text-align: right;
            float: right;
        }

    .earnings-popup .earnings-details {
        max-height: 220px;
        width: 100%;
        float: left;
        overflow: auto;
    }

.earnings-details-list {
    width: 100%;
    float: left;
    padding-bottom: 11px;
    margin-bottom: 11px;
    border-bottom: solid 2px #979797;
}

    .earnings-details-list:last-child {
        border: none;
    }

    .earnings-details-list p.earnings-details-text {
        width: auto;
        float: left;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444444;
        text-align: left;
        margin: 0;
    }

        .earnings-details-list p.earnings-details-text span {
            font-size: 15px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #959595;
        }

    .earnings-details-list p.earnings-details-amount {
        width: auto;
        float: right;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #444444;
        margin-bottom: 0;
    }

.earning-table-collapse {
    width: 100%;
    float: left;
    height: 30px;
    display: none;
}
/*for MyOSNEarnings End*/


/*reset password after login style starts here*/
.reset-pass-new-sec.user-creds .password-reset .txt1 {
    width: 100%;
    float: none;
    clear: both;
}

.pd-none {
    padding: 0 !important;
}

.clr-both {
    float: none;
    clear: both;
}

.change-password-group {
    padding: 20px 0 0 0;
}

.custom-input-padding {
    padding-left: 0px;
}

.base-heading {
    font-family: 'Faricy New', arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    /*padding: 5px 0px;*/
    margin: 54px 0px 20px;
}

.username-change-password {
    padding-bottom: 25px;
}

.reset-pass-new-sec.user-creds .smartcode-input {
    clear: both;
    text-align: center;
}

.reset-pass-new-sec {
    padding-bottom: 20px;
    padding-bottom: 50px;
}

.min-pass-text {
    clear: both;
    padding: 0 0 25px;
    font-size: 16px;
}

.password-reset .min-pass-text {
    padding-bottom: 0;
}

.cancelLink a {
    display: inline-block;
    position: relative;
    z-index: 100;
    font-size: 15px;
    padding-right: 12px;
    font-weight: 500;
    text-decoration: underline;
}

.round-fill {
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border: solid 1px #7b7b7b;
    border-radius: 50%;
    display: inline-block;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.tick {
    content: "";
    background-color: transparent;
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    border-bottom: 2px solid #4D7C2A;
    height: 11px;
    border-right: 2px solid #4D7C2A;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
/*reset password after login style ends here*/

/*Reset Password before login  Style START HERE*/
.prevStep {
    background: none;
    border: none;
    font-size: 13px;
    text-decoration: none;
    color: #737273;
    padding-left: 0px;
    margin-left: -4px;
}

.backLink {
    text-decoration: underline;
}

.forgot-password-wrapper h1 {
    font-size: 40px;
    color: #000;
    margin-bottom: 0px;
    margin-top: 0px;
}

.forgot-password-wrapper p {
    font-size: 23px;
    color: #000;
    margin-top: 8px;
}

input.custom-radio-button[type="radio"] {
    display: none;
}

    input.custom-radio-button[type="radio"] + label {
        color: #4c4c4c;
        font-family: Arial, sans-serif;
        font-size: 15px;
        margin-bottom: 0;
    }

        input.custom-radio-button[type="radio"] + label span {
            box-shadow: 0 0 0 3px #e3e3e3;
            display: inline-block;
            width: 16px;
            height: 16px;
            margin: -1px 7px 0 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
        }

        input.custom-radio-button[type="radio"] + label span {
            /*  border: 3px solid #ffffff;*/
            background: #e3e3e3;
        }

    input.custom-radio-button[type="radio"]:checked + label span {
        background-color: #ed2939;
    }

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        font-weight: normal;
        font-size: 12px;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 16px;
            height: 16px;
            border-radius: 4px;
            background: #e3e3e3;
            border: #5f5f5f thin solid;
        }

    .styled-checkbox:hover + label:before {
    }

    .styled-checkbox:focus + label:before {
        /*  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);*/
    }

    .styled-checkbox:checked + label:before {
        background: #ed2939;
        border: none;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

.select-all-wrapp {
    padding: 10px 0;
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
/*.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}*/



.reset-pass-wrapper {
    background: #f7f7f7;
    padding: 48px 0 0px;
    margin-bottom: 65px;
}

    .reset-pass-wrapper .next-btn-wrapper {
        text-align: center;
        margin: 68px 0 68px 0;
    }

        .reset-pass-wrapper .next-btn-wrapper .nextBtn {
            border-radius: 17px;
            min-width: 180px;
            padding: 6px;
            font-size: 15px;
        }

        .reset-pass-wrapper .next-btn-wrapper .btn-primary {
            background-color: #ed2939;
            border: none;
            color: #fff;
        }




.reset-passwd-head {
    font-size: 23px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 10px;
    color: #000000;
}
/*.digits-field {
  text-align: center;
  padding:25px 0 0;
}

.digits-field span{
  display:inline-block;
}*/
.digits-field {
    text-align: center;
    padding: 25px 0 0;
    width: 225px;
    margin: 0px auto;
    overflow: hidden;
}

    .digits-field span {
        display: block;
        left: 0;
        position: sticky;
    }

.reset-pass-wrapper .form1-login .blank-error, .blank-error, .input-validation-error {
    min-width: 100% !important;
}

.digit-inp {
    padding-left: 15px;
    font-size: 30px;
    letter-spacing: 42px;
    border: 0;
    /* background-image: linear-gradient(to left, black, 70%, rgba(255, 255, 255, 0) 0%); */
    background-image: url(../img/dashed-line.png);
    background-position: bottom;
    background-size: 57px 1px;
    background-repeat: repeat-x;
    background-position-x: 54px;
    width: 100%;
    min-width: 300px;
    height: 46px;
    text-align: left;
    background-color: #f7f7f7;
}

.verification-btn-wrapper {
    text-align: center;
    margin: 12px 0 18px 0 !important;
}

#create-new-password .min-pass-text {
    margin: 10px 0px 0px;
    padding-bottom: 0;
}

#create-new-password .next-btn-wrapper {
    margin: 25px 0 60px 0;
}




.digit-sub-head {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}
/*.digit-inp {
  width: 46px;
  border: #d2d2d2 2px solid;
  height: 46px;
  margin: 0 8px;
  padding: 5px;
  font-size: 30px;
  text-align: center;
}*/
.not-get-code {
    text-align: center;
    margin: 20px 0px;
}

    .not-get-code p {
        font-size: 15px;
    }

    .not-get-code a {
        color: #ed2939;
        text-decoration: none;
        padding-left: 5px;
        text-decoration: underline;
    }


.pass-reset-field {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 20px;
}

    .pass-reset-field .input-group-addon {
        background-color: #fff;
        border: #d2d2d2 2px solid;
        border-right: none;
        border-radius: 0;
    }

    .pass-reset-field .reset-inp-custom {
        border: none;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
        height: 56px;
        width: 100%;
        padding: 5px 10px 5px 50px;
        position: relative;
        font-size: 17px;
        background: #FFF;
        color: #b2b2b2;
    }

.digit-inp:focus {
    outline: none;
}

#select-form .pass-reset-field .reset-inp-custom {
    padding: 5px 10px 5px 10px;
}


.pass-reset-field .reset-inp-custom:focus {
    box-shadow: none;
    border: #d2d2d2 2px solid;
    border-left: none;
    outline: none;
    border: none;
}

.show-hide-btn {
    position: absolute;
    right: 12px;
    top: 16px;
    z-index: 10;
    border: none;
}

.newpsswd-reveal, .re-pwd-reveal {
    cursor: pointer;
    font-weight: 500;
    color: #737273;
    font-size: 13px;
}

.cust-radio[type="radio"]:checked,
.cust-radio[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .cust-radio[type="radio"]:checked + label,
    .cust-radio[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 38px;
        cursor: pointer;
        line-height: 26px;
        margin-bottom: 0px;
        display: inline-block;
        color: #000;
        font-size: 20px;
    }

        .cust-radio[type="radio"]:checked + label:before,
        .cust-radio[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 28px;
            height: 28px;
            border-radius: 100%;
            background: #e3e3e3;
        }

        .cust-radio[type="radio"]:checked + label:after,
        .cust-radio[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            top: 5px;
            left: 5px;
            border-radius: 14px;
            background-color: #da3832;
            border: solid 1px #da3832;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .cust-radio[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .cust-radio[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.reset-pass-wrapper .input-group {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    background-color: #FFF;
    border: 2px solid #d2d2d2;
    margin-bottom: 10px;
}

.reset-pass-wrapper .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    z-index: 10;
    top: 10px;
    left: 3px;
    line-height: 1;
    color: #555;
    text-align: center;
    border: none;
    border-radius: 4px;
    border-right: none;
}

.reset-pass-wrapper .input-group-addon, .reset-pass-wrapper .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.reset-pass-wrapper .input-group .form-control, .reset-pass-wrapper .input-group-addon, .reset-pass-wrapper .input-group-btn {
    display: table-cell;
}

.validation-message-text {
    text-align: center;
    color: #ed2939;
    padding-top: 20px;
}

    .validation-message-text .field-validation-error.error-msg {
        text-align: center;
        padding-top: 0;
        margin-top: -15px;
    }

#smsInput {
    text-align: left;
}

/*Reset Password before login  Style ENDS HERE*/
/*********WorkOrder css*******/


.work-order-wrapper {
    max-width: 738px;
    width: 90%;
    position: relative;
    background: #fff;
    border-radius: 8px;
    margin: 50px auto 50px;
    min-height: 438px;
    padding: 30px;
    box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
}

    .work-order-wrapper h3.work-order-wrapper-head {
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        margin: 35px 0 10px;
    }

    .work-order-wrapper h3.work-order-wrapper-content {
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        line-height: normal;
        max-width: 70%;
        margin: 35px auto 90px;
    }


.stepwizard-step p {
    margin-top: 10px;
    display: inline-block;
}

.step-sub-head {
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.ct-inp {
    padding-right: 5px;
    padding-left: 5px;
}

.main-wrapper {
    padding: 40px 0 0 0;
}

.stepwizard-row {
    display: table-row;
}

.inp-label-wrap {
    position: relative;
    margin-bottom: 15px;
}

    .inp-label-wrap .input-group {
        display: table;
    }

    .inp-label-wrap .input-group-addon {
        background: #fff;
        border: #e6e6e6 thin solid;
        border-right: none;
        font-weight: bold;
        font-size: 12px;
        height: 44px;
        /* float: left; */
        border-radius: 0;
        padding: 6px 6px 6px 10px;
        /* display: inline-flex; */
        vertical-align: middle;
        /* align-items: center; */
        width: 1%;
        white-space: nowrap;
        vertical-align: middle;
        display: table-cell;
    }

    .inp-label-wrap input[type="text"].form-control::-webkit-input-placeholder, .inp-label-wrap input[type="email"].form-control::-webkit-input-placeholder, .inp-label-wrap input[type="password"].form-control::-webkit-input-placeholder, .inp-label-wrap input[type="number"].form-control::-webkit-input-placeholder {
        font-size: 12px;
    }

    .inp-label-wrap .form-control {
        border: #e6e6e6 thin solid;
        border-left: 0;
        border-radius: 0;
        line-height: 45px;
        box-shadow: none;
        height: 44px;
        display: inline-block;
        width: 100%;
        padding-left: 10px;
    }

        .inp-label-wrap .form-control:focus {
            border: #e6e6e6 thin solid;
            box-shadow: none;
            border-left: 0;
            outline: none;
        }

.inp-label {
    position: absolute;
    height: 100%;
    left: 0;
    padding: 0 10px;
}

.white-btn {
    background: #fff !important;
    border: #ed2939 thin solid !important;
    color: #ed2939 !important;
    margin: 0 10px;
}

    .white-btn:hover {
        color: #ed2939;
    }

.secondary-white-btn {
    background: #fff !important;
    border: #ed2939 thin solid !important;
    color: #ed2939 !important;
    border-radius: 17px;
    min-width: 210px;
    padding: 6px;
    font-size: 15px;
    margin-bottom: 15px;
}

.primary-red-btn {
    border-radius: 17px;
    min-width: 210px;
    padding: 6px;
    font-size: 15px;
    margin-bottom: 15px;
}

h4.work-order-small-head {
    font-size: 15px;
    text-align: center;
    margin-top: 0;
}

.stepwizard {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 42px;
    /* bottom: 0; */
    position: absolute;
    content: " ";
    width: 78%;
    /* left: 50%; */
    height: 2px;
    left: 0;
    right: 0;
    /* bottom: 0; */
    margin: auto;
    background-color: #aeaeae;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 23px;
    height: 23px;
    text-align: center;
    padding: 1px 0;
    text-decoration: none;
    font-size: 14px;
    background: #aeaeae;
    color: #fff;
    font-weight: 600;
    line-height: 1.428571429;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 100%;
    pointer-events: none;
}

.work-order-wrapper .btn-primary {
    background-color: #ed2939;
    border: none;
    color: #fff;
}

    .work-order-wrapper .btn-primary.focus, .work-order-wrapper .btn-primary:focus {
        background-color: #ed2939;
        text-decoration: none;
        outline: none;
    }

.work-order-wrapper .btn-circle:hover {
    background-color: #ed2939;
    color: #fff;
    text-decoration: none;
}

.work-order-wrapper .btn.disabled, .work-order-wrapper .btn[disabled], .work-order-wrapper fieldset[disabled] .btn {
    opacity: 1;
    cursor: pointer;
}

.work-order-bacground {
    background-image: url(../img/bg-blur-wo-popup.jpg);
    width: 100%;
    /*height:700px;*/
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.technical-request-pick-date {
    border-radius: 6px;
    position: inherit !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(0%, 0%);
    padding: 0 !important;
    padding-bottom: 30px !important;
}

.work-order-success-content, .remote-work-order-success-content {
    text-align: center;
}

    .work-order-success-content h3.work-order-wrapper-head, .remote-work-order-success-content h3.remote-work-order-wrapper-head {
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        margin: 35px 0 35px;
    }

    .work-order-success-content .work-order-success-message, .remote-work-order-success-content .remote-work-order-success-message {
        margin: 53px auto 15px;
        max-width: 297px;
        text-align: center;
    }

        .work-order-success-content .work-order-success-message p, .remote-work-order-success-content .remote-work-order-success-message p {
            font-size: 16px;
            margin: 0px 0px 15px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #000000;
        }


/*FORM INPUT STYLES*/

input.custom-radio-button[type="radio"] {
    display: none;
}

    input.custom-radio-button[type="radio"] + label {
        color: #4c4c4c;
        font-family: 'Faricy New';
        font-size: 15px;
        margin-bottom: 0;
        font-weight: 600;
    }

        input.custom-radio-button[type="radio"] + label span {
            box-shadow: 0 0 0 3px #e3e3e3;
            display: inline-block;
            width: 16px;
            height: 16px;
            margin: -1px 7px 0 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
        }

        input.custom-radio-button[type="radio"] + label span {
            /*  border: 3px solid #ffffff;*/
            background: #e3e3e3;
        }

    input.custom-radio-button[type="radio"]:checked + label span {
        background-color: #ed2939;
    }

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        font-weight: normal;
        font-size: 13px;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 16px;
            height: 16px;
            border-radius: 4px;
            background: #e3e3e3;
            border: #5f5f5f thin solid;
        }

    .styled-checkbox:hover + label:before {
    }

    .styled-checkbox:focus + label:before {
        /*  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);*/
    }

    .styled-checkbox:checked + label:before {
        background: #ed2939;
        border: none;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

.select-all-wrapp {
    padding: 10px 0;
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 48%;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.purchase-wrapper .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 20%;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.radio-wrapp {
    border: #d2d2d2 2px solid;
    padding: 8px 10px;
    margin-bottom: 5px;
}

.custom-chk-bx {
    border: #d2d2d2 2px solid;
    padding: 8px 10px;
    margin-bottom: 5px;
}

.select-box label {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.chk-bx-small-label {
    font-size: 10px;
}

.next-btn-wrapper {
    text-align: center;
    margin: 35px 0 0 0;
}

.total-pay {
}

.next-btn-wrapper .nextBtn {
    border-radius: 17px;
    min-width: 210px;
    padding: 6px;
    font-size: 15px;
    margin-bottom: 15px;
}

.price-tbl {
    border: #e6e6e6 thin solid;
    padding: 10px;
    min-height: 210px;
    margin-bottom: 15px;
}

.total-text {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

.aed-price {
    display: block;
    font-size: 20px;
}

.total-amount {
    display: inline-block;
    float: right;
}

.vat-text {
    font-size: 11px;
    position: relative;
    top: -8px;
    color: #777;
}

.items-added {
    float: none;
    padding: 5px 0;
    clear: both;
    color: #777777;
    font-size: 13px;
    font-weight: bold;
}

.item-price {
    float: right;
    font-size: 17px;
    font-weight: normal;
    position: relative;
    top: -3px;
}

.purchase-wrapper {
    border: #e6e6e6 thin solid;
    padding: 10px;
    min-height: 210px;
}

.warranty-text {
    font-weight: bold !important;
}

.warranty-note {
    font-size: 11px;
}

    .warranty-note p {
        line-height: 18px;
        padding-left: 25px;
    }

.coverage-head {
    padding-left: 25px;
}

.warranty-notification {
    font-size: 14px;
    color: #777777;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    float: none;
    clear: both;
    padding: 0;
    padding-top: 10px;
}

.technical-request-popup fieldset legend {
    border: none;
    display: inherit;
    width: auto;
}

.calander-wrapper {
    max-width: 530px;
    margin: 0 auto;
    padding-top: 25px;
}

.work-order-wrapper .technical-request-popup fieldset.date h5 {
    text-align: left;
}

.work-order-wrapper .technical-request-popup fieldset legend {
    margin-bottom: 0;
}

.work-order-wrapper .technical-request-popup fieldset {
    padding: 10px 20px 10px;
}

.technical-request-popup #avialableDays label {
    font-weight: 600;
    margin-bottom: 0;
    line-height: 24px;
    cursor: pointer;
}

.work-order-wrapper #avialableDays input[type="radio"]:checked + label {
    line-height: 24px;
}

.work-back-arrow {
    position: absolute;
    top: -60px;
    left: 10px;
}

.work-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
}

    .work-close img {
        max-width: 35px;
    }

.work-order-wrapper .stepwizard-row .btn-primary:after {
    content: "";
    position: absolute;
    top: 12px;
    left: -45%;
    width: 90%;
    height: 2px;
    background: #ed2939;
    z-index: -1;
}


#stepwizard-step1 .btn-primary:after {
    display: none;
}

.stepwizard-step {
    position: relative;
    z-index: 10;
}

.spacer-warrenty {
    padding-left: 23px;
}

.work-order-error-msg {
    border: 1px solid #ed2939;
}

    .work-order-error-msg .form-control, .work-order-error-msg .input-group-addon {
        border: none;
        max-height: 44px;
    }

.work-order-contanier select.form-control option {
    font-size: 12px;
}

.work-order-contanier .inp-label-wrap .form-control {
    min-height: 46px;
    font-size: 12px;
}

.work-order-contanier .work-order-error-msg .form-control {
    min-height: 44px;
}
/*Calander CSS*/



.technical-request-popup .btn.primary_btn,
.technical-request-popup .btn.primary_btn:focus {
    border: #ed2939 solid 1px;
    background: #ed2939;
    width: 211px;
    padding: 0px;
    border-radius: 16.5px;
    text-decoration: none;
    line-height: 30px;
    margin: 10px auto 0;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    display: inline-block;
}

    .technical-request-popup .btn.primary_btn:hover {
        border: #ed2939 solid 1px;
        background: #FFFFFF;
        color: #ed2939;
    }


.technical-request-popup .secondary_btn,
.technical-request-popup .secondary_btn:focus {
    border: #ed2939 solid 1px;
    background: #FFFFFF;
    width: 211px;
    padding: 0px;
    border-radius: 16.5px;
    text-decoration: none;
    line-height: 30px;
    margin: 10px 10px 0;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ed2939;
    display: inline-block;
}

    .technical-request-popup .secondary_btn:hover {
        border: #ed2939 solid 1px;
        background: #ed2939;
        color: #ffffff;
    }


.technical-request-popup fieldset {
    width: 100%;
    padding: 20px 20px 15px;
    border-radius: 8px;
    border: solid 1px #979797;
}

    .technical-request-popup fieldset.date {
        margin-bottom: 40px;
    }

        .technical-request-popup fieldset.date table tr td:first-child {
            color: #959595;
        }

    .technical-request-popup fieldset legend {
        height: 21px;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #737273;
        padding: 0 5px;
        background: #fff;
        text-align: left;
    }

    .technical-request-popup fieldset div {
        text-align: center;
        border-right: #d8d8d8 solid 1px;
    }

        .technical-request-popup fieldset div:last-child {
            border: none;
        }

input.Picktime-radio-button[type="radio"] {
    display: none;
}

    input.Picktime-radio-button[type="radio"] + label {
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
    }

    input.Picktime-radio-button[type="radio"]:checked + label {
        font-weight: bold;
    }

    input.Picktime-radio-button[type="radio"] + label span {
        box-shadow: 0 0 0 2px #e3e3e3;
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: -3px 8px 0 0;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%;
    }

    input.Picktime-radio-button[type="radio"] + label span {
        background: #e3e3e3;
    }

    input.Picktime-radio-button[type="radio"]:checked + label span {
        background-color: #ed2939;
    }



.technical-request-popup fieldset.date h5 {
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.technical-request-popup fieldset.date table {
    width: 100%;
}

    .technical-request-popup fieldset.date table tr td {
        text-align: center;
        font-size: 13px;
        color: #000;
        width: 12.5%;
        height: 30px;
    }

#avialableDays input[type="radio"] {
    display: none;
}

#avialableDays label {
    width: 25px;
    height: 25px;
    font-size: 15px;
    font-weight: 500;
}

#avialableDays input[type="radio"]:checked + label {
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-weight: bold;
    background: #ed2939;
    color: #fff;
    border-radius: 50%;
    display: block;
    line-height: 25px;
    margin: 0 auto;
}




input.custom-radio[type="radio"] {
    display: none;
}

    input.custom-radio[type="radio"] + label {
        color: #4c4c4c;
        font-family: Arial, sans-serif;
        font-size: 16px;
    }

        input.custom-radio[type="radio"] + label span {
            box-shadow: 0 0 0 2px #cccccc;
            display: inline-block;
            width: 24px;
            height: 24px;
            margin: -1px 7px 0 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
        }

        input.custom-radio[type="radio"] + label span {
            border: 8px solid #ffffff;
            background-color: #ffffff;
        }

    input.custom-radio[type="radio"]:checked + label span {
        background-color: #fc521f;
    }

.disable-workorder {
    opacity: 0.3;
    pointer-events: none;
}

.disable-workorderFeedback {
    opacity: 0.3;
    pointer-events: none;
    border: 1px solid #ccc !important;
    background: #ccc !important;
}

.reintallDesc {
    padding-top: 5px;
    padding-left: 25px;
    font-size: 11px;
}

.inactive-slot {
    opacity: 0.3;
    pointer-events: none;
}

.date-wrap {
    cursor: pointer;
}

.date-div {
    display: block;
    padding-bottom: 8px;
}

.date-no {
    display: block;
    font-weight: bold;
    padding-bottom: 8px;
}

.hidden-slot {
    display: none;
}

.date-select-wrap {
    width: 12.5%;
    display: inline-block;
    float: left;
}

.fieldset-slot {
    position: absolute;
    left: 0;
    width: 88% !important;
    right: 0;
    margin: 40px auto 0px;
}

.technical-request-popup fieldset div {
    border-right: none !important;
}

.calander-wrapper .technical-request-popup .popup_content {
    margin-bottom: 75px;
}

/*.current-date .date-wrap {
  color: #b7b7b7;
}*/

.selected-date {
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: solid 1px #ed2939;
    color: #ed2939;
    border-radius: 25px;
    margin: 0px auto;
}

.inp-label-wrap input[type="text"]:disabled {
    border: #bbbbbb thin solid;
    border-left: none;
}

.calander-wrapper input.custom-radio-button[type="radio"] + label span {
    width: 9px;
    height: 9px;
}
@media screen and (max-width: 732px) {
    .billingdate {
        padding-top: 8px !important;
    }

}


    @media screen and (max-width: 768px) {
        .work-back-arrow {
            top: -100px;
        }

        .purchase-wrapper .styled-checkbox:checked + label:after {
            top: 13%;
        }

        .price-tbl {
            min-height: auto;
        }
    }

    .purchase-payment {
        text-align: center !important;
        padding-bottom: 0 !important;
    }
    /*#confirmPaymentPopup{
    position:absolute !important;
   
}*/

    #confirmPaymentPopup .secondary-white-btn {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    #confirmPaymentPopup .payment-confirm-popup-title {
        border-bottom: 1px solid #ddd;
        padding: 20px;
        font-size: 26px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.7px;
        color: #000000;
        margin: 10px 0 20px;
        text-align: center;
    }

    #confirmPaymentPopup .workorder-details p {
        text-align: center;
    }

        #confirmPaymentPopup .workorder-details p span {
            font-weight: bold;
            font-size: 24px;
        }

    #confirmPaymentPopup .popupbtn {
        min-width: inherit;
        width: auto;
        padding: 0px 30px;
    }

    #step-3 .purchase-wrapper .styled-checkbox + label {
        float: left;
        /* line-height: 15px; */
        left: 25px;
    }

        #step-3 .purchase-wrapper .styled-checkbox + label:before {
            position: absolute;
            left: -25px;
        }

    #step-3 .purchase-wrapper .styled-checkbox:checked + label:after {
        left: -22px;
    }

    #workorderOutstandingBalancePopup, #workorderRelocatePopup {
        width: 46%;
    }


        #workorderOutstandingBalancePopup h4 {
            margin-top: 45px !important;
            text-align: center !important;
            color: #4d4c4c !important;
            min-width: 513px;
        }


        #workorderOutstandingBalancePopup .popup_content {
            padding: 0px !important;
        }


        #workorderOutstandingBalancePopup .outstandBalance {
            margin-top: 62px;
            margin-bottom: 0px;
            font-size: 18px;
        }

        #workorderOutstandingBalancePopup .outstandBalanceAmount {
            font-size: 35px;
            font-weight: bold;
            margin: 6px 0px 0px !important;
        }

        #workorderOutstandingBalancePopup .outstandBalance, #workorderOutstandingBalancePopup .outstandBalanceAmount {
            text-align: center !important;
            color: #4d4c4c;
            letter-spacing: 0.6px;
        }

        #workorderOutstandingBalancePopup a.btn {
            margin: 27px 0px 32px !important;
        }


        #workorderRelocatePopup .popup_content {
            text-align: center !important;
            margin: 100px 0px 0px !important;
        }

        #workorderRelocatePopup .workorder-details {
            margin: 70px 0px 0px !important;
            font-size: 25px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.6px;
            text-align: center;
            color: #4d4c4c;
        }

            #workorderRelocatePopup .workorder-details div {
                font-size: 25px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 0.6px;
                text-align: center;
                color: #4d4c4c;
            }


        #workorderRelocatePopup a.btn {
            margin: 10px 10px 50px !important;
        }


    .reinstall-relocate-title-desc {
        text-decoration: none !important;
        font-size: 14px;
        letter-spacing: 0.4px;
        text-align: center;
        color: #1a1a1a !important;
        min-width: 416px;
        width: 416px !important;
        margin: 20px auto 20px;
    }



    .Re-install_relocate:hover {
        text-decoration: none !important;
    }

    #workorderFeedbackPopup h4 {
        font-size: 25px !important;
        font-weight: bold !important;
        line-height: normal !important;
        letter-spacing: 0.6px !important;
        text-align: center !important;
        color: #4d4c4c !important;
        margin: 5px 0px 57px;
    }

    #workorderFeedbackPopup .workorder-details, #workorderFeedbackPopup .workorder-details img {
        text-align: center !important;
    }

        #workorderFeedbackPopup .workorder-details img {
            text-align: center !important;
            margin-bottom: 5px;
        }


        #workorderFeedbackPopup .workorder-details span {
            float: none;
        }

    #workorderFeedbackPopup input.custom-radio-button[type="radio"] + label span {
        margin: -5px 12px 0 0 !important;
    }

    #workorderFeedbackPopup .action a.simplePopupClose {
        height: auto;
    }

    .disable-workorderFeedback {
        opacity: 0.3;
        pointer-events: none;
        border: 1px solid #ccc !important;
        background: #ccc !important;
    }


    /*************WorkOrder end*************/

    /****************MyOSN Download App link start************************/

    .download-app-link-wrapper {
        background-color: #e9e9e9;
        padding: 25px 0px 25px;
    }



        .download-app-link-wrapper .app-icon-img ul {
            padding: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

            .download-app-link-wrapper .app-icon-img ul li {
                display: inline-block;
                margin-right: 15px;
            }

                .download-app-link-wrapper .app-icon-img ul li:last-child {
                    margin-right: 0;
                }

        .download-app-link-wrapper .app-text h3 {
            font-weight: bold;
            margin-bottom: 0;
            margin-top: 10px;
            color: #cd0200;
            font-size: 24px;
        }

        .download-app-link-wrapper .app-text img {
            margin-right: 14px;
            margin-top: 1px;
            float: left !important;
        }

        .download-app-link-wrapper .app-text p {
            margin-top: 5px;
        }


        .download-app-link-wrapper .app-text-content {
            max-width: 570px;
            overflow: hidden;
        }

            .download-app-link-wrapper .app-text-content p {
                margin-bottom: 0px;
            }

                .download-app-link-wrapper .app-text-content p:last-child {
                    margin-bottom: 10px;
                }

    /****************MyOSN Download App link end************************/

    /* New Netflex */

    .last-topup {
        margin-top: 40px;
    }

        .last-topup h3 {
            float: right;
            padding: 0 !important;
            margin: 0;
        }

    .netflex-credit {
        margin-top: 20px;
        padding-top: 10px;
    }

        .netflex-credit:before {
            height: 1px;
            display: block;
            width: calc(100% + 60px);
            background: #e6e6e6;
            content: '';
            position: absolute;
            left: 0px;
            top: 0;
            margin-left: -30px;
        }

    .summary-header input[type=radio] + label {
        width: auto;
    }

    .smartbanner {
        display: none;
    }





    /* CSAT */

    .overlaycsat {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .8);
        left: 0;
        top: 0;
        z-index: 999;
    }

    .CSAT-popup {
        width: 480px;
        border-radius: 4px;
        background-color: #ffffff;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        padding: 40px;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        display: none;
    }

        .CSAT-popup h1 {
            width: 100%;
            float: left;
            font-size: 28px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.07;
            letter-spacing: normal;
            text-align: center;
            color: #3c3c3c;
            margin: 0;
            margin-bottom: 10px;
        }

        .CSAT-popup h2 {
            width: 100%;
            float: left;
            font-size: 20px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: center;
            color: #3c3c3c;
            margin: 0;
            margin-bottom: 10px;
        }

        .CSAT-popup .csat-icon {
            width: 100%;
            float: left;
            margin-bottom: 40px;
            text-align: center;
        }

            .CSAT-popup .csat-icon img {
                width: 60px;
                height: 60px;
            }

                .CSAT-popup .csat-icon img:first-child {
                    float: left;
                }

                .CSAT-popup .csat-icon img:last-child {
                    float: right;
                }

        .CSAT-popup .ui-slider {
            width: 340px;
            height: 4px;
            border-radius: 4px;
            background-color: #c2c2c2;
            margin: 30px;
            float: left;
            margin-right: 35px;
            margin-left: 25px;
        }

        .CSAT-popup .ui-slider-handle {
            width: 32px;
            height: 32px;
            background: rgb(255, 255, 255);
            border: 3px solid #ed1d25;
            border-radius: 50%;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            color: #ed1d25;
            margin-top: -8px;
        }

        .CSAT-popup .ui-slider-range {
            background-color: #ed1d25;
            border-radius: 4px;
        }

        .CSAT-popup .csat_comments {
            width: 100%;
            height: 118px;
            border-radius: 4px;
            border: solid 1px #3c3c3c;
            font-size: 18px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.44;
            letter-spacing: normal;
            color: #3c3c3c;
            padding: 20px;
            resize: none;
            margin-bottom: 40px;
        }

        .CSAT-popup .primary-btn {
            width: 190px;
            height: 50px;
            border-radius: 25px;
            background-color: #e11b22;
            border: solid 1px #e11b22;
            font-size: 18px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
            float: left;
        }

            .CSAT-popup .primary-btn:hover {
                background-color: #ffffff;
                border: solid 1px #e11b22;
                color: #e11b22;
            }


        .CSAT-popup .second-btn {
            width: 190px;
            height: 50px;
            border-radius: 25px;
            background-color: #ffffff;
            border: solid 1px #e11b22;
            font-size: 18px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #e11b22;
            float: right;
        }

            .CSAT-popup .second-btn:hover {
                background-color: #e11b22;
                border: solid 1px #e11b22;
                color: #ffffff;
            }

    #StaticBannerContent {
        margin: 35px 0px 32px;
    }

        #StaticBannerContent p {
            color: #ff0031;
            font-size: 20px;
            font-weight: bold;
            font-family: fredoka_oneregular;
        }

        #StaticBannerContent a {
            margin: 10px 5px 30px;
            display: inline-block;
        }

    .user-detail fieldset.cvv-section {
        background: none !important;
    }

    .cvv-section label {
        background: url(../img/ccv_icon.png);
        background-repeat: no-repeat;
        background-position: 100% 5px;
        background-size: 40px;
    }

    .after-login-container {
        box-sizing: border-box;
    }

    .after-login-container-grow {
        min-height: 552px;
        height: 100%;
        width: 50%;
        margin: 0;
        float: left;
        position: relative;
        background-color: #000;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        box-sizing: inherit;
    }

        .after-login-container-grow:first-child {
            border-right: 1px solid #888;
        }

    .after-login-container-overlay {
        background: url('../img/Assets/gradient_overlay.png');
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
    }

    .after-login-container-myosn,
    .after-login-container-osnplay {
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        min-height: 340px;
        transition: all 500ms;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
    }

    .after-login-container-myosn {
        background-image: url('../img/Assets/myosn_image2x.png');
    }

    .after-login-container-osnplay {
        background-image: url('../img/Assets/osnplay_image2x.png');
    }

    .after-login-container-expand {
        width: 60%;
    }

        .after-login-container-expand .after-login-container-myosn,
        .after-login-container-expand .after-login-container-osnplay {
            /*transition: all 3s;*/
            /*transition:300ms;*/
            /*transition:0.2s ease-in-out;*/
            transition: all 1s;
        }

    .after-login-container-shrink {
        width: 40%;
    }

    /*
.after-login-container-content {
    color: #fff;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
   
    font-weight: bold;
}

    .after-login-container-content h3 {
        font-size: 30px;
        margin-top: 14px;
    }
    */
    .landing-page-section-txt .app-store {
        margin: 0px auto;
        text-align: center;
    }

    .main-body-section-after-login {
        padding-top: 56px !important;
        background-color: #ececec;
        min-height: 830px;
        overflow: hidden;
        /*margin-bottom: 20px;*/
    }



    .landing-page-welcome-text h3 {
        font-size: 36px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
        transition: all 500ms;
    }

        .landing-page-welcome-text h3 span {
            font-weight: bold;
        }

    .content-section {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 3;
        color: #fff;
        transition: all 500ms;
    }

        .content-section h3 {
            font-size: 30px;
            margin: 15px 0 0;
        }

        .content-section h5 {
            margin: 20px 0px;
            font-size: 22px;
            transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            /*transition-delay: 500ms;*/
            font-weight: 300;
        }

    .app-store {
        position: absolute;
        width: 100%;
        top: 230px;
    }

        .app-store a {
            margin-left: 10px;
        }

    .content-link {
        margin-top: 20px;
        font-size: 24px;
        font-weight: bold;
        opacity: 1;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        /*transition-delay: 500ms;*/
    }

    /*.landing-page-icon {
    margin-bottom: 40px;
}*/

    .after-login-container-grow:hover .content-section h5 {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .after-login-container-grow:hover .content-link {
        opacity: 1;
    }

        .after-login-container-grow:hover .content-link a:hover {
            color: #ff0000;
            text-decoration: none;
        }


    global-navbar > li.navicon {
        border-right: #f2f2f2 solid 1px;
        border-left: 0;
    }

    .global-navbar > li.navicon.drop {
        border-left: #f2f2f2 solid 1px;
    }

    .global-navbar .drop-menu {
        width: 200px;
        top: 99%;
        right: 20px;
        background: #fff;
        border: #f0f0f0 solid 1px;
        border-top: 0;
        display: block;
        z-index: 201;
        color: #333333;
    }

    .global-navbar > li.drop a.expanded + .drop-menu {
        display: block;
    }




    .global-navbar-right .global-navbar-account .global-navbar-account-inner {
        position: absolute !important;
        top: 70px !important;
        right: 5px;
        width: 200px !important;
    }

    .global-navbar-right .global-navbar-account-active .global-navbar-account-inner:before {
        position: absolute;
        top: -6px;
        width: 0;
        height: 0;
        content: "";
        border-right: 6px solid transparent;
        border-bottom: 6px solid #444;
        border-left: 6px solid transparent;
    }

    .en .global-navbar-right .global-navbar-account-active .global-navbar-account-inner:before, .LTR .global-navbar-account-active .global-navbar-account-inner:before {
        left: 60%;
    }

    .ar .global-navbar-right .global-navbar-account-active .global-navbar-account-inner:before, .RTL .global-navbar-account-active .global-navbar-account-inner:before {
        right: 60%;
    }

    .global-navbar-right .global-navbar-account .global-navbar-account-list {
        overflow: hidden;
        max-height: 0;
        padding: 3px 0 !important;
        transition-timing-function: cubic-bezier(0,1,.5,1);
        transition-duration: .5s;
        transition-property: all;
        opacity: 0;
        border: 1px solid #444;
        background-color: #333;
    }

    .global-navbar-right .global-navbar-account-active .global-navbar-account-list {
        overflow-y: auto;
        max-height: 400px;
        opacity: 1;
    }


    .global-navbar-right .global-navbar-account .global-navbar-account-list li {
        width: 80%;
    }


        .global-navbar-right .global-navbar-account .global-navbar-account-list li a.account-list-active {
            background: url(../img/Assets/smart-card-selected.png) no-repeat 1px 50%;
            color: rgba(255, 255, 255, 0.5) !important;
        }

        .global-navbar-right .global-navbar-account .global-navbar-account-list li a.smartcardlist {
            background: url(../img/Assets/smart-card.png) no-repeat 1px 50%;
        }

    .global-navbar-account .global-navbar-account-list li:last-child {
        background: none;
    }



    /*.en .global-navbar-right .global-navbar-account .global-navbar-account-list li, .LTR .global-navbar-account .global-navbar-account-list li {
    float: left;
    margin: 0 !important;
    background: url(/osn/media/OSNMedia/Flags/all-flags.png) no-repeat 7px 0;
    background-size: 30px;
}

.ar .global-navbar-right .global-navbar-account .global-navbar-account-list li, .RTL .global-navbar-account .global-navbar-account-list li {
    float: right;
    margin: 0 !important;
    background: url(/osn/media/OSNMedia/Flags/all-flags.png) no-repeat 114px 0;
    background-size: 30px;
}*/

    .global-navbar-account .global-navbar-account-list li a {
        font-size: 16px;
        line-height: 37px !important;
        height: 37px !important;
        background: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .global-navbar-account .global-navbar-account-list li:last-child a {
        border-bottom: none;
    }



    /*.global-navbar-right .global-navbar-account .global-navbar-account-list li a {
    font-size: .85em;
    line-height: 30px !important;
    height: 30px !important;
    background: none;
}*/

    global-navbar-account-list filter li {
        margin-left: 10px !important;
    }


    .en .global-navbar-right .global-navbar-account .global-navbar-account-list li a, .LTR .global-navbar-account .global-navbar-account-list li a {
        padding: 0 0 0 40px !important;
    }

    .ar .global-navbar-right .global-navbar-account .global-navbar-account-list li a, .RTL .global-navbar-account .global-navbar-account-list li a {
        padding: 0 45px 0 0 !important;
    }

    .global-navbar-right .global-navbar-account .global-navbar-account-list li a:hover {
        color: #ff0202;
    }

    .global-navbar-right .global-navbar-account .global-navbar-account-list li a:after {
        display: none;
    }

    .global-navbar-right .account-icon {
        content: '';
        width: 40px;
        position: relative;
        top: 0px;
        background: url('../img/Assets/avatar-icon.png') no-repeat 0px 0px;
    }

    .global-navbar-right .global-navbar-button1 {
        display: inline-block;
        width: 100%;
        padding: 0 40px !important;
        text-align: center;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 20px;
    }

    .glob.global-navbar-right .global-navbar-account a {
        padding-right: 20px !important;
    }




    /* New Design login*/



    .osnlogin-box {
        width: 100%;
        position: relative;
        min-height: 1630px;
        background-color: #F7F7F7;
    }

    /*.osnlogin-box_BG:before{
   background: url('https://www.osn.com/osn/media/OSNMedia/Content/MYOSN-HB-slide4.jpg');
	content: "";
    width:100%;
   
     -webkit-filter: blur(10px);
    filter: blur(10px);
    position:absolute;
         min-height: calc(100vh);
    background-size: cover;
    height:100%;

}
.osnlogin-box_BG:after{
   background: rgba(0, 0, 0, 0.7);
	content: "";
    width:100%;
    position:absolute;
    top:0;
    min-height: calc(100vh);
    height:100%;
}*/
    .osnlogin-box_BG .blurBg {
        background: url('https://corporate.osn.com/osn/media/OSNMedia/Content/MYOSN-HB-slide4.jpg');
        content: "";
        width: 100%;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        position: absolute;
        min-height: calc(100vh);
        background-size: cover;
        height: 100%;
    }

    .osnlogin-box_BG .tintBg {
        background: rgba(0, 0, 0, 0.7);
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        min-height: calc(100vh);
        height: 100%;
    }



    .osnlogin-box_BG img {
        /*min-height: calc(100vh);*/
        width: 100%;
        background-size: 100%;
    }

    .osnlogin-box-wrap {
        width: 101%;
        position: absolute;
        top: 70px;
        right: 0;
        /*min-height: calc(100vh - 70px);*/
    }

    .global-container {
        /*min-height: calc(100vh - 70px);*/
        position: relative;
    }



    .osnlogin-section-wrap {
        width: 70%;
        height: auto;
        margin: auto;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.38);
        background: rgba(255, 255, 255, 0.4);
        max-width: 100%;
    }

    .osnlogin-section-innerbox {
        margin-top: 5px;
        width: 100%;
        float: left;
        border-radius: 12px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
        background-color: #ffffff;
        margin-bottom: 30px;
    }

        .osnlogin-section-innerbox span.signin.lightboxed {
            display: block;
        }

    .osnlogin-heading h3 {
        font-size: 24px;
        line-height: 25px;
        font-weight: normal;
        color: #323232;
        margin: 0;
        margin-bottom: 25px;
    }

        .osnlogin-heading h3 span {
            font-weight: normal;
        }

.osnlogin-button a, button.osnlogin-signin-btn {
    width: 100%;
    float: left;
    line-height: 40px;
    height: 40px;
    color: #fff;
    border-radius: 20px;
    background-color: #ff0000;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}

    .osnlogin-button a, button.osnlogin-signin-btn:hover,
    .osnlogin-button a, button.osnlogin-signin-btn:focus {
        text-decoration: underline;
        outline: none;
    }

    .osnlogin-signin-content p {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 14px;
        line-height: 28px;
        color: #717171;
        margin: 0;
        margin-bottom: 22px;
    }

        .osnlogin-signin-content p a {
            text-decoration: underline;
            color: #717171;
        }

            .osnlogin-signin-content p a:hover,
            .osnlogin-signin-content p a:focus {
                text-decoration: underline;
                outline: none;
                color: #ff0000;
            }

        .osnlogin-signin-content p.osnlogin-dont-osn-id {
            width: 100%;
            float: left;
            border-top: #d8d8d8 solid 1px;
            text-align: center;
            font-size: 20px;
            line-height: 32px;
            font-weight: normal;
            color: #323232;
            padding: 0;
            padding-top: 20px;
            margin: 0;
            margin-bottom: 12px;
        }

.osnlogin-register-button a.register-btn {
    width: 100%;
    float: left;
    line-height: 40px;
    height: 40px;
    color: #ff0000;
    border-radius: 20px;
    background-color: #fff;
    border: #ff0000 solid 1px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 16px;
    margin-top: 9px;
}

        .osnlogin-register-button a.register-btn:hover,
        .osnlogin-register-button a.register-btn:focus {
            color: #fff;
            background-color: #ff0000;
            outline: none;
        }

    .osnlogin-activation-link a {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 14px;
        line-height: 15px;
        color: #717171;
        text-decoration: underline;
    }

        .osnlogin-activation-link a:hover,
        .osnlogin-activation-link a:active {
            color: #ff0000;
            text-decoration: underline;
            outline: none;
        }

    .reactive-section-innerbox {
        width: 100%;
        float: left;
        border-radius: 12px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
        background-color: #ffffff;
        padding: 20px 40px;
        position: relative;
    }

        .reactive-section-innerbox h3 {
            font-size: 20px;
            font-weight: bold;
            color: #393939;
            margin: 0;
            margin-bottom: 15px;
        }

        .reactive-section-innerbox p {
            font-size: 16px;
            font-weight: normal;
            color: #393939;
            margin-bottom: 20px;
        }

        .reactive-section-innerbox a.btn-reactivate {
            width: 280px;
            max-width: 90%;
            height: 40px;
            border-radius: 20px;
            border: #393939 solid 1px;
            line-height: 40px;
            float: left;
            font-size: 17px;
            font-weight: bold;
            text-align: center;
            color: #393939;
            cursor: pointer;
        }

            .reactive-section-innerbox a.btn-reactivate:hover {
                background-color: #3c3c3c;
                color: #fff;
            }

        .reactive-section-innerbox .popup-subscribe.form1.popup-subscribe {
            /*width: 300px;*/
            bottom: 0px;
            margin-top: -75px;
            left: inherit !important;
            /*right: 0px;*/
            border-radius: 12px;
            /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);*/
            padding: 70px 0px;
        }

    .pay-now-lbl {
        font-size: 11px !important;
        padding: 0px !important;
        color: #8A8A8A !important;
        display: block;
    }

    .osnloginservices-section {
        width: 484px;
        float: left;
        /*margin-top: 150px;*/
        margin-left: 116px;
    }

    .osnloginservices {
        width: 484px;
        float: left;
        padding-left: 116px;
        color: #bababa;
    }

        .osnloginservices.watch-services {
            margin-bottom: 80px;
        }

    .watch-services {
        background: url(../img/watch.svg) no-repeat 0 50%;
        background-size: 86px;
    }

    .manage-services {
        background: url(../img/manage.svg) no-repeat 0 50%;
        background-size: 86px;
    }

    .osnloginservices h2 {
        font-size: 50px;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }

    .osnloginservices p {
        font-size: 16px;
        font-weight: normal;
        margin: 0;
    }

    .schedulePopDiv {
        border: 1px solid #e6e6e6;
        margin-left: 1%;
        padding: 1%;
    }

    /*.osnlogin-box-wrap .global-container{
    min-height: calc(100vh - 70px);
}*/
.display-active {
    display:block;
    right:0;        
}
.home-banner-container .my-osn-dv {
    margin: 60px auto 0 auto;
}

@media (min-width: 992px) {
    .home-banner-container .osnlogin-box,
    .home-banner-container .osnlogin-box-wrap {
        position: inherit;
    }

    .home-banner-container .img-bg {
        position: absolute;
        top: 0;
        margin-top: 0;
    }

    .home-banner-container .my-osn-dv {
        margin: 120px auto 0 auto;
    }
}
.divL2CAcceptRejectBtn{
    padding-top:10px;
}





@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.provider-logo img {
    max-width: 100%;
}

.yBG {
    background: #fcd106 !important;
    border-color: yellow;
}

.fixedwidth95 {
    width: 95px !important;
}

.grey, .phonenumber-grey span {
    color: rgba(0, 0, 0, .25);
}

.slider_container, .slider_container * {
    direction: ltr !important;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -1px;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.credit-card-popup .credit-cards .add-card-block {
    display: block !important;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

.upgrade_reactivate .addon-manager .red-message {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.upgrade_reactivate .addon-manager, .osn-boxes {
    margin-top: 0 !important;
}

.content-wrap {
    min-height: inherit !important;
}



input.has-error,
select.has-error,
textarea.has-error,
.has-error {
    /*border-bottom: 2px solid rgba(255, 0, 0, 1) !important;*/
    color: #ff0000 !important;
}

.error span[class *='error'] {
    color: #ff0000 !important;
}

/*.captcha-input {
    border: none !important;
}*/
.block {
    display: block !important;
}

#PersonalDetailForm .blank-error, #UserCredentialForm .blank-error, .register-wrap .error input {
    border: 1px solid #ff0000;
}

.add-warranty.form1 {
    position: relative;
}

.simple-pagination ul {
    list-style: none;
    margin: 20px 0;
    text-align: center;
}

    .simple-pagination ul li {
        display: inline-block;
        vertical-align: top;
    }

        .simple-pagination ul li.active span.current {
            padding: 0 20px 5px;
            color: #ed2939;
            font-weight: 500;
            display: inline-block;
        }

        .simple-pagination ul li a {
            padding: 0 20px 5px;
            color: #4d4d4d;
            font-weight: 500;
            display: inline-block;
        }

input.blank-error,
select.blank-error,
textarea.blank-error,
.blank-error {
    /*border-bottom: 2px solid rgba(255, 0, 0, 1) !important;*/
    color: #ff0000 !important;
}

.smartcode-input .input-box .blank-error {
    border: none !important;
}

.border-error {
    border: 1px solid rgba(255, 0, 0, 1) !important;
}

.form1-login .blank-error, .blank-error, .input-validation-error {
    border: 1px solid #ff0000 !important;
}

.relative {
    position: relative;
}

span.relative {
    display: block;
}

.sendImage {
    position: absolute;
}
/*loader1*/

.loader,
.loader__figure {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.loader {
    overflow: visible;
    padding-top: 2em !important;
    height: 0 !important;
    width: 2em !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: inherit !important;
}

.loader__figure {
    height: 0;
    width: 0;
    box-sizing: border-box;
    border: 0 solid #ed1c24;
    border-radius: 50%;
    -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.loader__label {
    float: left;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0.5em 0 0 50%;
    font-size: 0.875em;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    color: #ed1c24;
    white-space: nowrap;
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*Changes form play migration by Asfar*/

.mt-15{
    margin-top: 15px;
}
.position-rel {
    position: relative;
}

.show-icon {
    position: absolute;
    right: 0px;
    FONT-SIZE: 10PX;
    top: 3px;
    cursor: pointer;
    font-weight: 500;
}
.osnlogin-fields input:focus ~ .floating-label,
.osnlogin-fields input:not(:focus):valid ~ .floating-label {
    top: -14px;
    bottom: 10px;
    left: 22px;
    font-size: 10px;
    opacity: 1;
}

.osnlogin-fields input:-webkit-autofill ~ .floating-label,
.osnlogin-fields input:-webkit-autofill:focus ~ .floating-label {
    top: -14px;
    bottom: 10px;
    left: 22px;
    font-size: 10px;
    opacity: 1;
}

.osnlogin-fields textarea:focus ~ .floating-label,
.osnlogin-fields textarea:not(:focus):valid ~ .floating-label {
    top: -14px;
    bottom: 10px;
    left: 22px;
    font-size: 10px;
    opacity: 1;
}

.osnlogin-fields textarea:-webkit-autofill ~ .floating-label,
.osnlogin-fields textarea:-webkit-autofill:focus ~ .floating-label {
    top: -14px;
    bottom: 10px;
    left: 22px;
    font-size: 10px;
    opacity: 1;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 22px;
    top: 0px;
    transition: 0.2s ease all;
}

.login-fields {
width: 100%;
margin-bottom: 28px;
padding: 0 23px;
border: 0;
outline: 0;
border-bottom: 1px solid #b2b2b2;
line-height: normal;
position: relative;
}
.login-fields.input-validation-error {
    border: none !important;
    border-bottom: 1px solid #b2b2b2 !important;
}
.login-error-red {
    left: 20px;
    top: 25px;
    color: red;
    font-size: 11px;
    font-weight: 500;
    position: absolute;
}
.idf {
    background: url('../img/id-icon/id-icon@2x.png') no-repeat 0px 0px;
    background-size: 18px;
    position: absolute;
    width: 30px;
    height: 30px;
    left: -2px;
    top: 1px;
    z-index: 10;
}
.pdf {
    background: url('../img/password-icon/password-icon@2x.png') no-repeat 0px 0px;
    background-size: 15px;
    position: absolute;
    width: 30px;
    height: 30px;
    left: -2px;
    top: 0px;
    z-index: 10;
}
.mb10 {
    margin-bottom: 10px;
}
.tickback {
    background: url('../img/tick-icon/tick-icon@2x.png') no-repeat 0px 1px;
    background-size: 15px;
    padding-left: 22px;
    font-size: 14px;
    color: #3c3c3c;
    line-height: 1.22em;
}
.my-app-heading {
    margin-top: 40px;
    margin-bottom: 15px;
    text-align: center;
    color: #ff0000;
    font-size: 30px;
}
.my-app-img-dv {
    vertical-align: middle;
    text-align: center;
    margin-bottom: 15px;
}
.my-app-img-dv img {
    max-width: 100%;
}
.my-app-content {
    margin: auto;
    text-align: center;
    color: #3c3c3c;
    font-size: 20px;
    width: 570px;
    font-weight: normal;
}
.app-icons-login{
    width: 450px;
    margin: 25px auto;
}
.app-img{
    width: 200px;
    margin-right: 20px;
}
.osnlogin-fields input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #323232;
}

.osnlogin-fields input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #323232;
} 
.top-inner{
    margin-left: -15px;
}

@-webkit-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
    }

    30% {
        height: 2em;
        width: 2em;
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
    }
}

@-moz-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
    }

    30% {
        height: 2em;
        width: 2em;
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
    }
}

@keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
    }

    30% {
        height: 2em;
        width: 2em;
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
    }
}

@-webkit-keyframes loader-label {
    0% {
        opacity: 0.35;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.35;
    }
}

@-moz-keyframes loader-label {
    0% {
        opacity: 0.35;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.35;
    }
}

@keyframes loader-label {
    0% {
        opacity: 0.35;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.35;
    }
}
/*dotted Loader*/

#fountainG {
    position: relative;
    width: 234px;
    height: 28px;
    margin: 10px auto;
    max-width: 100%;
    overflow: hidden;
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: rgb(247,117,124);
    width: 28px;
    height: 28px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    border-radius: 19px;
    -o-border-radius: 19px;
    -ms-border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}

#fountainG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#fountainG_2 {
    left: 29px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#fountainG_3 {
    left: 58px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#fountainG_4 {
    left: 88px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#fountainG_5 {
    left: 117px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#fountainG_6 {
    left: 146px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#fountainG_7 {
    left: 175px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

#fountainG_8 {
    left: 205px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
}



@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(198,12,15);
    }

    100% {
        transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(198,12,15);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(198,12,15);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(198,12,15);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(198,12,15);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgb(255,255,255);
    }
}

/*line based loader*/

.progress {
    width: 100% !important;
    height: 4px !important;
    position: absolute;
    border-radius: 4px;
    background: #ed1c24;
    overflow: hidden;
    top: 0;
    z-index: 999;
    min-height: inherit !important;
    padding: 0 !important;
    margin: 0;
}

    .progress:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 4px;
        background: #fff;
        animation: load 60s linear;
    }

@-moz-keyframes load {
    0% {
        width: 0;
    }

    10% {
        width: 5%;
    }

    20% {
        width: 15%;
    }

    30% {
        width: 25%;
    }

    40% {
        width: 30%;
    }

    50% {
        width: 44%;
    }

    60% {
        width: 50%;
    }

    70% {
        width: 72%;
    }

    80% {
        width: 84%;
    }

    90% {
        width: 92%;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes load {
    0% {
        width: 0;
    }

    10% {
        width: 5%;
    }

    20% {
        width: 15%;
    }

    30% {
        width: 25%;
    }

    40% {
        width: 30%;
    }

    50% {
        width: 44%;
    }

    60% {
        width: 50%;
    }

    70% {
        width: 72%;
    }

    80% {
        width: 84%;
    }

    90% {
        width: 92%;
    }

    100% {
        width: 100%;
    }
}

@-o-keyframes load {
    0% {
        width: 0;
    }

    10% {
        width: 5%;
    }

    20% {
        width: 15%;
    }

    30% {
        width: 25%;
    }

    40% {
        width: 30%;
    }

    50% {
        width: 44%;
    }

    60% {
        width: 50%;
    }

    70% {
        width: 72%;
    }

    80% {
        width: 84%;
    }

    90% {
        width: 92%;
    }

    100% {
        width: 100%;
    }
}

@keyframes load {
    0% {
        width: 0;
    }

    10% {
        width: 5%;
    }

    20% {
        width: 15%;
    }

    30% {
        width: 25%;
    }

    40% {
        width: 30%;
    }

    50% {
        width: 44%;
    }

    60% {
        width: 50%;
    }

    70% {
        width: 72%;
    }

    80% {
        width: 84%;
    }

    90% {
        width: 92%;
    }

    100% {
        width: 100%;
    }
}

.notransition::after {
    -webkit-animation-play-state: paused;
    /* Chrome, Safari, Opera */
    animation-play-state: paused;
}

.overlayMsg, .overlayMsg1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    left: 0;
    top: 0;
    z-index: 999;
}

.fixed {
    position: fixed !important;
}
/*Alert messages*/

.popupPanelShow {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 400px;
    width: 90%;
    border: 1px solid #d2d2d2;
    z-index: 99999;
    background: #fff;
    border-radius: 2px;
    text-align: center;
    padding-bottom: 20px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

    .popupPanelShow .msgHead {
        padding: 20px 20px 0;
        background: #32cc65;
        margin: -1px;
        color: #fff;
        font-weight: bold;
    }

    .popupPanelShow .popupContent {
        background: #32cc65;
        margin: -1px;
        margin-bottom: 20px;
        color: #fff;
        padding: 2px 20px 20px;
    }

        .popupPanelShow .popupContent ul {
            margin: 0;
            padding: 0;
        }

.nofloat {
    float: none !important;
}

.faq-question {
    color: #BE151E;
}

.abs-eror-msg .blank-error {
    border: 1px solid red !important;
}

.abs-eror-msg .error-msg {
    position: absolute;
    right: 0;
    bottom: -22px;
}

.ui-datepicker td.ui-datepicker-current-day {
    background: #fff;
    border-radius: 4px;
}

    .ui-datepicker td.ui-datepicker-current-day a {
        color: #000 !important;
    }

.field-validation-error.error-msg {
    display: block !important;
}

#UserCredentialForm .error-msg {
    clear: both;
}

.watch-tabs .filter-results ul li img {
    max-width: 172px;
}

#boxOfficeCupon, #boxOfficeOsnCredit {
    display: none;
}

.popupPanelShow .msgHead i {
    display: block;
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 8px;
}

.popupPanelShow .popupsubmit .redBtn {
    background: #32cc65;
    padding: 5px 15px;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.popupPanelShow.osnmsg-alert .msgHead,
.popupPanelShow.osnmsg-alert .popupContent,
.popupPanelShow.osnmsg-alert .popupsubmit .redBtn {
    background: #32a6cc !important;
}

.popupPanelShow.osnmsg-error .msgHead,
.popupPanelShow.osnmsg-error .popupContent,
.popupPanelShow.osnmsg-error .popupsubmit .redBtn {
    background: #cc3232 !important;
}
/* Prompt message section*/

.promotmessage {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #fff;
    border: 1px solid transparent;
    padding: 20px;
    border-radius: 4px;
    min-width: 250px;
    color: #fff;
}

    .promotmessage .popupContent {
        width: 80%;
        margin-left: 20%;
    }

    .promotmessage .msgHead {
        position: absolute;
        left: 20px;
        top: 20px;
    }

        .promotmessage .msgHead i {
            font-size: 25px;
        }

    .promotmessage.osnmsg-error {
        background: #ec2838 !important;
    }

        .promotmessage.osnmsg-error .msgHead i {
            color: #fff !important;
        }

    .promotmessage.osnmsg-success {
        background: #32cc65 !important;
    }

        .promotmessage.osnmsg-success .msgHead i {
            color: #fff !important;
        }

    .promotmessage.osnmsg-alert {
        background: #32a6cc !important;
    }

        .promotmessage.osnmsg-alert .msgHead i {
            color: #fff !important;
        }

    .promotmessage ul {
        margin: 0;
        padding: 0;
    }
/*Inline message type*/

.inline-message {
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    clear: both;
}

    .inline-message.osnmsg-error .msgHead {
        color: #ec2838 !important;
    }

    .inline-message.osnmsg-success .msgHead {
        color: #32cc65 !important;
    }

    .inline-message.osnmsg-alert .msgHead {
        color: #32a6cc !important;
    }

.tooltip {
    font-size: .9rem !important;
    border-radius: 3px !important;
    padding: 3px !important;
    color: #333333 !important;
    min-width: 200px !important;
    background: #fff !important;
}

.tooltip-inner {
    color: #333333 !important;
    padding: 10px;
    background: #fff !important;
    border: 1px solid #ddd;
}

.tooltip-arrow {
    color: #333333 !important;
    border-right-color: #fff !important;
}

.error-msg {
    display: block;
    font-size: .85rem;
    text-align: left;
    color: #ed1c24;
}

.txt1-select {
    vertical-align: top; /*added sankha*/
}

    .txt1-select.error .selectize-input {
        border: 1px solid #ed1c24;
    }

.form1 .captcha-wrap {
    overflow: hidden;
}

.captcha-wrap .row {
    margin: 0 !important;
}

/*.smartcode-input input[type=tel], .smartcode-input input[type=text] {
    width: 90%;
}*/

.exclusive-wrap {
    margin-top: 20px;
}

.nohidden {
    overflow: visible !important;
}

.quick-call h4 {
    margin: 24px 0;
}

.tabs1 {
    padding-top: 30px;
}

.input-box .hint {
    left: 5px !important;
}

.login-wrap .subscribe-teaser {
    border-left: 0;
}

.overlay .content {
    position: relative;
    margin: 100px auto;
    /* border: 1px solid #3f0202; */
    border-radius: 5px;
    padding: 20px 40px 0 40px;
    background: #1f0503 url(../i/overlay_gradient.png) repeat-x;
    background: none;
    background: none;
    background: #202020;
    box-shadow: 0 0 5px rgba(0, 0, 0, .75);
    text-align: center;
    text-decoration: inherit;
    z-index: 99999;
    width: 500px !important;
    max-width: 100%;
}

    .overlay .content iframe {
        /*min-height:414px;*/
        border: medium none;
        min-height: 620px;
        overflow: hidden !important;
        width: 400px;
        max-width: 100%;
    }

.overlay .close {
    color: #fff;
    position: absolute;
    right: 24px;
    top: 24px;
    opacity: 1;
    text-shadow: none;
}

.overlay.popup {
    position: fixed;
    opacity: 1;
    background: rgba(0,0,0,.9) !important;
}

#osnStore {
    display: block !important;
}

.credit-cards, .min400height {
    min-height: 400px;
}

.card-no-txt.credit-cell {
    width: 100% !important;
}

.card-cvv-txt {
    background: #fff !important;
}

.widthauto {
    width: auto !important;
}

.add-credit .error-msg {
    display: block;
    clear: both;
}

#cardtype {
    width: 100% !important;
}

.user-detail fieldset span {
    word-wrap: break-word;
}

/* Password Strength */
.passStrength {
    font-size: 0.8em;
    color: #000;
}

    .passStrength em {
        color: #ff0000;
    }

    .passStrength strong {
        font-weight: normal;
    }

    .passStrength p {
        margin: 3px 0;
        padding: 0;
        background: url(../img/pass-strength.png) repeat-x 0 0;
        height: 9px;
        width: 95px;
    }

    .passStrength div.veryweak span {
        background: url(../img/pass-strength.png) repeat-x 0px -9px;
        height: 9px;
        width: 95px;
        display: block;
    }

    .passStrength div.weak span {
        background: url(../img/pass-strength.png) repeat-x 0 -9px;
        height: 9px;
        width: 32px;
        display: block;
    }

    .passStrength div.moderate span {
        background: url(../img/pass-strength.png) repeat-x 0 -18px;
        height: 9px;
        width: 48px;
        display: block;
    }

    .passStrength div.good span {
        background: url(../img/pass-strength.png) repeat-x 0 -18px;
        height: 9px;
        width: 63px;
        display: block;
    }

    .passStrength div.strong span {
        background: url(../img/pass-strength.png) repeat-x 0 -18px;
        height: 9px;
        width: 95px;
        display: block;
    }

    .passStrength div.veryweak em.show-weak, .passStrength div.veryweak em.show-moderate, .passStrength div.veryweak em.show-good, .passStrength div.veryweak em.show-strong {
        display: none;
    }

    .passStrength div.weak em.show-veryweak, .passStrength div.weak em.show-moderate, .passStrength div.weak em.show-strong, .passStrength div.weak em.show-good {
        display: none;
    }

    .passStrength div.moderate em.show-veryweak, .passStrength div.moderate em.show-weak, .passStrength div.moderate em.show-strong, .passStrength div.moderate em.show-good {
        display: none;
    }

    .passStrength div.good em.show-veryweak, .passStrength div.good em.show-moderate, .passStrength div.good em.show-weak, .passStrength div.good em.show-strong {
        display: none;
    }

    .passStrength div.strong em.show-veryweak, .passStrength div.strong em.show-moderate, .passStrength div.strong em.show-weak, .passStrength div.strong em.show-good {
        display: none;
    }

    .passStrength div.passStatus p span, .passStrength div.passStatus em, #passwordStrength.blank em {
        display: none;
    }

    .passStrength div.moderate em.show-moderate, .passStrength div.good em.show-good, .passStrength div.strong em.show-strong {
        color: #5ca308;
    }

.inline-block {
    display: inline-block;
}

.passStrength.inline {
    float: right;
    font-size: 0.7em;
    line-height: 1.3em;
}

    .passStrength.inline strong, .passStrength.inline p, .passStrength.inline em {
        float: left;
        margin-left: 3px;
    }

#lang_ar .passStrength.inline strong, #lang_ar .passStrength.inline p, #lang_ar .passStrength.inline em {
    float: right;
}

.main-wrap > .overlayMsg, .main-wrap > .overlayMsg1, .main-wrap > .loader {
    position: fixed;
}

.bill-summary-mobile {
    display: none;
}

.error .error-msg {
    display: block !important;
    clear: both;
}

.message-area .error-msg {
    bottom: -20px !important;
}

.nofloat {
    float: none !important;
}

.error-msg span, .docname {
    color: red !important;
}

.expfeild {
    border: 1px solid #ddd !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
}

    .expfeild.blank-error {
        border-width: 0 0 2px 0 !important;
        border-bottom: 2px solid red !important;
    }

.captchaPanel {
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 20px;
}

.captchaHolder {
    border-radius: 4px;
    background: #d2d2d2;
    min-height: 50px;
    padding-right: 8px;
}

.form1 .error .txt1 {
    border: none;
}
/*Watch section*/

.credit-card-popup {
    width: 400px;
    display: none;
    z-index: 800;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    -moz-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
}

    .credit-card-popup div.panel-left a.btn1 {
        border: 1px solid #ed2939;
        color: #ed2939;
        background: url(../img/arrow_right_small_red.png) right 10px top 50% no-repeat;
    }

        .credit-card-popup div.panel-left a.btn1:hover {
            color: #fff;
            background: url(../img/arrow_right_small_white.png) right 10px top 50% no-repeat #c92331;
            border-color: #c92331;
        }

    .credit-card-popup div.panel-left, .credit-card-popup div.panel-right {
        float: left;
        width: 400px;
    }

    .credit-card-popup div.panel-left {
        text-align: center;
        background: #262626;
        color: #fff;
        padding: 50px 0 30px;
    }

        .credit-card-popup div.panel-left .thumb img {
            margin: 0 auto;
            -webkit-box-shadow: -5px -1px 10px 5px rgba(30,30,30,1);
            -moz-box-shadow: -5px -1px 10px 5px rgba(30,30,30,1);
            box-shadow: -5px -1px 10px 5px rgba(30,30,30,1);
        }

    .credit-card-popup .credit-cards {
        position: relative;
    }

    .credit-card-popup div.panel-left h3 {
        font-weight: 200;
        font-size: 1.6rem;
        color: #fff;
        width: 80%;
        margin: 30px auto;
    }

    .credit-card-popup .meta {
        color: #b3b3b3;
    }

        .credit-card-popup .meta .genre {
            color: #fff;
        }

        .credit-card-popup .meta span {
            font-size: 0.9rem;
            font-weight: 200;
        }

    .credit-card-popup div.panel-left .meta {
        width: 75%;
        margin: 0 auto;
    }

    .credit-card-popup .rating {
        display: block;
        margin-top: 10px;
    }

        .credit-card-popup .rating span {
            padding: 0 10px;
            border-left: 1px solid #b2b2b2;
        }

            .credit-card-popup .rating span:first-child {
                border: 0;
                padding-left: 0;
            }

    .credit-card-popup h4 {
        font-size: 2rem;
        color: #ed2939;
        font-size: 1.3rem;
        font-weight: 400;
    }

    .credit-card-popup .credit-cards {
        margin: 0;
        padding: 35px 40px;
        border: 0;
        width: 100%;
    }

        .credit-card-popup .credit-cards .action-btns {
            text-align: center;
        }

            .credit-card-popup .credit-cards .action-btns .btn1 {
                font-size: 1rem;
                line-height: 1.1em;
                display: inline-block;
                background: #ed2939;
                color: #fff;
                background-image: none;
                margin-top: 25px;
                border: 0;
                text-align: center;
                min-width: 180px;
            }

.paddingbotom0 {
    padding-bottom: 0 !important;
}

.npaddingleftright {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.marginbottom0 {
    margin-bottom: 0 !important;
}

.paddingleft23 {
    padding-left: 23px;
}

.btnpadding .btn1 {
    padding: 8px 20px;
    text-align: center;
}

.cursurhand {
    cursor: pointer;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.tncdiv {
    padding: 15px;
    border-radius: 4px;
    max-height: 145px;
    overflow: auto;
    color: #4f4f4f;
    background: #f0eeee;
    border: 1px solid #d7d7d7;
    text-align: left;
}

.full-width {
    width: 100% !important;
}

.size-22 {
    font-size: 22px;
}

.size-15 {
    font-size: 15px !important;
}

.size-28 {
    font-size: 28px !important;
    line-height: normal;
}

.nopaddding {
    padding: 0 !important;
}

.nosidepadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nobefore:before {
    display: none;
}

.left0 {
    left: 0 !important;
}

.w99 {
    width: 99% !important;
}

.w98 {
    width: 98% !important;
}

.sepright:before {
    display: none;
}

.full-wide {
    width: 100% !important;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 400px;
    width: 320px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }

.verify-wrap .msg-box h3.password:before {
    background: url(../img/icon_password.png) 50% 50% no-repeat;
}

.UploadButton {
    padding: 1px 20px;
    text-align: center;
    border: 1px solid #ed2939;
    border-radius: 4px;
    width: 100%;
    float: none;
    display: block;
    cursor: pointer;
}

.icon_upload {
    display: inline-block;
    width: 40px;
    height: 26px;
    background: url(../img/icon_upload.png) 0 0 no-repeat;
}

.watch-tabs .filter-results ul li {
    float: none !important;
    display: inline-block;
    vertical-align: top;
    max-width: 172px;
}

.hideinputfile input[type=file] {
    display: none;
}

.global-hidden-medium .global-navbar-joinus a {
    line-height: 25px !important;
}
.account-icon:hover {
    background: url('../img/Assets/avatar-icon.png') no-repeat 0px 0px !important;
    border: none !important;
}
.global-navbar-account-list a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}

.win-back-title-content img{
    width: 100%;
}

@media screen\0 {
    .hideinputfile input[type=file] {
        width: 100%;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: #fff;
        display: block !important;
    }

    .UploadButton {
        display: none;
    }
}

.uploadDoc.ie11 .UploadButton {
    display: block !important;
}

.uploadDoc.ie11 .hideinputfile input[type=file] {
    display: none !important;
}

.modalPoupTC {
    width: 90%;
    max-width: 1200px;
    display: none;
    z-index: 800;
    background: #fff;
    overflow: auto;
    -webkit-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    -moz-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    max-height: 350px;
    min-height: 350px;
}

    .modalPoupTC h2 {
        padding-left: 15px;
    }

    .modalPoupTC .simplePopupClose {
        position: absolute;
        right: 25px;
        top: 20px;
        font-size: 28px;
        cursor: pointer;
    }

button[disabled], html input[disabled] {
    cursor: not-allowed;
    opacity: .4;
}

#cardtype.am-ex .card-icon.am-ex {
    background: #f7f7f7 url(../img/icon-american-express.png) no-repeat 50% 50%;
}

#cardtype.mastercard .card-icon.mastercard,
#cardtype.am-ex .card-icon.am-ex,
#cardtype.visa .card-icon.visa,
#cardtype.diners_club_international .card-icon.dyn-club {
    border: 1px solid #ed2939;
}

.osnRed {
    color: #ed2939;
}

.uploadDoc .collapse-header {
    background: #fff !important;
    border: none !important;
    clear: both;
    margin-top: 10px;
}

.uploadDoc .toggleSection {
    clear: both;
}

.uploadDoc {
    background: #fff !important;
}
    /*.uploadDoc .user-detail-view {
    display:block!important
}*/
    .uploadDoc .collapse-content {
        border: none !important;
    }

    .uploadDoc .user-detail {
        border-bottom: 1px solid #e1e1e1;
    }

    .uploadDoc .selectize-dropdown-content {
        text-align: left;
    }

    .uploadDoc #imgCaptcha {
        max-width: calc(100% - 20px);
        height: 100%;
    }

    .uploadDoc #reloadCaptcha {
        display: inline-block;
        line-height: 54px;
    }

    .uploadDoc .user-detail fieldset span {
        padding-left: 3%;
    }

#CouponForm {
    display: inline-block;
}

.uploadDoc .my-current-package .collapse-header h2 {
    max-width: calc(100% - 80px);
}

.addon-list li.padright24 .close {
    height: 25px;
    width: 25px;
    background: url(../img/icon_redcross.png) no-repeat;
    position: absolute;
    top: -1px;
    right: -6px;
    cursor: pointer;
}

.posrelative {
    position: relative;
}

.padright24 {
    padding-right: 24px;
}

.padding-left-right {
    padding-left: 5px;
    padding-right: 5px;
}

#cardtype.mastercard .card-icon.mastercard, #cardtype.am-ex .card-icon.am-ex, #cardtype.visa .card-icon.visa, #cardtype.diners_club_international .card-icon.dyn-club, #cardtype.diners_club_carte_blanche .card-icon.dyn-club {
    border: 1px solid #ed2939;
}

.upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper, .popup-add-ons-popups .block-wrapper {
    float: none !important;
    display: inline-block;
    vertical-align: top;
}

.popup-add-ons-popups .simplePopupClose {
    display: none;
}

.ExternalPaymentLink .selectize-dropdown-content {
    overflow: hidden !important;
    border-radius: 0;
}

.loaderLong, .loaderLong1 {
    padding: 20px;
    background: #fff;
    text-align: center;
    max-width: 500px;
    left: 50%;
    transform: translate(-50%);
    top: 50%;
    margin-top: -64px;
    position: absolute;
    width: 80%;
    font-size: 28px;
    color: #000;
    z-index: 99999;
}

.loderImg img {
    max-width: 100%;
}

.norecord {
    border: 1px solid #e6e6e6;
    padding: 6px 0;
    text-align: center;
    color: red;
}

.watch-tabs .filter-controls > div.page-count-wrap {
    width: 50%;
}

.watch-tabs .filter-controls > div.sort-fields-wrap {
    width: 50%;
}

    .watch-tabs .filter-controls > div.sort-fields-wrap > div > div .txt1-select .selectize-input {
        padding-right: 10px;
        word-break: break-all;
    }

    .watch-tabs .filter-controls > div.sort-fields-wrap > div > div > div {
        width: 65%;
    }

.form1 .captcha-input {
    width: 63% !important;
}
.mt-20{
    margin-top: 13px;
}

.form1 .captcha-wrap {
    width: 82%;
}

.reloadright {
    display: inline-block;
    position: relative;
    top: 5px;
    float: right;
}
.custom-dv-pad{
    padding:0;
    padding-right: 10px;
}

.absolute {
    position: absolute;
}

.overlay-item-detail .meta-1, .overlay-item-detail .meta-2 {
    width: 56%;
}

    .overlay-item-detail .meta-2 .action {
        clear: both;
    }

    .overlay-item-detail .meta-2 .schedule span {
        float: left;
        margin-bottom: 10px;
        border-left: 1px solid #fff !important;
    }

.credit h3 {
    padding-right: 40px;
}


.selected-provider .smartcode-input input[type=tel], .selected-provider .smartcode-input input[type=text] {
    width: calc(100% - 35px) !important;
}

.upgrade_reactivate .nav-tabs li a .channels .count {
    height: auto;
    line-height: 22px;
}

    .upgrade_reactivate .nav-tabs li a .channels .count span {
        display: block;
        font-size: 12px;
    }

.popover-content img {
    max-width: 100%;
}

.feedbackwrapper {
    max-width: 520px;
    margin: 80px auto;
    border: 1px solid #B8B7B7;
    text-align: center;
    padding: 10px;
}

    .feedbackwrapper img {
        max-width: 100%;
    }

    .feedbackwrapper h3 {
        font-size: 32px;
        color: #ee1c25;
        font-family: FaricyNewlight, Arial;
    }

.provider-select.promotional .tooltip {
    position: absolute !important;
    background: #333 !important;
    margin-top: 5px;
}

.provider-select.promotional .tooltip-inner {
    background: #333 !important;
    color: #fff !important;
}

.dob-wrap .txt1-select {
    vertical-align: middle;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

.form1-register label {
    display: block;
    padding: 0 0 8px 15px;
    font-size: 1.125rem;
}

.captcha-wrap label {
    padding: 0;
}

.phoneCode {
    padding: 10px 10px !important;
    height: 47px;
    border: 1px solid #e6e6e6;
    border-right: 0;
    border-radius: 5px 0 0 5px;
}

.captcha-wrap img {
    max-width: 100%;
}

.absolute-error .error-msg {
    position: absolute;
    right: 0;
}

.card-no-numbre {
    padding: 10px;
    border-width: 0px 0px 1px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
}

.phoneExt {
    float: left;
    width: 95px;
    height: 47px;
    border-width: 1px 0px 1px 1px;
    border-radius: 4px 0 0 4px !important;
    border-color: #e6e6e6;
    border-style: solid;
}

.phonenumber .smartcode-input .dob-wrap .phFeild {
    width: calc(100% - 95px);
}

.no-border.input-validation-error {
    border: none !important;
    color: red !important;
}

.custom {
    padding: 10px;
    width: 100%;
    border-color: #eee;
}

.btn1.btn1-black.removechecked {
    background: url(../img/arrow_left_small.png) left 10px top 50% no-repeat !important;
}

    .btn1.btn1-black.removechecked:hover {
        background: #000 url(../img/arrow_left_small_white.png) left 10px top 50% no-repeat !important;
        color: #fff !important;
    }

.slider_container {
    clear: both;
    position: relative;
    margin-bottom: 20px;
}

    .slider_container .owl-carousel_top {
        overflow: hidden;
        margin-top: 47px;
    }

    .owl-carousel_top .owl-nav {
        /* display: block !important; */
        display: none;
    }

    .owl-carousel_top:hover .owl-prev, .owl-carousel_top:hover .owl-next {
        opacity: 1;
    }

    .owl-carousel_top .owl-nav > div {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-indent: -99999px;
        height: 48px;
        width: 48px;
        cursor: pointer;
        opacity: .4;
    }

    .owl-carousel_top .owl-nav .owl-prev {
        background: rgba(0,0,0,.3)url(../img/arrow_left_small.png) 50% 50% no-repeat;
        left: 0;
    }

    .owl-carousel_top .owl-nav .owl-next {
        background: rgba(0,0,0,.3)url(../img/arrow_right_small.png) 50% 50% no-repeat;
        right: 0;
    }

    .slider_container .owl-item {
        float: left;
        position: relative;
    }

        .slider_container .owl-item h4 {
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            background: rgba(0,0,0,.7);
            text-align: center;
            color: #fff;
            padding: 8px 0;
            transform: translateY(-50%);
            font-size: 18px;
            font-family: 'Faricy New', arial, sans-serif;
            font-weight: normal;
        }

            .slider_container .owl-item h4 a:hover {
                color: #fff;
            }

    .slider_container .owl-nav {
        display: none;
    }

    .customized_fonts .due-date .date, .customized_fonts .bill-amount .amount, .customized_fonts .credit h3 {
        font-size: 1.8rem;
    }

    .magin-bottom10 {
        padding-bottom: 10px;
    }

    .padding-bottom10 {
        margin-bottom: 10px;
    }

    .min-height-auto {
        min-height: auto;
    }

    .sep {
        position: absolute;
        left: -30px;
        top: -20px;
        height: 1px;
        background: #e6e6e6;
        width: 200%;
    }

    .storeCredit {
        padding-top: 0;
        position: relative;
    }

    .block {
        display: block !important;
    }

    .clear {
        clear: both;
    }

    .customized_fonts .btn1 {
        min-width: auto !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        position: relative !important;
        /*z-index:9999*/
    }

    .en .small-mackpayment, .en .small-viewbillhistory {
        min-width: 185px !important;
    }

    .ar .small-mackpayment, .ar .small-viewbillhistory {
        min-width: 265px !important;
    }

    .customized_fonts .viewBillhistory {
        background: none !important;
        margin-top: 15px;
        float: right;
    }

        .customized_fonts .viewBillhistory:hover {
            background: #ed2939 !important;
        }

    .customized_fonts .amount {
        color: #333;
    }

    .customized_fonts .date-meter {
        top: 0 !important;
        width: 25% !important;
    }

    .overflowhidden {
        overflow: hidden;
    }

    .leftPanelBorder {
        border: #e6e6e6 solid 1px;
        border-right-width: 0;
        padding: 30px 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .rightPanelBorder {
        border: #e6e6e6 solid 1px;
        padding: 30px 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .QuestionAnswer {
        clear: both;
        margin-bottom: 25px;
    }

    .bottomPanel {
        margin: -30px;
        padding: 30px;
        background: #f8f8f8;
        border-top: 1px solid #e4e4e4;
    }

    .grayPanel {
        background: #f8f8f8;
    }

    .batch {
        font-size: 12px;
        padding: 5px;
        border-radius: 2px;
        background: #b5f774;
    }

    .max-height720 {
        max-height: 720px;
        overflow: auto;
    }

    .expand {
        cursor: pointer;
        font-size: 16px;
        color: #ed2939;
    }

    .bottomPanel h4 {
        padding: 0;
        margin: 5px;
    }

    .leftPanelBorder h2 {
        margin: 0;
        padding: 0 0 15px;
        font-size: 18px;
    }

    .QuestionAnswer h3, .bottomPanel h3 {
        margin: 0;
        padding: 0 0 15px;
        font-size: 18px;
        font-weight: normal;
    }

    .QuestionAnswer .options label {
        color: #444;
        font-size: 14px;
        margin-bottom: 8px;
        display: inline-block;
        padding-left: 10px;
        position: relative;
        cursor: pointer;
    }

        .QuestionAnswer .options label span:after {
            position: absolute;
            left: 0;
            top: 5px;
            height: 12px;
            width: 12px;
            border-radius: 2px;
            background: #fff;
            border: 1px solid #ccc;
            content: '';
        }

        .QuestionAnswer .options label input[type=checkbox]:checked + span:after {
            background: #ed2939;
            border: 1px solid #ed2939;
        }

    .QuestionAnswer .options input[type=checkbox] {
        visibility: hidden;
    }

    .redButton {
        background: #ed2939 !important;
        color: #fff;
    }

    .customerEngagement-popup .leftPanelBorder {
        border: none;
        border-right-width: 0;
        margin-top: 0px;
        margin-bottom: 0px;
        overflow: auto;
        padding-top: 0;
    }

    @media(min-width:1102px) {
        .drop2-menu {
            max-height: 0;
            overflow: hidden;
        }

        ul.main-nav > li:hover .drop2-menu {
            max-height: 600px !important;
            transition: 1.5s;
            -webkit-transition: 1.5s;
            z-index: 1;
            display: block !important;
        }
    }
    /*99760*/
    @media(min-width:1101px) {
        .drop2-menu {
            max-height: 0;
            overflow: hidden;
            display: inherit;
            padding: 0;
        }

        ul.main-nav > li:hover .drop2-menu {
            max-height: 600px !important;
            z-index: 1;
            display: block !important;
            padding: 20px 0 40px;
            overflow-y: hidden;
            transition-property: all;
            transition-duration: 1s;
            transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
        }
    }

    #customerTotalCredit {
        overflow: hidden;
    }

    [data-target="#customerTotalCredit"], .povr2 {
        text-decoration: none;
        display: inline-block;
        color: #fff;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1px solid #fff;
        line-height: 13px;
    }

        [data-target="#customerTotalCredit"]:hover, .povr2:hover, .povr2:active, .povr2:focus, [data-target="#customerTotalCredit"]:active, [data-target="#customerTotalCredit"]:focus {
            color: #fff;
            border-color: #444;
            text-decoration: none;
        }

    .credit-count .popover-title, .credit-box.v-align-mob .popover-title {
        font-size: 16px !important;
        padding: 10px !important;
        color: #333 !important;
    }

    .credit-box.v-align-mob .popover-content h3, .popover-content h3 {
        font-size: 16px !important;
        line-height: normal;
        color: #333 !important;
        margin: 0;
        padding: 0;
    }

    .credit-box.v-align-mob .popover-content span {
        color: #333 !important;
    }

    .popover-content hr {
        margin: 5px 0;
        padding: 0;
    }

    .closePopover {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 12px;
        padding: 0;
        margin: 0;
        cursor: pointer;
        color: #000;
        font-style: normal;
    }

    .blockalways {
        display: block !important;
    }

    .main-nav > li.drop > a span.no-dasktop {
        display: none;
    }

    .payment .newSrection {
        margin-top: 20px;
    }


    .unclickable {
        pointer-events: none;
    }

    .select-box {
        border: #ed2939 solid 1px !important;
    }


    /*added by Sankha Banerjee on 1.8.19*/


    .payment-landing {
        max-width: 904px;
        width: calc(100% - 10px);
        min-height: 428px;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        background-color: #ffffff;
        margin: 30px auto 30px;
        padding: 30px 0 20px;
    }

    .payment-username {
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.07;
        letter-spacing: normal;
        color: #3c3c3c;
        margin-bottom: 30px;
    }

    .payment-amountdue {
        min-height: 164px;
        background-color: #f1f1f1;
        padding: 20px 0;
        margin-bottom: 30px;
    }

    .payment-amountdue-label {
        font-size: 18px;
        font-weight: normal;
        ;
        line-height: 1.22;
        color: #3c3c3c;
        margin-bottom: 4px;
        display: block;
    }

    .payment-amountdue-amount {
        font-size: 36px;
        font-weight: bold;
        color: #3c3c3c;
        margin-bottom: 20px;
        display: block;
    }

    .payment-amountdue-billperiod {
        font-size: 16px;
        color: #3c3c3c;
    }

    .payment-landing-submitbutton {
        font-size: 18px;
        color: #fff;
        max-width: 270px;
        width: 100%;
        height: 50px;
        border-radius: 25px;
        background-color: #e11b22;
        border: none;
    }

    .payment-landing-secure {
        font-size: 12px;
        color: #3c3c3c;
        margin-top: 14px;
        display: block;
    }

    .payment-addsection {
        max-width: 904px;
        width: calc(100% - 10px);
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        background-color: #ffffff;
        margin: 0 auto 30px;
        padding: 40px 0;
    }

    .addsection-heading {
        margin-top: 20px;
        font-size: 22px;
        font-weight: bold;
        color: #cd0200;
    }

    .addsection-osnid, .addsection-smartcardnumber {
        font-size: 16px;
        color: #3c3c3c;
        margin: 30px 0;
        display: block;
    }

        .addsection-smartcardnumber strong, .response-billcircle strong {
            display: block;
        }

    .addsection-download-name {
        font-size: 16px;
        font-weight: normal;
        color: #000000;
        display: block;
        margin-bottom: 10px;
    }

    .addsection-download-margin-right-20 {
        margin-right: 8px;
    }

    .addsection-bannerimage img {
        max-width: 100%;
    }

    .addsection-download {
        margin-top: 20px;
    }

    .payment-response {
        max-width: 904px;
        width: calc(100% - 10px);
        min-height: 348px;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        background-color: #ffffff;
        padding: 30px 15px;
        margin: 30px auto 30px;
    }

    .response-heading {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.21;
        color: #3c3c3c;
        margin: 24px 0 30px;
    }

    .response-text {
        font-size: 16px;
        color: #3c3c3c;
        margin: 0 auto 30px;
    }

    .response-billcircle {
        font-size: 16px;
        font-weight: bold;
        color: #3c3c3c;
        margin: 0;
    }

    .payment-page {
        padding-top: 165px !important;
    }

    .global-navbar-nav li.nav-nochild a {
        background-image: none !important;
    }

    @media screen and (min-width: 767px) {
        .payment-page {
            padding-top: 100px !important;
        }

        .addsection-smartcardnumber strong {
            display: inline;
        }

        .payment-response {
            padding: 40px 0;
            margin: 60px auto 40px;
        }

        .response-heading {
            font-size: 28px;
            margin: 20px auto 40px;
            max-width: 500px;
        }

        .response-text {
            font-size: 18px;
            max-width: 546px;
            margin: 0 auto 40px;
        }

        .response-billcircle {
            font-size: 18px;
        }

        .payment-landing {
            max-width: 904px;
            margin: 60px auto 40px;
            padding: 40px 0 20px;
        }

        .addsection-download {
            margin-top: 40px;
        }

        .payment-username {
            font-size: 28px;
            margin-bottom: 40px;
        }

        .payment-amountdue {
            margin-bottom: 40px;
        }

        .payment-landing-secure {
            font-size: 14px;
            margin-top: 20px;
        }

        .payment-addsection {
            margin: 0 auto 60px;
            padding: 30px 0;
        }

        .addsection-heading {
            font-size: 24px;
        }

        .addsection-download-margin-right-20 {
            margin-right: 20px;
        }
    }

    .l2c {
        padding: 15px 15px 0 !important
    }

        .l2c h2 {
            padding: 0 0 15px;
            font-size: 18px;
            margin: 0 0 10px;
            text-align: left;
            border-bottom: 1px solid #ddd
        }

        .l2c label {
            font-size: 16px;
            display: block;
            margin-bottom: 5px;
            font-weight: 600
        }

    .d-flex {
        display: flex;
        padding: 5px;
        margin-top: 25px;
        background: #f4413c
    }

        .d-flex label {
            color: #fff
        }

    .right-align {
        margin-left: auto;
        padding: 8px 20px;
        background: #fff;
        border-radius: 4px
    }

    .form-control {
        border-radius: 2px;
        box-shadow: none;
        border: 1px solid #ddd;
        padding: 5px
    }

    .bold.label {
        font-weight: bold;
        display: block;
        font-size: 16px
    }

    .w-100 {
        width: 100%
    }

    .w-50 {
        width: 50%
    }

    .l2c-img {
        width: 60px;
        height: 100%;
        margin-right: 30px
    }

    .nhead {
        padding: 15px;
        border-bottom: 1px solid #efeeee;
    }

    .not-valid-smart-card-err-msg {
        color: red;
    }

    #chkcondition {
        margin-right: 15px;
    }

    #txtcondition {
        max-width: 100%
    }

    @media (min-width: 992px) {
        .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
            float: left
        }
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
    }
.my-devices {background:#fff; border:solid 1px #e5e5e5; margin-bottom:20px; position:relative;}
a.btn1{display: inline-block;}
@media (max-width:767px){
	.my-devices {margin-bottom:10px;}
}
.device-name--panel {float:left; padding:10px; text-align:center; width:35%; position:absolute; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); top:50%;}
@media (max-width:767px) {
	.device-name--panel {width:40%; padding:5px;}
}
.device-name--panel h4 {font-size:1.125rem; font-weight:500; margin:.5rem 0; line-height:1.2;}
@media (max-width:767px){
	.device-name--panel h4 {font-size:.9rem;}
}
.device-name--panel img {max-width:100%;}
@media (max-width:767px){
	.device-name--panel img {max-width:80%;}	
}
.device-description--panel {float:right; border-left:solid 1px #e5e5e5; width:65%; text-align:center; padding: 1rem; min-height:210px; position:relative;}
.device-description--panel p a {border-bottom:solid 1px #fac9cd;}
.device-description--panel p a:hover {text-decoration:none; border-bottom-color:#666;}
.device-description--panel.text-left {color:#808080;}
@media (max-width:767px) {
	.device-description--panel {width:60%; padding:.5rem; min-height:175px;}
	.device-description--panel p {font-size:.9rem;}
}
.link {text-decoration:none; line-height:1.2; background:transparent; border:0 none; padding:0;}
@media (max-width:991px){
	.link {font-size:1.125rem;}
}
.link:hover, .link:active, .link:focus {text-decoration:none;}
.link--grey {color:#808080; border-bottom:solid 1px #cfcfcf;}
.link--grey:hover,
.link--grey:focus {color:#ed2939; border-bottom-color:#ed2939;}
.link--red {color:#ed2939; border-bottom:solid 1px #fac9cd;}
.link--red:hover,
.link--red:focus {color:#808080; border-color:#cfcfcf}
.registered {display:inline-block; padding:0 1rem; margin-top:1.9rem;}
.registered + .registered {border-left:solid 1px #e5e5e5;}
@media (max-width:767px) {
	.registered {margin-top:2rem; padding:0 .5rem;}
	
}
.registered--description {font-size:0.875rem; display:block;}
@media (max-width:767px) {
	.registered--description {font-size:0.75rem;}
}
.registered--heading {font-size:2.25rem; display:block; line-height:1.2;}
@media (max-width:767px) {
	.registered--heading {font-size:1.4rem;}
}
.device--toplink {text-align:right; margin-bottom:.5rem;}
@media (max-width:991px){
	.device--toplink {margin-bottom:.75rem;}
}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.new-pin-wrap{background:none !important; padding-bottom:0 !important;}
/*Edit Mode for Fields*/
.editDeviceMode .deviceTxtDisplay,
.editDeviceMode .btnDeviceEdit {display:none;}
.editDeviceMode .deviceTxtField,
.editDeviceMode .btnDeviceSave {display:inline!important;}
/*--*/
@media (max-width:767px) {
	.call-back-header {margin-bottom:30px;}
}
.form-field {border:solid 1px #e6e6e6; padding:8px 5px; width:100%; border-radius:4px;}
.device-name--panel .form-field {text-align:center; margin-bottom:5px;}
.float-none{float:none;}
.margin-tp-0 {margin-top:0 !important;}

.fixed {position:fixed!important;}
.icon-download {position:absolute; left:-25px; top:8px;}
@media (max-width:767px){
	.icon-download {width:14px; height:auto; top:4px; left:-19px;}
}
.parental-control h3 {font-weight: 200; font-size: 1.8rem; text-align: center; margin-top: 65px;}
.parental-control p {text-align:center;}
.parental-control-para {font-weight:300; font-size:1.125rem; margin-bottom:2.5rem;}
.parental-pin {font-size:4.5rem; margin:0; font-weight:300;}
.parental-edit {color:#808080; text-decoration:underline; display:inline-block; padding:0 .5rem;}
.osn-store-office {padding: 5rem 0;}
@media (max-width:767px) {
	.osn-store-office {text-align:center; padding:3rem 0;}
}
.osn-store-office p {margin: 0 0 25px; }
.osn-store-office img {max-width:100%;}
@media (min-width:991px) {
	.osn-store-office img {margin-right:1rem;}
}
.faq-content-wrap h2 {margin-bottom:2.75rem;}
.white-box {background:#fff; padding:2rem 0;}
@media (max-width:767px) {
	.white-box {padding:1rem 0;}
}
.gray-box{background: #f7f7f7;}
.page-subtitle{ color: #333; font-size: 2.25rem; font-weight: 300; line-height: 1.2; margin: .4em 0;}
.osn-store-office a.btn-white-round { background-image: url("../img/next-btn-arrow.png")!important; background-position: right 9px!important; background-repeat: no-repeat!important;}
.osn-store-office .btn-white-round{ min-width: 173px; background:none;}
.btn-md{padding: 5px 39px;}
.btn-white-round{border: solid 1px #ed2939; border-radius: 50px;-webkit-border-radius: 50px;font-size: 16px;min-width: 160px;padding-left: 30px;padding-right: 30px}
/*.btn-primary {padding-top:7px;}*/

.osn-store-office a.btn-white-round:hover { background-image: url("../img/next-btn-arrow-hover.png")!important; }
.osn-store-office .btn-white-round:hover { background: #ed2939; color:#fff; text-decoration: none;}
.rating-form{max-width: 432px; margin: 0 auto;}
.pin-wrap {padding: 40px 0 50px; text-align: center; color: #555;}
.select-rating-dropdown{width: 100% !important; display: block !important; border: #e6e6e6}
.setpin-btn{margin:0 0.5rem;}
.padding-0{padding:0 !important;}

@media (max-width:480px) {
	.setpin-btn {min-width:100px !important; padding-left: 30px; padding-right:30px;}
}
@media (max-width:480px) {
	.padding-0-mob {padding:0 !important;}
}
.forgot-pin {float:left; text-decoration:underline; color: #555; font-size: 0.9rem; padding: 5px 0px 0px 15px;}
@media (max-width:991px){
	.call-back-header h2 {padding:1rem 0;}
}
.parental-control .form1 .txt1 {max-width:100%;}
.container-sm {max-width:980px;}
.burger {
    width: 60px;
    height: 60px;
    background: none;
    float: left;
    margin: 15px 20px 0 5px;
    display: none;
}

    .burger span {
        width: 85%;
        height: 2px;
        background: #333;
        display: block;
        margin: 13px auto 0;
    }

        .burger span + span {
            margin-top: 13px;
        }

.header-wrap .search-icon {
    display: none;
    width: 88px;
    height: 100%;
    border-left: #e8e8e8 solid 1px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/icon_lens2.png) 50% 50% no-repeat;
}

.img-bg {
    border-radius: 0px;
    border: 0px;
    margin-top: 69px;
    margin-left: -1px;
    background: url('https://www.osn.com/osn/media/OSNMedia/myosn/tab/bg-image-dt-tab-l.jpg') no-repeat;
    height: 495px;
}
.my-osn-logo {
    /*width: 193px;*/
    height: 130px;
    margin-left: 18px;
    margin-bottom: 5px;
}
.my-osn-dv {
    width: 70%;
    margin: 55px auto 0 auto;
    /*margin-left: 240px;
    margin-top: 64px;*/
}
.my-lg-tag {
    color: #fff;
    font-size: 24px;
    margin-top: 0px;
    margin-left: 18px;
    width: 438px;
}
.my-sm-tag {
    color: #fff;
    margin-top: 35px;
    margin-left: 18px;
    font-size: 12px;
}
.my-mar-10{
    padding: 30px 40px;
    margin: 10px 0;
}
.my-border {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.pad0{
    padding: 0px !important;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
/*Author : VP*/
@media (max-width: 1150px) {
}
/*Author : VP*/

@media (max-width: 995px) {
    .my-mar-10{
        padding: 0px 40px;
    }
    .osnlogin-heading-r {
        border-top: 1px solid #b2b2b2;
       padding-top: 10px;
    }
    .osnlogin-activation-link a{
        min-height: 30px;
    }
}
@media (max-width: 860px) {
    .my-lg-tag {
        font-size: 18px;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .app-img{
        width: 100px;
    }
    .app-icons-login{
        width: 250px !important;
    }
    .my-app-content {
        font-size: 12px;
        width: 250px;
    }
    .img-bg {
        background: url(https://www.osn.com/osn/media/OSNMedia/myosn/tab/bg-image-mob-tab-p-en.jpg) no-repeat;
    }
}
@media (min-width: 430px) and (max-width:650px) {
    .my-osn-logo {
        /*width: 100px;*/
        height: 100px;
    }

    .my-lg-tag {
        font-size: 16px;
    }

    .my-osn-dv {
        margin: 20px auto 0 auto;
    }
}


@media (max-width: 430px) {
    .my-lg-tag {
        font-size: 16px;
        max-width: 90%;
    }

    .my-osn-logo {
        /*width: 75px;*/
        height: 75px;
        margin-left: 18px;
    }
    .my-osn-dv {
        width: 100%;
        margin: 20px auto 0 auto;
    }
}

    @media (min-width: 992px) {
        .container {
            width: auto;
            max-width: 1160px;
        }
    }

    @media (min-width: 768px) {
        .container {
            width: auto;
        }
    }



    @media screen and (max-width: 1200px) {
        .main-nav > li > a {
            padding-left: 13px;
            padding-right: 13px;
        }

        .quick-call-wrap {
            padding-bottom: 18px;
        }
    }

    @media screen and (max-width: 1100px) {
        .main-nav-wrap {
            display: block;
            text-align: left;
            margin-right: -10px;
        }

            .main-nav-wrap li, .header-wrap .search-icon {
                display: none;
            }

                .main-nav-wrap li.drop {
                    display: block;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                    z-index: 201;
                }

        .main-nav > li.drop > a {
            text-align: left;
            padding: 20px 35px;
            width: 220px;
            color: #808080;
        }

        .drop-menu a.active {
            display: block;
        }

        .main-nav > li.drop > a:last-child {
            display: none;
        }

        .main-nav > li.drop {
            border: none !important;
        }

            .main-nav > li.drop > a span {
                font-weight: 500;
            }

            .main-nav > li.drop > a, .main-nav > li.drop > a:hover, .main-nav > li.drop:hover > a {
                background: url(../img/icon_plus-mob.png) 97% 50% no-repeat;
                color: #808080;
                background-size: 12%;
                width: calc(100% - 5px);
            }

            .main-nav > li.drop a.expanded {
                background: url(../img/icon_minus-mob.png) 97% 50% no-repeat;
                background-size: 12%;
            }

            .main-nav > li.drop .drop-menu a {
                text-align: left;
                /*padding: 20px 30px;*/
            }

                .main-nav > li.drop .drop-menu a span {
                    display: block;
                    font-weight: 500;
                }

                .main-nav > li.drop .drop-menu a:last-child {
                    /* display: none; */
                }

            .main-nav > li.drop .drop-menu {
                margin-left: -1px;
                width: 101%;
            }

            .main-nav > li.drop > a, .main-nav > li.drop > a:hover, .main-nav > li.drop:hover > a {
                width: 160px;
                /*width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
            }

            .main-nav > li.drop.mobile-grey > a, .main-nav > li.drop.mobile-grey > a:hover, .main-nav > li.drop.mobile-grey:hover > a {
                width: auto;
            }

        .location-wrap .cols {
            width: 50%;
        }

        .drop-menu {
            -webkit-box-shadow: -12px 10px 28px -25px rgba(128,128,128,1);
            -moz-box-shadow: -12px 10px 28px -25px rgba(128,128,128,1);
            box-shadow: -12px 10px 28px -25px rgba(128,128,128,1);
        }


        .burger {
            display: block;
        }

        .header-wrap .search-icon {
            display: none;
        }

        .quick-call-wrap {
            padding-bottom: 18px;
        }

        .smartcode-input label {
            width: 90%;
        }

        .smartcode-input {
            padding-left: 25px;
        }

        .selected-provider .sample-wrap {
            margin-left: 10px;
        }

        .cards-list .item > div {
            padding-left: 20px;
        }

        .cards-list .item .col-md-4 {
            padding-left: 20px;
        }

        .tabs1-pane {
            margin-bottom: 70px;
        }

            .tabs1-pane .cta-viewall {
                bottom: -60px;
                top: auto;
                margin: 0 auto;
                right: 0;
                left: 0;
                width: 120px;
            }

        .personal-detail {
            font-size: 1rem;
        }

        .content-wrap h1 {
            padding-bottom: 40px;
        }

        .form1-forgot-password fieldset {
            padding-left: 0px;
            padding-right: 0px;
        }

        .form1 .txt1:not(.col-xs-10) {
            width: 100%;
        }

        .smartcode-invalid input[type=tel],
        .smartcode-invalid input[type=text] {
            margin-bottom: 10px;
        }

        .smartcode-invalid i.fa {
            font-size: 1.4rem;
        }

        .smartcode-invalid .msg-invalid {
            margin-bottom: 20px;
        }

        .location-wrap .cols {
            width: 50%;
        }

        .dob-wide-wrap .col1, .dob-wide-wrap .col2, .dob-wide-wrap .col3 {
            width: 33%;
        }

        .dob-wide-wrap .col2, .dob-wide-wrap .col3 {
            margin-left: .1%;
        }

        .phonenumber .smartcode-input .dob-wrap .txt1-select .selectize-input {
            height: 47px;
        }

        .phonenumber .smartcode-input .dob-wrap .txt1-select {
            width: 25%;
        }

        /*.phonenumber .smartcode-input .dob-wrap .txt1 {
        width: 74%;
    }*/

        .phonenumber .smartcode-input .dob-wrap .txt1 input {
            padding: 13px 15px;
            height: 45px;
        }


        fieldset.col-md-6.col-md-push-0.col-xs-6.col-xs-push-6.remember {
            position: static;
            width: 45%;
            margin-left: 0;
        }

        fieldset.col-md-6.col-md-pull-0.col-xs-6.col-xs-pull-6.action {
            position: static;
            width: 50%;
        }

        fieldset.col-md-12.forgot-link {
            width: 100%;
        }

        /*Author : VP*/
        .user-creds .password-reset-done {
        }

            .user-creds .password-reset-done .done-reset-btn
            /*Author : VP*/
            .personal-details .dob-wrap .txt1-select {
                width: 100%;
            }

        .register-wrap {
            margin: 0;
        }

        .overlay-item-detail .meta-2 .schedule span {
            min-width: 13%;
        }

        .overlay-item-detail .meta-2 .action input.btn1 {
            min-width: 117px;
            padding-left: 10px;
            padding-right: 10px;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div > div {
            width: 60%;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.date-filter > div {
            width: 48%;
        }
    }

    @media screen and (max-width: 1100px) and (orientation:landscape) {
        /*.mini-sitemap .col-md-3 + .col-md-3 {width: 28%;}*/
        .mini-sitemap .col-md-offset-2 {
            margin-left: 12%;
        }

        .promopage .list-group li span {
            width: 72%;
        }

        .provider-logo .logo img {
            width: 80%;
        }

        .content-payments .drawer1-2 .col-md-4 {
            width: 35.61%;
        }

        .content-payments .drawer1-2 .col-md-3 {
            width: 26%;
        }

        .content-payments .bill-amount span, .content-payments .due-date span {
            font-size: 1rem;
        }

        .content-payments .bill-amount .amount, .content-payments .due-date .date, .content-payments .credit h3 {
            font-size: 1.4rem;
        }

        .summary-header input[type=radio] + label {
            font-size: 0.9em;
            width: auto;
        }

        .radio-group {
            width: 35%;
        }

            .radio-group.mybill-radio-group {
                width: auto;
            }

        .card-no span {
            padding-right: 10px;
        }

        .user-creds .password-reset-done {
            margin-left: 0;
            margin-right: -70px;
        }

        .personal-details .dob-wrap .txt1-select {
            width: 100%;
        }

        .user-detail .form1 .edit-form .btn1 {
            min-width: 110px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .account-settings h1 {
            padding-bottom: 100px;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div > span {
            /*margin-left: 0px;*/
        }

        .watch-tabs .filter-results ul li {
            margin-right: 3.5%;
        }

        .overlay-item-detail .meta-2 .schedule span {
            width: 13%;
        }

        .overlay-item-detail .meta-2 .action input.btn1 {
            min-width: 117px;
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    .visible-mobile {
        display: none !important;
    }

    @media screen and (max-width: 991px) {


        .v-align-mob {
            /* older webkit */
            display: -webkit-box;
            -webkit-box-align: center;
            -webkit-justify-content: center;
            /* older firefox */
            display: -moz-box;
            -moz-box-align: center;
            -moz-box-pack: center;
            /* IE10*/
            display: -ms-flexbox;
            -ms-flex-align: center;
            -ms-flex-pack: center;
            /* newer webkit */
            display: -webkit-flex;
            -webkit-align-items: center;
            -webkit-box-pack: center;
            /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */
            display: flex;
            align-items: center;
            justify-content: center;
            vertical-align: middle;
        }

        .dob-wide-wrap .col1, .dob-wide-wrap .col2, .dob-wide-wrap .col3 {
            width: 33%;
        }

        .dob-wide-wrap .col2, .dob-wide-wrap .col3 {
            margin-left: .1%;
        }

        .phonenumber .smartcode-input .dob-wrap .txt1-select .selectize-input {
            height: 47px;
        }

        .phonenumber .smartcode-input .dob-wrap .txt1-select {
            width: 25%;
        }

        /*.phonenumber .smartcode-input .dob-wrap .txt1 {
        width: 75%;
    }*/

        .phonenumber .smartcode-input .dob-wrap .txt1 input {
            padding: 15px 15px 15px;
        }

        .content-payments .drawer1-2 .col-md-4 {
            width: 100%;
        }

        .content-payments .drawer1-2 .col-md-3 {
            margin: 0;
            width: 100%;
        }

        .content-payments .drawer1-2 .col-md-4 .vertical-mid {
            border-right: 1px solid #E6E6E6;
            border-bottom: 0;
            padding: 30px;
        }

        .content-payments .drawer1-2 .col-md-3 .vertical-mid {
            padding: 30px;
        }

        .content-payments .due-date, .content-payments .coupon-count, .content-payments .bill-amount, .content-payments .credit-count {
            width: 100%;
            text-align: left;
            float: left;
        }

        .content-payments .credit .credit-count .cta {
            bottom: 45px;
        }

        .package-details {
            border-bottom: 0;
        }

            .package-details > div {
                border-bottom: 1px solid #e1e1e1;
                width: 100%;
                float: left;
            }

            .package-details .add-on-list {
                position: relative;
                float: left;
                top: 0;
                border: 0;
                background: #f2f2f2;
                padding: 20px;
                margin-top: 20px;
                width: 103%;
            }

                .package-details .add-on-list li span.align-right {
                    margin-right: 0;
                }

                .package-details .add-on-list li {
                    background: #f2f2f2;
                }

        .content-payments .align-right {
            width: 100%;
            text-align: left;
            margin: 0 0 30px;
        }

            .content-payments .align-right span {
                display: block;
                font-size: 1.5rem;
                ;
            }

        .content-payments .align-left {
            width: 100%;
        }

        .mobile-view {
            display: block;
        }

        .desktop-view {
            display: none;
        }

        .summary-header {
            background: #f7f7f7;
            padding: 0;
            border: 0;
        }

            .summary-header input[type=radio] + label {
                width: 50%;
                float: left;
                margin: 0;
            }

            .summary-header span {
                font-size: 1.5rem;
                padding: 0 0 10px 10px;
                display: block;
            }

            .summary-header .date-pick {
                width: 100%;
                margin: 0 0 20px;
                background-position: 98% 50%;
                padding-left: 20px;
                color: #808080;
            }

        .bill-summary .summary-header .date-pick {
            width: 43%;
            margin: 0 0 20px;
            background-position: 95% 50%;
            padding-left: 10px;
            color: #808080;
        }

            .bill-summary .summary-header .date-pick + span {
                width: 12%;
                display: inline-block;
                text-align: center;
                padding: 0;
            }

        .nav-tabs li {
            padding: 15px 10px;
            background: #fff;
            min-height: 68px;
        }

            .nav-tabs li a {
                font-size: 1.2rem;
            }

            .nav-tabs li.active {
                padding-top: 14px;
                position: relative;
            }

                .nav-tabs li.active a {
                    position: relative;
                    ;
                }

        .content-payments {
            background: #f7f7f7;
        }

            .content-payments .bill-amount, .content-payments .credit-count {
                line-height: normal;
                padding-bottom: 40px;
                position: relative;
            }


            .content-payments .drawer1-2 .col-md-4 .vertical-mid.previous-bill .bill-amount.pull-right {
                width: 100%;
            }

        .package-details .highlight-text a, .package-details .align-left, .package-details .highlight-text a, .package-details .align-right {
            width: 60%;
            margin: 0;
            font-size: 1.2rem;
        }

        .package-details .highlight-text a, .package-details .align-right {
            text-align: right;
            width: 40%;
        }


        .mobile-tabs {
            width: 100%;
            display: block;
            background: #f7f7f7;
            margin: 0;
            padding: 0;
            position: relative;
            z-index: 100;
        }

            .mobile-tabs li:first-child {
                border-left: 1px solid #e6e6e6;
            }

            .mobile-tabs li {
                list-style: none;
                margin: 0;
                padding: 20px 10px;
                border-right: 1px solid #e6e6e6;
                border-top: 1px solid #e6e6e6;
            }

                .mobile-tabs li:first-child.active {
                    border-left: 1px solid #e6e6e6;
                }

                .mobile-tabs li.active {
                    background: #f7f7f7;
                    border-top: 2px solid #ec2939;
                    border-right: 1px solid #e6e6e6;
                    border-left: 1px solid #e6e6e6;
                    padding-top: 19px;
                    border-left: 0;
                }

                    .mobile-tabs li.active a {
                        color: #ec2939;
                    }

        .tabs-wrap {
            margin-top: 30px;
        }

        .content-payments .tabs-content-wrap {
            background: #f7f7f7;
            min-height: 400px;
            border-top: 0px solid #e6e6e6;
            margin-top: 0px;
            position: relative;
            margin-top: 0px;
        }

        .mobile-tabs li a {
            font-size: 1rem;
            width: 100%;
            text-align: center;
            display: inline-block;
            color: #4d4c4c;
        }

        .mobile-tabs-content-wrap {
            width: 100%;
            background: #fff;
            padding: 0px;
            border: 1px solid #e6e6e6;
        }

            .mobile-tabs-content-wrap .data-header span, .mobile-tabs-content-wrap .data-content span {
                display: inline-block;
                font-size: 0.75rem;
                font-weight: 500;
                vertical-align: top;
            }

            .mobile-tabs-content-wrap .data-header .cell1 {
                width: 40%;
            }

            .mobile-tabs-content-wrap .data-header .cell2 {
                width: 25%;
            }

            .mobile-tabs-content-wrap .data-header .cell3 {
                width: 30%;
            }

            .mobile-tabs-content-wrap .data-header, .mobile-tabs-content-wrap .data-content {
                border-bottom: 1px solid #e6e6e6;
                padding-bottom: 20px;
                padding: 20px 20px;
                width: 100%;
                line-height: 1rem;
            }

            .mobile-tabs-content-wrap .data-header {
                padding: 10px 20px;
            }

            .mobile-tabs-content-wrap .data-content span {
                font-size: .9rem;
                font-weight: 200;
            }

            .mobile-tabs-content-wrap .data-content .cell1 {
                width: 40%;
            }

            .mobile-tabs-content-wrap .data-content .cell2 {
                width: 25%;
                margin-top: 1%;
            }

            .mobile-tabs-content-wrap .data-content .cell3 {
                width: 30%;
                margin-top: 1%;
            }

            .mobile-tabs-content-wrap .data-content .hidden-block {
                width: 100%;
                background: #f7f7f7;
                border: 1px solid #e6e6e6;
                padding: 15px;
                margin-top: 15px;
                display: none;
            }

                .mobile-tabs-content-wrap .data-content .hidden-block span.cell1 {
                    width: 70%;
                    font-size: 1rem;
                }

                .mobile-tabs-content-wrap .data-content .hidden-block span.cell2 {
                    width: 30%;
                    text-align: right;
                    font-size: 1rem;
                    margin: 0;
                }

            .mobile-tabs-content-wrap .data-content.collapsed {
                background: url(../img/icon-collapse.png) 96% 47% no-repeat;
                cursor: pointer;
            }

            .mobile-tabs-content-wrap .data-content.expanded {
                background: url(../img/icon_expand.png) 96% 25% no-repeat;
                cursor: pointer;
            }

                .mobile-tabs-content-wrap .data-content.expanded .hidden-block {
                    display: block;
                }

        .credit-cards {
            margin-left: 0;
            width: 100%;
            margin-bottom: 20px;
        }

        .iteniary {
            margin-bottom: 20px;
            padding-top: 30px;
        }

        .mobile-hidden {
            display: none;
        }

        .iteniary-header input[type=radio] + label {
            width: 50%;
            font-size: 0.9rem;
        }

        .iteniary-footer .btn1 {
            min-width: 90px;
            white-space: nowrap;
            padding-left: 30px;
            padding-right: 30px;
            height: auto;
            padding-top: 7px;
            padding-bottom: 7px;
        }



        #ui-datepicker-div {
            z-index: 400 !important;
        }

        .popup-confirm-card {
            width: 400px;
            padding: 30px 0;
        }

        .cvv-block .hint {
            left: 60px;
            top: -3px;
        }

        .popup-confirm-success {
            width: 70%;
            min-width: 70%;
        }

        .credit-card-details {
            min-height: 110px;
        }

        .card-no {
            margin-top: 0;
            margin-left: 55px;
            width: 72%;
        }

        .credit-card-details .card-icon {
            left: 17px;
            right: auto;
        }

        .card-no-status {
            left: auto;
            right: 17px;
        }

        .card-name, .card-date {
            margin-left: 55px;
        }

        .credit-cards h3 {
            color: #4c4c4c;
            padding-bottom: 30px;
        }

        div.visible-mobile {
            display: block !important;
        }

            div.visible-mobile .iteniary-footer {
                border-top: 0;
                padding-top: 0;
            }

            div.visible-mobile .credit-cards h3 {
                padding: 0;
            }

        .iteniary-footer.radio-2-content .package-list li h3 {
            color: #333;
        }

        .iteniary {
            padding-left: 0;
            padding-right: 0;
        }

            .iteniary .iteniary-header, .iteniary .iteniary-content, .iteniary .iteniary-footer {
                padding: 0 30px;
            }

            .iteniary .iteniary-header {
                padding-bottom: 35px;
            }

            .iteniary .iteniary-footer {
                padding-top: 35px;
            }

        .card-no span {
            padding-right: 10px;
        }

        .iteniary-content .payment-info {
            position: static;
            transform: translateY(0);
        }

        /*.service-menu a.active {
        display: none;
    }*/

        .iteniary-content fieldset {
            margin-top: 50px;
            margin-bottom: 30px;
        }

            .iteniary-content fieldset label {
                margin-right: 20px;
            }

        .service-menu .col-md-2 {
            width: 25%;
            float: left;
            text-align: center;
            padding-left: 5px;
            padding-right: 5px;
            height: 91px;
        }

        .service-menu em {
            width: 100%;
            float: left;
            text-align: center;
            /*font-size: 1rem;
        font-size: 0.95rem;*/
        }

        .iteniary-content .col-md-4 .package-list span {
            width: 100%;
            text-align: left;
        }

        .iteniary-content .package-list li h3 {
            text-align: left;
        }

        /* Author : VP*/


        .user-detail-view, .fieldset-wrap, .user-detail h2 a {
            display: none;
        }

        /*Bug- : Responsive screen-overlapping personal details 'Edit' CTA start*/
        .user-detail h2 a {
            bottom: -40px;
            right: 20px !important;
        }
        /*Bug- : Responsive screen-overlapping personal details 'Edit' CTA end*/

        .user-detail .footer-cta {
            position: relative;
            float: left;
        }

        .user-detail {
            min-height: inherit;
            border-bottom: 0;
            float: left;
            width: 100%;
            margin-bottom: 0;
        }

            .user-detail h2 {
                cursor: pointer;
                background: rgba(0, 0, 0, 0) url("../img/dropdown-grey.png") no-repeat scroll right 8px;
                margin-right: 0;
                font-size: 1.3rem;
                margin: 0;
                padding: 0 0 30px 20px;
            }

            .user-detail.active h2 {
                background: rgba(0, 0, 0, 0) url("../img/dropup-red.png") no-repeat scroll right 8px;
                color: #ed1c24;
            }

        .user-info {
            /*margin-top: 0;*/
            border-top: 0;
            margin-bottom: 20px;
        }

            .user-info .user-detail.user-generic-fields {
                border-top: 1px solid #e1e1e1;
            }

        .user-detail:last-child {
            border-bottom: 1px solid #e1e1e1;
            border-top: 0;
        }

        .user-detail .footer-cta h2 {
            background: none;
            padding: 0;
            font-size: 2rem;
        }

        .user-generic-fields.active .user-detail-view {
            display: block;
            padding-top: 20px;
        }

        .user-generic-fields .user-detail-edit {
            display: none;
        }

        .user-detail.active h2 {
            border-bottom: 1px solid #e1e1e1;
        }

            .user-detail.active h2 a {
                display: block;
                bottom: -50px;
                right: 20px;
            }

        .user-detail fieldset {
            padding: 0 20px;
        }

            .user-detail fieldset label {
                width: 100%;
            }

        .user-detail-edit {
            padding-top: 20px;
        }

            .user-detail-edit .form1 > fieldset {
                padding: 0 20px;
            }

        .user-detail fieldset.static-block label {
            width: 50%;
        }

        .user-detail .form1 fieldset.static-block span.static-val {
            width: 100%;
        }

        .user-detail .form1 fieldset .hint {
            left: 160px;
        }

        .user-detail .form1 .edit-form {
            text-align: center;
            margin: 0 0 15px;
        }

        .user-detail-edit fieldset {
            margin-bottom: 20px;
        }

        .user-address-fields.active .fieldset-wrap {
            display: block;
            margin-top: 20px;
        }

        .user-address-fields.active .footer-cta h2 {
            border: 0;
            color: #000;
        }

        .user-info .col-md-6:last-child .user-detail .form1 fieldset {
            width: 100%;
            padding: 0 20px;
        }

        .user-info .col-md-6:last-child .user-detail .form1 .edit-data {
            margin: 0;
            margin-left: -10px;
        }

        .user-detail fieldset.static-block {
            height: auto;
            margin-bottom: 0;
        }

        .user-detail .form1 {
            float: left;
            width: 100%;
            margin-bottom: 0;
        }

            .user-detail .form1 .edit-data {
                width: 100%;
                margin-left: -10px;
            }

        .user-info .col-md-6:last-child .user-detail .form1 .edit-data .txt1 {
            max-width: 99%;
        }


        .user-info.visible-mobile {
            display: none !important;
        }

        .user-creds .osn-id-label {
            width: 100%;
            padding: 0px;
            float: left;
            padding-bottom: 5px;
        }

        .user-creds .text-right {
            text-align: left;
        }

            .user-creds .text-right fieldset label {
                text-align: left;
                width: 100%;
                float: left;
                margin-top: 30px;
                margin-bottom: 3px;
            }

            .user-creds .text-right fieldset a {
                text-align: left;
                width: 100%;
                float: left;
                margin-top: 30px;
            }

        .user-creds .password-reset {
            float: left;
            width: 100%;
            margin: 0px;
        }

            .user-creds .password-reset .txt1, .user-creds .password-reset fieldset label {
                max-width: 100%;
            }

        .user-creds .form1 .cta-forgot {
            text-align: left;
        }

        .user-creds .text-right fieldset label, .user-creds .password-reset .cta-forgot {
            padding: 0px;
        }

        .user-creds .password-reset .smartcode-input {
            padding-left: 0px;
        }

        .user-creds .form1 .txt1 {
            margin-left: -10px;
        }

        /*Bug : 157679 -  Responsive account page-1. Error text alignment start*/

        #UserCredentialForm .user-creds .password-reset .error-msg {
            margin-left: -8px;
        }
        /*Bug : 157679 -  Responsive account page-1. Error text alignment end*/

        .user-creds .password-reset .smartcode-input {
            text-align: center;
        }

        .user-detail .form1 fieldset span {
            width: 100%;
        }

        .user-detail .form1 .edit-data .note {
            padding: 0px 15px;
        }

        .user-detail .form1 .edit-form .btn-confirm {
            float: none !important;
            margin-left: 12px;
        }

        .content-orders .search-box .searchform {
            margin-bottom: 18px;
        }

        .content-orders .search-box input[type="search"] {
            font-size: 15px;
            padding: 10px 5px;
        }

        .content-orders .search-box .searchform:after {
            right: 7px;
            top: 9px;
        }

        .content-orders .search-box .searchform:after {
            right: 3px;
            top: 5px;
        }

        .my-package .drawer1 .vertical-mid > span:first-child {
            text-transform: inherit;
        }

        .content-orders .my-package .drawer1 .vertical-mid h3 {
            font-size: 18px;
        }

        .my-package .drawer1 .mth-cost {
            line-height: 0;
            position: absolute;
            right: 0;
            top: 38px;
        }

        .content-orders .my-package .drawer1 .vertical-mid h3 {
            font-size: 18px;
            line-height: 18px;
        }

        .content-orders .my-package .drawer1 > div {
            padding: 20px 20px;
        }

        .my-package .drawer1 .mth-cost h3 {
            font-size: 18px;
            font-weight: 500;
        }

            .my-package .drawer1 .mth-cost h3 span {
                font-size: 10px;
            }

        .my-package .drawer1 .vertical-mid p {
            font-size: 12px;
        }

        .content-orders .my-package .drawer1 > div.col-md-8 {
            border-bottom: 1px solid #e6e6e6;
        }

        .content-orders .my-package .my-addons > div.vertical-mid {
            padding: 0px;
        }

        .my-package .my-addons .addons-prices .divide-column {
            border: 0px;
            width: 100%;
            border-bottom: 1px solid #e6e6e6;
            padding: 12px 0px;
        }

            .my-package .my-addons .addons-prices .divide-column:first-child h4 {
                margin-left: 25px;
                font-weight: normal;
            }

            .my-package .my-addons .addons-prices .divide-column h4 {
                font-weight: normal;
            }

        .my-package .my-addons .addons-prices h4 span {
            margin-left: 0px;
        }

        .my-package .my-addons .vertical-mid > span:first-child {
            padding: 20px 25px 5px 25px;
        }

        .my-package .my-addons .vertical-mid p {
            padding: 20px 25px;
            font-size: 13px;
        }

        .my-package .my-addons .vertical-mid .cta {
            float: left;
            font-size: 16px;
        }

        .content-orders .nav-tabs li {
            min-height: 55px;
        }

        .dashboard-wrap.my-package {
            padding-top: 0px;
            padding-bottom: 30px;
        }

        .user-creds .password-reset fieldset label {
            padding-left: 10px;
        }

        .user-creds .form1 .cta-forgot {
            display: none;
        }

        .user-detail {
            min-height: auto;
        }

        .user-creds .password-reset-done {
            text-align: center;
        }

            .user-creds .password-reset-done h4 {
                text-align: center;
                color: #333;
                margin: 0px;
                font-size: 17px;
                float: none;
                margin-top: 35px;
                margin-bottom: 25px;
            }

            .user-creds .password-reset-done .done-reset-btn {
                float: none;
            }

        .call-back .message-area {
            margin-top: -22px;
        }
        /* Author : VP*/

        .accordion dt.active a {
            border-bottom: 1px solid #e1e1e1;
        }

        .user-detail .edit-post {
            float: left;
        }

        .header-button-wrap > .container > h2 {
            padding-bottom: 30px;
            display: none;
        }

            .header-button-wrap > .container > h2.document-content {
                display: block;
                font-size: 1.3rem;
            }

        .user-creds span.osn-id {
            color: #333;
        }

        .smartcode-input input.btn-confirm, .call-back .action .smartcode-input input.btn1-red {
            min-width: 130px;
        }

        .user-detail .personal-details {
            width: 100%;
        }

        .user-detail fieldset span {
            width: 100%;
        }

        .user-detail .edit-post {
            float: right;
        }

        .user-detail .personal-details .smartcode-input {
            padding: 10px 0 20px;
        }


        .user-detail .form1 .action .edit-data {
            width: 100%;
            float: none;
        }

        .user-creds .text-right {
            padding: 0;
        }

        .user-creds .forgot-password-trigger {
            padding-left: 10px;
        }

        .user-creds .password-reset .error .error-msg {
            left: 0;
        }

        /*.service-menu {
        display: none;
    }*/

        .user-detail .form1 .edit-form .btn1 {
            min-width: 115px;
        }

        .call-back-header h2 {
            padding-top: 20px;
        }

        .user-detail .form1 .action .edit-data {
            margin-bottom: 0;
        }

        .popup-confirm-card .action .btn1, .smartcode-input input.btn-confirm, .call-back .action .smartcode-input input.btn1-red, .call-back .action .smartcode-input input.btn1-red, .call-back .action .smartcode-input input.btn-confirm {
            min-width: 110px;
        }

        .my-package .drawer1 .vertical-mid > span.box-image {
            padding: 0px;
            margin-top: 0px;
        }

        .content-orders .tab-content {
            margin-top: 20px;
            margin-bottom: 50px;
        }
        /*.my-orders-header h2{padding-top:10px;}*/
        .content-orders {
            background: #f7f7f7;
        }

        .my-package-header h2 {
            padding-top: 30px;
        }

        .tabs1-pane {
            margin-bottom: 50px;
        }

        .my-package .my-addons .addons-prices .divide-column:last-child {
            border-bottom: 1px solid #e6e6e6;
        }

        .my-package .my-addons .vertical-mid p {
            text-align: left;
            margin-top: 0;
        }

        .my-package .my-addons .vertical-mid span {
            display: block;
        }

        .my-package .my-addons .vertical-mid .cta {
            float: left;
            margin-top: 10px;
        }

        .my-package .my-addons {
            margin-top: 20px;
            border-top: 1px solid #e6e6e6;
        }

        .col-xs-6 .package-list.align-right {
            width: 100%;
            text-align: right;
        }

        .iteniary-content .package-list.align-right li h3, .iteniary-content .col-md-4 .package-list.align-right span {
            text-align: right;
        }

        .use-new-card a {
            margin-top: 0;
        }

        .iteniary-footer .box-office-text, .iteniary-footer .box-office-btn {
            display: none;
        }

        .credit-cards .add-card-block .action .btn1 {
            line-height: 2.3rem;
        }

        .popup-subscribe {
            left: 5%;
        }

        .login-wrap .subscribe-teaser::before {
            display: none;
        }

        .popup-subscribe {
            min-width: 100%;
            left: 0;
            padding: 50px 30px 30px;
        }

        .cards-list .item-disabled .warning {
            margin: 0px 0 0;
            font-size: .9rem;
            width: 45%;
            width: 100%;
            padding-left: 40px;
        }

            .cards-list .item-disabled .warning:before {
                width: 36px;
                height: 36px;
                background-size: 32px;
                position: absolute;
                display: inline-block;
                margin: -10px auto 10px;
                left: 0;
                top: 9px;
            }

        .cross-links2 .item span {
            padding-bottom: 20px;
        }

        /* Supprt */
        .support-header {
            margin-top: 20px;
        }

            .support-header h2 {
                margin-top: 0;
            }

        .support-keywords a {
            width: 45%;
            padding: 10px;
            margin-bottom: 10px;
            font-size: 1rem;
        }

        .support-keywords {
            margin-bottom: 30px;
        }

        .support-quick-links {
            padding-bottom: 40px;
        }

            .support-quick-links > div.full-width > div {
                width: 50%;
                margin-bottom: 20px;
            }

            /*.support-quick-links > div:last-child {
                float: none;
                margin: 0 auto;
                clear: both;
            }*/
            .support-quick-links > div.full-width div:nth-last-child(1):nth-child(odd) {
                float: none;
                margin: 0 auto;
                clear: both;
            }

            .support-quick-links > div.full-width > div a span {
                padding: 0 15px;
            }


        .page-cross-links {
            margin-bottom: 20px;
        }

        .faq-cta-block ul, .faq-cta-block .cta {
            display: none;
        }

        .faq-cta-block h2 {
            margin: 0;
        }

        .faq-block, .faq-block > div {
            padding: 0 !important;
        }

        .faq-cta-block {
            margin: 2px 0 2px;
            padding: 10px 30px 12px;
        }

            .faq-cta-block h2 {
                font-size: 1.2rem;
            }

        .faq-cta-block {
            background: #f7f7f7 url(../img/arrow-down.png) 97% 15px no-repeat;
        }

            .faq-cta-block.active {
                background: #f7f7f7 url(../img/arrow-up.png) 97% 15px no-repeat;
            }

        .faq-block {
            margin-bottom: 30px;
        }

        .faq-cta-block.active ul {
            display: block;
            margin-top: 30px;
        }

        .faq-cta-block.active a.cta {
            display: block;
            margin-top: 20px;
        }

        .faq-tabs .search-box .search-txt {
            font-size: 1rem;
        }

        .signal-form-block {
            padding-bottom: 10px;
        }
        /*faq tabs */
        .content-payments .faq-tabs .tab-content {
            margin-top: 0;
        }

        .faq-quick-links > div {
            margin-bottom: 20px;
        }

        .faq-quick-links {
            padding-bottom: 0;
        }

        .faq-list > li > div > div > a {
            width: 105%;
            padding-right: 30px;
        }

        .faq-tabs {
            padding: 0;
        }

            .faq-tabs .form1-register {
                padding: 0 10px;
            }

        .send-signal-form {
            width: 100%;
            margin: 0 auto;
        }

        .faq-tabs h2 {
            margin: 40px 0;
        }

        .faq-content-wrap h3 {
            margin-top: 20px;
        }


        /*Watch */

        .filter-controls {
            position: relative;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap .mobile-label-sort-filter {
            display: block;
            float: right;
            padding: 20px 50px 20px 20px;
            display: block;
            text-align: right;
            line-height: 1;
            display: block;
        }

        .watch-tabs .filter-controls .sort-fields-wrap .mobile-label-sort-filter {
            background: url("../img/arrow_down_red.png") 90% 50% no-repeat;
            width: 89%;
            cursor: pointer;
        }

        .watch-tabs .filter-controls .sort-fields-wrap.active .mobile-label-sort-filter {
            background: url("../img/arrow_up_red.png") 90% 50% no-repeat;
        }

        .watch-tabs .filter-controls .sort-fields-wrap .sort-drop-down {
            display: none;
        }

        .watch-tabs .filter-controls .sort-fields-wrap.active .sort-drop-down {
            display: block;
            padding: 10px 0 15px;
        }

        .sort2 span {
            display: none;
        }

        .sort1 span {
            display: none;
        }

        .sort-drop-down {
            display: block;
            position: absolute;
            background: #fff;
            width: 100.3%;
            left: 0;
            border: 1px solid #e6e6e6;
            padding: 45px 0 0;
            left: -1px;
            top: 55px;
        }

        .mobile-label-sort-filter {
            display: inline-block;
            padding: 20px 20px;
            font-size: 1.2rem;
            color: #4d4d4d;
            border-left: 1px solid #e6e6e6;
        }

        .watch-tabs .filter-controls .sort2,
        .watch-tabs .filter-controls .sort1 {
            width: 100%;
            margin: 0 auto;
            float: none;
            padding: 0;
            clear: both;
            text-align: center;
            margin-bottom: 25px;
        }

            .watch-tabs .filter-controls .sort2 *, .watch-tabs .filter-controls .sort1 * {
                float: none;
            }

            .watch-tabs .filter-controls .sort2 .txt1-select, .watch-tabs .filter-controls .sort1 .txt1-select {
                width: 180px;
                text-align: center;
                margin: 0 auto;
                border: 1px solid #ed2839;
                border-radius: 20px;
                text-align: center;
            }

        .watch-tabs .filter-controls .sort-fields-wrap.active .txt1-select {
            width: 180px !important;
        }

        .watch-tabs .filter-controls .sort-drop-down .selectize-control {
            width: 100% !important;
            font-size: 2rem;
            line-height: 0;
            padding: 6px 0;
        }

            .watch-tabs .filter-controls .sort-drop-down .selectize-control.single .selectize-input {
                padding-top: 0;
                margin-top: 0;
                text-align: center;
                padding-left: 0;
            }

        .watch-tabs .filter-controls .sort-drop-down .txt1-select .selectize-input::after {
            top: 5px;
        }

        .watch-tabs .filter-controls .sort-drop-down .selectize-control.single .selectize-input .item {
            font-size: 1.1rem !important;
            color: #ee2a38;
        }

        .watch-tabs .filter-controls .sort-drop-down .selectize-input.dropdown-active::before {
            background: none;
        }

        .watch-tabs .filter-controls .sort-drop-down .selectize-dropdown {
            z-index: 100;
            top: 30px !important;
        }

            .watch-tabs .filter-controls .sort-drop-down .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
                padding: 10px 8px;
            }

        .watch-tabs .filter-controls > div.page-count-wrap > div {
            border-right: 0;
            padding-right: 0;
        }

            .watch-tabs .filter-controls > div.page-count-wrap > div.page-size {
                min-width: 0;
                padding-left: 0;
            }

            .watch-tabs .filter-controls > div.page-count-wrap > div.count {
                padding-left: 10px;
            }

            .watch-tabs .filter-controls > div.page-count-wrap > div.page-size .selectize-dropdown {
                display: none !important;
            }

        .watch-tabs .filter-controls .txt1-select .selectize-input:after, .watch-tabs .filter-controls .txt1-select .selectize-input:before {
            background: none !important;
            display: none;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div {
            width: 100%;
        }

        .watch-tabs .tab-content {
            margin-top: 0 !important;
        }

        .pages {
            width: 90%;
        }

        .watch-tabs .filter-controls {
            margin-bottom: 20px;
        }

        .watch-tabs .filter-results ul li {
            margin-right: 0;
            max-width: 191px;
        }

            .watch-tabs .filter-results ul li img {
                width: 96%;
            }

        .overlay-item-detail .credit-box {
            position: static;
            float: left;
            width: 100%;
            padding: 0;
            margin: 0px 0 20px;
        }

        .overlay-item-detail .meta-1, .overlay-item-detail .meta-2 {
            width: auto;
        }

        .overlay-item-detail .thumb {
            margin-right: 15px;
            margin-top: 15px;
        }

        .overlay-item-detail .meta-1 {
            margin-top: 20px;
        }

            .overlay-item-detail .meta-1 h3 {
                font-size: 1.8rem;
                font-weight: 200;
                line-height: 2.3rem;
            }

                .overlay-item-detail .meta-1 h3 span {
                    display: block;
                    border: 0;
                    font-size: 1rem;
                    margin-top: 10px;
                    margin-left: 0;
                    padding-left: 0;
                }

        .overlay-item-detail .credit-box .credits {
            float: left;
            border-right: 1px solid #b2b2b2;
            margin: 0;
            border-bottom: 0;
            width: 50%;
        }

        .overlay-item-detail .credit-box .credits, .overlay-item-detail .credit-box .coupon {
            padding: 20px;
            text-align: center;
            width: 50%;
            float: left;
        }

        .overlay-item-detail {
            top: 90px;
        }

            .overlay-item-detail .meta-2 .action input.btn1 {
                display: block;
                margin: 0 auto 20px;
                clear: both;
            }

            .overlay-item-detail .meta-2 .action .smartcode-input {
                text-align: center;
            }

            .overlay-item-detail .meta-2 .action span.tipso_style {
                position: static;
                margin-top: -95px;
                margin-right: -190px;
            }

            .overlay-item-detail .meta-2 p {
                width: 100%;
            }

            .overlay-item-detail .meta-2 .schedule span {
                padding: 10px 15px;
                margin-bottom: 10px;
            }

            .overlay-item-detail .meta-2 .schedule {
                margin: 10px 0;
            }

            .overlay-item-detail .meta-2 .action .txt-movie-code {
                float: left;
            }

            .overlay-item-detail .close-btn {
                right: 10px;
                top: -10px;
            }

            .overlay-item-detail .meta-2 {
                margin-bottom: 0;
            }

                .overlay-item-detail .meta-2 .action span {
                    margin-right: 0;
                }

            .overlay-item-detail .thumb {
                margin-top: 25px;
                border: 1px solid #666;
            }

        .credit-card-popup > div {
            width: 100%;
        }

        .credit-card-popup {
            width: 100%;
        }

            .credit-card-popup .credit-cards {
                padding: 30px 20px 30px;
            }

                .credit-card-popup .credit-cards #cardtype .card-icon {
                    margin-right: 10px;
                }

        .watch-tabs .tabs-wrap {
            margin-top: 0;
        }

        .watch-tabs .support-header h2 {
            margin-top: 30px;
        }

        .watch-tabs .filter-controls .sort2.date-filter {
            width: 100%;
        }

        .watch-tabs .filter-controls .sort2 .txt1-select, .watch-tabs .filter-controls .sort1 .txt1-select {
            float: none;
        }

        .overlay-item-detail .meta-2 .rating span {
            padding: 0 10px;
        }

        .overlay-item-detail .meta-2 .action .txt-movie-code {
            float: right;
            margin-bottom: 20px;
        }

        .overlay-item-detail .credit-box .credits {
            border-right: 0;
            border-right: 1px solid #b2b2b2;
        }

        .watch-tabs .search-box .search-txt {
            font-size: 0.9rem;
        }

        .overlay-item-detail .meta-2 {
            margin-bottom: 30px;
            min-height: 0;
        }

            .overlay-item-detail .meta-2 .schedule {
                border: 1px solid #b2b2b2;
                border-collapse: collapse;
                border-bottom: 0;
                border-right: 0;
                margin-bottom: 20px;
            }

                .overlay-item-detail .meta-2 .schedule span:first-child {
                    border: 0;
                    border-right: 1px solid #b2b2b2;
                    border-bottom: 1px solid #b2b2b2;
                }

                .overlay-item-detail .meta-2 .schedule span {
                    width: 33.33%;
                    margin: 0;
                    border: 0;
                    border-bottom: 1px solid #b2b2b2;
                    border-right: 1px solid #b2b2b2;
                }

                    .overlay-item-detail .meta-2 .schedule span:nth-child(-n) {
                        border-bottom: 0;
                    }

        .block-text-inline {
            display: inline-block;
            text-align: center;
            margin: 0 auto 10px;
            width: 100%;
        }

        .overlay-item-detail .meta-2 .action .block-text {
            text-align: left;
        }

        .overlay-item-detail .meta-2 .action .txt-movie-code {
            float: left;
        }

        .watch-tabs .search-box .search-btn {
            background-position: 50% 0;
        }

        .watch-tabs .support-header h2 {
            display: none;
        }

        .mobile-visible {
            display: block;
        }

        .credit-card-popup .credit-cards {
            position: relative;
        }

        .reset-verification .radio-wrap {
            margin-bottom: 15px;
        }

        .reset-verification .smartcode-input {
            width: 100%;
            clear: both;
            margin-top: 20px;
            float: left;
            margin-bottom: 10px;
        }

        .reset-verification {
            padding: 30px 0 30px;
        }

            .reset-verification .promo-code input.btn1-red, .promo-code input.btn1 {
                padding: 0 40px;
                min-height: 33px;
            }

        .quick-link-wrap a {
            padding: 20px 10px 20px 10px;
            margin: 0;
            color: #404040;
        }

            .quick-link-wrap a.active, .quick-link-wrap a:hover {
                color: #DC121A;
            }

        .content-payments .date-meter {
            width: 30%;
            top: 15px;
        }

        .date-meter .days-left2 .circles-text {
            top: 38%;
        }


        /*dashboard pull menu */
        /*.service-menu .icon.desktop {
        display: none;
    }*/

        .service-menu .icon.mobile {
            display: inline-block;
        }

        .mob-dashboard {
            cursor: pointer;
            margin-top: 20px;
        }

            .mob-dashboard.active {
                background: #ed1c24;
                color: #fff;
            }

                .mob-dashboard.active .icon img {
                    display: none;
                }

                    .mob-dashboard.active .icon img.active-icon {
                        display: block;
                    }

            .mob-dashboard .icon img {
                display: block;
            }

                .mob-dashboard .icon img.active-icon {
                    display: none;
                }

            .mob-dashboard.active .plus {
                background: transparent url(../img/icon_minus_white.png) 0 50% no-repeat;
                height: 6px;
                width: 40px;
                background-size: cover;
            }

                .mob-dashboard.active .plus img {
                    display: none;
                }

        .service-menu {
            margin-top: 0;
            border-bottom: 0;
            border-right: 0;
        }

            .service-menu > div {
                border-bottom: 1px solid #e6e6e6;
                /*border-right: 1px solid #e6e6e6;*/
            }
                /*.service-menu > div::after{
            border-right: 1px solid #e6e6e6;
            content:'';
            right: 0;
            height: 100%;
            display: block;
            width: 1px;
            position: absolute;
        }*/

                .service-menu > div:last-child {
                    /*border-bottom: 0;*/
                }

            .service-menu .icon {
                display: block;
                margin-bottom: 0;
                text-align: center;
            }

                .service-menu .icon img {
                }

            .service-menu a {
                text-align: center;
                color: #333;
                float: left;
                width: 100%;
            }

            .service-menu > div + div {
                border-left: 0;
            }

        .content-dashboard .welcome-wrap-light h2 {
            padding-bottom: 0;
        }

        .service-menu > a:first-child {
            border-top: 0;
        }

        .service-menu > a {
            border-top: 1px solid #e6e6e6;
            color: #808080;
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 1.1em;
            margin: 0;
            display: inline-block;
            width: 100%;
            vertical-align: middle;
            padding: 25px;
        }

            .service-menu > a.active {
                display: block;
                color: #808080;
            }

            .service-menu > a:last-child {
                display: none;
            }

        .service-menu a > span {
            display: block;
            /*font-size: 1.1rem;
        font-weight: 300;*/
        }

        /* pull menu style ends */

        .content-payments > .container > .btn1-red, .header-button-wrap > .container > .btn1-red, .content-orders > .container > .btn1-red {
            background-image: none;
            font-size: 0.8rem;
            height: 20px;
            line-height: 1.4rem;
            min-height: 27px;
            padding: 0 20px;
            position: absolute;
            right: 18px;
            top: 36px;
            display: block !important;
        }

        /*.content-orders > .container > .btn1-red {
        top: 154px;
    }*/

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.date-filter, .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.sort2 {
            width: 100%;
            border: 0;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div .txt1-select .selectize-input {
            background: url("../img/arrow_down_red.png") 96% 50% no-repeat;
        }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div .txt1-select .selectize-input.input-active {
                background: url("../img/arrow_up_red.png") 96% 50% no-repeat;
            }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div .txt1-select .selectize-dropdown-content {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .watch-tabs .filter-results ul li .meta {
            line-height: 1.3rem;
            max-height: 120px;
        }

            .watch-tabs .filter-results ul li .meta a {
                font-weight: 400;
                font-size: 1.2rem;
            }

            .watch-tabs .filter-results ul li .meta h4 {
                width: 98%;
                margin-bottom: 10px;
            }

        .credit-card-popup > div.panel-left .thumb img {
            width: 40%;
        }

        .credit-card-popup > div.panel-left h3 {
            margin-top: 0;
            font-size: 2rem;
        }

        .credit-card-popup .rating {
            margin-top: 0;
        }

        .credit-card-popup .meta span {
            font-weight: 400;
            font-size: 1rem;
        }

        .credit-card-popup h4 {
            font-weight: 500;
        }

        .credit-card-popup > div.panel-left {
            padding: 30px 0 10px;
        }

        .credit-cards .add-card-block fieldset.last-item, .credit-cards .add-card-block .card-cvv-txt {
            width: 100%;
        }

        .credit-cards #cardtype {
            width: 97%;
        }

        .watch-tabs .filter-controls .sort-fields-wrap.active .sort-drop-down {
            min-height: 170px;
            z-index: 9;
        }

        .watch-tabs .filter-controls .sort-drop-down .selectize-dropdown .selectize-dropdown-content {
            border: 1px solid #ed2839;
            border-top: 0;
            border-radius: 20px;
        }

        .watch-tabs .filter-controls .sort-drop-down .selectize-control.single .selectize-input.input-active {
            padding-bottom: 19px;
            background-position: 96% 10%;
        }

        .watch-tabs .filter-controls .sort-drop-down .selectize-dropdown {
            width: 180px !important;
            margin-left: -1px;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap > div > div {
            padding-top: 20px;
            padding-bottom: 10px;
        }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.sort2 {
                padding-bottom: 0;
                padding-top: 20px;
            }

        .popup-confirm-delete {
            z-index: 1000;
        }

        .tt-close-btn {
            position: absolute;
            right: 20px;
            top: 20px;
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 1000;
            display: block;
            color: #fff;
            font-weight: 500;
            font-size: 1rem;
        }

        .leftPanelBorder {
            border-right-width: 1px;
        }

        /* Task 104077:Layout update : Tab menu header  */


        .service-menu {
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .faq-slider {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    @media screen and (max-width: 768px) {


        /*.content-orders > .container > .btn1-red {
        top: 137px;
    }*/

        .overlay-item-detail {
            top: 90px;
        }

        .watch-tabs .filter-results ul li {
            margin-right: 0;
            max-width: 184px;
        }

            .watch-tabs .filter-results ul li img {
                max-width: 90%;
            }

        .form1 .txt1:not(.col-xs-10) {
            width: 100%;
        }

        .hidden-mobile {
            display: none !important;
        }

        .visible-mobile {
            display: inline-block !important;
        }

        .tabs1-pane .cta-viewall {
            bottom: -60px;
            top: auto;
        }

        .crumb-wrap {
            display: none;
        }
        /* Task 104077:Layout update : Tab menu header  */
        /*.crumb-wrap + .container {
            padding-top: 25px;
        }*/

        .crumb {
            padding-bottom: 10px;
        }

            .crumb a {
                padding: 0;
            }

            .crumb span {
                padding: 0;
            }
        /*.sign-in-wrap .action{right:auto;}*/
        .form1 fieldset.forgot-link {
            width: 100%;
        }

        .quick-call-wrap {
            display: none;
        }

        .login-wrap .action .rem-me {
            width: 40%;
        }

        .date-meter .days-left2 {
            width: 94%;
        }

        .text-editor {
            font-size: 2rem;
        }

        .provider-select {
            height: auto;
            overflow: auto;
            background: none;
            border: 0;
        }

            .provider-select .item {
                width: 33.3%;
                height: 230px;
                border: 0;
                background: #fff;
                border: 0;
                -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.1);
                -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.1);
                box-shadow: 0px 0px 0px 1px rgba(0,0,0,.1);
            }

                .provider-select .item:last-child {
                    width: 33.25%;
                }

                .provider-select .item:before {
                    display: none;
                }

        .provider-logo {
            height: 210px;
        }

        .selected-provider > div {
            float: left;
            margin-top: 30px;
        }

        .smartcode-input {
            padding-left: 15px;
        }

            .smartcode-input input[type=tel],
            .smartcode-input input[type=text] {
                width: 100%;
                letter-spacing: 13px;
                height: auto;
            }

        .selected-provider .sample-wrap {
            margin-left: 0px;
        }

            .selected-provider .sample-wrap img {
                width: 100%;
            }

        .provider-select.promotional {
            height: auto;
        }

            .provider-select.promotional .item {
                height: 200px;
                border-top: 1px solid #e6e6e6;
                border-bottom: 0;
            }


        .provider-select .item:last-child {
            border-right: 0px solid #e6e6e6;
        }

        .provider-select .item:nth-child(n+4) {
            border-bottom: 1px solid #e6e6e6;
            border-top: 0;
        }

        .provider-select .item:nth-child(5n) {
            border-right: 0;
            border-top: 0 !important;
        }

        .provider-select .item:nth-child(4n) {
            border-left: 1px solid #e6e6e6;
        }

        .provider-select .item:first-child {
            border-left: 1px solid #e6e6e6;
        }

        .provider-select.promotional .item:nth-child(5n) {
            border-right: 0;
        }

        .input-box .hint {
            left: 0;
        }

        .smartcode-invalid input[type=tel],
        .smartcode-invalid input[type=text] {
            margin-bottom: 10px;
        }

        .smartcode-invalid i.fa {
            font-size: 1.4rem;
        }

        .smartcode-invalid label {
            padding-bottom: 10px;
        }

        .smartcode-invalid .msg-invalid {
            margin-bottom: 25px;
        }

        .form1 .txt1 {
            max-width: 100%;
        }

        .form1 .captcha-input {
            width: 65%;
        }

        .form1 .captcha-wrap {
            margin-right: 7%;
        }

            .form1 .captcha-wrap a.reload {
                text-indent: -9999em;
                width: 40px;
                height: 40px;
                background: url(../img/icon_reload.png) 50% 50% no-repeat;
                left: 102%;
                top: 3px;
            }

        .subscribe-teaser h2 + h2 {
            margin-top: 1.5em;
        }

        .sign-in-wrap > .container > .sign-in-col {
            margin-left: -15px;
            margin-right: -15px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .sign-in-wrap .remember {
            text-align: right;
        }

        .sign-in-wrap .action {
            text-align: left;
        }

        .login-wrap .login-col {
            padding-left: 0;
            padding-right: 0;
        }

        .login-wrap .register-col {
            text-align: center;
            margin: 0 0px;
        }

        .login-wrap .subscribe-teaser {
            border: 0;
            width: 97%;
        }

        .login-wrap .action {
            text-align: left;
        }

        .more-services .item > .container {
            max-width: 480px;
            margin: 0 auto;
            text-align: center;
        }

        .more-services .item .desc {
            padding-left: 15px;
        }

        .more-services .item:nth-child(even) .desc {
            padding-right: 0;
        }

        .more-services .icon {
            padding-bottom: 20px;
        }

        .welcome-wrap {
            padding-bottom: 0px;
        }

        .welcome-wrap-light {
            background-color: #f7f7f7;
            padding-top: 40px;
            padding-bottom: 0;
        }

            .welcome-wrap-light h2 {
                font-size: 2.25rem;
                color: #222;
                padding-left: 30px;
                padding-right: 30px;
            }

                .welcome-wrap-light h2 + p {
                    font-size: 1.5rem;
                    max-width: 80%;
                    line-height: 1.2em;
                }

        .welcome-wrap .msg-box .form1-sign-in {
            margin-top: 30px;
        }

        .cards-list .item {
            border: #e6e6e6 solid 1px;
        }

            .cards-list .item > div {
                padding: 0;
                min-height: 0;
            }

                .cards-list .item > div:before {
                    display: none;
                }

            .cards-list .item .col-md-5 {
                padding-left: 0;
                border: 0;
            }

            .cards-list .item .vertical-mid {
                max-width: 100%;
                border-bottom: #e6e6e6 solid 1px;
                padding: 30px;
            }

            .cards-list .item h2 {
                font-size: 2.8rem;
            }

            .cards-list .item .cta-edit {
                float: right;
                font-size: 1.6rem;
                font-weight: 300;
            }

            .cards-list .item .col-md-5 .vertical-mid {
                max-width: 100%;
                padding-top: 30px;
            }

            .cards-list .item .amount {
                padding-top: 5px;
                padding-bottom: 10px;
                display: inline-block;
            }

        .cards-list .item-due .warning {
            float: right;
            width: 50%;
            text-align: center;
            font-size: 1.125rem;
        }

            .cards-list .item-due .warning:before {
                position: static;
                display: block;
                margin: -10px auto 10px;
            }

        .cards-list .item .btn1-red {
            margin-top: 10px;
        }

        .cards-list .item .util-links {
            display: block;
            position: static;
            opacity: 1;
            text-align: center;
            padding: 40px 0;
        }

            .cards-list .item .util-links a {
                max-width: auto;
                display: inline-block;
                width: 30%;
            }

                .cards-list .item .util-links a .icon {
                    display: block;
                    margin: 0 auto 10px;
                }

                    .cards-list .item .util-links a .icon img {
                        width: 40px;
                    }


        .cards-list2 .item .item-body {
            min-height: auto;
        }


        .dashboard-wrap {
            margin: 0;
            padding: 20px 0 120px;
        }

        .personal-detail {
            font-size: 1.125rem;
        }
        /*.content-wrap h1{ padding-bottom:15px; }*/
        .drawer1 > div.col-md-5 {
            border-bottom: #e6e6e6 solid 1px;
        }

        .drawer1 .col-md-7 {
            border-left: 0;
        }

        .drawer1 .vertical-mid > span {
            text-transform: uppercase;
        }

        .drawer1-2 .col-md-4 .vertical-mid {
            width: 100%;
        }

        .drawer1-2 > div {
            margin-bottom: -2px;
            height: auto;
        }

        .content-payments .date-meter {
            width: 30%;
            top: 15px;
        }

        .date-meter .days-left2 .circles-text {
            top: 38%;
        }

        .exclusive-wrap {
            background: #f7f7f7;
            padding-bottom: 50px;
        }

            .exclusive-wrap .cards-list2 .item h2 {
            }

        .credit > div {
            width: 47%;
            display: inline-block;
            text-align: center;
            vertical-align: top;
            margin-top: 0px;
        }

        .credit .credit-count .cta {
            top: auto;
            bottom: auto;
            right: 0;
            left: 0;
            margin: 0 auto;
        }

        .credit .credit-count .cta {
            top: auto;
            bottom: auto;
            right: 0;
            left: inherit;
            margin: inherit;
        }


        .credit h3:not(.paddrecheck) {
            padding: 10px 0;
        }

        .osn-app-wrap {
            /*display: none;*/
        }

            .osn-app-wrap .app-image {
                padding-top: 30px;
            }

        .drop2-menu .container > div,
        .drop2-menu .container {
            padding: 0;
        }

        .drop2-menu h5 {
            border-bottom: #666 solid 1px;
            padding: 15px 20px;
        }

            .drop2-menu h5.with-child {
                background: url(../img/arrow_down_med_white.png) right 20px top 50% no-repeat;
                background-size: 26px;
            }
                /*99850*/
                .drop2-menu h5.with-child:after {
                    width: 30px;
                    height: 30px;
                    content: '';
                    top: 18px;
                    right: 28px;
                    position: absolute;
                }

        .drop2-menu .bigMenu h5.with-child:after {
            right: 38px;
        }

        .drop2-menu .sub-menu {
            padding: 10px 20px 10px;
            border-bottom: #666 solid 1px;
            display: none;
        }

        .drop2-menu h5.expanded {
            border-bottom: #444 solid 1px;
            background-image: url(../img/arrow_up_med_white.png);
        }

            .drop2-menu h5.expanded + .sub-menu {
                display: block;
            }

        .drop2-menu div:last-child > .sub-menu {
            border-bottom: 0;
        }

        .subscribe-teaser .btn1 {
            width: auto;
            max-width: 300px;
            margin: 0 auto;
            padding-left: 30px;
            padding-right: 40px;
            font-size: 1.2rem;
            height: auto;
            border-radius: 20px;
        }

        .mob-divider {
            margin: 0 -15px;
            padding-bottom: 80px;
        }

            .mob-divider + .mob-divider {
                padding-top: 60px;
                padding-bottom: 0;
                border-top: #e6e6e6 solid 1px;
            }

        .instruct h2 {
            padding-bottom: 30px;
        }

        .cards-list-wrap {
            padding: 60px 0 95px;
        }
        /*.cards-list .item-due .warning{width:100%;}*/
        /*.cards-list .item .col-md-5 .vertical-mid{text-align: center;}*/

        .instruct {
            padding: 5px 20px 20px;
        }

        .mob-dashboard {
            position: relative;
            height: 90px;
            padding: 10px 22px;
        }

            .mob-dashboard:before {
                content: '';
                width: 1px;
                height: 100%;
                display: inline-block;
                vertical-align: middle;
            }

            .mob-dashboard .plus {
                position: absolute;
                height: 36px;
                right: 30px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

        .drawer1 .vertical-mid > span:first-child {
            padding-top: 0;
        }

        .content-wrap .container {
            padding-left: 25px;
            padding-right: 25px;
        }

            .content-wrap .container .container {
                padding-left: 0px;
                padding-right: 0px;
            }

        .register-wrap {
            padding-top: 20px;
            padding-bottom: 0;
        }

        .content-wrap .subscribe-teaser {
            padding-top: 50px;
            padding-bottom: 50px;
        }

            .content-wrap .subscribe-teaser .mob-divider {
                padding-bottom: 95px;
            }

        .inner-space {
            padding-left: 0px;
        }

        .apply-promo .apply-btn {
            padding: 17px 18px;
        }

        .promopage .provider-logo {
            left: 18px;
        }

        .promopage .list-group {
            max-width: 100%;
        }

            .promopage .list-group li span {
                width: 70%;
            }

            .promopage .list-group li button.remove-item {
                width: 30%;
                padding-left: 0;
                padding-right: 0;
            }

        .location-wrap .txt1-select {
            width: 99%;
        }

        .dob-wide-wrap .txt1-select {
            width: 99%;
        }

        .col-md-3.col-sm-2.provider-logo {
            width: 30%;
            margin-right: 40px;
        }

        .promo-code input.btn1-red {
            margin-right: 20px;
            min-width: 140px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .promopage > div {
            float: left;
            margin-top: -10px;
        }

        .promopage .list-group li button.remove-item, .promopage .list-group li span {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .promopage .list-group li button.remove-item {
            height: 43px;
        }

        .content-wrap, .form1-forgot-password {
            min-height: 100%;
        }

        .content-payments .cta-text {
            padding: 40px 0 35px;
            font-size: 1.3rem;
            margin: 0 0 20px;
        }

        .content-payments .tab-content {
            margin-top: 20px;
        }

        /*Author : VP*/
        .user-info.visible-mobile {
            display: inline-block !important;
            padding: 0px;
            margin-top: 0px;
            width: 100%;
            margin: 0px;
        }

        .user-creds {
            padding: 30px 10px 30px 10px !important;
        }

        .call-back .location-wrap .txt1-select {
            width: 100%;
        }

        .call-back .location-wrap .cols {
            width: 100%;
        }

        .call-back .location-wrap .col2 {
            margin-top: 12px;
        }

        .call-back .location-wrap .radio-wrap {
            margin-top: 6px;
        }

        .call-back .action {
            text-align: center;
        }

        .call-back .call-back-header h3 {
            padding-bottom: 0px;
        }

        .call-back .action .smartcode-input input.btn-confirm {
            margin-left: 12px;
        }

        .my-orders-header .cta-viewall {
            display: none;
        }

        .content-orders .nav-tabs li a {
            font-size: 15px;
        }

        .user-detail {
            margin-bottom: 0px;
        }

        .sort-drop-down {
            width: 100.5%;
        }


        /*Author : VP*/
        .dashboard-wrap .storeCredit .sep {
            left: 0;
            width: 100% !important;
        }

        .dashboard-wrap .bill-amount .sep {
            left: 0;
            width: 100%;
        }

        .dashboard-wrap .storeCredit:last-child .sep {
            display: none;
        }

        .dashboard-wrap .bill-amount,
        .dashboard-wrap .credit-count {
            width: 100%;
        }

        .dashboard-wrap .previous-bill {
            text-align: center;
        }

        .dashboard-wrap {
            min-height: auto;
        }

        .bingmenuContainer .bigMenu {
            padding: 0 10px;
        }
    }


    @media screen and (max-width: 640px) {
        .main-nav > li.drop > a {
            font-size: 13px;
        }

        .login-wrap .action .btn1 {
            float: none;
        }

        #reloadCaptcha {
            font-size: 12px;
            line-height: 9px;
        }

        .login-wrap .action {
            text-align: center;
        }

        .form1 .captcha-input {
            width: 56% !important;
        }

        .selected-provider .smartcode-input input[type=tel], .selected-provider .smartcode-input input[type=text] {
            width: 100% !important;
            max-width: 100%;
            text-align: center;
        }

        .content-payments > .container > .btn1-red, .header-button-wrap > .container > .btn1-red, .content-orders > .container > .btn1-red {
            line-height: 1.7rem;
        }


        .overlay-item-detail {
            top: 60px;
        }

        .provider-logo .logo img, .provider-select .item img {
            max-width: 95%;
        }

        .date-meter .days-left2 .circles-text {
            top: 30%;
        }

        .content-wrap {
            min-height: 400px;
        }

            .content-wrap .container {
                padding-left: 15px;
                padding-right: 15px;
            }
        /* Task 104077:Layout update : Tab menu header  */
        /*.content-dashboard .crumb-wrap + .container {
        display: none;
    }*/

        .content-sign-in .crumb-wrap + .container {
            /* display: none;*/
            text-align: center;
            padding-top: 20px;
            padding-bottom: 15px;
        }

        .login-wrap {
            padding-top: 40px;
        }

        .content-smartcards .crumb-wrap + .container {
            display: none;
        }

        .welcome-wrap-light h2 {
            line-height: 1.2em;
        }

        .offwhite {
            padding: 0;
        }

        .instruct,
        .crumb-wrap + .container,
        .crumb-wrap {
            background: #f8f8f8;
        }

        .whitebg {
            background: #fff !important;
        }

        .instruct {
            padding-bottom: 0;
            background: #f8f8f8;
            padding-left: 20px;
        }

            .instruct h2 {
                padding-top: 30px;
            }

        .content-wrap .instruct {
            padding-left: 15px;
            padding-right: 15px;
        }

        .provider-select .item {
            width: 50% !important;
            border-left: 1px solid #e6e6e6;
        }

            .provider-select .item:nth-child(2n) {
                border-right: 1px solid #e6e6e6;
                border-left: 0;
            }

            .provider-select .item:last-child {
                width: 49.8%;
                border-bottom: 1px solid #e6e6e6 !important;
            }


        /*Bug - 157675 : Borderline missing on �UDC Logo� start*/
        /*.provider-select .item:nth-child(3n) {
            border: 0;
        }*/
        /*Bug - 157675 : Borderline missing on �UDC Logo� end*/

        .mini-sitemap-wrap {
            text-align: center;
        }

        /*.mini-sitemap > div:last-child,
    .mini-sitemap > div:first-child {
        display: none;
    }*/
        .mini-sitemap > div {
            padding-bottom: 20px;
            max-width: 300px;
            margin: 0 auto;
        }

        .selected-provider .provider-logo {
            position: absolute;
            margin: -101px 0 0;
            height: 63px;
            width: 18%;
        }

        .redeemPromo {
            position: relative !important;
            max-width: 100% !important;
            width: 100% !important;
            height: 210px !important;
            margin: 0 !important;
        }

        .selected-provider .provider-logo strong {
            display: none;
        }

        .selected-provider .provider-logo .logo {
            height: 38px;
            padding: 3px 0 0;
        }

            .selected-provider .provider-logo .logo img {
                max-width: 40px;
            }

        .smartcode-input input[type=tel],
        .smartcode-input input[type=text] {
            font-size: 1.5rem;
            background-size: 34px auto;
        }

        .selected-provider .smartcode-input {
            text-align: center;
            width: 100%;
            float: none;
            padding-left: 0;
            padding-right: 0;
            margin-top: 0;
        }

        .smartcode-input label {
            width: 100%;
            padding-top: 30px;
        }

        .smartcode-input input[type=tel],
        .smartcode-input input[type=text] {
            margin-left: auto;
            margin-right: auto;
            width: auto;
            width: 100%;
        }

        .selected-provider .sample-wrap {
            width: 100%;
            float: none;
            max-width: 300px;
            margin: 40px auto;
            display: block;
        }

        .footer-wrap {
            height: auto;
            padding: 0;
            width: 100%;
            float: left;
            border-top: #333 solid 1px;
        }

        .mini-sitemap .sub-links {
            border-top: #333 solid 1px;
        }

        .footer-links {
            float: none;
            display: block;
            text-align: center;
            padding: 15px 0;
        }

        .copyright {
            float: none;
            display: block;
            text-align: center;
            padding: 15px 0;
            border-top: #333 solid 1px;
            margin: 0 -15px;
        }

        .instruct .txt1-select {
            width: 77%;
            height: 70px;
            border-radius: 0;
            margin: 20px 10px 0 0;
        }

            .instruct .txt1-select select {
                font-size: 2rem;
                height: 65px;
            }

        .instruct .selectize-control.single .selectize-input {
            height: 60px;
            border-radius: 0;
            font-size: 1.3rem;
        }

            .instruct .selectize-control.single .selectize-input input {
                height: 60px;
            }

            .instruct .selectize-control.single .selectize-input.input-active {
                border: #ed2939 solid 1px;
            }

            .instruct .selectize-control.single .selectize-input .item {
                padding: 15px 10px;
                font-size: 1.3rem;
            }

        .instruct .selectize-dropdown {
            top: 61px !important;
            border-radius: 0;
            padding-top: 0;
        }

        .instruct .selectize-dropdown-content {
            border-radius: 0;
            font-size: 1.1rem;
        }

        .instruct .selectize-dropdown [data-selectable] {
            padding: 8px 8px;
        }

        .form1-register h3 {
            padding: 0 0 40px;
            line-height: 1.2em;
        }

        .form1-forgot-password {
            min-height: 250px;
        }

            .form1-forgot-password .row {
                margin-left: 0;
                margin-right: 0;
            }

        .sign-in-wrap {
            border-top: 0;
            margin-top: 0;
        }

            .sign-in-wrap .remember {
                padding-left: 20px;
                text-align: right;
                margin-top: 5px;
            }

            .sign-in-wrap .action {
                text-align: right;
            }

        .cards-list .item h2 {
            font-size: 2.25rem;
        }

        .cards-list .item .cta-edit {
            font-size: 1.5rem;
        }

        .cards-list .item .amount {
            font-size: 2.85rem;
        }

        .cards-list .item-due .warning {
            font-size: 1rem;
        }

        .cards-list .item .btn1-red {
            width: auto;
        }

        .cards-list2 .item .item-foot {
            background: #fff;
        }

        .exclusive-wrap .cards-list2 .item h2 {
            height: 80px;
        }

        .pane-carousel-wrap {
            margin-left: -15px;
            margin-right: -15px;
        }

        #recognition .pane-carousel-wrap,
        #myrewards .pane-carousel-wrap {
            margin-left: 0;
            margin-right: 0;
        }
        /*.pane-carousel {
        width: 120%;
    }*/

        .tabs1-pane .cta-viewall {
            top: auto;
            bottom: -50px;
            width: 180px;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
        }

        .drawer1 > div {
            padding: 30px 20px;
            height: auto;
        }

        .drawer1-2 > div {
            padding: 0;
        }

        .drawer1-2 .vertical-mid {
            padding: 30px 20px;
        }

        .txt2-select .selectize-control.single .selectize-input {
            height: 36px;
            padding-left: 30px;
            padding-right: 40px;
        }

        .subscribe-teaser .btn1 {
            margin: 0 auto;
            height: auto;
        }

        .dashboard-wrap {
            padding-bottom: 0;
        }

        .mob-dashboard {
            padding: 30px 25px;
        }

            .mob-dashboard .icon {
                width: 30px;
                margin-right: 20px;
            }

            .mob-dashboard .plus {
                width: 25px;
                height: 25px;
                right: 20px;
            }

        .drawer1 .vertical-mid > span:first-child {
            padding-top: 0;
        }

        .form1 .cta-forgot {
            width: 100%;
            text-align: center;
        }

        .form1-forgot-password fieldset.action {
            text-align: center;
            width: 100%;
        }

        .modify-block .selected-provider .provider-logo .logo {
            height: 120px;
        }

            .modify-block .selected-provider .provider-logo .logo img {
                width: auto;
                max-width: 100%;
            }

        .modify-block .selected-provider .provider-logo {
            width: 100%;
            height: 230px;
            margin: 0 auto;
            position: static;
        }

            .modify-block .selected-provider .provider-logo strong {
                display: block;
            }

        .promopage .list-group li input {
            width: 62%;
        }

        .inner-space {
            margin-bottom: 30px;
        }

        input.btn1.btn1-red {
            margin-right: 0;
        }

        .welcome-wrap .msg-box .form1-sign-in .remember label {
            text-align: left;
            margin-left: 15px;
            margin-top: 6px;
        }

        .col-md-3.col-sm-2.provider-logo {
            width: 18%;
            margin-right: 0;
        }

        .modify-block .col-md-3.col-sm-2.provider-logo {
            width: 100%;
            margin-left: 10px;
        }

        .promo-code input.btn1-red {
            margin-right: 20px;
        }

        .provider-select .item:nth-child(4n) {
            border-bottom: 0;
        }

        .promopage .smartcode-input {
            margin-bottom: 0;
        }

        .offwhite {
            min-height: 100%;
        }

        .promopage .list-group li input {
            margin-top: 11px;
        }

        .modify-block .inner-space {
            padding-top: 30px;
        }

        .form1-verify {
            padding-top: 20px;
        }

        .content-wrap, .form1-forgot-password {
            min-height: 100%;
        }

        .provider-select .item:nth-child(2n+1) {
            border-left: 1px solid #e6e6e6;
        }


        .mob-dashboard.active .icon {
        }

        .mob-dashboard.active .plus {
            background: transparent url(../img/icon_minus_white.png) 0 50% no-repeat;
            height: 6px;
            width: 25px;
            background-size: cover;
        }

        .content-payments .credit .credit-count .cta {
            left: auto;
        }

        .nav-tabs li a {
            font-size: 0.85em;
        }

        .package-details .add-on-list li {
            font-size: 1rem;
        }

        .mobile-tabs-content-wrap .data-content.collapsed {
            background-position: 96% 45%;
        }

        .content-payments .date-meter {
            /*top: -30px;*/
        }

        .popup-confirm-success .action .btn-white {
            margin-right: 0;
        }

        .personal-details .dob-wrap .txt1-select {
            width: 100%;
        }

        .cvv-block .hint {
            left: 20px;
        }

        .summary-header input[type=radio] + label {
            width: 50%;
        }

        .popup-confirm-success, .popup-confirm-card {
            width: 100%;
            min-width: 100%;
            left: 0 !important;
        }

        .rewards_popup {
            padding: 0;
            border-radius: 6px;
            position: fixed !important;
            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%);
        }


        .popup-confirm-card .credit-card-details {
            min-height: 100px;
        }

        .popup-confirm-success .action .btn1, .popup-confirm-success .action .btn-white {
            min-width: 120px;
            margin-right: 10px;
        }

        .user-detail .form1 .edit-form {
            width: 100%;
        }

        .user-detail .form1.edit-po-box .edit-form {
            width: 100%;
            margin-top: 30px;
        }

        .cross-links2 .action > div {
            text-align: center;
        }

        .cross-links2 .subscribe-link {
            margin-top: 10px;
            display: inline-block;
        }

        .cross-links2 .action > div, .cross-links2 .subscribe-link {
            text-align: center;
        }

        .user-detail .form1 .edit-data {
            width: 100%;
        }

        .watch-tabs .filter-results ul li {
            margin-right: 1%;
        }

        .image-bubble {
            width: 100% !important;
            overflow: hidden;
            left: 0 !important;
        }

            .image-bubble .tipso_content ol {
                left: 20px;
                right: auto;
                position: static;
                padding: 20px;
                width: 100%;
                background: #000;
            }

            .image-bubble img {
                width: 100% !important;
                height: auto !important;
            }

        .tt-close-btn {
            position: absolute;
            right: 20px;
            top: 20px;
            position: absolute;
            right: 20px;
            top: 20px;
            z-index: 1000;
            display: block;
            color: #fff;
            font-weight: 500;
            font-size: 1.5rem;
        }

        .login-wrap .subscribe-teaser h2 + p {
            min-height: auto;
        }

        .login-wrap .subscribe-teaser {
            padding-top: 20px;
            min-height: auto !important;
        }

        .cty-phone-select {
            width: 100%;
            float: left;
            margin-bottom: 10px;
        }

        .mini-sitemap div + h5 {
            margin-bottom: 10px;
        }

        .cty-phone-select .txt1-select .selectize-input:after {
            right: 0px;
        }

        .cty-phone-select .txt1-select {
            width: 120px;
            justify-content: center;
        }

            .cty-phone-select .txt1-select .selectize-input {
                box-shadow: none;
            }

        .cty-phone-select .phones {
            width: auto;
            justify-content: center;
        }

        .mini-sitemap .sub-links {
            border-bottom: #333 solid 1px;
            border-top: #333 solid 1px;
            padding-top: 5px;
            margin: 0 -20PX;
        }

            .mini-sitemap .sub-links span {
                width: auto;
                padding: 5px 10px;
                justify-content: center;
                display: inline;
            }

        .mini-sitemap > div {
            max-width: initial;
        }

        .mini-sitemap-wrap {
            padding: 20px 0;
        }

        /* New add for fooer desktop link */

        .mob-footer-link {
            display: block !important;
            text-align: center;
            padding: 15px 0;
            border-top: #333 solid 1px;
            margin: 0 -15px;
        }

            .mob-footer-link a {
                width: auto;
                padding: 5px 0px;
                justify-content: center;
                display: inline;
            }
        /* New add for fooer desktop link END */

    }

    /*@supports (overflow:-webkit-marquee)
   and (justify-content:inherit) {
	::i-block-chrome,.smartcode-input input[type=text] {
	 background:  url(../img/dashed-border.png) 0 100% repeat-x; }
	}
}*/

    @media screen and (max-width: 480px) {
        /*.content-orders > .container > .btn1-red {
        top: 92px;
    }*/
        /*.brkon450 {
        float:none!important;
        width:100%!important;
        

    }
   .brkon450 #imgCaptcha {
        height:auto!important
    }*/
        .uploadDoc .paddingleft23 {
            padding-left: 0 !important;
        }

        .mini-sitemap-wrap {
            margin-top: 20px;
        }

        .dob-wrap .txt1-select {
            width: 100% !important;
            margin: 5px 0 !important;
        }

        .selectize-control.single .selectize-input {
            z-index: 0;
        }

        .phoneCode {
            font-size: 12px;
            line-height: 27px;
        }

        .iteniary-footer .btn1 {
            float: none;
            margin-bottom: 10px;
        }

        .credit-cards .add-card-block .cvv-block label {
            background: none !important;
            padding-left: 0 !important;
        }

        #cardtype .card-icon {
            width: 50px;
        }

        .main-nav > li.drop > a {
            text-align: left;
            padding: 5px 35px;
            width: 180px;
            color: #808080;
        }

            .main-nav > li.drop > a span {
                display: block;
            }

        .main-nav > li.drop .drop-menu a {
            text-align: left;
            padding: 15px 10px;
        }

        .main-nav > li.drop > a, .main-nav > li.drop > a:hover, .main-nav > li.drop:hover > a {
            background-size: 12%;
            background-position: 90% 50%;
        }

        html, body {
            font-size: 14px;
        }

        .watch-tabs .filter-controls > div.page-count-wrap {
            width: 60%;
        }

        /*.watch-tabs > .container > .btn1-red {
        top: 86px;
    }*/

        .user-detail .form1 .edit-data {
            width: 100%;
        }

        .dob-wrap .txt1-select {
            width: 30%;
        }

            .dob-wrap .txt1-select + .txt1-select {
                margin-left: 5px;
            }

        .user-detail .dob-wrap .txt1-select {
            width: 100%;
        }

        .header-wrap {
            height: auto;
        }

        .main-logo {
            padding: 12px 0;
        }

            .main-logo img {
                height: 36px;
            }

        .header-wrap .search-icon {
            width: 60px;
            background-size: 26px;
        }

        .burger {
            width: 40px;
            height: 40px;
            margin: 12px 12px 0 7px;
        }

            .burger span {
                margin: 8px 0 0;
            }

                .burger span + span {
                    margin: 8px 0 0;
                }

        .provider-select .item {
            height: 200px;
        }

            .provider-select .item strong {
                padding-top: 25px;
            }
        /*Bug - 157676 : Responsive screen - the "Explore our packages" CTA is overlapping start*/
        .content-wrap .subscribe-teaser .sub-teaser-content {
            padding-bottom: 50px;
        }
        /*Bug - 157676 : Responsive screen - the "Explore our packages" CTA is overlapping end*/

        .content-wrap .subscribe-teaser {
            padding: 0px;
        }

        .content-wrap h1 {
            font-size: 2.3rem;
            padding-bottom: 10px;
        }

        .content-payments {
            background: #fff;
        }

        .call-back-request {
            background: #f7f7f7;
        }

        .content-payments .instruct, .content-payments .crumb-wrap + .container, .content-payments .crumb-wrap {
            background: #fff;
        }

        .instruct h2 {
            font-size: 1.1rem;
            padding-bottom: 10px;
            padding-top: 0;
        }

        .form1 > fieldset {
            padding-left: 0;
            padding-right: 0;
        }

        .form1 .captcha-input {
            width: 55%;
        }

        .form1 .captcha-wrap {
            width: 35%;
            margin-right: 7%;
        }

            .form1 .captcha-wrap a.reload {
                background-size: 25px;
            }

        .verify-wrap h2 {
            font-size: 1.8em;
            padding: 20px 0 40px;
        }

        .last-step-wrap {
            padding-top: 0;
        }

        .subscribe-teaser h2 {
            font-size: 1.8rem;
        }

        .sign-in-wrap h2 {
            font-size: 2rem;
        }

        .cross-links2 {
            text-align: center;
        }

            .cross-links2 .item {
                text-align: left;
            }

            .cross-links2 .thumb {
                width: 40px;
            }

            .cross-links2 .desc {
                font-size: .9rem;
            }

        .login-wrap h2 {
            padding-top: 0;
            text-align: center;
        }

        .login-wrap .register-col,
        .login-wrap .login-col {
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 0;
        }

        .login-wrap .subscribe-teaser {
            width: 100%;
            border-top: #e6e6e6 solid 1px;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .login-wrap .register-col .subscribe-teaser {
            border-top: 0;
        }

        .login-wrap .action .rem-me {
            margin-left: 15px;
        }

        .more-services .item {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .more-services .icon img {
            max-height: 140px;
        }

        .welcome-wrap-light {
            padding-top: 30px;
            line-height: 1.1em;
        }

        .cards-list-wrap {
            padding-top: 40px;
            padding-bottom: 0;
        }

        .cards-list .item .vertical-mid {
            padding-left: 15px;
            padding-right: 15px;
        }

        .cards-list .item .smart-code {
            font-size: 1.2rem;
        }

        .cards-list .item h2 {
            font-size: 1.85rem;
        }

        .cards-list .item .cta-edit {
            font-size: 1.5rem;
        }

        .cards-list .item .amount {
            font-size: 2.5rem;
            width: 100%;
        }

        .cards-list .item-due .warning {
            margin: -40px 0 0;
            font-size: .9rem;
            width: 45%;
        }

            .cards-list .item-due .warning:before {
                width: 36px;
                height: 36px;
                background-size: 32px;
            }

        .cards-list .item .btn1-red {
            padding-left: 25px;
            padding-right: 25px;
        }

        .cards-list .item .util-links a {
            font-size: 1.25rem;
        }

            .cards-list .item .util-links a .icon {
                margin: 0 auto;
                padding: 0;
            }

                .cards-list .item .util-links a .icon img {
                    width: 30px;
                }

        /*.cards-list2-wrap {
        padding-top: 0px;
    }*/

        .drawer1 .feature-box {
            width: 95%;
        }
        /*99525*/
        .drawer1 .feautre-smartcode {
            /*display: none;*/
            text-align: left;
            width: 100%;
        }

            .drawer1 .feautre-smartcode a.cta,
            .drawer1 .feautre-smartcode a.cta:hover {
                border-bottom: #ed1c24 dotted 1px;
                cursor: pointer;
                display: inline-block;
                outline: 0;
                color: #ed2939;
            }

        .mob-menu-head .sign-in {
            min-width: 180px;
        }

        .txt2-select {
            max-width: 250px;
        }

        .tabs1 {
            margin-left: -15px;
            margin-right: -15px;
        }

            .tabs1 .item a {
                padding: 0 5px;
                color: #404040;
            }

        /*.subscribe-teaser .btn1 {
        padding-top: 9px;
    }*/

        .current-bill .btn1 {
            font-size: 1.125rem;
        }

        .previous-bill .btn1 {
            font-size: 1.125rem;
            line-height: 1.2em;
        }

        .tabs1-pane .cta-viewall {
            font-size: 1.125rem;
            line-height: 1.2em;
        }

        .provider-logo .logo img, .provider-select .item img {
            max-width: 80%;
            max-height: 75%;
        }

        .sign-in-wrap .register-col h2 {
            padding-bottom: 20px;
        }

        .cross-links2 .btn1 {
            margin-top: 30px;
        }

        .cross-links2 .subscribe-link {
            margin-bottom: 30px;
        }

        .sign-in-wrap > .container > .col-md-6 {
            padding-bottom: 20px;
        }

        .tnc-confirm {
            padding-top: 0px;
        }

        .form1 .chk1 + label {
            display: block;
            padding-left: 30px;
        }

        .form1.form1-sign-in .chk1 + label {
            text-align: right;
        }

        .content-wrap .subscribe-teaser .mob-divider {
            padding-bottom: 50px;
        }

        .mob-divider + .mob-divider {
            padding-top: 50px;
        }

        .mini-sitemap-wrap {
            padding-bottom: 5px;
        }

        .selected-provider {
            padding-bottom: 0;
        }

            .selected-provider .sample-wrap {
                margin: 10px 0;
            }

        .promo-code input.btn1-red, .promo-code input.btn1 {
            margin-right: 0;
            min-width: 115px;
            padding: 4px 20px 4px;
            height: 24px;
            min-height: 24px;
            font-size: 0.9rem;
        }

        .promo-code input.btn1-red {
            margin-right: 10px;
        }

        .reset-verification .promo-code input.btn1-red, .promo-code input.btn1 {
            padding: 0 40px;
            min-height: 33px;
        }

        .mobile-tabs li a {
            min-height: 20px;
            font-size: 0.9rem;
        }

        #ui-datepicker-div {
            background: #ed2939;
            color: #fff;
            border-radius: 5px;
            width: 90%;
        }

        .popup-confirm-card .action .btn1, .smartcode-input input.btn-confirm, .call-back .action .smartcode-input input.btn1-red {
            min-width: 110px;
        }

        .call-back .error .note {
            padding-top: 20px;
        }

        .form1-register.call-back .message-area .error-msg {
            left: 0 !important;
        }

        .content-orders .search-box .showing-count .txt1-select, .content-orders .search-box .showing-count .selectize-input {
            height: 40px;
        }

        .content-orders .search-box .showing-count .selectize-dropdown {
            padding-top: 42px;
        }

        .content-orders .search-box .showing-count {
            padding: 0px 10px;
        }

            .content-orders .search-box .showing-count, .content-orders .search-box .showing-count .selectize-input,
            .content-orders .search-box .showing-count .filter-items, .content-orders .search-box .showing-count .filter-items .selectize-input {
                font-size: 14px;
            }

                .content-orders .search-box .showing-count .select-count {
                    min-width: 45%;
                    padding-right: 12px;
                }

                    .content-orders .search-box .showing-count .select-count .selectize-input {
                        padding-left: 5px;
                        padding-right: 22px;
                    }

                .content-orders .search-box .showing-count .filter-items .selectize-input {
                    padding: 11px 25px 10px 3px;
                }

                .content-orders .search-box .showing-count .select-count .selectize-input {
                    padding: 12px 20px 10px 6px;
                }

                    .content-orders .search-box .showing-count .select-count .selectize-input:after {
                        top: 1px;
                    }

        .content-orders .search-box input[type="search"] {
            font-size: 14px;
            height: 40px;
            padding: 6px 10px;
        }

        .content-orders .search-box .searchform:after {
            background-size: 100% auto;
            height: 18px;
            right: 9px;
            top: 11px;
            width: 20px;
        }

        .content-orders .search-box .showing-count .select-count .select-label, .content-orders .search-box .showing-count .filter-items .select-label {
            padding: 10px 0px;
        }

        .watch-tabs .filter-controls .showing, .watch-tabs .filter-controls .page-size {
            padding-left: 15px;
        }

        .watch-tabs .filter-controls .count {
            width: auto;
        }

        .page-count-wrap {
            width: auto;
        }

        .watch-tabs .filter-controls .count {
            padding-top: 13px;
        }

        .watch-tabs .filter-controls > div.sort-fields-wrap {
            width: 40%;
        }

        .watch-tabs .filter-controls .sort2, .watch-tabs .filter-controls .sort1 {
            margin-bottom: 20px;
        }

        .credit-card-popup .credit-cards #cardtype .card-icon {
            margin-right: 25px;
        }

        .watch-tabs .filter-controls .sort-fields-wrap .mobile-label-sort-filter,
        .watch-tabs .filter-controls .sort-fields-wrap.active .mobile-label-sort-filter {
            background-position: 84% 50%;
            width: 100%;
        }

        .watch-tabs .filter-results ul li {
            margin-right: 10px;
            max-width: 125px;
        }

            .watch-tabs .filter-results ul li .meta {
                padding-right: 10px;
            }

            .watch-tabs .filter-results ul li img {
                width: 100%;
            }

        .overlay-item-detail .meta-1 {
            width: 39%;
        }

        .main-nav-wrap {
            height: 60px;
        }

        .upgrade_reactivate .red-message .undo h4 {
            font-weight: 500 !important;
        }

        .popup_content .popuplist {
            padding: 0;
        }
        /*99377*/
        .mob-menu-head .navicon img {
            position: relative;
            top: 13px;
        }
    }

    @media screen and (max-width: 375px) {
        .main-nav > li.drop > a {
            text-align: left;
            padding: 10px 10px;
            width: 180px;
            color: #808080;
        }

        .verify-wrap .msg-box h3 {
            font-size: 1em;
        }

        .main-nav > li.drop > a span {
            display: block;
        }

        .main-nav > li.drop .drop-menu a {
            text-align: left;
            padding: 15px 10px;
        }

        .overlay-item-detail .meta-1 {
            width: 36%;
            float: left;
        }

        .user-detail .form1 fieldset.static-block span.static-val {
            font-size: 1rem;
        }

        .user-detail .form1 fieldset .hint {
            left: 115px;
        }

        .burger {
            margin-left: 2px;
        }

        .content-wrap .container {
            padding-left: 10px;
            padding-right: 10px;
        }

            .content-wrap .container .container {
                padding-left: 0px;
                padding-right: 0px;
            }

        .content-wrap h1 {
            font-size: 1.8rem;
            line-height: 1.1em;
            padding-bottom: 30px;
        }

        .content-payments > .container > .btn1-red, .header-button-wrap > .container > .btn1-red {
            top: 20px;
        }

        .instruct h2 {
            font-size: 1.1rem;
        }

        .provider-select {
            margin-top: 5px;
        }

        .welcome-wrap-light h2 {
            font-size: 2rem;
            line-height: 1.2em;
        }

        .mob-dashboard {
            padding-left: 15px;
            padding-right: 15px;
        }

            .mob-dashboard .plus {
                right: 15px;
            }

        .drawer1 > div {
            padding-left: 15px;
            padding-right: 15px;
        }

        .drawer1-2 > div {
            padding: 0;
        }

        .drawer1-2 .vertical-mid {
            padding-left: 15px;
            padding-right: 10px;
        }

        .date-meter {
            right: 20px;
        }

            .date-meter .days-left2 .circles-text {
                font-size: 2rem;
                top: 18%;
            }

        .credit h3 {
            font-size: 2rem;
        }

        .tabs1-pane-wrap {
            padding-top: 20px;
        }

        .tabs1 {
            font-size: 1rem;
        }

        .provider-select .item {
            height: 170px;
            padding-top: 0;
        }

            .provider-select .item strong {
                padding-top: 15px;
                font-size: 1.3rem;
            }

        .more-services .icon img {
            max-height: 120px;
        }

        .content-payments .date-meter {
            /*top: -45px;*/
        }

        .mob-menu {
            padding-top: 80px;
        }

        .mob-menu-head .sign-in {
            min-width: 130px;
        }

        .mob-menu-head .navicon {
            width: 35px;
            height: 60px;
        }

            .mob-menu-head .navicon img {
                position: relative;
                top: 13px;
            }

        .mob-menu-footer {
            padding: 10px 15px;
        }

        .footer-links li {
            margin: 0 5px;
        }

        .selected-provider .provider-logo .logo img {
            max-width: 30px;
        }

        .previous-bill .btn1,
        .current-bill .btn1, .content-payments .coupon-count .btn1 {
            min-width: 190px;
        }

        .form1 .btn1 {
            min-width: 130px;
        }

        .sign-in-wrap .register-col h2 {
            font-size: 1.6rem;
            padding-bottom: 20px;
        }

        .cross-links2 .item .thumb {
        }

        .cross-links2 .btn1 {
            margin-top: 30px;
        }

        .welcome-wrap-light h2 + p {
            font-size: 1.2rem;
            line-height: 1.2em;
        }

        .login-wrap .form1-login > fieldset {
            margin-bottom: 40px;
        }

        .login-wrap .form1-login .helper-link {
            top: auto;
            bottom: -23px;
        }

        .login-wrap .form1-login .action {
            padding-top: 20px;
            margin-bottom: 0px;
        }

        .cards-list .item-due .warning {
            font-size: .8rem;
            width: 40%;
        }

        .cards-list .item .btn1-red {
            float: left;
        }

        .cards-list .item .amount {
            font-size: 2.2rem;
        }

        .form1 .captcha-input {
            width: 50%;
        }
        /*.form1 .captcha-wrap {margin-right: 12%;}*/
        #cardtype .card-icon {
            margin-right: 0px;
        }

        .credit-cards {
            padding: 30px;
        }

        .card-no span {
            padding-right: 5px;
        }

        .credit-cards .add-card-block .close-btn {
            /*top: 25px;*/
            right: 20px;
        }

        .content-wrap h1 {
            padding-bottom: 10px;
        }

        .credit-cards h3 {
            font-size: 1.3em;
        }

        .iteniary-footer .package-list li h3 {
            font-size: 1.5rem;
        }

        .watch-tabs .filter-results ul li {
            margin-right: 0;
            max-width: 122px;
        }

            .watch-tabs .filter-results ul li img {
                width: 96%;
            }

        .pages {
            width: 100%;
        }

        .mydashboard-button {
            margin-top: -10px;
        }
    }

    @media(max-width:360px) {
        .watch-tabs .filter-results ul li {
            margin-right: 0;
            max-width: 117px;
        }
    }

    @media(max-width:359px) {
        .credit-card-popup .credit-cards #cardtype .card-icon {
            margin-right: 7px;
        }

        .main-nav > li.drop > a {
            text-align: left;
            padding: 10px 10px;
            width: 150px;
            color: #808080;
        }

            .main-nav > li.drop > a, .main-nav > li.drop > a:hover, .main-nav > li.drop:hover > a {
                background-size: 10%;
                background-position: 95% 50%;
            }
        /* Author : VP */
        .watch-tabs .filter-results ul li {
            margin-right: 0;
            max-width: 103px;
        }

            .watch-tabs .filter-results ul li .meta {
                padding-right: 10px;
            }

            .watch-tabs .filter-results ul li img {
                width: 89%;
            }

        .watch-tabs .filter-controls .sort-fields-wrap .mobile-label-sort-filter, .watch-tabs .filter-controls .sort-fields-wrap.active .mobile-label-sort-filter {
            background-position: 90% 50%;
        }

        /* Author : VP */
    }


    /*upgrade section responsive fixes */
    @media(max-width: 1140px) {
        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc {
            /*width: 320px;
        padding-bottom: 12px;*/
        }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc h2 {
                font-size: 1.5rem;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc p {
                margin-top: 15px;
            }

        .upgrade_reactivate .nav-tabs li a .channels .count {
            font-size: 1.2rem;
        }

        .upgrade_reactivate .upgrade-box .wrap-box .btn1-red {
            width: 110%;
        }

        .upgrade_reactivate .upgrade-box .wrap-box p {
            font-size: 1rem;
        }
    }

    @media(max-width: 991px) {
        .upgrade_reactivate .tab-background {
            display: none;
        }

        .my-orders-header h2 {
            padding-top: 0;
        }

        .my-orders-header .cta-viewall {
            top: 0;
        }

        .upgrade_reactivate .tabs-content-wrap {
            margin-top: -3px;
        }

        .call-back .note {
            margin-top: 20px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc {
            /*padding-bottom: 0px;
        width: 240px;
        padding-left: 20px;*/
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels {
            /*padding-right: 0px;
        width: 130px;*/
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc h2 {
            font-size: 1.4rem;
            line-height: 26px;
            font-weight: 400;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc p {
            font-size: 1rem;
            line-height: 24px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .btn1-red {
            padding-left: 0px;
            padding-right: 0px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control-group {
            margin-top: 10px;
        }

        .upgrade_reactivate .upgrade-box .wrap-box {
            text-align: center;
        }

            .upgrade_reactivate .upgrade-box .wrap-box .btn1-red {
                width: auto;
            }

            .upgrade_reactivate .upgrade-box .wrap-box .upgrade-btn {
                margin-left: 15px;
            }

        .cards-list2 .item .item-foot {
            position: static;
        }

        .user-creds .password-reset .txt1 {
            width: 100%;
        }
    }

    @media(max-width: 768px) {
        .custom-input-padding {
            padding-left: 10px;
            padding-bottom: 3px;
        }

        .user-creds span.osn-id {
            color: #ee3645 !important;
        }

        .base-heading {
            font-size: 16px;
            margin: 25px 0px 20px;
        }

        .cancelLink.cancel-passwordreset {
            text-align: right;
            font-size: 12px;
            position: absolute;
            right: 25px;
            top: 16px;
        }

        .cancelLink a {
            margin-top: 10px;
        }

        .user-creds .password-reset .col-md-12 {
            margin-bottom: 12px;
        }

        /*Bug - 157679:Responsive account page-1. Error text alignment start*/

        .form1 .txt1 .pwd-visible + .toggle, .form1 .txt1 input[type=password] + .toggle {
            font-size: 13px;
            right: -8px;
            /*top: 9px;*/
        }
        /*Bug - 157679:Responsive account page-1. Error text alignment end*/


        .min-pass-text {
            font-size: 12px;
            margin: 20px 0px 17px 0;
            text-align: left;
            padding-bottom: 10px;
        }

        .mini-sitemap > div {
            text-align: center;
        }

        .iteniary-footer > div {
            text-align: center;
        }

        .exclusive-wrap {
            margin-top: 20px;
        }

        .tabs1 {
            padding-top: 20px;
        }

        .faq-list:last-child {
            margin-bottom: 0;
        }

        .exclusive-wrap > .container > h2 {
            padding-bottom: 0;
        }

        /*.upgrade_reactivate .service-menu .col-md-2 {
        width: 100%;
    }*/

        .upgrade_reactivate .tabs-wrap {
            overflow: scroll;
            width: 100%;
        }

            .upgrade_reactivate .tabs-wrap .container {
                min-width: 850px;
            }

        .upgrade_reactivate .nav-tabs li {
            min-width: 200px;
        }

            .upgrade_reactivate .nav-tabs li a .channels .col-sm-6 {
                width: 50%;
                float: left;
            }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package > .row > .col-md-6, .upgrade_reactivate .tabs-content-wrap .list-packages .package > .row > .col-md-4, .upgrade_reactivate .tabs-content-wrap .list-packages .package > .row > .col-md-2 {
            width: 100%;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package > .row > .col-md-4 {
            display: none;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc {
            width: 100%;
        }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc p {
                margin-bottom: 10px;
            }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels {
            width: 100%;
            padding-top: 0px;
        }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels h2 {
                margin: 30px 0px;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels h2, .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels .package-block-wrapper {
                width: 50%;
                float: left;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels .package-block-wrapper {
                float: right;
            }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content h3 {
            width: 50%;
            float: left;
            margin: 40px 0;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .select-offer-wrap {
            width: 50%;
            float: right;
            margin: 30px 0px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content span {
            width: 100%;
            float: left;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .btn1-red {
            margin-top: 8px;
            width: inherit;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control-group {
            margin: 0px 10px;
            width: 150px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .col-md-2 {
            min-height: inherit;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost {
            padding-left: 9px;
        }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-header {
                box-sizing: padding-box;
            }

            .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content h3 {
                color: #ff0000;
            }

        .upgrade_reactivate .upgrade-box .wrap-box h2, .upgrade_reactivate .upgrade-box .wrap-box p {
            text-align: center;
            margin-bottom: 20px;
        }

        .upgrade_reactivate .upgrade-box .wrap-box .upgrade-btn {
            margin-left: 0px;
        }

        .upgrade_reactivate .upgrade-box .wrap-box > .row > .col-md-3 {
            text-align: center;
        }

        .upgrade_reactivate .upgrade-box .wrap-box h2 {
            font-size: 1.8rem;
            font-weight: 300;
            line-height: 30px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .col-md-6:first-child {
            border-right: 0px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .col-md-2 {
            border-left: 0px;
        }

        .upgrade_reactivate .select-package-label p {
            font-size: 1.3rem;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-channels .package-block {
            padding: 8px 14px;
        }

        .upgrade_reactivate .credit-cards .add-card-block fieldset.last-item {
            min-height: 10px;
        }

        .upgrade_reactivate .credit-cards .add-card-block .action .btn1 {
            padding-left: 0px;
            line-height: 2.1rem;
        }

        .rewards_popup h3 {
            font-size: 16px;
            font-weight: bold;
        }

        .slider_container {
            margin-bottom: 20px;
        }

        .content-dashboard .drawer1-2 .vertical-mid {
            border-right: #e6e6e6 solid 1px;
        }
    }

    @media(max-width:480px) {

        .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger h3 {
            color: #ed2939;
        }

        .card-no {
            font-size: .8em;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .btn1-red {
            width: 100%;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .control-group {
            margin: 0px 0px;
            width: 130px;
        }

        .upgrade_reactivate .step-navigator {
            padding: 14px 0 35px;
        }

        .upgrade_reactivate .upgrade-box {
            display: none;
        }

        .upgrade_reactivate #cardtype .card-icon {
            margin-right: 5px;
            margin-bottom: 8px;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-desc {
            padding-right: 20px;
        }

        .captcha-wrap img {
            height: 100%;
        }

        .content-payments .date-meter .days-left2 .circles-text {
            font-size: 1rem;
            line-height: normal;
        }

        .rewards_popup h3 {
            font-size: 14px;
            font-weight: bold;
        }
    }


    @media(max-width:1155px) {
        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc {
            width: 300px;
        }
    }

    @media(max-width:1055px) {
        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc {
            width: 260px;
        }

            .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc h3 {
                font-size: 1.4rem;
            }

        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost {
            min-height: 280px;
        }

        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list {
            top: 280px;
        }

        .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .row {
            margin-left: 0px;
        }

        .upgrade_reactivate .my-current-package .addon-wrap h4 {
            display: block;
        }
    }

    @media(max-width:991px) {
        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper {
            width: 100%;
        }
    }

    @media(max-width:768px) {
        .crumb-wrap {
            display: none;
        }

        .upgrade_reactivate .my-current-package {
            margin-top: 20px;
        }

        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc h3 {
            font-size: 1.8rem;
            font-weight: 300;
        }

        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper, .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc, .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost {
            width: 100%;
        }

            .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost {
                border-left: 0px;
            }

        .upgrade_reactivate .header {
            min-height: auto;
        }

            .upgrade_reactivate .header h1 {
                margin-bottom: 15px;
            }

        .upgrade_reactivate .my-current-package .collapse-header {
            background-color: #fff;
            border: 1px solid #e6e6e6;
            padding: 35px 40px;
        }

            .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger {
                top: 30px;
            }

        .upgrade_reactivate .my-current-package .collapse-content {
            background-color: #fff;
            border: 1px solid #e6e6e6;
            border-top: 0px;
            border-bottom: 0px;
            margin-top: -1px;
            position: relative;
            z-index: 999;
            padding-bottom: 0px;
        }

            .upgrade_reactivate .my-current-package .collapse-content h2 {
                width: 50%;
                float: left;
                font-size: 1.5rem;
                font-weight: 500;
                padding-right: 30px;
                text-align: right;
            }

            .upgrade_reactivate .my-current-package .collapse-content h4 {
                float: left;
                font-size: 1.5rem;
                font-weight: 400;
                padding-left: 40px;
                text-align: left;
                width: 50%;
                margin: 3px 0px;
            }

            .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .row {
                margin: 0px;
            }

            .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .col-md-6 h4 {
                font-size: 1.5rem;
                font-weight: 400;
            }

            .upgrade_reactivate .my-current-package .collapse-content .col-md-4:nth-child(2) span {
                border-left: 0px;
                border-right: 0px;
            }

            .upgrade_reactivate .my-current-package .collapse-content .col-md-4 {
                float: left;
                line-height: inherit;
                margin: 0;
                min-height: inherit;
                width: 100%;
            }

                .upgrade_reactivate .my-current-package .collapse-content .col-md-4 span {
                    border-bottom: 1px solid #e6e6e6;
                    padding-top: 20px;
                    padding-bottom: 20px;
                }

                    .upgrade_reactivate .my-current-package .collapse-content .col-md-4 span .col-md-6 {
                        width: 100%;
                        padding: 0px;
                    }

                .upgrade_reactivate .my-current-package .collapse-content .col-md-4:nth-child(2) span > h4 {
                    color: #4d4d4d;
                    text-transform: uppercase;
                    font-size: 1.3rem;
                    margin: 14px 0px;
                }

                .upgrade_reactivate .my-current-package .collapse-content .col-md-4:nth-child(2) span h2 {
                    /*100155*/
                    /*display: none;*/
                    width: 100%;
                }

        .upgrade_reactivate .my-current-package .addon-wrap {
            float: left;
            margin-bottom: 3px;
            width: 100%;
            position: relative;
            padding: 2px 0px;
        }

            .upgrade_reactivate .my-current-package .addon-wrap h4 {
                position: initial;
            }

            .upgrade_reactivate .my-current-package .addon-wrap p {
                display: inline;
                float: right;
                padding-right: 35px;
                text-align: right;
                width: auto;
                font-size: 1.5rem;
                font-weight: 500;
            }

            .upgrade_reactivate .my-current-package .addon-wrap .close {
                right: 8px;
                top: 6px;
            }

        .upgrade_reactivate .addon-manager {
            margin-top: 60px;
        }

            .upgrade_reactivate .addon-manager .red-message {
                background-position: 20px 16px;
            }

                .upgrade_reactivate .addon-manager .red-message p {
                    font-size: 1.2rem;
                }

                .upgrade_reactivate .addon-manager .red-message .undo {
                    width: 100%;
                    position: relative;
                    right: inherit;
                    top: inherit;
                    margin-top: 5px;
                }

                    .upgrade_reactivate .addon-manager .red-message .undo h4 a {
                        top: -1px;
                    }

            .upgrade_reactivate .addon-manager .customize-addons {
                background: none;
                padding: 0px;
                border: 0px;
                margin-bottom: 35px;
            }

                .upgrade_reactivate .addon-manager .customize-addons > p {
                    margin-top: 20px;
                }

            .upgrade_reactivate .addon-manager .removed-addons {
                background-color: #fff;
                padding: 0px;
            }

                .upgrade_reactivate .addon-manager .removed-addons hr {
                    margin: 0px;
                    border-color: #e6e6e6;
                    float: left;
                    width: 100%;
                }

                .upgrade_reactivate .addon-manager .removed-addons .packs-list {
                    width: 100%;
                    border: 0px;
                    margin: 0px;
                    padding: 15px 20px;
                    font-weight: 400;
                }

                    .upgrade_reactivate .addon-manager .removed-addons .packs-list.bordered {
                        border-bottom: 1px solid #e6e6e6;
                    }

                .upgrade_reactivate .addon-manager .removed-addons label {
                    font-weight: 500;
                    padding: 15px;
                    float: left;
                    margin-top: 15px;
                }

                .upgrade_reactivate .addon-manager .removed-addons .total-cost {
                    font-weight: 500;
                    padding: 15px;
                    float: right;
                    text-align: right;
                    color: #ccc;
                    text-transform: capitalize;
                    font-size: 1rem;
                }

                    .upgrade_reactivate .addon-manager .removed-addons .packs-list b, .upgrade_reactivate .addon-manager .removed-addons .total-cost b {
                        float: right;
                        color: #ed1c24;
                    }

                    .upgrade_reactivate .addon-manager .removed-addons .total-cost b {
                        float: right;
                        width: 100%;
                    }

            .upgrade_reactivate .addon-manager .customize-wrapper {
                padding: 0px;
                border: 0px;
            }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack {
                    padding: 0px 10px;
                }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost {
                        border-top: 1px solid #e6e6e6;
                        margin-top: 0px;
                        min-height: auto;
                        padding: 20px 0px;
                    }

                        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost .offer {
                            color: #808080;
                            font-size: .8rem;
                            display: block;
                        }

                        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost .wrapping-cost {
                            width: 50%;
                            float: left;
                            margin: 5px 0px;
                        }

                        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-cost .old-price {
                            display: none;
                        }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control-group {
                        width: 50%;
                        float: right;
                        margin-top: 5px;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control__indicator {
                        left: 50%;
                        margin-left: -65px;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control input:checked ~ .control__indicator {
                        margin: 0px 10px;
                        width: 130px;
                        left: 50%;
                        margin-left: -65px;
                    }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list {
                        position: relative;
                        top: 0px;
                    }

                        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-list:after {
                            border-left: 0px;
                            border-right: 0px;
                            border-bottom: 0px;
                        }

                    .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc .show-channels {
                        background-color: #fff;
                        background-position: 6px 7px;
                        border: 1px solid #ff0000;
                        border-radius: 50%;
                        display: block;
                        height: 30px;
                        left: 50%;
                        margin-left: -30px;
                        overflow: hidden;
                        padding: 0;
                        position: relative;
                        text-indent: -200px;
                        top: 15px;
                        width: 30px;
                    }

                        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc .show-channels.active {
                            background-color: #fff;
                            background-position: 6px 5px;
                            left: 50%;
                            margin-left: -28px;
                            top: 322px;
                            z-index: 9999999;
                        }
    }

    @media(max-width: 480px) {
        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control__indicator {
            height: 31px;
        }

        .upgrade_reactivate .my-current-package .collapse-header {
            background-color: #fff;
            border: 1px solid #e6e6e6;
            padding: 28px 20px;
        }

        .mob-menu-head .navicon {
            width: 35px;
            height: 60px;
            line-height: 60px;
        }

        .upgrade_reactivate .my-current-package .collapse-header h2 {
            font-size: 1.2rem;
            font-weight: 400;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .select-offer-wrap .control--checkbox .control__indicator {
            height: 31px;
        }

        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .control--checkbox .control__indicator:after {
            height: 30px;
            width: 30px;
            background-size: 100%;
        }

        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content .select-offer-wrap .control--checkbox .control__indicator:after {
            height: 30px;
            width: 30px;
            background-size: 100%;
        }

        .upgrade_reactivate .my-current-package .collapse-header {
        }

            .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger {
                position: absolute;
                right: 12px;
                top: 24px;
            }

                .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger h3 {
                    float: right;
                    text-align: right;
                    font-size: 1.3rem;
                    line-height: 16px;
                    padding: 5px 40px 5px 0px;
                }

                    .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger h3 small {
                        width: 100%;
                        float: right;
                        text-transform: capitalize;
                        font-size: 1.1rem;
                    }

                    .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger h3::after {
                        height: 25px;
                        width: 25px;
                    }

        .upgrade_reactivate .my-current-package .collapse-content h4 {
            padding-left: 28px;
            width: 65%;
        }

        .upgrade_reactivate .my-current-package .collapse-content h2 {
            width: 35%;
            font-size: 1.2rem;
            padding-top: 4px;
        }
        /*100155*/
        .upgrade_reactivate .my-current-package .addon-wrap p {
            font-size: 1.2rem;
            /*padding-right: 45px;*/
            padding-right: 30px;
        }

        .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .row .col-md-6 .addon-wrap h4 {
            width: 55%;
        }

        .upgrade_reactivate .my-current-package .addon-wrap .close {
            top: 0px;
        }

        .upgrade_reactivate .my-current-package .collapse-content h4, .upgrade_reactivate .my-current-package .collapse-content .col-md-4 .col-md-6 h4 {
            font-size: 1.2rem;
        }

        .upgrade_reactivate .my-current-package .collapse-content .col-md-4:nth-child(2) span > h4 {
            font-size: 1.2rem;
            font-weight: 500;
        }

        .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc {
            padding-right: 25px;
        }

            .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc .show-channels {
                margin-left: -10px;
            }

                .upgrade_reactivate .addon-manager .customize-wrapper .customised-pack .block-wrapper .channel-desc .show-channels.active {
                    margin-left: -14px;
                }
    }


    @media(max-width:1099px) {
        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li h4 {
            font-size: 1rem;
        }

        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li p {
            font-size: .7rem;
        }
        .my-osn-dv{
            width: 80%;
        }
        .osnlogin-section-wrap{
            width: 80%;
        }
    }

    @media(max-width:991px) {
        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes {
            min-height: 520px;
        }

            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li {
                padding: 5px;
            }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li h4 {
                    font-size: .9rem;
                    font-weight: 500;
                    margin-bottom: 0px;
                }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li p {
                    font-size: .7rem;
                }

            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-header .box-thumb img {
                width: 80%;
            }

            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-header h3 {
                font-size: 1.4rem;
                font-weight: 400;
            }
    }

    @media(min-width:769px) {
        /*.upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area .add-warranty.form1 .chk1 + label::before{border-width: 1px; border-radius: 0px; height: 24px; width: 24px; background-color: #fff;}*/
        .upgrade_reactivate .nav-tabs li.active {
            border-top: 1px solid #e6e6e6;
        }

        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .select-offer-wrap .offering {
            display: none;
        }

        .iteniary-footer .btn1 {
            float: right;
        }
    }

    @media(max-width:768px) {
        .upgrade_reactivate .osn-boxes .red-message {
            background-position: 20px 16px;
        }

        .bill-details {
            overflow: auto;
            border-right: 1px solid #e6e6e6;
            border-left: 1px solid #e6e6e6;
            min-height: 100px;
        }

            .bill-details .NoRecordsFound {
                line-height: 80px;
            }

        .upgrade_reactivate .osn-boxes .red-message p {
            font-size: 1.2rem;
        }

        .upgrade_reactivate .osn-boxes .red-message .undo {
            width: 100%;
            position: relative;
            right: inherit;
            top: inherit;
            margin-top: 5px;
        }

            .upgrade_reactivate .osn-boxes .red-message .undo h4 a {
                top: -1px;
            }

        .upgrade_reactivate .osn-boxes .wrapping-boxes {
            background: none;
            border: 0px;
            padding: 0px;
        }

        .upgrade_reactivate .osn-boxes .red-message.repeat::before, .upgrade_reactivate .osn-boxes .red-message.repeat::after {
            display: none;
        }

        .upgrade_reactivate .osn-boxes .wrapping-boxes {
            margin-bottom: 0px;
        }

            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content {
                padding: 0px;
            }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes {
                    max-height: inherit;
                }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li {
                        background: #fff;
                        width: 100%;
                        margin-bottom: 15px !important;
                    }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-header h3 {
                            text-align: center;
                            font-size: 1.6rem;
                            font-weight: 400;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-header .box-thumb {
                            min-height: 150px;
                            line-height: 150px;
                        }

                            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-header .box-thumb img {
                                width: 250px;
                            }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li {
                            height: auto;
                            min-height: 70px;
                        }

                            .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .list-benefits > li h4 {
                                margin-top: 2px;
                            }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li:nth-child(2) {
                            margin-left: 0px;
                            margin-right: 0px;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li:last-child {
                            float: left;
                        }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty {
                    border: 0px;
                    padding: 0px;
                    text-align: left;
                }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty h3, .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area {
                        float: left;
                        text-align: left;
                    }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty h3 {
                        width: 100%;
                        float: left;
                    }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area {
                        margin-top: 20px;
                        float: left;
                    }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area .add-warranty {
                            float: left;
                            margin-left: 26px;
                        }

                        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area .cost {
                            float: right;
                            margin-left: 5px;
                            color: #ed2939;
                        }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .step-navigator {
                    padding: 40px 0px;
                }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box span {
                    width: 50%;
                    float: left;
                }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control-group {
                    margin-top: 5px;
                    width: 50%;
                }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control__indicator {
                    width: 130px;
                }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .select-offer-wrap {
                    text-align: center;
                    width: 50%;
                    float: right;
                }

                    .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .select-offer-wrap .offering {
                        color: #808080;
                        font-size: 0.8rem;
                        font-weight: 500;
                    }

                .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control__indicator {
                    margin-left: -65px;
                }
    }

    @media(max-width:480px) {
        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .warranty .right-area .add-warranty {
            margin-left: 0px;
        }

        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control__indicator {
            height: 30px;
        }

        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-stage-outer .owl-stage .owl-item > li .box-benefits .cost-box .control--checkbox .control__indicator::after {
            height: 28px;
            width: 28px;
            background-size: 28px 28px;
        }
    }

    @media(max-width:1050px) {
        .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .selectize-input {
            width: 150px;
        }
    }

    @media(max-width:991px) {
        .upgrade_reactivate {
            background: #f7f7f7;
        }

            .upgrade_reactivate .header {
                min-height: auto;
            }

            .upgrade_reactivate .my-current-package .collapse-header {
                background-color: #fff;
                border: 1px solid #e6e6e6;
            }

            .upgrade_reactivate .my-current-package .collapse-content {
                background-color: #fff;
                border: 1px solid #e6e6e6;
                margin-top: -1px;
                border-top: 0px;
                z-index: 999;
                position: relative;
                border-bottom: 0;
            }

            .upgrade_reactivate .payment-details .align-section {
                width: 100%;
            }

                .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap {
                    margin: 0px 15px;
                    padding: 10px 0px;
                }

                .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay {
                    margin: 0px 15px;
                    padding: 10px 15px;
                }


        /* Save/Update Card */
        .save-card {
            margin-top: 0px;
            border: 1px solid #e1e1e1;
        }

        .save-card-field {
            width: 100%;
            float: left;
            margin-top: 20px;
        }

        .save-card .text-right {
            text-align: left;
        }

        .save-card .cvv-section label.card-cvv-txt,
        .save-card .save-card-button col-xs-12 {
            text-align: right;
        }

        .save-card .save-card-field fieldset .field1 {
            width: 100%;
            float: right;
        }

        .save-card.active .fieldset-wrap {
            display: block;
            margin-top: 20px;
        }
    }

    @media(max-width:768px) {
        .upgrade_reactivate .red-message-wrapper .red-message {
            background-position: 20px 16px;
        }

            .upgrade_reactivate .red-message-wrapper .red-message p {
                font-size: 1.2rem;
            }

            .upgrade_reactivate .red-message-wrapper .red-message .undo {
                width: 100%;
                position: relative;
                right: inherit;
                top: inherit;
                margin-top: 5px;
            }

                .upgrade_reactivate .red-message-wrapper .red-message .undo h4 a {
                    top: -1px;
                }

        .upgrade_reactivate .payment-details .align-section .iteniary-header .total-cost.hidden-mobile {
            display: block !important;
        }
    }

    @media(max-width:480px) {

        .upgrade_reactivate .payment-details .align-section .iteniary-content .show-mobile {
            display: block;
        }

        .upgrade_reactivate .payment-details .align-section .iteniary-header .total-cost.hidden-mobile {
            display: none !important;
        }

        .upgrade_reactivate .payment-details .align-section .iteniary {
            background: none;
            border: 0px;
            padding-top: 0px;
            margin-bottom: 0px;
        }

        .upgrade_reactivate .payment-details .align-section .iteniary-header {
            margin-bottom: 0px;
            padding-top: 25px;
            border-bottom: 0px;
            border: 1px solid #e6e6e6;
            background-color: #fff;
            padding-left: 25px;
            padding-right: 25px;
            padding-bottom: 25px;
        }

        .upgrade_reactivate .payment-details .align-section .iteniary-content {
            padding: 0px;
            background-color: #fff;
            margin-bottom: 25px;
            border: 1px solid #e6e6e6;
            border-top: 0px;
            padding-top: 35px;
        }

            .upgrade_reactivate .payment-details .align-section .iteniary-content .payment-list {
                padding-left: 25px;
                padding-bottom: 10px;
            }

        .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay {
            margin: 0px;
            background-color: #fff;
            height: auto;
            padding: 20px 25px;
        }

            .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .selectize-input {
                background: #f7f7f7;
            }

        .upgrade_reactivate .payment-details .align-section .iteniary-footer .form-wrap {
        }

        .upgrade_reactivate .payment-details .align-section .col-md-4 .total-cost {
            display: block;
            border: 1px solid #e6e6e6;
            background-color: #fff;
            margin-top: 0px;
            font-size: 2rem;
            color: #ed1c24;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 25px;
            float: left;
            width: 100%;
        }

            .upgrade_reactivate .payment-details .align-section .col-md-4 .total-cost small {
                font-size: .8rem;
                color: #4d4d4d;
                width: 100%;
                float: left;
            }

            .upgrade_reactivate .payment-details .align-section .col-md-4 .total-cost .btn1 {
                background: #dadada none repeat scroll 0 0;
                border: 0 none;
                color: #fff;
                display: inline-block;
                float: right;
                font-size: 1rem;
                line-height: 1.1rem;
                margin-top: 16px;
                min-width: 100px;
                text-align: center;
                margin-right: 15px;
                padding-left: 40px;
                padding-right: 40px;
            }

        .upgrade_reactivate .payment-details .align-section .iteniary-header h2 {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .upgrade_reactivate .payment-details .align-section .iteniary-content .total-cost small {
            font-size: 1rem;
        }

        .upgrade_reactivate .payment-details .align-section .col-md-4 .total-cost .btn1 {
            padding-left: 10px;
            padding-right: 10px;
            height: 31px;
        }

        .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .col small {
            margin-left: 0px;
            margin-top: 10px;
        }

        .upgrade_reactivate .payment-details .align-section .iteniary-footer .wish-pay .col:last-child {
            width: 100%;
            display: inline-block;
        }
    }

    @media(max-width: 991px) {
        .upgrade_reactivate .reactivate-package {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            padding: 12px 0px;
        }

            .upgrade_reactivate .reactivate-package .panel-header {
                padding: 0px 35px;
            }

                .upgrade_reactivate .reactivate-package .panel-header .cost {
                    right: 32px;
                }

            .upgrade_reactivate .reactivate-package .panel-content {
                border-top: 1px solid #e6e6e6;
                padding: 20px 24px;
                margin-bottom: 5px;
            }

                .upgrade_reactivate .reactivate-package .panel-content h4 {
                    color: #4d4d4d;
                    font-size: .9rem;
                    padding: 0px 12px;
                }

                .upgrade_reactivate .reactivate-package .panel-content .addon-list {
                    background-color: #f7f7f7;
                    display: inline-block;
                    width: 100%;
                    padding: 5px 0px;
                    margin-top: 10px;
                }

                    .upgrade_reactivate .reactivate-package .panel-content .addon-list li {
                        padding: 3px 12px;
                        width: 100%;
                    }

                        .upgrade_reactivate .reactivate-package .panel-content .addon-list li b {
                            float: right;
                        }

                .upgrade_reactivate .reactivate-package .panel-content .more-addons {
                    padding: 0px 12px;
                }

                    .upgrade_reactivate .reactivate-package .panel-content .more-addons p {
                        margin-bottom: 0px;
                        margin-top: 12px;
                    }

                    .upgrade_reactivate .reactivate-package .panel-content .more-addons .cta {
                        border-bottom: 1px dotted #ed1c24;
                        cursor: pointer;
                        display: inline-block;
                    }

                        .upgrade_reactivate .reactivate-package .panel-content .more-addons .cta:hover {
                            text-decoration: none;
                        }

            .upgrade_reactivate .reactivate-package .panel-footer {
                border-top: 1px solid #e6e6e6;
                padding: 25px 0px 15px;
            }

                .upgrade_reactivate .reactivate-package .panel-footer .action {
                    left: 50%;
                    margin-left: -250px;
                    max-width: 500px;
                    position: relative;
                }

                    .upgrade_reactivate .reactivate-package .panel-footer .action .btn-white {
                        background-color: #fff;
                        color: #ed2939;
                        border-color: #ed2939;
                    }

                        .upgrade_reactivate .reactivate-package .panel-footer .action .btn-white:hover {
                            color: #fff;
                        }

                    .upgrade_reactivate .reactivate-package .panel-footer .action .btn-confirm {
                        margin-left: 0px;
                        margin-top: 10px;
                    }

        .reward_section {
            padding: 0;
            background-color: none;
            float: inherit;
            width: inherit;
            margin-left: -10px;
            margin-right: -10px;
        }

        .rewards_popup {
            padding: 0 !important;
        }
        /*99129*/
        .due-date {
            min-height: initial;
        }
    }

    @media(max-width: 768px) {
        .upgrade_reactivate .reactivate-package .panel-header {
            padding-left: 20px;
            padding-right: 20px;
        }

        .upgrade_reactivate .reactivate-package .panel-content {
            padding-left: 10px;
            padding-right: 10px;
        }

        .upgrade_reactivate .reactivate-package .panel-header .cost {
            right: 15px;
            top: 10px;
        }

        .upgrade_reactivate .osn-boxes .wrapping-boxes .boxes-content .list-boxes .owl-nav {
            display: block;
            top: 30%;
        }

        .reward_table th {
            display: none;
        }

        .reward_table td {
            display: block;
            text-align: left;
            width: 100%;
            float: left;
        }

        .reward_table tr {
            background: #ececec;
            margin-bottom: 20px;
            float: left;
        }

            .reward_table tr:last-child {
                margin-bottom: 0px;
            }

        .reward_table td:last-child {
            border-bottom: 1px solid #ddd;
        }

        .reward_table td:before {
            display: inline-block;
        }
    }

    @media(max-width: 480px) {
        .upgrade_reactivate .reactivate-package .panel-header h3 {
            font-size: 1.5rem;
            line-height: 26px;
        }

        .upgrade_reactivate .reactivate-package .panel-header .cost small {
            font-size: .8rem;
        }

        .upgrade_reactivate .reactivate-package .panel-header .cost {
            text-align: right;
        }

        .upgrade_reactivate .payment-details .align-section .col-md-4 .total-cost .btn1 {
            background-color: #ed1c24;
        }

        .mobile-label-sort-filter, .watch-tabs .filter-controls > div.page-count-wrap, .watch-tabs .filter-controls > div.page-count-wrap .selectize-dropdown, .watch-tabs .filter-controls .selectize-input, .watch-tabs .filter-controls .selectize-input input, .watch-tabs .filter-controls {
            font-size: 1em;
        }

        .save-card-field .expiry-section {
            width: 100% !important;
        }

        .save-card-field .cvv-section {
            width: 100% !important;
            padding: 0 20px !important;
        }

        .rewards_popup .save-card-field .cvv-section {
            padding: 0 10px !important;
        }

        .save-card .expiry-section .field3 {
            margin: 0 !important;
            width: 50%;
        }

        .save-card-field .card-wrapper .card-icon {
            width: 50px;
        }

        .rewards_popup .popup_content {
            padding: 30px 10px;
        }

        .rewards_popup .recognitions-popup {
            padding-bottom: 0;
        }

        .ramadan-campaign-listview {
            background: #fff;
        }
    }

    @media(max-width: 400px) {
        .current-bill .viewBillhistory {
            float: left;
        }

        .customized_fonts .date-meter {
            top: 0 !important;
            width: 30% !important;
        }
    }



    @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    }

    /* ==========================================================================
   Helper classes
   ========================================================================== */

    .hidden {
        display: none !important;
        visibility: hidden;
    }

    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

        .visuallyhidden.focusable:active,
        .visuallyhidden.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto;
        }

    .invisible {
        visibility: hidden;
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        *zoom: 1;
    }

    /* ==========================================================================
   Print styles
   ========================================================================== */

    @media print {
        *,
        *:before,
        *:after {
            background: transparent !important;
            color: #000 !important;
            box-shadow: none !important;
            text-shadow: none !important;
        }

        a,
        a:visited {
            text-decoration: underline;
        }

            a[href]:after {
                content: " (" attr(href) ")";
            }

        abbr[title]:after {
            content: " (" attr(title) ")";
        }

        a[href^="#"]:after,
        a[href^="javascript:"]:after {
            content: "";
        }

        pre,
        blockquote {
            border: 1px solid #999;
            page-break-inside: avoid;
        }

        thead {
            display: table-header-group;
        }

        tr,
        img {
            page-break-inside: avoid;
        }

        img {
            max-width: 100% !important;
        }

        p,
        h2,
        h3 {
            orphans: 3;
            widows: 3;
        }

        h2,
        h3 {
            page-break-after: avoid;
        }
    }

    @media(min-width: 481px) and (max-width: 768px) {
        .upgrade_reactivate .tabs-content-wrap .list-packages .package .package-cost .package-content h3 {
            font-weight: 500;
            font-size: 1.8rem;
            line-height: 24px;
        }

        .dashboard-wrap .bill-amount.heightGive,
        .dashboard-wrap .vertical-mid.feature-box,
        .dashboard-wrap .vertical-mid.feautre-smartcode {
            min-height: auto !important;
            padding: 0 0 20px;
        }

        .dashboard-wrap .storeCredit.credit .credit-count {
            padding: 0 0 20px;
        }
    }

    @media(max-width: 767px) {

        .more-services {
            width: 100%;
            float: left;
            padding: 0 0 35%;
            background: #FFF;
            display: -webkit-flex;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .more-services .more-service-content-block {
                margin-top: 0px;
            }

            .more-services .item {
                width: 50%;
                float: left;
                padding: 20px 0 0 0;
            }

            .more-services .icon img {
                max-height: 52px;
            }

            .more-services .item .desc h3 {
                font-size: 1.25rem;
                font-weight: 300;
                margin: 0;
                padding: 0 0 20px 0;
            }

            .more-services .item .desc p {
                display: none;
            }

            .more-services .item {
                border-bottom: #d4d4d4 1px solid;
            }

                .more-services .item:nth-child(even) {
                    background: #FFF;
                    border-left: #d4d4d4 1px solid;
                }

                .more-services .item:last-child,
                .more-services .item:nth-last-child(2) {
                    border-bottom: 0;
                }

        .mini-sitemap-wrap {
            width: 100%;
            float: left;
        }

        .mob-footer-link .tooltip-arrow {
            top: initial !important;
            left: 50%;
            margin-left: -5px;
            border-top-color: #000 !important;
            bottom: 0 !important;
            border-width: 5px 5px 0 !important;
        }

        .footer-links {
            float: none;
            display: block;
            text-align: center;
            padding: 15px 0;
        }

        .mob-footer-link {
            display: block !important;
            text-align: center;
            padding: 15px 0;
            border-top: #333 solid 1px;
            margin: 0 -15px;
        }

            .mob-footer-link a {
                margin: 5px 10px;
            }

        .copyright {
            float: none;
            display: block;
            text-align: center;
            padding: 15px 0;
            border-top: #333 solid 1px;
            margin: 0 -15px;
        }

        .mini-sitemap .sub-links {
            border-bottom: #333 solid 1px;
            border-top: 0 !important;
            padding-top: 5px;
            margin: 0 -20PX;
        }

            .mini-sitemap .sub-links span:first-child {
                width: 100%;
                float: left;
                padding-bottom: 10px;
                border-bottom: #333 solid 1px;
                margin-bottom: 10px;
            }

        .mini-sitemap .sitemap-right {
            display: block;
            margin-top: 20px;
        }

            .mini-sitemap .sitemap-right > div {
                width: 100%;
                float: left;
            }

                .mini-sitemap .sitemap-right > div:first-child {
                    margin-bottom: 20px;
                }

        .ramadan-cta-section a {
            display: none;
        }

        .ramadan-recognition-list .item .ramadan-cta-section p {
            margin-bottom: 0;
        }

        .document-success {
            text-align: center;
            margin-top: 50px !important;
        }

        .document-success-blank-section {
            min-height: 150px;
            width: 100%;
            float: left;
        }

        .small-mackpayment, .small-viewbillhistory {
            min-width: 185px !important;
        }
    }

    /* Add for dashboard header */
    @media screen and (max-width: 1100px) {
        /*.main-nav > li.drop .drop-menu a:last-child {
    display: block;
    }*/
        .main-nav-wrap li.get-osn,
        .main-nav-wrap li.drop {
            display: inline-block;
        }

            .main-nav-wrap li.get-osn, .main-nav-wrap li.get-osn:hover {
                background: #ed2939;
                box-shadow: none;
            }

                .main-nav-wrap li.get-osn a, .main-nav-wrap li.get-osn:hover a {
                    font-size: 80%;
                }

            .main-nav-wrap li.drop a,
            .main-nav-wrap li.drop a.expanded {
                /*background:none;
        padding: 0 10px;*/
                padding: 5px 35px 5px 10px;
                text-align: right;
            }

        .main-nav > li.drop > a, .main-nav > li.drop > a:hover, .main-nav > li.drop:hover > a {
            /*background:none;*/
            font-weight: bold;
        }

            .main-nav > li.drop > a span {
                float: right;
                font-weight: normal;
            }

                .main-nav > li.drop > a span.no-dasktop {
                    display: block;
                    float: right;
                    width: 100%;
                    overflow: hidden;
                }

        .navicon.drop.mobile-grey {
            background: #e6e6e6;
        }

            .navicon.drop.mobile-grey a img {
                display: none;
            }
        /* 100819 */

        /*bug : OSN Logo overlap issue start*/
        .header-wrap .main-nav-wrap {
            float: right;
            height: 56px;
            width: auto;
            margin-left: 0;
            padding-left: 0;
            margin-right: -10px;
            padding-right: 0px;
        }

        .main-nav-wrap .reset-list {
            padding: 0px !important;
        }
        /*bug : OSN Logo overlap issue end*/
        .burger {
            width: 26px;
            height: 26px;
            background: none;
            float: left;
            margin: 18px 20px 0 5px;
        }

            .burger span {
                width: 100%;
                margin: 0 auto;
            }

                .burger span + span {
                    margin-top: 7px;
                }

        .header-wrap .main-nav-wrap .main-nav li.drop a {
            width: 180px;
            padding: 5px 35px 5px 10px;
        }

        .recognition-slider .item,
        .recognition-slider .owl-item .item {
            min-width: 98px;
        }

        .small-mackpayment,
        .small-viewbillhistory {
            float: left !important;
        }

        .small-mackpayment {
            margin-right: 10px;
        }

        .NewMenuTab .service-menu {
            margin-left: -10px;
            margin-right: -10px;
        }

            .NewMenuTab .service-menu a {
                font-size: 14px;
                padding: 8px;
            }

                .NewMenuTab .service-menu a.active {
                    font-size: 14px;
                }

            .NewMenuTab .service-menu .icon {
                margin: 0 8px 0 0;
            }
    }


    @media screen and (max-width: 480px) {
        .osnlogin-box {
            background-color: #000;
        }

        .main-logo img {
            height: 30px;
        }
        .my-osn-dv{
            width: 90% !important;
        }
        .osnlogin-section-wrap{
            width: 90% !important;
        }

        .main-nav > li.drop > a, .main-nav > li.drop > a:hover, .main-nav > li.drop:hover > a {
            width: 140px;
            /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
        }

        .header-wrap .main-nav-wrap .main-nav li.drop a {
            width: 120px;
            padding: 5px 25px 5px 5px;
        }

        .header-wrap .main-nav-wrap .main-nav li.get-osn a {
            padding: 14px 10px;
        }

        .main-nav > li.navicon {
            /*border-left: none;*/
        }

        .main-nav > li.drop.mobile-grey > a, .main-nav > li.drop.mobile-grey > a:hover, .main-nav > li.drop.mobile-grey:hover > a {
            width: auto;
        }

        .savecard-rewards-popup .save-card .card-wrapper {
            top: -30px;
        }

        .rewards_popup .reward_btn.download-btn {
            min-width: 300px;
        }

        .rewards_popup .reward_btn.popup-second-btn {
            min-width: 300px;
        }

        .dashboard-wrap .bill-amount.heightGive,
        .dashboard-wrap .vertical-mid.feature-box,
        .dashboard-wrap .vertical-mid.feautre-smartcode {
            min-height: auto !important;
            padding: 0 0 20px;
        }

        .dashboard-wrap .storeCredit.credit .credit-count {
            padding: 0 0 20px;
        }

        .recognition-slider .item .red-recognition {
            width: 55px;
            height: 55px;
            line-height: 55px;
        }

            .recognition-slider .item .red-recognition img {
                width: 100%;
                display: inline-block;
                height: 55px;
            }

        .recognition-slider .item h4 {
            font-size: 12px;
            font-weight: normal;
        }

        .recognition-slider .item,
        .recognition-slider .owl-item .item {
            min-width: 78px;
        }

        .en .small-mackpayment, .en .small-viewbillhistory {
            min-width: 146px !important;
            padding-right: 10px !important;
            padding-left: 10px !important;
        }
    }

    @media screen and (max-width: 420px) {
        .main-nav > li.drop > a, .main-nav > li.drop > a:hover, .main-nav > li.drop:hover > a {
            width: 135px;
        }

        .content-payments .overlay-item-detail .credit-box .credits .add-credit {
            display: block;
        }
    }

    @media screen and (max-width: 340px) {
        .burger {
            margin-right: 5px;
            margin-left: 0px;
            width: 26px;
            margin: 18px 12px 0 5px;
        }

        .main-logo img {
            /*height: 26px;
        margin-top: 2px;*/
        }

        .main-nav > li.drop > a, .main-nav > li.drop > a:hover, .main-nav > li.drop:hover > a {
            width: 125px;
            /*padding: 0 5px;*/
            padding: 5px 25px 5px 5px;
        }

        .reward_btn, .reward_btn:focus {
            min-width: 108px;
        }

        .en .small-mackpayment, .en .small-viewbillhistory {
            min-width: 125px !important;
            padding-right: 10px !important;
            padding-left: 10px !important;
        }
    }

    @media(min-width: 768px) and (max-width: 991px) {
        .date-meter .days-left2 {
            width: 80%;
        }
    }

    @media screen and (max-width: 991px) {
        .payment .user-info .info-details-left,
        .payment .user-info .info-details-right {
            width: 100%;
            margin: 0;
            border-top: 0;
        }

        .save-card-field .save-card-button {
            text-align: right;
        }

        .ramadan-campaign-listview:before {
            z-index: 0;
        }
        /*device icon 2+ scroll*/
        #deviceslider {
            padding-left: 20px;
            padding-right: 20px;
        }

            #deviceslider .owl-item .device-item {
                width: 100%;
            }

            #deviceslider .owl-dots {
                display: none;
            }




            #deviceslider .owl-nav > div {
                z-index: 10;
                display: block;
                width: 20px;
                height: 100%;
                background: 50% 50% no-repeat;
                text-indent: -999em;
                position: absolute;
                top: 7px;
            }

            #deviceslider .owl-nav .owl-prev {
                left: 0px;
                right: auto;
                background-image: url(../img/arrow_left_mid.png);
                background-position: 50% 50%;
            }


            #deviceslider .owl-nav > .owl-prev:hover {
                background-image: url(../img/arrow_left_mid_red.png);
            }

            #deviceslider .owl-nav .owl-next {
                left: auto;
                right: 0px;
                background-image: url(../img/arrow_right_mid.png);
                background-position: 50% 50%;
            }

            #deviceslider .owl-nav > .owl-next:hover {
                background-image: url(../img/arrow_right_mid_red.png);
            }

            #deviceslider .owl-nav .disabled {
                display: none;
            }

            #deviceslider .owl-item.active + .owl-item.active {
                border-left: #e6e6e6 solid 1px;
            }

        /* Watch - OSN Store and Box Office filter */
        .watch-tabs .filter-controls {
            height: 120px;
        }

            .watch-tabs .filter-controls .page-count-wrap {
                border-bottom: 1px solid #e6e6e6;
                width: 100% !important;
            }

            .store-search-result .filter-controls .sort-fields-wrap,
            .watch-tabs .filter-controls > div.sort-fields-wrap {
                width: 100% !important;
            }

                .watch-tabs .filter-controls > div.sort-fields-wrap .mobile-label-sort-filter {
                    display: none;
                }

            .watch-tabs .filter-controls .sort-fields-wrap .sort-drop-down {
                display: block;
            }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.sort1,
            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.sort2 {
                width: 50%;
                float: left;
                padding: 0;
                border: 0;
                clear: inherit;
            }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.sort2 {
                border-left: 1px solid #e6e6e6;
                height: 60px;
                padding-top: 0;
            }

                .watch-tabs .filter-controls > div.sort-fields-wrap > div > div.sort2.date-filter {
                    width: 100%;
                    border: none;
                    padding-left: 15px;
                }

            .watch-tabs .filter-controls > div.sort-fields-wrap > div > div > span {
                display: block;
                padding-top: 20px;
            }

            .watch-tabs .filter-controls .sort2 .txt1-select,
            .watch-tabs .filter-controls .sort1 .txt1-select {
                padding-top: 15px;
                width: inherit;
                margin: 0 auto;
                border: none;
                border-radius: 0;
                text-align: center;
                float: left;
            }

        .sort-drop-down {
            display: block;
            position: inherit;
            background: none;
            width: 100%;
            border: 0;
            padding: inherit;
            left: inherit;
            top: inherit;
        }

        .watch-tabs .filter-controls .sort-drop-down .selectize-dropdown {
            width: inherit !important;
            top: 57px !important;
            left: 0 !important;
            margin-left: 0;
        }

            .watch-tabs .filter-controls .sort-drop-down .selectize-dropdown .selectize-dropdown-content {
                border: none;
            }

        .NewMenuTab .service-menu .icon img {
            width: 24px;
            height: 24px;
        }

        .NewMenuTab .service-menu div {
            height: 48px;
        }

        .NewMenuTab .service-menu a {
            font-size: 12px;
            padding: 2px 8px;
            line-height: inherit;
        }

        .NewMenuTab .service-menu .icon {
            margin: 0;
        }

        .NewMenuTab .service-menu a {
            text-align: center;
        }

            .NewMenuTab .service-menu a.active {
                border-bottom: #d13c3e solid 2px;
            }
    }

    @media screen and (max-width: 640px) {
        .NewMenuTab .service-menu div {
            height: 40px;
        }

        .NewMenuTab .service-menu a {
            padding: 4px;
            height: 40px;
            font-size: 10px;
        }

            .NewMenuTab .service-menu a,
            .NewMenuTab .service-menu a em,
            .NewMenuTab .service-menu a.active {
                font-size: 10px;
            }

        .NewMenuTab .service-menu .icon img {
            margin-bottom: 0px;
            width: 20px;
            height: 20px;
        }

        .NewMenuTab .service-menu a.active {
            border-bottom: #d13c3e solid 1px;
            font-size: 10px;
        }

        .NewMenuTab .service-menu div:last-child a::after,
        .NewMenuTab .service-menu a::after {
            top: 5px;
            height: 30px;
        }
    }

    @media screen and (max-width: 480px) {
        .NewMenuTab .service-menu .icon img {
            margin-bottom: 0px;
            width: 20px;
            height: 20px;
        }

        .NewMenuTab .service-menu a,
        .NewMenuTab .service-menu a em,
        .NewMenuTab .service-menu a.active {
            font-size: 9px;
        }
    }

    @media screen and (max-width: 360px) {
        .mini-sitemap h5 a {
            margin: 0 8px;
        }

        .NewMenuTab .service-menu a,
        .NewMenuTab .service-menu a em,
        .NewMenuTab .service-menu a.active {
            font-size: 9px;
        }
    }

    @media screen and (max-width: 320px) {
        .NewMenuTab .service-menu a,
        .NewMenuTab .service-menu a em,
        .NewMenuTab .service-menu a.active {
            font-size: 8px;
        }

        .NewMenuTab .service-menu .icon img {
            margin-bottom: 2px;
            width: 18px;
            height: 18px;
        }
    }

    /*Home Page Layout Style starts here*/
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .popup-subscribe.form1.full-wide.popup-subscribe {
            min-width: 530px !important;
        }

        .controls-slide {
            width: 48%;
        }

        .indicator {
            width: 44%;
        }

        .home-banner-container .owl-carousel.owl-drag .owl-item, .home-banner-container .owl-carousel.owl-drag .owl-item.active .item {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .home-banner-container .owl-carousel .owl-item .item {
            height: calc(60vh - 176px);
            min-height: inherit !important;
        }

        .container {
            max-width: 700px;
        }

        .mini-sitemap h5 {
            text-align: left;
        }

        .osn-app-slider-wrapper .fixed-footer ul li img {
            max-width: 132px;
        }

        .mini-sitemap .sub-links {
            text-align: left;
        }

        .vertical-mid.credit .btn1.btn1-red {
            min-width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 12px;
        }
    }

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
        .container {
            max-width: 824px;
        }

        .home-banner-container .owl-carousel .owl-item .item {
            height: calc(100vh - 176px);
            min-height: 620px;
        }

        .vertical-mid.credit .btn1.btn1-red {
            min-width: 100%;
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    @media only screen and (min-device-width: 1024px) {

        .more-services .content-services .service-desc {
            max-width: 60%;
            margin: 0 auto;
        }
    }

    @media only screen and (max-device-width: 767px) {
        .popup-subscribe.form1.full-wide.popup-subscribe {
            top: -108px;
        }

        .more-services .content-services .service-title {
            font-size: 12px;
            font-weight: 600;
        }

        .home-banner-container .signin-wrapper a.signin-btn {
            margin: 16px 0px 9px;
            padding: 6px 12px 5px;
        }

        .home-banner-container .signin-wrapper {
            min-width: 284px;
            max-width: none;
            width: calc(100% - 36px);
            left: 0;
            right: 0;
            margin: 0 auto;
            padding-top: 0;
            top: auto;
            bottom: 18px;
            padding: 10px 10px 14px;
            top: auto;
            transform: none;
        }

        .home-banner-container .owl-theme .owl-dots .owl-dot span {
            width: 8px;
            height: 8px;
            margin: 5px 3px;
        }

        .home-banner-container .signin-wrapper .heading h3 {
            font-size: 22px;
            margin: 0px;
        }

        .home-banner-container .signin-wrapper .signin-content p {
            font-size: 11px;
            margin: 10px 0px 8px;
        }

        .home-banner-container .signin-wrapper .register-btn {
            padding: 6px 12px 5px;
            margin: 10px 0px;
        }

        .home-banner-container .signin-wrapper a.signin-btn, .home-banner-container .signin-wrapper .register-btn {
            width: 100%;
            max-width: none;
        }

        .upgrade-renew-section a.pay-now-btn {
            width: 100%;
            max-width: none;
        }

        .home-banner-container .signin-wrapper .activation-link a {
            font-size: 12px;
        }

        .home-banner-container #myosn-home-main-slider .owl-nav {
            display: none;
        }

        .home-banner-container .owl-theme .owl-dots {
            display: block;
            bottom: 283px;
        }

        .home-banner-container .owl-carousel .owl-item img {
            max-width: none !important;
        }


        .upgrade-renew-section {
            width: 95%;
            height: auto;
            border-radius: 10px;
            background-color: #ffffff;
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
            margin: 18px auto 42px;
            padding: 15px 10px 12px;
            text-align: center;
        }

        .more-services h2.more-service-heading {
            font-size: 22px;
            margin-top: 0;
            text-align: center;
        }

        .more-services .more-service-content-block .col-sm-4.col-xs-6:nth-child(2n+1) {
            clear: both;
        }

        .more-services .more-service-content-block .col-sm-4.col-xs-6:nth-child(3n+1) {
            clear: inherit;
        }

        .more-services .icon-services img {
            max-width: 40px;
        }

        .upgrade-renew-section h3 {
            text-align: center;
            padding-bottom: 9px;
        }

        .upgrade-renew-section p {
            line-height: 1.5;
            max-width: 100%;
            font-size: 12px;
            padding-bottom: 7px;
        }

        .upgrade-renew-section a.signin-btn {
            padding: 6px 12px 5px;
            font-size: 18px;
            font-weight: 500;
            margin: 0 auto;
        }
    }

    @media screen and (min-device-width: 768px) {
        .visible-tab {
            display: block !important;
        }

        .hidden-tab {
            display: none !important;
        }

        .home-banner-container .owl-carousel .owl-item .item {
            min-height: 620px;
        }
    }

    @media screen and (min-width: 768px) {

        /*myosn app style starts here*/
        .osn-app-slider-wrapper .carousel-control .glyphicon-chevron-left,
        .osn-app-slider-wrapper .carousel-control .glyphicon-chevron-right,
        .osn-app-slider-wrapper .carousel-control .icon-prev,
        .osn-app-slider-wrapper .carousel-control .icon-next {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            font-size: 30px;
        }

        .osn-app-slider-wrapper .carousel-control .glyphicon-chevron-left,
        .osn-app-slider-wrapper .carousel-control .icon-prev {
            margin-left: -15px;
        }

        .osn-app-slider-wrapper .carousel-control .glyphicon-chevron-right,
        .osn-app-slider-wrapper .carousel-control .icon-next {
            margin-right: -15px;
        }

        .osn-app-slider-wrapper .carousel-caption {
            /*    right: 20%;
left: 20%;*/
            padding-bottom: 30px;
        }

        .osn-app-slider-wrapper .carousel-indicators {
            bottom: 8px;
        }
    }

    @media only screen and (max-width: 767px) {
        .home-banner-container .owl-carousel .owl-item .item {
            height: auto !important;
        }

        .home-banner-container .owl-stage-outer:after {
            content: "";
            position: absolute;
            height: 50%;
            width: 100%;
            top: auto;
            bottom: 0;
            left: 0;
            background: black;
            opacity: 0.34;
            background: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0));
        }

        .myosn-app-outer {
            margin-bottom: 0 !important;
            clear: both;
        }

        .more-services .content-services .service-desc {
            line-height: 1.2;
            padding-top: 5px;
        }

        .osn-app-slider-wrapper .mob-align {
            position: relative;
            padding-top: 100%;
        }

        .osn-app-slider-wrapper .fixed-head {
            position: absolute;
            top: -570px;
            width: 100%;
            left: 0;
            text-align: center;
        }

            .osn-app-slider-wrapper .fixed-head h3 {
                color: #000;
                font-size: 23px !important;
                margin-top: 35px;
            }

            .osn-app-slider-wrapper .fixed-head p {
                display: none;
            }

        .osn-app-slider-wrapper .osn-app-nav .carousel-control-prev {
            left: -45px;
        }

        .osn-app-slider-wrapper .osn-app-nav .carousel-control-next {
            right: -45px;
        }

        .osn-app-nav .carousel-control-prev .carousel-control-prev-icon img {
            max-height: 36px;
        }

        .osn-app-nav .carousel-control-next .carousel-control-next-icon img {
            max-height: 36px;
        }

        .osn-app-slider-wrapper .carousel-caption-sliding p {
            padding: 0 10px;
            font-size: 20px;
            max-width: 100%;
            margin: 0 auto;
            text-align: center;
            line-height: 25px;
        }

        .osn-app-slider-wrapper .carousel-caption {
            text-align: center;
            right: 0px;
        }

        .osn-app-slider-wrapper .bottom-slider-myosn-app-wrapper {
            left: 50%;
            position: relative;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .bottom-slider-myosn-app-wrapper .indicator {
            bottom: -145px;
        }

        .osn-app-slider-wrapper .carousel-caption-sliding {
            top: -110px;
        }

        .osn-app-slider-wrapper .fixed-footer ul {
            text-align: center;
            margin-bottom: 5px;
        }

            .osn-app-slider-wrapper .fixed-footer ul li {
                margin-right: 18px;
            }

                .osn-app-slider-wrapper .fixed-footer ul li:last-child {
                    margin-right: 0;
                }

        .osn-app-slider-wrapper .fixed-footer {
            padding-top: 0;
            margin-top: -20px;
        }

            .osn-app-slider-wrapper .fixed-footer ul li img {
                max-width: 119px;
            }

        .mini-sitemap-wrap {
            margin-top: 0;
        }

        /* Smart Banner  */

        .smartbanner {
            background: #f7f7f7;
            padding: 10px 15px;
            width: 100%;
            float: left;
        }

            .smartbanner a.close {
                width: 20px;
                height: 20px;
                float: left;
                background: url(/content/img/icon_close_btn_hover.png) no-repeat 0 0;
                background-size: contain;
                margin-top: 10px;
            }

            .smartbanner .content-box {
                width: calc(100% - 22px);
                float: left;
            }

                .smartbanner .content-box img.appicon {
                    width: 40px;
                    height: 40px;
                    float: left;
                    margin-left: 15px;
                    margin-right: 10px;
                }

                .smartbanner .content-box .viewbutton {
                    width: 46px;
                    height: 24px;
                    float: right;
                    border-radius: 4px;
                    border: solid 1px #007aff;
                    font-size: 11px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 24px;
                    letter-spacing: normal;
                    color: #007aff;
                    text-align: center;
                    text-transform: uppercase;
                    margin-top: 7px;
                }

            .smartbanner .app-name {
                width: auto;
                float: left;
            }

                .smartbanner .app-name p {
                    font-size: 11px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    letter-spacing: normal;
                    color: #000000;
                    margin: 0;
                }

                    .smartbanner .app-name p span {
                        font-size: 10px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        letter-spacing: normal;
                        color: #909090;
                    }

        .CSAT-popup {
            width: 300px;
            padding: 30px 9px;
        }

            .CSAT-popup h1 {
                font-size: 22px;
                font-weight: bold;
            }

            .CSAT-popup h2 {
                font-size: 16px;
                font-weight: bold;
            }

            .CSAT-popup .ui-slider {
                width: 240px;
                height: 2px;
                margin: 30px 14px 30px 16px;
            }

            .CSAT-popup .ui-slider-handle {
                width: 24px;
                height: 24px;
                border: 2px solid #ed1d25;
                font-size: 14px;
            }

            .CSAT-popup .csat_comments {
                font-size: 14px;
                line-height: normal;
            }

            .CSAT-popup .csat-icon img {
                width: 40px;
                height: 40px;
            }

            .CSAT-popup .csat-icon {
                margin-bottom: 30px;
            }

            .CSAT-popup .csat_comments {
                margin-bottom: 30px;
                height: 84px;
                padding: 10px;
            }

            .CSAT-popup .primary-btn,
            .CSAT-popup .second-btn {
                width: 135px;
                height: 50px;
            }

        .mt-20{
            margin-top: 0px !important;
            margin-bottom: 20px !important;
        }
        .form1 .captcha-wrap{
            width: 130px;
            float: none !important;
        }
        .reloadright{
            float: none !important;
            top: -15px;

        }
    }

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        .osn-app-slider-wrapper .carousel-caption-sliding p {
            padding-right: 25px;
            font-size: 22px;
        }
    }


    /*myosn app style starts here*/
    /*Home Page Layout Style ends here*/


    /*for new menu */

    @media screen and (max-width: 1100px) {
        .main-nav li.navicon.change-language {
            display: block;
            width: 60px;
            float: left;
            position: relative;
        }

            .main-nav li.navicon.change-language:before {
                background: #f2f2f2;
            }

            .main-nav li.navicon.change-language a {
                padding: 14px 10px;
                width: 100%;
                float: left;
            }

        .mobile-menu {
            top: 56px;
            height: auto;
            max-height: 100%;
        }

            .mobile-menu.full-height {
                height: 100%;
            }

            .mobile-menu .mob-menu {
                padding: 0px 0 56px;
            }

        .burger {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer;
        }

            .burger span {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: .25s ease-in-out;
                -moz-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
            }

                .burger span:nth-child(1) {
                    -webkit-transform-origin: left center;
                    -moz-transform-origin: left center;
                    -o-transform-origin: left center;
                    transform-origin: left center;
                }

                .burger span:nth-child(2) {
                    -webkit-transform-origin: left center;
                    -moz-transform-origin: left center;
                    -o-transform-origin: left center;
                    transform-origin: left center;
                }

                .burger span:nth-child(3) {
                    -webkit-transform-origin: left center;
                    -moz-transform-origin: left center;
                    -o-transform-origin: left center;
                    transform-origin: left center;
                }

            .burger.expanded span:nth-child(1) {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                top: -6px;
                left: 8px;
            }

            .burger.expanded span:nth-child(2) {
                width: 0%;
                opacity: 0;
            }

            .burger.expanded span:nth-child(3) {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
                top: 36px;
                left: 8px;
            }





        .mob-menu .drop2 a {
            font-size: 18px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.7px;
            float: left;
            padding: 10px 0 20px 10px;
        }

        .mob-menu .drop2 .drop2-menu h5 {
            float: left;
            border: none;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .mob-menu .drop2 .drop2-menu h5 a {
                font-size: 15px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                border: none;
                padding: 0 0 10px;
            }

        .mob-menu .drop2 .drop2-menu .sub-menu {
            display: block;
            border: none;
            padding: 0;
            width: 100%;
            float: left;
            padding-bottom: 22px;
        }

            .mob-menu .drop2 .drop2-menu .sub-menu a {
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 2;
                letter-spacing: -0.5px;
                color: #b2b2b2;
                width: 100%;
                padding-top: 0;
                padding-bottom: 0;
            }

        .mob-menu a.sign-in.signin {
            display: none;
        }
    }



    @media screen and (max-width: 768px) {

        /*for new menu */
        .mobile-menu {
            top: 56px;
            height: 386px;
            max-height: 100%;
        }

        .mob-menu .drop2 .drop2-menu {
            display: none;
        }

        .mob-menu .drop2 {
            border-bottom: #737273 solid 1px;
            padding: 28px 20px;
            float: left;
            width: 100%;
        }

            .mob-menu .drop2.with-child {
                background: url(../img/arrow_down_med_white.png) right 20px top 50% no-repeat;
                background-size: 26px;
            }

                .mob-menu .drop2.with-child.expanded {
                    border-bottom: #444 solid 1px;
                    background: url(../img/arrow_up_med_white.png) right 20px top 10px no-repeat;
                }

                .mob-menu .drop2.with-child:after {
                    width: 30px;
                    height: 30px;
                    content: '';
                    top: inherit;
                    right: 18px;
                    position: absolute;
                }

                .mob-menu .drop2.with-child.expanded .drop2-menu {
                    display: block;
                    padding-top: 28px;
                    border-top: solid 1px #737273;
                    margin-top: 20px;
                }

            .mob-menu .drop2 a {
                font-size: 18px;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 0.7px;
                color: #b2b2b2;
                float: left;
                padding: 0;
            }

            .mob-menu .drop2 .drop2-menu h5 {
                float: left;
                border: none;
                padding: 0;
                margin: 0;
                width: 100%;
            }

                .mob-menu .drop2 .drop2-menu h5 a {
                    font-size: 15px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #b2b2b2;
                    border: none;
                }

            .mob-menu .drop2 .drop2-menu .sub-menu {
                display: block;
                border: none;
                padding: 0;
                margin-top: -30px;
                width: 100%;
                float: left;
                padding-bottom: 22px;
            }

                .mob-menu .drop2 .drop2-menu .sub-menu a {
                    font-size: 14px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 2;
                    letter-spacing: -0.5px;
                    color: #b2b2b2;
                    width: 100%;
                    padding-left: 132px;
                    padding-top: 0;
                    padding-bottom: 0;
                }

        .mob-menu a.sign-in.signin {
            border-bottom: #737273 solid 1px;
            padding: 28px 20px;
            font-size: 18px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.7px;
            color: #b2b2b2;
            float: left;
            width: 100%;
            display: block;
        }


        /*for work order*/
        .support-request-area h2,
        .technical-request h2 {
            margin: 20px 0 !important;
            font-size: 15px;
            font-weight: bold;
        }

        .Re-install_relocate {
            margin-bottom: 20px;
            padding: 15px;
        }

            .Re-install_relocate img {
                width: 60px;
                float: initial;
            }

            .Re-install_relocate span {
                width: auto;
                margin: 0;
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                letter-spacing: normal;
                line-height: 32px;
                padding-left: 20px;
                float: initial;
            }

        .support-request-area h3 {
            font-size: 15px;
        }

        .support-request-area a.support-request-list {
            background: #fff;
            padding: 12px 8px;
            font-size: 13px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: -0.3px;
        }

            .support-request-area a.support-request-list:hover {
                background: #fff;
            }

            .support-request-area a.support-request-list span {
                font-size: 13px;
                letter-spacing: -0.3px;
            }

        .technical-request-popup.small-popup {
            width: 280px;
            min-width: 280px;
        }

        .technical-request-popup {
            border-radius: 6px;
            position: fixed !important;
            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%);
            padding: 0 !important;
            padding-bottom: 30px !important;
        }

            .technical-request-popup .col-sm-6 {
                width: 100%;
            }

            .technical-request-popup .popup_content {
                padding: 20px;
                text-align: left;
            }

                .technical-request-popup .popup_content img {
                    width: 125px;
                }

                .technical-request-popup .popup_content h4 {
                    font-size: 21px;
                    letter-spacing: 0.5px;
                }

        .workorder-details div {
            font-size: 16px;
        }

            .workorder-details div span {
                font-size: 16px;
                letter-spacing: 0.5px;
            }

        .technical-request-popup .btn.primary_btn, .technical-request-popup .btn.primary_btn:focus {
            margin: 0px auto 0;
        }

        .technical-request-popup .secondary_btn {
            margin-bottom: 10px;
        }

        .technical-request-popup fieldset.date {
            padding: 5px;
            margin-bottom: 100px;
        }

        .technical-request-popup fieldset div {
            text-align: left;
            border-right: none;
            margin-bottom: 10px;
        }

        .technical-request-popup fieldset.date table tr td {
            font-size: 12px;
        }

        #avialableDays label {
            font-size: 13.5px;
            font-weight: 500;
        }

        .no-pad-mob {
            padding: 0;
        }

        .work-order-contanier .technical-request-popup {
            padding-bottom: 0px !important;
        }

        .date-no {
            padding-bottom: 0px;
            text-align: center;
        }

        .date-div {
            text-align: center;
            font-size: 11px;
        }

        .technical-request-popup fieldset legend {
            font-size: 13px;
            font-weight: bold;
        }

        .technical-request-popup fieldset div label {
            font-size: 12px;
        }


        /*for work order End*/

        /*for �Amount earned concepts*/
        .earning-section {
            padding: 0;
            padding-top: 20px;
        }

        #MyOSNEarnings h4.reward_title {
            line-height: normal;
            padding-bottom: 40px;
            background: url(../img/dropdown-grey.png) no-repeat scroll center bottom 10px;
            display: inline-block;
            width: 100%;
        }

            #MyOSNEarnings h4.reward_title.active {
                background: none;
                padding-bottom: 10px;
            }

        #MyOSNEarnings .earning-table-wrap.active {
            background: url(../img/dropup-grey.png) no-repeat scroll center bottom 10px;
        }

        #MyOSNEarnings .reward_title > span {
            float: left;
            position: inherit;
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 19px;
        }

            #MyOSNEarnings .reward_title > span > span {
                font-size: 13.5px;
                letter-spacing: 0.6px;
            }

        .no-earnings {
            font-size: 14px;
        }

            .no-earnings span {
                font-size: 15px;
                font-weight: bold;
            }

        .earnings-box {
            padding: 10px 5px;
            background: #ffffff;
        }

            .earnings-box img {
                height: 38px;
                margin: 0 auto;
                display: block;
            }

            .earnings-box .earnings-box-heading {
                font-size: 17px;
                text-align: center;
                width: 100%;
                display: block;
                margin-top: 15px;
                margin-left: 0;
                line-height: normal;
            }

            .earnings-box .earnings-box-amount {
                font-size: 16.1px;
                margin-right: 0;
                margin-top: 10px;
                text-align: center;
                width: 100%;
                line-height: normal;
            }

        .earnings-mywallet span {
            font-size: 14px;
        }

        .lifetime-earnings {
            font-size: 19px;
        }

            .lifetime-earnings span {
                font-size: 13.5px;
                letter-spacing: 0.6px;
            }

        .Rewards-Earnings-popup {
            width: 280px;
            min-width: 280px;
        }

            .Rewards-Earnings-popup .popup_content {
                padding: 10px;
            }

        .earnings-popup h4 {
            font-size: 20px;
            font-weight: bold;
        }

        .earnings-popup h5 {
            font-size: 14px;
            letter-spacing: -0.3px;
        }

            .earnings-popup h5 span {
                font-size: 14px;
                width: auto;
                float: right;
            }

        .earnings-details-list p.earnings-details-text {
            font-size: 13px;
        }

            .earnings-details-list p.earnings-details-text span {
                font-size: 12px;
            }

        .earnings-details-list p.earnings-details-amount {
            font-size: 12px;
        }

        .earning-table-collapse.active {
            display: block;
        }
        /*for �Amount earned concepts End*/

        /*Reset Password before login  Style START HERE*/

        .reset-passowrd-crumb {
            display: block !important;
            font-size: 11px;
            background: #fff;
            text-align: right;
            position: absolute !important;
            right: 0px;
        }

        .forgot-password-wrapper h1 {
            font-size: 26px;
            margin-top: 12px;
        }

        .forgot-password-wrapper p {
            font-size: 17px;
        }

        .reset-passwd-head {
            font-size: 17px;
        }

        .digit-sub-head {
            font-size: 15px;
        }

        .cust-radio[type="radio"]:checked + label:before, .cust-radio[type="radio"]:not(:checked) + label:before {
            width: 20px;
            height: 20px;
        }

        .cust-radio[type="radio"]:checked + label:after, .cust-radio[type="radio"]:not(:checked) + label:after {
            width: 12px;
            height: 12px;
            top: 4px;
            left: 4px;
            /*Reset Password before login  Style ENDS HERE*/
        }

        .cust-radio[type="radio"]:checked + label, .cust-radio[type="radio"]:not(:checked) + label {
            font-size: 15px;
            font-weight: 800;
            padding-left: 30px;
        }

        .pass-reset-field .reset-inp-custom {
            font-size: 14px;
        }
        /* Work order css styles starts here*/
        .work-order-contanier .technical-request-popup {
            position: relative !important;
            transform: translate(-50%, 0%);
        }

        #workorderFeedbackPopup .popup_content img {
            width: 100%;
        }

        #workorderFeedbackPopup input.custom-radio-button[type="radio"] + label span {
            margin: 0px 6px 0px 0px !important;
            width: 8px;
            height: 8px;
        }

        #workorderFeedbackPopup input.custom-radio-button[type="radio"] + label {
            font-size: 12px;
        }

        #workorderRelocatePopup a.btn {
            margin: 10px;
        }

        #workorderOutstandingBalancePopup h4 {
            width: 100%;
            min-width: 100%;
            top: 0px;
        }

        .reinstall-relocate-title-desc {
            min-width: 100%;
            width: 100%;
        }
        /* Work order css styles end here*/

        /*Download MYOSN APP Link*/
        /*.download-app-link-wrapper .app-icon-img img {
            max-width:120px;
    }*/
        .download-app-link-wrapper .app-icon-img ul li {
            margin-right: 10px;
        }

        .download-app-link-wrapper .app-text h3 {
            font-size: 18px;
        }

        .download-app-link-wrapper .app-text img {
            max-width: 60px;
        }

        .download-app-link-wrapper .app-text p {
            font-size: 15px;
        }

        .download-app-link-wrapper .app-text p {
            font-size: 15px;
        }

        .download-app-link-wrapper .app-icon-img .pull-right {
            float: left !important;
            margin-top: 10px;
        }

        .download-app-link-wrapper .app-icon-img img {
            max-width: 100%;
        }

        #StaticBannerContent {
            margin: 10px 0px 10px;
        }

            #StaticBannerContent p {
                font-size: 18px;
            }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .download-app-link-wrapper .app-icon-img img {
            max-width: 88px;
        }

        .smartbanner {
            display: none !important;
        }
    }

    /* for Netflix */
    @media screen and (max-width: 1024px) {

        .mybill-radio-group {
            width: 100% !important;
            text-align: left;
            margin-top: 20px;
        }

        .summary-header input[type=radio] + label {
            width: 24%;
        }

        .last-topup a,
        .netflex-credit a {
            display: table !important;
        }
    }

    @media screen and (max-width: 768px) {

        .last-topup,
        .netflex-credit {
            margin-top: 20px !important;
        }


        #StaticBannerContent p {
            color: #ff0031;
            font-size: 18px;
            font-weight: bold;
        }


        .summary-header input[type=radio] + label {
            width: 33%;
        }
    }

    @media screen and (max-width: 480px) {
        .kinz-container {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        .cvv-section label {
            margin-top: 10px;
        }

        .summary-header input[type=radio] + label {
            padding: 5px;
            font-size: 12px;
        }

        .upgrade_reactivate .my-current-package .collapse-header .collapse-trigger h3 {
            line-height: 24px;
        }
    }

    @media screen and (max-width: 991px) {
        .upgrade_reactivate .my-current-package .collapse-content.current-package-content {
            z-index: 99;
        }

        .watch-tabs .filter-results ul li .meta a {
            word-break: break-word;
        }

        .overlay-item-detail {
            z-index: 101;
        }
    }



    /* New login page design*/

    @media (min-width:768px) {
        .osnloginservices-section {
            margin-left: 10px;
        }

        .osnlogin-section-wrap {
            /*margin-right:20px;*/
        }

        .osnloginservices-section {
            width: 378px;
            position: absolute;
            top: calc(50% - 177px);
        }

        .osnloginservices {
            width: 378px;
        }

        .reactive-section-innerbox .popup-subscribe {
            /*min-width: 530px;*/
        }
    }

    @media (min-width:960px) {
        .global-container {
            padding: 0 60px !important;
        }

        .osnlogin-section-wrap {
            /*margin-right:0px;*/
        }

        .osnloginservices-section,
        .osnloginservices {
            width: 484px;
        }
    }

    @media (min-width:1024px) {
        .osnloginservices-section {
            margin-left: 10px;
        }

        .osnloginservices-section,
        .osnloginservices {
            width: 540px;
        }

        .osnloginservices-section {
            top: calc(50% - 167px);
        }

        .osnloginservices p {
            font-size: 20px;
        }
    }

    @media (min-width:1100px) {
        .osnloginservices-section {
            margin-left: 116px;
        }
    }

    @media (min-width:1366px) {
        .osnloginservices-section,
        .osnloginservices {
            width: 640px;
        }

        .osnloginservices-section {
            top: calc(50% - 180px);
        }

        .osnloginservices p {
            font-size: 24px;
        }
    }

    @media (max-width:767px) {
        .osnlogin-section-wrap {
            box-shadow: none;
            background: none;
            margin: 0 auto;
            float: inherit;
            margin-top: 10px;
        }

        .osnlogin-box {
            min-height: 1650px;
        }

        .osnloginservices-section {
            margin-top: 0px;
            margin-left: 0px;
            width: 280px;
            float: initial;
            margin: 0 auto;
        }

        .osnloginservices {
            width: 280px;
            float: left;
            padding-left: 0px;
            padding-top: 50px;
            margin-top: 30px;
            margin-bottom: 0;
            color: #bababa;
            text-align: center;
        }

            .osnloginservices.watch-services {
                margin-bottom: 0px;
            }

        .osnlogin-heading h3 {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 20px;
        }

        .osnlogin-signin-content p {
            font-size: 12px;
            line-height: 24px;
            padding: 0px 30px;
            margin: 0;
            margin-bottom: 18px;
        }

            .osnlogin-signin-content p.osnlogin-dont-osn-id {
                font-size: 16px;
                line-height: normal;
                padding-top: 20px;
                margin-bottom: 10px;
            }

        .reactive-section-innerbox h3 {
            font-size: 16px;
        }

        .reactive-section-innerbox p {
            font-size: 12px;
        }

        .osnloginservices h2 {
            font-size: 30px;
        }

        .osnloginservices p {
            padding: 10px 0;
            margin: 0;
        }

        .watch-services,
        .manage-services {
            background-size: 44px;
            background-position: 50% 0;
        }

.osnlogin-box-wrap {
    top: 48px;
}


}
@media (max-width:959px) {
    .NewMenuTab .service-menu{
            margin: 48px 0px 0px;
    }
    .main-body-section.aftersignin{
      padding-top: 100px !important;
    }
    .main-body-section-after-login{
       margin-top:-100px;
    }

}

    @media (max-width:767px) {

    .main-body-section.aftersignin.aftersigninBodytop{
    padding-top:158px !important;
}
    .after-login-container-grow {
        width: 100%;
        border-bottom: 2px solid #FFF;
        min-height: 385px;
    }

        .global-header-overlay-account {
            float: right !important;
        }

    .landing-page-welcome-text{
        margin:-20px 0px;
    }

    .landing-page-welcome-text h3 {
        font-size: 24px;
    }
    /*.landing-page-icon {
        margin-bottom: 20px;
    }*/
    .after-login-container-content h3 {
        font-size: 18px;
    }
    .landing-page-icon img{
        width:60px;
        height:60px;
    }
    .after-login-container-content h5 {
        font-size: 14px;
        font-weight:300;
        margin:20px auto;
    }
    .content-link {
        display: block;
    }
    .after-login-container-overlay {
        background: url('../img/Assets/mobile_gradient.png') repeat-x;
       
    }

    .after-login-container-myosn, .after-login-container-osnplay {
       
        background-size: 150% !important;
        background-position: 50% 0 !important;
        /*background-size: 250% !important;
        background-position: center center !important;*/
    }
    .app-store {
        top: 140px;
    }
        .app-store h5 {
            padding: 0 15px;
        }
        .after-login-container-content .content-section {
            margin-top: 0;
        }

    .after-login-container-content .content-link {
        opacity: 1;
    }
    .after-login-container-content .content-link a {
        font-size: 16px;
    }
    .content-link{
        margin:10px 0px;
    }

        .global-header-overlay-account.afterLogin {
            width: 34px !important;
            float: right !important;
        }

        /*.global-header-overlay-ctabar li {
        width: auto;
    }*/

        .global-header-overlay-account .global-header-overlay-account-inner {
            position: absolute;
            top: 115px;
            right: 0px;
            width: 100%;
            z-index: 1;
        }

        .global-header-overlay-account-active .global-header-overlay-account-inner:before {
            position: absolute;
            top: -6px;
            width: 0;
            height: 0;
            content: "";
            border-right: 6px solid transparent;
            border-bottom: 6px solid #444;
            border-left: 6px solid transparent;
        }

        .en .global-header-overlay-account-active .global-header-overlay-account-inner:before, .LTR .global-header-overlay-account-active .global-header-overlay-account-inner:before {
            right: 8%;
        }

        .ar .global-header-overlay-account-active .global-header-overlay-account-inner:before, .RTL .global-header-overlay-account-active .global-header-overlay-account-inner:before {
            left: 8%;
        }

        .global-header-overlay-account .global-header-overlay-account-list {
            overflow: hidden;
            max-height: 0;
            padding: 3px 0 !important;
            transition-timing-function: cubic-bezier(0,1,.5,1);
            transition-duration: .5s;
            transition-property: all;
            opacity: 0;
            border: 1px solid #444;
            background-color: #333;
        }

        .global-header-overlay-account-active .global-header-overlay-account-list {
            overflow-y: auto;
            max-height: 400px;
            opacity: 1;
        }


        .global-header-overlay-account .global-header-overlay-account-list li {
            display: block;
            text-align: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            padding: 7px !important;
            position: relative;
            left: 20px;
            width: 90%;
        }

            .global-header-overlay-account .global-header-overlay-account-list li:last-child {
                border-bottom: none
            }

            .global-header-overlay-account .global-header-overlay-account-list li.overlay-account-list-active {
                /*background: url(../img/Assets/smart-card-selected.png) no-repeat 0px 11px;*/
                color: rgba(255, 255, 255, 0.5) !important;
            }

        .global-header-overlay-account .global-header-overlay-account-list li.overlay-account-list-active a {
           
            color: rgba(255, 255, 255, 0.5) !important;
        }

        .global-header-overlay-account .global-header-overlay-account-list li {
            /*background: url(../img/Assets/smart-card.png) no-repeat 0px 11px;*/
            padding: 0px 5px !important;
        }

            .global-header-overlay-account .global-header-overlay-account-list li:last-child {
                background: none;
            }

        .overlay-account-append {
            top: 100px;
            position: relative;
        }



   /*.global-hidden-medium .global-header-overlay-ctabar li {
        margin: 0 !important;
    }

     .global-hidden-medium .global-header-overlay-ctabar > li:first-child {
        width: 115px;
    }

    .en  .global-hidden-medium .global-header-overlay-ctabar > li:first-child {
        margin-right: 15px !important;
    }

    .ar  .global-hidden-medium .global-header-overlay-ctabar > li:first-child {
        margin-left: 15px !important;
    }

     .global-hidden-medium  .global-header-overlay-ctabar li:last-child {
        width: 34px;
    }

    .global-hidden-medium .global-header-overlay-ctabar li li {
        width: 100% !important;
    }*/

    li.global-header-overlay-account.afterlogin {
        width: 34px !important;
        float: right !important;
    }
    .global-header-overlay-account-inner li a.account-list-active {
        background: url(../img/Assets/smart-card-selected.png) no-repeat 1px 50%;
        color: rgba(255, 255, 255, 0.5)!important;
            display: block;
    }

    .global-header-overlay-account-inner li a.smartcardlist {
        background: url(../img/Assets/smart-card.png) no-repeat 1px 50%;
            display: block;
    }
    .NewMenuTab .service-menu {
        margin: 48px 0px 0px;
    }
    .after-login-container-grow:first-child{
        border-right:none;
    }

}

@media (min-width: 768px) and (max-width: 1024px){
    .after-login-container-content .content-link {
        opacity: 1;
    }
    .content-section h5 {
        margin: 20px 0px;
        font-size:18px;
       
    }
    .content-link{
        font-size:20px;
    }
    .app-store {
        top: 247px;
    }
    /*.global-header-overlay-account {
        float: right !important;
    }*/

        .global-header-overlay-ctabar li {
            width: auto;
        }

    .global-header-overlay-account .global-header-overlay-account-inner {
        position: absolute;
        top: 115px;
        right:5px;
        width: 100%;
        z-index: 1;
    }

        .global-header-overlay-account-active .global-header-overlay-account-inner:before {
            position: absolute;
            top: -6px;
            width: 0;
            height: 0;
            content: "";
            border-right: 6px solid transparent;
            border-bottom: 6px solid #444;
            border-left: 6px solid transparent;
        }

        .en .global-header-overlay-account-active .global-header-overlay-account-inner:before, .LTR .global-header-overlay-account-active .global-header-overlay-account-inner:before {
            right: 4%;
        }

        .ar .global-header-overlay-account-active .global-header-overlay-account-inner:before, .RTL .global-header-overlay-account-active .global-header-overlay-account-inner:before {
            left: 4%;
        }

        .global-header-overlay-account .global-header-overlay-account-list {
            overflow: hidden;
            max-height: 0;
            padding: 3px 0 !important;
            transition-timing-function: cubic-bezier(0,1,.5,1);
            transition-duration: .5s;
            transition-property: all;
            opacity: 0;
            border: 1px solid #444;
            background-color: #333;
        }

        .global-header-overlay-account-active .global-header-overlay-account-list {
            overflow-y: auto;
            max-height: 400px;
            opacity: 1;
        }


        .global-header-overlay-account .global-header-overlay-account-list li {
            display: block;
            text-align: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            padding: 7px !important;
            position: relative;
            left: 26px;
            width: 93%;
        }

            .global-header-overlay-account .global-header-overlay-account-list li:last-child {
                border-bottom: none
            }

            .global-header-overlay-account .global-header-overlay-account-list li.overlay-account-list-active {
                background: url(../img/Assets/smart-card-selected.png) no-repeat 0px 11px;
                color: rgba(255, 255, 255, 0.5) !important;
            }

                .global-header-overlay-account .global-header-overlay-account-list li.overlay-account-list-active a {
                    color: rgba(255, 255, 255, 0.5) !important;
                }

        .global-header-overlay-account .global-header-overlay-account-list li {
            background: url(../img/Assets/smart-card.png) no-repeat 0px 11px;
            padding: 5px !important;
        }

            .global-header-overlay-account .global-header-overlay-account-list li:last-child {
                background: none;
            }

    .overlay-account-append {
        top: 130px;
        position: relative;
    }
    li.global-header-overlay-account.afterlogin {
        width: 34px !important;
        float: right !important;
    }
    .NewMenuTab .service-menu {
        margin: 50px 0px 0px;
    }
   
    .after-login-container-expand {
        width: 50% !important;
    }
    .after-login-container-shrink {
        width: 50% !important;
    }
    .landing-page-welcome-text h3{
        font-size:30px;
    }
   
}

    @media (min-width: 992px) and (max-width: 1366px) {
        .landing-page-welcome-text h3 {
            font-size: 34px !important;
            margin-bottom: 16px !important;
        }

        .landing-page-icon img {
            width: 90px !important;
        }

    .content-section h5 {
        font-size: 20px !important;
    }
    .main-body-section-after-login{
        min-height:750px;
    }
}
.no-padding{
    padding:0 !important;
}
.no-margin{
    margin:0 !important;
}

.extrmarg {
    margin-top: 11px;
    padding-bottom: 11px;
}

.toatextcont {
    width: 100%;
    padding-left: 10px;
    padding-top: 10px;
    font-family: FaricyNewLight,Arial,sans-serif;
    font-size: 14px;
    overflow: hidden;
}

.jobslotcont {
    width: 300px;
    height: 95px;
    float: left;
    padding: 7px 0 0 7px;
    margin-bottom: 20px;
    background: #FFF;
    -webkit-box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.5);
    margin-right: 21px;
}

.datetoacont {
    width: 90px;
    height: auto;
    float: left;
}

.calendarcont {
    width: 87px;
    height: 87px;
    float: left;
    background: url('../img/calendaricon.png') left top no-repeat;
    text-align: center;
    font-weight: bold;
}

.monthcont {
    width: 100%;
    height: 25px;
    margin-top: 6px;
    font-family: FaricyNewMedium,Arial,sans-serif;
    font-size: 16px;
    color: #FFF;
}

.daycont {
    width: 100%;
    height: 25px;
    font-family: FaricyNewMedium,Arial,sans-serif;
    font-size: 14px;
    color: #333;
}

.weekcont {
    width: 100%;
    height: 25px;
    font-family: FaricyNewMedium,Arial,sans-serif;
    font-size: 14px;
    color: #333;
}

.timeslotcont {
    width: 200px;
    height: auto;
    float: left;
}

.timeslotrow {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.timeslot {
    width: 130px;
    height: 25px;
    float: left;
    margin-bottom: 5px;
    padding: 0;
    background-color: #e8e8e8;
    /*background-image: url(../../Default/Images/TOA/timeslotbg.jpg);*/
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.timeclock {
    width: 100%;
    height: 18px;
    float: left;
    background: url('../img/clockb.png') left top no-repeat;
    margin-left: 2px;
    margin-top: 3px;
    padding-left: 24px;
    font-family: FaricyNewLight,Arial,sans-serif;
    font-size: 16px;
    color: #333;
}

    .timeclock p {
        font-family: FaricyNewLight,Arial,sans-serif;
        font-size: 15px;
        margin-top: 0px;
        padding: 0px;
        width: 100%;
    }

.booknowcont {
    width: 65px;
    height: auto;
    float: left;
    margin-left: 5px;
}

.booknow {
    padding: 5px 0 0 3px;
    display: block;
    margin: 0;
    width: 60px !important;
    height: 20px !important;
    background: #c9031c;
    color: #FFF;
    font-family: FaricyNewLight,Arial,sans-serif;
    font-size: 12px;
    border: 1px solid #c9031c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.toacustinfo_cont {
    width: 99%;
    min-height: 50px;
    margin: 0 0 15px 0;
    padding: 8px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 0px 0 rgba(25,25,25,0.2);
    box-shadow: 0px 0px 0px 0 rgba(25,25,25,0.2);
    padding-top: 10px;
    height: 800px;
    border: #ccc 1px solid;
    border-radius: 3px;
}

.toaheder_cont {
    width: 100%;
    height: 35px;
}

.toaheadericon {
    width: 30px;
    height: 35px;
    background-color: #FFF;
    position: relative;
    left: 0;
    top: 0;
    z-index: 5;
}

.infonameheader {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #ccc;
    /* position: relative; */
    left: 0;
    top: -5px;
    font-family: FaricyNewLight,Arial,sans-serif;
    color: #666666;
    font-size: 16px;
    font-weight: normal;
}

.lastchild {
    margin: 0 0 0 0 !important;
}






/*  new styel self schedule */
h1.document-success {
    text-align: center !important;
}

.selfschedulemobilevarification {
    border: #e8e8e8 solid 1px;
    padding: 30px;
    margin: 20px 0;
    text-align: center;
}

    .selfschedulemobilevarification img {
        max-width: 48px;
    }

.OTPValidation {
    margin-bottom: 30px;
    text-align: center;
}

.OTPValidationfields {
    width: 184px;
    margin: 0 auto;
}

.OTPValidfield {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    margin: 10px 5px;
    border: #ccc solid 1px;
}

.resend-otp {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.OTPValidfield::-ms-expand {
    display: none;
}

.wrongOTP-section {
    border: none;
    text-align: center;
    padding: 0;
    padding-bottom: 30px;
}



.avaliable-scheduling {
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
    text-align:center;
    cursor: pointer;
}

.avaliable-date {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.avaliable-scheduling > p {
    font-size: 22px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
}

.avaliable-date a.picdate {
    width: 48px;
    margin: 6px;
    float: left;
    border: #ccc solid 1px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333333;
}

    .avaliable-date a.picdate small {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
    }

    .avaliable-date a.picdate.disable {
        background: #ccc;
    }

    .avaliable-date a.picdate.active {
        border: solid 2px #f50003;
        margin: 5px;
    }

.avaliable-time {
    width: 100%;
    float: left;
}


input[type=radio][name=optradio] {
    display: none;
}

    input[type=radio][name=optradio] + label {
        width: 100%;
        float: left;
        height: 56px;
        border-radius: 8px;
        border: solid 2px #dcdcdc;
        background-color: #ffffff;
        margin: 6px 0;
        background: url('../img/blank-radio-icon.png') no-repeat 95% 50%;
        background-position-x: calc(100% - 10px);
        line-height: 56px;
        padding: 0 16px;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #333333;
    }

        input[type=radio][name=optradio] + label span {
            font-size: 16px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #333333;
            padding: 0 15px;
        }

    input[type=radio][name=optradio]:disabled + label {
        background: url('../img/radio-icon-disable.png') no-repeat 95% 50% #dcdcdc;
        background-position-x: calc(100% - 10px);
        opacity: 0.5;
    }

    input[type=radio][name=optradio]:checked + label {
        background: url('../img/radio-icon-checked.png') no-repeat 95% 50%;
        background-position-x: calc(100% - 10px);
    }
    .ar input[type=radio][name=optradio] + label,
    .ar input[type=radio][name=optradio]:disabled + label,
    .ar input[type=radio][name=optradio]:checked + label
     {
 background-position-x: 10px;
}

.ar .avaliable-time .radio-inline span {
    direction: ltr;
    display: inline-block;
}
.ar .avaliable-scheduling .document-content .forArabic {
    direction: ltr;
    display: inline-block;
}
.ar .avaliable-date a.picdate {
    float: right;
}


.select-schedule {
    display: inline-block;
    margin: 40px 0 20px;
    width: 100%;
    text-align: center;
}
.tooltip-inner{
    font-size:12px;
}
.thanks-text{
    font-size:16px;
}
.thanks-text + a{
    margin-top:5px;
    width: auto;
}
@media screen and (max-width: 480px) {
    .avaliable-date a.picdate {
        width: 36px;
        font-size: 16px;
    }

        .avaliable-date a.picdate small {
            font-size: 12px;
        }

    .document-success {
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #333333;
    }

    .avaliable-scheduling > p {
        font-size: 20px;
    }
}

.notclose-overlay{
    position: fixed !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .01);
    left: 0;
    top: 0;
    z-index: 301;
}
.upgrade_reactivate{
    padding-bottom:40px;
}
.upgrade_reactivate .header {
    min-height: auto !important;
}
.overflow-hidden{
    overflow:hidden;
}
.current-package-deatils-box {
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    padding: 40px 70px !important;
}
.current-pack-summery {
    display: flex;
    align-items: center;
}
.current-pack-summery > div {
    width:100%;
}
.current-pack-summery p {
    margin-bottom: 5px;
}
.text-red {
    color: #FF0000;
}
.text-center{
    text-align:center;
}
.text-bold{
    font-weight:bold;
}
.badge-offer {
    background: #ff0000;
    color: #FFF;
    border-radius: 15px;
    font-weight: 300;
    line-height: 10px;
    font-size: 10px;
}
.padding-bottom20 {
    padding-bottom: 20px;
}
.padding-bottom40 {
    padding-bottom: 40px;
}
.select-packs-box{
    padding-top:40px;
    padding-bottom:40px;
}
.select-packs-item > div {
    padding: 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
   /* min-height: 380px;*/
}
.pack-content-list{
    margin:0;
    padding:0;
    list-style-type:none;
}
    .pack-content-list li {
        margin: 0;
        padding-bottom: 6px;
        position: relative;
        
        line-height: 16px;
    }
.en .pack-content-list li {
    padding-left: 15px;
}
.ar .pack-content-list li {
    padding-right: 15px;
}
        .pack-content-list li:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #ff0000;
    
    top: 3px;
    position: absolute;
}
.en .pack-content-list li:after {
    left: 0;
}
.ar .pack-content-list li:after {
    right:0;
}
    .select-packs-slider .slick-list {
    overflow: visible;
}
.select-packs-item > div {
    position: relative;
    cursor:pointer;
}
    .select-packs-item > div:before {
        content: "\e013";
        font-family: "Glyphicons Halflings";
        position: absolute;
        top: -25px;
        left: calc(50% - 25px);
        line-height: 42px;
        text-align: center;
        background: #fff;
        border: 1px solid #e6e6e6;
        color: #e6e6e6;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transition: background .25s ease-in-out;
        -moz-transition: background .25s ease-in-out;
        -webkit-transition: background .25s ease-in-out;
    }
.select-packs-item:hover > div:before {
    background: #FFFFFF;
    color: #ff0000;
}
.select-packs-item.active > div:before {
    background: #ff0000;
    color: #fff;
}
.package-payment-section{
    background:#f7f7f7;
    padding:40px 0;
}

.simplePopupBackground{
    background:#000000 !important;
}

.simplePopup-content {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    display: none;
    z-index: 800;
    background: #fff;
    overflow: auto;
    /*-webkit-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    -moz-box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);
    box-shadow: 0px 10px 40px 8px rgba(194,188,194,0.53);*/
    max-height: auto;
    min-height: 380px;
    padding: 20px;
}

    .simplePopup-content .simplePopupClose {
        position: absolute;
        right: 15px !important;
        top: 10px !important;
        font-size: 20px !important;
        cursor: pointer;
    }
.current-Pack-Payment-popup{
    padding:80px 20px;
}
.upgrade-Pack-Payment-popup {
    padding: 30px 20px;
}
    .upgrade-Pack-Payment-popup .pack-price,
    .upgrade-Pack-Payment-popup .accprice {
        font-size: 18px;
    }
    .upgrade-Pack-Payment-popup .terms-checkbox{
        font-size:13px;
    }
    .upgrade-Pack-Payment-popup .popup-btn-active.btn-deactive {
        cursor: not-allowed;
        filter: grayscale(0.5);
        pointer-events: none;
    }
    .popup-pack-summery {
        border-top: #bdbdbd solid 1px;
        border-bottom: #bdbdbd solid 1px;
        margin: 15px 0;
        padding: 20px 40px;
    }
.popup-bottom-area {
    padding: 0px 40px;
}
.popup-pack-summery p {
    margin: 0;
}
.alert-text-small {
    font-size: 12px;
    margin-bottom: 15px;
}
.alert-text-small small {
    padding: 0 5px;
    font-size: 12px;
    line-height: 10px;
    font-family: 'Faricy New', arial, sans-serif;
}
#currentPackPayment .simplePopupClose,
#confirmBack .simplePopupClose {
    opacity: 0;
}
#confirmBack.simplePopup-content {
    min-height: 440px;
}
#confirmBack .container{
    padding-top:100px;
}
.popup-btn {
    padding: 10px 15px;
    border: #bdbdbd solid 1px;
    background: #f7f7f7;
    border-radius: 4px;
    font-weight: bold;
    margin: 10px 5px;
    text-decoration: none;
}
.popup-btn:hover{
    text-decoration:none;
}
.btn-Backpopup {
    padding: 0px 32px;

}
.popup-btn-active {
    border: #ff0000 solid 1px;
    background: #ff0000;
    color: #fff;
}
.redioarea {
    width: 220px;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 30px;
    overflow: hidden;
    line-height: 34px;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

    .redioarea [type="radio"]:checked,
    .redioarea [type="radio"]:not(:checked) {
        position: absolute;
        left: -999999px;
    }

        .redioarea [type="radio"]:checked + label,
        .redioarea [type="radio"]:not(:checked) + label {
            cursor: pointer;
            line-height: 34px;
            display: inline-block;
            color: #666;
            float: left;
            flex: 1;
            min-width: 1px;
            font-size: 10px;
            font-weight: bold;
        }

        .redioarea [type="radio"]:checked + label {
            background: #000;
            color: #fff;
        }

        .redioarea [type="radio"]:not(:checked) + label {
            background: #FFF;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }



.redioareaCP {
    width: 320px;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 30px;
    overflow: hidden;
    line-height: 34px;
    text-align: center;
    margin-bottom: 20px;
    display: inline-flex;
    flex-wrap: wrap;
}

    .redioareaCP [type="radio"]:checked,
    .redioareaCP [type="radio"]:not(:checked) {
        position: relative;
        left: -999999px;
    }

        .redioareaCP [type="radio"]:checked + label,
        .redioareaCP [type="radio"]:not(:checked) + label {
            cursor: pointer;
            line-height: 34px;
            display: inline-block;
            color: #666;
            float: left;
            flex: 1;
            min-width: 1px;
            font-size: 12px;
            font-weight: bold;
        }

        .redioareaCP [type="radio"]:checked + label {
            background: #000;
            color: #fff;
        }

        .redioareaCP [type="radio"]:not(:checked) + label {
            background: #FFF;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }
.current-Pack-Payment-popup .simplePopupClose,
.upgrade-Pack-Payment-popup .simplePopupClose {
    position: absolute;
    right: 15px !important;
    top: 10px !important;
    font-size: 20px !important;
    cursor: pointer;
    background: url(/Content/img/popup-close-black.png) no-repeat;
    text-indent: -9999999999px;
    width: 16px;
    height: 16px;
}
.current-Pack-Payment-popup .simplePopupClose:hover,
.upgrade-Pack-Payment-popup .simplePopupClose:hover {
    background: url(/Content/img/popup-close.png) no-repeat;
}

    @media (min-width: 992px) {
        .en .current-package-deatils {
            border-right: 1px solid #e6e6e6;
        }
        .ar .current-package-deatils {
            border-left: 1px solid #e6e6e6;
        }

        .en .current-package-deatils-box .row > div:first-child {
            padding-right: 40px;
        }
        .en .current-package-deatils-box .row > div:last-child {
            padding-left: 40px;
        }

        .ar .current-package-deatils-box .row > div:first-child {
            padding-left: 40px;
        }
        .ar .current-package-deatils-box .row > div:last-child {
            padding-right: 40px;
        }
        .select-packs-item > div {
            padding: 20px 40px;
        }
            .col-md-offset-2 {
            margin-left: 16.66666667%;
        }
        .select-packs-item.item-one {
            width: 66.66666667% !important;
        }
            .select-packs-item.item-one .item-one-wrap {
                display: flex;
                align-items: center;
                padding-top: 25px;
            }
            .select-packs-item.item-one .item-one-text{
                width:48%;
            }
            .select-packs-item.item-one .pack-hidden{
                display:none;
            }
        .en .select-packs-item.item-one .item-one-text:first-child {
            width: 65%;
            border-right: #e6e6e6 solid 1px;
            padding-right: 10%;
            padding-top: 25px;
        }
            .ar .select-packs-item.item-one .item-one-text:first-child {
                width: 65%;
                border-left: #e6e6e6 solid 1px;
                padding-left: 10%;
                padding-top: 25px;
            }

        .select-packs-item.item-one .item-one-text:last-child {
            width: 35%;
        }
            .select-packs-item.item-one > div {
                height: auto !important;
            }
        .ar .slick-slide{
            float:right;
        }
        
    }
@media screen and (max-width: 768px) {
    .content-wrap .container.current-package-deatils-box {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .package-payment-section .col-md-6,
    .popup-bottom-area .col-sm-6 {
        text-align: center !important;
    }
    .en .current-pack-summery .col-md-6,
    .en .popup-pack-summery .col-sm-6 {
        width: 50%;
        float:left;
    }
    .ar .current-pack-summery .col-md-6,
    .ar .popup-pack-summery .col-sm-6 {
        width: 50%;
        float:right;
    }
    .popup-pack-summery {
        margin: 10px 0;
        padding: 20px 0px;
    }
    .redioarea.payment-option {
        display: inline-flex;
    }
    .popup-bottom-area {
        text-align: center;
        padding:0;
    }
    .popup-pack-summery .col-sm-6 p.marginbottom0 {
        width: auto;
        margin-top: 18px;
        display: inline-block;
    }
    .en #upgradePackPayment #selectpackpricevalue .col-sm-6,
    .en .current-pack-summery .col-sm-6 {
        width: 50%;
        float:left;
    }
    .ar #upgradePackPayment #selectpackpricevalue .col-sm-6,
    .ar .current-pack-summery .col-sm-6 {
        width: 50%;
        float: right;
    }
    .current-package-deatils-box {
        margin: 0 10px;
        width: calc(100% - 20px);
    }
}
@media screen and (max-width: 640px){
    .content-wrap .container.current-package-deatils-box {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}