@font-face {
    font-family: "MyriadProRegular";
    src: url("/css/MyriadProRegular/MyriadProRegular.eot");
    src: url("/css/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("/css/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("/css/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
} 

@font-face {
    font-family: "MyriadProSemiBold";
    src: url("/css/MyriadProSemiBold/MyriadProSemiBold.eot");
    src: url("/css/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
    url("/css/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
    url("/css/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


html,
body {
	font-family: 'MyriadProRegular';
    height: 100%; height:auto;  width: 100%;  background-color: #F1F1F1;
}

b, strong {  font-family: 'MyriadProSemiBold'; font-weight: 300; }


#map {
	 position:relative;
	 width: 100%;
    height: 100%;
	 height: 85vh;
	 
}

.demo {text-align:right; margin-top:-17px;  }
.beta {text-align:right; position:absolute;  left: 82px; top: 2px; color:#1c1c1c; font-size:13px;  color: #00557f;}


@media (max-width: 900px) {
	.demo {text-align:right; margin-top:-15px; font-size:12px; }
	.beta {left: 150px; top: 2px; }
	
}

@media (max-width: 768px) {
	
	.beta {left: 138px; top: 1px; }
	
}


.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}

.col-md-31 { padding:0px;   }
.col-md-81 { padding:0px;  }



.requestModal .modal>.modal-dialog  {  background-color:transparent; }

	.requestModal  .modal-dialog {
		width: 100%;
    max-width: 940px;
    margin: 30px auto; 
  }
	
 .requestModal  .modal-header { border-bottom-color:  #fbce21;   min-height: 0.42857143px; padding: 15px;
    			}
 .requestModal  .modal-content { background-color: #fbce21; color:#000; }

 .requestModal  .modal-body { font-size:14px;  margin-top:20px;  }
 .requestModal  .modal-body h4 { font-size:22px;  margin:0; }
 
 
 
 .requestModalOne .modal>.modal-dialog  {  background-color:transparent; }

 .requestModalOne  .modal-dialog {  margin: 30px auto; }
	
 .requestModalOne  .modal-header { border-bottom-color:  #fbce21;   min-height: 0.42857143px; padding: 15px;
    			}
 .requestModalOne  .modal-content { background-color: #fbce21; color:#000; }

 .requestModalOne  .modal-body { font-size:14px;  margin-top:20px;  }
 .requestModalOne  .modal-body h4 { font-size:22px;  margin:0; }
 
 
 #request-form label { font-size:16px; font-weight:normal; } 

.title { padding: 20px; font-size: 16px;}

.device-view {  background-color: #FFF; height: 100%; }

.index-view { padding:15px;   background-color: #FFF; height: 100%; }

 .alert { margin-right:25px; margin-left:25px; }

.device-view .menu { display: block;  background-color: transparent;  width:100%;  position:absolute; right:0; top:0px; max-width: 450px;  z-index:10;}

.device-view .menu .item { padding:20px;  background-color: #fff; opacity:0.9;  z-index:100; 
 -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);  }

.perdate {  background-color: transparent;  font-size:12px; background-color: #F9F9F9; padding:9px; margin-right:10px; margin-top:20px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); 

 }
 
 .alert-warning { margin:0; }
 
  
.device-view .menu  .alert-warning { margin:0; margin-top:5px; z-index:2000; padding:8px; } 

.perdate a { cursor:pointer; font-size:14px; color:gray;  text-align: center;}

	@media (max-width: 768px) {
		
		.perdate { padding:7px; background-color:#fff; background-color: #F9F9F9;  margin-top:5px; margin-right: 0px; font-size:12px; }
	   .perdate a {  font-size:12px; }
		.device-view .menu .item { box-shadow: box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); }
	
.device-view .menu .item { padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px;   }
.device-view .menu .alert-warning { margin:0px; padding:5px; font-size:11px; }
 
}

.menut { padding:15px; float: left;}

.device-view .collapse#collapsePeriod { margin-bottom: 20px; width:100%;  }
.device-view .collapse#collapsePeriod label{ float:left; line-height:35px; padding-right:7px; }

.report  label{ float:left; line-height:35px; padding-right:7px;  }



.report-view {  background-color: #FFF; height: 85%;  width: 100%; display: table; }
.report-view table td { font-size:12px; }
.report-view table th { font-size:12px; }

.reportall-view {  background-color: #FFF; height: 100%;  width: 100%;}

.btn-r { background-color:transparent; border: 1px solid #FAC91D; padding-top:3px; padding-bottom:3px; }
.btn-r  {color:gray;  }

.btn-r1 { background-color:#FAC91D; border: 1px solid #FAC91D; padding-top:7px; padding-bottom:7px; }
.btn-r1  {color:#fff;  }


.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px; padding-left: 8px; padding-right: 8px; padding-bottom: 6px; padding-top: 6px; color: #000;
}
.nav-pills > li + li {
  margin-left: 10px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #FAC91D;  
}

@media (max-width: 768px) {
	
	.nav-pills > li> a {
  padding: 0px; padding-right: 6px; padding-left: 6px; padding-top: 3px; padding-bottom: 3px;
}
.nav-pills > li + li {
  margin-left: 0px;
}

}



.site-profile { 

padding: 40px;
background-color: #fff;
min-height: 500px;

 
 }
 
 .site-profile img { float: left;}
 
.site-contact { 

 background-color: #fff;
 min-height: 450px;  
  
 }
 
.site-contact .form { max-width:800px; margin: 0 auto;  padding: 35px; }
 
 
 
 .site-login { margin-left:25%; margin-top: 50px; min-height: 500px;}
 

.badge-ok {
 
  background-color: #5CB85C; 
 
}

.badge-error {
 
  background-color: #D9534F;
 
}

.text-success-w { color:#fff; font-size:16px; }




.footer {
  background-color: #f5f5f5;
  /*border: 1px solid #f5f5f5;*/
  margin-top: -1px;
}

.footer .navbar-nav {
  margin-left: 40px;
  margin-top: 45px;
}

.footer a {
  font-size: 16px;
  color: grey;
}

.footer a:hover {
  text-decoration: underline;
}

.footer .copyright {
  font-size: 12px;
  margin-left: 55px;
  margin-top: 5px;
  max-width: 550px;
  float: left;
}

.footer .logo-production {
  float: right;
  margin-top: 5px;
  margin-right: 20px;
}

.main-sidebar,
.left-side {
  

  min-height: 100%;

  z-index: 11810;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
 background-color: #F1F1F1;
}


.sidebar {
  padding-bottom: 10px; 
}
.sidebar-form input:focus {
  border-color: transparent;
}
.user-panel {
  position: relative;
  width: 100%;
  
  overflow: hidden;
  border-bottom: 1px solid #E6E6E6;
}
.user-panel:before,
.user-panel:after {
  content: " ";
  display: table;
}
.user-panel:after {
  clear: both;
}

.user-panel  .logoplan { max-width: 30px; margin-right: 5px;} 


.user-panel > .image  {
  width: 100%;
 
  height: auto;
  color: #000; font-size: 16px; 
 
  border-top: 2px solid  #FDD500;
  border-bottom: 2px solid  #FDDC0B;
 
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 5px;
  padding-bottom: 7px;
  
   background: #fbd023; /* Old browsers */
	background: -moz-linear-gradient(left, #fbd023 25%, #febf01 45%, #febf01 56%, #febf01 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fbd023 25%,#febf01 45%,#febf01 56%,#febf01 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fbd023 25%,#febf01 45%,#febf01 56%,#febf01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd023', endColorstr='#febf01',GradientType=1 );
  
  margin-bottom: 10px;
}

.user-panel > .image > a.cog  { float: right; font-size:20px;  color:#fff; cursor:pointer; margin-left:5px; }

 .sidebar-menu > li.header {
  color: #4b646f;
  background: #F1F1F1;
}
.sidebar-menu > li > a {
  border-left: 0px solid transparent;
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a {
  color: #000;
  background: #E1E1E1;
  border-left-color: #E1E1E1;
}

.sidebar-menu > li:hover > a > i,
.sidebar-menu > li.active > a > i {
  color: #797979; font-size: 20px;
  
  
}


 .sidebar-menu > li .treeview-menu {
  
  background-color: #F1F1F1; 
}

.sidebar-menu > .treeview-menu > li.active > a,
.sidebar-menu > .treeview-menu > li > a:hover {
  color: #565552; background-color: #fff;
}

.user-panel > .info {
  padding: 5px 5px 15px 15px;
  line-height: 1; 
  /*position: absolute;*/
  left: 5px; 
}
.user-panel > .info > p {
  font-weight: 600;
  margin-bottom: 9px;  font-size: 16px;
}
.user-panel > .info > a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 13px; 
   color: #000;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
  margin-right: 3px;
}



.user-panel > .info  > #status_device > span.status{  font-size:13px;  line-height:20px; }
.user-panel > .info  > #status_device > span.messl{  font-size:15px;  line-height:23px; color:gray; }
.sidebar  .reportall { margin-top:15px; margin-right:5px; }

.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
}


.sidebar-menu > li > a > img { padding-right:7px; }


.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px;
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-top: 3px;
  margin-right: 5px;
}
.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 18px;
    color: #4b646f;
  background: #F1F1F1;
}
.sidebar-menu li > a > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
}
.sidebar-menu li.active > a > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sidebar-menu li.active > .treeview-menu {
  display: block;
}
.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0px;  
}


.sidebar-menu .treeview-menu > li {
  margin: 0; 
}
.sidebar-menu .treeview-menu > li > a {
  padding: 10px 15px 12px 15px;
  display: block;
  font-size: 14px;
  color: #565552; 
  
}


.treeview-menu > li > a {
  color: #000;
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover {
  color: #565552; background-color: #fff; text-decoration: none;
}

.sidebar-menu .treeview-menu > li > a > img { padding-right:7px; }


.navbar {
  position: relative;
  
  margin-bottom: 0px;
  border: 0px solid transparent;
   -webkit-box-shadow: 0px 4px 9px -9px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 4px 9px -9px rgba(0,0,0,0.35);
box-shadow: 0px 4px 9px -9px rgba(0,0,0,0.35);
z-index: 100;
}

.balance-form {
  max-width: 800px;
  margin: 20px auto;
  border: 1px solid lightgrey;
  padding: 25px;
  background-color: #fff;
}

/*.balance-form .btn-pay {
  text-align: center;
  border: 1px solid red;
  max-width: 100px;
}*/

.balance-form .info {
    background-color: lightgrey;
}

.balance-form .field-label {
    margin-top: 30px;
}

.balance-form form {
    border: 0px solid lightgrey;
    margin: 20px auto; 
   

}

.balance-form .recommended-price {
  border: 1px solid grey;
  border-radius: 5px;
  padding: 10px 15px;
  background-color: #f1f1f1;
  
  display: inline-block; margin-top: 10px;
}

.btn-main {
    background: -webkit-linear-gradient(0deg, #F5AA02 15%, #F1CA23 50%, #FBD225 85%);
    background: -o-linear-gradient(0deg, #F5AA02 15%, #F1CA23 50%, #FBD225 85%);
    background: -moz-linear-gradient(0deg, #F5AA02 15%, #F1CA23 50%, #FBD225 85%);
    background: linear-gradient(0deg, #F5AA02 15%,#F1CA23,  #FBD225 85%);
    color: #fff;
}

.liq-pay-form {
  max-width: 600px;
  margin: 0 auto;
}

.liq-pay-form .data {
  font-size: 17px;
}

.liq-pay-form .data .item {
  padding-top: 5px;
  padding-bottom: 5px;
}

.liq-pay-form .btn {
  margin-top: 20px;
}

.i-pay-form {
  max-width: 700px;
  margin: 0 auto;
  background-color: transparent;
}

.i-pay-form .data {
  font-size: 17px;
}

.i-pay-form .data .item {
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid grey;
}

.i-pay-form .data:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.btn-i-pay {
  margin-top: 20px;
}

.empty-balance {
  max-width: 600px;
  min-height: 750px;
  margin: 0 auto;
}
.empty-balance .content {
  margin-top: 100px;
}

.empty-balance .btn-content {
  max-width: 150px;
  margin: 50px auto;
}

.empty-balance .btn-content a {
  font-size: 20px;
}

.promo-top {
  background: -webkit-linear-gradient(180deg, #fbd023 25%, #f6b008 75%);
  background: -o-linear-gradient(180deg, #fbd023 25%, #f6b008 75%);
  background: -moz-linear-gradient(180deg, #fbd023 25%, #f6b008 75%);
  background: linear-gradient(180deg, #fbd023 25%, #f6b008 75%);
  padding-top: 175px;
  padding-bottom: 150px;
}

.promo-top .container .dropdown-toggle {
  min-width: 300px;
  font-size: 36px;
  padding: 0 10px;
}

.promo-top .container .dropdown-menu {
  min-width: 325px;
  font-size: 30px;
}

.promo-top .red-span {
  color: #be0000;
}

.promo-top .phrase-1 {
  font-size: 36px;
}

.promo-top .phrase-2 {
  font-size: 36px;
  margin-top: 95px;
}

.promo-top .connect {
  margin-top: 75px; float: right;
}

.promo-top .connect .type-img-wrapper {
  margin-top: -80px;
}

.promo-top a:hover {
  cursor: pointer;
}

.promo-top  .connectt { margin-top:50px; }

.progs {
  background-color: #ffffff;
}

.promo-learn-more {
  position: relative;
  background-color: #ffffff;
}

.promo-learn-more a {
  position: absolute;
  left: 48%;
  top:73%;
}

.promo-learn-more .btn-order {
  min-width: 115px;
  min-height: 118px;
  position: absolute;
  left: 60%;
  top:17%;
  cursor: pointer;
  
}
.site-index {background-color:#fff; }


.btn-request { 
  
  width: 100%;
  
  height: 73px;
  float: left;
  background: url(/img/sendrequest.png) no-repeat 0 0;
  cursor: pointer;
	border: 0 solid transparent;  
  
 }
 
.btn-request:hover { 
  	background: url(/img/sendrequest.png) no-repeat 0px -75px;
 
 }
 
.btn-request:active, .btn-request:focus { 
  	background: url(/img/sendrequest.png) no-repeat 0px -150px;
 
 }
 
 .btn-learn-more { 
  
  max-width: 200px;
  width: 100%;
  height: 52px;
  float: left;
  background: url(/img/btn-learn-more.png) no-repeat 0 0;
  background-size:100% auto;
  
  cursor: pointer;
	border: 0 solid transparent;  
  
 }
 
.btn-learn-more:hover { 
  	background: url(/img/btn-learn-more.png) no-repeat 0px -53px;
 
 }
 
.btn-learn-more:active, .btn-learn-more:focus { 
  	background: url(/img/btn-learn-more.png) no-repeat 0px -106px;
 
 }
 
 @media  (max-width: 991px) {
 	
 	
 	.btn-learn-more { 
  
  max-width: 150px;
  width: 100%;
  height: 39px;
  float: left;
  background: url(/img/btn-learn-more100.png) no-repeat 0 0;
  background-size:100% auto;
  
  cursor: pointer;
	border: 0 solid transparent;  
  
 }
 
.btn-learn-more:hover { 
  	background: url(/img/btn-learn-more100.png) no-repeat 0px -40px;
 
 }
 
.btn-learn-more:active, .btn-learn-more:focus { 
  	background: url(/img/btn-learn-more100.png) no-repeat 0px -80px;
 
 }
 	
 	
 }
 
 
 .btn-connect { 
  margin-top: 22px;
  
  height: 73px;
  
  float: left;
  background: url(/img/btn-connect.png) no-repeat 0 0;
  cursor: pointer;
    
	max-width:283px; 
	width: 100%;
 }
 
.btn-connect:hover {
	
  	/*background: url(/img/btn-connect.png) no-repeat 0px -75px;*/
  	background: url(/img/btn-connect.png) no-repeat 0px -75px;
 
 }
 
.btn-connect:active, .btn-connect:focus { 
  	background: url(/img/btn-connect.png) no-repeat 0px -150px;
 
 }



.promo-learn-more .wrapper {
  max-width: 300px;
}

.reviews {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

.reviews h2 {
  margin-bottom: 30px;
}

.reviews .comments {
  max-width: 1100px;
  margin: 0 auto;
  height: 100%;
}

.reviews .comments .arrow-wrapper-left {
  height: 100%;
}

.reviews .comments .arrow-wrapper-right {
  height: 100%;
  margin-left: 30px;
}

.reviews .comments .block {
  height: 100%;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.reviews .comments .block .text {
  font-size: 16px;
  line-height: 1.9;
}

.reviews .comments .wrapper-left {
  margin-left: -30px;
}

.reviews .comments .wrapper-right {
  float: right;
  margin-right: -20px;
}

.reviews .comments .send-comment {
  float: right;
  margin-right: 130px;
  margin-top: 20px;
  font-size: 16px;
  color: #6bb7ed;
  text-decoration: underline;
  cursor: pointer;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}



.rules {
  background-color: #ffffff;
  position: relative;
  

}

.rules h4 { margin-bottom: 35px;}

.rules .wrap {

  max-width: 725px;
  margin: 0 auto;
   margin-top: 30px;
 
}
.rules .marker { width:23px; margin-top:-15px; }
.rules .text {  float:left; width:67%; margin-top: 55px; line-height:24px;  }
.rules .bigmarker { width:33%; float:right;  }
.rules p { padding:0; margin-bottom: 15px; }

.rules a {
  position: absolute;
  left: 44%;
  top:77%;
}



.rules .marker {  } 

.promo-download {
  background-color: #ffffff;
  position: relative;
}

.promo-download .download-buttons {
  position: absolute;
  left: 30%;
  top:38%;
}

.promo-download .download-buttons p {
  font-size: 36px;
  margin-bottom: 45px;
}

.promo-download .download-buttons a:last-child {
  margin-left: 63px;
}


.promo-learn-more .text { max-width: 580px;  position:absolute; top:52%; left:23%;  font-size: 15px; line-height: 35px; letter-spacing: 1px;}
 
 .promo-download { background-color:#fff; position: relative;  background: url(/img/back1.png) repeat-x 0 0; min-height:400px; z-index:1; margin-top:150px; }
 
.monitors img { position: absolute; display:block; max-width:600px; left:25%;  top: -35%;; z-index:2000; }
 
 
 .p3romo-download .download-buttons {
    left: 10%;
    top:5%;
    position: relative;
    border:1px solid red;
    margin: 0; padding: 0;
  }



.rules-page,
.about-page {
  border-bottom: 4px solid #ebebed;
  background-color: #ffffff;
}

.rules-page .btn-back,
.rules-page .btn-back a,
.rules-page .btn-back a:hover,
.about-page .btn-back,
.about-page .btn-back a,
.about-page .btn-back a:hover{
  color: #c6c6c6;
  font-size: 21px;
  text-decoration: none;
}

.rules-page .btn-back,
.about-page .btn-back {
  margin-top: 60px;
  margin-bottom: 25px;
}

.rules-page .btn-back span,
.about-page .btn-back span {
  margin-top: 20px;
}

.rules-page .preview {
  max-width: 1100px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.8;
}

.rules-page .preview p {
  text-indent: 20px
}

.rules-page .rules {
  max-width: 1100px;
  margin: 30px auto 0 auto;
  font-size: 21px;
}

.rules-page .rules .item1 .header {
  margin-bottom: 25px;
  font-size: 28px;
}

.rules-page .rules .item1 ul {
  margin-top: 15px;
  padding-left: 0;
  min-width: 700px;
}

.rules-page .rules ul {
  list-style-image: url('/img/marker-rules.png');
  list-style-position: inside;
  background-repeat: no-repeat;
  line-height: 37px;
  padding-left: 25px;
}

.rules-page .rules li {
  margin-bottom: 5px;
}

.rules-page .rules .item1 img {
  margin-left: 60px;
  margin-top: -10px;
}

.rules-page .rules .item2 {
  margin-top: 15px;
}

.rules-page .rules .item2 img {
  margin-top: 60px;
  margin-left: -20px;
}

.rules-page .rules .item2 ul {
  margin-left: -90px;
}

.rules-page .rules .item2 p {
  float: right;
  font-size: 22px;
  margin-top: 40px;
}

.rules-page .slogan,
.about-page .slogan {
  max-width: 1100px;
  margin: 37px auto 70px auto;
  position: relative;
}

.rules-page .slogan img,
.about-page .slogan img {
  margin: 0 auto;
}

.rules-page .slogan .slogan-text,
.about-page .slogan .slogan-text {
  position: absolute;
  text-align: center;
  font-size: 26px;
  top: 40%;
  left: 15%;
}

.about-page {
  background-color: #ffffff;
}

.about-page .item1,
.about-page .item2 {
  max-width: 1100px;
  font-size: 20px;
  margin-top: 30px;
  margin-left: 20px;
}

.about-page .item1 p {
  margin-top: 15px;
}

.about-page .item1 img {
  margin-top: 15px;
}

.about-page .item2 p {
  margin-top: 15px;
  line-height: 1.8;
}

.rates {
	display: block;
  min-height: 300px;
  background-color: #ffffff;
  padding-top: 45px;
  
  border-bottom:2px solid #E1E1E1;
}


.plans { max-width:1060px; margin:0 auto; margin-top:40px; margin-bottom:60px; }

.plans img { text-align: center; margin: 0 auto;}

.plans p.lead { font-size:20px; text-align:center; color:#7e7e7e; margin-top:15px; height:30px; }
.plans p.price { font-size:90px; text-align:center; color:#000; margin-top:15px; font-weight:bold; line-height:50px; margin-top:60px; }
.plans p.cur { font-size:18px; text-align:center; color:#000; margin-top:0px; font-weight:bold; }

.plans #req { text-align:center; margin-top: 20px;}
.btn-req { color: #000; background-color:#FACA1E ; border-radius: 22px; font-size: 23px; line-height: 30px; padding-top:7px; letter-spacing: 1px;}


.plans .descr { max-width:700px;  margin:0 auto;  margin-top:30px;  }
.plans .descr img { margin-right: 5px;}
.plans .descr span { font-weight:bold; font-size:20px; }

.service { letter-spacing: 1px; padding-bottom:50px; }

.service .promo {   padding:17px; color:#353636; border-radius: 6px; }


.service h2 { font-weight: bold; line-height: 45px; letter-spacing: 2px;}       
.service h3 { font-weight: bold; line-height: 35px; }    
    
.service  p {   padding-bottom: 5px; line-height: 45px;  text-indent: 20px; font-size:20px;}


.service ul li, .service ol li  { color:#f9c51a; font-size:20px;  line-height: 45px;  list-style: none;}

.service  ul li:before {
    content:"·";
    font-size:100px;
    vertical-align:middle;
    color:#f9c51a;
}
.service  ol, .service  ul   { padding-left: 0px;}
.service  ol li {
    counter-increment: step-counter;
}

.service  ol li:before {
    
    content: counter(step-counter);
    font-size:30px;
    font-weight: bold;
    color:#f9c51a;
}

.service ul li span, .service ol li span { color:#353636; }

.service .promo-pre {   font-size:20px;  border:2px solid #f9c300; border-radius::2px; position:relative; margin-bottom:15px;  }


.service .promo-pre .text { padding:25px; color:#484949; }

.service .promo-pre .text  p { line-height:35px; padding-top:15px; }

.service .promo-pre .arrowup { position:absolute; margin-top:-15px;  margin-left:-10px;  }

.service .promo-pre .arrowdown { position:absolute;  bottom:0; right:0; margin-bottom:-6px; margin-right:-9px; }


.leadpromo {  background-image: url(/img/service/back_lead.png); padding-top:50px; }

.leadpromo .text {  line-height: 45px; font-size:24px; padding-top:10%;  letter-spacing: 1px; } 



.service  p.text-muted {font-size:15px; line-height: 18px; text-indent: 0px;}

.service.border { margin-bottom: 30px; margin-top: 120px;}

.send1 { 
  
  width: 100%;
  
  height: 71px;
  float: left;
  background: url(/img/service/2.sprite.png) no-repeat 0 0;
  cursor: pointer;
 }
 
 .send1:hover { 
  	background: url(/img/service/2.sprite.png) no-repeat 0px -75px;
 
 }
 
.send1:active, .send1:focus { 
  	background: url(/img/service/2.sprite.png) no-repeat 0px -150px;
 
 }
 
 
.signup-b { 
  
  width: 100%;
  
  height: 71px;
  float: left;
  background: url(/img/signup.png) no-repeat 0 0;

  cursor: pointer;
 }
 
.signup-b:hover { 
  	background: url(/img/signup.png) no-repeat 0px -75px;
 
 }
 
.signup-b:active, .signup-b:focus { 
  	background: url(/img/signup.png) no-repeat 0px -150px;
 
 }
 
.center-button { margin: 0 auto; max-width: 300px;}

.logo-service { margin: 0 auto; max-width: 420px;  margin-bottom:50px; margin-top:-80px; }
.logo-service img {  float:left; }
.logo-service span {  font-size:24px; color:#353636; padding-left:10px; line-height:100px;  letter-spacing: 1px;}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}


.navbar-default {
  background-color: #fff;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
  
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}

.navbar-brand {
  float: left;
 /* height: 50px;*/
  padding: 10px; padding-left: 30px;
  margin-right: 20px;
  
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block; width: 100%; max-width: 226px; 
}

@media (max-width: 987px) {
    
  .navbar-brand {
  	margin-top: 5px;
    max-width: 220px; padding-left: 10px;
  }
}

@media (max-width: 845px) {
    
  .navbar-brand {
  	margin-top: 10px;
   max-width: 160px; padding-left: 5px;
  }
}


@media (max-width: 768px) {
  
  .navbar > .container-fluid .navbar-brand {
    max-width: 200px;
  }
  
    .navbar-brand {
    max-width: 170px; padding-left: 5px; padding-top: 1px;
  }
}




@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
    
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 22.5px -10px; text-align: center;
}
.navbar-nav > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 30px;
}




@media (max-width: 1068px) {
.navbar-nav > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 20px;
  font-size: 12px;
}
}

@media (max-width: 991px) {
.navbar-nav > li > a {
  
  padding: 7px;
}
}

.sidebar-dropdown, .sidebar-device-m {
    display: none; color: #fff; font-weight: bold;
}


@media (max-width: 768px) {
	.col-md-31, .col-md-81 {  }
	
	
	
	.main-sidebar {
		 
        margin-bottom: 0px;
        width: 60%;
        float: none;
        display: none;
        position: absolute;
        min-height: 300px; z-index: 100;
        left:0px; top: 34px;
        
    }

   .sidebar-dropdown {
   	
        display: inline-block; 
       
       /* margin-left: 7px; margin-right: 0px;*/
        left: 0px;
        background-color:#fff; 
         float: left;
    }


    .sidebar-dropdown a, .sidebar-dropdown a:hover {
        
        color: #fff;
        background: #16cbe6;
        text-align: center;
        display: block;
        padding: 6px 12px;
        border-bottom: 0px;
        right: 10px;
        border-radius: 0px; 
        margin: 0;
        z-index: 2000; text-decoration:none;  
        
       
    }
    
    .wrap-m {  background-color:#fff; display:block;  width:100%; height:33px; }
    
    .sidebar-device-m { display: block; max-width: 200px; float: right;   padding: 5.4px 11px; background-color:#febf01;  }
    .sidebar-device-m a { color: #fff; font-size: 15px; margin-left:3px; }
    
	 .modal-backdrop { z-index: -1; }
	 
	.leadpromo {  background-image: url(/img/service/back_lead.png); padding-top:50px; }
	
	
	.leadpromo .container { padding:0px; }

	.leadpromo .text {  line-height: 35px; font-size:24px; padding-top:5%;  letter-spacing: 1px; } 	 
	.leadpromo img { max-width: 200px; margin: 0 auto; margin-top: 120px;}
	.service  p {   padding-bottom: 5px; line-height: 26px;  text-indent: 20px; font-size:18px;}
	.service ul li, .service ol li  { color:#f9c51a; font-size:18px;  line-height: 32px;  list-style: none;}
	 
}


@media  (max-width: 504px) {
  .rules-page .slogan .slogan-text,
  .about-page .slogan .slogan-text {
    font-size: 12px;
    top: 30%;
    left: 2%;
  }
}

@media (min-width: 505px) and (max-width: 619px) {
  .rules-page .slogan .slogan-text,
  .about-page .slogan .slogan-text {
    font-size: 15px;
    top: 35%;
    left: 5%;
  }
}

@media (max-width: 767px) {
  .rules-page .rules .item1 ul {
    min-width: 250px;
  }
  .rules-page .rules .item1 img {
    margin: 30px auto 0 auto;
  }
  .rules-page .rules .item2 img {
    margin: 30px auto 30px auto;
  }
  .rules-page .rules .item2 ul {
    margin-left: 0;
  }
}

@media (max-width: 619px) {
  .promo-learn-more a {
    left: 16%;
    top: 58%;
  }
  .promo-learn-more .wrapper,
  .rules .wrapper {
    max-width: 95px;
  }
  
  
  
  .promo-learn-more .btn-order {
    min-width: 35px;
    min-height: 35px;
    left: 60%;
    top:17%;
  }
  .rules a {
    left: 44%;
  }
  .promo-download .download-buttons {
    left: 30%;
    top:65%;
  }
  .promo-download .download-buttons p {
    margin-bottom: 0;
    font-size: 18px;
  }
  .promo-download .download-buttons .wrapper {
    max-width: 80px;
  }
  .promo-download .download-buttons a:last-child {
    margin-left: 30px;
  }
  .reviews .comments {
    max-width: 450px;
    margin: 0 auto;
  }
  .reviews .comments .arrow-wrapper-right {
    margin-left: 5px;
  }
  .progs {
    
  }
  
  .progs > h4 { text-align: center;
    
  }
		  
  
  
  .promo-top .connect {
    max-width: 340px;
    margin: 0px auto;
  }
  .promo-top .connect .type-img-wrapper {
    max-width: 250px;
    float: left;
    margin: 30px 20px;
  }
  .promo-top .connect .arrow-img-wrapper {
    max-width: 300px;
    float: left;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  .promo-top .connect .btn-wrapper {
    max-width: 200px;
    float: left;
    margin: 50px 50px;
  }
  .promo-top .connect:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .promo-top .container .dropdown-toggle {
    min-width: 230px;
    font-size: 22px;
    padding: 0 0;
  }
  .promo-top .container .dropdown-menu {
    min-width: 180px;
    font-size: 22px;
  }
  .promo-top .phrase-1,
  .promo-top .phrase-2 {
    font-size: 25px;
  }
  .footer .navbar-nav {
    margin: 30px auto;
    max-width: 250px;
  }
  .footer .navbar-nav li {
    padding: 5px;
  }
  .footer .copyright {
    margin: 0 auto;
    max-width: 550px;
    float: none;
  }
  .footer .logo-production {
    float: none;
    max-width: 300px;
    margin: 20px auto 0 auto;
  }
  .promo-top {
    max-height: 740px;
    padding-top: 100px;
  }
}

@media  (max-width: 767px) {
  .promo-learn-more a {
    left: 16%;
    top: 58%;
  }
  .promo-learn-more .wrapper,
  .rules .wrapper {
    max-width: 120px;
  }
  .promo-learn-more .btn-order {
    min-width: 50px;
    min-height: 55px;
    left: 60%;
    top:17%;
  }
  .rules a {
    left: 44%;
  }
  
  .bigmarker { margin-top:20px; }
  
  
  .promo-download .download-buttons {
    left: 10%;
    top:45%;
  }
  .promo-download .download-buttons p {
    margin-bottom: 0;
    font-size: 24px;
  }
  .promo-download .download-buttons .wrapper {
    max-width: 110px;
  }
  .promo-download .download-buttons a:last-child {
    margin-left: 43px;
  }
  
  .promo-download { min-height:200px;  }
 
  .monitors img {  max-width:300px; left:5%;  top: -45%;; z-index:2000; }
  
  
  .reviews .comments {
    max-width: 600px;
    margin: 0 auto;
    height: 100%;
  }
  .reviews .comments .arrow-wrapper-right {
    margin-left: 10px;
  }
  .progs {
    min-height: 250px;
  }
  .promo-top {
    max-height: 480px;
    padding-top: 150px;
  }
  .promo-top .connect .type-img-wrapper {
    margin-top: -40px;
    max-width: 200px;
  }
  .promo-top .connect .arrow-img-wrapper {
    max-width: 230px;
  }
  .promo-top .connect .btn-wrapper {
    max-width: 140px;
  }
  .promo-top .container .dropdown-toggle {
    min-width: 230px;
    font-size: 22px;
    padding: 0 0; 
  }
  .promo-top .container .dropdown-menu {
    min-width: 180px;
    font-size: 22px;
  }
  .promo-top .phrase-1,
  .promo-top .phrase-2 {
    font-size: 20px;
    margin: 20px;
  }
  
	.promo-top {
	    padding-top: 20px;
	}	
  
   .promo-top .container { 
	/*	margin-left:20px;*/   
   }
  .promo-top .phrase-1 .btn-group { }
  
  
  .footer .navbar-nav {
    margin: 30px auto;
    max-width: 250px;
  }
  .footer .navbar-nav li {
    padding: 5px;
  }
  .footer .copyright {
    margin: 0 auto;
    max-width: 550px;
    float: none;
  }
  .footer .logo-production {
    float: none;
    max-width: 300px;
    margin: 20px auto 0 auto;
  }
  .rules-page .slogan .slogan-text,
  .about-page .slogan .slogan-text {
    font-size: 18px;
    top: 35%;
    left: 6%;
  }
  
  
  .logo-service { margin: 0 auto; max-width: 420px;  margin-bottom:50px; margin-top:20px;  text-indent: 0px; }
.logo-service img {  float:none; max-width:50px; display:inline-block; }
.logo-service span {  font-size:18px; color:#353636; margin-left:5px; line-height:30px;  letter-spacing: 0px;  text-indent: 0;}
	
	.about-page .btn-back { display: none;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .promo-learn-more a {
    left: 36%;
  }
  .promo-learn-more .wrapper,
  .rules .wrapper {
    max-width: 140px;
  }
  .promo-learn-more .btn-order {
    min-width: 60px;
    min-height: 65px;
    left: 60%;
    top:17%;
  }
  
  .promo-learn-more .text {
    left: 5%; line-height: 16px; max-width: 480px; font-size: 14px;
  }
  
  .btn-learn-more {  left: 20px;}
  
  .rules a {
    left: 44%;
  }
  .promo-download .download-buttons {
    left: 35%;
    top:47%;
  }
  .promo-download .download-buttons p {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .promo-download .download-buttons .wrapper {
    max-width: 110px;
  }
  
   .promo-download { min-height:200px;  }
 
  .monitors img {  max-width:400px; left:27%;  top: -45%;; z-index:2000; }
  
  
  .reviews .comments {
    max-width: 730px;
    margin: 0 auto;
    height: 100%;
  }
  .progs {
    min-height: 300px;
  }
  .promo-top .connect .type-img-wrapper {
    margin-top: -10px;
    max-width: 200px;
  }
  .promo-top .connect .arrow-img-wrapper {
    max-width: 200px;
  }
  .promo-top .connect .btn-wrapper {
    max-width: 180px;
  }
  .promo-top .container .dropdown-toggle {
    min-width: 280px;
    font-size: 30px;
    padding: 0 5px;
  }
  .promo-top .container .dropdown-menu {
    min-width: 280px;
    font-size: 30px;
  }
  .promo-top .phrase-1,
  .promo-top .phrase-2 {
    font-size: 30px;
  }
  .footer .logo-production {
    margin-right: 5px;
  }
  .rules-page .rules .item1 ul {
    min-width: 450px;
  }
  .rules-page .rules .item1 img {
    margin-left: 0;
    margin-top: 200px;
    max-width: 230px;
  }
  .rules-page .rules .item2 img {
    margin-top: 220px;
    margin-left: 5px;
    max-width: 240px;
  }
  .rules-page .rules .item2 ul {
    margin-left: 20px;
    min-width: 450px;
  }
  .rules-page .rules .item2 p {
    min-width: 600px;
  }
  .rules-page .slogan .slogan-text,
  .about-page .slogan .slogan-text {
    font-size: 22px;
    top: 35%;
    left: 5%;
  }
}

@media (min-width: 992px) and (max-width: 1199px){
  .promo-learn-more a {
    left: 46%;
  }
  .promo-learn-more .wrapper,
  .rules .wrapper {
    max-width: 180px;
  }
  .promo-learn-more .btn-order {
    min-width: 70px;
    min-height: 75px;
    left: 60%;
    top:17%;
  }
  
  .promo-learn-more .text {
    left: 10%; line-height: 30px;
  }
  
  
  .rules a {
    left: 44%;
  }
  .promo-download .download-buttons {
    left: 35%;
    top:48%;
  }
  .promo-download .download-buttons p {
    margin-bottom: 15px;
    margin-left: 20px;
    font-size: 30px;
  }
  .promo-download .download-buttons .wrapper {
    max-width: 150px;
  }
  
  
  
  .promo-download { min-height:300px;  }
 
  .monitors img {  max-width:500px; left:30%;  top: -35%;; z-index:2000; }
  
  
  
  .progs {
    min-height: 400px;
  }
  .promo-top .connect .type-img-wrapper {
    margin-top: -50px;
    max-width: 270px;
  }
  .promo-top .connect .arrow-img-wrapper {
    max-width: 320px;
  }
  .promo-top .connect .btn-wrapper {
    max-width: 250px;
  }
  .rules-page .rules .item1 ul {
    min-width: 600px;
  }
  .rules-page .rules .item1 img {
    margin-left: 60px;
    margin-top: 80px;
    max-width: 300px;
  }
  .rules-page .rules .item2 img {
    margin-top: 120px;
    margin-left: 10px;
    max-width: 300px;
  }
  .rules-page .rules .item2 ul {
    margin-left: -70px;
  }
  .rules-page .rules .item2 p {
    min-width: 600px;
  }
  .rules-page .slogan .slogan-text,
  .about-page .slogan .slogan-text {
    top: 40%;
    left: 10%;
  }
}

@media (min-width: 1200px) and (max-width: 1399px){
  .promo-learn-more a {
    left: 46%;
  }
  .promo-learn-more .text {
    left: 15%;
  }
  
  
  
  .promo-learn-more .wrapper,
  .rules .wrapper {
    max-width: 200px;
  }
  .promo-learn-more .btn-order {
    min-width: 80px;
    min-height: 85px;
    left: 60%;
    top:17%;
  }
  .rules a {
    left: 44%;
  }
  .promo-download .download-buttons {
    left: 35%;
    top:48%;
  }
  .promo-download .download-buttons p {
    margin-bottom: 25px;
    margin-left: 20px;
  }
  .promo-download .download-buttons .wrapper {
    max-width: 170px;
  }
   .promo-download { min-height:300px;  }
 
  .monitors img {  max-width:600px; left:27%;  top: -45%;; z-index:2000; }
  
  
  
  .progs {
    min-height: 480px;
  }
  .footer .container {
    max-width: 1050px;
  }
}

@media (min-width: 1400px) and (max-width: 1649px){
  .promo-learn-more a {
    left: 46%;
  }
  .promo-learn-more .wrapper,
  .rules .wrapper {
    max-width: 230px;
  }
  .promo-learn-more .btn-order {
    min-width: 100px;
    min-height: 105px;
    left: 60%;
    top:17%;
  }
  .rules a {
    left: 45%;
  }
  .promo-download .download-buttons {
    left: 38%;
    top:48%;
  }
  .promo-download .download-buttons p {
    margin-bottom: 35px;
  }
  .progs {
    min-height: 500px;
  }
  
  
}


@media (max-width: 768px)  {
  
   
  .rules a {
    left: 4%; top: 40%;
  }
  
  .rules .wrap { margin-top:0px; margin-left:10px; margin-right:10px; } 
  

.col-md-81 .alert { margin: 0; padding: 15px;}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}