@charset "utf-8";
/* CSS Document */

@media only screen and (min-width : 1220px) {

#header {
width: 100%;
height:110px;
z-index:100;
position: absolute;
}

#headercontent {
width: 80%;
height:110px;
margin-left:10%;
margin-right:10%;
}

#logo {
width: 20%; 
height: 60px;
margin-top:32px;
float:left;
}

#logo img {
width: 220px; 
height: auto;
}
  
#mobillogo {
display: none;
}    

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 70%;
height: 50px;
margin-top:21px;
float:right;
}
    
#mainmenu ul {
display:inline;
text-align:center;
float:right;
}

#mainmenu ul li {
display:inline;
text-align:center;
}

#mainmenu a {
text-decoration:none;
line-height: 22px;
padding-left: 0px;
padding-right: 0px;
padding-top:10px;
padding-bottom:10px;
margin-left: 15px;
margin-right: 15px;
font-size:18px;
font-weight: 400;
color:#fff;
text-transform: uppercase;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul a:hover {
text-decoration:none;
color:#333;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul .current a {
text-decoration:underline;
color:#fff;
}

#mobilmenu {
display:none;
}

#footer {
width: 100%;
height: auto;
float: left;
color:#fff;
background-image: linear-gradient(0deg, #740f49, #e7305e);
}
     
#footermid {
width: 84%;
height: 220px;
margin-left:8%;
margin-right:8%;
margin-top:70px;
}
    
#footerbox1 {
width: 52%;
height: auto;
float:left;
}  
  
#footerbox1 img {
width: 240px;
height: auto;
float:left;
margin-top:-35px;
}    
    
#footerbox2 {
width: 16%;
height: auto;
float:left;    
}
    
#footerbox3 {
width: 16%;
height: auto;
float:left;
}
  
#footerbox4 {
width: 16%;
height: auto;
float:left;
}
    
#footerbox2 p,
#footerbox3 p {
color:white;
font-size:16px;
line-height: 22px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}    

#footerbox2 a:link,
#footerbox2 a:visited,
#footerbox3 a:link,
#footerbox3 a:visited {
color:white;
font-size:16px;
line-height: 22px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#footerbox2 a:hover,
#footerbox3 a:hover,
#footerbox4 a:hover    {
color:pink;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
text-decoration: underline;
}
  
#footerbox4 ul.mod-menu.mod-list.nav {
list-style-type: None; 
margin-top: -1px;
}  
  
  
#footerbox4 a:link,
#footerbox4 a:visited {
color:white;
font-size:16px;
line-height: 22px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#footerbox4 a:hover {
color:pink;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
text-decoration: underline;
}  
   
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height: 40px;
float:left;
padding-top:38px;
background:#fff;
color:#fff;
}
    
#copyright p {
color:#fff;
line-height: 2px; 
font-size:13px;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:13px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}

p {
margin: 0 0 1.2em;
padding: 0;
line-height:20px;
font-size:15px;
}

body{
font-family: 'Oswald', sans-serif;
background:white;  
margin:0px;
padding:0px;
}  
    
}


/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1219px) {


#header {
width: 100%;
height:110px;
z-index:100;
position: absolute;
}

#headercontent {
width: 90%;
height:110px;
margin-left:5%;
margin-right:5%;
}

#logo {
width: 18%; 
height: 60px;
margin-top:34px;
float:left;
}

#logo img {
width: 180px; 
height: auto;
}
  
#mobillogo {
display: none;
}  

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 78%;
height: 50px;
margin-top:21px;
float:right;
}
    
#mainmenu ul {
display:inline;
text-align:center;
float:right;
}

#mainmenu ul li {
display:inline;
text-align:center;
}

#mainmenu a {
text-decoration:none;
line-height: 22px;
padding-left: 0px;
padding-right: 0px;
padding-top:10px;
padding-bottom:10px;
margin-left: 15px;
margin-right: 15px;
font-size:16px;
font-weight: 400;
color:#fff;
text-transform: uppercase;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul a:hover {
text-decoration:none;
color:#333;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul .current a {
text-decoration:underline;
color:#fff;
}

#mobilmenu {
display:none;
}

#footer {
width: 100%;
height: auto;
float: left;
color:#fff;
background-image: linear-gradient(0deg, #740f49, #e7305e);
}
     
#footermid {
width: 84%;
height: 220px;
margin-left:8%;
margin-right:8%;
margin-top:70px;
}
    
#footerbox1 {
width: 44%;
height: auto;
float:left;
}   
  
#footerbox1 img {
width: 220px;
height: auto;
float:left;
margin-top:-35px;
}    
    
#footerbox2 {
width: 18%;
height: auto;
float:left;    
}
    
#footerbox3 {
width: 18%;
height: auto;
float:left;
}
  
#footerbox4 {
width: 20%;
height: auto;
float:left;
}
    
#footerbox2 p,
#footerbox3 p {
color:white;
font-size:16px;
line-height: 22px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}    

#footerbox2 a:link,
#footerbox2 a:visited,
#footerbox3 a:link,
#footerbox3 a:visited {
color:white;
font-size:16px;
line-height: 22px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#footerbox2 a:hover,
#footerbox3 a:hover {
color:pink;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
text-decoration: underline;
}
  
#footerbox4 ul.mod-menu.mod-list.nav {
list-style-type: None; 
margin-top: -1px;
}  
  
#footerbox4 a:link,
#footerbox4 a:visited {
color:white;
font-size:16px;
line-height: 22px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#footerbox4 a:hover {
color:pink;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
text-decoration: underline;
}   
   
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height: 40px;
float:left;
padding-top:38px;
background:#fff;
color:#fff;
}
    
#copyright p {
color:#fff;
line-height: 2px; 
font-size:13px;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:13px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}

p {
margin: 0 0 1.2em;
padding: 0;
line-height:20px;
font-size:15px;
}

body{
font-family: 'Oswald', sans-serif;
background:white;  
margin:0px;
padding:0px;
}   

}

/************************************************************************************
For Smartphones
*************************************************************************************/

@media only screen and (max-width : 767px) {

#header {
width:100%;
height:60px;
float:left;
background:#fff;
position:fixed;
box-shadow: 1px 1px 4px #999;
z-index:1000;
}
 
#logo {
display: none;
}  
  
#mainmenu {
display: none;
}
    
#mobilmenutrigger {
width:40px;
height: auto;
float: right;
margin-right:15px;
margin-top:-8px;
}
    
#mobilmenutrigger .dj-mobile-open-btn {
background:none;
}
    
#mobilmenutrigger .fa.fa-bars {
background:none;
}

.parent a em.fa.fa-caret-down {
display:none;  
}    

#mobilmenutrigger button.menu {
float:right;
width:60px;
height:50px;
}

#mobilmenutrigger .app-bar {
width: 100%;
height: 60px;
z-index:2;
}

.navdrawer-container {
position: fixed;
width: 240px;
height: 100%;
color: #eee;
-webkit-transform: translate(-250px,0);
transform: translate(-250px,0);
z-index: 2;
font-size:13px;
margin-top:0px;
border-top:2px solid #eee;
background:#fff;
}

#mobilmenu .navdrawer-container ul li a {
display: block;
height: 10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
line-height: 10px;
text-decoration: none;
border-bottom:2px solid #eee;
color:#222 !important;
}

#topcontact {
display:none;
}

#topline {
display:none;
}

#left {
display:none;
}

#mobillogo {
width: 180px; 
height:auto;
top:16px;
left:10px;
position:absolute; 
}

#mobillogo img {
width: 180px; 
height: auto;
}

#mobillogo p {
margin:0px;
}
 
#footer {
width: 100%;
height: auto;
float: left;
padding-bottom:40px;    
color:#fff;
background-image: linear-gradient(0deg, #740f49, #e7305e);
}
     
#footermid {
width: 80%;
height: auto;
margin-left:10%;
margin-right:10%;
margin-top:30px;
}
    
#footerbox1 {
width: 100%;
height: auto;
float:left;
margin-bottom: 10px;
}   
  
#footerbox1 img {
width: 180px;
height: auto;
float:left;
margin-bottom: 20px;
}    
    
#footerbox2 {
width: 100%;
height: auto;
float:left; 
margin-bottom: 10px;  
}
    
#footerbox3 {
width: 100%;
height: auto;
float:left;
margin-bottom: 10px;  
}
  
#footerbox4 {
width: 100%;
height: auto;
float:left;
margin-bottom: 10px;
}
    
#footerbox2 p,
#footerbox3 p {
color:white;
font-size:14px;
line-height: 18px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}    

#footerbox2 a:link,
#footerbox2 a:visited,
#footerbox3 a:link,
#footerbox3 a:visited {
color:white;
font-size:14px;
line-height: 18px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#footerbox2 a:hover,
#footerbox3 a:hover {
color:pink;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
text-decoration: underline;
}
  
#footerbox4 ul.mod-menu.mod-list.nav {
list-style-type: None; 
margin-top: -1px;
margin-left:-40px;
}  
  
#footerbox4 a:link,
#footerbox4 a:visited {
color:white;
font-size:14px;
line-height: 20px;
font-weight: 400;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#footerbox4 a:hover {
color:pink;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
text-decoration: underline;
}     
   
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height: 40px;
float:left;
padding-top:38px;
background:#fff;
color:#fff;
}
    
#copyright p {
color:#fff;
line-height: 2px; 
font-size:13px;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:13px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
text-decoration: underline;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

p {
margin: 0 0 1.2em;
padding: 0;
line-height:20px;
font-size:15px;
}

body{
font-family: 'Oswald', sans-serif;
background:white;  
margin:0px;
padding:0px;
} 

    
}