@font-face {
    font-family: 'ostrich_sans_roundedmedium';
    src: url("./fonts/ostrich-rounded.svg#ostrich_sans_roundedmedium") format("svg"), url("./fonts/ostrich-rounded.eot");
    src: url("./fonts/ostrich-rounded.eot?#iefix") format("embedded-opentype"), url("./fonts/ostrich-rounded.woff") format("woff"), url("./fonts/ostrich-rounded.ttf") format("truetype"), url("./fonts/ostrich-rounded.svg#ostrich_sans_roundedmedium") format("svg");
    font-weight: normal;
    font-style: normal; }

html {
    font-size: 16px;
    height: 100%; }

body {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    height: 100%;
    background-color: #232327;
    color: white; }
body ::-moz-selection {
    background: #09d0de;
    color: #fff;
    text-shadow: none; }
body ::selection {
    background: #09d0de;
    color: #fff;
    text-shadow: none; }

h1, h2, h3 {
    font-family: "Open Sans", serif;
    color: #07a2ad;
    text-transform: uppercase;
    font-weight: 300; }

address {
    font-style: normal; }

.row {
    margin-top: 2em;
    margin-bottom: 2em; }

a {
    text-decoration: none;
    color: white; }

#wrapper {
    background: url(../images/map.png) top center no-repeat, url(../images/bg2.jpg) bottom center no-repeat;
    background-size:auto,100%; 
	text-align:center;
	}

#top {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    text-align: center;
    margin-top: 4em; 
	}
#top .left img, #top .right img {
    width: 120px; }
#top .left img:hover, #top .right img:hover {
    position: relative;
    top: 2px; }
#top .left .logo-img-1, #top .left .logo-img-3 {
    text-align: right; }
#top .left .logo-img-2 {
    text-align: left;
    padding-left: 2.5em;
    margin-top: 7.5em;
    margin-bottom: -1em; }
#top .right .logo-img-2 {
    text-align: right;
    padding-right: 2.5em;
    margin-top: 7.5em;
    margin-bottom: -1em; }
#top .right .logo-img-1, #top .right .logo-img-3 {
    text-align: left; }
#top .center {
    text-align: center;
    padding-top:0em; }
#top .center-aligned {
    text-align: center;
    padding-top:3.5em; }
#top .center img {
    width: 320px;
    height: 320px;
    margin: 0 auto; }

@media only screen and (min-device-width: 1025px) and (max-device-width: 1920px) {
	
	#top{
		padding: 0 0 0 160px ;}
	
	}


@media screen and (max-width: 1024px) {
    body {
        padding: 1em 2em; }

    #top {
        margin-top: 1em; 
		padding: 0 10px;
	} 
	.logotop{
		width:75px;
		height:90px;}
	.logocentre{
		width:175px;
		height:225px;}	
	
	}
	
	
@media screen and (max-width: 640px) {
    .logo-img-1, .logo-img-2, .logo-img-3 {
        text-align: center !important;
        display: inline-block;
        width: 45%;
        padding: 0 !important; } }
#header p {
    font-style: italic;
    text-align: center;
	padding:0 25px;
    color: gray;
    line-height: 2;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

#header h1, #contact-us h1 {
    text-align: center; }

#footer {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
#footer address {
    font-size: 0.9rem; }
#footer form input[type=text],input[type=email], #footer form textarea {
    width: 100%;
    display: block;
    padding: 0.5em;
    margin-bottom: 0.5em;
    font-family: inherit;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    border: none; }
#footer form input[type=submit] {
    float: right;
    border: none;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 0.3em 0.5em;
    background-color: #07a2ad;
    color: white;
    cursor: pointer; }

#copyright {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    margin-bottom: 0; }
#copyright p {
    font-size: 0.8rem; }

#google-map {
    width: 100%;
    height: 300px; }


.pumpkin-signature {
    display: block;
    text-align: left;
    margin-top: 0.3em
}
.pumpkin-signature a {
    vertical-align: text-bottom;
    display: inline-block;

    background: url(../images/pumpkin-sprite.png) bottom center;
    width: 93px;
    height: 26px;
}
.pumpkin-signature a:hover {
    background: url(../images/pumpkin-sprite.png) top center;
}
#top .pos img:hover {
    position: relative;
    top: 2px;
}
.mobile-bus-logos{margin-top:-4em;}
@media screen and (max-width: 640px)
{
    .pumpkin-signature
    {
        text-align: center
    }
    #copyright p
    {
        text-align: center
    }
}
@media screen and (max-width:640px){
    #top .left .logo-img-2 {
        margin-top:2em;
    }
   #top .right .logo-img-2 {
          margin-top:2em;
    }
    #top .center-aligned {
         margin-top:2em;
    }
    .mobile-business img{display:none;}
    .sar-logo{margin-top:-2em;}
    .logos-mobile{margin-top:-4em;}
}
@media screen and (max-width:1024px){
    body{
        overflow-x:hidden;
    }
}
@media screen and (max-width:1024px) and (min-width:640px){
    .dude{
        margin-top:2em;
    }
	
}
.msg{
    color:#09d0de;
    font-weight: bold;
}
.error{
        font-size:14px;
        font-style:italic;
        color:red;
        margin-top: 5px;
}
.bricks-link{text-align:right;}
.bricks-link p {color: #fff;font-weight: bold;}
.bricks-link a {color: #FD642C;}
.bricks-link a:hover {color: #fff;}