/* Deprecated as of 4.4.0 */ .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} }@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } .fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)} .fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)} :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} .fa-stack-1x,.fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center;} .fa-stack-1x { line-height: inherit;} .fa-stack-2x { font-size: 2em;} .fa-inverse { color: #ffffff;} /* EXTRA COLORS */ .x0{margin-bottom:0} .x1{margin-bottom:10px} .x2{margin-bottom:20px} .x3{margin-bottom:30px} .x4{margin-bottom:40px} .x5{margin-bottom:50px} .x6{margin-bottom:60px} .x0-top{margin-top:0} .x1-top{margin-top:10px} .x2-top{margin-top:20px} .x3-top{margin-top:30px} .x4-top{margin-top:40px} .x5-top{margin-top:50px} .x6-top{margin-top:60px} .x0-left{margin-left:0} .x1-left{margin-left:10px} .x2-left{margin-left:20px} .x3-left{margin-left:30px} .x4-left{margin-left:40px} .x5-left{margin-left:50px} .x6-left{margin-left:60px} .x0-right{margin-right:0} .x1-right{margin-right:10px} .x2-right{margin-right:20px} .x3-right{margin-right:30px} .x4-right{margin-right:40px} .x5-right{margin-right:50px} .x6-right{margin-right:60px} .x1-list li{margin-bottom:10px} .x2-list li{margin-bottom:20px} .x3-list li{margin-bottom:30px} .x4-list li{margin-bottom:40px} .x5-list li{margin-bottom:50px} .x1-list li:last-child,.x2-list li:last-child,.x3-list li:last-child,.x4-list li:last-child,.x5-list li:last-child{margin-bottom:0} .p0{padding-bottom:0} .p1{padding-bottom:10px} .p2{padding-bottom:20px} .p3{padding-bottom:30px} .p4{padding-bottom:40px} .p5{padding-bottom:50px} .p6{padding-bottom:60px} .p0-top{padding-top:0} .p1-top{padding-top:10px} .p2-top{padding-top:20px} .p3-top{padding-top:30px} .p4-top{padding-top:40px} .p5-top{padding-top:50px} .p6-top{padding-top:60px} .p0-left{padding-left:0} .p1-left{padding-left:10px} .p2-left{padding-left:20px} .p3-left{padding-left:30px} .p4-left{padding-left:40px} .p5-left{padding-left:50px} .p6-left{padding-left:60px} .p0-right{padding-right:0} .p1-right{padding-right:10px} .p2-right{padding-right:20px} .p3-right{padding-right:30px} .p4-right{padding-right:40px} .p5-right{padding-right:50px} .p6-right{padding-right:60px} .p1-list li{padding-bottom:10px} .p2-list li{padding-bottom:20px} .p3-list li{padding-bottom:30px} .p4-list li{padding-bottom:40px} .p5-list li{padding-bottom:50px} .p1-list li:last-child,.p2-list li:last-child,.p3-list li:last-child,.p4-list li:last-child,.p5-list li:last-child{padding-bottom:0} .l1{line-height:1} .l2{line-height:2} .block,.break{display:block} .display-table{display:table;width:100%} .vertical-center{display:table-cell;vertical-align:middle} .vertical-bottom{display:table-cell;vertical-align:bottom} .vertical-top{display:table-cell;vertical-align:top} .unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none} .equal-heights{display:table} .equal-heights>*{float:none;display:table-cell;vertical-align:top;overflow:hidden} .bg-cover{-webkit-background-size:100!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important} .bgc-grey-light{background-color:#eaeaea} body{font-family:"open-sans",sans-serif;font-weight:400;font-size:16px} h1,h2,h3,h4,h5,h6{font-family:"open-sans",sans-serif;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:initial;margin-bottom:20px} h1.lc,h2.lc,h3.lc,h4.lc,h5.lc,h6.lc { text-transform: none;} .serif { font-family: "Georgia", serif;} h1 { font-size: 44px; text-transform: initial;} h2,h1.h2,h3.h2,h4.h2 { font-size: 30px; } h3,h1.h3,h2.h3,h4.h3 { font-size: 25px; } h4,h1.h4,h2.h4,h3.h4 { font-size: 23px;} h5,h1.h5,h2.h5,h3.h5,h4.h5 { font-size: 20px;} p.big { clear: left; font-size: 20px;} p.mid { clear: left; font-size: 15px;} p.small { font-size: 12px;} p.uppercase { text-transform: uppercase;} a { color: #006ac3; font-weight: 600;} a:hover { color: #005589; text-decoration: none;} a.underline { text-decoration: underline;} a.underline:hover { text-decoration: underline;} .thin { font-weight: 100;} .light { font-weight: 300;} .regular { font-weight: 400;} .semibold { font-weight: 600;} .bold { font-weight: 700;} .italic { font-style: italic;} h1.section-title { border-bottom: 1px solid #eaeaea; padding-bottom: 20px; margin: 0 0 40px; font-weight: 300; } h1.section-title a { text-transform: none; padding-top: 15px; font-size: 16px; float: right;} .community-board{padding:50px 0} .community-board a.board{text-decoration:none;display:table;height:270px;width:100%;-webkit-background-size:100!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-position:center center} .community-board a.board .content{-moz-transition:background .3s ease;-ms-transition:background .3s ease;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease;padding:0 15px 15px 50px;vertical-align:bottom;display:table-cell;position:relative} .community-board a.board .content h2{color:#ffeb00;text-transform:none;font-size:19px;margin:0 0 3px;font-weight:600} .community-board a.board .content h2.username{text-transform:uppercase} .community-board a.board .content p{line-height:20px;overflow:hidden;font-weight:400;height:60px;color:#fff;margin:0} .community-board a.board .content p.user-picture{border:3px solid #fff;border-radius:50%;position:absolute;overflow:hidden;height:60px;bottom:35px;left:-20px;width:60px} .community-board a.board .content p.user-picture img{width:60px} .community-board a.board:hover .content{background-color:#000;background-color:rgba(0,0,0,0.4);zoom:1} .community-board a.board.expert .content p.user-picture{border-color:#ffeb00} .tabbed-categories{background-color:#fff;padding:0} .tabbed-categories .tabs{border-bottom:0} .tabbed-categories .tabs ul.nav-tabs{margin:0;border-bottom:0} .tabbed-categories .tabs ul.nav-tabs li{text-align:center;width:23%;margin:0 1%} .tabbed-categories .tabs ul.nav-tabs li:first-child{margin-left:0} .tabbed-categories .tabs ul.nav-tabs li:last-child{margin-right:0} .tabbed-categories .tabs ul.nav-tabs li a{text-transform:uppercase;font-size:20px;color:#878787;font-weight:300;outline:0;background-color:#f7f7f7} .tabbed-categories .tabs ul.nav-tabs li a:hover{border-bottom:1px solid transparent;color:#202020} .tabbed-categories .tabs ul.nav-tabs li.active a{border-color:#f7f7f7;font-weight:600;color:#202020} .tabbed-categories .tab-container{padding:40px 0;background-color:#f7f7f7} .tabbed-categories .separator{border-bottom:1px solid #ddd;padding-bottom:20px;margin:30px 0 0} @media (max-width: 568px) { .tabbed-categories .tabs ul.nav-tabs li a { font-size: 12px; } } header.main-header .navbar.main-nav{background-color:transparent;border:0;margin-bottom:0} header.main-header .navbar.main-nav .navbar-header .navbar-brand{height:92px;padding:32px 23px} header.main-header .navbar.main-nav .navbar-header .navbar-brand img{width:145px;fill:#fff;filter:invert(1)} header.main-header .navbar.main-nav ul.nav{margin-top:0;margin-bottom:0} header.main-header .navbar.main-nav ul.nav>li>a:focus,header.main-header .navbar.main-nav ul.nav .nav>li>a:hover{background-color:#ffeb00} header.main-header .navbar.main-nav ul.nav li a,header.main-header .navbar.main-nav ul.nav li a{-moz-transition:all .1s linear;-ms-transition:all .1s linear;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;text-transform:uppercase;line-height:22px;font-size:16px;color:#fff;font-weight:bold;padding:28px 32px;display:table;width:100%;text-transform:initial} header.main-header .navbar.main-nav ul.nav li a .wrap{display:table-cell;vertical-align:middle;height:40px} header.main-header .navbar.main-nav ul.nav li a:hover,header.main-header .navbar.main-nav ul.nav li a.active{background-color:#000;color:#fff} header.main-header .navbar.main-nav ul.nav li a span{display:inline-block} header.main-header .navbar.main-nav ul.nav li.search { border-right: none; display: none; } header.main-header .navbar.main-nav ul.nav li.search a { padding: 31px; border-right: none; } .home header.main-header .navbar.main-nav ul.nav li.search a, header.main-header .navbar.main-nav.black-header ul.nav li.search.search-show a { background: #E9D100; } header.main-header .navbar.main-nav ul.nav li.search a .fa { font-size: 34px; } header.main-header .navbar.main-nav.black-header ul.nav li.search a:hover { background: #fff; color: #000; } header.main-header .navbar.main-nav ul.nav li.search.open a { background-color: #E9D100; color: #000; } header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu { background-color: #ffffff; box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.12); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 0; } header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group { width: 100%; position: relative;} header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group .input-group { width: 100%;} header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group .input-group:before { position: absolute; top: 31px; left: 20px; content: ""; font-family: FontAwesome; font-size: 25px; color: #A1A1B0; z-index: 11;} header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group .input-group span.twitter-typeahead { float: left; width: 100%;} header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group .input-group span.twitter-typeahead input { width: 100%; background-color: #ffffff !important; color: #000000; box-shadow: unset; border: none; padding-left: 65px; height: 96px; box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.12);} header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group .input-group span.twitter-typeahead .tt-menu,.tt-menu { width: 100%;} header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group .input-group span.twitter-typeahead .tt-menu .tt-suggestion, .tt-menu .tt-suggestion { background-color: #dbdbdb; color: #006ac3; padding: 15px 65px; font-size: 16px; cursor: pointer; font-weight: 400;} header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group .input-group span.twitter-typeahead .tt-menu .tt-suggestion:hover, header.main-header .navbar.main-nav ul.nav li.search.open .dropdown-menu .form-group .input-group span.twitter-typeahead .tt-menu .tt-suggestion.tt-cursor,.tt-menu .tt-suggestion:hover, .tt-menu .tt-suggestion.tt-cursor{ background-color: #e6e6e6; text-decoration: none;} header.main-header .navbar.main-nav ul.nav li.my-account { padding: 20px 0 20px 10px; font-size: 14px; margin-right: 80px;} header.main-header .navbar.main-nav ul.nav li.my-account .wheater-icon { margin-right: 10px; float: left;} header.main-header .navbar.main-nav ul.nav li.my-account .profile-img{border-radius:50%;overflow:hidden;width:55px;height:55px;float:left;margin-left:50px;position:absolute;right:-70px;top:13px} header.main-header .navbar.main-nav ul.nav li.my-account .profile-img a{display:block;padding:0;border:0} header.main-header .navbar.main-nav ul.nav li.my-account .profile-img a img{-ms-filter:"alpha(opacity=85)";opacity:.85;filter:alpha(opacity=85)} header.main-header .navbar.main-nav ul.nav li.my-account .profile-img a:hover img{-ms-filter:"alpha(opacity=100)";opacity:1;filter:alpha(opacity=100)} header.main-header .navbar.main-nav ul.nav li.my-account .wheater{float:left} header.main-header .navbar.main-nav ul.nav li.my-account .wheater span{white-space:nowrap;display:block} header.main-header .navbar.main-nav ul.nav li.my-account .wheater span.location{font-weight:700;text-transform:uppercase} header.main-header .navbar.main-nav ul.nav li.my-account .wheater span.tips{font-weight:400} header.main-header .navbar.main-nav ul.nav li.dropdown{position:static} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu{background-color:#000;position:absolute;padding:30px 10px 40px;border:0;right:0;left:0} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu a{text-transform:none;letter-spacing:0;font-weight:400;border:0;color:#fff;display:block;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu a:hover{text-decoration:underline} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu h3{color:#ffeb00;font-size:20px;font-weight:600;margin-top:0} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu p{margin:20px 0 0;display:block;clear:both;float:left;width:100%} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu p a{font-size:16px;color:#fff} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu p a span{display:inline} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul{padding:0;list-style-type:none} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul li{padding:0 4% 0 0;width:45%;float:left} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul li:before,header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul li:after{content:" ";display:table} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul li:after{clear:both} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul li:before,header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul li:after{content:" ";display:table} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul li:after{clear:both} header.main-header .navbar.main-nav ul.nav li.dropdown .dropdown-menu ul li a{font-size:14px} header.main-header .navbar.main-nav ul.nav .open>a,header.main-header .navbar.main-nav ul.nav .open>a:focus,header.main-header .navbar.main-nav ul.nav .open>a:hover{background-color:#000;color:#fff} header.main-header .navbar.main-nav .dropdown-backdrop{display:none} @media (max-width: 320px) { header.main-header .navbar.main-nav .navbar-header .my-account .wheater-icon, header.main-header .navbar.main-nav .navbar-header .my-account .wheater { display: none; } } @media (max-width: 450px) { header.main-header .navbar.main-nav .navbar-header .my-account .wheater-icon { display: none; } } @media (max-width: 410px) { header.main-header .navbar.main-nav .navbar-header .my-account .wheater { display: none; } } /* touch screen fixes */ body.is--touch-screen header.main-header .navbar.main-nav ul.nav li>a:hover{background-color:initial;color:initial} body.is--touch-screen header.main-header .navbar.main-nav ul.nav li.open>a{background-color:#000;color:#fff} body.is--touch-screen header.main-header .navbar.main-nav ul.nav li.search>a:hover{background-color:initial;color:initial} body.is--touch-screen header.main-header .navbar.main-nav ul.nav li.search.open>a{background-color:#eaeaea;color:#000} footer.main-footer{background-color:#000;padding:88px 0;color:#fff} footer.main-footer p.small{margin-bottom:5px;font-size:13px;line-height:21px} footer.main-footer p:last-child{margin-top:10px} footer.main-footer ul{list-style-type:none;padding:0} footer.main-footer ul:before,footer.main-footer ul:after{content:" ";display:table} footer.main-footer ul:after{clear:both} footer.main-footer ul li{line-height:25px} footer.main-footer ul li a{color:#fff;font-size:13px;font-weight:400;line-height:27px} footer.main-footer ul li a:hover{color:#eaeaea} footer.main-footer ul.social-icons li{float:left;margin:0 3px 3px 0} footer.main-footer ul.social-icons li:last-child{margin-right:0} footer.main-footer ul.social-icons li a{font-size:25px;width:40px;height:40px;display:block;text-align:center} footer.main-footer .learning{margin-top:10px} footer.main-footer .learning p{margin:0} footer.main-footer .brand{margin-top:80px} footer.main-footer .brand img{float:left;clear:both;height:auto;filter:invert(0);width:102px;fill:#fff} footer.main-footer .brand p{font-size:15px;color:#fff} footer.main-footer .brand p a{font-weight:600;color:#fff} footer.main-footer .brand p a:hover{color:#eaeaea} footer.main-footer ul.social-icons{float:right} .form-control{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none} .form-control:focus{-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;border-color:#000} .form-group-lg .form-control{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0} .checkbox{padding-left:25px;margin-bottom:9px} .checkbox label{display:block;vertical-align:middle;position:relative;padding-left:15px;padding-right:20px} .checkbox label:before{content:"";display:inline-block;position:absolute;width:18px;height:18px;left:0;margin-left:-25px;border:2px solid #000;border-radius:2px;background-color:#fff;-moz-transition:border .15s ease-in-out,color .15s ease-in-out;-ms-transition:border .15s ease-in-out,color .15s ease-in-out;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out;top:3px} .checkbox label:after{display:inline-block;position:absolute;width:18px;height:15px;left:0;top:0;margin-left:-25px;padding-left:2px;padding-top:1px;font-size:15px;color:#000;font-weight:normal} .checkbox label span{width:auto;height:18px;background:#a1a1b0;border-radius:2px;text-align:center;display:block;color:#fff;min-width:18px;font-size:11px;font-weight:bold;margin-top:3px;position:absolute;right:0;top:0;line-height:13px;padding:2px} .checkbox input[type="checkbox"],.checkbox input[type="radio"]{opacity:0;z-index:1} .checkbox input[type="checkbox"]:checked+label::after,.checkbox input[type="radio"]:checked+label::after{font-family:'FontAwesome';content:"\f00c"} .checkbox input[type="checkbox"]:disabled+label,.checkbox input[type="radio"]:disabled+label{opacity:.65} .checkbox input[type="checkbox"]:disabled+label::before,.checkbox input[type="radio"]:disabled+label::before{background-color:#eaeaea;cursor:not-allowed} .checkbox.checkbox-circle label::before{border-radius:50%} .checkbox.checkbox-inline{margin-top:0} .checkbox-primary input[type="checkbox"]:checked+label::before,.checkbox-primary input[type="radio"]:checked+label::before{background-color:#ffeb00;border-color:#ffeb00} .checkbox-primary input[type="checkbox"]:checked+label::after,.checkbox-primary input[type="radio"]:checked+label::after{color:#000} .checkbox-danger input[type="checkbox"]:checked+label::before,.checkbox-danger input[type="radio"]:checked+label::before{background-color:#d9534f;border-color:#d9534f} .checkbox-danger input[type="checkbox"]:checked+label::after,.checkbox-danger input[type="radio"]:checked+label::after{color:#fff} .checkbox-info input[type="checkbox"]:checked+label::before,.checkbox-info input[type="radio"]:checked+label::before{background-color:#5bc0de;border-color:#5bc0de} .checkbox-info input[type="checkbox"]:checked+label::after,.checkbox-info input[type="radio"]:checked+label::after{color:#fff} .checkbox-warning input[type="checkbox"]:checked+label::before,.checkbox-warning input[type="radio"]:checked+label::before{background-color:#f0ad4e;border-color:#f0ad4e} .checkbox-warning input[type="checkbox"]:checked+label::after,.checkbox-warning input[type="radio"]:checked+label::after{color:#fff} .checkbox-success input[type="checkbox"]:checked+label::before,.checkbox-success input[type="radio"]:checked+label::before{background-color:#5cb85c;border-color:#5cb85c} .checkbox-success input[type="checkbox"]:checked+label::after,.checkbox-success input[type="radio"]:checked+label::after{color:#fff} .radio{padding-left:25px} .radio label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px} .radio label::before{content:"";display:inline-block;position:absolute;width:24px;height:24px;left:0;margin-left:-25px;border:1px solid #ccc;border-radius:50%;background-color:#fff;-moz-transition:border .15s ease-in-out;-ms-transition:border .15s ease-in-out;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out} .radio label::after{display:inline-block;position:absolute;content:" ";width:11px;height:11px;left:3px;top:3px;margin-left:-25px;border-radius:50%;background-color:#444;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)} .radio input[type="radio"]{opacity:0;z-index:1} .radio input[type="radio"]:focus+label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .radio input[type="radio"]:checked+label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)} .radio input[type="radio"]:disabled+label{opacity:.65} .radio input[type="radio"]:disabled+label::before{cursor:not-allowed} .radio.radio-inline{margin-top:0} .radio-primary input[type="radio"]+label::after{background-color:#ffeb00} .radio-primary input[type="radio"]:checked+label::before{border-color:#ffeb00} .radio-primary input[type="radio"]:checked+label::after{background-color:#ffeb00} .radio-danger input[type="radio"]+label::after{background-color:#d9534f} .radio-danger input[type="radio"]:checked+label::before{border-color:#d9534f} .radio-danger input[type="radio"]:checked+label::after{background-color:#d9534f} .radio-info input[type="radio"]+label::after{background-color:#5bc0de} .radio-info input[type="radio"]:checked+label::before{border-color:#5bc0de} .radio-info input[type="radio"]:checked+label::after{background-color:#5bc0de} .radio-warning input[type="radio"]+label::after{background-color:#f0ad4e} .radio-warning input[type="radio"]:checked+label::before{border-color:#f0ad4e} .radio-warning input[type="radio"]:checked+label::after{background-color:#f0ad4e} .radio-success input[type="radio"]+label::after{background-color:#5cb85c} .radio-success input[type="radio"]:checked+label::before{border-color:#5cb85c} .radio-success input[type="radio"]:checked+label::after{background-color:#5cb85c} input[type="checkbox"].styled:checked+label:after,input[type="radio"].styled:checked+label:after{font-family:'FontAwesome';content:"\f00c"} input[type="checkbox"] .styled:checked+label::before,input[type="radio"] .styled:checked+label::before{color:#fff} input[type="checkbox"] .styled:checked+label::after,input[type="radio"] .styled:checked+label::after{color:#fff} .hero-slider{height:580px} .hero-slider .carousel-inner{height:580px} .hero-slider .carousel-inner .item{height:580px;-webkit-background-size:100!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-position:top right} .hero-slider .carousel-inner .item .container{height:100%} .hero-slider .carousel-inner .item .container .carousel-caption{height:580px;display:table-cell;vertical-align:middle;position:static;text-align:left;padding:0 20px 0 0;-webkit-text-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-text-shadow:0 1px 1px rgba(0,0,0,0.2);text-shadow:0 1px 1px rgba(0,0,0,0.2)} .hero-slider .carousel-inner .item .container .carousel-caption h1{font-size:55px;font-weight:700;margin-top:0;background:rgba(25,96,208,0.8);display:inline-block;padding:2px 5px} .hero-slider .carousel-inner .item .container .carousel-caption p{font-size:20px;font-weight:400} .hero-slider .carousel-inner .item .container .carousel-caption p.pre-header{text-transform:uppercase;color:#ffeb00;font-size:30px;margin:0 0 5px 0;background:rgba(25,96,208,0.8);display:inline-block;padding:2px 5px} .hero-slider .carousel-inner .item .container .carousel-caption p.bottom-text{background:rgba(25,96,208,0.8);display:inline-block;padding:2px 5px} .hero-slider .carousel-indicators li{border:0;background-color:#fff;background-color:rgba(255,255,255,0.6);zoom:1;height:14px;width:14px;margin:0 2px} .hero-slider .carousel-indicators li.active{background-color:#fff;zoom:1;border:0;height:14px;width:14px} .hero-slider .carousel-control{width:10%} .hero-slider .carousel-control span.glyphicon{font-family:'FontAwesome';font-size:60px;margin-top:-30px} .hero-slider .carousel-control span.glyphicon.glyphicon-chevron-right::before{content:""} .hero-slider .carousel-control span.glyphicon.glyphicon-chevron-left::before{content:""} /* custom media for carousel */ @media (max-width: 1480px) and (min-width: 1320px) { .hero-slider .carousel-inner .item .container .carousel-caption { padding: 0 50px; } } /* custom media for carousel */ @media (max-width: 1320px) and (min-width: 1200px) { .hero-slider .carousel-inner .item .container .carousel-caption { padding: 0 100px; } } @media (max-width: 991px) { .hero-slider .carousel-inner .item .container .carousel-caption h1 { font-size: 34px; } .hero-slider .carousel-inner .item .container .carousel-caption p {font-size: 17px; } .hero-slider .carousel-inner .item .container .carousel-caption p.pre-header { font-size: 22px; } } @media (max-width: 767px) { .hero-slider{height:550px} .hero-slider .carousel-inner{height:550px} .hero-slider .carousel-inner .item{height:550px} .hero-slider .carousel-inner .item .container .carousel-caption{height:550px} .hero-slider .carousel-inner .item .container .carousel-caption h1{font-size:30px} .hero-slider .carousel-inner .item .container .carousel-caption p{font-size:15px} .hero-slider .carousel-inner .item .container .carousel-caption p.pre-header{font-size:20px} .hero-slider .carousel-control{display:none} } .page-hero{display:table;width:100%;height:300px;-webkit-background-size:100!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important} .page-hero .background-fade{background-color:#000;background-color:rgba(0,0,0,0.3);zoom:1;display:table-cell;vertical-align:middle} .page-hero .content{color:#fff;padding:35px 0} .page-hero .content h1{margin:0 0 10px;font-weight:700} .page-hero .content p{margin:0} .page-hero .user-picture p{border:3px solid #fff;border-radius:50%;overflow:hidden;height:120px;width:120px} .page-hero .user-picture p img{width:120px} .connect{padding:40px 0 30px;background-color:#ffb400} .connect h1{margin:0 0 20px;font-size:20px;text-align:center} .connect ul{text-align:center} .connect ul li a{display:block;-ms-filter:"alpha(opacity=80)";opacity:.8;filter:alpha(opacity=80);color:#000;width:40px} .connect ul li a span{font-size:32px} .connect ul li a:hover{-ms-filter:"alpha(opacity=100)";opacity:1;filter:alpha(opacity=100)} @media(max-width:767px){ .connect ul li a{width:auto} .connect ul li a span{font-size:25px} } nav ul.pagination li a{background-color:#eaeaea;padding:6px 14px;margin-right:5px;color:#000;border:0} nav ul.pagination li a:hover{background-color:#ffeb00;color:#000} nav ul.pagination li.active a{background-color:#ffeb00;color:#000} nav ul.pagination li.active a:hover,nav ul.pagination li.active a:focus{background-color:#f0dd00;color:#000} .ads,.ad{position:relative;text-align:center;padding:40px 0;width:100%;z-index:2} .ads.half-padding,.ad.half-padding{padding:20px 0} .ads p,.ad p{margin:0} .ads img.img-responsive,.ad img.img-responsive{margin:0 auto} .ads a,.ad a{height:100%} @media (max-width: 480px) { .ads .container,.ads .container-fluid{padding-right:0;padding-left:0} .container .ads .container,.container-fluid .ads .container,.container .ads .container-fluid,.container-fluid .ads .container-fluid{margin-right:-15px;margin-left:-15px} article .ads,article .ad{margin-right:-15px;margin-left:-15px;min-width:320px} } .breadcrumb{background-color:#fff;margin:0 0 10px;padding:0} .breadcrumb span.fa{font-size:16px} .breadcrumb li{text-transform:initial;font-size:14px} .breadcrumb li a{display:inline-block;padding-bottom:2px;color:#000;font-weight:600;text-transform:initial} .breadcrumb li a span:after{content:'';display:block;margin:auto;height:2px;width:0;background:transparent;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease} .breadcrumb li a:hover{color:#000} .breadcrumb li a:hover span:after{width:100%;background:#444} .breadcrumb li.active{font-weight:600;color:#000} .breadcrumb>li+li:before{font-family:'FontAwesome';content:"\f0da";padding:0 10px} .article-page article p.big{line-height:32px;font-size:24px;font-weight:300} .article-page article .figure-container,.article-page article .imageBlock{display:block;float:left;width:100%;margin:30px auto} .article-page article .figure-container figure,.article-page article .imageBlock figure{display:block;margin:0 auto} .article-page article .figure-container figure figcaption,.article-page article .imageBlock figure figcaption{font-size:12px;color:#444;font-weight:400} .article-page article .imageBlock{float:none;max-width:100%} .article-page article .imageBlock img{display:block;max-width:100%;height:auto} .article-page article .video-container{text-align:center;margin:20px 0;clear:both;width:100%} .article-page article .video-container video{margin:0 auto} .article-page article .audio-container{text-align:center;margin:20px 0;clear:both;width:100%} .article-page article .table-container{max-width:100%;overflow-x:auto;margin:20px 0} .article-page article .imageCaption{font-size:12px;color:#444;font-weight:400} .article-page article ul:not(.Tech):not(.Remember):not(.Warning):not(.Tip){padding:0 0 0 25px} .article-page article ul:not(.Tech):not(.Remember):not(.Warning):not(.Tip) li{margin-bottom:20px;font-size:20px;font-weight:300} .article-page article ul:not(.Tech):not(.Remember):not(.Warning):not(.Tip) li p{overflow:visible} .article-page article ol:not(.breadcrumb):not(.carousel-navigation),.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation){counter-reset:item;list-style-type:none;padding-left:10px;margin:40px 0} .article-page article ol:not(.breadcrumb):not(.carousel-navigation)>li,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation)>li{counter-increment:step-counter;margin-bottom:40px;font-size:20px} .article-page article ol:not(.breadcrumb):not(.carousel-navigation)>li:before,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation)>li:before{content:counters(item,".") " ";counter-increment:item;margin-right:10px;font-size:16px;background-color:#00a0ff;color:#fff;font-weight:300;padding:5px 3px;border-radius:3px;min-width:30px;display:block;float:left;text-align:center} .article-page article ol:not(.breadcrumb):not(.carousel-navigation)>li p,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation)>li p{overflow:visible} .article-page article ol:not(.breadcrumb):not(.carousel-navigation)>li p:not(.article-tips),.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation)>li p:not(.article-tips){line-height:25px;margin-bottom:5px} .article-page article ol:not(.breadcrumb):not(.carousel-navigation)>li p.first-para,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation)>li p.first-para{font-weight:400} .article-page article ol:not(.breadcrumb):not(.carousel-navigation)>li p:not(.first-para):not(.article-tips):not(.Tip):not(.Remember):not(.Tech):not(.Warning),.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation)>li p:not(.first-para):not(.article-tips):not(.Tip):not(.Remember):not(.Tech):not(.Warning){padding-left:45px} .article-page article ol:not(.breadcrumb):not(.carousel-navigation)>li ul:not(.Tech):not(.Remember):not(.Warning):not(.Tip),.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation)>li ul:not(.Tech):not(.Remember):not(.Warning):not(.Tip){padding-left:60px;margin-top:20px} .article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol{margin:20px 0 0;padding-left:40px} .article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol:before,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol:before,.article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol:after,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol:after{content:" ";display:table} .article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol:after,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol:after{clear:both} .article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol:before,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol:before,.article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol:after,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol:after{content:" ";display:table} .article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol:after,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol:after{clear:both} .article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol>li,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol>li{margin-bottom:15px} .article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol>li:before,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol>li:before{background-color:#66c6ff} .article-page article ol:not(.breadcrumb):not(.carousel-navigation) ol>li:last-child,.article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) ol>li:last-child{margin-bottom:0} .article-page article img.article-ending{display:inline-block;margin:-6px 0 0 5px;height:30px;width:30px} .article-page article .article-slideshow{position:relative;margin-top:25px} .article-page article .article-slideshow .slide .slide-header{background-color:#f0f0f0;margin-bottom:40px;position:relative} .article-page article .article-slideshow .slide .slide-header span.step{background-color:#00a0ff;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;position:absolute;text-align:center;line-height:60px;font-size:40px;font-weight:600;display:block;bottom:0;color:#fff;width:70px;left:0} .article-page article .article-slideshow .slide .slide-header span.step i{margin-left:5px;font-size:18px} .article-page article .article-slideshow .slide .slide-header span.step i:before{margin-right:2px;font-size:22px;content:"/";font-weight:300} .article-page article .article-slideshow .slide .slide-header img{margin:0 auto} .article-page article .article-slideshow .slide .slide-content{padding:0 40px} .article-page article .article-slideshow .slideshow-controls{margin-top:40px;padding:0 40px} .article-page article .article-slideshow .slideshow-controls a{-moz-transition:opacity .4s linear;-ms-transition:opacity .4s linear;-webkit-transition:opacity .4s linear;-o-transition:opacity .4s linear;transition:opacity .4s linear;background-image:none;text-shadow:none;position:static;opacity:1;width:auto} .article-page article .article-slideshow .slideshow-controls a.right{float:right} .article-page article.step-by-step .steps,.article-page article.series .steps{margin-top:40px} .article-page article.step-by-step .steps>.step,.article-page article.series .steps>.step{margin-bottom:50px} .article-page article.step-by-step .steps>.step:before,.article-page article.series .steps>.step:before,.article-page article.step-by-step .steps>.step:after,.article-page article.series .steps>.step:after{content:" ";display:table} .article-page article.step-by-step .steps>.step:after,.article-page article.series .steps>.step:after{clear:both} .article-page article.step-by-step .steps>.step:before,.article-page article.series .steps>.step:before,.article-page article.step-by-step .steps>.step:after,.article-page article.series .steps>.step:after{content:" ";display:table} .article-page article.step-by-step .steps>.step:after,.article-page article.series .steps>.step:after{clear:both} .article-page article.step-by-step .steps>.step:last-child,.article-page article.series .steps>.step:last-child{margin-bottom:0} .article-page article.step-by-step .steps>.step h2,.article-page article.series .steps>.step h2{text-transform:inherit;margin-bottom:15px;line-height:30px;font-weight:600;overflow:hidden;display:block;margin-top:0;width:auto} .article-page article.step-by-step .steps>.step h2 span.step,.article-page article.series .steps>.step h2 span.step{background-color:#00a0ff;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;margin-right:20px;text-align:center;line-height:50px;font-size:40px;font-weight:600;display:block;color:#fff;float:left;width:70px} .article-page article.step-by-step .steps>.step h2 span.step i,.article-page article.series .steps>.step h2 span.step i{margin-left:5px;font-size:18px} .article-page article.step-by-step .steps>.step h2 span.step i:before,.article-page article.series .steps>.step h2 span.step i:before{margin-right:2px;font-size:22px;content:"/";font-weight:300} .article-page article.step-by-step .steps>.step .content,.article-page article.series .steps>.step .content{overflow:hidden;width:auto} .article-page article.step-by-step .steps>.step .figure,.article-page article.series .steps>.step .figure{border:2px solid #eaeaea;background-color:#000;background-color:rgba(0,0,0,0.6);zoom:1;position:relative;margin-left:15px;outline:0;float:right;width:220px} .article-page article.step-by-step .steps>.step .figure img,.article-page article.series .steps>.step .figure img{-moz-transition:all .2s linear;-ms-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} .article-page article.step-by-step .steps>.step .figure:hover img,.article-page article.series .steps>.step .figure:hover img{-ms-filter:"alpha(opacity=30)";opacity:.3;filter:alpha(opacity=30)} .article-page article.step-by-step .steps>.step .figure:hover:after,.article-page article.series .steps>.step .figure:hover:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;text-align:center;margin-top:-20px;content:"\f002";font-size:40px;display:block;height:100%;width:100%;color:#fff;top:50%} .article-page article.step-by-step .steps>.step .figure:hover:after.fa-pull-left,.article-page article.series .steps>.step .figure:hover:after.fa-pull-left{margin-right:.3em} .article-page article.step-by-step .steps>.step .figure:hover:after.fa-pull-right,.article-page article.series .steps>.step .figure:hover:after.fa-pull-right{margin-left:.3em} .article-page article.step-by-step .steps>.step .figure:hover:after.pull-left,.article-page article.series .steps>.step .figure:hover:after.pull-left{margin-right:.3em} .article-page article.step-by-step .steps>.step .figure:hover:after.pull-right,.article-page article.series .steps>.step .figure:hover:after.pull-right{margin-left:.3em} .article-page article.cheat-sheet .strip{background-color:#00a0ff;line-height:40px;padding:0 20px;margin:10px 0 0;text-align:right;color:#fff;font-weight:600} .article-page article.cheat-sheet .strip span{position:relative} .article-page article.cheat-sheet .strip span:before{content:"";background:transparent url(../img/icons/cheatsheet.png) 0 0 no-repeat;display:block;position:absolute;left:-60px;top:-10px;width:50px;height:50px} .article-page article.cheat-sheet .cheat-sheet-container{border:0;border-top:0;padding:20px 0 0} .article-page article.cheat-sheet .cheat-sheet-container:before,.article-page article.cheat-sheet .cheat-sheet-container:after{content:" ";display:table} .article-page article.cheat-sheet .cheat-sheet-container:after{clear:both} .article-page article.cheat-sheet .cheat-sheet-container:before,.article-page article.cheat-sheet .cheat-sheet-container:after{content:" ";display:table} .article-page article.cheat-sheet .cheat-sheet-container:after{clear:both} .article-page article.cheat-sheet .cheat-sheet-container h1{margin-top:10px} .article-page article.cheat-sheet .cheat-sheet-container p.author{margin-bottom:10px;font-size:14px;line-height:19px} .article-page article.cheat-sheet .cheat-sheet-container p.author+.big{margin-top:20px} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section{margin:60px 0} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section:before,.article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section:after{content:" ";display:table} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section:after{clear:both} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section:before,.article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section:after{content:" ";display:table} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section:after{clear:both} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section:before{border-top:2px solid #dedede;display:block;clear:both;content:"";width:92%;text-align:center;margin:0 auto 60px} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section h3{margin:0 0 30px;padding-left:40px;position:relative} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section h3:before{content:"";background:transparent url(../img/icons/pin.png) 0 0 no-repeat;display:block;position:absolute;left:0;top:5px;width:22px;height:22px} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section p:last-child{margin-bottom:0} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section ul:last-child{margin-bottom:0} .article-page article.cheat-sheet .cheat-sheet-container .cheat-sheet-section ul li:last-child{margin-bottom:0} .article-page article.series .strip{background-color:#8c00dc;padding:10px 20px;text-align:right;color:#fff} .article-page article.series .serie a{-moz-transition:all .2s 0s linear;-ms-transition:all .2s 0s linear;-webkit-transition:all .2s 0s linear;-o-transition:all .2s 0s linear;transition:all .2s 0s linear;padding:20px;margin-top:40px;border:1px solid #eaeaea;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;color:#000;display:block} .article-page article.series .serie a h1,.article-page article.series .serie a h2,.article-page article.series .serie a h3,.article-page article.series .serie a h4,.article-page article.series .serie a h5,.article-page article.series .serie a h6{color:#000} .article-page article.series .serie a:hover{background-color:#eaeaea;background-color:rgba(235,235,235,0.2);zoom:1;border:1px solid #aaa} .article-page article.series .serie a p{font-size:16px} .article-page article.series .serie a p a.goto{font-size:12px} .article-page article.series .serie a figure{float:left;margin-right:15px;padding:10px;margin-top:0;margin:0 15px 15px 0} .article-page article.series .item:not(.list){padding:130px 0 160px} .article-page article.series .item:not(.list):before,.article-page article.series .item:not(.list):after{content:" ";display:table} .article-page article.series .item:not(.list):after{clear:both} .article-page article.series .item:not(.list):before,.article-page article.series .item:not(.list):after{content:" ";display:table} .article-page article.series .item:not(.list):after{clear:both} .article-page article.series .item:not(.list).list{padding:0} .article-page article.series .item:not(.list) p{font-size:18px} .article-page article.series .item:not(.list) ul li{font-size:18px} .article-page article.series .item:not(.list) figure{margin-top:20px} .article-page article.series .item:not(.list) figure img{float:left;margin-right:20px;border:1px solid #eaeaea} .article-page article.series .item:not(.list) figure figcaption{font-size:18px} .article-page article.series .item:not(.list) .stacked-slide{border-top:1px solid #eaeaea;margin-bottom:40px;padding-top:40px} .article-page article.series .item:not(.list) .stacked-slide:first-child{border-top:0;padding-top:0} .article-page article.series .item:not(.list) .stacked-slide .figure-container{margin-top:0} .article-page article.series .carousel-navigation{display:none;list-style-type:none;position:absolute;padding:0;margin:0;left:0;width:100%;height:110px;border-top:3px solid #8c00dc;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background-color:#fff} .article-page article.series .carousel-navigation.is--active{display:block} .article-page article.series .carousel-navigation.top{top:0} .article-page article.series .carousel-navigation.bottom{bottom:0} .article-page article.series .carousel-navigation li{position:absolute;z-index:2;color:#00a0ff;font-size:14px;display:none;width:32%;height:100%;top:0;margin:0;cursor:pointer} .article-page article.series .carousel-navigation li span:not(.current){display:block;position:relative;top:50%;transform:translateY(-50%)} .article-page article.series .carousel-navigation li span:after,.article-page article.series .carousel-navigation li span:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:70px;display:block;position:relative;top:50%;transform:translateY(-50%);position:absolute} .article-page article.series .carousel-navigation li span:after.fa-pull-left,.article-page article.series .carousel-navigation li span:before.fa-pull-left{margin-right:.3em} .article-page article.series .carousel-navigation li span:after.fa-pull-right,.article-page article.series .carousel-navigation li span:before.fa-pull-right{margin-left:.3em} .article-page article.series .carousel-navigation li span:after.pull-left,.article-page article.series .carousel-navigation li span:before.pull-left{margin-right:.3em} .article-page article.series .carousel-navigation li span:after.pull-right,.article-page article.series .carousel-navigation li span:before.pull-right{margin-left:.3em} .article-page article.series .carousel-navigation li.left,.article-page article.series .carousel-navigation li.right{display:block} .article-page article.series .carousel-navigation li.left{left:0;padding-left:15px} .article-page article.series .carousel-navigation li.left span{padding-left:40px} .article-page article.series .carousel-navigation li.left span:before{content:"\f104";margin-right:20px;left:0} .article-page article.series .carousel-navigation li.right{padding-right:15px;text-align:right;right:0} .article-page article.series .carousel-navigation li.right span{padding-right:40px} .article-page article.series .carousel-navigation li.right span:after{content:"\f105";margin-left:20px;right:0} .article-page article.series .carousel-navigation li.nav-position{z-index:1;width:100%;text-align:center;display:block;cursor:default} .article-page article.series .carousel-navigation li.nav-position span{width:32%;margin:0 auto;display:block;color:#000;font-size:16px;text-transform:uppercase;line-height:106px} .article-page article.series .carousel-navigation li.nav-position span span{display:inline-block;margin-top:-5px;width:auto} .article-page article.sponsored p.author{margin-top:10px;font-size:18px} .article-page article.sponsored p.author a img{margin-top:-10px} .article-page section.article-recommendations{margin-bottom:40px} .article-page section.article-recommendations h2{margin-bottom:30px} .article-page section.article-recommendations a{margin-bottom:10px;color:#000;display:block;padding-top:19px} .article-page section.article-recommendations a.recommendation{padding-top:0} .article-page section.article-recommendations a.recommendation:before{content:"Promoted Story";margin-bottom:2px;font-size:12px;display:block;color:#a0a0a0} .article-page section.article-recommendations a figure figcaption{line-height:20px;overflow:hidden;margin-top:5px;height:60px} .article-page section.article-recommendations p.by{float:right;clear:both;font-size:12px;color:#a0a0a0;margin:0} .article-page section.article-recommendations p.by a{color:#000;margin:0;display:inline} .sponsorbg{-moz-transition:opacity .4s linear;-ms-transition:opacity .4s linear;-webkit-transition:opacity .4s linear;-o-transition:opacity .4s linear;transition:opacity .4s linear;opacity:0;-webkit-background-size:100!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-repeat:no-repeat;background-position:0 0} .sponsorbg:after{content:" ";position:absolute;bottom:0;left:0;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#7db9e8',GradientType=0);width:100%;height:400px} .full-width{width:auto} .article-tips,.Tech,.Remember,.Warning,.Tip{-webkit-print-color-adjust:exact;border:1px solid #eaeaea;padding:20px 20px 20px 170px;position:relative;overflow:hidden;display:block;align-items:center;margin:40px 0;width:100%} .article-tips li,.Tech li,.Remember li,.Warning li,.Tip li{margin-left:20px;font-size:20px;font-weight:300} .article-tips:before,.Tech:before,.Remember:before,.Warning:before,.Tip:before{-webkit-print-color-adjust:exact;background-color:#eaeaea;text-align:center;position:absolute;line-height:15px;padding:20px;height:100%;width:150px;content:"";left:0;top:0} .article-tips.tech,.Tech.tech,.Remember.tech,.Warning.tech,.Tip.tech,.article-tips.Tech,.Tech.Tech,.Remember.Tech,.Warning.Tech,.Tip.Tech{border-color:#8c00dc;min-height:130px} .article-tips.tech:before,.Tech.tech:before,.Remember.tech:before,.Warning.tech:before,.Tip.tech:before,.article-tips.Tech:before,.Tech.Tech:before,.Remember.Tech:before,.Warning.Tech:before,.Tip.Tech:before{background-image:url(../img/tips/tech.png);background-position:50% 50%;background-repeat:no-repeat;background-color:#8c00dc;background-color:rgba(139,0,219,0.2);zoom:1} @media (max-width: 991px) { .article-page .article-container { padding-left: 0; } .article-page article h1 br { display: none; } } @media (max-width: 767px) { } @media (max-width: 568px) { .article-page article .article-slideshow .slide .slide-header span.step{line-height:50px;font-size:30px;width:50px} .article-page article.step-by-step .steps>.step .content{overflow:visible;width:100%} .article-page article.step-by-step .steps>.step .figure{margin-bottom:20px;text-align:center;background:0;margin-left:0;display:block;border:0;float:none;width:100%} .article-page article.step-by-step .steps>.step .figure img{margin:0 auto;border:1px solid #eaeaea} .article-page article.step-by-step .steps>.step .figure:hover img{-ms-filter:"alpha(opacity=100)";opacity:1;filter:alpha(opacity=100)} .article-page article.step-by-step .steps>.step .figure:hover:after{display:none;content:""} } .article-tips.remember,.Tech.remember,.Remember.remember,.Warning.remember,.Tip.remember,.article-tips.Remember,.Tech.Remember,.Remember.Remember,.Warning.Remember,.Tip.Remember{border-color:#00dc32;min-height:110px} .article-tips.remember:before,.Tech.remember:before,.Remember.remember:before,.Warning.remember:before,.Tip.remember:before,.article-tips.Remember:before,.Tech.Remember:before,.Remember.Remember:before,.Warning.Remember:before,.Tip.Remember:before{background-image:url(../img/tips/remember.png);background-position:50% 50%;background-repeat:no-repeat;background-color:#00dc32;background-color:rgba(0,219,51,0.2);zoom:1} .article-tips.warning,.Tech.warning,.Remember.warning,.Warning.warning,.Tip.warning,.article-tips.Warning,.Tech.Warning,.Remember.Warning,.Warning.Warning,.Tip.Warning{border-color:#e0592b;min-height:110px} .article-tips.warning:before,.Tech.warning:before,.Remember.warning:before,.Warning.warning:before,.Tip.warning:before,.article-tips.Warning:before,.Tech.Warning:before,.Remember.Warning:before,.Warning.Warning:before,.Tip.Warning:before{background-image:url(../img/tips/warning.png);background-position:50% 50%;background-repeat:no-repeat;background-color:#e0592b;background-color:rgba(223,87,42,0.2);zoom:1} .article-tips.tip,.Tech.tip,.Remember.tip,.Warning.tip,.Tip.tip,.article-tips.Tip,.Tech.Tip,.Remember.Tip,.Warning.Tip,.Tip.Tip{border-color:#00a0ff;min-height:110px} .article-tips.tip:before,.Tech.tip:before,.Remember.tip:before,.Warning.tip:before,.Tip.tip:before,.article-tips.Tip:before,.Tech.Tip:before,.Remember.Tip:before,.Warning.Tip:before,.Tip.Tip:before{background-image:url(../img/tips/tip.png);background-position:50% 50%;background-repeat:no-repeat;background-color:#00a0ff;background-color:rgba(0,161,255,0.2);zoom:1} @media print{ .article-tips.tech:before,.Tech.tech:before,.Remember.tech:before,.Warning.tech:before,.Tip.tech:before,.article-tips.Tech:before,.Tech.Tech:before,.Remember.Tech:before,.Warning.Tech:before,.Tip.Tech:before{content:url(../img/tips/tech.png)} .article-tips.remember:before,.Tech.remember:before,.Remember.remember:before,.Warning.remember:before,.Tip.remember:before,.article-tips.Remember:before,.Tech.Remember:before,.Remember.Remember:before,.Warning.Remember:before,.Tip.Remember:before{content:url(../img/tips/remember.png)} .article-tips.warning:before,.Tech.warning:before,.Remember.warning:before,.Warning.warning:before,.Tip.warning:before,.article-tips.Warning:before,.Tech.Warning:before,.Remember.Warning:before,.Warning.Warning:before,.Tip.Warning:before{content:url(../img/tips/warning.png)} .article-tips.tip:before,.Tech.tip:before,.Remember.tip:before,.Warning.tip:before,.Tip.tip:before,.article-tips.Tip:before,.Tech.Tip:before,.Remember.Tip:before,.Warning.Tip:before,.Tip.Tip:before{content:url(../img/tips/tip.png)} } @media (max-width: 767px) { } .article-list,.article-list-trending{-moz-transition:all .3s linear;-ms-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear} .article-list article,.article-list-trending article{margin-bottom:25px;position:relative;background-color:#fff} .article-list article .article-content,.article-list-trending article .article-content{-moz-box-shadow:0 4px 16px rgba(0,0,0,0.04);-webkit-box-shadow:0 4px 16px rgba(0,0,0,0.04);box-shadow:0 4px 16px rgba(0,0,0,0.04);-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-decoration:none;height:200px;overflow:hidden;padding:16px;display:block;width:100%;color:#000;border:1px solid rgba(229,227,229,0.6);border-radius:4px} .article-list article .article-content .img-container,.article-list-trending .article-content .img-container{height:160px;width:160px;margin-left:-15px;margin-right:20px;text-align:center;overflow-x:hidden;margin-top:-15px;float:left} .article-list article .article-content .img-container img,.article-list-trending article .article-content .img-container img{max-width:200px;max-height:200px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:relative;top:50%} .article-list article .article-content .category-date, .article-list-trending article .article-content .category-date{position: absolute;top: 21px;right: 16px;font-size: 11px;line-height: 15px;color: #A1A1B0; } .article-list article .article-content .category-wrapper .yellow-icon, .article-list-trending article .article-content .category-wrapper .yellow-icon{ border-radius: 50%; background: #FFE603; width: 24px; height: 24px; border-radius: 50%; margin-right: 8px; float: left;} .article-list article .article-content .category-wrapper .yellow-icon img, .article-list-trending article .article-content .category-wrapper .yellow-icon img { width: 24px; height: auto; justify-content: center;align-items: center;display: flex; } .article-list article .article-content h3 { word-wrap: break-word; overflow: hidden; font-size: 16px; margin: 0 0 5px; font-weight: 600;} .article-list-trending article .article-content h3 { word-wrap: break-word; overflow: hidden; font-size: 24px; line-height: 33px; margin: 10px 0; font-weight: 700;} .article-list article .article-content h3 a, .article-list-trending article .article-content h3 a { color: #000; text-transform: initial; font-weight: 700;} .article-list article .article-content h3 a:hover, .article-list-trending article .article-content h3 a:hover { color: #00a0ff;} .article-list article .article-content p, .article-list-trending article .article-content p { overflow: hidden;font-size: 15px;font-weight: 300; } .article-list article .article-content p.category, .article-list-trending article .article-content p.category {font-size: 14px;padding-right: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .article-list article .article-content p.category a, .article-list-trending article .article-content p.category a { font-weight: 700; color: #000;} .article-list article .article-content p.category a:hover, .article-list-trending article .article-content p.category a:hover { color:#00a0ff;} .article-list article .article-content:hover,.article-list-trending article .article-content:hover { -moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.6); background-color: #fff; color: #000;} .article-list article .article-content:after { background-image: url(../img/icons/article-categories.png); background-repeat: no-repeat; position: absolute; display: block; height: 25px; content: ""; width: 30px; right: 10px; bottom: 10px;} .article-list article.articles .article-content:after { background-position: -120px 0;} .article-list article.videos .article-content:after { background-position: 0 0;} .article-list article.how-to-s .article-content:after { background-position: -30px 0;} .article-list article.cheat-sheets .article-content:after { background-position: -90px 0;} .article-list article.other .article-content:after { background-position: -60px 0;} .article-list article.featured{-webkit-background-size:100!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important} .article-list article.featured a{display:table;width:100%;background-color:#000;background-color:rgba(0,0,0,0);zoom:1;padding:30px;height:400px} .article-list article.featured a:after{display:none} .article-list article.featured a .content{display:table-cell;vertical-align:bottom} .article-list article.featured a .content h2{color:#fff;padding:0;font-weight:700} .article-list article.featured a .content p{margin-bottom:20px;overflow:visible;max-height:100%;font-weight:400;color:#fff;padding:0} .article-list article.featured a .content p:last-child{margin-bottom:10px} .article-list article.featured a:hover{background-color:#000;background-color:rgba(0,0,0,0.2);zoom:1} .article-list article.featured a:hover button.btn-primary{background-color:#f0dd00} .article-list article.community-board{padding:0} .article-list article.community-board a.board{height:160px;overflow:visible;padding:0} .article-list article.community-board a.board h3{padding-left:0;font-size:20px;color:#ffeb00} .article-list article.community-board a.board p{padding-left:0} .article-list article.community-board a.board:after{display:none} .article-list.expanded ul{list-style-type:none;padding:0;margin:0} .article-list.expanded ul li article.sponsored h3 a{color:#00a0ff} .article-list.expanded ul li article.sponsored p.sponsored{text-transform:uppercase;margin-bottom:2px;font-size:12px;font-weight:300} .article-list.books article .article-content .img-container{width:125px} .article-list.books article .article-content:after{background:0} .article-list.no-picture a.board .content{padding:15px 20px} .related-book{background:#fff;margin:40px 0;padding:20px 40px 30px;-moz-box-shadow:0 1px 4px -2px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 4px -2px rgba(0,0,0,0.5);box-shadow:0 1px 4px -2px rgba(0,0,0,0.5);border:1px solid #eaeaea} .related-book.slide{padding:0} .related-book.slide .item{padding:20px 80px 30px} .related-book.slide .carousel-control{background-color:#fff;background-image:none;-ms-filter:"alpha(opacity=100)";opacity:1;filter:alpha(opacity=100);color:#666;width:8%} .related-book.slide .carousel-control:hover{color:#000} .related-book h2{text-transform:none;font-weight:600;margin-top:0} .related-book p.pre-header{text-transform:uppercase;margin-bottom:5px;font-size:20px;font-weight:300} .related-book p.author{margin:0} .related-book p.author a{color:#00a0ff!important} .related-book p.author a:hover{color:#0070b3!important} .related-book .book-img{float:left} .related-book .action-buttons{float:right} .related-book .book{padding-top:20px} .related-book.small{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin:10px 0;border:0;padding:0} .related-book.small img.book-img{max-width:100px;margin-right:10px} .related-book.small a{text-decoration:none;text-transform:inherit} .related-book.small h2{font-size:16px;font-weight:600;color:#000} .related-book.small a p{color:#000;line-height:20px} .related-book.small a p.pre-header{color:#000;font-size:14px} ul.aside-list{list-style-type:none;margin:0;padding:0} ul.aside-list li{background-color:#fff} ul.aside-list li:last-child{border-bottom:0} ul.aside-list li>a{position:relative;display:block} ul.aside-list li>a:hover{background-color:#eaeaea;background-color:rgba(235,235,235,0.3);zoom:1} ul.aside-list li>a span.progress-bar{-moz-transition:opacity .1s linear;-ms-transition:opacity .1s linear;-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear;opacity:0;background-color:#00a0ff;width:3px;height:100%;position:absolute;left:0;bottom:0} ul.aside-list li>a.active span.progress-bar{opacity:1} ul.aside-list li .media{padding:15px 5px 15px 15px} ul.aside-list li .media .media-left{padding-right:12px} ul.aside-list li .media .media-left img.media-object{max-width:50px} ul.aside-list li .media .media-body{display:table-cell;vertical-align:middle;height:50px;font-size:16px;font-weight:400;color:#000} ul.aside-list li .media .media-body span.category{text-transform:uppercase;line-height:12px;font-size:10px;display:block;color:#666;font-weight:300} ul.aside-list li .media .media-body p{max-height:70px;overflow:hidden;margin-bottom:0;font-size:14px;line-height:19px} ul.aside-list li .media .media-body p.sponsored{max-height:60px} ul.aside-list li .media.ads{padding:0;text-align:center} ul.aside-list li .media.ads>img{margin:0 auto} aside.article-aside{position:relative;max-width:360px} aside.article-aside .aside-container h2{text-align:left;font-weight:bold;font-size:17px;line-height:28px;margin:0;text-transform:initial} aside.article-aside .scrollbar-container{position:relative} aside.article-aside .scrollbar-container .media-heading{font-size:14px;line-height:19px} aside.article-aside:not(.active) .scrollbar-container .ps-scrollbar-y{opacity:0} aside.article-aside.active .scrollbar-container{height:100%} .fixed-container:before,.fixed-container:after{content:" ";display:table} .fixed-container:after{clear:both} .fixed-container .article-aside{width:338px;float:left;margin-right:30px} .fixed-container .card-container,.fixed-container .content-container{width:calc(100% - 368px);float:left} .fixed-aside .fixed-container .content-container{padding-left:368px;width:100%} #loader{text-align:center;display:block} #loader span{display:block;clear:both} #loader span.icon{width:60px;margin:0 auto} #loader span.icon:before{background:transparent url('../img/icons/dummies.png') 0 0 no-repeat;display:block;margin:0 auto;width:59px;height:56px;content:""} #loader span.quote{margin-top:5px;font-style:italic;font-size:16px} .floating-newsletter{-moz-box-shadow:0 5px 15px 0 rgba(50,50,50,0.7);-webkit-box-shadow:0 5px 15px 0 rgba(50,50,50,0.7);box-shadow:0 5px 15px 0 rgba(50,50,50,0.7);-moz-transform:translate3d(0,300px,0);-ms-transform:translate3d(0,300px,0);-o-transform:translate3d(0,300px,0);-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0);-moz-transition:all .2s ease;-ms-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;position:fixed;z-index:100;bottom:0;right:100px;width:320px} .floating-newsletter .header{width:100%;position:relative} .floating-newsletter .header h1{font-size:15px;margin:0;font-weight:600} .floating-newsletter .header h1 a{background-color:#ffeb00;text-decoration:none;text-align:center;padding:10px 20px;display:block;outline:0;color:#000;width:100%} .floating-newsletter .header h1 a:after{content:"";font-family:FontAwesome;display:inline-block;margin-left:10px} .floating-newsletter .header h1 a:hover{background-color:#f0dd00} .floating-newsletter .header h1 a:hover:after{content:""} .floating-newsletter .header > a.dismiss{-moz-transition:all .2s linear;-ms-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;background-color:#333;position:absolute;padding:3px 7px;font-size:14px;right:-25px;color:#fff;opacity:0;top:5px} .floating-newsletter .header > a.dismiss:hover{color:#ffeb00} .floating-newsletter .form-container{width:320px;overflow:hidden} .floating-newsletter .form-container form{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background-color:#f0f0f0;position:relative;width:640px} .floating-newsletter .form-container form:before,.floating-newsletter .form-container form:after{content:" ";display:table} .floating-newsletter .form-container form:after{clear:both} .floating-newsletter .form-container form:before,.floating-newsletter .form-container form:after{content:" ";display:table} .floating-newsletter .form-container form:after{clear:both} .floating-newsletter .form-container form .step{position:relative;display:block;width:320px;float:left} .floating-newsletter .form-container form .step .content{padding:20px 20px 90px;height:300px;width:320px} .floating-newsletter .form-container form .step .content input{height:54px} .floating-newsletter .form-container form .step .content h2{text-transform:none;margin-bottom:25px;line-height:27px;font-size:18px;font-weight:400;margin-top:0} .floating-newsletter .form-container form .step .step-footer{position:absolute;padding:20px;width:100%;bottom:0;left:0} .floating-newsletter .form-container form .step .step-footer a.btn,.floating-newsletter .form-container form .step .step-footer button.btn{outline:0;width:100%} .floating-newsletter .form-container form .help-block.form-error{font-size:14px;font-weight:700} .floating-newsletter.open{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .floating-newsletter.open .header h1 a:after{content:""} .floating-newsletter.open .header>a.dismiss{opacity:1} .floating-newsletter.step-2 .form-container form{-moz-transform:translate3d(-320px,0,0);-ms-transform:translate3d(-320px,0,0);-o-transform:translate3d(-320px,0,0);-webkit-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0)} .floating-newsletter.remove-fn{-moz-transform:translate3d(500px,300px,0);-ms-transform:translate3d(500px,300px,0);-o-transform:translate3d(500px,300px,0);-webkit-transform:translate3d(500px,300px,0);transform:translate3d(500px,300px,0)} /*.filter .col-sm-2{width:13%} .filter .col-sm-10{width:87%} .filter .control-label{text-align:left;padding-top:10.33px;font-weight:400;font-size:18px} .filter .filter-field input{cursor:pointer;padding-right:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .filter .filter-field input[readonly]{background-color:transparent} .filter .filter-field:after{content:"";font-family:FontAwesome;position:absolute;font-size:24px;right:30px;color:#222;top:5px;z-index:-1} .filter .dropdown-menu{width:100%;margin-top:0;padding:0;max-height:200px;overflow-x:hidden;overflow-y:auto} .filter .dropdown-menu .checkbox-group{padding:10px 20px 20px} .filter .dropdown-menu .checkbox-group .checkbox{margin-bottom:5px} .filter .dropdown-menu .checkbox-group .checkbox label{width:100%;height:24px} .filter .btn-group .btn{border:1px solid #ccc;position:relative;padding:10px 20px;text-align:left;font-size:18px;width:170px} .filter .btn-group .btn:after{content:"";font-family:FontAwesome;position:absolute;font-size:24px;right:20px;color:#222;top:5px} .filter .btn-group .btn:hover,.filter .btn-group .btn:active,.filter .btn-group .btn:focus{background-color:#fff} @media(max-width:1199px){.filter .col-sm-2{width:17%} .filter .col-sm-10{width:83%} }*/ .modal>.close{border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;line-height:47px;font-size:25px;position:fixed;padding:0 15px;right:80px;color:#fff;-ms-filter:"alpha(opacity=100)";opacity:1;filter:alpha(opacity=100);top:100px} .modal>.close:hover{-ms-filter:"alpha(opacity=80)";opacity:.8;filter:alpha(opacity=80)} .modal .modal-dialog .modal-content{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:0} .modal .modal-dialog .modal-content .modal-header{border:0} .modal .modal-dialog .modal-content .modal-header h4{border-bottom:1px solid #eaeaea;padding-bottom:10px;font-weight:300} .modal .modal-dialog .modal-content .modal-header .close{font-size:35px} .modal .modal-dialog .modal-content .modal-body h5{font-weight:400;font-size:18px;text-align:center;margin-bottom:20px} .modal .modal-dialog .modal-content .modal-body a.btn{margin:0 auto 15px;line-height:30px;font-size:18px;display:block;width:200px;color:#fff} .modal .modal-dialog .modal-content .modal-body a.btn span{margin-right:10px} .modal .modal-dialog .modal-content .modal-body a.btn.facebook{background-color:#3b5998} .modal .modal-dialog .modal-content .modal-body a.btn.facebook:hover{background-color:#30487b} .modal .modal-dialog .modal-content .modal-body a.btn.twitter{background-color:#00abf0} .modal .modal-dialog .modal-content .modal-body a.btn.twitter:hover{background-color:#008ec7} .modal .modal-dialog .modal-content .modal-body a.btn.google-plus{background-color:#e0592b} .modal .modal-dialog .modal-content .modal-body a.btn.google-plus:hover{background-color:#c5481d} .modal .modal-dialog .modal-content .modal-body form input{height:42px} .modal .modal-dialog .modal-content .modal-body form .btn{line-height:30px;width:100%} .modal .modal-dialog .modal-content .modal-footer{border:0;background-color:#eaeaea;padding:0} .modal .modal-dialog .modal-content .modal-footer a{float:right;padding:15px 40px;font-size:20px;letter-spacing:1px} .modal .modal-dialog .modal-content .modal-footer a.register{background-color:#00a0ff;color:#fff} .modal .modal-dialog .modal-content .modal-footer a.register:hover{background-color:#0086d6} .modal .modal-dialog .modal-content .modal-footer p{margin:0 20px 0 0;line-height:50px;text-align:right;font-size:14px;float:right} /* Magnific Popup CSS */ /*.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .mfp-auto-cursor .mfp-content{cursor:auto} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none!important} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044} .mfp-preloader a{color:#CCC} .mfp-preloader a:hover{color:#FFF} .mfp-s-ready .mfp-preloader{display:none} .mfp-s-error .mfp-content{display:none} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none} button::-moz-focus-inner{padding:0;border:0} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace} .mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)} .mfp-close:active{top:1px} .mfp-close-btn-in .mfp-close{color:#333} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap} .mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)} .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent} .mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7} .mfp-arrow-left{left:0} .mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px} .mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f} .mfp-arrow-right{right:0} .mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px} .mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px} .mfp-iframe-holder .mfp-close{top:-40px} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444} .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px} .mfp-figure figure{margin:0} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px} .mfp-image-holder .mfp-content{max-width:100%} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0} .mfp-img-mobile img.mfp-img{padding:0} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0} .mfp-img-mobile .mfp-counter{right:5px;top:3px} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0} }@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)} .mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%} .mfp-container{padding-left:6px;padding-right:6px} }.mfp-ie7 .mfp-img{padding:0} .mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px} .mfp-ie7 .mfp-container{padding:0} .mfp-ie7 .mfp-content{padding-top:44px} .mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}*/ body{color:#000;padding-top:96px} .btn{border-radius:4px;border:0;transition:250ms ease;-webkit-transition:250ms ease} .btn.btn-primary{background-color:#ffeb00;text-transform:uppercase;color:#000} .btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{background-color:#f0dd00;color:#000} .btn.btn-secondary{background-color:#00a0ff;text-transform:uppercase;color:#fff} .btn.btn-secondary:hover,.btn.btn-secondary:active,.related-book-slider .btn.btn-secondary:hover,.related-book-slider .btn.btn-secondary:active{background-color:#000;color:#fff102} .btn.btn-secondary:focus,.related-book-slider .btn.btn-secondary:focus{background-color:#000;color:#fff102} .btn.btn-secondary:active{background-color:#000;color:#fff102} .btn.btn-lg{padding:12px 50px;font-size:16px;font-weight:600} .btn.btn-sm{padding:8px 20px;font-size:14px;font-weight:600} #page-overlay{-moz-transition:all .3s linear;-ms-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:fixed;background-color:#000;background-color:rgba(0,0,0,0);zoom:1;visibility:hidden;height:100%;width:100%;bottom:0;right:0;left:0;top:0} #page-overlay.active{visibility:visible;background-color:#000;background-color:rgba(0,0,0,0.6);zoom:1} .article-share{position:fixed;top:250px;right:0} .sharing-tools-xs{display:none!important} .book-page{margin-bottom:50px} .book-page h1{font-weight:700} .book-page .book-info{margin-bottom:50px} .book-page .book-info img{margin-bottom:20px} .book-page .book-info p{margin-bottom:5px;font-weight:300} .book-page .book-info p.partners{margin:20px 0 0} .book-page .book-info p.partners a{margin-right:20px;margin-bottom:10px;display:inline-block} .book-page .book-info p.partners a:last-child{margin-right:0} .book-page .book-description h2{margin-bottom:20px} .book-page .book-description p{margin-bottom:15px} .book-page .book-description p+h2{margin-top:40px} .book-page .book-description p.book-section{margin-top:10px;float:left;width:100%} .book-page .book-description ul{margin:15px 0} .book-page .book-description ul:before,.book-page .book-description ul:after{content:" ";display:table} .book-page .book-description ul:after{clear:both} .book-page .book-description ul li{margin-bottom:15px} .test-bank-page{margin-bottom:40px} .test-bank-page .activate{background-color:#eaeaea;margin-bottom:40px;padding:20px;min-height:250px} .test-bank-page .activate .content{position:relative;margin-left:50%;width:310px} .test-bank-page .activate .content:before{content:"";background:transparent url(../img/test-bank/pin.png) 0 0 no-repeat;height:200px;width:302px;left:-350px;top:0;position:absolute} .test-bank-page .activate .content h1{margin-top:10px} .test-bank-page .activate .content p{font-size:17px} .test-bank-page .search{margin-bottom:40px} .test-bank-page .search .form-group:before{color:#c3c3c3;content:"";font-family:FontAwesome;font-size:28px;left:30px;position:absolute;top:5px} .test-bank-page .search .form-group input{height:48px;padding-left:55px;color:#000;font-weight:600;font-size:18px} .article-page article ul:not(.Tech):not(.Remember):not(.Warning):not(.Tip) li{ position: relative;/* list-style: none;*/ padding-left: 5px; font-size: 17px; line-height: 28px;} .article-list-trending ul{ margin:0; padding: 0; } .search-form-section-inner .pn-txt{margin-top: 10px;font-style: normal;font-weight: normal;font-size: 15px;line-height: 20px;display: block;align-items: center;color: #fff;max-width: 500px;text-align:center;z-index: 0;position: relative;} .search-form-section-inner .pn-txt span{color:yellow} .community-board-page .community-board{padding:20px 0} .community-board-page .filter .form-group{margin:0 0 20px} .community-board-page .filter .control-label{padding-top:12px;width:90px;float:left} .community-board-page .filter .filter-field{position:relative;width:450px;float:left} .community-board-page .filter .filter-field:after{right:20px} @media(min-width:1200px){ .container.fluid-sm{padding-right:45px} .modal>.close{border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;line-height:47px;font-size:25px;position:fixed;padding:0 15px;right:80px;color:#fff;-ms-filter:"alpha(opacity=100)";opacity:1;filter:alpha(opacity=100);top:100px} .modal>.close:hover{-ms-filter:"alpha(opacity=80)";opacity:.8;filter:alpha(opacity=80)} .page-hero .user-picture{margin-top:30px} } @media(max-width:1024px){ .sharing-tools-xs{display:block!important} } @media(max-width:1199px){ .page-hero .user-picture{margin-top:30px} .article-list article .article-content{padding:16px} .article-list article .article-content .img-container{width:130px;margin-top:-10px} .article-list article .article-content .img-container img{max-width:130px;max-height:130px} .article-list article .article-content h3{max-height:33px;overflow:hidden} .article-list article .article-content p{margin-bottom:0;overflow:hidden;max-height:44px;line-height:22px} .article-list article .article-content p.user-picture{max-height:100px} .article-list article .article-content p.category{font-size:12px} .article-list article.community-board a.board{height:130px} .article-list article.community-board a.board h3{font-size:18px} .article-list.books article .article-content{height:160px} .article-list.books article .article-content .img-container{width:125px;height:160px} .article-list.books article .article-content p{max-height:88px} .article-list.books article .article-content:after{background:0} .test-bank-page .activate{min-height:210px} .test-bank-page .activate .content{margin-left:53%;width:240px} .test-bank-page .activate .content:before{background-image:url(../img/test-bank/pin.png);background-repeat:no-repeat;background-position:0 0;background-size:95%;height:160px;width:242px;left:-260px} .test-bank-page .activate .content h1{margin-top:10px;font-size:25px} .test-bank-page .activate .content p{font-size:15px} .related-book .book{text-align:center} .related-book .book:before,.related-book .book:after{content:" ";display:table} .related-book .book:after{clear:both} .related-book .book .book-img{margin:0 auto;float:none} .related-book .action-buttons{margin-top:20px;float:none} } @media(max-width:991px){ .page-hero .user-picture{margin-top:30px} .article-list article .article-content{height:120px;padding:10px 15px} .article-list article .article-content .img-container{height:120px;width:120px} .article-list article .article-content .img-container img{max-height:120px;max-width:120px} .article-list article .article-content h3{max-height:33px;overflow:hidden} .article-list article .article-content p{margin-bottom:0;font-size:14px;max-height:40px;line-height:20px} .article-list article .article-content p.category{font-size:12px} .article-list article.community-board a.board{height:120px} .article-list article.community-board a.board h3{font-size:18px} .article-list.books article .article-content{height:153px} .article-list.books article .article-content .img-container{width:125px;height:153px} .article-list.books article .article-content p{max-height:88px} .article-list.books article .article-content:after{background:0} .modal>.close{top:80px;right:40px} .container.fluid-sm{width:95%;padding-right:15px} .search-field.for-desktop{display:none!important} .test-bank-page .activate{padding:20px;min-height:160px} .test-bank-page .activate .content{margin-left:48%;width:225px} .test-bank-page .activate .content:before{content:"";background-image:url(../img/test-bank/pin.png);background-repeat:no-repeat;background-position:0 0;background-size:65%;position:absolute;height:160px;width:242px;left:-200px} .test-bank-page .activate .content h1{margin-top:10px;font-size:22px} .test-bank-page .activate .content p{font-size:14px} .search-page .fixed-container .article-aside{width:100%;margin-right:0} .fixed-container .card-container,.fixed-container .content-container{width:100%} .fixed-aside .fixed-container .content-container{padding-left:0} } @media(max-width:767px){ .article-page article ol:not(.breadcrumb):not(.carousel-navigation) > li, .article-page article ol.level-one:not(.breadcrumb):not(.carousel-navigation) > li, .article-page article ul:not(.Tech):not(.Remember):not(.Warning):not(.Tip) li { font-size: 16px; } .article-page article h1 br{display:none} .article-page article p{line-height:28px;font-size:16px;overflow:visible} .article-page article p.big{line-height:24px;font-size:18px} .article-page article ul li{font-size:16px} .article-page article.series .carousel-navigation li{width:45%} .article-page article.series .carousel-navigation li.nav-position{display:none} .article-page article.series .serie a{padding:12px} .article-page article.series .serie a figure{float:none;text-align:center;display:block;margin:0} .article-tips,.Tech,.Remember,.Warning,.Tip{padding:120px 20px 20px} .article-tips:before,.Tech:before,.Remember:before,.Warning:before,.Tip:before{width:100%;top:0;left:0;height:100px;background-size:auto 55%} .page-hero .user-picture p{margin:0 auto} .article-list article .article-content{height:130px;padding:10px 15px} .article-list article .article-content .img-container{height:130px;width:130px;margin-right:15px} .article-list article .article-content .img-container img{max-height:130px;max-width:130px} .article-list article .article-content h3{font-size:14px;margin-bottom:0;max-height:30px;overflow:hidden} .article-list article .article-content p{font-size:12px;margin-bottom:0;line-height:16px} .article-list article .article-content p.category{font-size:12px} .article-list.expanded ul li article a p{max-height:40px} .article-list.books article .article-content{height:167px} .article-list.books article .article-content .img-container{width:125px;height:167px} .article-list.books article .article-content p{max-height:118px} .article-list.books article .article-content:after{background:0} .article-page .fixed-container .card-container,.article-page .fixed-container .content-container{width:100%} .fixed-aside .fixed-container .content-container{padding-left:0;width:100%} .btn.btn-lg{padding:15px 30px;font-size:16px} .btn.btn-sm{padding:8px 16px} .article-share{display:none} .block-xs{display:block} .container.fluid-sm{width:100%;padding-right:15px} .category-page .filter .col-sm-2{width:100%} .category-page .filter .col-sm-10{width:100%} .test-bank-page .activate{min-height:160px} .community-board-page .filter .control-label {display: block; clear: both; float: none; } .community-board-page .filter .filter-field { width: 100%; } .related-book .book-img{float:left} .related-book .action-buttons{float:right;margin-top:5px} .related-book.slide .carousel-control{width:10%} .modal .modal-dialog .modal-content .modal-body .col-divider { margin-bottom: 50px; } } @media(max-width:510px){ .book-page .block-xss{display:block;width:100%} .book-page .block-xss img{margin-left:auto;margin-right:auto} .test-bank-page .activate{padding:20px;width:100%} .test-bank-page .activate .content{width:210px;margin:190px auto 0} .test-bank-page .activate .content:after{display:none} .test-bank-page .activate .content:before{content:"";background-image:url(../img/test-bank/pin.png);background-repeat:no-repeat;background-position:0 0;background-size:100%;position:absolute;bottom:auto;top:-180px;height:160px;width:242px;left:-10px} .test-bank-page .activate .content h1{margin-top:15px;font-size:22px} .test-bank-page .activate .content p{font-size:14px} } @media(max-width:500px){ .floating-newsletter{right:30px} } @media(max-width:400px){ .floating-newsletter{width:275px;right:25px} .floating-newsletter .form-container{width:275px} .floating-newsletter .form-container form{width:275px} .floating-newsletter .form-container form .step{width:275px} .floating-newsletter .form-container form .step .content{width:275px} } @media(max-width:319px){ .floating-newsletter{display:none} } @media(max-height:319px){ .floating-newsletter{display:none} } @media (max-width: 991px) { .related-book .action-buttons { float: right; } } @media(max-width:695px){ .related-book .book{text-align:center} .related-book .book .book-img{float:none;margin:0 auto 10px} .related-book .book .action-buttons{text-align:center;margin-top:15px;display:block;clear:both;float:none} } @media(max-width:540px){ .related-book{text-align:left} .related-book .book{display:block;clear:both} .related-book .book .book-img{display:none} .related-book .col-xs-6{width:100%} } /* Print Styles */ @media print { .ads,.main-footer,.article-share,.video-container,.audio-container,.floating-newsletter,.article-recommendations{display:none} a[href]:after{content:none!important} header.main-header,header.main-header .navbar,header.main-header .navbar .navbar-header .navbar-brand{display:block!important;position:relative} header.main-header .navbar .navbar-header .navbar-brand{margin-top:0;margin-bottom:20px;padding:0!important} header.main-header nav.navbar.main-nav.navbar-fixed-top div.container-fluid div#navbar ul li,.navbar-toggle,.search,.my-account{display:none!important} .hidden-print{display:none} .article-page article{page-break-after:always} .article-page article .article-slideshow .item{display:block!important;padding-bottom:100px;clear:both} .article-page article .article-slideshow .item:before,.article-page article .article-slideshow .item:after{content:" ";display:table} .article-page article .article-slideshow .item:after{clear:both} .article-page article .article-slideshow .slide .slide-header span.step{display:none} .article-page article .article-slideshow .slide .slide-content{padding:0} .article-page article .article-slideshow .slideshow-controls{display:none} .article-page article .article-title{width:100%} }