/* ==========================================================================
   01. FOOTER 
   ========================================================================== */ 
   
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}

/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}
/* */

.floatL{
	float:left;
}
.floatR{
	float:right;
}

/* Footer Container Background Colour */
.footer-container, .footer-container .lipup {
	background: #242d32;
	color: #a7b3b9;
}

/* Footer Container Links */
.footer-container li a{
	color: #aabdcd;
}

/* Footer Container Links Hover */
.footer-container li a:hover{
	color: #fbfdff;
}
/* Social Link Colour */
ul.social-link a{
	color: #4e6069;
}

/* Footer Headings */
.footer-container footer h1{
	color: #fff;
}


.footer-container {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    position: relative;
}

.footer-container .wrapper{
	width:90%;
	margin:0 auto;
}

.footer-container hr{
	border-top: 1px solid #4e5a60;
 	margin:25px 0;
	padding: 0;
 }   
.footer-container ul{
	text-align: center;
}
.footer-container li{
	display: inline-block;
	text-align: center;
	list-style-type: none;
	margin-left: 10px;
}
.footer-container li:first-child{
	margin-left: 0;
}
.footer-container li a{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-decoration: none;
}
.footer-container footer h1{
	font-weight: normal;
	margin-bottom: 1em;
	font-size:20px;
	color: #fff;
}
.footer-container footer { 
	padding: 10px 0; 
}
ul.social-link li:before{
	display: none;
}
ul.social-link{
	margin-top: 2em;
	margin-bottom: 2em;
}
ul.social-link li{
	display: inline;	
	padding: 0;
	margin: 0 .1em;
}
ul.social-link a{
	 font-family: 'socialicoregular';
	 font-size: 56px;
	 -webkit-transition: all 250ms ease-in-out;
	 -moz-transition: all 250ms ease-in-out;
	 -ms-transition: all 250ms ease-in-out;
	 -o-transition: all 250ms ease-in-out;
	 transition: all 250ms ease-in-out;
	 opacity: 1;
}
.footer-container address { 
	font-size: 0.5em;
    font-style: normal;
}
.footer-container p {
    margin: 1em 0;
}

/* ==========================================================================
   10. Insert Author's custom styles
   ========================================================================== */

.appbanner-link{
	padding-top:10px !important;
}

/* app Link List(SP) */
.appbanner-link li{
	margin:0 !important;
	padding:0 4px 15px 4px !important;
	width: 28%;
	display: inline-block;
}
.appbanner-link li a{
	
}

/* ==========================================================================
   16. Fonts
   ========================================================================== */

@font-face {
    font-family: 'robotobold';
    src: url('../../font/roboto-bold-webfont.eot');
    src: url('../../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/roboto-bold-webfont.woff') format('woff'),
         url('../../font/roboto-bold-webfont.ttf') format('truetype'),
         url('../../font/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoitalic';
    src: url('../../font/roboto-italic-webfont.eot');
    src: url('../../font/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/roboto-italic-webfont.woff') format('woff'),
         url('../../font/roboto-italic-webfont.ttf') format('truetype'),
         url('../../font/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'RobotoLight';
    src: url('../../font/Roboto-Light-webfont.eot');
    src: url('../../font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/Roboto-Light-webfont.woff') format('woff'),
         url('../../font/Roboto-Light-webfont.ttf') format('truetype'),
         url('../../font/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../../font/roboto-regular-webfont.eot');
    src: url('../../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/roboto-regular-webfont.woff') format('woff'),
         url('../../font/roboto-regular-webfont.ttf') format('truetype'),
         url('../../font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../../font/Roboto-Condensed-webfont.eot');
    src: url('../../font/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/Roboto-Condensed-webfont.woff') format('woff'),
         url('../../font/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('../../font/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'socialicoregular';
    src: url('../../font/socialico-webfont-webfont.eot');
    src: url('../../font/socialico-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/socialico-webfont-webfont.woff') format('woff'),
         url('../../font/socialico-webfont-webfont.ttf') format('truetype'),
         url('../../font/socialico-webfont-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ralewaylight';
    src: url('../../font/raleway-light-webfont.eot');
    src: url('../../font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/raleway-light-webfont.woff') format('woff'),
         url('../../font/raleway-light-webfont.ttf') format('truetype'),
         url('../../font/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ralewayregular';
    src: url('../../font/raleway-regular-webfont.eot');
    src: url('../../font/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/raleway-regular-webfont.woff') format('woff'),
         url('../../font/raleway-regular-webfont.ttf') format('truetype'),
         url('../../font/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ralewaymedium';
    src: url('../../font/raleway-medium-webfont.eot');
    src: url('../../font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/raleway-medium-webfont.woff') format('woff'),
         url('../../font/raleway-medium-webfont.ttf') format('truetype'),
         url('../../font/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}