/*! * Bootstrap v3.3.5 (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=4bceec6c58fc4e5be0c448d5004c98f3) * Config saved to config.json and https://gist.github.com/4bceec6c58fc4e5be0c448d5004c98f3 *//*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-default.disabled,.btn-primary.disabled,.btn-success.disabled,.btn-info.disabled,.btn-warning.disabled,.btn-danger.disabled,.btn-default[disabled],.btn-primary[disabled],.btn-success[disabled],.btn-info[disabled],.btn-warning[disabled],.btn-danger[disabled],fieldset[disabled] .btn-default,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-info,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-danger{-webkit-box-shadow:none;box-shadow:none}.btn-default .badge,.btn-primary .badge,.btn-success .badge,.btn-info .badge,.btn-warning .badge,.btn-danger .badge{text-shadow:none}.btn:active,.btn.active{background-image:none}.btn-default{background-image:-webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);background-image:-o-linear-gradient(top, #fff 0, #e0e0e0 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#e0e0e0));background-image:linear-gradient(to bottom, #fff 0, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#dbdbdb;text-shadow:0 1px 0 #fff;border-color:#ccc}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top, #337ab7 0, #265a88 100%);background-image:-o-linear-gradient(top, #337ab7 0, #265a88 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#265a88));background-image:linear-gradient(to bottom, #337ab7 0, #265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#245580}.btn-primary:hover,.btn-primary:focus{background-color:#265a88;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top, #5cb85c 0, #419641 100%);background-image:-o-linear-gradient(top, #5cb85c 0, #419641 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), to(#419641));background-image:linear-gradient(to bottom, #5cb85c 0, #419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top, #5bc0de 0, #2aabd2 100%);background-image:-o-linear-gradient(top, #5bc0de 0, #2aabd2 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5bc0de), to(#2aabd2));background-image:linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%);background-image:-o-linear-gradient(top, #f0ad4e 0, #eb9316 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ad4e), to(#eb9316));background-image:linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);background-image:-o-linear-gradient(top, #d9534f 0, #c12e2a 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#c12e2a));background-image:linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#c12e2a;background-image:none}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-image:-webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);background-image:-o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#e8e8e8));background-image:linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-color:#e8e8e8}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-image:-webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);background-image:-o-linear-gradient(top, #337ab7 0, #2e6da4 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));background-image:linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-color:#2e6da4}.navbar-default{background-image:-webkit-linear-gradient(top, #fff 0, #f8f8f8 100%);background-image:-o-linear-gradient(top, #fff 0, #f8f8f8 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f8f8f8));background-image:linear-gradient(to bottom, #fff 0, #f8f8f8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image:-o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dbdbdb), to(#e2e2e2));background-image:linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.075);box-shadow:inset 0 3px 9px rgba(0,0,0,0.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,0.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top, #3c3c3c 0, #222 100%);background-image:-o-linear-gradient(top, #3c3c3c 0, #222 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3c3c3c), to(#222));background-image:linear-gradient(to bottom, #3c3c3c 0, #222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border-radius:4px}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top, #080808 0, #0f0f0f 100%);background-image:-o-linear-gradient(top, #080808 0, #0f0f0f 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #080808), to(#0f0f0f));background-image:linear-gradient(to bottom, #080808 0, #0f0f0f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.25);box-shadow:inset 0 3px 9px rgba(0,0,0,0.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-image:-webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);background-image:-o-linear-gradient(top, #337ab7 0, #2e6da4 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));background-image:linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0)}}.alert{text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)}.alert-success{background-image:-webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);background-image:-o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dff0d8), to(#c8e5bc));background-image:linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);background-image:-o-linear-gradient(top, #d9edf7 0, #b9def0 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d9edf7), to(#b9def0));background-image:linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);background-image:-o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf8e3), to(#f8efc0));background-image:linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);background-image:-o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2dede), to(#e7c3c3));background-image:linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);background-image:-o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ebebeb), to(#f5f5f5));background-image:linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0)}.progress-bar{background-image:-webkit-linear-gradient(top, #337ab7 0, #286090 100%);background-image:-o-linear-gradient(top, #337ab7 0, #286090 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#286090));background-image:linear-gradient(to bottom, #337ab7 0, #286090 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0)}.progress-bar-success{background-image:-webkit-linear-gradient(top, #5cb85c 0, #449d44 100%);background-image:-o-linear-gradient(top, #5cb85c 0, #449d44 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), to(#449d44));background-image:linear-gradient(to bottom, #5cb85c 0, #449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0)}.progress-bar-info{background-image:-webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%);background-image:-o-linear-gradient(top, #5bc0de 0, #31b0d5 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5bc0de), to(#31b0d5));background-image:linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0)}.progress-bar-warning{background-image:-webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%);background-image:-o-linear-gradient(top, #f0ad4e 0, #ec971f 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ad4e), to(#ec971f));background-image:linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0)}.progress-bar-danger{background-image:-webkit-linear-gradient(top, #d9534f 0, #c9302c 100%);background-image:-o-linear-gradient(top, #d9534f 0, #c9302c 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#c9302c));background-image:linear-gradient(to bottom, #d9534f 0, #c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0)}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top, #337ab7 0, #2b669a 100%);background-image:-o-linear-gradient(top, #337ab7 0, #2b669a 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2b669a));background-image:linear-gradient(to bottom, #337ab7 0, #2b669a 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:hover .badge,.list-group-item.active:focus .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);background-image:-o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#e8e8e8));background-image:linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);background-image:-o-linear-gradient(top, #337ab7 0, #2e6da4 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));background-image:linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);background-image:-o-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #dff0d8), to(#d0e9c6));background-image:linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);background-image:-o-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d9edf7), to(#c4e3f3));background-image:linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);background-image:-o-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf8e3), to(#faf2cc));background-image:linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top, #f2dede 0, #ebcccc 100%);background-image:-o-linear-gradient(top, #f2dede 0, #ebcccc 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2dede), to(#ebcccc));background-image:linear-gradient(to bottom, #f2dede 0, #ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0)}.well{background-image:-webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);background-image:-o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), to(#f5f5f5));background-image:linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)} /*! * Bootstrap v3.3.5 (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=2f8f5abe836779525f78554277819d6c) * Config saved to config.json and https://gist.github.com/2f8f5abe836779525f78554277819d6c *//*! * Bootstrap v3.3.6 (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}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:none !important}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('clientlib-site/fonts/glyphicons-halflings-regular.eot');src:url('clientlib-site/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('clientlib-site/fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('clientlib-site/fonts/glyphicons-halflings-regular.woff') format('woff'),url('clientlib-site/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('clientlib-site/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\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"}*{-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:"AvenirNextLTPro-Medium",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{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:22px;margin-bottom:22px;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}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:22px;margin-bottom:11px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:11px;margin-bottom:11px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:41px}h2,.h2{font-size:34px}h3,.h3{font-size:28px}h4,.h4{font-size:20px}h5,.h5{font-size:16px}h6,.h6{font-size:14px}p{margin:0 0 11px}.lead{margin-bottom:22px;font-size:18px;font-weight:300;line-height:1.4}@media (min-width:640px){.lead{font-size:24px}}small,.small{font-size:87%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:10px;margin:44px 0 22px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:11px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:22px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:640px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:11px 22px;margin:0 0 22px;font-size:20px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:22px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:10.5px;margin:0 0 11px;font-size:15px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:640px){.container{width:640px}}@media (min-width:940px){.container{width:940px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:640px){.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:940px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:22px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:639px){.table-responsive{width:100%;margin-bottom:16.5px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:22px;font-size:24px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:16px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:36px;padding:6px 12px;font-size:16px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:36px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:33px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:49px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:22px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:38px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:3px}select.input-sm{height:33px;line-height:33px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:33px;line-height:33px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:33px;min-height:36px;padding:6px 10px;font-size:14px;line-height:1.5}.input-lg{height:49px;padding:10px 16px;font-size:20px;line-height:1.3333333;border-radius:6px}select.input-lg{height:49px;line-height:49px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:49px;padding:10px 16px;font-size:20px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:49px;line-height:49px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:49px;min-height:42px;padding:11px 16px;font-size:20px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:45px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:36px;height:36px;line-height:36px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:49px;height:49px;line-height:49px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:33px;height:33px;line-height:33px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:27px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:640px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:29px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:640px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:640px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:20px}}@media (min-width:640px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:14px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:16px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:20px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:14px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:14px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:16px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:10px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:14px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:640px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:49px;padding:10px 16px;font-size:20px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:49px;line-height:49px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:33px;line-height:33px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:14px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:20px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:10px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:640px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:640px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:640px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:640px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:22px;border:1px solid transparent}@media (min-width:640px){.navbar{border-radius:4px}}@media (min-width:640px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto} @media (min-width:640px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{height:auto !important; padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:320px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:640px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:640px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:640px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:14px 15px;font-size:20px;line-height:22px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:640px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:640px){.navbar-toggle{display:none}}.navbar-nav{margin:7px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:22px}@media (max-width:639px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:22px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:640px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:14px;padding-bottom:14px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:7px;margin-bottom:7px}@media (min-width:640px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:639px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:640px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:7px;margin-bottom:7px}.navbar-btn.btn-sm{margin-top:8.5px;margin-bottom:8.5px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:14px;margin-bottom:14px}@media (min-width:640px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:640px){.navbar-left{float:left !important}.navbar-right{float:right !important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:639px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:639px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:22px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:22px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:20px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:14px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:22px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:14px;font-weight:bold;color:#fff;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:24px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px;padding-left:15px;padding-right:15px}.jumbotron .container{max-width:100%}@media screen and (min-width:640px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:72px}}.thumbnail{display:block;padding:4px;margin-bottom:22px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:22px;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{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:22px;margin-bottom:22px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:14px;line-height:22px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,button.list-group-item-success:hover,a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active:hover,button.list-group-item-success.active:hover,a.list-group-item-success.active:focus,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active:hover,button.list-group-item-info.active:hover,a.list-group-item-info.active:focus,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,button.list-group-item-warning:hover,a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,button.list-group-item-danger:hover,a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:22px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:18px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:22px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:24px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:640px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:940px){.navbar-collapse.collapse{display:block !important;}.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"AvenirNextLTPro-Medium",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"AvenirNextLTPro-Medium",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:16px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,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{margin:0;padding:8px 14px;font-size:16px;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{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;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,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.next,.carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);background-color:rgba(0,0,0,0)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:640px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer: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:639px){.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:639px){.visible-xs-block{display:block !important}}@media (max-width:639px){.visible-xs-inline{display:inline !important}}@media (max-width:639px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:640px) and (max-width:939px){.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:640px) and (max-width:939px){.visible-sm-block{display:block !important}}@media (min-width:640px) and (max-width:939px){.visible-sm-inline{display:inline !important}}@media (min-width:640px) and (max-width:939px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:940px) 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:940px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:940px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:940px) 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:639px){.hidden-xs{display:none !important}}@media (min-width:640px) and (max-width:939px){.hidden-sm{display:none !important}}@media (min-width:940px) 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}} table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("clientlib-site/images/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("clientlib-site/images/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("clientlib-site/images/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("clientlib-site/images/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("clientlib-site/images/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #b0bed9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { box-sizing: content-box; } .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc) ); background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%); background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%); background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%); background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%); background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111) ); background: -webkit-linear-gradient(top, #585858 0%, #111 100%); background: -moz-linear-gradient(top, #585858 0%, #111 100%); background: -ms-linear-gradient(top, #585858 0%, #111 100%); background: -o-linear-gradient(top, #585858 0%, #111 100%); background: linear-gradient(to bottom, #585858 0%, #111 100%); } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c) ); background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100% ); background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100% ); background: -ms-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100% ); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } @charset 'UTF-8'; /* Slider */ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Generic style */ @font-face { font-family: 'AvenirNextLTPro-Regular'; src: url("clientlib-site/fonts/Avenir/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix"); src: url("clientlib-site/fonts/Avenir/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"), url("clientlib-site/fonts/Avenir/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"), url("clientlib-site/fonts/Avenir/dca7ae76-416a-40ab-a4f0-51f185a59ea4.woff2") format("woff2"); } @font-face { font-family: 'AvenirNextLTPro-Medium'; src: url("clientlib-site/fonts/Avenir/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix"); src: url("clientlib-site/fonts/Avenir/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix") format("eot"), url("clientlib-site/fonts/Avenir/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff"), url("clientlib-site/fonts/Avenir/2ceb2f97-1e0e-42b2-9a97-ef27f9c03e30.woff2") format("woff2"); } @font-face { font-family: 'AvenirNextLTPro-Demi'; src: url("clientlib-site/fonts/Avenir/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix"); src: url("clientlib-site/fonts/Avenir/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"), url("clientlib-site/fonts/Avenir/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"), url("clientlib-site/fonts/Avenir/ca8b4c83-bcba-4883-8e28-ef6cd00abab4.woff2") format("woff2"); } @font-face { font-family: 'AvenirNextLTPro-Bold'; src: url("clientlib-site/fonts/Avenir/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix"); src: url("clientlib-site/fonts/Avenir/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"), url("clientlib-site/fonts/Avenir/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"), url("clientlib-site/fonts/Avenir/39ed59ad-834a-441f-9a30-60b277927adf.woff2") format("woff2"); } /* Global Generic Element Start */ /* start text color codes */ body { padding: 0; margin: 0; line-height: 1.4em; font-family: 'AvenirNextLTPro-Medium'; background-color: #e8e8e8; color: #666666; } h1, h2, h3, h4, h5, h6 { font-family: 'AvenirNextLTPro-Demi'; margin-top: 0; color: #333; } h1, h2, h3, h4 { margin-bottom: 0; } ul { margin-left: 0; } a { text-decoration: underline; color: #333; outline: 0; } a:hover, a:focus { text-decoration: none; } section { display: block; } /* End Global Generic Element */ /* Generic Global style start */ .nav a { text-decoration: none; } .text-global { color: #666666; } .text-default { color: #333; } .text-bright { color: #fff; } .site-wrapper { padding: 0; margin: 0; } button { font-family: 'AvenirNextLTPro-Medium'; font-size: 18px; line-height: 18px; } .btn-primary { border: none; border-radius: 0; color: #fff; background: #0096e6; } .btn-secondary { border-radius: 0; background: transparent; color: #0096e6; border: 1px solid #0096e6; opacity: 0.8; } .btn-theme1 { background-color: #0096e6; } .clear { clear: both; height: 0; line-height: 0; width: 0; } .pos-rel { position: relative; } .pos-abs { position: absolute; } .pos-static { position: static; } .pos-inherit { position: inherit; } .wd-1170 { width: 1170px; } .wd-222 { width: 222px; } .wd-100 { width: 100%; } .wd-50 { width: 50%; } .wd-33 { width: 33%; } .wd-25 { width: 300px; max-width: 300px; } /* Space outside block */ .sp-out-0:nth-child(n) { margin: 0; } .sp-out-top-90 { margin-top: 90px; } .sp-out-top-70 { margin-top: 70px; } .sp-out-top-60 { margin-top: 60px; } .sp-out-top-50 { margin-top: 50px; } .sp-out-top-40 { margin-top: 40px; } .sp-out-top-30 { margin-top: 30px; } .sp-out-top-25 { margin-top: 25px; } .sp-out-top-20 { margin-top: 20px; } .sp-out-top-15 { margin-top: 15px; } .sp-out-bot-35 { margin-bottom: 35px; } .sp-out-bot-15 { margin-bottom: 15px; } .sp-out-bot-10 { margin-bottom: 10px; } .sp-out-bot-5 { margin-bottom: 5px; } .sp-out-hor-12 { margin-left: 12px; margin-right: 12px; } .sp-out-hor-auto { margin-left: auto; margin-right: auto; } .sp-out-vert-15 { margin-top: 15px; margin-bottom: 15px; } .sp-out-left-5 { margin-left: 5px; } .sp-out-left-12 { margin-left: 12px; } .sp-out-left-15 { margin-left: 15px; } .sp-out-left-30 { margin-left: 30px; } .sp-out-left-24 { margin-left: 24px; } .sp-out-left-50 { margin-left: 50px; } .sp-out-right-10 { margin-right: 10px; } .sp-out-right-12 { margin-right: 12px; } .sp-out-right-24 { margin-right: 24px; } .sp-out-right-30 { margin-right: 30px; } .sp-out-right-40 { margin-right: 40px; } /* Spacce inside block */ .sp-in-0:nth-child(n) { padding: 0; } .sp-in-left-12 { padding-left: 12px; } .sp-in-left-24 { padding-left: 24px; } .sp-in-right-12 { padding-right: 12px; } .sp-in-right-24 { padding-right: 24px; } .sp-in-50 { padding: 50px; } .sp-in-20 { padding: 20px; } .sp-in-15 { padding: 15px; } .sp-in-10 { padding: 10px; } .sp-in-hor-50 { padding-left: 50px; padding-right: 50px; } .sp-in-hor-15 { padding-left: 15px; padding-right: 15px; } .sp-in-hor-12 { padding-left: 12px; padding-right: 12px; } .sp-in-hor-5 { padding-left: 5px; padding-right: 5px; } .sp-in-top-30 { padding-top: 30px; } .sp-in-bot-15 { padding-bottom: 15px; } .bg-theme { background: #333; color: #fff; } .bg-theme > * { color: #fff; } .panel-theme { background: #fff; } .underline { height: 5px; width: 106px; margin-top: 16px; margin-bottom: 23px; border: 0; margin-left: 0; background: #ccc; text-align: left; } h2 ~ .underline { margin-top: 19px; } h3 ~ .underline { margin-top: 21px; } h4 ~ .underline { margin-top: 22px; } .txt-inverse { color: #fff; } .txt-inverse h1, .txt-inverse h2, .txt-inverse h3, .txt-inverse a, .txt-inverse p, .txt-inverse div .txt-inverse span { color: #fff; } .access-link { top: 50px; right: 50px; width: 70px; } .border-less { border: none; } .btn-plain { border: none; background: none; background-color: none; } .btn-plain:hover, .btn-plain:focus { border: none; background: none; background-color: none; } .disable { background: white; color: #666666; cursor: not-allowed; pointer-events: none; box-shadow: none; opacity: 0.3; } .scroll-sticky { position: fixed; top: 0; } .purple { color: #5f259f; } .bg-purple { background: #5f259f; } .show-inline { display: inline-block; } .view-more { text-decoration: none; } .view-more:focus, .view-more:hover { text-decoration: none; } .view-more-wrap .underline { margin: 18px auto 0; } .slick-prev::before, .slick-next::before { font-family: 'spark-icon-family'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #0096e6; font-size: 30px; } .slick-prev:before { content: '\e053'; margin-left: -6px; } .slick-next:before { content: '\e054'; margin-left: -7px; } .rtesmall { font-size: 14px; } .rtemedium { font-size: 16px; } .rtelarge { font-size: 21px; } span.rte-justify { text-align: justify; } /* Start-Bootstrap fixes */ body { overflow-x: hidden; } .container { width: 1170px; padding: 0; margin: 0 auto; } .row { margin: 0 -12px; padding: 0; } .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 { padding: 0 12px; } .inner-container { width: 1170px; margin: 0 auto; padding: 0; } .fullmargin { margin: 0 calc((100vw - 1185px) / -2); } @media screen and (max-width: 1169px) { .site-wrapper { width: 100%; max-width: 1170px; padding: 0; margin: 0; } } @media screen and (max-width: 1199px) { .container { width: 940px; padding: 0; margin: 0 auto; } .row { margin: 0 -10px; padding: 0; } .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 { padding: 0 10px; } .inner-container { width: 940px; margin: 0 auto; padding: 0; } .fullmargin { margin: 0 calc((100vw - 940px) / -2); } } @media screen and (max-width: 939px) { body { font-size: 14px; } h1 { font-size: 40px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } .slick-prev:before, .slick-next:before { display: none; } .container { width: 100%; padding: 0; margin: 0 auto; overflow: hidden; } .row { margin: 0; padding: 0; } .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 { padding: 0 10px; } .inner-container { width: 100%; margin: 0 auto; padding: 0; } .fullmargin { margin: 0; } } @media screen and (min-width: 940px) { body { font-size: 16px; } h1 { font-size: 48px; } h2 { font-size: 38px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 22px; } .fullwidth { left: 50% !important; margin-left: -50vw !important; position: relative !important; width: 100vw !important; } } /* End-Bootstrap fixes */ .sparkdigital-logo { width: 138px; height: 100%; } /* Global component spacing */ .comp-bottom-spacing { margin-bottom: 40px !important; } @media screen and (max-width: 639px) { .comp-bottom-spacing { margin-bottom: 20px !important; } button { font-size: 16px; } } /*Banner */ .screen-head-black80 { background: #333333 none repeat scroll 0 0; height: 330px; } .screen-head-purple { background: #5f259f none repeat scroll 0 0; height: 330px; } .screen-head-pink { background: #ec008c none repeat scroll 0 0; height: 330px; } .screen-head-orange { background: #ff9b00 none repeat scroll 0 0; height: 330px; } .screen-head-green { background: #00af55 none repeat scroll 0 0; height: 330px; } .screen-head-black80 .screen-title h1, .screen-head-purple .screen-title h1, .screen-head-pink .screen-title h1, .screen-head-orange .screen-title h1, .screen-head-green .screen-title h1 { margin: 100px auto; } /* Start - Search result page iframe fix */ .header-search-result iframe { height: 3200px; } @media (max-width: 939px) { .header-search-result iframe { height: 3400px; margin-top: 40px; } } @media (max-width: 639px) { .header-search-result iframe { height: 5700px; margin-top: 40px; } } /* End - Search result page iframe fix */ /* Start - contact us page iframe fix */ .cust-pop-sd iframe { height: 1175px; } .cust-pop-sd .msg-sucess-error { height: 500px; } @media (max-width: 939px) { .cust-pop-sd iframe { height: 1698px; } body.modal-open { overflow: visible; } body.modal-open .cust-pop-sd ~ div { display: none; } body.modal-open .modal.fade.cust-pop-sd.in { position: relative; } } @media (max-width: 639px) { .cust-pop-sd iframe { height: 1794px; } .cust-pop-sd .msg-sucess-error { height: 565px; } body.modal-open { overflow: visible; } body.modal-open .cust-pop-sd ~ div { display: none; } body.modal-open .modal.fade.cust-pop-sd.in { position: relative; } } /* End - contact us page iframe fix */ /* Start - fix for silver stripe banner component */ .banner .banner-inner .container { width: 1170px !important; padding: 0; margin: 0 auto; } @media screen and (max-width: 1199px) { .banner .banner-inner .container { width: 940px !important; padding: 0; margin: 0 auto; } } @media screen and (max-width: 939px) { .banner .banner-inner .container { width: 100%; padding: 0; margin: 0 auto; overflow: hidden; } .banner .screen-title { padding: 0 20px; } } @media screen and (min-width: 940px) { #detail-tab2, #detail-tab3 { padding-left: 55px; padding-right: 55px; } } /* End - fix for silver stripe banner component */ /*Start Fixed for load more alignment*/ .sp-out-bot-30 { margin-bottom: 30px; } /*End Fixed for load more alignment*/ /* RTE style start */ .rte-heading-1 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 48px; } .rte-heading-2 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 38px; margin: 1.4em 0 6px; display: block; } .rte-heading-3 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 30px; margin: 1.4em 0 8px; display: block; } .rte-heading-4 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 24px; margin: 1.4em 0 8px; display: block; } .rte-heading-5 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 22px; margin: 1.4em 0 8px; display: block; } .rte-heading-6 { font-family: AvenirNextLTPro-Medium, Calibri, Arial, sans-serif; line-height: 1.4; font-size: 16px; margin: 1.4em 0; display: block; } .rte-body-regular { font-family: AvenirNextLTPro-Medium, Calibri, Arial, sans-serif; line-height: 1.4; font-size: 16px; margin: 1.4em 0; display: block; } .rte-caption-regular { font-family: AvenirNextLTPro-Medium, Calibri, Arial, sans-serif; line-height: 1.4; font-size: 14px; } .rte-caption-bold { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.4; font-size: 14px; } .rte-body-regular a, a .rte-body-regular { color: #0096e6; text-decoration: underline; } @media screen and (max-width: 939px) { .rte-heading-1 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 40px; } .rte-heading-2 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 32px; } .rte-heading-3 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 24px; } .rte-heading-4 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 18px; } .rte-heading-5 { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.25; font-size: 16px; } .rte-body-regular { font-family: AvenirNextLTPro-Medium, Calibri, Arial, sans-serif; line-height: 1.4; font-size: 14px; } .rte-body-bold { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.4; font-size: 14px; } .rte-caption-regular { font-family: AvenirNextLTPro-Medium, Calibri, Arial, sans-serif; line-height: 1.4; font-size: 12px; } .rte-caption-bold { font-family: AvenirNextLTPro-Demi, Calibri, Arial, sans-serif; line-height: 1.4; font-size: 12px; } } /* RTE style end */ /* Table Responsive Wrapper style starts */ .table_responsive_wrapper { overflow-x: auto; } #bus_mob { border-collapse: collapse; font-family: Arial; } #bus_mob th { text-align: left; padding: 10px; background-color: #6f6f72; color: #fff; } #bus_mob tr:nth-child(2), #bus_mob tr:nth-child(3) { font-weight: bold; } #bus_mob tr:first-child { border-bottom: 1px solid #fff; } #bus_mob tr:nth-child(3) { background-color: #ea188d; color: #fff; } #bus_mob tr:nth-child(2) td:nth-child(1), #bus_mob tr:nth-child(2) td:nth-child(2) { border-right: 1px solid #fff; } #bus_mob tr:nth-child(3) td:nth-child(2), #bus_mob tr:nth-child(3) td:nth-child(4) { border-right: 1px solid #fff; } #bus_mob tr:nth-child(n+4) { background-color: #fff; color: #6f6f72; } #bus_mob td { padding: 10px; } /* Table Responsive Wrapper style ends */ /* Format the text in policy body */ @media print { .rte-body-regular { width: fit-content; text-align: justify; display: inline; } table { display: contents; border-collapse: collapse; } td, th { border: 3px solid black; } .sp-help-title.sp-help-component { margin-left: -30px; } } /** Firefox Specific styles for fixing broken format for header, policy title, body and underlined titles */ @-moz-document url-prefix() { @media print { .rte-heading-6 { display: block; width: 180px; text-align: left; } .firefox-no-nbsp { display: none; } .hide-nbsp { display: contents !important; } ol { padding-left: 50px; } u { padding-left: 30px; text-decoration: underline !important; text-decoration-thickness: 2px !important; } } } /* Chrome-specific styles for removing unwanted white space */ @media print and (-webkit-min-device-pixel-ratio: 0) { .hide-nbsp { display: none; } } /* * ADOBE CONFIDENTIAL * * Copyright 2015 Adobe Systems Incorporated * All Rights Reserved. * * NOTICE: All information contained herein is, and remains * the property of Adobe Systems Incorporated and its suppliers, * if any. The intellectual and technical concepts contained * herein are proprietary to Adobe Systems Incorporated and its * suppliers and may be covered by U.S. and Foreign Patents, * patents in process, and are protected by trade secret or copyright law. * Dissemination of this information or reproduction of this material * is strictly forbidden unless prior written permission is obtained * from Adobe Systems Incorporated. */ /* * ADOBE CONFIDENTIAL * * Copyright 2015 Adobe Systems Incorporated * All Rights Reserved. * * NOTICE: All information contained herein is, and remains * the property of Adobe Systems Incorporated and its suppliers, * if any. The intellectual and technical concepts contained * herein are proprietary to Adobe Systems Incorporated and its * suppliers and may be covered by U.S. and Foreign Patents, * patents in process, and are protected by trade secret or copyright law. * Dissemination of this information or reproduction of this material * is strictly forbidden unless prior written permission is obtained * from Adobe Systems Incorporated. */ /* grid component */ .aem-Grid { display: block; width: 100%; } .aem-Grid::before, .aem-Grid::after { display: table; content: " "; } .aem-Grid::after { clear: both; } /* placeholder for new components */ .aem-Grid-newComponent { clear: both; margin: 0; } /* column of a grid */ .aem-GridColumn { box-sizing: border-box; clear: both; } /* force showing hidden */ .aem-GridShowHidden > .aem-Grid > .aem-GridColumn { display: block !important; } /* API function to be called to generate a grid config */ /* maximum amount of grid cells to be provided */ /* example configuration */ /* default breakpoint */ .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--none { /* none behavior */ display: block; clear: none !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide { /* hide behavior */ display: none; } /* smaller screen (phone) breakpoint */ @media (max-width: 639px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none { /* none behavior */ display: block; clear: none !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide { /* hide behavior */ display: none; } } /* tablet breakpoint */ @media (min-width: 640px) and (max-width: 939px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none { /* none behavior */ display: block; clear: none !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide { /* hide behavior */ display: none; } } /* desktop breakpoint */ @media (min-width: 940px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--1 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--2 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--desktop--2 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--12 { float: left; clear: none; width: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--desktop--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--desktop--none { /* none behavior */ display: block; clear: none !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--desktop--hide { /* hide behavior */ display: none; } } .prod-detailspage { background: #fff none repeat scroll 0 0; position: relative; } .prevnext-blk { height: 180px; overflow: hidden; position: absolute; top: 40%; width: 100%; padding: 10px; display: none; } .prevnext-blk > div { position: absolute; } .inndiv { position: relative; } .articlePrev { left: 0; } .articleNext { right: 0; } .prevnext-blk > div a { display: block; height: 160px; position: relative; width: 50px; z-index: 9999; } .prevnext-blk .inndiv a .arrow { background: #0096e6 none repeat scroll 0 0; color: #fff; height: 160px; line-height: 160px; position: absolute; text-align: center; vertical-align: middle; width: 50px; z-index: 9999; } .prevnext-prod { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px #ccc; height: 160px; opacity: 0; position: absolute; top: 0; transform: translateX(-17em); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; visibility: hidden; width: 320px; z-index: 9; } .articleNext .prevnext-prod { right: 0; transform: translateX(17em); } .prevnext-blk .inndiv a:hover .prevnext-prod { opacity: 1; transform: translateX(0em); visibility: visible; transition-delay: 0s, 0s, 0.3s; display: none; } .prev-next-blk .img-blk { width: 110px; height: 160px; left: 0; position: absolute; } .prev-next-blk .img-blk > img { margin: 5px; width: 90%; padding: 10px 0; } .prev-next-blk .pric-blk { width: 170px; height: 160px; padding: 45px 0; position: absolute; left: 115px; } .prev-next-blk .pric-blk p { color: #5f259f; } .prev-next-blk.pr .img-blk { left: 45px; } .prev-next-blk.pr .pric-blk { left: 155px; } .device-btn-black { text-align: right; } .device-btn-black .btn.btn-primary { min-width: 168px; padding: 18px 16px 17px; } .device-btn-black .btn.btn-primary .icon-arrow-right { margin-left: 10px; vertical-align: middle; } .back-link.back-to-gallery { margin: 20px 0; } .gallery.device-details-nav .slick-list { padding: 0 !important; } .tab-blk-box { width: 270px; border-right: 1px solid #ccc; height: 145px; padding: 15px; } .tab-blk-box .dev-remove { right: 12px; } .tab-blk-box .left-blk { width: 200px; position: absolute; } .right-blk { width: 80px; position: absolute; left: 209px; height: 30px; padding: 10px; } .btn-pos { position: absolute; right: 0; top: 5px; } .br-rt { border-right: 1px solid #b2b2b2; } .wd-in-per-60 { width: 60%; } .wd-100 { width: 100% !important; } .marlf-10 { color: #000; } .filter-title { font-size: 18px; font-weight: bold; } .mobile-filter .btn-reset { font-size: 14px; color: purple; } .btn-primary:hover { color: #fff; background-color: #0088cc; border-color: #0088cc; } .btn-secondary:hover { color: #007cbd !important; border-color: #007cbd !important; } /*New code for test*/ .storage-selection { width: 311px; margin: 40px auto auto; } .storage-selection .lst-blk { margin-right: 0; } /*End**/ @media screen and (max-width: 639px) { .filter label { float: left; max-width: 250px; width: 100%; } .device-actions li { width: 41%; /* 205px */ min-width: 155px; } .device-actions .btn-group-devices { width: 71%; /* 150px */ padding-right: 0; } .device-actions .btn-group-devices:after { width: 29%; } .search-holder { float: right; } .device-actions .device-search { width: 26px; min-width: 26px; float: right; } .product-price-group .text-default { display: block; } .device-promo-inner img { margin: 67px 0; } .device-details .tab-outer-container { margin-left: 0; margin-right: -8px; } .tab-content > div { margin-left: 20px; } .device-details .spec-section-title ~ ul { margin-bottom: 40px; line-height: 40px; } .device-selection-overlay .storage-selection { width: 225px; } .device-selection-overlay fieldset { margin-right: 0; } .device-selection-overlay fieldset:nth-child(2n + 1) { margin-right: 2%; } .btn-filter-preference { margin-bottom: 35px; } .device-card-panel { margin-top: 40px; } .device-btn-black { text-align: center; } .phone-options-m { border: 1px solid #ccc; padding: 15px; width: 150px; height: 180px; text-align: center; } .right-blk-m { height: 85px; padding: 10px 20px; width: auto; } .selectphone .phone-options-m.slick-slide img { display: block; height: 100%; margin: 0 auto; width: auto; } .tab-blk-box .dev-remove { right: 3px; top: -3px; } .device-name { font-size: 14px; color: #5f259f; } .cell-space-2 { padding: 2px !important; margin: 0 !important; } } @media screen and (min-width: 640px) { .device-actions li { width: 51.29%; /* 318px */ } .device-card-panel { margin-top: 70px; } } @media screen and (max-width: 939px) { .filter .preference-wrap { max-width: 639px; min-width: 500px; width: 100%; } .device-actions .search.wd-100, .search-holder.wd-100 { width: 100%; } .btn-filter-search { margin-right: 0; } .device-selection-overlay fieldset, .device-details-sideview fieldset { width: 68px; margin-right: 0; } .device-selection-overlay .overlay-inner { margin: 0; } .search-selection { border: none; border-radius: 0; } .device-details .storage-selection fieldset { margin-right: 15px; } .device-details .storage-selection fieldset:last-child { margin-right: 20px; } .prevnext-blk .inndiv a .arrow { height: 50px; line-height: 50px; } .device-details-for .area-block { padding-left: 8% !important; padding-right: 10%; } .prevnext-blk .inndiv a:hover .prevnext-prod { display: none; } .prod-detailspage .prevnext-blk { top: 350px !important; } .prod-detailspage .articleNext { right: 0; } .prevnext-blk { height: 60px !important; } .phone-options { max-width: 400px; border-right: 1px solid #ccc; } .search-holder input { width: 80% !important; } .cmg-soon { bottom: 100px; } .tab-box-view.phone-options { width: 300px; height: 255px; border-right: 1px solid #ccc; height: 350px; } .tab-box-view.selectphone .left-blk { width: 150px; } .tab-box-view.selectphone .right-blk { left: 180px; top: 30px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .filter .preference-wrap { max-width: 939px; min-width: 639px; width: 100%; } .search-holder { width: 40px; } .device-actions .device-search { width: 45px; float: right; } .device-selection-overlay .storage-selection { width: 315px; } .device-selection-overlay fieldset { margin-right: 10px; } .prevnext-blk .inndiv a .arrow { height: 50px; line-height: 50px; } } @media screen and (max-width: 939px) { .device-details .tab-content { padding-left: 20px !important; } .device-details .nav-tabs > li > a { min-width: 130px; } .device-btn-black { text-align: center; } .device-btn-black .btn { padding: 6px 60px; } .device-details-for .area-block { padding-left: 13%; padding-right: 10%; } .device-details .nav-tabs > li > a { font-size: 16px !important; } .storage-selection { width: 340px; margin: 40px auto auto; } .storage-selection .lst-blk { margin-right: 0; } .device-filter-group.panel-theme.galleryFilter .container { overflow: visible; } } @media screen and (min-width: 940px) { .device-actions li { width: 100%; max-width: 300px; } .filter .preference-wrap { width: 1170px; } .device-actions .btn-group-devices { width: 220px; } .device-actions button .btn-text, .device-actions button .btn-base { width: 220px; } .device-actions li.sort { max-width: 400px; /* 248px */ } .device-actions .device-search { width: 4.77%; } .search-holder { width: 270px; margin-left: 4px; } .filter-list { min-width: 225px; display: block; float: left; } .filter-list h3 { margin-bottom: 30px; } .btn-filter-search { margin-right: 15px; } .device-selection-overlay fieldset, .device-details-sideview fieldset { width: 70px; margin-right: 10px; } .device-search .search-selection { border: 1px solid #ccc; border-radius: 25px; } .storage-selection { margin: 56px auto 0; overflow: hidden; text-align: center; width: 320px; } } @media screen and (max-width: 1169px) { .print-device-grid { display: none; } } @media screen and (min-width: 1170px) { .print-device-grid { background: url("clientlib-site/img/print.png") no-repeat 45px 0; width: 35px; height: 34px; z-index: 999; border: none; padding-right: 80px; text-align: left; margin-top: 70px; position: absolute; margin-left: 1%; padding-left: 0; right: 0; } .print-device-grid:after { border-top: 1px solid #5f259f; content: ''; width: 35px; height: 5px; display: block; } .device-preference-group { margin-bottom: 35px; margin-top: 35px; width: 970px; } } /* */ .device-gallery { z-index: 10; } .filter-list h3 { font-size: 21px; } .btn-popup { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; cursor: pointer; margin: auto !important; outline: medium none; overflow: visible !important; text-align: right; width: auto !important; padding: 0; } .btn-popup span.icon-add-comp, .btn-popup span.icon-remove-comp { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #0096e6; display: block; float: right; font-size: 18px; height: 15px; line-height: 1.2em; margin-left: 15px; margin-right: 5px; outline: medium none; text-align: center; width: 15px; } .toggle-close { display: none; background-color: none; float: left; } .btn-popup.close:after { background: none; content: 'x'; } .device-default-block { margin-top: 55px; margin-bottom: 5px; } .device-default-block img { margin: auto; } .device-selection-overlay { top: 40px; position: absolute; background: #fff; width: 100%; display: none; left: 0; right: 0; margin: auto; height: 89%; } .device-details-sideview { text-align: center; width: 100%; margin: auto; } .product-name { margin-bottom: 0; color: #5f259f; font-size: 16px; } .device-default-block .product-name { margin-top: 12px; margin-bottom: 6px; } .product-price { font-size: 24px; } .device-box { margin-bottom: 30px; } .device-box .device-default-block > fieldset { min-height: 100px; } .device-gallery a { color: #0096e6; display: inline-block; margin-bottom: 6px; margin-top: 4px; text-decoration: none; } .device-gallery a:hover { color: #007cbd; text-decoration: none; } .text-default .product-price-tax { color: #666; } .full-compare a.link-arrow { color: #0096e6; } .full-compare a.link-arrow:hover { color: #007cbd; } .full-compare .link-arrow .link-arrow-icon { vertical-align: sub; } .access-link { top: -60px; right: 5%; display: none; } .access-link img { margin-bottom: 15px; } .link-arrow.view-details .link-arrow-icon { font-size: 12px; padding-left: 4px; padding-top: 3px; vertical-align: middle; } .device-selection-overlay fieldset, .device-details-sideview fieldset { display: inline-block; } .device-selection-overlay .color-selection fieldset, .device-details-sideview .color-selection fieldset { display: inline-block; float: none; margin: 0 10px 0 auto; width: auto; height: 38px; } .torage-selection { height: 70x; } .color-selection input[type='radio'], .storage-selection input[type='radio'] { display: none; } .color-selection { margin-top: 25px; margin-bottom: 25px; display: block; position: relative; } .landing .color-selection { margin-bottom: 10px; } .color-selection label { display: inline-block; padding: 4px 11px; height: 34px; width: 34px; border-radius: 50%; font-weight: normal; margin: 0; } .color-selection input[type='radio'] + label { border: 2px solid #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); -webkit-transition: box-shadow 0.3s ease, border 0.3s ease; transition: box-shadow 0.3s ease, border 0.3s ease; color: #666666; cursor: pointer; } .storage-selection input[type='radio'] + label { color: #666666; cursor: pointer; } .color-selection input[type='radio'] + label > span { visibility: hidden; position: absolute; top: 55px; left: 0; width: 100%; text-align: center; } .color-selection .active input[type='radio'] + label > span { visibility: visible; } .color-selection .device-color1 + label { background-color: #f4dfd0; } .color-selection .device-color2 + label { background-color: #e7d3bf; } .color-selection .device-color3 + label { background-color: #f7f7f7; } .color-selection .device-color4 + label { background-color: #818387; } .color-selection > fieldset { border: 2px solid #fff; border-radius: 20px; } .color-selection > fieldset.active { border-color: #0096e6; } .storage-selection label { width: 70px; display: block; border: 1px solid #eee; text-align: center; font-weight: normal; padding-top: 4px; vertical-align: middle; } .device-storage-label > span.gstIncluded { font-size: 10px; line-height: 18px; } .device-storage-label > span.storage-price { color: #333; margin-top: 4px; font-size: 13px; } .storage-selection label span.big-size { color: #5f259f; display: block; font-size: 16px; } .storage-selection label span.small-size { font-size: 1.143em; /*16px*/ color: #5f259f; } .storage-selection .active input[type='radio'] + label, .storage-selection .active input + label { border: 2px solid #0096e6; } .btn-device-select.prefer-remove { display: none; margin: 40px auto 0; } .overlay-outer { display: none; } .filter-wrap input[type='checkbox'] { display: none; } .filter-wrap input[type='checkbox'] + .label-text:before { content: url("clientlib-site/img/unchecked.jpg"); display: block; float: left; height: 20px; margin-right: 10px; margin-top: 6px; width: 20px; } .filter-wrap input[type='checkbox'].selected-filter + .label-text:before { content: url("clientlib-site/img/checked.jpg"); } .label-text { vertical-align: top; cursor: pointer; font-weight: normal; line-height: 2em; } .filter label { display: block; margin-bottom: 10px; } .filter-wrap, .sort-wrap { padding: 20px; } .filter-wrap p { font-weight: bold; } .device-actions { margin: 0; padding: 0; width: 100%; max-width: 1170px; } .device-actions li { float: left; position: relative; } .device-actions .btn-group-devices { background: #fff; border: none; color: #5f259f; height: 70px; display: block; font-size: 24px; float: left; text-align: left; padding-left: 0; outline: 0; } .device-actions .btn-group-devices.disable { cursor: default; opacity: 0.3; } .device-details1.gallery .slick-slide img { display: block; height: 100%; margin: 0 auto; width: auto; max-width: 100%; } .device-details1.gallery .area-block { height: 280px; margin: 0 !important; padding: 0 !important; width: 390px; } .device-details1.gallery.device-details-for.slick-initialized.slick-slider { margin: 40px 0; } .device-details-left .price-group { margin-top: 15px; } .device-actions .btn-group-devices .btn-text .big-drop-arrow-down { display: block; float: right; transition: all 1s ease 0s; } .device-actions .btn-group-devices .btn-text.test .big-drop-arrow-down { transform: rotate(180deg); } .device-actions .btn-group-devices:after { content: ''; display: block; background: #fff; height: 70px; position: absolute; right: 0; top: 0; cursor: not-allowed; } .device-actions button .btn-text { display: block; cursor: pointer; } .device-actions .btn-group-devices .btn-text.test:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .device-actions button .btn-base { height: 4px; display: block; background: #5f259f; margin-top: 10px; cursor: pointer; } .device-actions .btn-group-devices.disable .btn-text, .device-actions .btn-group-devices.disable .btn-base { cursor: default; } .preference-wrap { background: none; top: 70px; z-index: 999; display: none; opacity: 1; } .device-actions button.btn-filter-show .btn-text:after { background: url("clientlib-site/img/arrow-down.png") no-repeat 0 0; } .device-actions .preference-list { position: absolute; background: #fff; margin: auto; overflow: hidden; top: 0; border: 1px solid #f1f1f1; border-top: 0; box-shadow: 0px 10px 10px #aaa; } .device-actions .filter-wrap { left: 0; } .device-actions .sort-wrap { width: 230px; left: 0; } .device-actions .device-search { background: #fff; } .search-holder { height: 50px; background: #fff; margin-bottom: 10px; margin-top: 10px; border: 1px solid #fff; } .search-holder input { display: none; float: left; width: 190px; border: none; outline: none; font-size: 1em; color: #6f6f72; margin: 13px 0 10px 20px; } .btn-filter-search { margin-top: 10px; display: block; width: 24px; height: 23px; background-color: transparent; border: none; outline: none; border-radius: 0; float: right; } .btn-filter-search .icon-search::before { font-size: 30px; margin-left: -7px; color: #de188b; } .load-more-action button { font-size: 2em; padding: 0 0 15px 0; color: #5f259f; border-bottom: 5px solid #5f259f; } .load-more-action button:hover, .load-more-action button:focus { border-bottom: 5px solid #5f259f; } /* Start Device Details */ .device-actions .sort-wrap label { display: inline-block; width: 100%; margin: 0 0 25px 0; text-align: left; font-weight: normal; color: #6f6f72; cursor: pointer; } .device-actions .sort-wrap input[type='radio'] { display: none; text-align: left; padding: 0; } .device-actions .sort-wrap input[type='radio']:checked ~ label { color: #0096e6; } .filter .btn-reset { color: #5f259f; /* purple */ text-decoration: underline; } .filter .btn-reset:hover, .filter .btn-reset:focus { color: #5f259f; /* purple */ text-decoration: underline; } /* Start Device Promo */ .device-promo { background-color: #d4d4d4; background-image: linear-gradient(to bottom, #d4d4d4, #dedcdd); } .device-promo-text span { background: #de188b; color: #fff; } .device-promo-more a { background: #13a4de; color: #fff; } .device-card-ribbon { height: 115px; left: 0; margin: 0; overflow: hidden; position: absolute; top: 0; width: 115px; z-index: 9; } .device-card-ribbon-body { width: auto; height: auto; background-color: #5f259f; border: 1px solid black; margin: 20px -30px 0 -60px; color: #fff; padding: 8px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); text-transform: uppercase; font-size: 12px; } /* */ .device-details { max-width: 1170px; margin: 50px 0; } .device-details-for { overflow: hidden; } .tab-content > .tab-pane { padding: 0 0 30px; } .device-details-for .slick-prev, .device-details-for .slick-next { top: 50%; z-index: 1; } .device-details-for .slick-prev { left: 0; } .device-details-for .slick-next { left: auto; right: 0; } .device-details-for .slick-prev:nth-child(n), .device-details-for .slick-next:nth-child(n) { height: auto; width: auto; line-height: inherit; font-size: inherit; position: absolute; display: block; margin: auto; } .device-details-for .area-block { width: 340px; margin-bottom: 30px; } .device-details-nav .area-block { display: block; float: left; height: 64px !important; margin: 0 10px 0 0; padding: 0 !important; width: 64px !important; border: 1px solid #e8e8e8; } .device-details-nav .area-block:hover { cursor: pointer; } .device-details-nav .area-block img { height: 80%; margin: 10% auto; width: auto; max-width: 100%; } .device-details-nav .area-block.slick-current { border: 1px solid #0096e6; } .device-details ul { margin: 0; padding: 0; } .device-details button { max-width: 170px; } .device-details button span { display: block; position: relative; padding-right: 15px; padding-bottom: 3px; } .device-details button span:after { content: ''; display: block; width: 9px; height: 15px; margin-left: 10px; position: absolute; top: 5px; right: 0; } .device-details .btn-primary span:after { background: url("clientlib-site/img/arrow-rt-prime.png") no-repeat; } .device-details .btn-secondary span:after { background: url("clientlib-site/img/arrow-rt-sub.png") no-repeat; } .spec-category-title { display: block; margin: 50px 0 30px; font-size: 21px; } .btn-reset { font-weight: bold; text-decoration: underline; font-size: 21px; box-shadow: none; } .btn-close:after { display: block; width: 30px; height: 30px; content: 'X'; font-size: 20px; } .device-details .tab-content { border: 1px solid #ddd; border-top: none; } .device-details .nav li a { font-size: 18px; } .device-details .nav-tabs > li > a { color: #6f6f72; font-weight: bold; padding-left: 25px; padding-right: 25px; outline: none; } .device-details .nav-tabs > li.active > a { color: #0096e6; } /* End Device Details */ /* Start Panel Device Compare */ .device-compare-panel { bottom: 0; left: 0; position: fixed; z-index: 999; } .compare-panel-inner { border: 1px solid #b2b2b2; } .device-compare-panel .row.compare-panel-inner { margin: 0; } .compare-panel-inner button .toggle-close { display: block; } .device-compare-color { border-right: 1px solid #ccc; padding-right: 7px; display: inline-block; line-height: 16px; } .btn-filter-preference { border: 1px solid #e4e4e4; background: white; border-radius: 30px; padding: 5px 5px 7px; } .btn-filter-preference.active { color: #fff; border: 1px solid #149ee8; background: #149ee8; } .btn-filter-preference .toggle-close { display: block; } .btn-filter-reset { padding: 0; border-bottom: 1px solid #5f259f; color: #5f259f; } .btn-filter-reset:hover, .btn-filter-reset:focus { border-bottom: 1px solid #5f259f; color: #5f259f; } .comparision-invoke-link .link-arrow { color: #0096e6; text-decoration: none; } .comparision-invoke-link .link-arrow:hover .comparision-invoke-link .link-arrow:focus { color: #0096e6; text-decoration: none; } .detailpage-product-price { font-size: 13px; } .btn-plain.btn-compare-clear .btn-compare-clear-icon { padding-left: 10px; vertical-align: sub; } .btn-compare-panel { background: #fff; margin-right: -12px; } .btn-compare-panel:hover, .btn-compare-panel:focus { background: #fff; } .btn-compare-panel .toggle-show { display: none; text-align: center; padding: 5px; } .btn-compare-panel .toggle-show.toggle-block { display: block; } .modal .device-details-left .slick-track.drag-left { margin-left: -80px; width: 320px !important; } .btn-reset-wrap { width: 100%; text-align: right; } .device-details-right .tab-content .row { margin-bottom: 30px; } .device-details-right .tab-content .spec-section-title { font-weight: normal; color: #000; } .device-details .nav-tabs > li > a { color: #6f6f72; font-weight: bold; max-width: 230px; text-align: center; padding-top: 25px; padding-bottom: 25px; height: 85px; } .device-details .nav-tabs > li.active > a { color: #0096e6; } .device-details .nav-tabs > li:hover > a { background: none !important; } .device-details .nav-tabs > li.active > a:hover { border-bottom: 1px solid #fff; } .device-actions li, .tab-content ul li { list-style-type: none; } .device-details-left h3, .device-details-left .price-group { text-align: center; } .device-details-data h4 { color: #000; } .sp-out-right-20 { margin-right: 20px; } button.btn-compare-panel, .btn-plain.btn-compare-clear { font-size: 16px !important; } .spacer-comp-list { padding: 25px 15px; } .dev-remove { position: absolute; width: 14px; height: 14px; right: 5px; top: 10px; cursor: pointer; } .c-blk { color: #000; } .cmg-soon { position: absolute; background: purple; padding: 1px 10px; bottom: 107px; width: 100px; border-radius: 20px; color: #fff; left: 50%; margin-left: -50px; font-size: 12px; } .device-details ul { margin-top: 7px; } .device-details-right .tab-content .device-features ul { margin-bottom: 40px; } .device-details-right .tab-content .device-features ul li { margin-bottom: 4px; } /*overlay inner*/ .overlay-inner .product-name { margin-top: 20px; margin-bottom: 5px; } .overlay-inner .product-price { margin-bottom: 30px; } .hide-btn { padding: 5px; } /* End Panel Device Compare */ .btn-filter-preference .toggle-close.icon-close { display: block; font-size: 14px; padding: 3px 5px 0; } .btn-filter-preference:hover { background: #0096e6 none repeat scroll 0 0; color: #fff; } @media screen and (max-width: 770px) { .device-details-for .area-block { padding-left: 8% !important; padding-right: 10%; } } @media screen and (max-width: 670px) { .device-details-for .area-block { padding-left: 6% !important; padding-right: 10%; } } @media screen and (max-width: 630px) { .color-selection label { padding: 4px 10px; width: 20px !important; height: 20px !important; } } @media screen and (max-width: 550px) { .device-details .storage-selection fieldset { margin-right: 10px; } .storage-selection { width: 320px; } } @media screen and (max-width: 530px) { .device-details-for .area-block { padding-left: 2% !important; padding-right: 10%; } .device-btn-black .btn { padding: 6px 25px; } } @media screen and (max-width: 690px) { .device-details .tab-outer-container { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 450px) { .device-details-for .area-block { padding-left: 0% !important; padding-right: 10%; } .device-actions .preference-list { width: 70% !important; } } @media screen and (max-width: 430px) { .storage-selection label, .device-selection-overlay fieldset, .device-details-sideview fieldset { width: 63px; } .btn-plain.btn-compare-clear, .btn-compare-clear:after { font-size: 9px !important; } } @media (max-width: 500px) { .btn-compare-clear:after { width: 3px !important; padding-left: 3px !important; } .storage-selection label span.small-size { font-size: 1.1em; } } @media screen and (max-width: 400px) { .device-actions li { width: 34%; /* 205px */ min-width: 130px; } } @media screen and (max-width: 490px) { .cmg-soon { bottom: 120px !important; } } @media screen and (max-width: 390px) { .phone-options-m { width: 120px; } } @media screen and (max-width: 347px) { .cmg-soon { bottom: 145px !important; } } @media screen and (max-width: 530px) { .device-details .nav-tabs > li > a { width: 95px !important; min-width: 95px; /* aem fix*/ padding-left: 10px; padding-right: 10px; word-wrap: break-word; } .device-default-block.landing img { padding: 0 20px; } span.toggle-compare, span.toggle-close { font-size: 0.8em; } .cell-space-2 { padding: 2px !important; margin: 0 !important; } .device-selection-overlay .color-selection fieldset, .device-details-sideview .color-selection fieldset { height: 28px !important; } .color-selection input[type='radio'] + label > span { top: 36px; } } @media screen and (max-width: 700px) { .device-actions li { width: 41%; } .device-actions .preference-list { width: 85%; } } @media only screen and (min-device-width: 940px) and (max-device-width: 1200px) { .cell-space-2 { padding: 2px !important; margin: 0 !important; } .landing .device-selection-overlay fieldset, .device-details-sideview fieldset { width: 22%; margin-right: 5px; } .landing .storage-selection label { min-width: 50px; } .landing .storage-selection label span { font-size: 13px; } .landing .storage-selection label span.small-size { font-size: 13px; } .landing .storage-selection label span.big-size { font-size: 14px; } .search-holder { width: 225px; } .search-holder input { width: 150px; } .btn-plain.btn-compare-clear { margin-right: 45px; } } @media only screen and (min-device-width: 640px) and (max-device-width: 780px) { .cell-space-2 { padding: 2px !important; margin: 0 !important; } .landing .device-selection-overlay fieldset, .landing .device-details-sideview fieldset { width: 22%; margin-right: 5px; } .landing .storage-selection label { min-width: 50px; } .landing .storage-selection label span { font-size: 13px; } .landing .storage-selection label span.small-size { font-size: 13px; } .landing .storage-selection label span.big-size { font-size: 14px; } .device-selection-overlay .landing .storage-selection { width: 280px; } } @media only screen and (min-device-width: 640px) and (max-device-width: 939px) { .product-price { font-size: 22px; } } @media (max-width: 639px) { .color-selection label { padding: 4px 10px !important; width: 24px !important; height: 24px !important; } .product-price { font-size: 22px; } .btn-plain.btn-compare-clear { margin-right: 0; } .cmg-soon { bottom: 27%; } .device-selection-overlay .color-selection fieldset, .device-details-sideview .color-selection fieldset { height: 28px !important; } .color-selection input[type='radio'] + label > span { top: 36px; } .device-storage-label > span.storage-price { font-size: 11px; } } /*Testing block*/ .product-img { text-align: center; position: relative; overflow: hidden; height: 210px; max-width: 355px; white-space: nowrap; text-align: center; } .product-img img { max-width: 100%; max-height: 100%; height: auto; width: auto; } @media (max-width: 500px) { .product-img { height: 100%; height: 100px; } } /* aem fix*/ .device-details-for .slick-prev:nth-child(n), .device-details-for .slick-next:nth-child(n) { height: 28px; width: 18px; } @media (max-width: 639px) { .product-img { max-width: 472px; } .btn-device-select.btn-primary.sp-out-top-40.prefer-select { margin-top: 20px; } .storage-selection label, .device-selection-overlay fieldset, .device-details-sideview fieldset { width: 54px; } .device-selection-overlay fieldset, .device-details-sideview fieldset { margin-right: 2%; } .device-selection-overlay fieldset:last-child, .device-details-sideview fieldset:last-child { margin-right: 0; } .storage-selection label span.big-size { font-size: 14px; } .overlay-inner .storage-selection { margin: 50px auto auto; } .device-actions .btn-group-devices { font-size: 16px; } .device-actions li { min-width: 105px; } .filter .preference-wrap { min-width: 250px; } .sort .preference-wrap { min-width: 160px; } .device-actions .preference-list { width: 100% !important; } } @media only screen and (min-device-width: 640px) and (max-device-width: 840px) { .device-selection-overlay .storage-selection { width: 100%; } .device-selection-overlay .color-selection { width: 248px; margin-left: auto; margin-right: auto; } } .gallerySortByText { color: #666; display: inline-block; font-size: 12px; } @media screen and (max-width: 639px) { .device-details .tab-outer-container { margin-left: 0; margin-right: 0; } .overlay-inner .storage-selection { width: 100%; } .prod-detailspage .device-details .panel-wrap > .row { margin: 0 -10px; } .device-details .nav-tabs > li > a { border-radius: 0; font-size: 13px !important; height: auto; margin: 0; min-width: 95px; overflow-wrap: break-word; padding: 14px 0; width: 100px !important; } .device-details-for .slick-prev { left: 10px; } .device-details-for .slick-next { right: 10px; } .gallerySortByText { display: none; } .btn-device-select.prefer-remove { margin: 20px auto 0; } .device-storage-label > span.storage-price, .detailpage-product-price { font-size: 11px; } } .color-selection input[type='radio'].white + label, .color-selection input[type='radio'].White + label { border: 2px solid #e8e8e8; } .color-selection .active input[type='radio'].white + label, .color-selection .active input[type='radio'].White + label { border: 2px solid #e8e8e8; } @media only screen and (min-device-width: 700px) and (max-device-width: 939px) { .device-actions li { width: 40%; } } .device-details-left .gallery.slick-slider.device-details-nav .slick-track.drag-left { display: table; margin: 0 auto; transform: none !important; width: auto !important; } /* Colors */ .purple { color: #5f259f !important; } .orange { color: #ff9b00 !important; } .pink { color: #ec008c !important; } .green { color: #00af55 !important; } .white { color: #ffffff !important; } .black, .black80 { color: #333333 !important; } .black60 { color: #666666 !important; } .black30 { color: #b2b2b2 !important; } .black8 { color: #e8e8e8 !important; } .blue { color: #0096e6 !important; } /* Bg Colors */ .purple_bg { background: #5f259f !important; } .orange_bg { background: #ff9b00 !important; } .black_bg { background: #333333 !important; } .pink_bg { background: #ec008c !important; } .green_bg { background: #00af55 !important; } .white_bg { background: #ffffff !important; } .black80_bg { background: #333333 !important; } .black60_bg { background: #666666 !important; } .black30_bg { background: #b2b2b2 !important; } .black8_bg { background: #e8e8e8 !important; } .grey_bg { background: #f2f2f2 !important; } /* Colors Theme - Colors */ /* purpleorange */ .purple-orange .themecolor_1 { color: #5f259f !important; } .purple-orange .themecolor_1_border { border-color: #5f259f !important; } .purple-orange .themecolor_2 { color: #ff9b00 !important; } .purple-orange .themecolor_2_border { border-color: #ff9b00 !important; } .purple-orange.invert .themecolor_1 { color: #ff9b00 !important; } .purple-orange.invert .themecolor_1_border { border-color: #ff9b00 !important; } .purple-orange.invert .themecolor_2 { color: #5f259f !important; } .purple-orange.invert .themecolor_2_border { border-color: #5f259f !important; } /* pinkgreen */ .pink-green .themecolor_1 { color: #ec008c !important; } .pink-green .themecolor_1_border { border-color: #ec008c !important; } .pink-green .themecolor_2 { color: #00af55 !important; } .pink-green .themecolor_2_border { border-color: #00af55 !important; } .pink-green.invert .themecolor_1 { color: #00af55 !important; } .pink-green.invert .themecolor_1_border { border-color: #00af55 !important; } .pink-green.invert .themecolor_2 { color: #ec008c !important; } .pink-green.invert .themecolor_2_border { border-color: #ec008c !important; } /* greenorange */ .green-orange .themecolor_1 { color: #00af55 !important; } .green-orange .themecolor_1_border { border-color: #00af55 !important; } .green-orange .themecolor_2 { color: #ff9b00 !important; } .green-orange .themecolor_2_border { border-color: #ff9b00 !important; } .green-orange.invert .themecolor_1 { color: #ff9b00 !important; } .green-orange.invert .themecolor_1_border { border-color: #ff9b00 !important; } .green-orange.invert .themecolor_2 { color: #00af55 !important; } .green-orange.invert .themecolor_2_border { border-color: #00af55 !important; } /* pinkpurple */ .pink-purple .themecolor_1 { color: #ec008c !important; } .pink-purple .themecolor_1_border { border-color: #ec008c !important; } .pink-purple .themecolor_2 { color: #5f259f !important; } .pink-purple .themecolor_2_border { border-color: #5f259f !important; } .pink-purple.invert .themecolor_1 { color: #5f259f !important; } .pink-purple.invert .themecolor_1_border { border-color: #5f259f !important; } .pink-purple.invert .themecolor_2 { color: #ec008c !important; } .pink-purple.invert .themecolor_2_border { border-color: #ec008c !important; } /* purplegreen */ .purple-green .themecolor_1 { color: #5f259f !important; } .purple-green .themecolor_1_border { border-color: #5f259f !important; } .purple-green .themecolor_2 { color: #00af55 !important; } .purple-green .themecolor_2_border { border-color: #00af55 !important; } .purple-green.invert .themecolor_1 { color: #00af55 !important; } .purple-green.invert .themecolor_1_border { border-color: #00af55 !important; } .purple-green.invert .themecolor_2 { color: #5f259f !important; } .purple-green.invert .themecolor_2_border { border-color: #5f259f !important; } /* orangepink */ .orange-pink .themecolor_1 { color: #ff9b00 !important; } .orange-pink .themecolor_1_border { border-color: #ff9b00 !important; } .orange-pink .themecolor_2 { color: #ec008c !important; } .orange-pink .themecolor_2_border { border-color: #ec008c !important; } .orange-pink.invert .themecolor_1 { color: #ec008c !important; } .orange-pink.invert .themecolor_1_border { border-color: #ec008c !important; } .orange-pink.invert .themecolor_2 { color: #ff9b00 !important; } .orange-pink.invert .themecolor_2_border { border-color: #ff9b00 !important; } /* Colors Theme - Background */ /* purpleorange */ .purple-orange .themecolor_1_bg { background: #5f259f !important; } .purple-orange .themecolor_2_bg { background: #ff9b00 !important; } .purple-orange.invert .themecolor_1_bg { background: #ff9b00 !important; } .purple-orange.invert .themecolor_2_bg { background: #5f259f !important; } .purple-orange .slick-dots li.slick-active button[type='button'] { background: #5f259f !important; } .purple-orange.invert .slick-dots li.slick-active button[type='button'] { background: #ff9b00 !important; } /* extras */ /* pinkgreen */ .pink-green .themecolor_1_bg { background: #ec008c !important; } .pink-green .themecolor_2_bg { background: #00af55 !important; } .pink-green.invert .themecolor_1_bg { background: #00af55 !important; } .pink-green.invert .themecolor_2_bg { background: #ec008c !important; } .pink-green .slick-dots li.slick-active button[type='button'] { background: #ec008c !important; } .pink-green.invert .slick-dots li.slick-active button[type='button'] { background: #00af55 !important; } /* extras */ /* greenorange */ .green-orange .themecolor_1_bg { background: #00af55 !important; } .green-orange .themecolor_2_bg { background: #ff9b00 !important; } .green-orange.invert .themecolor_1_bg { background: #ff9b00 !important; } .green-orange.invert .themecolor_2_bg { background: #00af55 !important; } .green-orange .slick-dots li.slick-active button[type='button'] { background: #00af55 !important; } .green-orange.invert .slick-dots li.slick-active button[type='button'] { background: #ff9b00 !important; } /* extras */ /* pinkpurple */ .pink-purple .themecolor_1_bg { background: #ec008c !important; } .pink-purple .themecolor_2_bg { background: #5f259f !important; } .pink-purple.invert .themecolor_1_bg { background: #5f259f !important; } .pink-purple.invert .themecolor_2_bg { background: #ec008c !important; } .pink-purple .slick-dots li.slick-active button[type='button'] { background: #ec008c !important; } .pink-purple.invert .slick-dots li.slick-active button[type='button'] { background: #5f259f !important; } /* extras */ /* purplegreen */ .purple-green .themecolor_1_bg { background: #5f259f !important; } .purple-green .themecolor_2_bg { background: #00af55 !important; } .purple-green.invert .themecolor_1_bg { background: #00af55 !important; } .purple-green.invert .themecolor_2_bg { background: #5f259f !important; } .purple-green .slick-dots li.slick-active button[type='button'] { background: #5f259f !important; } .purple-green.invert .slick-dots li.slick-active button[type='button'] { background: #00af55 !important; } /* extras */ /* orangepink */ .orange-pink .themecolor_1_bg { background: #ff9b00 !important; } .orange-pink .themecolor_2_bg { background: #ec008c !important; } .orange-pink.invert .themecolor_1_bg { background: #ec008c !important; } .orange-pink.invert .themecolor_2_bg { background: #ff9b00 !important; } .orange-pink .slick-dots li.slick-active button[type='button'] { background: #ff9b00 !important; } .orange-pink.invert .slick-dots li.slick-active button[type='button'] { background: #ec008c !important; } /* Color Theme Alternating Child Theme */ /* purpleorange */ .purple-orange .alternate-child-theme > div:nth-child(even) .themecolor { color: #5f259f !important; } .purple-orange .alternate-child-theme > div:nth-child(even) .themecolor_bg { background-color: #5f259f !important; } .purple-orange .alternate-child-theme > div:nth-child(odd) .themecolor { color: #ff9b00 !important; } .purple-orange .alternate-child-theme > div:nth-child(odd) .themecolor_bg { background-color: #ff9b00 !important; } /* pinkgreen */ .pink-green .alternate-child-theme > div:nth-child(even) .themecolor { color: #ec008c !important; } .pink-green .alternate-child-theme > div:nth-child(even) .themecolor_bg { background-color: #ec008c !important; } .pink-green .alternate-child-theme > div:nth-child(odd) .themecolor { color: #00af55 !important; } .pink-green .alternate-child-theme > div:nth-child(odd) .themecolor_bg { background-color: #00af55 !important; } /* greenorange */ .green-orange .alternate-child-theme > div:nth-child(even) .themecolor { color: #00af55 !important; } .green-orange .alternate-child-theme > div:nth-child(even) .themecolor_bg { background-color: #00af55 !important; } .green-orange .alternate-child-theme > div:nth-child(odd) .themecolor { color: #ff9b00 !important; } .green-orange .alternate-child-theme > div:nth-child(odd) .themecolor_bg { background-color: #ff9b00 !important; } /* pinkpurple */ .pink-purple .alternate-child-theme > div:nth-child(even) .themecolor { color: #ec008c !important; } .pink-purple .alternate-child-theme > div:nth-child(even) .themecolor_bg { background-color: #ec008c !important; } .pink-purple .alternate-child-theme > div:nth-child(odd) .themecolor { color: #5f259f !important; } .pink-purple .alternate-child-theme > div:nth-child(odd) .themecolor_bg { background-color: #5f259f !important; } /* purplegreen */ .purple-green .alternate-child-theme > div:nth-child(even) .themecolor { color: #5f259f !important; } .purple-green .alternate-child-theme > div:nth-child(even) .themecolor_bg { background-color: #5f259f !important; } .purple-green .alternate-child-theme > div:nth-child(odd) .themecolor { color: #00af55 !important; } .purple-green .alternate-child-theme > div:nth-child(odd) .themecolor_bg { background-color: #00af55 !important; } /* orangepink */ .orange-pink .alternate-child-theme > div:nth-child(even) .themecolor { color: #ff9b00 !important; } .orange-pink .alternate-child-theme > div:nth-child(even) .themecolor_bg { background-color: #ff9b00 !important; } .orange-pink .alternate-child-theme > div:nth-child(odd) .themecolor { color: #ec008c !important; } .orange-pink .alternate-child-theme > div:nth-child(odd) .themecolor_bg { background-color: #ec008c !important; } /* extras */ /* Colors Theme - border */ @media screen and (max-width: 639px) { /* hero card fixes for mobile */ .hero-card .themecolor_1, .invert .hero-card .themecolor_1 { color: #fff !important; } .hero-card .themecolor_1_bg, .invert .hero-card .themecolor_1_bg { background: #fff !important; border: 2px solid; } /* purpleorange */ .purple-orange .hero-card .themecolor_1 { background: #5f259f !important; } .purple-orange.invert .hero-card .themecolor_1 { background: #ff9b00 !important; } .purple-orange .hero-card .themecolor_1_bg { color: #5f259f !important; } .purple-orange.invert .hero-card .themecolor_1_bg { color: #ff9b00 !important; } /* pinkgreen */ .pink-green .hero-card .themecolor_1 { background: #ec008c !important; } .pink-green.invert .hero-card .themecolor_1 { background: #00af55 !important; } .pink-green .hero-card .themecolor_1_bg { color: #ec008c !important; } .pink-green.invert .hero-card .themecolor_1_bg { color: #00af55 !important; } /* greenorange */ .green-orange .hero-card .themecolor_1 { background: #00af55 !important; } .green-orange.invert .hero-card .themecolor_1 { background: #ff9b00 !important; } .green-orange .hero-card .themecolor_1_bg { color: #00af55 !important; } .green-orange.invert .hero-card .themecolor_1_bg { color: #ff9b00 !important; } /* pinkpurple */ .pink-purple .hero-card .themecolor_1 { background: #ec008c !important; } .pink-purple.invert .hero-card .themecolor_1 { background: #5f259f !important; } .pink-purple .hero-card .themecolor_1_bg { color: #ec008c !important; } .pink-purple.invert .hero-card .themecolor_1_bg { color: #5f259f !important; } /* purplegreen */ .purple-green .hero-card .themecolor_1, .orange-pink .hero-card .themecolor_1 { background: #5f259f !important; } .purple-green.invert .hero-card .themecolor_1, .orange-pink.invert .hero-card .themecolor_1 { background: #00af55 !important; } .purple-green .hero-card .themecolor_1_bg, .orange-pink .hero-card .themecolor_1_bg { color: #5f259f !important; } .purple-green.invert .hero-card .themecolor_1_bg, .orange-pink.invert .hero-card .themecolor_1_bg { color: #00af55 !important; } /* orangepink */ } .bright1 { background: rgba(70, 72, 82, 0); } .bright2 { background: rgba(70, 72, 82, 0.1); } .bright3 { background: rgba(70, 72, 82, 0.2); } .bright4 { background: rgba(70, 72, 82, 0.3); } .bright5 { background: rgba(70, 72, 82, 0.4); } .bright6 { background: rgba(70, 72, 82, 0.5); } .bright7 { background: rgba(70, 72, 82, 0.6); } .bright8 { background: rgba(70, 72, 82, 0.7); } .bright9 { background: rgba(70, 72, 82, 0.8); } @font-face { font-family: "spark-icon-family"; src:url('clientlib-site/fonts/sd-iconfonts/spark-icon-family.eot'); src:url('clientlib-site/fonts/sd-iconfonts/spark-icon-family.eot?#iefix') format('embedded-opentype'), url('clientlib-site/fonts/sd-iconfonts/spark-icon-family.woff') format('woff'), url('clientlib-site/fonts/sd-iconfonts/spark-icon-family.ttf') format('truetype'), url('clientlib-site/fonts/sd-iconfonts/spark-icon-family.svg#spark-icon-family') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*="icon-"] { font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-4g:before { content: "\e066"; } .icon-4g-o:before { content: "\e025"; } .icon-account-f:before { content: "\e04f"; } .icon-activity:before { content: "\e000"; } .icon-activity-o:before { content: "\e026"; } .icon-add-extras:before { content: "\e001"; } .icon-add-extras-f:before { content: "\e051"; } .icon-add-extras-o:before { content: "\e027"; } .icon-add-f:before { content: "\e050"; } .icon-apps:before { content: "\e002"; } .icon-apps-o:before { content: "\e028"; } .icon-arrow-down:before { content: "\e052"; } .icon-arrow-left:before { content: "\e053"; } .icon-arrow-right:before { content: "\e054"; } .icon-arrow-up:before { content: "\e055"; } .icon-assistance:before { content: "\e0ac"; } .icon-assistance-o:before { content: "\e0a9"; } .icon-balance-f:before { content: "\e056"; } .icon-bill-f:before { content: "\e057"; } .icon-broadband:before { content: "\e003"; } .icon-broadband-o:before { content: "\e029"; } .icon-building:before { content: "\e0b1"; } .icon-building-2:before { content: "\e0b2"; } .icon-building-2-o:before { content: "\e0cc"; } .icon-building-o:before { content: "\e0cd"; } .icon-calendar-f:before { content: "\e069"; } .icon-call:before { content: "\e004"; } .icon-call-o:before { content: "\e02a"; } .icon-casual-data:before { content: "\e005"; } .icon-casual-data-o:before { content: "\e02b"; } .icon-checkbox-selected-f:before { content: "\e142"; } .icon-checkbox-unselected-f:before { content: "\e143"; } .icon-client-manager:before { content: "\e0b3"; } .icon-client-manager-o:before { content: "\e0ce"; } .icon-close:before { content: "\e058"; } .icon-cloud:before { content: "\e006"; } .icon-cloud-o:before { content: "\e02c"; } .icon-collaboration:before { content: "\e007"; } .icon-collaboration-o:before { content: "\e02d"; } .icon-connectivity:before { content: "\e008"; } .icon-connectivity-o:before { content: "\e02e"; } .icon-continuity:before { content: "\e083"; } .icon-continuity-o:before { content: "\e094"; } .icon-cost-analysis:before { content: "\e0b5"; } .icon-cost-analysis-o:before { content: "\e0d6"; } .icon-cost-effective:before { content: "\e0b6"; } .icon-cost-effective-o:before { content: "\e0d5"; } .icon-coverage:before { content: "\e009"; } .icon-coverage-o:before { content: "\e02f"; } .icon-current-spend-f:before { content: "\e059"; } .icon-customer-sourcing:before { content: "\e00a"; } .icon-customer-sourcing-o:before { content: "\e030"; } .icon-dashboard-f:before { content: "\e05a"; } .icon-data-center:before { content: "\e00b"; } .icon-data-center-o:before { content: "\e031"; } .icon-data-f:before { content: "\e065"; } .icon-devices:before { content: "\e00c"; } .icon-devices-o:before { content: "\e032"; } .icon-dislike-f:before { content: "\e079"; } .icon-edit-f:before { content: "\e05b"; } .icon-efficiency:before { content: "\e084"; } .icon-efficiency-o:before { content: "\e091"; } .icon-email-secure:before { content: "\e0b4"; } .icon-email-secure-o:before { content: "\e0cf"; } .icon-envelope:before { content: "\e00d"; } .icon-envelope-o:before { content: "\e033"; } .icon-expires:before { content: "\e00e"; } .icon-expires-o:before { content: "\e034"; } .icon-facebook:before { content: "\e04a"; } .icon-facebook-o:before { content: "\e04b"; } .icon-feedback:before { content: "\e07e"; } .icon-feedback-f:before { content: "\e07a"; } .icon-feedback-o:before { content: "\e062"; } .icon-fibre:before { content: "\e00f"; } .icon-file:before { content: "\e0b7"; } .icon-file-o:before { content: "\e0de"; } .icon-financial-gain:before { content: "\e0b8"; } .icon-financial-gain-o:before { content: "\e0d8"; } .icon-financial-invoice:before { content: "\e0b9"; } .icon-financial-invoice-o:before { content: "\e0d7"; } .icon-firewall:before { content: "\e0ba"; } .icon-firewall-o:before { content: "\e0d4"; } .icon-flexibility:before { content: "\e0a6"; } .icon-flexibility-o:before { content: "\e0a7"; } .icon-future-proof:before { content: "\e0ab"; } .icon-future-proof-o:before { content: "\e092"; } .icon-government:before { content: "\e0a5"; } .icon-government-o:before { content: "\e0a2"; } .icon-head-office:before { content: "\e0bb"; } .icon-head-office-o:before { content: "\e0d3"; } .icon-healthcare-establishment:before { content: "\e0bc"; } .icon-healthcare-establishment-o:before { content: "\e0d2"; } .icon-heart:before { content: "\e020"; } .icon-heart-o:before { content: "\e046"; } .icon-helpdesk:before { content: "\e0bd"; } .icon-helpdesk-o:before { content: "\e0d0"; } .icon-home-f:before { content: "\e05c"; } .icon-hubs:before { content: "\e010"; } .icon-hubs-o:before { content: "\e035"; } .icon-information-f:before { content: "\e05d"; } .icon-integration:before { content: "\e08b"; } .icon-integration-o:before { content: "\e093"; } .icon-labs:before { content: "\e012"; } .icon-labs-o:before { content: "\e037"; } .icon-landline:before { content: "\e073"; } .icon-landline-f:before { content: "\e075"; } .icon-landline-o:before { content: "\e074"; } .icon-laptop:before { content: "\e0c0"; } .icon-laptop-o:before { content: "\e0d9"; } .icon-like-f:before { content: "\e07b"; } .icon-linkedin:before { content: "\e04c"; } .icon-linkedin-o:before { content: "\e04d"; } .icon-lock:before { content: "\e11c"; } .icon-location:before { content: "\e07f"; } .icon-location-f:before { content: "\e07c"; } .icon-location-o:before { content: "\e077"; } .icon-logout:before { content: "\e080"; } .icon-logout-f:before { content: "\e07d"; } .icon-logout-o:before { content: "\e078"; } .icon-management:before { content: "\e09f"; } .icon-management-o:before { content: "\e099"; } .icon-menu-f:before { content: "\e05e"; } .icon-mobile:before { content: "\e013"; } .icon-mobile-broadband:before { content: "\e014"; } .icon-mobile-broadband-o:before { content: "\e038"; } .icon-mobile-o:before { content: "\e039"; } .icon-mobile-shared:before { content: "\e015"; } .icon-mobile-shared-f:before { content: "\e05f"; } .icon-mobile-shared-o:before { content: "\e03a"; } .icon-mobile-team:before { content: "\e0be"; } .icon-mobile-team-o:before { content: "\e0d1"; } .icon-music:before { content: "\e0aa"; } .icon-music-o:before { content: "\e0a8"; } .icon-network-pipe:before { content: "\e0bf"; } .icon-network-pipe-o:before { content: "\e0dc"; } .icon-new-zealand:before { content: "\e0b0"; } .icon-new-zealand-o:before { content: "\e0ad"; } .icon-no-charge:before { content: "\e0c1"; } .icon-no-charge-o:before { content: "\e0dd"; } .icon-notifications-f:before { content: "\e060"; } .icon-one-to-one:before { content: "\e0c2"; } .icon-one-to-one-o:before { content: "\e0da"; } .icon-online-portal:before { content: "\e0a4"; } .icon-online-portal-o:before { content: "\e0a3"; } .icon-online-purchase:before { content: "\e0c3"; } .icon-online-purchase-o:before { content: "\e0db"; } .icon-optimise:before { content: "\e09c"; } .icon-optimise-o:before { content: "\e08a"; } .icon-plans-detail:before { content: "\e06f"; } .icon-plans-detail-f:before { content: "\e06a"; } .icon-plans-detail-o:before { content: "\e06d"; } .icon-post-paid:before { content: "\e016"; } .icon-post-paid-o:before { content: "\e03b"; } .icon-pre-paid:before { content: "\e017"; } .icon-pre-paid-o:before { content: "\e03c"; } .icon-print:before { content: "\e018"; } .icon-print-o:before { content: "\e03d"; } .icon-process:before { content: "\e0af"; } .icon-process-o:before { content: "\e0ae"; } .icon-productivity:before { content: "\e08c"; } .icon-productivity-o:before { content: "\e095"; } .icon-products-f:before { content: "\e061"; } .icon-quality:before { content: "\e08d"; } .icon-quality-o:before { content: "\e096"; } .icon-radio-button-f:before { content: "\e076"; } .icon-radio-button-unselected-f:before { content: "\e13f"; } .icon-reduce-cost:before { content: "\e08e"; } .icon-reduce-cost-o:before { content: "\e097"; } .icon-renew:before { content: "\e019"; } .icon-renew-o:before { content: "\e03e"; } .icon-resilience:before { content: "\e0a0"; } .icon-resilience-o:before { content: "\e0a1"; } .icon-roaming:before { content: "\e071"; } .icon-roaming-o:before { content: "\e06e"; } .icon-robust:before { content: "\e086"; } .icon-robust-o:before { content: "\e09e"; } .icon-router:before { content: "\e087"; } .icon-router-o:before { content: "\e09d"; } .icon-satellite:before { content: "\e01a"; } .icon-satellite-o:before { content: "\e03f"; } .icon-scalibility:before { content: "\e088"; } .icon-scalibility-o:before { content: "\e09b"; } .icon-search:before { content: "\e040"; } .icon-security:before { content: "\e01b"; } .icon-security-o:before { content: "\e041"; } .icon-select-f:before { content: "\e01c"; } .icon-service:before { content: "\e011"; } .icon-service-o:before { content: "\e036"; } .icon-settings:before { content: "\e01d"; } .icon-settings-o:before { content: "\e043"; } .icon-sim-card:before { content: "\e01e"; } .icon-sim-card-o:before { content: "\e044"; } .icon-sim-lock:before { content: "\e0c4"; } .icon-sim-lock-o:before { content: "\e0e0"; } .icon-slide-share-f:before { content: "\e042"; } .icon-software:before { content: "\e0c5"; } .icon-software-o:before { content: "\e0df"; } .icon-spofity:before { content: "\e04e"; } .icon-system:before { content: "\e08f"; } .icon-system-o:before { content: "\e098"; } .icon-tablet:before { content: "\e0ca"; } .icon-tablet-o:before { content: "\e0e5"; } .icon-target:before { content: "\e0c9"; } .icon-target-o:before { content: "\e0e4"; } .icon-tech-support:before { content: "\e0c8"; } .icon-tech-support-o:before { content: "\e0e3"; } .icon-text:before { content: "\e01f"; } .icon-text-o:before { content: "\e045"; } .icon-tick:before { content: "\e082"; } .icon-tick-o:before { content: "\e081"; } .icon-top-up:before { content: "\e070"; } .icon-top-up-f:before { content: "\e06b"; } .icon-top-up-o:before { content: "\e06c"; } .icon-transactions:before { content: "\e021"; } .icon-transactions-o:before { content: "\e047"; } .icon-twitter:before { content: "\e067"; } .icon-video-conference-o:before { content: "\e0e2"; } .icon-video-conferencing:before { content: "\e0c7"; } .icon-video-play:before { content: "\e022"; } .icon-video-play-o:before { content: "\e048"; } .icon-virtual-meeting-room:before { content: "\e0c6"; } .icon-virtual-meeting-room-o:before { content: "\e0e1"; } .icon-visible-f:before { content: "\e135"; } .icon-visible-off-f:before { content: "\e136"; } .icon-warning-f:before { content: "\e063"; } .icon-web-builder:before { content: "\e023"; } .icon-web-builder-o:before { content: "\e049"; } .icon-webcam:before { content: "\e0cb"; } .icon-webcam-o:before { content: "\e0e6"; } .icon-wi-fi:before { content: "\e024"; } .icon-wi-fi-o:before { content: "\e072"; } .icon-wifi-f:before { content: "\e064"; } .icon-worker:before { content: "\e089"; } .icon-worker-o:before { content: "\e09a"; } .icon-www:before { content: "\e090"; } .icon-www-o:before { content: "\e085"; } .icon-youtube:before { content: "\e068"; } .icon-activity:before { content: "\e000"; } .icon-device-rotate-f:before { content: "\e0e7"; } .icon-shopping-bag:before { content: "\e0e8"; } .icon-shopping-bag-o:before { content: "\e0e9"; } .icon-close-new-f:before { content: "\e0ea"; } .icon-adobe-illustrator:before { content: "\e0eb"; } .icon-adobe-photoshop:before { content: "\e0ec"; } .icon-tech-support-1:before { content: "\e0ed"; } .icon-entertainment:before { content: "\e0ee"; } .icon-gift:before { content: "\e0ef"; } .icon-get-more:before { content: "\e0f0"; } /***Interaction css scroll card ****/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /* Accessibility SCSS starts */ .hmb-component-header.visible-md .header-nav-wrap .brand-logo a:focus { outline: 1px solid #0096E6; outline-offset: 2px; } .hmb-component-header.visible-md .header-nav-wrap .search [class*="icon-"]:focus { outline: 1px solid #0096E6; outline-offset: 2px; } .hmb-component-header.visible-md .header-nav-wrap .site-menubar .nav-list li.focused .subnav-list { visibility: visible; opacity: 1; transform: translateY(0%); transition-delay: 0.3s; } .hmb-component-header.visible-md .header-nav-wrap .site-menubar .nav-list li.focused .icon-arrow-down:before { transform: rotate(180deg); } .hmb-component-header.visible-md .header-nav-wrap .site-menubar a:focus { outline: 1px solid #0096E6; outline-offset: 2px; display: block; } .hmb-component-header.visible-md .header-nav-wrap .top-nav .global-links .global-links-dropdown.focused { border-bottom: 1px solid #333; } .hmb-component-header.visible-md .header-nav-wrap .top-nav .global-links .global-links-dropdown.focused .icon-arrow-down:before { transform: rotate(180deg); } .hmb-component-header.visible-md .header-nav-wrap .top-nav .global-links .global-links-dropdown.focused .global-link-list { opacity: 1; visibility: visible; } .hmb-component-header.visible-md .header-nav-wrap .top-nav .global-links .global-links-dropdown:focus { outline: 1px solid #0096E6; outline-offset: 2px; } .hmb-component-header.visible-md .header-nav-wrap .top-nav .global-links .sign-in-wrapper.focused > .user-options, .hmb-component-header.visible-md .header-nav-wrap .top-nav .global-links .sign-in-wrapper.focused > .user-checkout { display: block; opacity: 1; position: absolute; top: 26px; } .hmb-component-header.visible-md .header-nav-wrap .top-nav .global-links .sign-in-wrapper > .user-options, .hmb-component-header.visible-md .header-nav-wrap .top-nav .global-links .sign-in-wrapper > .user-checkout { transition: all 0.3s ease-in-out; transition-delay: 0.3s; } .hmb-component-header.visible-md .header-nav-wrap .top-nav a:focus { outline: 1px solid #0096E6; outline-offset: 2px; } .hmb-component-header.visible-md .secondnavigationbar .secondnavigationbar-body-link.focused .second-subnav-links { opacity: 1; visibility: visible; } .hmb-component-header.visible-md .search input[type="checkbox"] { visibility: hidden; } .secondnavigationbar a:focus { outline: 1px solid #0096E6; outline-offset: 2px; } .quick-links-scroll > .card > a:focus { outline: 1px solid #0096E6; outline-offset: 2px; } #hmb-footer a:focus { outline: 1px solid #0096E6; outline-offset: 2px; } /* Accessibility SCSS ends */ @media screen and (max-width: 939px) { .default-mobile-padding { padding: 0 40px; } } /* Chrome-specific styles for displaying terms policy body in separate lines */ @media print and (-webkit-min-device-pixel-ratio: 0) { .default-mobile-padding { text-align: left; max-width: 1100px; overflow: visible; } } nav ul#primary { display: inline-flex; list-style-type: none; margin-left:-40px; margin-top: 60px; } nav#modern-tabs.primary hr.clearfix { width: auto; height: 4px; border-radius: 2px; background-color: #dadada; margin-top: -38px; } nav ul#primary li a { height: 30px; margin: 0 36px 24px; font-family: AvenirNextLTPro-Demi; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333333; } nav ul#primary li.active { color: #5f259f; } nav ul#primary li.active a { color: #5f259f; } nav ul#primary li:hover a { color : #5f259f; } hr#primary { width: auto; height: 4px; border-radius: 2px; background-color: #dadada; } hr#primary.active { width: auto; height: 4px; border-radius: 2px; background-color: #5f259f; } nav ul#secondary li { color: rgb(102, 102, 102); display: inline-block; padding: 8px 8px; } nav ul#secondary li a { height: 40px; padding: 8px 16px; color : #333; font-size: 16px; } nav ul#secondary li.active a { background-color: rgb(95, 37, 159); color: white; border-radius: 20px; padding: 8px 16px 9px 16px; } nav ul#secondary li.active a:hover { color:white; } nav ul#secondary li:hover a { color: #5f259f; } nav ul#secondary { font-family: AvenirNextLTPro-Medium, venirNextLTPro-regular, Calibri, Arial, sans-serif; font-size: 12px; position: relative; display: inline-block; list-style-type: none; background: white; border-radius: 28px; border: solid #bababa; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 5px; padding-bottom: 5px; } nav div.custom-select-wrapper { display: none; } @media(max-width: 900px) { nav ul#secondary { display: none; } nav div.custom-select-wrapper { display: block; } nav div.custom-select_trigger { width: 48%; height: 52px; margin: 0px 16px 0px 16px; padding: 14px 24px 15px; border-radius: 28px; border: solid 2px #dadada; background-color: #ffffff; display: inline-block; list-style-type: none; } .custom-select_trigger span { min-width: 89%; display: inline-block; height: 20px; margin: 0 10px 1px 0; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #333333; } .custom-select.open .custom-select_trigger { border : solid 2px #5f259f; border-radius : 28px; } div.custom-select { border : none; } .custom-options { display : none; } .custom-select.open .custom-options { width: 48%; height: 185px; margin: 4px 16px 0px; padding: 8px 0 0; border-radius: 8px; box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.5); border: solid 1px #bababa; background-color: #ffffff; display : block; z-index : 9999; overflow-y : scroll; position: absolute; } .custom-options div { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #333333; padding: 10px 24px 10px 24px; } .custom-options div.custom-option.selected { padding: 10px 24px 10px 24px; background-color: #5f259f; color : white; } } @media (max-width: 599px) { nav#modren-tabs { margin-left : 3px; } nav#modern-tabs ul#primary { margin: 0 16px 0 -26px; margin-top: 40.5px; } nav#modern-tabs.primary hr.clearfix { margin-top: -27px; width: 90%; } nav ul#primary li a { height: 20px; margin: 40px 9px 24px 9px; font-family: AvenirNextLTPro-Demi; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; } nav div.custom-select_trigger { width: 93%; } .custom-select.open .custom-options { width: 93%; } } /* Custom select */ .arrow { position: relative; height: auto; width: auto; margin: 0 0 0 16px; } .arrow::before, .arrow::after { content: ""; position: absolute; bottom: 5px; width: 0.15rem; height: 50%; transition: all 0.3s; } .arrow::before { left: -5px; transform: rotate(-45deg); background-color: #394a6d; } .arrow::after { left: 4px; transform: rotate(45deg); background-color: #394a6d; } .open .arrow::before { left: -5px; transform: rotate(45deg); } .open .arrow::after { left: 4px; transform: rotate(-45deg); } @media (min-width: 310px) and (max-width: 370px) { nav ul#primary li a { font-size: 14px; margin: 40px 6px 24px 6px; } nav div.custom-select_trigger { margin: 0px 16px 0px 12px; } .custom-options div { padding: 10px 24px 10px 24px; } .custom-select.open .custom-options { width: 92%; } .custom-options div.custom-option.selected { padding: 10px 24px 10px 24px; } } @media(max-width: 1024px) { nav ul#secondary li a { padding: 8px 11px; } } .contentfragmentlist .plan-cards div.slick-track { display: inline-flex; } .contentfragmentlist .plan-cards .slick-prev.slick-disabled:before, .contentfragmentlist .plan-cards .slick-next.slick-disabled:before { opacity: .25; } .contentfragmentlist .plan-cards button[type=button].slick-prev, .contentfragmentlist .plan-cards button[type=button].slick-next { width: 26px !important; height: 30px !important; } .contentfragmentlist .plan-cards article.cmp-contentfragment { display: table-cell; width: 363px; margin: 60px 26px 0px 26px; object-fit: contain; background-color: #ffffff; } .contentfragmentlist .plan-cards article.cmp-contentfragment .clearfix { height: 1px; background-color: #e8e8e8; margin-left: 15px; margin-right: 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .pinkBanner { width: auto; height: auto; padding: 10px 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .pinkBanner .pinkBanner-value { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #ffffff; text-align: center; } .contentfragmentlist .plan-cards article.cmp-contentfragment .promo { width: auto; height: auto; padding: 10px 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .promo .promo-value { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #ffffff; text-align: center; } .contentfragmentlist .plan-cards article.cmp-contentfragment .header { padding-left: 15px; padding-top: 20px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .header .header-value { height: 60px; font-family: AvenirNextLTPro-Demi; font-size: 48px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; } .contentfragmentlist .plan-cards article.cmp-contentfragment .desc { padding: 0 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .desc .desc-value p { height: auto; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #666666; } .contentfragmentlist .plan-cards article.cmp-contentfragment .marketing { padding: 0 15px; height: auto; } .contentfragmentlist .plan-cards article.cmp-contentfragment .marketing .marketing-value p { height: auto; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #666666; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice { padding: 0 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice .planPrice-value { height: 48px; font-family: AvenirNextLTPro-Demi; font-size: 38px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #333333; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice .planPrice-value .super { width: 32px; height: 26px; font-size: 21px; line-height: normal; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice .planPrice-value .super sup { top: -1em; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice .planPrice-value .term { width: 72px; height: 26px; font-size: 21px; line-height: normal; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS { padding: 0 15px; height: auto; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS .newVAS-value { color: #ffffff; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS img { width: 32px; height: 32px; margin-right: 16px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS span.text { min-width: 200px; margin: 4px 0 5.6px 0; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #666666; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS span.text span.sub { height: 19.6px; margin: inherit; font-size: 14px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS span img { width: 16px; height: 16px; margin: 0px 10px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS span img:hover, .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS span img:focus { text-decoration: none; cursor: pointer; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS table tbody tr { height: 44px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .allowance { padding: 0 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .allowance .allowance-value p { width: auto; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #666666; } .contentfragmentlist .plan-cards article.cmp-contentfragment .primaryCTA { margin: 20px 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .primaryCTA button { min-height: 40px; display: inline-block; font-size: 16px !important; background-color: #0096e6; padding: 9px 0 8px 0px; width: 100%; border: none; line-height: normal !important; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #ffffff; } .contentfragmentlist .plan-cards article.cmp-contentfragment .secondaryCTA { margin: 20px 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .secondaryCTA button { font-size: 16px !important; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal !important; letter-spacing: normal; color: #0096e6; min-height: 40px; display: inline-block; padding: 9px 0 8px 0px; background-color: #ffffff; text-align: center; border: 1px solid #0096e6; width: 100%; } .contentfragmentlist .plan-cards article.cmp-contentfragment .textInfo { margin: 20px 0 0; font-family: AvenirNextLTPro-Demi; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: center; color: #666666; } .contentfragmentlist .plan-cards article.cmp-contentfragment .modals { display: none; visibility: hidden; position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ padding-top: 50px; /* Location of the box */ padding-left: 280px; left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ } .contentfragmentlist .plan-cards article.cmp-contentfragment .modals .modals-value div { display: none; } .contentfragmentlist .plan-cards article.cmp-contentfragment .modals .modals-value .modal-content { display: block; width: 798px; height: auto; padding: 16px 16px 32px 32px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); background-color: #ffffff; } .contentfragmentlist .plan-cards article.cmp-contentfragment .modals .modals-value .modal-content .close { color: #000; float: right; font-size: 28px; font-weight: bold; width: 24px; height: 24px; margin: 0 0 17px 731px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .modals .modals-value .modal-content .close:hover, .contentfragmentlist .plan-cards article.cmp-contentfragment .modals .modals-value .modal-content .close:focus { color: #aaaaaa; text-decoration: none; cursor: pointer; } .contentfragmentlist .plan-cards article.cmp-contentfragment .modals .modals-value .modal-content .icon-close { color: #000; float: right; font-size: 28px; font-weight: bold; width: 24px; height: 24px; margin: 0 0 17px 731px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .modals .modals-value .modal-content .icon-close:hover, .contentfragmentlist .plan-cards article.cmp-contentfragment .modals .modals-value .modal-content .icon-close:focus { color: #aaaaaa; text-decoration: none; cursor: pointer; } .contentfragmentlist.price-header .plan-cards article.cmp-contentfragment .planPrice { padding-top: 20px; } .contentfragmentlist.price-header .plan-cards article.cmp-contentfragment .planPrice .planPrice-value { height: 60px; font-family: AvenirNextLTPro-Demi; font-size: 48px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; } .contentfragmentlist.price-header .plan-cards article.cmp-contentfragment .planPrice .planPrice-value .super { font-size: 26px; } .contentfragmentlist.price-header-small .plan-cards article.cmp-contentfragment .planPrice { padding-top: 20px; } .contentfragmentlist.price-header-small .plan-cards article.cmp-contentfragment .planPrice .planPrice-value { font-size: 30px; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment { width: 565px; padding-left: 33px; padding-right: 33px; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .promo { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .desc { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .desc .desc-value p { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .marketing { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .marketing .marketing-value p { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .newVAS { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .primaryCTA { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .secondaryCTA { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .clearfix { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .textInfo { text-align: center; } .contentfragmentlist.wide-view-vas-image .plan-cards article.cmp-contentfragment .newVAS { width: inherit; } .contentfragmentlist.wide-view-vas-image .plan-cards article.cmp-contentfragment .newVAS img { width: inherit; height: 49px; } .contentfragmentlist.wide-view-vas-image .plan-cards article.cmp-contentfragment .newVAS .span img { width: 16px; height: 16px; } body .modals { display: none; position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ margin: 7% 14%; left: 0; top: 0; width: 70%; /* Max width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ } body .modals .modals-value div { display: none; } body .modals .modals-value .modal-content { display: block; height: auto; padding: 16px 16px 32px 32px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); background-color: #ffffff; } body .modals .modals-value .modal-content .icon-close { color: #000; float: right; font-size: 28px; font-weight: bold; width: 24px; height: 24px; margin: 0 0 17px 100%; } body .modals .modals-value .modal-content .icon-close:hover, body .modals .modals-value .modal-content .icon-close:focus { color: #aaaaaa; text-decoration: none; cursor: pointer; } .contentfragmentlist.bottom-margin-10 { margin-bottom: 10px; } .contentfragmentlist.bottom-margin-20 { margin-bottom: 20px; } .contentfragmentlist.bottom-margin-30 { margin-bottom: 30px; } .contentfragmentlist.bottom-margin-40 { margin-bottom: 40px; } .contentfragmentlist.bottom-margin-50 { margin-bottom: 50px; } .contentfragmentlist.bottom-margin-60 { margin-bottom: 60px; } .contentfragmentlist.no-top-margin .plan-cards article.cmp-contentfragment { margin: 0px 26px; } @media (max-width: 599px) { .contentfragmentlist { margin-bottom: 0px !important; } .contentfragmentlist ul.slick-dots { top: 7px; height: 26px; } .contentfragmentlist ul.slick-dots li button[type=button] { margin-top: 7px; } .contentfragmentlist .plan-cards article.cmp-contentfragment { margin: 40px 8px 0 8px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .clearfix { margin-left: 12px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .pinkBanner { height: 40px; margin: 0px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .pinkBanner .promo-value { height: 19.6px; font-size: 14px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .promo { height: 40px; margin: 0px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .promo .promo-value { height: 19.6px; font-size: 14px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .header { width: 311px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .header .header-value { font-size: 40px; height: 50px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .desc { padding: 0 15px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .desc .desc-value p { font-size: 14px; height: 39px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .marketing .marketing-value p { height: auto; font-size: 14px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice { width: 311px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice .planPrice-value { font-size: 32px; height: 40px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice .planPrice-value .super { height: 23px; font-size: 18px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .planPrice .planPrice-value .term { height: 23px; font-size: 18px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS span.text { height: 19.6px; font-size: 14px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .newVAS span.text span.sub { height: 16.8px; margin: inherit; font-size: 12px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .allowance .allowance-value p { font-size: 14px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .primaryCTA { margin-left: 12px; margin-right: 12px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .primaryCTA a { height: 19px; font-size: 14px; width: 100%; display: inline-block; } .contentfragmentlist .plan-cards article.cmp-contentfragment .primaryCTA a button { margin-left: 0px; width: 100%; } .contentfragmentlist .plan-cards article.cmp-contentfragment .secondaryCTA { margin-left: 12px; margin-right: 12px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .secondaryCTA a { height: 19px; font-size: 14px; width: 100%; display: inline-block; } .contentfragmentlist .plan-cards article.cmp-contentfragment .secondaryCTA a button { margin-left: 0px; width: 100%; } body .modals { z-index: 9999; /* Sit on top */ margin: 0 5%; width: 92%; } body .modals .modals-value .modal-content { height: auto; margin: 63px 27px 63px 12px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } body .modals .modals-value .modal-content .icon-close { color: #000; float: right; font-size: 28px; font-weight: bold; width: 24px; height: 24px; margin: 0 0 17px 100%; } /* wide-view settings */ .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment { width: 363px; margin: 40px 8px 0px 8px; padding: 0px; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .promo { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .desc { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .desc .desc-value p { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .marketing { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .marketing .marketing-value p { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .newVAS { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .primaryCTA { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .secondaryCTA { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .clearfix { width: inherit; } .contentfragmentlist.wide-view .plan-cards article.cmp-contentfragment .textInfo { margin-right: 0px; } .contentfragmentlist.wide-view-vas-image .plan-cards article.cmp-contentfragment .newVAS { width: inherit; } .contentfragmentlist.wide-view-vas-image .plan-cards article.cmp-contentfragment .newVAS img { width: inherit; height: 49px; } .contentfragmentlist.wide-view-vas-image .plan-cards article.cmp-contentfragment .newVAS span img { width: 16px; height: 16px; } .contentfragmentlist.no-top-margin .plan-cards article.cmp-contentfragment { margin: 40px 8px 0 8px; } } .contentfragmentlist.marketing-50 .plan-cards article.cmp-contentfragment .marketing { height: 50px; } .contentfragmentlist.marketing-70 .plan-cards article.cmp-contentfragment .marketing { height: 70px; } .contentfragmentlist.marketing-100 .plan-cards article.cmp-contentfragment .marketing { height: 100px; } .contentfragmentlist.marketing-120 .plan-cards article.cmp-contentfragment .marketing { height: 120px; } .contentfragmentlist.marketing-150 .plan-cards article.cmp-contentfragment .marketing { height: 150px; } .contentfragmentlist.vas-50 .plan-cards article.cmp-contentfragment .newVAS { height: 50px; } .contentfragmentlist.vas-100 .plan-cards article.cmp-contentfragment .newVAS { height: 100px; } .contentfragmentlist.vas-120 .plan-cards article.cmp-contentfragment .newVAS { height: 120px; } .contentfragmentlist.vas-150 .plan-cards article.cmp-contentfragment .newVAS { height: 150px; } .contentfragmentlist.vas-180 .plan-cards article.cmp-contentfragment .newVAS { height: 180px; } .contentfragmentlist.vas-200 .plan-cards article.cmp-contentfragment .newVAS { height: 200px; } .contentfragmentlist.vas-240 .plan-cards article.cmp-contentfragment .newVAS { height: 240px; } .contentfragmentlist.price-header-purple .plan-cards article.cmp-contentfragment .planPrice-value { color: #5f259f; } .contentfragmentlist.price-header-gold .plan-cards article.cmp-contentfragment .planPrice-value { color: #ff9b00; } .contentfragmentlist.pink-banner .plan-cards article.cmp-contentfragment .promo { background-color: #5f259f; } .contentfragmentlist.pink-header .plan-cards article.cmp-contentfragment .header-value { color: #ec008c; } .contentfragmentlist.purple-banner .plan-cards article.cmp-contentfragment .promo { background-color: #5f259f; } .contentfragmentlist.purple-header .plan-cards article.cmp-contentfragment .header-value { color: #5f259f; } .contentfragmentlist.black-banner .plan-cards article.cmp-contentfragment .promo { background-color: #333333; } .contentfragmentlist.black-header .plan-cards article.cmp-contentfragment .header-value { color: #333333; } .contentfragmentlist.gold-banner .plan-cards article.cmp-contentfragment .promo { background-color: #ff9b00; } .contentfragmentlist.gold-header .plan-cards article.cmp-contentfragment .header-value { color: #ff9b00; } .contentfragmentlist.pink-banner .plan-cards article.cmp-contentfragment .pinkBanner { background-color: #ec008c; } .contentfragmentlist .plan-cards article.cmp-contentfragment .pinkBanner { width: auto; height: auto; padding: 10px 15px; } /* override system styles */ .slick-slide img { display: initial; } @media (max-width: 900px) { .contentfragmentlist ul.slick-dots { top: 7px; height: 26px; } .contentfragmentlist ul.slick-dots li button[type=button] { margin-top: 7px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .primaryCTA { margin-left: 12px; margin-right: 12px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .primaryCTA a { height: 19px; font-size: 14px; width: 100%; display: inline-block; } .contentfragmentlist .plan-cards article.cmp-contentfragment .primaryCTA a button { margin-left: 0px; width: 100%; } .contentfragmentlist .plan-cards article.cmp-contentfragment .secondaryCTA { margin-left: 12px; margin-right: 12px; } .contentfragmentlist .plan-cards article.cmp-contentfragment .secondaryCTA a { height: 19px; font-size: 14px; width: 100%; display: inline-block; } .contentfragmentlist .plan-cards article.cmp-contentfragment .secondaryCTA a button { margin-left: 0px; width: 100%; } .contentfragmentlist.no-top-margin .plan-cards article.cmp-contentfragment { margin: 40px 8px 0 8px; } } .theme-select-panel { max-width: 1170px; width: 100%; margin: auto; } .theme-select-actions { margin-top: 30px; margin-bottom: 35px; } .theme-select-actions button { background: #fff; border: none; height: 55px; display: block; font-weight: normal; float: left; text-align: left; padding: 0; outline: 0; } .theme-select-actions button .btn-text { display: block; cursor: pointer; float: left; overflow: hidden; height: 48px; font-size: 38px; line-height: 44px; } .theme-select-actions button .btn-base { height: 4px; display: block; margin-top: 10px; cursor: pointer; background: #666; margin-top: 7px; cursor: pointer; } .theme-select-actions .disable .btn-text, .theme-select-actions .btn-base { cursor: default; } .theme-select-actions .theme-selection-icon { display: block; float: right; margin-top: 18px; font-size: 22px; } .theme-select-actions .disable .btn-text, .theme-select-actions .disable .btn-base { cursor: default; } .theme-select-actions button .btn-base { width: 100%; } .theme-select-actions .theme-options-wrap { width: 272px; left: 0; padding: 20px; background: none; top: 70px; /* z-index: 999; transition: opacity 1ms ease-in; -webkit-transition: height 280ms ease-in; -moz-transition: height 280ms ease-in; -o-transition: height 280ms ease-in; transition: height 280ms ease-in; opacity: 1; */ } /* .theme-select-actions .big-drop-arrow-down.test{ -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); } */ .theme-options-group { position: absolute; background: #fff; margin: auto 0; overflow: hidden; top: 0; width: 100%; left: 0; text-overflow: ""; z-index: 1; } .theme-options-wrap li { width: 272px; text-align: left; font-weight: normal; cursor: pointer; height: 0; line-height: 38px; overflow: hidden; padding: 0; transition: height 30ms ease-in 0s; vertical-align: middle; width: 100%; } .theme-options-wrap li a { text-decoration: none; color: #333; } .theme-options-wrap li a:hover .theme-options-wrap li a:focus { text-decoration: none; color: #333; } .theme-select-reference .theme-options-group { border: 1px solid #f1f1f1; border-top: 0; box-shadow: 0px 10px 10px #aaa; } .theme-options-wrap.theme-select-reference li { height: 40px; padding: 0 0 25px 0; } .theme-select-details { font-size: 22px; line-height: 1.2em; margin-top: 40px; } @media (max-width: 939px) { .theme-select-actions button { font-size: 32px; } .theme-select-details { font-size: 16px; } .theme-select-actions button .btn-text { font-size: 24px; } } .theme-select-content { display: flex; } .theme-select-content .theme-selection-icon { align-self: center; margin-top: unset; float: unset; margin-left: 5px; } @media screen and (max-width: 639px) { .lab-themes-box { width: 100%; border-top: 1px solid #e8e8e8; padding-top: 35px; padding-bottom: 35px; position: relative; position: relative; overflow: hidden; padding-left: 0; padding-right: 0; } .lab-themes-box:first-child { border-top: none; } .lab-themes-box hr { display: none; } .lab-themes-box p { padding-right: 40px; } .lab-themes-box a { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; text-indent: -9999px; overflow: hidden; } .lab-themes-selection .themes-title { margin-top: 40px; } .article-themes-list-panel { margin-left: -10px; margin-right: -10px; } .lab-themes-box i { top: 49%; position: absolute; right: 0; font-size: 1.1em; } .lab-themes-content h3 { margin-bottom: 25px; } } @media screen and (min-width: 640px) { .lab-themes-content { width: 210px; margin-bottom: 60px; } .lab-themes-selection .themes-title { margin-bottom: 25px; margin-top: 40px; } .themes-listing-inner { width: 100%; max-width: 1170px; margin: auto; } .lab-themes-box a { border-bottom: 1px solid #333; color: #333; } .lab-themes-box a:hover, .lab-themes-box a:focus { border-bottom: 1px solid #333; color: #333; } } .lab-themes-selection { margin: 0 calc((100vw - 100%) / -2 ); } .lab-themes-selection .themes-title { color: #333; } .lab-themes-box { overflow: hidden; word-wrap: break-word; } @media screen and (max-width: 939px) { .event-share-panel { float: left; } } @media screen and (min-width: 940px) { .event-share-panel { float: left; } .event-share-panel > div { float: left; display: inline-block; } } .event-share-wrap { color: #333; margin-top: 5px; border-top: 1px solid #ccc; padding-top: 15px; height: auto; } .event-share-icon { text-decoration: none; color: #666; display: block; float: left; width: 7px; cursor: pointer; margin-right: 35px; } .event-share-icon i { line-height: 23px; font-size: 1.7em; } .event-share-icon:hover { color: #333; } .event-share-title { float: left; display: inline-block; margin: 1px 33px 0 0; } @media screen and (min-width: 640px) { .themes-group { margin-right: 30px; } } .theme-tag-panel strong { color: #333; } .theme-tag-panel a { border: 1px solid #c0c0c2; border-radius: 28px; font-weight: normal; padding: 5px 20px; display: inline-block; margin: 10px 7px 5px 0; font-weight: 600; text-decoration: none; color: #666; } .theme-tag-panel a:hover, .theme-tag-panel a:focus { text-decoration: none; color: #666; } .theme-tag-panel a[href] { text-decoration: none; color: #333; } .theme-tag-panel a[href]:hover, .theme-tag-panel a[href]:focus { text-decoration: underline; color: #333; } .related-content2-data { background: #fff; padding: 0; } .related-content2-inner h2 { font-family: 'AvenirNextLTPro-Bold'; font-size: 48px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 0.88; letter-spacing: normal; text-align: center; color: #333; } .related-content2-article-title { width: 100%; padding: 40px 40px; } .related-content2-article-title h3 { font-family: 'AvenirNextLTPro-Bold'; font-size: 30px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.07; letter-spacing: normal; color: #333333; padding-bottom: 20px; } .related-content2-article-title p { margin-bottom: 0; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; margin-bottom: 0; } .related-content2-article-title fieldset { padding-bottom: 5px; } .related-content2-article-title fieldset label { font-size: 14px; margin-bottom: 10px; } .related-content2-article-title label { color: #333; font-weight: normal; } .related-content2-article-title label a { border-bottom: none; text-decoration: none; } .related-content2-article-title label a:hover { border-bottom: none; text-decoration: none; } .related-content2-article-title label a[href] { text-decoration: none; border-bottom: 1px solid #000; } .related-content2-article-title label a[href]:hover, .related-content2-article-title label a[href]:focus { text-decoration: none; border-bottom: 1px solid #000; } .related-content2-article-title a { color: #333; font-weight: normal; } .related-content2-outer { overflow: hidden; height: auto; padding-bottom: 60px; background: #fff; } .related-content2-outer .underline { float: none; display: block; text-align: left; } .related-content2-video-icon { position: absolute; height: 34px; width: 34px; background-color: #333; position: absolute; height: 34px; width: 34px; } .related-content2-video-icon i { padding: 9px 0; color: #fff; display: block; text-align: center; } .related-content2-video-icon span { color: #fff; text-align: center; display: block; padding-top: 9px; } .related-content2-video-time { position: absolute; right: 1px; bottom: -5px; background: #000; color: #fff; text-align: center; font-size: 12px; width: 40px; height: 20px; line-height: 18px; font-weight: normal; } .related-content2-list { border: solid 1px #d8dada; margin-bottom: 20px; } @media screen and (max-width: 639px) { .related-content2-outer { margin: 0 calc((100vw - 100%) / -2); } .related-content2-media { max-height: 294px; max-width: 520px; } .related-content2-media img { height: 147px; width: 100%; } .related-content2-data { margin: 0; width: 100%; height: 70%; } .related-content2-article-title { height: auto; width: 100%; padding: 30px; } .related-content2-article-title .data-title { line-height: 1.25em; margin-bottom: 18px; } .related-content2-article-title .data-title a { line-height: 1.25em; } .related-content2-video-time { font-size: 22px; width: 70px; height: 32px; line-height: 30px; } .related-content2-video-icon { bottom: -17px; left: 20px; top: auto; } .related-content2-column { margin-right: 10px; width: 81.5vw; margin-left: auto; margin-right: auto; } .related-content2-panel { margin-top: 20px; } .related-content2-inner { margin-left: 0; overflow-x: hidden; width: 100%; padding: 0 22px; } .related-content2-inner h2 { font-size: 40px; padding: 30px 24px 0; line-height: 1.15; } } @media screen and (min-width: 640px) and (max-width: 939px) { .related-content2-data { background: #fff; padding: 0; margin: 0; } .related-content2-article-title { padding-bottom: 25px; padding-top: 25px; margin-bottom: 16.8%; } .related-content2-inner { max-width: 939px; padding: 35px 10px; } .related-content2-inner .component-title { margin-left: 10px; } .related-content2-media { max-height: 294px; width: 100%; } .related-content2-media img { height: 134px; width: 100%; } } @media screen and (min-width: 640px) { .related-content2-outer { border-bottom: 1px solid #b9babc; border-top: 1px solid #b9babc; margin: 0 calc((100vw - 100%) / -2); } .related-content2-article-title { padding-top: 45px; height: 100%; min-height: 320px; } .related-content2-article-title label a { font-size: 14px; } .related-content2-data { background: #fff; padding: 0; } .related-content2-video-icon { bottom: -17px; left: 20px; top: auto; } .related-content2-media { max-width: 374px; max-height: 230px; } .related-content2-panel { margin-top: 55px; } } @media screen and (min-width: 940px) { .related-content2-inner { padding: 60px 0px 60px; } .related-content2-inner .component-title { margin-left: 0; margin-right: 0; } .related-content2-inner .related-content2-panel { margin-left: 0; margin-right: 0; } .related-content2-media { margin-right: 0; } .related-content2-media img { height: 100%; width: 100%; height: 230px; } .related-content2-article-title { padding-top: 45px; margin-bottom: 0; } .related-content2-article-title .content-inner-title1 { font-size: 24px; line-height: 31px; } .related-content2-article-title .content-inner-title1 a { font-size: 24px; line-height: 31px; } } @media screen and (min-width: 940px) and (max-width: 1169px) { .related-content2-inner { max-width: 940px; margin: auto; } .related-content2-outer { margin: 0 calc((100vw - 100%) / -2); } } @media screen and (min-width: 1170px) { .related-content2-outer { margin: 0 calc((100vw - 100% - 15px) / -2); } .related-content2-inner { max-width: 1170px; margin: auto; } .related-content2-article-title { width: 100%; padding: 40px 40px 0; } } .register-form-container { width: 100%; } .event-register-panel { padding: 0 100px 20px 100px; } #modal-register { /*margin-left: auto; margin-right: auto; max-width: 768px; width: 100%; margin-top: 40px;*/ } .register-custom-dropdown #industryDropdownMenu .input-label.select-dropdown-val, .register-custom-dropdown #empCountDropdownMenu .input-label.select-dropdown-val { color: #333; font-size: 22px; } .event-register-form, .event-regsiter-close { /*margin-left: -115px; max-width: 1170px; width: 100vw;*/ } .register-form-container .register-form-close { margin-top: 7px; } .register-form-container .register-form-close i { font-size: 30px; } .event-register-form h3.purple { color: #6C3483; } .event-register-form .underline { background: #5f259f; } .event-register-form .form-control:focus { /*border-color:black;*/ } .register-group { height: 40px; margin-top: 45px; position: relative; } .register-custom-dropdown a { text-decoration: none; } .register-custom-dropdown .icon-arrow-down, .register-custom-dropdown.open .icon-arrow-down { width: 15px; height: 10px; margin-top: 10px; } .register-drop-btn { width: 100%; text-align: left; padding-bottom: 15px !important; background: none; cursor: pointer; background: none; border: none; border-bottom: 3px solid #E8E8E8; border-radius: 0; outline: none; } .register-drop-btn .dropdown-backdrop { display: none; z-index: 0; } .register-drop-btn label { cursor: pointer; } .register-drop-btn:focus, .register-drop-btn:hover, .register-drop-btn:active { background: #fff; -webkit-tap-highlight-color: #fff; outline: none; border: none; border-bottom: 3px solid #0096e6; } .register-dropdown-menu { width: 100%; border: 1px solid #ccc; border-top: none; box-shadow: none; display: none; list-style-type: none; z-index: 4; position: absolute; background: #fff; top: 38px; left: 0; margin: 0; padding: 0; } .register-input-drop-val { border-width: 0 0 3px !important; border-color: #666; border-radius: 0; } .success-tick { width: 53px; height: 52px; display: inline-block; } .event-register-panel .plan-action span { position: relative; padding-right: 22px; } .register-success-panel .success-tick.icon-select-f { font-size: 50px; } .event-register-panel .plan-action { padding: 17px 45px; background: #0096e6; line-height: 18px; } .event-register-panel .plan-action span:after { display: inline-block; content: ""; position: absolute; right: 0; top: 3px; width: 9px; height: 15px; background: url("../../../apps/sparklabs/components/content/register-to-attend/clientlib/img/btn-arrow-rt.png") no-repeat right center; } .event-register-form .error { /*display: none;*/ font-weight: normal; } .event-register-panel .has-error { color: red !important; } .event-register-panel .has-error .form-control { border-color: red; box-shadow: none; } .register-error-panel .red { color: #ff0000; } .register-error-panel .red_bg { background: #ff0000 none repeat scroll 0 0; } .register-group input { background: transparent; border-radius: 0; color: #000; font-size: 22px; padding: 0; position: absolute; transition: none 0s ease 0s; z-index: 2; box-shadow: none; border: none; border-bottom: 3px solid #E8E8E8; } .register-group .input-label { color: #6f6f72; font-size: 16px; left: 0; margin: 0; position: absolute; top: 0; transition: all 0.2s ease 0s; width: 100%; z-index: 1; font-weight: normal; font-family: 'AvenirNextLTPro-Medium'; } .register-group input:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #000; border-image: none; border-style: none none solid; border-width: 0 0 1px; box-shadow: none !important; outline: medium none; } .register-group input:focus ~ label.input-label { color: #000; font-size: 14px; top: -20px; } .register-group input:valid ~ label.input-label { color: #666; font-size: 14px; top: -20px; } .register-group input:focus { color: #0096e6; /*green*/ border-color: #0096e6; } .register-group input:focus ~ label.input-label { color: #666; /*orange*/ } .register-dropdown-menu li { padding: 10px; z-index: 3; } .register-dropdown-menu li:hover, .register-dropdown-menu li:focus { color: #0096e6; cursor: pointer; } /** success css **/ .event-register-success-block, .event-register-error-block { /*height:90vh;*/ } /** success css **/ .register-success-panel { /*width: 230px; height: 230px; position: absolute; left: 50%; top: 50%; margin-left: -115px; margin-top: -115px;*/ margin: 0 auto; width: 300px; text-align: center; } .register-error-panel { margin: 0 auto; text-align: center; width: 300px; } .event-register-form .underline { margin: 16px auto 23px; } .register-success-panel .underline { height: 5px; width: 106px; margin-top: 16px; margin-bottom: 23px; border: 0; margin-left: auto !important; background: #5f259f; } .register-form-heading .underline { float: left; } .register-success-panel p { font-size: 21px; } /**success css ends**/ .register-group .dropdown.short { float: left; min-width: 18%; } .register-group .dropdown button { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #ccc; border-image: none; border-style: none none solid; border-width: 0 0 1px; border-radius: 0; padding: 0; } .register-group .dropdown button.selected { background: #fff none repeat scroll 0 0; color: #666666 !important; font-size: 22px; } .register-group .dropdown button::after { font-size: 25px; right: -8px; top: 8px; } .register-group .dropdown button:focus ~ label, .register-group .dropdown button:valid ~ label { font-size: 14px; top: -20px; } .register-group .dropdown button::after { color: #13a4de; } .register-group .dropdown.short .register-dropdown-menu { border-radius: 0; height: 220px; min-width: 100%; } .register-group.input-dropdown input { width: 100%; z-index: 2; } .register-group.input-dropdown label { background: #fff none repeat scroll 0 0; bottom: 6px; display: block; height: 34px; left: 0; width: 70%; z-index: 1; } .register-group.input-dropdown input:focus ~ label, .register-group.input-dropdown input:valid ~ label { background: transparent none repeat scroll 0 0; border: 0 none; } .register-group.input-dropdown input:focus, .register-group.input-dropdown input:valid { right: 0; width: 76%; } .register-group.input-dropdown input:focus, .register-group.input-dropdown input:valid { width: 76%; } .register-group .dropdown button.selected { font-size: 18px; } .register-group.input-dropdown input:focus, .register-group.input-dropdown input:valid { width: 72%; } .register-group.input-dropdown .register-form-bar.register-form-bar1 { left: 0; width: 20% !important; } .register-group.input-dropdown .dropdown.short { left: 0; position: absolute; width: 100%; z-index: 3; } .register-group.input-dropdown label { cursor: auto; height: 33px; width: 100%; z-index: 4; } .register-group.input-dropdown .dropdown.short { width: 18%; } .register-group.input-dropdown.moving input { right: 0; width: 76%; } .register-group.input-dropdown.moving .register-form-bar::before, .register-group.input-dropdown.moving .register-form-bar::after { z-index: 4; } .register-group.input-dropdown.moving label { font-size: 14px; height: 20px; top: -20px; } .register-group.input-dropdown.moving .register-form-bar::before, .register-group.input-dropdown.moving .register-form-bar::after { width: 50%; } .register-group.input-dropdown .register-form-bar { right: 0; width: 76%; } .register-group.input-dropdown .register-form-bar.register-form-bar1 { left: 0; width: 18%; } .register-group a:hover, .register-group a:focus { cursor: pointer; outline: medium none; text-decoration: none; } .circleicon { border: 1px solid #13a4de; border-radius: 60px; height: 18px; line-height: 8px; padding: 5px 4px 4px; width: 18px; } .floating-help { transition: all 0.2s ease 0s; } .floating-help .help-icon-txt { display: inline-block; transition: all 0.2s ease 0s; } .register-group input:focus ~ .floating-help .help-icon-txt, .register-group input:valid ~ .floating-help .help-icon-txt { display: none; } .register-group input:focus ~ .floating-help, .register-group input:valid ~ .floating-help { border: 1px solid #13a4de; border-radius: 60px; font-size: 14px; height: 18px; line-height: 8px; padding: 4px; top: -20px; width: 18px; } .register-group.moving .floating-help { border: 1px solid #13a4de; border-radius: 60px; font-size: 14px; height: 18px; line-height: 8px; padding: 4px; top: -20px; width: 18px; } .register-form-bar { bottom: 4px; display: block; outline: medium none; position: absolute; width: 100%; } .register-form-bar::before, .register-form-bar::after { background: #0096e6 none repeat scroll 0 0; bottom: 1px; content: ""; height: 2px; position: absolute; transition: all 0.2s ease 0s; width: 0; z-index: 2; } .register-form-bar::before { left: 50%; } .register-form-bar::after { right: 50%; } .register-group input:focus ~ .register-form-bar::before, .register-group input:focus ~ .register-form-bar::after { width: 50%; } .register-colleague-panel { margin: 55px 0 90px 0; } .register-options-group { margin-top: 10px; } .event-regsiter-close { margin: 20px auto 0 !important; } .invite-colleague-action button { border: none; border-bottom: 1px solid #000; display: inline-block; line-height: 24px; background: none; outline: none; padding-left: 0; font-size: 20px; } .invite-colleague-panel { margin-bottom: 25px; } .register-form-options input { display: block; float: left; } .register-form-options label { font-weight: normal; margin-left: 25px; margin-top: -3px; display: block; float: left; } .register-form-options input:checked + label { color: #0096E6; } .register-form-recaptcha-panel { margin: 20px 0 25px; background: #e8e8e8; } .event-register-success-block, .event-register-error-block { display: none; height: 300px; } /* */ @media screen and (max-width: 330px) { .register-group .dropdown.short { min-width: 20%; } .register-form-options label { margin-left: 5px; } } .register-form-button > span { padding: 0 !important; } .register-form-options .register-options-group > input { border: 1px solid; border-radius: 0; box-shadow: none; height: 16px; margin: 0; width: 16px; } .register-form-options .register-options-group > label { margin-left: 12px; } .icon-arrow-right.ard { vertical-align: middle; } .ui-menu.ui-widget-content { background: #fff none repeat scroll 0 0; padding: 20px; width: 84.2%; display: block; border: 0 none; box-shadow: 0 1px 3px #ccc; } .ui-menu .ui-menu-item { list-style-type: none; padding: 0 4px; } .ui-widget-content a { display: inline-block; padding: 5px 0; } .ui-state-focus { background: #fff !important; color: #333 !important; border: 0 !important; cursor: pointer; } .ui-state-focus:hover { background: #fff !important; color: #333 !important; border: 0 !important; cursor: pointer; } .ui-state-focus a { background: #fff !important; color: #333 !important; border: 0 !important; cursor: pointer; } .ui-state-focus a:hover { background: #fff !important; color: #333 !important; border: 0 !important; cursor: pointer; } .ui-widget-content a::after { -moz-osx-font-smoothing: grayscale; color: #666; content: "\e054"; font-family: "spark-icon-family"; margin-left: 10px; vertical-align: middle; } .modal-backdrop.in { opacity: 0.8; filter: alpha(opacity=50); background-color: #fff; } .modal-dialog.container { box-shadow: 1px 1px 10px #e8e8e8; background: #fff; } .event-register-panel { padding: 0 20% 20px 20%; } .modal-dialog { margin-top: 3% !important; } #modal-register.modal.fade.in { overflow-y: auto !important; display: block; overflow-x: hidden !important; } #register-iframe { height: 1300px !important; } .event-speakers-intro .attend-event-wrap a { min-width: 168px; text-align: center; } .event-speakers-intro .attend-event-wrap a i { vertical-align: middle; } .register-group .input-label { color: #666 !important; } .register-group input { color: #333; } .register-dropdown-menu li { color: #333; } .event-register-form .error { font-weight: normal; } #register-iframe .new.section.aem-Grid-newComponent { display: none; } .bg-wh.fullwidth { background: #fff; height: 100%; position: absolute !important; bottom: 0; z-index: -1; } .register-group .dropdown-menu.register-dropdown-menu, .register-dropdown-menu.industry-dropdown-menu.open { box-shadow: none; border: 1px solid #ccc; border-top: 0; max-height: 135px; overflow-y: auto; } .register-custom-dropdown #industryDropdownMenu .input-label.select-dropdown-val, .register-custom-dropdown #empCountDropdownMenu .input-label.select-dropdown-val { color: #333 !important; } .event-speakers-intro .attend-event-wrap a { min-width: 168px; width: auto; } #captcha_error { color: #ff0000; font-family: 'AvenirNextLTPro-Medium'; font-weight: normal; font-size: 87%; margin-top: 7px; } #empCountDropdownMenu, #industryDropdownMenu { border-bottom: 3px solid #E8E8E8; box-shadow: none; cursor: pointer; } .input-label.select-dropdown-val { color: #333 !important; font-size: 22px; } .register-group .dropdown-menu.register-dropdown-menu { box-shadow: none; border: 1px solid #ccc; border-top: 0; } .register-form-recaptcha-panel.fullwidth { width: 100% !important; margin: auto !important; left: 0 !important; } #eventRegisterForm .dropdown.custom-dropdown.open .dropdown-backdrop { display: none; } @media (max-width: 939px) { .register-form-container { width: 94%; } #register-iframe { max-width: 919px; } .event-register-panel { padding: 0; /*width: 91%;*/ margin: auto; } .register-form-heading { margin-left: 10px; } .register-options-group label { width: 85%; } #modal-register .modal-dialog { margin: 0 !important; } .bg-wh.fullwidth { width: 100vw; margin-left: -50vw; left: 50%; } .event-register-panel { padding: 0 15% 20px 15%; } .event-speakers-intro .attend-event-wrap a { font-size: 16px; } } #register-iframe.event-msg-sucess-error { height: 500px !important; } @media (max-width: 639px) { #register-iframe { max-width: 619px; } .register-group .dropdown.short { min-width: 18%; } .register-form-options label { margin-left: 5%; } .register-group .input-label.mobile-input, .register-group input:focus ~ label.input-label.mobile-input { top: -30px !important; } #modal-register .modal-dialog { margin: 0 !important; } .event-register-panel { padding: 0 3% 20px 3%; } .register-group input { font-size: 18px; } .register-custom-dropdown #industryDropdownMenu .input-label.select-dropdown-val, .register-custom-dropdown #empCountDropdownMenu .input-label.select-dropdown-val { font-size: 18px; } .register-custom-dropdown #industryDropdownMenu .input-label.select-dropdown-val, .register-custom-dropdown #empCountDropdownMenu .input-label.select-dropdown-val { top: -4px; } .register-form-recaptcha-panel.fullwidth { left: 50% !important; margin-left: -50vw !important; position: relative !important; width: 100vw !important; } .input-label.select-dropdown-val { color: #333 !important; font-size: 18px; top: -4px; } #industryDropdownMenu { white-space: initial !important; } #industryDropdownMenu label { top: -15px; } #register-iframe.event-msg-sucess-error { height: 565px !important; } } @media screen and (max-width: 639px) { .article-ref-data { margin: 0; width: 100%; } .article-ref-media { width: 100%; } .article-theme { margin: 0 0 0 2.4%; width: 95%; } .ref-article-panel .article-ref-data { max-width: 520px; } .article-ref-media > div { max-width: 520px; } .article-ref-media img { width: 100%; max-width: 520px; max-height: 320px; } .ref-article-title { height: auto; max-width: 400px; width: 95%; padding-bottom: 35px; padding-top: 36px; padding-left: 12%; } .article-video-play-small { top: 10px; left: 10px; } .author-hero-title { width: 60%; max-width: 300px; width: 55%; margin-left: 10px; margin-top: 0; } .ref-article-panel { margin-top: 0; } .reference-article-panel + .text.parbase { margin-bottom: 7px; } .article-ref-data > div { width: 85%; } .ref-article-panel .article-ref-data i:before { right: 30px; } } @media screen and (min-width: 640px) and (max-width: 767px) { .article-ref-data { margin: 0; } .article-theme { margin: 0 0 0 -1.8%; } } @media screen and (min-width: 768px) and (max-width: 939px) { .article-ref-data { margin: 0; } .article-theme { margin: 0 0 0 -1.5%; } } @media screen and (min-width: 640px) and (max-width: 939px) { .article-theme, .article-ref-data { background: #fff; padding: 0; } .ref-article-title { padding-bottom: 25px; padding-top: 25px; } .article-ref-media > div { max-width: 364px; } .article-ref-media img { width: 100%; max-width: 364px; } .article-ref-data > div { width: 89%; } .ref-article-panel .article-ref-data i:before { right: 11px; } } @media screen and (min-width: 640px) { .article-ref-media { width: 48.3%; } .article-ref-data { width: 51.7%; } .ref-article-title { max-width: 570px; width: 79.8%; padding-left: 10.1%; padding-left: 10.1%; } .article-theme, .article-ref-data { background: #fff; padding: 0; } .ref-article-title label { font-size: 14px; } .reference-outer-wrap .article-video-play-small { top: 20px; left: 20px; } .ref-article-panel { margin-top: 0; } .reference-article-panel + .text.parbase { margin-bottom: 27px; } } @media screen and (max-width: 939px) { .ref-article-title h4 { margin-bottom: 16px; } } @media screen and (min-width: 940px) { .article-ref-media { height: 100%; margin-right: 0; } .article-ref-media img { width: 100%; } .ref-article-title { padding-top: 40px; padding-bottom: 40px; } .article-ref-data > div { width: 85%; } .ref-article-panel .article-ref-data i:before { right: 30px; } } .article-theme, .article-ref-data { background: #fff; padding: 0; } .ref-article-panel .article-video-play-small { position: absolute; height: 34px; width: 34px; background: #5f259f; } .ref-article-panel .article-video-play-small i { padding: 9px 0; color: #fff; display: block; text-align: center; } .ref-article-panel .article-video-play-small span { color: #fff; display: inline-block; font-size: 14px; margin: auto; padding: 10px; text-align: center; } .ref-article-panel .ref-article-video-time { position: absolute; right: 0; bottom: -5px; background: #000; color: #fff; font-weight: normal; font-size: 14px; width: 40px; height: 20px; line-height: 20px; text-align: center; } .ref-article-title .underline { background: #5f259f; } .ref-article-title label { font-weight: normal; color: #333; } .ref-article-title h4 { color: #5f259f; } .ref-article-title h4 a { color: #5f259f; text-decoration: none; } .ref-article-title label a { text-decoration: none; border: none; } .ref-article-title label a:hover, .ref-article-title label a:focus { text-decoration: none; border: none; } .ref-article-title label a[href] { border-bottom: 1px solid #000; color: #333; } .ref-article-title label a[href]:hover, .ref-article-title label a[href]:focus { border-bottom: 1px solid #000; color: #333; } /* */ .article-ref-media img { height: 100%; width: 100%; } .ref-article-container .underline { float: none; display: block; text-align: left; } .article-ref-data-link { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; right: 0; } .ref-article-panel .article-ref-data i:before { display: block; height: 100%; position: absolute; text-align: right; top: 49%; width: 100%; font-size: 1.2em; height: 20px; } @media screen and (max-width: 450px) { .recent-video-holder .video-play { left: 40%; top: 33%; max-width: 65px; max-height: 65px; } .recent-video-holder .video-play i { margin-top: 33%; font-size: 1.5em; } } @media screen and (min-width: 451px) and (max-width: 639px) { .recent-video-holder .video-play { left: 40%; top: 33%; max-width: 112px; max-height: 112px; } .recent-video-holder .video-play i { margin-top: 39%; font-size: 2em; } } @media screen and (max-width: 639px) { .recent-video-reference { margin-top: 50px; } .recent-video-head .view-more-link { text-align: left; margin-bottom: 50px; margin-top: 30px; } .recent-video-container, .recent-video-reference { float: none; width: 100%; } .recent-video-img, .recent-video-link { margin-top: 38px; } .recent-video-holder .video-play { height: 100%; width: 100%; } .recent-video-title { padding-bottom: 45px; } .recent-video-head .row { margin: 0 -10px; } } @media screen and (min-width: 640px) { .recent-video-container { float: left; } .recent-video-reference { float: right; } .recent-video-container { width: 772px; max-width: 65.79%; } .recent-video-reference { width: 32.2%; } .recent-video-img { margin-top: 18px; } .recent-video-holder .video-play { left: 43%; top: 40%; height: 100%; width: 100%; max-width: 112px; max-height: 112px; } .recent-video-holder .video-play i { font-size: 2em; } .recent-video-title { padding-bottom: 20px; } .recent-video-stamp label { text-align: center; } .recent-video-container.single-video { max-width: 100%; width: 100%; } } @media screen and (min-width: 640px) and (max-width: 939px) { .recent-video-head .view-more-link { text-align: right; margin-top: 10px; } .recent-video-holder .video-play i { margin-top: 39%; } .recent-video-head { margin-bottom: 30px; } .recent-video-head .row { margin: 0 -10px; } } @media screen and (max-width: 939px) { .recent-video-thumbnail { background: none; } .recent-video-link { width: 47%; } } @media screen and (min-width: 940px) { .recent-video-holder .video-play i { margin-top: 38%; } .recent-video-head .video-title { margin-bottom: 41px; } .recent-video-head .view-more-link { text-align: right; margin-top: 28px; } .recent-video-title-panel { width: 75%; float: left; } .recent-video-stamp { width: 25%; float: left; text-align: right; } .recent-video-title-panel h3 { width: 80%; } .recent-video-link { width: 43.8%; } .recent-video-container.single-video { max-width: 100%; width: 100%; } .recent-video-container.single-video .recent-video-holder { max-width: 100%; } .recent-video-container.single-video .recent-video-holder img { max-width: 100%; } } /* */ .recent-video-head .video-title { color: #333; } .recent-video-group .single-video { float: none; margin: auto; } .recent-video-holder { margin: auto; max-width: 772px; max-height: 432px; height: 100%; width: 100%; } .recent-video-holder img { margin: auto; max-width: 772px; max-height: 432px; width: 100%; } .recent-video-holder .video-play { background: #0096e6; border-radius: 50%; cursor: pointer; position: absolute; z-index: 99; color: #fff; text-align: center; } .recent-video-holder .video-play i { display: block; } .recent-video-time { position: absolute; right: 0; bottom: -5px; background: #000; font-size: 14px; height: 20px; line-height: 20px; width: 40px; font-weight: normal; text-align: center; color: #fff; } .recent-video-title { padding-left: 5.847%; padding-right: 48px; padding-top: 55px; height: auto; min-height: 190px; } .recent-video-title .underline { background: #fff; margin-top: 27px; } .recent-video-title h3 a { text-decoration: none; } .recent-video-thumbnail { padding-bottom: 17px; border-bottom: 1px solid #bbb; width: 100%; opacity: 0.5; cursor: pointer; position: relative; } .recent-video-thumbnail.video-selected { opacity: 1; } .recent-video-thumbnail:last-child { padding-bottom: 0; border-bottom: none; } .recent-video-img { float: left; width: 46.03%; max-width: 174px; margin-right: 4.49%; } .recent-video-img img { width: 100%; height: 100%; max-width: 174px; max-height: 95px; } .recent-video-link { float: left; } .recent-video-link > span { text-decoration: none; margin-bottom: 6px; display: inline-block; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; padding-top: 13px; } .recent-video-link a { padding-bottom: 0; border-bottom: none; color: #333; z-index: 100; word-wrap: break word; overflow-x: hidden; } .recent-video-thumbnail:first-child .recent-video-link a { margin-top: -13px; display: block; } .recent-video-link a:hover, .video-selected .recent-video-link a { text-decoration: underline; border-bottom: none; } .recent-video-link i { display: block; height: auto; position: absolute; right: 0; top: 43%; } .recent-video-thumbnail:first-child .recent-video-link i { top: 41%; } .recent-video-head .view-more-link a { text-decoration: none; padding-bottom: 0; border-bottom: 1px solid #333; color: #333; } .recent-video-head .view-more-link a:focus, .recent-video-head .view-more-link a:hover { color: #333; } .recent-video-link label { margin-bottom: 0; } .recent-video-title label, .recent-video-link label { font-weight: normal; font-size: 14px; } .recent-video-thumbnail:first-child .recent-video-img, .recent-video-thumbnail:first-child .recent-video-link { margin-top: 0; } @media screen and (max-width: 639px) { .article-rating-box .rating-info { display: block; width: 100%; float: none; margin-top: 10px; } } @media screen and (max-width: 939px) { .rating-content > div { float: none; display: block; } .rating-title { float: left; } } @media screen and (min-width: 940px) { .rating-title { float: left; } .rating-title > div { float: left; display: inline-block; } .rating-info { display: block; float: left; } .rating-content > div { float: left; display: inline-block; } } .rating-wrap { border-top: 1px solid #ccc; padding-top: 22px; margin-top: 15px; margin-bottom: 10px; } .rate-icon { width: 20px; height: 21px; display: block; margin-right: 25px; cursor: pointer; float: left; } .rate-like { color: #666; font-size: 1.7em; margin-top: -6px; } .rate-like:hover, .rate-like.selected { color: #333; } .rate-dislike { color: #666; margin-top: 2px; font-size: 1.7em; } .rate-dislike:hover, .rate-dislike.selected { color: #333; } .rating-title { color: #333; } .rating-info { color: #333; margin-left: 6px; } .rate-like-info { display: none; } .rate-dislike-info { display: none; } .rate-dislike-info a { color: #333; text-decoration: underline; } .rate-dislike-info a:hover, .rate-dislike-info a:focus { color: #333; text-decoration: underline; } .rating-title .share-icon { text-decoration: none; } .article-feedback-label { margin-left: 15px; float: left; } .article-feedback-comments { resize: none; min-height: 105px; max-height: 250px; width: 70%; margin-left: 25px; float: left; } .send-feedback-button { width: 168px; height: 56px; margin: auto; float: none; display: block; } .article-feedback-modal .modal-header, .article-feedback-modal .modal-footer { border: none; } @media screen and (max-width: 639px) { .feedback-popup .modal-dialog { width: 95%; margin: auto; } } @media screen and (min-width: 640px) and (max-width: 939px) { .feedback-popup .modal-dialog { width: 75%; max-width: 600px; margin: auto; } } @media screen and (min-width: 940px) { .feedback-popup .modal-dialog { width: 50%; width: 700px; margin: auto; } } @media screen and (max-width: 569px) { .article-slider .slick-prev { z-index: 10; left: -10px; } .article-slider .slick-next { right: -10px; } .article-slider-box.slick-slide { width: 500px; } .article-slider .slick-slide img { max-width: 100%; width: 100%; max-height: 293px; } .article-slider .slick-prev, .article-slider .slick-next { background: #0096e6; max-width: 30px; max-height: 30px; width: 16%; height: 26%; } } @media screen and (min-width: 570px) and (max-width: 639px) { .article-slider .slick-prev { z-index: 10; left: -30px; } .article-slider .slick-next { right: -30px; } .article-slider .slick-prev, .article-slider .slick-next { background: #0096e6; max-width: 60px; max-height: 60px; width: 16%; height: 26%; } } @media screen and (max-width: 639px) { .article-gallery-panel { max-width: 520px; width: 100; margin: 0 auto 0; } .article-slider { width: 100%; max-width: 520px; max-height: 293px; } .article-slider-box.slick-slide { width: 520px; max-height: 293px; } .caption-paging-wrap { max-width: 520px; } .article-slider .slick-slide img { max-width: 520px; width: 100%; max-height: 293px; } .image-carousal-sparklab + .text.parbase { margin-bottom: 7px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .article-slider { max-width: 492px; width: 492px; max-height: 277px; } .article-slider-box.slick-slide { width: 492px; max-height: 277px; } .caption-paging-wrap { max-width: 492px; } .article-slider .slick-slide img { max-width: 492px; width: 100%; max-height: 277px; } .article-gallery-panel { max-width: 492px; width: 100%; margin: 0 auto 0; } .image-carousal-sparklab + .text.parbase { margin-bottom: 27px; } } @media screen and (min-width: 640px) { .article-slider .slick-prev { z-index: 10; left: -30px; } .article-slider .slick-next { right: -30px; } .article-slider .slick-prev, .article-slider .slick-next { background: #0096e6; max-width: 60px; max-height: 60px; width: 16%; height: 26%; } } @media screen and (min-width: 940px) { .article-slider, .article-slider-box.slick-slide { width: 780px; max-height: 432px; } .caption-paging-wrap { max-width: 780px; } .article-slider .slick-slide img { max-width: 780px; width: 100%; max-height: 432px; } .article-gallery-panel { max-width: 780px; width: 100; margin: 0 auto 0; } .image-carousal-sparklab + .text.parbase { margin-bottom: 27px; } } @media screen and (min-width: 940px) and (max-width: 1199px) { .article-slider, .article-slider-box.slick-slide { width: 100%; max-height: 432px; } } /* Article Carousel - generic */ .article-slider .slick-prev:before, .article-slider .slick-next:before { color: #fff; font-size: 18px; } .article-slider .slick-prev:before, .article-slider .slick-next:before { display: block; } .article-slider .slick-prev:before { font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e053"; margin-left: 0; } .article-slider .slick-next:before { font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e054"; margin-left: 0; } .custom-hero-menu { -webkit-box-shadow: 0px 5px 5px 0px #cccccc; -moz-box-shadow: 0px 5px 5px 0px #cccccc; box-shadow: 0px 5px 5px 0px #cccccc; } .custom-hero-menu li { background: #ffffff; padding: 20px 15px !important; font-size: 18px; } .custom-hero-menu li a:hover { background: #ffffff; } #myCarousel .nav { background: #eee; } #myCarousel .nav a { border-radius: 0px; } #myCarousel .nav a small { display: block; } #myCarousel .nav li { padding: 50px; } /*arrow box*/ .custom-hero-menu .active { position: relative; background: #fff; } .custom-hero-menu .active:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .active:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .custom-hero-menu .active:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 14px; margin-left: -14px; } .custom-hero-menu .active:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 20px; margin-left: -20px; } .herocard-mob-slider { width: 100%; margin: 0 auto; } .herocard-mob-slider .slick-slide { margin: 0px 5px; } .herocard-mob-slider .slick-list { padding: 0 20px !important; } .custom-hero-menu.nav-pills > li.active > a { background: #fff !important; outline: none !important; color: inherit; } .custom-hero-menu.nav-pills > li.active > a:hover, .custom-hero-menu.nav-pills > li.active > a:focus { background: #fff !important; outline: none !important; color: inherit; } .custom-hero-menu a:hover { color: inherit; outline: none !important; background: inherit !important; } .custom-hero-menu.nav-pills > li a { background: #fff !important; color: inherit; } .hero-card-carousel .hero-card.comp-bottom-spacing { margin-bottom: 0 !important; } .hero-card-carousel .carousel.slide { margin: 0; } @media (max-width: 639px) { #myCarousel .item { display: none; } .hero-card-mobile-carousel .hero-card { background: #fff; } .hero-card-mobile-carousel .hero-img { max-height: 180px; } } @media screen and (max-width: 639px) { .hero-article { margin: 0; } .hero-article-container { margin: auto; } .hero-article-text { margin-top: 0; margin-left: 0; padding: 32px 44px 40px 35px; } .hero-article-text h3 { margin-bottom: 17px; } .hero-article-container .hero-article-img { margin-left: 0; margin-right: 0; max-width: 520px; } .full-width-reference-article-panel + .text.parbase { margin-bottom: 7px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .hero-article { margin: 0; width: 100vw; } .hero-article-container { margin: 0 10px; max-width: 919px; } .hero-article-text { margin-top: 8.6%; margin-left: 0; padding: 0 31px 31px 31px; } .hero-article-text h3 { margin-bottom: 17px; } .hero-article-img { margin-right: 0; } } @media screen and (min-width: 640px) and (max-width: 660px) { .hero-article-text { margin-top: 5%; } } @media screen and (min-width: 640px) { .hero-article { margin: 0 calc((100vw - 100%)/-2) 0; width: calc(100vw); } .full-width-reference-article-panel + .text.parbase { margin-bottom: 27px; } } @media screen and (max-width: 939px) { .hero-article-container { width: 100%; } } @media screen and (min-width: 940px) { .hero-article-text { margin-top: 50px; margin-left: 23px; } .hero-article-container { min-width: 940px; width: 100%; max-width: 1170px; margin: auto; } .hero-article-container .hero-article-img { max-width: 570px; } } @media screen and (min-width: 940px) and (max-width: 1169px) { .hero-article { width: 100vw; } .hero-article-text { margin-top: 5%; } } @media screen and (min-width: 1170px) { .hero-article { margin: 0 calc((100vw - 100%)/-2) 0; width: calc(100vw); } } /* */ .hero-article-text a { margin-top: 4px; display: inline-block; } .hero-article-text h3 ~ .underline { background-color: #fff; } .hero-article-container .hero-article-img img { width: 100%; height: 100%; } .hero-article-text a[href] { text-decoration: none; border-bottom: 1px solid #fff; } .hero-article-text a[href]:hover, .hero-article-text a[href]:focus { text-decoration: none; border-bottom: 1px solid #fff; } .hero-article-text h3 a { text-decoration: none; border-bottom: none; } .hero-article-text h3 a[href] { text-decoration: none; border-bottom: none; } .hero-article-text h3 a[href]:hover { text-decoration: none; border-bottom: none; } .hero-article { background: #5f259f; } .hero-article .underline { float: none; display: block; text-align: left; } .register-modal-body { max-height: calc(100vh - 212px); overflow-y: auto; } .event-speakers-intro { margin: 0; } .event-speakers-intro .event-intro-copy { font-size: 22px; line-height: 26px; } .event-speakers-intro .event-speaker-data { background: #fff; padding: 65px; } .event-speakers-intro .event-author-img { float: left; margin-top: 20px; padding: 0; width: 15.23%; max-width: 80px; min-width: 60px; margin-right: 20px; } .event-speakers-intro .event-author-img img { width: 60px; height: 60px; border-radius: 50%; } .event-speakers-intro .event-title { float: left; width: 75%; } .event-speakers-intro .event-title h4 { font-size: 1em; padding-top: 20px; margin-bottom: 0; } .event-speakers-intro .event-speaker-wrap { border-bottom: 1px solid #ccc; padding-bottom: 20px; } .event-speakers-intro .event-speaker-wrap:first-child { border-top: 1px solid #ccc; } .event-speakers-intro .event-title span { font-size: 1em; } .event-speakers-intro .attend-event-wrap { padding-top: 0; } .event-speakers-intro .attend-event-wrap a { font-weight: normal; float: left; background-color: #0096e6; padding: 16px 18px 20px 21px; color: #fff; text-decoration: none; height: 56px; } .event-speakers-intro .attend-event-wrap a i { font-size: 16px; } .event-text-content { padding-top: 30px; } .event-text-content p { margin: 15px 0 10px; } .event-speakers-intro .event-register-button { margin-top: 6px; } .event-regsiter-close { margin: auto; width: 100%; max-width: 1170px; } .has-error .input-label { color: red !important; } .d-blk { display: block !important; } #register-iframe { overflow-y: hidden; height: 76vh; } @media screen and (max-width: 639px) { .event-speakers-intro .attend-event-wrap a { font-size: 16px; } .lab-event-mobile-fix .article-top-box, .lab-event-mobile-fix .rte-card-component { width: 81%; margin: auto; float: none; } .event-speakers-intro .attend-event-wrap a { padding-left: 29px; padding-right: 24px; } } @media screen and (min-width: 640px) { .event-speakers-intro .attend-event-wrap { padding-top: 49px; } .event-speakers-intro .attend-event-wrap a { font-size: 18px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .event-speakers-intro .event-author-img img { width: 65px; height: 65px; } .lab-event-tablet-fix .article-top-box, .lab-event-tablet-fix .rte-card-component { width: 64%; margin: auto; float: none; } } @media screen and (min-width: 940px) { .aem-GridColumn--default--6 .event-speakers-intro { margin-left: 10.2%; } } .register-form-recaptcha-panel { background: #fff; } .register-success-panel p { font-size: 16px; } .register-error-panel .icon-close { color: #ff0000; font-size: 50px; } .register-error-panel .underline { background: #ff0000; } .event-speakers-list .speaker-list-img { float: left; padding: 0; width: 30%; max-width: 100px; max-height: 100px; border-radius: 50%; margin-left: 0; } .event-speakers-list .speaker-list-img img { width: 100px; height: 100px; border-radius: 50%; } .speakers-list-item .col* { padding: 0; } .event-speakers-list .speaker-list-title { float: left; width: 70%; max-width: 358px; /* font-size: 22px; */ line-height: 1.2em; color: #000; margin-top: 18px; } .event-speakers-list .speakers-list-item { border-top: 1px solid #ccc; padding-top: 60px; padding-bottom: 55px; } .event-speakers-list .speakers-list-item:last-child { border-bottom: 1px solid #ccc; } .event-speakers-list .event-title span { font-size: 1em; } .speakers-list-head { margin-bottom: 20px; color: #000; } .list-speaker-details { margin-top: 20px; } .list-speaker-details p { margin-bottom: 0; } @media screen and (max-width: 550px) { .event-speakers-list .speaker-list-img { padding: 0; width: 100px; height: 100px; margin-right: 7%; } .event-speakers-list .speaker-list-img img { width: 100%; height: 100%; } .event-speakers-list .speaker-list-title { width: 45%; font-size: 1.4em; } } @media screen and (max-width: 639px) { .speakers-list-head { margin-bottom: 40px; } .event-speakers-list .speakers-list-item { padding-top: 36px; padding-bottom: 36px; } .event-speakers-list .speaker-list-title { margin-top: -5px; width: 60%; line-height: 1.4; } .list-speaker-details { margin-top: 43px; } .event-speakers-list .speaker-list-img { margin-right: 30px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .event-speakers-list .speaker-list-img { margin-right: 30px; } .event-speakers-list .speaker-list-title { margin-top: 0; line-height: 22px; } .list-speaker-details { margin-top: 20px; margin-left: 135px; } .event-speakers-list .speakers-list-item { border-top: 1px solid #ccc; padding-top: 40px; padding-bottom: 15px; } } @media screen and (min-width: 940px) { .event-speakers-list .speaker-list-title { max-width: 553px; padding-left: 95px; } } @media screen and (min-width: 940px) and (max-width: 1200px) { .event-speakers-list .speaker-list-title { width: 61%; } } @media screen and (max-width: 321px) { .event-filter-box { margin-left: 7.5%; max-width: 141px; width: 100%; float: left; } .event-dropdown-wrap { max-width: 141px; width: 100%; } } @media screen and (max-width: 639px) { .event-reference-outer { margin: 15px auto 0; width: 100%; background: #fff; } .event-reference-outer:first-child { margin-top: 0; } .event-ref-container { margin: 0; } .event-filter-box { margin-bottom: 25px; float: none; } .event-filter-box:first-child { margin-top: 40px; } .event-filter-box:last-child { margin-bottom: 40px; } .event-list-group { margin: 0 calc((100vw - 100%) / -2); width: 100vw; } .event-list-group .ref-article-media { width: 182px; max-width: 35%; float: left; } .event-list-group .ref-article-media img { width: 100%; height: 100%; } .event-ref-media { width: 100%; margin: auto; float: none; display: block; max-width: 639px; max-height: 293px; } .event-ref-media img { max-width: 639px; max-height: 293px; width: 100%; margin: auto; } .event-dropdown-wrap { float: left; } .event-dropdown-wrap .btn-dropdown { font-size: 16px; } .event-ref-data-outer { margin: 0 auto; width: 100%; max-width: 639px; background: #fff; display: block; float: none; } .event-ref-data-outer > .event-ref-data { margin-left: 55px; margin-right: 55px; width: auto; margin-top: 30px; margin-bottom: 30px; } .event-ref-data .ref-article-title { padding-top: 60px; padding-left: 60px; padding-bottom: 60px; width: 78%; } .event-filter-group .content-box-left, .event-filter-group .content-box-right { float: none; } .event-reference-title { width: 91%; } .event-dropdown-wrap { max-width: 222px; width: 100%; } .event-dropdown-wrap .options-dropdown { padding-left: 10%; padding-right: 10%; } .event-filter-group h2 { margin-top: 30px; /* margin-left: -10px; */ } .event-list-group .row { margin: 0 -10px; } .lab-event-mobile-fix .article-top-box, .lab-event-mobile-fix .rte-card-component { width: 81%; margin: auto; float: none; } .article-filter-selection .event-dropdown { top: 48px !important; cursor: pointer; } } @media screen and (min-width: 640px) and (max-width: 768px) { .event-filter-box { margin-bottom: 25px; } } @media screen and (min-width: 640px) and (max-width: 939px) { /* .lab-event-tablet-fix{ width: 81% !important; float: none !important; margin: auto !important; } */ .event-group-filter-container { max-width: 939px; } .event-filter-group .content-box-right { width: 69%; } .event-filter-group .event-title { line-height: 1.2em; } .event-ref-panel { width: 100%; } .event-ref-data-outer { margin: 0; background: #fff; padding: 0; } .event-dropdown-wrap { float: right; } .event-dropdown-wrap .btn-dropdown { font-size: 18px; } .event-reference-title { padding-top: 25px; } .event-reference-title h3 a { font-size: 16px; } .event-reference-outer { background: #fff; } .event-ref-media { margin-right: 0; float: left; height: 100%; width: 100%; max-width: 300px; max-height: 168px; } .event-ref-media img { width: 100%; height: 167px; max-width: 300px; } .event-filter-box { margin-left: 7.5%; max-width: 141px; width: 100%; float: left; } .event-dropdown-wrap { max-width: 170px; width: 100%; } .event-dropdown-wrap .options-dropdown { padding-left: 10%; padding-right: 10%; } .article-filter-selection .event-dropdown { top: 48px !important; cursor: pointer; } } @media screen and (min-width: 640px) { .event-filter-group .content-box-left { float: left; width: 18%; } .event-filter-group .content-box-right { float: right; } .event-reference-title { padding-left: 30px; } .event-filter-group { height: 225px; vertical-align: middle; padding-top: 90px; } .event-ref-data-outer { padding: 0; float: left; width: 56.41%; } .event-ref-data-outer > .event-ref-data { margin-right: 40px; width: auto; } .event-ref-data-outer > div { width: 100%; } .event-reference-title { width: 100%; } .event-reference-title label a { font-size: 14px; } .event-ref-media { float: left; width: 43.59%; } .event-reference-outer { background: #fff; } } @media screen and (min-width: 940px) { .event-group-filter-container { padding: 0; max-width: 1170px; } .event-filter-group .content-box-right { margin-right: 3.5%; width: 69.75%; } /* .event-ref-panel{ width: 83%; } */ .event-filter-box { margin-left: 9%; margin-right: 0; width: 24.327%; float: left; } .event-dropdown-wrap { float: right; } .event-dropdown-wrap .btn-dropdown { font-size: 24px; } .event-dropdown-wrap .options-dropdown { padding-left: 10%; padding-right: 10%; } .event-ref-media { margin-right: 0; float: left; height: 100%; /* max-width: 421px; */ max-height: 237px; } .event-ref-media img { height: 237px; width: 421px; } .event-ref-data-outer { display: inline-block; max-height: 237px; /* max-width: 545px; */ } .event-reference-title { padding: 50px 13.76% 10%; margin-bottom: 0; } .event-dropdown-wrap { width: 222px; } } .event-filter-group { margin: 0 calc((100vw - 100%) / -2); background: #fff; } .event-group-filter-container { width: 100%; margin: auto; } .event-ref-data-outer { padding: 0; } .event-ref-data-outer a { outline: none; cursor: pointer; color: #333; } .event-ref-data-outer a:focus, .event-ref-data-outer a:hover { outline: none; cursor: pointer; color: #333; } .event-list-with-filter .article-video-play-small { position: absolute; bottom: -10px; height: 34px; width: 34px; top: auto; background: #000; } .event-list-with-filter .article-video-play-small:after { text-align: center; display: block; float: left; content: ""; width: 34px; height: 34px; color: #fff; } .event-list-with-filter .article-video-play-small span { color: #fff; text-align: center; margin: auto; display: inline-block; padding: 9px; font-size: 14px; } /* */ .event-dropdown-wrap { position: relative; margin-right: 1px; } .event-dropdown-wrap .btn-dropdown { width: 100%; height: 38px; border: none; background: transparent; padding: 0; margin: 0 0 0 0; text-align: left; text-indent: 0; outline: none; } .event-dropdown-wrap .btn-dropdown .icon-arrow-down { color: black; } .event-dropdown-wrap .btn-dropdown .event-option-selected { display: inline-block; height: 19px; max-width: 197px; overflow: hidden; } .event-dropdown-wrap .btn-dropdown .dropdown-arrow { content: ""; float: right; width: 16px; height: 11px; font-size: 16px; } .event-dropdown-wrap .btn-dropdown .bottom-line { display: block; background: #000; margin: 14px auto 0; height: 2px; } .event-dropdown-wrap .options-dropdown { list-style-type: none; position: absolute; top: 40px; left: 0; text-indent: 0; text-overflow: ''; background: none; background-color: #fff; margin: 0; width: 100%; color: default; box-shadow: none; border: none; border-top: none; z-index: 1; } .event-dropdown-wrap .options-dropdown li { background-color: #fff; border: 0; width: 100%; vertical-align: middle; overflow: hidden; height: 0; padding: 0; -webkit-transition: height 200ms ease-in; -moz-transition: height 200ms ease-in; -o-transition: height 200ms ease-in; transition: height 200ms ease-in; line-height: 38px; cursor: pointer; } .event-dropdown-wrap .options-dropdown li.selected-option-style { height: 40px; } .event-dropdown-wrap .options-dropdown li.selected-option-style:first-child { margin-top: 15px; } .event-dropdown-wrap .options-dropdown li.selected-option-style:last-child { margin-bottom: 15px; } .event-dropdown-wrap .options-dropdown.event-dropdown-options { box-shadow: 0 4px 5px #eee; border: 1px solid #e8e8e8; z-index: 99; } .event-dropdown-wrap .options-dropdown li:hover, .event-dropdown-wrap .options-dropdown li:focus, .event-dropdown-wrap .options-dropdown li.active { color: #007CBD; outline: medium; cursor: pointer; } .event-filter-group { background: #fff; } .event-ref-data { height: 100%; cursor: pointer; } .event-ref-data label { cursor: pointer; } .event-reference-outer { margin-top: 20px; } .event-ref-panel { margin: 0 auto; max-width: 1170px; } .event-reference-outer:first-child { margin-top: 0; } .event-reference-title a, .event-reference-title label { font-weight: normal; } .event-reference-title a { color: #333; } .event-reference-title a:hover { color: #333; } .event-reference-title label { padding-top: 8px; color: #333; } .event-reference-title label a { text-decoration: none; border-bottom: 1px solid #000; } .event-reference-title label a:hover, .event-reference-title label a:focus { text-decoration: none; border-bottom: 1px solid #000; } .event-view-more-wrap .underline { width: 80px; margin: 18px auto 0; } .event-view-more { text-decoration: none; } .event-view-more:focus, .event-view-more:hover { text-decoration: none; } .event-ref-data-link { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; right: 0; } .event-ref-data-outer i::before { display: block; height: 16px; position: absolute; text-align: right; top: 49%; width: 100%; right: 32px; font-size: 1.2em; } .event-filter-group h2 { color: #333; } .event-list .tablet-fix { white-space: normal !important; line-height: 18px !important; } .event-list .event-li-a > li > a { color: #666666; line-height: 38px; } .event-list .tablet-fix .event-option-selected { height: 25px !important; } .event-list .tablet-fix > span:active:hover, .event-list .tablet-fix.active > span:hover, .event-list .tablet-fix > span:focus, .event-list .tablet-fix.focus > span:active { outline: none !important; } .article-filter-selection .event-dropdown { top: 45px; cursor: pointer; } .article-filter-selection .event-dropdown li { cursor: pointer; } .article-filter-selection:active:hover, .article-filter-selection.active:hover, .article-filter-selection:focus, .article-filter-selection.focus:active { outline: none !important; } .event-list .tablet-fix:active:hover, .event-list .tablet-fix.active:hover, .event-list .tablet-fix:focus, .event-list .tablet-fix.focus:active { background-color: initial !important; box-shadow: initial !important; outline: none !important; } @media screen and (max-width: 639px) { .rte-card-right-padding { padding-right: 10px; } .rte-card-left-padding { padding-left: 10px; } .rte-card-top-padding { padding-top: 0; } .rte-card-bottom-padding { padding-bottom: 0; } .rte-card-right-no-padding { padding-right: 5px; } .rte-card-left-no-padding { padding-left: 5px; } .rte-card-top-no-padding { padding-top: 0; } .rte-card-bottom-no-padding { padding-bottom: 0; } } @media screen and (min-width: 640px) { .rte-card-right-padding { padding-right: 10px; } .rte-card-left-padding { padding-left: 10px; } .rte-card-top-padding { padding-top: 10px; } .rte-card-bottom-padding { padding-bottom: 10px; } .rte-card-right-no-padding { padding-right: 0; } .rte-card-left-no-padding { padding-left: 0; } .rte-card-top-no-padding { padding-top: 0; } .rte-card-bottom-no-padding { padding-bottom: 0; } } @media screen and (max-width: 939px) { .rte-card-left-padding-ten { padding-left: 10px; } .rte-card-left-padding-twenty { padding-left: 20px; } .rte-card-left-padding-thirty { padding-left: 30px; } .rte-card-left-padding-forty { padding-left: 40px; } } .rte-card-component { width: auto; word-wrap: break-word; overflow-x: hidden; } .rte-card-component p, .rte-card-component ul { padding-bottom: 0; margin-bottom: 0; } @media screen and (max-width: 639px) { .author-list-wrap { width: 88%; margin: auto; } .author-list-box { text-align: center; margin-bottom: 24px; float: none; } .author-list-profile-name { margin-left: 30px; padding-top: 20px; width: 67%; text-align: left; float: left; } .author-list-profile-img { width: 60px; height: 60px; float: left; } .author-list-profile-img img { max-width: 60px; } } /* @media screen and (min-width: 640px) and (max-width: 939px){ } */ @media screen and (min-width: 640px) { .author-list-wrap { width: 88%; margin: auto; } .author-list-box { text-align: center; float: left; width: 25%; } .author-list-profile-img { width: 102px; height: 102px; text-align: center; margin: auto; } .author-list-profile-img img { max-width: 102px; } .author-list-profile-name { padding-top: 40px; margin-bottom: 30px; } } @media screen and (min-width: 1170px) { .author-list-container { margin: 60px calc((100vw - 1170px) / -2) 0; } } /* */ .author-list-container { background: #fff; } .author-list-profile-name a { text-decoration: none; } .author-list-profile-img img { border-radius: 50%; width: 100%; height: 100%; margin: auto; } .author-list-container h2 { color: #333; padding-top: 30px; } .author-list-profile-name a:hover, .author-list-profile-name a:focus { color: inherit; } .author-hero-img { width: 100px; height: 100px; margin-bottom: 15px; margin-right: 30px; } .author-hero-img img { border-radius: 50%; width: 100%; height: 100%; } @media screen and (max-width: 639px) { .author-hero-title { width: 60%; max-width: 300px; width: 55%; margin-left: 10px; margin-top: 0; } .author-hero-img { width: 60px; height: 60px; margin-right: 8px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .author-hero-title { margin-top: 25px; width: 68%; } } @media screen and (min-width: 940px) { .author-hero-title { max-width: 800px; width: 55%; margin-top: 10px; } } .author-hero-inner { padding-top: 55px; padding-bottom: 45px; } .feature-article-title { font-family: 'AvenirNextLTPro-Bold'; font-size: 30px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: black; margin-bottom: 16px; line-height: 1.07; letter-spacing: normal; } .feature-article-title a { text-decoration: none; color: black; } .feature-article-title a:hover { text-decoration: none; color: #666666; } .feature-article-title a:focus { text-decoration: none; } .feature-carousel-content p { font-family: 'AvenirNextLTPro-Medium'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; } .feature-carousel-content > a { border-bottom: 1px solid #fff; } .feature-carousel-content > a:hover .feature-carousel-content > a:focus { border-bottom: 1px solid #fff; } .feature-carousel-content .feature-carousel-link { text-decoration: underline; } .feature-carousel-content .feature-carousel-link:hover { color: #666666; } .feature-carousel-text { background: #fff !important; } .feature-carousel-img { position: relative; } .article-cat-tag { position: absolute; right: 0; font-family: AvenirNext; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; font-family: 'AvenirNextLTPro-Bold'; background-color: #333333; text-align: center; vertical-align: middle; padding: 6px 10px; z-index: 10; } .lab-feature-carousel { margin-bottom: 20px; } .lab-feature-carousel a { outline: none; } .lab-feature-carousel .slick-prev { top: auto; bottom: -35px; height: 30px; width: 30px; } .lab-feature-carousel .slick-prev:before { font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 0; margin-left: 1px; content: "\e053"; color: black; } .lab-feature-carousel .slick-next { top: auto; bottom: -35px; height: 30px; width: 30px; } .lab-feature-carousel .slick-next:before { font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 0; margin-left: 1px; content: "\e054"; color: black; } .lab-feature-carousel .slick-dots { position: relative; width: 119px; left: auto; right: auto; margin: auto; height: 23px; } .lab-feature-carousel .slick-dots li { margin: 0 5px; } .lab-feature-carousel .slick-dots li button[type=button] { background: black; } .lab-feature-carousel .slick-dots li:last-child { margin: 0 0 0 5px; } .lab-feature-carousel .slick-dots li button::before { content: ""; } .lab-feature-carousel .slick-dots li.slick-active button[type="button"] { margin-top: -3px; margin-left: -3px; } .lab-feature-carousel .underline { background: #fff; } .lab-feature-carousel-head { color: #000000; margin-top: 24px; } .lab-feature-head .view-more-link { margin-top: 40px; } .lab-feature-head .view-more-link a { border-bottom: 1px solid #333; color: #333; } .lab-feature-head .view-more-link a:hover { border-bottom: 1px solid #333; color: #333; } .lab-feature-head .view-more-link a:focus { border-bottom: 1px solid #333; color: #333; } .aricle-feature-head-wrap .lab-feature-carousel-head { margin-bottom: 25px; } .bg-White { background: white; } .bg-black { background: black; } .lab-feature-carousel-text label { font-weight: normal; font-size: 14px; } .lab-feature-carousel-text a { text-decoration: none; color: #fff; border-bottom: 1px solid #fff; } .lab-feature-carousel-text a:hover { text-decoration: none; color: #fff; border-bottom: 1px solid #fff; } .lab-feature-carousel-text a:focus { text-decoration: none; color: #fff; border-bottom: 1px solid #fff; } .article-feature-video-play { border-radius: 30px; position: absolute; z-index: 99; cursor: pointer; color: #fff; text-align: center; text-decoration: none; position: absolute; bottom: -17px; background: #333; } .article-feature-video-play:hover { color: #fff; } .article-feature-video-play i { text-align: center; display: block; } .article-list-with-filter.article-news-listing-cr { margin: 0; } .article-news-listing-cr .article-filter-group { margin: 40px 0 10px; } .article-news-listing-cr .search-holder { border: 1px solid #ccc; border-radius: 25px; } .article-news-listing-cr .search-holder input { width: 65% !important; } .article-news-listing-cr .filter-assets-gap { padding-top: 60px; } .article-news-listing-cr .event-dropdown-wrap { float: left; } .article-news-listing-cr .event-dropdown-wrap ul > li > a:hover { color: #333; font-weight: bold; } .article-news-listing-cr .btn-filter-search { width: 40px; } .article-news-listing-cr .btn-filter-search .icon-search:before { color: black; } @media screen and (max-width: 400px) { .lab-feature-carousel .slick-prev { left: 25%; } .lab-feature-carousel .slick-next { left: 61%; } .article-feature-video-play { height: 50px; width: 50px; left: 43%; top: 39%; background-position: 45% 50%; } .article-feature-video-play i { margin-top: 39%; font-size: 0.9em; } } @media screen and (min-width: 401px) and (max-width: 639px) { .lab-feature-carousel .slick-prev { left: 33%; } .lab-feature-carousel .slick-next { left: 59%; } .article-feature-video-play { border-radius: 20px; width: 34px; height: 34px; left: 5%; top: 93%; max-width: 34px; max-height: 34px; } .article-feature-video-play i { margin-top: 30%; font-size: 1em; } } @media screen and (min-width: 640px) { .feature-carousel-img { height: 280px !important; } .feature-carousel-img img { height: 100%; width: 100%; } .feature-carousel-text { height: 280px !important; } } @media screen and (max-width: 639px) and (-webkit-min-device-pixel-ratio: 0) { .lab-feature-carousel .slick-prev { bottom: -48px; } .lab-feature-carousel .slick-next { bottom: -48px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .feature-carousel-img { max-width: 635px; width: 33%; height: 280px; } .feature-carousel-text { width: 67%; } .lab-feature-carousel .slick-prev { left: 39%; } .lab-feature-carousel .slick-next { left: 55%; } .article-feature-video-play { width: 65px; height: 65px; top: 38%; left: 43.5%; } .article-feature-video-play i { margin-top: 34%; font-size: 1.5em; } .feature-carousel-content { padding: 36px 30px 60px; } } @media screen and (min-width: 640px) and (max-width: 1200px) { .lab-feature-carousel .slick-dots { top: 25px; } .lab-feature-head .view-more-link { text-align: right; margin-top: 40px; } .feature-carousel-img { float: left; } .feature-carousel-text { float: left; } .lab-feature-carousel .slick-prev { top: auto; bottom: -22px; } .lab-feature-carousel .slick-prev::before { display: block; } .lab-feature-carousel .slick-next { top: auto; bottom: -22px; } .lab-feature-carousel .slick-next::before { display: block; } .lab-feature-carousel .video-placeholder iframe { height: 280px; min-height: 280px; max-width: 100%; width: 635px; } } @media screen and (min-width: 940px) { .feature-carousel-img { width: 100%; max-width: 635px; height: 280px; width: 33%; } .feature-carousel-img img { width: 100%; max-width: 635px; height: 280px; } .feature-carousel-text { height: 280px; width: 67%; } .article-feature-video-play { left: 45%; top: 32%; width: 40px; height: 40px; } .article-feature-video-play i { margin-top: 15px; font-size: 0.7em; } .lab-feature-head .view-more-link { text-align: right; } .lab-feature-carousel .slick-prev { left: 41%; } .lab-feature-carousel .slick-next { left: 55%; } .feature-carousel-content { padding: 38px 40px 40px 39px; height: 100%; } } @media screen and (min-width: 1200px) { .lab-feature-carousel .slick-dots { top: 37px; } .feature-carousel-img { width: 33%; height: 223px; max-width: 792px; float: left; } .feature-carousel-img img { width: 100%; height: 223px; max-width: 792px; } .feature-carousel-text { width: 67%; height: 223px; float: left; } .lab-feature-carousel .slick-prev { left: 43%; } .lab-feature-carousel .slick-next { left: 54%; } .lab-feature-carousel .video-placeholder iframe { min-height: 223px; } } @media screen and (max-width: 939px) { .article-news-listing-cr .container { overflow: visible; } .article-news-listing-cr .custom-dropdown .dropdown-menu { min-width: 100%; } .article-news-listing-cr .search-holder input { width: 71% !important; } } @media screen and (max-width: 639px) { .feature-article-title { font-size: 24px; } .feature-carousel-img { float: none; width: 100%; max-width: 520px; max-height: 294px; } .feature-carousel-img img { float: none; width: 100%; max-width: 520px; max-height: 294px; } .feature-carousel-text { float: none; width: 100%; max-width: 520px; height: auto !important; overflow: hidden; min-height: 280px; } .lab-feature-carousel-slide { overflow: auto; } .lab-feature-carousel-head h2 { margin-left: -10px; } .lab-feature-head .view-more-link { text-align: left; margin-bottom: 50px; margin-top: 5px; } .lab-feature-carousel { margin-bottom: 0; padding-bottom: 0; overflow: hidden; height: auto; min-height: 480px; } .lab-feature-carousel .slick-prev { top: auto; bottom: -16px; display: none !important; } .lab-feature-carousel .slick-prev::before { display: block; } .lab-feature-carousel .slick-next { top: auto; bottom: -16px; left: 30px; } .lab-feature-carousel .slick-next::before { display: block; } .lab-feature-carousel .slick-next:before { color: #b2b2b2; } .lab-feature-carousel .slick-dots { bottom: -25px; display: none !important; } .lab-feature-carousel .video-placeholder iframe { min-height: 223px; } .feature-carousel-content { padding: 30px 30px; } .feature-carousel-content p { font-size: 14px; } .feature-carousel-content:before { content: "\e054"; font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #b2b2b2; font-size: 32px; bottom: 0; position: absolute; cursor: pointer; margin: 20px 0; left: 20px; } .article-news-listing-cr .article-search { float: left; margin-left: -10px; width: 100%; } .article-news-listing-cr .search-holder input { margin-left: 10px !important; } .article-news-listing-cr .filter-assets-gap { padding-top: 30px !important; } .lab-article-container .row > .col-xs-12 { padding: 0 20px; } .lab-feature-carousel-wrap.comp-bottom-spacing { border: 1px solid #e8e8e8; } } .article-list-panel { padding-bottom: 20px; background: #fff; border: 1px solid #d8dada; height: auto; overflow: hidden; } .article-list-panel .ref-article-media .article-cat-tag { position: absolute; right: 0; font-family: AvenirNext; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; font-family: 'AvenirNextLTPro-Bold'; background-color: #333333; text-align: center; vertical-align: middle; padding: 6px 10px; } .article-list-panel .ref-article-title { min-height: 250px; height: auto; word-wrap: break-word; width: 100%; padding: 40px; min-height: 250px; height: auto; word-wrap: break-word; width: 100%; padding: 40px; } .article-list-panel .ref-article-title label { font-size: 14px; display: block; } .article-list-panel .ref-article-title label a { text-decoration: none; } .article-list-panel .ref-article-title p { font-family: 'AvenirNextLTPro-Medium'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; } .article-list-panel .article-theme { margin-left: 0; width: 100%; } .article-list-panel h3 { line-height: 1.25em; } .article-list-panel h4 { line-height: 1.25em; } .article-list-grid div[class*='col-'] { min-height: 452px; } .ref-article-title { margin-bottom: 0; } .article-list-gallery .related-content-column { border: 1px solid #d8dada !important; } .ref-article-title label { font-weight: normal; color: #333; } .ref-article-title h4 { color: #000; font-family: 'AvenirNextLTPro-Bold'; font-size: 30px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.07 !important; letter-spacing: normal; color: #333333; margin-bottom: 20px; } .ref-article-title h4 a { color: #333333; text-decoration: none; } .article-cat-tag { position: absolute; right: 0; font-family: AvenirNext; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; font-family: 'AvenirNextLTPro-Bold'; background-color: #333333; text-align: center; vertical-align: middle; padding: 6px 10px; z-index: 10; } .article-filter-group .slick-prev:before { content: ""; display: none; } .article-filter-group .slick-next:before { content: ""; display: none; } .article-list-with-filter .article-video-play-small { position: absolute; background: #000; background: #333 !important; } .article-list-with-filter .article-video-play-small:after { text-align: center; display: block; float: left; content: ""; width: 34px; height: 34px; color: #fff; } .article-list-with-filter .article-video-play-small span { color: #fff; text-align: center; display: block; } .list-video-time { position: absolute; right: 0; bottom: -5px; font-size: 14px; height: 20px; line-height: 20px; width: 40px; background: #000; color: #fff; text-align: center; font-weight: normal; padding-top: 1px; } .listing-filter-navigation { padding: 0; margin-bottom: 0; } .listing-filter-navigation li { display: inline-block; float: left; } .listing-filter-navigation li a { text-decoration: none; font-weight: bold; color: #666; font-weight: bold; position: relative; cursor: pointer; display: inline-block; } .listing-filter-navigation li a label { display: block; float: left; cursor: pointer; font-weight: normal; color: #333; } .listing-filter-navigation li a label:after { clear: both; } .listing-filter-navigation li a ~ span { display: block; float: right; font-size: 14px; padding-left: 5px; padding-top: 1px; } .listing-filter-navigation li a .bottom-line { position: absolute; top: 30px; left: 0; display: block; content: ""; margin: 0; height: 2px; float: left; width: 100%; background: #000; } .article-dropdown-wrap { position: relative; max-width: 222px; margin-right: 1px; width: 100%; } .article-dropdown-wrap .btn-dropdown { width: 100%; height: 38px; border: none; background: transparent; padding: 0; margin: 0 0 30px 0; text-align: left; text-indent: 0; } .article-dropdown-wrap .btn-dropdown:focus ~ .options-dropdown { z-index: 999; -webkit-box-shadow: 0 4px 5px #eee; box-shadow: 0 4px 5px #eee; border: 1px solid #e8e8e8; } .article-dropdown-wrap .btn-dropdown:focus ~ .options-dropdown li { height: 40px; position: relative; } .article-dropdown-wrap .btn-dropdown .dropdown-arrow { content: ""; float: right; width: 16px; height: 11px; font-size: 16px; } .article-dropdown-wrap .btn-dropdown .bottom-line { display: block; background: #000; margin: 14px auto 0; height: 2px; } .article-dropdown-wrap .options-dropdown { list-style-type: none; position: absolute; top: 40px; left: 0; text-indent: 0; text-overflow: ''; border: none; background: none; background-color: #fff; margin: 0; padding: 0 38px 0; width: 100%; color: default; -webkit-box-shadow: 0 4px 5px #eee; box-shadow: 0 4px 5px #eee; border: 1px solid #e8e8e8; border-top: none; } .article-dropdown-wrap .options-dropdown li { background-color: #fff; border: 0; width: 100%; vertical-align: middle; overflow: hidden; height: 0; padding: 0; -webkit-transition: height 200ms ease-in; transition: height 200ms ease-in; line-height: 38px; cursor: pointer; } .article-dropdown-wrap .options-dropdown li:hover { color: #007CBD; outline: medium; cursor: pointer; } .article-dropdown-wrap .options-dropdown li:focus { color: #007CBD; outline: medium; cursor: pointer; } .article-dropdown-wrap .options-dropdown li.selected-option-style2 { height: 40px; } .article-dropdown-wrap .options-dropdown li.selected-option-style2:first-child { margin-top: 15px; } .article-dropdown-wrap .options-dropdown li.selected-option-style2:last-child { margin-bottom: 15px; } .article-dropdown-wrap .options-dropdown li.active { color: #007CBD; outline: medium; cursor: pointer; } .article-search { float: right; } .article-view-more-wrap .underline { margin-left: auto; margin-right: auto; } .article-view-more-wrap h4 { display: block; } .article-view-more-wrap h4 .view-more { text-decoration: none; font-family: 'AvenirNextLTPro-Demi'; font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000000; border: 1px solid #333; padding: 10px 33px; } .article-view-more-wrap h4 .view-more:focus { text-decoration: none; } .article-view-more-wrap h4 .view-more:hover { text-decoration: none; } .view-more .themecolor_2_bg:hover { margin-left: auto !important; margin-right: auto !important; background: #ff9b00 !important; } .article-list .tablet-fix { white-space: normal !important; line-height: 18px !important; height: 60px; } .article-list .tablet-fix .event-option-selected { height: 25px !important; color: black; } .article-list .tablet-fix:active:hover { background-color: initial !important; -webkit-box-shadow: initial !important; box-shadow: initial !important; outline: none !important; } .article-list .tablet-fix:focus { background-color: initial !important; -webkit-box-shadow: initial !important; box-shadow: initial !important; outline: none !important; } .article-list .tablet-fix > span:active:hover { outline: none !important; } .article-list .tablet-fix > span:focus { outline: none !important; } .article-list .event-li-a > li > a { color: #666666; line-height: 38px; } .article-list .tablet-fix.active:hover { background-color: initial !important; -webkit-box-shadow: initial !important; box-shadow: initial !important; outline: none !important; } .article-list .tablet-fix.active > span:hover { outline: none !important; } .article-list .tablet-fix.focus:active { background-color: initial !important; -webkit-box-shadow: initial !important; box-shadow: initial !important; outline: none !important; } .article-list .tablet-fix.focus > span:active { outline: none !important; } .article-list .tablet-fix.margin-bottom { margin-bottom: 30px !important; } .article-list ul > li > a:focus { color: black; } .article-filter-selection .article-dropdown { top: 53px !important; cursor: pointer; } .article-filter-selection .article-dropdown li { cursor: pointer; } .article-filter-selection:active:hover { outline: none !important; } .article-filter-selection:focus { outline: none !important; } .article-filter-selection.active:hover { outline: none !important; } .article-filter-selection.focus:active { outline: none !important; } .filter-bg-color { background: #fff !important; } .filter-font-news { font-family: AvenirNextLTPro-Demi !important; } .filter-assets-gap { padding-top: 114px; } .filter-line-margin { margin: 0px !important; } .article-searchbox-margin { margin-top: 0px !important; } @media screen and (max-width: 500px) { .article-list-gallery .article-list-panel-device { padding-bottom: 0; } .article-list-gallery .article-video-play-small { top: auto; bottom: -10px; left: 8px; height: 34px; width: 34px; } .article-list-with-filter .article-video-play-small span { padding: 0; font-size: 1em; margin: 10px 3px; } } @media screen and (min-width: 501px) and (max-width: 639px) { .article-list-gallery .article-list-panel-device { padding-bottom: 30px; } .article-list-gallery .article-video-play-small { top: auto; bottom: -18px; left: 15px; height: 34px; width: 34px; } .article-list-with-filter .article-video-play-small span { padding: 9px 10px; margin: 0; font-size: 1em; } } @media screen and (max-width: 639px) { .article-list-with-filter { background: #fff; padding-bottom: 20px; margin: 20px 0 0; } .article-list-with-filter .article-filter-selection { margin-left: -10px; } .article-list-group { margin: 0 0 30px 0; background: #fff; width: 100vw; padding: 0 20px; } .article-list-group .ref-article-media { width: 100%; max-width: 100%; float: left; height: 222px; } .article-list-group .ref-article-media img { width: 100%; height: 100%; max-width: 520px; } .article-list-group .ref-article-media .article-cat-tag { font-size: 14px; } .article-list-gallery { width: 100%; margin: auto; padding-top: 0 !important; padding-top: 30px; } .article-list-gallery .related-content-column { width: 100%; border-top: 1px solid #e8e8e8; padding-top: 0; margin-bottom: 20px; } .article-list-gallery .showThis.related-content-column:first-child { margin-top: 0; border-top: none; padding-top: 0; } .article-list-gallery .ref-article-title { margin: 0; padding: 30px; width: 100%; } .article-list-gallery .ref-article-title h4 { font-size: 24px; } .article-list-gallery .ref-article-title p { font-size: 14px; } .article-list-gallery .article-list-panel-device { width: 100%; margin: 0; } .article-list-gallery .article-list-panel-device .article-theme { float: left; width: 100%; margin: 0; } .article-list-grid { width: 81.77%; margin: auto; } .article-list-panel { width: 100%; } .related-content-column { width: 81.77; margin-right: 10px; } .article-list-wrap .article-list-panel { max-width: 520px; } .related-content .article-video-play-small { top: 10px; bottom: auto; } .article-video-play-small { left: 10px; } .article-sort-selection { float: left; } .listing-filter-navigation { margin-left: -10px; } .listing-filter-navigation li { padding: 0px 0 10px 0; margin-right: 63px; } .listing-filter-navigation li a { font-size: 18px; } .article-dropdown-wrap { float: left; } .article-dropdown-wrap .btn-dropdown { font-size: 18px; } .search-news-filters { float: left !important; } .search-news-holder { margin: 13px 0 10px 0px !important; } .filter-assets-gap { padding-top: 60px !important; } } @media screen and (min-width: 640px) and (max-width: 939px) { .article-video-play-small { left: 20px; } .article-sort-selection { float: left; } .listing-filter-navigation li { padding: 0px 30px 10px 0; } .listing-filter-navigation li a { font-size: 18px; } .article-dropdown-wrap { float: right; } .article-dropdown-wrap .btn-dropdown { font-size: 18px; } .ref-article-title { padding: 20px; } .ref-article-title h4 a { font-size: 25px; } .ref-article-media { height: 132px; } .ref-article-media img { max-height: 132px; } .search-news-filters { width: 206px !important; } .search-news-holder { margin: -20px 0 10px 20px !important; } .filter-assets-gap { padding-top: 61px !important; } } @media screen and (min-width: 640px) { .article-list-with-filter { margin: 40px 0 0; } .article-list-with-filter .article-video-play-small { position: absolute; bottom: -17px; height: 34px; width: 34px; top: auto; background: #000; } .article-list-with-filter .article-video-play-small span { padding: 9px 10px; font-size: 14px; margin: auto; } .ref-article-media img { height: 100%; width: 100%; } .article-view-more-wrap { margin-top: -20px; } .article-list-grid > div { margin-bottom: 24px; } } @media screen and (min-width: 940px) { .article-video-play-small { left: 20px; } .article-sort-selection { float: right; } .listing-filter-navigation li { padding: 0px 0 10px 0; margin-right: 48px; } .listing-filter-navigation li a { font-size: 24px; } .article-dropdown-wrap { float: right; } .article-dropdown-wrap .btn-dropdown { font-size: 24px; } .ref-article-media { height: 230px; } .ref-article-media img { max-height: 230px; } } @media screen and (max-width: 400px) { .video-placeholder iframe { width: 100%; height: 100%; } .article-top-banner .video-play { height: 50px; width: 50px; left: 39%; top: 39%; background-position: 45% 50%; } .article-top-banner .video-play i { margin-top: 34%; margin-left: 2px; font-size: 1.25em; } .article-device { font-size: 3.2vw; } .article-social-box { height: 40px; } .article-social-box a { padding-left: 2px; padding-top: 7px; } .article-social-box .article-device span { color: #333; padding-top: 0; margin-top: -4px; } } @media screen and (min-width: 401px) and (max-width: 540px) { .article-top-banner .video-play { width: 70px; height: 70px; left: 42%; top: 37%; } .article-top-banner .video-play i { margin-top: 31%; } .article-device { font-size: 3.4vw; } .article-social-box { height: 55px; } .article-social-box a { padding-left: 10%; padding-top: 4px; } .article-social-box span { padding-top: 8px; } } @media screen and (min-width: 401px) and (max-width: 639px) { .video-placeholder iframe { width: 100%; max-width: 520px; height: 100%; min-height: 250px; max-height: 292px; } .article-top-banner .video-play i { font-size: 1.9em; } } @media screen and (min-width: 541px) and (max-width: 639px) { .article-top-banner .video-play i { margin-top: 36%; } .article-device { color: #000; text-transform: uppercase; font-size: 1.375em; } .article-social-box { height: 70px; } .article-social-box a { padding-left: 10%; padding-top: 9px; } .article-social-box .article-device span { color: #333; padding-top: 8px; padding-left: 0; } .article-top-banner .video-play { width: 112px; height: 112px; left: 39%; top: 32%; } } @media screen and (max-width: 639px) { .article-top-banner { margin-left: 0; margin-right: 0; } .article-top-banner .video-play { max-width: 112px; max-height: 112px; } .article-device i, .article-device span { display: inline-block; float: left; } .article-info { font-size: 14px; line-height: 24px; margin: 28px 0 40px 0; } .article-info a { font-size: 14px; line-height: 24px; } .article-info .article-theme-link a { padding: 8px 16.32%; } .article-date-author { width: 100%; } .article-banner-wrap { height: 300px; } .article-top-panel { height: auto; left: 50%; margin-left: -50vw; position: relative; width: 100vw; } .article-device { color: #000; text-transform: uppercase; } .article-top-panel .article-title { font-size: 32px; line-height: 40px; } .article-top-social-device .article-social-box { margin-top: 2px; } .article-top-box { margin-bottom: 20px; } .article-banner-wrap { width: 100%; height: 100%; } .lab-article-mobile-fix { float: none !important; width: 81% !important; margin: auto !important; } .lab-article-mobile-fix .row { margin: 0 -10px; } .lab-article-mobile-fix .ref-article-panel .row .col-xs-10 { width: 100%; margin-left: 0; } } @media screen and (min-width: 640px) { .article-info .article-theme-link a { padding: 6px 28px 7px; margin-top: -7px; margin-bottom: 0; } .article-top-panel { margin-bottom: 40px; } .article-top-banner .video-play i { margin-top: 44%; } } @media screen and (min-width: 640px) and (max-width: 939px) { .lab-article-tablet-fix { float: none !important; width: 64% !important; margin: auto !important; } .lab-article-tablet-fix .row { margin: 0 -10px; } .article-top-panel { max-height: 350px; margin: 0 calc((100vw - 100%) /-2) 0; } .article-top-box { margin: 0 auto 20px auto; width: 100%; max-width: 492px; } .article-banner-wrap { margin-left: 0; margin-right: 0; width: auto; height: 100%; max-width: 492px; max-height: 277px; } .article-banner-wrap img { max-width: 492px; max-height: 277px; margin: auto; } .video-placeholder iframe { width: 100%; max-width: 492px; height: 100%; min-height: 277px; } .article-info { margin: 28px 0 15px 0; font-size: 14px; } .article-info a { font-size: 14px; } .article-top-social-device .article-social-box { float: left; margin-right: 0.2%; height: 40px; display: block; vertical-align: middle; line-height: 40px; margin-top: 10px; width: 33.1%; padding: 0; margin-top: 1px; } .article-top-banner .video-play i { margin-top: 40%; } .article-social-wrap { margin-left: 0; margin-right: 0; } .article-device { color: #333; text-transform: uppercase; font-size: 1em; } .article-device i { padding-left: 6%; padding-top: 2px; display: block; float: left; } .article-device span { display: block; float: left; } .article-social-box span { margin-left: 4px; margin-top: 1px; } .article-social-box .article-device span { color: #333; width: auto; } .article-info .article-theme-link a { margin-top: -15px; } .article-top-banner .video-play { width: 65px; height: 65px; top: 38%; left: 43.5%; } .article-banner-space-fix { margin-bottom: 110px; } } @media screen and (max-width: 939px) { .article-social-box { float: left; margin-right: 0; display: table-cell; vertical-align: middle; line-height: 65px; padding-top: 0; width: 33.3%; } .article-social-box a { border-right: 1px solid #ccc; width: 100%; height: 100%; vertical-align: middle; text-align: center; display: block; } .article-social-linkedin a { border: none; } } @media screen and (min-width: 940px) { .article-top-panel { max-height: 450px; margin: 0 calc((100vw - 100%) /-2); } .article-top-box { margin-bottom: 20px; } .article-social-base { position: absolute; top: -19px; width: 100vw; left: 100%; margin: 0 0 0 97px; } .article-social-title { margin-bottom: 7px; } .article-social-box { width: 40px; height: 40px; display: block; overflow: hidden; text-align: center; margin: 0; margin-bottom: 5px; } .article-social-box a { width: 40px; height: 40px; display: block; overflow: hidden; text-align: center; margin: 0; } .article-info { margin: 28px 0 15px 0; } .article-banner-wrap { max-height: 439px; max-width: 780px; margin: auto; width: 100%; height: 100%; } .article-banner-wrap img { max-height: 439px; max-width: 780px; margin: auto; } .video-placeholder iframe { width: 100%; height: 100%; min-height: 439px; } .article-top-banner .video-play { left: 44%; top: 37%; max-width: 112px; max-height: 112px; width: 21%; height: 38%; } .article-top-banner .video-play i { margin-top: 35%; font-size: 31px; } .article-top-panel .article-title { line-height: 50px; } .article-banner-space-fix { margin-bottom: 110px; } } @media screen and (min-width: 940px) and (max-width: 1199px) { .article-social-base { right: -15.6%; } .article-social-base.scroll-sticky { margin-left: 706px; left: auto; right: auto; } } @media screen and (min-width: 1200px) and (max-width: 1279px) { .article-social-base { right: -16%; } .article-social-base.scroll-sticky { right: 7.6%; } } @media screen and (min-width: 1280px) and (max-width: 1359px) { .article-social-base { right: -17.2%; } .article-social-base.scroll-sticky { right: 7.25%; } } @media screen and (min-width: 1360px) and (max-width: 1365px) { .article-social-base { right: -17.2%; } .article-social-base.scroll-sticky { right: 8%; } } @media screen and (min-width: 1366px) and (max-width: 1439px) { .article-social-base { /* right: -17.2%; */ } .article-social-base.scroll-sticky { /* right: 7%; */ } } @media screen and (min-width: 1440px) { .article-social-base { right: -17.2%; } .article-social-base.scroll-sticky { right: 12%; } } /* */ .article-top-panel { color: #fff; background: #5f259f; min-height: 230px; position: absolute; width: 100vw; margin-bottom: 40px; } .article-top-box { color: #fff; padding-top: 60px; position: relative; width: 100%; left: auto; } .article-social-base { z-index: 9999; } .article-banner-wrap img { width: 100%; } .article-top-box .article-title { color: #fff; margin-top: 0; } .article-top-box .article-info a { color: #fff; } .article-top-box .article-info a:hover, .article-top-box .article-info a:focus { color: #fff; } .article-top-box .article-date-author a { text-decoration: none; border-bottom: 1px solid #fff; } .article-top-box .article-date-author a:hover, .article-top-box .article-date-author a:focus { text-decoration: none; } .article-top-box .article-date-author a:hover, .article-top-box .article-date-author a:focus { border-bottom: 1px solid #fff; } .article-social-box { background: #fff; line-height: 36px; text-align: center; z-index: 99; } .article-info .article-theme-link a { font-weight: normal; border: 1px solid #fff; border-radius: 34px; text-decoration: none; display: inline-block; margin-bottom: 10px; } .article-info .article-theme-link a[href]:hover { text-decoration: underline; } .article-social-box a { cursor: pointer; } .article-device { text-decoration: none; } .article-device:hover, .article-device:focus { text-decoration: none; } .article-top-banner .video-play { background: #0096e6; border-radius: 50%; position: absolute; z-index: 99; cursor: pointer; border-radius: 50%; color: #fff; text-align: center; } .article-top-banner .video-play i { display: block; } .video-time { font-size: 14px; height: 20px; line-height: 20px; width: 40px; position: absolute; right: 0; bottom: 0; display: block; background: #000; color: #fff; text-align: center; } .video-placeholder { position: relative; overflow: hidden; display: none; } .video-placeholder iframe .video-placeholder object .video-placeholder embed { position: absolute; top: 0; left: 0; } .article-social-box a i::before { font-family: "spark-icon-family"; margin: 0; width: auto; display: inline-block; color: #666; } .article-social-box a i:hover::before { color: #333; } .article-social-box .icon-facebook-o { line-height: 1.2em; font-size: 2em; } .article-social-box .icon-twitter { line-height: 1.24em; font-size: 1.9em; } .article-social-box .icon-linkedin-o { line-height: 1.3em; font-size: 1.75em; } .article-social-box .article-device span { color: #333; } .lab-article-container a[href] { outline: none; } .lab-article-container a[href]:focus { outline: none; } .accordian-link { border-bottom: 0px; color: #333333; text-decoration: none; margin-left: 0px; font-size: 1em; position: relative; padding: 25px 0; cursor: pointer; } .accordion-toggle:after { content: "_"; height: 10px; width: 15px; font-family: "spark-icon-family"; speak: none; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; color: #999999; top: 6%; position: absolute; right: 24px; font-size: 26px; font-weight: bold; } .collapsed.accordion-toggle:after { content: "\e050"; height: 11px; width: 15px; font-size: 1.2em; font-family: "spark-icon-family"; speak: none; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #999999; top: 30%; position: absolute; right: 24px; font-weight: bold; } .event-accordion-data { background: #fff; padding: 0; } .event-accordion-data a { text-decoration: none; } .event-accordion-data .panel-body { padding: 0 40px 25px; } .event-accordion-box { padding: 0; border-bottom: 1px solid #e8e8e8; margin-bottom: 0; box-shadow: none; } .event-accordion-box:first-child { border-top: 1px solid #e8e8e8; } .event-accordion-box .accordian-link:hover:after { color: #0096e6; } .event-accordion-box .accordian-link:active:after, .event-accordion-box .accordian-link:visited:after, .event-accordion-box .accordian-link:focus:after { color: #999999; } .event-accordion-panel h3 { margin-bottom: 5px; padding-left: 24px; color: #333; font-size: 120%; position: relative; width: 95%; cursor: pointer; } .event-accordion-panel .helptext { color: #999999; font-size: 90%; margin: 0; width: 95%; } .event-accordion-panel h4 { margin-bottom: 32px; color: #333; } .event-accordion-panel a { outline: none; } .event-accordion-box img { margin-top: 22px; max-width: 100%; height: auto; display: block; } @media only screen and (max-width: 939px) { .event-accordion-data .panel-body { padding: 0 0 25px; } .event-accordion-data .default-mobile-padding { padding: 0 24px; } .event-accordion-box .accordian-link:hover:after { color: #999999; } } @media only screen and (max-width: 639px) { .event-accordion-panel h3, .event-accordion-panel .helptext { width: 85%; } } /* * Copyright 2016 Adobe Systems Incorporated * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Global SCSS */ /* Do not change the order of global SCSS */ /* Text color - Brand green - Dark */ /* Border color - Brand pink - Light */ /* Border color - Brand green - Dark */ /* Background - White */ /* Background - Blue */ /* Border color - Brand green */ /* Text color - Brand green */ /* Text color - Brand blue - Light */ /* Background - Brand green - Light */ /* Border color - Grey 1 */ /* Border color - Brand blue - Light */ /* Background - Brand purple */ /* Text color - Brand purple - Light */ /* Text color - Grey 3 */ /* Background - Brand pink - Dark */ /* Text color - Grey 4 */ /* Border color - Grey 3 */ /* Border color - Brand purple - Dark */ /* Border color - Brand purple - Light */ /* Background - Brand pink - Light */ /* Text color - Grey 5 */ /* Border color - Grey 4 */ /* Text color - Brand purple - Dark */ /* Border color - Brand blue - Dark */ /* Border color - Grey 5 */ /* Background - Brand green - Dark */ /* Border color - White */ /* Text color - Brand blue - Dark */ /* Text color - White */ /* Background - Grey 0 */ /* Border color - Brand green - Light */ /* Background - Grey 1 */ /* Border color - Brand pink - Dark */ /* Text color - Brand green - Light */ /* Background - Grey 2 */ /* Background - Brand purple - Light */ /* Text color - Brand pink - Dark */ /* Background - Brand orange - Dark */ /* Background - Grey 3 */ /* Text color - Brand orange */ /* Background - Grey 4 */ /* Border color - Brand orange */ /* Background - Grey 5 */ /* Border color - Brand orange - Dark */ /* Text color - Brand orange - Dark */ /* Background - Brand orange */ /* Text color - Brand pink */ /* Background - Black */ /* Text color - Brand orange - Light */ /* Border color - Brand pink */ /* Border color - Brand orange - Light */ /* Background - Brand green */ /* Text color - Brand purple */ /* Border color - Brand purple */ /* Background - Brand pink */ /* Border color - Black */ /* Background - Brand orange - Light */ /* Background - Brand purple - Dark */ /* Text color - Brand pink - Light */ /* Text color - Black */ /* Min media */ /* Misc min media */ /* Max media */ /* Misc max media */ /* specific view ports */ /* Breakpoint mixin */ /* SCSS variables to store font-family */ /* SCSS variables to store font-size */ /* Buttons */ .primary-button { min-width: 110px; height: 40px; font-size: 14px; background-color: #0096E6; color: #FFFFFF; border: 1px solid #0096E6; text-align: center; } .primary-button:hover { color: #FFFFFF; background: #007CBD; border-color: #007CBD; } .primary-button.disabled { background-color: #B2B2B2; color: #FFFFFF; border: none; pointer-events: none; } .primary-button.disabled:hover, .primary-button.disabled:focus { background-color: #B2B2B2; color: #FFFFFF; } /* Links */ .text-primary-link { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #0096E6; display: inline-block; } .text-primary-link:hover { color: #007CBD; } .text-primary-link.arrow { margin-left: 5px; vertical-align: middle; } @media screen and (min-width: 940px) { .text-primary-link { font-size: 16px; } } /* Shadow */ /* Text Variations */ .text-gray-5-bold { color: #333333; font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; } /* Color Variations */ .bg-white { background: #FFFFFF; } /* Layouts */ .cmp-fullwidth { margin: 0 calc((100vw - 100%) / -2) 0; width: calc(100vw); } /* status stamps */ .status-stamp { font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #FFFFFF; padding: 0 16px; border-radius: 11px; display: inline-block; } .status-stamp.small { font-size: 12px; line-height: 19px; } /* cursor */ /* borders*/ .bottom-border-grey-3 { border-bottom: 2px solid #999999; } .form-element-label { margin-bottom: 32px; } .sub-label { font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; color: #333333; font-size: 16px; } .info-text-container { padding-left: 32px; } .info-text-container .info-text { position: absolute; left: 8px; } .form-element-container { margin: 24px 0 56px; } .form-element-container .floating-fields { height: 30px; position: relative; } .form-element-container .floating-fields .input-label { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #999999; cursor: text; outline: none; width: 100%; margin: 0; position: absolute; top: 0; left: 0; z-index: 1; transition: all 0.2s ease 0s; } .form-element-container .floating-fields input[type="text"] { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #333333; position: absolute; z-index: 2; width: 100%; height: 30px; border: 0; outline: 0; padding: 0; background: transparent; border-bottom: 2px solid #999999 !important; } .form-element-container .floating-fields input[type="text"]:focus { border-color: #0096E6 !important; } .form-element-container .floating-fields input[type="text"]:focus ~ .input-label { font-size: 12px !important; top: -20px; color: #0096E6 !important; } .form-element-container .floating-fields input[type="text"]:valid ~ .input-label { font-size: 12px !important; top: -20px; color: #999999; } .form-element-container .floating-fields.has-error .input-label { color: #DF1F00; } .form-element-container .floating-fields.has-error input[type="text"] { border-bottom-color: #DF1F00; } .form-element-container .floating-fields ~ .error { color: #DF1F00; font-size: 12px; } .form-element-container .textarea-container .input-label { font-weight: normal; color: #000000; margin-bottom: 16px; } .form-element-container .textarea-container textarea { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 2px 0; border-radius: 0; padding: 8px 0px; width: 100%; resize: none; border-color: #999999; outline: 0; } .form-element-container.bottom-spacing-0 { margin-bottom: 0; } .form-element-container.top-spacing-0 { margin-top: 0; } /* Start dropdown-enhanced */ .dropdown-enhanced-container .dropdown-enhanced-label { cursor: pointer; } .dropdown-enhanced-container .dropdown-enhanced { position: relative; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-default { width: 100%; height: 30px; border: 0; margin: 0; padding: 0; text-align: left; outline: none; padding-bottom: 5px; background: none; box-shadow: none; border-bottom: 2px solid #999999; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-select { font-weight: 500; font-size: 16px; line-height: 20px; text-align: left; color: #333333; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-arrow { float: right; font-size: 16px; margin: 2px 4px 0 8px; color: #999999; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-options { display: none; position: absolute; width: 100%; top: 28px; margin: 0; z-index: 999; background: #FFFFFF; padding: 0 40px; max-height: 335px; overflow-y: auto; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2); } .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-options li { list-style-type: none; cursor: pointer; font-size: 16px; color: #333333; width: 100%; line-height: normal; word-break: break-all; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-options li.active, .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-options li:active, .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-options li:hover, .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-options li:focus { color: #0096E6; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-options li.disabled { pointer-events: none; color: #999999; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-1 { padding: 24px !important; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-1 li { margin-bottom: 16px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-1 li:last-child { margin-bottom: 0; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li { position: relative; padding: 16px 40px 16px 0; margin: 0; border-bottom: 1px solid #e8e8e8; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li:first-child { padding-top: 40px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li:first-child .check-item-box { top: 36px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li:last-child { border: 0; padding-bottom: 40px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li .check-item-box { position: absolute; right: 0; top: 14px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li .check-item-box .selected-item { float: right; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li .check-item-box .selected-item img { width: 24px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2.smallspace { padding: 0 24px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2.smallspace li:first-child { padding-top: 24px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2.smallspace li:first-child .check-item-box { top: 22px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2.smallspace li:last-child { padding-bottom: 24px; } .dropdown-enhanced-container .dropdown-enhanced .sorted-menu { max-height: 548px; } .dropdown-enhanced-container .dropdown-enhanced .sorted-menu .sorted-menu-label { color: #999999; text-transform: uppercase; font-size: 14px; padding: 24px 0 0; border: 0; pointer-events: none; } .dropdown-enhanced-container .dropdown-enhanced .sorted-menu .sorted-menu-label:hover { color: #999999; } @media screen and (max-width: 639px) { .dropdown-enhanced-container .dropdown-enhanced .dropdown-enhanced-options { padding: 0 24px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li:first-child { padding-top: 24px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li:first-child .check-item-box { top: 22px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2 li:last-child { padding-bottom: 24px; } .dropdown-enhanced-container .dropdown-enhanced .dropdown-style-2.smallspace { min-width: 174px; } } .dropdown-enhanced-container .dropdown-enhanced-open { top: -20px !important; font-size: 12px !important; color: #0096E6 !important; } .dropdown-enhanced-container .dropdown-enhanced-close { top: -20px !important; font-size: 12px !important; } .dropdown-enhanced-container.disabled { pointer-events: none; opacity: 0.5; } /* End dropdown-enhanced */ /* Start Check box */ .sp-checkbox-container input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; } .sp-checkbox-container input[type="checkbox"] ~ label { font-weight: 500; padding-left: 40px; position: relative; cursor: pointer; outline: none; } .sp-checkbox-container input[type="checkbox"] ~ label:before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border: 1px solid #999999; } .sp-checkbox-container input[type="checkbox"] ~ label:after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; margin-left: 0; } .sp-checkbox-container input[type="checkbox"]:checked ~ label:after { outline: none; display: block; margin: 0; content: ""; width: 13px; height: 7px; top: 7px; left: 6px; opacity: 1; border-left: 2px solid #0096E6; border-bottom: 2px solid #0096E6; -webkit-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } /* End Check box */ @media screen and (min-width: 940px) { .sub-label { font-size: 18px; } } .link-remove { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; color: #999999; font-size: 14px; float: right; border: 1px solid #999999; border-radius: 15px; line-height: normal; padding: 4px 12px; } .link-remove:hover { color: #999999; } .link-remove i { font-size: 11px; margin-right: 4px; vertical-align: middle; } .label-grey-text { color: #999999; } .cmp-onespark-modal { padding: 0 !important; } .cmp-onespark-modal .modal-dialog { margin: 0 !important; width: 100%; } .cmp-onespark-modal .modal-dialog .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; height: 100vh; overflow-x: hidden; overflow-y: auto; background: #FFFFFF; } .cmp-onespark-modal .modal-header { border: 0; padding: 24px 24px 0; } .cmp-onespark-modal .modal-header .close { font-size: 24px; color: #666666; opacity: 1; line-height: inherit; margin: 0; outline: none; } .cmp-onespark-modal .modal-header .btn-fixed { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; position: absolute; right: 20px; top: 20px; } .cmp-onespark-modal .modal-body { padding: 16px 24px 32px; } .cmp-onespark-modal .modal-body h3 { margin-bottom: 16px; line-height: normal; } @media screen and (min-width: 640px) { .cmp-onespark-modal .modal-header { padding: 24px 32px 0; } .cmp-onespark-modal .modal-header .close { font-size: 32px; } .cmp-onespark-modal .modal-body { padding: 16px 32px 32px; } .cmp-onespark-modal .modal-body h3 { margin-bottom: 24px; } } @media screen and (min-width: 940px) { .cmp-onespark-modal .modal-dialog .modal-content { height: auto; } .cmp-onespark-modal .modal-dialog { width: 716px; margin: 6% auto !important; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14); } .cmp-onespark-modal .modal-header { padding: 32px 40px 0; } .cmp-onespark-modal .modal-body { padding: 16px 40px 40px; } } .cmp-pagination { display: block; margin: 0; } .cmp-pagination ul { display: inline-block; margin: 0; padding: 0; } .cmp-pagination ul li { display: inline-block; float: left; } .cmp-pagination ul li a { font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; color: #999999; float: left; padding: 0 8px; } .cmp-pagination ul li a i { font-size: 14px; vertical-align: middle; display: inline-block; } .cmp-pagination ul li a:hover, .cmp-pagination ul li a:focus { color: #999999; } .cmp-pagination ul li.prev a, .cmp-pagination ul li.next a { margin: 0 8px; } .cmp-pagination ul li.prev a i, .cmp-pagination ul li.next a i { color: #0096E6; } .cmp-pagination ul li.active a { color: #EC008C; cursor: default; pointer-events: none; } .cmp-pagination ul li.continues a { width: 6px; height: 6px; padding: 0; margin: 8px 4px; border-radius: 50%; background-color: #0096E6; } .cmp-pagination ul li.disable { opacity: 1; } .cmp-pagination ul li.disable a { cursor: default; pointer-events: none; } .cmp-pagination ul li.disable a i { color: #999999; } .cmp-page-information { background: #fafafa; padding: 32px 10px; } .cmp-page-information .icon-wrapper { position: relative; display: block; margin-bottom: 8px; } .cmp-page-information .icon-wrapper i { color: #FF9B00; font-size: 32px; line-height: 0.5; } .cmp-page-information .icon-desc { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; float: left; line-height: normal; } @media screen and (min-width: 640px) { .cmp-page-information .icon-wrapper { position: absolute; margin-bottom: 0; } .cmp-page-information .icon-desc { padding-left: 56px; } } @media screen and (min-width: 940px) { .cmp-page-information { padding: 32px 0; } .cmp-page-information .icon-desc { font-size: 16px; padding-left: 48px; } } /* spacing */ .top-spacing-8 { margin-top: 8px; } .top-spacing-16 { margin-top: 16px; } .top-spacing-24 { margin-top: 24px; } .top-spacing-32 { margin-top: 32px; } .top-spacing-40 { margin-top: 40px; } .top-spacing-80 { margin-top: 80px; } .bottom-spacing-0 { margin-bottom: 0; } .bottom-spacing-8 { margin-bottom: 8px; } .bottom-spacing-16 { margin-bottom: 16px; } .bottom-spacing-24 { margin-bottom: 24px; } .bottom-spacing-40 { margin-bottom: 40px; } /* Layout container - CSS starts*/ /* Padding variations - Mobile */ @media only screen and (max-width: 639px) { .cmp-layout__padding-mobile-8.cmp-layout__padding-mobile-left { padding-left: 8px; } .cmp-layout__padding-mobile-8.cmp-layout__padding-mobile-right { padding-right: 8px; } .cmp-layout__padding-mobile-8.cmp-layout__padding-mobile-top { padding-top: 8px; } .cmp-layout__padding-mobile-8.cmp-layout__padding-mobile-bottom { padding-bottom: 8px; } .cmp-layout__padding-mobile-8.cmp-layout__padding-mobile-all { padding: 8px; } /* Padding - 16px */ .cmp-layout__padding-mobile-16.cmp-layout__padding-mobile-left { padding-left: 16px; } .cmp-layout__padding-mobile-16.cmp-layout__padding-mobile-right { padding-right: 16px; } .cmp-layout__padding-mobile-16.cmp-layout__padding-mobile-top { padding-top: 16px; } .cmp-layout__padding-mobile-16.cmp-layout__padding-mobile-bottom { padding-bottom: 16px; } .cmp-layout__padding-mobile-16.cmp-layout__padding-mobile-all { padding: 16px; } /* Padding - 24px */ .cmp-layout__padding-mobile-24.cmp-layout__padding-mobile-left { padding-left: 24px; } .cmp-layout__padding-mobile-24.cmp-layout__padding-mobile-right { padding-right: 24px; } .cmp-layout__padding-mobile-24.cmp-layout__padding-mobile-top { padding-top: 24px; } .cmp-layout__padding-mobile-24.cmp-layout__padding-mobile-bottom { padding-bottom: 24px; } .cmp-layout__padding-mobile-24.cmp-layout__padding-mobile-all { padding: 24px; } } /* Padding variations - Tablet/Desktop */ @media only screen and (min-width: 640px) { /* Padding - 8px */ .cmp-layout__padding-desktop-8.cmp-layout__padding-desktop-left { padding-left: 8px; } .cmp-layout__padding-desktop-8.cmp-layout__padding-desktop-right { padding-right: 8px; } .cmp-layout__padding-desktop-8.cmp-layout__padding-desktop-top { padding-top: 8px; } .cmp-layout__padding-desktop-8.cmp-layout__padding-desktop-bottom { padding-bottom: 8px; } .cmp-layout__padding-desktop-8.cmp-layout__padding-desktop-all { padding: 8px; } /* Padding - 16px */ .cmp-layout__padding-desktop-16.cmp-layout__padding-desktop-left { padding-left: 16px; } .cmp-layout__padding-desktop-16.cmp-layout__padding-desktop-right { padding-right: 16px; } .cmp-layout__padding-desktop-16.cmp-layout__padding-desktop-top { padding-top: 16px; } .cmp-layout__padding-desktop-16.cmp-layout__padding-desktop-bottom { padding-bottom: 16px; } .cmp-layout__padding-desktop-16.cmp-layout__padding-desktop-all { padding: 16px; } /* Padding - 24px */ .cmp-layout__padding-desktop-24.cmp-layout__padding-desktop-left { padding-left: 24px; } .cmp-layout__padding-desktop-24.cmp-layout__padding-desktop-right { padding-right: 24px; } .cmp-layout__padding-desktop-24.cmp-layout__padding-desktop-top { padding-top: 24px; } .cmp-layout__padding-desktop-24.cmp-layout__padding-desktop-bottom { padding-bottom: 24px; } .cmp-layout__padding-desktop-24.cmp-layout__padding-desktop-all { padding: 24px; } } /* Layout container - CSS ends*/ /* Push pager title and page path out from print preview */ @media print { @page { margin: 13px 25px 13px 25px; } body { line-height: 1 !important; } } /** Print preview for Firefox */ @-moz-document url-prefix() { @media print { @page { margin: 0 10px 0 10px; size: portrait; } body { margin: 0; display: inline; } } } /* Component Specific SCSS Start*/ .cmp-list-navigation { padding: 0 10px; margin-top: 8px; } .cmp-list-navigation .cmp-list-navigation__item { padding: 32px 0; border-bottom: 1px solid #e8e8e8; } .cmp-list-navigation .cmp-list-navigation--title { margin-bottom: 8px; line-height: normal; } .cmp-list-navigation .cmp-list-navigation--title a:hover, .cmp-list-navigation .cmp-list-navigation--title a:focus { color: #007CBD; text-decoration: underline; } .cmp-list-navigation .cmp-list-navigation--date { font-size: 14px; color: #999999; } @media screen and (min-width: 640px) { .cmp-list-navigation { margin-top: 24px; } .cmp-list-navigation .cmp-list-navigation__item { padding: 24px 0; } } @media screen and (min-width: 940px) { .cmp-list-navigation { margin-top: 32px; padding: 0; } } .cmp-filter-box-result { color: #999999; margin-top: 24px; } @media screen and (min-width: 640px) { .cmp-filter-box-result { text-align: right; margin-top: 32px; } } .cmp-device-card-carousel { padding-bottom: 25px !important; } .cmp-device-card-carousel .slick-next { font-size: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09); width: 48px; height: 48px; border-radius: 50px; z-index: 99; background: #FFFFFF; right: -88px; } .cmp-device-card-carousel .slick-prev { font-size: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09); width: 48px; height: 48px; border-radius: 50px; z-index: 99; background: #FFFFFF; left: -88px; } .cmp-device-card-carousel .slick-arrow::before { font-size: 18px; margin-left: 0; color: #999999; } .cmp-device-card-carousel .slick-arrow:hover::before { color: #0096E6; } .cmp-device-card-carousel .slick-disabled:before { color: #999999; opacity: 0.25; } .cmp-device-card-carousel .slick-disabled:hover::before { color: #999999; } .cmp-device-card-carousel .slick-slide { margin: 0px 4px; opacity: 0.6; outline: none; } .cmp-device-card-carousel .slick-slide.slick-active { opacity: 1; } .cmp-device-card-carousel .slick-list { padding: 0 20px !important; overflow: visible; } .cmp-device-card-carousel .cmp-device-card__panel { background: #FFFFFF; padding: 30px; height: 365px; text-align: center; } .cmp-device-card-carousel .cmp-device-card--image { height: 218px; width: auto; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } .cmp-device-card-carousel .cmp-device-card--image img { max-height: 218px; max-width: 100%; } .cmp-device-card-carousel .cmp-device-card--title { font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; color: #333333; margin-bottom: 8px; } .cmp-device-card-carousel .cmp-device-card--info { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; color: #666666; margin-bottom: 8px; min-height: 22px; } @media screen and (min-width: 640px) { .cmp-device-card-carousel .slick-slide { margin: 0px 8px; } } @media screen and (min-width: 940px) { .cmp-device-card-carousel { padding-bottom: 30px; } .cmp-device-card-carousel .cmp-device-card__panel { padding: 40px; height: 493px; } .cmp-device-card-carousel .cmp-device-card--image { height: 294px; margin-bottom: 24px; } .cmp-device-card-carousel .cmp-device-card--image img { max-height: 227px; max-width: 100%; } .cmp-device-card-carousel .cmp-device-card--title { font-size: 18px; } .cmp-device-card-carousel .cmp-device-card--info { font-size: 14px; margin-bottom: 24px; } .cmp-device-card-carousel .slick-list { overflow: visible; } .cmp-device-card-carousel .slick-slide { margin: 0px 12px; } } @media only screen and (max-width: 1360px) and (min-width: 1200px) { .cmp-device-card-carousel .slick-next { right: 0; } .cmp-device-card-carousel .slick-prev { left: 0; } } .cmp-link-farm { padding: 40px 16px 0 0; } .cmp-link-farm .cmp-link-farm-box h5 { margin-bottom: 16px; } .cmp-link-farm .cmp-link-farm-box .cmp-link-farm-link-box { margin-bottom: 40px; } .cmp-link-farm .cmp-link-farm-box .cmp-link-farm-link-box a { display: block; margin-bottom: 16px; } .cmp-link-farm .cmp-link-farm-box .cmp-link-farm-link-box a:hover { text-decoration: underline; } .cmp-link-farm .cmp-link-farm-box .cmp-link-farm-link-box a:last-child { margin-bottom: 0; } @media screen and (max-width: 939px) { .cmp-link-farm .cmp-link-farm-box { padding: 0 14px; } } .cmp-gsa-notification { background: #FFFFFF; padding: 32px 0 0; } .cmp-gsa-notification .cmp-gsa-notification__top { padding: 0 24px; } .cmp-gsa-notification .cmp-gsa-notification__item { padding: 24px; border-bottom: 1px solid #e8e8e8; } .cmp-gsa-notification .cmp-gsa-notification__item:last-child { border-bottom: 0; } .cmp-gsa-notification .cmp-gsa-notification__top a { float: right; padding: 4px 0; } .cmp-gsa-notification .cmp-gsa-notification__top h5 { margin: 0; font-size: 18px; } .cmp-gsa-notification .notification-box { position: relative; } .cmp-gsa-notification .notification-box p { color: #333333; margin: 0; padding-right: 32px; } .cmp-gsa-notification .notification-box i { position: absolute; right: 0; top: 33%; } .cmp-gsa-notification .cmp-learn-more { border-top: 1px solid #e8e8e8; padding: 16px 0; } .cmp-gsa-notification .cmp-learn-more a { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; } .cmp-gsa-notification .cmp-learn-more a:hover { color: #333333; } .cmp-gsa-notification .cmp-learn-more i { vertical-align: middle; margin-left: 8px; } @media screen and (min-width: 940px) { .cmp-gsa-notification .cmp-gsa-notification__top h5 { font-size: 22px; } } .cmp-news-feeds { background: #FFFFFF; padding: 32px 24px 0; } .cmp-news-feeds .cmp-news-feeds__box .cmp-news-feeds__item { padding: 24px 0; border-bottom: 1px solid #e8e8e8; } .cmp-news-feeds .cmp-news-feeds__box .cmp-news-feeds__item:last-child { border-bottom: 0; } .cmp-news-feeds .cmp-news-feeds__box .cmp-news-feeds--title { font-size: 18px; margin-bottom: 8px; line-height: normal; } .cmp-news-feeds .cmp-news-feeds__box .cmp-news-feeds--title a:hover, .cmp-news-feeds .cmp-news-feeds__box .cmp-news-feeds--title a:focus { color: #007CBD; text-decoration: underline; } .cmp-news-feeds .cmp-news-feeds__box .cmp-news-feeds--date { font-size: 14px; color: #999999; } .cmp-news-feeds .cmp-news-feeds__top a { float: right; padding: 4px 0; } .cmp-news-feeds .cmp-news-feeds__top h5 { margin: 0; font-size: 18px; } .cmp-news-feeds .cmp-learn-more { border-top: 1px solid #e8e8e8; padding: 16px 0; } .cmp-news-feeds .cmp-learn-more a { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; } .cmp-news-feeds .cmp-learn-more a:hover { color: #333333; } .cmp-news-feeds .cmp-learn-more i { vertical-align: middle; margin-left: 8px; } @media screen and (min-width: 940px) { .cmp-news-feeds .cmp-news-feeds__top h5 { font-size: 22px; } } #businessDirectDebitForm .info-box.red p, #residentialDirectDebitForm .info-box.red p { color: white; } .cmp-table-card h4 { text-transform: uppercase; margin-bottom: 12px; padding-bottom: 8px; } .cmp-table-card .table { margin: 0; min-width: 280px; box-shadow: none; } .cmp-table-card .table th { display: none; } .cmp-table-card .table th h5 { padding: 0; text-transform: uppercase; margin: 5px 0 2px 0; } .cmp-table-card .table td { display: block; } .cmp-table-card .table td:before { content: attr(data-th) ": "; width: 6.5em; display: inline-block; background: #000000; text-transform: uppercase; position: relative; font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; margin: -8px 8px -8px -8px; padding: 8px; } .cmp-table-card .table th, .cmp-table-card .table td { text-align: left; border: none; border-bottom: 1px solid #000000; } .cmp-table-card .table th { border-bottom: 2px solid #000000; } .cmp-table-card.non-res { padding: 0 !important; margin: 15px 20px 20px; } .cmp-table-card.non-res .table { width: 100%; } .cmp-table-card.non-res .table th, .cmp-table-card.non-res .table td { display: table-cell; } .cmp-table-card.non-res .table tr { display: table-row; } .cmp-table-card.non-res .table td:before { display: none; } .cmp-table-card.purple-table-card { background: #75529d; padding: 15px 20px 20px; } .cmp-table-card.purple-table-card h4 { color: #FFFFFF; padding-left: 0; } .cmp-table-card.purple-table-card .table { background: none; color: #5F259F; overflow: hidden; } .cmp-table-card.purple-table-card .table th { border: none; border-bottom: 1px solid #352364; } .cmp-table-card.purple-table-card .table th h5 { color: #5F259F; } .cmp-table-card.purple-table-card .table td { border: none; border-bottom: 1px solid rgba(40, 30, 90, 0.2); } .cmp-table-card.purple-table-card .table th, .cmp-table-card.purple-table-card .table td:before { border: none; background: rgba(255, 255, 255, 0.4); color: #5F259F; } .cmp-table-card.purple-table-card .table th { background: rgba(255, 255, 255, 0.4); border-bottom: 2px solid rgba(40, 30, 90, 0.2); } .cmp-table-card.purple-table-card .table td { background: rgba(255, 255, 255, 0.2); color: #FFFFFF; } .cmp-table-card.white-table-card { background: #FFFFFF; padding: 15px 20px 20px; } .cmp-table-card.white-table-card h4 { border-bottom: 1px solid #e8e8e8; padding-left: 0; } .cmp-table-card.white-table-card .table { color: #333333; overflow: hidden; } .cmp-table-card.white-table-card .table th { border: none; border-bottom: 1px solid #e8e8e8; } .cmp-table-card.white-table-card .table th h5 { color: #333333; } .cmp-table-card.white-table-card .table td { border: none; border-bottom: 1px solid #e8e8e8; } .cmp-table-card.white-table-card .table th, .cmp-table-card.white-table-card .table td:before { color: #FFFFFF; border: none; background: #FFFFFF; } .cmp-table-card.white-table-card .table th { background: #FFFFFF; border-bottom: 2px solid #e8e8e8; } .cmp-table-card.white-table-card .table td { background: #FFFFFF; } .cmp-table-card.grey-table-card { padding: 15px 20px 20px; } .cmp-table-card.grey-table-card .table { color: #333333; } .cmp-table-card.grey-table-card .table th { border: none; border-bottom: 1px solid #e8e8e8; } .cmp-table-card.grey-table-card .table th h5 { color: #333333; } .cmp-table-card.grey-table-card .table td { border: none; border-bottom: 1px solid #e8e8e8; } .cmp-table-card.grey-table-card .table th, .cmp-table-card.grey-table-card .table td:before { color: #333333; border: none; background: #B2B2B2; } .cmp-table-card.grey-table-card .table th { border-bottom: 2px solid #e8e8e8; } .cmp-table-card.grey-table-card .table td { background: #eeeeee; } @media screen and (max-width: 639px) { .cmp-table-card .table tr { margin-top: 10px; display: block; } .cmp-table-card .table td { padding: 0; } .cmp-table-card .table td:before { width: 40vw; display: table-cell; } .cmp-table-card .table td .table-content { display: table-cell; padding: 10px; } } @media (min-width: 640px) { .cmp-table-card .table th, .cmp-table-card .table td { display: table-cell; padding: 10px 8px; } .cmp-table-card .table td:before { display: none; } .cmp-table-card .table.large th, .cmp-table-card .table.large td { padding: 16px 8px; } } .cmp-change-plan { margin-top: 56px; } .cmp-change-plan .info-text { color: #5F259F; font-size: 24px; } .add-email-container { background: #fafafa; padding: 16px; text-align: center; } .add-email-container a i { vertical-align: middle; margin-right: 8px; } .breadcrumb { background-color: #FFFFFF; margin: 0; padding: 24px 0; } .breadcrumb .cmp-breadcrumb__list { padding: 0; margin: 0; } .breadcrumb .cmp-breadcrumb__item { list-style: none; display: inline-block; } .breadcrumb .cmp-breadcrumb__item-link:after { content: "\e054"; font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size: 14px; margin-right: 8px; } .breadcrumb .cmp-breadcrumb__item--active { color: #333333; font-weight: 600; font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; cursor: default; } @media screen and (max-width: 939px) { .breadcrumb { display: block; padding: 24px 40px; } } @media screen and (max-width: 639px) { .breadcrumb { display: none; } } .outage-warning { padding: 0 0 16px; } .outage-warning .container-fluid { -webkit-transform: translate(0px, 0px); -webkit-transition: -webkit-transform 300ms ease-in-out; -moz-transform: translate(0px, 0px); -moz-transition: -moz-transform 300ms ease-in-out; -ms-transform: translate(0px, 0px); -ms-transition: -ms-transform 300ms ease-in-out; transform: translate(0px, 0px); transition: transform 300ms ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; position: relative; z-index: 10; margin-top: 20px; width: 960px; clear: both; } .outage-warning .container-fluid img { float: left; } .outage-warning .container-fluid .outage-txt { padding-left: 50px; margin: 0; font-size: 16px; font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; -webkit-text-stroke: 0; } @media only screen and (max-width: 960px) { .outage-warning .container-fluid .container-fluid { width: auto; } } .cmp-dataPlan-static { background-color: #FFFFFF; width: 100vw; padding-top: 72px; padding-bottom: 48px; display: flex; flex-direction: column; margin: 0px calc((100vw - 100%) / -2); } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-wrapper .cmp-dataPlan-static__datacircle-header .datacircle-title-wrap { text-align: center; margin: 8px 72px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-wrapper .cmp-dataPlan-static__datacircle-header .datacircle-title-wrap .title-heading { text-align: center; font-size: 48px; margin: 16px 0px; font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; line-height: 1.08; color: #333333; font-weight: 500; margin: 8px 0; width: 100%; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-wrapper .cmp-dataPlan-static__datacircle-header .datacircle-title-wrap .title-description { color: #000000; font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1.4; margin: 24px 0 16px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content { display: flex; justify-content: space-between; width: calc(63.8418vw); margin: auto; flex-flow: row wrap; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; margin: 8px 0; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle .cmp-dataPlan-static__datacircle-inner { width: 178px; height: 178px; background-color: #FFFFFF; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin: 24px 0; border-radius: 50%; border: 1px solid #B2B2B2; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle .cmp-dataPlan-static__datacircle-inner .circle-figure { font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; font-size: 56px; margin: 0px; line-height: 1.19; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle .cmp-dataPlan-static__datacircle-inner .circle-text { color: #999999; text-decoration: none; border: 0px none #999999; font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; margin: 0; outline: none; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle .circle-desc { font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 24px; line-height: 31.92px; margin: 0px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a:hover .cmp-dataPlan-static__datacircle-inner { cursor: pointer; background-color: #5F259F; border-color: #5F259F; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a:hover .cmp-dataPlan-static__datacircle-inner .circle-figure, .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a:hover .cmp-dataPlan-static__datacircle-inner .circle-text { color: #FFFFFF; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a:hover .circle-desc { color: #333333; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-disclaimer { display: flex; justify-content: space-around; text-align: center; width: calc(47.4576vw); min-width: 384px; margin: 64px auto auto; flex-flow: row nowrap; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-disclaimer .disclaimer-txt { color: #999999; font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 19.6px; margin: 0px 0px 11px; outline: none; } @media screen and (max-width: 939px) { .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-wrapper .cmp-dataPlan-static__datacircle-header .datacircle-title-wrap .title-heading { margin: 16px 0; font-size: 40px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content { width: calc(87.8418vw); } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content .cmp-dataPlan-static__datacircle .cmp-dataPlan-static__datacircle-inner { width: 178px; height: 178px; } } @media screen and (max-width: 639px) { .cmp-dataPlan-static { padding-top: 30px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-wrapper .cmp-dataPlan-static__datacircle-header .datacircle-title-wrap { width: 100%; min-width: 272px; max-width: 512px; margin: 0; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-wrapper .cmp-dataPlan-static__datacircle-header .datacircle-title-wrap .title-heading { font-size: 40px; line-height: 1.31; margin: 8px 0; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content { width: 85%; max-width: 384px; min-width: 272px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle .cmp-dataPlan-static__datacircle-inner { width: 84px; height: 84px; margin: 8px 0; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle .cmp-dataPlan-static__datacircle-inner .circle-figure { font-size: 22px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle .cmp-dataPlan-static__datacircle-inner .circle-text { font-size: 12px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-content a .cmp-dataPlan-static__datacircle .circle-desc { font-size: 18px; } .cmp-dataPlan-static .cmp-dataPlan-static__datacircle-disclaimer { min-width: 100%; } } .bb_tabs { margin-bottom: 40px; } .bb_tabs .tabs-nav .nav li { margin-right: 24px; z-index: 10; } .bb_tabs .tabs-nav .nav li a { font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; padding: 16px 0; border-radius: 0; } .bb_tabs .tabs-nav .nav li a:focus, .bb_tabs .tabs-nav .nav li a:hover { background-color: transparent; } .bb_tabs .tabs-nav .nav li.active > a, .bb_tabs .tabs-nav .nav li.active > a:hover, .bb_tabs .tabs-nav .nav li.active > a:focus { color: #5F259F; background: transparent; } .bb_tabs .tabs-nav .nav li.active > a { border-bottom: 4px solid #5F259F; } .bb_tabs .tabs-nav .tab-bottom-line { border-bottom: 1px solid #333333; position: relative; bottom: 0; } .bb_tabs .tab-content .tab-pane { padding: 24px 0 0; margin: 0; } .bb_tabs .nav-right-section { position: absolute; right: 0; top: 12px; } .bb_tabs .nav-right-section a:not(:first-child) { margin-left: 16px; } .bb_tabs .tab-bottom-line { border-bottom: 1px solid #333333; position: relative; bottom: 0; } .bb_tabs .tabs-nav { height: 53px; overflow: hidden; } .bb_tabs .nav { text-align: center; display: flex; justify-content: center; overflow: scroll; overflow-y: hidden; height: 60px; } .bb_tabs .nav li { display: inline-block; float: none; margin: 0 8px; } .bb_tabs .nav li a { font-size: 14px !important; } @media screen and (min-width: 640px) { .bb_tabs .nav { justify-content: center; } } @media screen and (min-width: 940px) { .bb_tabs .tabs-nav { height: 55px; } .bb_tabs .nav { height: 72px; } .bb_tabs .nav li a { font-size: 16px !important; } } .cmp_bb_plan_cards .titles { padding: 40px 40px 64px; } .cmp_bb_plan_cards .titles h2 { text-align: center; padding: 0px 0px 16px; font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; } .cmp_bb_plan_cards .titles h5 { text-align: center; font-size: 16px; font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; } .cmp_bb_plan_cards .unplan { width: 100%; } .cmp_bb_plan_cards .row { display: block; } .cmp_bb_plan_cards .card-white { padding: 24px; margin-bottom: 16px; width: 100%; background: #FFFFFF; } .cmp_bb_plan_cards .card-white h3 { margin-bottom: 16px; } .cmp_bb_plan_cards .card-white h5 { font-family: "AvenirNextLTPro-Regular", Helvetica, Arial, sans-serif; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; margin-bottom: 24px; } .cmp_bb_plan_cards .card-white .bb_small-text { font-size: 14px; } .cmp_bb_plan_cards .plan-desc { margin-bottom: 32px; } .cmp_bb_plan_cards .plan-desc p { font-family: "AvenirNextLTPro-Regular", Helvetica, Arial, sans-serif; } .cmp_bb_plan_cards .plan-legal { margin-top: 16px; } .cmp_bb_plan_cards .plan-legal p { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .cmp_bb_plan_cards .bb-plan-btn { font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; width: 100%; min-height: 40px; height: auto; padding: 16px 0; display: block; text-align: center; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .cmp_bb_plan_cards .bb-plan-btn span { vertical-align: middle; padding-left: 16px; } .cmp_bb_plan_cards .plan-includes { margin-bottom: 24px; list-style-type: none; padding: 0; } .cmp_bb_plan_cards .plan-includes li { font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; color: #333333; padding: 12px 0; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; letter-spacing: -0.1px; border-top: 1px solid #e8e8e8; } .cmp_bb_plan_cards .plan-includes .small-text { border: 0; padding: 0; font-family: "AvenirNextLTPro-Regular", Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; display: block; } .cmp_bb_plan_cards .plan-includes .plan-includes-logo { float: left; margin-right: 16px; } .cmp_bb_plan_cards .plan-includes .plan-includes-logo img { width: 30px; height: 30px; } .cmp_bb_plan_cards .plan-includes .plan-includes-desc { padding-left: 48px; } .cmp_bb_plan_cards .plan-includes .plan-includes-right-logo { display: flex; justify-content: space-between; } .cmp_bb_plan_cards .plan-includes .no-border { border: 0 !important; } .cmp_bb_plan_cards .plan-includes .no-top-border { border-top: 0 !important; } .cmp_bb_plan_cards .plan-includes .info-row { margin-bottom: 16px; } .cmp_bb_plan_cards .plan-includes .info-row span { width: 37.5%; display: inline-block; text-align: right; color: #666666; font-family: "AvenirNextLTPro-Regular", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; word-break: break-word; vertical-align: top; } .cmp_bb_plan_cards .plan-includes .info-row span:first-child { text-align: left; width: 25%; } .cmp_bb_plan_cards .plan-includes .info-row span:last-child { font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; color: #333333; } .cmp_bb_plan_cards .plan-includes .info-row:last-child { margin: 0; } .cmp_bb_plan_cards .plan-includes .plan-includes-tier-info { padding: 8px 0 16px; border-bottom: 1px solid #e8e8e8; } .cmp_bb_plan_cards .no-button { margin-bottom: 0; } .cmp_bb_plan_cards .bb-plan-btn-sec { background: transparent; width: 256px !important; margin: 8px auto 24px; border-width: 2px; } .cmp_bb_plan_cards .contract-info { float: right; font-size: 18px; height: 20px; width: 20px; color: #0096E6; } @media screen and (min-width: 640px) { .cmp_bb_plan_cards .card-white { margin-bottom: 0; } .cmp_bb_plan_cards .plan-includes { min-height: 388px; } .cmp_bb_plan_cards .row { display: flex; } .cmp_bb_plan_cards .row > div { display: flex; padding: 0 10px; } .cmp_bb_plan_cards .bb-plan-btn-sec { width: 230px !important; margin: 24px auto; } } @media screen and (max-width: 939px) { .cmp_bb_plan_cards .plan-legal p { font-size: 12px; } } @media screen and (min-width: 940px) { .cmp_bb_plan_cards { margin: 0; } .cmp_bb_plan_cards .card-white { padding: 56px; } .cmp_bb_plan_cards .card-white h3 { margin-bottom: 8px; } .cmp_bb_plan_cards .card-white h5 { margin-bottom: 32px; } .cmp_bb_plan_cards .row > div { padding: 0 12px; } .cmp_bb_plan_cards .plan-desc { margin-bottom: 48px; } .cmp_bb_plan_cards .plan-legal { margin-top: 24px; } .cmp_bb_plan_cards .bb-plan-btn { font-size: 16px; } .cmp_bb_plan_cards .plan-includes { margin-bottom: 40px; min-height: 414px; } .cmp_bb_plan_cards .plan-includes .info-row span { font-size: 16px; } .cmp_bb_plan_cards .plan-includes .small-text { font-size: 16px; } .cmp_bb_plan_cards .plan-includes .plan-includes-logo img { width: 40px; height: 40px; } .cmp_bb_plan_cards .plan-includes .plan-includes-desc { padding-left: 56px; } .cmp_bb_plan_cards .bb-plan-btn-sec { width: 434px !important; font-size: 18px; } } .unplancard .cmp-onespark-modal .row > div { display: block; } .cmp-info-container p { margin-bottom: 16px; } .cmp-info-container ul { padding: 0 16px 0; } .cmp-info-container .button-box { margin-top: 32px; } .cmp-card { position: relative; } .cmp-card .cmp-card__wrapper { display: block; width: 100%; height: 460px; } .cmp-card .cmp-card__wrapper .cmp-card__image-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .cmp-card .cmp-card__wrapper .cmp-card__image-container .cmp-card__image { height: 100%; display: none; background-size: cover; background-position: center center; width: 100%; } .cmp-card .cmp-card__wrapper .cmp-card__image-container .cmp-card__image.cmp-card__image-mobile { display: block; } .cmp-card .cmp-card__wrapper .cmp-card__content { width: 100%; position: absolute; color: #fff; padding: 2em 1.5em; bottom: 0; text-align: center; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title { font-size: 2em; color: #fff; position: relative; padding-bottom: 8px; font-family: 'AvenirNextLTPro-Bold'; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__description { line-height: 1.25; font-size: 1em; margin-bottom: 8px; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper { margin: 0; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link { color: #fff; position: relative; margin-right: 34px; font-size: 1em; line-height: 1.88; display: inline-block; font-family: 'AvenirNextLTPro-Demi'; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link .cmp-card__link-arrow { position: absolute; bottom: 6px; padding-left: 4px; right: -20px; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link:hover { text-decoration: underline; } /* Mobile top variation */ .cmp-card__mobile-top .cmp-card .cmp-card__wrapper .cmp-card__content { top: 0; } /* Black colour font variation */ .cmp-card__font-color-black .cmp-card .cmp-card__wrapper .cmp-card__content { color: #000; } .cmp-card__font-color-black .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link, .cmp-card__font-color-black .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title { color: #000; } .cmp-card__font-color-black .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link.cmp-card__underline::after, .cmp-card__font-color-black .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title.cmp-card__underline::after { background: #000; } /* Blue colour link variation */ .cmp-card__link-color-blue .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link { color: #0096e6; } /* Desktop viewport */ @media only screen and (min-width: 940px) { .cmp-card .cmp-card__wrapper { height: 720px; } .cmp-card .cmp-card__wrapper .cmp-card__image-container .cmp-card__image.cmp-card__image-desktop { display: block; } .cmp-card .cmp-card__wrapper .cmp-card__content { width: 85%; position: absolute; color: #fff; padding: 4em; bottom: 0; text-align: left; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title { font-size: 3em; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title.cmp-card__underline { padding-bottom: 16px; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title.cmp-card__underline::after { content: ""; position: absolute; width: 64px; height: 4px; background: #fff; left: 0; bottom: 0; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__description { font-size: 1.5em; margin: 12px 0 0 0; line-height: 1.4; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper { margin: 24px 0 0 0; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link { margin-right: 36px; font-size: 1.125em; line-height: 1.67; display: inline-block; } .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link .cmp-card__link-arrow { bottom: 5px; right: -24px; } /* Desktop top variation */ .cmp-card__desktop-top .cmp-card .cmp-card__wrapper .cmp-card__content { top: 0; } /* Desktop bottom variation */ .cmp-card__desktop-bottom .cmp-card .cmp-card__wrapper .cmp-card__content { top: auto; bottom: 0; } /* Desktop center variation */ .cmp-card__desktop-center .cmp-card .cmp-card__wrapper { justify-content: center; } .cmp-card__desktop-center .cmp-card .cmp-card__wrapper .cmp-card__content { width: 100%; text-align: center; } .cmp-card__desktop-center .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title.cmp-card__underline::after { left: 50%; transform: translateX(-50%); } /* Mini card variation */ .cmp-card__mini-card .cmp-card .cmp-card__wrapper { height: 360px; } .cmp-card__mini-card .cmp-card .cmp-card__wrapper .cmp-card__content { width: 100%; padding: 40px 30px 30px 40px; bottom: 0; top: auto; } .cmp-card__mini-card .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__description { font-size: 1.5em; margin: 12px 0 0 0; line-height: 1.4; } .cmp-card__mini-card .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper { margin: 12px 0 0 0; } .cmp-card__mini-card .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link-wrapper .cmp-card__link .cmp-card__link-arrow { bottom: 4px; right: -17px; } /* Font size variation */ .cmp-card__big-font .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title { font-size: 48px; font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; } .cmp-card__big-font .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__description { font-size: 24px; font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; } .cmp-card__big-font .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link { font-size: 18px; font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; } .cmp-card__small-font .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__title { font-size: 24px; font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; } .cmp-card__small-font .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__description { font-size: 16px; font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; } .cmp-card__small-font .cmp-card .cmp-card__wrapper .cmp-card__content .cmp-card__link { font-size: 16px; font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; } } #global-header.global-header-component .secondnavigationbar { background-color: #FFFFFF; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); min-height: inherit; } #global-header.global-header-component .secondnavigationbar a .icon-arrow-down::before { font-size: 12px; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body-link:hover .icon-arrow-down::before, #global-header.global-header-component .secondnavigationbar a.active .icon-arrow-down::before, #global-header.global-header-component .secondnavigationbar a:focus .icon-arrow-down::before, #global-header.global-header-component .secondnavigationbar a:hover .icon-arrow-down::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body { margin: 0 2.5% 0 2% !important; max-width: 100%; padding: 5px 0; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body a { color: inherit; font-family: inherit; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body .secondnavigationbar-body-title { display: inline-block; color: #666666; font-family: "AvenirNextLTPro-Demi"; font-size: 14px; margin: 0; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body .secondnavigationbar-body-title.active { color: #5F259F; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body .secondnavigationbar-body-links { border-left: 0px solid #999999; display: inline-block; list-style: none; margin-left: 12px; padding-left: 0px; margin-bottom: 0px; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body .secondnavigationbar-body-links .secondnavigationbar-body-link { display: inline-block; border-left: 1px solid rgba(226, 226, 226, 0.5); color: #666666; cursor: pointer; font-size: 12px; font-family: "AvenirNextLTPro-Medium"; font-weight: 500; padding: 0 12px; line-height: initial; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body .secondnavigationbar-body-links .secondnavigationbar-body-link a { color: inherit; font-family: inherit; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body .secondnavigationbar-body-links .secondnavigationbar-body-link a:hover { border-bottom: 1px solid #999999; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body .secondnavigationbar-body-links .secondnavigationbar-body-link.active { color: #5F259F; } #global-header.global-header-component .secondnavigationbar .second-subnav { position: relative; color: #666666; } #global-header.global-header-component .secondnavigationbar .second-subnav-links { background-color: white; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); cursor: default; opacity: 0; left: 0; list-style: none; margin: 9px 0 0 -40px; padding: 8px 40px; position: absolute; top: 0; transition: all 0.3s ease-in-out; transition-delay: 0.3s; visibility: hidden; width: 290px; z-index: 100; overflow-y: auto; max-height: 290px; } #global-header.global-header-component .secondnavigationbar .second-subnav-links li { font-size: 12px; line-height: 1.95em; padding: 0; position: relative; } #global-header.global-header-component .secondnavigationbar .second-subnav-links li.active { color: #5F259F; font-family: "AvenirNextLTPro-Demi"; font-weight: normal; } #global-header.global-header-component .secondnavigationbar .second-subnav-links li a:hover { border-bottom: 1px solid #999999; } #global-header.global-header-component .secondnavigationbar .second-subnav-links .icon-arrow-down { margin: 0; } #global-header.global-header-component .secondnavigationbar .second-subnav-links .icon-arrow-down::before { position: absolute; left: -23px; top: 4px; -webkit-transform: rotate(0deg) !important; -moz-transform: rotate(0deg) !important; -o-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important; transform: rotate(0deg) !important; } #global-header.global-header-component .secondnavigationbar .second-subnav-links a:hover .icon-arrow-down::before { -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } #global-header.global-header-component .secondnavigationbar .third-subnav-links { list-style: none; opacity: 0; padding: 0; transition: all 0.3s ease-in-out; transition-delay: 0.3s; max-height: 0; overflow: hidden; } #global-header.global-header-component .secondnavigationbar .third-subnav-links li { font-size: 12px; line-height: 1.95em; } #global-header.global-header-component .secondnavigationbar .third-subnav-links li a { font-family: "AvenirNextLTPro-Medium" !important; color: #666666 !important; } #global-header.global-header-component .secondnavigationbar .secondnavigationbar-body-link:hover .second-subnav-links { opacity: 1; visibility: visible; } #global-header.global-header-component .secondnavigationbar .second-subnav-links li:hover .third-subnav-links { opacity: 1; padding: 0px 0 0 10px; max-height: 500px; } /* Component Specific SCSS End*/ /* global style */ .site-head { width: 100%; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; } .overflowx { overflow-y: hidden; } /* ---------- header global ---------- */ .main-head { background: #fff none repeat scroll 0 0; box-shadow: 1px 1px 3px #ccc; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.1); height: 77px; padding: 0 24px; position: relative; z-index: 999; } /* ---------- top nav ---------- */ .top-nav { border-bottom: 1px solid #ccc; float: left; padding: 2px 0 6px; width: 100%; height: 28px; } .top-nav .global-links { float: left; } .top-nav .global-links a { border-right: 1px solid rgba(226, 226, 226, 0.5); color: #666; font-size: 12px; line-height: 10px; padding: 0 15px; font-family: 'AvenirNextLTPro-Medium'; } .top-nav .global-links a.themecolor_1 { font-family: 'AvenirNextLTPro-Demi'; } .top-nav .global-links a:hover, .top-nav .global-links a:focus, .top-nav .global-links a.active { text-decoration: none; } .top-nav .global-links a:last-child { border: 0 none; } .top-nav .global-links a:first-child { padding-left: 0; } /* ---------- brand logo ---------- */ .brand-logo { float: left; height: 32px; margin: 9px 0; width: 84px; } .active-search .brand-logo { margin-right: 1%; } /* ---------- search ---------- */ .search { display: inline-block; float: right; height: 48px; margin: 0; position: relative; width: 24px; } .search input[type="search"] { border: 1px solid #fff; color: transparent; cursor: pointer; float: right; font-size: 16px; margin: 0; outline: medium none; padding: 12px 0; width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -o-transition: all .5s; } .search .search-hideshow { display: block; position: absolute; right: 0; top: 12px; font-size: 24px; } .search .search-hideshow.icon-close { right: 5px; } .search .search-hideshow:hover { cursor: pointer; } .search .searchlist { visibility: hidden; /* hides sub-menu */ opacity: 0; position: absolute; top: -9999px; left: -40px; width: 100%; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -moz-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; } .search .searchlist > li { margin-bottom: 20px; } .active-search .site-menubar .nav-list { display: none; } .active-search .search, .active-search .search-input { width: 90%; } .active-search .search input[type="search"] { border: 1px solid #e8e8e8; padding: 5px 60px 5px 8px; margin-top: 7px; width: 100%; color: #333; } .active-search .search.active .searchlist { background: #fff none repeat scroll 0 0; box-shadow: 1px 1px 3px #dfdbf2; color: #666666; font-size: 24px; opacity: 1; padding: 40px 20px 20px 60px; top: 120%; left: 0; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; visibility: visible; z-index: 100; } /* ---------- circle ---------- */ .circle { display: none; border-radius: 50%; width: 0px; height: 0px; position: absolute; top: 35px; right: 36px; background: #fff; opacity: 1; -webkit-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1); -moz-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1); -ms-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1); -o-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1); transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1); } .circle.expand { width: 1200px; height: 1200px; top: -560px; right: -565px; -webkit-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1); -moz-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1); -ms-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1); -o-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1); transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1); } .navback { display: none; } /* ---------- login ---------- */ .login.dropdown { position: absolute; right: 24px; top: 2px; } .login.dropdown a { color: #666666; font-size: 12px; } .login.dropdown .subnav-list.dropdown-menu { border: 0 none; border-radius: 0; display: none; left: auto; padding: 20px 20px 8px; right: 0; top: 25px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 250px; z-index: 9999; } .login.dropdown .subnav-list.dropdown-menu.open { display: block; } .login.dropdown .subnav-list.dropdown-menu ul { list-style: outside none none; margin: 0; padding: 0; } .login.dropdown .subnav-list.dropdown-menu ul li a { display: inline-block; font-size: 12px; padding-bottom: 2px; border-bottom: 1px solid #fff; margin-bottom: 6px; } .login.dropdown.open .subnav-list { display: block; } /* ---------- hamburger ---------- */ .icon-hamburger { cursor: pointer; display: none; height: 22px; position: absolute; right: 15px; top: 30px; width: 25px; z-index: 7; -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; } .icon-hamburger span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 9px; opacity: 1; left: 0; -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; } .icon-hamburger span:nth-child(1) { top: 0px; } .icon-hamburger span:nth-child(2) { top: 18px; } .icon-hamburger span:nth-child(3) { top: 36px; } .icon-hamburger.open span:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .icon-hamburger.open span:nth-child(2) { opacity: 0; left: 30px; } .icon-hamburger.open span:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } /* ---------- menu ---------- */ .site-menubar { float: left; margin: 0 0 0 3%; } .site-menubar .nav-list { list-style: outside none none; margin: 0; padding: 0; width: 100%; } .site-menubar .nav-list > li { float: left; display: block; } .site-menubar .nav-list > li > button { background: none; border: none; } .site-menubar .nav-list > li > a, .site-menubar .nav-list > li > button { color: #666666; display: inline-block; font-size: 14px; margin-right: 30px; padding: 14px 0 14px; position: relative; outline: 0; border: 0; background: transparent; } .site-menubar .nav-list li:last-child a, .site-menubar .nav-list li:last-child button { margin-right: 0; } .site-menubar .nav-list > li > a.active, .site-menubar .nav-list > li > a:hover, .site-menubar .nav-list > li > a:focus { color: #333; text-decoration: none; font-family: 'AvenirNextLTPro-Demi'; } .site-menubar .nav-list > li > button.active, .site-menubar .nav-list > li > button:hover, .site-menubar .nav-list > li > button:focus { color: #333; text-decoration: none; } .site-menubar .nav-list .subnav-list { background: #fff none repeat scroll 0 0; width: 100%; left: 0; opacity: 0; position: absolute; top: 100%; transform: translateY(-2em); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -moz-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; visibility: hidden; z-index: 101; -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.2); box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.2); } .site-menubar .nav-list a:hover ~ .subnav-list, .site-menubar .nav-list .subnav-list:hover, .site-menubar .nav-list button:hover ~ .subnav-list { /* top: 145px; */ visibility: visible; /* shows sub-menu */ opacity: 1; transform: translateY(0%); transition-delay: 0.2s; } .site-menubar .nav-list .subnav-list:hover ~ a { color: #333; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid #333; } .site-menubar .subnav-list ul li a { border-bottom: 1px solid #fff; display: inline-block; font-family: 'AvenirNextLTPro-Demi'; line-height: 1.25; font-size: 14px; margin-bottom: 5px; padding-bottom: 0; color: #666666; } .site-menubar .subnav-list ul li a:hover { color: #333; text-decoration: underline; } .site-menubar .subnav-list-type1, .site-menubar .subnav-list-type2 { margin-top: 20px; padding-bottom: 40px; position: relative; min-height: 215px; } .main-head .sparkdigital-logo { max-width: 100px; height: 100%; width: auto; } /* subnav-list-type - global */ @media screen and (max-width: 1440px) { .site-menubar .subnav-list .container { margin: 0 auto; width: 86%; } } .subnav-list .more-link { /*bottom: 50px;*/ bottom: 0; position: absolute; } .site-menubar .subnav-list-type1 { border-bottom: 1px solid #e8e8e8; } .site-menubar .subnav-list-type1 h3 { border-bottom: 2px solid; display: inline-block; font-size: 21px; padding-bottom: 5px; margin-bottom: 5px; margin-top: 0; width: 100%; } .site-menubar .subnav-list-type1 ul { list-style: outside none none; margin: 5px 0; padding: 0; } .site-menubar .subnav-list-type1 a.more-link { border-bottom: 1px solid #4a4a4a; font-family: 'AvenirNextLTPro-Demi'; font-size: 14px; text-decoration: none; padding-bottom: 0; color: #4a4a4a; line-height: 1.2em; } .nav-container .drop-val { border-width: 1px !important; } .site-menubar .subnav-list .row .col-xs-3:nth-last-child(-n+3) .subnav-list-type1 { border: 0; } .site-menubar .subnav-list-type2:hover { cursor: pointer; } .site-menubar .subnav-list-type2 img { border-top: 4px solid #fff; /*width: 275px;*/ width: 100%; height: 195px; -moz-transition: 0.5s all; -webkit-transition: 0.5s all; transition: 0.5s all; -o-transition: 0.5s all; } .site-menubar .subnav-list-type2:hover img { border-top: 4px solid #5f259f; cursor: pointer; } .site-menubar .subnav-list-type2 p { color: #666666; font-size: 12px; margin: 15px 0 20px; min-height: 60px; } .site-menubar .subnav-list-type2 .more-link { border-bottom: 1px solid #333; color: #333; font-size: 12px; } .site-menubar .subnav-list-type2 .img-text-abs { position: relative; width: 100%; } .site-menubar .subnav-list-type2 .text-image { bottom: 25px; color: #fff; position: absolute; left: 30px; width: 48%; z-index: 9999; } .site-menubar .subnav-list-type2 .text-image h4 { font-size: 21px; color: #fff; } .site-menubar .subnav-list-type2 .text-image h4 a { font-size: 21px; color: #fff; } .site-menubar .subnav-list-type2 .text-image hr { border-top: 0 none; border-bottom: 3px solid #fff; margin-top: 13px; width: 73px; height: 0; margin-bottom: 0; float: left; } /* ---------- common styles ---------- */ .header .icon-arrow-down { margin-left: 8px; vertical-align: middle; } .main-head .icon-arrow-down::before { display: inline-block; } .main-head .login a:hover .icon-arrow-down::before, .main-head .login a:focus .icon-arrow-down::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .main-head a:hover .icon-arrow-down::before, .main-head a.active .icon-arrow-down::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .site-menubar .subnav-list-type1 > h3 > a { font-size: 16px; font-family: 'AvenirNextLTPro-Bold'; } .site-menubar .subnav-list-type1 > h3 > a:hover, .site-menubar .subnav-list-type1 > h3 > a :focus, .site-menubar .subnav-list-type1 > h3 > a:active { border-bottom: none; } .login.open > a { border-bottom: 1px solid #333; text-decoration: none; padding-bottom: 2px; color: #333; } .login > a:hover, .login > a:focus { border-bottom: 1px solid #333; text-decoration: none; padding-bottom: 2px; color: #333; } .login.dropdown .subnav-list.dropdown-menu ul li a.active, .login.dropdown .subnav-list.dropdown-menu ul li a:hover, .login.dropdown .subnav-list.dropdown-menu ul li a:focus { border-bottom: 1px solid #333; text-decoration: none; padding-bottom: 2px; color: #333; } .site-menubar .subnav-list-type1 .icon-arrow-right { margin-left: 16px; vertical-align: middle; float: right; margin-top: 6px; } .nav-container .search .icon-close { display: none; } .nav-container .search .icon-search { display: block; } .active-search .nav-container .search .icon-close { display: block; } .active-search .nav-container .search .icon-search { display: none; } @media screen and (max-width: 939px) { /* ---------- header global ---------- */ .main-head { height: 65px; padding: 0; overflow: hidden; } /* ---------- nav container ---------- */ .hamb-open .nav-container { display: block; width: 100%; height: 100%; overflow: scroll !important; } /* ---------- top nav ---------- */ .top-nav { display: none; } /* ---------- brand logo ---------- */ .brand-logo { height: 32px; margin: 25px 14px 8px; width: 88px; position: absolute; z-index: 104; } .brand-logo > img { width: 100%; } .active-search .brand-logo { display: none; } .main-head.hamb-open .brand-logo { position: fixed; } /* ---------- search ---------- */ .search { margin: 0; position: absolute; right: 60px; top: 8px; z-index: 9; } .hamb-open .search { margin: 0; display: none; } .search input[type="search"] { padding: 0; color: transparent; cursor: pointer; float: right; width: 30px; transition: none; } .search .search-hideshow { right: 0px; top: 20px; } /* ---------- Active search ---------- */ .active-search .search { font-size: 28px; right: 4%; top: 10px; width: 92%; } .active-search .search input[type="search"] { color: #333; padding: 10px 50px 10px 20px; } .active-search .search .search-hideshow { right: 10px; top: 13px; } .active-search .search .search-input { padding: 10px 40px 10px 20px; color: #333; right: 4%; top: 10px; width: 92%; } /* ---------- circle ---------- */ .circle { display: block; } .hamb-open .navback { display: block; background: #fff none repeat scroll 0 0; height: 65px; left: 0; position: absolute; top: 0; width: 100%; z-index: 103; } .login.dropdown { background: #fff none repeat scroll 0 0; bottom: 0; display: none; right: 0; top: auto; position: fixed; float: left; padding-bottom: 15px; padding-top: 15px; z-index: 9999; } .login.dropdown > a { font-size: 13px; text-transform: uppercase; margin: 0 24px; } .login.dropdown .subnav-list.dropdown-menu ul li a { border: 0 none; color: #333; font-size: 13px; margin: 0 0 25px; padding: 0; text-transform: capitalize; } .login.dropdown .subnav-list.dropdown-menu ul li a:hover, .login.dropdown .subnav-list.dropdown-menu ul li a:focus { border: 0; padding-bottom: 0; } .hamb-open .login.dropdown { display: block; width: 100%; } .hamb-open .login.dropdown .subnav-list { background: #f2f2f2 none repeat scroll 0 0; border: 0 none; box-shadow: none; /* display: block; */ padding: 24px; position: relative; width: 100%; } .hamb-open .login.dropdown .subnav-list.open { display: block; top: 18px; } /* ---------- hamburger ---------- */ .icon-hamburger { display: block; z-index: 104; } .icon-hamburger span { height: 2px; } .icon-hamburger span:nth-child(2) { top: 10px; } .icon-hamburger span:nth-child(3) { top: 20px; } .active-search .icon-hamburger { display: none; } /* ---------- menu ---------- */ .site-menubar .nav-list { margin: 100px 0 60px 0; overflow: hidden; width: 100%; } .site-menubar .nav-list > li { width: 96%; } .site-menubar .nav-list > li > a, .site-menubar .nav-list > li > button { font-size: 16px; margin: 0 24px; padding: 18px 0; } .hamb-open .site-menubar .nav-list > li > a:hover::after, .hamb-open .site-menubar .nav-list > li > a.active::after { display: none; } .hamb-open .site-menubar .nav-list > li > button:hover::after, .hamb-open .site-menubar .nav-list > li > button.active::after { display: none; } .hamb-open.main-head { background: #fff none repeat scroll 0 0; box-shadow: none; height: 100% !important; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 999; } .site-menubar .nav-list .subnav-list, .site-menubar .nav-list a:hover ~ .subnav-list, .site-menubar .nav-list .subnav-list:hover, .site-menubar .nav-list button:hover ~ .subnav-list { background: #f2f2f2 none repeat scroll 0 0; display: none; height: 252px; left: auto; opacity: 1; overflow-x: auto; padding-left: 0; padding-right: 3%; position: relative; top: auto; transform: translateY(0px); transition: none 0s ease 0s; visibility: visible; width: 103%; z-index: 101; } .subnav-list .container { padding: 0; margin: auto; } .site-menubar { width: 100%; position: relative; top: 0px; left: 0px; margin: 0; } .site-menubar .subnav-list .container { margin: 0 auto; width: 100%; } .site-menubar .subnav-list-type1, .site-menubar .subnav-list-type2 { margin-top: 28px; padding: 0 24px 30px; position: relative; min-height: auto !important; height: auto !important; } .site-menubar .subnav-list-type1 .icon-arrow-right { margin-top: 1px; } .site-menubar .subnav-list-type1 h3 { font-size: 18px; padding-bottom: 10px; width: auto; } .site-menubar .subnav-list-type1 h3 a { font-size: 18px; border-bottom: none !important; } .site-menubar .subnav-list-type1 ul { margin: 5px 0; } .site-menubar .subnav-list-type2 { border-bottom: 1px solid #e8e8e8; margin-top: 26px; } .site-menubar .subnav-list-type2 .text-image { width: 62%; color: #5f259f; position: static; } .site-menubar .subnav-list-type2 img { border: 0 none; display: none; } .site-menubar .subnav-list-type2 .text-image hr { border-bottom: 3px solid #5f259f; /*margin-top: 0;*/ } .site-menubar .subnav-list-type2 .text-image h4 { font-size: 18px; color: #5f259f; } .site-menubar .subnav-list-type2 .text-image h4 a { font-size: 18px; color: #5f259f; } .site-menubar .subnav-list-type2 .img-text-abs { overflow: hidden; } .site-menubar .subnav-list-type2 p { font-size: 13px; margin: 20px 0 10px; line-height: 16px; min-height: auto; } .site-menubar .subnav-list .more-link { font-size: 13px; } .site-menubar .subnav-list ul li a { border-bottom: 1px solid #666666; padding-bottom: 0; } .site-menubar .subnav-list .subnav-list-type1 ul li a { font-size: 13px; margin-bottom: 13px; font-family: "AvenirNextLTPro-Medium"; } .site-menubar > ul > li { top: 50px; left: 0; opacity: 0; width: 320px; -webkit-transition: all 70ms cubic-bezier(0, 0.995, 0.99, 1); -moz-transition: all 70ms cubic-bezier(0, 0.995, 0.99, 1); -ms-transition: all 70ms cubic-bezier(0, 0.995, 0.99, 1); -o-transition: all 70ms cubic-bezier(0, 0.995, 0.99, 1); transition: all 70ms cubic-bezier(0, 0.995, 0.99, 1); } .site-menubar > ul > li.animate { opacity: 1; -webkit-transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1); -moz-transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1); -ms-transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1); -o-transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1); transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1); } .site-menubar > ul > li.animate:nth-of-type(1) { transition-delay: 0.0s; } .site-menubar > ul > li.animate:nth-of-type(2) { transition-delay: 0.03s; } .site-menubar > ul > li.animate:nth-of-type(3) { transition-delay: 0.06s; } .site-menubar > ul > li.animate:nth-of-type(4) { transition-delay: 0.09s; } .site-menubar > ul > li.animate:nth-of-type(5) { transition-delay: 0.12s; } .site-menubar > ul > li.animate:nth-of-type(6) { transition-delay: 0.15s; } .login.dropdown .subnav-list.dropdown-menu ul li a.active, .login.dropdown .subnav-list.dropdown-menu ul li a:hover, .login.dropdown .subnav-list.dropdown-menu ul li a:focus { /*border-bottom: 1px solid #333333;*/ text-decoration: none; padding-bottom: 0; color: #333333; } .login > a { border-bottom: 0; text-decoration: none; padding-bottom: 0; color: #333; } .login > a:hover, .login > a:focus { border-bottom: 0; text-decoration: none; padding-bottom: 0; color: #333; } .login > a span.login-txt, .login > a:hover span.login-txt, .login > a:focus span.login-txt { border-bottom: 1px solid #333; text-decoration: none; padding-bottom: 0; color: #333; } .site-menubar .subnav-list ul li a { border-bottom: 0; padding-bottom: 0; text-decoration: underline; } .site-menubar .subnav-list-type1 a.more-link:hover, .site-menubar .subnav-list-type1 a.more-link:focus { padding-bottom: 2px; } .site-menubar .nav-list > li > a:hover, .site-menubar .nav-list > li > a:focus, .site-menubar .nav-list > li > a:active { font-family: "AvenirNextLTPro-Medium"; } .subnav-list .more-link { position: static; } .sparkdigital-logo { width: 100%; } div.site-menubar > ul.nav-list > li > a { display: block; background: #fff; border: 0; overflow: hidden; font-weight: normal; } .no-z-index { z-index: initial !important; height: 0px !important; display: inline-block !important; } } /* Extra media queries for responsive fixes - search and subnav */ @media (min-width: 1185px) and (max-width: 1355px) { .active-search .search { width: 84%; } } @media (min-width: 1048px) and (max-width: 1184px) { .active-search .search { width: 82%; } .site-menubar .subnav-list-type2 .text-image { bottom: 20px; left: 25px; } .site-menubar .subnav-list-type2 .text-image h4 { font-size: 18px; } .site-menubar .subnav-list-type2 .text-image h4 a { font-size: 18px; } } @media (min-width: 940px) and (max-width: 1083px) { .active-search .search { width: 79%; } .site-menubar .subnav-list-type2 .text-image { bottom: 10px; left: 20px; } .site-menubar .subnav-list-type2 .text-image h4 { font-size: 16px; } .site-menubar .subnav-list-type2 .text-image h4 a { font-size: 16px; } } /* End AEM FIX */ .text.parbase a { text-decoration: underline !important; } .animate .subnav-list-type2 { /* padding-bottom: 12% !important;*/ } @media screen and (max-width: 639px) { .sparkdigital-logo { width: 100%; } } .hideheaderNavigation { display: none; } /* mobile accordion css fix */ .nav-list.ui-accordion .ui-widget-content { border: 0 !important; } .nav-list.ui-accordion .ui-widget-content a::after { content: "" !important; margin: 0; } .nav-list.ui-accordion.ui-widget { font-family: "AvenirNextLTPro-Medium" !important; } .nav-list.ui-accordion .ui-state-hover, .nav-list.ui-accordion .ui-widget-content .ui-state-hover, .nav-list.ui-accordion .ui-widget-header .ui-state-hover, .nav-list.ui-accordion .ui-state-focus, .nav-list.ui-accordion .ui-widget-content .ui-state-focus, .nav-list.ui-accordion .ui-widget-header .ui-state-focus { background: transparent; border: 0; color: #333; } .nav-list.ui-accordion .ui-accordion-header-active { color: #333; } .nav-list.ui-accordion .ui-accordion-header-active:hover, .nav-list.ui-accordion .ui-accordion-header-active:focus { color: #333; } .nav-list.ui-accordion .ui-accordion-header-active .icon-arrow-down::before { transform: rotate(180deg); } @media screen and (min-width: 940px) { .site-menubar .nav-list > li > a:hover::after, .site-menubar .nav-list > li > a:focus::after, .site-menubar .nav-list > li > a.active::after { background: #333 none repeat scroll 0 0; bottom: 14px; content: ""; height: 1px; left: 0; margin: 0; padding: 0; position: absolute; width: 100%; } .site-menubar .nav-list .subnav-list:hover ~ a::after { background: #333 none repeat scroll 0 0; bottom: 14px; content: ""; height: 1px; left: 0; margin: 0; padding: 0; position: absolute; width: 100%; } .site-menubar .nav-list > li > button:hover::after, .site-menubar .nav-list > li > button:focus::after, .site-menubar .nav-list > li > button.active::after { background: #333 none repeat scroll 0 0; bottom: 35px; content: ""; height: 1px; left: 0; margin: 0; padding: 0; position: absolute; width: 100%; } .subnav-list .more-link { bottom: 25px; position: absolute; } .site-menubar .subnav-list-type1, .site-menubar .subnav-list-type2 { padding-bottom: 45px; } .box-shadow-container { display: none; bottom: -20px; height: 20px; left: 0; position: absolute; width: 100vw; z-index: 102; -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2) inset; } /* login hover */ .login.dropdown:hover .subnav-list { display: block; } .login.dropdown:hover .subnav-list a.dropdown-toggle { border-bottom: 1px solid #333; color: #333; padding-bottom: 2px; text-decoration: none; } .subnav-list.dropdown-menu:hover ~ a.dropdown-toggle { border-bottom: 1px solid #333; color: #333; padding-bottom: 2px; text-decoration: none; } .login.dropdown { padding-bottom: 5px; } .login.dropdown:hover .subnav-list a.dropdown-toggle .icon-arrow-down::before { transform: rotate(180deg); } } /* /login hover */ /* to remove x symbol within search field - IE browser */ input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal { display: none; width: 0; height: 0; } .overlayDiv { width: 100%; height: 195px; position: absolute; z-index: 9999; } div.site-menubar ul li a hr.globalHeaderUnderline { margin-top: 0px; border-bottom: 1px solid #333; margin-bottom: 0px; border-top: 0px; } .header-underline::after { background: #333 none repeat scroll 0 0; bottom: 14px; content: ""; height: 1px; left: 0; margin: 0; padding: 0; position: absolute; width: 100%; } .ui-widget-content { border: 1px solid #13a4de; z-index: 10000; } .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 { background: #eee; border: 1px solid #13a4de; color: #222222; font-weight: normal; } .ui-menu .ui-menu-item { padding: 0 4px; cursor: hand; } .ui-widget-content a { color: 222222; } .ui-widget { font-family: AvenirNextLTPro-Regular, Calibri, Arial, sans-serif; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: AvenirNextLTPro-Regular, Calibri, Arial, sans-serif; } .cust-footer li.social-icons a { border: 1px solid #b2b2b2 !important; color: #666666; display: inline-block; font-size: 30px; line-height: 46px; text-align: center; } .cust-footer li a:hover, .cust-footer li a.active { color: #333333; border-bottom: 1px solid #333333; } .cust-footer li button:hover, .cust-footer li button.active { color: #333333; border-bottom: 1px solid #333333; } .site-footer h3 { color: #666666; font-size: 21px; } .cust-footer .contact-num a { font-size: 21px; } .cust-footer a span.mob, .cust-footer button span.mob { font-size: 26px; } .cust-footer.nav-inline a { font-size: 14px; } .copy-rt { font-size: 14px; } .cust-footer li { padding-bottom: 32px; } .cust-footer li.social-icons a { height: 40px; width: 40px; } .f-logo img { width: 145px; } .foot-inner { margin-top: 80px; } @media screen and (max-width: 455px) { .social-blk, .social-blk-icon { display: block !important; } } @media screen and (min-width: 640px) { .copy-rt { float: right; font-size: 14px !important; } .cust-footer.nav-inline a { font-size: 14px !important; } .site-footer h3 { font-size: 21px !important; } .cust-footer li a, .cust-footer li button { font-size: 16px; } } /* Start AEM FIX */ /* @media screen and (max-width: 1169px){ .site-footer{ margin: 0; padding: 0; width: calc(100vw); } } @media screen and (min-width: 1170px){ .site-footer{ margin: 0 calc((100vw - 1200px) / -2); } } */ /* End AEM FIX */ .bg-theam-wt { background: #fff; } .cust-footer { list-style: none; padding-left: 0; position: relative; } .cust-footer li a, .cust-footer li button { text-decoration: none; color: #666; display: inline-block; border-bottom: 1px solid #fff; position: relative; } .cust-footer li.social-icons a:hover, .cust-footer li.social-icons a:focus, .cust-footer li.social-icons a.active { border: 1px solid #333 !important; color: #333; } .contact-num { font-weight: bold; font-size: 20px; } .cust-footer.nav-inline { /*margin-top: 20px;*/ } .foot-inner .f-bottom { margin-top: 20px; } .cust-footer.nav-inline li { float: left; padding-right: 20px; padding-bottom: 0; text-decoration: underline; margin-bottom: 20px; } .bg-theam-wt .foot-inner p { /*margin-top: 10px;*/ color: #666; } .footer-desk hr, .footer-tab hr { /*margin-right:-26px;*/ } .cust-footer a span.mob, .cust-footer button span.mob { display: inline-block; color: #333; /* border-bottom:1px solid #000; */ padding-bottom: 5px; } .social-blk { display: inline-block; } .social-blk-icon { display: inline-block; margin-left: 50px; } /* Fix */ @media screen and (min-width: 640px) and (max-width: 939px) { .footer-tab div:nth-child(3) { clear: both; margin-top: 24px; } .footer-tab div:nth-child(4) { margin-top: 24px; } .cust-footer.nav-inline a { color: #333333; border-bottom: 1px solid #333333; cursor: pointer; } .cust-footer.nav-inline a:hover, .cust-footer.nav-inline a:focus, .cust-footer.nav-inline a.active { color: #333333; border-bottom: 1px solid #333333; cursor: pointer; } .f-bottom .row, .plans-grid .row.plan-family, .row.hidden-lg.hidden-md.hidden-xs.footer-tab { margin: 0 -10px; } } @media screen and (max-width: 639px) { .cust-footer a span.mob, .cust-footer button span.mob { font-size: 18px !important; } .cust-footer .nav-inline { margin: 10px 0; } .cust-footer.nav-inline a { font-size: 12px !important; } .copy-rt { float: left; font-size: 1.313em; font-size: 12px !important; } .cust-footer li { padding-bottom: 25px; } .site-footer h3 { font-size: 13px !important; } .cust-footer li a, .cust-footer li button { font-size: 13px; } .cust-footer h3 { text-decoration: sunderline; font-weight: normal; font-size: 2.25em; } .vert-spacer-20 { margin-top: 20px; } .cust-footer.nav-inline li { padding-bottom: 20px; font-size: 1.313em; } .cont-title { color: #53565a; font-size: 1.313em; margin-left: -10px; } .cust-footer li.social-icons a { /*line-height:1.65em !important;*/ } .cust-footer li a { color: #333333 !important; border-bottom: 1px solid #333333 !important; padding-bottom: 5px; } .cust-footer li a:hover, .cust-footer li a.active { color: #333333 !important; border-bottom: 1px solid #333333 !important; padding-bottom: 5px; } .cust-footer li button { color: #333333 !important; border-bottom: 1px solid #333333 !important; padding-bottom: 5px; } .cust-footer li button:hover, .cust-footer li button.active { color: #333333 !important; border-bottom: 1px solid #333333 !important; padding-bottom: 5px; } .foot-inner, .f-bot-menu { margin-top: 40px; } .cust-footer li.social-icons { /* bottom: 0; position: absolute; right: 0;*/ position: relative; } .cust-footer li.social-icons a { height: 36px; width: 36px; } .f-bot-menu hr.sp-out-top-50 { margin-top: 18px; } .foot-inner .f-bottom { margin-top: 0; } .cust-footer li.social-icons a { line-height: 2.55em; font-size: 25px; } .social-blk-icon { bottom: 20px; margin: 0; position: absolute; right: 0; text-align: right; width: 50%; } .cust-footer li.social-icons a { line-height: 44px; } .cust-footer li.social-icons .social-blk a { border: 0 none !important; border-bottom: 1px solid #333 !important; height: auto; line-height: 0.8em !important; width: auto; } .social-blk, .social-blk-icon { display: inline-block; width: 50%; } .cust-footer li.social-icons .social-blk-icon a:hover { border-bottom: 1px solid #b2b2b2 !important; } } .no-right-padding { padding-right: 0px !important; } .no-padding-left-right { padding-right: 0px !important; padding-left: 0px !important; } .footer-desk .col-lg-3.col-md-3 > hr, .foot-inner .col-xs-12 > hr { border-width: 1px 0 0; border-color: #e9e9e9; } .vertical-linebar a { margin-right: 20px; } .cust-footer.nav-inline li > a::after { border-right: 1px solid #e8e8e8; content: ""; height: 15px; position: absolute; right: -18px; top: 4px; width: 1px; } .cust-footer.nav-inline li:last-child { padding-right: 0; } .cust-footer.nav-inline li:last-child > a::after { border: 0; } .hideFooterNavigation { display: none; } .cust-footer li button { background: none !important; border: none; padding: 0; } .table-wrapper { margin: 24px 0; } .table-wrapper .table-heading { padding-bottom: 24px; } .table-wrapper .table-description { margin-bottom: 24px; word-wrap: break-word; } .table-wrapper .whitebg { background: #fff; } .table-wrapper .greybg { background: #eee; } .table-wrapper .transparentbg { background: transparent; } .table { margin-bottom: 0; } .table-component { font-size: 1em; border-collapse: collapse !important; } .table-component .mobileHead { display: none; color: #666666; } .table-component .cta-arrow .cellContent { position: relative; } .table-component.table > tbody > tr { border-bottom: solid 1px #e8e8e8; } .table-component.table > tbody > tr > td { color: #333333; border-bottom: 0 !important; padding: 24px 12px; border-top: 0 !important; } .table-component.table > tbody > tr > td.cta-arrow { vertical-align: middle; } .table-component.table > tbody > tr > td.cta-arrow span { display: none; } .table-component.table > tbody > tr > td:first-child { padding-left: 24px; } .table-component.table > tbody > tr > td:last-child { padding-right: 24px; } .table-component.table > tbody > tr:hover { background: none !important; } .table-component.table > tbody > tr.odd { background: transparent !important; } .table-component.table > tbody > tr.even { background: transparent !important; } .table-component.table > tbody > tr:hover > td.cta-arrow { color: #0096e6; } .table-component.table > tbody > tr:last-child { border-bottom: 0px; } .table-component.table > thead > tr > th { height: 2px; border-bottom: solid 4px #e8e8e8; padding: 24px 12px; vertical-align: top; } .table-component.table > thead > tr > th:first-child { padding-left: 24px; } .table-component.table > thead > tr > th:last-child { padding-right: 24px; } .table-component.table code { display: block; color: #999999; font-family: "AvenirNextLTPro-Medium"; font-size: 0.9em; font-weight: normal; background: transparent; padding: 0; } .table-component.table a { color: #0096e6; text-decoration: underline; font-size: inherit; font-weight: 500; } .table-component.table a > code { color: #0096e6; } .table-component.table.no-footer { border: 0; } .table-component.cta-available tr { cursor: pointer; } .table-component.cta-available thead tr { cursor: auto; } .table-component.fixedHeader-floating > thead > tr > th { border-bottom: 0px; } .fixedHeader-floating { position: fixed; background: #fff; border: 0 !important; box-shadow: 0 4px 2px -2px #b2b2b2; } .fixedHeader-locked { display: none !important; } @media (max-width: 939px) { .table-wrapper { margin: 16px 0; } .table-wrapper .table-heading { padding-bottom: 16px; } .table-wrapper .table-description { margin-bottom: 16px; word-wrap: break-word; } .table-component.table > tbody > tr > td { padding: 16px 10px; } .table-component.table > tbody > tr > td:first-child { padding-left: 0; } .table-component.table > tbody > tr > td:last-child { padding-right: 0; } .table-component.table > thead > tr > th { padding: 16px 10px; } .table-component.table > thead > tr > th:first-child { padding-left: 0; } .table-component.table > thead > tr > th:last-child { padding-right: 0; } .table-component.table.desktop-view th { display: none; } .table-component.table.desktop-view > tbody > tr > td { display: block; width: 100%; position: relative; padding: 16px 0; } .table-component.table.desktop-view > tbody > tr > td:first-child { padding-left: 0; } .table-component.table.desktop-view > tbody > tr > td.cta-arrow span { display: inline-block; color: #0096e6; } .table-component.table.desktop-view > tbody > tr > td.cta-arrow i { color: #0096e6; position: absolute; top: 4px; } .table-component.table.desktop-view > tbody > tr > td.dt-right { text-align: left; } .table-component.table.desktop-view .mobileHead { width: 27%; display: inline-block; vertical-align: inherit; font-weight: 600; } .table-component.table.desktop-view .cellContent { display: inline-block; width: 66%; margin-left: 7%; vertical-align: inherit; } } @media (max-width: 639px) { .table-wrapper { margin: 16px 0; } .table-wrapper .table-heading { padding-bottom: 16px; } .table-wrapper .table-description { margin-bottom: 16px; word-wrap: break-word; } .table-component.table > tbody > tr > td { padding: 16px 10px; } .table-component.table > tbody > tr > td:first-child { padding-left: 0; } .table-component.table > tbody > tr > td:last-child { padding-right: 0; } .table-component.table > thead > tr > th { padding: 16px 10px; } .table-component.table > thead > tr > th:first-child { padding-left: 0; } .table-component.table > thead > tr > th:last-child { padding-right: 0; } .table-component.table.three-column th { display: none; } .table-component.table.three-column > tbody > tr > td { display: block; width: 100%; position: relative; padding: 16px 0; } .table-component.table.three-column > tbody > tr > td:first-child { padding-left: 0; } .table-component.table.three-column > tbody > tr > td.cta-arrow span { display: inline-block; color: #0096e6; } .table-component.table.three-column > tbody > tr > td.cta-arrow i { color: #0096e6; position: absolute; top: 4px; } .table-component.table.three-column > tbody > tr > td.dt-right { text-align: left; } .table-component.table.three-column .mobileHead { width: 46%; display: inline-block; vertical-align: inherit; font-weight: 600; } .table-component.table.three-column .cellContent { display: inline-block; width: 46%; margin-left: 8%; vertical-align: inherit; } } .panel-bg { background: #fff; } .our-solution-block { padding: 45px 50px 50px; margin-bottom: 85px; } .our-solution-list { padding: 0; } .our-solution-list li { border-bottom: 1px solid #e8e8e8; margin-bottom: 40px; } .our-solution-list auto li p { padding: 15px 70px 35px 0; clear: both; color: #666666; word-wrap: break-word; } .our-solution-block .icon1 { width: 32px; height: 55px; display: inline-block; background-size: cover; } .our-solution-block .icon2 { width: 62px; height: 42px; display: inline-block; background-size: cover; } .our-solution-block .icon3 { width: 35px; height: 45px; display: inline-block; background-size: cover; } .our-solution-block .icon4 { width: 41px; height: 48px; display: inline-block; background-size: cover; margin-bottom: 8px; } .our-solution-block .icon5 { width: 48px; height: 42px; display: inline-block; background-size: cover; } .our-solution-block .icon6 { width: 51px; height: 42px; display: inline-block; background-size: cover; } .our-solution-block .our-solution-list, .our-solution-block .sol-blk { margin-bottom: 0; } .sol-blk { margin-bottom: 20px; } h3 + .underline { background: #333; } .our-solution-main { padding: 0 100px; } .our-solution-list .solution-card:last-child li.auto { margin-bottom: 0; } /*First Home page componunt*/ .home-tile { position: relative; width: 100%; } .home-tile-h { position: absolute; bottom: 25px; left: 50px; } .home-tile-h h3 { width: 160px; color: #fff; } .home-tile-h h3 + .underline { background: #fff; } .panel-home { background: #fff; margin-bottom: 50px; } .home-tile-content { padding: 50px; } .home-tile-content a { margin-top: 30px; display: inline-block; text-decoration: none; border-bottom: 1px solid #333; } .help-blk, .solution-blk { margin-bottom: 50px; } .help-blk p, .solution-blk p { font-size: 21px; line-height: 26px; margin-bottom: 0; } .help-blk h2 { margin-top: 0; } .sol-icon { display: block; margin-bottom: 15px; } @media screen and (max-width: 860px) { .panel-home .home-tile img { height: 170px; } } @media screen and (max-width: 939px) { .our-solution-block { padding: 45px 25px 50px; } .our-solution-main { padding: 0 30px; } .our-solution-list li p { /*padding:15px 20px 35px 0;*/ clear: both; } .our-solution-main { padding: 0 30px; } .home-tile-content { padding: 40px; } .home-tile-h { bottom: 2px; } } .our-solution-list li.auto, .our-solution-list li.manual { border-bottom: 1px solid #e8e8e8; margin-bottom: 40px; list-style: none; } .manual > h3 { color: #333; word-wrap: break-word; } .auto a h3 { word-wrap: break-word; /* color:#666666;*/ } .auto hr.underline { float: left; /*background:#6f6f72;*/ } .solution-card-btn { max-width: 300px; margin: 40px 0 0 0; padding: 15px 0 15px 0; } .manual .plan-action { display: block; background: #0096e6; line-height: 18px; padding: 18px 16px 17px; margin-bottom: 10px; } .manual .plan-action span { position: relative; /*padding-right: 22px;*/ font-size: 18px; } .manual .plan-action span:after { /*display: inline-block; content: ""; position: absolute; right: 0; top: 3px; width: 9px; height: 15px; background: url("../sparkdigital/clientlib-site/img/btn-arrow-rt.png") no-repeat right center !important;*/ } .manual .plan-action span.icon-arrow-right::before { vertical-align: bottom; } .solution-blk h2 { color: #333; } .solution-blk-description { color: #333; /*margin-bottom:25px;*/ } .solution-blk .col-md-12 > p { margin-top: 25px; } @media screen and (max-width: 639px) { .panel-home .home-tile img { height: 265px; } .our-solution-main { padding: 0; } .oursolutions .oursolutions-mob { width: 545px; max-width: 545px; } .solution-card-btn { width: 100%; margin: 33px 0 20px 0; } .cust-btn { padding-left: 0; padding-right: 0; } .solution-card-btn { width: auto; } .oursol-slide.slick-slide { width: 80vw; outline: 0 none; padding: 0 16px 0 0; } .manual .plan-action span { font-size: 16px; } } .solution-card u > a:hover { color: #007CBD !important; } .manual .contact-us-link > p a, .manual .contact-us-link > ul a, .manual .contact-us-link > ol a { text-decoration: underline; } .manual .contact-us-link > p a:hover, .manual .contact-us-link > ul a:hover, .manual .contact-us-link > ol a:hover { color: #007CBD; cursor: pointer; } .contact-us-link.white p.white a { color: #007CBD; cursor: pointer; } .contact-us-link.white p.white a:hover { color: #007CBD; cursor: pointer; } .solution-card-margin-top { margin-top: 1.5% !important; } .solution-card .manual p { background: none; margin: 15px 0 30px; clear: both; color: #666666; } .solution-card .manual .contact-us-link p { margin: 15px 0 10px; } @media screen and (min-width: 640px) and (max-width: 939px) { .solutions-card-container .panel-wrap .row.oursolutions, .solutions-card-container .panel-wrap .row.solution-blk { margin: 0 -10px; } } .xtra-wrapper { font-family: AvenirNextLTPro-Medium; /* Registration */ /* Dropdown fix for Xtramail */ /* /Registration */ /* Registration Success */ /*Xtramail Help*/ } .xtra-wrapper a { color: #0096e6; opacity: 1; } .xtra-wrapper a:hover, .xtra-wrapper a:focus { color: #0096e6; opacity: 1; } .xtra-wrapper .display-wrapper { width: 450px; background-color: #ffffff; padding: 60px 40px; margin: 73px auto; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14); position: relative; } .xtra-wrapper .display-wrapper * { outline: none; -webkit-text-stroke: 0; } .xtra-wrapper .display-wrapper h2 { font-size: 24px; line-height: 30px; font-family: AvenirNextLTPro-Demi; font-weight: 600; color: #5f259f; } .xtra-wrapper .display-wrapper h3 { font-size: 16px; font-weight: 500; text-align: left; color: #333333; font-family: AvenirNextLTPro-Demi; } .xtra-wrapper .display-wrapper .Rectangle-2 { width: 100px; height: 4px; background-color: #5f259f; margin: 14px 0px; } .xtra-wrapper .display-wrapper a { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .display-wrapper .sd-send-mail-error { color: red; font-size: 14px; } .xtra-wrapper .registration { overflow: auto; } .xtra-wrapper .icon-visible { width: 20px; height: 20px; object-fit: contain; position: absolute; right: 0px; top: 8px; cursor: pointer; z-index: 20; } .xtra-wrapper .input-prompt { color: #999999; font-size: 12px; font-weight: 500; text-align: left; } .xtra-wrapper .input-prompt.error { color: #df1f00; } .xtra-wrapper p { font-size: 14px; color: #666666; line-height: 1.4em; font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .checkbox-wrapper { position: relative; margin-top: 20px; } .xtra-wrapper .checkbox-wrapper p { padding-left: 30px; } .xtra-wrapper.myspark-container .floating-container .dropdown { outline: none; } .xtra-wrapper .captcha-box { margin: 20px 0 0; } .xtra-wrapper.myspark-container .floating-container .dropdown button { font-size: 14px; height: 34px; line-height: 20px; min-width: 30px; padding: 4px 8px; position: relative; text-align: left; text-shadow: none; text-transform: none; width: 100%; border-width: 0 0 1px; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default:hover, .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default:active, .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default.active { background: transparent; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .floating-container .dropdown.open > .dropdown-toggle.btn-default { background: transparent; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .dropdown-menu > li > a { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper.myspark-container .floating-container .dropdown label.input-label { top: 8px; } .xtra-wrapper.myspark-container .floating-container .dropdown.open .icon-arrow-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .xtra-wrapper label { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .checkbox-wrapper p a { color: #0096e6; } .xtra-wrapper .button-wrapper { padding: 20px 0 15px; } .xtra-wrapper .custom-dropdown .dropdown-menu { border: medium none; border-radius: 0; box-shadow: 0 2px 8px #e8e8e8; height: 180px; min-width: 100%; overflow-y: scroll; width: 100%; } .xtra-wrapper .top-spacing { margin-top: 25px; } .xtra-wrapper .myspark-container .short-margin .floating-container { margin: 25px 0 5px; } .xtra-wrapper .page-error-box { margin: 20px 0 0; } .xtra-wrapper .page-error-box .error { font-size: 14px; font-family: AvenirNextLTPro-Medium; font-weight: 500; color: #df1f00; } .xtra-wrapper .dropdown button::after { content: '\e052'; font-family: 'spark-icon-family'; color: #333333 !important; font-size: 14px !important; right: 0 !important; top: 8px !important; position: absolute; } .xtra-wrapper.myspark-container .floating-container .dropdown button { color: #b2b2b2; font-family: AvenirNextLTPro-Medium; font-size: 16px; font-weight: 500; padding: 0; } .xtra-wrapper.myspark-container .floating-container .dropdown button.selected { color: #b2b2b2; font-family: AvenirNextLTPro-Medium; font-size: 16px; font-weight: 500; padding: 0; } .xtra-wrapper.myspark-container .floating-container .dropdown.open button::after { content: '\e055'; } .xtra-wrapper.myspark-container .floating-container .dropdown .dropdown-menu li a { color: #333333; } .xtra-wrapper.myspark-container .floating-container .dropdown .dropdown-menu li a:hover { background: #e8e8e8; border-radius: 0; color: #333333; } .xtra-wrapper .registration-stages { padding: 0; margin: -60px -40px; } .xtra-wrapper .registration-stages .box-logo { height: 150px; position: relative; } .xtra-wrapper .registration-stages .registration-stages-svg { height: 80px; left: 50%; object-fit: contain; position: absolute; top: 50%; transform: translate(-50%, -50%); } .xtra-wrapper .registration-stages h2 { font-family: AvenirNextLTPro-Medium; font-size: 18px; font-weight: 600; text-align: center; color: #000000; } .xtra-wrapper .registration-stages .button-wrapper { text-align: center; } .xtra-wrapper .registration-stages .button-wrapper button { margin: 0; } .xtra-wrapper .registration-stages h3 { text-align: center; } .xtra-wrapper .registration-stages p { margin: 20px 0; } .xtra-wrapper .box-white { background-color: #ffffff; padding: 40px; } .xtra-wrapper .box-gray { background-color: #ebebeb; padding: 40px; } .xtra-wrapper .box-green { background-color: #00af55; } .xtra-wrapper .box-dark-gray { background-color: #999999; } .xtra-wrapper .box-orange { background-color: #ff9b00; } .xtra-wrapper .align-center { text-align: center; } .xtra-wrapper .error, .xtra-wrapper .input-prompt { font-size: 12px; font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .extra-margin { margin: 30px 0 20px; } .xtra-wrapper .sendtestmail-Wrapper .post-text { font-size: 16px; font-family: AvenirNextLTPro-Medium; color: #999; position: absolute; top: 15px; } .xtra-wrapper .sendtestmail-Wrapper .row .recaptcha-wrapper { margin-top: 40px; } @media screen and (max-width: 939px) { .xtra-wrapper .sendtestmail-Wrapper .row [class*='col-'] { padding: 0; } } @media screen and (max-width: 449px) { .xtra-wrapper .display-wrapper { width: 100%; margin: 0; height: 100vh; overflow: auto; } .xtra-wrapper .display-wrapper .row { margin: 0 -10px; } .xtra-wrapper .display-wrapper .button-wrapper button:last-child { margin-right: 0; } } .xtra-wrapper { font-family: AvenirNextLTPro-Medium; /* Registration */ /* Dropdown fix for Xtramail */ /* /Registration */ /* Registration Success */ /*Xtramail Help*/ } .xtra-wrapper a { color: #0096e6; opacity: 1; } .xtra-wrapper a:hover, .xtra-wrapper a:focus { color: #0096e6; opacity: 1; } .xtra-wrapper .display-wrapper { width: 450px; background-color: #ffffff; padding: 60px 40px; margin: 73px auto; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14); position: relative; } .xtra-wrapper .display-wrapper * { outline: none; -webkit-text-stroke: 0; } .xtra-wrapper .display-wrapper h2 { font-size: 24px; line-height: 30px; font-family: AvenirNextLTPro-Demi; font-weight: 600; color: #5f259f; } .xtra-wrapper .display-wrapper h3 { font-size: 16px; font-weight: 500; text-align: left; color: #333333; font-family: AvenirNextLTPro-Demi; } .xtra-wrapper .display-wrapper .Rectangle-2 { width: 100px; height: 4px; background-color: #5f259f; margin: 14px 0px; } .xtra-wrapper .display-wrapper a { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .display-wrapper .sd-send-mail-error { color: red; font-size: 14px; } .xtra-wrapper .registration { overflow: auto; } .xtra-wrapper .icon-visible { width: 20px; height: 20px; object-fit: contain; position: absolute; right: 0px; top: 8px; cursor: pointer; z-index: 20; } .xtra-wrapper .input-prompt { color: #999999; font-size: 12px; font-weight: 500; text-align: left; } .xtra-wrapper .input-prompt.error { color: #df1f00; } .xtra-wrapper p { font-size: 14px; color: #666666; line-height: 1.4em; font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .checkbox-wrapper { position: relative; margin-top: 20px; } .xtra-wrapper .checkbox-wrapper p { padding-left: 30px; } .xtra-wrapper.myspark-container .floating-container .dropdown { outline: none; } .xtra-wrapper .captcha-box { margin: 20px 0 0; } .xtra-wrapper.myspark-container .floating-container .dropdown button { font-size: 14px; height: 34px; line-height: 20px; min-width: 30px; padding: 4px 8px; position: relative; text-align: left; text-shadow: none; text-transform: none; width: 100%; border-width: 0 0 1px; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default:hover, .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default:active, .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default.active { background: transparent; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .floating-container .dropdown.open > .dropdown-toggle.btn-default { background: transparent; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .dropdown-menu > li > a { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper.myspark-container .floating-container .dropdown label.input-label { top: 8px; } .xtra-wrapper.myspark-container .floating-container .dropdown.open .icon-arrow-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .xtra-wrapper label { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .checkbox-wrapper p a { color: #0096e6; } .xtra-wrapper .button-wrapper { padding: 20px 0 15px; } .xtra-wrapper .custom-dropdown .dropdown-menu { border: medium none; border-radius: 0; box-shadow: 0 2px 8px #e8e8e8; height: 180px; min-width: 100%; overflow-y: scroll; width: 100%; } .xtra-wrapper .top-spacing { margin-top: 25px; } .xtra-wrapper .myspark-container .short-margin .floating-container { margin: 25px 0 5px; } .xtra-wrapper .page-error-box { margin: 20px 0 0; } .xtra-wrapper .page-error-box .error { font-size: 14px; font-family: AvenirNextLTPro-Medium; font-weight: 500; color: #df1f00; } .xtra-wrapper .dropdown button::after { content: '\e052'; font-family: 'spark-icon-family'; color: #333333 !important; font-size: 14px !important; right: 0 !important; top: 8px !important; position: absolute; } .xtra-wrapper.myspark-container .floating-container .dropdown button { color: #b2b2b2; font-family: AvenirNextLTPro-Medium; font-size: 16px; font-weight: 500; padding: 0; } .xtra-wrapper.myspark-container .floating-container .dropdown button.selected { color: #b2b2b2; font-family: AvenirNextLTPro-Medium; font-size: 16px; font-weight: 500; padding: 0; } .xtra-wrapper.myspark-container .floating-container .dropdown.open button::after { content: '\e055'; } .xtra-wrapper.myspark-container .floating-container .dropdown .dropdown-menu li a { color: #333333; } .xtra-wrapper.myspark-container .floating-container .dropdown .dropdown-menu li a:hover { background: #e8e8e8; border-radius: 0; color: #333333; } .xtra-wrapper .registration-stages { padding: 0; margin: -60px -40px; } .xtra-wrapper .registration-stages .box-logo { height: 150px; position: relative; } .xtra-wrapper .registration-stages .registration-stages-svg { height: 80px; left: 50%; object-fit: contain; position: absolute; top: 50%; transform: translate(-50%, -50%); } .xtra-wrapper .registration-stages h2 { font-family: AvenirNextLTPro-Medium; font-size: 18px; font-weight: 600; text-align: center; color: #000000; } .xtra-wrapper .registration-stages .button-wrapper { text-align: center; } .xtra-wrapper .registration-stages .button-wrapper button { margin: 0; } .xtra-wrapper .registration-stages h3 { text-align: center; } .xtra-wrapper .registration-stages p { margin: 20px 0; } .xtra-wrapper .box-white { background-color: #ffffff; padding: 40px; } .xtra-wrapper .box-gray { background-color: #ebebeb; padding: 40px; } .xtra-wrapper .box-green { background-color: #00af55; } .xtra-wrapper .box-dark-gray { background-color: #999999; } .xtra-wrapper .box-orange { background-color: #ff9b00; } .xtra-wrapper .align-center { text-align: center; } .xtra-wrapper .error, .xtra-wrapper .input-prompt { font-size: 12px; font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .extra-margin { margin: 30px 0 20px; } .xtra-wrapper .sendtestmail-Wrapper .post-text { font-size: 16px; font-family: AvenirNextLTPro-Medium; color: #999; position: absolute; top: 15px; } .xtra-wrapper .sendtestmail-Wrapper .row .recaptcha-wrapper { margin-top: 40px; } @media screen and (max-width: 939px) { .xtra-wrapper .sendtestmail-Wrapper .row [class*='col-'] { padding: 0; } } @media screen and (max-width: 449px) { .xtra-wrapper .display-wrapper { width: 100%; margin: 0; height: 100vh; overflow: auto; } .xtra-wrapper .display-wrapper .row { margin: 0 -10px; } .xtra-wrapper .display-wrapper .button-wrapper button:last-child { margin-right: 0; } } .xtra-wrapper.myspark-container .name-suggestions, .verifyModalOverlay .myspark-container .name-suggestions { font-family: AvenirNextLTPro-Medium; color: #999999; font-size: 12px; font-weight: 500; text-align: left; } .xtra-wrapper.myspark-container .name-suggestions ul, .verifyModalOverlay .myspark-container .name-suggestions ul { list-style-type: none; margin: 0; padding: 0; } .xtra-wrapper.myspark-container .name-suggestions ul li, .verifyModalOverlay .myspark-container .name-suggestions ul li { display: inline-block; padding-right: 10px; } .xtra-wrapper.myspark-container .name-suggestions ul li a, .verifyModalOverlay .myspark-container .name-suggestions ul li a { color: #0096e6; } .xtra-wrapper.myspark-container .floating-container, .verifyModalOverlay .myspark-container .floating-container { margin: 44px 0px 5px 0px; font-family: AvenirNextLTPro-Medium; font-weight: 500; } .xtra-wrapper.myspark-container .floating-container#prefix-container, .verifyModalOverlay .myspark-container .floating-container#prefix-container { width: 80px; display: inline-block; margin-right: 20px; vertical-align: top; } .xtra-wrapper.myspark-container .floating-container#mobile-number-container, .verifyModalOverlay .myspark-container .floating-container#mobile-number-container { width: 240px; display: inline-block; vertical-align: top; } .xtra-wrapper.myspark-container .floating-container input, .verifyModalOverlay .myspark-container .floating-container input { border-color: #bdbbbb; border-width: 0 0 1px !important; font-size: 16px; font-family: AvenirNextLTPro-Medium; } .xtra-wrapper.myspark-container .floating-container input:focus, .verifyModalOverlay .myspark-container .floating-container input:focus { color: #333333; border-color: #0096e6; } .xtra-wrapper.myspark-container .floating-container input ~ label.input-label, .verifyModalOverlay .myspark-container .floating-container input ~ label.input-label { top: 8px; } .xtra-wrapper.myspark-container .floating-container input:focus ~ label.input-label, .verifyModalOverlay .myspark-container .floating-container input:focus ~ label.input-label { color: #0096e6; font-size: 12px; top: -20px; } .xtra-wrapper.myspark-container .floating-container input:valid ~ label.input-label, .verifyModalOverlay .myspark-container .floating-container input:valid ~ label.input-label { color: #999; font-size: 12px; top: -20px; } .xtra-wrapper.myspark-container .floating-container span.domain-label, .verifyModalOverlay .myspark-container .floating-container span.domain-label { display: none; } .xtra-wrapper.myspark-container .floating-container input.email-address:focus, .verifyModalOverlay .myspark-container .floating-container input.email-address:focus { width: 250px; } .xtra-wrapper.myspark-container .floating-container input.email-address:focus ~ .bar::before, .verifyModalOverlay .myspark-container .floating-container input.email-address:focus ~ .bar::before { width: 0px; } .xtra-wrapper.myspark-container .floating-container input.email-address:focus ~ .bar::after, .verifyModalOverlay .myspark-container .floating-container input.email-address:focus ~ .bar::after { width: 250px; bottom: 0px; left: 0px; } .xtra-wrapper.myspark-container .floating-container input.email-address:focus ~ span.domain-label, .verifyModalOverlay .myspark-container .floating-container input.email-address:focus ~ span.domain-label { display: block; position: absolute; top: 10px; right: 0; font-size: 16px; color: #333333; font-family: AvenirNextLTPro-Regular; } .xtra-wrapper.myspark-container .floating-container label.input-label, .verifyModalOverlay .myspark-container .floating-container label.input-label { color: #b2b2b2; font-family: AvenirNextLTPro-Medium; font-weight: 500; font-size: 16px; } .xtra-wrapper.myspark-container .floating-container.strong input, .verifyModalOverlay .myspark-container .floating-container.strong input { border-color: #00af55; border-width: 1px; } .xtra-wrapper.myspark-container .floating-container.strong .bar::before, .xtra-wrapper.myspark-container .floating-container.strong .bar::after, .verifyModalOverlay .myspark-container .floating-container.strong .bar::before, .verifyModalOverlay .myspark-container .floating-container.strong .bar::after { background: #00af55 none repeat scroll 0 0; height: 2px; } .xtra-wrapper.myspark-container .floating-container.medium input::before, .verifyModalOverlay .myspark-container .floating-container.medium input::before { background: #bdbbbb none repeat scroll 0 0; height: 2px; } .xtra-wrapper.myspark-container .floating-container.medium input::after, .verifyModalOverlay .myspark-container .floating-container.medium input::after { background: #ff9b00 none repeat scroll 0 0; height: 2px; } .xtra-wrapper.myspark-container .floating-container.medium input:focus, .verifyModalOverlay .myspark-container .floating-container.medium input:focus { border-width: 0; } .xtra-wrapper.myspark-container .floating-container.medium .bar::after, .verifyModalOverlay .myspark-container .floating-container.medium .bar::after { background: #ff9b00 none repeat scroll 0 0; height: 2px; width: 50%; } .xtra-wrapper.myspark-container .floating-container.medium .bar::before, .verifyModalOverlay .myspark-container .floating-container.medium .bar::before { background: #bdbbbb none repeat scroll 0 0; height: 2px; width: 50%; } .xtra-wrapper.myspark-container input[type='checkbox'], .verifyModalOverlay .myspark-container input[type='checkbox'] { position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; -webkit-appearance: none; background-color: #fff; border: solid 1px #666 !important; box-shadow: none; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; z-index: 100; opacity: 1; margin: 0; cursor: pointer; } .xtra-wrapper.myspark-container input[type='checkbox']:checked, .verifyModalOverlay .myspark-container input[type='checkbox']:checked { background-color: #0096e6; border: solid 1px #0096e6 !important; color: #fff; } .xtra-wrapper.myspark-container input[type='checkbox']:checked:after, .verifyModalOverlay .myspark-container input[type='checkbox']:checked:after { content: url("https://www.spark.co.nz/etc/designs/xtramail/clientlib_xtramail/img/on.svg"); font-size: 12px; position: absolute; top: 0; left: 0; color: #fff; } .xtra-wrapper.myspark-container input[type='file']:focus, .xtra-wrapper.myspark-container input[type='radio']:focus, .xtra-wrapper.myspark-container input[type='checkbox']:focus, .verifyModalOverlay .myspark-container input[type='file']:focus, .verifyModalOverlay .myspark-container input[type='radio']:focus, .verifyModalOverlay .myspark-container input[type='checkbox']:focus { outline: 0; } .xtra-wrapper.myspark-container .help-block.error, .verifyModalOverlay .myspark-container .help-block.error { font-size: 12px; font-weight: 500; text-align: left; color: #df1f00; } .xtra-wrapper.myspark-container .onlylabel, .verifyModalOverlay .myspark-container .onlylabel { -webkit-text-stroke: 0; color: #999; font-family: 'AvenirNextLTPro-Medium'; font-size: 16px; } .xtra-wrapper.myspark-container .form-control::-moz-placeholder, .verifyModalOverlay .myspark-container .form-control::-moz-placeholder { color: #b2b2b2; font-family: AvenirNextLTPro-Medium; font-size: 16px; opacity: 1; } .xtra-wrapper.myspark-container input[type='number']::-webkit-inner-spin-button, .xtra-wrapper.myspark-container input[type='number']::-webkit-outer-spin-button, .xtra-wrapper.myspark-container input[type='number']:hover::-webkit-inner-spin-button, .xtra-wrapper.myspark-container input[type='number']:hover::-webkit-outer-spin-button, .verifyModalOverlay .myspark-container input[type='number']::-webkit-inner-spin-button, .verifyModalOverlay .myspark-container input[type='number']::-webkit-outer-spin-button, .verifyModalOverlay .myspark-container input[type='number']:hover::-webkit-inner-spin-button, .verifyModalOverlay .myspark-container input[type='number']:hover::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .xtra-wrapper.myspark-container .top-40, .verifyModalOverlay .myspark-container .top-40 { margin-top: 40px; } .xtra-wrapper.myspark-container .space-30, .verifyModalOverlay .myspark-container .space-30 { margin: 30px 0; } .xtra-wrapper.myspark-container .left-pad-20, .verifyModalOverlay .myspark-container .left-pad-20 { padding-left: 20px; } .xtra-wrapper.myspark-container .popup-account-list, .verifyModalOverlay .myspark-container .popup-account-list { border-top: 1px solid #bdbbbb; border-bottom: 1px solid #bdbbbb; } .xtra-wrapper.myspark-container .popup-account-list .account-list-item, .verifyModalOverlay .myspark-container .popup-account-list .account-list-item { display: table; width: 100%; min-height: 80px; } .xtra-wrapper.myspark-container .popup-account-list .inner-acc-list, .verifyModalOverlay .myspark-container .popup-account-list .inner-acc-list { display: table-cell; vertical-align: middle; } .xtra-wrapper.myspark-container .popup-account-list .pa-title, .verifyModalOverlay .myspark-container .popup-account-list .pa-title { font-size: 14px; font-weight: 500; color: #333333; } .xtra-wrapper.myspark-container .popup-account-list .pa-label, .verifyModalOverlay .myspark-container .popup-account-list .pa-label { font-size: 12px; font-weight: 500; color: #6b6c6d; } .xtra-wrapper, .verifyModalOverlay { /* Preloader */ } .xtra-wrapper .button-wrapper, .verifyModalOverlay .button-wrapper { padding: 20px 0px; } .xtra-wrapper .button-wrapper .btn-primary, .verifyModalOverlay .button-wrapper .btn-primary { font-family: AvenirNextLTPro-Demi; font-size: 14px; font-weight: 600; text-align: center; color: #ffffff; min-width: 108px; height: 38px; background-color: #0096e6; margin-right: 20px; line-height: 25px; border: 0; text-transform: none; width: auto; padding: 5px 8px; display: inline-block; } .xtra-wrapper .button-wrapper .btn-primary:disabled, .verifyModalOverlay .button-wrapper .btn-primary:disabled { background-color: #bdbbbb; } .xtra-wrapper .button-wrapper .btn-secondary, .verifyModalOverlay .button-wrapper .btn-secondary { font-family: AvenirNextLTPro-Demi; font-size: 14px; font-weight: 600; text-align: center; color: #0096e6; min-width: 108px; height: 38px; background-color: #ffffff; margin-right: 20px; text-transform: none; width: auto; padding: 5px 8px; display: inline-block; } .xtra-wrapper .button-wrapper .btn-link, .verifyModalOverlay .button-wrapper .btn-link { font-family: AvenirNextLTPro-Demi; font-size: 14px; font-weight: 600; text-align: left; color: #0096e6; min-width: 108px; height: 38px; background-color: #ffffff; margin-right: 20px; text-transform: none; width: auto; padding: 5px 0; display: inline-block; } .xtra-wrapper .button-wrapper .btn-link:hover, .verifyModalOverlay .button-wrapper .btn-link:hover { text-decoration: none; } .xtra-wrapper .preloaderWrapper, .verifyModalOverlay .preloaderWrapper { background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; } .xtra-wrapper .spinner, .verifyModalOverlay .spinner { animation: rotator 1.4s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .xtra-wrapper .path, .verifyModalOverlay .path { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; } @keyframes colors { 0% { stroke: #5f259f; } 25% { stroke: #5f259f; } 26% { stroke: #00af55; } 50% { stroke: #00af55; } 51% { stroke: #ff9b00; } 75% { stroke: #ff9b00; } 76% { stroke: #eb008b; } 100% { stroke: #eb008b; } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } .xtra-wrapper { font-family: AvenirNextLTPro-Medium; /* Registration */ /* Dropdown fix for Xtramail */ /* /Registration */ /* Registration Success */ /*Xtramail Help*/ } .xtra-wrapper a { color: #0096e6; opacity: 1; } .xtra-wrapper a:hover, .xtra-wrapper a:focus { color: #0096e6; opacity: 1; } .xtra-wrapper .display-wrapper { width: 450px; background-color: #ffffff; padding: 60px 40px; margin: 73px auto; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14); position: relative; } .xtra-wrapper .display-wrapper * { outline: none; -webkit-text-stroke: 0; } .xtra-wrapper .display-wrapper h2 { font-size: 24px; line-height: 30px; font-family: AvenirNextLTPro-Demi; font-weight: 600; color: #5f259f; } .xtra-wrapper .display-wrapper h3 { font-size: 16px; font-weight: 500; text-align: left; color: #333333; font-family: AvenirNextLTPro-Demi; } .xtra-wrapper .display-wrapper .Rectangle-2 { width: 100px; height: 4px; background-color: #5f259f; margin: 14px 0px; } .xtra-wrapper .display-wrapper a { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .display-wrapper .sd-send-mail-error { color: red; font-size: 14px; } .xtra-wrapper .registration { overflow: auto; } .xtra-wrapper .icon-visible { width: 20px; height: 20px; object-fit: contain; position: absolute; right: 0px; top: 8px; cursor: pointer; z-index: 20; } .xtra-wrapper .input-prompt { color: #999999; font-size: 12px; font-weight: 500; text-align: left; } .xtra-wrapper .input-prompt.error { color: #df1f00; } .xtra-wrapper p { font-size: 14px; color: #666666; line-height: 1.4em; font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .checkbox-wrapper { position: relative; margin-top: 20px; } .xtra-wrapper .checkbox-wrapper p { padding-left: 30px; } .xtra-wrapper.myspark-container .floating-container .dropdown { outline: none; } .xtra-wrapper .captcha-box { margin: 20px 0 0; } .xtra-wrapper.myspark-container .floating-container .dropdown button { font-size: 14px; height: 34px; line-height: 20px; min-width: 30px; padding: 4px 8px; position: relative; text-align: left; text-shadow: none; text-transform: none; width: 100%; border-width: 0 0 1px; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default:hover, .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default:active, .xtra-wrapper.myspark-container .floating-container .dropdown button.btn-default.active { background: transparent; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .floating-container .dropdown.open > .dropdown-toggle.btn-default { background: transparent; outline: none; cursor: pointer; } .xtra-wrapper.myspark-container .dropdown-menu > li > a { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper.myspark-container .floating-container .dropdown label.input-label { top: 8px; } .xtra-wrapper.myspark-container .floating-container .dropdown.open .icon-arrow-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .xtra-wrapper label { font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .checkbox-wrapper p a { color: #0096e6; } .xtra-wrapper .button-wrapper { padding: 20px 0 15px; } .xtra-wrapper .custom-dropdown .dropdown-menu { border: medium none; border-radius: 0; box-shadow: 0 2px 8px #e8e8e8; height: 180px; min-width: 100%; overflow-y: scroll; width: 100%; } .xtra-wrapper .top-spacing { margin-top: 25px; } .xtra-wrapper .myspark-container .short-margin .floating-container { margin: 25px 0 5px; } .xtra-wrapper .page-error-box { margin: 20px 0 0; } .xtra-wrapper .page-error-box .error { font-size: 14px; font-family: AvenirNextLTPro-Medium; font-weight: 500; color: #df1f00; } .xtra-wrapper .dropdown button::after { content: '\e052'; font-family: 'spark-icon-family'; color: #333333 !important; font-size: 14px !important; right: 0 !important; top: 8px !important; position: absolute; } .xtra-wrapper.myspark-container .floating-container .dropdown button { color: #b2b2b2; font-family: AvenirNextLTPro-Medium; font-size: 16px; font-weight: 500; padding: 0; } .xtra-wrapper.myspark-container .floating-container .dropdown button.selected { color: #b2b2b2; font-family: AvenirNextLTPro-Medium; font-size: 16px; font-weight: 500; padding: 0; } .xtra-wrapper.myspark-container .floating-container .dropdown.open button::after { content: '\e055'; } .xtra-wrapper.myspark-container .floating-container .dropdown .dropdown-menu li a { color: #333333; } .xtra-wrapper.myspark-container .floating-container .dropdown .dropdown-menu li a:hover { background: #e8e8e8; border-radius: 0; color: #333333; } .xtra-wrapper .registration-stages { padding: 0; margin: -60px -40px; } .xtra-wrapper .registration-stages .box-logo { height: 150px; position: relative; } .xtra-wrapper .registration-stages .registration-stages-svg { height: 80px; left: 50%; object-fit: contain; position: absolute; top: 50%; transform: translate(-50%, -50%); } .xtra-wrapper .registration-stages h2 { font-family: AvenirNextLTPro-Medium; font-size: 18px; font-weight: 600; text-align: center; color: #000000; } .xtra-wrapper .registration-stages .button-wrapper { text-align: center; } .xtra-wrapper .registration-stages .button-wrapper button { margin: 0; } .xtra-wrapper .registration-stages h3 { text-align: center; } .xtra-wrapper .registration-stages p { margin: 20px 0; } .xtra-wrapper .box-white { background-color: #ffffff; padding: 40px; } .xtra-wrapper .box-gray { background-color: #ebebeb; padding: 40px; } .xtra-wrapper .box-green { background-color: #00af55; } .xtra-wrapper .box-dark-gray { background-color: #999999; } .xtra-wrapper .box-orange { background-color: #ff9b00; } .xtra-wrapper .align-center { text-align: center; } .xtra-wrapper .error, .xtra-wrapper .input-prompt { font-size: 12px; font-family: AvenirNextLTPro-Medium; } .xtra-wrapper .extra-margin { margin: 30px 0 20px; } .xtra-wrapper .sendtestmail-Wrapper .post-text { font-size: 16px; font-family: AvenirNextLTPro-Medium; color: #999; position: absolute; top: 15px; } .xtra-wrapper .sendtestmail-Wrapper .row .recaptcha-wrapper { margin-top: 40px; } @media screen and (max-width: 939px) { .xtra-wrapper .sendtestmail-Wrapper .row [class*='col-'] { padding: 0; } } @media screen and (max-width: 449px) { .xtra-wrapper .display-wrapper { width: 100%; margin: 0; height: 100vh; overflow: auto; } .xtra-wrapper .display-wrapper .row { margin: 0 -10px; } .xtra-wrapper .display-wrapper .button-wrapper button:last-child { margin-right: 0; } } .verifyModalOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 1050; display: block; padding-right: 15px; } .verifyModalOverlay * { outline: none; -webkit-text-stroke: 0; } .verifyModalOverlay .verifyModal { position: absolute; top: 50%; left: 50%; width: 450px; transform: translate(-50%, -50%) !important; background-color: #fff; overflow: none; webkit-overflow-scrolling: touch; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14); box-sizing: border-box; } .verifyModalOverlay .verifyModal .rectangle { width: 100%; height: 150px; background-color: #5f259f; position: relative; overflow: hidden; } .verifyModalOverlay .verifyModal .rectangle .img-email { width: 100px; height: 100px; object-fit: contain; background-color: #5f259f; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .verifyModalOverlay .verifyModal .rectangle .img-mobile { height: 180px; width: 180px; position: absolute; bottom: -70px; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); } .verifyModalOverlay .verifyModal .content { padding: 30px 40px; overflow: hidden; } .verifyModalOverlay .verifyModal .content .coundown-box { margin: 50px 0 60px; } .verifyModalOverlay .verifyModal .content .button-wrapper.center { text-align: center; margin: 10px auto 25px; } .verifyModalOverlay .verifyModal .content .button-wrapper button { margin-right: 0; } .verifyModalOverlay .verifyModal .content a.active { color: #0096e6; cursor: pointer; } .verifyModalOverlay .verifyModal .content a.disabled { color: #b2b2b2; cursor: not-allowed; } .verifyModalOverlay .verifyModal .content .code-container { padding: 20px 0px; margin: auto; } .verifyModalOverlay .verifyModal .content .code-container .sms-code { text-align: center; /* input:not(: first-child) { margin-left: 18px; } */ } .verifyModalOverlay .verifyModal .content .code-container .sms-code input { font-family: AvenirNextLTPro-Medium; font-size: 38px; font-weight: 500; text-align: center; color: #333333; width: 46px; border: 0px; border-bottom: solid 2px #bdbbbb; display: inline-block; height: auto; margin-left: 18px; } .verifyModalOverlay .verifyModal .content .code-container .sms-code input:focus { border: 0px; border-bottom: solid 4px #5f259f; } .verifyModalOverlay .verifyModal .content .code-container .sms-code input:first-child { margin-left: 0; } .verifyModalOverlay .verifyModal .content h2 { font-family: AvenirNextLTPro-Demi; font-size: 18px; font-weight: 600; text-align: center; color: #333333; padding-bottom: 20px; } .verifyModalOverlay .verifyModal .content p { font-family: AvenirNextLTPro-Medium; font-size: 14px; font-weight: 500; text-align: center; color: #666666; } .verifyModalOverlay .verifyModal .content p.paragraph-block span { display: block; } .verifyModalOverlay .verifyModal .display-wrapper { width: 450px; background-color: #fff; padding: 60px 40px; margin: 73px auto; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14); position: relative; } .verifyModalOverlay .verifyModal .display-wrapper h2 { font-size: 24px; line-height: 30px; font-family: AvenirNextLTPro-Demi; font-weight: 600; color: #5f259f; } .verifyModalOverlay .verifyModal .display-wrapper h3 { font-size: 16px; font-weight: 500; text-align: left; color: #333333; font-family: AvenirNextLTPro-Demi; } .verifyModalOverlay .verifyModal .display-wrapper .Rectangle-2 { width: 100px; height: 4px; background-color: #5f259f; margin: 14px 0px; } .verifyModalOverlay .verifyModal .display-wrapper a { font-family: AvenirNextLTPro-Medium; } .verifyModalOverlay .verifyModal .modal-cross { margin: 0; padding-top: 90px; box-shadow: none; } .verifyModalOverlay .verifyModal .modal-cross .close-modal-cross { position: absolute; right: 40px; top: 40px; } .verifyModalOverlay .verifyModal .modal-cross .account-number-image { margin: 35px 0 20px; } .verifyModalOverlay .verifyModal .modal-cross p { font-family: AvenirNextLTPro-Medium; font-size: 14px; color: #333; font-weight: 500; } .verifyModalOverlay .verifyModal .modal-cross .extra-margin { margin: 40px 0 10px; } .verifyModalOverlay .verifyModal .modal-cross .link-wrapper { margin: 20px 0 15px; padding: 8px 0; } .verifyModalOverlay .verifyModal .recovery-list { margin: 45px 0 0; } .verifyModalOverlay .verifyModal .recovery-list p { margin: 30px 0 50px; } .verifyModalOverlay .verifyModal .recovery-list .recovery-list-item { border-top: 1px solid #bdbbbb; min-height: 80px; display: flex; flex-direction: column; justify-content: center; cursor: pointer; } .verifyModalOverlay .verifyModal .recovery-list .recovery-list-item:last-child { border-bottom: 1px solid #bdbbbb; } .verifyModalOverlay .verifyModal .recovery-list .recovery-list-item .list-item-inner { padding: 15px 0; position: relative; } .verifyModalOverlay .verifyModal .recovery-list .recovery-list-item span { display: block; } .verifyModalOverlay .verifyModal .recovery-list .list-right-img { position: absolute; right: 0; top: 34%; transform: rotate(270deg); } .verifyModalOverlay .verifyModal .recovery-list .list-title { font-family: 'AvenirNextLTPro-Medium'; font-size: 14px; font-weight: 500; text-align: left; color: #333333; } .verifyModalOverlay .verifyModal .recovery-list .list-value { font-family: 'AvenirNextLTPro-Medium'; font-size: 12px; font-weight: 500; text-align: left; color: #6b6c6d; } .verifyModalOverlay .verifyModal .recovery-list .back-link a { font-size: 14px; font-weight: 500; text-align: left; color: #0096e6; text-decoration: underline; } .verifyModalOverlay .verifyModal .recovery-list .password-recovery { margin-top: 60px; } .verifyModalOverlay .verifyModal .recovery-list .button-wrapper { margin: 20px 0 15px; } .verifyModalOverlay .page-error-box { margin: 0px 0 15px; text-align: center; } .verifyModalOverlay .page-error-box .error { font-size: 14px; font-family: AvenirNextLTPro-Medium; font-weight: 500; color: #df1f00; } .verifyModalOverlay .checkbox-wrapper { position: relative; margin-top: 20px; } .verifyModalOverlay .checkbox-wrapper p { padding-left: 30px; } .verifyModalOverlay .popup-accordion { margin-top: 22px; border-top: 1px solid #e8e8e8; padding-top: 20px; } .verifyModalOverlay .popup-accordion .panel-group .panel { border-radius: 0; box-shadow: none; border: 0; } .verifyModalOverlay .popup-accordion .panel-group .panel a { font-size: 14px; font-weight: 500; text-align: left; position: relative; display: block; color: #0096e6; padding-right: 20px; } .verifyModalOverlay .popup-accordion .panel-group .panel a .iconarrow { position: absolute; right: 0; top: 6px; } .verifyModalOverlay .popup-accordion .panel-body { padding: 0; } .verifyModalOverlay.not-eligible .rectangle { height: 200px; } .verifyModalOverlay.not-eligible .rectangle .img-mobile { bottom: 40px; height: 80px; width: 80px; } .verifyModalOverlay.not-eligible .content h2 { font-family: AvenirNextLTPro-Medium; font-weight: 500; padding: 0 0 30px; line-height: 1.4; } @media screen and (max-width: 939px) { .xtramail-account-landing .container-fluid { overflow: hidden; margin-top: 0; } .verifyModalOverlay .verifyModal { height: 100%; overflow-y: scroll; } } @media screen and (max-width: 449px) { .verifyModalOverlay .verifyModal { padding-right: 0; width: 100%; height: 100%; top: 0; left: 0; overflow-y: scroll; transform: none !important; } .verifyModalOverlay .verifyModal .display-wrapper { width: 100%; margin: 0; } .verifyModalOverlay .verifyModal .display-wrapper .row { margin: 0 -10px; } .verifyModalOverlay .verifyModal .display-wrapper .button-wrapper button:last-child { margin-right: 0; } .verifyModalOverlay .verifyModal .display-wrapper .account-number-image { width: 100%; } } .rc-wrap h2 { color: #333; /*padding:0 10px;*/ } .related-content .plans-grid { margin-bottom: 49px; } @media screen and (max-width: 639px) { .rc-block .area-block { max-width: 265px; margin: 30px 7px 0 0; float: left; width: 40vw; } .rc-wrap h2 { padding: 0; } .related-content .plans-grid { margin-bottom: 20px; } } @media screen and (min-width: 640px) { .rc-block .area-block { width: auto; max-width: 370px; float: left; margin: auto; } } .slide-wrap.rc-wrap .slick-prev:nth-child(n), .slide-wrap.rc-wrap .slick-next:nth-child(n) { height: 0; width: 0; font-size: 0; color: trasnparent; line-height: 0; display: none; } .rc-wrap h3 { color: #5f259f; width: 100%; max-width: 250px; } .rc-wrap p { width: 100%; max-width: 250px; } .rc-block .underline { background: #5f259f; } .rc-block .area-block { margin-right: 30px; } .rc-block .area-block:last-child { margin-right: 0; } .rc-block a { text-decoration: underline; /* color: white; */ } .rc-block a:hover, .rc-block a:focus, .rc-block a:active { color: #333333 !important; text-decoration: underline; } .rc-block video { margin-top: 5px; width: 100%; max-width: 230px; } .plans-grid .plan-body { background: inherit !important; } .plans-grid .visible-lg { padding-top: 30px; } .panel-section.related-content { padding-top: 74px; /*margin-bottom: 40px;*/ } .area-block.slick-slide { outline: 0; } .rc-block a:hover, .rc-block a:focus { color: #333333; text-decoration: underline; } .related-content-margin-top { margin-top: 0px !important; } .related-content-padding-top { padding-top: 0px !important; } @media screen and (min-width: 640px) and (max-width: 939px) { .related-content > .rc-wrap .rc-block.row { margin: 0 -10px; } } @media screen and (min-width: 939px) { .plans-grid .plan-family { margin-bottom: 60px; } .plans-grid .plan-family h2 { margin-top: 0; margin-bottom: 0; margin-left: 10px; color: #333; } .plans-grid footer { margin-top: 30px; } } .plans-grid .plan-family p { font-size: 21px; line-height: 26px; margin-bottom: 0; } .plans-grid footer { text-align: center; } @media screen and (max-width: 939px) { .plans-grid .plan-family { margin-top: 0; margin-bottom: 40px; } .plans-grid .plan-family h2 { margin-bottom: 60px; color: #333; } .plans-grid footer { margin-top: 28px; } .slide-wrap .plans-grid .slick-prev:nth-child(n), .slide-wrap .plans-grid .slick-next:nth-child(n) { height: 0; width: 0; font-size: 0; color: trasnparent; line-height: 0; display: none; } .plans-grid .productCard.section { float: left; width: 520px; margin: auto; margin-right: 30px; } .plans-grid .plan-family p { font-size: 16px; } .plans-grid .plan-family h2 { color: #333; margin-bottom: 18px; } } .productGridContainer .plans-grid { /* margin-bottom: 0; */ } @media screen and (max-width: 639px) { .plans-grid .plan-family .prod-ttl h2 { margin: 0; } .plans-grid .plan-family .desc-prod-txt { margin-top: 20px; } } /*Mobile CSS*/ @media screen and (max-width: 639px) { .mobile-plans-info { background: #fff; } .mp-img-box { max-width: 639px; margin: auto; width: 100%; } .mp-img-box img { margin: auto; width: 100% !important; } .mp-device-img { max-width: 639px; } #mobilePlans .img-responsive { height: 265px !important; } .productGrid-underline { display: none !important; } .mp-tile:last-child { border-bottom: none; } .mp-img-cover p { margin-bottom: 1.5% !important; } .mp-img-cover .underline { text-align: left; /* margin:3.5% 0 3.5% 0;*/ } .device-details .device-details-left .slick-prev.slick-arrow::before, .device-details .device-details-left .slick-next.slick-arrow::before { display: block; } .category .mobile-plans-info .mp-tile.tile-box > h3 { margin-bottom: 14px; } .right-arrow-productGrid { display: block; position: absolute; right: 7px; top: 48%; } .mobile-plans-info .mp-tile { position: relative; border-bottom: 1px solid #ccc; width: 100%; } .mp-img-cover { /* top: 45px; left: 45px; */ padding: 30px 0 0 30px; } .no-padding { padding: 0 !important; } } /*Mobile Css Ends*/ /*Tab Css */ @media screen and (min-width: 640px) and (max-width: 939px) { .right-arrow-productGrid { dispaly: none !important; } .productGrid-underline { display: block !important; } .mp-tile:nth-child(2n+1) { background: #fff; } .scroll-sticky { width: 100%; max-width: 439px; } .mp-img-cover { /* top: 45px; left: 45px; */ padding: 45px 0 0 45px; width: 50%; /* max-width: 247px !important; */ } .mp-tile > p { overflow: hidden; display: block; position: relative; } #mobilePlans .img-responsive { height: 365px !important; /* width:365px !important; */ margin-left: 2%; } .mp-tile, .mp-img-box { width: 100%; } .category { margin-left: -10px; margin-right: -12px; } } /*Tab css Ends*/ /*medium screen Css */ @media screen and (min-width: 940px) and (max-width: 1199px) { .mp-img-cover { /* left: 70px; top: 155px; */ padding: 150px 0 0 70px; } .right-arrow-productGrid { dispaly: none; } .productGrid-underline { display: block !important; } .scroll-sticky img { max-width: 49%; } .featureImage-div { height: 540px; width: 460px; } .mp-tile { width: 47%; } .mp-tile:nth-child(1), .mp-tile:nth-child(4), .mp-tile:nth-child(5), .mp-tile:nth-child(8), .mp-tile:nth-child(9), .mp-tile:nth-child(12), .mp-tile:nth-child(13), .mp-tile:nth-child(16), .mp-tile:nth-child(17), .mp-tile:nth-child(20), .mp-tile:nth-child(21), .mp-tile:nth-child(24) { background: #fff; } .mp-tile:nth-child(10n) { background: none; } } /*medium screen ends */ /*large screen starts*/ @media screen and (min-width: 1200px) { .featureImage-div { width: 570px; height: 540px; } .mp-tile { width: 47.8%; } .mp-img-cover { /* top: 155px; left: 70px; */ padding: 150px 0 0 70px; } .mp-tile:nth-child(1), .mp-tile:nth-child(4), .mp-tile:nth-child(5), .mp-tile:nth-child(8), .mp-tile:nth-child(9), .mp-tile:nth-child(12), .mp-tile:nth-child(13), .mp-tile:nth-child(16), .mp-tile:nth-child(17), .mp-tile:nth-child(20), .mp-tile:nth-child(21), .mp-tile:nth-child(24) { background: #fff; } .mp-tile:nth-child(10n) { background: none; } } /* large screen ends */ .right-arrow-productGrid { display: none; } .mp-tile:hover { cursor: pointer; } .scroll-sticky { position: fixed; top: 0; } .mp-img-cover { position: absolute; color: #fff; /* max-width: 275px; */ width: 95%; } .mp-img-cover h2 { margin-top: 0; width: 200px; } .mp-img-cover p { margin-bottom: 25px; } .mp-img-cover .underline { width: 135px; background: #fff; } .mp-tile { padding: 5px 30px 40px 40px; float: left; } .mp-tile:nth-child(2n+1) { margin-right: 24px; } .category-mp-wrap { margin-top: 10px; } .mp-tile.tile-box > hr { float: left !important; } .mp-tile.tile-box > p { clear: both !important; word-wrap: break-word; } .mp-img-cover.txt-inverse > a, .mp-tile.tile-box > a { text-decoration: underline !important; } .mp-img-cover .underline { text-align: left; } .category .mobile-plans-info .mp-tile.tile-box > h3 { margin-top: 22px; clear: both; word-wrap: break-word; } #mobilePlans .img-responsive { height: 540px; width: 570px; } #mobilePlans .featureImage-div .img-responsive { width: 100%; } .mp-tile.tile-box > a:hover { color: #333; } .mp-img-cover.txt-inverse > a:hover, .mp-img-cover.txt-inverse > a:focus { color: #ffffff; text-decoration: underline; } @media screen and (min-width: 320px) and (max-width: 359px) { .mp-img-cover { width: 82%; } #mobilePlans .img-responsive { min-height: 265px !important; height: auto !important; } } .plans-grid { /*margin-bottom: 30px;*/ } .plans-grid .plan-title .plan-price { font-size: 21px; display: inline-block; } .plans-grid .plan-title .plan-price.large-font { font-size: 76px; line-height: 76px; display: inline-block; } .plans-grid .plan-wrap { background: #fff; padding-bottom: 40px; margin-bottom: 30px; } .plans-grid .plan-title { color: #5f259f; font-size: 24px; margin-top: 50px; margin-bottom: 10px; } .plans-grid .plan-title h3 { margin-bottom: 7px; color: #5f259f; } .plans-grid .plan-title .plan-price-group { margin-top: 0; margin-bottom: 54px; min-height: 76px; } .plans-grid .plan-title .plan-price.small-font { font-size: 21px; line-height: 40px; display: inline-block; } .plans-grid .plan-feature { margin: 64px 0 40px 0; padding: 0; list-style-type: none; } .plans-grid .plan-feature li { padding-bottom: 15px; padding-top: 12px; border-bottom: 1px solid #e8e8e8; color: #666666; } .plans-grid .plan-feature li:first-child { border-top: 1px solid #e8e8e8; } .plans-grid .plan-action { padding-top: 17px; padding-bottom: 17px; display: block; width: 100%; line-height: 18px; text-align: center; } .plans-grid .plan-action span { position: relative; /* padding-right: 22px; */ font-size: 18px; } .plans-grid footer { text-align: center; } .plans-grid .wd-50 .plan-wrap { margin: 0 auto 30px; } /* Start Plans Grid style */ @media screen and (min-width: 640px) { .plans-grid .plan-wrap { padding: 0 55px 40px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .plan-fluid { float: left; width: 50%; } .plan-fluid.title-section { float: left; margin-right: 5%; width: 45%; } .plans-grid .plan-wrap { width: 80vw; position: relative !important; } .plans-grid fieldset, .plans-grid button { width: 100%; /*max-width: 235px;*/ } .plans-grid .plan-wrap { padding-bottom: 50px; margin-bottom: 0; } .plans-gallery .productCard .plan-wrap { margin-top: 35px; } } @media screen and (min-width: 940px) { .plans-grid .plan-wrap { max-width: 370px; } .plans-grid .plan-body { background: white; } } /* End Plans Grid style */ @media screen and (max-width: 639px) { .plans-grid .plan-wrap { margin-right: 0; margin-bottom: 0; } .plans-grid fieldset { margin: 0 39px; } .plans-grid button { margin: 0; } .plans-grid .plan-wrap:last-child { margin-right: 30px; } .plans-grid .plan-wrap { padding-bottom: 0; width: 80vw; margin-right: 14px !important; } .plans-grid fieldset { margin: 0 45px; } .plans-grid .plan-title { margin-top: 60px; } .plans-grid .plan-feature { margin: 40px 0; } .plans-grid .plan-title .plan-price { font-size: 68px !important; line-height: 68px; display: inline-block; } .plans-grid .plan-title .plan-price.small-font { font-size: 21px !important; line-height: 21px; display: inline-block; } .plans-grid .plan-title .plan-price-group { margin-bottom: 40px; min-height: auto; } .plans-grid .plan-wrap { margin-bottom: 30px !important; } } @media screen and (max-width: 939px) { .plans-grid .plan-wrap { float: left; margin-right: 30px; } .plans-grid .plan-title .plan-price.large-font { font-size: 68px; line-height: 68px; display: inline-block; } .plans-grid .plan-action span { font-size: 16px; vertical-align: middle; } .plans-grid .plan-title .plan-price.large-font { font-size: 68px !important; line-height: 68px; display: inline-block; } .plans-grid .plan-title .plan-price.small-font { font-size: 21px !important; line-height: 21px; display: inline-block; } } .plan-wrap .plan-fluid .btn-secondary:hover { color: #007CBD !important; } fieldset p b { font-family: "AvenirNextLTPro-Bold"; } .product-feature-header .feature-title { margin-bottom: 16px; width: 100%; } @media only screen and (min-width: 940px) { .product-feature-header .feature-title { margin-bottom: 24px; } } .product-feature-header .feature-description { margin-bottom: 72px; width: 100%; } @media only screen and (min-width: 640px) { .product-feature-header .feature-description { margin-bottom: 32px; } } @media only screen and (min-width: 940px) { .product-feature-header .feature-description { margin-bottom: 40px; } } .product-features { margin: 20px 0; display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; } .product-features .feature-block { width: 100%; margin-bottom: 64px; position: relative; } .product-features .feature-block .caption { color: #999999; font-size: 12px; } .product-features .feature-block .description { width: 100%; } .product-features .feature-block .description a { text-decoration: underline; color: #0096e6; } .product-features .feature-block .read-more { color: #0096e6; text-decoration: underline; } .product-features .feature-block .read-more:hover { text-decoration: none; } .product-features .feature-block .underline { margin-top: 0; margin-bottom: 24px; display: none; } .product-features .feature-block h3 { margin-bottom: 16px; } .product-features .feature-block .feature-icon-size { position: absolute; left: -40px; } .product-features .feature-block .feature-icon-size i { font-size: 32px; } .product-features .feature-block .feature-image-video { margin-bottom: 16px; position: relative; height: 157px; overflow: hidden; } .product-features .feature-block .feature-image-video .feature-video-play { background: #0096e6; border-radius: 50%; position: absolute; z-index: 99; cursor: pointer; border-radius: 50%; color: #fff; text-align: center; max-width: 56px; max-height: 56px; width: 21%; height: 38%; left: 44%; top: 37%; } .product-features .feature-block .feature-image-video .feature-video-play i { padding-top: 21%; font-size: 31px; padding-left: 10%; display: block; } .product-features .feature-block .feature-image-video img { width: 100%; overflow: hidden; } .product-features .feature-block .feature-image-video .feature-video-placeholder { top: 0; padding-bottom: 56.25%; padding-top: 0; position: absolute; height: 0; z-index: 100; width: 100%; left: 0; } .product-features .feature-block .feature-image-video .feature-video-placeholder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 157px; } .product-features .feature-block.selected-icon { margin-left: 40px; } @media only screen and (min-width: 640px) { .product-features .feature-block { width: 49%; margin-right: 2%; margin-left: 0; } .product-features .feature-block:nth-child(even) { margin-right: 0%; } .product-features .feature-block .feature-icon-size { position: relative; left: 0; margin-bottom: 8px; } .product-features .feature-block .feature-icon-size i { font-size: 48px; } .product-features .feature-block .underline { display: block; } .product-features .feature-block .feature-image-video { margin-bottom: 24px; height: 187px; } .product-features .feature-block .feature-image-video .feature-video-placeholder iframe { height: 187px; } .product-features .feature-block.selected-icon { margin-left: 0px; } } @media only screen and (min-width: 940px) { .product-features .feature-block { width: 32%; margin-right: 2%; } .product-features .feature-block:nth-child(even) { margin-right: 2%; } .product-features .feature-block:nth-child(3) { margin-right: 0%; } .product-features .feature-block:nth-child(3n+3) { margin-right: 0%; } .product-features .feature-block .feature-image-video { margin-bottom: 32px; height: 210px; } .product-features .feature-block .feature-image-video .feature-video-placeholder iframe { height: 210px; } .product-features .feature-block .description { width: 85%; } .product-features .feature-block .feature-icon-size { margin-bottom: 16px; } .product-features .feature-block .feature-icon-size i { font-size: 64px; } .product-features.two-columns .feature-block { width: 49%; margin-right: 2%; } .product-features.two-columns .feature-block .feature-image-video { height: 322px; } .product-features.two-columns .feature-block .feature-image-video .feature-video-placeholder iframe { height: 322px; } .product-features.two-columns .feature-block:nth-child(even) { margin-right: 0%; } } /* Features slider block */ @media screen and (min-width: 940px) { .slick-prev::before, .slick-next::before { display: block; } .slide-wrap .slick-prev { left: 43%; } .slide-wrap .slick-next { left: 55.6%; } .area-block h3 { width: 250px; } .area-block p { width: 250px; font-size: 16px; } .slider2 .area-block h3 { width: 285px; } .slider2 .area-block p { width: 255px; } .gallery .area-block { padding: 0; width: 390px; } .gallery.slider2 .area-block { width: 291px; padding: 0; text-align: left; } } .extras-gallery .area-block > a, .gallery .area-block > a { text-decoration: underline; } .extras { color: #333; margin-bottom: 40px; } .gallery .area-block { float: left; margin: 0 2px 0 0; padding-right: 35px; /* HB */ } .area-block h3 { margin: 11px 0 7px 0; /* HB */ word-wrap: break-word; /* HB */ } .area-block p { color: #666666; line-height: 1.4; clear: both; } .gallery .area-block .feature-icon { display: block; padding: 7% 6%; font-size: 50px; } .gallery .carousel-indicators { bottom: -5px; } .gallery .underline { height: 5px; width: 106px; margin: 16px 0 23px 0; border: 0; float: left; } .product-feature-section .underline { margin-top: 13px !important; } .product-feature-section p { color: #666666 !important; } .gallery .first { color: #6C3483; } .gallery .second { color: #FF1493; } .gallery .third { color: #3498DB; } .gallery .first .underline { background: #6C3483; } .gallery .second .underline { background: #FF1493; } .gallery .third .underline { background: #3498DB; } .area-block > span { display: block; width: 100%; height: 56px; } .area-block .ico1 { width: 73px; height: 39px; display: inline-block; background: url("../../../apps/sparkdigital/components/content/product-feature/clientlib/img/wifi.png") no-repeat 50% 50%; background-size: cover; } .area-block .ico2 { width: 51px; height: 51px; display: inline-block; background: url("../sparkdigital/clientlib-site/img/clock.png") no-repeat 50% 50%; background-size: cover; } .area-block .ico3 { width: 32px; height: 55px; display: inline-block; background: url("../sparkdigital/clientlib-site/img/device.png") no-repeat 50% 50%; background-size: cover; } .gallery .carousel-indicators .active { background: #FF1493; border: 0; } .gallery .carousel-indicators li { background: #3498DB; border: 0; } .slide-wrap .slick-dots li { position: relative; height: 18px; width: 10px; margin-right: 0; top: 8px; } .slide-wrap .slick-dots li.slick-active { width: 12px; top: 5px; margin-right: 3px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .slide-wrap .slick-dots li { top: 2px; } .slide-wrap .slick-dots li.slick-active { top: 2px; } } .slick-dots li button[type=button] { background: #0096e6; border-radius: 3px; width: 3px; height: 3px; padding: 3px; } .slick-dots li button[type=button]::before { font-size: 0; } .slick-dots li.slick-active button[type=button] { background: #ff1493; height: 12px; width: 12px; border-radius: 12px; } .slick-dots li.slick-active button[type=button]::before { line-height: 5px; } .slick-prev:hover::before, .slick-prev:focus::before { opacity: 1; } .slick-next:hover::before, .slick-next:focus::before { opacity: 1; } /* .slide-wrap .slick-prev::before{ content: ''; }*/ .slide-wrap .slick-prev { /*background: url('../sparkdigital/clientlib-site/img/slider-ar-lt-active.png') no-repeat;*/ } .slide-wrap .slick-active { /*top: -2px;*/ } .slide-wrap .slick-dots { bottom: -24px; margin: 0 auto; position: relative; width: 130px; } .slide-wrap .slick-next { /*background: url('../sparkdigital/clientlib-site/img/slider-ar-rt.png') no-repeat;*/ } .slide-wrap .slick-prev, .slide-wrap .slick-next { display: block; cursor: pointer; width: 17px; height: 28px; bottom: -15px; top: auto; z-index: 998; } /* .slide-wrap .slick-next::before{ content: ''; }*/ .slick-dotted.slick-slider { padding-bottom: 25px; } .product-feature .slick-dotted.slick-slider { margin-bottom: 0; } .area-block span i.ico1 img { width: 73px; height: 39px; display: inline-block; background-size: cover; } /* HB */ @media screen and (min-width: 940px) and (max-width: 980px) { .gallery .area-block { width: 300px; } } @media screen and (min-width: 981px) and (max-width: 1080px) { .gallery .area-block { width: 335px; } } .featureiconsize { font-size: 70px; margin-bottom: 25px; } @media screen and (max-width: 639px) { .gallery .area-block { /*width: 400px; */ width: 73vw; /* HB */ padding: 0; text-align: left; margin: 30px 0.4% 0 0; /* HB */ } .gallery .carousel-indicators { bottom: -60px; } .slide-wrap .slick-dots { display: none; font-size: 0; color: transparent; line-height: 0; padding: 0; margin: 0; width: 0; height: 0; position: static; background-image: none; } .slide-wrap .slick-dots li button { display: none; font-size: 0; color: transparent; line-height: 0; padding: 0; margin: 0; width: 0; height: 0; position: static; background-image: none; } .slide-wrap .slick-prev:nth-child(n), .slide-wrap .slick-next:nth-child(n) { display: none; font-size: 0; color: transparent; line-height: 0; padding: 0; margin: 0; width: 0; height: 0; position: static; background-image: none; } .area-block h3 { width: 100%; } .area-block p { width: 82%; font-size: 14px; } .related-content .area-block { margin-top: 0; } .slick-dotted.slick-slider { padding-bottom: 0; } .product-feature .slick-dotted.slick-slider { padding-bottom: 0; } .product-feature .slick-prev.slick-arrow, .product-feature .slick-next.slick-arrow { display: none !important; } .slick-dotted.slick-slider { padding-bottom: 0; } } @media screen and (min-width: 640px) and (max-width: 939px) { .gallery .area-block { /*width: 340px; padding: 0 0.4% 0 0.4%; HB*/ width: 39vw; padding: 0 0.2% 0 0%; margin-top: 0; } .slide-wrap .slick-prev { left: 41.5%; } .slide-wrap .slick-next { left: 56%; } .plans-grid .plan-feature { margin-top: 50px; } .slick-prev::before, .slick-next::before { display: block; } .slide-wrap .slick-prev { left: 35.5%; } .slide-wrap .slick-next { left: 62%; } } .pattern-tabbed-panel { padding-top: 40px; background-color: white; } .pattern-cards-list { padding: 0; list-style-type: none; } .pattern-cards-list a { text-decoration: none; color: #666; font-weight: bold; word-wrap: break-word; } .pattern-fixed-navigation { top: 10px; } .pattern-tab-section { padding-bottom: 50px; border-bottom: solid 1px #b2b2b2; margin-bottom: 30px; word-wrap: break-word; overflow-x: hidden; } .pattern-tab-section button { padding: 15px; height: 40px; } .pattern-tab-section button .icon-search { margin-top: -4px; font-size: 20px; display: block; float: left; margin-left: 0; } .pattern-tab-section button .btn-text { display: block; margin-top: -6px; float: left; margin-left: 12px; } .pattern-tab-section h2 { margin-bottom: 30px; } .pattern-cards-list li a:focus, .pattern-cards-list li a:hover { color: #666; } .pattern-cards-list li:hover { color: #5f259f; } .pattern-cards-list li.fixed-nav-active a { color: #5f259f; } .pattern-cards-list li.fixed-nav-active a:focus { color: #5f259f; } .pattern-scroll { position: fixed; } @media screen and (max-width: 959px) { .pattern-tabbed-panel { padding-top: 0; margin-top: -20px; } .pattern-hero-wrapper.comp-bottom-spacing { margin-bottom: 0 !important; } .pattern-fixed-navigation nav { width: 100vw; position: relative; margin: 0 0 30px -15px; border-bottom: 1px solid #e8e8e8; } .pattern-cards-list { margin-bottom: 0; background: #fff; } .pattern-cards-list li { margin-left: 0; display: inline-block; padding-right: 3px; float: left; padding-top: 37px; padding-bottom: 37px; } .pattern-cards-list li a { padding-left: 15px; padding-right: 15px; padding-top: 32px; -webkit-transition: .5s all ease-out; -moz-transition: .5s all ease-out; transition: .5s all ease-out; border-top: 5px solid #fff; outline: none; } .pattern-cards-list li.fixed-nav-active a { border-top: 5px solid #5f259f; } .pattern-fixed-navigation { top: 0; } } @media screen and (max-width: 1169px) { .pattern-scroll { z-index: 1; } .pattern-scroll ul li { background: #fff; } } #coverage-map { position: relative; width: 100%; height: 583px; } #coverage-map .custom-map-container { display: block !important; } #coverage-map .custom-map-toolbar-table { display: none; } #coverage-map > #wivolo-map-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #coverage-map > #wivolo-search { float: none; height: 48px; width: auto; box-sizing: border-box; display: flex; top: 16px; margin: 8px; } #coverage-map > #wivolo-search > #wivolo-search-input { width: 338px; height: 100%; flex: 1; margin: 0; font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 14px; border: none; background-color: white; border-radius: 25px 0 0 25px; padding-left: 16px; border: 1px solid #e9e9e9; } #coverage-map > #wivolo-search > #wivolo-search-btn { width: 92px; height: 100%; margin: 0; background: #0388cb; color: white; top: 0; left: 0; cursor: default; font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 14px; border-radius: 0 25px 25px 0; } #coverage-map #coverage-map-options { background-color: white; position: absolute; bottom: 0; padding: 24px; display: none; right: 0; left: 0; margin: 8px 8px 32px 8px; box-sizing: border-box; border: 1px solid #e9e9e9; } #coverage-map #wivolo-legend { top: 0; left: 0; position: relative; } #coverage-map h5 { margin-block-end: 14px; } #coverage-map .wivolo-layer > span { display: none; } #coverage-map .wivolo-layer > input[type="radio"] { appearance: none; display: none; } #coverage-map #wivolo-layers { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 32px; } #coverage-map #wivolo-layers div.wivolo-layer-first { margin: 0; } #coverage-map #wivolo-layers div.wivolo-layer { margin: 0; box-sizing: border-box; width: calc(1 / 3 * 100% - (1 - 1 / 3) * 10px); height: 32px; margin: 10px 10px 0 0; outline: 1px solid #5f259f; } #coverage-map #wivolo-layers div.wivolo-layer:nth-child(3n) { margin-right: 0; } #coverage-map #wivolo-layers::after { content: ""; flex: auto; } #coverage-map #wivolo-layers label { font-family: "AvenirNextLTPro-Medium", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; margin-top: 0; } #coverage-map #wivolo-layers input[type="radio"]:checked + label { background-color: #5f259f; color: white; } #coverage-map .wivolo-legend-item { font-size: 14px; display: inline-block; margin-bottom: 4px; margin-top: 4px; } #coverage-map .wivolo-legend-item span img { margin-top: -4px; } #coverage-map .wivolo-legend-item img { max-height: 18px; } #coverage-map #wivolo-pdf-form { display: none; } .custom-map-container { top: 60px !important; } .custom-map-button .custom-map-button-table-c { background: #fff !important; border: 1px solid purple; padding: 10px 0; text-align: center; } .custom-map-button-selected .custom-map-button-table-c { background: #dfd3ec !important; border: 1px solid purple; padding: 10px 0; text-align: center; } .custom-map-button-mapType > tbody > tr > td { background: none !important; } @media only screen and (min-width: 640px) { .custom-map-container { top: 0px !important; } #coverage-map > #wivolo-search { top: 32px; margin: 32px 0 32px 32px; width: 430px; } #coverage-map #coverage-map-options { margin: 32px 0 32px 32px; width: 430px; } } .needs-rel-content .needs-rel-content-article-title { padding: 55px; } .needs-rel-content .needs-rel-content-gallery .needs-rel-content-column { background: #fff; } .needs-rel-content .needs-rel-content-gallery .tag-top-space { margin-top: 15px; margin-bottom: 70px; } .needs-rel-content .needs-rel-content-data { background: #fff; padding: 0; min-height: 340px; } .needs-rel-content .needs-rel-content-article-title label a { text-decoration: none; border-bottom: 1px solid #666; } .needs-rel-content .needs-rel-content-article-title a { color: #666; font-weight: normal; } .needs-rel-content .needs-rel-content-article-title label { color: #666; font-weight: normal; } .needs-rel-content .needs-rel-content-article-title label a:hover, .needs-rel-content .needs-rel-content-article-title label a:focus { text-decoration: none; color: #333; border-bottom: 1px solid #333; } .needs-rel-content .needs-rel-content-article-title a { text-decoration: none; font-family: 'AvenirNextLTPro-Demi'; } .needs-rel-content .needs-rel-content-article-title fieldset { min-height: 185px; } .needs-rel-content .needs-rel-content-media img { height: 213px; } .needs-rel-content .needs-rel-content-media .object-fit_fill { object-fit: fill; width: 100%; } @media screen and (max-width: 639px) { .needs-rel-content .needs-rel-content-gallery .tag-top-space { margin-top: 35px; margin-bottom: 100px; } .needs-rel-content .needs-rel-content-media { max-height: 294px; max-width: 520px; } .needs-rel-content .needs-rel-content-data { margin: 0; width: 100%; } .needs-rel-content .needs-rel-content-media img { height: 100%; max-height: 240px; width: 100%; } .needs-rel-content .needs-rel-content-article-title { height: auto; /* max-width: 400px; */ width: 100%; padding-bottom: 35px; padding-top: 30px; padding-left: 15px; padding-right: 15px; } .needs-rel-content .needs-rel-content-article-title .content-inner-title1 { line-height: 1.25em; } .needs-rel-content .needs-rel-content-article-title .content-inner-title1 a { line-height: 1.25em; } .needs-rel-content .needs-rel-content-column { margin-right: 0px; width: 81.5vw; } .needs-rel-content .needs-rel-content-panel { /* margin-top: 35px; */ } .needs-rel-content .needs-rel-content-inner { overflow-x: hidden; } .needs-rel-content .needs-rel-content-gallery .needs-rel-content-column { margin-left: 8px; margin-right: 8px; } .needs-rel-content .needs-rel-content-gallery .slick-prev:before { content: "\e053"; color: #0096e6; font-family: "spark-icon-family"; } .needs-rel-content .needs-rel-content-gallery .slick-next:before { content: "\e054"; color: #0096e6; font-family: "spark-icon-family"; } .needs-rel-content .needs-rel-content-gallery .slick-prev::before, .needs-rel-content .needs-rel-content-gallery .slick-next::before { display: block; } .needs-rel-content-gallery .slick-prev { left: 35% !important; } .needs-rel-content-gallery .slick-next { left: 60% !important; } .needs-rel-content-panel .slick-dots { top: 30px !important; } } @media screen and (min-width: 640px) { .needs-rel-content .needs-rel-content-data { background: #fff; padding: 0; } .needs-rel-content .needs-rel-content-article-title label a { font-size: 14px; } .needs-rel-content .needs-rel-content-panel { /* margin-top: 55px; */ } .needs-rel-content .needs-rel-content-media { width: 100%; max-height: 213px; } } @media screen and (max-width: 939px) { .needs-rel-content .needs-rel-content-article-title { max-width: 550px; width: 100%; padding: 40px 30px; } .needs-rel-content .needs-rel-content-gallery .tag-top-space { margin-top: 15px; margin-bottom: 65px; } .needs-rel-content .needs-rel-content-gallery .slick-prev:before { content: "\e053"; color: #0096e6; font-family: "spark-icon-family"; } .needs-rel-content .needs-rel-content-gallery .slick-next:before { content: "\e054"; color: #0096e6; font-family: "spark-icon-family"; } .needs-rel-content .needs-rel-content-gallery .slick-prev::before { display: block; } .needs-rel-content-gallery .slick-next::before { display: block; } } @media screen and (min-width: 940px) { .needs-rel-content-media { max-width: 573px; max-height: 265px; } .needs-rel-content-media img { height: 265px; } .needs-rel-content-media .object-fit_fill { object-fit: fill; width: 100%; } .needs-rel-content-gallery .slick-prev:before { content: "\e053"; color: #0096e6; font-family: "spark-icon-family"; } .needs-rel-content-gallery .slick-next:before { content: "\e054"; color: #0096e6; font-family: "spark-icon-family"; } } .needs-rel-content-gallery .slick-prev:before { content: "\e053"; color: #0096e6; font-family: "spark-icon-family"; } .needs-rel-content-gallery .slick-next:before { content: "\e054"; color: #0096e6; font-family: "spark-icon-family"; } .needs-rel-content-gallery .slick-dots li.slick-active button[type="button"] { margin-top: -3px; margin-left: -3px; } .needs-rel-content-gallery .slick-dots li button[type=button] { background: #0096e6; border-radius: 3px; width: 3px; height: 3px; padding: 3px; } .needs-rel-content-gallery .slick-dots li.slick-active button[type=button] { background: #ff1493; height: 12px; width: 12px; border-radius: 12px; } .needs-rel-content-gallery .slick-dots li.slick-active button[type=button]::before { line-height: 5px; } .needs-rel-content-gallery .slick-prev, .needs-rel-content-gallery .slick-next { bottom: -20px; top: inherit; } .needs-rel-content-gallery .slick-prev { left: 39%; } .needs-rel-content-gallery .slick-next { left: 56%; } .needs-rel-content-gallery .slick-arrow { bottom: -30px; height: 28px; } .needs-rel-content-gallery .slick-arrow:before { bottom: -30px; height: 28px; } /* .needs-rel-content-gallery .slick-dots { position: relative; bottom: -10px; width: 95px; left: auto; right: auto; margin: auto; height: 25px; } */ .needs-rel-content-panel .slick-dots { width: 78px; position: relative; top: 53px; left: auto; right: auto; margin: auto; z-index: 101; cursor: pointer; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .needs-rel-content-panel .slick-dots { top: 44px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: none) { .needs-rel-content-panel .slick-dots { top: 44px; } } .needs-rel-content-gallery .slick-prev, .needs-rel-content-gallery .slick-next { z-index: 101; cursor: pointer; position: absolute; } .needs-rel-content-gallery .slick-dots li { width: 9px; height: 22px; } @media screen and (min-width: 640px) and (max-width: 939px) { .needs-rel-content-gallery .slick-prev { left: 34%; } .needs-rel-content-gallery .slick-next { left: 60%; } } .needs-guide h2 { width: 100%; max-width: 500px; } .needs-guide h3 { color: #6c3483; margin-top: 0; } .needs-guide-block { padding: 45px 50px 50px; margin-bottom: 30px; } .needs-guide-head .underline { background: #6c3483; } .needs-guide-head a { color: #333333; text-decoration: underline !important; } .needs-guide li { list-style-type: none; } .needs-guide-list { padding: 0; margin-top: 35px; border-top: 1px solid #e8e8e8; } .needs-guide-list li { padding: 15px 40px 15px 0; border-bottom: 1px solid #e8e8e8; background: url("../sparkdigital/clientlib-site/img/arrow-rt.png") no-repeat center right; cursor: pointer; } .needs-guide-list li span { color: #333333; } .needs-guide-list li span.icon-arrow-right { /*color: #666; position: absolute; right: 0; top: 42%;*/ } .needs-guide-list li:first-child { /*border-top: 1px solid #666;*/ } .needs-guide-list p { padding-top: 25px; color: #666666 !important; } .panel-bg { background: white; } .needs-guide-gallery-t .needs-guide-block { width: 300px; float: left; margin-right: 30px; } .block-top.needs-guide-head > p { padding-right: 40px; } @media (max-width: 639px) { /*.needs-guide-gallery-t .needs-guide-block{ max-width:400px; float:left; margin-left : -15px; }*/ .needs-guide-gallery-t .needs-guide-block { float: left; margin-right: 10px; width: 80vw; } } .needs-guide-head a:hover, .needs-guide-list li span:hover { /*color:#007CBD !important;*/ } .custom-nav-scroll { box-shadow: 1px 1px 3px #ccc; /*z-index:999;*/ min-height: 90px; } .custom-nav-scroll .navbar-collapse.collapse { display: block !important; } #listblocks { width: 100vw; /* width:1169px; */ } [id^="section"] { /*padding-top:130px;*/ } .custom-nav-scroll .navbar-nav.navbar-right:last-child { margin-right: -15px !important; } .custom-nav-scroll .navbar-right { float: right !important; } .custom-nav-scroll .nav li { border-top: 5px solid; border-color: #fff; text-align: right; float: left; display: table; } .custom-nav-scroll .navbar-nav > li > a { padding-top: 35px; padding-bottom: 35px; } .custom-nav-scroll .nav li.active, .custom-nav-scroll .nav li a { background: #fcfcfc !important; outline: 0; } .custom-nav-scroll .nav li.active a { /* color:#ff9b00; */ background: none; box-shadow: none; } li.oranger-border { /* border-color:#ff9b00 !important; Orange color */ } .custom-nav-scroll .nav li a:hover { /* border-color:red; */ } .custom-nav-scroll .navbar-nav { margin: 0; } .custom-nav-scroll .nav li a:last-child { /*padding-right:50px;*/ /*130px to 50px*/ text-align: center; /**/ } .fix-custom-menu { position: fixed; top: 0; z-index: 999; /* width:100%; */ border: 0; } @media (max-width: 939px) { .custom-nav-scroll .nav li a:last-child { /* padding-right:20px; */ } } @media (max-width: 639px) { .custom-nav-scroll .nav li { padding: 35px 50px; max-width: 380px; min-width: 150px; } .custom-nav-scroll .nav li a:last-child { padding-right: 0; } .custom-nav-scroll .slick-track li:last-child { padding-right: 100px; } /* .slide-scroll-nav .slick-list .slick-track{ max-width:639px !important; } */ } @media (max-width: 540px) { .custom-nav-scroll .nav li { padding: 35px 30px; /* max-width:380px; min-width:150px; */ } } @media (max-width: 440px) { .custom-nav-scroll .nav li { padding: 35px 28px; /* max-width:380px; min-width:150px; */ } } @media (max-width: 350px) { .custom-nav-scroll .nav li { /* padding:35px 5px; */ /* max-width:380px; min-width:130px; */ } } #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 { padding-top: 50px; } .need-p { margin-bottom: 80px; } .need-p h5 { color: #666; font-size: 21px; margin: 0; } .need-p .navbar { margin-bottom: 0; border: 0 none; } .tb-1.tb-1-width, .tb-2.tb-2-width, .tb-3.tb-3-width, .tb-4.tb-4-width { /*width: 45.5%;*/ } /* testing only */ /* #listblocks { width: 100vw; } .custom-nav-scroll .nav li { width: 24% !important; } .needs-product .need-cont-padtop { background: #fff none repeat scroll 0 0; width: 100%; } */ @media (min-width: 1200px) { .tb-1, .tb-2, .tb-3, .tb-4 { overflow: hidden; width: 573px; } } @media screen and (min-width: 940px) and (max-width: 1199px) { .tb-1, .tb-2, .tb-3, .tb-4 { overflow: hidden; /*width:460px;*/ } .sticky-interaction-fixed { width: 45.5%; } } @media screen and (min-width: 640px) and (max-width: 939px) { .tb-1, .tb-2, .tb-3, .tb-4 { overflow: hidden; /*width:290px;*/ } .sticky-interaction-fixed { width: 45.5%; } } .needs-product .need-security .home-tile { position: relative; width: 100%; } .needs-product .need-security .home-tile img { width: 100%; height: 100%; } .needs-product .panel-home { background: #fff; margin-bottom: 50px; } .needs-product .need-security { padding-bottom: 100px; } .needs-product .need-security .title-img { position: absolute; bottom: 20px; left: 25px; /* z-index: 999; */ } .needs-product .need-right-content a { color: #666666; /*6f6f72 changed to 666666*/ text-decoration: none; } .needs-product .need-security span { color: #fff; text-transform: uppercase; } .needs-product .need-security h3 { color: #fff; } .needs-product .need-security-whitetext { padding-left: 35px; padding-right: 35px; padding-top: 40px; } .needs-product .need-security .underline { background: #fff; margin-top: 20px; width: 120px; text-align: left; } .needs-product .need-heading .need-title-text { padding-left: 55px; padding-right: 55px; padding-top: 60px; } .needs-product .need-heading .underline { margin-top: 25px; width: 114px; height: 4px; } .needs-product .need-heading .need-right-content { padding: 0 55px 55px 55px; } /*need-security-start*/ .need-right-content > p { margin-bottom: 38px; margin-top: 32px; } /* start of highlighting hyperlink in the product grid description */ .need-heading .need-right-content p a { text-decoration: underline; } .need-heading .need-right-content p a:hover { color: #23527c; } /* End of highlighting hyperlink in the product grid description */ .needs-product .need-right-content .need-heading-borderbot { border-bottom: 1px solid #ccc; padding-bottom: 28px; margin-bottom: 30px; } .needs-product .need-product-content .need-flaot-left { float: left; width: 90%; } .needs-product .need-cont-padtop { padding-top: 35px; float: left; width: 99.8%; word-wrap: break-word; } .needs-product .home-tile-content { padding: 50px; } .needs-product .need-product-content .need-content-padtop { padding-top: 25px; width: 90%; } .needs-product .need-heading { background: #fff; padding-bottom: 70px; margin-bottom: 40px; } .needs-product .need-padding-leftzero { padding-left: 0 !important; padding-right: 0 !important; } .needs-product .text-default { color: #333; } .needs-product .text-default:hover { cursor: pointer; text-decoration: none; } .needs-product .need-right-content a:focus span { cursor: pointer; text-decoration: none; } .needs-product .need-float-right { float: right; } /*need-security- end*/ /* Textover-img*/ /*need-security*/ .need-content-padtop .icon-arrow-right { float: right; } .need-content-padtop .icon-arrow-right:before { content: "\e054"; } .needs-boldtex { font-size: 21px; } .needs-boldtex h3 p { color: #666666; font-size: 23px; } /* @media screen and (min-width:940px) { .need-security .home-tile img{ max-width: 570px; } } */ @media screen and (max-width: 1200px) { .needs-product .need-security .home-tile { height: 220px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .needs-product .need-cont-padtop { padding-top: 4%; float: left; width: 99%; word-wrap: break-word; } .needs-product .need-security .home-tile { height: 225px !important; } } @media screen and (max-width: 939px) { /* .need-security .home-tile img{ max-width: 364px; } */ .panel-home .home-tile img { height: 170px; } .need-right-content { padding: 0 30px 30px 30px; } .need-security .title-img { position: absolute; bottom: 16px; left: 30px; /* z-index: 999; */ } .needs-product .need-security-whitetext { padding-left: 30px; padding-right: 30px; padding-top: 30px; } .need-heading .need-title-text { padding-left: 32px; padding-top: 15px; } .need-right-content > p { margin-bottom: 38px; margin-top: 50px; } .producttext { float: right; } .need-cont-padtop { float: left; padding-top: 0px; } .needs-product .need-heading .need-title-text { padding-left: 30px; padding-right: 30px; padding-top: 40px; } .needs-product .need-heading .need-right-content { padding: 0 30px 30px 30px; } .needs-product .need-security .underline { margin-top: 12px; } /* Textover-img*/ } @media screen and (max-width: 639px) { .needs-product .need-security .home-tile { height: 322px !important; } .needs-product .need-cont-padtop { padding-top: 4%; float: left; width: 99%; word-wrap: break-word; } .needpad-left { padding-left: 0px; } .needs-product .need-security-whitetext { padding-left: 45px; padding-top: 35px; padding-right: 45px; } .needs-boldtex h3 p { color: #666666; font-size: 28px; } .need-cont-padtop { padding-top: 38px; padding-bottom: 69px; float: left; font-family: AvenirNext DemiBold; font-size: 21px; float: left; } .need-title-text { padding-left: 44px; padding-top: 33px; } .need-right-content > p { margin-bottom: 38px; margin-top: 60px; } .need-security .title-img { bottom: 16px; left: 20px; position: absolute; /* z-index: 999; */ } /*need*/ .panel-home .home-tile img { height: 265px; } .needs-product .need-heading .need-right-content { padding: 0 45px 45px 45px; } .our-solution-main { padding: 0; } .oursolutions .oursolutions-mob { width: 545px; max-width: 545px; } .needs-product .need-security .underline { width: 100px; height: 3px; } .needs-product .need-heading .need-title-text { padding-left: 45px; padding-right: 45px; } /* Textover-img*/ } .bg_orange { background: #ff9b00; } .margin-left-right { margin: 0 0.5% 0 0.5%; } .need-cont-padtop a { text-decoration: underline; } /* adjusting arrow position above 939px*/ @media screen and (min-width: 940px) { .needs-product .need-security .home-tile { height: 355px !important; } .need-product-content .need-content-padtop .need-flaot-left { width: 89%; } } #coverage-map { position: relative; width: 100%; height: 583px; } #coverage-map > #wialus-viewer > #wialus-right > #wialus-map { height: 500px; top: 16px; } #coverage-map > #wialus-viewer > #wialus-right > #wialus-search > #wialus-search-input { width: 500px; top: 16px; } @charset "UTF-8"; @font-face { font-family: LucidaGrande; src: url(../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/LucidaGrande.ttc); } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 100; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 200; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 300; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Light.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 400; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Regular.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 500; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Medium.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 600; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Semibold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 700; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Bold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 800; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Heavy.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 900; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Black.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } .ihpone-11pro-page { display: block; /**** Section 1 ****/ /**** Section 1 ****/ /**** Section 2 ****/ /**** Section 2 ****/ /**** Section 3 ****/ /**** Section 3 ****/ /**** Section 4 ****/ /**** Section 4 ****/ /**** Section 5 ****/ /* .compare-feature-text { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 300; color: #000000; font-size: 16px; line-height: 24px; margin: 0; } */ /* .compare-feature-title { font-family: 'SF Pro Display', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: 600; color: #333333; font-size: 24px; margin: 24px 0 0 0; } */ } .ihpone-11pro-page p, .ihpone-11pro-page h1, .ihpone-11pro-page h2 { margin: 0; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ihpone-11pro-page .grid-inner { max-width: 1200px; margin: 0 auto; width: 100%; } .ihpone-11pro-page .inner-gap { padding: 48px 32px 0 32px; } .ihpone-11pro-page .section-1-iphone11-pro { background-color: black; color: white; padding: 32px 32px 0; } .ihpone-11pro-page .section-1-iphone11-pro > .grid-inner { text-align: center; } .ihpone-11pro-page .section-1-iphone11-pro-logo { height: 30px; text-align: center; margin-top: 24px; } .ihpone-11pro-page .section1-title { font-size: 96px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 500; text-align: center; margin: 32px 0; color: white; } .ihpone-11pro-page .section1-title--text { display: inline-block; line-height: 1; } .ihpone-11pro-page .buynow-button { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: white; font-weight: 300; font-size: 14px; min-width: 110px; padding: 12px 20px; border: 1px solid white; background-color: #0096e6; border: none; cursor: pointer; margin: 16px 0; text-decoration: none; display: inline-block; align-self: flex-start; text-align: center; } .ihpone-11pro-page .buynow-button:active, .ihpone-11pro-page .buynow-button:hover { color: white; background-color: #0088cc; } .ihpone-11pro-page .disabled-button { cursor: not-allowed; background: #aaaaaa; } .ihpone-11pro-page .disabled-button:active, .ihpone-11pro-page .disabled-button:hover { background-color: #aaaaaa; } .ihpone-11pro-page .hidden-button { visibility: hidden; } .ihpone-11pro-page .section-1-iphone11-pro-imgwrapper { margin-top: 60px; } .ihpone-11pro-page .iphone11pro-image1 { width: 100%; } @media only screen and (min-width: 640px) { .ihpone-11pro-page .iphone11pro-image1-mobile { display: none; } } @media only screen and (max-width: 920px) { .ihpone-11pro-page .section1-title { font-size: 64px; } } @media only screen and (max-width: 640px) { .ihpone-11pro-page .section-1-iphone11-pro-logo { height: 20px; } .ihpone-11pro-page .section-1-iphone11-pro { padding: 0; } .ihpone-11pro-page .section1-title { font-size: 50px; margin: 32x 0; } .ihpone-11pro-page .iphone11pro-image1 { display: none; } .ihpone-11pro-page .section-1-iphone11-pro-imgwrapper { margin: 32px 32px 0; } .ihpone-11pro-page .iphone11pro-image1-mobile { display: block; width: 100%; } } .ihpone-11pro-page #section-2 { background-color: #111111; padding: 64px 32px 0 32px; } .ihpone-11pro-page .section-2-heading { margin: 0; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888; font-size: 24px; } .ihpone-11pro-page .section-2-flex { display: flex; align-items: flex-end; margin: 8px 0 48px 0; line-height: 1; } .ihpone-11pro-page .section-2-title { flex: 1; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 48px; color: white; padding-right: 16px; } .ihpone-11pro-page .section-2-text { flex: 1; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 300; color: #ccc; margin: 0; font-size: 20px; padding-left: 16px; } .ihpone-11pro-page .iphone11pro-image2 { width: 100%; margin: 0 0 40px 0; } @media only screen and (min-width: 640px) { .ihpone-11pro-page .section-2-text-mobile { display: none; } } @media only screen and (max-width: 640px) { .ihpone-11pro-page .section-2-text { display: none; } .ihpone-11pro-page #section-2 { padding: 0; } .ihpone-11pro-page .section-2-text-mobile { display: block; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 300; color: #ccc; line-height: 1.5; padding-bottom: 32px; font-size: 26px; } } .ihpone-11pro-page #section-3-iphone-11-pro { background-color: black; padding: 24px 0 0; display: flex; flex-direction: column; } .ihpone-11pro-page #section-3-iphone-11-pro > .grid-inner { background-color: #111111; /* padding: 64px 32px 32px 18px; */ margin-bottom: 24px; } .ihpone-11pro-page .section-3-iphone-11-pro-title { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 500; font-size: 20px; color: #888888; padding-bottom: 8px; } .ihpone-11pro-page .section-3-iphone-11-pro-subtitle { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 500; font-size: 65px; color: white; line-height: 1; padding-bottom: 24px; } .ihpone-11pro-page .section-3-iphone-11-pro-text { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 300; font-size: 24px; color: #ccc; width: 100%; margin: 0 0 16px 0; line-height: 29px; } .ihpone-11pro-page .section-3-iphone-11-pro-text.fullwidth { width: 100%; } .ihpone-11pro-page .section-3-iphone-11-pro-imagewrapper { margin: 32px 32px 0; } .ihpone-11pro-page .iphone11pro-image3 { width: 100%; } .ihpone-11pro-page .section-3-iphone-11-pro-flex { display: flex; padding: 40px 0 48px 0; } .ihpone-11pro-page .section-3-iphone-11-pro-item { flex: 1; display: flex; } .ihpone-11pro-page .section-3-iphone-11-pro-grid { flex: 1; padding: 0 32px; } .ihpone-11pro-page .iphone11pro-camera { width: 70px; height: 70px; } .ihpone-11pro-page .section-3-iphone-11-pro-cameratext { padding: 0 16px; line-height: 1; } .ihpone-11pro-page .section-3-iphone-11-pro-cameratext > p { padding: 3px 0; } .ihpone-11pro-page .cameratext-bold { color: white; font-weight: 500; font-size: 16px; } .ihpone-11pro-page .cameratext-normal { color: #cccccc; font-weight: 300; font-size: 16px; line-height: 1.15; } .ihpone-11pro-page .section-3-iphone-11-pro-cameratext > p { margin: 0; } .ihpone-11pro-page .iphone11pro-image4 { width: 100%; } .ihpone-11pro-page .section-3-iphone-11-pro-text.desktop { display: block; } .ihpone-11pro-page .section-3-iphone-11-pro-text.mobile { display: none; } @media only screen and (max-width: 640px) { .ihpone-11pro-page .section-3-iphone-11-pro-flex { flex-direction: column; } .ihpone-11pro-page .section-3-iphone-11-pro-item { margin: 16px 0; } .ihpone-11pro-page .section-3-iphone-11-pro-title { font-size: 24px; } .ihpone-11pro-page .section-3-iphone-11-pro-text { font-size: 24px; width: auto; } .ihpone-11pro-page .gap-top { padding-top: 24px; } .ihpone-11pro-page .section-3-iphone-11-pro-text.desktop { display: none; } .ihpone-11pro-page .section-3-iphone-11-pro-text.mobile { display: block; padding: 32px 32px 0; font-size: 24px; width: auto; } .ihpone-11pro-page .iphone11pro-camera { height: 50px; width: 50px; } } @media only screen and (max-width: 920px) { .ihpone-11pro-page .section-3-iphone-11-pro-subtitle { font-size: 46px; } .ihpone-11pro-page .section-3-iphone-11-pro-text { font-size: 20px; } } @media only screen and (min-width: 640px) { .ihpone-11pro-page .showmobile { display: none; } .ihpone-11pro-page .showdesktop { display: block; } } @media only screen and (max-width: 640px) { .ihpone-11pro-page .showmobile { display: block; } .ihpone-11pro-page .showmobile > .section-3-iphone-11-pro-flex { padding: 40px 32px 48px 32px; } .ihpone-11pro-page .showdesktop { display: none; } } .ihpone-11pro-page #section-4 { background: #fafafa; padding: 24px 16px; } .ihpone-11pro-page .iphone-11-pro-card { padding: 64px 32px; background: white; margin: 0; display: flex; justify-content: center; } .ihpone-11pro-page .iphone-11-pro-card .iphone-11-pro-card-content { display: flex; flex-direction: column; max-width: 50%; margin-right: 48px; } .ihpone-11pro-page .iphone-11-pro-card-content h5.card-content-superheader { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #888888; font-size: 16px; margin: 0; } .ihpone-11pro-page .iphone-11-pro-card-content h3.card-content-header { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 56px; margin: 0; } .ihpone-11pro-page .iphone-11-pro-card-content p.card-content-text { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 300; color: #000000; font-size: 24px; line-height: 32px; margin: 16px 100px 0 0; } .ihpone-11pro-page .card-image { max-width: 50%; } .ihpone-11pro-page .card-image img { width: 100%; } .ihpone-11pro-page .show-mobile { display: none; } @media only screen and (max-width: 920px) { .ihpone-11pro-page #section-4 { background: white; } .ihpone-11pro-page .iphone-11-pro-card { display: flex; flex-direction: column; background: #fafafa; } .ihpone-11pro-page .iphone-11-pro-card .iphone-11-pro-card-content { max-width: 100%; margin-bottom: 46px; } .ihpone-11pro-page .card-image { max-width: 100%; } .ihpone-11pro-page .iphone-11-pro-card-content p.card-content-text { font-size: 24px; margin: 16px 16px 0 0; } } @media only screen and (max-width: 640px) { .ihpone-11pro-page .iphone-11-pro-card .iphone-11-pro-card-content { max-width: 100%; margin-bottom: 46px; margin-right: 0; } .ihpone-11pro-page .iphone-11-pro-card-content h3.card-content-header { font-size: 30px; } .ihpone-11pro-page .iphone-11-pro-card-content h5.card-content-superheader { font-size: 20px; line-height: 42px; } .ihpone-11pro-page .card-image { max-width: 110%; margin-left: -24px; } .ihpone-11pro-page .iphone-11-pro-card-content p.card-content-text { font-size: 20px; line-height: 32px; margin: 16px 16px 0 0; } .ihpone-11pro-page .show-mobile { display: block; } .ihpone-11pro-page .hide-mobile { display: none; } } .ihpone-11pro-page .section-5 { padding: 24px 16px; } .ihpone-11pro-page .section-5-wrapper { display: flex; margin: 15px; } .ihpone-11pro-page .section-5-header { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 56px; margin: 24px 0 56px 0; } .ihpone-11pro-page .section-padding { padding: 64px 0; } .ihpone-11pro-page .iphone-11-pro-row { display: flex; flex-direction: row; /* flex-wrap: wrap; */ width: 100%; } .ihpone-11pro-page .iphone-11-pro-column { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } .ihpone-11pro-page .compare-title { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 32px; margin: 8px 0 16px 0; } .ihpone-11pro-page .compare-feature-title { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #000000; font-size: 24px; line-height: 24px; margin: 8px 0; } .ihpone-11pro-page .compare-button { align-self: flex-start; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #aaaaaa; font-weight: 300; font-size: 18px; padding: 8px 22px; border-radius: 60px; border: 1px solid #aaaaaa; background-color: white; cursor: pointer; } .ihpone-11pro-page .compare-img { height: 400px; } .ihpone-11pro-page .compare-img img { /* margin: 16px 0; */ max-width: 200px; } .ihpone-11pro-page .compare-img-normal img { margin-top: 27px; height: 352px; } .ihpone-11pro-page .compare-img-pro img { margin-top: 37px; height: 340px; } .ihpone-11pro-page .compare-img-pro-max img { height: 379px; } .ihpone-11pro-page .compare-colors img { margin-top: 56px; max-width: 140px; } .ihpone-11pro-page .compare-colors-normal img { max-width: 305px; } .ihpone-11pro-page .compare-feature-header { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 24px; margin: 40px 0 24px 0; } .ihpone-11pro-page .hr-line { border-top: 1px solid #888888; margin-bottom: 32px; margin-right: 8px; } .ihpone-11pro-page .compare-feature-text { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #333333; font-size: 24px; margin: 0; line-height: 1.34; } .ihpone-11pro-page .display-img-container { height: 120px; } .ihpone-11pro-page .compare-display-img-pro-max img { height: 116px; max-width: 58px; } .ihpone-11pro-page .compare-display-img-pro img { margin-top: 11px; height: 105px; max-width: 54px; } .ihpone-11pro-page .compare-display-img-normal img { margin-top: 5px; height: 110px; max-width: 59px; } .ihpone-11pro-page .hide-tablet { display: block; } .ihpone-11pro-page .show-tablet { display: none; } @media only screen and (max-width: 920px) { .ihpone-11pro-page .show-tablet { display: block; } .ihpone-11pro-page .hide-tablet { display: none; } .ihpone-11pro-page .compare-title { font-size: 28px; } .ihpone-11pro-page .column { /* padding-left: 8px; */ } .ihpone-11pro-page .compare-feature-text { font-size: 18px; line-height: 24px; } .ihpone-11pro-page .compare-feature-title { font-size: 18px; line-height: 24px; } } @media only screen and (max-width: 640px) { .ihpone-11pro-page .section-padding { padding: 0; } .ihpone-11pro-page .section-5 { padding: 24px 8px; } .ihpone-11pro-page .hr-line { margin-right: 16px; } .ihpone-11pro-page .compare-img { max-height: 225px; } .ihpone-11pro-page .compare-img img { /* margin: 16px 0; */ /* max-width: 200px; */ } .ihpone-11pro-page .compare-img-normal img { margin-top: 16px; height: 185px; } .ihpone-11pro-page .compare-img-pro img { margin-top: 22px; height: 179px; } .ihpone-11pro-page .compare-img-pro-max img { height: 201px; } .ihpone-11pro-page .compare-title { font-size: 14px; } .ihpone-11pro-page .compare-colors img { max-width: 90px; } .ihpone-11pro-page .compare-camera-img img { height: 75px; } .ihpone-11pro-page .compare-battery-img img { height: 35px; } .ihpone-11pro-page .compare-button { font-size: 14px; } } .ihpone-11pro-page #section-6 { padding: 76px 0; background: #fafafa; text-align: center; } .ihpone-11pro-page .section-6-header { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 72px; margin: 24px 0 24px 0; } .ihpone-11pro-page #section-6 button { font-size: 24px; margin-bottom: 48px; } @media only screen and (max-width: 920px) { .ihpone-11pro-page #section-6 { /* padding: 76px 48px; */ } .ihpone-11pro-page .section-6-header { font-size: 68px; } .ihpone-11pro-page .buynow-button { font-size: 14px; padding: 8px 16px; min-width: auto; } } @media only screen and (max-width: 640px) { .ihpone-11pro-page #section-6 { padding: 64px 0; } .ihpone-11pro-page .section-6-header { font-size: 40px; } .ihpone-11pro-page #section-6 button { font-size: 16px; margin-bottom: 24px; } } .ihpone-11pro-page #section-7 { background: #f2f2f2; padding: 16px 48px; } .ihpone-11pro-page #section-7 p { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888888; font-size: 16px; margin: 0; line-height: 1.333; } .ihpone-11pro-page #section-7 ol { margin-left: 0px; margin-block-start: 0px; padding-inline-start: 20px; margin-block-end: 0px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888888; font-size: 16px; margin: 0; } .ihpone-11pro-page #section-7 li { margin-bottom: 16px; } .ihpone-11pro-page .iphone-11-pro-terms-link { color: #666; text-decoration: none; } .ihpone-11pro-page .iphone-11-pro-terms-link:hover { color: #666; } .ihpone-11pro-page .iphone-11-pro-terms { color: #333333; text-decoration: none; } .ihpone-11pro-page .iphone-11-pro-terms:hover { color: #333333; } .ihpone-11pro-page .iphone-11-pro-grey-terms { color: #ccc; text-decoration: none; } .ihpone-11pro-page .iphone-11-pro-grey-terms:hover { color: #ccc; } .ihpone-11pro-page .grid-inner-fullheight { height: 100%; } @charset "UTF-8"; @font-face { font-family: LucidaGrande; src: url(../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/LucidaGrande.ttc); } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 100; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Ultralight.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 200; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 300; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Light.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 400; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Regular.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 500; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Medium.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 600; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Semibold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 700; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Bold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 800; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Heavy.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 900; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Black.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } .iphone-11-page { display: block; /**** Globals ****/ /**** Section 1 ****/ /**** Section 1 ****/ /**** Section 2 ****/ /**** Section 2 ****/ /**** Section 3 ****/ /**** Section 3 ****/ /**** Section 4 ****/ /**** Section 4 ****/ /**** Section 5 ****/ /**** Section 5 ****/ /**** Section 6 ****/ /**** Section 6 ****/ /**** Section Module ****/ /**** Section Module ****/ /**** Section Compare ****/ /**** Section Compare ****/ /**** Section Footer ****/ /**** Section Footer ****/ } .iphone-11-page .p-global-style { font-size: 26px; line-height: 1.34286; font-weight: 300; letter-spacing: 0.007em; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #333333; margin: 0; } .iphone-11-page .h2-global-style { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 80px; line-height: 1.05; font-weight: 600; letter-spacing: -0.015em; margin: 0; } .iphone-11-page .h3-global-style { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 64px; line-height: 1.0625; font-weight: 600; letter-spacing: -0.009em; margin: 0; } .iphone-11-page .h5-global-style { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; line-height: 1.05; letter-spacing: -0.015em; color: #666666; font-size: 28px; margin: 0; } .iphone-11-page .img-iphone11 { max-width: 100%; height: auto; } .iphone-11-page .grid-inner { max-width: 1200px; margin: 0 auto; } .iphone-11-page .show-desktop { display: block; width: 100%; } .iphone-11-page .show-mobile { display: none; } @media only screen and (max-width: 640px) { .iphone-11-page .h2-global-style { font-size: 40px; line-height: 1.1; letter-spacing: 0em; } .iphone-11-page .h3-global-style { font-size: 32px; line-height: 1.125; letter-spacing: 0.004em; } .iphone-11-page .h5-global-style { font-size: 22px; } .iphone-11-page .p-global-style { font-size: 21px; line-height: 32px; letter-spacing: 0.011em; } .iphone-11-page .show-desktop { display: none; } .iphone-11-page .show-mobile { display: block; /*width: 100%;*/ } } .iphone-11-page .section-1 { padding: 64px 40px; } .iphone-11-page .section-1 > .grid-inner { text-align: center; } .iphone-11-page .section-1-logo { height: 30px; text-align: center; } .iphone-11-page .section-1-title { max-width: 800px; margin: 56px auto; } .iphone-11-page .section-1-title--text { color: #333333; max-width: 700px; margin: 0 auto 56px; } .iphone-11-page .buynow-button { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: white; font-weight: 300; font-size: 14px; min-width: 110px; padding: 12px 20px; border: 1px solid white; background-color: #0096e6; border: none; cursor: pointer; margin: 16px 0; text-decoration: none; display: inline-block; align-self: flex-start; text-align: center; } .iphone-11-page .buynow-button:active, .iphone-11-page .buynow-button:hover { color: white; background-color: #0088cc; } .iphone-11-page .disabled-button { cursor: not-allowed; background: #aaaaaa; } .iphone-11-page .disabled-button:active, .iphone-11-page .disabled-button:hover { background-color: #aaaaaa; } .iphone-11-page .hidden-button { visibility: hidden; } .iphone-11-page .section-1-imgwrapper { max-width: 850px; margin: 56px auto 0; } @media only screen and (max-width: 640px) { .iphone-11-page .section-1 { padding: 64px 32px 8px 32px; } .iphone-11-page .section-1-logo { height: 20px; } .iphone-11-page .section-1-title { margin: 32px 0; } .iphone-11-page .section-1-title--text { margin-bottom: 32px; } .iphone-11-page .section-1-imgwrapper { margin-top: 32px; margin-bottom: 32px; } .iphone-11-page .buynow-button { font-size: 14px; padding: 8px 16px; min-width: auto; } } .iphone-11-page #section-2-iphone-11 { margin-top: 32px; } .iphone-11-page #section-2-iphone-11 > .grid-inner { background-color: #fafafa; padding-top: 40px; } .iphone-11-page .section-2-iphone-11-upper-title { margin: 24px 0; } .iphone-11-page .section-2-iphone-11-title--text { color: #333333; margin-top: 48px; margin-bottom: 64px; } @media only screen and (max-width: 640px) { .iphone-11-page #section-2-iphone-11 > .grid-inner { padding-top: 32px; background-color: white; border-top: 8px solid #fafafa; } .iphone-11-page .section-2-iphone-11-upper-title { margin-bottom: 8px; } .iphone-11-page .section-2-iphone-11-title--text { margin-bottom: 56px; } .iphone-11-page .section-2-iphone-11-imgwrapper { margin-top: 32px; } } .iphone-11-page #section-3 { margin-top: 32px; } .iphone-11-page #section-3 > .grid-inner { background-color: #fafafa; padding-top: 32px; padding-bottom: 56px; } .iphone-11-page .section-3-upper-title { margin: 24px 0; } .iphone-11-page .section-3-title { margin-bottom: 56px; } .iphone-11-page .section-3-title--text { color: #333333; margin-top: 48px; margin-bottom: 64px; } .iphone-11-page .section-3-flex { display: flex; padding: 40px 0 0 0; } .iphone-11-page .section-3-grid { flex: 1; padding: 0 32px; } .iphone-11-page .section-3-item { flex: 1; display: flex; } .iphone-11-page .iphone11-camera { max-width: 50px; height: 50px; margin-top: 5px; } .iphone-11-page .section-3-cameratext { padding: 0 24px; /* height: 100%; */ line-height: 1; } .iphone-11-page .section-3-text { margin-top: 32px; /* height: 100%; */ } @media only screen and (max-width: 640px) { .iphone-11-page .section-3-flex { flex-direction: column; } .iphone-11-page .section-3-item { margin: 16px 0; } .iphone-11-page .iphone11-camera { max-width: 50px; } .iphone-11-page #section-3 > .grid-inner { padding-bottom: 16px; background-color: white; border-top: 8px solid #fafafa; } .iphone-11-page .section-3-upper-title { margin-bottom: 8px; } .iphone-11-page .section-3-title--text { margin-bottom: 56px; } .iphone-11-page .section-3-imgwrapper { margin-top: 32px; } } .iphone-11-page #section-4-iphone-11 > .grid-inner { background-color: #fafafa; padding-bottom: 56px; } .iphone-11-page .section-4-iphone-11-upper-title { margin: 24px 0; } .iphone-11-page .section-4-iphone-11-title { margin-bottom: 56px; } .iphone-11-page .section-4-iphone-11-title--text { color: #333333; margin-top: 48px; margin-bottom: 64px; } .iphone-11-page .section-4-iphone-11-flex { display: flex; } .iphone-11-page .section-4-iphone-11-grid { flex: 1; padding: 0 32px; } .iphone-11-page .section-4-iphone-11-text { margin-top: 32px; } @media only screen and (max-width: 998px) { .iphone-11-page .section-4-iphone-11-title { font-size: 44px; } } @media only screen and (max-width: 640px) { .iphone-11-page .section-4-iphone-11-flex { flex-direction: column; } .iphone-11-page .section-4-iphone-11-item { margin: 16px 0; } .iphone-11-page #section-4-iphone-11 > .grid-inner { background-color: white; padding-bottom: 0; } .iphone-11-page .section-4-iphone-11-grid { border-top: 8px solid #fafafa; margin-top: 32px; padding-top: 24px; padding-bottom: 16px; } .iphone-11-page .section-4-iphone-11-upper-title { margin-bottom: 8px; } .iphone-11-page .section-4-iphone-11-title--text { margin-bottom: 56px; } .iphone-11-page .section-4-iphone-11-imgwrapper { margin-top: 32px; } } .iphone-11-page #section-5 { margin-top: 32px; } .iphone-11-page #section-5 > .grid-inner { background-color: #fafafa; } .iphone-11-page .section-5-grid { flex: 1; padding: 0 32px; } .iphone-11-page .section-5-grid:nth-child(2) { padding: 0; display: flex; align-items: flex-end; } .iphone-11-page .section-5-title { margin-bottom: 56px; max-width: 500px; } .iphone-11-page .section-5-text { margin-top: 32px; margin-bottom: 32px; /* height: 100%; */ max-width: 500px; } .iphone-11-page .section-5-flex { display: flex; padding: 40px 0 0 0; } .iphone-11-page .section-5-upper-title { margin: 24px 0; } @media only screen and (max-width: 640px) { .iphone-11-page .section-5-grid:nth-child(2) { padding: 0 32px 0 32px; } .iphone-11-page #section-5 > .grid-inner { padding-top: 32px; background-color: white; border-top: 8px solid #fafafa; } .iphone-11-page .section-5-flex { flex-direction: column; padding: 0; } .iphone-11-page .section-5-upper-title { margin-bottom: 8px; } .iphone-11-page .section-5-title { margin-bottom: 32px; } .iphone-11-page .section-5-text { margin-bottom: 0; } .iphone-11-page .iphone11-image6 { margin-top: 40px; } } .iphone-11-page #section-6 { margin-top: 32px; } .iphone-11-page #section-6 > .grid-inner { background-color: #fafafa; } .iphone-11-page .section-6-grid { flex: 1; padding: 0 32px; } .iphone-11-page .section-6-title { margin-bottom: 56px; max-width: 500px; } .iphone-11-page .section-6-text { margin-top: 32px; margin-bottom: 32px; /* height: 100%; */ max-width: 500px; } .iphone-11-page .section-6-flex { display: flex; padding: 40px 0 0 0; } .iphone-11-page .section-6-upper-title { margin: 24px 0; } .iphone-11-page .iphone11-image7 { max-width: 450px; margin: 0 auto; display: block; } .iphone-11-page .section-6-grid:nth-child(1) { display: flex; align-items: flex-end; } @media only screen and (max-width: 640px) { .iphone-11-page #section-6 { margin-top: 0; } .iphone-11-page #section-6 > .grid-inner { padding-top: 32px; background-color: white; border-top: 8px solid #fafafa; } .iphone-11-page .section-6-flex { flex-direction: column-reverse; padding: 0; } .iphone-11-page .section-6-upper-title { margin-bottom: 8px; } .iphone-11-page .section-6-title { margin-bottom: 32px; } .iphone-11-page .section-6-text { margin-bottom: 0; } .iphone-11-page .iphone11-image7 { margin-top: 40px; } } .iphone-11-page #section-module { background: #fafafa; padding: 56px 0; margin: 32px 0; } .iphone-11-page .iphone11-card { padding: 64px 32px; background: white; margin: 0; display: flex; justify-content: center; } .iphone-11-page .iphone11-card .iphone11-card-content { display: flex; flex-direction: column; max-width: 50%; margin-right: 48px; } .iphone-11-page .iphone11-card-content h3.card-content-header { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 56px; margin: 0; } .iphone-11-page .iphone11-card-content p.card-content-text { margin: 16px 100px 0 0; } .iphone-11-page .card-image { max-width: 50%; } .iphone-11-page .card-image img { width: 100%; } .iphone-11-page .section-module-upper-title { margin: 24px 0; } @media only screen and (max-width: 920px) { .iphone-11-page #section-module { background: white; padding-bottom: 0; } .iphone-11-page .iphone11-card { display: flex; flex-direction: column; background: #fafafa; } .iphone-11-page .iphone11-card .iphone11-card-content { max-width: 100%; margin-bottom: 46px; } .iphone-11-page .card-image { max-width: 100%; } .iphone-11-page .iphone11-card-content p.card-content-text { font-size: 24px; margin: 16px 16px 0 0; } } @media only screen and (max-width: 640px) { .iphone-11-page .iphone11-card { display: flex; flex-direction: column; background: #fafafa; padding: 56px 32px; } .iphone-11-page .iphone11-card .iphone11-card-content { max-width: 100%; margin-bottom: 46px; margin-right: 0; } .iphone-11-page .iphone11-card-content h3.card-content-header { font-size: 30px; } .iphone-11-page .iphone11-card-content h5.card-content-superheader { font-size: 20px; line-height: 42px; } .iphone-11-page .card-image { max-width: 110%; margin-left: -32px; } .iphone-11-page .iphone11-card-content p.card-content-text { font-size: 20px; line-height: 32px; margin: 16px 16px 0 0; } .iphone-11-page .show-mobile { display: block; } .iphone-11-page .hide-mobile { display: none; } .iphone-11-page .section-module-upper-title { margin-bottom: 8px; margin-top: 8px; } } .iphone-11-page #section-compare { padding: 24px 0 32px; } .iphone-11-page .section-compare-wrapper { display: flex; margin: 15px; } .iphone-11-page .section-compare-header { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 56px; margin: 24px 0 56px 0; } .iphone-11-page .section-padding { padding: 32px; } .iphone-11-page .iphone11-row { display: flex; flex-direction: row; width: 100%; } .iphone-11-page .iphone11-column { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } .iphone-11-page .compare-title { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 32px; margin: 8px 0 16px 0; } .iphone-11-page button.compare-button { align-self: flex-start; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #aaaaaa; font-weight: 300; font-size: 18px; padding: 8px 22px; border-radius: 60px; border: 1px solid #aaaaaa; background-color: white; cursor: pointer; } .iphone-11-page .compare-img { height: 400px; } .iphone-11-page .compare-img img { max-width: 200px; } .iphone-11-page .compare-img-normal img { margin-top: 27px; height: 352px; } .iphone-11-page .compare-img-pro img { margin-top: 37px; height: 340px; } .iphone-11-page .compare-img-pro-max img { height: 379px; } .iphone-11-page .compare-colors img { margin-top: 56px; max-width: 140px; } .iphone-11-page .compare-colors-normal img { max-width: 305px; } .iphone-11-page .compare-feature-header { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 24px; margin: 40px 0 24px 0; } .iphone-11-page .hr-line { border-top: 1px solid #888888; margin-bottom: 32px; } .iphone-11-page .compare-feature-title { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 24px; margin: 24px 0 0 0; } .iphone-11-page .compare-feature-text { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #333333; font-size: 24px; margin: 0; } .iphone-11-page .display-img-container { height: 120px; } .iphone-11-page .compare-display-img-pro-max img { height: 116px; max-width: 58px; } .iphone-11-page .compare-display-img-pro img { margin-top: 11px; height: 105px; max-width: 54px; } .iphone-11-page .compare-display-img-normal img { margin-top: 5px; height: 110px; max-width: 59px; } .iphone-11-page .hide-tablet { display: block; } .iphone-11-page .show-tablet { display: none; } @media only screen and (max-width: 920px) { .iphone-11-page .show-tablet { display: block; } .iphone-11-page .hide-tablet { display: none; } .iphone-11-page .compare-title { font-size: 28px; } .iphone-11-page .compare-feature-text { font-size: 16px; line-height: 22px; } .iphone-11-page .compare-feature-title { font-size: 18px; line-height: 26px; } } @media only screen and (max-width: 640px) { .iphone-11-page .section-padding { padding: 0 16px; } .iphone-11-page .compare-img { max-height: 225px; } .iphone-11-page .compare-img-normal img { margin-top: 16px; height: 185px; } .iphone-11-page .compare-img-pro img { margin-top: 22px; height: 179px; } .iphone-11-page .compare-img-pro-max img { height: 201px; } .iphone-11-page .compare-title { font-size: 14px; } .iphone-11-page .compare-colors img { max-width: 90px; } .iphone-11-page .compare-camera-img img { height: 75px; } .iphone-11-page .compare-battery-img img { height: 35px; } .iphone-11-page button.compare-button { font-size: 14px; } } .iphone-11-page #section-compare-cta { padding: 76px 32px; background: #fafafa; text-align: center; } .iphone-11-page .section-compare-cta-header { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #333333; font-size: 72px; margin: 24px 0 24px 0; } .iphone-11-page #section-compare-cta button { font-size: 24px; margin-bottom: 48px; } @media only screen and (max-width: 920px) { .iphone-11-page #section-compare-cta { padding: 32px; } .iphone-11-page .section-compare-cta-header { font-size: 68px; } } @media only screen and (max-width: 640px) { .iphone-11-page .section-compare-cta-header { font-size: 40px; } .iphone-11-page #section-compare-cta button { font-size: 16px; margin-bottom: 24px; } } .iphone-11-page #section-footer { background: #f2f2f2; padding: 32px 48px; } .iphone-11-page #section-footer p { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888888; font-size: 16px; margin: 0; line-height: 1.333; } .iphone-11-page #section-footer ol { margin-left: 0px; margin-block-start: 0px; padding-inline-start: 20px; margin-block-end: 0px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888888; font-size: 16px; margin: 0; } .iphone-11-page #section-footer li { margin-bottom: 16px; } .iphone-11-page .iphonepro-atag { color: #666; cursor: pointer; text-decoration: none; } .iphone-11-page .iphonepro-atag:hover { color: #666; } .iphone-11-page .iphone11-superiortag { color: #333; text-decoration: none; } @charset "UTF-8"; @font-face { font-family: LucidaGrande; src: url(../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/LucidaGrande.ttc); } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 100; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 200; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 300; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Light.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 400; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Regular.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 500; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Medium.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 600; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Semibold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 700; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Bold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 800; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Heavy.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 900; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Black.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } .applewatch-5cellular-page p, .applewatch-5cellular-page h2, .applewatch-5cellular-page h1 { margin: 0; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .applewatch-5cellular-page .section-button { color: white; font-weight: 300; font-size: 16px; padding: 12px 24px; border: 1px solid white; background-color: #0096e6; border: none; cursor: pointer; margin: 16px 0; text-decoration: none; display: inline-block; } .applewatch-5cellular-page .section-button:active, .applewatch-5cellular-page .section-button:hover { color: white; } @media screen and (max-width: 940px) { .applewatch-5cellular-page .section-button { margin: 16px; } } .applewatch-5cellular-page .disabled-button { cursor: not-allowed; background: #aaaaaa; } .applewatch-5cellular-page .disabled-button:hover { background: #aaaaaa; } .applewatch-5cellular-page .hidden-button { visibility: hidden; } .applewatch-5cellular-page .applewatch5-topsection { background-color: #f5f5f7; padding: 32px 48px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .applewatch-5cellular-page .applewatch5-topsection .logo-cont { max-width: 1200px; margin: 0 auto; } @media screen and (max-width: 940px) { .applewatch-5cellular-page .applewatch5-topsection .logo-cont .applewatch-logo { margin: 0 auto; display: flex; } } .applewatch-5cellular-page .applewatch5-topsection .applewatch-logo { width: 120px; } .applewatch-5cellular-page .applewatch5-topsection .applewatch-image1 { margin-top: 24px; width: 100%; } .applewatch-5cellular-page .applewatch5-topsection .imagewrapper { max-width: 500px; margin: 0 auto; } .applewatch-5cellular-page .applewatch5-bottomsection { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 0 32px; } .applewatch-5cellular-page .applewatch5-bottomsection .wrapper { max-width: 1200px; margin: 0 auto; padding: 32px 0; } .applewatch-5cellular-page .applewatch5-bottomsection .section-heading { font-weight: 600; font-size: 60px; line-height: 1.45; } .applewatch-5cellular-page .applewatch5-bottomsection .pad-top-large { padding-top: 80px; } @media screen and (max-width: 940px) { .applewatch-5cellular-page .applewatch5-bottomsection .pad-top-large { padding-top: 40px; } } .applewatch-5cellular-page .applewatch5-bottomsection .section-smallheading { font-weight: 500; font-size: 40px; line-height: 44px; } .applewatch-5cellular-page .applewatch5-bottomsection .section-text { font-weight: 400; font-size: 40px; color: #888; line-height: 44px; } .applewatch-5cellular-page .applewatch5-bottomsection .applewatch-image { width: 100%; margin: 32px 0; } .applewatch-5cellular-page .applewatch5-bottomsection .applewatch-image-custom { width: 100%; margin: 32px 0; } @media screen and (max-width: 940px) { .applewatch-5cellular-page .applewatch5-bottomsection .applewatch-image-custom { display: none; } } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive { background-size: cover; background-repeat: no-repeat; background-position: center; margin: 24px 0; } @media screen and (max-width: 940px) { .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive { height: 375px; } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive .applewatch-image { margin: 0 auto; } } @media screen and (max-width: 640px) { .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive { height: 300px; } } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive1 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image2.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive2 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image3.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive3 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image4.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive4 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image5.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive5 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image6.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive6 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image7.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive7 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image8.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive8 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image9.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive9 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image10.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive10 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image11.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive11 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image12.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive12 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image13.png"); } .applewatch-5cellular-page .applewatch5-bottomsection .apple-watch-responsive13 { background-image: url("../../../content/dam/telecomcms/responsive/images/apple-watch/apple-watch-image14.png"); } @media only screen and (max-width: 940px) { .applewatch-5cellular-page .applewatch5-bottomsection { padding: 0; } .applewatch-5cellular-page .applewatch5-bottomsection .section-heading { line-height: 36px; font-size: 30px; padding: 0 16px; } .applewatch-5cellular-page .applewatch5-bottomsection .section-text { font-size: 28px; line-height: 32px; padding: 0 16px 16px 16px; } .applewatch-5cellular-page .applewatch5-bottomsection .section-smallheading { font-size: 28px; font-weight: 500; line-height: 32px; padding-left: 16px; padding-right: 16px; } } @media only screen and (max-width: 640px) { .applewatch-5cellular-page .applewatch5-bottomsection .section-heading { line-height: 1; } .applewatch-5cellular-page .applewatch5-bottomsection .applewatch-image { margin: 8px 0; } } .applewatch-5cellular-page .applewatch-compare .applewatchcompare-wrapper { text-align: center; margin-bottom: 32px; } .applewatch-5cellular-page .applewatch-compare .applewatchcompare-wrapper .header { font-weight: 600; font-size: 48px; } @media screen and (max-width: 940px) { .applewatch-5cellular-page .applewatch-compare .applewatchcompare-wrapper .header { font-size: 24px; padding: 0 16px; } } .applewatch-5cellular-page .apple-cellular-hero .background-cellular { background: #f2f2f2; display: flex; justify-content: center; margin-bottom: 32px; height: 360px; } @media screen and (max-width: 940px) { .applewatch-5cellular-page .apple-cellular-hero .background-cellular { height: 170px; } } .applewatch-5cellular-page .apple-cellular-hero .background-cellular .applewatch-image { height: 100%; } .applewatch-5cellular-page .apple-cellular-hero .center-cellular { display: flex; align-items: center; flex-direction: column; margin-bottom: 32px; } .applewatch-5cellular-page .apple-cellular-hero .center-cellular .applewatch-logo { height: 50px; margin-bottom: 24px; } .applewatch-5cellular-page .applewatch-footer { background: #f2f2f2; padding: 16px 48px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888888; font-size: 16px; margin: 0; line-height: 1.333; } .applewatch-5cellular-page .applewatch-footer ol { padding-left: 15px; } .applewatch-5cellular-page .applewatch-footer .grid-inner { max-width: 1200px; margin: 0 auto; width: 100%; } .applewatch-5cellular-page .applewatch-footer .apple-watch-atag { color: #333333; text-decoration: none; } .applewatch-5cellular-page .showdesktop { display: block; } .applewatch-5cellular-page .showmobile { display: none; } @media only screen and (min-width: 640px) { .applewatch-5cellular-page .showdesktop { display: block; } .applewatch-5cellular-page .showmobile { display: none; } } @media only screen and (max-width: 640px) { .applewatch-5cellular-page .showdesktop { display: none; } .applewatch-5cellular-page .showmobile { display: block; } .applewatch-5cellular-page p { line-height: 1; } .applewatch-5cellular-page .wrapper { padding: 8px; } } @media only screen and (max-width: 940px) { .applewatch-5cellular-page .wrapper { padding: 16px; } } @charset "UTF-8"; @font-face { font-family: LucidaGrande; src: url(../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/LucidaGrande.ttc); } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 100; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 200; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 300; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Light.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 400; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Regular.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 500; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Medium.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 600; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Semibold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 700; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Bold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 800; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Heavy.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 900; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Black.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } .applewatch-5-page p, .applewatch-5-page h2, .applewatch-5-page h1 { margin: 0; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .applewatch-5-page .applewatch5-topsection { background-color: #f5f5f7; padding: 32px 48px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .applewatch-5-page .applewatch5-topsection .applewatch-logo { width: 120px; } @media only screen and (max-width: 940px) { .applewatch-5-page .applewatch5-topsection .applewatch-logo { display: block; margin: 0 auto; } } .applewatch-5-page .applewatch5-topsection .applewatch-image1 { margin-top: 24px; width: 100%; } .applewatch-5-page .applewatch5-topsection .imagewrapper { max-width: 500px; margin: 0 auto; } .applewatch-5-page .applewatch5-bottomsection { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .applewatch-5-page .applewatch5-bottomsection .wrapper { max-width: 1200px; margin: 0 auto; padding: 32px 0; } .applewatch-5-page .applewatch5-bottomsection .section-heading { font-weight: 600; font-size: 60px; line-height: 1.45; } .applewatch-5-page .applewatch5-bottomsection .pad-top-large { padding-top: 32px; } .applewatch-5-page .applewatch5-bottomsection .section-button { color: white; font-weight: 300; font-size: 14px; min-width: 110px; padding: 12px 20px; border: 1px solid white; background-color: #0096e6; border: none; cursor: pointer; margin: 16px 0; text-decoration: none; display: inline-block; text-align: center; } .applewatch-5-page .applewatch5-bottomsection .section-button:active, .applewatch-5-page .applewatch5-bottomsection .section-button:hover { color: white; background-color: #0088cc; } .applewatch-5-page .applewatch5-bottomsection .disabled-button { cursor: not-allowed; background: #aaaaaa; } .applewatch-5-page .applewatch5-bottomsection .hidden-button { visibility: hidden; } .applewatch-5-page .applewatch5-bottomsection .section-smallheading { font-weight: 600; font-size: 40px; line-height: 44px; } .applewatch-5-page .applewatch5-bottomsection .section-text { font-weight: 400; font-size: 40px; color: #888; line-height: 44px; } .applewatch-5-page .applewatch5-bottomsection .applewatch-image { width: 100%; margin: 32px 0; } @media only screen and (max-width: 940px) { .applewatch-5-page .applewatch5-bottomsection .section-heading { line-height: 36px; font-size: 30px; padding: 0 32px; } .applewatch-5-page .applewatch5-bottomsection .section-text { font-size: 28px; line-height: 32px; padding: 0 32px; } .applewatch-5-page .applewatch5-bottomsection .section-smallheading { font-size: 28px; font-weight: 600; line-height: 32px; padding: 0 32px; } .applewatch-5-page .applewatch5-bottomsection .section-button { margin: 16px 32px; } .applewatch-5-page .applewatch5-bottomsection .apple-watch-subtitle { padding-top: 32px; } } @media only screen and (max-width: 640px) { .applewatch-5-page .applewatch5-bottomsection .section-heading { line-height: 1; padding: 0 16px; } .applewatch-5-page .applewatch5-bottomsection .applewatch-image { margin: 8px 0; } .applewatch-5-page .applewatch5-bottomsection .section-text { padding: 0 16px; } .applewatch-5-page .applewatch5-bottomsection .section-smallheading { padding: 0 16px; } .applewatch-5-page .applewatch5-bottomsection .section-button { margin: 16px; } .applewatch-5-page .applewatch5-bottomsection .apple-watch-subtitle { padding-top: 32px; } } .applewatch-5-page .applewatch-footer { background: #f2f2f2; padding: 16px 48px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888888; font-size: 16px; margin: 0; line-height: 1.333; } @media only screen and (max-width: 940px) { .applewatch-5-page .applewatch-footer { padding: 16px; } } .applewatch-5-page .applewatch-footer ol { padding-left: 15px; } .applewatch-5-page .applewatch-footer .grid-inner { max-width: 1200px; margin: 0 auto; width: 100%; } .applewatch-5-page .applewatch-footer .apple-watch-atag { color: #333333; text-decoration: none; } .applewatch-5-page .showdesktop { display: block; } .applewatch-5-page .showmobile { display: none; } @media only screen and (min-width: 640px) { .applewatch-5-page .showdesktop { display: block; } .applewatch-5-page .showmobile { display: none; } } @media only screen and (max-width: 640px) { .applewatch-5-page .showdesktop { display: none; } .applewatch-5-page .showmobile { display: block; } .applewatch-5-page p { line-height: 1; } } @charset "UTF-8"; @font-face { font-family: LucidaGrande; src: url(../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/LucidaGrande.ttc); } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 100; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 200; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 300; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Light.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 400; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Regular.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 500; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Medium.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 600; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Semibold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 700; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Bold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 800; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Heavy.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 900; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Black.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } .appletvplus { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .appletvplus .title-text { color: white; font-weight: 500; font-size: 66px; margin: 0; padding-bottom: 24px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .appletvplus--header { background-color: black; border-bottom: 5px solid #333; } .appletvplus--header .shows-desktop { display: flex; justify-content: center; } .appletvplus--header .shows-desktop .shows-banners { flex: 1; max-width: 29%; flex-basis: 29%; margin: 0 32px 32px 0; border-radius: 4px; max-height: 180px; } .appletvplus--header .shows-desktop .shows-banners:last-child { margin-right: 0; } @media screen and (max-width: 640px) { .appletvplus--header .shows-desktop { display: block; } .appletvplus--header .shows-desktop .shows-banners { max-width: 100%; width: 100%; margin: 16px 0; max-height: initial; } .appletvplus--header .shows-desktop .hidemobile { display: none; } } .appletvplus--header .main-container { padding: 100px 0; max-width: 1200px; margin: 0 auto; } @media screen and (max-width: 640px) { .appletvplus--header .main-container { padding: 72px 0; } } .appletvplus--header .main-wrapper { padding: 0 32px; text-align: center; } .appletvplus--header .main-wrapper .shows-text { color: white; font-size: 32px; margin-bottom: 0; line-height: 1.3; margin-top: 24px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } @media screen and (max-width: 640px) { .appletvplus--header .main-wrapper .shows-text { font-size: 16px; } } .appletvplus--header .main-wrapper .margin-extra { margin-top: 32px; } .appletvplus--header .main-wrapper .appletv-p { color: white; font-size: 24px; margin: 0; font-weight: 300; margin-bottom: 32px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .appletvplus--header .apple-logo { text-align: center; padding-bottom: 32px; width: 100px; } .appletvplus--watch { background-color: black; color: white; } .appletvplus--watch .main-container { padding: 100px 0; max-width: 1200px; margin: 0 auto; } @media screen and (max-width: 640px) { .appletvplus--watch .main-container { padding: 72px 0; } } .appletvplus--watch .main-wrapper { text-align: center; padding: 0 32px; } .appletvplus--watch .main-wrapper .appletv-logo { width: 75px; } .appletvplus--watch .main-wrapper .watch-title { font-weight: 600; font-size: 40px; color: white; margin: 24px 0; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .appletvplus--watch .main-wrapper .watch-p { margin-bottom: 48px; font-size: 24px; line-height: 1.2; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .appletvplus--watch .main-wrapper .watch-flex { display: flex; flex-wrap: wrap; } .appletvplus--watch .main-wrapper .watch-flex .watch-img { flex-basis: 25%; display: flex; flex-direction: column; align-items: center; font-size: 24px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } @media screen and (max-width: 640px) { .appletvplus--watch .main-wrapper .watch-flex .watch-img { flex-basis: 50%; margin-bottom: 24px; font-size: 16px; } .appletvplus--watch .main-wrapper .watch-flex .watch-img img { height: 65px; padding-bottom: 16px; } } .appletvplus--watch .main-wrapper .watch-flex .watch-img img { height: 70px; padding-bottom: 24px; } @media screen and (max-width: 640px) { .appletvplus--watch .main-wrapper .watch-title { font-size: 28px; } .appletvplus--watch .main-wrapper .watch-p { font-size: 16px; } } .appletvplus--purchase { padding: 100px 0; background-color: #fbfbf8; color: #111; } @media screen and (max-width: 640px) { .appletvplus--purchase { padding: 72px 0; } } .appletvplus--purchase .main-container { max-width: 1200px; margin: 0 auto; } .appletvplus--purchase .main-wrapper { text-align: center; } .appletvplus--purchase .main-wrapper .appletv-see img { width: 400px; height: auto; } @media screen and (max-width: 940px) { .appletvplus--purchase .main-wrapper .appletv-see img { width: 240px; max-width: 240px; } } .appletvplus--purchase .main-wrapper .see-iphone { padding-right: 112px; } .appletvplus--purchase .main-wrapper .see-iphone img { width: 344px; height: auto; } @media screen and (max-width: 940px) { .appletvplus--purchase .main-wrapper .see-iphone img { width: 240px; max-width: 240px; } } .appletvplus--purchase .main-wrapper .watch-title { font-weight: 600; margin: 0; margin-bottom: 80px; font-size: 40px; padding: 0 100px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } @media screen and (max-width: 940px) { .appletvplus--purchase .main-wrapper .watch-title { font-size: 28px; padding: 0 16px; } } .appletvplus--purchase .main-wrapper .purchase-flex { display: flex; background: white; padding: 0 88px; height: 400px; align-items: center; margin: 16px; } .appletvplus--purchase .main-wrapper .purchase-flex:last-child { margin-bottom: 0; } .appletvplus--purchase .main-wrapper .purchase-flex .flex-container { flex: 1; display: flex; flex-direction: column; align-items: flex-start; margin-right: 16px; } .appletvplus--purchase .main-wrapper .purchase-flex .flex-container .purchase-cta { margin-top: 16px; display: block; text-align: center; height: 40px; font-size: 14px; font-family: AvenirNextLTPro-Medium, Helvetica, Arial, sans-serif; line-height: 18px; box-sizing: border-box; cursor: pointer; padding: 10px 20px; border-style: solid; border-width: 1px; background-color: #0096e6; color: white; border-color: #0096e6; text-decoration: none; } .appletvplus--purchase .main-wrapper .purchase-flex .purchase-title { font-weight: 500; font-size: 40px; margin: 0; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } @media screen and (max-width: 640px) { .appletvplus--purchase .main-wrapper .purchase-flex { flex-direction: column-reverse; padding: 32px; height: auto; } .appletvplus--purchase .main-wrapper .purchase-flex .purchase-title { font-size: 28px; } .appletvplus--purchase .main-wrapper .purchase-flex .flex-container { margin: 24px 0 0 0; align-items: center; } .appletvplus--purchase .main-wrapper .purchase-flex .purchase-images { height: auto; } } .appletvplus .applewatch-footer { background: #f2f2f2; padding: 16px 48px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888888; font-size: 16px; margin: 0; line-height: 1.333; } .appletvplus .applewatch-footer ol { padding-left: 15px; } .appletvplus .applewatch-footer .grid-inner { max-width: 1200px; margin: 0 auto; width: 100%; } .appletvplus .applewatch-footer .apple-watch-atag { color: #333333; text-decoration: none; } @media screen and (max-width: 940px) { .appletvplus .title-text { font-size: 32px; } .appletvplus--header { background-color: black; border-bottom: 5px solid #333; } .appletvplus--header .main-wrapper .appletv-p { font-size: 16px; } } @charset "UTF-8"; @font-face { font-family: LucidaGrande; src: url(../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/LucidaGrande.ttc); } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 100; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 200; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Thin.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 300; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Light.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 400; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Regular.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 500; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Medium.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 600; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Semibold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 700; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Bold.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 800; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Heavy.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family: "SF Pro Display"; font-style: normal; font-weight: 900; src: local("☺︎"), url("../../../content/dam/telecomcms/responsive/fonts/apple-font/ipad-pro/SF-Pro-Display-Black.otf") format("opentype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } .apple-ipad-2019 p, .apple-ipad-2019 h2, .apple-ipad-2019 h1 { margin: 0; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .apple-ipad-2019 .button-center { margin: 0 auto; } .apple-ipad-2019 .apple-ipad-image1 { width: 100%; } .apple-ipad-2019 .section-button { color: white; font-weight: 300; font-size: 16px; padding: 12px 24px; border: 1px solid white; background-color: #0096e6; border: none; cursor: pointer; margin: 16px 0; text-decoration: none; display: inline-block; } .apple-ipad-2019 .section-button:active, .apple-ipad-2019 .section-button:hover { color: white; } .apple-ipad-2019 .disabled-button { cursor: not-allowed; background: #aaaaaa; } .apple-ipad-2019 .hidden-button { visibility: hidden; } .apple-ipad-2019 .herobanner { background-image: url("../../../content/dam/telecomcms/responsive/images/ipad/ipad-10.2-desktop-image1"); background-attachment: inherit; background-position: center; background-size: cover; background-repeat: no-repeat; height: 300px; } .apple-ipad-2019 .apple-ipad-image2 { max-width: 720px; margin: 0 auto; } @media only screen and (max-width: 940px) { .apple-ipad-2019 .apple-ipad-image2 { width: 100%; } } .apple-ipad-2019 .custom-image-wrapper { padding-top: 32px; border-top: 2px solid #eee; margin: 0 auto; margin-top: 24px; } .apple-ipad-2019 .custom-image { width: 350px; max-width: 350px; margin: 0 auto; padding-bottom: 24px; } @media only screen and (max-width: 640px) { .apple-ipad-2019 .custom-image { width: 200px; } } .apple-ipad-2019 .apple-ipad-topsection { text-align: center; background-color: #f5f5f7; padding: 48px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } @media only screen and (max-width: 640px) { .apple-ipad-2019 .apple-ipad-topsection { padding: 32px 0; } } .apple-ipad-2019 .apple-ipad-topsection .imagewrapper { margin: 0 auto; } .apple-ipad-2019 .background-gray { background-color: #f5f5f7; } .apple-ipad-2019 .textcenter { text-align: center; } .apple-ipad-2019 .desktop-gray { background-color: #f5f5f7; } @media only screen and (max-width: 940px) { .apple-ipad-2019 .desktop-gray { background-color: white; } } .apple-ipad-2019 .apple-ipad-othersections { font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .apple-ipad-2019 .apple-ipad-othersections .wrapperfullwidth { max-width: 2600px; margin: 0 auto; } .apple-ipad-2019 .apple-ipad-othersections .custom-fullwidth { height: 100vh; background-image: url("../../../content/dam/telecomcms/responsive/images/ipad/ipad-10.2-desktop-image4.png"); background-attachment: inherit; background-position: center; background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 940px) { .apple-ipad-2019 .apple-ipad-othersections .custom-fullwidth { height: 500px; } } .apple-ipad-2019 .apple-ipad-othersections .margin-center { padding: 80px 0; margin: 0 auto; max-width: 720px; } @media only screen and (max-width: 940px) { .apple-ipad-2019 .apple-ipad-othersections .margin-center { padding: 32px; } } .apple-ipad-2019 .apple-ipad-othersections .container { max-width: 720px; margin: 0 auto; } .apple-ipad-2019 .apple-ipad-othersections .wrapper { padding: 80px 0; } @media only screen and (max-width: 940px) { .apple-ipad-2019 .apple-ipad-othersections .wrapper { padding: 32px; } } .apple-ipad-2019 .apple-ipad-othersections .pad-top-large { padding-top: 32px; } .apple-ipad-2019 .apple-ipad-othersections .section-smallheading { font-weight: 500; font-size: 40px; line-height: 44px; } .apple-ipad-2019 .apple-ipad-othersections .section-text { font-weight: 400; font-size: 22px; color: #888; line-height: 44px; } @media only screen and (max-width: 940px) { .apple-ipad-2019 .apple-ipad-othersections .section-text { font-size: 18px; line-height: 32px; } .apple-ipad-2019 .apple-ipad-othersections .section-smallheading { font-size: 28px; font-weight: 500; line-height: 32px; } } @media only screen and (max-width: 640px) { .apple-ipad-2019 .apple-ipad-othersections .section-heading { line-height: 1; } } .apple-ipad-2019 .appleipad-footer { background: #f2f2f2; padding: 16px 48px; font-family: "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #888888; font-size: 16px; margin: 0; line-height: 1.333; } .apple-ipad-2019 .appleipad-footer ol { padding-left: 15px; } .apple-ipad-2019 .appleipad-footer .grid-inner { max-width: 1200px; margin: 0 auto; width: 100%; } .apple-ipad-2019 .appleipad-footer .apple-ipad-atag { color: #333333; text-decoration: none; } .apple-ipad-2019 .showdesktop { display: block; } .apple-ipad-2019 .showmobile { display: none; } @media only screen and (min-width: 640px) { .apple-ipad-2019 .showdesktop { display: block; } .apple-ipad-2019 .showmobile { display: none; } } @media only screen and (max-width: 640px) { .apple-ipad-2019 .showdesktop { display: none; } .apple-ipad-2019 .showmobile { display: block; } .apple-ipad-2019 p { line-height: 1; } .apple-ipad-2019 .wrapper { padding: 24px; } } @media only screen and (max-width: 940px) { .apple-ipad-2019 .wrapper { padding: 24px; } } .impersonation-mode { position: fixed; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; background: rgb(29 29 29 / 64%); overflow: hidden; z-index: 110000; } .impersonation-mode * { box-sizing: border-box; } .impersonation-mode.im-collapsed { inset: auto 0 0 0; background: none; } .impersonation-mode.im-collapsed .impersonation-mode-header-title { display: none; } .impersonation-mode:not(.im-collapsed) .impersonation-mode-header-name, .impersonation-mode:not(.im-collapsed) .impersonation-mode-header-code { display: none; } .im-loaded #impersonation-mode-screen-step1, .im-loaded #impersonation-mode-screen-step2, .im-loaded #impersonation-mode-screen-step3 { display: none; } .impersonation-mode.im-step1 #impersonation-mode-screen-step1, .impersonation-mode.im-step2 #impersonation-mode-screen-step2, .impersonation-mode.im-step3 #impersonation-mode-screen-step3 { display: block; } .impersonation-mode.im-step1 #impersonation-mode-menu, .impersonation-mode.im-step2 #impersonation-mode-exit { cursor: default; } .impersonation-mode.im-step1 #impersonation-mode-exit, .impersonation-mode.im-step2 #impersonation-mode-menu { opacity: 0.5; } .impersonation-mode.im-step3 .impersonation-mode-header-content-right { display: none; } /* Impersonation Mode Background */ .impersonation-mode-background { flex: 1; } .impersonation-mode.im-step3 .impersonation-mode-background { pointer-events: none; } /* Impersonation Mode Content */ .impersonation-mode-content { height: 0; background: #fff; overflow: hidden; transition: height 1s; } .impersonation-mode-screen { position: relative; padding: 48px 96px; } .impersonation-mode-title { display: block; font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 40px; line-height: 48px; letter-spacing: -0.5px; color: #000000; } .impersonation-mode-title.im-error { color: #ec008c; } .impersonation-mode-subtitle { display: block; margin-top: 8px; font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: -0.5px; color: #000000; } .impersonation-mode-subtitle.im-desc { margin: 0; } /* Impersonation Mode Header */ .impersonation-mode-header { position: relative; z-index: 1; background: #5a12aa; box-shadow: 0px 12px 17px rgb(0 0 0 / 10%), 0px 7px 8px rgb(0 0 0 / 10%); border-radius: 24px 24px 0px 0px; padding: 25px 96px; display: flex; justify-content: space-between; align-items: center; } .impersonation-mode-header-title, .impersonation-mode-header-name { font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; display: flex; align-items: center; text-align: center; letter-spacing: -0.5px; color: #ffffff; } .impersonation-mode-header-code { display: block; margin-left: 8px; padding-left: 8px; border-left: 1px solid #ffffff; font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #ffffff; } .impersonation-mode-header-content-left { display: flex; align-items: center; } .impersonation-mode-header-content-right { display: flex; align-items: center; position: absolute; right: 96px; } .impersonation-mode-header-button { display: block; margin: 0 0 0 24px; padding: 0; background: none; border: none; color: #ffffff; text-align: center; cursor: pointer; } .impersonation-mode-header-button.im-disabled { cursor: default; pointer-events: none; } .impersonation-mode-header-button i { font-family: "spark-icon-family"; font-size: 24px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .impersonation-mode-header-button span { display: block; font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #ffffff; } .impersonation-mode-menu-icon:before { content: "\e05e"; } .impersonation-mode-exit-icon:before { content: "\e07d"; } /* Impersonation Mode Footer */ .impersonation-mode-footer { display: flex; justify-content: flex-end; margin-top: 48px; } .impersonation-mode-footer-button { display: block; min-width: 165px; margin: 0 0 0 16px; padding: 12px 32px; background: #0096e6; border: 2px solid #0096e6; font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #ffffff; text-align: center; cursor: pointer; } .impersonation-mode-footer-button.im-optional { background: #ffffff; border-color: #0096e6; color: #0096e6; } .impersonation-mode-footer-button.im-disabled { background: #cdcdcd; border-color: #cdcdcd; color: #ffffff; cursor: default; pointer-events: none; } /* Impersonation Mode Fields */ .impersonation-mode-fields { display: flex; column-gap: 48px; margin-top: 32px; } .impersonation-mode-field { position: relative; flex-basis: 33.33%; padding-top: 16px; } .impersonation-mode-field:after { position: absolute; content: "\e052"; bottom: 16px; right: 0; width: 20px; height: 20px; margin: auto; background: #fff; color: #0096e6; font-family: "spark-icon-family"; font-size: 20px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; pointer-events: none; } .impersonation-mode-field .impersonation-mode-field-input { display: block; width: 100%; height: auto; border: none !important; border-bottom: 1px solid #bababa !important; border-width: 1px !important; border-radius: 0; padding: 12px 0 12px 0; font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 28px; color: #1d1d1d; outline: none; } .impersonation-mode-field .impersonation-mode-field-title { position: absolute; top: 0; left: 0; font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #b2b2b2; pointer-events: none; } .impersonation-mode-field .impersonation-mode-field-error { display: none; position: absolute; bottom: -28px; font-family: "AvenirNextLTPro-Medium", "Calibri", Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; align-items: center; color: #de483b; } .impersonation-mode-field .impersonation-mode-field-input.im-error { border-color: #de483b; } .impersonation-mode-field .impersonation-mode-field-input.im-error ~ .impersonation-mode-field-error { display: block; } /* Impersonation Mode Field Animation */ .impersonation-mode-field { display: flex; flex-flow: column-reverse; } .impersonation-mode-field .impersonation-mode-field-title, .impersonation-mode-field .impersonation-mode-field-input { transition: all 0.2s; touch-action: manipulation; } .impersonation-mode-field .impersonation-mode-field-input:placeholder-shown + .impersonation-mode-field-title { cursor: text; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: left bottom; transform: translate(0, 40px) scale(1.4); } .impersonation-mode-field ::-webkit-input-placeholder { opacity: 0; transition: inherit; } .impersonation-mode-field .impersonation-mode-field-input:focus::-webkit-input-placeholder { opacity: 1; } .impersonation-mode-field .impersonation-mode-field-input:not(:placeholder-shown) + .impersonation-mode-field-title, .impersonation-mode-field .impersonation-mode-field-input:focus + .impersonation-mode-field-title { transform: translate(0, 0) scale(1); color: #1d1d1d; cursor: pointer; } /* Textover-img*/ .need-img-content h3 { color: #fff; } .needimg-panel-section .pos-rel { cursor: pointer; } .needimg-panel-section .need-img-content { bottom: 80px; color: #fff; padding: 75px 80px 85px; position: absolute; top: 0px; /* z-index: 500; */ } .needimg-panel-section .need-img-content a { color: #fff; float: left; padding-top: 4%; } .needimg-panel-section .need-img-content .linkUnderline { text-decoration: underline !important; } .needimg-panel-section .needtext-mb { margin-bottom: 19px; line-height: 1.3em; margin-bottom: 19px; width: 78%; word-wrap: break-word; } .image-over-text img.img-responsive { height: 400px; width: 100%; } .needimg-panel-section div.pos-rel { height: 405px !important; } @media screen and (min-width: 640px) and (max-width: 939px) { .needimg-panel-section div.pos-rel { height: 258px !important; } } @media screen and (max-width: 939px) { /* Textover-img*/ .needimg-panel-section .need-img-content { color: #fff; padding: 14% 0 0 30px; position: absolute; top: 0px; } .needimg-panel-section .needtext-mb { line-height: 1.3em; margin-bottom: 19px; width: 95%; } .need-img-content h3 { color: #fff; padding-right: 5px; width: 100%; font-size: 18px; } .needimg-panel-section .need-img-content a { color: #fff; float: left; padding-top: 3%; } .image-over-text img.img-responsive { height: 258px; /* width: 364px; */ } /* Textover-img*/ } @media screen and (max-width: 639px) { /* Textover-img*/ .needimg-panel-section div.pos-rel { height: 368px !important; } .needimg-panel-section .need-img-content { color: #fff; padding: 25% 0 0 65px; position: absolute; top: 0px; } .needimg-panel-section .needtext-mb { line-height: 1.4em; margin-bottom: 19px; width: 85%; word-wrap: break-word; } .need-img-content h3 { color: #fff; padding-right: 5px; width: 100%; font-size: 18px; } .needimg-panel-section .need-img-content a { color: #fff; float: left; padding-top: 1%; } .need-security .underline { width: 100px; height: 3px; } .need-heading .need-title-text { padding-left: 45px; padding-right: 45px; } .image-over-text img.img-responsive { /* width: 520px; */ height: 368px; } /* Textover-img*/ } .needtext-mb a { float: none !important; padding: 0 !important; text-decoration: underline; } .needtext-mb a:hover { text-decoration: underline; color: #23527c; } .iconpatterngallery-panel .custom-nav-tab-scroll .navbar-nav.navbar-right:last-child { margin-right: -15px !important; } .iconpatterngallery-panel .custom-nav-tab-scroll .navbar-right { float: right !important; } .iconpatterngallery-panel .custom-nav-tab-scroll .nav li { border-top: 5px solid; border-color: #fff; text-align: right; float: left; display: table; } .iconpatterngallery-panel .custom-nav-tab-scroll .navbar-nav > li > a { padding-top: 35px !important; padding-bottom: 35px !important; } .iconpatterngallery-panel .custom-nav-tab-scroll .nav li.active, .iconpatterngallery-panel .custom-nav-tab-scroll .nav li a { background: #fff !important; outline: 0; } .iconpatterngallery-panel .custom-nav-tab-scroll .nav li.active a { background: none; box-shadow: none; } .iconpatterngallery-panel .custom-nav-tab-scroll .navbar-nav { margin: 0; } .iconpatterngallery-panel .custom-nav-tab-scroll .nav li a:last-child { text-align: center; } .iconpatterngallery-panel .fix-custom-menu { position: fixed; top: 0; z-index: 999; border: 0; } .ig-slide-scroll-nav { width: 100%; } .ig-slide-scroll-nav li { width: 30%; } .iconpatterngallery-panel .custom-nav-tab-scroll { min-height: 97px; } @media (max-width: 639px) { .iconpatterngallery-panel .custom-nav-tab-scroll .nav li a:last-child { padding-right: 0; } .iconpatterngallery-panel .custom-nav-tab-scroll .slick-track li:last-child { padding-right: 100px; } #navbarCollapse ul.ig-slide-scroll-nav li { text-align: left !important; } } @media screen and (min-width: 640px) and (max-width: 939px) { .iconpatterngallery-panel .need-p { margin-bottom: 0 !important; } } .need-p { margin-bottom: 80px; } .need-p h5 { color: #666; font-size: 21px; margin: 0; } .need-p .navbar { margin-bottom: 0; border: 0 none; } #myNavbar2 { margin-bottom: 1px; } .pl-baner-fullwidth { width: 100%; } .pl-baner-fullwidth-panel { width: 100%; max-width: 1170px; margin: 0 auto; } .pl-baner-fullwidth-panel .hero-img { background: #f0eff1 url("../../../apps/sparkdigital/components/content/iconbannergallery/clientlib/img/icon-hero-banner-d.png") repeat scroll center center/cover; } .pl-baner-fullwidth-panel .hero-card .hero-content-block p { font-size: 18px; line-height: 1.44; } .pl-baner-fullwidth-panel .need-p { margin-bottom: 0; } .pl-baner-fullwidth-title-sub { float: left; margin-top: 38px; font-size: 16px; line-height: 1.63; } .pl-baner-fullwidth-panel .pl-baner-fullwidth-title-sub.white p { color: #ffffff !important; } .pl-baner-fullwidth-panel .pl-baner-fullwidth-title-sub.black80 p { color: #333333 !important; } .pl-baner-fullwidth-panel .pl-baner-fullwidth-title-sub.black60 p { color: #666666 !important; } .pl-baner-fullwidth-panel .pl-baner-fullwidth-title-sub p { font-family: 'AvenirNextLTPro-Regular'; font-size: 16px; color: #ffffff; } .pl-baner-fullwidth-panel #myNavbar2 .slide-scroll-nav { width: 100%; } .pl-baner-fullwidth-panel .custom-nav-scroll .nav li { width: 50%; min-width: 50%; max-width: 50%; padding-top: 36px; padding-bottom: 36px; } .pl-baner-fullwidth-panel .custom-nav-scroll .nav li a { padding: 0; } .pl-baner-fullwidth-btn-zip { background: none; box-shadow: none; border: 1px solid #fff; border-radius: 35px; height: 62px; width: 264px; margin: 15px 0 0; display: block; text-align: center; padding: 10px 0; text-decoration: none; } .pl-baner-fullwidth-btn-zip:hover { text-decoration: none; } .pl-ban-panel { min-height: 240px; } .pl-baner-fullwidth-title-sub.pl-iconbanner-vertical-align, .pl-baner-fullwidth-head.pl-iconbanner-vertical-align { display: flex; flex-direction: column; justify-content: center; margin: 0; min-height: 240px; padding: 10px 4%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .pl-baner-fullwidth-title-sub.pl-iconbanner-vertical-align, .pl-baner-fullwidth-head.pl-iconbanner-vertical-align { display: table; } .ico-banner-wrapper { display: table-cell; vertical-align: middle; } } @media screen and (min-width: 940px) { span.pl-baner-fullwidth-download-text { line-height: 35px; } .pl-baner-fullwidth-head { width: 50%; margin: 8% 0 2% 0; float: left; padding: 0 4% 0 4%; } .pl-baner-fullwidth-head h1 { font-size: 38px; } .pl-baner-fullwidth-title-sub { width: 50%; margin-top: 6%; font-size: 16px; line-height: 1.63; padding: 0 4% 0 4%; } } @media screen and (max-width: 939px) { .pl-baner-fullwidth-panel .hero-img { background: #f0eff1 url("../../../apps/sparkdigital/components/content/iconbannergallery/clientlib/img/icon-hero-banner-m.png") repeat scroll center center/cover; } .pl-baner-fullwidth-head { float: left; width: 50%; margin-top: 8%; padding: 0 5% 0 8%; } .pl-baner-fullwidth-title-sub { float: left; width: 50%; margin-top: 4%; padding: 0 4% 0 4%; } .pl-baner-fullwidth-head h1 { font-size: 24px; } .pl-baner-fullwidth-btn-zip { font-size: 14px; line-height: normal; width: 215px; height: 42px; } .pl-baner-fullwidth-panel .hero-card .hero-content-block p { font-size: 14px; line-height: 1.36; } } @media screen and (max-width: 639px) { .iconbannergallery-banner { margin-top: -37px; padding-top: 0; } .pl-baner-fullwidth-panel .hero-img { background: #f0eff1 url("../../../apps/sparkdigital/components/content/iconbannergallery/clientlib/img/icon-hero-banner-m.png") repeat scroll center center/cover; } .pl-baner-fullwidth-title { padding: 10% 6% 2% 10%; } .pl-baner-fullwidth-title-sub { float: left; width: 100%; padding: 1% 6% 8% 10%; margin-top: 1%; } .pl-baner-fullwidth-head { width: 100%; padding: 0; margin-right: 0; margin-top: 0; float: left; } .pl-baner-fullwidth-btn-zip { margin-bottom: 0; } .pl-iconbanner-wrapper { display: flex; flex-direction: column; justify-content: center; margin: 0; min-height: 240px; padding: 10px 0; } .pl-iconbanner-vertical-align .pl-baner-fullwidth-title { padding: 0; margin-bottom: 8px; } .pl-baner-fullwidth-title-sub.pl-iconbanner-vertical-align, .pl-baner-fullwidth-head.pl-iconbanner-vertical-align { min-height: 20px; } } .panel-bg { background: #fff; } .our-solution-block { padding: 52px 55px 60px; margin-bottom: 85px; } .our-solution-list { padding: 0; } .our-solution-list li { border-bottom: 1px solid #ccc; margin-bottom: 40px; } .solcard-container { float: left; margin: 8px 0 50px; padding-right: 40px; position: relative; } .solcard-container .icon-arrow-right { position: absolute; right: 0; top: 40%; color: #666; } .our-solution-list li p { /*background: url('../sparkdigital/clientlib-site/img/arrow-rt.png') no-repeat center right;*/ /*padding: 9px 70px 35px 0;*/ clear: both; color: #666666; } .our-solution-list .solution-card .auto > a { display: block; overflow: hidden; outline: 0 none; } .our-solution-block .icon1 { width: 32px; height: 55px; display: inline-block; background: url("../sparkdigital/clientlib-site/img/device.png") no-repeat 50% 50%; background-size: cover; } .our-solution-block .icon2 { width: 62px; height: 42px; display: inline-block; background: url("../sparkdigital/clientlib-site/img/cloud.png") no-repeat 50% 50%; background-size: cover; } .our-solution-block .icon3 { width: 35px; height: 45px; display: inline-block; background: url("../sparkdigital/clientlib-site/img/seciruty.png") no-repeat 50% 50%; background-size: cover; } .our-solution-block .icon4 { width: 41px; height: 48px; display: inline-block; background: url("../sparkdigital/clientlib-site/img/collaboration.png") no-repeat 50% 50%; background-size: cover; margin-bottom: 8px; } .our-solution-block .icon5 { width: 48px; height: 42px; display: inline-block; background: url("../sparkdigital/clientlib-site/img/network.png") no-repeat 50% 50%; background-size: cover; } .our-solution-block .icon6 { width: 51px; height: 42px; display: inline-block; background: url("../sparkdigital/clientlib-site/img/services.png") no-repeat 50% 50%; background-size: cover; } .sol-blk { margin-bottom: 20px; } .our-solution-main { padding: 0 100px; } /*First Home page componunt*/ .home-tile { height: 270px; position: relative; width: 100%; } .home-tile-h { position: absolute; bottom: 25px; left: 50px; } .home-tile-h h3 { width: 163px; color: #fff; } .home-tile-h h3 + .underline { background: #fff; } .panel-home { background: #fff; margin-bottom: 40px; overflow: hidden; } .home-tile-content { padding: 40px; } a.home-viewmore { color: #0096e6; display: inline-block; padding: 10px 0; border-bottom: none; margin: 0px; } a.home-viewmore:hover { color: #0096e6; text-decoration: underline !important; } .home-card-btn { margin: 0px !important; border-bottom: none !important; padding: 10px; border-radius: 0; } .home-card-btn:focus { color: #FFFFFF; } .help-blk, .solution-blk { margin-bottom: 58px !important; } .help-blk p, .solution-blk p { font-size: 21px; line-height: 26px; margin-bottom: 0; } .help-blk h2 { margin-top: 0; } .home-card .home-tile > img { height: 100%; width: 100%; object-fit: cover; } .home-card .home-tile > a { height: 100%; width: 100%; object-fit: cover; display: inline-flex; } .home-card .home-tile > a > img { height: 100%; width: 100%; object-fit: cover; } @media screen and (max-width: 939px) { .our-solution-block { padding: 45px 20px 50px; } .our-solution-main { padding: 0 30px; } .our-solution-list li p { /*padding:15px 20px 35px 0;*/ clear: both; } .our-solution-main { padding: 0 30px; } .home-tile-content { padding: 40px; } .home-tile-h { bottom: 2px; } .home-tile { height: 168px; } .help-blk p, .solution-blk p { font-size: 16px; line-height: 1.4em; } .home-tile-content p { font-size: 14px; font-family: 'AvenirNextLTPro-Medium'; } .home-tile-h > h3 { font-size: 24px; font-family: 'AvenirNextLTPro-Demi'; } } @media screen and (max-width: 639px) { .panel-home .home-tile img { /*height: 265px;*/ } .our-solution-main { padding: 0; } .oursolutions .oursolutions-mob { width: 545px; max-width: 545px; } .home-tile { height: 166px; } .help-blk p, .solution-blk p { /*font-size: 13px; line-height: 1.4em;*/ } .home-card-title h2 { margin-bottom: 20px; } .home-tile-h { /*left: 40px; */ left: 25px; } .home-tile-h h3 { width: 220px; } .home-tile-content { padding: 30px 25px 40px; } .help-blk, .solution-blk { margin-bottom: 40px !important; } } .home-card-title h2 { color: #333333; } @media (min-width: 640px) { .home-tile-content p { min-height: 87px; } .titleBelowImage .belowImageTitle { margin-top: -19%; } .titleBelowImage .titleBelowImageDescription { margin-top: 16%; } .titleWithoutImage .imageWithoutTitle { margin-top: -19%; } .titleWithoutImage .titleWithoutImageDescription { margin-top: 16%; } } .home-tile-content p a { border-bottom: 0 none; margin-top: 0 !important; text-decoration: none; } .imgTodescHeight { padding-top: 30px !important; } .belowImgTitleHeight { margin-bottom: -10px; } .titleBelowImageDescription p, .titleWithoutImage .titleWithoutImageDescription p { padding-top: 5px !important; } /* a.openMark, a.closeMark{ font-weight: bold; } */ .home-tile-content p { color: #666666 !important; font-family: 'AvenirNextLTPro-Medium'; } .home-tile-h > h3 { font-family: 'AvenirNextLTPro-Demi'; } /* Start Hero Card */ @media screen and (min-width: 640px) { .hero-card .block { margin: 0 0 30px; } } @media screen and (min-width: 640px) and (max-width: 939px) { .back-link { margin-left: 45px; } .hero-card-panel { height: 350px; } } @media screen and (min-width: 940px) { .hero-card .hero-card-inner { width: 460px; } .back-link { text-decoration: none; } .back-link .back-link-text-mobility { display: none; } .hero-img { height: 450px; } .hero-card-panel { height: 450px; background: #d9ddd7; } .hero-card .hero-card-inner { width: 700px; position: relative; } .screen-head { /*margin-bottom: 150px;*/ } .screen-head .screen-title h1 { margin-top: 110px; } } @media screen and (min-width: 640px) and (max-width: 1169px) { .back-link { margin-left: 45px; } } .hero-card .hero-card-inner h1.block span { overflow-wrap: break-word; word-break: break-all; } .hero-card .hero-card-inner h1.block span.medium { word-break: keep-all; } .screen-head { height: 330px; background: #5f259f; } .screen-head .screen-title h1 { margin: 100px auto; } .hero-img { background: #f0eff1 url("../../../apps/sparkdigital/components/content/hero-card/clientlib/img/hero-image-new.jpg") repeat scroll center center/cover; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: 0; } .hero-card-top { height: 450px; } .hero-card .hero-content-block p { font-family: AvenirNextLTPro-medium,Calibri,Arial,sans-serif; } .back-link { color: #0096e6; font-size: 14px; font-family: AvenirNextLTPro-Medium,Calibri,Arial,sans-serif; display: inline-block; cursor: pointer; margin: 15px 0 30px; } .hero-card .block { letter-spacing: 1px; text-transform: uppercase; line-height: 16px; margin-top: 0; } .hero-card .block span { color: #fff; display: inline-block; margin: 0 0 4px; padding: 0 8px; position: relative; page-break-after: always; font-family: "AvenirNextLTPro-Bold"; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .hero-card .btn-wrap { z-index: 100; } .hero-card .block .large { font-size: 72px; line-height: 0.9em; } .hero-card .block .medium { font-size: 42px; line-height: 42px; background: #ffffff; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .hero-card .block .small { font-size: 28px; line-height: 0.9em; } .hero-card .hero-content-block p { font-size: 18px; line-height: 1.2; margin: 0; } /* .button { border: 0 none; display: inline-block; font-size: 18px; line-height: 18px; padding: 19px 0; width: 215px; position: relative; } */ .hero-btn-container .button { border: 0 none; display: inline-block; font-size: 18px; line-height: 18px; min-width: 168px; padding: 18px 16px 17px; position: relative; } .button span { position: relative; } .btn_primary { background: #0096e6; color: #ffffff; text-decoration: none; } .btn_primary a { background: #0096e6; color: #ffffff; text-decoration: none; } .btn_primary:hover { background: #007CBD; } .btn_primary:hover a { background: #007CBD; } .btn_secondary { background: #ffffff; color: #0096e6; text-decoration: none; } .btn_secondary a { background: #ffffff; color: #0096e6; text-decoration: none; } .btn_secondary:hover { color: #1589c9; } .btn_secondary:hover a { color: #1589c9; } .hero-btn-container { margin: 15px 0 0; /*width: 450px;*/ } .hero-btn-container .button:first-child { margin-right: 14px; } .hero-card-inner.hero-right .hero-content-block, .hero-card-inner.hero-right .hero-btn-container { float: right; width: auto; } .hero-card .hero-right { float: right !important; text-align: right !important; } .hero-right > * { /*float: right !important;*/ text-align: right !important; } .hero-card-inner.div-fluid { width: 100%; } .hero-card-inner.div-fluid h1.block, .hero-card-inner.div-fluid .hero-content-block, .hero-card-inner.div-fluid .hero-btn-container { width: 450px; } .hero-content-block { width: 520px; } .blackbox { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; padding: 10px; color: #fff; } .whitebox { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; padding: 10px; color: #ccc; } .whitebox.hero-content-block p { color: #ccc; } @media screen and (min-width: 640px) and (max-width: 939px) { .hero-card .hero-card-top { width: 100%; } .button { padding: 15px 0 !important; font-size: 16px !important; } .hero-card .block .large { font-size: 56px; } .hero-card .block .medium { display: inline; font-size: 32px; line-height: 42px; } .hero-card-inner h1 { width: 100%; } .hero-card .block { margin: 0 0 10px; } .hero-btn-container { margin: 15px 0 0; /*width: 450px; */ } .hero-card-top { height: 350px; } } .vertical-center { display: flex; flex-direction: column; justify-content: center; } .sd-arrow { margin-left: 5px; vertical-align: middle; } .back-link .icon-arrow-left { font-size: 16px; vertical-align: sub; } .hero-card-top { position: relative; } .back-link:hover, .hero-btn-container .btn_secondary:hover { color: #007CBD !important; } /* start - banner container */ .banner .banner-inner .screen-head .screen-title h1 { margin: 0; font-family: "AvenirNextLTPro-bold"; } .banner .banner-inner .btn-wrap.pos-rel.panel-theme { padding-top: 45px; } .banner .banner-inner .btn-wrap.pos-rel.panel-theme .back-link { margin: 0; } @media (max-width: 939px) { .hero-img { height: 350px; } .hero-card .hero-card-inner { width: 82%; } .back-link { text-decoration: none; z-index: 100; } .back-link .back-link-text-backto { display: none; display: none; } .screen-head { height: 300px; /*margin-bottom: 66px;*/ } .screen-head .screen-title { /*width: 50%; margin: auto; text-align: center; */ } .banner .banner-inner .btn-wrap.pos-rel.panel-theme { padding-bottom: 22px; padding-top: 22px; } } @media screen and (max-width: 639px) { .hero-card { height: auto; } .hero-card img[rel] { height: 228px; } .hero-card .btn-wrap { margin-top: 260px; } .hero-card .hero-card-top { margin-left: 0; padding: 30px 0 30px 60px; top: auto; bottom: -225px; margin-bottom: 0; margin-right: auto; background: #fff; position: absolute; } .back-link { margin-left: 55px; margin-bottom: 0px; } .hero-card .hero-content-block p { color: #666666; line-height: 33px; margin-top: 27px; margin-bottom: 0; } .hero-card .hero-card .hero-card-inner h1.block { margin: 0px 0 30px; } .hero-card .block .large { font-size: 56px; line-height: 0.9em; } .hero-card .block .medium { font-size: 32px; line-height: 0.9em; } .button { padding: 15px 0 !important; font-size: 16px !important; } .hero-card .block .large { display: inline-block; font-size: 24px; line-height: 26px; margin-top: 4px; padding: 0 4px; } .hero-card .block .medium { font-size: 18px; line-height: 22px; } .hero-card .hero-card .hero-card-inner h1.block { margin: 0; } .hero-card .hero-content-block p { font-size: 14px; } .hero-btn-container .button:first-child { display: block; margin-bottom: 20px; margin-right: 0; } .hero-card .btn_secondary { border: 1px solid #1589c9; } .hero-btn-container { width: 86%; margin: 20px 0 0; } .hero-content-block { width: auto; } .hero-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 180px; position: relative; } .hero-card .hero-card-top { height: auto; padding: 20px 0; position: static; } .hero-card .btn-wrap { margin-top: 0; } .blackbox, .whitebox { background: transparent none repeat scroll 0 0; opacity: 1; padding: 0; color: #666666; } .hero-content-block { width: 96%; margin-top: 20px; } .hero-card .block .medium { border: 1px solid; } .hero-card .block span { display: inline; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .hero-card .hero-right { float: left !important; text-align: left !important; } .hero-right > * { float: left !important; text-align: left !important; } .hero-card .hero-card-inner { width: 100%; } .screen-head { height: 174px; } } /* end - banner container */ /*Mobile css*/ @media screen and (max-width: 639px) { .getstarted-grid .getstarted-wrap.bg-img { margin-right: 15px; } .getstarted.slick-dotted.slick-slider { margin-bottom: 0 !important; padding-bottom: 0; } .getstarted-grid .get-started-btn { width: 70vw; margin-bottom: 20px; } .getstarted-family { margin-bottom: 15px; } .getstarted-grid .getstarted-action span { font-size: 16px !important; } .getstarted-grid .slick-list.draggable { padding: 0 !important; } .getstarted-grid .getstarted-wrap { width: 70vw; margin-bottom: 0 !important; margin-right: 15px !important; min-height: 225px !important; } .getstarted-grid .getstarted .slick-next.slick-arrow { display: none !important; } .cat-getstarted-block h3 { width: auto !important; } .get-started-btn { margin: 0px !important; } } /*Mobile css ends*/ /*Tab css */ @media screen and (min-width: 640px) and (max-width: 939px) { .getstarted-grid .getstarted-wrap { margin-right: 30px; margin-bottom: 23px; min-height: 350px; width: 47%; } .getstarted-grid .getstarted-wrap:nth-child(2) { margin-right: 0; } .cat-getstarted-block h3 { width: auto !important; } .getstarted-grid .getstarted-action span { font-size: 16px !important; } } /*Tab css ends*/ /*Medium screen css */ @media screen and (min-width: 940px) and (max-width: 1199px) { .getstarted-grid .getstarted-wrap { margin-right: 20px; min-height: 370px; width: 100%; } .getstarted-grid .getstarted-wrap.bg-img { margin-right: 0 !important; margin-bottom: 20px; background-size: 100%; } } /*Medium screen ends */ /*Large screen starts*/ @media screen and (min-width: 1200px) { .getstarted-grid .getstarted-wrap { width: 100%; } .getstarted-grid .getstarted-wrap:last-child { margin-right: 0; } } /*Large screen ends */ .getstarted-grid .getstarted-wrap { background: #fff; float: left; padding: 15px 37px; margin-right: 30px; } .getstarted-grid .getstarted-family p { font-size: 21px; line-height: 26px; margin-bottom: 0; } .getstarted-grid .getstarted-wrap:last-child { margin-right: 0; } .getstarted-grid .getstarted-title { color: #5f259f; font-size: 32px; margin-top: 23px; margin-bottom: 10px; } .getstarted-grid .getstarted-title .underline { height: 5px; width: 106px; border: 0; margin-left: 0; float: left; } .getstarted-title.one h3 { color: #5f259f; } .getstarted-grid .one .underline { background: #5f259f; } .getstarted-title.two h3 { color: #ffffff; } .getstarted-grid .two { color: #ffffff; } .getstarted-grid .two .underline { background: #ffffff; } .getstarted-grid .three { color: #FF1493; } .getstarted-title.three h3 { color: #FF1493; } .getstarted-grid .three .underline { background: #FF1493; border: none; } .getstarted-grid .four { color: #3498DB; } .getstarted-title.four h3 { color: #3498DB; } .getstarted-grid .four .underline { background: #3498DB; border: none; } .getstarted-wrap.bg-img { color: #fff; background-size: 100%; } .getstarted-grid .getstarted-action { padding-top: 17px; padding-bottom: 17px; display: block; background: #0096e6; line-height: 18px; } .getstarted-grid .getstarted-action span { position: relative; font-size: 18px; } .getstarted-grid .getstarted-action span.sd-arrow { vertical-align: sub; } .get-started-btn { width: 300px; margin: 60px auto 0; } .btxt { margin-top: 40px; } .getstarted-family { margin-bottom: 60px; } .hideclass { display: none !important; } .getstarted-fluid * { clear: both; word-wrap: break-word; } .getstarted-fluid p { min-height: 79px; } .getstarted-family h2 { color: #333; } .btn-primary:hover { color: #fff; background-color: #007CBD; border-color: #204d74; } .getstartednumber { display: block; padding-bottom: 13px; } .getstarted-fluid a { text-decoration: underline !important; color: #333 !important; } .getstarted-fluid a:hover { color: #007CBD !important; color: #333 !important; } .getstarted-fluid .white a { color: #fff !important; } .getstarted-fluid .white a:hover { color: #fff !important; } .getstarted-fluid .black p { color: #333 !important; } .getstarted-fluid .black a { color: #333 !important; } .getstarted-fluid .black a:hover { color: #333 !important; } iframe { border: none; } .modal-dialog { margin-top: 6% !important; } .franchise-container .info-icon-pos { position: absolute; right: 0; z-index: 999; top: 5px; } .cal-icon { width: 22px; height: 20px; position: absolute; right: 0; background: url("../../../apps/sparkdigital/components/content/franchiseformcomponent/clientlib/img/date-picker-icon-22x20.png") no-repeat; } .franchise-floating-container .icon-information::before { font-size: 20px; color: #007cbd; } .panel-theme.franchise-panel.franchise { background: none !important; } .franchise hr { border-top: 1px solid #333 !important; } .franchise-form-blk h3 { color: #333; } .form-inn-cont { padding: 60px 7% 0; } .franchise-form .panel-theme .underline { background: #6C3483; margin-left: auto; margin-right: auto; } .franchise-form .form-control:focus { border-color: black; } .franchise-floating-container { height: 40px; margin-top: 30px; position: relative; } .contect-second-block { margin-top: 90px; } h3.contact-num { text-decoration: underline; } .custom-dropdown a { text-decoration: none; } .dropdown.custom-dropdown .caret1 { background-image: url(../../../apps/sparkdigital/components/content/franchiseformcomponent/clientlib/img/select-box.png) !important; width: 15px; height: 10px; margin-top: 10px; } .dropdown.custom-dropdown.open .caret1 { background-image: url(../../../apps/sparkdigital/components/content/franchiseformcomponent/clientlib/img/select-box-open.png) !important; width: 15px; height: 10px; margin-top: 10px; } .cust-drop-btn { width: 100%; text-align: left; padding-bottom: 15px !important; background: none; } .franchise-floating-container .cust-drop-btn:hover, .franchise-floating-container .cust-drop-btn:active { /* background:#fff !important; */ -webkit-tap-highlight-color: #fff; background: transparent; border-radius: 0; } .franchise-floating-container .custom-dropdown .dropdown-menu { width: 100%; border: none; box-shadow: 0 10px 10px #aaa; } .franchise-floating-container .btn-default.custom-dropdown:active, .franchise-floating-container .btn-default.custom-dropdown.active { /* background-color:#fff !important; */ /* border-color:#0096e6; */ border-bottom: 3px solid #0096e6; border-radius: 0; background: transparent; } .franchise-floating-container .open > .dropdown-toggle.btn-default.cust-drop-btn { /* background-color:#fff !important; */ /* border-color:#0096e6; */ border-bottom: 3px solid #0096e6; border-radius: 0; background: transparent; } .contact-content h3 { font-size: 22px; } .cust-textarea { margin-top: 40px; } .cust-textarea .input-label { font-size: 18px; font-weight: normal; margin-bottom: 20px; } .cust-textarea textarea { border-left: none; border-right: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; resize: none; height: 100px; } .franchise-form textarea.form-control:focus { border: none; box-shadow: none; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } .drop-val { font-size: 22px; /*border-width:0 0 3px !important;*/ border-color: #666; border-radius: 0; } .contact-content { padding: 15px; } .list-style { list-style-type: none; } .affiliate-plan input[type="radio"] { display: none; } .affiliate-plan input[type="radio"] + .label-text:before { border: 1px solid #b2b2b2; border-radius: 30px; content: ""; display: block; float: left; height: 20px; margin-right: 10px; margin-top: 8px; width: 20px; } .affiliate-plan input[type="radio"]:checked + .label-text:before { -moz-osx-font-smoothing: grayscale; font-family: "spark-icon-family"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; border: 0 none; color: #007cbd; content: "\e039"; font-size: 26px; margin-left: -2px; margin-right: 12px; margin-top: 4px; } .affiliate-plan .label-text { vertical-align: top; cursor: pointer; font-weight: normal; line-height: 2em; } .filter label { display: block; margin-bottom: 10px; } @media (max-width: 939px) { .contact-content { padding: 15px 0; } } .franchise-panel .plan-action { padding: 17px 45px; background: #0096e6; line-height: 18px; } .franchise-panel .plan-action span { position: relative; padding-right: 22px; font-size: 18px; } .franchise-panel .plan-action span:after { display: inline-block; content: ""; position: absolute; right: 0; top: 3px; width: 9px; height: 15px; background: url("../../../apps/sparkdigital/components/content/franchiseformcomponent/clientlib/img/btn-arrow-rt.png") no-repeat right center; } .franchise-panel .has-error { color: red !important; } .franchise-panel .has-error .form-control { border-color: red; } /* select{ -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(../../../apps/sparkdigital/components/content/franchiseformcomponent/clientlib/img/select-box.png)!important; background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: inherit; margin: 0; overflow: hidden; padding-top: 2px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; width:100%; } select:focus{ background-image: url(../../../apps/sparkdigital/components/content/franchiseformcomponent/clientlib/img/select-box-open.png)!important; } */ .custom-select { border: none; border-radius: none; border-bottom: 1px solid #ccc; font-size: 22px; } /* option:selected { background-image: url(../../../apps/sparkdigital/components/content/franchiseformcomponent/clientlib/img/select-box.png)!important; } */ /* .franchise-form .form-control:focus{ border-color:red; } */ .franchise-container .franchise-floating-container input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color #b2b2b2; border-image: none; border-radius: 0; border-style: none none solid; border-width: 0 0 1px; color: #000; font-size: 22px; padding: 0; position: absolute; transition: none 0s ease 0s; z-index: 2; box-shadow: none; } .franchise-container .franchise-floating-container label.input-label { /*color: red;*/ font-size: 18px; left: 0; margin: 0; position: absolute; top: 0; transition: all 0.2s ease 0s; width: 100%; z-index: 1; font-weight: normal; } .franchise-container .franchise-floating-container input:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #000; border-image: none; border-style: none none solid; border-width: 0 0 1px; box-shadow: none !important; outline: medium none; } .franchise-container .franchise-floating-container input:focus ~ label.input-label { color: #000; font-size: 14px; top: -20px; } .franchise-container .franchise-floating-container input:valid ~ label.input-label { color: #666; font-size: 14px; top: -20px; } .franchise-container .franchise-floating-container input:focus { color: #0096e6; /*green*/ border-color: #0096e6; } .franchise-container .franchise-floating-container input:focus ~ label.input-label { color: #666; /*orange*/ } .franchise-container .dropdown-menu > li > a { padding: 10px; } .franchise-container .dropdown-menu > li > a:hover, .franchise-container .dropdown-menu > li > a:focus { color: #0096e6; } /**Contact success css **/ /*.contact-success-blk{ height:90vh; } .success-block { width: 230px; height: 230px; position: absolute; left: 50%; top: 50%; margin-left: -115px; margin-top: -115px; } .success-block .underline{ height: 5px; width: 106px; margin-top: 16px; margin-bottom: 23px; border: 0; margin-left:auto !important; background:#6C3483; }*/ /**Contact success css ends**/ .franchise-floating-container .dropdown.short { float: left; min-width: 18%; } .franchise-container .franchise-floating-container .dropdown button { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #ccc; border-image: none; border-style: none none solid; border-width: 0 0 1px; padding: 0; } .franchise-container .franchise-floating-container .dropdown button.selected { background: #fff none repeat scroll 0 0; color: #666666 !important; font-size: 22px; } .franchise-container .franchise-floating-container .dropdown button::after { font-size: 25px; right: -8px; top: 8px; } .franchise-container .franchise-floating-container .dropdown button:focus ~ label, .franchise-container .franchise-floating-container .dropdown button:valid ~ label { font-size: 14px; top: -20px; } .franchise-container .franchise-floating-container .dropdown button::after { color: #13a4de; } .franchise-container .franchise-floating-container .dropdown.short .dropdown-menu { border-radius: 0; height: 220px; min-width: 100%; } .franchise-container .franchise-floating-container.input-dropdown input { width: 100%; z-index: 2; } .franchise-container .franchise-floating-container.input-dropdown label { background: #fff none repeat scroll 0 0; bottom: 6px; display: block; height: 34px; left: 0; width: 70%; z-index: 1; } .franchise-container .franchise-floating-container.input-dropdown input:focus ~ label, .franchise-container .franchise-floating-container.input-dropdown input:valid ~ label { background: transparent none repeat scroll 0 0; border: 0 none; } .franchise-container .franchise-floating-container.input-dropdown input:focus, .franchise-container .franchise-floating-container.input-dropdown input:valid { right: 0; width: 76%; } @media screen and (max-width: 639px) { .form-inn-cont { padding: 40px 4% 0; } .contact-content { padding: 15px 0; } .franchise-container .franchise-floating-container input { font-size: 18px; } .franchise-floating-container .dropdown.short { min-width: 18%; } .franchise-container .franchise-floating-container.input-dropdown input:focus, .franchise-container .franchise-floating-container.input-dropdown input:valid { width: 76%; } .franchise-container .franchise-floating-container .dropdown button.selected { font-size: 18px; } } @media screen and (max-width: 330px) { .franchise-floating-container .dropdown.short { min-width: 20%; } .franchise-container .franchise-floating-container.input-dropdown input:focus, .franchise-container .franchise-floating-container.input-dropdown input:valid { width: 72%; } .franchise-container .franchise-floating-container.input-dropdown .bar.bar1 { left: 0; width: 20% !important; } } .franchise-floating-container.input-dropdown .dropdown.short { left: 0; position: absolute; width: 100%; z-index: 3; } .franchise-container .franchise-floating-container.input-dropdown label { cursor: auto; height: 33px; width: 100%; z-index: 4; } .franchise-container .franchise-floating-container.input-dropdown .dropdown.short { width: 18%; } .franchise-container .franchise-floating-container.input-dropdown.moving input { right: 0; width: 76%; } .franchise-container .franchise-floating-container.input-dropdown.moving .bar::before, .franchise-container .franchise-floating-container.input-dropdown.moving .bar::after { z-index: 4; } .franchise-container .franchise-floating-container.input-dropdown.moving label { font-size: 14px; height: 20px; top: -20px; } .franchise-container .franchise-floating-container.input-dropdown.moving .bar::before, .franchise-container .franchise-floating-container.input-dropdown.moving .bar::after { width: 50%; } .franchise-container .franchise-floating-container.input-dropdown .bar { right: 0; width: 76%; } .franchise-container .franchise-floating-container.input-dropdown .bar.bar1 { left: 0; width: 18%; } .myspark-helpicon { display: block; position: absolute; right: 0; top: 0; z-index: 9999; } .myspark-helpicon:hover, .myspark-helpicon:active, .myspark-helpicon:visited { cursor: pointer; outline: medium none; text-decoration: none; } .franchise-floating-container a:hover, .franchise-floating-container a:focus { cursor: pointer; outline: medium none; text-decoration: none; } .circleicon { border: 1px solid #13a4de; border-radius: 60px; height: 18px; line-height: 8px; padding: 5px 4px 4px; width: 18px; } .floating-help { transition: all 0.2s ease 0s; } .floating-help .help-icon-txt { display: inline-block; transition: all 0.2s ease 0s; } .franchise-container .franchise-floating-container input:focus ~ a.floating-help .help-icon-txt, .franchise-container .franchise-floating-container input:valid ~ a.floating-help .help-icon-txt { display: none; } .franchise-container .franchise-floating-container input:focus ~ a.floating-help, .franchise-container .franchise-floating-container input:valid ~ a.floating-help { border: 1px solid #13a4de; border-radius: 60px; font-size: 14px; height: 18px; line-height: 8px; padding: 4px; top: -20px; width: 18px; } .franchise-container .franchise-floating-container.moving a.floating-help { border: 1px solid #13a4de; border-radius: 60px; font-size: 14px; height: 18px; line-height: 8px; padding: 4px; top: -20px; width: 18px; } .bar { bottom: 4px; display: block; outline: medium none; position: absolute; width: 100%; } .bar::before, .bar::after { background: #0096e6 none repeat scroll 0 0; bottom: 1px; content: ""; height: 1px; position: absolute; transition: all 0.2s ease 0s; width: 0; z-index: 2; } .bar::before { left: 50%; } .bar::after { right: 50%; } .franchise-container .franchise-floating-container input:focus ~ .bar::before, .franchise-container .franchise-floating-container input:focus ~ .bar::after { width: 50%; } .signin-checkbox { margin-top: 10px; } .signin-checkbox input[type="checkbox"] + label span { background: rgba(0, 0, 0, 0) url("../../../apps/sparkdigital/components/content/content/dam/telecomcms/images/sprite/checkradio.png") no-repeat scroll -37px 0/67px auto; height: 30px; vertical-align: calc(-8px); } .signin-checkbox input[type="checkbox"]:checked + label span { background-position: -37px -30px; } .emailaddress { margin-top: 30px; padding: 20px 0; text-align: center; } .emailaddress label { color: #a6a6a6; font-size: 18px; } .row.plan-container-div2 { margin: 0; } .franchise-floting-container { height: 40px; margin-top: 30px; position: relative; } .franchise-container .franchise-floting-container label.input-label { font-size: 18px; font-weight: normal; left: 0; margin: 0; position: absolute; top: 0; transition: all 0.2s ease 0s; width: 100%; z-index: 1; font-size: 18px; font-weight: normal; left: 0; margin: 0; position: absolute; top: 0; transition: all 0.2s ease 0s; width: 100%; z-index: 1; } .franchise-container .franchise-floting-container input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color #b2b2b2; border-image: none; border-radius: 0; border-style: none none solid; border-width: 0 0 1px; box-shadow: none; color: #000; font-size: 22px; padding: 0; position: absolute; transition: none 0s ease 0s; z-index: 2; } .franchise-container .franchise-floting-container input:focus ~ label.input-label { color: #666; color: #000; font-size: 14px; top: -20px; } .mar-rit { margin-right: 15px; } .franchise-floating-container .icon-information-f { font-size: 22px; color: #007cbd; } .franchise-form .franchise-form-blk { padding-bottom: 40px; } .franchise-form .franchise-form-blk .checkbox { margin-left: 4px; } .franchise-error-blk .icon-close { color: #ff0000; font-size: 50px; margin-bottom: 10px; } .franchise-error-blk .red { color: #ff0000; } .franchise-form .franchise-error-blk .red_bg { background: #ff0000 none repeat scroll 0 0; border: 0 none !important; } .franchise-success-blk .icon-select-f.purple { font-size: 50px; margin-bottom: 20px; } .emptyContainer { visibility: hidden; } @media screen and (max-width: 939px) { .emptyContainer { display: none; } } .sparkdownload { clear: both; margin: 0 0 8px 0; } .sparkdownload span.icon img { width: 19.5px !important; height: 21.2px !important; } .sparkdownload a { width: 1150px; height: 22px; font-family: AvenirNextLTPro-Medium; font-size: 16px; font-weight: 500; text-align: left; color: #666666; } .sparkdownload span.icon { float: left; padding: 0 8px 8px 0; background: url(clientlib-site/img/icons/default.gif) no-repeat !important; margin-top: 4px; } .sparkdownload span.icon.type_docx { background: url(clientlib-site/img/icons/doc.gif) no-repeat !important; } .sparkdownload span.icon.type_eps { background: url(clientlib-site/img/icons/eps.gif) no-repeat !important; } .sparkdownload span.icon.type_gif { background: url(clientlib-site/img/icons/zip.gif) no-repeat !important; } .sparkdownload span.icon.type_jpg { background: url(clientlib-site/img/icons/jpg.gif) no-repeat !important; } .sparkdownload span.icon.type_pdf { background: url(clientlib-site/img/icons/pdf.gif) no-repeat !important; } .sparkdownload span.icon type_png { background: url(clientlib-site/img/icons/jpg.gif) no-repeat !important; } .sparkdownload span.icon.type_pptx { background: url(clientlib-site/img/icons/ppt.gif) no-repeat !important; } .sparkdownload span.icon.type_tif { background: url(clientlib-site/img/icons/tif.gif) no-repeat !important; } .sparkdownload span.icon.type_txt { background: url(clientlib-site/img/icons/txt.gif) no-repeat !important; } .sparkdownload span.icon.type_xlsx { background: url(clientlib-site/img/icons/xls.gif) no-repeat !important; } .sparkdownload span.icon.type_zip { background: url(clientlib-site/img/icons/zip.gif) no-repeat !important; } @media screen and (max-width: 939px) { .sparkdownload span.icon { margin-top: 2px !important; } } .small-card { background: #5f259f none repeat scroll 0 0; display: flex; flex-direction: column; height: 250px; justify-content: center; margin: 0 calc((100vw - 1170px) / -2); } .small-card h1 { font-family: "AvenirNextLTPro-bold"; color: #fff; } .small-card p { color: #fff; font-size: 18px; } .small-card .small-card-desc { margin-top: 10px; width: 240px; } .small-card .small-card-underline { border-bottom: 1px solid #fff; } @media screen and (max-width: 939px) { .small-card .small-card-inner { margin-left: 20px; } } .borderless td, .borderless th { border: none; } .compair-table .table.borderless > tbody > tr > td { width: 30%; border: 0; padding: 15px; border-bottom: 1px solid #eee; color: #666; font-size: 14px; } .prod-title-txt { font-size: 21px !important; font-weight: bold !important; color: #5f259f !important; } .prod-title-txt-sub { font-size: 18px; font-weight: bold; height: 67px; } .compair-table .table.borderless > tbody > tr > td:first-child { font-weight: bold; width: 80px; color: #333; } .device-compair-block { padding-left: 150px; background: #e8e8e8; padding-top: 15px; } .device-compair-block .device-box { margin-bottom: 0; } .cmp-blocks .comp-lst li { text-align: center; } .cmp-blocks .comp-lst li img { margin: 0 auto; } .close-btn { background: url("../sparkdigital/clientlib-site/img/close.png") no-repeat; width: 21px; height: 34px; display: inline-block; cursor: pointer; z-index: 999; } ul.comp-lst { padding-left: 0; } .comp-lst li { padding: 0px 15px 0px 15px; /*Change for compare*/ color: #666; font-size: 16px; text-align: left; } .comp-lst li:nth-of-type(odd) { background: #f3f3f3; } .pric-comp-block { text-align: center; margin-top: 15px; } .pric-comp-block h6 { color: #5f259f; } .cmp-blocks { width: 374px; float: left; } .device-compair-block .cmp-blocks { padding: 0; } .device-compare .tile-spacer { border-right: 24px solid #e8e8e8; min-height: 365px; } .device-compare .cmp-blocks:last-child .tile-spacer { border-right: 0; } .spec-list { background: #fff; position: absolute; top: 414px; left: 10px; width: 140px; /*Change for compare*/ z-index: 99; } .spec-list .comp-lst { margin-bottom: 0; } .spec-list .comp-lst li { color: #333; padding-right: 0; } .modal-content { border-radius: 0; } .modal-dialog.device-compare { border: 0; } .device-compare-modal { padding-left: 0 !important; } .device-compare-head { background-color: #e8e8e8; } .device-compare .print-device-grid { background: url("../sparkdigital/clientlib-site/img/print.png") no-repeat 45px 0; width: 35px; height: 34px; float: right; border: none; padding-right: 80px; text-align: left; margin-top: -10px; margin-right: 50px; padding-left: 0; position: static; } .device-compare .print-device-grid:after { border-top: 1px solid #5f259f; content: ''; width: 35px; height: 5px; display: block; } .compare-top-action { width: 100%; max-width: 1170px; } .comp-lst li { list-style-type: none; } .cmp-blocks .dropdown.custom-dropdown .caret1 { /*background-image: url('../sparkdigital/clientlib-site/img/select-box.png')!important;*/ width: 15px; height: 10px; display: inline-block; position: absolute; /* top:20px;aem fix */ right: 10px; top: 8px; color: #5f259f; } .cmp-blocks .dropdown.custom-dropdown.open .caret1 { /*background-image: url('../sparkdigital/clientlib-site/img/select-box-open.png')!important; width:15px; height:10px; display:inline-block; position:absolute;*/ /* top:20px;aem fix */ /*right:0; */ transform: rotate(180deg); margin-top: 15px; } .cmp-blocks .btn.cust-drop-btn { width: 100%; text-align: center; background: none; font-weight: normal; border: none; padding-bottom: 15px; box-shadow: none; } .cmp-blocks .btn.cust-drop-btn label { margin-bottom: 0 !important; color: #5f259f; font-weight: normal; } .black { color: #333 !important; } .comp-lst .drop-box-list { padding: 0 8px; /*Change for compare*/ } .comp-lst ul.dropdown-menu li { padding-left: 0 !important; background: #fff; padding-top: 5px; padding-bottom: 5px; cursor: pointer; height: 30px !important; } .comp-lst ul.dropdown-menu li:hover { color: blue; cursor: pointer; } .cmp-blocks .cust-drop-btn:hover, .cmp-blocks .cust-drop-btn:active, .cmp-blocks .cust-drop-btn.active { background: inherit !important; -webkit-tap-highlight-color: inherit; box-shadow: none; outline: none; cursor: pointer; } a.dropdown-toggle { outline: none; } .custom-dropdown .dropdown-menu { width: 100%; border: none; box-shadow: 0 10px 10px #aaa; } .active { box-shadow: none; } .drop-box-list .custom-dropdown { margin: 0 auto; padding-top: 8px; width: 64%; /* margin-bottom:8px; */ } .cmp-blocks .btn-default.custom-dropdown:active, .cmp-blocks .btn-default.custom-dropdown.active { color: #5f259f !important; /* border-color:#0096e6; */ border-bottom: 3px solid #5f259f; border-radius: 0; padding-bottom: 6px !important; } .cmp-blocks .open > .dropdown-toggle.btn-default.cust-drop-btn { color: #5f259f !important; /* border-color:#0096e6; */ border-bottom: 3px solid #5f259f; border-radius: 0; padding-bottom: 6px !important; } /* .myspark-container .dropdown-menu>li>a:hover, .myspark-container .dropdown-menu>li>a:focus{ color:#0096e6; } */ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #0096e6; background: #fff; } .close-box { top: 5px; right: 20px; } .device-compare .cmp-blocks:last-child .tile-spacer .close-box { right: 0; } .btn-popup.device-compare .icon-close { color: #0096e6; } .device-storage-label > span { display: block; } .div-viewdetail > a { color: #0096e6; } .div-viewdetail > a .icon-arrow-right { font-size: 14px; margin-left: 4px; vertical-align: middle; } .div-viewdetail > a:hover { color: #007cbd; text-decoration: none; } .comp-lst li .icon-select-f { color: #5f259f; font-size: 30px; } .comp-lst li .icon-close { /*background: #b2b2b2 none repeat scroll 0 0; border-radius: 30px; color: #fff; font-size: 12px; font-weight: bold; height: 18px; margin: 0 auto; padding: 4px 0 0; width: 18px;*/ font-size: 18px; color: #666; } .ttl-compare { font-size: 21px; line-height: 30px; } /*.device-box .device-default-block { width: 155px; height: 210px; margin: 0 auto; margin-top: 65px; } .device-box .device-default-block img{ width:85%; }*/ /*Added by Arpit*/ .med-text { height: 75px; } .lar-text { height: 96px; } .info-unavailable { color: #ccc !important; margin: 0 !important; } @media screen and (max-width: 1169px) { .device-compare .print-device-grid { display: none; margin-right: 15px; } } @media (max-width: 939px) { .device-compair-block { padding-left: 0; } .spec-list { width: 34vw; top: 421px; /* top:425px; */ } .cmp-blocks { width: 300px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #0096e6; background: #fff; } /*Added by Arpit*/ .med-text { height: 48px; } .lar-text { height: 66px; } .device-compare > .container > .row { margin: 0 -10px; } .device-compair-block .slick-slider { margin-left: 34vw; width: 66vw; } } /*Popup*/ .device-compare { width: 100%; margin: 0 auto; overflow: hidden; } @media screen and (min-width: 940px) { .cmp-blocks { width: 33%; float: left; } .spec-list { top: 421px; } } @media screen and (max-width: 430px) { .cmp-blocks { width: 250px; } .device-default-block { padding: 0 50px; } .spec-list { /*top:310px;*/ /*373*/ /*Aem Fix*/ } .device-compare .tile-spacer { border-right: 10px solid #e8e8e8; } } @media screen and (max-width: 380px) { .cmp-blocks { width: 190px; } .spec-list { /*top:309px;*/ } } @media screen and (max-width: 327px) { .spec-list { /*top:329px;*/ } /*Added by Arpit*/ .med-text { height: 68px; } .lar-text { height: 86px; } } /*Aem fix*/ @media screen and (max-width: 639px) { .cmp-blocks { min-width: 190px; max-width: 345px; } .device-compair-block { padding-left: 110px; } .spec-list { width: 34vw; } .device-compair-block { padding-left: 0px; } .device-compair-block .slick-slider { margin-left: 34vw; width: 66vw; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #0096e6; background: #fff; } .comp-lst li { font-size: 14px !important; } .comp-lst li.prod-title-txt { font-size: 16px !important; } .ttl-compare { font-size: 16px; line-height: auto; } .spec-list .comp-lst li { padding: 15px; } .comp-lst li { padding: 15px; } .comp-lst .drop-box-list { /*padding: 0 35px 0 2px;*/ } #deviceGalleryProducts .col-xs-12, .device-default-block { padding: 0; } /*Added by Arpit */ .med-text { height: 69px; } .lar-text { height: 87px; } .h-280 { height: 326px !important; } .device-compare { width: 100%; } .spec-list { left: 10px; top: 421px; } .cmp-blocks { width: 50vw !important; } .spec-list .comp-lst li, .comp-lst li { padding: 0 10px; } .drop-box-list .custom-dropdown { width: 93%; } } .device-compare-panel { bottom: 0; opacity: 1; position: fixed; transition: height 0.5s ease-out 0s; width: 100%; left: 0; z-index: 999; } .h-0 { height: 0; opacity: 0; } .h-280 { height: 280px; opacity: 1; } .h-35 { height: 28px; } .compare-panel-container.panel-theme { padding-bottom: 24px; } .compare-panel-inner .hidden-sm.hidden-xs:nth-child(3) .col-md-4.col-lg-4.br-rt { border-right: 0 none; } .dev-remove { background: #fff none repeat scroll 0 0; border-radius: 50px; color: #0096e6; cursor: pointer; height: 21px; padding: 4px; width: 21px; } .dev-remove:hover { background: #0096e6 none repeat scroll 0 0; color: #fff; } .dev-remove .icon-close::before { font-size: 14px; vertical-align: top; } .aem-AuthorLayer-Edit .device-compare-panel { position: relative; } .spec-list .comp-lst li, .device-box .comp-lst li { display: flex; flex-direction: column; justify-content: center; } .comp-lst .dropdown-menu > li > a { color: #666; } .contact-form-blk { margin: 30px 0; } #contactus-form .icon-arrow-down.pull-right { color: #666; padding-top: 5px; transition: all 0.5s ease 0s; } #contactus-form .custom-dropdown.open .icon-arrow-down.pull-right { transform: rotate(180deg); color: #13a4de; } #nearestCity #dropdownMenu1 label.in-lab-added, #companySize #dropdownMenu2 label.in-lab-added { color: #333; font-size: 22px; } .contact-content hr { border-color: #e8e8e8; } .contact-form .panel-theme { /*padding:0 100px 75px 100px;*/ } .contact-form .panel-theme h3.purple { color: #6C3483; } .contact-form .panel-theme .underline { background: #6C3483; } .contact-form .form-control:focus { border-color: black; } .contact-content h5 { color: #333; } .floating-container { height: 40px; margin-top: 30px; position: relative; } .contect-second-block { margin-top: 35px; } h5.contact-num { display: inline-block; border-bottom: 2px solid #333; padding-bottom: 2px; margin-top: 0; } .custom-dropdown a { text-decoration: none; } .dropdown.custom-dropdown .caret1 { background-image: url(../../../apps/sparkdigital/components/content/contact-us/clientlib/img/select-box.png) !important; width: 15px; height: 10px; margin-top: 10px; } .dropdown.custom-dropdown.open .caret1 { background-image: url(../../../apps/sparkdigital/components/content/contact-us/clientlib/img/select-box-open.png) !important; width: 15px; height: 10px; margin-top: 10px; } .cust-drop-btn { width: 100%; text-align: left; padding-bottom: 15px !important; background: none; } .cust-drop-btn:hover, .cust-drop-btn:active { background: #fff !important; -webkit-tap-highlight-color: #fff; } .custom-dropdown .dropdown-menu { width: 100%; border: none; border-radius: 0; box-shadow: 0 2px 8px #e8e8e8; } .btn-default.custom-dropdown:active, .btn-default.custom-dropdown.active { background-color: #fff !important; /* border-color:#0096e6; */ border-bottom: 3px solid #0096e6; border-radius: 0; } .open > .dropdown-toggle.btn-default.cust-drop-btn { background-color: #fff !important; /* border-color:#0096e6; */ border-bottom: 3px solid #0096e6; border-radius: 0; } .contact-content h3 { font-size: 22px; } .cust-textarea { margin-top: 40px; } .cust-textarea .input-label { font-size: 16px; font-weight: normal; margin-bottom: 20px; } .cust-textarea textarea { border-left: none; border-right: none; border-top: 3px solid #e8e8e8; border-bottom: 3px solid #e8e8e8; resize: none; height: 100px; box-shadow: none; border-radius: 0; } .contact-form textarea.form-control:focus { border: none; box-shadow: none; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } .drop-val { font-size: 22px; border-width: 0 0 3px !important; border-color: #666; border-radius: 0; } .contact-content { /*padding:15px 15px 15px 75px;*/ } .success-tick { width: 53px; height: 52px; background: url("../../../apps/sparkdigital/components/content/contact-us/clientlib/img/success.png") no-repeat; display: inline-block; } .contact-panel .plan-action { padding: 17px 45px; background: #0096e6; line-height: 18px; outline: 0; } .contact-panel .plan-action span { position: relative; /*padding-right: 22px;*/ font-size: 18px; vertical-align: middle; } .contact-panel .plan-action:hover, .contact-panel .plan-action:focus { outline: 0; border: 0; } .contact-panel .has-error { color: red !important; } .contact-panel .has-error .form-control { border-color: red; } /* .contact-panel .plan-action span:after{ display: inline-block; content: ""; position: absolute; right: 0; top: 3px; width: 9px; height: 15px; background: url("../../../apps/sparkdigital/components/content/contact-us/clientlib/img/btn-arrow-rt.png") no-repeat right center; } */ a.call-us { color: #333; } a.contact-email { color: #333; display: inline-block; border-bottom: 1px solid #333; } /* select{ -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(../../../apps/sparkdigital/components/content/contact-us/clientlib/img/select-box.png)!important; background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: inherit; margin: 0; overflow: hidden; padding-top: 2px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; width:100%; } select:focus{ background-image: url(../../../apps/sparkdigital/components/content/contact-us/clientlib/img/select-box-open.png)!important; } */ .custom-select { border: none; border-radius: none; border-bottom: 1px solid #ccc; font-size: 22px; } /* option:selected { background-image: url(../../../apps/sparkdigital/components/content/contact-us/clientlib/img/select-box.png)!important; } */ /* .contact-form .form-control:focus{ border-color:red; } */ .myspark-container .floating-container input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color #e8e8e8; border-image: none; border-radius: 0; border-style: none none solid; border-width: 0 0 3px; color: #333; font-size: 22px; padding: 0; position: absolute; transition: none 0s ease 0s; z-index: 2; box-shadow: none; } .myspark-container .floating-container label.input-label { color: #666666; font-size: 16px; left: 0; margin: 0; position: absolute; top: 0; transition: all 0.2s ease 0s; width: 100%; z-index: 1; font-weight: normal; } .myspark-container .floating-container input:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #333; border-image: none; border-style: none none solid; border-width: 0 0 1px; box-shadow: none !important; outline: medium none; } .myspark-container .floating-container input:focus ~ label.input-label { color: #333; font-size: 14px; top: -20px; } .myspark-container .floating-container input:valid ~ label.input-label { color: #666; font-size: 14px; top: -20px; } .myspark-container .floating-container input:focus { color: #0096e6; /*green*/ border-color: #0096e6; } .myspark-container .floating-container input:focus ~ label.input-label { color: #666; /*orange*/ } .myspark-container .dropdown-menu > li > a { padding: 10px; } .myspark-container .dropdown-menu > li > a:hover, .myspark-container .dropdown-menu > li > a:focus { color: #0096e6; } /**Contact success css **/ .success-block { width: 400px; margin: 50px auto; } .success-block .underline { height: 5px; width: 106px; border: 0; background: #5f259f; margin: 16px auto 23px; } /**Contact success css ends**/ .floating-container .dropdown.short { float: left; min-width: 18%; } .myspark-container .floating-container .dropdown button { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #e8e8e8; border-image: none; border-style: none none solid; border-width: 0 0 3px; padding: 0; box-shadow: none; border-radius: 0; } .myspark-container .floating-container .dropdown button.selected { background: #fff none repeat scroll 0 0; color: #666666 !important; font-size: 22px; } .myspark-container .floating-container .dropdown button::after { font-size: 25px; right: -8px; top: 8px; } .myspark-container .floating-container .dropdown button:focus ~ label, .myspark-container .floating-container .dropdown button:valid ~ label { font-size: 14px; top: -20px; } .myspark-container .floating-container .dropdown button::after { color: #13a4de; } .myspark-container .floating-container .dropdown.short .dropdown-menu { border-radius: 0; height: 220px; min-width: 100%; } .myspark-container .floating-container.input-dropdown input { width: 100%; z-index: 2; } .myspark-container .floating-container.input-dropdown label { background: #fff none repeat scroll 0 0; bottom: 6px; display: block; height: 34px; left: 0; width: 70%; z-index: 1; } .myspark-container .floating-container.input-dropdown input:focus ~ label, .myspark-container .floating-container.input-dropdown input:valid ~ label { background: transparent none repeat scroll 0 0; border: 0 none; } .myspark-container .floating-container.input-dropdown input:focus, .myspark-container .floating-container.input-dropdown input:valid { right: 0; width: 76%; } @media screen and (max-width: 330px) { .floating-container .dropdown.short { min-width: 20%; } .myspark-container .floating-container.input-dropdown input:focus, .myspark-container .floating-container.input-dropdown input:valid { width: 72%; } .myspark-container .floating-container.input-dropdown .bar.bar1 { left: 0; width: 20% !important; } } .floating-container.input-dropdown .dropdown.short { left: 0; position: absolute; width: 100%; z-index: 3; } .myspark-container .floating-container.input-dropdown label { cursor: auto; height: 33px; width: 100%; z-index: 4; } .myspark-container .floating-container.input-dropdown .dropdown.short { width: 18%; } .myspark-container .floating-container.input-dropdown.moving input { right: 0; width: 76%; } .myspark-container .floating-container.input-dropdown.moving .bar::before, .myspark-container .floating-container.input-dropdown.moving .bar::after { z-index: 4; } .myspark-container .floating-container.input-dropdown.moving label { font-size: 14px; height: 20px; top: -20px; } .myspark-container .floating-container.input-dropdown.moving .bar::before, .myspark-container .floating-container.input-dropdown.moving .bar::after { width: 50%; } .myspark-container .floating-container.input-dropdown .bar { right: 0; width: 76%; } .myspark-container .floating-container.input-dropdown .bar.bar1 { left: 0; width: 18%; } .myspark-helpicon { display: block; position: absolute; right: 0; top: 0; z-index: 9999; } .myspark-helpicon:hover, .myspark-helpicon:active, .myspark-helpicon:visited { cursor: pointer; outline: medium none; text-decoration: none; } .floating-container a:hover, .floating-container a:focus { cursor: pointer; outline: medium none; text-decoration: none; } .circleicon { border: 1px solid #13a4de; border-radius: 60px; height: 18px; line-height: 8px; padding: 5px 4px 4px; width: 18px; } .floating-help { transition: all 0.2s ease 0s; } .floating-help .help-icon-txt { display: inline-block; transition: all 0.2s ease 0s; } .myspark-container .floating-container input:focus ~ a.floating-help .help-icon-txt, .myspark-container .floating-container input:valid ~ a.floating-help .help-icon-txt { display: none; } .myspark-container .floating-container input:focus ~ a.floating-help, .myspark-container .floating-container input:valid ~ a.floating-help { border: 1px solid #13a4de; border-radius: 60px; font-size: 14px; height: 18px; line-height: 8px; padding: 4px; top: -20px; width: 18px; } .myspark-container .floating-container.moving a.floating-help { border: 1px solid #13a4de; border-radius: 60px; font-size: 14px; height: 18px; line-height: 8px; padding: 4px; top: -20px; width: 18px; } .bar { bottom: 4px; display: block; outline: medium none; position: absolute; width: 100%; } .bar::before, .bar::after { background: #0096e6 none repeat scroll 0 0; bottom: 1px; content: ""; height: 2px; position: absolute; transition: all 0.2s ease 0s; width: 0; z-index: 2; } .bar::before { left: 50%; } .bar::after { right: 50%; } .myspark-container .floating-container input:focus ~ .bar::before, .myspark-container .floating-container input:focus ~ .bar::after { width: 50%; } .signin-checkbox { margin-top: 10px; } .contact-panel { margin: 0 10px; } .signin-checkbox input[type="checkbox"] + label span { background: rgba(0, 0, 0, 0) url("../../../apps/sparkdigital/components/content/content/dam/telecomcms/images/sprite/checkradio.png") no-repeat scroll -37px 0/67px auto; height: 30px; vertical-align: calc(-8px); } .signin-checkbox input[type="checkbox"]:checked + label span { background-position: -37px -30px; } .emailaddress { margin-top: 30px; padding: 20px 0; text-align: center; } .emailaddress label { color: #a6a6a6; font-size: 18px; } .device-details.contact-details button { max-width: 100%; } /* Start - contact us form */ .modal-open .cust-pop-sd ~ .modal-backdrop.fade.in { background-color: #fff; } .modal-open .cust-pop-sd ~ .modal-backdrop.in { opacity: 0.8; } .modal.cust-pop-sd .modal-dialog { margin: 50px auto !important; } .modal.cust-pop-sd .modal-header { border: 0; } .modal.cust-pop-sd .modal-header .close { margin-top: 0; } .modal.cust-pop-sd .modal-content { border: 0 none; border-radius: 0; box-shadow: 1px 1px 10px #e8e8e8; } .myspark-container .floating-container .dropdown.custom-dropdown.dropdown-has-error #dropdownMenu1, .myspark-container .floating-container .dropdown.custom-dropdown.dropdown-has-error #phone, .myspark-container .floating-container .dropdown.custom-dropdown.dropdown-has-error #dropdownMenu2 { border-color: #ff0000; } .contact-error-blk .error-block .underline { margin-left: auto; margin-right: auto; text-align: center; } .error-block { margin: 50px auto; width: 400px; } .contact-error-blk .red { color: #ff0000; } .contact-error-blk .red_bg { background: #ff0000; } .contact-success-blk, .contact-error-blk { /* height: 100vh!important;*/ } .cust-pop-sd .close { color: #333; opacity: 1; } .cust-pop-sd .close:hover { color: #333; opacity: 1; } .contact-form.fullwidth { background: #fff none repeat scroll 0 0; height: 100vh; } @media (max-width: 939px) { .panel-theme.contact-panel { padding: 0 100px 50px 100px; } .contact-content { /*padding:15px 0;*/ /*padding:15px 15px 15px 15px;*/ } #contactus-form .myspark-container .row { margin: 0 -10px; } .contact-content { margin-top: 40px; } .contact-form-blk { margin: 40px 0; } .contact-us .contact-content .contact-num { font-size: 16px; } .cust-pop-sd .modal-dialog.container { margin: 0 !important; } .error-block { margin: 50px auto; } } .myspark-container .dropdown.custom-dropdown.dropdown-has-error #dropdownMenu1 .input-label, .myspark-container .dropdown.custom-dropdown.dropdown-has-error #phone .input-label, .myspark-container .dropdown.custom-dropdown.dropdown-has-error #dropdownMenu2 .input-label { color: #ff0000; } .contact-error-blk .icon-close { color: #ff0000; } .contact-success-blk .icon-select-f { color: #008000; } .contact-error-blk .icon-close, .contact-success-blk .icon-select-f { font-size: 50px; margin-bottom: 35px; font-weight: bold; } @media screen and (max-width: 639px) { .panel-theme.contact-panel { padding: 0 50px 50px 50px; } .contact-content { /*padding:15px 0;*/ } .myspark-container .floating-container input { font-size: 18px; } .floating-container .dropdown.short { min-width: 18%; } .myspark-container .floating-container.input-dropdown input:focus, .myspark-container .floating-container.input-dropdown input:valid { width: 76%; } .myspark-container .floating-container .dropdown button.selected { font-size: 18px; } #contactus-form .myspark-container .row { margin: 0 -10px; } .success-block { width: 230px; margin: 50px auto; } .error-block { margin: 50px auto; width: 230px; } #nearestCity #dropdownMenu1 label.in-lab-added, #companySize #dropdownMenu2 label.in-lab-added { font-size: 18px; } .fullwidth.contact-form > .row { margin: 0 -10px; } .fullwidth.contact-form > .row > .col-xs-10.col-xs-offset-1.col-sm-8.col-sm-offset-2.col-md-10.col-md-offset-1 { padding: 0; } .contact-panel { margin: 0; } } /* End - contact us form */ .plan-action.mob-btn-sm { margin-top: 40px; height: 56px; min-width: 168px !important; width: auto !important; padding: 16px; float: left; } .not-sur-img { width: 345px; /*margin:0 auto;*/ } .not-sur-img img { width: 100%; } .sp-bot-25 { margin-bottom: 25px; } .category-where-to-start a { text-decoration: none; } .category-where-to-start p { text-decoration: none; color: #333333; } #category-whr-to-strt-title { color: #000000; font-size: 30px; } /*Tab Css */ @media screen and (max-width: 939px) and (min-width: 640px) { .plans-grid.cust fieldset, .plans-grid.cust button { max-width: 300px; } div.not-sur-img { height: 230px; width: 230px; } .plan-action.mob-btn-sm { min-width: 168px !important; width: auto !important; } } /*Mobile CSS*/ @media screen and (max-width: 639px) { div.not-sur-img { height: 280px; width: 280px; } #category-whr-to-strt-title { margin-top: 16px; font-size: 24px; } .no-left-padding { padding-left: 0px; } .mobile-not-sure-btn-width { width: 100% !important; } .not-sure-mobile .row.sp-bot-25 { margin: 0 -10px; } .plan-action.mob-btn-sm { display: inline-block; padding: 16px 16px; width: auto !important; } } .manual { list-style: none; } .plans-grid .col-sm-6 h2 { color: #333; } b { font-family: "AvenirNextLTPro-Bold"; font-weight: normal; } .not-sure-btn-div { margin: 0 50% 0 0% !important; } .cat-mobile-img { margin: 0 auto; } /*category getstarted CSS*/ .sp-out-top-30 { margin-top: 30px; } .cat-getstarted-block { width: 100%; background: #fff; margin-right: 30px; display: inline-block; margin-bottom: 30px; text-align: left; vertical-align: top; min-height: 425px; } .cat-get-spacer { padding: 25px 55px 0 55px; } .cat-btn-blk { margin: 0 10%; } .cat-getstarted-block .second-blk { padding: 25px 50px; top: 0; } .cat-getstarted-block h3 { width: 292px; } .cat-getstarted-block .underline { height: 5px; width: 106px; margin-bottom: 23px; border: 0; margin-left: 0; float: left; } .cgs-txt-des { min-height: 215px; } .cat-getstarted-block p, .cat-getstarted-block ul, .cat-getstarted-block ol { clear: both; word-wrap: break-word; min-height: 120px; } .cat-getstarted-block .second-blk h3, .cat-getstarted-block .second-blk p { color: #fff; } .cat-getstarted-block .second-blk .underline { background: #fff; } .cat-getstarted-block .second-blk img { background-size: 100%; } .cat-getstarted-block .plan-action { padding-top: 17px; padding-bottom: 17px; display: block; width: 100%; background: #0096e6; line-height: 18px; } .cat-getstarted-block .plan-action span { position: relative; padding-right: 22px; font-size: 18px; } .cat-getstarted-block .plan-action span:after { display: inline-block; content: ""; position: absolute; right: 0; top: 3px; width: 9px; height: 15px; background: url("../sparkdigital/clientlib-site/img/btn-arrow-rt.png") no-repeat right center; } .h2-cat-spacer { margin-left: 85px; } .pad-100 { padding: 0 100px; } .category-get-started-btn { width: 300px; margin: 40px auto 0; } .category.category-mobile-plans { min-height: 540px; } /*Mobile CSS*/ @media screen and (max-width: 639px) { .cat-getstarted-block { width: 100%; max-width: 500px; } .cat-getstarted-block p, .cat-getstarted-block ul, .cat-getstarted-block ol { word-wrap: break-word; } .cat-getstarted-block .plan-action { padding-left: 0; padding-right: 0; } .cat-btn-blk { padding-left: 0; padding-right: 0; } .h2-cat-spacer { text-align: left; margin-left: 0; } .cat-getstarted-block .category-get-started-btn { width: 100%; margin: 33px 0 20px 0; } .cat-get-spacer { padding: 25px 0 0; } .cat-btn-blk { margin: 0; } .cat-getstarted-block .category-get-started-btn { margin: 33px 0 0; } .cat-get-spacer > h3, .cat-get-spacer > .underline, .cat-get-spacer > .cgs-txt-des { margin-left: 30px; margin-right: 30px; } .cat-get-spacer > a { margin-left: 30px; margin-right: 30px; margin-top: 0 !important; } .cat-getstarted .col-lg-6.col-sm-6 { padding: 0; } .cat-getstarted-block { min-height: 245px; min-width: 260px; } .category-getstarted .sp-out-top-70 { margin-top: 34px !important; } .category-getstarted .introduction.sp-out-top-50 > h3 { font-size: 32px !important; } .cat-getstarted-block .plan-action span { font-size: 16px !important; } .cgs-txt-des { min-height: 0px; } .cat-getstarted-block p, .cat-getstarted-block ul, .cat-getstarted-block ol { min-height: 0px; } .cat-getstarted-block p { min-height: 60px; } .cat-getstarted-block h3 { width: auto !important; } .category.category-mobile-plans { min-height: auto; } } .second-blk.pos-abs > a { color: #fff; display: inline-block; margin-right: 30px; outline: 0 none; padding: 20px 0 36px; position: relative; text-decoration: underline; } .cat-get-spacer > a { bottom: 85px; text-decoration: underline; display: block; margin-top: 55px; } .introduction.sp-out-top-50 h3 { color: #333; } .btn-primary:hover { color: #fff; background-color: #007CBD; border-color: #204d74; } .fontcolor:hover { color: #23527c !important; text-decoration: underline; } .category-getstarted .introduction.sp-out-top-50 > h3 { font-size: 38px; } .cat-get-spacer .cgs-txt-des a { text-decoration: underline; } .cat-get-spacer .cgs-txt-des a:hover { color: #333; } .cat-get-spacer .white a { color: #fff !important; } .cat-get-spacer .white a:hover { color: #fff !important; } .cat-get-spacer .black a { color: #333 !important; } .cat-get-spacer .black a:hover { color: #333 !important; } /*Tab Css */ @media screen and (max-width: 939px) and (min-width: 640px) { .pad-100 { padding: 0; } .cat-getstarted-block { width: 100%; margin-right: 15px; } .cat-getstarted-block.pos-rel { margin-right: 0; } .cat-btn-blk { margin: 0 5%; } .cat-getstarted-block .second-blk { padding: 25px 50px 0; top: 0; } .cat-getstarted-block p, .cat-getstarted-block ul, .cat-getstarted-block ol { word-wrap: break-word; } .h2-cat-spacer { margin-left: 0; text-align: left; } .cat-getstarted-block { min-height: 350px; } .category-getstarted .introduction.sp-out-top-50 > h3 { font-size: 32px; } .cat-getstarted-block .plan-action span { font-size: 16px; } .newCustImgDiv, .exstCustImgDiv { max-width: 300px; min-height: 370px; } .cgs-txt-des { min-height: 165px; } .cat-getstarted-block { width: 100%; margin-right: 15px; } .cat-getstarted-block.pos-rel { margin-right: 0; } .cat-getstarted-block.pos-rel.second-blk.exstCustImgDiv { height: 365px; } .cat-get-spacer { padding: 25px 35px 0 35px; } .cat-btn-blk { margin: 0 5%; } .cat-getstarted-block .second-blk { padding: 25px 50px 0; top: 0; } .cat-getstarted-block p, .cat-getstarted-block ul, .cat-getstarted-block ol { word-wrap: break-word; } .h2-cat-spacer { margin-left: 0; text-align: left; } .cat-getstarted-block h3 { width: auto !important; } .category.category-mobile-plans { min-height: 365px; } } .availableExtras .productDescription { word-wrap: break-word; } .availableExtras .area-block a:hover { color: #333333 !important; } .availableExtras .slick-dotted.slick-slider { margin-bottom: 0; } .availableExtras .underline { margin-top: 13px !important; } .availableExtras p { color: #666666; } .availableExtras .extras { color: #333333; } @media screen and (max-width: 639px) { .availableExtras .extras { margin-bottom: 0; } } @media only screen and (min-device-width: 940px) and (max-device-width: 1200px) { .availableExtras .gallery.slider2 .area-block { width: 235px; padding-right: 10px; } .availableExtras .gallery.slider2 .area-block h3 { width: 235px; padding-right: 10px; } .availableExtras .gallery.slider2 .area-block p { width: 99%; padding-right: 1%; } } .downloadText { padding-top: 2%; } .downloadText a, .downloadText span { color: #333; cursor: pointer; text-decoration: underline; } .affiliates-form .panel-theme { padding: 0; } .cal-icon { width: 22px; height: 20px; position: absolute; right: 0; background: url("../../../apps/sparkdigital/components/content/affiliatesformcomponent/clientlib/img/date-picker-icon-22x20.png") no-repeat; } .panel-theme.affiliates-panel.affiliates { background: none !important; } .affiliates hr { border-top: 1px solid #333 !important; } .affiliates-form .panel-theme h3.purple { color: #5f259f; } .affiliates-form .panel-theme .underline { background: #5f259f; margin-left: auto; margin-right: auto; } .affiliates-form-blk h3 { color: #333; } .affiliates-form .form-control:focus { border-color: black; } .affiliates-floating-container { height: 40px; margin-top: 30px; position: relative; } .affiliates .checkbox { margin-top: 30px; } .form-inn-cont { padding: 60px 7% 0; } .affiliates-form .contect-second-block { margin-top: 90px; } .affiliates-form h3.contact-num { text-decoration: underline; } .affiliates-form .custom-dropdown a { text-decoration: none; } .affiliates-form .dropdown.custom-dropdown .caret1 { width: 15px; height: 10px; margin-top: 10px; } .affiliates-container .info-icon-pos { position: absolute; right: 0; top: 5px; z-index: 999; } .affiliates-floating-container .icon-information::before { color: #007cbd; font-size: 20px; } .affiliates-form .dropdown.custom-dropdown.open .caret1 { width: 15px; height: 10px; margin-top: 6px; } .affiliates-form .dropdown.custom-dropdown.open .caret1.icon-arrow-down:before { content: "\e006"; } .affiliates-form .cust-drop-btn { width: 100%; text-align: left; padding-bottom: 15px !important; background: none; } .affiliates-floating-container .cust-drop-btn:hover, .affiliates-floating-container .cust-drop-btn:active { /* background:#fff !important; */ -webkit-tap-highlight-color: #fff; background: transparent; } .affiliates-floating-container .custom-dropdown .dropdown-menu { width: 100%; border: none; box-shadow: 0 10px 10px #aaa; } .affiliates-floating-container .btn-default.custom-dropdown:active, .affiliates-floating-container .btn-default.custom-dropdown.active { /* background-color:#fff !important; */ /* border-color:#0096e6; */ border-bottom: 3px solid #0096e6; background: transparent; border-radius: 0; } .affiliates-floating-container .open > .dropdown-toggle.btn-default.cust-drop-btn { /* background-color:#fff !important; */ /* border-color:#0096e6; */ border-bottom: 3px solid #0096e6; background: transparent; border-radius: 0; } .affiliates-content h3 { font-size: 22px; } .affiliates-form textarea.form-control:focus { border: none; box-shadow: none; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } .drop-val { font-size: 22px; /*border-width:0 0 3px !important;*/ border-color: #666; border-radius: 0; } .affiliates-content { padding: 15px; } .list-style { list-style-type: none; } .affiliate-plan input[type="radio"] { display: none; } .affiliate-plan input[type="radio"] + .label-text:before { border: 1px solid #b2b2b2; border-radius: 30px; content: ""; display: block; float: left; height: 20px; margin-right: 10px; margin-top: 8px; width: 20px; } .affiliate-plan input[type="radio"]:checked + .label-text:before { font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .affiliates-form .dropdown.custom-dropdown.open .caret1.icon-arrow-down:before { font-family: "spark-icon-family"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .affiliate-plan input[type="radio"]:checked + .label-text:before { /*content:url('../../../apps/sparkdigital/components/content/affiliatesformcomponent/clientlib/img/checked.jpg');*/ content: "\e082"; font-size: 26px; margin-left: -2px; margin-right: 12px; margin-top: 4px; border: 0 none; color: #007cbd; } .affiliate-plan .label-text { vertical-align: top; cursor: pointer; font-weight: normal; line-height: 2em; } .filter label { display: block; margin-bottom: 10px; } .row.plan-container-div { margin: 0; } @media (max-width: 939px) { .affiliates-content { padding: 15px 0; } } .affiliates-panel .plan-action { background: #0096e6 none repeat scroll 0 0; line-height: 18px; min-width: 168px; padding: 17px 16px; } .affiliates-panel .plan-action span { position: relative; padding-right: 22px; font-size: 18px; } .affiliates-panel .plan-action span:after { display: inline-block; content: ""; position: absolute; right: 0; top: 3px; width: 9px; height: 15px; background: url("../../../apps/sparkdigital/components/content/affiliatesformcomponent/clientlib/img/btn-arrow-rt.png") no-repeat right center; } .affiliates-panel .has-error { color: red !important; } .affiliates-panel .has-error .form-control { border-color: red; } .custom-select { border: none; border-radius: none; border-bottom: 1px solid #ccc; font-size: 22px; } .affiliates-floating-container .glyphicon.glyphicon-check { border: 1px solid #b2b2b2; height: 14px; width: 14px; } .affiliates-floating-container .glyphicon.glyphicon-check::before { content: ""; } .affiliates-container .affiliates-floating-container input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color #b2b2b2; border-image: none; border-radius: 0; border-style: none none solid; border-width: 0 0 1px; color: #333; font-size: 22px; padding: 0; position: absolute; transition: none 0s ease 0s; z-index: 2; box-shadow: none; } .affiliates-container .affiliates-floating-container label.input-label { /*color: red;*/ font-size: 18px; left: 0; margin: 0; position: absolute; top: 0; transition: all 0.2s ease 0s; width: 100%; z-index: 1; font-weight: normal; } .affiliates-container .affiliates-floating-container input:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #333; border-image: none; border-style: none none solid; border-width: 0 0 1px; box-shadow: none !important; outline: medium none; } .affiliates-container .affiliates-floating-container input:focus ~ label.input-label { color: #333; font-size: 14px; top: -20px; } .affiliates-container .affiliates-floating-container input:valid ~ label.input-label { color: #666; font-size: 14px; top: -20px; } .affiliates-container .affiliates-floating-container input:focus { color: #0096e6; /*green*/ border-color: #0096e6; } .affiliates-container .affiliates-floating-container input:focus ~ label.input-label { color: #666; /*orange*/ } .affiliates-container .dropdown-menu > li > a { padding: 10px; } .affiliates-container .dropdown-menu > li > a:hover, .affiliates-container .dropdown-menu > li > a:focus { color: #0096e6; } /**Contact success css **/ /*.contact-success-blk{ height:90vh; } .success-block { width: 230px; height: 230px; position: absolute; left: 50%; top: 50%; margin-left: -115px; margin-top: -115px; } .success-block .underline{ height: 5px; width: 106px; margin-top: 16px; margin-bottom: 23px; border: 0; margin-left:auto !important; background:#6C3483; } */ /**Contact success css ends**/ .affiliates-floating-container .dropdown.short { float: left; min-width: 18%; } .affiliates-container .affiliates-floating-container .dropdown button { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #ccc; border-image: none; border-style: none none solid; border-width: 0 0 1px; padding: 0; border-radius: 0; } .affiliates-container .affiliates-floating-container .dropdown button.selected { background: #fff none repeat scroll 0 0; color: #666666 !important; font-size: 22px; } .affiliates-container .affiliates-floating-container .dropdown button::after { font-size: 25px; right: -8px; top: 8px; } .affiliates-container .affiliates-floating-container .dropdown button:focus ~ label, .affiliates-container .affiliates-floating-container .dropdown button:valid ~ label { font-size: 14px; top: -20px; } .affiliates-container .affiliates-floating-container .dropdown button::after { color: #13a4de; } .affiliates-container .affiliates-floating-container .dropdown.short .dropdown-menu { border-radius: 0; height: 220px; min-width: 100%; } .affiliates-container .affiliates-floating-container.input-dropdown input { width: 100%; z-index: 2; } .affiliates-container .affiliates-floating-container.input-dropdown label { background: #fff none repeat scroll 0 0; bottom: 6px; display: block; height: 34px; left: 0; width: 70%; z-index: 1; } .affiliates-container .affiliates-floating-container.input-dropdown input:focus ~ label, .affiliates-container .affiliates-floating-container.input-dropdown input:valid ~ label { background: transparent none repeat scroll 0 0; border: 0 none; } .affiliates-container .affiliates-floating-container.input-dropdown input:focus, .affiliates-container .affiliates-floating-container.input-dropdown input:valid { right: 0; width: 76%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media screen and (max-width: 639px) { .form-inn-cont { padding: 40px 4% 0; } .affiliates-content { padding: 15px 0; } .affiliates-container .affiliates-floating-container input { font-size: 18px; } .affiliates-floating-container .dropdown.short { min-width: 18%; } .affiliates-container .affiliates-floating-container.input-dropdown input:focus, .affiliates-container .affiliates-floating-container.input-dropdown input:valid { width: 76%; } .affiliates-container .affiliates-floating-container .dropdown button.selected { font-size: 18px; } .terms > span { display: block; } } @media screen and (max-width: 330px) { .affiliates-floating-container .dropdown.short { min-width: 20%; } .affiliates-container .affiliates-floating-container.input-dropdown input:focus, .affiliates-container .affiliates-floating-container.input-dropdown input:valid { width: 72%; } .affiliates-container .affiliates-floating-container.input-dropdown .bar.bar1 { left: 0; width: 20% !important; } } .affiliates-floating-container.input-dropdown .dropdown.short { left: 0; position: absolute; width: 100%; z-index: 3; } .affiliates-container .affiliates-floating-container.input-dropdown label { cursor: auto; height: 33px; width: 100%; z-index: 4; } .affiliates-container .affiliates-floating-container.input-dropdown .dropdown.short { width: 18%; } .affiliates-container .affiliates-floating-container.input-dropdown.moving input { right: 0; width: 76%; } .affiliates-container .affiliates-floating-container.input-dropdown.moving .bar::before, .affiliates-container .affiliates-floating-container.input-dropdown.moving .bar::after { z-index: 4; } .affiliates-container .affiliates-floating-container.input-dropdown.moving label { font-size: 14px; height: 20px; top: -20px; } .affiliates-container .affiliates-floating-container.input-dropdown.moving .bar::before, .affiliates-container .affiliates-floating-container.input-dropdown.moving .bar::after { width: 50%; } .affiliates-container .affiliates-floating-container.input-dropdown .bar { right: 0; width: 76%; } .affiliates-container .affiliates-floating-container.input-dropdown .bar.bar1 { left: 0; width: 18%; } .myspark-helpicon { display: block; position: absolute; right: 0; top: 0; z-index: 9999; } .myspark-helpicon:hover, .myspark-helpicon:active, .myspark-helpicon:visited { cursor: pointer; outline: medium none; text-decoration: none; } .affiliates-floating-container a:hover, .affiliates-floating-container a:focus { cursor: pointer; outline: medium none; text-decoration: none; } .circleicon { border: 1px solid #13a4de; border-radius: 60px; height: 18px; line-height: 8px; padding: 5px 4px 4px; width: 18px; } .floating-help { transition: all 0.2s ease 0s; } .floating-help .help-icon-txt { display: inline-block; transition: all 0.2s ease 0s; } .affiliates-container .affiliates-floating-container input:focus ~ a.floating-help .help-icon-txt, .affiliates-container .affiliates-floating-container input:valid ~ a.floating-help .help-icon-txt { display: none; } .affiliates-container .affiliates-floating-container input:focus ~ a.floating-help, .affiliates-container .affiliates-floating-container input:valid ~ a.floating-help { border: 1px solid #13a4de; border-radius: 60px; font-size: 14px; height: 18px; line-height: 8px; padding: 4px; top: -20px; width: 18px; } .affiliates-container .affiliates-floating-container.moving a.floating-help { border: 1px solid #13a4de; border-radius: 60px; font-size: 14px; height: 18px; line-height: 8px; padding: 4px; top: -20px; width: 18px; } .bar { bottom: 4px; display: block; outline: medium none; position: absolute; width: 100%; } .bar::before, .bar::after { background: #0096e6 none repeat scroll 0 0; bottom: 1px; content: ""; height: 1px; position: absolute; transition: all 0.2s ease 0s; width: 0; z-index: 2; } .bar::before { left: 50%; } .bar::after { right: 50%; } .affiliates-container .affiliates-floating-container input:focus ~ .bar::before, .affiliates-container .affiliates-floating-container input:focus ~ .bar::after { width: 50%; } .signin-checkbox { margin-top: 10px; } .signin-checkbox input[type="checkbox"] + label span { background: rgba(0, 0, 0, 0) url("../../../apps/sparkdigital/components/content/content/dam/telecomcms/images/sprite/checkradio.png") no-repeat scroll -37px 0/67px auto; height: 30px; vertical-align: calc(-8px); } .signin-checkbox input[type="checkbox"]:checked + label span { background-position: -37px -30px; } .emailaddress { margin-top: 30px; padding: 20px 0; text-align: center; } .emailaddress label { color: #a6a6a6; font-size: 18px; } /*bootstrap icons*/ /*the first method: Using 2 tags with predefined bootstrap icons*/ .affiliates-floating-container input[type='checkbox'].tags-checkbox:checked + label > i:first-of-type { display: none; } .affiliates-floating-container input[type='checkbox'].tags-checkbox:checked + label > i:last-of-type { display: inline-block; } .affiliates-floating-container input[type='checkbox'].tags-checkbox + label > i:last-of-type { display: none; } .terms span { font-weight: normal; cursor: pointer; } .terms > span { margin-right: 20px; } .mar-rit { margin-right: 15px; } .affiliates-success-blk, .affiliates-error-blk { display: none; } .affiliates-form .affiliates-form-blk { padding-bottom: 40px; } .affiliates-error-blk .icon-close { color: #ff0000; font-size: 50px; margin-bottom: 10px; } .affiliates-error-blk .red { color: #ff0000; } .affiliates-form .affiliates-error-blk .red_bg { background: #ff0000 none repeat scroll 0 0; border: 0 none !important; } .affiliates-success-blk .icon-select-f.purple { font-size: 50px; margin-bottom: 20px; } .set-login-wrapper { height: 94%; height: 94vh; overflow: auto; } .set-login-wrapper h3 { margin-bottom: 15px; } .set-login-wrapper .steps { margin-top: 60px; } .set-login-wrapper .steps .step { margin-left: 76px; position: relative; margin-bottom: 60px; } .set-login-wrapper .steps .step .icon { position: absolute; left: -76px; font-size: 50px; top: -8px; } .set-login-wrapper .steps .step h4, .set-login-wrapper .steps .step .icon { color: #5f259f; } .set-login-wrapper .steps .step:nth-child(even) h4, .set-login-wrapper .steps .step:nth-child(even) .icon { color: #00af55; } .set-login-wrapper .steps .step h4, .set-login-wrapper .steps .step p { margin-bottom: 16px; } .set-login-wrapper .steps .step a { color: #0096e6; text-decoration: underline; } .set-login-wrapper .steps .step a:hover { text-decoration: none; } @media screen and (max-width: 939px) { .set-login-wrapper { height: 45%; height: 45vh; } } @media screen and (max-width: 639px) { .set-login-wrapper { height: 65%; height: 65vh; } .set-login-wrapper .steps { margin-top: 40px; } .set-login-wrapper .steps .step { margin-bottom: 40px; } } /*# sourceMappingURL=login-widget.css.map */ .ui-dialog-titlebar-close { font: normal 1em/1 Arial, sans-serif; display: inline-block; } .ui-dialog-titlebar-close:before { content: "\2716"; } div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text { display: inline-block; margin: 2px; vertical-align: middle; font-weight: bold; } #ManageRedirectsContainer { clear: both; } #ManageRedirectsContainer .jtable-main-container .jtable-bottom-panel select { color: #000 !important; } #ManageRedirectsContainer .jtable-main-container .jtable-bottom-panel select option { color: #000 !important; } #ManageRedirectsContainer div.jtable-main-container > table.jtable { border: 0; } #ManageRedirectsContainer div.jtable-main-container > table.jtable > thead { font-weight: bold; } #ManageRedirectsContainer div.jtable-main-container > table.jtable > thead tr th { font-size: 16px; font-weight: 600; text-align: left; color: #fff; padding: 4px 8px; border-bottom: solid 4px #e8e8e8; } #ManageRedirectsContainer div.jtable-main-container > table.jtable > tbody > tr > td { color: #333333; padding: 4px 8px; font-size: 16px; border: 0; border-bottom: solid 1px #e8e8e8; } #ManageRedirectsContainer div.jtable-main-container > div.jtable-title { visibility: hidden; height: 0; } #ManageRedirectsContainer div.jtable-main-container > div.jtable-title div.jtable-toolbar { visibility: visible; bottom: -28px; z-index: 1; } #ManageRedirectsContainer div.jtable-main-container > div.jtable-bottom-panel { font-weight: bold; } form.redirect-portal-form { padding-bottom: 20px; } .ui-widget { width: 50%; } .ui-widget .ui-widget-header { background: #1571d7; border: 0; } .jtable-edit-form .jtable-input input { width: 100%; } .jtable-create-form .jtable-input input { width: 100%; } #manage-redirect-component h2 { margin-top: 20px; text-transform: uppercase; } #manage-redirect-component input[type=text] { height: 26px; border: 1px solid #b4b4b4 !important; padding: 4px 8px; border-radius: 4px; height: 30px; font-size: 16px; box-shadow: none; outline: none; } #manage-redirect-component select { height: 26px; border: 1px solid #b4b4b4 !important; padding: 4px 8px; border-radius: 4px; height: 30px; font-size: 16px; box-shadow: none; outline: none; } #manage-redirect-component .filtering { margin-top: 10px; clear: both; } #manage-redirect-component .filtering h4 { float: left; } #manage-redirect-component .filtering .redirect-portal-form { float: right; } #manage-redirect-component .filtering select { cursor: pointer; } #manage-redirect-component .filtering input[type=text] { margin-right: 20px; } #manage-redirect-component .filtering button { margin-left: 20px; } #manage-redirect-component section[data-id] h4 { margin-bottom: 10px; } #manage-redirect-component section[data-id] button[data-id] { padding: 6px 20px; background-color: #1571d7; color: #ffffff; cursor: pointer; border: 1px solid #b4b4b4 !important; font-size: 14px; box-shadow: none; outline: none; font-weight: bold; } #generate-redirects-component { background: #eee; padding: 20px; display: block; margin-top: 10px; } #generate-redirects-component h4 { float: left; } #generate-redirects-component form { float: right; } #generate-redirects-component button { padding: 6px 20px; background-color: #1571d7; color: #ffffff; cursor: pointer; border: 1px solid #b4b4b4 !important; font-size: 14px; box-shadow: none; outline: none; width: 100px; line-height: inherit; font-weight: bold; } #download-redirects-component { background: #eee; padding: 20px; display: block; margin-top: 10px; } #download-redirects-component .redirect-export-csv { border-bottom: 1px solid #b2b2b2; padding-bottom: 10px; margin-top: 0; border: 0; padding: 0; } #download-redirects-component .redirect-export-csv button { margin-top: 5px; } #download-redirects-component h2 { margin-top: 0; } #download-redirects-component button { padding: 6px 20px; background-color: #1571d7; color: #fff; cursor: pointer; border: 1px solid #b2b2b2 !important; font-size: 14px; box-shadow: none; outline: none; float: right; width: 100px; line-height: inherit; font-weight: bold; } #download-redirects-component button a { color: #fff; } #download-redirects-component .clearfix { clear: both; } #download-redirects-component section[data-id] h4 { margin-bottom: 10px; float: left; } #bulk-upload-component { background: #eee; padding: 20px; display: block; margin-top: 10px; } #bulk-upload-component section[data-id] { margin-top: 0; } #bulk-upload-component section[data-id] h4 { margin-bottom: 10px; float: left; } #bulk-upload-component form { float: right; } #bulk-upload-component #upload-button-id { padding: 6px 20px; background-color: #1571d7; color: #ffffff; cursor: pointer; border: 1px solid #b4b4b4 !important; font-size: 14px; box-shadow: none; outline: none; width: 100px; font-weight: bold; } #bulk-upload-component .redirect-bulk-upload { border: 0; padding: 0; } #bulk-upload-component .redirect-bulk-upload label { min-width: 110px; min-height: 40px; background-color: #b4b4b4; color: #ffffff; cursor: pointer; line-height: 19px; height: 26px; border: 1px solid #b4b4b4 !important; font-size: 14px; box-shadow: none; outline: none; padding-left: 20px; padding-right: 20px; margin-top: 10px; text-align: center; font-family: AvenirNextLTPro-Demi, Helvetica, Arial, sans-serif; z-index: 1; margin-left: 20px; margin-top: 0; padding-top: 10px; font-weight: normal; display: inline-block; float: left; } #bulk-upload-component .redirect-bulk-upload .redirect-upload-text { display: inline-block; float: left; font-weight: bold; } #bulk-upload-component .redirect-bulk-upload .inputfile { display: inline-block; float: left; width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; margin-left: 20px; } #bulk-upload-component .redirect-bulk-upload .redirect-upload-selection { display: inline-block; float: left; padding-left: 20px; } #bulk-upload-component .clearfix { clear: both; } #bulk-upload-component #redirect-upload-error { clear: both; } #bulk-upload-component .drop-val { font-size: 16px; } #bulk-upload-component .form-inline input { display: inline-block; } /* * Copyright 2016 Adobe Systems Incorporated * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */