/*! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b41c9918658a6fa6bd02) * Config saved to config.json and https://gist.github.com/b41c9918658a6fa6bd02 */@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:890px){.container{width:860px;}}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:890px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}}@media (max-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}@media (min-width:768px){.navbar-static-top{border-radius:0}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}@media (min-width:768px){.navbar-toggle{display:none}}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:890px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:890px){.visible-lg-block{display:block!important}}@media (min-width:890px){.visible-lg-inline{display:inline!important}}@media (min-width:890px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:890px){.hidden-lg{display:none!important}} /* ========================================================================== RESPONSIVE NAVIGATION ============================================================================= */ #dl-menu{ display: none; } .dl-menuwrapper { width: 100%; max-width: 300px; float: left; position: relative; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; display: none; z-index: 1002; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-menuwrapper button { background: #ccc; border: none; width: 100%; height: 45px; overflow: hidden; position: relative; cursor: pointer; outline: none; color: #fff; text-transform: uppercase; text-align: left; padding-left: 60px; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #aaa; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 30px; height: 3px; background: #fff; top: 10px; left: 10px; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 10px 15px; font-size: 13px; line-height: 20px; font-weight: 300; color: #fff; outline: none; text-transform: uppercase; } .no-touch .dl-menuwrapper li a:hover{ background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; speak: none; -webkit-font-smoothing: antialiased; line-height: 40px; font-size: 10px; font-family: 'FontAwesome'; content: "\f054"; color: #888; } .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0; } } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } .dl-menuwrapper button { background: #444; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #333; } @media only screen and (min-width: 320px) and (max-width: 479px){ #header-wrapper{ position: inherit; } #header-wrapper + *{ margin-top: 0 !important; } #page-wrapper{ width: 100%; } .page-content .row{ margin-bottom: 0px; } .page-content *[class*="col-"], aside *[class*="col-"], *[class*="col-"].footer-widget-container { margin-bottom: 80px; } *[class*="col-"].footer-widget-container:last-child{ margin-bottom: 0; } *[class*="col-"] *[class*="col-"]{ margin-left: 0 !important; } /* TOP BAR ========================================================================= */ #top-bar-wrapper #top-bar{ width: 100%; } #top-bar-wrapper #top-bar #quick-links{ max-width: 100%; width: 100%; margin-bottom: 20px; } #top-bar-wrapper #top-bar #quick-links li a, #top-bar-wrapper #top-bar #quick-links li span{ border-right: none; } #top-bar-wrapper #top-bar #quick-links li{ width: 100%; text-align: center; } #top-bar-wrapper #top-bar #social-links{ max-width: 100%; float: none; display: table; margin: 0 auto; } #top-bar-wrapper #top-bar #social-links li:first-child{ margin-left: 0; } /* NAVIGATION, LOGO ========================================================================= */ .navbar-nav.pi-nav{ display: none; } #dl-menu{ display: block; max-width: 260px; } .collapse.navbar-collapse{ width: 100%; margin-bottom: 20px; } .navbar-header, #header.header-type-1 .nav-left .navbar-header{ float: none; } .logo{ display: table; margin: 30px auto; } #search{ margin-left: 0; } #search, .search-submit{ min-height: 45px; } /* PAGES, ELEMENTS STYLES ========================================================================= */ .info-box .text-container .big{ word-wrap: break-word; } .info-box{ display: block; } .info-box .icon-container{ width: 100%; margin-bottom: 20px; } .info-box .icon-container i{ text-align: center; width: 100%; } .info-box .text-container{ padding-left: 0; text-align: center; } .process-perspective .icon{ margin: 0 auto; float: none; } .process-perspective h1, .process-perspective h2, .process-perspective h3, .process-perspective h4, .process-perspective h5, .process-perspective h6, .process-perspective p{ padding-left: 0; text-align: center; } .tabs.vertical{ width: 100%; } .tab-content-wrap.vertical{ width: 100%; margin-top: 20px; } .tab-content-wrap.vertical .tab-content{ padding-left: 0; } .tabs li{ width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .call-to-action .text{ width: 100%; float: none; margin-bottom: 20px; text-align: center; } .call-to-action .btn{ float: none; display: table; margin: 0 auto; top: 0; } #copyright-container p, #copyright-container a{ text-align: center; } #copyright-container .footer-breadcrumb{ float: none; margin: 0 auto; display: table; margin-top: 5px; } .container-fluid #portfolioitems{ margin-bottom: 50px; } .gallery-six-col .gallery-item{ width: 33.333333%; } .clients-list li{ margin-right: 0; } .service-box-3{ width: 100%; } .team-hover .team-member{ width: 50%; } .row-equal-height *[class^="col-"]{ display: block; } .process-box-container.pbc-four-cols .process-box{ width: 100%; } .page-content.video-background{ padding-left: 20px; padding-right: 20px; } .blog-posts.isotope.masonry-full li.blog-post.isotope-item{ width: 100%; margin-bottom: 50px; float: left; padding-left: 0; padding-right: 0; } .header-type-2 .header-inner .container-fluid .main-nav{ width: 100%; } .navbar{ min-height: 45px; } .header-type-2.dark .container-fluid{ background-color: transparent; } .header-type-2 #search, .header-type-2 .search-submit{ min-height: 45px; background-color: #333; } .header-type-2 .logo{ display: table; float: none; } .header-type-2 #search, .header-type-2.light .search-submit{ background-color: #fff; } .header-type-2.light .header-inner .container-fluid{ background-color: transparent; border: none; } .header-type-2 .header-inner .container-fluid{ padding-right: 15px; padding-left: 15px; width: 100%; } .page-title-2 .pt-title, .page-title-3 .pt-title{ width: 100%; max-width: 100%; text-align: center; } .page-title-2 .pt-info, .page-title-3 .pt-info{ max-width: 100%; width: 100%; text-align: center; } .page-title-3 .pt-title:after{ left: 50%; margin-left: -35px; } .page-title-3 .pt-info{ margin-top: 20px; } .page-title-5 .title-container .title h1{ font-size: 80px; line-height: 80px; } .page-title-6 .title{ text-align: center; } .page-title-7 .title-container .title h1{ text-align: center; } .history-list .history-list-item .year-img-container{ width: 100%; margin-bottom: 20px; } .history-list .history-list-item .history-text{ width: 100%; padding-left: 0; } .history-list-item .btn{ margin-bottom: 20px; } *[class*="col-"].custom-background:last-of-type{ margin-bottom: 80px; } *[class*="col-"].custom-background{ margin-bottom: 0; } .team-member figure img{ width: 100%; } .team-horizontal .team-member img{ display: table; margin: 0 auto; float: none; margin-bottom: 20px; } .team-horizontal .team-member .team-member-details{ padding-left: 0; text-align: center; } .team-member .member-social{ width: 100%; display: inline-block; margin: 0 auto; } .team-horizontal .team-member{ padding: 0; border: none; } .wpcf7-icon-2 fieldset{ width: 100%; padding-right: 0; } .wpcf7.simple-2 fieldset{ width: 100%; padding-right: 0; } .pricing-table-col, .pricing-table-col.one-third{ width: 100%; } .col-md-12 .clients-list li{ width: 47%; margin-left: 0; } #under-construction .page-content .container{ left: 0; margin-left: 0; top: 120px; } .under-construction-container-inner{ margin-top: 0 !important; } .counter .county-days, .counter .county-hours, .counter .county-minutes, .counter .county-seconds{ font-size: 24px; } .counter .county-label-days, .counter .county-label-hours, .counter .county-label-minutes, .counter .county-label-seconds{ font-size: 15px; } .countdown-container-inner{ padding-top: 50px; padding-bottom: 50px; } .countdown-container{ height: auto !important; margin-top: 200px; } .subscribe-container-outter{ height: auto !important; padding-top: 50px; } .portfolio-item-container.portfolio-1-col .portfolio-img, .portfolio-item-container.portfolio-1-col figcaption{ width: 100%; } .portfolio-gallery-two-cols .isotope-item, .portfolio-gallery-three-cols .isotope-item{ width: 100%; } .blog-post .post-info{ margin: 0 auto; width: 100%; } .blog-post .post-info li{ margin-right: 10px; border: none; } .blog-post .post-media, .blog-post .post-body{ padding-left: 0; float: left; width: 100%; } .blog-posts > li.pagination{ margin-bottom: 50px; } .blog-post-small .format-quote .post-body, .blog-post-small .format-link .post-body, .blog-post-small .format-audio .post-body{ padding-left: 0; } .blog-post-small .format-audio .post-media{ padding-left: 0; float: left; } .blog-posts.isotope li.blog-post.isotope-item{ width: 100%; } .post-timeline{ background: none; } .post-timeline-item, .post-timeline-item.post-timeline-left, .post-timeline-item.post-timeline-right{ width: 100%; padding: 0; } .post-timeline-item.post-timeline-left::before, .post-timeline-item.post-timeline-right::before, .post-timeline-item.post-timeline-left::after, .post-timeline-item.post-timeline-right::after{ display: none; } .gallery-three-col .gallery-item, .gallery-four-col .gallery-item{ width: 100%; } .fa-icons li, .linecons li{ width: 100%; } .process-box-container.pbc-three-cols .process-box{ width: 100%; } .scroll-up{ right: 30px; } } @media only screen and (min-width: 480px) and (max-width: 767px){ #header-wrapper{ position: inherit; } #header-wrapper + *{ margin-top: 0 !important; } #page-wrapper{ width: 100%; } .page-content .row{ margin-bottom: 0px; } .page-content *[class*="col-"], aside *[class*="col-"], *[class*="col-"].footer-widget-container { margin-bottom: 80px; } *[class*="col-"].footer-widget-container:last-child{ margin-bottom: 0; } *[class*="col-"] *[class*="col-"]{ margin-left: 0 !important; } /* TOP BAR ========================================================================= */ #top-bar-wrapper #top-bar{ width: 100%; } #top-bar-wrapper #top-bar #quick-links{ max-width: 100%; width: 100%; margin-bottom: 20px; } #top-bar-wrapper #top-bar #quick-links li a, #top-bar-wrapper #top-bar #quick-links li span{ border-right: none; } #top-bar-wrapper #top-bar #quick-links li{ width: 100%; text-align: center; } #top-bar-wrapper #top-bar #social-links{ max-width: 100%; float: none; display: table; margin: 0 auto; } #top-bar-wrapper #top-bar #social-links li:first-child{ margin-left: 0; } /* NAVIGATION, LOGO, HEADER ========================================================================= */ .header-info-widgets{ float: left; width: 100%; } .header-info-widgets ul{ margin: 0 auto; display: table; } .navbar-nav.pi-nav{ display: none; } #dl-menu{ display: block; max-width: 260px; } .collapse.navbar-collapse{ width: 100%; margin-bottom: 20px; } .navbar-header, #header.header-type-1 .nav-left .navbar-header{ float: none; } .logo{ display: table; margin: 30px auto; } #search{ margin-left: 0; right: 30px; } #search, .search-submit{ min-height: 45px; } /* PAGES, ELEMENTS STYLES ========================================================================= */ .info-box .text-container .big{ word-wrap: break-word; } .info-box{ display: block; } .info-box .icon-container{ width: 100%; margin-bottom: 20px; } .info-box .icon-container i{ text-align: center; width: 100%; } .info-box .text-container{ padding-left: 0; text-align: center; } .process-perspective .icon{ margin: 0 auto; float: none; } .process-perspective h1, .process-perspective h2, .process-perspective h3, .process-perspective h4, .process-perspective h5, .process-perspective h6, .process-perspective p{ padding-left: 0; text-align: center; } .tabs.vertical{ width: 100%; } .tab-content-wrap.vertical{ width: 100%; margin-top: 20px; } .tab-content-wrap.vertical .tab-content{ padding-left: 0; } .tabs li{ width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .call-to-action .text{ width: 100%; float: none; margin-bottom: 20px; text-align: center; } .call-to-action .btn{ float: none; display: table; margin: 0 auto; top: 0; } #copyright-container p, #copyright-container a{ text-align: center; } #copyright-container .footer-breadcrumb{ float: none; margin: 0 auto; display: table; margin-top: 5px; } .container-fluid #portfolioitems{ margin-bottom: 50px; } *[class*="col-"].isotope-item{ width: auto; float: none; display: table; margin: 0 auto 30px !important; position: inherit !important; transform: none !important; left: initial !important; top: initial !important; } .gallery-six-col .gallery-item{ width: 33.333333%; } .clients-list li{ margin-right: 0; } .service-box-3{ width: 100%; } .team-hover .team-member{ width: 50%; } .row-equal-height *[class^="col-"]{ display: block; } .process-box-container.pbc-four-cols .process-box{ width: 100%; } .page-content.video-background{ padding-left: 20px; padding-right: 20px; } .blog-posts.isotope.masonry-full li.blog-post.isotope-item{ width: 100%; margin-bottom: 50px; float: left; padding-left: 0; padding-right: 0; } .header-type-2 .header-inner .container-fluid .main-nav{ width: 100%; } .navbar{ min-height: 45px; } .header-type-2.dark .container-fluid{ background-color: transparent; } .header-type-2 #search, .header-type-2 .search-submit{ min-height: 45px; background-color: #333; } .header-type-2 .logo{ display: table; float: none; } .header-type-2 #search, .header-type-2.light .search-submit{ background-color: #fff; } .header-type-2.light .header-inner .container-fluid{ background-color: transparent; border: none; } .header-type-2 .header-inner .container-fluid{ padding-right: 15px; padding-left: 15px; width: 100%; } .page-title-2 .pt-title, .page-title-3 .pt-title{ width: 100%; max-width: 100%; text-align: center; } .page-title-2 .pt-info, .page-title-3 .pt-info{ max-width: 100%; width: 100%; text-align: center; } .page-title-3 .pt-title:after{ left: 50%; margin-left: -35px; } .page-title-3 .pt-info{ margin-top: 20px; } .page-title-5 .title-container .title h1{ font-size: 80px; line-height: 80px; } .page-title-6 .title{ text-align: center; } .page-title-7 .title-container .title h1{ text-align: center; } .history-list .history-list-item .year-img-container{ width: 100%; margin-bottom: 20px; } .history-list .history-list-item .history-text{ width: 100%; padding-left: 0; } .history-list-item .btn{ margin-bottom: 20px; } *[class*="col-"].custom-background:last-of-type{ margin-bottom: 80px; } *[class*="col-"].custom-background{ margin-bottom: 0; } .team-member figure img{ width: 100%; } .team-horizontal .team-member img{ display: table; margin: 0 auto; float: none; margin-bottom: 20px; } .team-horizontal .team-member .team-member-details{ padding-left: 0; text-align: center; } .team-member .member-social{ width: 100%; display: inline-block; margin: 0 auto; } .team-horizontal .team-member{ padding: 0; border: none; } .wpcf7-icon-2 fieldset{ width: 100%; padding-right: 0; } .wpcf7.simple-2 fieldset{ width: 100%; padding-right: 0; } .pricing-table-col, .pricing-table-col.one-third{ width: 100%; } .col-md-12 .clients-list li{ width: 47%; margin-left: 0; } #under-construction .page-content .container{ left: 0; margin-left: 0; top: 120px; } .under-construction-container-inner{ margin-top: 0 !important; } .counter .county-days, .counter .county-hours, .counter .county-minutes, .counter .county-seconds{ font-size: 24px; } .counter .county-label-days, .counter .county-label-hours, .counter .county-label-minutes, .counter .county-label-seconds{ font-size: 15px; } .countdown-container-inner{ padding-top: 50px; padding-bottom: 50px; } .countdown-container{ height: auto !important; margin-top: 200px; } .subscribe-container-outter{ height: auto !important; padding-top: 50px; } .portfolio-item-container.portfolio-1-col .portfolio-img, .portfolio-item-container.portfolio-1-col figcaption{ width: 100%; } .portfolio-gallery-two-cols .isotope-item, .portfolio-gallery-three-cols .isotope-item{ width: 100%; } .blog-post .post-info{ margin: 0 auto; width: 100%; } .blog-post .post-info li{ margin-right: 10px; border: none; } .blog-post .post-media, .blog-post .post-body{ padding-left: 0; float: left; width: 100%; } .blog-posts > li.pagination{ margin-bottom: 50px; } .blog-post-small .format-quote .post-body, .blog-post-small .format-link .post-body, .blog-post-small .format-audio .post-body{ padding-left: 0; } .blog-post-small .format-audio .post-media{ padding-left: 0; float: left; } .blog-posts.isotope li.blog-post.isotope-item{ width: 100%; } .post-timeline{ background: none; } .post-timeline-item, .post-timeline-item.post-timeline-left, .post-timeline-item.post-timeline-right{ width: 100%; padding: 0; } .post-timeline-item.post-timeline-left::before, .post-timeline-item.post-timeline-right::before, .post-timeline-item.post-timeline-left::after, .post-timeline-item.post-timeline-right::after{ display: none; } .gallery-three-col .gallery-item, .gallery-four-col .gallery-item{ width: 100%; } .fa-icons li, .linecons li{ width: 100%; } .process-box-container.pbc-three-cols .process-box{ width: 100%; } .process-box-circle .icon-container, .process-box-circle .icon-container i{ width: 300px !important; height: 300px !important; } .page-title-7 .breadcrumbs-container .breadcrumb{ float: none; display: table; margin: 0 auto; } .scroll-up{ right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px){ #header-wrapper{ position: inherit; } #header-wrapper + *{ margin-top: 0 !important; } #page-wrapper{ width: 750px; } .page-content .row{ margin-bottom: 0px; } .page-content *[class*="col-"], aside *[class*="col-"], *[class*="col-"].footer-widget-container { margin-bottom: 80px; } *[class*="col-"].footer-widget-container:last-child{ margin-bottom: 0; } *[class*="col-"] *[class*="col-"]{ margin-left: 0 !important; } /* TOP BAR ========================================================================= */ #top-bar-wrapper #top-bar{ width: 100%; } #top-bar-wrapper #top-bar #quick-links{ max-width: 100%; width: 100%; margin-bottom: 20px; } #top-bar-wrapper #top-bar #quick-links li a, #top-bar-wrapper #top-bar #quick-links li span{ border-right: none; } #top-bar-wrapper #top-bar #quick-links li{ width: 100%; text-align: center; } #top-bar-wrapper #top-bar #social-links{ max-width: 100%; float: none; display: table; margin: 0 auto; } #top-bar-wrapper #top-bar #social-links li:first-child{ margin-left: 0; } /* NAVIGATION, LOGO, HEADER ========================================================================= */ .header-info-widgets{ float: left; width: 100%; } .header-info-widgets ul{ margin: 0 auto; display: table; } .navbar-nav.pi-nav{ display: none; } #dl-menu{ display: block; max-width: 260px; } .collapse.navbar-collapse{ width: 100%; margin-bottom: 20px; } .navbar-header, #header.header-type-1 .nav-left .navbar-header{ float: none; } .logo{ display: table; margin: 30px auto; } #search{ margin-left: 0; right: 30px; } #search, .search-submit{ min-height: 45px; } /* PAGES, ELEMENTS STYLES ========================================================================= */ .info-box .text-container .big{ word-wrap: break-word; } .info-box{ display: block; } .info-box .icon-container{ width: 100%; margin-bottom: 20px; } .info-box .icon-container i{ text-align: center; width: 100%; } .info-box .text-container{ padding-left: 0; text-align: center; } .process-perspective .icon{ margin: 0 auto; float: none; } .process-perspective h1, .process-perspective h2, .process-perspective h3, .process-perspective h4, .process-perspective h5, .process-perspective h6, .process-perspective p{ padding-left: 0; text-align: center; } .tabs.vertical{ width: 100%; } .tab-content-wrap.vertical{ width: 100%; margin-top: 20px; } .tab-content-wrap.vertical .tab-content{ padding-left: 0; } .tabs li{ width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .call-to-action .text{ width: 100%; float: none; margin-bottom: 20px; text-align: center; } .call-to-action .btn{ float: none; display: table; margin: 0 auto; top: 0; } #copyright-container p, #copyright-container a{ text-align: center; } #copyright-container .footer-breadcrumb{ float: none; margin: 0 auto; display: table; margin-top: 5px; } .container-fluid #portfolioitems{ margin-bottom: 50px; } *[class*="col-"].isotope-item{ width: auto; float: none; display: table; margin: 0 auto 30px !important; position: inherit !important; transform: none !important; left: initial !important; top: initial !important; } .gallery-six-col .gallery-item{ width: 33.333333%; } .clients-list li{ margin-right: 0; } .service-box-3{ width: 100%; } .row-equal-height *[class^="col-"]{ display: block; } .process-box-container.pbc-four-cols .process-box{ width: 100%; } .page-content.video-background{ padding-left: 20px; padding-right: 20px; } .blog-posts.isotope.masonry-full li.blog-post.isotope-item{ width: 100%; margin-bottom: 50px; float: left; padding-left: 0; padding-right: 0; } .header-type-2 .header-inner .container-fluid .main-nav{ width: 100%; } .navbar{ min-height: 45px; } .header-type-2.dark .container-fluid{ background-color: transparent; } .header-type-2 #search, .header-type-2 .search-submit{ min-height: 45px; background-color: #333; } .header-type-2 .logo{ display: table; float: none; } .header-type-2 #search, .header-type-2.light .search-submit{ background-color: #fff; } .header-type-2.light .header-inner .container-fluid{ background-color: transparent; border: none; } .header-type-2 .header-inner .container-fluid{ padding-right: 15px; padding-left: 15px; width: 100%; } .page-title-2 .pt-title, .page-title-3 .pt-title{ width: 100%; max-width: 100%; text-align: center; } .page-title-2 .pt-info, .page-title-3 .pt-info{ max-width: 100%; width: 100%; text-align: center; } .page-title-3 .pt-title:after{ left: 50%; margin-left: -35px; } .page-title-3 .pt-info{ margin-top: 20px; } .page-title-5 .title-container .title h1{ font-size: 80px; line-height: 80px; } .page-title-6 .title{ text-align: center; } .page-title-7 .title-container .title h1{ text-align: center; } .history-list .history-list-item .year-img-container{ width: auto; margin-bottom: 20px; } .history-list .history-list-item .history-text{ width: auto; padding-left: 0; } .history-list-item .btn{ margin-bottom: 20px; } *[class*="col-"].custom-background:last-of-type{ margin-bottom: 80px; } *[class*="col-"].custom-background{ margin-bottom: 0; } .team-member figure{ margin: 0 auto; display: table; width: auto; } .team-horizontal .team-member img{ display: table; margin: 0 auto; float: none; margin-bottom: 20px; } .team-horizontal .team-member .team-member-details{ padding-left: 0; text-align: center; } .team-member .member-social{ width: auto; display: table; margin: 0 auto; } .team-horizontal .team-member{ padding: 0; border: none; } .pricing-table-col, .pricing-table-col.one-third{ width: 100%; } .col-md-12 .clients-list li{ width: 32%; margin-left: 0; } #under-construction .page-content .container{ left: auto; margin-left: auto; top: 120px; position: inherit; } .under-construction-container-inner{ margin-top: 0 !important; } .counter .county-days, .counter .county-hours, .counter .county-minutes, .counter .county-seconds{ font-size: 24px; } .counter .county-label-days, .counter .county-label-hours, .counter .county-label-minutes, .counter .county-label-seconds{ font-size: 15px; } .countdown-container-inner{ padding-top: 50px; padding-bottom: 50px; } .countdown-container{ height: auto !important; margin-top: 200px; } .subscribe-container-outter{ height: auto !important; padding-top: 50px; } .portfolio-item-container.portfolio-1-col .portfolio-img, .portfolio-item-container.portfolio-1-col figcaption{ width: 100%; } .portfolio-gallery-two-cols .isotope-item, .portfolio-gallery-three-cols .isotope-item{ width: 100%; } .portfolio-item-container.portfolio-1-col figcaption{ height: auto !important; min-height: 1px !important; } .blog-posts > li.pagination{ margin-bottom: 50px; } .blog-posts.isotope li.blog-post.isotope-item{ width: 100%; } .post-timeline{ background: none; } .post-timeline-item, .post-timeline-item.post-timeline-left, .post-timeline-item.post-timeline-right{ width: 100%; padding: 0; } .post-timeline-item.post-timeline-left::before, .post-timeline-item.post-timeline-right::before, .post-timeline-item.post-timeline-left::after, .post-timeline-item.post-timeline-right::after{ display: none; } .fa-icons li, .linecons li{ width: 50%; } .process-box-container.pbc-three-cols .process-box{ width: 100%; } .process-box-circle .icon-container, .process-box-circle .icon-container i{ width: 300px !important; height: 300px !important; } .page-title-7 .breadcrumbs-container .breadcrumb{ float: none; display: table; margin: 0 auto; } .scroll-up{ right: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px){ #header-wrapper{ position: inherit; } #header-wrapper + *{ margin-top: 0 !important; } #page-wrapper{ width: 970px; } #top-bar-wrapper #top-bar{ width: 100%; padding-left: 20px; padding-right: 20px; } .header-info-widgets{ float: left; width: 100%; } .header-info-widgets ul{ margin: 0 auto; display: table; } .navbar-nav.pi-nav{ display: none; } #dl-menu{ display: block; max-width: 800px; } .collapse.navbar-collapse{ width: 100%; margin-bottom: 20px; } .navbar-header, #header.header-type-1 .nav-left .navbar-header{ float: none; } .logo{ display: table; margin: 30px auto; } .header-type-2 .header-inner .container-fluid .main-nav{ width: 100%; } .navbar{ min-height: 45px; } .header-type-2.dark .container-fluid{ background-color: transparent; } .header-type-2 #search, .header-type-2 .search-submit{ min-height: 45px; background-color: #333; } .header-type-2 .logo{ display: table; float: none; } .header-type-2 #search, .header-type-2.light .search-submit{ background-color: #fff; } .header-type-2.light .header-inner .container-fluid{ background-color: transparent; border: none; } .header-type-2 .header-inner .container-fluid{ padding-right: 15px; padding-left: 15px; width: 100%; } #search{ margin-left: 0; right: 30px; } #search, .search-submit{ min-height: 45px; } .info-box .text-container .big{ font-size: 21px; } .service-box-3{ margin-right: 0; } .col-md-2.isotope-item{ width: 33.33333333%; } .container-fluid .col-md-3.isotope-item, .container-fluid .col-md-2.isotope-item{ padding-right: 1px; padding-left: 1px; margin-right: -1px; padding-bottom: 2px; } .tabs.vertical{ width: 100%; } .tab-content-wrap.vertical{ width: 100%; margin-top: 20px; } .tab-content-wrap.vertical .tab-content{ padding-left: 0; } .tabs li{ width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #under-construction .page-content .container{ position: inherit; top: initial; left: initial; margin-left: 0; } .under-construction-container-inner{ margin-top: 120px !important; } }