/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
    margin-bottom: 20px;
}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}

.tp-caption1{
    background: url('../img/4x4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border: 2px solid #112140;
    border-radius: 300px;
    width: 200px;
    height: 200px;
    padding: 30px;
}

.tp-caption1a{
    background: #112140;
    border-radius: 250px;
    width: 230px;
    height: 230px;
    padding: 30px;
}

.tp-caption1a h2{
    line-height: 150%;
    text-align: center;
    color: #fff;
}


.caption1{
    height: 230px;
    padding: 30px;
}

.caption1 h2{
    line-height: 150%;
    font-size: 35px;
    text-align: center;
    color: #fff;
}

.tp-caption2{
    background: url('../img/defect1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border: 2px solid #112140;
    border-radius: 220px;
    width: 200px;
    height: 200px;
    padding: 60px 50px;
}


.tp-caption22{
    background: url('../img/defect2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border: 2px solid #112140;
    border-radius: 220px;
    width: 200px;
    height: 200px;
    padding: 60px 50px;
}

.tp-caption23{
    background: url('../img/defect.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border: 2px solid #112140;
    border-radius: 220px;
    width: 200px;
    height: 200px;
    padding: 60px 50px;
}

.caption2{
    height: 200px;
    padding: 25px;
}

.caption2 h2{
    line-height: 150%;
    font-size: 45px;
    text-align: center;
    color: #fff;
}

.tp-caption3 h1{
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 130%;
    text-align: center;
    font-weight: bold;
}

.tp-caption3 h2{
    color: #000;
    margin-top: 30px;
    font-size: 22px;
    text-align: center;
}



.tp-caption4 h2{
    color: #244ca1;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
}

.tp-caption5 h2{
    color: #000;
    margin-top: 10px;
    font-size: 22px;
    line-height: 160%;
}

.tp-caption5 a{
    display: block;
    padding: 12px;
    background: #244ca1;
    color: #fff;
    font-size: 18px;
    line-height: 160%;
}

.tp-caption5 a:visited, .tp-caption5 a:hover{
    color: #f8f8f8;
}


.tp-caption6{
    background: #244ca1;
    border-radius: 220px;
    width: 200px;
    height: 200px;
    padding: 30px 20px;
}

.tp-caption6 h2{
    line-height: 150%;
    text-align: center;
    color: #fff;
}

.tp-caption7 h2{
    color: #000;
    margin-top: 10px;
    font-size: 22px;
    line-height: 160%;
}


.tp-caption8 h2{
    color: #fff;
    background: #244ca1;
    font-size: 30px;
    font-weight: bold;
    padding: 15px;
}


@media (max-width:1199px) {

    .tp-caption3 h1{
        color: #244ca1;
        text-transform: uppercase;
        font-size: 25px;
    }


    .tp-caption1{
        width: 180px;
        height: 180px;
        padding: 30px;
    }

    .tp-caption1 h2{
        font-size: 20px;
    }

    .tp-caption2{
        width: 170px;
        height: 170px;
        padding: 60px 40px;
    }

    .tp-caption2 h2{
        font-size: 20px;
    }
}