/****** Overall Panels ********/
.panel {
    box-shadow: none;
}

.business-certificate-panels {
    position: relative;
    overflow: hidden;
}

.business-certificate-panels .panel {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
    padding: 50px 0;
   
}


h2 {
    font-weight: 400;
    font-size: 48px;
}


/****** Panel 1 ********/
.panel1 {
    background: #fff;
    text-align: center;
}
.panel1 h2 {
    color: #00529b;
    font-size: 35px;
    font-weight: 600;
    padding-left: 45px;
    padding-top: 20px;
}
.panel1 p {
    border-left: 1px dotted #000;
    font-size: 25px;
    font-weight: 200;
    padding-left: 30px;
}


/****** Panel 2 ********/
.panel2 {
    text-align: center;
     background: #000 url("../jpg/panel2-bg.jpg") no-repeat 100% 0%;
     background-size: cover;
     padding:85px 0!important;
     color: #fff;
}

.panel2 h2 {
    font-size: 48px;
    color:#fff;
    padding-bottom:20px;
  }


.panel2 p {
    font-size: 25px;
    color:#fff;
    font-weight:300;
  }

/****** Panel 3 ********/
.panel3 {
    text-align: center;
    background: #00529b url("../png/panel3-bg.png") no-repeat scroll left top;
 
   
}

.panel3 h2 {
    color: #ffb400;
    font-size: 48px;
    padding-bottom: 10px;
}


.panel3 h3 {
    padding-top: 20px;
    color: #fff;
}
.panel3 h4 {
    color: #ffb400;
    font-size:30px;
}


.panel3 p {
    font-size: 25px;
    color:#fff;
    font-weight:200;
 
}
.panel3 .btn-primary, .panel3 .btn-primary:visited {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #000;
    font-size: 20px;
    font-weight: lighter;
    margin-bottom: 50px;
    margin-top: 20px;
    padding: 2px 6px;
    
}
    
.panel3 .btn-primary:hover, .panel3 .btn-primary:focus, .panel3 .btn-primary:active {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.panel3 .btn-lg {
    background: #00529b none repeat scroll 0 0;
    border-color: #ffb400;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-size: 22px;
    padding: 20px 50px; 
} 
.panel3 .btn-lg:hover, .panel3 .btn-lg:active, .panel3 .btn-lg:focus {
    background: #ffb400 none repeat scroll 0 0;
    border-color: #000;
    color: #fff;
}  

/****** Panel 4 ********/
.panel4 {
    text-align: center;
    background: #fff;
    background-size: cover;

}

.panel4 h2 {
    color: #00529b;
    font-size: 48px;
    padding-bottom: 15px;
}

.panel4 p {
    font-size: 25px;
    font-weight: 200;
    line-height: 35px;
    color:#000;
    padding-bottom:20px;
}

.panel4 a.btn.btn-right {
    float: left;
    padding: 30px 130px;
}

.panel4 a.btn.btn-left {
    float: right;
    padding: 20px 58px;
    margin-bottom:20px;
}
.panel4 .btn-lg {
    background: #00529b none repeat scroll 0 0;
    border-color: #ffb400;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-size: 22px;
}
.panel4 .btn-lg:hover, .panel4 .btn-lg:active, .panel4 .btn-lg:focus {
    background: #ffb400 none repeat scroll 0 0;
    border-color: #00529b;
    color: #fff;
}


.panel4 .btn-lg small{
	font-size:14px;
}

.panel4 .left{
	border-right: 1px dotted #ffb400;
}
.panel4 .right{
	border-left: 1px dotted #ffb400;
}

/****** Panel 5 ********/
.panel5 {
    background: #00529b;
    background-size: auto;
    color: #fff;
    background-position:right;
}
.panel5 h2 {
	color: #ffb400;
}

.panel5 .name{
	font-size:18px;
	color:#fff;
	font-weight:200;
	position:relative;
	bottom:50px;
}

.panel5 .quote {
    font-size: 32px;
    font-style: italic;
    font-weight: 300;
    background: #00529b url("../png/panel5-quote.png") no-repeat 100% 0%;
    background-size: auto;
    color: #fff;
    background-position:right;
}


/****** Panel 6 ********/
.panel6 {
    text-align: center;
}

.panel6 p {
    font-size: 22px;
    font-weight: 300;
    padding-bottom: 10px;
    padding-top:40px;
}

.panel6 .btn-lg {
    background: #00529b none repeat scroll 0 0;
    border-color: #ffb400;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-size: 22px;
    padding: 25px 30px;
}
.panel6 .btn-lg:hover, .panel6 .btn-lg:active, .panel6 .btn-lg:focus {
    background: #ffb400 none repeat scroll 0 0;
    border-color: #00529b;
    color: #fff;
}
/****** Panel 7 ********/
.panel7 {
    background: #000 url("../jpg/panel7-bg.jpg") no-repeat 100% 0%;;
    background-size: cover;
    color: #fff;
    padding: 105px 0!important;
}
.panel7 h2 {
	color:#fff;
}
.panel7 p {
    font-size: 22px;
}


/****** Media Queries ********/
@media (max-width: 1200px) {
    
}

@media (max-width: 1600px) {
    
}

@media (max-width: 1500px) {
    
}

@media (max-width: 1400px) {
    .panel3{
	background-position-x: -200px;
}
}

@media (max-width: 1300px) {
    
}

@media (min-width: 1200px) {
.panel5 .quote {
	height:310px;
}
.panel7 .quote {
	height:360px;
}
    
}

@media (max-width: 1200px) {

.foundation {
    padding-left: 220px;
}
.panel2 {
    background: #000 url("../jpg/panel2-bg.jpg") no-repeat scroll 70% 0 / cover;

}
.panel5 .name{
	bottom:0px;
}

    
}


@media (max-width: 991px) {
.panel1 h2{
	padding-left:0px;
	text-align: left;
}
.panel1 p {
	padding-left:0px;
	
}
.foundation {
    padding-left: 0px;
}
.panel2 {
    background: #000 url("../jpg/panel2-bg.jpg") no-repeat scroll 30% 0 / cover;

}
.panel3 {
background-image:none;
}
.panel4 p br {
	display:none;
}

.panel1 p{
	border-left:none;
}

.panel4 a.btn.btn-left{
	float:none;
	padding: 20px 30px;
}
.panel4 a.btn.btn-right{
	float: none;
	padding: 30px 109px;
}
.panel6 .btn-lg {
    font-size: 15px;
    padding: 26px 13px;
}
.panel1 h2{
	padding-top:0px;
}

}


@media (max-width: 767px) {
.foundation {
    padding-left: 15px;
    text-align: center;
}


}

@media (max-width: 670px) {

}
    


@media (max-width: 566px) {

}
@media (max-width: 480px) {

    h2 {
        font-size: 35px !important;
    }

    h3 {
        font-size: 25px !important;
    }

    p {
        font-size: 20px !important;
    }

}

@media (max-width: 320px) {

}