@charset "utf-8";
/* CSS Document */
/* Max Wrapper Width - Laptop, Desktop etc.*/
@import url("fontawesome-4.5.0.min.css");
@import url("framework555.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
@import url("https://fonts.googleapis.com/css?family=Oswald|Source+Sans+Pro");
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:100|Oswald');

body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }



.websites {color: #fff; font-size: 18px; text-align: left; }

.btnwidth {width: 50%;}

.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}

.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

.columns-center {font-size: 15px; width: 100%; text-align: center; float: left;}
.columns00 {width: 33%; padding: 20px; float: left;}
.columns001 {width: 33%; padding-top: 30px; float: left;}
.columns {width:50%; padding: 30px; float: left;}

/* Responsive Navigation */

.secondary_header {
    list-style-type: none;
    width: 90%;
    background-color: #fefefe;
    color: #000;
}
/* Remove margins and padding from the list, and add a black background color */
ul.secondary_header {
    list-style-type: none;
    width: 68.5%;
    margin: auto;
    padding: 0px;
    overflow: hidden;
    background-color: #fefefe;
    color: #000;
}

    /* Float the list items side by side */
    ul.secondary_header li {
        float: left;
    }

        /* Style the links inside the list items */
        ul.secondary_header li a {
            display: inline-block;
            text-align: center;
            padding: 25px 25px 25px 25px;
            text-decoration: none;
            transition: 0.3s;
            font-size: 14px;
            font-weight: 900px;
            color: #000;
        }

            /* Change background color of links on hover */
            ul.secondary_header li a:hover {
                background-color: #eeeeee;
            }

        /* Hide the list item that contains the link that should open and close the topnav on small screens */
        ul.secondary_header li.icon {
            display: none;
        }


/*Button*/

    .btn {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

/*Button Modal*/

    .btnmodal {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

.img5 {padding-bottom: 0px; }

@media screen and (min-width : 1201px ) and (max-width: 1800px) and (orientation: landscape){
	
	.width100 {width: 33%; text-align: right; float: left; margin-top: 50px; margin-left: 10px;}
	.content3 {width: 33%; text-align: center; margin-top: 35px; float: left;}
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 19%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 19%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	
	.textarea99 {width: 100%; height: 40px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.img99 {width: 95%; height: auto; margin-top: -20px; text-align: right;}
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 33%; padding-top: 60px; float: left;}
	.columns00 {width: 33%; padding: 80px; float: left;}
	.pricelarge {color: #fff; font-size: 40px; font-weight: bolder; }
	
	ul.secondary_header {
        width: 95%;
    }

        ul.secondary_header.responsive li a {
            font-size: 12px;
        }
	
	body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }
	
	.services {font-size: 35px; padding-top: 60px;}
	.columns {width: 50%; float: left;}
	.hoc {max-width: 90%;}
	.content {width: 50%;}
	.content1 { height: 320px; padding-top: 35px; padding-bottom: 25px;}
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}	
	.headers2 {font-size: 22px; color: #fff; font-family: 'oswald';}
	.headers3 {font-size: 22px; color: #0075B3; font-family: 'oswald';}
	.content22 { width: 33%; float: left; padding-top: 35px; padding-bottom: 25px; text-align: center;}
	.content2 { width: 33%; padding-right: 10px; float: left; padding-top: 15px; padding-bottom: 15px; height: 320px; text-align: right;}
	.content-margin {padding-bottom: 60px;}
	span {font-size: 15px; color: #fff; font-family: 'Encode Sans Condensed', sans-serif;}
	.btn-width{width: 45%;}
	.img5 {height: 45%; padding-bottom: 0px; }
	p {font-size: 15px;}
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 14px;
	width: 25%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 14px;
		width: 25%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 12px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	/* Rows */
.row {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	display: inline-block;
}
	/*Button*/
	
    .btn88 {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 48%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 48%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn {
		margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 40px;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 45%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}
	
	.btn:hover {
		margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 40px;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 45%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}

}

@media screen and (min-width : 1801px ) and (max-width: 3000px) and (orientation: landscape){
	
	.content3 {width: 33%; text-align: center; margin-top: 50px; float: left;}
	.minus {margin-left: 0px;}
	.width100 {width: 33%; text-align: right; float: left; margin-top: 50px;}
	.img99 {width: 75%; height: auto; margin-top: -20px;}
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	
	.imglogo{width: 35%; height: auto;}
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	img {width: 75%; height: auto;}
	.img5 {padding-bottom: 0px; width: 50%; height: auto;}
	
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 20%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 20%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 33%; padding-top: 60px; float: left;}
	.columns00 {width: 33%; padding: 80px; float: left;}
	a{outline:none; text-decoration:none; font-size: 15px; color: #000;}
	
	.pricelarge {color: #fff; font-size: 55px; }
	
	ul.secondary_header {
        width: 93%;
    }

        ul.secondary_header.responsive li a {
            font-size: 12px;
        }
	
	body {
        margin: 0;
        padding: 0;
        font-size: 15px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }
	
	.services {font-size: 35px; padding-top: 60px;}
	.columns {width: 50%; float: left;}
	.hoc {max-width: 90%;}
	.content {width: 50%;}
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}	
	.headers2 {font-size: 22px; color: #fff; font-family: 'oswald';}
	.headers3 {font-size: 22px; color: #0075B3; font-family: 'oswald';}
	.content22 { width: 33%; float: left; margin-top:50px; text-align: left;}
	.content2 { width: 33%; padding-right: 40px; float: left; padding-top: 55px; padding-bottom: 55px; text-align:right;}
	.content-margin {padding-bottom: 60px;}
	span {font-size: 17px; color: #fff; font-family: 'Encode Sans Condensed', sans-serif;}
	.btn-width{width: 45%;}
	p {font-size: 17px;}
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 14px;
	width: 25%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 14px;
		width: 25%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 12px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	/* Rows */
.row {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	display: inline-block;
}
	/*Button*/
	
    .btn88 {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn {
		margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 40px;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}
	
	.btn:hover {
		margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 40px;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}

}


/* iPhone 4 ----------- */	

@media only screen and (max-width : 320px) and (min-width: 200px){
	
	
	.websites {color: #fff; font-size: 14px; text-align: left; }
	
	.content3 {width: 100%; text-align: center; margin-top: 35px;}
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.img99 {width: 100%; height: auto; text-align: center; margin-bottom: 30px; }
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 100%; padding: 50px; float: left;}
	.columns{width: 100%; float: left; padding: 30px;}
	.columns-center{font-size: 15px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	.pricelarge {color: #fff; font-size: 18px; }
	
	/* Responsive Navigation*/

    ul.secondary_header li:not(:first-child) {
        display: none;
    }

    ul.secondary_header li.icon {
        float: right;
        display: inline-block;
    }

    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */

    ul.secondary_header {
        position: relative;
        width: 80%;
    }

        ul.secondary_header.responsive li.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        ul.secondary_header.responsive li {
            float: none;
            display: inline;
        }

            ul.secondary_header.responsive li a {
                display: block;
                text-align: left;
            }
	
	.imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .fl_left, .fl_right {
        display: block;
        float: none;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }

    #topbar {
        text-align: center;
    }

        #topbar * {
            margin: 0;
        }

        #topbar ul {
            margin: 0 0 10px 0;
            line-height: normal;
        }

            #topbar ul li {
                display: inline-block;
                margin-right: 20px;
            }

                #topbar ul li:last-child {
                    margin-right: 0;
                }
	.content2{text-align: center;}
	.content22 {margin-bottom: 20px;}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	.hoc{ max-width:90%;}
	.img5 {width: 100%; height: auto; margin-top: 15px; margin-bottom: 0px; text-align: center;}
	.services {font-size: 20px; padding-top: 60px;}
	
	
	/*Button*/

	.btn88 {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
    .btn {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	p {width: 100%;}
	span {font-size: 14px; color: #fff; font-family: 'Encode Sans Condensed', sans-serif; text-align: center;}
	.btn-width {width: 90%; text-align: center; }
	button{width:80%}
	.btn-contact {width: 80%; text-align: center; font-size: 11px;}
	.headers {font-size: 17px; color: #fff; font-family: 'oswald'; text-align: center;}	
	.headers2 {font-size: 15px; color: #fff; font-family: 'oswald';}
	.headers3 {font-size: 15px; color: #0075B3; font-family: 'oswald';}
	.btn999 {
    background-color: #0075b3;
    font-size: 12px;
    width: 60%;
    text-align: center;
	-webkit-appearance: none;
	padding:12px 12px 12px 12px;
	text-transform:uppercase;
	border:1px solid;
	box-shadow: 1px 1px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 3px;
	cursor: pointer;}
	
	.btn00 {
	width: 100%;}
	.btn00:hover {
		width: 100%;
    }
}

@media screen and (max-width : 900px) and (min-width: 751px){

	.websites {color: #fff; font-size: 18px; text-align: left; }
	.content3 {width: 50%; text-align: center; margin-top: 35px; float: left;}
	.width100 {width: 100%; float: left; margin: auto; margin-bottom: 35px; text-align: center;}
	.img99 {width: 55%; height: auto; text-align: center;}
	
	.btn11 { width: 50%;}
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 70%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 70%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 50%; padding: 80px; float: left;}
	.columns-center {font-size: 19px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	.pricelarge {color: #fff; font-size: 30px; }
	
	.row0 {
    color: #797979;
    background-color: #F9F9F9;
    border-color: #D7D7D7;
}
	.services {font-size: 35px; padding-top: 60px;}
	.img5 {width: 50%; margin-bottom: 0px; text-align:center;}
	.columns {width: 100%; float: left;}
	
	/*Button*/

	.btn88 {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	
    .btn {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.content22 {margin-bottom: 20px;}
	.btn999 {
    background-color: #0075b3;
    font-size: 12px;
    width: 70%;
    text-align: center;
	-webkit-appearance: none;
	padding:12px 12px 12px 12px;
	text-transform:uppercase;
	border:1px solid;
	box-shadow: 1px 1px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 3px;
	cursor: pointer;
	}
	p {font-size: 16px;}
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 12px;
	width: 29%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 12px;
		width: 29%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 13px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	.content2 { width: 100%; padding-right: 0px; float: left; display: block; text-align: center;}
	.content { width: 50%; margin-bottom: 40px;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	
	.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
	
}
.modalDialog > div {
    width: 60%;
    position: relative;
    margin: 10% auto;
    padding: 15px 30px 13px 30px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #00d9ff;
}

	
	
	.headers {font-size: 25px; color: #fff; font-family: 'oswald';}
	
	span {font-size: 16px; color: #fff; font-family: 'Encode Sans Condensed', sans-serif;}
	
	.content { width: 100%; padding-right: 15px; float: left;}
	
	.textinput {width: 75%; height: 35px; border-radius: 5px;}
	
	.pricelarge {color: #fff; font-size: 30px; }
	
	/*Responsive Navigation*/

    ul.secondary_header {
        width: 95%;
    }

        ul.secondary_header.responsive li a {
            font-size: 12px;
        }

    body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }

    /* Columns Radio Buttons*/

    .columnsRbtn {
        width: 49%;
        margin-bottom: 5px;
        padding: 15px;
        float: left;
        line-height: 12px;
    }

    /* CONTACT */

    .contact {
        width: 50%;
        padding-top: 30px;
        padding-left: 20px;
    }
	
    /* Columns50*/

    .columns50 {
        width: 100%; float: left; padding: 30px;
    }
	
	/* Columns3*/

    .columns3 {
        width: 50%;
        margin: auto;
        padding-top: 35px;
        float: left;
    }

    /* Columns2*/

    .columns2 {
        width: 33%;
        margin: 0px;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
        display: block;
    }

    /*ColumnsLogo*/

    .columnslogo {
        width: 50%;
        margin: auto;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    /* Columns555*/

    .columns555 {
        width: 100%;
    }

    /* ColumnsOrder*/

    .columnsorder {
        width: 25%;
        margin: auto;
        padding: 2px;
        float: left;
        border-top: solid 1px #bebebe;
        font-size: 11px;
    }

    /*ColumnsProduct555*/

    .columnsproduct555 {
        width: 43%;
        float: left;
        margin: auto;
        padding: 30px;
    }

    /*ColumnsProduct*/

    .columnsproduct {
        width: 57%;
        float: left;
        margin: auto;
        padding: 30px;
    }

    /* Columns888*/

    .columns888 {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
    }

    /* ColumnsPrint*/

    .columnsprint {
        width: 33%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #ffffff;
    }

    /*ColumnsTop*/

    .columnstop {
        width: 50%;
    }

    /* Columns*/

    .columns {
        width: 100%;
        float: left;
    }

    .hoc {
        max-width: 90%;
    }

    #topbar {
    }

    #header {
    }

    #mainav {
        padding: 20px 0;
    }

        #mainav ul {
            display: none;
        }

        #mainav form {
            display: block;
        }

    #breadcrumb {
    }

    .container {
    }

    #comments input[type="reset"] {
        margin-top: 10px;
    }

    .pagination li {
        display: inline-block;
        margin: 0 5px 5px 0;
    }

    #footer {
    }

    #copyright {
    }

        #copyright p:first-of-type {
            margin-bottom: 10px;
        }


/* H1 Fonts*/

h1 {
    margin: 0 0 20px 0;
    font-size: 22px;
    line-height: normal;
    text-transform: capitalize;
	font-family: 'source sans pro'; font-weight: 500;
}


/* big Fonts*/

.fontbig {
    font-size: 95px;
    color: #840F00;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* H2 Fonts*/

.fontmedium {
    font-size: 17px;
    color: #840F00;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
}
}

/* Other Screens*/
@media screen and (max-width:650px) and (min-width:451px){
    
	.width100 {width: 100%; text-align: center; float: left; margin-top: -40px; margin-bottom: 35px;}
	.content3 {width: 50%; text-align: center; margin-top: 35px; float: left;}
	.websites {font-size: 14px;}
	.img99 { width: 75%; height: auto;}
	.btn88 {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 52%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 52%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 75%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 75%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.img99 {width: 80%; height: auto; text-align: center; margin-bottom: 30px; }
	.services {font-size: 25px; padding-top: 60px;}
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 100%; padding: 50px; float: left;}
	.columns-center {font-size: 15px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	.img5 {padding-bottom: 0px; }
	
	/*Button*/

    .btn {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width:61%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 61%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.pricelarge {color: #fff; font-size: 35px; }
	
	body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }
	
	.imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .fl_left, .fl_right {
        display: block;
        float: none;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }

    #topbar {
        text-align: center;
    }

        #topbar * {
            margin: 0;
        }

        #topbar ul {
            margin: 0 0 10px 0;
            line-height: normal;
        }

            #topbar ul li {
                display: inline-block;
                margin-right: 20px;
            }

                #topbar ul li:last-child {
                    margin-right: 0;
                }
	
	.content2{text-align: center;}
	.headers {font-size: 23px; color: #fff; font-family: 'oswald';}
	.content22 {margin-bottom: 20px;}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	p {font-size: 16px;}
	span {font-size: 13px; color: #fff; font-family: 'Encode Sans Condensed', sans-serif;}
	.hoc {
        max-width: 90%;
    }
	.scrollable {
        display: block;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0 0 15px 0;
        overflow: auto;
        overflow-x: scroll;
    }

        .scrollable table {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

    .inline li {
        display: block;
        margin-bottom: 10px;
    }

    .pushright li {
        margin-right: 0;
    }

    .font-x2 {
        font-size: 1.4rem;
    }

    .font-x3 {
        font-size: 1.6rem;
    }

    /* H1 Fonts*/

    h1 {
        margin: 0 0 20px 0;
        font-size: 20px;
        line-height: normal;
        text-transform: capitalize;
		font-family: 'source sans pro'; font-weight:500;
    }


    .columnsorder {
        width: 100%;
    }

    /* Columns2*/

    .columns2 {
        width: 100%;
        margin: 0px;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
        display: block;
    }

    /* Columns888*/

    .columns888 {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
    }

    /* ColumnsPrint*/

    .columnsprint {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #ffffff;
    }

    /* Columns*/

    .columns {
        width: 100%;
        padding: 30px;
        float: left;
    }

    /*ColumnsTop*/

    .columnstop {
        width: 100%;
    }

    /* Columns555*/

    .columns555 {
        width: 100%;
    }
	
	  /* Columns50*/

    .columns50 {
        width: 100%;
    }

    /*ColumnsProduct555*/

    .columnsproduct555 {
        width: 100%;
    }

    /*ColumnsProduct*/

    .columnsproduct {
        width: 100%;
    }

    /* big Fonts*/

    .fontbig {
        font-size: 55px;
        color: #840F00;
        font-weight: 400;
        font-family: Georgia, "Times New Roman", Times, serif;
    }

    /* H2 Fonts*/

    .fontmedium {
        font-size: 17px;
        color: #840F00;
        font-weight: 400;
        font-family: Georgia, "Times New Roman", Times, serif;
    }


    /* Responsive Navigation*/

    ul.secondary_header li:not(:first-child) {
        display: none;
    }

    ul.secondary_header li.icon {
        float: right;
        display: inline-block;
    }

    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */

    ul.secondary_header {
        position: relative;
        width: 80%;
    }

        ul.secondary_header.responsive li.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        ul.secondary_header.responsive li {
            float: none;
            display: inline;
        }

            ul.secondary_header.responsive li a {
                display: block;
                text-align: left;
            }
}


@media only screen and (max-width : 750px) and (min-width : 651px){

	.width100 {width: 100%; text-align: center; float: left; margin-top: -40px; margin-bottom: 35px;}
	.content3 {width: 50%; text-align: center; margin-top: 35px; float: left;}
	.websites {font-size: 16px;}
	.img99 { width: 75%; height: auto;}
	.btn88 {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 55%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 55%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 70%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 70%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.img99 {width: 80%; height: auto; margin-bottom: 30px; text-align: center;}
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 100%; padding: 50px; float: left;}
	.columns{width: 100%; float: left;}
	.columns-center 	.columns-center {font-size: 15px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }
	
	.content2 {text-align: center;}
	.img5 {width: 50%; height:auto;}
	.pricelarge {font-size: 45px;}
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}
	.content22 {margin-bottom: 20px;}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	p {font-size: 16px;}
	span {font-size: 15px; color: #fff; font-family: 'Encode Sans Condensed', sans-serif;}
	.hoc {
        max-width: 90%;
    }
	.services {font-size: 30px; padding-top: 60px;}
	.content { width: 100%; float: left; margin-bottom: 40px;}
	
	.textinput {width: 75%; height: 28px; border-radius: 5px;}
	
	.imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .fl_left, .fl_right {
        display: block;
        float: none;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }

    #topbar {
        text-align: center;
    }

        #topbar * {
            margin: 0;
        }

        #topbar ul {
            margin: 0 0 10px 0;
            line-height: normal;
        }

            #topbar ul li {
                display: inline-block;
                margin-right: 20px;
            }

                #topbar ul li:last-child {
                    margin-right: 0;
                }

    #pageintro {
    }

        #pageintro .introtxt {
            max-width: none;
        }

            #pageintro .introtxt .heading {
                font-size: 36px;
            }


    /* Responsive Navigation*/

    ul.secondary_header li:not(:first-child) {
        display: none;
    }

    ul.secondary_header li.icon {
        float: right;
        display: inline-block;
    }

    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */

    ul.secondary_header {
        position: relative;
        width: 90%;
    }

        ul.secondary_header.responsive li.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        ul.secondary_header.responsive li {
            float: none;
            display: inline;
        }

            ul.secondary_header.responsive li a {
                display: block;
                text-align: left;
            }


/*Radio Button*/

.sp-input-radio {
    font-size: 11px;
}

/* big Fonts*/

.fontbig {
    font-size: 55px;
    color: #840F00;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* H2 Fonts*/

.fontmedium {
    font-size: 17px;
    color: #840F00;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* Columns Radio Buttons*/

.columnsRbtn {
    width: 100%;
    margin-bottom: 5px;
    padding: 15px;
    float: left;
}

}


@media only screen and (max-width : 450px) and (min-width : 321px){

	.width100 {width: 100%; text-align: center; float: left; margin-top: -40px; margin-bottom: 35px;}
	.content3 {width: 100%; text-align: center; margin-top: 35px; float: left;}
	.websites {font-size: 14px;}
	.img99 { width: 75%; height: auto;}
	.btn88 {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 61%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 61%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 74%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 74%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.img99 {width: 80%; height: auto; text-align: center; margin-bottom: 30px; }
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 80%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 80%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 100%; padding: 50px; float: left;}
	.columns{width: 100%; float: left;}
	.columns-center{font-size: 15px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	
	body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }
	
	.imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }

    #topbar {
        text-align: center;
    }

        #topbar * {
            margin: 0;
        }

        #topbar ul {
            margin: 0 0 10px 0;
            line-height: normal;
        }

            #topbar ul li {
                display: inline-block;
                margin-right: 20px;
            }

                #topbar ul li:last-child {
                    margin-right: 0;
                }
	
	.fl_left, .fl_right {
        display: block;
        float: none;
    }
	.content2{text-align:center;}
	.content22 {margin-bottom: 20px;}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	.hoc{ max-width:90%;}
	.services {font-size: 25px; padding-top: 60px;}
	img {margin-bottom: 0px;}
	.btn999 {
    background-color: #0075b3;
    font-size: 12px;
    width: 60%;
    text-align: center;
	-webkit-appearance: none;
	padding:12px 12px 12px 12px;
	text-transform:uppercase;
	border:1px solid;
	box-shadow: 1px 1px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 3px;
	cursor: pointer;}
	.img5 {width: 65%; height: auto; margin-top: 0px; text-align: center;}
	
	p {font-size: 15px;}
	
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 12px;
	width: 45%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 12px;
		width: 45%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 13px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	/*Button*/

    .btn {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width:61%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 61%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.content {width: 50%; margin-bottom: 40px;}
	.content1 {text-align: center; margin-top: 28px;}
	
	.headers {font-size: 16px; color: #fff; font-family: 'oswald'; padding-top: 15px; padding-bottom: 15px;}
	span {font-size: 14px; color: #fff;}
*{
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
	
	.btn99{
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  padding:15px 35px;
  border:1px solid #24C6DC;
  border-radius:50px;
  background:transparent;
  cursor:pointer;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:1.2em;
  color:#fff;
  -webkit-transition:.5s;
  transition:.5s;
}

.btn99:focus{
  outline:none;
}




.btn99:hover{
    -webkit-transform:scale(1.2);
  transform:scale(1.2);
  background:#24C6DC;
  -moz-box-shadow: 0px 0px 20px rgba(56,56,56,.2);
-webkit-box-shadow: 0px 0px 20px rgba(56,56,56,.2);
box-shadow: 0px 0px 20px rgba(56,56,56,.2);
}


.popup{
  display:block;
  width:500px;
  height:250px;
  background:#fff;
  border-radius:5px;
  margin:80px auto;
  z-index:999;
  overflow:hidden;
  -webkit-transform:translateY(-300%);
  transform:translateY(-300%);
  -moz-box-shadow: 0px 0px 20px rgba(56,56,56,.2);
-webkit-box-shadow: 0px 0px 20px rgba(56,56,56,.2);
box-shadow: 0px 0px 20px rgba(56,56,56,.2);
  text-align:center;
  line-height:7em;
  font-size:2em;
  position:relative;
  -webkit-transition: all 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.popup h1{
  color:#8e54e9;
  text-transform:capitalize;
  font-weight:200;
  font-size:1.1em;
  position:relative;
  left:-200%;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay:900ms;
  transition-delay:900ms;
}

.popup .close{
  position:absolute;
  top:-80px;
  right:15px;
  font-size:.9em;
  font-weight:lighter;
  cursor:pointer;
  color:#8e54e9;
  -webkit-transition:.5s;
  transition:.5s;
}

.overlay{
  overflow-x:hidden;
  overflow-y:hidden;
   -webkit-transition:all 3s ease-in-out;
   transition:all 3s ease-in-out;
}

.overlay::before{
    content: " ";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
   -webkit-transition:3s;
   transition:3s ;
}
	
	
	h1 {font-size: 17px; color: #fff;}
	
	.content { width: 100%; float: left;}
	
	.textinput {width: 75%; height: 28px; border-radius: 5px;}
	
	.pricelarge {color: #fff; font-size: 35px; }
	
	#topbar ul li {
        display: block;
        margin: 5px 0 0 0;
    }

        #topbar ul li:first-child {
            margin: 0;
        }

    body {
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }

    /* Columns Radio Buttons*/

    .columnsRbtn {
        width: 99%;
        margin-bottom: 5px;
        padding: 15px;
        float: left;
    }

    /*Radio Button*/

    .sp-input-radio {
        float: left;
        margin-top: 2px;
        margin-right: 10px;
        vertical-align: top;
    }

    /* CONTACT */

    .contact {
        width: 100%;
        padding-top: 10px;
        padding-left: 0px;
    }

    /* Columns3*/

    .columns3 {
        width: 100%;
        margin: auto;
        padding-top: 35px;
        float: left;
    }

    /* Columns2*/

    .columns2 {
        width: 100%;
        margin: 0px;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
        display: block;
    }

    /* ColumnsOrder*/

    .columnsorder {
        width: 100%;
        margin: auto;
        padding: 2px;
        float: left;
        border-top: solid 1px #bebebe;
        font-size: 11px;
        text-align: center;
    }

    /* Columns888*/

    .columns888 {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
    }

    /*ColumnsLogo*/

    .columnslogo {
        width: 100%;
        margin: auto;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    /*ColumnsProduct555*/

    .columnsproduct555 {
        width: 100%;
        float: left;
        margin: auto;
        padding: 30px;
    }

    /*ColumnsProduct*/

    .columnsproduct {
        width: 100%;
        float: left;
        margin: auto;
        padding: 30px;
    }
	
	/* Columns50*/

    .columns50 {
        width: 100%; float: left; padding: 30px;
    }

    .columns555 {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
    }

    /* ColumnsPrint*/

    .columnsprint {
        width: 100%;
        padding: 30px;
        float: left;
        border-top: solid 1px #ffffff;
        margin: auto;
    }

    /*ColumnsTop*/

    .columnstop {
        width: 100%;
    }

    /* Columns*/


    /* H2 Fonts*/

    .fontmedium {
        font-size: 17px;
        color: #840F00;
        font-weight: 400;
        font-family: Georgia, "Times New Roman", Times, serif;
    }

    /* big Fonts*/

    .fontbig {
        font-size: 55px;
        color: #840F00;
        font-weight: 400;
        font-family: Georgia, "Times New Roman", Times, serif;
    }


    /* Responsive Navigation*/

    ul.secondary_header li:not(:first-child) {
        display: none;
    }

    ul.secondary_header li.icon {
        float: right;
        display: inline-block;
    }

    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */

    ul.secondary_header {
        position: relative;
        width: 80%;
    }

        ul.secondary_header.responsive li.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        ul.secondary_header.responsive li {
            float: none;
            display: inline;
        }

            ul.secondary_header.responsive li a {
                display: block;
                text-align: left;
            }
}



@media screen and (min-width : 901px) and (max-width: 1200px){
	
	.img99 {width: 50%; height: auto; margin:auto; text-align: center;}
	.width100 {width: 100%; text-align: center; margin-top: -30px; margin-bottom: 50px; float: left;}
	.content3 {width: 50%; text-align: center; margin-top: 20px; float: left;}
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 40px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	ul.secondary_header {
        width: 95%;
    }

        ul.secondary_header.responsive li a {
            font-size: 12px;
        }
	
	body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }
	
	.columns001 {width: 33%; padding-top: 60px; float: left;}
	.columns00 {width: 33%; padding: 80px; float: left;}
	.pricelarge {color: #fff; font-size: 30px; }
	.services {font-size: 35px; padding-top: 60px;}
	.columns {width: 50%; float: left;}
	.columns-center {width: 100%; text-align: center; margin-bottom: 20px; margin-top: 20px;}
	.hoc {max-width: 90%;}
	.content {width: 50%;}
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}	
	.headers2 {font-size: 22px; color: #fff; font-family: 'oswald';}
	.headers3 {font-size: 22px; color: #0075B3; font-family: 'oswald';}
	.content22 { width: 25%; float: left; margin-top:40px; text-align: center;}
	.content2 { width: 50%; padding-right: 40px; float: left; display: block; padding-top: 55px; padding-bottom: 55px; text-align: right;}
	.content-margin {padding-bottom: 60px;}
	span {font-size: 17px; color: #fff; font-family: 'Encode Sans Condensed', sans-serif;}
	.btn-width{width: 45%;}
	.img5 {width: 50%; height: auto;}
	p {font-size: 17px;}
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 14px;
	width: 25%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 14px;
		width: 25%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 12px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	/* Rows */
.row {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	display: inline-block;
}
	
	/*Button*/

    .btn88 {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn999 {
    background-color: #0075b3;
    font-size: 12px;
    width: 70%;
    text-align: center;
	-webkit-appearance: none;
	padding:12px 12px 12px 12px;
	text-transform:uppercase;
	border:1px solid;
	box-shadow: 1px 1px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 3px;
	cursor: pointer;
	}
	p {font-size: 16px;}
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 12px;
	width: 37%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 12px;
		width: 37%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 13px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
}