html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
  caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; 
-o-transition:all 0.5s ease; transition:all 0.5s ease; color:#333;}
a:hover {text-decoration:none;}
a:focus {outline:none;}

:focus { outline: none; }
html, body {font-family: "Public Sans", sans-serif; overflow-x:hidden;}

/* ==================== COMMON CSS ==================== */

section {padding:70px 0;}

h2 {font-size:32px; color:#000; padding:0 0 50px; font-weight:700;}
h3 {font-size:24px; color:#000; padding:20px 0; font-weight:700;}
p {font-size:16px; line-height:24px; color:#333; padding:0 0 25px; font-weight:500;}
p b {}
p a {color:#fff;}
p a:hover {color:#9b553a;}


.btn_blk {display:block; padding:20px 0 0;}
.btn_blk a {display:inline-block; color:#fff; font-size:18px; font-weight:700; padding:15px 30px; position:relative; z-index:1; 
overflow:hidden; border-radius:30px; margin:0 10px 0 0;}
.btn_blk a::after {content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:#02a2eb; border-radius:30px; z-index: -2;}
.btn_blk a::before {content:""; position:absolute; bottom:0; left:0; width:0%; height:100%; background:#000; transition: all 0.3s; border-radius:30px; z-index:-1; border:2px solid #02a2eb;}
.btn_blk a:hover::before {width:100%;}

.btn_blk a:nth-child(3n)::after {background:#000; border:2px solid #02a2eb;}
.btn_blk a:nth-child(3n)::before {border:none; background:#02a2eb;}

.side_btn {width:auto; position:fixed; z-index:1001; right:-112px; top:50%; transform:rotateZ(90deg);}
.side_btn a {width:auto; height:auto; background:#fa9d26; color:#000; font-size:16px; text-transform:uppercase; padding:11px 20px; border-radius:0 0 5px 5px;    
font-weight:600; transition: 0.5s all ease;}
.side_btn a:hover {background:#000; color:#fff;}

.ntSocialIcons {display:inline-block; list-style:none; width:auto;}
.ntSocialIcons li {display:inline-block; margin:0 0 0 5px;}
.ntSocialIcons li a {color:#fff; display:block; width:32px; text-align:center; height:32px; font-size:14px; border-radius:50%; background:#02a2eb;}
.ntSocialIcons li a:hover {background:#fff; color:#02a2eb;}
.ntSocialIcons li a i {line-height:32px; font-size:20px; transition: all ease 0.3s;}
.ntSocialIcons li a:hover i {transform: rotateY(360deg);}

.big_menu {width:100%; height:50%; background:#1a1a24; position:fixed; left:0; top:-100%; display:flex; align-items:center; z-index:9999;     transition:all .3s linear;}
.big_menu ul {list-style:none; margin:0 30px;}
.big_menu ul li {border-bottom:1px solid #747480; padding:10px 20px;}
.big_menu ul li a {color:#fff; font-size:16px; font-weight:500; transition:all .3s linear; display:block;}
.big_menu ul li a i {float:right;}
.big_menu ul li a:hover {color:#02a2eb;}
.big_menu ul li:last-child {border:none;}

.big_menu ul.list {margin:0; list-style:circle; padding:0 0 0 20px; color:#fff;}
.big_menu ul.list li {border:none; padding:2px 0;}
.big_menu ul.list li a {line-height:24px;}

.big_menu a.close_btn {width:32px; height:32px; background:url("../images/close.png") no-repeat left top; position:absolute; right:50px; top:50px; 
transition:all .3s linear; background-size:100%;}

.big_menu.show {top:0;}

.big_menu h3 {padding:0 0 10px; color:#02a2eb !important; font-weight:700; font-size:20px;}
.big_menu p {padding:0; font-size:13px; line-height:20px; color:#fff;}

/* ==================== INDEX PAGE ==================== */

/* TOP BAND START */

.top_band .tb_inner {background:#000; padding:20px 0; display:none;}

.top_band .tb_inner .inner {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}

.top_band .tb_inner .inner .icon {min-width:220px;}
.top_band .tb_inner .inner .icon .menu_icon1 {width:46px; height:46px; background:url("../images/menu_icon.png") no-repeat left top; display:inline-block;}

/* HEADER START */

.header {background:#000; background-size:cover; padding:100px 0; position:relative;}
.header::before {background:url("../images/main_bg.png") no-repeat center; width:100%; height:100%; position:absolute; left:0; top:0; content:"";}

.header h1 {color:#fff; font-size:48px; font-weight:700; line-height:60px; margin:0 0 10px;}
.header p {color:#fff; font-size:20px; font-weight:100; margin:0 0 20px;}

.header .btn_blk {padding:0;}

/* HEADER END */

/* NAVIGATION START */

.navigation {background:#fff; padding:15px 0; transition:all ease 0.5s;}
.navigation .nav_bar {display:flex; justify-content:space-between; align-items:center;}

.navigation .nav_bar .right {display:flex; align-items:center;}

.navigation.fixed {position:fixed; left:0; top:0; z-index:100; width:100%; background:#c9edff;}

/* NAVIGATION END */

/* OVERVIEW START */

.overview {background:#fff;}

.overview .info {position:relative; z-index:1;}
.overview .info h2 {color:#333;}
.overview .info p {color:#333;}
.overview .info p b {font-weight:700;}
.overview .info p:last-child {padding:0;}

.overview .report_cover {margin:0 0 0 20px;}
.overview .report_cover img {width:100%; border-radius:30px;}

/* OVERVIEW END */

/* COVERAGE START */

.coverage {background:#fbfcfc; padding:70px 0 190px;}

.coverage .com_blk {border-right:1px solid #ddd; min-height:280px; padding:0 0 0 20px;}
.coverage .com_blk h3 {color:#444; font-weight:700; font-size:20px; padding:0 0 15px;}
.coverage .com_blk ul {list-style:circle; padding:0 0 0 18px;}
.coverage .com_blk ul li {font-size:16px; line-height:24px; font-weight:500; color:#333;}

.coverage .col-lg-4:first-child .com_blk {padding:0;}
.coverage .col-lg-4:last-child .com_blk {border:none;}

.coverage .com_blk .icon {padding:0 0 20px;}
.coverage .com_blk .icon img {max-width:100px;}

/* COVERAGE RANKINGS END */

/* ESSENTIAL START */

.essential {background:#fff; padding:0 0 70px;}
.essential h2 {padding:0 0 30px;}

.essential .e_blk {background:#c9edff; border-radius:15px; padding:50px; margin:-120px 0 0;}
.essential .e_blk ul {list-style:none;}
.essential .e_blk ul li {font-size:16px; line-height:24px; font-weight:500; padding:10px 0 10px 45px; position:relative; text-wrap:balance; color:#333;}
.essential .e_blk ul li::before {position:absolute; top:12px; left:-1px; display:block; width:20px; height:20px; background:#02a2eb; border-radius:50%; content:"";}
.essential .e_blk ul li:not(:last-child)::after {position:absolute; top:20px; bottom:-28px; left:8px; display:block; width:1px; height:auto; 
border-right:2px dotted #02a2eb; content:"";}

/* ESSENTIAL END */

/* WHY GET START */

.why_get {background:#fbfcfc;}
.why_get h2 {padding:0 0 30px;}

.why_get ul {list-style:circle; padding:0 0 0 18px;}
.why_get ul li {font-size:16px; line-height:24px; font-weight:500; color:#333;}

/* WHY GET END */

/* PRICING START */

.pricing h2 {padding:0 0 10px;}
.pricing p {color:#444; font-size:22px; font-weight:400; margin:0 0 20px;}
.pricing p b {font-weight:700;}
.pricing p.note {font-size:17px; font-weight:700; margin:0;}

.pricing .e_blk {background:#c9edff; border-radius:15px; padding:30px; margin:0 0 70px;}
.pricing .e_blk ul {list-style:circle; padding:0 0 0 18px;}
.pricing .e_blk ul li {font-size:16px; line-height:24px; font-weight:500; padding:5px 0;  color:#333;}
.pricing .e_blk ul li b {font-weight:700;}


.pricing .p_blk {margin:0 0 15px;}

.pricing .p_blk .top {background:#000; text-align:center; padding:15px 20px; border-radius:10px 10px 0 0;}
.pricing .p_blk .top strong {color:#fff; font-size:17px; font-weight:400;}

.pricing .p_blk .bottom {border:1px solid #000; padding:30px; text-align:center; border-radius:0 0 10px 10px;}
.pricing .p_blk .bottom span {color:#02a2eb; font-size:28px; font-weight:700;}
.pricing .p_blk .bottom span em {font-style:normal; font-size:20px; text-decoration:line-through; color:#444; font-weight:500;}

.pricing .btn_blk a::before {border:none;}

/* PRICING END */

/* PREVIOUS EDITION START */

.previous_editions {background:#fbfcfc;}

.previous_editions .post {margin:0 0 10px;}
.previous_editions .post .top {overflow:hidden; border-radius:20px 20px 0 0; height:250px; object-fit:cover; box-shadow:0 0 30px #c9edff;}
.previous_editions .post .top img {width: 100%; transition: all 1.2s ease-out; display: block; border-radius: 20px 20px 0 0; min-height: 170px; object-fit: cover;}
.previous_editions .post:hover .top a img {transform: scale(1.2);}

.previous_editions .post .bottom {background:#fff; text-align:left; padding:20px; border-radius:0 0 20px 20px; box-shadow:0 0 30px #c9edff; 
min-height:185px;}
.previous_editions .post .bottom h3 {font-size:18px; color:#000; line-height:24px; font-weight:700; text-align:left; padding:0 0 5px;}
.previous_editions .post .bottom p {overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 14px;
color: #000;
font-weight: 300;
line-height: 24px;}
.previous_editions .post .bottom a {font-weight:700; transition: all 1.2s ease-out; font-family: "Barlow", sans-serif; color:#000; font-size:14px;}
.previous_editions .post .bottom a em {padding:0 0 0 10px; color:#005860;}
.previous_editions .post .bottom a:hover {color:#005860;}

/* PREVIOUS EDITION END */

/* FOOTER START */

.footer {background:#000; padding:70px 0;}
.footer h2 {color:#fff; padding:0 0 30px;}

.footer .form_blk strong {font-size:18px; font-weight:700; padding:0 0 30px; display:block; color:#fff;}
.footer .form_blk input[type="text"], .footer .form_blk input[type="email"] {width:100%; padding:10px 20px; border-radius:15px; margin:0 0 15px; background:#fff; border:0;}
.footer .form_blk textarea {width:100%; padding:20px; border-radius:15px; margin:0 0 15px; background:#fff; border:0; resize:none; height:110px;}
.footer .form_blk .consent {padding:30px 0;}
.footer .form_blk .consent input[type="checkbox"] {width:auto; float:left; margin:2px 0 0;}
.footer .form_blk .consent small {color:#fff; font-size:13px; padding:0 0 0 20px; display:block; line-height:18px;}

.footer .form_blk input[type="submit"] {background:#02a2eb; color:#fff; font-weight:700; border:0; border-radius:30px; padding:15px 30px; 
letter-spacing:0.5px; font-size:18px;}

/* FOOTER END */

/* CONTACT START */

.contact_blk {padding:0;}

.contact_blk .cb_top {text-align:center; background:#fff; padding:50px 0;}
.contact_blk .cb_top h2 {padding:0 0 30px;}
.contact_blk .cb_top .com_blk {display:block; text-align:center;}
.contact_blk .cb_top .com_blk img {max-width:250px; margin:0 0 15px;}

.contact_blk .cb_top .com_blk .info {display:block;}
.contact_blk .cb_top .com_blk .info strong {display:block; text-transform:uppercase; font-weight:700; color:#0A0F42; font-size:17px; padding:0 0 10px;}
.contact_blk .cb_top .com_blk .info b {display:block; font-weight:600; color:#000; font-size:14px; padding:8px 0 0; line-height:18px;}
.contact_blk .cb_top .com_blk .info p {display:block; font-size:14px; line-height:20px; padding:0;}
.contact_blk .cb_top .com_blk .info a {display:inline-block; font-size:14px; font-weight:700; color:#02a2eb;}

.contact_blk .cb_bottom {width:100%; float:left; background:#fbfcfc; padding:20px 0;}
.contact_blk .cb_bottom address {display:block; text-align:center; font-size:13px; font-weight:300; letter-spacing:0.5px; line-height:22px; color:#333;}

/* CONTACT END */

/* HOST START */

.partners_container {padding:30px 0; text-align:center;} 
.partners_container h3 {display:block; color:#000; font-size:22px; margin:0 0 15px;}

.partners_container .pc_com {display:block;}

.partners_container .pc_com .top {display:block;}
.partners_container .pc_com .top strong {display:block; font-size:20px; color:#000; padding:0 0 30px; text-transform:uppercase; font-weight:700;}

.partners_container .pc_com .bottom {display:block;}
.partners_container .pc_com .bottom a {display:inline-block; margin:0 10px;}
.partners_container .pc_com .bottom a img {max-width:300px;}

/* HOST END */


/* ==================== INNER PAGE ==================== */

/* MODAL BOX CSS */

.results .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	
}

/* Modal Content (image) */
.results .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 1000px;
  padding:30px;
}

/* Add Animation */
.results .modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0.1)} 
  to {transform:scale(1)}
}

/* The Close Button */
.results .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.results .close:hover,
.results .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* Responsive Columns */
@media only screen and (max-width: 700px){
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
  .results .modal-content {
    width: 100%;
  }
}

@media only screen and (max-width: 500px){
  .responsive {
    width: 100%;
  }
}

/* Clear Floats */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* DOWNLOAD REPORT FORM CSS START */

.download_report .modal-header {text-align:center; display:block;}
.modal-open .modal-backdrop.show {opacity:0.75!important;}

.download_report .report_form .b24-form-header {display:none;}  
.download_report .report_form .b24-form-wrapper.b24-form-shadow {background:none; box-shadow:inherit;}
.download_report .report_form .b24-form-content.b24-form-padding-side {padding:10px;}
.download_report .report_form .b24-form-control {background:#fff; border:1px solid #eee;}
.download_report .report_form .b24-form-btn {background:#02a2eb; font-weight:700; text-transform:uppercase; font-size:18px; 
font-family: "Public Sans", sans-serif!important; transition:all ease 0.5s;}
.download_report .report_form .b24-form-btn:hover {background:#000}

.download_report .modal-title {font-size:22px; font-weight:700; text-align:center; line-height:26px;}
.download_report .modal-title small {font-size:18px; font-weight:400; display:block; padding:5px 0 0;}

.download_report .modal-content {position:relative;}
.download_report .modal-content .close {width:auto; position:absolute; right:10px; top:10px;}