.circle{
    
    height:480px;
    weight:100%;
}

.img-multiply {mix-blend-mode: multiply;}

.list-icon{padding-bottom:24px; list-style: none; padding-left: 0;}
.list-icon li{padding-left:20px; position: relative;}
.list-icon-arrow li:after{content:"\f105"; font-family:"FontAwesome"; position: absolute; top:1px; left:0px; font-size: inherit; padding-bottom:10px;}

.box-border-dotted{
	overflow: hidden;
    padding: 15px 20px 15px 20px;
    border: dotted 1px #ccc;
}

#panel ul.info-nav2{float:left;}
#panel ul.info-nav2 li {float:left; border-left:dotted 1px #494949;}
#panel ul.info-nav2 li a{display:inline-block; padding:7px 16px; color:#ccc;}
#panel ul.info-nav2 li a:hover{color:#f05a29;}
#panel ul.info-nav2 li.active a{color:#f05a29;}

#panel ul.info-nav{float: right;}

#panel ul.info-nav li{
	color: #fff;
    float: left;
	position:relative;
}
#panel ul.info-nav li a{display:inline-block;color:#fff;padding:10px 16px;}
#panel ul.info-nav li a:hover{color:#f05a29;}
#panel ul.info-nav li:last-child{border-right:none;}
#panel ul.info-nav li.active a{color:#fff; background:#f05a29;}
#panel ul.info-nav li.active:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    color: #f05a29;
    font-size: 22px;
    position: absolute;
    top: 100%;
    right: 50%;
    margin-top: -9px;
}

.plans{text-align:center; border:solid 1px #e6e6e6; padding:15px;transition: all 0.3s ease;}
.plans .speed{color:#58585b;}
.plans .speed span{font-size:48px; font-weight:bold; font-style: italic;}
.plans .data{color:#58585b; display:inline; margin-right: 5px;}
.plans .data span{font-size:22px; font-weight:bold; font-style: italic;}
.plans .price{color:#f05a29;}
.plans .price span{font-size:22px; font-weight:bold; font-style: italic;}

.plans:hover{background:#232323; cursor:pointer;}
.plans:hover .speed,.plans:hover .data{color:#fff;}


.custom-bullet {
  margin-left: 0;
  list-style: none;
  counter-reset: counter;
}
.custom-bullet > li:before {
  counter-increment: counter;
  content: counter(counter);
}
.li-steps {
  overflow: hidden;
}
.li-steps > li {
  position: relative;
  display:inline-block;
  margin-right:3rem;
  font-size:16px;
}
.li-steps > li, .li-steps > li:before {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.li-steps > li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5rem;
  text-align: center;
  color: #000;
  border-radius: 50%;
  font-size:32px;
  font-weight:bold;
}
.li-steps > li:last-child {
  margin-bottom: 0;
}
.li-steps > li:after {
	content:"\f054";
	font-family:"FontAwesome";
	color:#e6e6e6;
	font-size:22px;
	padding-left:20px;
}
.li-steps > li:last-child:after {
	content:"";
}
.li-steps li.active{color:#f05a29}
.li-steps li.active:before{color:#f05a29}



.li-steps-vertical {overflow: hidden; padding:15px 20px 15px 20px; border:dotted 1px #ccc;}
.li-steps-vertical li {width:100%; font-size:16px; padding:15px 0px 15px 0px; border-bottom:dotted 1px #ccc;}
.li-steps-vertical li:last-child{border:none;}
.li-steps-vertical li:before{padding-right:10px; color:#000; font-weight:bold;}
.li-steps-vertical li.active{color:#f05a29}
.li-steps-vertical li.active:before{color:#f05a29}


#panel ul.info-left li span{font-size: 21px;font-weight: bold;color:#f05a29;}
#panel ul.info-left li p{font-size: 21px;font-weight: bold;color:#fff;}

.summary-total span {font-size: 35px;float: left;color: #f05a29;border-right: solid 1px #e5e4e4;padding-right: 20px;margin-right: 15px;line-height:70px;}
.summary-total p {margin-bottom:5px;}

.infosummary{padding:0px; margin:0px; list-style:none;}
.infosummary li {font-size:22px; color:#fff; margin-bottom:20px;}
.infosummary li span {font-size:36px; color:#f05a29}
.infosummary li small {font-size:12px;}

input[type="button"]:disabled {
    opacity: 0.5; cursor: not-allowed;
}

.default-list{margin:0px; padding:0px;}
.default-list li{list-style-type: disc; margin-left:20px;padding-bottom:16px;}
.default-list{padding-bottom:24px;}

.labeltext{background: #f05a29; color: #fff; padding:0px 10px;}
.black{color:#000 !important;}

#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	padding: 10px 8px;
	background:#f05a29;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #7e7e7e;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #000;
}





.mask-content{position: relative;top: 50%;transform: translateY(-50%);}
.view {
   width: 100%;
   height: auto;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width:100%;
}
.view h1 {
   color: #fff;
   text-align: center;
   position: absolute;
   font-size: 26px;
   padding: 10px;
   margin: 20px 0 0 0;
   z-index:2;
   bottom:0;
   right:0;
   left:0;
   background-color:rgba(240,90,41,0.8);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   font-weight:bold;
}
.view h2 {
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 26px;
   padding: 10px;
   margin: 20px 0 0 0;
   font-weight:bold;
}
.view p {
   font-size: 13px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #f05a29;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info:hover {
   background: #e93d18;
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h1 {
	bottom:-70px;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}






@media (max-width: 770px) {
.mobileboxes{display:inline !important;}
.circle{width:300px !important;}	
}
.activeplan{background-color: #232323 !important;}
.activeplan .speed,.activeplan .data{color:#fff !important;}
.activeplan hr{border-top: 1px solid #58585b;}

.circle {
margin-left: auto;
margin-right: auto;
border-radius: 50%;
width: 90%;
position: relative;
overflow:auto;
margin-bottom:30px;
}

.circle-border {
border: 1px solid black;
}

.circle-solid{
background-color: #fff;
border:3px solid #f05a29;
transition: all 0.3s ease;
}
.circle-solid:hover{background:#232323; cursor:pointer;}
.circle-solid:hover .speed,.circle-solid:hover .data{color:#fff;}
.circle-solid:hover hr{border-top: 1px solid #58585b;}

.circle:before {
content: "";
display: block;
padding-top: 100%;
}

.circle-inner {
display:table;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
width:100%;
height:100%;
}

.score-text {
display:table-cell;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
line-height: 1em;
font-size: 1em;
vertical-align:middle;
}

.planscircle{padding-top:40%;}
.planscircle  .speed{color:#58585b;}
.planscircle  .speed span{font-size:68px; font-weight:bold; font-style: italic;}
.planscircle  .data{color:#58585b;}
.planscircle  .data span{font-size:44px; font-weight:bold; font-style: italic;}
.planscircle  .price{color:#f05a29;}
.planscircle  .price span{font-size:24px; font-weight:bold; font-style: italic;}




.brres{border-right:1px dotted #464646;}

.planetc .speed{color:#fff;}
.planetc .speed span{font-size:68px; font-weight:bold; font-style: italic;}
.planetc .price{color:#f05a29;}
.planetc .price span{font-size:24px; font-weight:bold; font-style: italic;}


/* Add on plan Section */
#addon-banners .activeaddon{background:#232323 !important;}
#addon-banners .activeaddon .data {color:#fff !important;}
#addon-banners { margin-bottom: 70px;}
#addon-banners .addon-banner:hover{background:#232323; cursor:pointer;}
#addon-banners .addon-banner:hover .data {color:#fff;}
#addon-banners .addon-banner { border: solid 1px #d7dadb; padding: 20px 20px; color: #3d3d3d; display:block;transition: all 0.3s ease;}
#addon-banners .addon-banner i { float: left; font-size: 40px; border-right: dashed 1px #d7dadb; width:60px;line-height: 50px; color:#bababa;}
#addon-banners input.addon-banner {
    display: inherit;
}
#addon-banners .addon-banner .data{color:#58585b;}
#addon-banners .addon-banner .data span{font-size:44px; font-weight:bold; font-style: italic;}
#addon-banners .addon-banner .price{color:#f05a29;}
#addon-banners .addon-banner .price span{font-size:24px; font-weight:bold; font-style: italic;}
#addon-banners .addon-content{margin-left:80px;}

/* Plan Section */
#plan { background: #f05a29; padding: 70px 0;}
.plan-boxes { background: #fff; border-radius: 4px; padding: 30px 25px; margin-bottom: 20px;transition: all 0.3s ease;}
.plan-boxes:hover{background:#232323; cursor:pointer;}
.plan-boxes:hover .speed,.plan-boxes:hover .data{color:#fff;}
.plan-boxes:hover hr{border-top: 1px solid #58585b;}
.plan-boxes .speed{color:#58585b;}
.plan-boxes .speed span{font-size:68px; font-weight:bold; font-style: italic;}
.plan-boxes .data{color:#58585b;}
.plan-boxes .data span{font-size:44px; font-weight:bold; font-style: italic;}
.plan-boxes .price{color:#f05a29;}
.plan-boxes .price span{font-size:24px; font-weight:bold; font-style: italic;}

.noborder{border:none !important;}

.rev_slider:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.0);
}

.buttonpay{display:block; background:#000;}

.hoverblack{transition: all 0.5s ease;}




.hoverblack:hover{background:#232323;}

.roundcr10{-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.bgdark{color:#fff;}
.bgdark span{color:#fff;}
.bgdark p{color:#fff;}
.bgdark h1{color:#fff;}
.bgdark h2{color:#fff;}
.bgdark h3{color:#fff;}
.bgdark h4{color:#fff;}
.bgdark h5{color:#fff;}
.bgdark h6{color:#fff;}

@media (max-width: 992px) {
.brres{border-bottom:1px dotted #464646; border-right:none; padding-bottom:30px; margin-bottom:30px;}
	
.divtablecell{width:100% !important; display:block !important; border-right:none !important; margin-bottom:30px;}

.services2-section p {margin-left: 0px;}
.services2-section span {display:none;}
.userlinkdark {margin-left:0px !important;}

.custom-box-4t {padding: 30px;}
.custom-box-4t span {display:none;}
.custom-box-4t .line2 {border-left: solid 0px #fff;margin-left: 0px;padding-left: 0px;}
}
.divtable{display:table; width:100%;}
.divtablespace{border-collapse: separate;border-spacing: 10px;}
.divtablerow{display:table-row; width:100%;}
.divtablecell{display:table-cell;}
.divtablecol1{width: 100%;}
.divtablecol2{width: 50%;}
.divtablecol3{width: 33.33333333%;}
.divtablecol4{width: 25%;}
.divtablecol5{width: 20%;}

.userlink span {
    color: #161616;
    font-size: 20px;
    float: left;
    margin-right: 20px;
    line-height: 50px;
	padding-left:10px;
}
.userlink a {
    color: #161616;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 0;
	width:100%;
	display:block;
	padding-top:10px;
}
.userlink li:hover {background:#fafafa;}
.userlink li:hover a,.userlink li:hover span {color:#f05a29;}
.userlink li{border-bottom: 1px dashed #ccc;}
.userlink li:last-child{border-bottom:none;}
.userlink h4{margin-bottom:0px !important;}

.userlinkdark span {
    color: #fff;
    font-size: 20px;
    float: left;
    margin-right: 20px;
    line-height: 50px;
	padding-left:10px;
}
.userlinkdark a {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 0;
	width:100%;
	display:block;
	padding-top:10px;
}
.userlinkdark li a{transition: all 0.5s ease;}
.userlinkdark li:hover {background:rgba(250, 250, 250, 0)}
.userlinkdark li:hover a,.userlinkdark li:hover span {color:#f05a29;}
.userlinkdark li{border-bottom: 1px dashed #ccc;}
.userlinkdark li:last-child{border-bottom:none;}
.userlinkdark h4{margin-bottom:0px !important;}

section .container{position:relative; z-index: 3;}
.overlay:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    z-index: 2;
	height:100%;
}

.cntbgimage{background-size: cover;}
#content{padding-top:30px; padding-bottom:30px; position:relative;}
.bggray{background:#fafafa;}
.bgdarkgray{background:#232323;}
.bgbase{background:#f05a29;}
.fancy-box li{border: solid 1px #e5e4e4;}
.w100p{width:100%;}
#services li{width:100%;}
hr.small{margin-bottom:5px; margin-top:5px;}

#slideshow { margin-top: 95px; position: relative;overflow: hidden;background-color:#fff;}
.bolder {font-weight:400 !important;}
.bolder {font-weight:600 !important;}
.darker{color:#3d3d3d !important;}
.color-primary{color:#f05a29 !important;}

.swapperlink span {
    color: #fff;
    font-size: 20px;
    float: left;
    margin-right: 20px;
    line-height: 50px;
	padding-left:10px;
}
.swapperlink a {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 0;
	width:100%;
	display:block;
	padding-top:10px;
}
.swapperlink a:hover {background:rgba(0, 0, 0, 0.50)}
.swapperlink li{border-bottom: 1px dashed #ccc;}
.swapperlink li:last-child{border-bottom:none;}
.swapperlink h4{margin-bottom:0px !important;}
.helper h3{margin-top:-20px;}
.helper:hover h3{margin-top:0px;}

.footer-contact p{margin-bottom:0px;}

/* TEXT ALIGN RESPONSIVE */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 100000;
    width: 105%;
    height: 105%;
    background-color: #FDFDF0;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.60;
}

.benfittable th, .benfittable td{ 
  background-color: #f05a29; 
  min-height: 10px;
  border: 3px solid #fff; 
  padding: 10px;
  color: #fff;
  text-align: center;
  width: 25%
}


.benfittable td:first-child{
  text-align: left;
}

.benfittable th{  
  font-weight: 300;
  font-size: 18px;
}

.benfittable td{  
  font-weight: 400;
  font-size: 15px;
}
if(prog){ $('#loadingdiv').addClass("LockOn");}
if(prog){$('#loadingdiv').removeClass("LockOn");$('#loadingdiv').addClass

("LockOff");}	

@media screen and (max-width:575px){
	#panel ul.info-nav{float: right;font-size: 10px;}
	}
@media screen and (max-width:365px){
	#panel ul.info-nav{float: right;font-size: 8px;}
	}