/* body * {
border: 1px solid black;
} */
html {
font: 16px 'Droid Sans';
}
.btn:focus {
outline: none;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border: 1px solid #597f0a;
box-shadow: 0 0 5px #597f0a, inset 0 0 0 #000000;
outline: none;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
border: 1px solid #CCC;
}
input[type="radio"] {
margin-top: 0;
}
.article table {
border-collapse: collapse;
width: 100%;
padding: 15px 10px;
font: 0.95rem/1.2rem 'Ubuntu';
color: #000;
}
.article table, .article th, .article td {
border: 1px solid #000;
}
.article td {
padding: 5px;
}
.article th {
text-align: right;
padding: 5px;
font: bold 0.95rem/1.2rem 'Ubuntu';
}
.container {
width: 1170px;
}
/* HEADER STYLES START */
.header {
padding-top: 15px;
padding-bottom: 12px;
}
.top_header_navigation {
padding-bottom: 0px;
padding-right: 2px;
}
.header img.logo {
width: 203px;
}
.header > div.social {
margin-top: 12px;
text-align: right;
}
@media all and (max-width: 767px) and (min-width: 100px) {
.header > div.social {
display: none;
}
}
.top_header_navigation ul {
list-style-type: none;
}
.top_header_navigation ul li {
float: right;
font: bold 17px 'Ubuntu';
padding-left: 10px;
}
.top_header_navigation ul li a {
color: #000;
position: relative;
display: inline-block;
padding: 10px;
padding-left: 30px;
}
.top_header_navigation ul li a:before {
position: absolute;
top: 12px;
left: 8px;
content: "";
width: 16px;
height: 15px;
background: url('../images/sprite.png') no-repeat 0 0;
}
.top_header_navigation ul li a:hover {
color: #597F0A;
text-decoration: none;
}
.navbar {
border: none;
}
.navbar-nav {
padding: 0 0px;
}
.navbar-nav {
color: #F6F6F6;
}
.navbar-nav {
width: 100%;
}
.navbar-nav a {
position: relative;
}
.navbar-collapse .navbar-nav a::before {
content: "";
height: 7px;
border-left: 1px solid #000;
z-index: 6;
position: absolute;
top: 21px;
left: 0;
}
.navbar-nav a:hover::before {
border: 0;
}
.navbar-nav li:first-child a::before {
border: 0;
}
.navbar-nav a {
color: #F6F6F6;
}
.navbar-right {
margin-bottom: 0;
}
.navbar-right .navbar-nav li a {
color: #F6F6F6;
font: 1rem/1rem 'Ubuntu';
text-transform: uppercase;
padding: 15px 6px;
background: #F50;
z-index: 1;
}
.navbar-right .navbar-nav li.active a {
background: #e84d00;
}
.navbar-right .navbar-nav li a:hover {
background: #808080;
color: #F6F6F6;
}
.navbar_wrapper {
margin-top: 8px;
padding-left: 0px;
padding-right: 0px;
}
.navbar_wrapper .container {
padding-left: 0px;
padding-right: 0px;
height: 46px;
width: auto;
}
.navbar_wrapper .navbar-collapse {
padding-left: 0px;
padding-right: 0px;
border-top: 0;
}
/* NAVBAR DROPDOWN */
.nav_item.item_with_drop ul {
list-style:none;
position: absolute;
display: none;
padding: 0;
padding-top: 14px;
background: transparent;
width: 100%;
z-index: 2;
}
.nav_item.item_with_drop ul::before {
content: "";
width: 0;
height: 0;
border: 9px solid transparent;
border-bottom: 9px solid #808080;
position: absolute;
top: -4px;
left: calc(50% - 9px);
}
.navbar-collapse .navbar-nav .nav_item.item_with_drop ul a:before {
border: none;
}
/* .dropdown * {
position: relative;
} */
.navbar-right .navbar-nav .nav_item.item_with_drop ul li {
text-align: center;
}
.navbar-right .navbar-nav .nav_item.item_with_drop ul li a {
font: 0.8125rem/1.56rem 'Droid Sans';
color: #fff;
background: #808080;
text-transform: none;
padding: 0;
text-align: center;
display: block;
border-bottom: 1px solid #CCC;
}
.navbar-right .navbar-nav .item_with_drop .navbar_drop::before {
border: 0;
}
.navbar-right .navbar-nav .nav_item.item_with_drop ul li a:hover {
text-decoration: none;
color: #ff5500;
}
.collapse.navbar-collapse .navbar-nav .item_with_drop li:first-child {
display: list-item;
}
.item_with_drop {
z-index: 4;
background: #f50;
}
.item_with_drop a:before {
border: 0;
}
/* .item_with_drop:hover .dropdown {
display: block;
/* opacity: 1; */
/* NAVBAR DROPDOWN END */
/* HEADER STYLES END */
/* CONTENT STYLES START */
/* main page styles start */
.offers_container {
position: relative;
margin: 0 auto;
margin-bottom: 45px;
}
.offers_wrapper {
margin-left: -25px;
margin-right: -25px;
}
.offer {
padding: 0px;
background: #fff;
display: inline-block;
width: 31.9%;
margin-bottom: 20px;
text-align: center;
}
.offer:nth-child(2) {
margin-right: 20px;
margin-left: 20px;
}
.offer .offer_inner {
padding: 15px 20px;
}
.offer img {
display: block;
max-width: 100%;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}
.offer .offer_title {
color: #5e5c5b;
font: 1.5rem/1.5em 'Ubuntu', sans-serif;
text-align: center;
text-transform: uppercase;
}
.offer .offer_text {
color: #5e5c5b;
font: 1.1rem/1.2em 'Ubuntu', sans-serif;
text-align: center;
text-transform: uppercase;
}
.offer p {
color: #858585;
font: 0.8125rem/0.8125rem 'Droid Sans';
text-align: center;
margin: 0;
padding-top: 6px;
}
.info_btn, .news_wrapper .article a.info_btn {
margin: 0 auto;
display: block;
font: 0.875rem/0.7rem 'Arial';
text-transform: uppercase;
background: #F50;
border: none;
border-radius: 4px;
color: #fff;
margin-top: 17px;
margin-bottom: 17px;
padding: 8px 10px;
text-decoration: none;
}
.offer.col-md-4.col-xs-12 .btn.btn-default.info_btn {
display: inline-block;
}
.info_btn:hover , .news_wrapper .article a.info_btn:hover {
background: #858585;
color: #fff;
border-radius: 2px;
}
.info_btn:focus {
outline: none;
background: #858585;
color: #fff;
border-radius: 2px;
}
.offers_title {
margin-top: 0;
}
.offers_title > span {
margin-bottom: 36px;
font: 1.5rem/2rem 'Ubuntu';
}
/* main page styles end */
/* connect page styles start */
.article_page_container {
position: relative;
padding: 0;
margin: 0 auto;
}
.articles_wrapper, .login_page {
padding: 0;
padding-right: 2.577%;
width: 66.42%;
}
.login_page .article form input, .login_page .article form select {
height: 28px;
padding: 0 6px;
background: #FAFFBD;
}
.article_page_title_wrapper {
margin-top: -58px;
padding: 20px 0 30px 0;
}
.nbill_login_title {
padding-bottom: 20px;
}
.row .nbill_confirm_label {
clear: none;
}
.article_page_title_wrapper h5 {
color: #606060;
font: 0.8125rem/1.0625rem 'Droid Sans', sans-serif;
margin: 0;
padding: 13px 0 10px 0;
}
.article.account.invoices, .article, .account {
background: #ffffff;
padding: 20px;
margin-bottom: 25px;
}
.article:last-child {
margin-bottom: 18px;
}
.article img {
max-width: 320px;
padding: 20px;
}
.article ol {
padding: 15px 10px 15px 40px;
}
.article ol li::before{
content: none;
}
.article .article_image {
float: left;
margin-right: -20px;
margin-top: -20px;
}
.article h3 {
color: #333;
font: bold 1.15rem 'Ubuntu';
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
text-transform: uppercase;
}
.article p.grey_text {
color: #808080;
padding-bottom: 18px;
}
.article_more {
padding-top: 50px;
padding-bottom: 0;
}
.article_body .article_text_bold {
font-weight: bold;
padding-bottom: 0;
}
.article_body .article_list_header {
margin: 0;
padding: 0;
padding-top: 18px;
padding-bottom: 20px;
font: bold 0.8125rem/1.0625rem 'Droid Sans', sans-serif;
color: #606060;
}
.article li {
position: relative;
color: #000;
font: 0.95rem/1.2rem 'Ubuntu';
}
.article li:before {
content: "\2014\a0";
padding-right: 5px;
}
.article ul {
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 15px;
padding-right: 15px;
}
.article .article_body .article_note {
font-style: italic;
}
.article_footer {
padding-bottom: 10px;
min-height: 72px;
}
.article_footer .order_btn {
font: 1.375rem/1.375rem 'Ubuntu';
color: #fff;
background: #ff5500;
border-radius: 10px;
padding: 13px 11px;
float: right;
margin-top: 20px;
margin-right: 25px;
display: inline-block;
}
.article_footer .order_btn::after, .article_footer .order_btn::before {
content: "";
clear: both;
}
.social_share {
padding-bottom: 48px;
}
/* connect page styles end */
/* internet_for_home page styles start */
.article p, .article div {
font: 0.95rem/1.2rem 'Ubuntu','sans-serif','Arial';
color: #000;
margin: 0;
}
.article p {
padding:0;
}
.article p.right_text {
text-align: right;
padding: 0;
}
.article ul {
z-index: 1;
}
.device_pic {
float: right;
text-align: center;
z-index: 2;
position: relative;
}
.device_pic h4 {
text-align: center;
}
.device_pic a {
color: #000;
z-index: 3;
}
.device_pic img {
display: block;
}
.article a, .article p a {
text-decoration: none;
font: bold 0.906rem/1.1rem 'Ubuntu-Regular', 'Arial';
color: #000;
}
.article a:hover, .article p a:hover {
color: #f50;
}
.about_article .article a {
font: bold 0.8125rem/1.1rem 'Droid Sans', 'Arial';
color: #f50;
}
.about_article .article a:hover {
color: #606060;
}
.article h4 {
font: 1.25rem/1.25rem 'Ubuntu', 'Arial';
margin: 0;
padding-top: 36px;
padding-right: 30px;
padding-bottom: 15px;
}
.left_align_img {
float: left;
}
.right_align_img {
float: right;
}
.none_align_img {
float: none;
}
.in_new_image {
max-width: 320px;
}
.article_page_container .addthis_toolbox.addthis_default_style {
clear: both;
}
.article hr {
color: transparent;
border-top: 2px dashed #000;
margin: 16px 0 20px 0;
clear: both;
}
.article.with_checkbox .article_checkbox {
position: absolute;
width: 36px;
height: 34px;
top :30px;
left: 10px;
display: none;
}
.article .article_checkbox img {
position: absolute;
padding: 0;
}
.article .article_checkbox img.tick {
bottom: 6px;
left: 3px;
}
/* .article_page_container .article.with_checkbox:first-child .article_checkbox {
display: block;
} */
.article {
position: relative;
}
.about_article .article {
padding-bottom: 30px;
}
.about_article .article, .about_article .article * {
font: 0.8125rem/1.1rem 'Droid Sans', 'Arial';
color: #606060
}
.about_article .article ul {
padding-bottom: 10px;
padding-left: 15px;
}
.about_article .article, .about_article .article li {
list-style-type: disc;
}
.about_article .article, .about_article .article li::before {
content: "";
}
.article h6 {
color: #606060;
font: bold 0.9rem/1.15rem 'Droid Sans';
margin: 0;
padding: 18px 0 5px 0;
}
.article h5 {
font: 1.4125rem/1.1rem 'Ubuntu';
color: #000;
text-transform: uppercase;
margin: 0;
padding: 13px 0 12px 0;
display: inline-block;
text-align: left;
}
.article .article_btn {
background: #ff5500;
color: #fff;
border: none;
border-radius: 10px;
text-transform: uppercase;
font: 1.375rem/1.375rem 'Ubuntu';
padding: 12px 10px;
float: right;
text-decoration: none;
display: inline-block;
}
.article .article_btn.top_right {
position: absolute;
top: 18px;
right: 18px;
}
.article .article_btn:hover {
background: #858585;
color: #fff;
}
.banner_block {
margin: 0 12px 25px 12px;;
}
.banner_block img {
max-width: 100%;
}
/* internet_for_home page styles end */
.news_wrapper .article h3 {
text-align: left;
margin-top: 0;
}
.news_wrapper .article a {
padding-left: 0;
}
.news_wrapper .article h3 a:hover {
color: #ff5500;
text-align: left;
}
.new {
padding: 20px;
border-bottom: 1.5px solid #E2E2E1;
margin-bottom: 25px;
background: #fff;
}
.new h3 a:hover {
color: #ff5500;
}
color: #606060;
display: inline;
font-family: 'Droid Sans', sans-serif;
.news_wrapper .article img {
max-width: 400px;
padding: 0;
margin-right: 20px;
}
.news_wrapper .article p, .news_wrapper .article div, .news_wrapper .article span {
font: 0.844rem/1.3rem 'Droid Sans', sans-serif, 'Arial';
color: #606060;
margin: 0;
}
.news_wrapper .article .info_btn {
float: right;
}
/* form styles start */
.article form .form_table {
margin-top: 10px;
margin-bottom: 37px;
}
.article form input, .article form select {
width: 220px;
height: 25px;
border-radius: 0;
border: 1px solid #cccccc;
}
.article form .partners_form input.rsform-submit-button {
width: 220px;
height: 40px;
background: #ff5500;
border-radius: 8px;
padding: 0;
font: 1.2rem/1.2rem 'Ubuntu';
text-transform: uppercase;
color: #fff;
text-decoration: none;
margin-top: 10px;
}
.article form .partners_form input.rsform-submit-button:focus {
outline: none;
}
.article form .partners_form input.rsform-submit-button:hover {
background: #858585;
outline: none;
}
.article form .form_table td:nth-child(odd) {
text-align: right;
padding: 7px 5px 3px 5px;
}
.article form .form_table, .article form .form_table td {
border: none
}
.form_header {
text-align: center;
}
.article .form_line {
padding: 5px 0;
}
.article .form_line input {
padding: 0 6px;
}
.article .form_line label {
text-align: right;
font-weight: 400;
float: right;
}
.login_page p, .login_page label {
font: 0.83rem/1.0625rem 'Droid Sans', 'Arial';
color: #606060;
text-align: center;
padding-bottom: 30px;
}
.login_page img {
float: right;
margin-bottom: 20px;
}
.login_page form {
padding-left: 30px;
width: 220px;
}
.login_page.remind_page p {
padding-left: 20px;
padding-right: 20px;
}
.login_page.remind_page .left_text {
text-align: left;
padding-left: 0;
padding-right: 0;
padding-bottom: 20px;
}
.login_page .article form input {
margin-bottom: 15px;
}
.login_page.remind_page.confirm_pass button {
margin-top: 17px;
}
.login_page.remind_page form, .register_page form {
width: auto;
}
.register_page .form-horizontal .control-label {
text-align: left;
}
.remind_page .form-horizontal .control-label {
text-align: left;
}
.login_page label {
text-align: left;
padding-bottom: 0;
}
.login_page input {
font: 0.83rem/0.83rem 'Arial';
color: #606060;
}
.login_helper {
padding-left: 100px;
padding-top: 30px;
padding-bottom: 30px;
}
.login_helper a {
display: block;
text-decoration: none;
color: #000;
font: 0.875rem 'Droid Sans', 'sans-serif', 'Arial';
}
.login_helper a:hover {
color: #597F0A;
}
.login_page .login_terms {
text-align: right;
max-width: 50%;
}
form .account.article .line.row {
border-bottom: none;
}
form .account.article.invoices .line.row {
border-bottom: 1px solid #ccc;
}
.article .line.row:last-child {
margin-bottom: 30px;
}
.article.my_order.new_order p.nbill-new-order-intro {
padding-bottom: 15px;
}
.article.my_order.new_order a {
display: block;
font: 0.82rem/1.1rem 'Droid Sans', 'Arial';
color: #f50;
padding-bottom: 10px;
}
.row ..nbill_summary_last_row {
border-bottom: 0;
}
.article.my_order.new_order a:hover {
color: #597F0A;
}
form .account.article .line.row .non_display_field {
display: none;
width: 0;
padding: 0;
}
form .account.article .line.row .div_from_profile {
padding: 0;
}
form .account.article .line.row .profile_helper {
position: absolute;
padding: 0;
}
form .account.article .line.row .profile_helper img {
padding: 0;
}
form .account.article .line.row .col-md-8.col-sm-6 {
position: relative;
}
form .account.article .line div {
padding: 5px;
}
form .account.article .line .radio-inline input, form .account.article .line .checkbox-inline input {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
margin: 0;
margin-right: 5px;
vertical-align: middle;
}
.required_fild {
color: red;
}
.line button, .btn.btn-default.cancel_btn {
border-radius: 4px;
background: #fff;
font: 0.8125rem 'Droid Sans', 'Arial';
}
.line button.submit_btn, .submit_btn {
background: #f50;
color: #fff;
border: none;
}
.line button:hover, .register_btn.submit_btn:hover, .btn.btn-default.cancel_btn:hover, .btn.btn-default.submit_btn:hover {
background: #606060;
color: #fff;
}
.line.row #help_choose_language a img {
padding: 0;
}
.line.row #nbill_choose_language {
display: inline-block;
padding-bottom: 20px;
}
.line button.submit_btn:hover, .btn.btn-default.cancel_btn:hover{
background: #606060;
}
.line {
border-bottom: 1px solid #ccc;
}
.line .col-md-8 {
width: 50%;
}
.article .line.row a {
text-decoration: none;
}
form .account.article .line p, .article .line.row #lbl_choose_language {
font: 0.8125rem/1.0625rem 'Droid Sans', 'Arial';
color: #606060;
}
form .account.article .line input, form .account.article .line select {
height: 28px;
width: 180px;
border-radius: 0;
padding: 0 6px 0 6px;
font: 0.8125rem/1.0625rem 'Droid Sans', 'Arial';
}
form .account.article .radio-inline, form .account.article .checkbox-inline, form .account.article .nbill_form_label {
display: block;
margin-left: 0;
padding-left: 0;
font: 0.8125rem/1.0625rem 'Droid Sans', 'Arial';
}
form .account.article .nbill_form_label input {
display: inline-block;
vertical-align: middle;
}
form .account.article .div_from_profile input[type=checkbox], form .account.article .div_from_profile input[type=radio] {
display: inline-block;
width: 20px;
height: 20px;
float: left;
vertical-align: middle;
}
form .account.article .div_from_profile label {
display: inline-block;
}
form .account.article .col-md-4.col-sm-6 p {
display: inline-block;
vertical-align: middle;
padding:0;
}
form .account.article .col-md-4.col-sm-6 div {
padding: 0;
}
form .account.article .line .div_from_profile div {
padding: 0;
}
form .account.article .line .nbill_radio_vertical {
height: auto;
padding: 0;
}
form .account.article .nbill_form_input {
display: inline-block;
vertical-align: middle;
}
/* pagination styles start */
.pagination {
float: right;
margin-top: 0;
}
.rsform-submit-button.btn.btn-primary {
background: #f50;
color: #fff;
border: none;
}
.rsform-submit-button.btn.btn-primary:hover {
background: #606060;
}
.pagination li a, .pagination li span {
border-radius: 0;
border: 0;
margin: 0 1px;
color: #000;
}
.pagination li a:hover {
color: #fff;
background: #f50;
}
.pagination li span:hover {
color: #fff;
background: #858585;
}
.pagination .current a {
color: #f50;
}
.pagination li:first-child a, .pagination li:last-child a, .pagination li:first-child span, .pagination li:last-child span {
border-radius: 0;
}
.invoices .line div {
padding: 5px 6px;
}
.invoices .line.header_line p {
color: #606060;
font: bold 0.8125rem 'Droid Sans', 'Arial';
text-align: center;
}
form .account.article.invoices .line.line.header_line p {
color: #606060;
font: bold 0.8125rem 'Droid Sans', 'Arial';
text-align: center;
}
.invoices .line div p {
color: #606060;
font: 0.8125rem 'Droid Sans', 'Arial';
margin-bottom: 0;
text-align: center;
}
.invoices .line div a {
color: #f50;
font: 0.8125rem 'Droid Sans', 'Arial';
text-align: center;
display: block;
}
.invoices .line div {
text-align: center;
}
.invoices .line div a:hover {
text-decoration: none;
color: #597F0A;
}
.invoices .line div img {
display: block;
padding: 0;
/* width: 23px; */
margin: 0 auto;
}
.invoices_filds {
background: #fff;
padding-top: 0px;
margin: 0;
}
/* .invoices_filds input.button.btn {
margin-bottom: 2px;
} */
.action_selector {
padding-right: 20px;
float: right;
text-align: right;
}
/* .action_selector select {
float: right;
} */
.action_selector select {
display: inline-block;
}
.action_selector p {
display: inline-block;
margin-bottom: 0;
padding-right: 8px;
padding-top: 7px;
font: 0.8125rem/1.1rem 'Droid Sans', 'Arial';
color: #606060;
}
.date_selector {
padding-left: 20px;
float: left;
padding-top: 2px;
}
.date_selector input {
vertical-align: top;
}
.invoices_filds div {
display: inline-block;
}
.invoices_filds select, .invoices_filds button {
font: 0.8125rem/1.1rem 'Droid Sans', 'Arial';
color: #606060;
border-radius: 0;
width: 200px;
height: 28px;
padding: 0 12px;
}
.invoices_filds input {
font: 0.8125rem/1.1rem 'Droid Sans', 'Arial';
color: #606060;
border-radius: 0;
width: 100px;
height: 28px;
padding: 0 12px;
}
.invoices_filds input.button.btn {
border: 1px solid #ADADAD;
background: #fff;
}
.invoices_filds input.button.btn:hover {
background: #e6e6e6;
}
.invoices_filds #search_date_from_cal, .invoices_filds #search_date_to_cal {
width: auto;
}
.invoices_filds button.btn_go {
width: 78px;
height: 28px;
}
.invoices_filds input, .invoices_filds button {
display: inline-block;
}
.invoices_filds label {
float: none;
font: 0.8125rem/1.1rem 'Droid Sans', 'Arial';
color: #606060;
width: 42px;
padding-right: 7px;
}
.white_back {
margin-bottom: 20px;
/* padding-bottom: 35px; */
padding-left: 0;
padding-right: 0;
}
/* .white_back .account.article {
margin-bottom: 0;
} */
.white_back .article_page_title_wrapper, .white_back .breadcrumbs_wrapper/* , . */ /* h1 */ {
padding-left: 20px;
background: #fff;
padding-right: 20px;
}
.white_back .article_page_title_wrapper {
padding-bottom: 10px;
}
.white_back .article, .white_back .article .row, .white_back .container {
margin-right: 0;
margin-left: 0;
}
.about .article p {
color: #606060;
font: 0.8125rem/1.1rem 'Droid Sans', 'Arial';
margin: 0;
padding-bottom: 17px;
}
.about .article a {
color: #f50;
font: bold 0.8125rem/1.1rem 'Droid Sans', 'Arial';
text-decoration: none;
}
.about .article a:hover {
color: #606060;
text-decoration: none;
}
/* pagination styles end */
/* form styles end */
/* CONTENT STYLES END */
/*system-mesages styles */
.container .alert.alert-message {
margin: 0 -15px;
margin-bottom: 20px;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 17px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert.alert-message {
padding: 8px 35px 8px 14px;
}
.alert.alert-message p {
margin: 0;
padding: 10px 0;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 17px;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-success h4 {
color: #468847;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
color: #b94a48;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-info h4 {
color: #3a87ad;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
/* SIDEBAR STYLES START */
.linked_widget {
display: block;
}
a.linked_widget, a.linked_widget:hover, a.linked_widget:focus {
text-decoration: none;
}
.linked_widget .hover_item {
font: bold 1rem/1.0625rem 'Ubuntu';
color: #ff5500;
}
.linked_widget:hover * {
text-decoration: none;
outline: none;
}
a.linked_widget:hover .hover_item {
color: #858585;
}
.widget p {
font: 1rem/1.0625rem 'Ubuntu';
color: #000;
margin: 0;
padding-bottom: 15px;
}
.widget a {
font: bold 1rem/1.0625rem 'Ubuntu';
color: #ff5500;
padding-bottom: 29px;
}
.widget a:hover {
text-decoration: none;
color: #858585;
}
.widget h4 {
color: #ff5500;
text-transform: uppercase;
font: 1.1875rem/1.0625rem 'Ubuntu';
margin: 0;
padding-bottom: 20px;
text-align: right;
line-height: 130%;
}
.widget ul {
padding-left: 25px;
padding-bottom: 9px;
list-style-image: url("../images/stick.png");
}
.widget ul li {
margin: 0;
padding-bottom: 10px;
font: 1rem/1.1875 'Ubuntu';
color: #606060;
}
.right_side_wrapper {
padding: 0;
width: 33.5%;
}
.right_side_wrapper .widget {
background: #fff;
margin-bottom: 25px;
color: #000;
padding: 20px;
}
.right_side_wrapper .callback_right_side {
padding: 20px;
padding-bottom: 14px;
padding-right: 100px;
background: #fff url("../images/chat.png") no-repeat top right;
}
/******************************************************************/
.right_side_wrapper div h4 {
padding-top: 10px;
}
.right-side_info p {
text-indent: 20px;
}
.right-side_info p:last-child {
padding-bottom: 0;
}
/******************************************************************/
.speed-check_btn {
background: #ff5500;
color: #fff;
width: 100%;
border: none;
border-radius: 0;
font: 0.875rem/1.0625rem 'Ubuntu';
text-transform: uppercase;
padding: 20px 70px 20px 70px;
text-align: left;
position: relative;
margin-top: 0;
}
.speed-check_btn img {
position: absolute;
bottom: 18px;
left: 15px;
}
.speed-check_btn:hover {
background: #858585;
color: #fff;
}
/* SIDEBAR STYLES END */
.breadcrumb {
padding: 0 0 15px 15px;
background: transparent;
margin-bottom: 0;
}
.breadcrumb li {
color: #000;
font: 0.82rem 'Droid Sans', 'Arial';
}
.breadcrumb li a {
color: #f50;
}
.breadcrumb li a:hover {
color: #597F0A;
text-decoration: none;
}
.breadcrumb li.active {
color: #606060;
}
.breadcrumb li.active::before {
content: ">";
color: #606060;
padding: 0 5px;
}
.breadcrumb li::before {
content: ">";
color: #606060;
}
.breadcrumb > li + li::before {
content: ">";
color: #606060;
padding: 0 5px;
}
.breadcrumb li:first-child::before {
content: none;
}
.social_share {
padding-left: 20px;
}
.addthis_toolbox.addthis_default_style {
padding: 10px;
padding-bottom: 30px;
}
.order_btn {
background: #ff5500;
color: #fff;
border: none;
border-radius: 10px;
text-transform: uppercase;
font: 1.08rem/1.08rem 'Ubuntu';
padding: 15px 20px;
display: inline-block;
}
.order_btn:hover {
background: #858585;
color: #fff;
text-decoration: none;
}
.order_btn:focus {
outline: none;
background: #858585;
color: #fff;
text-decoration: none;
}
.account {
padding-bottom: 35px;
background: #fff;
}
.account ul li {
color: #606060;
font: 0.833rem/1.0625rem 'Droid Sans', 'Arial';
}
.content_wrapper .account ul li a {
color: #000;
}
.account ul li a:hover{
color: #597F0A;
text-decoration: none;
}
.account ul li p {
display: inline;
color: #606060;
}
.my_order {
padding-top: 0px;
}
.article.my_order.add_order #nbill_form {
position: static;
}
.col-md-8.col-sm-7.col-xs-6 .nbill_field .nbill_value, .article .nbill_value {
float: none;
}
.article.my_order.add_order .nbill_field.row {
position: static;
padding: 10px;
}
.article.my_order.add_order .row .col-md-4.col-sm-5.col-xs-6 .nbill_field {
padding-right: 0;
position: static;
padding-top: 20px;
}
.nbill_field .nbill_value input.btn, .nbill_field .nbill_value input.btn, #order_form input[type='submit'] {
border-radius: 0;
border: 1px solid #ccc;
background: #fff;
}
.nbill_field .nbill_value input.btn:hover, .nbill_field .nbill_value input.btn:hover, #order_form input[type='submit']:hover {
background: #e6e6e6;
}
#order_form input[type='submit'] {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
}
#order_form .row div {
padding: 0;
}
#order_form .row div.row {
padding-top: 20px;
}
.article .nbill_field.row a img {
padding: 0;
}
input[readonly] {
width :180px;
}
.nbill-login-box-inner .nbill-login-box .row {
display: block;
}
#order_form .nbill-login-box-outer .nbill-login-box-inner .nbill-login-box .row {
display: block;
}
#order_form .nbill-login-box-outer .nbill-login-box-inner .nbill-login-box input[type='submit'] {
margin: 0;
margin-bottom: 40px;
}
#order_form .col-md-8.col-sm-7.col-xs-12 div {
display: inline;
}
#order_form .col-md-8.col-sm-7.col-xs-12 div.row {
display: block;
}
.article .billing-fields .row{
padding: 5px 0;
}
.article .billing-fields .row .nbill_value {
height: auto;
}
.speedtest #mini-demo {
margin: 0px auto;
display: block;
}
/* table.nbill_summary_table {
margin-left: -395px;
} */
.btn-right_wrapper {
text-align: right;
background: #fff;
}
.btn-right_wrapper .add_order, .contacts_form_block .rsform-submit-button {
font: bold 0.8125rem 'Droid Sans', 'Arial';
text-transform: uppercase;
color: #fff;
background: #f50;
text-decoration: none;
display: inline-block;
padding: 8px 10px;
margin-bottom: 17px;
}
#contacts_page a.accordion_header {
display: none;
}
.contacts_content_wrapper {
padding-bottom: 40px;
}
.contacts_form_block .rsform-submit-button {
float: right;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.contacts_form_block .rsform-submit-button:hover {
background: #858585;
color: #fff;
}
.article a.add_order:hover {
background: #606060;
color: #fff;
}
.contacts_wrapper {
padding-bottom: 23px;
}
.contacts_container span, .contacts_container li, .contacts_container adress {
font: 0.833rem/1.1rem 'Droid Sans', 'Arial';
color: #606060;
}
.contacts_container adress {
padding-left: 28px;
display: block;
}
.contacts_wrapper adress::before {
content: "\f015";
font: 1rem 'FontAwesome';
position: absolute;
left: 16px;
}
#contacts_page #cont_collapse2 .container {
width: 100%;
}
.contacts_wrapper a {
font: 0.833rem/1.1rem 'Droid Sans', 'Arial';
color: #000;
}
.contacts_wrapper span {
padding: 10px 0 6px 0;
position: relative;
}
.contacts_wrapper span img {
margin-right: 4px;
position: relative;
top: -1px;
}
.contacts_wrapper ul {
list-style-type: none;
padding-left: 30px;
}
.contacts_wrapper li {
padding: 2px 0;
position: relative;
}
.contacts_wrapper ul li:first-child {
padding-top: 6px;
}
.contacts_wrapper ul li:last-child {
padding-bottom: 6px;
}
.contacts_wrapper li.phone::before {
content: "\f095";
font: 1rem 'FontAwesome';
position: absolute;
left: -20px;
top: 5px;
}
.contacts_wrapper li.mobile_phone::before {
content: "\f10b";
font: 1rem 'FontAwesome';
position: absolute;
left: -20px;
}
.contacts_wrapper ul.contacts_mail {
list-style-type: none;
padding-left: 30px;
}
.contacts_wrapper ul.contacts_mail li a {
position: relative;
text-decoration: none;
}
.contacts_wrapper ul.contacts_mail li a:hover {
color: #597f0a;
}
.contacts_wrapper ul.contacts_mail li a::before {
content: "\f003";
font: 1rem 'FontAwesome';
position: absolute;
left: -30px;
top: 0;
}
.contacts_map iframe {
width: 100%;
height: 450px;
border: 0;
}
.contacts_map .accordion_inner .container {
padding: 0;
}
.contacts_form_block p.grey_italic {
font: italic 0.833rem/1.1rem 'Droid Sans', 'Arial';
color: #999;
text-align: left;
padding-left: 0;
}
.contacts_form_block {
padding-top: 15px;
}
.contacts_form_block p {
text-align: left;
padding-left: 0;
padding-bottom: 17px;
}
.contacts_form_block form .col-md-4, .contacts_form_block form .col-md-12 {
padding: 0;
}
.contacts_form_block form .col-md-12 textarea {
display: block;
border: 1px solid #ccc;
font: 0.8175rem 'Droid Sans', 'Arial';
padding: 2px 6px;
height: 149px;
width: 100%;
color: #606060;
resize: none;
}
.contacts_form_block form .col-md-12 textarea:focus {
-webkit-box-shadow: 0 0 5px #597f0a, inset 0 0 0 #000000;
border-color: #597f0a;
box-shadow: 0 0 5px #597f0a, inset 0 0 0 #000000;
outline: none;
}
.contacts_form_block form .form-group.col-md-4 input {
border-radius: 0;
border: 1px solid #ccc;
width: 200px;
height: 26px;
margin-right: 0;
background: #fff;
padding: 0 6px;
font: 0.8175rem 'Droid Sans', 'Arial';
color: #606060;
display: block;
}
.contacts_form_block form .form-group.col-md-4 input:focus {
border-color: #597f0a;
box-shadow: 0 0 5px #597f0a, inset 0 0 0 #000000;
outline: none;
-webkit-box-shadow: 0 0 5px #597f0a, inset 0 0 0 #000000;
}
.contacts_form_block form label {
font: 0.833rem/1.1rem 'Droid Sans', 'Arial';
color: #606060;
}
.contacts_form_block form label input {
display: inline-block;
position: relative;
}
.contacts_form_block .checkbox-inline{
text-align: right;
display: block;
}
.contacts_form_block .checkbox-inline label {
display: inline-block;
margin-top: 7px;
margin-right: 20px;
}
.checkbox-inline input[type=checkbox] {
margin: 0;
position: relative;
vertical-align: middle;
margin-left: 5px;
}
/* FOOTER STYLES START */
.footer {
border-top: 1px solid #000;
}
.footer_navigation {
padding-top: 20px;
}
.footer_navigation p {
margin: 0;
}
.footer_navigation a {
color: #000;
font: 1.0625rem/1.4rem 'Ubuntu';
}
.footer_navigation a:hover {
color:#ff5500;
text-decoration: none;
}
.footer_navigation .footer_nav_title {
font-weight: bold;
margin: 0;
}
.footer_navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer_navigation .accordion-toggle {
display: none;
}
.footer_phones {
color: #545454;
padding: 0;
text-align: right;
font-family: 'Ubuntu';
}
.footer_phones .main_phone {
margin: 0;
font: 2.19rem 'Droid Sans', sans-serif;
padding: 0;
}
.footer_phones .text {
margin: 0;
padding: 10px 0;
font: 1.25rem/1.25rem 'Ubuntu';
}
.footer_phones .phones , .footer_phones p {
padding: 0;
margin: 0;
padding: 10px 0;
padding-bottom: 15px;
font: 1.08rem/1.5rem 'Ubuntu';
}
.footer .footer_bottom{
margin-top: 20px;
padding: 0;
border-top: 1px solid #000;
position: relative;
}
.footer .footer_bottom div {
padding: 20px 0;
font: 0.625rem/1.25rem 'Ubuntu';
color: #545454;
}
.footer .footer_bottom div img {
display: inline-block;
margin-top: 3px;
}
.footer .footer_bottom .adress {
text-align: right;
}
.footer .footer_bottom .footer_bottom_wrapper {
padding: 0;
}
.footer .footer_bottom .social img {
padding: 0;
opacity: 0.8;
}
.footer .footer_bottom .social img:hover {
opacity: 1;
}
.footer .footer_bottom .adress, .footer .footer_bottom .payment_systems, .footer .footer_bottom .copyright, .footer .footer_bottom .social {
}
.footer .footer_bottom .social {
text-align: right;
}
.footer .footer_bottom .payment_systems {
padding-top: 22px;
}
/* FOOTER STYLES END */
/* modal styles start */
.modal-dialog {
width: 512px;
}
.modal-content form.formResponsive input {
width: 200px;
border-radius: 0;
font: 0.8125rem/1.0625rem 'Droid Sans', sans-serif;
color: #000;
height: auto;
}
.modal-content form.formResponsive label {
font: 0.8125rem/1.0625rem 'Droid Sans', sans-serif;
color: #000;
}
.modal-content form.formResponsive .form-group {
margin:0;
padding-bottom: 9px;
}
.modal-content {
padding: 20px;
}
.modal .modal-header, .modal .modal-body {
padding: 0;
border: none;
}
.modal .close {
font: 2.5rem/1.4rem 'Droid Sans';
position: absolute;
top: 15px;
right: 15px;
}
.modal-header h4 {
font: 1.9375rem/1.9375rem 'Arial';
color: #000;
padding-bottom: 15px;
padding-right: 30px;
}
.modal-body p {
font: 0.8125rem/1.0625rem 'Droid Sans', sans-serif;
padding: 15px 0 9px 0;
margin: 0;
}
.modal_wrapper {
padding: 5px;
background: transparent;
border-radius: 6px;
border: 1px solid #333;
}
.modal-body form {
width: 200px;
margin: 0 auto;
}
.modal_thx_msg {
font: bold 1rem/1.2rem 'Arial';
color: #606060;
padding: 30px 0 50px 20px;
}
.js_error {
font: bold 1rem/1.2rem 'Arial';
color: #ff0000;
padding: 30px 0 50px 20px;
}
.order_sent, .login_btn, form.formResponsive #sendBtn {
width: 100%;
background: #f50;
color: #fff;
font: 0.875rem/0.7rem 'Arial';
text-transform: uppercase;
padding: 10px 0;
border-radius: 5px;
border: none;
}
.login_btn {
width: 220px;
margin-top: 10px;
}
.order_sent:hover , .login_btn:hover, form.formResponsive #sendBtn:hover {
color: #fff;
background: #858585;
border: none;
}
.order_sent:focus , .login_btn:focus {
background: #f50;
outline: none;
border: none;
}
.modal-footer {
padding-bottom: 0;
padding-right: 0;
}
#back-top {
position: fixed;
bottom: 90px;
right: 20px;
z-index: 99;
}
#back-top a {
width: 51px;
height: 51px;
display: block;
margin-bottom: 7px;
background: url('http://www.octopustelecom.co.uk/templates/theme1719/images/up-arrow.png') no-repeat center center;
/* opacity: 1; */
}
#back-top a:hover {
opacity: 0.5;
}
.right-side_info form .partners_form input.rsform-submit-button {
width: 220px;
height: 40px;
background: #ff5500;
border-radius: 8px;
padding: 0;
font: 1.2rem/1.2rem 'Ubuntu';
text-transform: uppercase;
color: #fff;
text-decoration: none;
margin-top: 10px;
}
.right-side_info form .partners_form input.rsform-submit-button:focus {
outline: none;
}
.right-side_info form .partners_form input.rsform-submit-button:hover {
background: #858585;
outline: none;
}
.right-side_info form .form_table td:nth-child(odd) {
text-align: right;
padding: 7px 5px 3px 5px;
}
.right-side_info form .form_table, .article form .form_table td {
border: none
}
.right-side_info .form_line {
padding: 5px 0;
}
.right-side_info .form_line input {
padding: 0 6px;
}
.right-side_info .form_line label {
text-align: right;
font-weight: 400;
float: right;
}
/* modal styles end */
@media all and (max-width: 1180px) and (min-width: 970px) {
.container {
width: 970px;
}
.my_order .line div p, .my_order .line div a {
word-wrap: break-word;
}
form .account.article.invoices .line div {
padding-left: 1px;
padding-right: 1px;
}
table.nbill_summary_table {
margin-left: -330px;
}
}
@media all and (max-width: 969px) and (min-width: 768px) {
form .account.article .line.row .profile_helper {
position: absolute;
padding: 0;
}
table.nbill_summary_table {
margin-left: -310px;
}
.container {
width: 740px;
margin-right: auto;
margin-left: auto;
}
.content_wrapper {
100%;
margin: 0 auto;
}
.navbar_wrapper {
clear: both;
}
.header {
padding-bottom: 20px;
}
.header .col-md-3 {
float: left;
}
.header .top_header_navigation {
padding-right: 30px;
}
.navbar_wrapper .navbar-right {
float: left;
padding-top: 10px;
padding-left: 15px;
}
.offer .offer_title {
font: 1rem/1em 'Ubuntu', sans-serif;
}
.offer:nth-child(2) {
margin-right: 12px;
margin-left: 12px;
}
.footer_navigation {
padding-bottom: 20px;
}
.footer_navigation::after {
content: "";
clear: both;
display: table;
}
.offer p {
height: 32px;
overflow: hidden;
}
.footer_bottom {
clear: both;
}
.footer_bottom .payment_systems, .footer_bottom .social {
position: absolute;
top: 60px;
}
.footer_bottom .payment_systems {
left: 0;
}
.footer_bottom .social {
right: 0;
}
.order_btn {
margin-bottom: 20px;
}
.contacts_form_block .form-group.col-md-4.cols-sm-4 {
display: block;
}
.contacts_form_block {
position: relative;
}
.contacts_form_block .rsform-submit-button {
position: absolute;
/* top: 40px; */
right: 0;
margin-right: 0;
margin-top: 40px;
}
.contacts_form_block form {
margin-bottom: 50px;
}
.article img {
float: none;
margin: 0 auto;
display: block;
}
.device_pic {
float: none;
padding-bottom: 10px;
}
.device_pic img {
margin: 0 auto;
display: block;
}
.right_side_wrapper .callback_right_side p {
font: 0.8rem/0.8rem 'Ubuntu';
}
.right_side_wrapper .callback_right_side p.hover_item {
font: bold 0.8rem/0.8rem 'Ubuntu';
}
.login_page form {
padding-left: 0;
margin: 0 auto;
}
.login_page .login_terms {
max-width: 100%;
}
.login_helper {
padding-left: 0;
text-align: center;
}
.invoices .line.header_line div p, .invoices .line div p , .invoices .line div a {
word-wrap: break-word;
}
.invoices .line div {
padding-left: 1px;
padding-right: 1px;
}
.invoices_filds #dosearch {
margin-top: 20px;
margin-left: 46px;
}
.contacts_form_block .checkbox-inline label {
margin-right: 0;
}
#order_form .row div.nbill_label.col-md-4.col-sm-5.col-xs-12 {
padding-bottom: 15px;
}
.article form .partners_form input, .article form .partners_form select {
width: 100%;
}
.article form .partners_form input.rsform-submit-button {
width: 100%;
}
}
@media all and (max-width: 767px) and (min-width: 100px) {
form .account.article .line.row .profile_helper {
display: none;
left: -9999px;
}
table.nbill_summary_table {
margin-left: -100%;
}
.right_side_wrapper {
display: none;
}
.container {
width: 100%;
}
.top_header_navigation ::after {
content: "";
clear: both;
display: table;
}
.container .navbar-header {
background: transparent;
margin: 0;
}
.col-md-3 img {
display: block;
margin: 0 auto;
}
.contacts_wrapper adress::before {
left: 36px;
}
#contacts_page a.accordion_header {
display: block;
color: #fff;
background: #f50;
text-transform: uppercase;
padding: 10px 15px;
margin-bottom: 10px;
text-decoration: none;
position: relative;
}
#contacts_page .accordion_inner.accordion-body {
padding: 0 20px;
}
#contacts_page .glyphicon.glyphicon-chevron-down {
position: absolute;
right: 20px;
top: 14px;
}
.contacts_form_block .checkbox-inline label {
margin-right: 0;
}
#contacts_page form {
position: relative;
padding-bottom: 40px;
}
.contacts_form_block .rsform-submit-button {
position: absolute;
right: 0;
margin-top: 40px;
}
.contacts_wrapper {
float: none;
width: 100%;
padding-bottom: 0;
}
.contacts_wrapper.col-md-3 .phones img {
display: inline-block;
}
.header {
padding-bottom: 0px;
}
.header .navbar-toggle{
margin: 0;
}
.header .navbar_wrapper {
position: absolute;
top: 0px;
margin-left: 0;
}
.header .top_header_navigation {
padding-top: 20px;
display: block;
padding-left: 0;
padding-right: 0;
}
.header {
padding-top: 0;
}
.header .navbar-toggle.collapsed {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.header .navbar-toggle {
border:0;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.header .top_header_navigation ul {
padding: 0;
text-align: center;
}
.header .top_header_navigation ul li {
padding-bottom: 10px;
display: inline-block;
float: none;
}
.container .navbar-header .navbar-toggle {
background: #f50;
border-color: #fff;
float: left;
}
.navbar-toggle .icon-bar {
background: #fff;
}
.container .navbar-collapse {
width: 100%;
}
.container .navbar-collapse, .container .navbar-collapse ul {
margin: 0;
}
.navbar-nav a::before {
border: 0;
}
.navbar-right .navbar-nav li {
border-top: 1px solid #ccc;
}
.navbar-right .navbar-nav li:first-child {
border-top: none;
}
.navbar-right .navbar-nav li a {
padding-left: 5%;
}
.navbar-right .navbar-nav li .dropdown li {
border-top: 1px solid #ccc;
}
.navbar-right .navbar-nav .dropdown {
position: relative;
display: block;
padding-top: 0;
z-index: 8;
}
.navbar-right .navbar-nav .nav_item.item_with_drop ul.dropdown li a {
background: #F50;
text-transform: uppercase;
color: #fff;
font: 1rem/1rem 'Ubuntu';
padding: 15px 6px 15px 10%;
margin: 0;
text-align: left;
position: relative;
z-index: 10;
border: none;
}
.navbar-right .navbar-nav .dropdown li a::before {
content: "-";
color: #fff;
font: 1rem/1rem 'Ubuntu';
top: 30%;
left: 8%;
}
.navbar-collapse .navbar-nav a::before {
border: none;
}
.navbar-right .navbar-nav .nav_item.item_with_drop ul.dropdown li a:hover {
background: #808080;
color: #F6F6F6;
}
.navbar_wrapper {
width: 97%;
margin: 0 auto;
}
.content_wrapper .carousel_container {
display: none;
}
.offers_wrapper {
margin: 0;
padding: 0 10px;
}
.offers_container {
margin-top: 0;
}
.offers_container .offer {
float: none;
display: block;
margin: 0;
margin-bottom: 20px;
width: 100%;
}
.offers_container .offer .offer_inner img {
width: 100%;
}
.offer p {
height: 32px;
overflow: hidden;
}
.offer .offer_title {
color: #5e5c5b;
font: 1.5rem/1.5rem 'Ubuntu', sans-serif;
text-align: center;
text-transform: uppercase;
}
.info_btn {
padding: 18px 20px;
font-weight: bold;
}
.articles_wrapper, .login_page {
width: 100%;
padding: 0 15px;
}
.accordion-group p {
display: inline-block;
}
.article_page_container .article_page_title_wrapper {
padding-left: 20px;
padding-top: 0;
}
.article img {
float: none;
margin: 0 auto;
display: block;
}
.device_pic {
float: none;
padding-bottom: 10px;
}
.device_pic img {
margin: 0 auto;
display: block;
}
.news_wrapper .article img {
max-width: 300px;
}
.news_wrapper .article img {
float: none;
margin: 0;
margin: 20px auto;
}
.pagination {
float: none;
width: 237px;
margin: 0 auto;
display: block;
}
.pagination_wrapper {
padding-bottom: 20px;
}
.header_line {
display: none;
}
.invoices .line div.col-xs-6.invoice_title p {
font-weight: bold;
text-align: left;
}
.invoices .line div p {
text-align: left;
margin-top: 0;
}
.invoices .line div a {
display: inline;
text-align: left;
}
.invoices .line div img {
display: inline;
margin: 0;
}
.invoices .line div a.inv_pay_btn {
display: inline-block;
}
.invoices .line div {
text-align: left;
}
.clear_left {
clear: left;
}
.line.row {
padding-bottom: 15px;
margin-bottom: 15px;
}
.line .col-xs-6:after {
content: "";
box-sizing: border-box;
clear: both;
display: table;
height: 0px;
width: 1px;
}
.col-md-8.col-sm-8.login_page.remind_page input, .col-md-8.col-sm-8.login_page.remind_page button {
display: block;
margin: 0 auto;
margin-top: 10px;
}
.remind_page .control-label, .remind_page .form-horizontal .control-label {
text-align: center;
margin-top: 15px;
}
.login_page.register_page .control-label {
text-align: center;
margin-top: 15px;
}
.login_page.register_page form .form-actions {
text-align: center;
padding-top: 30px;
}
.login_page.register_page form .form-actions button, .login_page.register_page form .form-actions a {
display: inline-block;
}
.login_page.register_page .controls input {
display: block;
margin: 0 auto;
margin-top: 10px;
}
.line .col-md-8 .checkbox-inline, .line .col-md-8 .radio-inline {
text-align: left;
}
.account.article #lbl_choose_language .nbill_label {
width: auto;
}
.my_order .line .col-md-1.col-sm-1.col-xs-6 {
min-height: 25px;
}
.new a {
display: block;
text-align: right;
}
.login_page form {
padding-left: 0;
margin: 0 auto;
}
.login_page .login_terms {
max-width: 100%;
}
.login_helper {
padding-left: 0;
text-align: center;
}
.line .col-md-8, .line .col-md-4 {
text-align: center;
}
.line .col-md-8 {
width: 100%;
}
.line p {
margin-bottom: 0px;
margin-top: 15px;
}
.article .partners_form .form_line label {
text-align: center;
float: none;
}
.article .partners_form .form_line .col-md-6.col-sm-6.col-xs-12 {
text-align: center;
}
.article .partners_form .form_line .col-md-6.col-sm-6.col-xs-12 select {
margin-top: 20px;
}
form .account.article .line input, form .account.article .line select {
margin: 0 auto;
width: 300px;
width: 100%;
}
form.account.article .line.row {
border-bottom: 1px solid #ccc;
}
.invoices_filds div.line_breaker {
display: block;
padding-bottom: 10px;
}
.invoices_filds div button {
margin-bottom: 10px;
}
.invoices_filds input#dosearch {
margin: 0 0 10px 45px;
}
.invoices_filds .action_selector {
padding-left: 34px;
}
.invoices_filds input.button.btn {
margin-bottom: 2px;
}
.action_selector {
text-align: left;
padding-left: 31px;
}
.invoices_filds .date_selector button {
margin-left: 46px;
display: block;
/*
position: absolute; */
}
/* .action_selector {
padding-left:
} */
.breadcrumb {
padding-left: 0;
}
.footer_navigation {
padding-bottom: 20px;
display: block;
}
.footer_navigation .accordion-group p {
text-align: left;
}
.footer_navigation .accordion-toggle {
display: inline-block;
text-align: right;
}
.footer_navigation .accordion-toggle .glyphicon {
top: 4px;
text-align: right;
}
.footer_navigation .accordion-group {
padding-bottom: 10px;
width: 290px;
margin: 0 auto;
}
.footer_navigation .accordion-group p a {
color: #fff;
background: #F50;
padding: 10px 15px;
width: 200px;
display: block;
}
.footer_navigation .accordion-group ul {
width: 245px;
}
.footer_navigation .footer_nav_title:hover {
background: #858585;
}
.footer_navigation .accordion .accordion-group .accordion-toggle:hover {
background: #858585;
}
.footer_navigation .accordion-group ul li a {
display: block;
border-top: 1px solid #ccc;
padding: 10px 5px 10px 10px;
background: #fff;
}
.footer_navigation .accordion-group .accordion-toggle {
background: #F50;
color: #fff;
height: 100%;
padding: 10px 15px;
left: -2px;
position: relative;
}
#footer_menu .accordion-group .footer_nav_title :hover {
background: #858585;
}
.accordion-group p a :hover {
background: #858585;
}
.footer_navigation .accordion-group p {
min-width: 30%;
}
.footer_bottom div.col-md-3 {
padding-left: 20px;
}
.footer_bottom .col-md-3 img {
margin: 0;
}
.footer_phones {
text-align: center;
}
.footer .footer_bottom div {
padding: 20px;
}
.footer .footer_bottom .adress {
text-align: left;
padding-left: 20px;
}
.footer .footer_bottom .footer_bottom_wrapper {
width: 320px;
margin: 0 auto;
position: relative;
padding-top: 20px;
}
.footer_bottom .payment_systems {
top: 190px;
}
.footer_bottom .social {
top: 140px;
}
.footer .footer_bottom .payment_systems, .footer .footer_bottom .social {
position: absolute;
left: 20px;
width: 300px;
text-align: center;
}
.footer_bottom .footer_bottom_wrapper .copyright {
padding: 0;
padding-left: 20px;
padding-right: 20px;
}
.modal-dialog {
width: 90%;
margin: 0 auto;
min-width: 252px;
}
#order_form .row div.nbill_label.col-md-4.col-sm-5.col-xs-12 {
padding-bottom: 15px;
}
}
@media only handheld {
.invoices .line div a.inv_pay_btn {
padding: 6px 12px;
background: #f50;
color: #fff;
display: inline-block;
vertical-align: middle;
border-radius: 4px;
}
.invoices .line div a.inv_pay_btn:hover {
text-decoration: none;
color: #fff;
background: #606060;
}
}
@media handheld and (min-width: 768px) {
#media_detector {
display: none;
}
.navbar-right .navbar-nav .item_with_drop a {
display: inline-block;
}
.navbar-right .navbar-nav .item_with_drop .navbar_drop {
padding: 0;
}
.navbar-right .navbar-nav .item_with_drop .navbar_drop::before {
border: 0;
}
.navbar-right .navbar-nav li .navbar_drop {
padding: 0;
top: 3px;
left: -5px;
}
.navbar-right .navbar-nav li .navbar_drop i {
top: 0;
}
.navbar-right .navbar-nav li .navbar_drop :hover {
background: #f50;
color: #808080;
border: none;
outline: none;
}
.navbar-right .navbar-nav li .navbar_drop :hover i {
background: #f50;
color: #808080;
border: none;
outline: none;
}
.navbar_drop i {
display: inline-block;
height: 100%;
}
}
.borman_table td{
border: 0px !important;
}
/*
Element: order window
*/
div.overlay {
position: fixed;
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
}
div.window_order {
position: absolute;
z-index: 100;
padding: 4px;
background: rgba(0,0,0,0.2);
border: 1px solid #3b3b3b;
border-color: rgba(0,0,0,0.6);
border-radius: 5px;
-webkit-border-radius: 5px;
}
div.window_order > div {
position: relative;
padding: 18px;
background: #fff;
border: inherit;
border-radius: inherit;
-webkit-border-radius: inherit;
}
div.window_order > div a.close {
float: none;
line-height: normal;
font-weight: normal;
text-shadow: none;
opacity: 1;
filter: none;
}
div.window_order > div > a.close {
position: absolute;
top: 5px;
right: 11px;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ccc;
}
div.window_order > div > a.close:hover {
color: #aaa;
}
div.window_order > div span.header {
display: block;
margin-bottom: 6px;
padding: 0;
font-size: 26px;
color: #000;
}
div.window_order > div span.header.center {
text-align: center;
}
div.window_order > div > div.wrap {
min-width: 390px;
}
div.window_order > div > div.controls {
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid #e8e8e8;
text-align: right;
}
div.window_order > div > div.controls > a {
padding: 6px 10px;
background: #fff;
color: #434343;
font-size: 14px;
border: 1px solid #e6e6e6;
border-radius: 3px;
-webkit-border-radius: 3px;
}
div.window_order > div > div.controls > a:hover {
background: #f8f8f8;
}
div.window_order > div > div.wrap > form {
margin: 0 auto;
width: 170px;
}
div.window_order > div > div.wrap > form > ul {
margin: 0;
padding: 0;
list-style: none;
}
div.window_order > div > div.wrap > form > ul > li {
margin-top: 8px;
}
div.window_order > div > div.wrap > form > ul > li:first-child {
margin-top: 0;
}
div.window_order > div > div.wrap > form > ul > li input,
div.window_order > div > div.wrap > form > ul > li button {
width: 170px;
}
div.window_order > div > div.wrap > form > ul > li button {
line-height: 27px;
background: #ff5500;
color: #fff;
font-size: 12px;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
}
div.window_order > div > div.wrap > form > ul > li button:hover {
background: #858585;
}
div.window_order > div > div.wrap > form > ul > li span {
display: block;
font-size: 12px;
color: #000;
}
div.window_order > div > div.wrap > form > ul > li span.tip {
color: #838c93;
}