/**************** 15-9-2014 *******************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900);

/*
font-family: 'Montserrat', sans-serif;
light 300
regular 400
medium 500
semi-bold 600
bold 700
extra-bold 800
black 900
*/

body{ padding:0; margin:0; font-size:12px; color:#000; font-family: 'Montserrat', sans-serif;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
a:hover, a:focus, select:focus, button:focus { outline:none; text-decoration:none; box-shadow:none !important;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button{ outline:none !important; box-shadow:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}

.container{ width:96%; max-width:1140px; margin:0 auto; padding:0;}

/***********  Top Part  ************/

header{ width:100%; float:left; margin:0px; padding:0px;}
.top_part{ width:100%; min-height:100px; float:left; padding:0; margin:0; box-shadow:0 0 15px rgba(0,0,0,0.1); position:relative; z-index:888;}
.top_part .navbar{ padding:0;}
.top_part .navbar-light .navbar-brand{ padding:0;}
.top_part .navbar-nav li{ margin:0 25px}
.top_part .navbar-nav .nav-link{ padding:31px 0 40px 0; font-size:15px; color:#848484; text-transform:uppercase; border-top:4px solid transparent; font-weight:500;}
.top_part .navbar-light .navbar-nav .nav-link:hover, .top_part .navbar-light .navbar-nav .nav-link:focus{ color:#b5121b; border-color:#b5121b;}
.top_part .navbar-light .navbar-nav .show > .nav-link, .top_part .navbar-light .navbar-nav .active > .nav-link, .top_part .navbar-light .navbar-nav .nav-link.show, .top_part .navbar-light .navbar-nav .nav-link.active{ color:#b5121b; border-color:#b5121b;}
.top_part .navbar-nav .login_link{ margin-left:0;}
.top_part .navbar-nav .login_link .nav-link{ padding:0 24px; margin:20px 0 0 0; font-size:16px; color:#b5121b; line-height:55px; border:1px solid #b5121b; border-radius:8px;}
.top_part .navbar-nav .login_link .nav-link:hover{ color:#fff; background:#b5121b;}
.navbar-nav .dropdown-menu{ top:80%;}
.top_part .dropdown-item{ font-size:15px; font-weight:300;}
.top_part .dropdown-item:hover, .top_part .dropdown-item:focus{ color:#fff; background:#b5121b;}

/********** Right Info *********/
.top_right{ padding:0; margin:0;}
.country_btn{ display:inline-block;}
.country_btn .btn{ padding:17px 24px; font-size:15px; color:#414141; text-transform:uppercase; border-color:#a0a0a0; border-radius:8px; background:none; font-weight:500;}
.country_btn .btn i{ margin:0 5px 0 0;}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active{ color:#fff; background:#b5121b; border-color:#b5121b;}

/*********** Search ***********/
.search_info{ padding:0; margin:0 0 0 15px; display:inline-block;}
.search_info .search_icon{ padding:20px 5px; margin:0; font-size:22px; color:#7f7f7f; border:none; background:none;}
.search_info .dropdown-toggle::after{ display:none;}
.search_info .btn-group > .btn:focus, .search_info .btn-group > .btn:active, .search_info .btn-group > .btn.active, .search_info .btn-group-vertical > .btn:focus, .search_info .btn-group-vertical > .btn:active, .search_info .btn-group-vertical > .btn.active{ color:#b5121b; background:none;}
.search_info .dropdown-menu{ left:auto; right:0; border:none; padding:10px; min-width:220px;}
.search_info .form-control{ border-color:#b5121b;}
.search_info .search_btn{ border-color:#b5121b; background:#b5121b; color:#fff;}
.search_info .search_btn:hover, .search_info .search_btn:focus{ background:#b5121b; color:#fff;}

/***********  Section Part  ************/
section{ width:100%; float:left; margin:0px; padding:0px;}

/********** Home Banner *************/
.home_banner{ width:100%; float:left; padding:230px 0 30px 0; margin:0; background:url(../images/home_banner.jpg) no-repeat center top; background-size:cover;}
.banner_cap{ width:100%; float:left; padding:0; margin:0;}
.banner_cap .inner{ width:100%; max-width:500px; float:left; padding:0; margin:0;}
.banner_cap h1{ padding:0; margin:0; font-size:74px; color:#ffffff; font-weight:700;}
.banner_cap h2{ padding:0; margin:0 0 15px 0; font-size:40px; color:#ffffff; font-weight:500;}
.banner_cap p{ padding:0; margin:0 0 30px 0; font-size:20px; color:#ffffff; line-height:32px; font-weight:300;}
.banner_cap .price_btn{ min-width:180px; padding:0 10px; margin:0; font-size:16px; color:#ffffff; text-transform:uppercase; line-height:55px; display:inline-block; text-align:center; font-weight:500; border-radius:10px; background:#b5121b;}
.banner_cap .price_btn i{ margin:0 0 0 5px; font-size:20px;}
.banner_cap .price_btn:hover{ color:#0c0001; background:#fff;}

/************** Solution Info **************/
.solution_info{ width:100%; float:left; padding:150px 20px 0 20px; margin:0;}
.solution_info .row{ margin:0 -10px;}
.solution_info [class*="col-"]{ padding:0 10px;}
.solution_info h2{ padding:0; margin:0 0 30px 0; font-size:25px; color:#ffffff; font-weight:500; text-align:center;}
.solution_info .block{ width:100%; min-height:240px; float:left; padding:30px 20px; margin:0 0 20px 0; border-radius:10px; background:#292528 url(../images/solution_bg_1.png) no-repeat right top; position:relative; overflow:hidden; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.solution_info .block figure{ width:100%; float:left; padding:0; margin:0 0 10px 0;}
.solution_info .block h3{ padding:0; margin:0 0 10px 0; font-size:21px; color:#ffffff; font-weight:500;}
.solution_info .block p{ padding:0; margin:0; font-size:15px; color:#ffffff;}
.solution_info .more_link{ width:51px; height:51px; float:right; position:absolute; right:0; bottom:0; background:url(../images/solution_more.png) no-repeat left top;}
.solution_info .block:hover{ background-color:#b5121b;}
.solution_info .block:hover .more_link{ background:url(../images/solution_more_h.png) no-repeat left top;}

/********** Price Sec **********/
.price_sec{ width:100%; float:left; padding:55px 0 100px 0; margin:0; background:url(../images/pricing_bg.png) no-repeat center top;}
.price_sec .row{ margin:0 -10px;}
.price_sec [class*="col-"]{ padding:0 10px;}
.global_title{ padding:0 0 13px 0; margin:0 0 40px 0; font-size:40px; color:#1b2125; font-weight:600; text-align:center; position:relative;}
.global_title:after{ content:""; width:64px; height:3px; margin:0 0 0 -32px; background:#b5121b; position:absolute; left:50%; bottom:0;}
.global_title i{ width:86px; height:74px; padding:23px 0 0 0; margin:0 auto 30px auto; display:block; background:url(../images/title_icon_bg.png) no-repeat center center;}

.price_sec .block{ width:100%; min-height:100px; float:left; padding:40px 0 30px 0; margin:17px 0 30px 0; background:#ffffff; text-align:center; border:1px solid #eaeced; border-radius:8px; box-shadow:0 0 10px rgba(80,80,80,0.1); position:relative; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.price_sec .block h3{ min-height:53px; padding:0 10px; margin:0 0 5px 0; font-size:22px; color:#212324; font-weight:500; letter-spacing:0.2px;}
.price_sec .price{ padding:16px 10px; margin:0; background:#b5121b; font-size:46px; color:#ffffff; font-weight:600; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.price_sec .price sub{ font-size:16px; font-weight:300; bottom:0;}
.price_sec .details{ width:100%; float:left; padding:0 25px 25px 25px; margin:0;}
.price_sec .list_info{ padding:0; margin:0; text-align:left;}
.price_sec .list_info li{ width:100%; float:left; padding:14px 0; margin:0; font-size:14px; color:#6f6f6f; border-bottom:1px solid rgba(0,0,0,0.1);}
.price_sec .list_info li span{ width:45%; float:left; margin:5px 0;}
.price_sec .list_info li span.right{ width:55%; text-align:right; color:#1b2831;}
.price_sec .order_btn{ min-width:170px; padding:0 10px; margin:0; font-size:16px; color:#ffffff; text-transform:uppercase; line-height:55px; display:inline-block; text-align:center; font-weight:500; border-radius:10px; background:#b5121b; box-shadow:0 0 10px rgba(30,144,220,0.4);}
.price_sec .order_btn i{ margin:0 0 0 5px; font-size:20px;}
.price_sec .popular{ width:100%; float:left; padding:0; margin:-17px 0 0 0; position:absolute; left:0; top:0;}
.price_sec .block:hover, .price_sec .block.select{ position:relative; background:#b5121b; box-shadow:0 0 30px rgba(30,144,220,0.4);} 
.price_sec .block:hover h3, .price_sec .block.select h3{ color:#fff;} 
.price_sec .block:hover .price, .price_sec .block.select .price{ background:#720208;}
.price_sec .block:hover .list_info li, .price_sec .block.select .list_info li{ color:rgba(255,255,255,0.8); border-bottom:1px solid rgba(255,255,255,0.2);}
.price_sec .block:hover .list_info li span.right, .price_sec .block.select .list_info li span.right{ color:#fff;}
.price_sec .block:hover .order_btn, .price_sec .block.select .order_btn{ color:#fff; background:#342e33;}

/************ Why Sec ***********/
.why_sec{ width:100%; float:left; padding:55px 0 100px 0; margin:0; background:#f7f7f7 url(../images/why_bg.jpg) no-repeat center top;}
.why_sec .block{ width:100%; min-height:440px; float:left; padding:0 30px 20px 30px; margin:69px 0 30px 0; text-align:center; background:#fff; border-radius:7px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.why_sec .block .curve{ width:100%; max-width:221px; height:69px; padding:0; margin:-69px auto 0 auto; display:block; clear:both; background:url(../images/why_block_bg.png) no-repeat center center;}
.why_sec .block figure{ width:100%; min-height:175px; float:left; padding:0; margin:0 0 10px 0; background: url(../images/why_icon_1.png) no-repeat center center;}
.why_sec .block h3{ padding:0; margin:0 0 15px 0; font-size:21px; color:#1b2125; font-weight:500; line-height:30px; clear:both; min-height:60px;}
.why_sec .block p{ padding:0; margin:0; font-size:16px; color:#585858; line-height:26px; font-weight:300;}

.why_sec .block:hover{ background:#b5121b;}
.why_sec .block:hover .curve{ background:url(../images/why_block_bg_h.png) no-repeat center center;}
.why_sec .block:hover figure{ background: url(../images/why_icon_1_h.png) no-repeat center center;}
.why_sec .block:hover h3{ color:#fff;}
.why_sec .block:hover p{ color:#fff;}
.why_sec .block.block_2 figure{ background: url(../images/why_icon_2.png) no-repeat center center;}
.why_sec .block.block_2:hover figure{ background: url(../images/why_icon_2_h.png) no-repeat center center;}
.why_sec .block.block_3 figure{ background: url(../images/why_icon_3.png) no-repeat center center;}
.why_sec .block.block_3:hover figure{ background: url(../images/why_icon_3_h.png) no-repeat center center;}
.why_sec .block.block_4 figure{ background: url(../images/why_icon_4.png) no-repeat center center;}
.why_sec .block.block_4:hover figure{ background: url(../images/why_icon_4_h.png) no-repeat center center;}
.why_sec .block.block_5 figure{ background: url(../images/why_icon_5.png) no-repeat center center;}
.why_sec .block.block_5:hover figure{ background: url(../images/why_icon_5_h.png) no-repeat center center;}
.why_sec .block.block_6 figure{ background: url(../images/why_icon_6.png) no-repeat center center;}
.why_sec .block.block_6:hover figure{ background: url(../images/why_icon_6_h.png) no-repeat center center;}

/*********** Start Sec ************/
.start_sec{ width:100%; float:left; padding:60px 0 130px 0; margin:0; background:url(../images/start_bg.jpg) no-repeat center center; background-size:cover;}
.start_sec .global_title{ color:#fff;}
.start_sec .global_title:after{ background:rgba(255,255,255,0.5);}
.start_sec .global_title i{ background:url(../images/title_icon_bg_2.png) no-repeat center center;}
.start_sec .demo_form{ width:100%; max-width:620px; padding:0; margin:0 auto; display:block; clear:both; position:relative;}
.start_sec .demo_form .icon{ font-size:16px; color:#7f7f7f; position:absolute; left:15px; top:20px; z-index:5;}
.start_sec .form-control{ height:55px; padding:0 10px 0 40px; border:none; background:#fff; font-size:15px; color:#737373; border-radius:8px !important; position:relative;}
/*
.start_sec .btn{ padding:0 26px; border:none; background:#292528; font-size:16px; color:#fff; font-weight:600; text-transform:uppercase; margin:0 0 0 13px !important; border-radius:8px !important; box-shadow:0 0 10px rgba(55,55,55,0.4) !important;}
.start_sec .btn i{ font-size:20px; margin:0 0 0 5px;}
.start_sec .btn:hover, .start_sec .btn:focus{ background:#fff; color:#292528;}
*/
/***********  Footer Part  ************/
footer{ width:100%; float:left; margin:0px; padding:0px;}
.footer_detail{ width:100%; float:left; padding:50px 0; margin:0; background:#fff url(../images/footer_bg.png) no-repeat center center;}
.footer_logo{ width:80%; float:left; padding:0; margin:25px 0 30px 0;}
.footer_detail p{ padding:0; margin:0; font-size:16px; color:#505050; line-height:28px; font-weight:300;}
.footer_detail h3{ padding:0 0 12px 0; margin:25px 0 20px 0; font-size:19px; color:#2e353a; font-weight:600; position:relative;}
.footer_detail h3:after{ content:""; width:38px; height:1px; background:#cdcdcd; position:absolute; left:0; bottom:0;}
ul.footer_link{ padding:0; margin:0;}
ul.footer_link li{ padding:0; margin:0 0 18px 0; font-size:16px; color:#505050; font-weight:300;}
ul.footer_link li a{ color:#505050;}
ul.footer_link li a:hover{ color:#b5121b;}

ul.social_info{ padding:0; margin:25px 0 10px 0;}
ul.social_info li{ padding:0; margin:0; display:inline-block;}
ul.social_info li a i{ width:36px; height:36px; padding:0; margin:0 3px 10px 0; font-size:17px; color:#8e8f92; text-align:center; line-height:36px; display:inline-block; background:#edeff3; border-radius:50%;}
ul.social_info li a:hover i{ color:#fff; background:#b5121b;}

.footer__menu{ width: 33.33%; padding-left: 20px;}
.footer__social{ width: 33.3%;}
a.footer__phone{ font-weight: bold; color: #b5121b; text-decoration: none;transition: ease;}
a.footer__phone:hover{ text-decoration: underline; color: #b5121b;}

.add_block{ width:100%; float:left; padding:0 0 0 25px; margin:0 0 25px 0; position:relative;}
.add_block i{ padding:0; margin:0; font-size:20px; color:#8f9199; position:absolute; left:0; top:0;}
.add_block i.fa-envelope{ font-size:18px;}
.add_block h4{ padding:0; margin:0; font-size:14px; color:#a5a5a5; font-weight:600;}
.add_block p{ padding:0; margin:0; font-size:16px; color:#505050;}
.add_block p strong{ font-weight:700;}
.add_block p a{ color:#b5121b; font-weight: bold;}
.add_block p a:hover{ color:#b5121b; text-decoration:underline;}

.payment__methods{ width: 100%; display: flex; flex-direction: row; flex-wrap:wrap; justify-content: space-around;}
.payment-icon{ width: 10%;}

.copyright{ width:100%; float:left; padding:50px 0 0 0; margin:0; font-size:16px; color:#505050; font-weight:300; text-align:center; border-top:1px solid #e5e5e5;}
.copyright strong{ color:#b5121b; font-weight:600;}
.copyright a{ color:#505050;}
.copyright a:hover{ color:#b5121b;}

@media screen and (max-width:767px){
.footer__menu{ width: 50%; justify-content: center; align-items: center; display: flex; flex-direction: column;}
.footer__social{ width: 100%;}
ul.social_info{ display: flex; justify-content: center;}
.footer__vat {text-align: center; display: flex; flex-direction: column;}
.payment-icon{ width: 25%;}
.footer_detail p{ text-align: center;}
}


/*-------Top----------*/
#return-to-top { position: fixed; bottom:70px; right: 20px; background:url(../images/scroll_top_bg.png) no-repeat center center; width:86px; height:74px; display: block; text-decoration: none; text-align:center; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999; }
#return-to-top i { color: #fff; margin: 0; position: relative; left:0; top:35px; font-size:28px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top:hover i { color: #fff; top:30px;}

/************** Service Page ***************/
.inner_details{ width:100%; float:left; padding:0; margin:0; background:#f7f7f7; position:relative;}
.inner_details:after{ content:""; width:18%; background:#fff; border-right:1px solid #e6e6e6; position:absolute; left:0; top:0; bottom:0;}
.sidebar_info{ width:18%; float:left; padding:0; margin:0; position:relative; z-index:5; background:#fff; border-right:1px solid #e6e6e6;}
.inn_details{ width:82%; float:right; padding:0; margin:0;}

.sidebar_list{ width:100%; float:left; padding:0; margin:0;}
.sidebar_list h3{ width:100%; float:left; padding:25px 15px; margin:0; font-size:18px; color:#b5121b; font-weight:500; text-transform:uppercase; border-left:3px solid #b3121b; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#ededed;}
.sidebar_list ul{ padding:0; margin:15px 20px; clear:both;}
.sidebar_list ul li{ padding:0; margin:0; font-size:16px; color:#383838; text-transform:uppercase; border-bottom:1px solid #e6e6e6; position:relative; font-weight:300;}
.sidebar_list ul li:last-child{ border-bottom:none;}
.sidebar_list ul li a{ color:#383838; padding:17px 10px 17px 30px; display:block;}
.sidebar_list ul li .icon{ width:21px; height:21px; float:left; padding:0; margin:0; position:absolute; left:0; top:14px;}
.sidebar_list ul li .icon img{  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-backface-visibility: hidden; 
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;}
.sidebar_list ul li a:hover, .sidebar_list ul li a.active{ color:#bd0812;}
.sidebar_list ul li a:hover .icon img, .sidebar_list ul li a.active .icon img{ filter:none; -webkit-filter: grayscale(0%);}
.sidebar_list ul li ul{ margin-top:0;}
.sidebar_list ul li .count{ min-width:18px; min-height:18px; text-align:center; font-size:12px; color:#ffffff; display:inline-block; font-weight:500; border-radius:50%; background:#b5121b; position:relative; top:-2px;}

.inn_panel{ width:100%; float:left; padding:50px 0 80px 0; margin:0;}
.control_sec{ width:100%; float:left; padding:0; margin:0;}
.control_sec h2{ padding:0; margin:0 0 25px 0; font-size:25px; color:#000000; font-weight:500; text-transform:uppercase;}
.control_sec .info_block{ width:100%; float:left; padding:0; margin:0 0 20px 0; border:1px solid #e6e6e6; background:#ffffff; border-radius:8px; overflow:hidden; box-shadow:0 0 12px rgba(137,137,137,0.1);}
.control_sec .info_block h3{ width:100%; float:left; padding:22px 30px; margin:0; font-size:17px; color:#b5121b; text-transform:uppercase; border-bottom:1px solid #e6e6e6; background:#f9f9f9;}
ul.tech_list{ width:100%; float:left; padding:0; margin:30px 0 0 0; text-align:center;}
ul.tech_list li{ width:20%; float:left; padding:0 10px; margin:0 0 25px 0;}
ul.tech_list li h4{ padding:0; margin:0 0 6px 0; font-size:15px; color:#838383;}
ul.tech_list li p{ padding:0; margin:0 0 6px 0; font-size:16px; color:#2e2e2e;}
ul.tech_list li p a{ color:#7f7f7f;}
ul.tech_list li p a:hover{ color:#b5121b;}

/*MANU*/
@media screen and (max-width:1100px){
#vpsDatatable_wrapper{ overflow-x: scroll;}
}
@media screen and (max-width:767px){
#vpsDatatable_paginate{ display: flex; justify-content: center;}
}

.net_block{ width:100%; float:left; padding:0; margin:0; overflow:hidden; background:#fff; box-shadow:0 0 12px rgba(137,137,137,0.1); border-radius:8px;}
.net_block h3{ width:100%; float:left; padding:22px 30px; margin:0; font-size:17px; color:#b5121b; text-transform:uppercase; border:1px solid #e6e6e6; border-bottom:none; background:#f9f9f9; border-radius:8px 8px 0 0;}

.table_info{ width:100%; float:left; padding:0; margin:0; font-size:15px; color:#636363;}
.table_info .table{ margin-bottom:0;}
.table_info .table thead th{ color:#2c2b2b; background:#f2f2f2; border-bottom:1px solid #dee2e6; font-weight:400;}
.table_info .table th, .table_info .table td{ padding:15px 30px;}

/*********** Package Sec ***********/
.package_sec{ width:100%; float:left; padding:0; margin:0;}
.package_title{ width:100%; float:left; padding:16px 20px 6px 20px; margin:0 0 30px 0; background:#b5121b; border-radius:8px;}
.package_title h2{ padding:0; margin:10px 0; font-size:17px; color:#ffffff; text-transform:uppercase; font-weight:600;}
ul.grid_view{ padding:0; margin:0 0 10px 0; text-align:right;}
ul.grid_view li{ padding:0; margin:0 7px; display:inline-block; font-size:28px; color:#fff;}
ul.grid_view li a{ color:#fff;}
ul.grid_view li a:hover{ color:#ff858c;}

.package_list{ width:100%; float:left; padding:0; margin:0; font-size:14px; color:#636363; background:#fff; border-radius:8px; overflow:hidden; border-bottom:6px solid #b5121b; box-shadow:0 5px 7px rgba(181,18,27,0.1);}
.package_list .table{ margin-bottom:0;}
.package_list .table thead th{ color:#ffffff; font-weight:500; text-transform:uppercase; background:#5c5b5b; border-bottom:1px solid #dee2e6;}
.package_list .table th, .package_list .table td{ padding:15px 12px; vertical-align:middle;}
.package_list .delete_link{ width:32px; height:32px; padding:0; margin:0; text-align:center; display:inline-block; line-height:32px; font-size:20px; color:#fff; background:#b5121b; border-radius:50%;}
.package_list .delete_link:hover{ color:#fff; opacity:0.7;}
.package_list .check_link{ width:32px; height:32px; padding:0; margin:0; text-align:center; display:inline-block; line-height:32px; font-size:20px; color:#fff; background:#6ecf05; border-radius:50%;}
.package_list .check_link:hover{ color:#fff; opacity:0.7;}
.package_list .action_link{ padding:0 12px; margin:0; display:inline-block; font-size:12px; color:#ffffff; white-space:nowrap;  text-transform:uppercase; line-height:35px; font-weight:400; border-radius:7px; background:#1e90dc;}
.package_list .action_link.black{ background:#292528;}
.package_list .action_link:hover{ color:#fff; opacity:0.7;}

.balance_info_main{ width:100%; float:left; padding:0 20px; margin:0 0 30px 0;}
.balance_info{ width:100%; float:left; padding:25px 20px; margin:0; text-align:center; background:#b5121b; border-radius:8px;}
.balance_info p{ padding:0; margin:0 0 18px 0; font-size:17px; color:#ffffff;}
.balance_info .add_fund{ padding:10px 30px; margin:0; font-size:16px; color:#ffffff; text-transform:uppercase; line-height:25px; display:inline-block; text-align:center; font-weight:500; border-radius:10px; background:#342e33; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.balance_info .add_fund i{ margin:0 0 0 5px; font-size:20px;}
.balance_info .add_fund:hover{ color:#0c0001; background:#fff;}

/************** Config Page ***************/
.config_top{ width:100%; float:left; padding:85px 0; margin:0; text-align:center; background:url(../images/config_top_bg.jpg) no-repeat center center; background-size:cover;}
.config_top .container{ max-width:1100px;}
.config_top h2{ padding:0; margin:0 0 18px 0; font-size:35px; color:#ffffff; font-weight:700;}
.config_top p{ padding:0; margin:0; font-size:23px; color:#ffffff; font-weight:300;}

.config_sec{ width:100%; float:left; padding:0; margin:0; background:#f7f7f7; position:relative;}
.config_sec:after{ content:""; width:18%; background:#fff; border-left:1px solid #e6e6e6; position:absolute; right:0; top:0; bottom:0;}
.config_sidebar{ width:18%; float:right; padding:0; margin:0; position:relative; z-index:5; background:#fff; border-left:1px solid #e6e6e6;}
.config_detail{ width:78%; float:left; padding:0; margin:0;}

.kvm_info{ width:100%; float:left; padding:0; margin:0; font-size:15px; color:#343434;}
.kvm_info .table thead th{ color:#b5121b; font-weight:500; background:#ededed; border-bottom:1px solid #dee2e6;}
.kvm_info .table thead th:first-child{ border-left:3px solid #b5121b; padding-top:20px; padding-bottom:20px;}
.kvm_info .table th, .kvm_info .table td{ padding:15px 15px; vertical-align:middle;}
.kvm_info span{ color:#838383;}
.kvm_info strong{ color:#b5121b;}

.checkout_btn{ padding:0 30px; margin:0 20px 50px 20px; font-size:16px; color:#ffffff; text-transform:uppercase; text-align:center; line-height:55px; display:block; clear:both; text-align:center; font-weight:500; border-radius:10px; background:#b5121b;}
.checkout_btn i{ margin:0 0 0 5px; font-size:20px;}
.checkout_btn:hover{ color:#fff; background:#342e33;}

.config_inn{ width:100%; float:left; padding:0; margin:0; background:#fff; border-radius:8px; overflow:hidden; border:1px solid #e6e6e6; box-shadow:0 0 10px rgba(137,137,137,0.1);}
.config_inn h2{ width:100%; float:left; padding:22px 20px; margin:0 0 30px 0; font-size:16px; color:#b5121b; text-transform:uppercase; font-weight:500; background:#f7f7f7; }
.config_inn .details{ width:100%; float:left; padding:0 10px 30px 10px; margin:0;}

/*MZ*/
.more__options{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.more__options p {text-align: center; }

ul.list_detail{ width:100%; float:left; padding:0; margin:0;}
ul.list_detail li{ width:20%; float:left; padding:0 10px; margin:0 0 5px 0;}
.location_block{ width:100%; float:left; padding:0; margin:0; text-align:center;}
.location_block figure{ width:100%; float:left; padding:0; margin:0 0 20px 0;}
.location_block figure img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility: hidden;  -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.location_block h5{ padding:0; margin:0; font-size:15px; color:#6d6d6d; text-transform:uppercase;}
/*.location_block:hover, .location_block.select{ border:1px solid #d9d9d9; box-shadow:0 0 7px rgba(0,0,0,0.1) !important;}
.location_block:hover figure img, .location_block.select figure img{ filter:none; -webkit-filter: grayscale(0%);}
.location_block:hover h5, .location_block.select h5{ color:#b5121b;}*/
.location_block .check_info{ width:100%; float:left; padding:0; margin:0;}
.location_block label{ margin:0; padding:20px 10px;}

.location_block .check_info.radio input[type=radio].css-checkbox {}
.location_block .check_info.radio input[type=radio].css-checkbox + label.css-label { width:100%; padding-left:0; height:auto; display:inline-block; font-size:15px; color:#6d6c6c; vertical-align:middle; cursor:pointer; border-radius:7px; border:1px solid transparent; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.location_block .check_info.radio label.css-label { background:none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.location_block .check_info.radio input[type=radio].css-checkbox:checked + label.css-label { background:none; border:1px solid #d9d9d9; box-shadow:0 0 7px rgba(0,0,0,0.1) !important;}
.location_block .check_info.radio input[type=radio].css-checkbox:checked + label.css-label img{ filter:none; -webkit-filter: grayscale(0%);}
.location_block .check_info.radio input[type=radio].css-checkbox:checked + label.css-label h5{ color:#b5121b;}

.os_block{ width:100%; float:left; padding:0; margin:0;}
.os_block figure{ width:100%; float:left; padding:0; margin:0 0 15px 0;}
.os_block figure img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility: hidden;  -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.os_block h5{ padding:0 10px 17px 10px; margin:0; font-size:15px; color:#a7a7a7; text-transform:uppercase; font-weight:300; line-height:23px; border-bottom:1px solid #d9d9d9;}
.os_block h5 strong{ display:block; color:#888888; font-weight:500; font-size:16px;}
.os_block .check_info{ width:100%; float:left; padding:0; margin:0;}
.os_block .check_info label{ margin:0;}

select.select_info{ width:100%; height:40px; float:left; padding:0 20px 0 5px; margin:0; font-size:12px; color:#434343; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../images/select_arrow.png) no-repeat right center;}
/*.os_block:hover, .os_block.select{ border-color:#b5121b; box-shadow:0 0 7px rgba(0,0,0,0.1) !important;}
.os_block:hover figure img{ filter:none; -webkit-filter: grayscale(0%);}
.os_block:hover h5, .os_block.select h5{ color:#b5121b; border-color:#b5121b;}
.os_block:hover h5 strong, .os_block.select h5 strong{ color:#b5121b;}
.os_block:hover h5 strong, .os_block.select h5 strong{ color:#b5121b;}
.os_block:hover select.select_info, .os_block.select select.select_info{ color:#b5121b;}*/

.os_block .check_info.radio input[type=radio].css-checkbox {}
.os_block .check_info.radio input[type=radio].css-checkbox + label.css-label { width:100%; float:left; padding:15px 0 0 0; height:auto; display:inline-block; font-size:15px; color:#6d6c6c; vertical-align:middle; cursor:pointer; border:1px solid #d9d9d9; border-radius:6px; text-align:center; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; }
.os_block .check_info.radio label.css-label { background:none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.os_block .check_info.radio input[type=radio].css-checkbox:checked + label.css-label { background:none; border-color:#b5121b; box-shadow:0 0 7px rgba(0,0,0,0.1) !important;}
.os_block .check_info.radio input[type=radio].css-checkbox:checked + label.css-label img{ filter:none; -webkit-filter: grayscale(0%);}
.os_block .check_info.radio input[type=radio].css-checkbox:checked + label.css-label h5{ color:#b5121b; border-color:#b5121b;}
.os_block .check_info.radio input[type=radio].css-checkbox:checked + label.css-label h5 strong{ color:#b5121b;}
.os_block .check_info.radio input[type=radio].css-checkbox:checked + label.css-label select.select_info{ color:#b5121b;}


.plan_info{ width:100%; float:left; padding:0; margin:0;}
.plan_info .plan_blocks{ width:25%; float:left; padding:0 10px; margin:0;}
.plan_info .block{ width:100%; float:left; padding:0; margin:0 0 25px 0; text-align:center;}
.plan_info .block .block_inn{ width:100%; float:left; padding:0; margin:0; background:#f7f7f7; text-align:center; border:1px solid #eaeaea;}
.plan_info .block h3{ padding:15px 10px; margin:0; font-size:16px; color:#2d2d2d; font-weight:700; text-transform:uppercase; background:#e9e9e9;}
.plan_info .block .price{ width:100%; float:left; padding:10px 10px 14px 10px; margin:0; font-size:14px; color:#787878; background:#fff; border-bottom:1px solid #eaeaea;}
.plan_info .block .price strong{ font-size:24px; color:#b5121b; font-weight:700; display:block;}
.plan_info ul.list_info{ padding:0; margin:0 15px; text-align:left;}
.plan_info ul.list_info li{ width:100%; float:left; padding:5px 0; margin:0; font-size:13px; color:#616161; border-bottom:1px solid rgba(0,0,0,0.1);}
.plan_info ul.list_info li:last-child{ border:none;}
.plan_info ul.list_info li span{ width:60%; float:left; margin:5px 0;}
.plan_info ul.list_info li span.right{ width:40%; text-align:right; color:#3f3f3f;}
/*.plan_info .block:hover, .plan_info .block.select{ border-color:#b5121b; box-shadow:0 0 7px rgba(0,0,0,0.2) !important;}
.plan_info .block:hover h3, .plan_info .block.select h3{ color:#fff; background:#b5121b;}
.plan_info .block:hover .price, .plan_info .block.select .price{ border-color:#b5121b;}*/


.plan_info .check_info{ width:100%; float:left; padding:0; margin:0;}
.plan_info .check_info label{ margin:0;}
.plan_info .check_info.radio input[type=radio].css-checkbox + label.css-label span{ color:#616161;}
.plan_info .check_info.radio input[type=radio].css-checkbox {}
.plan_info .check_info.radio input[type=radio].css-checkbox + label.css-label { width:100%; float:left; padding:0; height:auto; display:inline-block; font-size:15px; color:#6d6c6c; vertical-align:middle; cursor:pointer; }
.plan_info .check_info.radio label.css-label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.plan_info .check_info.radio input[type=radio].css-checkbox:checked + label.css-label span{}
.plan_info .check_info.radio input[type=radio].css-checkbox:checked + label.css-label .block_inn{ border-color:#b5121b; box-shadow:0 0 7px rgba(0,0,0,0.2) !important;}
.plan_info .check_info.radio input[type=radio].css-checkbox:checked + label.css-label h3{ color:#fff; background:#b5121b;}
.plan_info .check_info.radio input[type=radio].css-checkbox:checked + label.css-label .price{ border-color:#b5121b;}







.billing_info{ width:100%; float:left; padding:0 10px; margin:0;}
.billing_info .check_info{ width:25%; float:left; padding:0 15px 0 0; margin:0 0 20px 0;}

.check_details .check_info{ padding:0; margin:0 3px 3px 0; display:inline-block;}
.check_details .check_info label{ padding:0; margin:0;}
.check_info input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.check_info input[type=checkbox].css-checkbox + label.css-label { padding-left:40px; height:34px; display:inline-block; font-size:15px; color:#6d6c6c; vertical-align:middle; cursor:pointer; }
.check_info input[type=checkbox].css-checkbox + label.css-label strong{ color:#383838; font-weight:500; font-size:16px;}
.check_info input[type=checkbox].css-checkbox + label.css-label span{ color:#b5121b;}
.check_info label.css-label { background:url(../images/check_bg_1.png) no-repeat left top; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check_info input[type=checkbox].css-checkbox:checked + label.css-label { background:url(../images/check_bg_2.png) no-repeat left top;}

.check_details .check_info.radio{ }
.check_info.radio input[type=radio].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.check_info.radio input[type=radio].css-checkbox + label.css-label { padding-left:40px; height:34px; display:inline-block; font-size:15px; color:#6d6c6c; vertical-align:middle; cursor:pointer; }
.check_info.radio input[type=radio].css-checkbox + label.css-label strong{ color:#383838; font-weight:500; font-size:16px;}
.check_info.radio input[type=radio].css-checkbox + label.css-label span{ color:#b5121b;}
.check_info.radio label.css-label { background:url(../images/check_bg_1.png) no-repeat left top; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check_info.radio input[type=radio].css-checkbox:checked + label.css-label { background:url(../images/check_bg_2.png) no-repeat left top;}

/************ About Page *************/
.who_sec{ width:100%; float:left; padding:60px 0 100px 0; margin:0; text-align:center; background:url(../images/who_bg.png) no-repeat center center;}
.who_sec p{ padding:0; margin:0; font-size:16px; color:#454545; line-height:30px;}

.what_sec{ width:100%; float:left; padding:60px 0 100px 0; margin:0; background:#f7f7f7 url(../images/what_bg.png) no-repeat center center;}
.what_sec .block{ width:100%; float:left; padding:0; margin:0 0 30px 0; background:#ffffff; border-radius:6px; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.what_sec .block figure{ width:100%; float:left; padding:0; margin:0; border-radius:6px 6px 0 0; position:relative;}
.what_sec .block figure img{ width:100%; border-radius:6px 6px 0 0;}
.what_sec .block h3{ width:100%; float:left; padding:20px; margin:0; font-size:18px; color:#ffffff; text-transform:uppercase; font-weight:700; position:absolute; left:0; bottom:0; background:rgba(181,18,27,0.9);}
.what_sec .block .details{ width:100%; float:left; padding:30px 20px 10px 20px; margin:0;}
.listing_info{ padding:0; margin:0;}
.listing_info li{ padding:0 0 0 20px; margin:0 0 18px 0; font-size:16px; color:#2c2b2b; position:relative;}
.listing_info li:after{ content: "\f10c"; padding:0; margin:0; font-size:12px; color:#a9161f; font-family: 'FontAwesome'; position:absolute; left:0; top:2px;}

.how_sec{ width:100%; float:left; padding:0; margin:0; background:url(../images/how_bg.jpg) no-repeat center center; background-size:cover;}
.how_sec .inner{ width:100%; max-width:630px; float:left; padding:60px 60px 40px 60px; margin:0; background:rgba(255,255,255,0.9);}
.global_title.left{ text-align:left;}
.global_title.left:after{ float:left; margin:0; left:0;}
.global_title.left i{ margin:0 0 30px 0; text-align:center;}
.how_sec p{ padding:0; margin:0 0 20px 0; font-size:16px; color:#454545; line-height:32px;}

/*Manu*/
.row__about{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.element__about{ width:45%}
@media screen and (max-width:767px){
.element__about{ width: 100%;}
}


.typograhy_sec{ width:100%; float:left; padding:60px 0 100px 0; margin:0; background:url(../images/typography_bg.png) no-repeat center top;}
.typograhy_sec p{ padding:0; margin:0 0 30px 0; font-size:16px; color:#454545; line-height:32px;}
.typograhy_sec h2{ padding:0 0 13px 0; margin:0 0 30px 0; font-size:30px; color:#1b2125; font-weight:600; position:relative;}
.typograhy_sec h2:after{ content:""; width:64px; height:3px; margin:0; background:#b5121b; position:absolute; left:0; bottom:0;}
.typograhy_sec h3{ padding:0 0 13px 0; margin:0 0 30px 0; font-size:20px; color:#1b2125; font-weight:600; position:relative;}
.typograhy_sec h3:after{ content:""; width:64px; height:3px; margin:0; background:#b5121b; position:absolute; left:0; bottom:0;}

.team_sec{ width:100%; float:left; padding:60px 0 100px 0; margin:0; text-align:center; background:#f7f7f7 url(../images/team_bg.png) no-repeat center top;}
.team_sec .block{ width:100%; float:left; padding:0; margin:0 0 35px 0;}
.team_sec .block figure{ width:180px; height:180px; padding:4px; margin:0 auto 35px auto; display:block; border:2px solid #a9161f; border-radius:50%; background:#f7f7f7; box-shadow:0 0 35px rgba(0,0,0,0.1);}
.team_sec .block figure img{ width:100%; border-radius:50%;}
.team_sec .block h3{ padding:0; margin:0 0 5px 0; font-size:22px; color:#170809; font-weight:700; clear:both;}
.team_sec .block p{ padding:0; margin:0; font-size:15px; color:#818181;}

.price_lock{ text-align:left;}
.price_lock figure{ width:18px; padding:0; margin:2px 2px 2px 0; display:inline-block;}
.payBtn {
    padding: 1em 2em;
    border-radius:0;
    margin-top: 10px;
}
@media screen and (max-width:767px){
    .payBtn {
        width: 80%;
    }
}

.payBtn i.fa {
    display: block;
    font-size: 2.2em;
    margin-bottom: 0.3em;
}




.page-link {
    color: #b5121b;

  }
  
  .page-link:hover {
    color: #70080d;

  }
  

  
  .page-item.active .page-link {

    background-color: #b5121b;
    border-color: #b5121b;
  }
  
  .faq-categories h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.faq-categories h3:before {
    position: absolute;
    content: " ";
    width: 40px;
    height: 2px;
    background-color: #F74A4F;
    bottom: 0;
}

.faq-categories ul {
    margin-top: 25px;
}

.faq-categories ul li a {
    background-color: #2e3138;
    color: #fff;
    margin-top: 6px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: color .25s, background-color .25s;
    transition: color 0.25s, background-color 0.25s;
}

.faq-categories ul li a:hover, .faq-categories ul li.active a {
    background-color: #F74A4F;
}

.faq-categories ul li a:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 20px;
    border-color: transparent transparent transparent #F74A4F;
    -webkit-transition: right 0s;
    transition: right 0s;
    z-index: -1;
}

.faq-categories ul li a:hover:before, .faq-categories ul li.active a:before {
    right: -20px;
    -webkit-transition: right .25s;
    transition: right 0.25s;
}

.faq-content .panel-group {
    margin-bottom: 0;
}

.faq-categories ul li a:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 20px;
    border-color: transparent transparent transparent #F74A4F;
    -webkit-transition: right 0s;
    transition: right 0s;
    z-index: -1;
}

#contact:before, .faq-categories ul li a:before {
    content: " ";
    right: 0;
}

.accordion .panel {
    border-radius: 0;
}

.accordion .panel-heading {
    padding: 0;
}

.accordion .panel-heading a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    background-color: #F74A4F;
}

.accordion .panel-heading a.collapsed {
    background-color: #542525;
}

.accordion .panel-heading a span {
    font-weight: 500;
    overflow: hidden;
    text-transform: uppercase;
}

.accordion .panel-heading a span i.fa-minus {
    float: right;
    color: #fff;
}

.accordion .panel-heading a.collapsed span i.fa-minus {
    color: #F74A4F;
}

.accordion .panel-heading a.collapsed i.fa-minus:before {
    content: "";
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #F74A4F;
}
.payBtn {
    padding: 1em 2em;
    border-radius:0;
    margin-top:10px;
}

.payBtn i.fa {
    display: block;
    font-size: 2.2em;
    margin-bottom: 0.3em;
}

a.payBtn.nonRef, a.payBtn.idCheck, a.payBtn.subscr{
    position: relative;
    min-width: 120px;
}

a.payBtn.nonRef::before, a.payBtn.idCheck::before, a.payBtn.subscr::before  {
    content: "?";
    position: absolute;
    top: -5px;
    right: -3px;
    font-size: 12px;
    font-weight: 700;
    background: #f44336;
    height: 18px;
    width: 18px;
    border-radius: 100%;
    line-height: 18px;
}

a.payBtn.nonRef:focus::before, a.payBtn.nonRef:hover::before, a.payBtn.idCheck:focus::before, a.payBtn.idCheck:hover::before,  a.payBtn.subscr:focus::before, a.payBtn.subscr:hover::before  {
    content: "NON REFUNDABLE";
    width: auto;
    border-radius: 3px;
    padding: 0 6px;
    font-size: 11px
}

a.payBtn.idCheck::before{
    background: #15C56A;
}
a.payBtn.idCheck:focus::before, a.payBtn.idCheck:hover::before {
    content: "IDENTITY CHECK";
}

a.payBtn.subscr::before{
    background: #15C56A;
}
a.payBtn.subscr:focus::before, a.payBtn.subscr:hover::before {
    content: "RECURRING PAYMENT";
}
/*Apps*/

.app{
    display: block;
    border:1px solid #ddd;
    padding: 2rem 0;
    text-align: center;
    margin-bottom: 1.5rem;

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;

    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.app:hover{
    border-color: #fdbacc;
}
.app:hover h3{
    color: #444;
}
.app .appicon img{
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.app i.fa{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    font-size: 2rem;
}
.app:hover .appicon img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.app:hover i.fa{
    color: #FD4C52;
 }
.app h3{
    font-size: 1rem;
    color: #888;
    margin-top: 1rem;

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

/*SSH KEYS*/
.container__text-1{ display: flex; flex-direction: column;}
.text-1__button{ font-size: 1rem; text-decoration: none; color: white; background: #28a745; border-radius: 0.25rem;}

/*Control panel*/
.password-warning p{ font-size: 15px; background-color: #fff3cd; border-color: #ffeeba; color: #856404; position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem;}

/*Reinstall page*/
.reinstall__alert{
    display: flex;
    flex-wrap: wrap;
    color: #721c24;
    width: 50%;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;}

    @media screen and (max-width:767px){
        .reinstall__alert{width: 100%;}
    }

/*DNS page*/

.domain__container{ display: flex; flex-direction: row; flex-wrap: wrap;}
.domain__container input{ width: 300px;}
.domain__buttons{ display: flex; flex-wrap: wrap; width: 100%; padding-top: 20px; border-top: #2125292e solid 0.5px; margin-top: 20px;}
.domain_buttons-primary{ margin-right: 20px;}
@media screen and (max-width:767px){
    .domain__container input{
        width: 100%;
    }
    .domain__container button{
        width: 100%;
        margin-top: 20px;
    }

    .domain__buttons{
        justify-content: center;
    }
}

/*Firewall page*/
.firewall__alert{
    display: flex;
    width: 60%;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
@media screen and (max-width:767px){
    .firewall__alert{
        width: 100%;
    }
}

.flags-container{
    padding-bottom:80px !important;
    position:relative;
}

.country-name{
    display: none;
    width:100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

.country-name h3{
    text-align: center;
    width:100%;
    font-weight: 600;
    color: black !important;
}
@media screen and (min-width:768px){
    .country-flag-locations:hover > div{
        display:flex
    }
}
@media screen and (max-width:768px){
    .country-flag-locations{
        width:50%;
        display: block;
        text-align: center;
        margin: 15px 0;
    }

    .country-flag-locations img{
        padding: 0 !important;
    }

    .country-name{
        position: initial;
        display: block;
    }

    .country-name h3{
        font-size: 20px;
    }
}

.alert {
    font-size:15px  !important;;
}
.flag-icon {
    width: 20px;
    height: 14px;
    margin-right: 8px;
    vertical-align: -2px;
    margin-left: -10px;
}
.top_part .dropdown-menu .dropdown-item {
    padding-right: 2rem !important;
}