/* SECTION */

.section { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; overflow: hidden; position: relative; width: 100%; }
.section-page { margin: 0 auto; min-width: 320px; text-align: center; vertical-align: top; }
.section-page.narrow { max-width: 1200px; }
.section-page.xnarrow { max-width: 800px; }

/* HEADER */

#header { overflow: visible; position: relative; text-align: center; width: 100%; z-index: 3; }
#header .section-page { overflow: visible; padding: 0; text-align: center; }
#header-logo { background: transparent url(../images/asset/header-logo.png) no-repeat 0 0; float: left; font-size: 0; margin: 0; position: absolute; text-indent: -1000px; z-index: 1; }

#header-nav .menu-nav a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; font-size: 14px; font-weight: bold; letter-spacing: 0.04em; text-decoration: none; }
#header-nav .menu-nav li.strong a { color: ff921e; }
#header-nav .menu-nav > li > a { position: relative; text-transform: uppercase; z-index: 1; }
#header-nav .menu-nav li.parent > a:before { background: transparent url(../images/asset/header-nav-parent.png) no-repeat 0 0;  content: ''; height: 20px; margin: -10px 0 0 0; position: absolute; right: 20px; top: 50%; width: 20px; }
#header-nav .menu-nav li.parent.hover > a:before { background-position: 0 -100px; }
#header-nav .menu-nav li.menu-item-has-children.hover > a:before { background-position: 0 -100px !important; }

/* CONTENT */

.content-page { background: #fff; display: block; overflow: hidden; position: relative; text-align: center; width: 100%; }
.content-page .section-page { font-size: 0; }

/* FOOTER */

#footer { background: #272727; color: #999; overflow: hidden; position: relative; text-align: center; width: 100%; }
#footer a { color: #999; }
#footer a:hover { color: #ff921e; }
#footer .section-page { padding: 20px 0 40px 0; }
#footer .row-footer { border-top: 1px dotted rgba(255,255,255,0.25); margin: 10px 0 0 0; text-align: center; }
#footer .row-footer:first-child { border-top: none; margin: 0; }

#footer-nav { display: block; overflow: hidden; padding: 0 40px 40px 40px; width: 100%; }
#footer-nav .menu-nav { overflow: hidden; text-align: left; width: 100%; }
#footer-nav .menu-nav > li { float: left; line-height: 20px; margin: 20px 0 0 0; }
#footer-nav .menu-nav > li > a { padding: 0 60px 0 0; }
#footer-nav .menu-nav > li:last-child > a { padding: 0; }
#footer-nav .menu-nav > li > a { color: #fff; cursor: default; font-size: 12px; text-decoration: none; text-transform: uppercase; }
#footer-nav .menu-nav ul { margin: 20px 0 0 0; }
#footer-nav .menu-nav ul li { margin: 5px 0 0 0; }
#footer-nav .menu-nav ul li a { display: block; font-size: 12px; }
#footer-nav .menu-nav ul li a.active { text-decoration: none; }

#footer-text { margin: 20px 0 0 0; padding: 0 40px; text-align: left; }
#footer-text h2 { color: #ff921e; font-size: 12px; line-height: 20px; }
#footer-text p { color: #999; font-size: 12px; }
#footer-text p strong { color: #fff; }
#footer-text p a { text-decoration: none; }

#footer-form { padding: 0 40px; text-align: left; }
#footer-form h2 { color: #ff921e; font-size: 12px; line-height: 20px; }
#footer-form p { color: #999; font-size: 12px; }
#footer-form p strong { color: #fff; }
#footer-form .field { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0 0 0; padding: 0 78px 0 0; position: relative; width: 100%; }
#footer-form .field input[type=text] { background: #333; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; height: 34px; padding: 10px; width: 100%; }
#footer-form .field input[type=text]::-webkit-input-placeholder { color: #fff; font-style: italic; opacity: 1;  }
#footer-form .field input[type=text]::-moz-placeholder { color: #fff; font-style: italic; opacity: 1;  }
#footer-form .field input[type=text]:-ms-input-placeholder { color: #fff; font-style: italic; opacity: 1;  }
#footer-form .field input[type=submit] { background: none; border: 2px solid #fff; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ff921e; cursor: pointer; float: left; font-size: 12px; height: 34px; letter-spacing: 0.04em; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; width: 80px; }
#footer-form .field input[type=submit]:hover { background: #fff; }
a#footer-linkedin { background: transparent url(../images/asset/footer-linkedin.png) no-repeat 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: block; font-size: 12px; line-height: 24px; margin: 30px 0 0 0; padding: 0 0 0 34px; text-decoration: none; }
a#footer-linkedin:hover { background-position: 0 -100px; color: #ff921e; }

#footer-last { border-top: 1px solid #666; }
#footer-last .row { margin: 0 auto; padding: 0 40px; max-width: 1200px; text-align: left; }
#footer-last p { font-size: 12px; line-height: 20px; text-transform: uppercase; }
#footer-last ul.menu { display: block; margin: 20px 0 0 0; }
#footer-last ul.menu li { float: left; font-size: 12px; line-height: 20px; margin: 0 10px 0 0; padding: 0 11px 0 0; position: relative; }
#footer-last ul.menu li:last-child { margin-right: 0; }
#footer-last ul.menu li:not(:last-child):before { background: #666; content: ''; height: 10px; position: absolute; right: 0; top: 5px; width: 1px; }

/* PAGE */

.page { left: 0; min-width: 320px; min-height: 100%; position: absolute; text-align: center; top: 0; width: 100%; }

/* BODY */

body { background: #fff; }

@media screen and (min-width: 960px) {	
#header .section-page { height: 105px; max-width: 1200px; }
#header-logo { height: 62px; left: 20px; top: 20px; width: 186px; }
#header-hamburger { display: none; }

#header-nav .menu-nav { font-size: 0; margin: 0; overflow: visible; position: absolute; right: 0; top: 0; text-align: right; width: 100%;  }
#header-nav .menu-nav > li { display: inline-block; }
#header-nav .menu-nav > li  { margin: 0; min-height: 105px; padding: 0; overflow: visible; text-align: left; }
#header-nav .menu-nav > li > a { float: left; font-size: 12px; line-height: 105px; padding: 0 20px; position: relative; text-decoration: none; text-transform: uppercase; z-index: 1; }
#header-nav .menu-nav > li.parent > a { padding-right: 30px; }
#header-nav .menu-nav li.parent > a:before { right: 0; }
#header-nav .menu-nav > li.parent + li.strong { margin-left: 20px; }
#header-nav .menu-nav > li.strong > a { border-left: 1px solid #e6e6e6; min-width: 105px; padding: 0 5px; text-align: center; }
#header-nav .menu-nav > li.strong:hover > a { background: #ff921e; color: #fff; border-left: 1px solid #ff921e; border-left: 1px solid #ff921e; z-index: 2; }
#header-nav .menu-nav li.parent:hover > a { color: #272727; }
#header-nav .menu-nav ul { background: #ff921e; display: none; float: left; left: 0; margin: 0; overflow: hidden; position: absolute; top: 105px; width: 240px;}
#header-nav .menu-nav ul li { border-top: 1px solid rgba(255,255,255,0.4); display: block; width: 100%; }
#header-nav .menu-nav ul li:first-child { border-top: none; }
#header-nav .menu-nav ul a { color: #fff; display: block; font-size: 14px; line-height: 20px; padding: 10px 20px; text-decoration: none; width: 100%; }
#header-nav .menu-nav ul a:hover { background: rgba(255,255,255,0.2); color: #fff; }
#header-nav .menu-nav li.parent:hover > a:before { background-position: 0 -200px; }

#footer-nav { float: left; padding-bottom: 0; width: auto; }
#footer-nav .menu-nav ul li { margin: 10px 0 0 0; }
#footer-form { float: right;  width: 33.3%; }
#footer-text { clear: right; float: right; width: 33.3%; }
#footer-last p { float: left; }
#footer-last ul.menu { float: right; }
}

@media screen and (min-width: 1220px) {	
#header-logo { left: 20px; }
#header-nav .menu-nav { border-right: 1px solid #e6e6e6; right: 40px; }
#header-nav .menu-nav li.parent a { padding-right: 45px; }
#header-nav .menu-nav li.parent > a:before { right: 15px; }
#header-nav .menu-nav > li > a { font-size: 14px; }


#footer .section-page { padding: 40px 0 60px 0; }
#footer-form { width: 400px; }
#footer-text { clear: none; margin-top: 0; width: 200px; }
}

@media screen and (max-width: 960px) {	
#header .section-page { padding: 70px 0 0 0; }
#header-logo { background-position: 0 100%; height: 32px; left: 20px; top: 19px; width: 93px; z-index: 2; }
#header-hamburger { background: transparent url(../images/asset/header-hamburger.png) no-repeat 50% 0; border-left: 1px solid #e6e6e6; display: block; float: right; font-size: 0; height: 70px; overflow: hidden; position: absolute; right: 0; text-indent: -1000px; top: 0; width: 70px; z-index: 2; }
#header-hamburger.active { background-position: 50% -100px; }

#header-nav { display: block; display: none; overflow: hidden; width: 100%; }
#header-nav .menu-nav { background: #fff; display: block; width: 100%; }
#header-nav .menu-nav li { border-top: 1px solid #e6e6e6; display: block; margin: 0; text-align: left; width: 100%; }
#header-nav .menu-nav li a { display: block; line-height: 20px; padding: 10px 20px 10px 0; text-decoration: none; width: 100%; }
#header-nav .menu-nav > li > a {  padding: 10px 20px; text-transform: uppercase; }
#header-nav .menu-nav > li.parent > a { padding-right: 40px; }
#header-nav .menu-nav > li.strong > a { color: #ff921e; }
#header-nav .menu-nav ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; overflow: hidden; padding: 0 0 0 40px; width: 100%; }
#header-nav .menu-nav > li.menu-item-has-children + li.strong { margin-left: 0 !important; }

#footer-form { border-top: 1px solid #666; padding-top: 20px; }
#footer-text p { float: left; width: 50%; }
}

@media screen and (max-width: 720px) {	
#footer .section-page { padding: 0 0 20px 0; }
#footer-nav { padding: 0 20px 20px 20px; }
#footer-form { padding: 0 20px; }
#footer-text { padding: 0 20px; }
}

@media screen and (max-width: 480px) {	
#footer-nav { padding: 0 20px 40px 20px; }
#footer-nav .menu-nav > li { min-width: 100px; }
#footer-text p { float: none; width: auto; }
#footer-last { margin-top: 0; }
#footer-last .row { padding: 0 20px; }
}

/* WIN */
.temp { overflow: hidden; position: absolute; width: 100%; background: #ccc; top: 0; left: 0; z-index: 9; }

.modal { background: rgba(0,0,0,0.75); display: none; min-height: 100%; left: 0; overflow: hidden; position: fixed; text-align: center; top: 0; width: 100%; z-index: 7; }
.modal.active { display: block; }
.modal.index-2 { z-index: 8; }
.modal.index-3 { z-index: 9; }
.section-modal { background: #fff; border-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px auto 0 auto; overflow: hidden; padding: 0 10px 10px 10px; -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5); width: 90%; }
.section-modal.width-100 { max-width: 1200px; }
.section-modal.width-75 { max-width: 720px; }
.section-modal.width-50 { max-width: 480px; }
.section-modal.width-25 { max-width: 240px; }
.header-modal { border-bottom: 1px solid #e6e6e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; overflow: hidden; padding: 10px 40px 10px 0; position: relative; }
.header-modal h1 { color: #333; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0.04em; line-height: 30px; margin: 0; text-align: left; text-transform: uppercase; }
.header-modal .button-close { background: #ff921e url(../images/asset/button-close.png) no-repeat 0 0; border-radius: 15px; display: block; float: right; font-size: 0; height: 30px; position: absolute; right: 0; top: 10px; width: 30px; }
.header-modal .button-close:hover { background-color: #333; }

.content-modal { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 120px; overflow: auto; overflow-x: hidden; padding: 0 10px; position: relative; text-align: left; width: 100%; }
.content-modal:after { content: ''; display: block; height: 10px; width: 100%; }
.modal .article { padding: 0 !important; }

html.mobile .modal { background: #1a1a1a; font-size: 0; position: absolute; }
html.mobile .section-modal { border-radius: 0; margin-top: 0; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
@media screen and (min-width: 720px) { .content-modal { padding: 0 30px 20px 30px; } }
@media screen and (max-width: 480px) { .section-modal { border-radius: 0; margin-top: 0; width: 100%; } }

.content-modal-speaker .row-title { border-bottom: 1px solid #e6e6e6; font-size: 0; padding: 0 0 20px 0; }
.content-modal-speaker .row-title .image { border-radius: 50%; display: inline-block; margin: 20px 0 0 0; overflow: hidden; vertical-align: middle; width: 25%; }
.content-modal-speaker .row-title .image img { width: 100%; }
.content-modal-speaker .row-title .text {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 0 0 20px; vertical-align: middle; width: 75%; }
.content-modal-speaker .row-title .text h2 { margin: 20px 0 0 0; }
.content-modal-speaker .row-title .text p { color: #ff921e; margin: 5px 0 0 0; font-style: italic; }

#footer-form .menu-social { display: block; font-size: 0; text-align: left; }
#footer-form .menu-social li { display: inline-block; margin: 20px 10px 0 0; }
#footer-form .menu-social li a { background-color: #ff921e; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; display: block; font-size: 0; height: 24px; width: 24px; }
#footer-form .menu-social li a:hover { background-color: #fff; }
#footer-form .menu-social li.footer-linkedin a { background-image: url(../images/asset/footer-linkedin.png); }
#footer-form .menu-social li.footer-facebook a { background-image: url(../images/asset/footer-facebook.png); }
#footer-form .menu-social li.footer-twitter a { background-image: url(../images/asset/footer-twitter.png); }