@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; box-sizing:border-box;}
body{margin:0; padding:0;font-family: 'Open Sans', sans-serif;}

#maincontainer{width:100%;}
#header{width:100%; background:#FFF; float:left; position:relative;

-moz-box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
    z-index: 100;

}

h2 a{text-decoration:none; color:#CF1039}

.wrapper{width:1100px; margin:0 auto;}
.logo{width:150px; float:left; padding:10px 0; padding: 25px 0;}

.BP-right-div {
    float: right;
    width: 36%;
    margin:29px 0;
}

.BP-navi{width:100%;}
.BP-navi ul{width:100%; list-style:none; margin:0; padding:0;}
.BP-navi ul li{ padding:10px 10px; list-style:none; float:left;}
.BP-navi ul li a{font-size:15px; color:#FFF; padding:10px 10px; text-decoration:none; font-family:Verdana, Geneva, sans-serif;}


.Bigpond-contact-form{width:100%; float:left;}
.Bigpond-contact-left{background:#fff; width:47%; float:left; padding:20px; margin-right: 20px; margin-bottom: 15px;border: 1px solid #cee3ec;}
.Bigpond-contact-left h3 { background: url(../index.html) bottom repeat-x; padding-bottom: 16px; color: #CF1039; font-size: 18px;  font-weight: normal; margin-bottom: 10px;}

.Bigpond-field {  border: 1px solid #60636f;  height: 40px; width: 100%;  padding: 5px;  margin-bottom: 10px;}

.Bigpond-area {
    border: 1px solid #60636f;
    height: 80px;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
}

/*Strip the ul of padding and list styling*/
 ul {
	list-style-type:none;
	margin:0; float:right;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	margin-right: 1px; padding: 0 6px!important;
}

/*Style for menu links*/
li a {
	/* display:block; */
	padding: 0px 7px;
    text-align: left;
	line-height: 30px;
	font-family:Verdana, Geneva, sans-serif;
	color: #292929; font-weight:normal;
	margin:0; font-size:15px;
	/*background: #2f3036;*/ font-weight:700;
	text-decoration: none;
}


li a:hover { color:#CF1039;}

/*Hover state for top level links*/
li:hover a {
	/*background: #fff;*/ color:#CF1039;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff; cursor:pointer;
    text-align: center;
   /* padding: 10px 0;*/
    display: none;
	background: #fff;
 /*   padding: 10px;*/
   
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
	width: 100%;
   /* background: #ccc; */
}


/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		/*width: 100%;*/
		    width: 91.2%;
	}
	/*Display 'show menu' link*/
.show-menu {
    display: block;
    position: absolute;
    top: 15px;
    right:34px;
}

}


.BP-banner{width:100%; float:left; background:url(../images/banner.jpg) top center no-repeat; height:448px; background-size:100%; border-bottom: 5px solid #CF1039;}
.BP-banner-left{width:500px; float:right; margin:100px 0; }

.BP-banner-head {
    background: #fff;
    float: left;
    padding: 0 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,1);
    width: 580px;
    text-align: center;
    margin: 4px 0;
}

.BP-banner-head p {
    width: 100%;
    color: #474441;
    text-align: center;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size:45px;
    margin: 5px 0px;
    background-color:rgba(254, 254, 254, 0.5); border:2px solid #fff;
    padding:0 10px; 
}

.BP-banner-head p span a{ color:#CF1039; text-decoration:none;}


a.nor-call-now { background:#CF1039; font-weight:700; border-radius: 3px; color: #fff; font-size: 17px; float:left; text-decoration:none;  padding: 10px 15px;}
a.nor-call-now:hover { background-color: #000;}

.BP-banner-head p.num{font-size:36px; font-weight:700; color:#474441; font-family: 'Open Sans', sans-serif;}
.BP-banner-head p.support{font-size:30px; font-weight:700; color:#474441; font-family: 'Open Sans', sans-serif;}
.BP-banner-head p.support span{color:#f4b033; }

ul.BP-categories  { margin: 0; padding: 0; text-align:left; position:static; display:block;}
.geturl { display:none; }
ul.BP-categories li {list-style: none; display: block; width:265px; float:left; border-bottom:1px solid #CCC; margin: 0px 10px 0px 10px; background:url(../index.html) left no-repeat; padding-left: 14px;}
ul.BP-categories li a { color: #000; line-height:35px; text-decoration: none; font-size: 13px; font-weight: 700;}
ul.BP-categories li a:hover { color: #9d028a;}

section {
    display: block;
    width: 100%;
    float: left;
    background: #E7E7E7;
    padding: 10px 0; padding-bottom: 30px;
}



section.BP-whitesection {
    display: block;
    width: 100%;
    float: left;
    background: #f0f0f0;
    padding: 10px 0;
}
section.g-blog {
    display: block;
    width: 100%;
    float: left;
    background: #f0f0f0;
    padding: 10px 0;
}

.Bigpond-box {
    width: 30%;
    float: left;
    margin-right: 3%;
    text-align: center;background: #fff;     -moz-box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
}

.img-box{background:#CF1039; max-width:100%;}

.Bigpond-box h2 {
    font-size: 20px;
    color: #000;
 padding: 15px 0 0px 0;
}

.Bigpond-box p {
    font-size: 15px;
    color: #333;
       padding: 10px 0 20px;
}

section.BP-whitesection h1{font-size:30px; color:#CF1039; padding:15px 0; text-align:center;}
section.BP-whitesection p{font-size:14px; color:#000; text-align:justify; line-height:22px; margin-bottom: 12px;}
.BP-darkbox{ padding:20px; width:100%; background: #fff; border: 1px solid #f0f0f0; float:left;
  -webkit-box-shadow: 0 2px 9px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 9px 0 rgba(0,0,0,0.05);
    border-radius: 2px;

}
.BP-darkbox h2, h3{font-size:22px; color:#CF1039; padding: 1px 2px 8px 0px; text-align:left; font-weight:normal;}
section h2{text-align:center; font-size:30px; color:#CF1039; padding:25px 0;}
.BP-box{width:30%; float:left; margin-right:3%;     text-align: center;}
.BP-box h2{font-size:20px; color:#fff; padding:15px 0;}
.BP-box p{font-size:15px; color:#fff; padding:5px 0;}


.BP-footer{width:100%; float:left; background-color:#000;}
.BP-footer h4{padding:10px 0; color:#FFF; font-size:18px; font-weight:normal;}
.BP-nav{width:15%; float:left; padding:20px 0;}
.BP-nav ul{width:100%; position: static;}
.BP-nav ul li{font-size:14px; padding: 0 1px!important; text-align:left; list-style:none; line-height:25px; background:url(../index.html) left no-repeat; width: 100%;}
.BP-nav ul li a{font-size:13px;  color:#CCC; text-decoration:none; padding-left:0px;font-weight: normal;}

.BP-social{width:16%; float:left; padding:20px 0;}
.BP-social ul{width:100%; position: static;}
.BP-social ul li {margin-bottom: 6px; padding: 0!important; list-style: none; width: 33px; float: left; margin-right: 18px;}
.BP-social ul li a{font-size:14px; padding: 0!important;  color:#CCC; text-decoration:none;}

.BP-disc{width:45%; float:left; padding:20px 20px;}
.BP-disc p.dis{font-size:12px; line-height:17px; color:#acacac; text-align: justify;}

.BP-contact{width:22%; float:left; padding:20px 10px;}
.BP-contact p{font-size:14px; line-height:22px; text-align:left;color:#acacac;}


/*----------blog----------------------*/
.BP-white {
    padding: 0px 0px;
    width:68%;
    float: left;
	margin-top: 20px;
}
.BP-white h2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 22px;
    font-weight: normal;
    float: left; text-align:left;
    width: 100%;
    margin-top:0px;
    color: #CF1039;
    margin-bottom: 10px;
    padding-bottom: 16px;
}

.BP-blog {
    background: #fff;
    padding: 10px;
    float: left;
    margin-bottom: 20px;
       -webkit-box-shadow: 0 2px 9px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 9px 0 rgba(0,0,0,0.05);
    border-radius: 2px;
}

.BP-blog h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0px;
    float: left;
    color: #000000;
}


.BP-blog p {
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    text-align: justify;
    color: #333;
    margin-bottom: 15px;
    float: left;
	width: 100%;
}

.BP-blog .BP-btn a {
    background: #CF1039;
    border: 1px solid #CCC;
    float: left;
    padding:5px 10px; color:#fff;
    text-decoration: none;
}
.BP-blog .BP-btn a:hover {
    color: #fff;
}

.BP-right-b {
    width: 30%;
    float: right;
margin-top: 20px;
    padding: 0px 0px;
}
.BP-right-b h2 {
    float: left;
    width: 100%;
    font-weight: normal; text-align:left;
    color: #fff;
    padding: 10px 10px 0px;
    font-size: 18px;
    background: #CF1039;
    padding-bottom: 16px;
}

.BP-list-left {
    background: #FFF;
    width: 100%;
    float: left;
}

.BP-list-left ul {
    float: left;
    width: 100%;
   margin-bottom: 13px;
    position: static;
}
.BP-list-left ul li {
    list-style: none;
    font-size: 14px;
    padding: 10px 10px 10px 35px!important;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    background: url(../images/check.png) 10px no-repeat;
    color: #323a45;
}

.nor-list-left {
    background: #FFF;
    width: 100%;
    float: left;
    margin-top: 35px;
}

.nor-list-left ul {
    float: left;
    width: 100%;
    border-bottom:0px solid #dedede;
    position: static; display:block;
}
.nor-list-left ul li {
    list-style: none;
    padding:5px 10px 15px 35px!important;
    width: 100%; font-weight:normal;
        background: url(../images/icon-list.png) left 7px no-repeat;
    color: #323a45;
}

.nor-list-left ul li a{
    font-size:18px; font-weight:normal;  color: #323a45; line-height: 25px;
}

.BP-contact-form {
    width: 100%;
    float: left;
}

.nor-box{float:left; width:100%;}
.nor-left{float:left; width:60%;}
.nor-full{float:left; width:100%; margin-bottom:20px;}
.nor-full .nor-list-left{float:left; width:100%; margin-top: 0px;}
.nor-right{float:right; width:30%;}
.nor-right img{ width:100%;}

.BP-contactleft {
    background: #e7f6fd;
    width: 47%;
    float: left;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 15px;
    border: 1px solid #cee3ec;
}

.BP-contactleft h3 {
    background: url(../index.html) bottom repeat-x;
    padding-bottom: 16px;
    color: #CF1039;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.BPfield {
    border: 1px solid #60636f;
    height: 40px;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
}
.BParea {
    border: 1px solid #60636f;
    height: 80px;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
}

.button-field {
    background-color: #CF1039;
    padding: 12px 15px;
    margin-bottom: 10px;
    color: #FFF;
    text-decoration: none;
    float: left;
    font-size: 16px;
}

.BP-address {
    width: 100%;
}

	/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.wrapper { width:980px;}
	.wrapper img{ width:auto; padding: 15px 0;}
	img.BP-img { float: left;width:30%;  border: 4px solid #c3c3c3;  margin-right: 20px;}
	
.banner-head h2 img {width: 22px;}
.banner-contact h2 img {width: 22px;}
.banner-head {width: 60%;}
h1.head {font-size: 20px;}
.left-side { padding-top: 40px;}
.banner-head h2 {font-size: 25px; line-height: 40px; margin: 5px 16px;}
.banner-head h2 img.Fright {float: right; line-height: 40px;margin: 14px 3px;}
li a { display: block; padding: 0px 8px;}
li {display: inline-block; margin-right: 1px; padding: 0px 0px !important;}
	
	.BP-banner { height:400px;  background-size: 140%; background-position-x: left;}
	.BP-box img{width:91px; height:91px;}
	
	.BP-right-div {
    float: right;
    width: 54%;
    margin: 40px 0;
}
	
}

	/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
.wrapper { width:740px;}
.wrapper img{ width:100%;}
.img-box img{width:auto;}
.Bigpond-box h2 {  font-size: 17px;}
.logo {padding: 10px 0;}
.BP-disc { width: 38%;}
.BP-right-div { float: right; width:70%; margin: 22px 0;}

.BP-banner-head {
    width: 348px;
    float: right;
}
.BP-banner-head p.num { font-size: 25px;}
.BP-banner-head p.support { font-size: 20px;}
.BP-banner-head p {font-size: 32px;}
.BP-banner-left { float: right; margin: 45px 15px; }
.BP-banner { height:300px;  background-size: 120%;}

.BP-box img{width:91px; height:91px;}

section.BP-whitesection h1 {font-size: 25px; color: #CF1039;}

.BP-box { width: 31%; float: left; margin-right: 2%;}
.nor-list-left ul li a{ font-size:16px;}
.nor-list-left { margin-bottom: 35px;}

}

	/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper { width:90%;}
.nav-div { width: 100%;margin: 0px 0;}
.logo { float: left; width: 60%; padding: 15px 10px;}
.logo img{width: auto!important;}
.wrapper img{ width:100%;}
.Bigpond-contact-left {width: 100%;}
.BP-banner {    height: 210px; background-size: 135%; background-position: -50px;}
.BP-banner-left { margin: 25px 0;}
.BP-banner-head p.num { font-size:18px;}
.BP-banner-head p.support { font-size: 15px;}
.BP-right-div { width: 100%; margin:0px 0;}
.BP-box { width: 100%; float: left; margin-right: 0;   text-align: center;}
.BP-box img{width:91px; height:91px; margin-bottom: 25px;}

.BP-social, .BP-contact {  width: 100%;}
.BP-nav { width: 100%; float: left; padding: 20px 0;}
.BP-disc { width: 100%; float: left; padding: 0px 0px;}
.BP-nav ul, .BP-social ul { display: block;}
.BP-social, .BP-contact { width: 100%;}

section.BP-whitesection h1 {font-size: 20px; color: #CF1039;}
.BP-banner-left { width: 100%;}
.BP-banner-head {width: 54%; padding: 4px 0px; float: right;}
.BP-banner-head p { font-size: 20px; text-align:center;}

.Bigpond-box {width: 100%; margin-bottom:20px;}
.img-box img{width:auto; padding:10px 0;}

.BP-white { padding: 0px 0px; width: 100%;}
.BP-right-b { width: 100%;}	
.BP-list-left ul { float: left; display:block;  position: static;}	
.nor-left { width:100%;}
.nor-right{ width:100%;}
.nor-right img{ width:100%; padding:20px;}
.nor-list-left ul li a{ font-size:16px;}
	
section h2 {  font-size: 21px; padding: 15px 0; line-height: 27px;}
.Bigpond-box p {   font-size: 15px;  color: #333; padding: 10px 10px;}
.BP-darkbox h2, h3 { font-size: 16px; color: #CF1039; padding: 5px 0; text-align: justify; font-weight: normal;}
}


/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
	
.wrapper { width:90%;}
.nav-div { width: 100%;margin: 0px 0;}
.logo { float: left; width:75%; padding:12px 10px;}
.wrapper img{ width:70%;}
.img-box img {width: auto; padding:20px 0;}

.BP-banner { height:183px; background-size: 180%; background-position:-52px;}
.BP-banner-left { margin: 25px 0;}
.BP-banner-head p.num { font-size: 14px;}
.BP-banner-head p.support { font-size: 11px;}
.BP-right-div { width: 100%; margin: 0px 0;}
.BP-box { width: 100%; float: left; margin-right: 0;   text-align: center;}
.BP-box img{width:91px; height:91px; margin-bottom: 25px;}

.BP-social, .BP-contact {  width: 100%;}
.BP-nav { width: 100%; float: left; padding: 20px 0;}
.BP-disc { width: 100%; float: left; padding: 0px 0px;}
.BP-nav ul, .BP-social ul { display: block;}
.BP-social, .BP-contact { width: 100%;}

section.BP-whitesection h1 {font-size: 20px; color: #CF1039;}

.BP-banner-left { width: 87%;}
.BP-banner-head { width:75%; padding:0px 0px; float:right;}
.BP-banner-head p { font-size:15px; text-align: right;}

a.nor-call-now {font-size: 15px; float: right;  padding: 5px 15px;}
.nor-list-left ul li a {font-size: 13px; line-height: 25px; padding-right: 0;}
.nor-list-left ul li { padding: 2px 10px 6px 20px !important;}

.BP-white { padding: 0px 0px; width: 100%;}
.BP-right-b { width: 100%;}	
.BP-list-left ul { float: left; display:block;  position: static;}

.BP-contactleft {text-align:left; background: #e7f6fd;  width: 100%;}
.nor-left { width:100%;}
.nor-right{ width:100%;}
.nor-right img{ width:100%; padding:20px;}

.Bigpond-box {
    width: 100%;
    float: left;
    margin-bottom:30px;
    text-align: center;
    background: #fff;
    -moz-box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px -2px rgba(0,0,0,0.5);
}
.Bigpond-contact-left {width: 100%;}

section h2 {  font-size: 21px; padding: 15px 0; line-height: 27px;}
.Bigpond-box p {   font-size: 15px;  color: #333; padding: 10px 10px;}
.BP-darkbox h2, h3 { font-size: 16px; color: #CF1039; padding: 5px 0; text-align: justify; font-weight: normal;}

}