/* =================  default websplanet CSS =============== */
.languages {}
.headerimage {}
.slogan {}
.logo {}
.skinBg {}
.skinAlign {}
.footerText {}
.footerLinks {}
.titles {}

.astrix {}
.form_field_text {}
.text_field {}
.text_field_big {}

.buttons {
    border-width: 1px;
    padding:6px 24px;
}

.search_button {}
.search_field {}
.search_text {}
.search_result_highlight {}

.login_field {}


/* Modules */

.module-wrapper {}
.module-title {}
.module-content {}

/* Widgets */

.widget-wrapper {margin:7px;}
.widget-title {}
.widget-body {}

/* picture+text widget */
.image_wrapper.free-image-left{
	margin-right: 5px;
}
.image_wrapper.free-image-right{
	margin-left: 5px;
}

/* Default free text widget values */
.widget-body .freetextarea ul { list-style-image:url(../images/arrow-list.png); padding-left:2em !important; margin:0.5em !important;}
.service ul li
{
font-size:20px;
color:#000000;
line-height:30px;
}
.widget-body .freetextarea ul ul,

.widget-body .freetextarea ol ul {list-style:circle outside none !important;}
.widget-body .freetextarea ul ul ul,
.widget-body .freetextarea ul ol ul,
.widget-body .freetextarea ol ul ul,
.widget-body .freetextarea ol ol ul {list-style:square outside none !important;}

.widget-body .freetextarea ol {list-style:decimal outside none !important; padding-left:2em !important; margin:0.5em !important;}
.widget-body .freetextarea ol ol,
.widget-body .freetextarea ul ol {list-style:lower-latin outside none !important;}
.widget-body .freetextarea ol ol ol,
.widget-body .freetextarea ol ul ol,
.widget-body .freetextarea ul ol ol,
.widget-body .freetextarea ul ul ol {list-style:lower-roman outside none !important;}

.widget-body .freetextarea ul li,
.widget-body .freetextarea ul ul li,
.widget-body .freetextarea ol ul li,
.widget-body .freetextarea ul ol ul li,
.widget-body .freetextarea ol ul ul li,
.widget-body .freetextarea ol ol ul li,
.widget-body .freetextarea ul ul ul li,
.widget-body .freetextarea ol li,
.widget-body .freetextarea ol ol li,
.widget-body .freetextarea ul ol li,
.widget-body .freetextarea ol ol ol li,
.widget-body .freetextarea ol ul ol li,
.widget-body .freetextarea ul ol ol li,
.widget-body .freetextarea ul ul ol li {list-style:inherit !important;margin:0 !important}

/* Default font size values */
.widget-body .freetextarea font[size="1"] {font-size:xx-small}
.widget-body .freetextarea font[size="2"] {font-size:x-small}
.widget-body .freetextarea font[size="3"] {font-size:small}
.widget-body .freetextarea font[size="4"] {font-size:medium}
.widget-body .freetextarea font[size="5"] {font-size:large}
.widget-body .freetextarea font[size="6"] {font-size:x-large}
.widget-body .freetextarea font[size="7"] {font-size:xx-large}

/* margin on jobs/FAQ/ pages */
#jobs-module {
    margin-left: 30px;
    width: auto !important;
}

/*------------widget popup default (google map/gallery/contactus on mobile version) ---------*/
.widget-popup{
    overflow:hidden; 
    top:0px; 
    left:0px;
    position:absolute; 
    width:100%;                       
    z-index:1000;
}
.widget-popup-control-bar{
    overflow:hidden; 
    position:fixed; 
    top:0px; 
    left:0px;
    width:100%;
    height:30px;
}
.widget-popup-content{
    display:inherit;
    overflow:hidden; 
    position:absolute; 
    top:30px; 
    left:0px;
    width:100%;
    height:420px;
    display:inherit;
}
.widget-popup-control-bar #close_map{
  text-align:center;
  font-weight:bold;
  font-size:1em;
  line-height:30px;
}
.widget-button{width:100%; height:30px; text-align:center; padding-top:10px;  z-index:1001;}
div.widget-button:hover{cursor:pointer;}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .widget-popup{
    	height: 300px;
	}
}
@media only screen and (max-width: 767px) {
	.widget-popup{
    	height: 480px;
    }
}
/* =================  click to action button =============== */

#fixed_mobile_action_menu{position: absolute; z-index:1000; display:none;}

@media only screen and (max-width: 767px){
    #fixed_mobile_action_menu{display:block;}
}

#plus { 
                font-size: 16px;
                font-weight:bold;
                opacity: 0.6;
                width: 40px;
                height: 40px;
                text-align:center;
                line-height:36px;
}

ul.buttons-nav { margin:0; padding: 4px 0; width: 100%;position:absolute }
ul.buttons-nav li { list-style-type:none; margin:0; padding:0; display:table-cell; vertical-align: middle; margin-left:4px; padding:8px 12px;}
ul.buttons-nav li a{text-indent: -9999px}
ul.buttons-nav li img {height: 45px;}
ul.buttons-nav li.seperator { height: 45px; width:1px; display:inline-block; padding:0; }
ul.buttons-nav li:first-child { margin-left:0 }

.nav-wrapper { padding:4px 0; width:50px; height:93px; }
.nav-wrapper .buttons-nav { margin:0 auto; text-align:center; display:table; width:100%; }

/* =================  end click to action button =============== */

/* =================  templates grid elements =============== */
#content{
  margin-top:80px;
}
.contactUsFront li br{display: none;}
.contactUsFront ul{padding:0; margin:0;}
.contactUsFront ul li{padding:0; margin:0;}

body{
  font-size: 13px;
  font-family: 'Asap', sans-serif, arial;
}

body, p{
  line-height: 26px;
}


#headerimage{ margin-bottom: 20px; }
#headerimage img { width: 100%; }

#logo{
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin-bottom:0px;
  padding-bottom:0px;
 }

#logo h2 {
  font-weight: 700;
  font-size: 22px;
}

#logo a, #logo a:visited{
text-decoration:none;
}

#footercontainer{
   width: 100%;
  padding: 40px 0;
  margin-top: 40px;
  
  
}

h1,h2,h3,h4,h5{
    padding-top: 10px;
    padding-bottom: 16px;
    font-weight: 700;
}

.box
{
  position: relative;
  line-height: 1.5;
 
}

.box:before, .box:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.box:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

#footer{
  text-shadow: none;
}
.footer_right{margin-top:30px;}
.buttons{
  display:inline-block;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  cursor: pointer;
}
.buttons:active {
position:relative;
  top:1px;
    box-shadow:none;
}
 #footer ul li {
    float:left;
    margin-right:20px;
    }
/* ================= media queries =============== */

@media (max-width: 480px){
    .vertical{
        clear:both !important;
        float:none !important;
        width:100% !important;
    }
    .vertical .freetext-image {
  width: 100% !important;
}
@media only screen and (min-width: 480px) and (max-width: 768px)
{
#footercontainer 
{
width:450px;
margin:0 auto;
height:600px;



}
}
}
@media only screen and (min-width: 480px) and (max-width: 768px)
{

a.GeneratedLink:link
{
font-size:22px;
}
}
@media only screen and (max-width: 280px) 
{
#footercontainer 
{
width:260px;
float:left;
height:600px;
margin-left:15px;

}

}

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

  
    #footercontainer{
    
	height:600px;
	float:left;
	width:420px;

	
	

}
}*/
/*menu.css. created from /templates/bubbles/templates_CDAUS/menus/m_a/af/afd/822//ltr/menu.css*/

/* Default Menu CSS */

#menu{
float:left;
margin-top:15px;
}

.top_menu{
  position:absolute;
  top:0;
  width:100%; 
  z-index:1000;  
  padding-bottom:10px;       
}

#menu li{
   margin: 0 20px 0 0;
    padding-top: 10px;
  float:left;
}

#menu li ul{
display:none;
}


/* dropdown */
#menu #nav li:hover > ul {
	display: block;
	z-index:100;
}

/* level 2 list */
#menu #nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#menu #nav ul li {
	margin: 0;
	  float: none;
    height: 20px;
    padding: 10px;
    position: relative;
    width: 100%;

}

#menu #nav ul a {
	font-weight: normal;

}

/* level 3+ list */
#menu #nav ul ul {
	left: 185px;
	top: 0px;
}


/* clearfix */
#menu #nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#menu #nav {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
}

* html #nav {
	height: 1%;
}


.mobilenav { 
  font-size: 34px; 
  line-height: 1; 
  padding: 2px 10px; 
display:none;
  margin:10px;
}

#top-navigation { display:none; }

@media only screen and (min-width: 768px)  {
#top-navigation { display:none !important; }

 }


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

	.mobilenav { 
	display:block;
	}

	  #menu{
	display:none ;
	}

	
	#top-avigation ul li ul li a{
	padding-left: 20px;
	}
	
	#top-navigation ul li ul li ul li a{
		padding-left: 40px;
	}
	
	#top-navigation li a {
		display: block;
		padding: 0 0 0 6px;
		height: 38px;
    	line-height: 38px;
		font-size: 13px;
		font-size: 1.3rem;
		text-decoration: none;
		transition: padding-left .5s;
		-moz-transition: padding-left .5s; /* Firefox 4 */
		-webkit-transition: padding-left .5s; /* Safari and Chrome */
		-o-transition: padding-left .5s; /* Opera */		
	}
		
	#top-navigation li ul li{
		margin-left:10px;
	}
	
	#top-navigation li a:hover{
	 	padding-left: 20px;
	}
	
	#top-navigation li li a:hover{
	 	padding-left: 40px;
	}

	#top-navigation li li li a:hover{
	 	padding-left: 60px;
	}

  
}