/* ----------------------------------------------------------------------------
	Font Icons
----------------------------------------------------------------------------- */
@font-face {
	font-family: 'icons';
	src: url('font/icons.eot?24804043');
	src: url('font/icons.eot?24804043#iefix') format('embedded-opentype'),
		 url('font/icons.woff?24804043') format('woff'),
		 url('font/icons.ttf?24804043') format('truetype'),
		 url('font/icons.svg?24804043#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Font smoothing. That was taken from TWBS */
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-dribbble:before { content: '\e801'; }
.icon-instagram:before { content: '\e802'; }
.icon-behance:before { content: '\e803'; }
.icon-linkedin:before { content: '\e804'; }
.icon-facebook:before { content: '\e805'; }
.icon-twitter:before { content: '\e806'; }
.icon-gplus:before { content: '\e807'; }
.icon-pinterest:before { content: '\e808'; }
.icon-tumblr:before { content: '\e809'; }
.icon-down:before { content: '\e810'; }
.icon-left:before { content: '\e811'; }
.icon-right:before { content: '\e812'; }
.icon-up:before { content: '\e813'; }
.icon-left-small:before { content: '\e814'; }
.icon-right-small:before { content: '\e815'; }
.icon-up-small:before { content: '\e816'; }
.icon-down-small:before { content: '\e817'; }
.icon-down-thin:before { content: '\e818'; }
.icon-left-thin:before { content: '\e819'; }
.icon-right-thin:before { content: '\e820'; }
.icon-up-thin:before { content: '\e821'; }
.icon-down-arrow:before { content: '\e822'; }
.icon-left-arrow:before { content: '\e823'; }
.icon-right-arrow:before { content: '\e824'; }
.icon-up-arrow:before { content: '\e825'; }
.icon-menu:before { content: '\e826'; }
.icon-home:before { content: '\e827'; }
.icon-lock:before { content: '\e828'; }
.icon-phone:before { content: '\e829'; }
.icon-chat:before { content: '\e830'; }
.icon-mail:before { content: '\e831'; }
.icon-comment:before { content: '\e832'; }
.icon-at:before { content: '\e833'; }
.icon-star:before { content: '\e834'; }
.icon-search:before { content: '\e835'; }
.icon-zoom:before { content: '\e836'; }
.icon-cog:before { content: '\e837'; }
.icon-link:before { content: '\e838'; }
.icon-share:before { content: '\e839'; }
.icon-check:before { content: '\e840'; }
.icon-cancel:before { content: '\e841'; }
.icon-plus:before { content: '\e842'; }
.icon-minus:before { content: '\e843'; }
.icon-close:before { content: '\e844'; }
.icon-user:before { content: '\e845'; }
.icon-spinner:before { content: '\e846'; }

a.social {
    display: inline-block;
    height: 50px;
    width: 50px;
    margin: 5px;
	color: #fff !important;
	background-color: #ccc;
	background-color: rgba(0,0,0,0.20);
	font-size: 22px;
	text-align: center;
    overflow: hidden;
    vertical-align: middle;
	border: 0 !important;
	border-radius: 30px;
    transition: all 0.15s linear 0s;
}
a.social [class^="icon-"]:before {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 50px;
}
a.social:hover, a.social:active {
	font-size: 24px;
	border-radius: 4px;
	/*transform: rotate(360deg);*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a.social.dribbble:hover, a.social.dribbble:active { background-color: #EA4C89; }
a.social.instagram:hover, a.social.instagram:active { background-color: #49789D; }
a.social.behance:hover, a.social.behance:active { background-color: #1769FF; }
a.social.facebook:hover, a.social.facebook:active { background-color: #3f5495; }
a.social.twitter:hover, a.social.twitter:active { background-color: #5d87c4; }
a.social.linkedin:hover, a.social.linkedin:active { background-color: #2575b2; }
a.social.gplus:hover, a.social.gplus:active { background-color: #cc4436; }
a.social.pinterest:hover, a.social.pinterest:active { background-color: #c2142f; }
a.social.tumblr:hover, a.social.tumblr:active { background-color: #529ECC; }
/* ----------------------------------------------------------------------------
	Dropdown List
----------------------------------------------------------------------------- */
.dropdown_list { margin: 15px auto; width: auto; position: relative; box-sizing: border-box; }
.dropdown_list li { margin: 0; padding: 0; list-style: none; }
.dropdown_list span.dropdown { display: block; margin: 0; padding: 0 10px; width: auto; height: 40px; line-height: 38px; background: #fff; border-radius: 3px; border: 1px solid #a1c4e5; cursor: pointer; overflow: hidden; }
.dropdown_list span.dropdown.is-active { border-radius: 3px 3px 0 0; }
.dropdown_list span.dropdown:hover, .dropdown_list span.dropdown:active { background: #f1f1f1; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.dropdown_list span.dropdown:after { float: right; margin-top: 0; margin-left: 10px; width: 15px; height: 100%; content: "\e817"; color: ineherit; font-family: 'icons'; text-align: center; font-size: inherit; vertical-align: top; }
.dropdown_list span.dropdown.is-active:after { content: "\e816" }
.dropdown_list a:hover { text-decoration: none; border-bottom: 0; }
.dropdown_list .drop { display: block; float: left; margin: 0; width: 100%; max-height: 0; position: absolute; background: #fff; top: 40px; border-radius: 0 0 3px 3px; z-index: 10; overflow-y: auto; opacity: 0; transition: max-height 0.3s cubic-bezier(0, 0.6, 0, 1), opacity 0.3s cubic-bezier(0, 0.6, 0, 1); }
.dropdown_list span.is-active + .drop { max-height: 350px; border: 1px solid #a1c4e5; border-top: 0; opacity: 1; transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.dropdown_list .drop li { float: none; display: block; margin: 0; padding: 0; border: 0; height: auto; border-top: 1px dotted #ccc; }
.dropdown_list .drop li:first-child { border-top: 0 }
.dropdown_list .drop li a { float: none; display: block; margin: 0; padding: 6px 10px 6px 25px; height: auto; width: auto; text-transform: none; color: inherit; background: #fff; text-align: left; border-radius: 0; border: 0; }
.dropdown_list .drop li a:hover, .dropdown_list .drop li a:active { background: #f1f1f1; }
.dropdown_list .drop li a:before { display: inline-block; margin-left: -15px; margin-right: 5px; width: 10px; height: inherit; content: "\00BB"; color: inherit; font-family: 'icons'; text-align: center; font-size: inherit; vertical-align: top; }