/* ----------------------------------------------------------------
    TEMPLATE FONTS
-----------------------------------------------------------------*/
@charset "utf-8";
/*fonts-face db heavent*/
@font-face {
    font-family: 'db_heaventbold_it';
    src: url('../fonts/db-heavent/db_heavent_bd_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventbold';
    src: url('../fonts/db-heavent/db_heavent_bd_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventitalic';
    src: url('../fonts/db-heavent/db_heavent_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventlight_it';
    src: url('../fonts/db-heavent/db_heavent_li_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventlight';
    src: url('../fonts/db-heavent/db_heavent_li_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventmed_it';
    src: url('../fonts/db-heavent/db_heavent_med_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventmed';
    src: url('../fonts/db-heavent/db_heavent_med_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventthin_it';
    src: url('../fonts/db-heavent/db_heavent_thin_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventthin';
    src: url('../fonts/db-heavent/db_heavent_thin_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventregular';
    src: url('../fonts/db-heavent/db_heavent_v3.2-webfont.ttf');
    font-style: normal;}
/*.fonts-face*/
@font-face{
    font-family:'FontAwesome';
    src:url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.1.0');
    src:url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
        url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.1.0') format('woff'),
        url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
        url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal}
/* ----------------------------------------------------------------
    BODY
-----------------------------------------------------------------*/
body {padding: 0;margin:0; overflow-x: hidden;}
.img-responsive { margin: 0 auto;}
.center {margin:0 auto; text-align: center;}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
a, a:hover {text-decoration: none;}
/*.hidden-xs {display: inline-block;}*/

/*topbanner*/

.vc_section .entry-content.allnew-design {
    margin-bottom: -16%;
}
.vc_section .entry-content.allnew-design .box1{
    width: 35%;
    float: left;
    padding: 1%;
    margin:0;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor{
    background:#343a40;
    border-radius: 20px;
    padding:8% 0;
    margin:0 0 3% 0;
    box-shadow: 1px 1px 10px #000;
    float: left;
}
/*border*/
.vc_section .entry-content.allnew-design .box1 .bgcolor .border-top{
    width: 100%;
    float: left;
    margin-bottom: 10%;
    height: 5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 15%, #ffffff 15%, #ffc168 50%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#ffc168 50%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 15%,#ffffff 15%,#ffc168 50%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.vc_section .entry-content.allnew-design .box1 .bgcolor .border-bottom{
    width: 100%;
    float: left;
    height: 5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 15%, #ffffff 15%, #ffc168 50%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#ffc168 50%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 15%,#ffffff 15%,#ffc168 50%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.vc_section .entry-content.allnew-design .box1 .bgcolor .border-top.template{
    width: 100%;
    float: left;
    margin-bottom: 10%;
    height: 5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 15%, #ffffff 15%, #ff948b 50%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#ff948b 50%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 15%,#ffffff 15%,#ff948b 50%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.vc_section .entry-content.allnew-design .box1 .bgcolor .border-bottom.template{
    width: 100%;
    float: left;
    height: 5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 15%, #ffffff 15%, #ff948b 50%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#ff948b 50%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 15%,#ffffff 15%,#ff948b 50%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.vc_section .entry-content.allnew-design .box1 .bgcolor .border-top.allnew{
    width: 100%;
    float: left;
    margin-bottom: 10%;
    height: 5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 15%, #ffffff 15%, #4d535a 50%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#4d535a 50%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 15%,#ffffff 15%,#4d535a 50%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.vc_section .entry-content.allnew-design .box1 .bgcolor .border-bottom.allnew{
    width: 100%;
    float: left;
    height: 5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 15%, #ffffff 15%, #4d535a 50%, #ffffff 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#4d535a 50%,#ffffff 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 15%,#ffffff 15%,#4d535a 50%,#ffffff 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
/*.border*/
.vc_section .entry-content.allnew-design .box1 .bgcolor .header{
    width: 100%;
    float: left;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor h3{
     margin-bottom: 5px;
    font-size:5rem;
    text-align: left;
    font-family: 'Roboto', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#fff;
    line-height: 1;
    font-weight: bold;
    padding: 0 8% 0 12%;
    margin:0;
    width: 100%;
    float: left;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor h3 span.THB{float: none;display: none;}
.vc_section .entry-content.allnew-design .box1 .bgcolor h3 span {
    font-weight: normal;
    font-size: 30px;
    font-family: 'db_heaventregular', "Open Sans", "Tahoma", "Arial", sans-serif;
    float: right;
    line-height: .8;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor p.red{
    font-size: 28px;
    text-align: center;
    font-family: 'db_heaventregular', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#000;
    line-height: 1;
    padding:2%;
    background:#ffde00;
    width:100%;
    float: left;
    margin:4% 0;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor p.red span.line-through {
    color: #df0000;
    text-decoration: line-through;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor p.title.sp{display: none;}
.vc_section .entry-content.allnew-design .box1 .bgcolor p.title{
    font-size: 22px;
    text-align: left;
    font-family: 'db_heaventregular', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#fff;
    line-height: 1;
    padding:2% 0 0 0;
    margin:0;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor p.content{
    font-size: 22px;
    text-align: left;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#fff;
    line-height: 1;
    padding:2% 8%;
    margin:0;
    float: left;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor ul{
    width: 100%;
    float: left;
    padding: 0 10%;
    margin:30;
    /*border-top:1px solid #f3af4e;*/
}
.vc_section .entry-content.allnew-design .box1 .bgcolor ul li{
    width: 100%;
    float: left;
    font-size: 22px;
    text-align: left;
    color: #fff;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    padding: 0;
    margin:0;
    list-style-type: none;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor ul li span {
    float: right;
    text-align: right;
    padding-left: 1%;
}
.vc_section .entry-content.allnew-design .box1 .bgcolor ul li .fa-check:before{
    font-size: 18px;
    color:#df0000;
}
/*box2*/
.vc_section .entry-content.allnew-design .box2{
    width: 22%;
    float: left;
    padding: 1%;
    margin:0;
}
.vc_section .entry-content.allnew-design .box2 p.demo{
    font-size: 24px;
    text-align: left;
    font-family: 'db_heaventregular', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#fff;
    line-height: 1;
    padding:3% 6%;
    margin:4% 0 8% 0;
    background:#df0000;
    border-radius: 10px;
    width: fit-content;
}
.vc_section .entry-content.allnew-design .box2 img.demo{
    width: auto;
    float: left;
    text-align: left;
    box-shadow: 1px 1px 10px #000;
    height: 280px;
}
/*box3*/
.vc_section .entry-content.allnew-design .box3{
    width: 43%;
    float: left;
    padding: 1% 1% 1% 3%;
    margin:2% 0 0 0;
}
.vc_section .entry-content.allnew-design .box3 h3 {
    font-size: 4rem;
    text-align: left;
    font-family: 'db_heaventmed', "Open Sans", "Tahoma", "Arial", sans-serif;
    color: #ee9414;
    line-height: 1;
    padding: 0;
    margin: 0 0 4% 0;
}
.vc_section .entry-content.allnew-design .box3 h3 span{color:#fff;}
.vc_section .entry-content.allnew-design .box3 p.content {
    font-size: 24px;
    text-align: left;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color: #fff;
    line-height: 1;
    padding: 0;
    margin: 0;
}
.vc_section .entry-content.allnew-design .box3 a.btnred{
    font-size: 25px;
    text-align: center;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#fff;
    line-height: 1;
    padding:3% 5%;
    margin:8% auto 4% auto;
    background:#df0000;
    width: fit-content;
    border-radius: 8px;
    display: inline-block;
    transition: all 0.8s ease;
    text-decoration: none;
}
.vc_section .entry-content.allnew-design .box3 a.btnred:hover{background:#a90000;}
a.btnred{
    font-size: 25px;
    text-align: center;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color:#fff;
    line-height: 1;
    padding:1.8% 4%;
    margin:0 auto;
    background:#df0000;
    width: fit-content;
    border-radius: 8px;
    display: inline-block;
    transition: all 0.8s ease;
    text-decoration: none;
}
a.btnred:hover{background:#a90000;}
.vc_section .entry-content.allnew-design .box3 p.yello {
    font-size: 24px;
    text-align: left;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color: #ee9414;
    line-height: 1;
    padding: 0;
    margin: 3% 0 0 0;
}
.vc_section .entry-content.allnew-design .box3 p.time {
    font-size: 24px;
    text-align: left;
    font-family: 'db_heaventlight', "Open Sans", "Tahoma", "Arial", sans-serif;
    color: #fff;
    line-height: 1;
    padding: 0;
    margin: 0;
}
.vc_section .entry-content.allnew-design .box3 p.time .fa-clock-o:before{color:#df0000;}

.vc_section .entry-content.allnew-design p.yello img.tick, 
.vc_section .entry-content.allnew-design p.time img.tick{
    width: 18px;
    float: left;
    margin: 0 8px 0 0;
}

section.function.allnew-design ul li .bgcolor .boxcontent h4{
    height: 70px
}
section.function.allnew-design.service{margin-top:-5px;border-top:5px solid #fff;background:transparent;}
section.function.allnew-design{background:#f6f6f6;}
section.vc-section-faq.allnew-design {z-index: -1;margin-top: -10%;}
section.period.allnew-design ul li {width: 25%;}
@media (max-width: 1080px) {
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3 {padding:0 4%;}
    .vc_section .entry-content.allnew-design .box2 img.demo{height: auto;}
}

@media (max-width: 800px) {
    .vc_section .entry-content.allnew-design .box1 .bgcolor p.red{font-size: 20px;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor p.title{font-size: 22px;}
    /*.vc_section .entry-content.allnew-design .box1 .bgcolor h3 span{display: none;}*/
    .vc_section .entry-content.allnew-design .box1 .bgcolor p.title.sp{display: inline-block;padding: 1% 8%;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3 span.THB{float: none;display: inline-block;}
    section.period .heading h2,
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3{font-size: 3rem;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3 span {font-size: 24px;}
    section.period .heading p.content,
    section.period ul li p.content,
    section.period ul li p.title,
    .vc_section .entry-content.allnew-design .box1 .bgcolor p.content,
    .vc_section .entry-content.allnew-design .box3 p.content,
    .vc_section .entry-content.allnew-design .box3 p.time{font-size: 22px;}
    .vc_section .entry-content.allnew-design .box3 p.yello {font-size: 24px;}

    .vc_section .entry-content.allnew-design .box3 h3 {font-size: 3rem;}
    section.function.allnew-design ul li .bgcolor .boxcontent h4 {height: 50px;}
}
@media (max-width: 600px) {
    .vc_section .entry-content.allnew-design .box1 {width: 70%;}
    .vc_section .entry-content.allnew-design .box2{width: 30%;}
    .vc_section .entry-content.allnew-design .box3{width: 100%;}
    section.period ul li {width: 100%;}
    section.period {padding: 0;}
    section.period.allnew-design ul li {width: 50%;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3{padding-left: 15%;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3 span{padding-right: 15%;}
}
@media (max-width: 480px) {
section.function.allnew-design ul li .bgcolor .boxcontent h4,
section.function ul li .bgcolor .boxcontent p.content {height: auto;}
}
@media (max-width: 414px) {
    .vc_section .entry-content.allnew-design .box1,
    .vc_section .entry-content.allnew-design .box2,
    section.period.allnew-design ul li {width: 100%;}
    .vc_section .entry-content.allnew-design .box2 p.demo {text-align: center;float: none;margin:4% auto 8% auto;}
    .vc_section .entry-content.allnew-design .box2 img.demo {float: none;text-align: center;margin:0 auto;}
    .vc_section .entry-content.allnew-design .box3 h3,
    .vc_section .entry-content.allnew-design .box3 p.content{text-align: center;}
    section.period .heading h2 {font-size: 3rem;}
    section.period ul li img {width: 30%;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor {padding-bottom: 3%;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3{padding-left: 20%;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3 span{padding-right: 20%;}
}
@media (max-width: 365px) {
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3{padding-left: 15%;}
    .vc_section .entry-content.allnew-design .box1 .bgcolor h3 span{padding-right: 15%;}
}