/*
Theme Name:Indulexco V2
*/

@import url(assets/css/fonts/montsterrat/css.css);
body { font-family: 'Montserrat'; font-weight: 300; color: #333; }
a:hover,a:focus { text-decoration: none }
.pull-right { float: right }
.text-center { text-align: center }
.text-right{ text-align: right }
h1,h2,h3,h4 { color: #2a2a2a }
h3 { font-size: 24px }
h4 { font-size: 18px }
.alert { border-radius: 0px; }
.img-fluid { width: 100% !important; height: auto !important; }

/* Main Navigation */
.navbar-brand,#cd-menu-trigger,.navbar-nav,.navbar { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.navbar { border-radius: 0; font-family: 'Montserrat', sans-serif; position: fixed; width: 100%; background: rgba(0, 0, 0, 0); padding: 0px; }
.navbar-header { display: inline-block; float: left; }
.navbar-brand { width: 268px; height: 35px; margin: 15px 0px 15px 15px; background: url(assets/images/logo.png) center no-repeat; background-size: contain; margin-right: 40px; }
.navbar-brand span { display: none; }
.navbar-nav { padding-top: 20px; padding-right: 15px; float: right; }
.nav-item { margin: 0 10px; }
.nav-item:hover,.nav-item.active { color: #ea2629; }
.nav-link { font-size: 14px; display: block !important; color: #fff; padding: 10px 0; text-transform: uppercase; }
.dropdown-menu { background: #606060; border-radius: 0; border: 0px; padding: 0; margin-bottom: 0px !important; z-index: 100; }
.dropdown-item { color: #fff; padding: 10px 15px; font-weight: 600; font-size: 14px; }
.dropdown-item:focus, .dropdown-item:hover { background: transparent; color: #ea2629; }
.nav-link:focus, .nav-link:hover { color: #EA2629 }

.cd-container { position: relative; padding-top: 100px; }
.cd-main-content { min-height: 100%; position: relative; padding-top: 50px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.cd-main-content.lateral-menu-is-open { -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); transform: translateX(-300px); }

header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 15; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }
header.lateral-menu-is-open { -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); transform: translateX(-300px); }
header.is-fixed { position: fixed; }

#cd-menu-trigger { position: absolute; right: -100%; height: 40px; width: 40px; border-radius: 50%; border: 2px solid #2E4668; float: right; margin-top: 12px; margin-left: 20px; background: #2E4668; }
#cd-menu-trigger .cd-menu-icon { position: absolute; left: 50% !important; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 18px; height: 2px; background-color: #fff; }
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; }
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; }
#cd-menu-trigger .cd-menu-icon::after { top: 5px; }
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0); }
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: #fff; }
#cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#cd-lateral-nav { position: fixed; height: 100%; right: 0; top: 0; visibility: hidden; z-index: 1000; width: 300px; background-color: #2E4668; overflow-y: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -ms-transform: translateX(300px); -o-transform: translateX(300px); transform: translateX(300px); }
#cd-lateral-nav .cd-navigation { margin: 10px 0 16px; list-style-type: none; margin: 0; padding: 0; }
#cd-lateral-nav .sub-menu { list-style-type: none; margin: 0; padding: 0 5px; display: none; background: #343434; }
#cd-lateral-nav .sub-menu a { font-size: 14px; text-transform: uppercase; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #222; }
#cd-lateral-nav .sub-menu a:hover { color: #AF966C; }
#cd-lateral-nav a { display: block; line-height: 2em; padding: 0 16px 0 32px; color: #fff; }
#cd-lateral-nav a.current { background-color: #3a4a4d; color: #FFF; }
.no-touch #cd-lateral-nav a:hover { color: #FFF; }
#cd-lateral-nav .address { padding: 20px; color: #fff; font-size: 14px; }
#cd-lateral-nav .address h4 { color: #fff; font-size: 16px }
@media only screen and (min-width: 768px) {
#cd-lateral-nav .cd-navigation { margin: 0px 0; }
}
#cd-lateral-nav.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s; -moz-transition: -moz-transform .4s 0s, visibility 0s 0s; transition: transform .4s 0s, visibility 0s 0s; -webkit-overflow-scrolling: touch; }
#cd-lateral-nav .item-has-children > a,#cd-lateral-nav .cd-single-item-wrapper a { position: relative; text-transform: uppercase; font-weight: 300; border-bottom: 1px solid #1E2A3A; color: #fff; font-size: 16px; padding-top: 10px; padding-bottom: 10px; }
#cd-lateral-nav .item-has-children > a:hover,#cd-lateral-nav .item-has-children > a:focus,#cd-lateral-nav .cd-single-item-wrapper:hover,#cd-lateral-nav .cd-single-item-wrapper:focus { background: #343434; }
#cd-lateral-nav .item-has-children > a::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 1em; background: url("assets/images/cd-arrow.svg") no-repeat center center; background-size: 8px 11px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
#cd-lateral-nav .item-has-children > a.submenu-open::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }

.header-scroll { z-index: 1000; }
.header-scroll .navbar { background: #fff; z-index: 1000 !important; box-shadow: 0 0 8px rgba(0,0,0,.15); -moz-box-shadow: 0 0 8px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.15); }
.header-scroll .navbar-brand,.scrolled .navbar-brand { width: 268px; height: 35px; background: url(assets/images/logo-blue.png) center no-repeat !important; }
.header-scroll #cd-menu-trigger { right: 15px; }
.header-scroll .navbar-nav { margin-right: -100%; }

@media (max-width: 1024px) {
header .container { padding-left: 0px; padding-right: 0px; }
}
@media (max-width: 480px) {
.header-scroll .navbar-brand,.scrolled .navbar-brand { margin-left: 15px; }
.header-scroll #cd-menu-trigger { right: 15px; }
}
@media (max-width: 320px) {
header.lateral-menu-is-open,.cd-main-content.lateral-menu-is-open { -webkit-transform: translateX(-250px); -moz-transform: translateX(-250px); -ms-transform: translateX(-250px); -o-transform: translateX(-250px); transform: translateX(-250px); }
#cd-lateral-nav { width: 250px;-webkit-transform: translateX(250px); -moz-transform: translateX(250px); -ms-transform: translateX(250px); -o-transform: translateX(250px); transform: translateX(250px); }
}
/* Main Navigation */

/* SLIDESHOW */
#slides { display: none; }
.slide-container { overflow: hidden; }
.image-slide { position: relative; width: 100% !important; }
.slide-caption { position: absolute; width: 100%; top: 45%; left: 0; right: 0; }
.slide-caption h2 { width: 50%; color: #fff; font-size: 48px; font-weight: 300; text-align: center; margin: 0 auto; text-shadow: 0 0 5px rgba(0,0,0,.75); }

.block { padding-top: 60px; padding-bottom: 60px; }
.blue-block { background: #1e2a3a; color: #fff; }
.grey-block,.studio .block:nth-child(even) { background: #f2f2f2; }
.dark-block { background: #CED0D1; color: #111; }
.heading-right { font-size: 40px; font-weight: 300; text-align: right; border-right: 10px solid #FFC200; padding-right: 30px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,.75); }
.block-heading { font-size: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 40px; text-shadow: 1px 1px 1px #fff; }
.block-heading span { display: block; width: 80px; border-bottom: 4px solid #FFC200; margin-top: 10px; }
.service-block { margin-bottom: 50px; }
.service-footer { height: 150px; background: #ced0d1; margin: -75px -15px -60px; }
.news-access { text-align: center }
.btn-for-news { text-transform: uppercase; background: #ffc200; color: #fff; border-radius: 0; margin-bottom: 30px; }
.btn-for-news:hover { color: #202020 }
.view-all { margin-top: 30px; }
.animatescroll { padding: 80px 0 }
.scroll-nav { cursor: pointer; color: #FFC200; }

.project-container { display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 40px; }
.project-archive { margin-left: -1px; }
.project-item { position: relative; width: 16.66%; height: 400px; overflow: hidden; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; background-size: cover !important; background-position: center; background-repeat: no-repeat; }
.project-list { position: relative; width: 25%; height: 400px; overflow: hidden; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; background-size: cover !important; background-position: center; background-repeat: no-repeat; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.project-caption { padding: 20px; position: absolute; bottom: 0; left:0; right: 0; width:100%; height:50%; -webkit-transform:translateZ(0); transform:translateZ(0); transition:.3s linear; color: #fff; text-shadow: 1px 1px 2px #111; text-transform: uppercase; color: #fff; }
.project-caption i { position: absolute; bottom: 20px; color: #FFC31D; font-size: 30px; text-shadow: 1px 1px 1px rgba(0,0,0,.5) }
.project-item:hover .project-caption,.project-list:hover .project-caption  { -webkit-transform:translateY(-0px);-ms-transform:translateY(-0px);transform:translateY(-0px); background: rgba(0,0,0,.5); height: 100%; }
.project-caption a { color: #fff; }
.project-caption h3 { font-size: 18px; font-weight: 300; margin-bottom: 15px; font-family: 'Roboto Condensed', sans-serif; color: #fff; display: block; }
.project-caption .category { font-size: 16px; font-weight: 300; margin-bottom: 30px; font-family: 'Roboto Condensed', sans-serif; color: #fff; }
.project-item:hover a { color: #fff; }
.project-item:hover .caption-arrow { margin-top: 10px; }
.btn-project { background: #2E4668; border-radius: 0; color: #fff; float: right }
.btn-project:hover,.btn-apply:hover { color: #efefef; }
.list-none { list-style-type: none; margin-bottom: 30px; padding: 0; }
.list-none:last-child { margin-bottom: 0; }
.project-thumbnail { margin-bottom: 30px }
.btn-apply { background: #2E4668; border-radius: 0; color: #fff !important; }
.project-title { font-weight: 300 !important; font-size: 30px !important }



.blogpost { -moz-box-shadow: 0 0 8px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.15); box-shadow: 0 0 8px rgba(0,0,0,.15); overflow: hidden; margin-bottom: 30px; }
.blogpost .heading { padding: 20px; position: relative; }
.blogpost .heading .triangle { width: 0; height: 0; border-style: solid; border-width: 22px 21px 0 21px;; border-color: #ffffff transparent transparent ; position: absolute; bottom: -22px; left: 50%; margin-left: -21px; }
.blogpost h4 { font-size: 16px; font-weight: 300; display: table-cell; height: 100px; vertical-align: middle; }
.blogpost h4 a { color: #202020 }

.page-heading { position: relative; width: 100%; height: 600px; color: #fff; background-size: cover; }
.profile,.news,.competence,.project,.services,.client,.career,.contact,.organization { border-bottom: 1px solid #fff; }
.profile { background: url(assets/images/profile-bg.jpg) center no-repeat; }
.news { background: url(assets/images/news-bg.jpg) center no-repeat; }
.preface { background: url(assets/images/preface-bg.jpg) center no-repeat; }
.competence { background: url(assets/images/competence-bg.jpg) center no-repeat; }
.organization { background: url(assets/images/organization-bg.jpg)center no-repeat; }
.project { background: url(assets/images/project-bg.jpg) center no-repeat; }
.services { background: url(assets/images/services-bg.jpg) center no-repeat; }
.client { background: url(assets/images/client-bg.jpg) center no-repeat; }
.career { background: url(assets/images/career-bg.jpg) center no-repeat; }
.contact { background: url(assets/images/contact-bg.jpg) center no-repeat; }
.performance { background: url(assets/images/performance-bg.jpg) center no-repeat; }
.archive-title { position: absolute; width: 100%; top: 40%; left: 0; right: 0; vertical-align: middle; }
.archive-title h1 { font-weight: 700; text-shadow: 2px 2px 2px rgba(0,0,0,.45) }
.career .archive-title { top: 75%; }
.page-heading .title { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; }
.page-heading .page-title { background: rgba(30,42,58,.9); color: #fff; padding: 20px; }
.page-heading .breadcrumbs { font-size: 14px; margin-bottom: 30px; text-transform: uppercase; }
.page-heading .breadcrumbs a { color: #FFF; }
.page-heading .breadcrumbs .page-active { color: #eee; }
.page-heading h1 { color: #fff; }
.page-heading .pagination { text-align: center; width: 100%; margin-top: 0px; }
.project-thumbnail { list-style-type: none; text-align: center; display: block; }
.thumbnail-item { display: inline-block; width: 25%; padding: 15px; }


.page-nav { list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; }
.page-nav li { display: inline-block; font-size: 16px }
.page-nav li:after { content: ' // '; color: #fff; }
.page-nav li:last-child:after { content: '' }
.page-nav li a { color: #fff; }
.page-nav li:hover a { color: #ecb622; }
.page-nav li.current_page_item a { color: #ecb622 !important; }

.page-content { margin-bottom: 60px; }
.main-content { padding-top: 30px; padding-bottom: 30px; }
.main-content h3 { font-size: 24px; }
.main-content h4 { font-size: 18px; }
.main-content p:first-child { font-size:24px; margin-bottom: 40px; }
.main-content .project p:first-child { font-size:24px; margin-bottom: 40px; }
.main-content .blockquote { background:#ecb622; color: #111; font-size: 16px; margin: 30px auto; padding: 40px; }
.main-content .blockquote .media { margin-bottom: 30px; }
.main-content ul { margin-bottom: 30px }
.panel-heading { border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.panel-collapse p:first-child,.expert .modal-body p:first-child { font-size:16px; margin-bottom: 1rem; }
.panel-title a { display: block }
.panel-title span { border-bottom: 3px solid #ecb622; margin-bottom: -10px; display: inline-block; padding-bottom: 10px; }
.expert .blogpost h4 { display: block; font-size: 15px; font-weight: 300; height: 40px; vertical-align: middle; }
.expert span { display: block; font-size: 13px; }
.modal-dialog { z-index: 9999 !important; }
.modal-content { border-radius: 0; }
.service-item { height: 240px }
.studio .block:nth-child(even) .col-sm-5 { float: right }

.pagination { text-align: center; width: 100%; margin-top: 30px; }
.project-pagination { margin-bottom: 60px }
.page-next,.page-prev { display: inline-block; height: 60px; }
.page-next a:hover,.page-prev a:hover { background: #ecb622; color: #111; }
.page-next { border-left: 1px solid #ddd; }
.page-next a,.page-prev a { display: inline-block; border: 1px solid #ddd; line-height: 30px; margin-top: 13px; font-size: 14px; color: #bbb; }
.page-next a { padding: 0 20px 0 10px; margin-left: -1px; }
.page-prev a { padding: 0 10px 0 20px; margin-right: -5px; }

.post-heading { text-transform: uppercase; text-align: center; margin-bottom: 40px; }
.post-heading .date { border-bottom: 2px solid #ecb622; padding-bottom: 15px }
.article-post p:first-child { font-size: 18px; color: #111; }
.project-detail p:first-child { font-size: 16px; color: #111; }
.article-share { border-bottom: 1px solid #ddd; margin: 30px 0; text-align: center; }
.share-icon { display: inline-block; width: 40px; line-height: 40px; background: #202020; font-size: 24px; color: #fff; margin: 0 -1px; }
.share-icon:hover { color: #202020; background: #ecb622; }
.form-applicant { margin-top: 60px; }
.sharedaddy { margin-top: 30px; margin-bottom: 30px; }
.sd-content ul { display: block; list-style-type: none; margin: 0; padding: 0; text-align: center; border-bottom: 1px solid #ddd; }
.sd-social-icon .sd-content ul li { margin-bottom: -2px; }
.sd-social-icon .sd-content ul li[class*="share-"] a { padding: 12px !important; }
.sd-social-icon .sd-content ul li[class*="share-"].share-facebook a.sd-button,.sd-social-icon .sd-content ul li[class*="share-"].share-twitter a.sd-button,.sd-social-icon .sd-content ul li[class*="share-"].share-google-plus-1 a.sd-button,.sd-social-icon .sd-content ul li[class*="share-"].share-linkedin a.sd-button { border-radius: 0 !important; background: #111 !important; }

.gallery { display: block; text-align: center; }
.gallery-item { display: inline-block; width: 25%; padding: 15px; }
.gallery-item:hover { opacity: 0.5 }
.gallery-item img { width: 100% !important; height: auto !important; }
.jp-carousel-info { display: none }

.btm-access { background: #ced0d1; padding: 45px 0; }
.btm-access .media-heading { font-size: 18px; }
.btm-access .media-body,.btm-access a { color: #666666; }

footer { background: #1e2a3a; padding: 60px 0 }
footer h4 { color: #efefef; font-size: 16px; font-weight: 600; }
footer ul { list-style-type: none; margin: 0 0 30px; padding: 0; }
footer ul li a { color: #fff; font-size: 14px; }
.copyright { padding-top: 30px; border-top: 1px solid #455556; font-size: 14px; color: #fff; }

@media (min-width: 1200px) {
.slidesjs-container { height: 700px !important }
}
@media (max-width: 1024px) {
.container { max-width: 100% !important;  }
}
@media (min-width: 768px) and (max-width: 1024px) {
	#cd-menu-trigger { top: 5px; }
.slidesjs-container { height: 640px !important }
.slide-caption { top: 35%; }
.slide-caption h2 { font-size: 50px; }
.navbar-header { float: none !important; text-align: center; width: 100%; }
.navbar-brand { display: inline-block !important; float: none; }
.navbar-nav { padding-top: 0; width: 100%; text-align: center !important; }
.nav-item { display: inline-block !important; float: none !important; }
.header-scroll .navbar-toggleable-xs { display: none !important; }
.project-item,.project-list { width: 33.33%; }
.service-block .media-right div,.service-block .media-left div { display: block; height: 120px; background: #2A4769; }
.project-title { font-weight: 400 !important; font-size: 24px !important }
.page-heading h1 { font-size: 30px }
}
@media (max-width: 768px) {
.slidesjs-container { height: 640px !important }
.slide-caption { top: 30%; }
.slide-caption h2 { font-size: 50px; }
.project-item { width: 33.33%; }
.project-title { font-weight: 400 !important; font-size: 24px !important }
.page-heading h1 { font-size: 24px }
}
@media (max-width: 520px) {
.navbar-brand,.header-scroll .navbar-brand { width: 214px !important; height: 28px !important; margin-top: 20px; background-size: cover !important; }
.slidesjs-container { height: 400px !important }
.slide-caption { top: 30%; }
.slide-caption h2 { font-size: 40px; width: 100% }
#cd-menu-trigger { right: 15px; }
.heading-right { font-size: 30px; text-align: center; border-right: 0px solid #FFC200; padding-right: 0px; }
.project-item,.project-list { width: 50%; height: 300px; margin-bottom: 1px; }
.project-caption { padding:calc(20vw/4); height: 260px; }
.project-caption h3 { font-size: 16px; }
.block-heading { text-align: center }
.block-heading span { margin: 10px auto; }
.btn-project { float: none; width: 100%; }
.page-heading .page-title { background: rgba(30,42,58,0); padding: 20px 0; border-bottom: 1px solid #fff; text-align: center }
.headline { font-size: 14px }
.page-nav { margin: 30px 0; text-align: center; }
.page-nav li { display: inline-block; font-size: 16px; padding: 10px }
.page-nav li:after { content: ''; }
.page-image { margin-top: 15px }
.btm-access .media { margin: 15px 0 }
.copyright { margin-top: 30px; text-align: center }
.service-item { height: auto; margin-bottom: 30px; }
.service-block .media-right div,.service-block .media-left div { display: block; height: 140px; background: #2A4769; }
.main-content p:first-child { font-size: 18px }
.archive-title { top: 40%; }
.gallery-item { width: 50%; }
}