#navigation{padding-top: 0; padding-bottom: 0;}
.navbar-nav{line-height: 50px;}

.navbar-brand > img{width:auto; height: 42px; z-index: 1;}

.nav-block a, .nav-block a:link, .nav-block a:active, .nav-block a:visited{color:#000; font-weight: normal; text-decoration: none;transition-duration:.5s;}
.nav-block a:hover{color:#f40;transition-duration:.5s;}
.nav-block.active a, .nav-block.active a:link, .nav-block.active a:active, .nav-block.active a:visited{color:#FFF; text-decoration: none;transition-duration:.5s;}

.nav-block.active a:hover{color:#f40;text-shadow: 1px 1px 4px rgb(0,0,0), -1px -1px 4px rgb(0,0,0);transition-duration:.5s;}
.nav-block {background-color:transparent; transition-duration:1s; position:absolute; z-index:1; left:0; right:0;}
.nav-block.active{ background-color:rgba(0,0,0,0.7); transition-duration:1s;}



.navbar-toggle {
    display: block;
    border: 0;
    right: 0;
    top: 0;
    margin: 0;
    height: 50px;
    width: 50px;
    padding: 6px 17px;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    transition-duration: .5s;
}



.nav-block .nav-link {}

.toggle-bar, .toggle-bar:after, .toggle-bar:before {
    cursor: pointer;
    border-radius: .5px;
    height: 2px;
    width: 20px;
    background: #000;
    position: absolute;
    display: block;
    content: '';
	transition-duration:.5s;
}

.nav-block.active .toggle-bar, .nav-block.active .toggle-bar:after, .nav-block.active .toggle-bar:before {
	background: #FFF;transition-duration:.5s;
}


.navbar-toggle:hover .toggle-bar, .navbar-toggle:hover .toggle-bar:after, .navbar-toggle:hover .toggle-bar:before {
    box-shadow: 0 0 3px #FFF;
}
.navbar-toggle.trigger:hover .toggle-bar{box-shadow: none;}

.toggle-bar{top:50%;transition-duration:.5s;}
.toggle-bar:before {top:-7px;transition-duration:.5s;}
.toggle-bar:after {top:7px;transition-duration:.5s;}

.navbar-toggle.trigger {background-color:transparent; transition-duration:.5s;}

/*
.navbar-toggle.trigger .toggle-bar, .navbar-toggle.trigger .toggle-bar:after, .navbar-toggle.trigger .toggle-bar:before{
	background-color:#FFF; transition-duration:.5s;
}
*/


.navbar-toggle.trigger .toggle-bar{background-color: transparent;transition-duration:.5s; transform-origin: center center;}
.navbar-toggle.trigger .toggle-bar:before{transform: rotate(45deg); transform-origin:left center;transition-duration:.5s;}
.navbar-toggle.trigger .toggle-bar:after{transform: rotate(-45deg); transform-origin:left center;transition-duration:.5s;}

.navbar-toggle:focus{	
	outline:none;
}

.dm-ctn{display: block; margin: auto; max-width: 1100px;}

.bgt-ctn{background-image: url(../images/bg-t1.jpg); background-size: cover; background-position: center center;padding: 2% 4.2%; box-sizing: border-box;}

.dm-block{}



.illu-01 {width: 20.83%; margin-left: 20.83%;}
.illu-02 {width: 35%;}
.illu-03 {width: 20.66%;}

.illu-2-1{width: 37.74%; margin-left:6%;}
.illu-2-2{width: 50.48%;}

.illu-3-1{width: 65.66%;}
.img-row-3{margin-bottom: 40%;}

.bgb-ctn{}
.bg-b1{background-image: url('../images/bg-b1-1.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center top;  position: absolute; right: 0; left: 0; margin-top: -50%; padding-top: 65.84%;}

.logo-image{width:20%; min-width: 90px;}
.clkApply-img{width:25%; min-width: 200px;}

.plan-row {padding-top:6%; padding-bottom: 50px;}
.plan-row .column{padding-bottom: 30px;}
.plan-row .column > img{max-width: 220px; min-width:120px;}




footer {background-color: rgb(2,60,96); color: #FFF; font-size: 14px;}

@media (max-width: 1200px) {


}


@media (max-width: 992px) {
.nav-block { background-color: rgba(255,255,255,0.85);}
	
#navbar {background-color:transparent; box-shadow:none;}
#nav{ width:100%; text-align:center; padding:30px 0; }
.nav-bar > .navflow {padding:12px 12px 12px 0;}
.nav-block .nav-item{margin: 0;}	
.nav-block .nav-link{ margin:0; line-height:46px; border-top:1px solid #7582B5;}	
.nav-bar{box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);}
	
.dm-ctn {
    max-width: 800px;
}
}

@media (max-width: 768px) {

.dm-ctn {
    max-width: 576px;
}
.illu-01 {width: 36%; margin-left: 10%; margin-right:30%; padding-bottom: 2%; text-align: left;}
.illu-02 {width: 60%;margin-left:3%;}
.illu-03 {width: 35%;}
	
	.illu-3-1{width: 100%;}
	
}


@media (max-width: 544px) {
	
	#navigation{padding-left: 0; padding-right: 0;}
/*.dm-logo{display: block; width: auto;}
	.illu-01{margin-left: 4%;}
	.illu-01 >img{min-width: 160px;}
	.illu-02{display: block; width: 96%}
	.illu-03{ width: 100%; position: absolute; top:45%;}
	.illu-03 > img {right: 0; width: 32%;}
.plan-row .column > img{max-width: 180px;}*/

}
@media (max-width: 432px) {	
	.nav-container{padding-left: 4px; padding-right: 4px;}
	.navbar-brand > img{height: 39px;}
/*	.illu-2-1{display: block; text-align: center;width: 100%; margin-left: auto;}
	.illu-2-1 > img{width: 60%;}
	.illu-2-2{display: block; text-align: center;width: 100%;}
	.illu-2-1 > img{width: 80.26%;}*/
}

@media (max-width: 320px) {
	

}