@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Raleway);

body { margin: 0px; padding: 0px; background: #FFF; font: normal 14px 'Open Sans', Arial, Helvetica, sans-serif; color: #919191; line-height: 1.67em; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #3B3B3B; font-family: 'Raleway', Arial, Helvetica, sans-serif; }

a { color: #004797; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
a:hover { color: #3B3B3B; }

p { margin: 0; padding: 0; }

.clear { clear: both; }

.skin { width: 95%; margin: 0 auto; }

.panel-body { position: relative; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { position: relative; float: left; min-height: 1px; }
.col-1 { width: 100%; }
.col-2 { width: 75%; }
.col-3 { width: 66.66666667%; }
.col-4 { width: 50%; }
.col-5 { width: 33.33333333%; }
.col-6 { width: 25%; }
.col-7 { width: 0%; }

/* HEADER AREA */
.headerarea { margin: 0; }
.display { position: relative; z-index: 2; }
.logoandtagline { position: absolute; bottom: -38px; z-index: 99; }
.logo { padding: 20px 30px 0 0; width: 190px; background: #FFF; position: relative; bottom: -1px; z-index: 1; }
.tagline { padding: 0 30px 15px 0; background: #FFF; position: relative; width: 300px; bottom: 267px; left: -146px; z-index: 2; }
.slider { position: relative; z-index: 0; }
.topmenu { position: relative; margin-top: -37px; left: 1.66666667%; }

/* CONTENT AREA */
.contentarea { border: solid #D8D8D8; border-width: 1px 0; padding: 5em 0 0 0; }

.home { position: relative; z-index: 1;}
.home h2 { margin: 0 1.66666667% 1em 1.66666667%; font-size: 24px; }
.home h3 { margin: 1em 0; font-size: 20px; }
.home h4 { margin: 0 0 1em 0; font-size: 24px; }
.home img { width: 100%; }

.home-1 {}
.home-2 {}
.home-3 {}
.home-3 img {}

.singlepage { padding: 0 0 5em 0; }
.singlepage img { width: 100%; }
.singlepage h1 { margin: 0 0 .5em 0; font-size: 40px; font-weight: normal; line-height: 1.25em; }
.singlepage h2 { margin: 0 1.66666667% 1em 1.66666667%; font-size: 24px; }
.singlepage h3 { margin: 1em 0; font-size: 20px; }
.singlepage p { margin: 0 0 2em 0; }
.singlepage ul, .singlepage ol { margin-bottom: 2em; }
.singlepage blockquote { background: #F1F1F1; border-left: 5px solid #E1E1E1; padding: 2em; }
.singlepage table { width: 100%; margin: 0; padding: 0; background: none; border: none; border-collapse: collapse; border-spacing: 0; }
.singlepage th { border: 1px solid #E1E1E1; padding: 1em; background: #F1F1F1; }
.singlepage td { border: 1px solid #E1E1E1; padding: 1em; background: #FFF; }
.singlepage label { display: block; }
.singlepage input { padding: 10px; border: 1px solid #919191; width: 300px; max-width: 80%; font: normal 14px 'Open Sans', Arial, Helvetica, sans-serif; color: #919191; }
.singlepage select { padding: 0 6px; border: 1px solid #919191; width: auto; min-width: 30%; max-width: 80%; font: normal 14px 'Open Sans', Arial, Helvetica, sans-serif; color: #919191; }
.singlepage option { padding: 10px 9px; font: normal 14px 'Open Sans', Arial, Helvetica, sans-serif; color: #919191; }
.singlepage input.attachmentinput { border: none; padding-left: 0; }
.singlepage input.thebutton { background: #3B3B3B; border: 1px solid #111; color: #FFF; width: 150px; cursor: pointer; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.singlepage input.thebutton:hover { background: #004797; border: 1px solid #00326A; color: #FFF; width: 150px; }
.singlepage textarea { padding: 10px; border: 1px solid #919191; width: 500px; max-width: 80%; height: 200px; font: normal 14px 'Open Sans', Arial, Helvetica, sans-serif; color: #919191; }
.singlepage input.showerror,
.singlepage textarea.showerror,
.singlepage select.showerror { border-color: #C30; }

/* FOOTER AREA */
.bottom { padding: 5em 0; margin: 5em 0 0 0; border-top: 1px solid #D8D8D8; }
.bottom h5 { margin: 1em 0; font-size: 17px; text-transform: uppercase; }

.copyright { padding: 1em 0; }
.copyright-l { float: left; width: 50%; text-indent: 120px; }
.copyright-l img { width: 100px; height: auto; position: absolute; left: 0; margin: -5px 0 0 0; }
.copyright-r { float: right; width: 50%; text-align: right; }
.copyright-r ul { margin: 0; padding: 0; list-style: none;  }
.copyright-r li { display: inline; position: relative; margin: 0 0 0 30px; color: #919191; }
.copyright-r li:first-child { margin: 0; }
.copyright-r li a { color: #919191; }
.copyright-r li a:hover { color: #004797; }
.copyright-r img { width: 16px; height: auto; position: absolute; left: -21px; margin: 6px 0 0 0; }

.newplace { display: none; width: 100%; margin: 0; padding: 0; text-align: center; background: #F1F1F1; border-bottom: 1px solid #DDD; }
.newplace ul { padding: 5px 0; margin: 0; }
.newplace li { display: inline; position: relative; margin: 0 10px; color: #919191; }
.newplace img { width: 16px; height: auto; position: relative; left: 0; margin: 6px 0 0 0; }

.float-r { float: right; }
.col-x-1 { width: 96.33333333%; margin: 0 1.66666667% 5em 1.66666667%; }
.col-x-2 { width: 46.66666666%; margin: 0 1.66666667% 5em 1.66666667%; }
.col-x-3 { width: 30%; margin: 0 1.66666667% 5em 1.66666667%; }
.col-x-4 { width: 21.66666667%; margin: 0 1.66666667% 5em 1.66666667%; }
.col-fot-1 { width: 100%; }
.col-fot-2 { width: 45%; padding: 0 5% 0 0; }
.col-fot-3 { width: 30%; padding: 0 3% 0 0; }
.col-fot-4 { width: 22.5%; padding: 0 2.5% 0 0; }

.mb2em { margin-bottom: 2em; }
.pad-r-2 { border-bottom: 1px solid #D8D8D8; padding: 0 0 5em 0; margin: 0 2em 2em 0; position: relative; margin-top: -.5em; }
.pad-r-2 h1 { margin: 0 0 .5em 0; font-size: 40px; font-weight: normal; line-height: 1.25em; }

.imaging1 { margin: 0 0 2em 0; height: 250px; overflow: hidden; position: relative; }
.imaging2 { margin: 0 0 2em 0; height: 200px; overflow: hidden; position: relative; }
.imaging3 { margin: 0 0 2em 0; height: 150px; overflow: hidden; position: relative; }
.imaging4 { margin: 0 0 2em 0; height: 100px; overflow: hidden; position: relative; }

.required { color: #C30; }
.warningerror { padding: 2em; background: #F1F1F1; border: 1px solid #E1E1E1; color: #C30; margin: 0 0 2em 0; }
.warningerror ul, .warningerror ol { margin-bottom: 0; }


.rotate {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}

.readmorebut { margin: 2em 0 0 0; }
.readmorebut a { background: #3B3B3B; padding: 10px; color: #FFF; }
.readmorebut a:hover { background: #004797; padding: 10px; color: #FFF; }
.tp-leftarrow { margin: 0 0 0 38px; }
.tp-bullets { margin-bottom: 32px; }

.error-page { background: #6bc5a4; text-align: center; }
.error-wrapper { margin-top: 4.2%; }
.error-wrapper h2 { font-size: 64px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 91px; font-weight: 700; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.error-wrapper h3 { font-size: 32px; color: #474747; text-transform: uppercase; font-weight: bold; line-height: 58px; margin-top: 0; font-weight: 700; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.error-wrapper .nrml-txt { font-size: 18px; color: #474747; font-weight: normal; line-height: 30px; }
.error-wrapper .nrml-txt a { color: #a7ffdf; }
.error-wrapper .back-btn { color: #fff; border: 1px solid #fff; padding: 13px 30px 14px 30px; border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; display: inline-block; margin-bottom: 20px; margin-top: 63px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.error-wrapper .back-btn:hover { background: #fff; color: #6bc5a4; border-color: #fff; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.headerarea { margin: 30px 0; }
.logoandtagline { position: inherit; bottom: 0; z-index: 99; text-align: center; }
.logo { padding: 0; width: 100%; background: none; position: relative; bottom: 0; z-index: 1; }
.tagline { padding: 10px 0 30px 0; background: #FFF; position: relative; width: 100%; bottom: 0; left: 0; z-index: 2; }
.slider { position: relative; z-index: 0; }
.tp-leftarrow { margin: 0; }
.tp-bullets { margin-bottom: -15px; }
.topmenu { position: relative; bottom: 0; left: 0; margin: 32px 0 0 0; padding: 0; }
.rotate { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); writing-mode: lr-tb; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { position: relative; float: left; min-height: 1px; width: 100%; }
.contentarea { border: solid #D8D8D8; border-width: 1px 0; padding: 5em 0 0 0; }
.pad-r-2 { border-bottom: 1px solid #D8D8D8; padding: 0 0 3em 0; margin: 0 0 2em 0; position: relative; margin-top: -.5em; text-align: center; }
.pad-r-2 h1 { margin: 0 0 .5em 0; font-size: 34px; font-weight: normal; line-height: 1.25em; }
.col-x-1 { width: 96.33333333%; margin: 0 1.66666667% 5em 1.66666667%; }
.col-x-2 { width: 46.66666666%; margin: 0 1.66666667% 5em 1.66666667%; }
.col-x-3 { width: 30%; margin: 0 1.66666667% 5em 1.66666667%; }
.col-x-4 { width: 21.66666667%; margin: 0 1.66666667% 5em 1.66666667%; }
.col-fot-1 { width: 100%; }
.col-fot-2 { width: 45%; padding: 0 5% 0 0; }
.col-fot-3 { width: 30%; padding: 0 3% 0 0; }
.col-fot-4 { width: 22.5%; padding: 0 2.5% 0 0; }
.home {}
.home h2 { margin: 0 0 1em 0; font-size: 24px; }
.home h3 { margin: 1em 0; font-size: 20px; }
.copyright-l { float: none; width: 100%; text-indent: 0; text-align: center; margin: 0 0 20px 0; }
.copyright-l img { display: none; } 
.copyright-r { display: none; }
.newplace { display: inherit; }
}

@media only screen and (max-width: 767px) {
.headerarea { margin: 30px 0; }
.logoandtagline { position: inherit; bottom: 0; z-index: 99; text-align: center; }
.logo { padding: 0; width: 100%; background: none; position: relative; bottom: 0; z-index: 1; }
.tagline { padding: 10px 0 30px 0; background: #FFF; position: relative; width: 100%; bottom: 0; left: 0; z-index: 2; }
.slider { position: relative; z-index: 0; }
.tp-leftarrow { margin: 0; }
.tp-bullets { margin-bottom: -15px; }
.topmenu { position: relative; bottom: 0; left: 0; margin: 32px 0 0 0; padding: 0; }
.rotate { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); writing-mode: lr-tb; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { position: relative; float: left; min-height: 1px; width: 100%; }
.contentarea { border: solid #D8D8D8; border-width: 1px 0; padding: 5em 0 0 0; }
.pad-r-2 { border-bottom: 1px solid #D8D8D8; padding: 0 0 3em 0; margin: 0 0 2em 0; position: relative; margin-top: -.5em; text-align: center; }
.pad-r-2 h1 { margin: 0 0 .5em 0; font-size: 26px; font-weight: normal; line-height: 1.25em; }
.col-x-1, .col-x-2, .col-x-3, .col-x-4 { width: 100%; margin: 0 0 5em 0; }
.col-fot-1, .col-fot-2, .col-fot-3, .col-fot-4 { width: 100%; padding: 0; margin: 0 0 2.5em 0; }.home {}
.home h2 { margin: 0 0 1em 0; font-size: 24px; }
.home h3 { margin: 1em 0; font-size: 20px; }
.copyright-l { float: none; width: 100%; text-indent: 0; text-align: center; margin: 0 0 20px 0; }
.copyright-l img { display: none; }
.copyright-r { display: none; }
.newplace { display: inherit; }
.error-wrapper h2 { font-size: 32px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 64px; }
.error-wrapper h3 { font-size: 18px; color: #474747; text-transform: uppercase; font-weight: bold; line-height: 32px; margin-top: 0; }
.error-page img { width: 50%; height: auto; }
}