/*
 * Author: Damian Dadswell
 * URL: http://events.kmi.open.ac.uk/
 *
 */

.icon-large{font-size:100px;}

/*------------------------------------------------
#
# general
#
--------------------------------------------------*/
*{margin:0;padding:0;font-family:'Roboto', sans-serif;box-sizing:border-box;}
body{background:#fff;margin:0;padding-bottom:0;color:#231f33;font-size:14px;font-size:1.1rem;line-height:1.6;}

h1, h2, h3, h4, h5, h6{font-weight:400;margin:10px 0 30px 0;line-height:1.4;font-family:'Roboto', sans-serif;color:#231f33;}

h2, section h3, section h4{margin:20px;}
h3{margin-top:20px;}
aside h3{margin:0 20px;}

p{padding:0;margin:10px 0 12px 0;font-family:'Roboto', sans-serif;font-weight:300;font-size:14px;font-size:1.1rem;line-height:1.6;}
small{font-size:12px;font-size:0.8rem;}

.alignleft{float:left;margin:8px 40px 0 40px !important;}
.alignright{float:right;margin:8px 40px 0 40px !important;}
.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both;margin-bottom:40px !important;}
.aligntextleft{text-align:left;}
.centered{text-align:center;}
.centered img{/*display:block !important;*/margin-left:auto !important;margin-right:auto !important;}
hr{clear:both;border:3px solid #e6e6e6;width:30%;margin-top:40px;margin-bottom:40px;}
.clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
.pointer{cursor:pointer;}
.fullwidth{width:100%;margin-bottom:20px;}
.nopadding{padding:0px !important;margin:0px;}
.padding-top-20{padding-top:20px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:40px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-80{margin-bottom:80px;}
.desktop{display:block;}
.mobile, .phone, .ipadl, .ipadp, .ipadv{display:none;}
.fixed{position:fixed;}
.absolute{position:relative !important;}
.bottom-shadow{-webkit-box-shadow:0px 6px 3px -1px rgba(0,0,0,0.75);-moz-box-shadow:0px 6px 3px -1px rgba(0,0,0,0.75);box-shadow:0px 6px 3px -1px rgba(0,0,0,0.75);}
.highlight{background:#ecd94f;color:#231f33;padding:10px 10px;margin-left:10px;font-size:14px;font-size:1.0rem;}
.highlighter{background:#e6e6e6;padding:5px;}

.image{display:block;background:linear-gradient(180deg, #eecda3 0%, #ef629f 100%);}
.logo .image{width:150px;height:80px;margin-top:5px;}
.content .image{width:100%;}
.height300{height:300px;margin:20px;}
.height150{height:150px;margin:0 0 20px 0;}

.equal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.equal > [class*='col-']{display:flex;flex-direction:column;}


@media (min-width:768px){
    .row.equal{display:flex;flex-wrap:wrap;}
}

::-moz-selection{color:#fff;text-shadow:none;background:#312b39;}
::selection{color:#fff;text-shadow:none;background:#312b39;}
*,
*:after,
*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}

a{color:#231f33;background-image:linear-gradient(120deg, #e3ae00 0%, #e3ae00 100%);background-repeat:no-repeat;background-size:100% 0.1em;background-position:0 88%;transition:background-size 0.25s ease-in;text-decoration:none;padding:8px 5px 6px 5px;border-radius:0.25rem;;}
a:active,a:focus,a:hover{color:#231f33;background-size:100% 0.2em;text-decoration:none;}
a:focus{outline-style:dotted;outline-color:#e3ae00;}

sup a{background-color:#e3ae00;background-image:none;text-decoration:none;padding:0 1px;color:#000;font-weight:400;border:none;border-radius:0;}
sup a:hover{background-color:#e3ae00;background-image:none;background-size:none;text-decoration:none;border:none;color:#000;}

a.noborder{color:#fff;background-image:none;text-decoration:none;padding:8px 2px 6px 2px;border:none;}
a.noborder:hover{background-image:none;background-size:none;text-decoration:none;border:none;}

a.button{background:#e3ae00;padding:10px;color:#000;font-weight:700;border:none;}
a.button:active,a.button:focus,a.button:hover{background:rgba(227, 174, 0, 0.8);color:#000;}
a.button:focus{outline-style:dotted;outline-color:#e3ae00;}

a.btn{display:inline-block;background:#e3ae00;background-image:none !important;padding:10px;margin-top:20px;margin-bottom:20px;color:#000;font-weight:400;border:none;border-radius:0.25rem;}
a.btn:active,a.btn:focus,a.btn:hover{background:rgba(227, 174, 0, 0.8);color:#000;}
a.btn:focus{outline-style:dotted;outline-color:#e3ae00;}

button{background:#e3ae00;color:#000;padding:5px 10px;border:none;border-radius:0;font-size:14px;}
button:hover, button:focus{background:rgba(227, 174, 0, 0.8);outline:none;}
button .icon{margin-right:5px;font-size:14px !important;}

ul, ol{margin-left:80px;margin-bottom:20px;margin-right:40px;}
ul li, ol li{list-style:square;font-size:14px;font-size:1.1rem;margin-bottom:5px;padding:5px 0;font-weight:300;}
ul.xoxo li{list-style:none;}

section:target{scroll-margin-top:80px;}

/*------------------------------------------------
#
# colours
#
--------------------------------------------------*/
/* font colours */
.black{color:#181818 !important;}
.white{color:#fff !important;}
.grey{color:#e6e6e6 !important;}
.blue{color:#231f33 !important;}
/* background colours */
.blackbg{background-color:#181818 !important;}
.whitebg{background-color:#fff !important;}
.greybg{background-color:#e6e6e6 !important;}
.bluebg{background-color:#231f33 !important;}

.solid{color:#7c4dff !important;}
.solidbg{background:#7c4dff !important;}
.webconf{color:rgba(93,69,123,1) !important;}
.webconfbg{background:rgba(93,69,123,1) !important;}
.eswc{color:#3276a2 !important;}
.eswcbg{background:#3276a2 !important;}

/*------------------------------------------------
#
# mobile navigation
#
--------------------------------------------------*/
.scroll-list{}
.navbar-toggle{border-color:#231f33 !important;border-radius:0;}
.navbar-toggle:hover,.navbar-toggle:focus{background-color:#a72716 !important;}
.navbar-toggle .icon-bar{background-color:#fff !important;border-radius:0;}

/*------------------------------------------------
#
# modal
#
--------------------------------------------------*/
.modal{z-index:99999 !important;}
.modal-content{border-radius:0;}
h4.modal-title{color:#231f33;font-size:18px;font-size:1.8em;margin:0 20px;font-weight:700;}
.modal-header .close{color:#231f33;}

/*------------------------------------------------
#
# video/audio iframe responsive design
#
--------------------------------------------------*/
.video-wrapper{margin-left:auto;margin-right:auto;width:640px;max-width:100%;}
.video-container{position:relative;padding-bottom:50%;padding-top:6.25%;height:0;overflow:hidden;   }
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin-left:10px;margin-right:15px;}
.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

/* Responsive IFRAME Embed Encoding 
   Adapts fixed pixel IFRAME sizes and makes them responsive. */
/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */
.youtubeWrapper, .vimeoWrapper, .instagramWrapper{position:relative;padding-top:0;height:0;overflow:hidden;margin-top:10px;}
/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper{padding-bottom:56.25%;}
/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper{padding-bottom:120%;}    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed{position:absolute;top:0;left:0;width:100%;height:100%;}


/*------------------------------------------------
#
# forms
#
--------------------------------------------------*/
input, textarea{font-size:17px;min-height:40px;border-radius:none;line-height:20px;padding:10px;border:none;margin-bottom:10px;background:#fff;-webkit-transition:background-color 0.2s;transition:background-color 0.2s;}
input[type=submit]{background-color:#231f33;color:#fff;}


/*------------------------------------------------
#
# ouheaders
#
--------------------------------------------------*/
#ou-header, #ou-org-footer{font-size:14px !important;font-size:.875rem !important;font-weight:300;}
#ou-header ul li, #ou-header ol li, #ou-org-footer ul li, #ou-org-footer ol li{font-size:14px !important;font-size:.875rem !important;}


/*------------------------------------------------
#
# banner
#
--------------------------------------------------*/
.banner{position:relative;height:450px;background:url("../img/falla-ai-banner.png") no-repeat;background-position:center;background-size:cover;}
.banner .mktechweek{position:absolute;bottom:20px;right:20px;}
.banner .mktechweek img{height:100px;width:auto;}
.banner h1{position:absolute;display:inline;background:#e3ae00;color:#231f33;margin:80px auto 10px auto;padding:10px 20px;text-align:center;}
.banner h2{position:absolute;display:inline;background:#231f33;color:#fff;margin:160px auto 10px auto;padding:10px 20px;text-align:center;}
.banner h3{position:absolute;display:inline;background:#231f33;color:#fff;margin:230px auto 10px auto;padding:10px 20px;text-align:center;font-size:21px;font-size:1.3rem;}
.banner h3 a{color:#fff;}
.banner p{color:#fff;margin:0 auto 10px auto;text-align:left;border-left:5px solid #fff;padding:3px 0 3px 15px;}
.banner a{color:#fff;font-weight:bold;}
.banner a:hover,.banner a:focus.banner a:active{color:#fff;}
.banner .centered img{/*display:block !important;*/margin-top:10px;margin-left:auto !important;margin-right:auto !important;}


/*------------------------------------------------
#
# aside
#
--------------------------------------------------*/
aside.centered img{display:block !important;margin-top:0;margin-left:auto !important;margin-right:auto !important;width:100%;}
.timetable{/*background:#231f33 !important;*/margin:0 10px 30px 10px !important;}
.timetable h3{color:#fff;margin-top:10px !important;padding-top:20px;}
.timetable p{color:#fff;font-size:15px;font-size:1.0rem;font-weight:300;}
.timetable a{color:#fff;background-image:linear-gradient(120deg, #fff 0%, #fff 100%);background-repeat:no-repeat;background-size:100% 0.1em;background-position:0 88%;transition:background-size 0.25s ease-in;text-decoration:none;padding:8px 5px 6px 5px;border-radius:0.25rem;font-size:15px;font-size:1.0rem;font-weight:400;}
.timetable a:active,.timetable a:focus,.timetable a:hover{color:#fff;background-size:100% 0.2em;text-decoration:none;}
.timetable a:focus{outline-style:dotted;outline-color:#fff;}
.timetable a.btn{margin-top:10px;margin-bottom:0;}
.timetable table{width:100%;max-width:100%;margin:0 !important;}
.timetable.solidbg table{border:5px solid #7c4dff;}
.timetable.webconfbg table{border:5px solid #5d467b;}
.timetable.eswcbg table{border:5px solid #3276a2;}

/*------------------------------------------------
#
# navigation
#
--------------------------------------------------*/
.logo{background:#fff;padding:10px 0 10px 0px;}


@media (min-width: 576px){
    .mb-sm-0, .my-sm-0{margin-bottom:11px !important;}
}
@media (min-width: 768px){
    .mt-md-0, .my-md-0 {margin-top:8px !important;}
}
.navbar{transition:all 0.3s ease;}
.navbar{padding:1rem;}
.navbar-brand{background-image:none;text-decoration:none;padding:0;}
.navbar-brand img{height:50px;}
.navbar-nav li{list-style:none !important;font-size:16px;font-size:1.0rem;margin:0 10px 0 0;padding:0 10px;border-radius:0.25rem;font-weight:400;}

.navbar-nav li a{background-image:linear-gradient(120deg, #e3ae00 0%, #e3ae00 100%);background-repeat:no-repeat;background-size:100% 0em;background-position:0 88%;transition:background-size 0.125s ease-in;text-decoration:none;padding:8px 5px 6px 5px;border-radius:0;color:#fff !important;}
.navbar-nav li a:hover{background-size:100% 16%;text-decoration:none;}


.navbar-nav li.active{background:#e3ae00;}
.navbar-nav li.active a{background-image:none;color:#000 !important;padding:8px 10px 6px 10px;}
.navbar .btn-outline-success{color:#000;border-color:#fff;}
.navbar .btn-outline-success:hover{background-color:#fff;color:#231f33;border-color:#231f33;}


/*------------------------------------------------
#
# pills
#
--------------------------------------------------*/
ul#pills-tab{border-bottom:2px solid #e3ae00;margin:20px 20px 0 20px !important;}
ul#pills-tab li{list-style:none;margin:0 1px 0 0;padding:0 !important;}
.nav-pills .nav-link{background-color:#231f33;color:#fff;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#e3ae00;color:#000;}
.nav-pills button{margin-bottom:0 !important;}
.tab-content{background:#f7f7f7;margin:0 20px;padding:0 0 20px 0;}
.tab-content table{margin:10px 20px;}


/*------------------------------------------------
#
# content
#
--------------------------------------------------*/
.content{background:#fff;padding:60px 0 60px 0;}
.content section{background:#fff;color:#231f33;padding:0 0 10px 0;margin:0 0 20px 0;}
.content section h1{background:#326fb4;padding:20px;color:#fff;margin-bottom:40px;font-size:28px;font-size:1.9rem;text-align:center;}
.content section p{margin:10px 20px;}

#importantdates{background:#e6e6e6;padding:20px;margin-bottom:60px;}
#importantdates h3{font-size:23px;;font-size:1.4rem;}
#callforparticipation{background:#e6e6e6;padding:20px;text-align:center;margin-bottom:60px;}
#register{position:relative;background:#e6e6e6;padding:20px;text-align:center;margin:60px 0px;}
#sponsorship{position:relative;background:#e6e6e6;padding:60px 20px 20px 20px;text-align:center;margin-bottom:60px;}
#keynote{margin-bottom:60px;}
#outcome{margin-bottom:60px;}
#organisers{margin-bottom:60px;}
#organisers p{font-size:15px;font-size:1.0rem;}
#committee{margin-bottom:60px;}
#submission{margin-bottom:60px;}
#contact{position:relative;background:#e6e6e6;padding:20px;text-align:center;margin-bottom:60px;}
#sponsorship .sponsor-title, #contact .contact-title, #register .register-title{position:absolute;padding:10px;top:0;right:0;font-weight:600;background:#231f33;color:#fff;}


/*------------------------------------------------
#
# sub-content
#
--------------------------------------------------*/
.sub-content{background:#fff;padding:0 0 60px 0;}
.sub-content section{background:#fff;color:#231f33;padding:0 0 10px 0;margin:0 0 20px 0;}
.sub-content section h1{background:#326fb4;padding:20px;color:#fff;margin-bottom:40px;font-size:28px;font-size:1.9rem;text-align:center;}
.sub-content section p{margin:10px 20px;}


/*------------------------------------------------
#
# committees
#
--------------------------------------------------*/
#calls{padding:60px 0;}
#calls section{background:#e6e6e6;color:#231f33;padding:0 0 10px 0;margin:0 0 20px 0;}
#calls section h1{background:#326fb4;padding:20px;color:#fff;margin-bottom:40px;font-size:28px;font-size:1.9rem;text-align:center;}
#calls section .tab-content h1{background:#a72716;padding:40px 0;color:#fff;margin-top:0;margin-bottom:40px;}
/*#calls section .tab-content #pills-solid h1{background:#7c4dff;}
#calls section .tab-content #pills-webconf h1{background:rgba(93,69,123,1);}
#calls section .tab-content #pills-eswc h1{background:#3276a2;}*/
#calls section p{margin:10px 20px;}


/*------------------------------------------------
#
# blockquote
#
--------------------------------------------------*/
blockquote{display:block;background:#000;color:#fff;margin:20px;padding:20px 20px 10px 20px;font-size:18px;font-size:1.6rem;border-radius:0.25rem;}
#keynote blockquote{display:block;background:#000;color:#fff;margin:0 20px 20px 20px;padding:20px 20px 10px 20px;font-size:18px;font-size:1.6rem;border-radius:0;}
#keynote p.img-mask{margin:10px 20px 0 20px;}
#keynote img.fullwidth{margin-bottom:0 !important;}
blockquote:before{color:#dacedd;content:open-quote;font-size:4em;line-height:0.1em;margin-right:10px;vertical-align:-0.4em;}
blockquote:after{visibility:hidden;content:close-quote;}
blockquote p{display:inline;font-size:18px;font-size:1.6rem;margin:0;}
pre{background:#f4f4f4;border:none;border-left:3px solid #000;page-break-inside:avoid;font-family:monospace;font-size:14px;line-height:1.6;margin:20px;max-width:100%;overflow:auto;padding:20px;display:block;word-wrap:break-word;}

#talk h4{color:#fff;}
#talk{display:block;background:#231f33;color:#fff;margin:20px;padding:20px 20px 30px 20px;font-size:18px;font-size:1.6rem;border-radius:0.25rem;}
#talk a{color:#fff;}

/*------------------------------------------------
#
# social
#
--------------------------------------------------*/
.tooltip-inner {background-color:#231f33;font-size:16px;font-size:1.6rem;}
.tooltip.bottom .tooltip-arrow {border-bottom-color:#231f33;}


/*------------------------------------------------
#
# content
#
--------------------------------------------------*/
.content .centered img{/*display:block !important;*/margin-top:20px;margin-left:auto !important;margin-right:auto !important;margin-bottom:10px;}


/*------------------------------------------------
#
# contact
#
--------------------------------------------------*/


/*------------------------------------------------
#
# twitter
#
--------------------------------------------------*/


/*------------------------------------------------
#
# tables
#
--------------------------------------------------*/
/*table{width:100%;border-collapse:collapse;color:#fff;/*table-layout:fixed;}
table tbody td{border-bottom:1px solid #ccc;padding:15px 10px;color:#000;}
table tbody tr{background:#fff;}
table tbody tr:hover{background:#e6e6e6;}
table tbody tr td{vertical-align:top;}
table tbody tr td img{margin-top:20px;}
table thead{border-bottom:2px solid #000;}
table thead th{background-color:#fff;color:#000;padding:10px;text-align:left;font-weight:700;font-size:12px;font-size:1.0rem;}*/

table{border:1px solid #ccc;border-collapse:collapse;margin:40px 20px 0 20px;padding:0;/*width:95%;*/max-width:100%;table-layout:auto;}
table caption{display:none;}
table tr{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em;}
table th{padding:15px 25px 15px 15px;}
table td{padding:15px;font-weight:300;vertical-align:top;}
table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase;}

@media screen and (max-width: 600px){
	table{border:0;}
	table caption{font-size:1.3em;}
	table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em;}
	table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right;}
	table td::before{content:attr(data-label);float:left;font-weight:bold;text-transform:uppercase;margin-right:10px;}
	table td:last-child{border-bottom:0;}
}


/*------------------------------------------------
#
# footer
#
--------------------------------------------------*/
#mktechweekiconrepeat{background:url("../img/mk-tech-week-icon-midnight.jpg") #fff repeat-x;height:40px;display:block;}
footer{padding:80px 0;background:#fff;color:#231f33;}
footer h3{font-size:20px;font-size:1.6rem;}
footer img{height:80px;margin-right:20px;}
footer a{color:#fff;background-image:none;border-bottom:1px solid #e3ae00;border-radius:0;}
footer a:focus, footer a:active, footer a:hover{color:#fff;border-bottom:1px solid #rgba(227, 174, 0, 0.8);background-image:none;}
footer p{text-align:right;font-size:14px;font-size:1.1rem;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	/*------------------------------------------------
	#
	# body
	#
	--------------------------------------------------*/
    body{background-color:#fff;}
	.desktop{display:none;}
	.mobile{display:block;}
	.phone{display:block;}
	.ipadp{display:none;}
	/*------------------------------------------------
	#
	# navigation
	#
	--------------------------------------------------*/
    .navbar{padding-top:10px;padding-bottom:10px;}
    .navbar-collapse{padding:20px 0;}
    .navbar-toggler{border:1px solid #fff !important;margin-top:5px;}
    .navbar-toggler:active{border:1px solid #623557 !important;}
    .navbar button{background:#231f33 !important;}
    .navbar button:hover, .navbar button:focus, .navbar button:active{background:#623557 !important;}
    .navbar-nav{margin-right:0 !important;}
    .navbar-nav li{padding:5px 10px;}
    .navbar-nav li.active{background:#623557;display:inline-block;}
    .navbar-nav input{width:50% !important;}    
	/*------------------------------------------------
	#
	# header
	#
	--------------------------------------------------*/
	.banner{height:400px;background:url(../img/hero.png) bottom center no-repeat;}
	.banner h1{font-size:1.9rem;}
	/*------------------------------------------------
	#
	# OU headers and footers
	#
	--------------------------------------------------*/
	body #ou-header:not(.ie8) a[class*="ou-logo"] img, body.scotland #ou-header:not(.ie8) a[class*="ou-logo"] img, body.wales #ou-header:not(.ie8) a[class*="ou-logo"] img{visibility:visible;position:relative;top:-152px;left:-210px;}
	/*------------------------------------------------
	#
	# footer
	#
	--------------------------------------------------*/
    footer .footer-meta{margin-top:60px;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	/*------------------------------------------------
	#
	# body
	#
	--------------------------------------------------*/
    body{background-color:#fff;}
	.desktop{display:none;}
	.mobile{display:block;}
	.ipadp{display:block;}
	.phone{display:none;}
	/*------------------------------------------------
	#
	# navigation
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# reports
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# news
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# team
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# social
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# footer
	#
	--------------------------------------------------*/
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/*------------------------------------------------
	#
	# body
	#
	--------------------------------------------------*/
    body{background-color:#fff;}
	.phone,.ipadp,.mobile,.desktop{display:none;}
	.ipadl{display:block;}
	/*------------------------------------------------
	#
	# navigation
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# reports
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# news
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# team
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# social
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# footer
	#
	--------------------------------------------------*/
}