/* -------------------- CSS Default -------------------- */
*{margin:0;padding:0;}
body{font-size:13px;font-family: "Arial", sans-serif;}	
li{list-style-type:none;}
a{text-decoration:none;transition: all 0.3s ease;}	
.clr{clear:both;}
a:focus{outline:none;}
a:hover, a:active, a:link, a:visited{text-decoration:none;}	
h1,h2,h3,h4,h5,h6 , .margin0{margin:0;}
.margin0auto{margin:0 auto;}
.padding0{padding:0;}

@font-face{
    font-family: Myriad_Regular;
    src: url(../../fonts/intro/Myriad_Regular.ttf);}

@font-face{
    font-family: Myriad_Condensed;
    src: url(../../fonts/intro/Myriad_Condensed.ttf);}

@font-face{
    font-family: UTM_HelvetIns;
    src: url(../../fonts/intro/UTM_HelvetIns.ttf);}
	
@font-face{
    font-family: Myriad_Semibold;
    src: url(../../fonts/intro/Myriad_Semibold.ttf);}

@media screen and (min-width: 1200px) {
	.etherbanking {
        width: 1200px;
        margin: 0 auto;}
}

@media screen and (min-width: 800px) {
	.etherbanking_small {
		z-index:9;
        width: 800px;
        margin: 0 auto;}
}
.navbar-nav>li>.dropdown-menu{
        margin-top: 4px;
}
/* -------------------- CSS FULL -------------------- */
/* -------------------- HEADER -------------------- */

#IMAGE403 {
    display: block;
}
#IMAGE403 {   
    height: 355px;
}
#SHAPE962 {
    top: 321.589px;
    left: 144.429px;
    width: 15.537500381469727px;
    height: 15.537500381469727px;
    position: absolute;
}
#SHAPE1223 {
    position: absolute;
    top: 253px;
    left: 143.969px;
    width: 15.537500381469727px;
    height: 15.537500381469727px;
}
#SHAPE1224 {
    position: absolute;
    top: 288px;
    left: 144.0625px;
    width: 15.537500381469727px;
    height: 15.537500381469727px;
}
#HEADLINE948 {
    position: absolute;
    top: 251px;
    left: 170px;
    padding: 0px;
    width: 436.8000183105469px;
    height: 18.399999618530273px;
}
#HEADLINE949 {
    position: absolute;
    top:285.609375px;
    left: 171px;
    padding: 0px;
    width: 470.3999938964844px;
    height: 18.399999618530273px;
}
#HEADLINE1222 {
    position: absolute;
    top: 318.609375px;
    left: 170px;
    padding: 0px;
    width: 533px;
    height: 19px;
}

 #IMAGE403 .lp-show-image {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background: url(../../images/intro/kg-vong-tron-ki-cong-1-1509013446076.png) no-repeat;
}
.widget-element  .widget-content {
    text-rendering: unset!important;
    width: 100%;
    height: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    display: inline-block;
    letter-spacing: 0;
}
                   
#back-to-top {
    position: fixed;
    bottom: 5px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}
#support-block {
    width: 260px;
    position: fixed;
    right: 0;
    bottom: 40px;
    background-color: #02443e;
    z-index: 1010;
    border-radius: 20px 0 0 20px;
    color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    display: none;
}
#support-block ul.list {
    overflow: hidden;
    background: #005f56;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    padding-bottom: 20px;
    border-radius: 20px 0 0 20px;
    border: 1px solid #034640;
}
#support-block #btn-sh {
    background: url(../../images/intro/arrow-bt-white.png) center center no-repeat;
}
#support-block.closed ul {
    display: none;
}
#support-block ul.list h3 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    margin-top: 12px;
}
#support-block.closed {
    box-shadow: none;
    background: transparent;
}
#support-block ul.list li {
    display: inline-block;
    margin: 5px 22px;
    min-height: 100px;
}
#support-block ul.list li p {
    margin-bottom: 0;
    font-size: 11px;
}
#btn-sh {
    display: block;
    height: 30px;
    cursor: pointer;
    background: url(../../images/intro/arrow-bt.png) center center no-repeat;
}
#support-block.closed #btn-sh {
    background: url(../../images/intro/arrow-bt.png) center center no-repeat;
}
#support-block.closed #btn-sh {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.box-pro-home {    
    height: 470px;
    background-image: url(../../images/intro/bg-thuonghieu.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box-pro-home .img {
    height: 230px;
}
.cat-name-pro-home {
    color: #0e9543;
    font-family: Hel-Bold, sans-serif;
    padding: 5px 0px;
    margin: 0px;
    font-weight: bold;
    text-transform: uppercase;
}
.c10 {
    height: 10px;
}
a.grow, .news-name-home a{color: #fff;}
.news-name-home a{text-transform: uppercase;}
#why-novaonads .why_element {
    position: relative;
    width: 100%;
    height: 585px;
    text-align: center;
    color: #fff;
}
#why-novaonads .why_element ._2500 {
    background-repeat: no-repeat;
    width: 252px;
    height: 260px;
    background-image: url(../../images/intro/2500+.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    left: 109px;
    top: 7px;
}
#why-novaonads .why_element ._2500 h4 {
    margin-top: 60px;
}
#why-novaonads .why_element ._2500 h4 {
    padding: 0 40px;
}
@media (min-width: 1024px){
    #why-novaonads .why_element ._2500 h4 {
        font-size: 30px;
    }
}
#why-novaonads .why_element ._100 {
    background-repeat: no-repeat;
    width: 252px;
    height: 260px;
    background-image: url(../../images/intro/100.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    left: 304px;
    top: 122px;
}
 #why-novaonads .why_element p {
    font-size: 17.5px;
    padding: 0 25px;
    margin-top: 5px;
}

#why-novaonads .why_element h3 {
    font-size: 39px;
    margin-bottom: 0;
    font-weight: 700;    
    font-family: Roboto,sans-serif;
}
#why-novaonads .why_element .nova_net {
    background-repeat: no-repeat;
    background-image: url(../../images/intro/bg_novanet.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    width: 163px;
    height: 165px;
    left: 503px;
    top: 52px;
}
#why-novaonads .why_element .gg_adword p, #why-novaonads .why_element .nova_net p,#why-novaonads .why_element .novaon p {
    font-size: 13px;
    padding: 0 25px;
    margin-top: 0;
    line-height: 18px;
}

#why-novaonads .why_element .year {
    background-repeat: no-repeat;
    background-image: url(../../images/intro/bg_9year.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 252px;
    height: 260px;
    position: absolute;
    top: 238px;
    left: 110px;
}

#why-novaonads .why_element h3 {
    font-size: 39px;
    margin-bottom: 0;
    font-weight: 700;    
    font-family: Roboto,sans-serif;
}
#why-novaonads .why_element .gg_adword {
    background-repeat: no-repeat;
    background-image: url(../../images/intro/bg_gg_adword.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 163px;
    height: 165px;
    position: absolute;
    top: 349px;
    left: 330px;
}
#why-novaonads .why_element .gg_adword img {
    width: 51px;
    padding-top: 10px;
}

#why-novaonads .why_element .gg_adword p {
    padding: 4px 32px;
}
#why-novaonads .why_element .novaon {
    background-repeat: no-repeat;
    background-image: url(../../images/intro/bg_novaon.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 163px;
    height: 165px;
    position: absolute;
    top: 162px;
    left: 5px;
}
#why-novaonads .why_element .novaon img {
    width: 50px;
    margin-bottom: 5px;
    margin-top: 12px;
}
#why-novaonads .why_element .novaon p {
    padding: 0 25px;
}

.news-name-home {    
    font-size: 14px;
    color: #0e9543;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    }
.news-hot div{
    color: #fff;
}    
.image-news-cel .date {
    width: 70px;
    height: 51px;
    background: #00a950;
    position: absolute;
    bottom: 0px;
    left: 15px;
    font-family: VNF-Gotham, sans-serif;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding-top: 6px;
}
.image-news-cel .date span {
    display: block;
}
.cat-name-pro-home a {
    color: #005f56;
}
h3.cat-name-pro-home a{
    font-size: 19px;
}
.box-pro-home .img img{
    width: 80%;
}
.z-index{
	z-index:9;
	position:relative;}

.navbar-default{
	background:none;
	border:none;}	
	
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	background:none;
	color:#ffffff;}	
	
.navbar-default .navbar-nav > li > a{
	font-family:Myriad_Condensed;
	padding:15px 20px;
	color:#bec8ff;
	font-size:20px;}
	
.navbar-brand > img{
	max-width:200px;}
	
header.only_header_index{
    height: 110px;
    background: transparent;
    color: #fff;
    -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}
        
header.sticky {
	position: fixed;
    height: 48px; 
	z-index:9999;
    width: 100%;
	box-shadow:0 1px 10px #1a2d95;
    background: #ffffff;}
	
.sticky nav ul li a{
	font-size:19px !important;
	padding:12px 16px !important;
	color:#686868 !important;}
	
.sticky nav ul li.active a, .sticky nav ul li:hover a{
	color:#4557bc;}
	
#navbar{
	margin-top:15px;}
	
.sticky #navbar{
	margin-top:0;}
	
a.navbar-brand-logo{
	display:none;}
	
a.navbar-brand-logo img{
	width:150px;
	margin-top:5px;}
	
canvas{
	display:block;
	position:absolute;
	top:0;
	width:100%;
	vertical-align:middle;}	
	
.only_header_index{
	position:absolute;
	top:0;
	z-index:99;
	width:100%;}
	/*
#navbar ul li:last-child a, #navbar ul li:nth-last-child(2) a{
	border-radius: 6px;
    background: #e91e63;
    color: #ffffff;
	padding: 6px 15px;
	margin-top: 10px;
    margin-left: 10px;}
	
#navbar ul li:last-child a:hover, #navbar ul li:nth-last-child(2) a:hover{
	color:#ffffff;
	background:#8091f0;}
	
.sticky #navbar ul li:last-child a, .sticky #navbar ul li:nth-last-child(2) a{
	font-size:19px !important;
	padding:8px 15px !important;
	border-radius: 0;
	margin-top: 6px;
	color:#ffffff !important;}

.sticky #navbar ul li:last-child a:hover, .sticky #navbar ul li:nth-last-child(2) a:hover{
	color:#ffffff !important;}
*/	
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background:#16736b;}
	
.navbar-default .navbar-toggle .icon-bar{
	background-color:#ffffff;}

/* -------------------- MAIN -------------------- */
#particles, #particles_no_effect{
	padding:120px 0 20px;
	width:100%;
	position:relative;
	color:#ffffff;
	background:url(../../images/intro/dm3.jpg) repeat fixed center center;}
	
hgroup{
	text-transform:uppercase;
	margin-bottom:70px;
	text-align:center;}
	
hgroup h2{
	font-family:Myriad_Regular;
	margin-bottom:12px;
	font-size:23px;}

hgroup h1{
	font-family:Myriad_Semibold;
	font-size:40px;}
	
#particles h5{
	font-family:Myriad_Semibold;
	font-size:30px;color: #fff;}

#particles p{
	font-family:Myriad_Regular;
	font-size:15px;
	margin-top:7px;
	color:#c6cfff;}

#particles img{
	border-radius:50%;
	padding:15px;
	*background:rgba(100,117,210, 0.7)}
	
.space{
	 margin-bottom:50px;}

#particles img.only_img{
	margin-top:33%;
	border: 1px solid #009588;
	box-shadow: 0 1px 15px #009588;
    background: #fff;
    }

section{
	min-height:400px;}
	
.shadow{
	padding:165px 0;
	background: url(../../images/intro/shadow-left.png) no-repeat top left,
				url(../../images/intro/shadow-right.png) no-repeat right bottom;}

.blue{
	background:radial-gradient(ellipse at center, rgba(82,100,202,1) 0%, rgba(63,81,181,1) 100%);
	padding-top:80px;}
	
section h4{
	font-family:Myriad_Semibold;
	margin-bottom:35px;
	font-size:36px;}
	
section h4 strong{
	font-weight:normal;
	color:#3f51b5}
	
section h6{
	font-family:Myriad_Regular;
	font-size:17px;
	line-height:1.7;
	color:#6d6d6f;}
	
.text_a{
	margin-top:55px;}

.text_a a{
	color:#ffffff;
	font-family:Myriad_Semibold;
	font-size:21px;
	background:#3f51b5;
	padding:15px 30px;
	border-radius:40px;
	text-align:center;}
	
.text_a a:hover{
	background:#6475d1;}
	
.shadow h4{
	margin-top:140px;}
	
.box_lending{
	margin-bottom:46px;}
	
section h3{
	padding:80px 0;
	text-align:center;
	font-family:Myriad_Semibold;
	font-size:40px;
	text-transform:uppercase;
	color:#fff;}

.box_lending h5{
	font-family:Myriad_Semibold;
	font-size:27px;
	margin:15px auto 7px;
	color:#fff;}

.box_lending h6{
	font-size:16px;
	color:#91c0ff;}

.img_relative{
	position:relative;}

.img_relative .absolute_content{
	position:absolute;
	width:100%;
	top:33%;}
	
.absolute_content h4{
	color:#ffffff;}
	
.absolute_content h6{
	color:#c6cfff;}
	
.absolute_content .text_a a{
	border:1px solid #ffffff;}
	
.mining img{
	border-radius: 50%;
    padding: 12px;
    border: 2px solid #3f51b5;
    width: 40%;}

.mining h3{
	padding:100px 0 120px;}

.mining .box_lending h5{
	margin:35px auto 12px;}

.blue ul li a img{
	float:left;
	max-width:45%;
	border-radius:5px;
	box-shadow:0 2px 20px #1c1c1c;
	transition:all 0.3s ease-in;
	margin-right:15px;}
	
.blue ul li a img:hover{
	box-shadow:0 2px 20px #7586e0;}

.mobileApp{
	background:#3f51b5 url(../../images/intro/world.png) no-repeat center center;}
	
.mining {
	background:#f8f9fb url(../../images/intro/wave.png) no-repeat center center;}

.mobileApp h3{
	color:#ffffff;
	padding:260px 0 30px;}	
	
.mobileApp p{
	color:#ffffff;
	line-height:1.8;
	font-size:18px;
	font-family:Myriad_Regular;
	width:40%;
	margin:0 auto 50px;
	text-align:center;}

footer{
	background: linear-gradient(to bottom, rgba(21,21,21,1) 0%, rgba(42,41,41,1) 100%);
	padding:30px 0 0;}
	
footer ul li{
	float:left;
	margin-right:4px;
	margin-left:10px;}
	
footer ul li img{
	border-radius:50%;
	border:1px solid #ffffff;
	transition:all 0.2s ease-in;
	padding:10px;}
	
footer ul li img:hover{
	border:1px solid #6475d1;}
	
footer p{
	color:#fff;
	margin-bottom:0;
	font-family:Myriad_Regular;
	font-size:14px;
	text-align:center;}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
#animate-area	{ 
	width: 100%; 
	*height: 175px; 
	background-image: url(../../images/intro/city.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 20s linear infinite;}
	
#animate-area ul{
	*width:215px;
	*margin:10px auto;}
	
.logo img{
	width:170px;
	margin-bottom:20px;}
	
.red a{
	background:#e91e63;}
	
.red a:hover{
	background:#3f51b5;}
	
/* -------------------- List Page -------------------- */
header{
	background:#005f56;
	-webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
	height:80px;}
	
.navbar{
	margin-bottom:0;}
	
.bg_breadcrumb{
	background:#02443e;}
	
.breadcrumb{
	background:none;
	padding:20px 15px;
	border:none;}
	
.breadcrumb li a, .breadcrumb li.active{
	font-size:15px;
	color:#ffffff;
	font-family:Myriad_Regular;}
	
section.content_detail{
	margin:50px 0; }

.content_detail article h3{
	padding:0px 0 20px;
	font-size:30px;}

.content_detail article p{
	font-size:15px;
	text-align:justify;
	line-height:1.7;}
	
.content_detail article p br{
	margin-bottom:10px;}
	
aside h4{
	border-bottom:1px solid #02443e;
	padding-bottom:9px;}
	
aside h4 span{
	padding: 10px 20px;
	font-size: 22px;
	color:#ffffff;
	background:#02443e;}
	
.box_aside img{
	border:1px solid rgba(125, 125, 125, 0.5);
	transition:all 0.12s ease-in;
	padding:3px;}

.box_aside img:hover{
	transform:scale(1.05, 1.05);}
	
.box_aside h5 a{
	font-size:15px;
	display:block;
	line-height:1.4;
	font-family:Myriad_Regular;
	color:#444444;}
	
.box_aside h5 a:hover{
	color:#3f51b5;}
	
.box_aside time{
	display:block;
	margin-top:5px;
	color:gray;
	font-size:12px;}
	
.box_aside .row{
	margin-bottom:20px;}
	
.ads img{
	margin-bottom:20px;}
	
.intro h4{
	font-size:30px;
	margin-bottom:25px;
    text-align: center;}
	
.intro {
	margin-bottom:35px; display:none}
	
.intro h6{
	font-size:15px;
	line-height:1.6;
	font-family:Arial;
	text-align:justify;}
	
.item_news{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid rgba(125, 125, 125, 0.2);}

.item_news img{
	border:1px solid rgba(125, 125, 125, 0.5);
	padding:3px;}	
	
.item_news h5 a{
	font-family:Myriad_Regular;
	font-size:19px;
	display:block;
	color:#444444;}
	
.item_news h5 a:hover{
	color:#3f51b5;}
	
.item_news time{
	display:block;
	color:gray;
	padding:7px 0;
	font-size:13px;}
	
.item_news p{
	color:#676767;
	line-height:1.6 !important;
	margin-bottom:15px;
	font-size:14px !important;}

.readmore a{
	background:#3f51b5;
	color:#ffffff;
	font-size:12px;
	border-radius:20px;
	padding:7px 15px;}
	
.readmore a:hover{
	background:#6475d1;}
	
.pagination{
	margin:0;}
	
.pagination > li:first-child > a, .pagination > li:first-child > span, 
.pagination > li:last-child > a, .pagination > li:last-child > span{
	border-radius:0;}
	
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, 
.pagination > .active > span:focus, .pagination > .active > span:hover{
	background:#3f51b5;}
	
.pagination > li > a, .pagination > li > span{
	margin-left:8px;
	border:1px solid #f0f0f0;
	color:#444444;}
	
/*-------------- Hover List News Image --------------- */
figure.snip1206 {
	position: relative;
	overflow: hidden;
	width: 100%;
	color: #ffffff;
	text-align: center;}
  
figure.snip1206 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;}
  
figure.snip1206 img {
	opacity: 1;
	width: 100%;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;}
  
figure.snip1206:after {
	background: #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	opacity: 0.5;
	-webkit-transform: skew(-45deg) scaleX(0);
	transform: skew(-45deg) scaleX(0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
  
figure.snip1206 figcaption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;}
  
figure.snip1206 h2, figure.snip1206 p {
	margin: 0;
	width: 100%;
	opacity: 0;}
  
figure.snip1206 h2 {
	padding: 10px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 17px;
	font-family: Myriad_Regular;
	color: #3f3f3f;
	background: #ffffff;
	width: 50%;
	margin: 0 auto;}
  
figure.snip1206 p {
	padding: 0 50px;
	font-size: 0.8em;
	font-weight: 500;}
  
figure.snip1206 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;}
  
figure.snip1206:hover:after, figure.snip1206.hover:after {
	-webkit-transform: skew(-45deg) scaleX(1);
	transform: skew(-45deg) scaleX(1);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
  
figure.snip1206:hover figcaption h2, figure.snip1206.hover figcaption h2,
figure.snip1206:hover figcaption p, figure.snip1206.hover figcaption p {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;}
  
figure.snip1206:hover figcaption h2, figure.snip1206.hover figcaption h2 {
	opacity: 1;}
  
figure.snip1206:hover figcaption p, figure.snip1206.hover figcaption p {
	opacity: 0.7;}

/* -------------------- Config Website -------------------- */
@media screen and (max-width: 1920px){
	a.navbar-brand-logo img{
		width:150px !important;}
}

@media screen and (min-width: 1371px){
	.text_a{
		margin-bottom:50px;}
}

@media screen and (max-width: 1370px){
	section{
		min-height:400px;}
		
	.shadow{
		padding:80px 0;}
		
	.shadow h4{
		margin-top:130px;}
		
	section h3{
		font-size:32px;
		padding:30px 0;}
		
	.white .text_a{
		margin-top:0;
		margin-bottom:60px;}
		
	.box_lending h5{
		font-size:25px;}
		
	.box_lending h6{
		font-size:15px;}
		
	.img_relative .absolute_content{
		top:28%;}
		
	.mining h3{
		padding:80px 0;}
		
	.mining .text_a{
		margin-bottom:35px;}
}

@media screen and (min-width: 960px) and (max-width: 1200px){
	.navbar-default .navbar-nav > li > a{
		padding:15px 20px;
		font-size:19px;}
		
	.navbar-header{
		width:200px;}
		
	a.navbar-brand img{
		width:200px !important;}
		
	.navbar-brand{
		padding:15px 10px;}
		
	.sticky nav ul li a{
		padding: 12px !important;}
		
	a.navbar-brand-logo img{
		width:150px !important;}
}

@media screen and (min-width: 768px) and (max-width: 959px){
	#particles{
		padding:120px 0 20px;}
		
	#particles img{
		padding:5px;}
		
	hgroup{
		margin-bottom:40px;}
		
	hgroup h2{
		font-size:18px;}
	
	hgroup h1{
		font-size:30px;}
		
	.space{
		margin-bottom:20px;}
		
	#particles h5{
		font-size:20px;}
		
	#particles p{
		font-size:12px;}
		
	.shadow h4{
		margin-top:70px;
		font-size:25px;}
		
	section h3{
		font-size:25px;}
		
	.box_lending{
		margin-bottom:40px;}
		
	.white .text_a{
		margin:30px 0 50px;}
		
	section h4{
		margin-bottom: 16px;
		font-size: 23px;}
		
	.img_relative .absolute_content{
		top:20%;}
		
	.mining h3{
		padding:40px 0;}
		
	.mining .box_lending h5{
		margin: 20px auto 12px;}
		
	.blue ul li a img{
		margin-right:0;
		margin-left:15px;}
		
	.mobileApp{
		padding-bottom:50px;
		background:#3f51b5 url(../../images/intro/world.png) no-repeat top center}
		
	.box_lending h6{
		font-size: 13px;
		line-height: 1.4;}
		
	.box_lending h6 br{
		display:none;}
		
	.mining{
		padding-bottom: 30px;}
		
	.absolute_content .text_a{
		margin-top:40px;}
		
	.mobileApp h3{
		padding:50px 0 20px;}
		
	.mobileApp p{
		font-size:13px;}
		
	.text_a{
		margin-top:0;}
		
	.box_lending h5{
		margin-top:0;
		margin-bottom:5px;
		font-size:20px;}
		
	.box_lending h6{
		font-size:13px;}
		
	.shadow{
		padding:30px 0;
		background:none;}
		
	section{
		}
		
	section h6{
		font-size:13px;}
		
	.text_a a{
		font-size:18px;
		padding:10px 20px;}
		
	.shadow img{
		max-width:230px;}
		
	
	.navbar-header {
        float: none;}
		
    .navbar-left,.navbar-right {
        float: none !important;}
		
    .navbar-toggle {
        display: block;
		margin-top: 9px;}
		
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
		
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;}
		
    .navbar-collapse.collapse {
        display: none!important;}
		
    .navbar-nav {
        float: none!important;}
		
    .collapse.in{
        display:block !important;}
		
	.navbar-default .navbar-toggle .icon-bar{
		background:#ffffff;}
		
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background:transparent;}
		
	.sticky .navbar-default .navbar-toggle .icon-bar{
		background:#a8a8a8;}
		
	.sticky .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background:transparent;}
		
	.navbar-default .navbar-nav > li > a, .sticky .navbar-default .navbar-nav > li > a{
		font-size:20px !important;
		margin-top: 10px;
		margin-bottom: 10px;
		padding:10px 20px !important;}
		
	.sticky .navbar-default .navbar-nav > li > a{
		color:#ffffff !important;}
		
	#navbar{
		background:#6475d1;
		left:0;
		position:absolute;
		width:100%;
		padding-left:0;}
		
	.navbar-brand > img{
		width:150px;}
}

@media screen and (min-width: 768px) {
	.no_padding_left{
		padding-left:0;}
		
	.no_padding_right{
		padding-right:0;}
		
	.no_padding{
		padding-left:0;
		padding-right:0;}
}

@media screen and (max-width: 767px) {
    @media (max-width: 767px)

#support-block {
    display: block;
}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color:#ffffff;}
	
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
		padding:10px 15px;}
	
	#particles canvas{
		display:none;}
		
	.frame_phone{
		display:none;}

	.navbar-toggle{
		border:1px solid #ffffff;}
		
	a.navbar-brand img{
		width:150px;
		margin-top:-10px;
		margin-left:15px;}
		
	.navbar-brand{
		float:none;}
		
	.navbar-toggle{
		margin-top:15px;}
		
	#navbar{
		margin-top:-10px;
		background: #16736b;
		box-shadow: 0 6px 10px #16736b;}
		
	.nav > li{
		width:48%;
		float:left;}
		
	.navbar-nav{
		margin-top:0;}
		
	.navbar-default .navbar-nav > li > a{
		padding: 13px 15px;}
		
	header{
		height:auto;}
		
	a.navbar-brand-logo img{
		width:150px;
		margin:4px 0 4px 4px;}
		
	.sticky .navbar-toggle{
		margin-top:8px;}
		
	.sticky .navbar-default .navbar-toggle .icon-bar{
		background-color:#686868;}
		
	.sticky .navbar-default .navbar-toggle{
		border-color:#686868;}
		
	.sticky .navbar-default .navbar-toggle:focus, .sticky  .navbar-default .navbar-toggle:hover{
		background:#ffffff;}
		
	.sticky nav ul li.active a, .sticky nav ul li:hover a{
		color:#ffffff !important;}
		
	.sticky nav ul li a{
		color:#bec8ff !important;}
		
	.sticky nav ul li:nth-last-child(2) a:hover, .sticky nav ul li:last-child a:hover{
		background:#3f51b5;}
		
	section{
		}
		
	.shadow{
		padding:0;}
		
	.shadow h4{
		margin-bottom:15px;
		margin-top:30px;
		font-size:27px;}
	
	section h6{
		font-size: 15px;
		line-height: 1.6;}
		
	.text_a{
		margin-top:40px;
		margin-bottom:40px;}
		
	.shadow img{
		margin-bottom:20px;}
		
	section h3{
		font-size:27px;
		padding:25px 0;}
		
	.box_lending{
		padding-bottom:15px;
		margin-bottom:15px;
		border-bottom:1px solid #d5d5d5;}
		
	.white .text_a{
		margin-top:30px;}
		
	.img_relative img{
		display:none;}
		
	.img_relative .absolute_content{
		position:static;
		padding:30px 0 20px;}
		
	section h4{
		margin-bottom:15px;
		font-size:25px;}
		
	section h6{
		text-align:justify;}
		
	.text_a a{
		padding: 10px 20px;}
		
	.mining h3{
		padding:30px 0;}
		
	.box_lending h6{
		text-align:center;}
	
	.mining{
		padding: 0 0 10px;}
		
	.white .text-right, .white .box_lending h6{
		text-align:left;}
		
	.mobileApp h3{
		padding:30px 0;}
		
	.mobileApp p{
		width:100%;
		font-size:15px;
		padding:0 15px;}
		
	.mobileApp {
		background: #3f51b5 url(../../images/intro/world.png) no-repeat;}
	
	.blue ul li a img{
		max-width:44%;}
		
	.mobileApp ul{
		margin-bottom:75px;}
		
	hgroup{
		margin-bottom:35px;}
		
	.space{
		margin-bottom:25px;}
		
	#particles .space p br{
		display:none;}
		
	.mining{
		background:#f8f9fb;}
		
	.mining .box_lending h5 {
		margin: 20px auto 5px;}
		
	#particles p{
		font-size:14px;}
		
	#particles h5{
		font-size:24px;}
		
	#particles img{
		padding:7px;}
		
	section.content_detail{
		margin:20px 0;}
		
	.intro h4{
		font-size:25px;
		margin-bottom:10px;}
		
	.intro h6{
		font-size:14px;}
		
	.item_news h5 a, .box_aside h5 a{
		margin-top:10px;}
		
	.item_news p{
		font-size:13px !important;
		text-align:left !important;}
		
	.readmore{
		text-align:center;}
		
	aside{
		margin-top:35px;}
		
	.content_detail article h3{
		font-size:24px;}
		
	.content_detail article p{
		font-size:13px;
		line-height:1.6;}

	.white{
		padding-bottom:30px;}
		
	.box_mining{
		width:100% !important;
		margin-bottom:15px;}
		
	.fr img{
		float:right;}
}

@media screen and (min-width: 500px) and (max-width: 767px) {
	hgroup h2{
		font-size:20px;}
	
	hgroup h1{
		font-size:33px;}
		
	#particles .text-right{
		text-align:left;}
		
	.half_item{
		width:50%;}
		
	#particles{
		padding:120px 0 30px;}
		
	.shadow img{
		margin-top:20px;
		width:296px;}
		
	.box_lending h5{
		font-size:20px;
		margin: 0px auto 3px;}
		
	.box_lending h6{
		font-size:12px;}
		
	.box_lending{
		border-bottom:0;}
		
	.box_lending {
		padding-bottom: 13px;
		margin-bottom: 10px;}
		
	.mobileApp ul{
		margin: 0 auto 75px;
		width: 300px;}
		
	#particles h5{
		font-size:21px;}
		
	#particles p{
		font-size:13px;}
		
	.space{
		min-height:100px;}
		
	.shadow .half_item{
		width:70%;}
		
	.shadow .half_item_30{
		width:30%;}
		
	section h6{
		font-size:14px;}
		
	.text_a{
		margin-top:25px;}
}

ul.dropdown-menu li:last-child a:hover, ul.dropdown-menu li:nth-last-child(2) a:hover{
	color: #333333 !important;
    background-color: #f5f5f5 !important;
	border-radius:0 !important;
	clear: both;
}

@media screen and (max-width: 499px) {
	#particles{
		padding:100px 0 30px;}
		
	hgroup h2{
		font-size:16px;}
		
	hgroup h1{
		font-size:25px;}
		
	#particles .text-right{
		text-align:left;}
		
	#navbar ul li:last-child a, #navbar ul li:nth-last-child(2) a{
		border:none;
		border-radius:0;
		background:none;
		padding: 12px 16px !important;
		margin:0;}		
		
	.nav > li{
		float:none;
		width:100%;}
		
	ul.dropdown-menu{
		margin-left:20px;}
		
	ul.dropdown-menu li:last-child a, ul.dropdown-menu li:nth-last-child(2) a{
		padding:8px 15px !important;}
		
	ul.dropdown-menu li:last-child a:hover, ul.dropdown-menu li:nth-last-child(2) a:hover{
		background:none !important;
		color:#333333 !important;}
	
	.sticky nav ul li:nth-last-child(2) a:hover, .sticky nav ul li:last-child a:hover{
		background:none;}
        
  .box-pro-home .img img{
    width: 80%;
  }
  
  #HEADLINE948 {
        position: absolute;
        top: 338px;
        left: 170px;
        padding: 0px;
        width: 436.8000183105469px;
        height: 18.399999618530273px;
    }
    #HEADLINE949 {
        position: absolute;
        top: 272.609375px;
        left: 171px;
        padding: 0px;
        width: 470.3999938964844px;
        height: 18.399999618530273px;
    }
    #HEADLINE1222 {
        position: absolute;
        top: 306.609375px;
        left: 170px;
        padding: 0px;
        width: 533px;
        height: 19px;
    }
    #SHAPE962 {
        top: 342.589px;
        left: 144.429px;
        width: 15.537500381469727px;
        height: 15.537500381469727px;
        position: absolute;
    }
    #SHAPE1223 {
        position: absolute;
        top: 309px;
        left: 143.969px;
        width: 15.537500381469727px;
        height: 15.537500381469727px;
    }
    #SHAPE1224 {
        position: absolute;
        top: 276px;
        left: 144.0625px;
        width: 15.537500381469727px;
        height: 15.537500381469727px;
    }
}

@media screen and (min-width: 768px) and (max-width: 993px){
	.ipad_float{
		float:right;}
}

/* -------------------- Few Option -------------------- */
.frame_phone{
	position:relative;}
	
#generic{
	position:absolute;
	width:255px;
	top: 12% !important;
	left: 27.9%;
	top:0;}
	
.frame_phone .margin0auto{
	display:block;
	max-width:100%;}
	
@media screen and (min-width: 960px) and (max-width: 1030px){
	#generic{
		left: 23.9%;}
}

@media screen and (min-width: 768px) and (max-width: 959px){
	#generic{
		left: 14%;}
}

.overlay{
	background:#000000;}

figure.snip1206:hover img{
    opacity:0.3;}
	
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background:none;
	color:#ffffff;}
	
ul.dropdown-menu li:last-child a, ul.dropdown-menu li:nth-last-child(2) a{
	background:none !important;
	color:#ffffff !important;
	*padding: 15px 25px !important;
	margin:0 !important;
	clear: both;
}

.dropdown-menu>li>a{
	padding:15px 25px;
	color:#ffffff;
	font-weight:normal;
	font-size:21px;
	font-family:Myriad_Semibold;}
	
.dropdown-menu{
	box-shadow: 0 7px 30px rgba(0, 0, 0, 0.16);
	border:0;
	padding:0;
	background:#02443e;}
	
.sticky ul.dropdown-menu li a{
	color:#ffffff !important;}
	
.sticky ul.dropdown-menu li a:hover{
	color:#333333 !important;
	background:#f0f0f0;
}

.sticky #navbar ul.dropdown-menu li:last-child:hover a, .sticky #navbar ul.dropdown-menu li:nth-last-child(2):hover a{
	color:#333333 !important;
}

.download_document{
	margin-left:15px;
	margin-top:50px;}

.download_document a{
	color:#ffffff;
	background:#3f51b5;
	border-radius:20px;
	padding:10px 20px;}
	
.download_document a:hover{
	background:#6475d1;}
	
.content_detail article p{
	line-height:1.7;
	font-size:13px;
	text-align:justify;}
	
#accordion .panel-default h4 a{
	font-size:21px;}
	
#accordion .panel-body{
	line-height:1.7;}
	
#accordion .panel-body br{
	margin-bottom:15px;}
	
.gray h4 {
    padding-top: 70px;}

.blue h3 {
    color: #ffffff;
	padding-top: 0;}

.blue img {
    border-radius: 50%;
    padding: 15px;
    background: rgba(100,117,210, 0.7);}
	
.box_mining p, .blue p {
    text-align: center;
    margin: 20px 0px 50px;
	font-family: Myriad_Regular;
	color: #ffffff;
	font-size: 20px;
    float: none !important;}

.fr {
    float: right;}
	
.box_mining {
    background: rgba(63,81,181,1);
    padding: 15px 30px;
    border-radius: 30px;
    width: 300px;}
	
.box_mining p{
	text-align:right;
	float:left !important;
	margin: 20px 0px 30px;}
	
.gray p, .gray ul li{
	font-family:Myriad_Regular;
	font-size:17px;
	color:#ffffff;
	line-height:1.5;
	margin-bottom:20px;
	font-weight:normal;}
	
.gray {
	background:#3f51b5 url(../../images/intro/pixel_map.png) no-repeat center center;}
	
.gray h4{
	text-transform:uppercase;
	color:#ffffff;}

.gray p strong, .gray ul li strong{
	color:#50e6ff;
	font-weight:normal;}
	
.gray ul{
	margin-left:10px;}

.gray ul li{
	margin-bottom:10px;
	list-style-type:disc;}
	
.gray ul li span{
	color:#50e6ff;}
	
.content_detail article p small{
	font-style:italic;
	font-size:15px;}
	
#itMe_stop{
	padding:0 15px 30px;}
	
.content_detail article p a, .content_detail article p b{
	color:#e91e63;}


.content_detail article img {
	width: 100%;}