/*! * 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:1200px) { .container { width: 1170px }}@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:1200px) { .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: 100% } .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: 100% } .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:1200px) { .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:1200px) { .visible-lg-block { display: block !important }}@media (min-width:1200px) { .visible-lg-inline { display: inline !important }}@media (min-width:1200px) { .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:1200px) { .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: 46px; } .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: -1px 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-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: 200px; } .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: 300px; } .fa-icons li, .linecons li { width: 100%; } .process-box-container.pbc-three-cols .process-box { width: 100%; } .scroll-up { right: 30px; } .page-content.parallax-colored { background-size: 400%; background-repeat: repeat-y; background-color: #000; padding-top: 40px; }}@media only screen and (min-width: 480px) and (max-width: 767px) { #header-wrapper { position: inherit; } #header-wrapper + * { margin-top: 0 !important; } .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%; } .navbar-header, #header.header-type-1 .nav-left .navbar-header { float: none; } .logo { display: table; margin: 15px 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-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%; } .navbar-header, #header.header-type-1 .nav-left .navbar-header { float: none; } .logo { display: table; margin: 15px 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; } .page-content.parallax-colored { background-size: 280%; background-repeat: no-repeat; }}@media only screen and (min-width: 992px) and (max-width: 1199px) { #header-wrapper { position: inherit; } #header-wrapper + * { margin-top: 0 !important; } #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%; } .navbar-header, #header.header-type-1 .nav-left .navbar-header { float: none; } .logo { display: table; margin: 15px 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%; } .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; } .page-content.parallax-colored { background-size: 100%; background-repeat: repeat-y; }}