html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:none;}
body {
width: 100%;
margin:0;
color: #000;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
background:url(images/bg.jpg) no-repeat fixed;
background-size: cover;
}
.wrapper {
width:1000px;
margin:0 auto;
}
.main_wrapper {
width: 100%;
float:left;
}
.logo {
width:28%;
float:left;
}
.logo a {
text-decoration:none;
color:#CA1564;
}
.logo h3 {
font-size:30px;
font-family: 'Permanent Marker', cursive;
color:#E0116B;
padding:0 10px;
font-weight:600;
}
.logo span {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-shadow: none;
}
.mobile {
display:none;
}
.menu {
width:71.5%;
float:right;
padding:25px 0;
}
.call {
display:block;
text-align:right;
padding: 10px 10px;
font-size: 20px;
color:#333;
line-height: 20px;
}
.call a{
color:#CA1564;
font-weight:bold;
}
.menu ul {
list-style:none;
}
.menu li {
display:block;
min-width:100px;
line-height:30px;
font-weight:bold;
text-align:center;
color:#ffffff;
float:left;
margin-left:2px;
background:#E0116B;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
.menu li>a {
color:#ffffff;
}
.main_container {
width:98%;
margin:20px auto 0;
padding: 15px 1%;
background:#232322;
border-radius:5px;
float:left;
}
.main_body {
width:70%;
float:right;
font-size:16px;
}
.main_content {
width:100%;
float:left;
}
.main_content h1 {
font-size: 24px;
font-family: 'Oswald', sans-serif;
padding:5px 10px;
color: #fff;
}
.main_content h2 {
color:#F48E09;
font-size:13px;
font-family: 'Oswald', sans-serif;
font-weight:500;
text-transform:uppercase;
padding: 5px 10px;
}
.main_content h3 {
color:#ACA8A4;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-size:19px;
font-weight:500;
padding:10px 10px;
}
.main_content h4 {
color:#fff;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-size:19px;
font-weight:500;
padding:10px 10px;
}
.main_content h5 {
color:#F48E09;
font-size:13px;
font-family: 'Oswald', sans-serif;
font-weight:500;
text-transform:uppercase;
padding: 5px 10px;
}
.main_content p {
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding:5px 10px;
line-height:20px;
color:#fff;
}
.main_content ul {
list-style: disc;
margin-top: 5px;
}
.main_content li {
margin-left:40px;
color: #fff;
}
.main_images {
margin-top:10px;
width:100%;
float: left;
}
.main_images ul{
list-style:none;
}
.main_images li{
float:left;
width:23%;
margin:0 1%;
text-align: center;
font-size:13px;
line-height:20px;
color:#fff;
}
.main_images li>img {
width:94%;
height:220px;
border:1px #E0116B solid;
border-radius:5px;
}
.sidebar {
width:30%;
margin-top:5px;
float:left;
}
.sidebar_menu {
width:90%;
float:left;
}
.sidebar_menu h3 {
background:#000000;
padding:5px 5px;
color:#dddddd;
font-weight:bold;
font-size:16px;
margin-left:5px;
line-height:25px;
}
.sidebar_menu ul {
list-style:none;
}
.sidebar_menu li {
margin:1px 0 1px 5px;
line-height:30px;
font-size:13px;
background:#E0116B;
color:#eeeeee;
padding:0 5px;
}
.sidebar li>a {
color:#eeeeee;
}
.social_icons {
width: 90%;
float:left;
margin: 10px 0px 0;
}
.social_icons h3 {
background:#000000;
padding:5px 5px;
color:#dddddd;;
font-weight:bold;
font-size:16px;
margin-left:5px;
line-height:25px;
}
.social_icons p {
width:90%;
padding:0 5%;
}
.social_icons img {
width:35px;
height:35px;
float:left;
margin:5px;
}
.sidebar_img_box{
width:85%;
padding: 0 4px;
margin:10px 5px 0;
background:#fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:1px #993399 solid;
float:left;
}
.sidebar_img_box img {
width:92%;
height:180px;
margin:10px 3%;
border:1px #333 solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.footer {
width: 98%;
padding:10px 1%;
float:left;
background: #E0116B;
margin:10px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.footer_col1, .footer_col2 {
line-height:20px;
color:#ddd;
}
.footer_col2 p{
line-height:20px;
padding:0;
}
.footer_col1 ul {
list-style:none;
}
.footer_col1 li {
float:left;
list-style:none;
border-right:#ddd solid 1px;
line-height:20px;
display:block;
padding:0 10px;
}
.footer_col1 li.last {
border-right:none;
}
.footer_col1 li>a {
color:#ddd;
}
.footer_col1 {
float:left;
}
.footer_col2 {
float:right;
}
a {
text-decoration:none;
}
.gallery {
margin-top:10px;
width:100%;
float: left;
}
.gallery ul {
list-style:none;
}
.gallery li {
float:left;
width:31%;
margin: 5px 1%;
text-align: center;
color:#333;
border: 1px solid #333;
}
.gallery li>img {
width:90%;
height:300px;
margin: 10px 1% 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.email, .tel {
font-size: 16px;
color:#ccc;
font-weight: bold;
border-radius:2px;
padding:0 10px;
background: #CA1564;
}
/*-----------------------------------------------*/
@media screen and (max-width:768px){
body {
width:100%;
}
.wrapper {
width:100%;
}
.main_wrapper {
width:100%;
}
.logo {
width:100%;
}
.logo h3 {
width:90%;
text-align:center;
margin:0 auto;
}
.menu {
width:100%;
float:left;
margin:0;
padding:10px 0;
}
.main_container {
width:92%;
margin:0 3%;
}
.sidebar {
width:100%;
float:left;
}
.sidebar_menu {
width:94%;
float:left;
margin:0 3%;
}
.social_icons {
width:94%;
float:left;
margin:5px 3% 0;
}
.sidebar_img_box {
width:90%;
float:left;
margin: 10px 4%;
}
.main_body {
width:100%;
margin:0 auto;
float:left;
}
.main_content {
width:100%;
margin:0 auto;
float:left;
}
.main_images {
width:100%;
float:left;
}
.footer {
width:100%;
float:left;
}
.footer_col1, .footer_col2 {
width:100%;
float:left;
}
.menu ul{
width:100%;
float:left;
margin:0 auto;
}
.menu li{
width:46%;
margin:2px 2%;
text-align:center;
display:block;
float:left;
}
.main_images {
width:100%;
}
.main_images li {
width:40%;
padding:0 4%;
margin-top:10px;
float: left;
}
.main_images img {
width:90%;
}
.footer {
width:98%;
}
.footer_col1{
width:100%;
}
.footer_col2{
width:100%;
text-align:center;
border-top: 2px double #333;
}
.footer_col1 ul {
width:100%;
}
.footer_col1 li {
width:36%;
border:none;
text-align:center;
display:block;
float:left;
background:#fff;
margin: 5px 5%;
color:#333;
border-radius:3px;
}
.footer_col1 li>a {
color:#CA1564;
}
.mobile {
text-align:center;
font-size:18px;
display:block;
}
.call {
display:none;
}
.gallery li {
width: 44%;
margin:5px 2.5%;
float: left;
}
}
/*-----------------------------------------------*/
@media screen and (min-width:568px) and (max-width:768px){
.sidebar_menu li {
padding: 0 2%;
width: 44%;
float: left;
margin: 1px 1%;
}
}
/*-----------------------------------------------*/
@media screen and (max-width:500px){
.footer_col1 li {
margin: 5px 3%;
}
.menu li{
width:92%;
margin: 2px 4% 0;
}
.main_images li {
width:80%;
padding:0 10%;
}
.gallery li {
width: 90%;
margin: 5px 5%;
}
}
/*-----------------------------------------------*/
@media screen and (max-width:250px){
.footer_col1 li {
margin: 5px 2%;
}
.social_icons img {
width: 24px;
height: 24px;
}
}