.homeslider .flickity-page-dots .dot {
border:1px solid #fff;
}
.homeslider .flickity-page-dots .is-selected {
background: #ffa900!important;
border-color: #ffa900!important;
}
.homeabout {
padding: 80px 0 20px 0;
}
.homeabout .title {
color: #ffa900;
text-transform:uppercase;
font-weight:bold!important;
}
.homeabout .button {
border-radius:3px;
color: #03275a;
text-transform:uppercase;
}
.homeabout .button:hover {
background: #03275a;
color: #ffa900;
}
.homevalues {
padding: 80px 0;
}
.homevalues h2.title {
text-transform:uppercase;
color: #ffa900;
}
.value-content {
background: #0d4da1;
text-align:justify!important;
}
.value-1, .value-5 {
background: #ffa900;
text-shadow: none!important;
}
.value-2 {
background: #00214d;
}
.value-4 {
border:1px solid #ffa900;
}
.title1 {
font-size:28px;
display:block!important;
margin-bottom:0!important;
}
.title2 {
font-size:20px;
margin-bottom:15px!important;
display:block;
}
.value-1 p, .value-2 p, .value-3 p, .value-4 p, .value-5 p {
margin-bottom:-5px;
margin-top:0;
}
.value-3 .title1, .value-3 .title2, .value-4 .title1, .value-4 .title2 {
color: #00214d!important;
}
.homevalues .flickity-page-dots .dot {
border:1px solid #0c4da2;
background: #fff;
opacity:1;
margin-bottom:10px;
}
.homevalues .flickity-page-dots .is-selected {
background: #ffa900!important;
border-color: #0c4da2!important;
}
.homeproducts {
padding: 60px 0 60px 0;
}
.homeproducts .title {
text-transform:uppercase;
}
.homeproducts .viewall {
text-transform:uppercase;
font-size:14px!important;
float:right;
margin-top:-35px;
background:url(//dinhduong.com.vn/wp-content/themes/forestjump/images/viewall.png) right center no-repeat;
padding-right:20px;
background-size:9px;
}
.homeproducts h3 {
background: #03275a;
margin-bottom:0;
padding:15px;
color: #fff!important;
}
.homeproducts h3 a {
color: #fff;
}
.homeproducts .box-text {
height:100vh;
padding:40px;
background: url(//dinhduong.com.vn/wp-content/themes/forestjump/images/cornerbg.png) bottom right no-repeat rgb(0,0,0,0.5);
background-size:80px;
}
.homeproducts .box-text .viewmore {
position:absolute;
bottom:40px;
background: url(//dinhduong.com.vn/wp-content/themes/forestjump/images/viewall.png) right center no-repeat;
background-size:7px;
padding-right:15px;
}
.homepost {
padding: 15px;
font-size:15px;
}
.homepost p {
margin-bottom:10px;
}
.homepost .title {
font-size:16px;
font-weight:bold;
line-height:25px;
}
.homepost .title a {
color: #000;
}
.homepost .viewmore {
position:absolute;
bottom:15px;
right: 30px;
text-transform:uppercase;
color: #000;
}
.homeform {
padding: 80px 0 60px 0;
}
.homeform form {
margin-bottom:0;
}
.homeform .col-inner {
background: #fff;
padding: 30px;
}
.homeform .title {
color: #ffa900;
text-transform:uppercase;
font-size:26px;
font-weight:bold;
margin-bottom:10px;
}
.homeform .wpcf7-text {
background:#ebebeb;
border:none;
}
.homeform .wpcf7-submit {
background: #ffa901!important;
color: #03275b;
}
.homeform label {
text-align:justify!important;
}
.custompostlist .row {
background: #f9f9f9;
margin:0 0 15px 0!important;
padding:10px;
text-align:justify;
}
.custompostlist img {
padding-right:10px;
}
.postcount {
text-align:right;
margin-top:-45px;
margin-bottom:20px;
color: #000;
font-weight:bold;
}
.postfields i {
padding-right:5px;
}
.postfields {
display:inline;
}
.custompostlist .homeexpert {
display:block;
padding-top:10px;
height: 85px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align: justify;
}
.custompostlist h2 a {
color: #000;
font-size:18px;
}
.customfooter .col {
padding-bottom:0;
}
.customfooter, .customfooter a {
color: #fff;
}
.customfooter {
padding-top:40px;
padding-bottom:30px;
}
.customfooter ul {
margin-left:20px;
}
.customfooter .title {
font-size:20px;
text-transform:uppercase;
border-bottom:1px solid;
padding-bottom:6px;
margin-bottom:15px;
}
.customfooter .title span {
border-bottom:3px solid;
padding-bottom:8px;
}
.customfooter p {
margin-bottom:10px;
}
.customfooter i {
padding-right:10px;
}
.cta-checkbox {
position:fixed;
bottom: 24px;
right:20px;
z-index:99;
width:40px;
height:40px;
opacity:0;
}
.openclose {
z-index:90;
position:fixed;
bottom: 40px;
right:30px;
width:40px;
height:40px;
display:inline-block;
border-radius:50%;
cursor: pointer!important;
background-size: 25px!important;
animation-name: zoom;
-webkit-animation-name: zoom;
animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
cursor: pointer;
box-shadow: 0 0 0 0 #c31d1d;
}
.close {
display:none;
}
.cta-checkbox:checked~.close {
display:block;
}
.cta-checkbox:checked~.open {
display:none;
}
.cta-checkbox:checked~.ctabg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 1;
display:block;
}
.cta-checkbox:checked~.ctaicons {
display:block;
}
.ctaicons {
position: fixed;
bottom:0;
right:0;
width:300px;
z-index:10;		
display:none;
bottom: 95px;
}
.cta-action {
z-index: 90;
color: #fff!important;
height: 40px;
width: 215px;
text-align: right;
display: block;
float: right;
width: 100%;
margin-right: 33px;
margin-bottom: 5px;		
}
.ctaicon {
display:inline-block;
z-index:90;
position:relative;
border-radius:50%;
background: #dd3333;
width: 35px;
height: 35px;
}
.ctaicon img {
max-width:35px;
padding:5px;
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
width:100%;
background: rgb(12, 44, 100);
}
.sidebar-menu a, .sidebar-menu .toggle  {
color: #fff!important;
opacity:1;
font-weight:normal!important;
font-size:16px!important;
}
.sidebar-menu .sub-menu {
background: #fff!important;
padding-bottom:0!important;
}
.sidebar-menu .sub-menu a {
color: rgb(12, 44, 100)!important;
}
.sidebar-menu .sub-menu li {
padding-left:0!important;
}
.sidebar-menu .sub-menu li + li {
border-top:1px solid rgb(12, 44, 100)!important;
}
@media only screen and (max-width: 48em) { }