.odd_row {
background:#F4F5F5 !important;
}

.progress-bar {
    background-color: #799C46 !important;
}

.numberCircle {
  display: inline-block;
  line-height: 0px;
  border-radius: 50%;
  border: 2px solid #799C46 !important;
  font-size: 32px;
  margin-bottom: 10px;
background:#799C46 !important;
}

.numberCircle span {
  display: inline-block;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-left: 13px;
  margin-right: 13px;
color:#fff;
}

.order_page_container {
background:rgba(36,135,206,0.1) !important;
padding-top:20px;
border:1px solid rgba(36,135,206,0.2) !important;
}

.orderform-button {
Xbackground:rgba(141,157,182,1) !important;
Xborder:rgba(141,157,182,1) !important;
background:rgba(36,135,206,0.8) !important;
border:1px solid rgba(36,135,206,0.8) !important;
color:#F8F9FA !important;
}

.orderform_bg {
background:rgba(98,153,204,0.6) !important;
}

.orderhead_bg {
Xbackground:rgba(36,135,206,0.47) !important;
background:rgba(98,153,204,0.55) !important;
color:#F8F9FA !important;
}

input:focus::placeholder {
  color: transparent !important;
}

#after_hero .icon-boxes {
  Xmargin-top: 100px;
}

#after_hero .icon-box {
  padding: 50px 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
}

#after_hero .icon-box .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

#after_hero .icon-box .title a {
  color: #124265;
  transition: 0.3s;
}

#after_hero .icon-box .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

#after_hero .icon-box .icon {
  margin-bottom: 20px;
  padding-top: 10px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  font-size: 36px;
  line-height: 1;
  color: #2487ce;
}

#after_hero .icon-box:hover {
  transform: scale(1.08);
}

#after_hero .icon-box:hover .title a {
  color: #2487ce;
}

.top_search_results {
Xwidth:600px !important;
XXmargin-top:45px !important;
Xz-index:100 !important;
}

.search_results {
width:600px !important;
max-width:95vw !important;
margin-top:45px !important;
z-index:100 !important;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
border-color:#698D99 !important;
XXXbackground:url(../img/search_bg.jpg)bottom right no-repeat !important;
}

.menuextra {
position:relative;
left:+23px;
top:-14px;
}

.bg-primary-subdue, .btn-primary-subdue {
background:#5A89B4 !important;
}

.text-primary-subdue {
color:#5A89B4 !important;
}

.border-primary-subdue {
border-color:#5A89B4 !important;
}

.disk_space {
font-family: 'Anton';
color:#444;
font-size:38px;
}

.service_bg {
background:rgba(105,141,153,0.4) !important;
border-radius:12px !important;
}

.service_bg h4 {
color:rgba(105,141,153,1) !important;
}

.service_btn {
background:rgba(105,141,153,1) !important;
color:#fff !important;
}

.service_btn:hover {
background:rgba(105,141,153,0.4) !important;
color:rgba(105,141,153,1) !important;
}

#about i {
color:#F4F09E !important;
}

.faq-list p {
font-size:12pt !important;
padding-left:30px !important;
}

.inner-page {
background:url(../img/rest_bg.jpg) top center;
}

.warning-shadow {
text-shadow:1px 1px #828282 !important;
}

.support_container {
width:70% !important;
text-align:left !important;
}

.setting_field {
text-align:right !important;
}

.payment {
  -webkit-filter: drop-shadow(3px 3px 3px #444);
  filter: drop-shadow(3px 3px 3px #444);
}

input[type='radio'] {
    width: 18px;
    height: 18px;
}

#loginmodal .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 14px 50px;
  border-radius: 5px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  background: #2487ce;
}

#loginmodal .btn-get-started:hover {
  background: #3194db;
}


.price_list {
width:96%;font-size:8pt;
}

.order_price_list {
width:96%;font-size:12pt;
}

.small_font {
font-size:10pt;
}

.plan_box {
background:rgba(255,255,255,0.9);
border-radius:12px;padding:15px;
}

.plan_list {
background:rgba(0,0,0,0.5);
margin-top:20px !important;
margin-bottom:10px !important;
text-shadow: 1px 1px 2px #444;
}


.number {
font-family: "Open Sans", sans-serif;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}

.icon-box {
    height: 100%;
}

/* only for demo not required */
.box_content {
    height: 100%;
}

.row.display-flex [class*='col-'] {
}


.service_header {
position:absolute;
top:10px;
margin-top:10px;
  font-family: 'Anton', sans-serif;
  font-size: 50px !important;
  font-weight: bold;
color:rgba(59,97,118,1) !important;
  text-align: center;
  letter-spacing: 5px;
  text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
    0px -4px 10px rgba(255,255,255,0.3);
}

.service_header_gb {
position:absolute;
top:10px;
margin-top:10px;
  font-family: 'Anton', sans-serif;
  font-size: 50px !important;
  font-weight: bold;
color:#444 !important;
  text-align: center;
  letter-spacing: 5px;
  text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
    0px -4px 10px rgba(255,255,255,0.3);
}


.box_content {
padding-top:17px;
}

.purecounter, .percentage {
font-size: 36px;
line-height: 48px;
font-weight: 700;
color: #124265;
font-family: "Raleway", sans-serif;
}

.sub_comment {
color:#8D5B2D;
}

.sideprice {
font-size:28px;
position:relative;
top:+4px;
}

.wide {
margin-top:60px !important;
Xmargin-bottom:10px !important;
  background: -webkit-linear-gradient(30deg, #EE1927, #417CFD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.border-primary {
border-color:#2487ce !important;
}

.btn-primary {
background-color:#2487ce !important;
border-color:#2487ce !important;
}

.navilogo {
position:absolute;
top:-25px;
}

.mobile_display {
display:none !important;
}

.pc_display {
display:inline-block !important;
}

.sub_header {
font-size:30px !important;
}

.box_shadow {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
}

.link {
color:rgb(36,135,206);
text-decoration:underline;
cursor:pointer;
}

@media screen and (max-width: 1024px) {

.agree_rules {
font-size:10pt;
}

.odd_row {
background:none !important;
}

.progress_bar {
display:none;
}

.search_results {
margin-top:40px !important;
}

.support_container {
width:96% !important;
}

.setting_field {
text-align:left !important;
}

.service_header {
margin-top:0;
  font-size: 30px !important;
}

.mobile_display {
display:inline-block !important;
}

.pc_display {
display:none !important;
}

.sideprice {
display:block;
font-size:22px;
}

.sub_header {
font-size:20px !important;
line-height:1.2 !important;
}

.faq-list p {
padding-left:0 !important;
}

}