@charset "utf-8";
/* CSS Document */

/*****************************************************************
reset css
******************************************************************/

*{margin:0;padding:0;}

h1, h2, h3, h4, h5, h6, p, ul{margin:0; padding:0;}
ul{ list-style:none;}
a{text-decoration:none !important;}

body{ width:100%; padding:0; margin:0; font-family:'Montserrat', sans-seriff;}
wrapper{ width:100%;}

/****************
     table
***************/

.table-responsive{-webkit-box-shadow: 0px 0px 0px 2px rgba(255,84,61,1);
-moz-box-shadow: 0px 0px 0px 2px rgba(255,84,61,1);
box-shadow: 0px 0px 0px 2px rgba(255,84,61,1);
width:100%; padding:0; border:none; margin:0; border-radius:5px;}

table{ width:100%;}
table th{ padding: 7px 15px; text-align:left; font-size:16px; color:#ffffff; text-transform:capitalize; white-space:nowrap; 
background: #ff533d; font-family: 'Ubuntu', sans-serif; font-weight:normal;}

table th:first-child{ border-radius:5px 0 0 5px;}
table th:last-child{ border-radius:0 5px 5px 0;}

table tbody td{text-align:left; font-size:14px; color:#ffffff; font-weight:300; padding: 15px 15px; white-space:nowrap;
border-bottom:1px solid #ff533d;}
table tbody td i{margin-right:5px; color:#ff533d;}

table tbody tr:last-child td{ border:none;}

.text-yellow{ color:#ffe401 !important;}
.text-green{ color:#1ae645 !important;}

/****************
     button
***************/

.btn, .sbmt{transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
text-shadow:none; border:none; display:inline-block; min-width:150px; height:50px; line-height:50px; padding:0 10px; text-align: center; 
border-radius:80px; background:none; font-size:14px;}

.btn-default, .sbmt{-webkit-box-shadow: inset 0px 0px 0px 2px rgba(1,52,91,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(1,52,91,1);
box-shadow: inset 0px 0px 0px 2px rgba(1,52,91,1); 
color:#01345b;}

.btn-primary{-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1);
box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1); 
color:#ff533d;}

.btn-block{}

.btn-default:hover,
.btn-default:focus,
.btn-default:active, .sbmt:hover, .sbmt:active, .sbmt:focus{ background:#01345b; color:#ffffff !important;}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{ background:#ff533d; color:#ffffff !important;}

.btn-block:hover,
.btn-block:focus,
.btn-block:active{}

/****************
     select
***************/

select{ background: url(../images/select_arrow_down.png) no-repeat center right, #ff533d; font-size:16px; color:#ffffff; height:50px; 
border-radius:80px; appearance:none; -moz-appearance:none; -webkit-appearance:none; border:none; width:100%; padding:0 15px;}

select:active, 
select:focus{ border-radius:0;}

select option{-webkit-box-shadow: inset 0px 0px 0px 200px rgba(255,84,61,1);
-moz-box-shadow: inset 0px 0px 0px 200px rgba(255,84,61,1);
box-shadow: inset 0px 0px 0px 200px rgba(255,84,61,1); background:#ff533d;
padding: 5px 15px; -moz-padding:5px 15px; -webkit-padding:5px 15px; color:#ffffff;}

select option:hover{-webkit-box-shadow: inset 0px 0px 0px 200px rgba(1,52,91,1);
-moz-box-shadow: inset 0px 0px 0px 200px rgba(1,52,91,1);
box-shadow: inset 0px 0px 0px 200px rgba(1,52,91,1); background:#01345b;}

/****************
     input
***************/

input[type="submit"]{ border:none; outline:none;}

input[type="radio"]{ margin:0 5px 0 0; vertical-align:middle;}
input[type="checkbox"]{ margin:0 5px 0 0; vertical-align:middle;}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"]{ -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,84,61,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,84,61,1);
box-shadow: inset 0px 0px 0px 1px rgba(255,84,61,1);
width:100%; height:50px; padding: 0 15px; border-radius:80px; border:none; outline:none !important;
font-size:16px; color:#ff533d; background:none;}

input[type="number"]{appearance:textfield; -moz-appearance:textfield; -webkit-appearance:textfield;}

input[type="text"]:active,
input[type="email"]:active,
input[type="password"]:active,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus{}

textarea{-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,84,61,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,84,61,1);
box-shadow: inset 0px 0px 0px 1px rgba(255,84,61,1); font-size:16px; color:#ff533d; border-radius:20px; background:none;
width:100%; min-height:140px; resize:none; border:none; padding:15px; outline:none !important; }

textarea:active,
textarea:focus{}

/****************

::-webkit-input-placeholder {
  color: #ffffff; opacity:1;
}
::-moz-placeholder {
  color: #ffffff; opacity:1;
}
:-ms-input-placeholder {
  color: #ffffff; opacity:1;
}
:-moz-placeholder {
  color: #ffffff; opacity:1;
}

***************/

/*****************************************************************
index
******************************************************************/

/** header **/

header{ width:100%; padding: 12px 0; background:#01345b;}

/** header_links **/

.header_links{ width:100%; display:inline-block; text-align:right; padding: 1px 0;}
.header_links ul{ width:100%; display:inline-block;}
.header_links ul li{ display:inline-block; padding-left: 8px;}

.header_links ul li a{transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important; display:inline-block;}

.header_links ul li a.soc-tweet,
.header_links ul li a.soc-fb{ font-size:14px; color:#ffffff; width:24px; height:24px; text-align:center; border-radius:50%;}

.soc-medium{ background:#00a669;}
.soc-tgram{background:#36aee2;}
.soc-gplus{ background:#dd5144;}
.soc-tweet{ background:#0093f0;}
.soc-fb{background:#3c58a2;}

.header_links ul li a.soc-tweet i,
.header_links ul li a.soc-fb i{line-height:24px;}

.header_links ul li a.btn-reg,
.header_links ul li a.btn-log{ font-size:14px; text-transform:capitalize; height:40px; line-height:40px; min-width:90px; text-align:center;
border-radius:70px;}

.header_links ul li a.btn-reg{ background:#ffffff; color:#000000;}
.header_links ul li a.btn-log{ background:#ff533d; color:#ffffff;}

.header_links ul li a:hover{ opacity:0.8;}

/** header_menu **/

.header_menu{ width:100%;}
.header_menu .navbar-inverse{ margin:0; min-height:auto; border-radius:0; border:0; background:none;}
.header_menu .navbar-collapse{ padding:0;}
.header_menu .navbar-right{ margin:0; padding: 11px 0;}
.header_menu .navbar-inverse .navbar-nav > li{ padding: 0 26px; position:relative;}
.header_menu .navbar-inverse .navbar-nav > li:after{ content:""; position:absolute; border-right:1px solid #ffffff; width:1px; height:8px;
left:0; top:0; bottom:0; margin:auto;}
.header_menu .navbar-inverse .navbar-nav > li:first-child:after{ display:none;}

.header_menu .navbar-inverse .navbar-nav > li > a{transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
font-size:14px; color:#ffffff; font-weight:300 !important; text-transform: capitalize; vertical-align:middle; padding: 0;}

.header_menu .navbar-inverse .navbar-nav > li > a:hover{color:#ff533d;}

.header_menu .navbar-inverse .navbar-header{padding:0;}
.header_menu .navbar-inverse .navbar-header a{ display:inline-block; }
.header_menu .navbar-inverse .navbar-header a img{ display:inline-block;}

/** section_1 **/

.section_1{ width:100%; background: url(../images/building_structure.png) no-repeat center 190px, url(../images/grey_buildings.jpg) no-repeat center fixed; background-size:auto auto, cover; overflow:hidden;}

/** curves **/

.red_curve_top,
.red_curve_bottom,
.blue_curve_top,
.blue_curve_bottom,
.white_curve_top,
.white_curve_bottom{ position:relative !important;}

/** red_curve **/

.red_curve_top:before{ content:""; position:absolute; background:url(../images/curve_red.png) no-repeat center bottom; width:100%; height:74px;
left:0; right:0; margin:auto; top:0; left:0; right:0; background-size:100% 100%; transform: rotateZ(180deg);}
.red_curve_bottom:after{content:""; position:absolute; background:url(../images/curve_red.png) no-repeat center top; width:100%; height:74px;
left:0; right:0; margin:auto; bottom:0; left:0; right:0; background-size:100% 100%;}

/** blue_curve **/

.blue_curve_top:before{ content:""; position:absolute; background:url(../images/curve_blue.png) no-repeat center bottom; width:100%; height:74px;
left:0; right:0; margin:auto; top:0; left:0; right:0; background-size:100% 100%; transform: rotateZ(180deg);}
.blue_curve_bottom:after{content:""; position:absolute; background:url(../images/curve_blue.png) no-repeat center top; width:100%; height:74px;
left:0; right:0; margin:auto; bottom:0; left:0; right:0; background-size:100% 100%;}

/** white_curve **/

.white_curve_top:before{ content:""; position:absolute; background:url(../images/curve_red.png) no-repeat center bottom; width:100%; height:74px;
left:0; right:0; margin:auto; top:0; left:0; right:0; background-size:100% 100%; transform: rotateZ(180deg);
filter: brightness(0%) invert(100%); -moz-filter: brightness(0%) invert(100%); -webkit-filter: brightness(0%) invert(100%);}
.white_curve_bottom:after{content:""; position:absolute; background:url(../images/curve_red.png) no-repeat center top; width:100%; height:74px;
left:0; right:0; margin:auto; bottom:0; left:0; right:0; background-size:100% 100%;
filter: brightness(0%) invert(100%); -moz-filter: brightness(0%) invert(100%); -webkit-filter: brightness(0%) invert(100%);}


/** index_banner_slider **/

.index_banner_slider{ width:100%; position:relative;}
.index_banner_slider .bs-slider{ max-height: none; background:none;}

.index_banner_slider .slide-text{position:inherit; left: auto; right: auto; top: auto; bottom: auto; margin:auto; padding:0;}

.banner_content{ width:100%; display:inline-block;}
.banner_content img{ display:inline-block; margin-bottom:20px;}

.text-red{ color:#ff533d !important;}
.text-dark{ color:#01345b !important;}

.banner_content span{ width:100%; display:inline-block; font-family: 'Ubuntu', sans-serif; font-size:30px; text-transform:capitalize;
font-weight:bold;} 
.banner_content h2{ width:100%; display:inline-block; font-size:55px; text-transform: uppercase; font-weight:bold; margin-bottom:15px;
font-family: 'Ubuntu', sans-serif;} 
.banner_content p{ width:100%; display:inline-block; font-size:14px; color:#0f1626; font-family:"open Sans", sans-serif; line-height:24px;
margin-bottom:20px;}

.banner_content ul{ width:100%; display:inline-block;}
.banner_content ul li{ display:inline-block; padding: 0 8px;}
.banner_content ul li .btn{ display:inline-block;}

/** section_2 **/

.section_2{ width:100%; background:#01345b;}

.partners{ width:100%; display:inline-block; padding: 30px 0;}

.center_deal{ width:100%; display:inline-block; text-align:center; position:absolute; z-index:2; top: -27px; left:0; right:0; margin:auto;}
.center_deal h4{-webkit-box-shadow: 0px 0px 0px 12px rgba(1,52,91,1);
-moz-box-shadow: 0px 0px 0px 12px rgba(1,52,91,1);
box-shadow: 0px 0px 0px 12px rgba(1,52,91,1);
background: rgb(255,83,61);
background: -moz-linear-gradient(top, rgba(255,83,61,1) 0%, rgba(255,167,156,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,83,61,1) 0%,rgba(255,167,156,1) 100%);
background: linear-gradient(to bottom, rgba(255,83,61,1) 0%,rgba(255,167,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff533d', endColorstr='#ffa79c',GradientType=0 ); 
display:inline-block; border-radius:50%; padding: 12px;}
.center_deal h4 span{background: rgb(255,167,156);
background: -moz-radial-gradient(center bottom, ellipse cover, rgba(255,167,156,1) 0%, rgba(255,83,61,1) 100%);
background: -webkit-radial-gradient(center bottom, ellipse cover, rgba(255,167,156,1) 0%,rgba(255,83,61,1) 100%);
background: radial-gradient(ellipse at center bottom, rgba(255,167,156,1) 0%,rgba(255,83,61,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa79c', endColorstr='#ff533d',GradientType=1 ); 
display:inline-block; font-size:40px; color:#ffffff; font-weight:bold; text-transform:capitalize; text-align: center;
width:128px; height:128px; padding: 32px 0; border-radius: 50%; font-family: 'Ubuntu', sans-serif;} 
.center_deal h4 span small{ display:block; font-size:13px; color:#ffffff;}

.partner_carousel{ width:100%;}
.partner_carousel .owl-item{ text-align:center;}
.partner_carousel .owl-item img{ display:inline-block !important; width:auto !important;}
.partner_carousel .center{ opacity:0;}


/** section_3 **/

.section_3{ width:100%;  background: url(../images/world_map.png) no-repeat center fixed, #ffffff;}

.main_title{ width:100%; position:relative;}
.main_title h2{ width:100%; font-size:30px; text-transform:capitalize; font-weight:bold; font-family: 'Ubuntu', sans-serif;}

.main_title:before{ content:""; position:absolute; background:url(../images/tag_icon.png) no-repeat center top; width:34px; height:40px;
top:0; margin:auto;}

.main_title.tag_white:before{background:url(../../external.html?link=https://ddgu.ddos-guard.net/ddgu/?h=aHR0cHM6Ly9yZWFsY3J5cHRvLmJpeg==&amp;u=L2ltYWdlcy90YWdfaWNvbl93aGl0ZS5wbmc=) no-repeat center top;}

.main_title.text-left:before{left:0;} 
.main_title.text-center:before{left:0; right:0;}
.main_title.text-right:before{right:0;}

/** works_block **/

.works_block{ width:100%; text-align:center; position:relative;}

.works_block img{ display:inline-block; margin-bottom:10px;}
.works_block span{ width:100%; display:inline-block; font-size:20px; color:#01345b; font-family: 'Ubuntu', sans-serif; font-weight:bold;
margin-bottom:10px;}  

.works_block p{ width:100%; display:inline-block; font-size:14px; color:#000000; line-height:30px; font-family:"open Sans", sans-serif;
margin-bottom:15px;}

.works_block a{transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important; 
display:inline-block; width:34px; height:34px; text-align:center; border-radius:50%; background:#eee;}
.works_block a i{ display:inline-block; font-size:18px; color:#ffffff; line-height:34px;}

.work_green a{ background:#27c195;}
.work_green:after,
.work_red:after{content:""; position:absolute; background:url(../images/dotted_line.png) no-repeat center; width:168px; height:62px;
top:60px; right: -100px; transform: rotateX(180deg);}

.work_blue a{ background:#4a67c4;}
.work_blue:after{content:""; position:absolute; background:url(../images/dotted_line.png) no-repeat center; width:168px; height:62px;
top: -40px; right: -100px; transform: rotateZ(4deg);}

.work_red a{ background:#f78282;}
.work_purple a{ background:#a474ca;}

.works_block a:hover{ background:#01345b;}

/** section_4 **/

.section_4{ width:100%; background:url(../images/building_wireframe.jpg) no-repeat center fixed; background-size:cover; }

.tab_block{ width:100%; position:relative;}

.tab_block > ul{ width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.tab_block > ul li{ display:inline-block; position:absolute; margin: 20px 0;}
.tab_block > ul li a{ display:inline-block; font-size:40px; color:#ffffff; font-weight:bold; background:#ff533d; width:75px; height:75px;
text-align:center; line-height:75px; border-radius:50%;}
.tab_block > ul .active a{ background:#16639d;}

.tab_block > ul li:nth-child(1){ left:0; top:0;}
.tab_block > ul li:nth-child(2){ left:0; bottom:0;}
.tab_block > ul li:nth-child(3){ right:0; top:0;}
.tab_block > ul li:nth-child(4){ right:0; bottom:0;}

.tab_block_content{ width:100%; display:inline-block;}
.tab_block_content .tab-content{ margin:0; padding:0; border:none; box-shadow:none;}

.tab_box{ width:100%; display:inline-block; background: url(../images/white_building_1.png) no-repeat -20% 20%, 
url(../images/white_building_2.png) no-repeat 120% 10%, #ffffff; border-radius:20px;}

.index_about{ width:100%; text-align:center; padding: 40px 90px;}
.index_about h4{ width:100%; display:inline-block; font-size:22px; font-family: 'Ubuntu', sans-serif; font-weight:bold;
margin-bottom:12px;}

.index_about p{ width:100%; display:inline-block; font-size:14px; color:#000000; font-family:"open Sans", sans-serif; line-height:30px;}

/* facilites */

.facilites{ width:100%; display:inline-block;}

.facilites h3{ width:100%; display:inline-block; font-size:30px; text-transform:capitalize; font-weight:bold; color:#ff533d;
margin-bottom:30px;}

.facilites ul{ width:100%; display:inline-block;}
.facilites ul li{ padding: 25px 0;
width:100%; display:inline-block; font-size:15px; color:#ffffff; line-height:30px; font-family:"open Sans", sans-serif;}
.facilites ul li img{ display:inline-block; float:left; padding-right:20px;}

/** services **/

.services{ width:100%; display:inline-block;}

.services ul{ width:100%; display:inline-block; font-size:0;}
.services ul li{ width: 50%; display:inline-block; padding: 15px; vertical-align:top;}

.service_block{transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); 
width:100%; display:inline-block; text-align:center; padding: 15px; background:#ffffff; border-radius:20px;}
.service_block img{transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important; 
display:inline-block; margin-bottom:10px;}
.service_block h4{ transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
width:100%; display:inline-block; color:#455a64; font-size:20px; color:#01345b; text-transform:capitalize;
margin-bottom:10px; font-family: 'Ubuntu', sans-serif; font-weight:bold;}
.service_block p{ transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
width:100%; display:inline-block; font-size:14px; font-family:"open Sans", sans-serif; color:#000000; line-height:30px;}
.service_block p a{ transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
display:block; font-size:14px; color:#ff533d; text-transform:capitalize; font-family:'Montserrat', sans-seriff;
 font-weight:bold;}
 
.services ul li:first-child{ margin-top:40px;}
.services ul li:last-child{ margin-top:-40px;}

.service_block:hover{-webkit-box-shadow: inset 0px 0px 0px 5px rgba(255,84,61,1);
-moz-box-shadow: inset 0px 0px 0px 5px rgba(255,84,61,1);
box-shadow: inset 0px 0px 0px 5px rgba(255,84,61,1); background: none; cursor:pointer;}

.service_block:hover img{filter: brightness(0%) invert(100%); 
-moz-filter: brightness(0%) invert(100%); 
-webkit-filter: brightness(0%) invert(100%);}

.service_block:hover h4,
.service_block:hover p,
.service_block:hover a{ color:#ffffff;}

/** section_5 **/

.section_5{ width:100%; background:#ff533d;}

.payment_carousel{ width:100%;}
.payment_carousel .owl-item{ text-align:center;}
.payment_carousel .owl-item img{ display:inline-block !important; width:auto !important;}

/** section_6 **/

.section_6{background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%), url(../images/white_buildings_bg.jpg) no-repeat center fixed;
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%),
url(../images/white_buildings_bg.jpg) no-repeat center fixed;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%),
url(../images/white_buildings_bg.jpg) no-repeat center fixed;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
width:100%;  background-size:cover;}

.plan_block{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); 
width:100%; display:inline-block; border-radius:15px;}

.img_block{ width:100%; display:inline-block; position:relative; border-radius:15px 15px 0 0;}
.img_block img{ width:100%; display:inline-block; border-radius:15px 15px 0 0;}

.white_overlay{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
width:100%; display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.img_block h3{ width:100%; display:inline-block; font-size:25px; font-weight:bold; color:#ff533d; padding: 10px; position:absolute;
left:0; right:0; bottom:0; margin:auto;}
.img_block h3 sup{ font-size:25px;}
.img_block h3 img{ display:inline-block !important; float:right; width:auto !important; padding: 9px 0;}
.img_block h3 small{ display:block; font-size:14px; color:#01345b; font-weight:300; text-transform:capitalize;}

.plan_content_block{ width:100%; display:inline-block; background:#01345b; padding: 10px; border-radius:0 0 15px 15px;}
.plan_content_block a{-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1);
box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1); float:right;
display:inline-block; font-size:20px; color:#ffffff; width:50px; height:50px; text-align:center; border-radius:50%;}
.plan_content_block a i{ line-height:50px;}
.plan_content_block a:hover{ background:#ff533d;}

.plan_content_block ul{ display:inline-block;}
.plan_content_block ul li{ display: list-item; font-size:14px; color:#ff533d; text-transform:capitalize; line-height: 22px;}
.plan_content_block ul li b{ font-size:20px; color:#ffffff;}
.plan_content_block ul li b sup{ font-size:14px;}

.plan_carousel{margin-bottom:20px;}

.plan_carousel .owl-stage-outer{padding: 10px 0;}

.plan_carousel .owl-nav button.owl-next, 
.plan_carousel .owl-nav button.owl-prev, 
.plan_carousel button.owl-dot{-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1);
box-shadow: inset 0px 0px 0px 2px rgba(255,84,61,1); 
margin:0 8px; padding:0; background:none; font-size:16px; color:#ff533d; width:46px; height:46px; text-align:center;
border-radius:50%;}

.plan_carousel .owl-nav [class*="owl-"]:hover{ background:#ff533d; color:#ffffff;}

.plan_carousel .owl-nav{margin-top: 30px;}

/** profit_calculator **/

.profit_calculator{ width:100%; display:inline-block; text-align:center;}
.profit_calculator h4{ width:100%; display:inline-block; font-size:30px; color:#ff533d; font-weight:bold; text-transform:capitalize;
font-family: 'Ubuntu', sans-serif; margin-bottom:15px;}
.profit_calculator p{ width:100%; display:inline-block; font-size:14px; color:#000000; font-family:"open Sans", sans-serif; line-height:30px;
margin-bottom:30px;}

/** range_slider **/

.range_slider{ width:100%; margin-bottom:30px;}
.range_slider .slider.slider-horizontal { height: 42px; width: 100%;}
.range_slider .slider.slider-horizontal .slider-track { height: 13px; margin-top: -7px; border-radius: 20px;}
.range_slider .slider-track-low, 
.range_slider .slider-track-high{ background:#01345b; border-radius: 20px;}

.range_slider .slider-selection{ background:#ff533d; box-shadow:none; border-radius: 20px;}

.range_slider .slider-handle{-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,84,61,1);
-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,84,61,1);
box-shadow: inset 0px 0px 0px 3px rgba(255,84,61,1);
background: #ffffff; border: 0 solid transparent; position: absolute; filter: none; top: 0; height: 42px; width: 42px; display:inline-block;}

.range_slider .slider-handle:after{ content:"\f337"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:18px; color:#ff533d;
position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; text-align:center; line-height:42px;}

.range_slider .slider.slider-horizontal .slider-tick, 
.range_slider .slider.slider-horizontal .slider-handle{margin-left: -21px;}

.range_slider .tooltip.top{margin-top: -33px;}
.range_slider .tooltip.top .tooltip-arrow{ display:none;}
.range_slider .tooltip-inner{ font-size:12px; color:#ffffff; font-weight:300; background: #ff533d; padding: 2px 10px; border-radius: 20px;}

.range_slider ul{ width:100%; display:inline-block; font-size:0;}
.range_slider ul li{ display:inline-block; width:50%; font-size:14px; color:#01345b; text-transform:capitalize;}
.range_slider ul li img{ display:block;}

.range_slider ul li:first-child{ text-align:left;}

.range_slider ul li:last-child{ text-align:right;}
.range_slider ul li:last-child img{ margin:0 0 0 auto;}

/** output_blocks **/

.output_blocks{ width:100%; display:inline-block; margin-bottom:40px;}
.output_blocks ul{ width:100%; display:inline-block; font-size:0;}
.output_blocks ul li{ display:inline-block; width:33.33%; padding: 0 10px;}

.output_blocks ul li h5{ width:100%; display:inline-block; font-size:13px; color:#ff533d; font-weight:300; text-transform:capitalize;
background:#c8dded; line-height:30px; padding: 5px 10px 10px; border-radius: 10px;}
.output_blocks ul li h5 b{ display:inline-block; width:100%; font-size:28px; color:#01345b; font-weight:bold;}
.output_blocks ul li h5 b sup{ font-size:18px;}

/** token_boxes **/

.token_boxes{ width:100%;}
.token_box{-webkit-box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.1);
box-shadow: 0px 14px 11px 0px rgba(0,0,0,0.1); 
width:100%; display:inline-block; border-radius:80px; padding: 20px;}
.token_box img{ float:left; margin: 14px 14px 14px 0;}
.token_box h4{ font-size:15px; color:#ff533d; text-transform:capitalize; line-height: 40px; font-weight:bold;}
.token_box h4 span{ display:block; font-size:22px; color:#01345b; font-weight:300;}
.token_box h4 span small {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.token_box h4 small {
	display: inline-block;
	width: 100%;
	text-align: center;
}
/** section_7 **/


.section_7{background: -moz-linear-gradient(left, rgba(255,83,61,1) 0%, rgba(255,83,61,1) 35%, rgba(255,83,61,0) 100%),
url(../images/estate-red_bg.jpg) no-repeat center fixed;
background: -webkit-linear-gradient(left, rgba(255,83,61,1) 0%,rgba(255,83,61,1) 35%,rgba(255,83,61,0) 100%),
url(../images/estate-red_bg.jpg) no-repeat center fixed;
background: linear-gradient(to right, rgba(255,83,61,1) 0%,rgba(255,83,61,1) 35%,rgba(255,83,61,0) 100%),
url(../images/estate-red_bg.jpg) no-repeat center fixed;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff533d', endColorstr='#00ff533d',GradientType=1 );
width:100%; background-size:cover, cover; }

.features_content{ width:100%;}
.feature_block{ width:100%; display:inline-block; margin: 20px 0;}
.feature_block img{-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1), 0px 6px 15px 0px rgba(0,0,0,0.13);
-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1), 0px 6px 15px 0px rgba(0,0,0,0.13);
box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1), 0px 6px 15px 0px rgba(0,0,0,0.13); 
display:inline-block; float:left; margin-right:15px; border-radius:35px; padding: 20px;}
.feature_inner h5{ display:inline-block; font-size:18px; color:#ffffff; text-transform:capitalize; font-weight:bold; margin-bottom:10px;}
.feature_inner p{ font-size:14px; color:#fff; font-family:"open Sans", sans-serif; line-height:24px;}

/** section_8 **/

.section_8{ width:100%; background: url(../images/city_bg.png) no-repeat center bottom, #ffffff; background-size:100% auto;}

.referral_commission{ width:100%; display:inline-block; margin-bottom:30px;}
.referral_commission ul{ width:100%; display:inline-block; font-size:0;}
.referral_commission ul li{ display:inline-block; font-size:22px; color:#000000; text-transform:capitalize; font-family: 'Ubuntu', sans-serif;
width:25%; text-align:center;}
.referral_commission ul li span{ display:block; font-size:40px; font-weight:bold; width:138px; height:138px; text-align:center;
font-family:'Montserrat', sans-seriff; margin:0 auto; border-radius:50%; margin-bottom:10px; padding: 36px 0;}
.referral_commission ul li span sup{font-size:30px;}

.referral_commission ul li:nth-child(1) span{-webkit-box-shadow: inset 0px 0px 0px 7px rgba(39,193,149,1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(39,193,149,1);
box-shadow: inset 0px 0px 0px 7px rgba(39,193,149,1); 
background:#ecf9f6; color:#27c195;}
.referral_commission ul li:nth-child(2) span{-webkit-box-shadow: inset 0px 0px 0px 7px rgba(74,102,196,1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(74,102,196,1);
box-shadow: inset 0px 0px 0px 7px rgba(74,102,196,1); 
background:#eceff9; color:#4a67c4;}
.referral_commission ul li:nth-child(3) span{-webkit-box-shadow: inset 0px 0px 0px 7px rgba(247,130,130,1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(247,130,130,1);
box-shadow: inset 0px 0px 0px 7px rgba(247,130,130,1); 
background:#fbe0e0; color:#f78282;}
.referral_commission ul li:nth-child(4) span{-webkit-box-shadow: inset 0px 0px 0px 7px rgba(163,116,202,1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(163,116,202,1);
box-shadow: inset 0px 0px 0px 7px rgba(163,116,202,1); 
background:#e4ddee; color:#a474ca;}


.referral_commission ul li:nth-child(5) span{-webkit-box-shadow: inset 0px 0px 0px 7px rgba(39,193,149,1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(39,193,149,1);
box-shadow: inset 0px 0px 0px 7px rgba(39,193,149,1); 
background:#ecf9f6; color:#27c195;}
.referral_commission ul li:nth-child(6) span{-webkit-box-shadow: inset 0px 0px 0px 7px rgba(74,102,196,1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(74,102,196,1);
box-shadow: inset 0px 0px 0px 7px rgba(74,102,196,1); 
background:#eceff9; color:#4a67c4;}
.referral_commission ul li:nth-child(7) span{-webkit-box-shadow: inset 0px 0px 0px 7px rgba(247,130,130,1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(247,130,130,1);
box-shadow: inset 0px 0px 0px 7px rgba(247,130,130,1); 
background:#fbe0e0; color:#f78282;}
.referral_commission ul li:nth-child(8) span{-webkit-box-shadow: inset 0px 0px 0px 7px rgba(163,116,202,1);
-moz-box-shadow: inset 0px 0px 0px 7px rgba(163,116,202,1);
box-shadow: inset 0px 0px 0px 7px rgba(163,116,202,1); 
background:#e4ddee; color:#a474ca;}



.app_links{ width:100%; display:inline-block; text-align:center;}
.app_links h5{ width:100%; display:inline-block; font-size:20px; color:#ff533d; font-weight:100; text-transform:capitalize; 
font-family: 'Ubuntu', sans-serif; margin-bottom:20px;}

.app_links ul{ width:100%; display:inline-block;}
.app_links ul li{ display:inline-block; padding: 0 5px;}
.app_links ul li a{ display:inline-block;}
.app_links ul li a img{transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important; 
display:inline-block;}

.app_links ul li a:hover img{ transform:scale(1.1);}

/** footer **/

footer{ width:100%; background:url(../images/building_skyview_bg.jpg) no-repeat center bottom, #01345b; text-align:center;
}

.footer_top{ width:100%; margin-bottom:30px;}

.footer_top > a{ display:inline-block; margin-bottom:20px;}
.footer_top > a img{ display:inline-block;}

.social_links{ width:100%; display:inline-block;}
.social_links li{ display:inline-block; padding: 0 4px;}
.social_links li a{ transition: all .2s ease-in-out !important;
-webkit-transition: all .2s ease-in-out !important;
-moz-transition: all .2s ease-in-out !important;
-o-transition: all .2s ease-in-out !important;
display:inline-block; font-size:19px; color:#ffffff; width:32px; height:32px; text-align:center; border-radius:50%;}
.social_links li a i{ line-height:32px;}
.social_links li a img{ display:inline-block;}

.social_links li a:hover{ opacity:0.5;}

.footer_contact{ width:100%; display:inline-block; margin-bottom:25px;}

.footer_contact ul{ width:100%; display:inline-block; font-size:0;}
.footer_contact ul li{ display:inline-block; width:33.33%;}
.footer_contact ul li img{ display:inline-block; float:left; padding-right:15px;}

.footer_contact ul li h5{ font-size:18px; color:#ffffff; text-transform:capitalize; font-family: 'Ubuntu', sans-serif; font-weight:bold;
text-align:left; line-height:30px;}
.footer_contact ul li h5 span{ display:block; font-size:16px; color:#ff533d; font-family:'Montserrat', sans-seriff;
font-weight:300;}

.footer_bottom{ width:100%; display:inline-block; border-top:1px solid rgba(255, 255, 255, 0.3); padding: 15px 0;}
.footer_bottom h6{ width:100%; display:inline-block; font-size:14px; color:#ffffff; text-transform:none; 
font-family: 'Ubuntu', sans-serif;}

/*****************************************************************
about
******************************************************************/

.inner_page_banner{background: url("../images/building_structure.png") no-repeat scroll center -240px, 
url("../images/grey_buildings.jpg") no-repeat fixed center center / cover ;}

.inner_banner_title{ width:100%; display:inline-block; text-align:center;}
.inner_banner_title h2{ width:100%; display:inline-block; font-size:55px; color:#01345b; text-transform: capitalize; margin-bottom:10px;
font-family: 'Ubuntu', sans-serif; font-weight:bold;}

.inner_banner_title .breadcrumb{ padding:0; background:none; border-radius:0; margin:0;}
.inner_banner_title .breadcrumb li{ display:inline-block; font-size:15px; color:#01345b; text-transform:capitalize;}
.inner_banner_title .breadcrumb li a{ transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
display:inline-block; color:#ff533d;}

.inner_banner_title .breadcrumb > li + li::before {color: #01345b; content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; 
padding: 0 5px;}

.inner_banner_title .breadcrumb li a:hover{ color:#01345b;}

/*****************************************************************
register
******************************************************************/

/** form_box **/

.form_box{ background: url("../images/white_building_1.png") no-repeat scroll -60px 100%, 
url("../images/white_building_2.png") no-repeat scroll 420px 100%, #ffffff none repeat scroll 0 0;
width:100%; display:inline-block; padding:30px; border-radius:20px;}

/** form_content **/

.form_content{ width:100%; display:inline-block;}

.form_block{ width:100%; display:inline-block; margin-bottom:30px;}
.form_block span{ width:100%; display:inline-block; position:relative;}
.form_block span i{background: rgb(255,165,154);
background: -moz-radial-gradient(center bottom, ellipse cover, rgba(255,165,154,1) 0%, rgba(255,83,61,1) 100%);
background: -webkit-radial-gradient(center bottom, ellipse cover, rgba(255,165,154,1) 0%,rgba(255,83,61,1) 100%);
background: radial-gradient(ellipse at center bottom, rgba(255,165,154,1) 0%,rgba(255,83,61,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa59a', endColorstr='#ff533d',GradientType=1 ); 
display:inline-block; font-size:15px; color:#ffffff; width:39px; height:39px; text-align:center; line-height:39px;
border-radius:50%; position:absolute; left:0; top:0; margin: 5px;}

.form_block span input[type="text"],
.form_block span input[type="email"],
.form_block span input[type="password"],
.form_block span input[type="number"],
.form_block span textarea{ padding: 15px 15px 15px 55px;}

.payment_block{ width:100%; display:inline-block;}
.payment_block ul{ width:100%; display:inline-block; background:#01345b; text-align:center; min-height:50px; border-radius:80px;}
.payment_block ul li{ font-size:15px; color:#ffffff; text-transform:capitalize; display:inline-block; padding: 14px 22px;}
.payment_block ul li label{ font-weight:normal;}

.payment_block ul li input[type="radio"]{ display:none;}
.payment_block ul li input[type=radio] + label:before { content: ""; display: inline-block; width: 14px; height: 14px; vertical-align:middle; margin-right: 8px; background-color: #ffffff; border-radius: 50%;}
.payment_block ul li input[type=radio]:checked + label:before {content: "\f111"; color:#ff533d; background-color: #ffffff; font-size:8px; text-align:center; line-height:14px; font-family: 'Font Awesome 5 Free'; font-weight: 900;}

.check_block{ width:100%; display:inline-block; text-align:center; font-size:15px; color:#01345b;}
.check_block span label{ font-weight:normal;}

.check_block span input[type="checkbox"]{ display:none;}
.check_block span input[type=checkbox] + label:before { content: ""; display: inline-block; width: 16px; height: 16px; vertical-align:middle; margin-right: 8px; background-color: #ff533d; border-radius: 3px;}
.check_block span input[type=checkbox]:checked + label:before {content: "\f00c"; color:#ffffff; font-size:10px; text-align:center; 
line-height:16px; font-family: 'Font Awesome 5 Free'; font-weight: 900;}

/*****************************************************************
login
******************************************************************/

.login_bg{background: url("../images/white_building_1.png") no-repeat scroll -190px 50px, 
url("../images/white_building_2.png") no-repeat scroll 420px 30px, #ffffff none repeat scroll 0 0;}

.login_check span{ text-align:left;} 
.login_check span a{ display:inline-block; float:right; font-size:15px; color:#ff533d;}
.login_check span a:hover{ color:#01345b;}

/*****************************************************************
dashboard
******************************************************************/

.header_logo{ width:100%; display:inline-block;}
.header_logo a{ display:inline-block;}

.header_links ul li h5{ display:inline-block; font-size:14px; color:#ff533d; font-weight:bold; text-transform:capitalize;}
.header_links ul li h5 i{ display:inline-block;}
.header_links ul li h5 span{ display:inline-block; font-weight:300; color:#ffffff;}

.admin_page_banner{background: url("../images/grey_buildings.jpg") no-repeat fixed center center / cover ; 
width:100%;}

.user_account{ width:100%; display:inline-block;}
.user_account h3{ width:100%; display:inline-block;}
.user_account h3 img{-webkit-box-shadow: 0px 0px 0px 8px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 0px 8px rgba(255,255,255,1);
box-shadow: 0px 0px 0px 8px rgba(255,255,255,1); 
display:inline-block; border-radius:50%; vertical-align:middle;}
.user_account h3 span{ display:inline-block; font-size:18px; color:#ff533d; font-weight:300; text-transform:capitalize; line-height:30px;
vertical-align:middle; padding-left:15px;}
.user_account h3 span b{ display:block; font-size:24px; color:#01345b; font-weight:bold;}

/** admin_page_title **/

.admin_page_title{ width:100%; display:inline-block; text-align:center; padding: 10px 0;}
.admin_page_title h2{ width:100%; display:inline-block;font-size: 35px; color:#ff533d; font-weight:bold; text-transform:capitalize;
font-family: 'Ubuntu', sans-serif;}

.admin_top_links{ width:100%; display:inline-block; text-align:right; padding: 12px 0;}
.admin_top_links ul{ width:100%; display:inline-block;}
.admin_top_links ul li{ display:inline-block; padding: 0 5px;}
.admin_top_links ul li .btn{ display:inline-block;}

/** admin_menu_carousel **/

.admin_menu_carousel{ width:100%;}

.admin_menu_carousel .owl-item{ text-align:center;}
.admin_menu_carousel .owl-item img{ display:inline-block !important; width:auto !important;}

.admin_menu_carousel .owl-item:first-child .menu_block:after{ display:none;}

.menu_block{ width:100%; display:inline-block; position:relative;}
.menu_block small{background: rgb(255,83,61);
background: -moz-linear-gradient(top, rgba(255,83,61,1) 0%, rgba(255,167,156,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,83,61,1) 0%,rgba(255,167,156,1) 100%);
background: linear-gradient(to bottom, rgba(255,83,61,1) 0%,rgba(255,167,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff533d', endColorstr='#ffa79c',GradientType=0 );
display:inline-block; border-radius:50%; padding: 7px; margin-bottom:8px;}

.menu_block small i{background: rgb(255,167,156);
background: -moz-radial-gradient(center bottom, ellipse cover, rgba(255,167,156,1) 0%, rgba(255,83,61,1) 100%);
background: -webkit-radial-gradient(center bottom, ellipse cover, rgba(255,167,156,1) 0%,rgba(255,83,61,1) 100%);
background: radial-gradient(ellipse at center bottom, rgba(255,167,156,1) 0%,rgba(255,83,61,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa79c', endColorstr='#ff533d',GradientType=1 ); 
font-size:30px; color:#ffffff; display:inline-block; border-radius:50%; padding: 16px;}
.menu_block span{ display:block; font-size:15px; color:#ffffff; text-transform:capitalize; font-family: 'Ubuntu', sans-serif;}

.menu_block:after{ content:""; position:absolute; border-right:1px solid #ffffff; width:1px; height:23px; 
left:0; top:0; bottom:29px; margin:auto;}

.menu_block.active small{background: rgb(54,108,150);
background: -moz-linear-gradient(top, rgba(54,108,150,1) 0%, rgba(124,181,225,1) 100%);
background: -webkit-linear-gradient(top, rgba(54,108,150,1) 0%,rgba(124,181,225,1) 100%);
background: linear-gradient(to bottom, rgba(54,108,150,1) 0%,rgba(124,181,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#366c96', endColorstr='#7cb5e1',GradientType=0 );}

.menu_block.active small i{background: rgb(74,134,180);
background: -moz-radial-gradient(center bottom, ellipse cover, rgba(74,134,180,1) 0%, rgba(27,84,127,1) 100%);
background: -webkit-radial-gradient(center bottom, ellipse cover, rgba(74,134,180,1) 0%,rgba(27,84,127,1) 100%);
background: radial-gradient(ellipse at center bottom, rgba(74,134,180,1) 0%,rgba(27,84,127,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a86b4', endColorstr='#1b547f',GradientType=1 );}

/** referral_link_box **/

.referral_link_box{-webkit-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.13);
box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.13); 
background: url("../images/white_building_1.png") no-repeat scroll -20% 40%, 
url("../images/white_building_2.png") no-repeat scroll 110% 30%, #ffffff none repeat scroll 0 0;
width:100%; display:inline-block; border-radius: 10px; padding: 15px 20px;}

.referral_link_box span{ display:inline-block; vertical-align:middle; padding-right:20px;}
.referral_link_box span i{ display:inline-block; font-size:30px; color:#ffffff; background:#ff533d; border-radius:50%;
padding: 15px;}

.referral_link_box h3{ display:inline-block; vertical-align:middle;}
.referral_link_box h3 input{ font-size:24px; color:#000000; font-weight:300; box-shadow:none; border-radius:0; padding:0;}

.referral_link_box h3 span{ font-size:18px; color:#ff533d; font-weight:bold; text-transform:capitalize; font-family: 'Ubuntu', sans-serif;}

.referral_link_box button{ margin: 10px 0; float:right;}

/** investors_withdrawals **/

.investors_withdrawals{ text-align:center; padding: 20px 0;}
.investors_withdrawals > h5{ width:100%; display:inline-block; font-size:22px; color:#01345b; font-weight:bold; text-transform:capitalize;
font-family: 'Ubuntu', sans-serif; margin-bottom:15px;}

/** invest_withdraw_carousel **/

.invest_withdraw_carousel{ width:100%;}
.invest_withdraw_carousel .owl-item{ text-align:center;}
.invest_withdraw_carousel .owl-item img{ display:inline-block !important; width:auto !important;}

.invest_withdraw_block{ width:100%; display:inline-block;}
.invest_withdraw_block > span{ display:inline-block; position:relative; margin-bottom:10px;}
.invest_withdraw_block > span img{ display:inline-block; border-radius:50%;}
.invest_withdraw_block > span small{ font-size:12px; color:#ffffff; display:inline-block; background:#ff533d; border-radius:50%;
 width:17px; height:17px; text-align:center; line-height:17px; position:absolute; right:0; top:0;}

.invest_withdraw_block h5{ width:100%; display:inline-block; font-size:22px; text-transform:capitalize; font-family: 'Ubuntu', sans-serif;
 font-weight:bold; color:#01345b; line-height:40px; margin-bottom:10px;}
.invest_withdraw_block h5 small{ display:block; font-size:14px; color:#ff533d; font-weight:300; text-transform:capitalize;} 

.invest_withdraw_block h4{ width:100%; display:inline-block; font-size:26px; color:#ff533d; text-transform:capitalize; margin-bottom:5px;}
.invest_withdraw_block h4 small{ font-size:14px; color:#16639d;}

.invest_withdraw_block > small{ width:100%; display:inline-block; font-size:14px; color:#16639d;}
.invest_withdraw_block > small img{ display:inline-block; padding-left:4px;}

/** invest_withdraw_stats **/

.invest_withdraw_stats{ width:100%; display:inline-block; padding:0 50px;}
.invest_withdraw_stats ul{ width:100%; display:inline-block;}
.invest_withdraw_stats ul li{-webkit-box-shadow: 0px 1px 0px 0px rgba(255,84,61,1);
-moz-box-shadow: 0px 1px 0px 0px rgba(255,84,61,1);
box-shadow: 0px 1px 0px 0px rgba(255,84,61,1); 
display:inline-block; width:100%; padding: 12px 0;}
.invest_withdraw_stats ul li h5{ width:100%; display:inline-block; text-align:left; font-size:20px; color:#01345b; 
text-transform:capitalize; font-family: 'Ubuntu', sans-serif;}

.invest_withdraw_stats ul li h5 span{ float:right; font-size:26px; color:#ff533d; text-transform:capitalize;}
.invest_withdraw_stats ul li h5 span small{font-size:14px; color:#000000;}

.invest_withdraw_stats ul li:last-child{ box-shadow:none;}

/** chart_block **/

.chart_block{background: url("../images/white_building_1.png") no-repeat scroll -20% 20%, 
url("../images/white_building_2.png") no-repeat scroll 120% 10%, #ffffff none repeat scroll 0 0; 
width:100%; display:inline-block; padding: 20px 10px; border-radius: 30px;}

.highcharts-button{ display:none;}
.highcharts-background{ fill: transparent;}

/** main_account_balance **/

.main_account_balance{ width:100%; display:inline-block; text-align:center;}
.main_account_balance li {
	color: #ffffff;
	display: inline-block;
	margin: 0 20px;
}

.main_account_balance h5{ width:100%; display:inline-block; font-size:40px; color:#ffffff; font-weight:bold; text-transform:capitalize;}
.main_account_balance h5 small{font-size:18px; color:#ffffff; text-transform:capitalize; display:block; margin-bottom:10px;}
.main_account_balance h5 span{ font-size:18px; font-weight:300;}

/*****************************************************************
deposit
******************************************************************/

.table_page{ display:inline-block; width:100%; text-align:center;}
.table_page h6{ width:100%; display:inline-block;}
.table_page h6 a{background:#ff533d; font-size:14px; color:#ffffff; border-radius:4px; padding: 8px 11px; display:inline-block; }
.table_page h6 span{ display:inline-block; font-size:14px; color:#ffffff;  text-transform:capitalize; padding:0 5px;}
.table_page h6 a:hover{ background:#3888c5; color:#ffffff; }

/*****************************************************************
make deposit
******************************************************************/



.make_deposit_block{background: url("../images/white_building_1.png") no-repeat scroll -20% 20%, 
url("../images/white_building_2.png") no-repeat scroll 120% 10%, #ffffff none repeat scroll 0 0; 
width:100%; display:inline-block; padding: 35px 40px; border-radius: 25px;}

/** pay_block **/

.pay_block{ width:100%; display:inline-block; margin-bottom:20px;}
.pay_block ul{ width:100%; display:inline-block; min-height:40px;}
.pay_block ul li{ font-size:14px; color:#ff533d; text-transform:capitalize; display:inline-block; padding: 10px 28px 10px 0;
font-weight:normal;}









.success {
	  background: linear-gradient(1deg, #171858, #2b792b); background-size: 400% 400%;
  	

-webkit-animation: AnimationName 5s ease infinite;
-moz-animation:AnimationName 5s ease infinite;
animation: AnimationName 5s ease infinite;
   border-radius: 0;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #fff;
  font-size: 12px;
  padding: 1px 10px;
opacity: 0.7; display:inline-block;
}
.msg {
	color: #000;
	font-size: 13px;
	margin: 10px 0;
	text-align: center;

}
.msg.black {
	color: #fff;

}







.error {
  background: linear-gradient(1deg, #171858, #b93b37);
  
   background-size: 400% 400%;
-webkit-animation: AnimationName 5s ease infinite;
-moz-animation: AnimationName 5s ease infinite;
animation: AnimationName 5s ease infinite;
  border-radius: 0;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #fff;
  font-size: 12px;
  padding: 1px 10px;
  opacity: 0.7;display:inline-block;
}
.msg li {
	display: inline-block;
	list-style-type: none;
 margin: 5px 0;
}



.msg .error i {
  background-color: #b93b37;
  color: #fff;

}

.msg .success i {
  background-color: #2b792b;
  color: #fff;

}
.msg i {

  margin-right: 5px;
  padding: 10px;
}

@-webkit-keyframes AnimationName {
    0%{background-position:63% 0%}
    50%{background-position:38% 100%}
    100%{background-position:63% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:63% 0%}
    50%{background-position:38% 100%}
    100%{background-position:63% 0%}
}
@keyframes AnimationName {
    0%{background-position:63% 0%}
    50%{background-position:38% 100%}
    100%{background-position:63% 0%}
}

.succes_msg {
  text-align: center;
  width: 100%;
}



.faq_accordian{ width:100%;}
.faq_accordian .accordion-toggle{ cursor:pointer; margin:10px 0 0 0;}
.faq_accordian .accordion-toggle.active{background: url(../images/accordian_arrow_up.png) no-repeat center right, #ff533d; color:#ffffff;}

.faq_accordian .accordion h4 {
	background: url(../images/accordian_arrow_down.png) no-repeat center right, #01345b;
	font-size: 14px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 100%;
	font-weight: normal;
	padding: 15px 45px 15px 10px;
}
.faq_accordian .accordion-content{display: none;} 
.faq_accordian .accordion-content p{ width:100%; display:inline-block; font-size: 12px; color:#2f2e2e; line-height:30px;
background:#f0eeee; padding: 20px 30px;}

.faq_accordian .accordion .open {display: block;}


.index_about_content small {
	background-color: #ffcf00;
	padding: 5px;
	color: #194cd2;
}
.note li {
	list-style-type: none;
}
.note {
	text-align: center;
	margin-top: 50px;
}
.sec-note {
	margin-bottom: 20px;
	color: #ffffff;
	background-color: #ff0000;
	display: inline-block;
	padding: 5px;
}
.sec-note a {
	color: #ffffff;
	text-decoration: underline !important;
}
.tcu {
	text-align: center;
	color: #ff533d;
	margin-bottom: 30px;
}
.reftextarea {
	margin-bottom: 20px;
	box-shadow: none;
	overflow: hidden;
	min-height: 125px;
	margin: 00;
}
.sec-links li {
	margin-bottom: 20px;
}

.sec-sec {
background-color: #ff533d;
	padding: 10px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.sec-sec li {
	color: #fff;
}
.sec-sec h4 {
	color: #ffffff;
}
.news-sec {
	background-color: #ffffff;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.2);
}


.news-sec h4 {
	margin-bottom: 16px;
	color: #004342;
	font-size: 23px;
}
.news-sec small {
	background-color: #fad600;
	color: #013332;
	padding: 5px;
	margin-top: 20px;
	display: inline-block;
}

.pay {
	margin: 10px 0;
	text-align: center;
}
.pay li {
	display: inline-block;
	margin: 0 20px;
}

.page_go {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
.page_go h5{ width:100%; display:inline-block; font-size:14px; color:#ffffff;}
.page_go h5 a{ font-size:16px; color:#ffffff; background: #ff533d; border-radius:4px; width:35px; height:35px; 
display:inline-block; text-align:center; margin:0 3px;}
.page_go h5 a i{ display:inline-block; line-height:35px; }
.page_go h5 a:hover{ background:#345d7c;}


.dep-input {
	padding: 0 50px;
	margin-bottom: 20px;
}

.secu-msg {
	margin-bottom: 30px;
}


table.dark-col tbody td {
	color: #000;
}

table.deposit_confirm tbody td {
	color: #000;
}
.color-black td {
	color: #000;
}