.ico-labs { background-image: url(../css/images/sprite.png); background-position: 0 0; width: 44px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-logout { background-image: url(../css/images/sprite.png); background-position: -129px -40px; width: 11px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mouse-dark { background-image: url(../css/images/sprite.png); background-position: 0 -78px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mouse-white { background-image: url(../css/images/sprite.png); background-position: -90px -39px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mouse { background-image: url(../css/images/sprite.png); background-position: -90px 0; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-session { background-image: url(../css/images/sprite.png); background-position: -129px 0; width: 27px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-time-white { background-image: url(../css/images/sprite.png); background-position: -72px -78px; width: 29px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-time { background-image: url(../css/images/sprite.png); background-position: -39px -78px; width: 29px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-unlock { background-image: url(../css/images/sprite.png); background-position: 0 -117px; width: 31px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-video-dark { background-image: url(../css/images/sprite.png); background-position: -42px -39px; width: 38px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-video-white { background-image: url(../css/images/sprite.png); background-position: 0 -39px; width: 38px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-video { background-image: url(../css/images/sprite.png); background-position: -48px 0; width: 38px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-labs { background-image: url(../css/images/sprite.@2x.png); background-position: 0 0; background-size: 150px 139px; width: 44px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-mouse-dark { background-image: url(../css/images/sprite.@2x.png); background-position: -86px 0; background-size: 150px 139px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-mouse-white { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -74px; background-size: 150px 139px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-mouse { background-image: url(../css/images/sprite.@2x.png); background-position: -86px -37px; background-size: 150px 139px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-session { background-image: url(../css/images/sprite.@2x.png); background-position: -123px 0; background-size: 150px 139px; width: 27px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-time-white { background-image: url(../css/images/sprite.@2x.png); background-position: -68px -74px; background-size: 150px 139px; width: 29px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-time { background-image: url(../css/images/sprite.@2x.png); background-position: -37px -74px; background-size: 150px 139px; width: 29px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-unlock { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -111px; background-size: 150px 139px; width: 31px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-video-dark { background-image: url(../css/images/sprite.@2x.png); background-position: -40px -37px; background-size: 150px 139px; width: 38px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-video-white { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -37px; background-size: 150px 139px; width: 38px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-video { background-image: url(../css/images/sprite.@2x.png); background-position: -46px 0; background-size: 150px 139px; width: 38px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
}
.cols:after,
.header-body:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 1220px; background: #ffffff; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 1.3; color: #2c3e50; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-top: 0; margin-bottom: 0.65em; font-weight: 300; }
h1 { font-size: 40px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
	font-family: 'Microgramma D';
	src: url('fonts/MicrogrammaD-MediExte.eot');
	src: url('fonts/MicrogrammaD-MediExte.eot?#iefix') format('embedded-opentype'),
		url('fonts/MicrogrammaD-MediExte.woff2') format('woff2'),
		url('fonts/MicrogrammaD-MediExte.woff') format('woff'),
		url('fonts/MicrogrammaD-MediExte.ttf') format('truetype'),
		url('fonts/MicrogrammaD-MediExte.svg#MicrogrammaD-MediExte') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/MyriadPro-Regular.eot');
	src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-Regular.woff2') format('woff2'),
		url('fonts/MyriadPro-Regular.woff') format('woff'),
		url('fonts/MyriadPro-Regular.ttf') format('truetype'),
		url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/MyriadPro-Bold.eot');
	src: url('fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-Bold.woff2') format('woff2'),
		url('fonts/MyriadPro-Bold.woff') format('woff'),
		url('fonts/MyriadPro-Bold.ttf') format('truetype'),
		url('fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Links  */
.link { color: #e3613f; text-decoration: underline; }
.link:focus,
.link:hover { color: #e3613f; text-decoration: none; }
.link-small { font-size: 12px; font-weight: 300; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container { min-width: 1200px; }
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer-body { padding: 84px 0 54px; background: #222533; color: #ffffff; }
.footer-body h5 { margin-bottom: 37px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; }
.footer-body h5.orange { color: #e3613f; }
.footer-content .footer-logo { margin-bottom: 37px; line-height: .7; }
.footer-content p { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 1.35; color: #606d79; font-weight: 300; }
.footer-bar { padding: 29px 0 0; border-top: 1px solid #2f3244; background: #1a1c27; color: #ffffff; }
.footer-bar .copyright { float: left; font-family: 'Roboto', sans-serif; font-size: 15px; color: #a1b1bc; font-weight: 300; letter-spacing: 0.025em; }
.footer-bar .copyright .footer-logo { font-size: 16px; letter-spacing: 0.08em; }
.footer-bar .socials { float: right; margin-top: 5px; }
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { border-top: 7px solid #e3613f; background: #2f2f2f; color: #ffffff; }
.header-body { padding: 23px 0 26px; }
.header-body:after { }
.header-body .logo-outer { float: left; }
.header-body .nav { float: right; margin-top: 15px; }
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\

.wrapper { position: relative; overflow: hidden; 
         }
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; transition: all .4s;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
.btn:focus,
.btn:hover { text-decoration: none; }
/*  Btn Darkblue  */
.btn-alt { min-width: 223px; padding: 20px 15px 19px; border-bottom: 3px solid #000000; background: #2c3e50; font-family: 'Myriad Pro', sans-serif; font-size: 17px; color: #ffffff; font-weight: bold; text-transform: uppercase; }
.btn-alt:focus,
.btn-alt:hover { background: #000000; color: #ffffff; }
/*  Btn Orange  */
.btn-orange { border-bottom-color: #853d2a; background: #e56240; }
.btn-orange:focus,
.btn-orange:hover { background: #853d2a; }
/*  Btn Secondary  */
.btn-secondary { min-width: 120px; padding: 3px 5px 4px; border-radius: 2px; background: #e3613f; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.btn-secondary:focus,
.btn-secondary:hover { background: #222533; color: #ffffff; }
/*  Btn Blue  */
.btn-blue { background: #222533; }
.btn-blue:focus,
.btn-blue:hover { background: #e3613f; }
/*  Btn Grey  */
.btn-grey { min-width: 129px; padding: 8px 10px 10px; border-bottom: 2px solid #8c99a1; background: #a1b1bc; font-size: 14px; color: #ffffff; letter-spacing: 0.05em; text-transform: uppercase; }
.btn-grey:focus,
.btn-grey:hover { background: #34495e; color: #ffffff; }
/*  Btn Lightblue  */
.btn-lightblue { min-width: 180px; padding: 9px 15px; border-bottom: 3px solid #1f2d3b; background: #2c3e50; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; }
.btn-lightblue:focus,
.btn-lightblue:hover { background: #1f2d3b; color: #ffffff; }
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input::-moz-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.form-group { margin-bottom: 9px; }
.form-group input::-webkit-input-placeholder { color: #a1b1bc; }
.form-group input::-moz-placeholder { color: #a1b1bc; }
.form-group input:-ms-input-placeholder { color: #a1b1bc; }
.form-group input::placeholder { color: #a1b1bc; }
.form-control { display: block; width: 100%; height: auto; padding: 10px 40px 10px 14px; border-radius: 2px; border: 1px solid #2d3e4f; background: #1a1c27; font-size: 14px; line-height: 1.3; color: #a1b1bc; resize: none; }
textarea.form-control { height: 87px; }
.error .form-control { border-color: #e3613f; }
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form {}
.form .form-actions { padding-top: 6px; }
.form .form-btn { width: 100%; }
/* ------------------------------------------------------------ *\
	Form Message
\* ------------------------------------------------------------ */
.form-message .form-group { position: relative; }
.form-message .form-group .fa { position: absolute; top: 50%; right: 16px; font-size: 14px; color: #a1b1bc; pointer-events: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.form-message .form-group .fa-envelope-o { font-size: 12px; }
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List Orange Numbers
\* ------------------------------------------------------------ */
.list-orange-numbers { margin-bottom: 20px; counter-reset: numbers; }
.list-orange-numbers li { letter-spacing: 0.05em; }
.list-orange-numbers li:before { padding-right: 19px; color: #e3613f; font-weight: 900; counter-increment: numbers; content: counter(numbers)'.'; }
/* ------------------------------------------------------------ *\
	List Timer
\* ------------------------------------------------------------ */
.list-timer { margin-bottom: 49px; font-size: 0; text-align: center; }
.list-timer li { display: inline-block; width: 33.33%; vertical-align: top; }
.list-timer span { display: inline-block; width: 78px; height: 78px; border: 2px solid #ccd3d7; border-radius: 50%; margin-bottom: 10px; background: #222533; font-size: 32px; line-height: 74px; color: #e3613f; font-weight: 300; text-align: center; }
.list-timer small { display: block; font-size: 12px; }
/* ------------------------------------------------------------ *\
	List Details
\* ------------------------------------------------------------ */
.list-details { margin-bottom: 22px; text-align: center; }
.list-details li { margin-bottom: 4px; font-size: 12px; color: #000000; letter-spacing: 0.05em;  text-decoration:none }
/* ------------------------------------------------------------ *\
	List Legents
\* ------------------------------------------------------------ */
.list-legends { margin-bottom: 0; text-align: right; }
.list-legends li { display: inline-block; margin-left: 29px; font-size: 15px; font-weight: bold; vertical-align: top; letter-spacing: -0.01em; }
.list-legends li:before { position: relative; top: -3px; display: inline-block; width: 16px; height: 16px; border: 1px solid #838486; margin-right: 12px; background: #502c2c; vertical-align: middle; content: ''; }
.list-legends li.green:before { background: #2c502f; }
.list-legends li.brown:before { background: #705042; }
.list-legends li.blue:before { background: #2b3e4a; }
.list-legends li.light:before { background: #d9d9d9; }
.list-legends li.lightblue:before { background: #638fab; }

.list-details li a:hover {text-decoration:none; color:red}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; font-family: 'Microgramma D', sans-serif; font-size: 28px; color: #ffffff; letter-spacing: 0.05em; text-transform: uppercase; }
.logo:hover,
.logo:focus { color: #ffffff; text-decoration: none; }
.logo span { color: #e3613f; }
.logo-outer p { margin-top: 0px; font-size: 16px; line-height: 1; }
/* ------------------------------------------------------------ *\
	Logo Max
\* ------------------------------------------------------------ */
.logo-max { overflow: hidden; display: inline-block; width: 117px; height: 28px; background: url(../css/images/logo-max@2x.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-indent: 100%; white-space: nowrap; }
.logo-maya { overflow: hidden; display: inline-block; width: 117px; height: 28px; background: url(../css/images/logo-maya@2x.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-indent: 100%; white-space: nowrap; }
.logo-inv { overflow: hidden; display: inline-block; width: 117px; height: 28px; background: url(../css/images/logo-inv@2x.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-indent: 100%; white-space: nowrap; }
.logo-rev { overflow: hidden; display: inline-block; width: 117px; height: 28px; background: url(../css/images/logo-rev@2x.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-indent: 100%; white-space: nowrap; }
.logo-fus { overflow: hidden; display: inline-block; width: 117px; height: 28px; background: url(../css/images/logo-fus@2x.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-indent: 100%; white-space: nowrap; }


/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav ul { list-style: none outside none; }
.nav li { display: inline-block; margin-left: 30px; vertical-align: top; }
.nav a { display: block; padding: 4px 12px 5px; border: 1px solid transparent; font-size: 16px; color: #a1b1bc; transition: color .4s, background .4s; }
.nav .current a,
.nav a:hover { color: #e3613f; text-decoration: none; }
.nav .alt a { padding-right: 9px; border-color: #e3613f; }
.nav .current.alt a,
.nav .alt a:hover { background: #e3613f; color: #a1b1bc; }
.nav .alt [class^="ico-"] { margin-left: 8px; }
/* ------------------------------------------------------------ *\
	Projects
\* ------------------------------------------------------------ */
.projects { font-size: 0; }
.project { position: relative; display: inline-block; width: 19%; padding-top: 6px; padding-right: 1px; font-size: 14px; vertical-align: top; text-align: center; }
.project-title { background: linear-gradient(to bottom,  rgba(34,37,51,1) 0%,rgba(51,55,72,1) 100%); position: relative; z-index: 2; padding: 10px 0; border-radius: 2px; text-align: center; }
.project-title h6 { font-size: 14px; color: #ffffff; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; }
.project-image img { width: 100%; }
.project-content { position: relative; z-index: 2; margin-top: 0px; border: 1px solid #e3eaed; background: #ffffff; color: #222533; }
.project-progress { position: relative; top: -7px; overflow: hidden; height: 9px; border-radius: 3px; margin: 0 1px; margin-bottom: -11px; background: #eceff4; }
.project-progress:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #d8dee7; border-radius: 3px; content: ''; }
.project-progress span { position: relative; z-index: 2; display: block; height: 9px; border-radius: 3px; background: #e3613f; }
.project-progress.alt span { background: url(../css/images/project-progress.png) repeat-x 4px 0; }
.project-bar { padding: 9px 0 1px; margin-bottom: 21px; background: #f4f7f8; }
.project-bar span { font-weight: 600; letter-spacing: 0.05em; }
.project-status { padding: 13px 0 18px; border-top: 1px solid #dde3e4; margin-left: 10px; margin-right: 10px; color: #1abc9c; }
.project-status span { position: relative; display: inline-block; padding-right: 30px; font-weight: 600; letter-spacing: 0.05em; }
.project-status span .fa { position: absolute; top: 50%; right: 0; font-size: 22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.project-status span .fa-times { font-size: 26px; }
.project-status span .fa-refresh { font-size: 25px; }
.project-status span .fa-lock { font-size: 24px; }
.project-status.incomplete { color: #fc4123; }
.project-status.incomplete span { padding-right: 40px; }
.project-status.incomplete .fa-times { right: 14px; }
.project-status.in-progress { color: #222533; }
.project-status.in-progress span { padding-right: 46px; }
.project-status.in-progress .fa-refresh { right: 16px; color: #5e727c; }
.project-status.locked { color: #818181; }
.project-actions { padding: 14px 0 20px; border-radius: 0 0 2px 2px; background: #f4f7f8; }
.project-orange { z-index: 3; padding-top: 0; }
.project-orange .project-title { background: linear-gradient(to bottom,  rgba(227,97,63,1) 0%,rgba(227,118,89,1) 100%); padding-bottom: 16px; padding-top: 17px; margin: 0 -4px -6px; }
.project-orange .project-actions { padding: 19px 0 24px; }
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section {}
/* ------------------------------------------------------------ *\
	Section Welcome
\* ------------------------------------------------------------ */
.section-welcome { padding: 54px 0 43px; }
.section-welcome .section-body { position: relative; }
.section-welcome .section-body:before { position: absolute; top: 10px; bottom: 22px; right: 378px; border-right: 1px solid #e6e6e6; content: ''; }
.section-welcome .section-body:after { position: absolute; bottom: 46px; right: 358px; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #e6e6e6; content: ''; }
.section-welcome .section-content { max-height: 1000000px; margin-left: -5px; margin-right: -5px; line-height: 1.75; }
.section-welcome .section-content h3 { margin-bottom: 0; letter-spacing: 0.1em; }
.section-welcome .section-content h3 strong { font-weight: 500; }
.section-welcome .section-content p { margin-bottom: 24px; letter-spacing: 0.05em; }
.section-welcome .section-content p a { color: #e3613f; }
.section-welcome .section-content p strong { font-weight: 900; }
.section-welcome .section-content-inner { position: relative; top: 3px; display: inline-block; vertical-align: middle; }
.section-welcome .section-content-head { margin-bottom: 31px; }
.section-welcome .section-avatar { overflow: hidden; display: inline-block; border-radius: 50%; border: 7px solid #e3613f; margin-right: 43px; vertical-align: middle; }
.section-welcome .section-aside { padding: 34px 27px 34px 23px; text-align: center; }
.section-welcome .section-aside p { margin-bottom: 2px; letter-spacing: 0.1em; }
.section-welcome .section-aside .list-timer { padding-top: 28px; }
/* ------------------------------------------------------------ *\
	Section Projects
\* ------------------------------------------------------------ */
.section-projects { position: relative; padding: 10px 0 0; margin-bottom: 1px; }
.section-projects:after { position: absolute; bottom: -24px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 34px 44px 0 44px; border-color: #222533 transparent transparent transparent; margin-left: -44px; content: ''; }
/* ------------------------------------------------------------ *\
	Section Schedule
\* ------------------------------------------------------------ */
.section-schedule { padding: 38px 0 86px; background: url(../css/images/section-schedule2.jpg) no-repeat 0 0; background-size: cover; color: #ffffff; text-align: center; }
.section-schedule .section-head { margin-bottom: 45px; }
.section-schedule .section-title { margin-bottom: 11px; letter-spacing: 0.015em; }
.section-schedule .section-head p { line-height: 1.75; }
/* ------------------------------------------------------------ *\
	Section Support
\* ------------------------------------------------------------ */
.section-support { position: relative; padding-bottom: 120px; border-top: 4px solid #ffffff; background: #f9fafb; text-align: center; }
.section-support:before { position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid #f0f0f1; content: ''; }
.section-support:after { position: absolute; top: 0px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 34px 44px 0 44px; border-color: #f0f0f1 transparent transparent transparent; margin-left: -44px; content: ''; }
.section-support .section-inner { padding: 61px 0 3px; border-bottom: 1px solid #f0f0f1; }
.section-support .section-inner:before { position: absolute; top: 0; left: 50%; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 33px 43px 0 43px; border-color: #ffffff transparent transparent transparent; margin-left: -43px; content: ''; }
.section-support .section-head { margin-bottom: 72px; }
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
.slider .owl-item { -webkit-backface-visibility: visible; }
.slider .owl-prev,
.slider .owl-next { position: absolute; top: -93px; width: 50px; height: 50px; border-radius: 3px; background: #e6e6e6; font-size: 0; transition: opacity .4s; }
.slider .owl-prev:after,
.slider .owl-next:after { position: absolute; top: 50%; left: 50%; font-family: 'FontAwesome'; font-size: 24px; color: #2f2f2f; content: ''; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slider .owl-prev:after { content: '\f104'; }
.slider .owl-next:after { content: '\f105'; }
.slider .owl-prev { left: 0; }
.slider .owl-next { right: 0; }
.slider .owl-prev:hover,
.slider .owl-next:hover { opacity: .8; }
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials ul { font-size: 0; list-style: none outside none; }
.socials li { display: inline-block; margin-left: 14px; vertical-align: middle; }
.socials a { display: block; font-size: 14px; color: #ffffff; transition: color .4s; }
.socials a:focus,
.socials a:hover { color: #a1b1bc; text-decoration: none; }
/* ------------------------------------------------------------ *\
	Story Items
\* ------------------------------------------------------------ */
.story-items { list-style: none outside none; }
.story-item { overflow: hidden; padding-bottom: 28px; border-bottom: 1px solid #243240; margin-bottom: 20px; }
.story-item a:focus,
.story-item a:hover { text-decoration: none; }
.story-image { overflow: hidden; float: left; margin-right: 21px; }
.story-image a { position: relative; overflow: hidden; display: block; }
.story-image a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.story-image img { transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; }
.story-content { overflow: hidden; padding-right: 10px; }
.story-content a { transition: color .4s; }
.story-content a:focus,
.story-content a:hover {  color: #a1b1bc;}
.story-content p { margin-bottom: 12px; font-size: 16px; line-height: 1; color: #dadada; font-weight: 500; }
.story-content span { display: block; font-size: 13px; color: #e3613f; }
/* ------------------------------------------------------------ *\
	Support Items
\* ------------------------------------------------------------ */
.support-item { position: relative; padding: 49px 0 3px; border: 1px solid #e1e8eb; border-radius: 2px; background: #ffffff; }
.support-item:before { position: absolute; top: 0; left: 0; width: 100%; border-radius: 2px 2px 0 0; border-top: 4px solid #a1b1bc; content: ''; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.support-item:hover:before,
.support-item.current:before { opacity: 1; visibility: visible; }
.support-item:hover .support-icon a,
.support-item.current .support-icon a { background-image: url(../css/images/support-icon-hover@2x.png); background-size: 71px 76px; }
.support-icon { margin-bottom: 36px; }
.support-icon a { position: relative; display: inline-block; width: 71px; height: 76px; background: url(../css/images/support-icon@2x.png) no-repeat center center; background-size: 63px 69px; transition: all .4s; }
.support-icon a [class^="ico"] { position: absolute; top: 50%; left: 50%; font-size: 25px; color: #ffffff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.support-icon .icon_mail_alt { margin-top: -3px; }
.support-icon .icon_toolbox_alt { margin-top: -3px; }
.support-content h6 { position: relative; padding-bottom: 13px; margin-bottom: 12px; font-size: 16px; color: #2c3e50; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; }
.support-content h6:after { position: absolute; bottom: 0; left: 50%; width: 70px; border-bottom: 1px solid #e1e8eb; margin-left: -35px; content: ''; }
.support-content .list-details li { margin-bottom: 5px; font-size: 14px; letter-spacing: 0; }
.support-actions { position: relative; padding-top: 22px; border-radius: 0 0 2px 2px; border-bottom: 1px solid #e1e8eb; }
.support-actions:after { position: absolute; bottom: 3px; left: 0; width: 100%; height: 2px; border-radius: 0 0 2px 20px; border-bottom: 1px solid #e1e8eb; content: ''; }
.support-actions .btn { position: relative; z-index: 3; margin-bottom: -22px; }
.support-item:hover .support-actions .btn,
.support-item.current .support-actions .btn { background: #34495e; }
/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */
.tab { position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; opacity: 0; visibility: visible; }
.tab.current { position: static; overflow: visible; width: auto; height: auto; opacity: 1; visibility: visible; }
.tabs .tabs-head { margin-bottom: 1px; }
.tabs .tabs-head .logo-max { margin: 10px 33px 0 24px; }
.tabs .tabs-nav { display: inline-block; vertical-align: top; }
.tabs .tabs-nav-inner { display: table; width: 100%; height: 45px; }
.tabs .tabs-nav ul { display: table-cell; font-size: 0; list-style: none outside none; vertical-align: bottom; }
.tabs .tabs-nav li { display: inline-block; vertical-align: bottom; }
.tabs .tabs-nav a { display: block; height: 39px; padding: 10px 26px 9px; border-left: 1px solid #e6eaef; border-bottom: 0px solid #222533; background: #222533; font-size: 16px; color: #a1b1bc; transition: all .4s; }
.tabs .tabs-nav li:first-child a { border-radius: 2px 0 0 0; }
.tabs .tabs-nav li:last-child a { border-radius: 0 2px 0 0; }
.tabs .tabs-nav .current a { position: relative; height: 45px; padding-top: 12px; padding-bottom: 7px; border-radius: 2px 2px 0 0; border-bottom-width: 6px; border-top-width: 0; color: #e3613f; text-decoration: none; }
.tabs .tabs-nav a:hover { color: #e3613f; text-decoration: none; }
.tabs .tabs-nav .current:last-child a,
.tabs .tabs-nav .current:first-child a { border-radius: 2px 2px 0 0; }
.tabs .tabs-body { position: relative; overflow: hidden; padding: 32px 0 106px; background: #1e2029; color: #ffffff; }
.tabs .tabs-body:before { position: absolute; left: 50%; top: 0; width: 850px; height: 21px; margin-left: -486px; background: #222533; content: ''; }
.tabs .tab-head { margin-bottom: 49px; text-align: center; }
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table-schedule table { border: none; table-layout: fixed; border: none; text-align: center; }
.table-schedule th,
.table-schedule td { background: #222533; color: #feffff; text-align: center; vertical-align: middle; transition: background .4s, color .4s; }
.table-schedule th { padding: 13px 0 8px; }
.table-schedule th ~ th { border-left: 1px solid #605963; }
.table-schedule th strong { display: block; margin-bottom: 2px; font-weight: 500; text-transform: uppercase; }
.table-schedule th span { display: block; font-size: 12px; }
.table-schedule td { padding: 13px 5px 16px; border-top: 1px solid #605963; }
.table-schedule td ~ td { border-left: 1px solid #605963; }
.table-schedule td a:focus,
.table-schedule td a:hover { color: #ffffff; text-decoration: none; }
.table-schedule td.darkbrown { background: #502c2c; }
.table-schedule td.brown { background: #705042; }
.table-schedule td.green { background: #2c502f; }
.table-schedule td.blue { background: #2b3e4a; }
.table-schedule td.grey { background: #b4b7bc; color: #4b4b4b; }
.table-schedule td.lightgrey { background: #d9d9d9; color: #4b4b4b; }
.table-schedule td.lightblue { background: #638fab; }
.table-schedule td.violet { background: #3c415a; }
.table-schedule td.darkgreen { background: #2b3e4a; }
.table-schedule td.lightgrey:hover,
.table-schedule td.grey:hover { background: #e46240; color: #ffffff; }
.table-schedule td.lightgrey:hover .fa,
.table-schedule td.grey:hover .fa { color: #ffffff; }
.table-schedule td.lightblue:hover { background: #3b5566; }
.table-schedule td.violet:hover { background: #8b97d1; }
.table-schedule td.darkgreen:hover { background: #618da8; }
.table-schedule .table-cell { display: table; width: 100%; height: 113px; }
.table-schedule .table-cell-inner { position: relative; display: table-cell; padding: 40px 0 13px; vertical-align: top; }
.table-schedule .table-cell-inner > span { display: inline-block; font-size: 14px; line-height: 1.45; font-weight: 600; text-transform: uppercase; vertical-align: middle; }
.table-schedule .table-cell-icon { position: relative; display: inline-block; margin-right: 22px; vertical-align: middle; }
.table-schedule .table-cell-icon [class^="ico-"] { transition: opacity .4s; }
.table-schedule .table-cell-icon [class^="ico-"]:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; }
.table-schedule td:hover .table-cell-icon [class^="ico-"]:first-child { opacity: 0; }
.table-schedule td:hover .table-cell-icon [class^="ico-"]:nth-child(2) { opacity: 1; }
.table-schedule .table-cell-icon.alt { margin-right: 10px; vertical-align: top; }
.table-schedule .fa { position: absolute; top: 10px; right: 11px; font-size: 16px; color: #818181; transition: color .4s; }
.table-schedule .fa-lock { color: #e7e7e7; }
.table-schedule .table-row td { padding: 0 5px; vertical-align: top; }
.table-schedule .table-content { position: relative; display: table; width: 100%; height: 106px; }
.table-schedule .table-content:before,
.table-schedule .table-content:after { position: absolute; top: 1px; left: -5px; right: -5px; 
	border-top: 1px solid #605963; content: ''; }
.table-schedule .table-content:before { top: 0; border-top-color: #222533; }
.table-schedule .table-content-inner { display: table-cell; padding: 40px 0 10px; vertical-align: middle; }
.table-schedule .table-content-head { position: absolute; top: 6px; left: 0; width: 100%; padding: 0; font-size: 12px; text-align: center; }
.table-schedule .table-content-head p { margin-bottom: 0; font-weight: 300; }
.table-schedule .table-content-head span { float: right; color: #d8e0e3; font-weight: 500; }
.table-schedule .table-content-icon { display: inline-block; margin-right: 10px; vertical-align: middle; }
.table-schedule .ico-session { margin-right: 15px; }
.table-schedule .table-content-text { display: inline-block; font-weight: 500; vertical-align: middle; }
.table-schedule .table-content-text span { display: block; line-height: 1; }
.table-schedule .table-content-text span small { font-size: 10px; }
.table-schedule .table-content-text > small { display: block; margin-top: 6px; font-size: 12px; }
.table-schedule .table-foot { padding-right: 11px; margin-top: 13px; }
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
.blockcenter {display: block;margin-left: auto;margin-right: auto;}
.text1 {font-family:11pt}