body, html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}
.slider_plan h2{font-weight:500;margin-bottom:40px;display:inline-block;width:100%;vertical-align:top;}
.pkgs_s{background:#181818;padding:60px 40px;text-align:center;color:#fff;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}
.pkgs_s h2{font-weight:700;margin:0 0 45pxdisplay:inline-block;width:100%;vertical-align:top;}
.pkgs_heading{font-weight:700;font-size:26px;margin-bottom:20px;display:inline-block;width:100%;vertical-align:top;}
.pkgs_slider{display:flex;align-items:center}
.pkgs_wrapper{transition:.5s flex ease-in-out;margin:0 10px;height:34vw;max-height:450px;background:#222;position:relative;overflow:hidden;box-shadow:0 20px 27px -14px rgba(0,0,0,.35)}
.pkgs_wrapper:first-child{margin-left:0}
.pkgs_wrapper:last-child{margin-right:0}
.pkgs_wrapper:hover{background-color:#2e2e2e}
.pkgs_wrapper:hover .pkgs > p{display:none}
.pkgs_initial, .pkgs_expanded{text-align:center;color:#eee;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;width:100%}
.pkgs_initial{transition:.5s opacity ease-in-out}
.pkgs_initial h2, .pkgs_expanded h2{font-weight:700display:inline-block;width:100%;vertical-align:top;}
.pkgs_initial p, .pkgs_expanded p{color:#999;display:inline-block;width:100%;vertical-align:top;margin-bottom:10px;}
.pkgs_initial img{max-height:80px;margin-bottom:20px}
.pkgs_expanded h3{font-weight:700;font-size:18px;display:inline-block;width:100%;vertical-align:top;margin-bottom:10px;}
.pkgs_expanded{opacity:0;background:#2e2e2e;transition:.3s opacity ease-in-out;position:absolute;top:0;left:0;right:0;bottom:0}
.pkgs_wrapper:hover .pkgs_expanded{opacity:1;transition:.5s opacity ease-in-out}
.pkgs_slider:hover .pkgs_initial{opacity:.4;padding-left:20px;padding-right:20px}
.pkgs_slider:hover .pkgs_initial h2, .pkgs_slider:hover .pkgs_initial p{display:none}
.pkgs_slider:hover .pkgs_initial img{filter:grayscale(100%)}
.pkgs_slider:hover .pkgs_initial .pkgs_heading{display:none}
.pkgs_expanded_cnt{display:flex}
.pkgs_expanded_cnt > div{padding:10px;flex:1}
.pkgs_expanded_cnt img{max-height:36px;margin-bottom:20px;object-fit:contain}
.pkgs_expanded_cnt p{font-weight:300;font-size:14px;margin-bottom:0}
.pkgs_expanded_ct{margin-top:20px}
@media screen and (min-width:1024px){.pkgs_wrapper:hover{flex:8}
.pkgs_wrapper{flex:1}
}
@media screen and (max-width:1200px) and (min-width:1024px){.pkgs_wrapper{margin:0 10px}
.pkgs_wrapper:hover{height:500px;max-height:unset}
}
@media screen and (max-width:1023px){.pkgs_slider{flex-direction:column}
.pkgs_wrapper{margin:0 0 40px;width:100%;height:520px;max-height:520px}
.pkgs_expanded{opacity:1}
.pkgs_expanded_cnt{flex-direction:column;text-align:left}
.pkgs_expanded_cnt div>div{display:flex;align-items:center;flex:0 0 200px;padding-right:20px}
.pkgs_expanded_cnt>div{display:flex;flex:1;align-items:center;border-bottom:1px solid #444;height:80px}
.pkgs_expanded_cnt img{max-width:25px;margin-bottom:0;margin-right:10px}
.pkgs_expanded_cnt h3{margin:0;font-size:14px}
.pkgs_initial, .pkgs_expanded{padding:25px}
}
@media screen and (max-width:768px){.pkgs_wrapper:hover{height:600px;max-height:600px}
.pkgs_expanded_cnt>div{height:110px}
.pkgs_expanded_cnt div>div{flex:0 0 150px}
.pkgs_expanded_cnt p{font-size:12px}
}
@media screen and (max-width:480px){.pkgs_wrapper, .pkgs_wrapper:hover{height:450px;max-height:450px}
.pkgs_expanded_cnt>div{height:100%;flex-direction:column}
.pkgs_expanded_cnt div>div{flex:1;margin-bottom:10px;flex-direction:column;padding-right:0}
.pkgs_expanded_cnt img{margin-right:0}
.pkgs_expanded_cnt p{display:none}
.pkgs_expanded_cnt h3{text-align:center}
}
.pulse{display:block;margin:0 auto;width:22px;height:22px;border-radius:50%;background:#999;cursor:pointer;animation:pulse 1.5s infinite}
@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);}
 70%{-webkit-box-shadow:0 0 0 10px rgba(255, 255, 255, 0);box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);}
 100%{-webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0);box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);}
}
@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);}
 70%{-moz-box-shadow:0 0 0 10px rgba(255, 255, 255, 0);box-shadow:0 0 0 10px rgba(255, 255, 255, 0);}
 100%{-moz-box-shadow:0 0 0 0 rgba(255, 255, 255, 0);box-shadow:0 0 0 0 rgba(255, 255, 255, 0);}
}