*{margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box;}
body{font-family: 'Source Sans Pro', sans-serif; color: #333;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat'; font-weight: 600;}

/* == Common == */
.w-100{width: 100%; float: left;}
.container{margin: 0 auto; max-width: 1170px; padding: 0 15px;}
a, a:visited, a:link{color: #0072bc; text-decoration: none;}
a:hover,a:active,a:focus{color: #0064a5}

/* == loader == */
.body-overflow{overflow: hidden;}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.site-loader{position: fixed; z-index: 999999; width: 100%; height: 100%; background: #fff;}
.site-loader .inner-site-loader {background: #fff url(../images/blue-logo.png) no-repeat center; position: absolute; width: 100px; height: 100px; background-size: 100% auto; left: 50%; top: 50%; border-radius: 50%; margin-left: -50px; margin-top: -50px;
-webkit-animation: rotating 8s linear infinite;
-moz-animation: rotating 8s linear infinite;
-ms-animation: rotating 8s linear infinite;
-o-animation: rotating 8s linear infinite;
animation: rotating 8s linear infinite;
}

/* == Home Banner == */
.home-banner{background-color:#184377; min-height: 400px; position: relative;}
.home-banner .content-home{-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; color: #fff; text-align: center; z-index: 99;}
.home-banner .content-home h2{font-size: 48px; margin: 0 0 56px; color:#ffffff;}
.home-banner .content-home .logo { display: inline-block; background: rgba(255,255,255,.95); padding: 20px 20px; border-radius: 4px; }
.home-banner .content-home .logo img{max-width: 100%;}
.home-banner .left-particle{content: ''; background: url(../images/left-particle.png) no-repeat bottom left; width: 42%; height: 560px; left: 0; bottom: 0; display: block; position: absolute; background-size: 100% auto; z-index: 1}
.home-banner .right-particle{content: ''; background: url(../images/right-particle.png) no-repeat bottom right; width: 44%; height: 560px; right: 0; bottom: 0; display: block; position: absolute; background-size: 100% auto; z-index: 1}

/* == Home Content == */
.about-content-home{text-align: center; padding: 80px 0 40px;}
.about-content-home h1{font-size: 36px; margin: 0 0 30px;}
.about-content-home .content-area{padding: 0 180px;}
.about-content-home p{font-size: 15px; line-height: 22px; margin: 0 0 40px;}
.pp-logo-area{margin-top: 40px;}
.pp-logo-area img{display: inline-block; margin: 0 30px; vertical-align: middle;}

/* == Home Address == */
.address-content-home{background: #fafafa; padding: 80px 0 60px; text-align: center;}
.address-content-home p{font-size: 15px; line-height: 22px; margin: 0 0 28px;}
.address-content-home p.looking-for{margin: 28px 0 -9px;}
.address-content-home ul{margin: 0; padding: 0; list-style: none; display: inline-block;}
.address-content-home ul li{position: relative; margin: 0 0 28px; padding: 0 0 0 44px; text-align: left;}
.address-content-home ul li:last-child{margin-bottom: 0;}
.address-content-home ul li svg{max-width: 20px; height: auto; position: absolute; left: 0;}

.logo > img { width:450px; height:auto; }
.re_seller_section { width: 100%; display: inline-block; }
.re_seller_section h2 { text-align: center; }
.re_seller_section .pp-logo-area { margin: 30px 0 50px 0; text-align: center; }
.re_seller_section .pp-logo-area > a { display: inline-block; margin: 0; }
.re_seller_section .pp-logo-area > a > img {
    width: 255px;
}
.pp-logo-area .acs-link{color: #333; text-decoration: underline;}
.pp-logo-area .acs-link:hover{color: #0072bc;}

/* ====== Responsive ====== */
@media (max-width: 1519px) {
	.home-banner .content-home h2 {font-size: 38px;}
	.about-content-home {
    padding: 60px 0 30px;
}
.about-content-home h1 {
    font-size: 30px;
}

}

@media (max-width: 1199px) {
	.home-banner{min-height: auto; padding: 68px 0;}
	.home-banner .content-home{-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static;}
	.home-banner .content-home .logo{padding: 20px 30px; max-width: 420px;}
.home-banner .content-home h2 {
    font-size: 38px;
    margin-bottom: 36px;
}	
.logo > img {
    width: 300px;
    height: auto;
}

}

@media (max-width: 991px) {
	.container{max-width: 720px;}
	.home-banner {padding: 68px 0;}
	.about-content-home .content-area{padding: 0;}
	.home-banner .content-home h2{font-size: 26px; margin: 0 0 24px;}
	.about-content-home h1 {font-size: 26px;}
	.logo > img {
    width: 300px;
    height: auto;
}
.home-banner .content-home .logo {
    padding: 15px 15px;
}
.logo > img {
    width: 250px;
    height: auto;
}
.about-content-home h1 {
    font-size: 26px;
}
.about-content-home p {
    margin: 0 0 30px;
}
.re_seller_section h2 {
    text-align: center;
    font-size: 20px;
}
.re_seller_section .pp-logo-area {
    margin: 20px 0 40px 0;
}

}

@media (max-width: 767px) {
	.container{max-width: 540px;}
	.address-content-home p br{display: none;}
}

@media (max-width: 665px) {
	.home-banner {padding: 48px 0;}
	.pp-logo-area a{margin-bottom: 30px; display: inline-block;}
	.pp-logo-area a:last-child{margin-bottom: 0;}
	.home-banner .left-particle{width: 90%; left: -50%;}
	.home-banner .right-particle{width: 85%; height: 310px; right: -50%;}
	.logo > img {
    width: 220px;
    height: auto;
}

	
}
@media (max-width: 549px) {
	.home-banner .left-particle{width: 85%; left: -50%;}
	.home-banner .right-particle{width: 90%; right: -60%;}
	.about-content-home, .address-content-home{padding: 50px 0;}
	.pp-logo-area{margin-top: 0;}
	.pp-logo-area img{max-width: 60%;}
	.home-banner .content-home h2 {
    font-size: 18px;
    margin: 0 0 20px;
}
.home-banner {
    padding: 40px 0;
}
.home-banner .content-home .logo {
    padding: 8px;
}
.logo > img {
    width: 200px;
    height: auto;
}
.about-content-home h1 {
    font-size: 22px;
}
.re_seller_section h2 {
    text-align: center;
    font-size: 18px;
}
.about-content-home, .address-content-home {
    padding: 30px 0;
}

}