/*
---------------------------------------------------------------------------------------
	Responsive Cascading Style Sheets (CSS) Based on Twitter Bootstrap
	by: Mamun ur Rosid | email: mrosid@bol-online.com | mamun.m46@gmail.com
---------------------------------------------------------------------------------------	           					*/

@import url("bootstrap.css");
@import url("bootstrap-theme.css");

@font-face {
    font-family: 'ropa';
    src: url('ropa.eot');
    src: url('ropa.eot?#iefix') format('embedded-opentype'),
         url('ropa.woff') format('woff'),
         url('ropa.ttf') format('truetype'),
         url('ropa.svg#ropa') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family:'ropa', Ropa Sans, sans-serif; }
table { font-size:15px;  }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family:'Ropa Sans', ropa, sans-serif; font-weight:bold; }
h2{ padding:5px 0; margin:5px 0 3px; color:#444; font-size:1.6em; text-align:center; 	}
h3{ padding:5px 0; margin:5px 0 -7px 0; color:#444;  font-size:1.17em;	}
h4{ font-weight:normal; padding: 4px 18px; background:url(list_arrow.png) no-repeat center left 5px;	}

p { padding:5px 0 0; font-size:15px; color:#000; text-align:justify; line-height:20px; }
p.highlight { margin: 8px auto 0; padding:1px; text-align: center; width: 50%; border:1px dotted #ff0000; animation: blink .5s step-end infinite alternate; }
b, strong { font-size:15px; color:#333; font-family:'Ropa Sans', ropa, sans-serif; }
  .container { background: #fff; padding: 0; } 
  @media (min-width: 768px) { 
    .container { width: 100%;}
   } 

   #payment{
      margin-left: 21px;
   }
   .m_10_bkash{
      margin-left: 9px;
   }
   .img_ussd{
      margin-left:31px;
   }
   .ussd_payment{
      margin-left:21px;
   }
   @media (max-width: 768px) { 
    .container .container-data-backup{ width: 90%; }
    #payment{
      margin-left:0px;
    }
    .m_10_bkash{
      margin-left:0px;
    }
    .img_ussd{
      margin-left:0px;
    }
    .ussd_payment{
      margin-left:0px;
    }
    .nav-item{
      font-size: 12px;
    }
   }
   @media (min-width: 992px) { .container { width: 1200px; }  }

  [class*="col-"] {
  padding-top: 12px;
  padding-bottom: 15px;
  background-color: #ddd;
  border: 0px solid #ddd;
  background-color: rgba(86,61,124,0);
  border: 0px solid rgba(86,61,124,0);
  text-align:justify;
}
.row {
margin-right: 0px ;
margin-left: 0px ;
margin-top: 20px;
}
.col-md-3-home_left, .col-md-3-home_right { padding-right: 0px; padding-left: 0px; text-align:center; float:left; }
.col-md-3-home_left { width:35%; padding-top:0; }
.col-md-6-home { float:right; padding: 0; width: 60.9%; margin:0!important; }
.col-md-6 { font-size:16px; line-height:23px; margin:10px 25%;  }
.col-md-9 { padding-right: 30px !important; padding-bottom:0;  }

.col-md-9-all { float:right; padding-right: 20px !important; padding-left: 23px!important; padding-top:0!important; margin: -6px 0 10px 0;  }
.col-md-3-all_left { float:left; margin-left: -16px; padding-right: 0px; padding-left: 0px; text-align:center; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{ padding-right: 0px; padding-left: 0px; }
	
.ar { float: left; width:100px; text-align: center; margin: 20px 5% 0; }
.ar img { border: 1px #ddd solid; }
.contact-support { width:100%; max-width:819px; height:140px; margin: 10px auto; }
	.contact-support img { float:left; border:1px; }
	.contact-support-text { margin: 10px 0 0 -90px; padding: 25px 40px 25px 110px; float:left; font-size:18px;line-height:34px; border: 1px solid #E82429; border-left: 0px; border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius:0 15px 15px 0; }
.contact-col-md-4, .contact-col-md-4-left { padding-top:10px; padding-bottom:10px; margin:10px 0 10px 2.5%; text-align:center; font-size:15px; background: #e7e8ea url(bg_contact.jpg) repeat-x; border: 1px solid #ddd; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.contact-col-md-4 { width:29%;  }
.contact-col-md-4-left { width:37%; margin-left:0;  }

dt{ font-size:15px; font-weight:normal; }
	.dl-horizontal dt { float:left; width:125px; text-align:right;  }
	.dl-horizontal dd { margin-left: 135px; }
ul {list-style: url(list_arrow.png); font-size: 15px; line-height:25px; color:#222; }
#sales_contact { text-align:center; padding:10px 0; font-size:17px; color:#222;}
.webmail { text-align:center; font-size:18px; background:url(bg-webmail.jpg) repeat-x;border:1px solid #ddd; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius:6px; } }

/* custom inclusion of right, left and below tabs */

.enterprise { width:100%; margin-left:0; }
.tabbable { float:left; margin:15px 0 20px;  } .panel-group {display:none; }
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content { float:left; width:570px; padding:0 20px; border: #ddd 1px solid;  }
.tab-content > .active,
.pill-content > .active {
  display: block; padding-top:15px;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 0;
}

.tabs-left > .nav-tabs { float: left; width:365px; font-size:16px; margin-right: 15px; border-bottom:0; }

.tabs-left > .nav-tabs > li > a {
  margin-right: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd; background:#fff url(arrow.jpg) no-repeat center right 20px; color: #999; margin-right: -16px;
  *border-right-color: #ffffff;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav-tabs > li > a { margin-left:2px; padding:5px 10px; background: #d7d7d7 url(service-nav-bg.jpg) repeat-x; border-color: #ddd;  }

.panel-group .panel { margin:0 1.5%;  }
.panel-default > .panel-heading { background: #d7d7d7 url(service-nav-bg.jpg) repeat-x; padding:4px; }


/* e-smart zoom style start--------------------------------------------------------------------------------- */
#pageContent {
	height: auto; width:47.95%; text-align:center; line-height:30px;
	position:relative;
	 float:left; margin:10px 0; border:#ddd solid 1px;
}
#map_title { color:#000; font-size:15px; background:#D8D8D8; }
#imgContainer { width: 100%; height:670px;  }
#positionButtonDiv {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(58, 56, 63);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.15);
color: #FFFFFF;
padding: 8px;
text-align: left;
position: absolute;
right: 0px;
top: 30px;
}

#positionButtonDiv .positionButtonSpan img {
float: right;
border: 0;
}
.positionMapClass area {
cursor: pointer;
}
.zoomButton {
border: 0;
cursor: pointer;
}
.zoomableContainer { border:#ddd solid 0px; }
.zoomableContainer img {  }
/* e-smart zoom style end--------------------------------------------------------------------------------- */

	
@media (max-width: 992px) { 
.col-md-9 { width:74%; float:left; padding-right: 22px !important; padding-bottom:0;  }
.col-md-3-home_left { width:37%; padding-top:0; }
.col-md-3-home_right { width:26%;  float:right; }
.col-md-3-all_left { float:left; width:23%;  }
.col-md-9-all { float:right; width:77%;  }

.contact-col-md-4, .contact-col-md-4-left { float:left; padding-top:10px; padding-bottom:10px; margin:10px 0 10px 1.5%; }
.contact-col-md-4-left { width:36.5%; margin-left:1%;  }
.col-md-6-contact { clear:both; width:50%;   }

.enterprise, .tabbable { width:97%; margin-left:1.5%; }
.tabs-left > .nav-tabs { width:347px; }

}
@media (max-width: 800px) { 
.col-md-9 { width:100%; float:none; padding-right: 10px !important;}
.col-md-3-home_left { width:50%; float:left;}
.col-md-3-home_right { width:45%; float:left; top:31px; }
.col-md-6-home { float:left; padding-left:10px; width: 100%; } 
.col-md-3-all_left { width:33%;  }
.col-md-9-all { width:66%; float:right;  padding-left: 10px!important; margin: -10px 0 10px 0;  }

.ar { margin: 20px 6% 0; }
.contact-col-md-4 { width:27%;  }
.contact-col-md-4-left { width:41%; margin-left:1%;  }
#imgContainer { width: 100%; height:550px;  }

.tab-content { width:415px; padding:0 10px;  }
.tabs-left > .nav-tabs { width:315px; }
}

@media screen and (max-width: 736px) { /* =================================================================== iPhone6 Plus (landscape) */
.col-md-3-all_left { float:left; margin-left: 0; padding-right: 0px; padding-left: 0px; text-align:center; }
.tab-content { width:380px; padding:0 10px;  }
.ar { margin: 20px 5.5% 0; }
.contact-support { max-width:720px; }
	.contact-support-text { max-width:620px; margin: 3px 0 0 -100px; padding: 15px 40px 15px 150px; }
}
@media screen and (max-width: 732px) { /* =================================================================== Nexus 5X, Nexus 6P (landscape) */
.tab-content { width:333px; padding:0 10px;  }
.ar { margin: 20px 5% 0; }
.contact-support { max-width:670px; }
	.contact-support-text { max-width:570px; margin: 3px 0 0 -100px; padding: 15px 40px 15px 150px; }
.contact-col-md-4 { width:26%; }
}
@media screen and (max-width: 667px) { /* =================================================================== iPhone6  (landscape) */
.tab-content { width:315px; padding:0 10px;  }
.ar { margin: 20px 4.5% 0; }
}

@media (max-width: 640px) { 
.col-md-9 { padding-right: 10px !important;}
.col-md-3-home_left { width:50%; float:left;}
.col-md-3-home_right { width:45%; float:left; top:31px; }
.col-md-6-home { float:left; padding-left:10px; width: 100%; } 
.col-md-3-all_left { width:100%;  }
.col-md-9-all { width:100%;  padding-left: 10px!important; margin: -10px 0 10px 0;  }
.col-md-6-contact { width:70%; margin:0 10%; float:left;   }
.dl-horizontal dt { float: left; clear: left; width: 125px; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.ar { margin: 20px 4.4% 0; }
.contact-support { max-width:615px; }
	.contact-support-text { max-width:515px; margin: 3px 0 0 -100px; padding: 15px 40px 15px 170px; }
.contact-col-md-4 { width:45%; margin: 5px 2.5%  }
.contact-col-md-4-left { width:60%; margin-left:20%;  }

#imgContainer { width: 100%; height:420px;  }

.tab-content { width:295px;  }
.tabs-left > .nav-tabs { width:280px; font-size:14px; }
}

@media screen and (max-width: 568px) { /* =================================================================== iPhone5 (landscape) */
.tab-content { width:255px; padding:0 10px;  }
.ar { margin: 20px 3% 0; }
.contact-support { max-width:550px; }
	.contact-support-text { max-width:455px; margin: 3px 0 0 -100px; padding: 15px 20px 15px 140px; }
}

@media (max-width: 480px) { 
.col-md-9 { padding-right: 10px !important;}
.col-md-3-home_left, .col-md-3-all_left { width:100%;}
.col-md-3-home_right { width:100%; top:0; }
.col-md-6-home { float:left; padding-left:10px; width: 100%; } 
.col-md-9-all { padding-left: 10px!important;  }
.col-md-6-contact { width:80%; margin:0 10%;   }

dl { margin-bottom:10px;  }
.dl-horizontal dt { width: 100%; margin-top:10px; text-align: left; }
.dl-horizontal dd { float:left; width: 100%; text-align: left; }
.ar { margin: 20px 3.9% 0; }
.contact-support { height:235px; text-align:center; }
	.contact-support img { float:none; }
	.contact-support-text { width:96%; margin: -2px 2% 10px; padding:10px 5px; float:left; font-size:17px; line-height:23px; border-left: 1px solid #E82429; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius:12px; }
.contact-col-md-4, .contact-col-md-4-left { padding-top:5px!important; margin-top: 10px!important; }
.contact-col-md-4-left { width:96%;  margin:0 2% 5px!important;  }
	.dl-horizontal dd { margin-left: 0; }

#pageContent {	width:96%; margin:15px 2%; }
#imgContainer { width: 100%; height:620px;  }

.tabbable { display:none;  }
.panel-group {display:inherit; }
}

@media screen and (max-width: 375px) { /* =================================================================== iPhone6 (potrait) */
.ar { margin: 20px 2.5% 0; }
}


@media (max-width: 360px) { 
.ar { margin: 20px 8.5% 0; }
.contact-support { height:215px; }
	.contact-support-text { font-size:15px; line-height:21px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; }
.contact-col-md-4, .contact-col-md-4-left { width:96%; margin-left:2%;  }
.contact-col-md-4 { margin-top: 5px;  }
.col-md-6-contact { width:96%; margin:0 2%;   }
#imgContainer { width: 100%; height:420px;  }

.panel-title > a { font-size:15px; }
}
@media (max-width: 320px) { 
.ar { margin: 20px 6% 0; }
	.contact-support-text { font-size:14px; line-height:18px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; }

.panel-title > a { font-size:13px; }
}
@media (max-width: 240px) { 
.ar { margin: 20px 21.5% 0; }
.contact-support { height:235px; }
#imgContainer { width: 100%; height:220px;  }

.panel-title > a { font-size:11px; }

}

img.EnterPriseLogo {width:200px; margin-bottom: 15px; border:1px solid #ddd; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; }

/*------------------Hosting Price Table-----------------*/
@import url("http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,700italic,700,500&subset=latin,latin-ext");

body {
        padding-top: 0px;
        padding-bottom: 40px;
        
      }
    
    /* COMMON PRICING STYLES */
        .panel.price,
        .panel.price>.panel-heading{
            border-radius:0px;
             -moz-transition: all .3s ease;
            -o-transition:  all .3s ease;
            -webkit-transition:  all .3s ease;
        }
        .panel.price:hover{
            box-shadow: 0px 0px 30px rgba(0,0,0, .2);
        }
        .panel.price:hover>.panel-heading{
            box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
        }
        
        p.lead{text-align: center; color: #fff;}
        p.lead strong{
          font-size: 30px;
          color: #fff;
        }
        
        .panel  h3{
          color: #fff;
          padding: 0 0 7px 0;
        }        
        .panel.price>.panel-heading{
           /* box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;      */     
        }
        .lead{ margin-bottom: 10px;}
            
        .price .list-group-item{
            border-bottom-:1px solid rgba(250,250,250, .5);
        }
        
        .panel.price .list-group-item:last-child {
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }
        .panel.price .list-group-item:first-child {
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
        }
        
        .price .panel-footer {
            color: #fff;
            border-bottom:0px;
            background-color:  rgba(0,0,0, .1);
            box-shadow: 0px 3px 0px rgba(0,0,0, .3);
        }
        
        
        .panel.price .btn{
            box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
            border:0px;
        }
        
    /* green panel */
     
        .price.panel-green>.panel-heading {
            color: #fff;
            background-color: #57AC57;
            border-color: #71DF71;
            border-bottom: 1px solid #71DF71;
        }
        
            
        .price.panel-green>.panel-body {
            color: #fff;
            background-color: #65C965;
        }
                
        
        .price.panel-green>.panel-body .lead{
               
        }
        
        .price.panel-green .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
         
        }
        
        /* blue panel */
    
        
        .price.panel-blue>.panel-heading {
            color: #fff;
            background-color: #608BB4;
            border-color: #78AEE1;
            border-bottom: 1px solid #78AEE1;
        }
        
            
        .price.panel-blue>.panel-body {
            color: #fff;
            background-color: #73A3D4;
        }
                
        
        .price.panel-blue>.panel-body .lead{
                
        }
        
        .price.panel-blue .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
          
        }
        
        /* red price */
        
    
        .price.panel-red>.panel-heading {
            color: #fff;
            background-color: #D04E50;
            border-color: #FF6062;
            border-bottom: 1px solid #FF6062;
        }
        
            
        .price.panel-red>.panel-body {
            color: #fff;
            background-color: #EF5A5C;
        }
        
        
        /* Black price */
        
        .price.panel-black>.panel-body .lead{
               color: #fff;
        }
        
        .price.panel-black .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
       
        }

        .price.panel-black>.panel-heading {
            color: #fff;
            background-color: #2b2b2b;
            border-color: #FF6062;
            border-bottom: 1px solid #FF6062;
        }
                    
        .price.panel-black>.panel-body {
            color: #fff;
            background-color: #000;
        }       
        
        
        
        .price.panel-black>.panel-body .lead{
               color: #fff;
        }
        
        .price.panel-black .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
       
        }

        
        /* grey price */
        
    
        .price.panel-grey>.panel-heading {
            color: #fff;
            background-color: #6D6D6D;
            border-color: #B7B7B7;
            border-bottom: 1px solid #B7B7B7;
        }
        
            
        .price.panel-grey>.panel-body {
            color: #fff;
            background-color: #808080;
        }

.bluehead{ color: #fff;  background-color: #a8c0e2;    border-bottom: 1px solid #fff; }
.bluebody{ color: #fff;  background-color: #a8c0e2; padding: 5px; }

.b1hhead{  color: #fff; background-color: #83a7d9; border-bottom: 1px solid #fff; }        
.b1hbody{ color: #fff; background-color: #83a7d9; padding: 5px;}


.b2hhead{  color: #fff; background-color: #6894d0; border-bottom: 1px solid #fff; }        
.b2hbody{ color: #fff; background-color: #6894d0; padding: 5px;}

.b3hhead{  color: #fff; background-color: #5587cc; border-bottom: 1px solid #fff; }        
.b3hbody{ color: #fff; background-color: #5587cc; padding: 5px;}

.b4hhead{  color: #fff; background-color: #4177c1; border-bottom: 1px solid #fff; }        
.b4hbody{ color: #fff; background-color: #4177c1; padding: 5px;}

.b5hhead{ color: #fff; background-color: #2f69b9; border-bottom: 1px solid #fff; }        
.b5hbody{ color: #fff; background-color: #2f69b9; padding: 5px;}


.ep1hhead{ color: #fff; background-color: #e1904e; border-bottom: 1px solid #fff; }    
.ep1body{  color: #fff; background-color: #e1904e; padding: 5px;}

.ep2hhead{ color: #fff; background-color: #d3782e; border-bottom: 1px solid #fff; }    
.ep2body{color: #fff; background-color: #d3782e; padding: 5px;}

.ep3hhead{ color: #fff; background-color: #c35a05; border-bottom: 1px solid #fff; }    
.ep3body{color: #fff; background-color: #c35a05; padding: 5px;}












        
        .price.panel-grey>.panel-body .lead{
                
        }
        
        .price.panel-grey .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
          
        }
        
        /* white price */
        
    
        .price.panel-white>.panel-heading {
            color: #333;
            background-color: #f9f9f9;
            border-color: #ccc;
            border-bottom: 1px solid #ccc;
            
        }
        
        .panel.panel-white.price:hover>.panel-heading{
            box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
        }
            
        .price.panel-white>.panel-body {
            color: #fff;
            background-color: #dfdfdf;
        }
                
        .price.panel-white>.panel-body .lead{
              
                color:#666;
        }
        
        .price:hover.panel-white>.panel-body .lead{
               
                color:#333;
        }
        
        .price.panel-white .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
          
        }
/*------------------Hosting Price Table-----------------*/





.comparison {
 /* max-width:940px;*/
  margin:0 auto;
/*  font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;*/
  text-align:center;
 /* padding:10px;*/
}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom:1px solid #CCC;
}

.comparison td, .comparison th {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:10px;
}

.compare-heading {
  font-size:13px;
  text-align: center;
  font-weight:bold !important;
  border-bottom:0 !important;
  padding-top:10px !important;

}

.btn-danger{background-image: linear-gradient(to bottom, #d9534f 0%, #ff1212 100%)}

.btn-danger:hover, .btn-danger:focus{background-position:0; background-image: linear-gradient(to bottom, #d9534f 0%, #ff1212 100%)}


.pgray{  background: #6D6D6D; color: #fff;}
.pblack{  background: #000; color: #fff;}
/*.comparison tbody tr:nth-child(odd) {
  display:none;
}
*/
.comparison .compare-row {
  background:#F5F5F5;
}

.comparison .tickblue {
  color:#0078C1;
}

.comparison .tickgreen {
  color:#009E2C;
}

.comparison th {
  font-weight:normal;
  padding:0;
  border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {
  text-align:left;
}
  
.comparison .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  padding:10px;
  font-size:13px;
  border-right:1px solid #CCC;
  border-bottom:0;
  width: 200px;
}

.comparison .tl2 {
  border-right:0;
}

.comparison .qbse {
  background:#0078C1;
  border-top-left-radius: 3px;
  border-left:0px;
}

.comparison .qbo {
  background:#009E2C;
  border-top-right-radius: 3px;
  border-right:0px;
}

.comparison .price-info {
  padding:5px 15px 15px 15px;
}

.comparison .price-was {
  color:#999;
  text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
  color:#ff5406;
}

.comparison .price-now span {
  font-size:32px;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
  background:#ff5406;
  padding:10px 20px;
  font-size:12px;
  display:inline-block;
  color:#FFF;
  text-decoration:none;
  border-radius:3px;
  text-transform:uppercase;
  margin:5px 0 10px 0;
}

.comparison .price-try {
  font-size:12px;
}

.comparison .price-try a {
  color:#202020;
}

@media (max-width: 767px) {
  .comparison td:first-child, .comparison th:first-child {
    display: none;
  }
  .comparison tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .comparison .row {
    background:#FFF;
  }
  .comparison td, .comparison th {
    border:1px solid #CCC;
  }
  .price-info {
  border-top:0 !important;
  
}
  
}

@media (max-width: 639px) {
  .comparison .price-buy {
    padding:5px 10px;
  }
  .comparison td, .comparison th {
    padding:10px 5px;
  }
  .comparison .hide-mobile {
    display:none;
  }
  .comparison .price-now span {
  font-size:16px;
}

.comparison .price-small {
    font-size: 16px !important;
    top: 0;
    left: 0;
}
  .comparison .qbse, .comparison .qbo {
    font-size:12px;
    padding:10px 5px;
  }
  .comparison .price-buy {
    margin-top:10px;
  }
  .compare-heading {
  font-size:13px;
}
}



.frow{
  width:100%;
  height:auto;
  float:left;
}

.m_10{
  margin-top:10px;
}
.LoginIndex{
    float: left;
    height: auto;
    margin-bottom: 18px;
    width: 400px;
    margin-left: 260px;
    margin-top: 13%;
    background: #eee;
    border-radius: 3px;
    padding: 7%;

}
.LoginLeft{
 width:27%;
height: auto;
float: left;
text-align: right;
padding-right: 10px;
margin-bottom: 5px;
font-weight: bold;
}
.LoginRight{
  width:60%;
  height:auto;
  float:left;
  text-align:right;
  padding-right:10px;
}
.LogInput {
    background: #f9f9f9;
    border: #eee 1px solid;
    width: 186px;
    color: #555;
    font-family: 'Ropa Sans', ropa, sans-serif;
    height: 20px;
    font-size: 15px;
}
.conform{
  float:left; 
  height:auto;
  margin-bottom:18px; 
  width:450px; 
  margin-left:260px;
}

.colmleft{
  width:140px;
  height:auto;
  float:left;
  text-align:right;
  padding-right:10px;
}
.colmright{
  width:300px;
  height:auto;
  float:right;
}
span.red{
  color:#F00;
}
    .boltext{
  background:#f9f9f9;
  border:#eee 1px solid;
  width:252px;
  color:#555;
  font-family:'Ropa Sans', ropa, sans-serif;
  padding:8px;
  font-size:15px;
  }
.bolinput{
  background:#f9f9f9;
  border:#eee 1px solid;
  width:268px;
  color:#555;
  font-family:'Ropa Sans', ropa, sans-serif;
  height:20px;
  font-size:15px;
}