* { font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 400; }
html { background-color: #E9EDF0; position: relative; min-height: 100%; }
@media (min-width: 768px) {
    body { margin-bottom: 230px; height:100%; }
}

.container { max-width: 992px; }
.btn-danger { border: none; background-color: #E50915; border-radius: 4px; }
.btn-primary { border-radius: 4px; }
.alert { text-align: center; }
.help-block-info { font-style: italic; font-size: 14px; margin-bottom: 0; padding-left: 20px; margin-top: 5px; }
.btn-xlg { padding: 14px 26px; font-size: 28px; line-height: 1.33; border-radius: 5px; }
.form-horizontal .control-label { font-weight: 400; color: #000; }
.checkbox label, .checkbox label a { font-size: 15px; }
h4 { font-size: 19px; color: #000; margin-top: 20px; margin-bottom: 20px; }
h3 { margin-top: 25px; }
h3 b { font-size: 22px; }
.red { color: #a94442; }

/* HEADER */
.header { background-color: #fff; }
.header .logo { display: inline-block; padding-top:17px; }
.my-account-link { display:inline-block; float:right; font-size: 16px; padding-top: 14px; padding-bottom: 14px; color: #5a5a5a; }
.header .navbar-right { margin-right: 0; }
.header .navbar-right>li>a { padding-top: 0; padding-bottom: 15px; color: #5a5a5a; font-size: 20px; font-weight: 700; }
.header .navbar-right>li:last-child>a { padding-right: 0; }
.header .nav>li>a:focus, .header .nav>li>a:hover, .header .nav>li.active>a, .my-account-link:hover, .my-account-link:focus, .my-account-link.active { text-decoration:none; background-color: initial; color: #E50915; }
.nav>li { float:left; }
@media (min-width: 766px) {
.header .col-xs-12 { padding-left: 0; padding-right: 0; }
}
@media (max-width: 766px) {
    .header .logo img { width: 200px; }
    .my-account-link { font-size: 18px; padding-top: 25px; }
    .header .navbar-right { margin: 20px 0 0 0; width: 100%; }
    .header .navbar-right>li { display: table-cell; float: none; width:1%; }
    .header .navbar-right>li>a { font-size: 18px; padding-bottom: 15px; padding-left: 0;  text-align: center }
}
/* END HEADER */

.site-banner { padding-bottom: 50px; background: #E9EDF0 url('../img/bgrline.png') repeat-x; }
.landing-banner { padding-bottom: 50px; background-color: #E9EDF0; }
.banner-info, .banner-info a { color: #FFFFFF; }
.banner-info h1 { margin-bottom: 20px; }
.banner-info h2 { margin-bottom: 20px; }
.main-content { background-color: #fff; border-radius: 5px; min-height: 300px; padding-bottom: 50px; color: #7A7A7E; }
@media (min-width: 700px) {
    .main-content .row { padding-left: 30px; padding-right: 30px; }
}

.page-title-center { color: #000; text-align: center; margin-top: 65px; margin-bottom: 50px; font-size: 26px; line-height: 1.2; }

/* HOMEPAGE */
.feature { margin-bottom: 35px; }
.feature img { display:inline-block; float:left; margin-right:20px; }
.feature h3 { margin-top: 0; margin-bottom: 0; color: #61577c;}
/* END HOMEPAGE */

/* SUBSCRIBE */
.subscribe-top h3 { margin-top: 35px; color: #878787; margin-bottom: 35px; text-align: center; font-size: 18px; }
.subscribe-top h3.active { color: #fff; }
.subscribe-form { margin-bottom: 50px; }
/* END SUBSCRIBE */

/* WEBSITES */
.website a { display: block; height: 80px; text-align: center; font-size: 20px; padding-top:27px; margin-top: 20px; border: 1px solid #c3c3c3;}
.website a.two-row { padding-top:15px; font-size: 18px; }
.website a:hover, .website a:focus, .website a:active { text-decoration: none; border: 2px solid #74a06b;}

/* ACCOUNT */
@media (min-width: 700px) {
   .account-content { padding-left:0; padding-right:0; }
}
.account-content .row { margin-bottom: 10px; }
.account-content h3 { margin-bottom:20px; padding:10px 10px 10px 15px; font-size:20px; color: #157aa8; background-color: #f7f7f7; border-radius:4px; }
.account-content ul.nav-tabs { margin-bottom:5px; }
.account-content ul.nav-tabs li a { font-size: 18px; font-weight: 700; padding: 15px 0 15px 0; }

.account-content>.nav>li>a { background-color: #f7f7f7; border-radius: 0; }
.account-content>.nav>li:first-child>a { border-radius: 4px 0px 0 0; }
.account-content>.nav>li:last-child>a { border-radius: 0px 4px 0 0; }
.account-content>.nav>li.active>a { background-color: #fff; border-radius: 4px 4px 0 0; }
.account-content>.nav>li>a:focus,.account-content>.nav>li>a:hover { background-color: #eaebed; }

.account-content .account-type-name { display: inline-block; width: 250px; }
.account-content .account-type-price { display: inline-block; }
/* END ACCOUNT */

/* CONFIGURATION */
.device a { display: block; text-align: center; padding-top:15px; padding-bottom:10px; margin-top: 30px; border: 1px solid #c3c3c3; color:#7A7A7E; }
.device a:hover, .device a:focus, .device a:active { text-decoration: none; border: 1px solid #74a06b; color: #000; }
.device a img { margin-bottom: 10px; max-width: 100%; }
.device .device-title { font-weight: 700; }
.device .device-subtitle { height: 40px; }

.setup { padding-top: 50px; }
.setup .container { padding:0 0 5px 0; }
.setup .index-title { color: #6c4555; font-weight: 700; padding-top: 30px; padding-bottom:20px; padding-left: 50px;  }
.setup .index-link { color:#000; padding-top: 20px; padding-bottom:20px; padding-left: 50px; font-size: 28px; display:block; border-top: 1px solid #E9EDF0; }
.setup .index-link:hover, .setup .index-link:focus, .setup .index-link:active { text-decoration: none }
.setup .sub-links { background-color: #7a7092; padding-top: 15px; display: none; }
.setup .sub-links a { color:#fff; padding-bottom:15px; padding-left: 100px; font-size: 24px; display:block; }
.setup .sub-links a:hover, .setup .sub-links a:focus, .setup .sub-links a:active { text-decoration: none }

.setup .steps { counter-reset: my-counter; padding: 50px 30px 50px 20px; }
.setup .steps h2 { color: #000; margin-top: 0 }
.setup .steps .alert { text-align: left; }
.setup .steps dt { position: relative; padding: 6px 0 10px 65px; margin-top: 20px; font-weight:normal; font-size: 18px; }
.setup .steps dt b { font-size: 18px; }
.setup .steps dt:before { content: counter(my-counter); counter-increment: my-counter; position: absolute; left: 0; top: 0; font-size: 30px; text-align: right; width: 45px; display: block; }
.setup .show-proxy-url { margin-bottom: 10px; }
.setup .form-inline { margin-bottom: 10px; padding:15px 30px 15px 30px; background-color: #faf8f9; border-radius: 4px }
.setup .form-inline h4 { margin-bottom: 20px }
.config-img { max-width: 100%; display:block; margin-top: 5px; }
/* CONFIGURATION */

/* GUIDES */
.guides-subtitle { color: #000; margin-top: 40px; margin-bottom: 20px; }
.guides img { max-width: 100%; border:1px solid #E9EDF0; margin-bottom: 20px; }
.guides .alert { text-align: left }
/* END GUIDES */

/* START Locations */
table.locations { margin-top:25px; margin-bottom: 20px; min-width:720px; }
table.locations>thead>tr>th { background-color: #f5f5f5; color: #9d9d9d; padding:10px; border:none; font-size: 20px; font-weight:normal; vertical-align:middle; }
table.locations>thead>tr>th:first-child { color: #337ab7; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
table.locations>thead>tr>th:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
table.locations>tbody>tr>td { border:none; }
.locations-content h4 { color:#157aa8; padding-top:20px; padding-bottom:10px; }
.locations-content a { margin-top:10px; }
.locations-content li { padding-top:5px; padding-bottom:5px; }
table.locations>thead>tr>th:nth-child(2) { width:250px!important; }
table.locations>thead>tr>th:nth-child(3) { width:200px!important; }
/* END Locations */

/* FOOTER */
.main-footer { background-color: #16141f; padding-top:40px; color: #fff; width:100%; }
@media (min-width: 768px) {
    .main-footer { position: absolute; bottom: 0; height:230px; }
}
.main-footer a { display:block; color: #fff; margin-bottom: 10px; }
/* END FOOTER */

/* BANNER */
.banner-devices { background: #16141f url('../img/banner/devices1360.png'); }
.banner-channels { background: #100f17 url('../img/banner/channels1360.jpg'); }
.banner-buy-vpn-router { background: #16141f url('../img/banner/devices-router.png'); }
.banner-fullscreen { width:100%; height:auto; background-size: auto; background-repeat: no-repeat; background-position: center center; padding:4% 0 4% 0; }
.banner-text {  border-radius: 4px; max-width: 800px; color: #fff; padding: 35px; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -moz-border-radius: 5px; }
.banner-text h2 { margin-top: 0; }
.banner-text a { margin-top: 20px; margin-bottom: 20px; }
.banner-text .price { color: #878787; }
/* END BANNER */

.order-line-title { margin-bottom:20px; padding:10px 10px 10px 15px; font-size:20px; color: #157aa8; background-color: #f7f7f7; border-radius:4px; }

.have_notivation { padding-top: 15px!important; }
.show_notifcation { color: #666; font-size: 13px; display: block; }
