/* ==========================================================================
   Author's custom styles
========================================================================== */
.banner {position: relative; overflow: hidden; padding-bottom: 30px; padding-top: 30px;}
.banner img.bg {position: absolute; left: 0; top: 0; min-height: 100%; min-width: 100%; z-index: -1;}
.banner h1 {font-size: 40px; color: #ff5100; font-weight: 300; margin-top: 0; margin-bottom: 30px;}
.banner h1 span {color: #000; font-weight: 400;}
.banner h2 {font-size: 22px; font-weight: 300; margin-top: 20px; margin-left: 120px;}
.banner h2 span.line {display: inline-block; font-size: 30px; background-color: #fff; background-color: rgba(255, 255, 255, .6); padding: 10px 20px; margin-bottom: 5px;}
.banner p span.line {display: inline-block; font-size: 18px; background-color: #fff; background-color: rgba(255, 255, 255, .6); padding: 10px 20px; margin-bottom: 5px;}
.banner p {margin-left:120px;margin-top:20px;}
.banner h2 span.foldc {font-size: 40px; color: #0063CE;}
.banner h2 span.line span {font-size: 36px; color: #FF5100; font-weight: 400;}
.banner-holder img {position: absolute; right: 20px; bottom: -40px; max-width: 100%;}
.broucher {background-color: #dde3e7; border-top: 1px solid #bec8ce; border-bottom: 1px solid #bec8ce; padding-top: 30px; padding-bottom: 30px;}
.broucher h1 {font-size: 32px; font-weight: 600; margin: 0; margin-bottom: 30px;}
.broucher h1 span {font-weight: 600; color: #FF5100;}
.broucher .download  {margin-bottom: 20px;}
.download a {font-size: 20px; color: #242424;}
.download a span {font-weight: 400; color: #0063CE;}
.download a span.image {font-weight: 300; color: #242424; display: inline-block; margin-bottom: 10px;}
.download-pdf {color:#0063ce;font-size:14px;}
.features {padding-top: 50px; padding-bottom: 50px;}
.features h1 {font-size: 32px; font-weight: 600; margin-bottom: 60px; margin-top: 0;}
.features h1 span {font-weight: 600; color: #FF5100;}
.featurebox {width: 100%; text-align: center;}
.featurebox .icon {position: relative; border-radius: 50%; width: 140px; height: 140px; overflow: hidden; margin: 0 auto; margin-bottom: 20px;}
.featurebox .icon::after {
    pointer-events: none;
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #000;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 1;
}
.hi-icon {    
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 15px 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #FF5100;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

.hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.featurebox .icon img {width: 100%;}
.featurebox .text {font-size: 20px; margin-bottom: 0; font-weight: 600;}

.save-space {background-color: #dde3e7; border-top: 1px solid #bec8ce; border-bottom: 1px solid #bec8ce; padding-top: 30px; padding-bottom: 30px; text-align: center;}
.save-space h1 {font-size: 32px; font-weight: 300; margin: 0;}
.save-space h1 span.color {font-weight: 400; color: #FF5100;}
.save-space h1 span.size {font-size: 26px;}
.save-space h1 span.icon {display: inline-block; margin-left: 15px;}

.busi-part {
    padding: 30px 0px;
    background: #f4f4f4;
}

.busi-part .title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
}

.busi-part .title span {
    color: #FF5100;
}

.busi-part .main-3 {
    text-align: center;
}

.busi-part img {
    margin: 0px auto;
}

.contact {padding-top: 40px; padding-bottom: 40px;}
.contact h1.title {margin-top: 0; padding-bottom: 20px; font-weight: 600;}
.contact h1.title span {font-weight: 600; color: #FF5100;}
.contact .left, .contact .right {min-height: 160px; text-align: center; padding-top: 10px; padding-bottom: 10px;}
.contact .left {border-right: 1px solid #a7a7a7;}
.contact .left h1 {margin-top: 60px; display: inline-block; background-color: #FF5100; color: #fff; padding: 8px 16px;}
.contact address {width: 50%; text-align: left; margin: 0 auto;}
.contact address .title {color: #FF5100; font-weight: 600;}
.contact address a {color: #0063CE;
	-webkit-transition: all 0.15s ease-In; -moz-transition: all 0.15s ease-In; -ms-transition: all 0.15s ease-In; -o-transition: all 0.15s ease-In; transition: all 0.15s ease-In;
}
.contact address a:hover, .contact address a:focus {color: #FF5100;}





@media(min-width: 1200px) {
}

@media(min-width: 992px) and (max-width: 1199px) {
}

@media(min-width: 768px) and (max-width: 991px) {	
.banner h2, .banner p {margin-left:0px;}
.banner h2 span.line {font-size:24px;}
}

@media(max-width: 767px) {
	.contact .left h1{margin-top:0px;}
	.contact .left {border-right: none; min-height: 110px;}
	.copyright p {margin-bottom: 10px;}
    #logo_jssor_1 {width: 100%!important;}
    .contact address {width: 80%!important;}
    
}

@media(max-width: 480px) {
.banner h2{margin-left:0px;}
.banner h2 span.line {font-size:24px;}
.banner p {margin-left:0px;}

}