/* ==========================================================================
   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: 90px; 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 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: 20px; max-width: 100%;}
.bx-wrapper, .bx-viewport {    height: 250px !important;}
.banner .image img {height:180px;}
.bridging {background-color: #dde3e7; border-top: 1px solid #bec8ce; border-bottom: 1px solid #bec8ce; padding-top: 30px; padding-bottom: 30px;}
.bridging h1 {font-size: 32px; font-weight: 600; margin: 0; margin-bottom: 30px;}
.bridging h1 span {font-weight: 600; color: #FF5100;}
.bridging .bridge p {background-color: #FF5100; color: #fff; margin: 0; padding: 15px; font-size: 20px; font-weight: 400;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.bridging .bridge-img {padding-top: 15px; padding-bottom: 15px;}
.bridging .bridge-img img { max-width: 90%;}
.bridging .bridge p span {color: #000; display: inline-block; padding: 0 5px; font-size: 22px; font-weight: 300;}

.capacity {padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #bec8ce;}
.capacity h1 {font-size: 32px; font-weight: 600; text-align: center; margin-top: 0; margin-bottom: 40px;}
.capacity h1 span {font-weight: 600; color: #FF5100;}
.capacity-box p {font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.capacity-box .load-image {width: 100%; text-align: center;}
.capacity-box .load-image img {max-width: 90%; margin: 0 auto;}

.app-benefits { border-bottom: 1px solid #bec8ce;}
.app-benefits h2 {font-size: 26px; font-weight: 600; margin-top: 0; margin-bottom: 30px; text-align: center;}
.app-benefits .applications {border-right: 1px solid #bec8ce; padding-top: 40px; padding-bottom: 40px; min-height: 320px;}
.app-benefits .benefits {padding-top: 40px; padding-bottom: 40px; min-height: 320px; text-align: center;}
.app-benefits .applications h2 {color: #0063CE;}
.app-benefits .benefits h2 {color: #FF5100;}
.app-benefits .applications ul {width: auto; display: inline-block; margin: 0 auto; list-style-type: none; list-style-image: url('../img/icn/bullet.png');}
.app-benefits .applications ul li {text-align: left; font-size: 16px; padding-bottom: 10px;}
.app-benefits .benefits p {padding: 0 5%; text-align: justify; font-size: 16px;}
.app-benefits .benefits p .small-text {font-size: 14px;}

.why-use { border-bottom: 1px solid #bec8ce;}
.why-use-title {padding-top: 20px; padding-bottom: 20px; background-color: #dde3e7; border-top: 1px solid #bec8ce; border-bottom: 1px solid #bec8ce;}
.why-use-title h1 {font-size: 32px; font-weight: 600; text-align: center; margin-top: 0; margin-bottom: 0;}
.why-use h2 {font-size: 26px; font-weight: 600; margin-top: 0; margin-bottom: 30px; text-align: center;}
.why-use .applications {border-right: 1px solid #bec8ce; padding-top: 40px; padding-bottom: 40px; min-height: 500px;}
.why-use .benefits {padding-top: 40px; padding-bottom: 40px; min-height: 500px; text-align: center;}
.why-use .applications h2 {color: #0063CE;}
.why-use .benefits h2 {color: #FF5100;}
.why-use .applications ul {width: auto; display: inline-block; margin: 0 auto; list-style-type: none; list-style-image: url('../img/icn/bullet.png');}
.why-use .benefits ul {list-style-type: none;  list-style-image: url('../img/icn/bullet-2.png');}
.why-use .applications ul li {text-align: left; font-size: 16px; padding-bottom: 10px;}
.why-use .benefits ul li {text-align: left; font-size: 14px; padding-bottom: 5px;}
.why-use .benefits p {padding: 0 5%; text-align: justify;}

.features {padding-top: 50px; padding-bottom: 50px;}
.features h1 {font-size: 32px; font-weight: 300; margin-bottom: 20px; margin-top: 0;}
.features h1 span {font-weight: 400; color: #FF5100;}
/*.features .text p span {display: block;}*/
.featurebox {width: 100%; text-align: center; margin-bottom: 30px;}
.featurebox .icon {width: 140px; height: 140px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; border: 4px solid #e7e7e7; margin-bottom: 20px;}
.featurebox .icon img {width: 100%;}
.featurebox .text {font-size: 20px; margin-bottom: 0;}

.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;}

.why_fc {display: block; width: 100%; padding: 50px 0;}
.why_fc .why_fc_row {margin: 50px 0;}
.why_fc .padd_0 {padding-left: 0; padding-right: 0;}
.why_fc .img_block {padding: 50px;background: #ffffff;}
.why_fc .why_fc_lf_txt {margin-left: 80px;}
.why_fc .why_fc_lf_txt h2 {margin-top: 50px; font-weight: 600; font-size: 24px;}
.why_fc .why_fc_rt_txt h2 {margin-top: 50px; margin-left: 50px; font-weight: 600; font-size: 24px;}
.why_fc h1 { margin-bottom: 50px; font-weight: 600;}
.why_fc h1 span{ color: #ff5100;}


.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) {
	.app-benefits .applications ul, .why-use .applications ul {display: block!important;}
	.why-use .applications {min-height: auto;}
	.why_fc .why_fc_lf_txt { margin-bottom: 30px; margin-left: 0;}
	.app-benefits .applications, .why-use .applications {border-right: none;}
}

@media(max-width: 767px) {
	.app-benefits .applications {border-right: none;}
	.why-use .applications {border-right: none;}
	.contact .left {border-right: none; min-height: 110px;}
	.app-benefits .applications ul {display: block;}
	.contact .left h1 {margin-top: 0;}
	.why_fc .why_fc_lf_txt {text-align: center; margin-bottom: 20px; margin-left: 0;}
	.why_fc .why_fc_rt_txt {text-align: center; margin-bottom: 20px; margin-left: 0;}
	.why_fc .img_block {padding: 20px;}
	.contact address {width: 80%!important;}
	.why_fc .why_fc_rt_txt h2 {margin-left: 0px;}
}

@media(max-width: 480px) {
.banner .image img {width:100%;}
}