
    * {
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }

    img {
        max-width: 100%;
        vertical-align: middle;
    }

    div:after {
        clear: both;
        content: "";
        display: table;
    }

    .container img {
        max-width: 100%;
        vertical-align: middle;
    }

    .container {
        width: 1200px;
        margin: 0 auto;
        vertical-align: top;
    }

    .header {
        background: #232222;
        padding: 14px 0 0;
    }

    .logo {
        float: left;
        padding: 0 0 24px;
    }

    .call_action {
        width: 28%;
        float: right;
        position: relative;
        padding: 5px 0 0 51px;
        font: 400 13px/18px "Open Sans", sans-serif;
        color: #fff;
    }

    .call_action + .call_action {
        width: 20%;
    }

    .call_action span {
        font-size: 18px;
    }

    .call_action img {
        position: absolute;
        left: 0;
        top: 2px;
    }

    .gap-top {
        padding-top: 5px;
    }
	
    .gap {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .fifty {
        width: 49%;
        float: left;
        margin: 0 0 0 2%;
    }

    .fifty:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    .tab-box {
    }

    .tab-box > h3 {
        background: #272727 none repeat scroll 0 0;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 19px;
        font-weight: 500;
        height: 44px;
        line-height: 42px;
        text-transform: uppercase;
    }

    .tab-box > h3 span {
        background: #60c0c0 none repeat scroll 0 0;
        display: inline-block;
        height: 45px;
        margin-right: 18px;
        position: relative;
        top: -2px;
        width: 48px;
    }

    .tab-box > h2 {
        font: 400 30px/34px 'Open Sans', sans-serif;
        color: #000;
        padding: 5px 0 0;
        text-transform: uppercase;
    }

    .tab-box > h5 {
        font: 400 15px/18px 'Open Sans', sans-serif;
        color: #000;
        padding: 10px 0 0;
    }

    .price {
        padding: 10px 0;
        border-bottom: solid 1px #ccc;
        border-top: solid 1px #ccc;
        margin: 15px 0 0;
        font: 400 30px/32px 'Open Sans', sans-serif;
        color: #c90908;
    }

    .price strike {
        font-size: 20px;
        line-height: 22px;
        color: #000;
        margin: 0 0 0 10px;
    }

    .garunte {
        width: 49.5%;
        float: left;
        padding: 0 0 0 60px;
        position: relative;
        margin: 0 0 30px 1%;
    }

    .garunte:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    .garunte img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .garunte p {
        font: 400 15px/20px "Open Sans", sans-serif;
        color: #000000;
        padding: 10px 0 0;
    }

    .red_text {
        background: #60c0c0;
        text-align: center;
        font: 500 19px/35px 'Open Sans', sans-serif;
        color: #fff;
        margin: 11px 0;
    }

    .left_box {
        width: 50%;
        float: left;
        padding-right: 15px;
    }

    .left_box + .left_box {
        padding-left: 15px;
        padding-right: 0;
        border-left: solid 1px #999;
    }

    .client {
        position: relative;
        background: #d6d6d6;
        padding: 11px 10px 9px;
        border-radius: 5px;
        margin: 0 0 15px;
        min-height: 75px;
    }

    .client::after {
        position: absolute;
        right: 25px;
        bottom: -11px;
        width: 15px;
        height: 11px;
        content: "";
        no-repeat: 0 100%;
    }

    .client p {
        font: 400 14px/16px 'Open Sans', sans-serif;
        color: #000;
    }

    .client p span {
        font: 700 italic 14px/16px 'Open Sans', sans-serif;
        color: #60c0c0;
        display: block;
        padding: 11px 0 0;
    }

    .img_box {
        width: 49%;
        float: left;
        margin: 0 0 15px 2%;
        border: solid 1px #ccc;
    }

    .img_box:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    .text_box {
        border: solid 1px #ccc;
        padding: 0 17px 17px;
        border-top: none;
    }

    .text_box p {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #333333;
        padding: 15px 0 0;
    }

    .details {
        font-family: 'Open Sans', sans-serif;
    }

    .details > div {
        position: relative;
        background: #ececec;
    }

    .details > div strong {
        background: no-repeat 0 50%;
        font-weight: 700;
        padding: 0 0 0 15px;
    }

    .details div div {
        float: left;
        font: 400 14px/18px "Open Sans", sans-serif;
        padding: 10px 0;
        position: relative;
        text-align: left;
        width: 50%;
        color: #464545;
    }

    .details > div:nth-child(even) {
        background: #fff;
        color: #464545;
    }

    .payment {
    }

    .payment p {
        font: 400 14px/22px 'Open Sans', sans-serif;
        color: #000;
        padding: 15px 0 0;
    }

    .customer_sec {
        padding: 25px 0 0;
        border-top: solid 1px #ccc;
        margin: 25px 0 0;
    }

    .customer_sec div {
        float: left;
        width: 32.3%;
        margin: 0 0 0 1%;
        text-align: center;
        background: #1d1d1d;
        padding: 15px 0;
        min-height: 140px;
    }

    .customer_sec div:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }

    .customer_sec p {
        font: 400 15px/17px "Open Sans", sans-serif;
        color: #fff;
        padding: 15px 0 0;
    }

    .ftr-botm {
        background: #000;
        padding: 15px 0;
        text-align: center;
        color: #fff;
        font: 400 14px/16px 'Open Sans', sans-serif;
    }

    @media only screen and (max-width: 1198px) {
        .container {
            width: 1000px;
        }

    }

    @media only screen and (max-width: 990px) {
        .container {
            width: 750px;
        }

        .logo {
        }

        .call_action + .call_action {
            width: 29%;
        }

        .call_action {
            width: 36%;
        }

        .details div div {
            font-size: 13px;
        }
    }

    @media screen and (max-width: 767px) {
        .container {
            width: auto;
            width: 98%;
        }

        .header {
            padding: 14px 0;
        }

        .logo {
            float: none;
            text-align: center;
            padding: 0 0 4px;
        }

        .call_action {
            width: 60%;
            float: none;
            margin: 10px auto;
            display: table;
        }

        .call_action + .call_action {
            width: 60%;
            margin: 0 auto;
            display: table;
        }

        .fifty {
            width: 100%;
            float: none;
            margin: 0 0 10px;
        }

        .customer_sec div {
            width: 100%;
            float: none;
            margin: 0 0 5px;
        }

        .garunte:nth-child(2n+1) {
            clear: none;
        }

        .garunte {
            width: 100%;
            float: none;
            margin: 0 0 30px;
        }
    }

    @media only screen and (max-width: 550px){
    }

    @media only screen and (max-width: 490px) {
        .client {
            width: 100%;
            float: none;
        }

    }
	
	.gap-top > div {
		margin: 0 0 10px 0;
	}
	

