/* DO NOT EDIT THIS STYLE SHEET DIRECTLY, PLEASE COPY THE CODE OVER TO CUSTOM.CSS AND OVERRIDE IT THERE */
/*
Theme Name: StudioO1
Theme URI: http://www.quadcodes.com/
Version: 1
Copyright: © 2014 QuadCodes.
*/
/* Table of Contents
==================================================
1. GLOBAL
2. HEADER/LOGO
3. NAVIGATION
4. PAGE
4.1 SECTION TITLE
4.2 PAGE CONTENT
4.3 PAGE TITLE
4.4 PAGE DESC
5. BLOG
5.1 BLOG LIST
5.2 BLOG SINGLE
6. PORTFOLIO
6.1 PORFOLIO SORTER
6.2 PORTFOLIO GRID
7. EVENT LIST
8. COLUMN/BOXES
8.1 SERVICE COLUMN
8.2 FEATURE COLUMN
8.3 TEAM COLUMN
8.4 BOXES
9. FOOTER
9.1 FOOTER WIDGETS
9.2 FOOTER NAV
10. CONTACT/FORM
11. LIST STYLES
11.1 ADDRESS LIST
11.2 SOCIAL (GLYPH ICONS) LIST
11.3 SKILLS
12. MODULES
12.1 SLIDER
12.2 VIDEO
12.3 TABS
12.4 FLICKR
12.5 SOCIAL PROFILES
13. TYPOGRAPHY
13.1 BLOCKQUOTE
13.2 DROPCAP
13.3 READ MORE
14. MISCELLANEOUS
15. PLUGIN CSS
15.1 TIPSY
15.2 OWL CAROUSEL
16. CONDITIONAL LAYOUT CSS FOR MOBILE / TABLET DEVICES [ MEDIA QUERIES ]
16.1 TABLETS-1
16.2 TABLETS-2
16.3 MOBILE PORTRAIT
16.4 MOBILE WIDE / LANDSCAPE
/* CSS Styles
================================================== */
/* IMPORTS */
@import url('/Styles/architecture.css');
@import url('/Styles/icon-fonts/fontello.css');
/* ----------------------------------------------------------------*/
/* 1. GLOBAL */
/* ----------------------------------------------------------------*/
html, body {
width: 100%;
height: 100%;
}
body {
font: 400 14px/28px "Open sans", Helvetica, Arial, sans-serif;
background: #eee;
}
.container {
margin: 0 90px;
}
#qcPreLoader {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: #fff url('../images/template/theme/preloader.gif') no-repeat center center;
z-index: 999;
}
/* VIDEO BACKGROUND */
video#bgvid {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: #000 url('../img/placeholder/video/sample-video.jpg') no-repeat;
background-size: cover;
}
/* ----------------------------------------------------------------*/
/* 2. HEADER/LOGO */
/* ----------------------------------------------------------------*/
#qcPriHeader {
position: fixed;
top: 8px;
width: 100%;
background: rgba(34,34,34,0.9);
z-index: 9;
}
#logo {
float: left;
position: relative;
width: 90px;
height: 87px;
background: #ffdd3d;
overflow: hidden;
}
#nav-header #logo {
display: none;
}
/* ----------------------------------------------------------------*/
/* 3. NAVIGATION */
/* ----------------------------------------------------------------*/
#primary-nav {
float: left;
}
#primary-nav > li {
float: left;
}
#primary-nav > li > a {
display: block;
width: 91px;
height: 87px;
color: #eee;
text-align: center;
}
#primary-nav > li > a i {
display: block;
position: relative;
top: 17px;
color: #888;
font-size: 22px;
}
#primary-nav > li > a > p {
position: relative;
top: 25px;
font: 10px/18px "Open sans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
#primary-nav > li.selected > a,
#primary-nav > li.selected > a:hover {
color: #ffdd3d;
background: #555;
}
#primary-nav > li.selected > a i,
#primary-nav > li:hover.selected > a i {
color: #ffdd3d;
}
#primary-nav > li:hover > a i {
color: #fff;
}
#primary-nav > li:hover > a {
background: #777;
}
#primary-nav > li.shop > a {
color: #ffdd3d;
}
#primary-nav .primary-nav-invis {display:none;}
#qcPrevNext {
display: none;
float: right;
margin: 15px 25px;
color: #fff;
}
#qcPrevNext li a {
display: block;
padding: 0 10px;
cursor: pointer;
}
#qcPrevNext li a:hover {
color: #ffdd3d;
}
#qcMenuTrig {
float: left;
position: relative;
}
#qcMenuTrig > a {
display: none;
position: relative;
width: 290px;
height: 87px;
}
#qcMenuTrig > a i {
float: left;
position: relative;
top: 28px;
left: 20px;
color: #fff;
font-size: 20px;
}
#qcMenuTrig > a p {
float: left;
position: relative;
top: 30px;
left: 34px;
color: #fff;
font-size: 14px;
letter-spacing: 1px;
}
.ui-autocomplete .ui-menu-item {color:#005394; text-transform:uppercase;font-size:13px;list-style-image:none !important;}
.ui-autocomplete .ui-menu-item.ui-state-focus {color:#0094ff;background: #ebebeb !important; border-top:none !important; border-bottom:none !important;}
.typeahead-field input, .typeahead-select {
display: block;
width: 100%;
font-size: 13px;
color: #555;
background: 0 0;
border-radius: 2px 0 0 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.typeahead-container button, .typeahead-field input, .typeahead-select {
border: 1px solid #ccc;
line-height: 1.42857143;
padding: 6px 12px;
height: 32px;
}
/* ----------------------------------------------------------------*/
/* 4. PAGE */
/* ----------------------------------------------------------------*/
.qcPage {
position: relative;
padding: 80px 0;
margin: 80px auto 10px auto;
max-width: 1440px;
}
.qcPage.single {
margin-bottom: 0;
border-bottom: 0;
}
.qcPage .container {
position: relative;
overflow: hidden;
border-radius: 4px;
}
.intro {
position: relative;
height: 1200px;
margin: 0;
background: #fff;
}
/* === 4.1 SECTION TITLE === */
.qcSecTitle {
float: left;
position: absolute;
top: 0;
width: 90px;
height: 100%;
padding: 100px 0;
background: #f8f8f8;
border-right: 1px #ddd solid;
z-index: 8;
}
.qcSecTitle i {
position: relative;
top: -70px;
left: 18px;
padding: 8px;
color: #fff;
font-size: 28px;
background: #ff7335;
border-radius: 2px;
}
.qcSecTitle h1 {
margin-left: 5px;
color: #555;
font: 300 16px/20px "Open sans", Helvetica, Arial, sans-serif;
letter-spacing: 5px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
text-transform: uppercase;
}
/* === 4.2 PAGE CONTENT === */
.qcPageContent {
float: left;
width: 100%;
background: #fff;
}
.qcContentPadding {
position: relative;
padding-left: 90px;
z-index: 1;
}
/* === 4.3 PAGE TITLE === */
.qcPageTitle {
text-align: left;
}
.qcPageTitle > .col > h1 {
margin: 0;
padding: 0;
border: 0;
}
.qcPageTitle > .col:first-child {
top: 10px;
}
.qcPageTitle > .col:first-child:after {
content: "";
position: absolute;
top: -23px;
right: 0px;
height: 100%;
padding: 25px 0;
border-right: 3px #04d566 solid;
}
.qcPageTitle > .col:last-child > div {
padding-left: 40px;
color: #888;
font: 300 14px/28px "Raleway", Helvetica, Arial, sans-serif;
}
.qcPageTitle p {
display: block;
font: 300 12px/12px "Raleway", Helvetica, Arial, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
}
.qcPageTitle h1 {
padding-bottom: 35px;
margin-bottom: 40px;
color: #000;
font: 600 40px/60px "Open sans", Helvetica, Arial, sans-serif;
letter-spacing: -3px;
border-bottom: 1px #ddd solid;
}
.qcSubTitle {
margin-bottom: 25px;
color: #515151;
font: 400 21px/38px "Open sans", Helvetica, Arial, sans-serif;
letter-spacing: -1px;
}
/* === 4.4 PAGE DESC === */
.qcPageDesc, .small-box p.qcPageDesc {
margin-bottom: 50px;
font: 300 16px/28px "Raleway", Helvetica, Arial, sans-serif;
}
/* ----------------------------------------------------------------*/
/* 5. BLOG */
/* ----------------------------------------------------------------*/
/* === 5.1 BLOG LIST === */
#qcBlogSort {
padding: 35px 0;
}
#qcBlogSort li {
float: left;
margin-right: 6px;
}
#qcBlogSort li a {
display: block;
padding: 0 15px;
color: #666;
font-size: 12px;
font-weight: 600;
line-height: 28px;
border-radius: 3px;
text-transform: uppercase;
}
#qcBlogSort li a.active {
color: #fff;
background: #FF3600;
}
#blog-list {
position: relative;
height: 575px;
overflow-y: scroll;
border-radius: 5px 0 0 0;
background: #333;
}
#blog-list > li {
clear: both;
border-bottom: 1px #222 solid;
}
#blog-list > li:last-child {
border: 0;
}
.blog-base {
position: relative;
width: 100%;
height: 100px;
background: #616161;
background-position-x: 20;
}
.blog-base:hover {
background: #515151 center right no-repeat;
}
.blog-plus {
float: left;
width: 20px;
height: 100px;
color: #fff;
font: 300 16px/100px "Arial", Helvetica, sans-serif;
background: #ff3600;
text-align: center;
}
.blog-base:hover .date-col {
background: #212121;
}
.format-col {
float: left;
width: 100px;
height: 100px;
background: #2a2a2a;
text-align: center;
}
.format-col h1 {
margin: 22px 0 0 0;
color: #fff;
font: 100 28px/30px "Raleway", Helvetica, Arial, sans-serif;
}
.format-col p {
margin-top: 6px;
color: #bbb;
font-size: 11px;
text-transform: uppercase;
}
.blog-details {
float: left;
padding-left: 20px;
}
.blog-details h3 {
color: #fff;
margin: 23px 0 2px 0;
font: 300 14px/18px "Open sans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.blog-details .blog-meta li {
float: left;
margin: 18px 15px 0 0;
color: #ccc;
font: 300 10px/11px "Open sans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.blog-details .blog-meta li i {
color: #fff;
font-size: 14px;
}
.blog-thumbnail {
float: left;
width: 100px;
height: 100px;
background: #000;
}
.blog-thumbnail img {
display: block;
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.blog-base:hover .blog-thumbnail img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/* === 5.2 BLOG SINGLE === */
.blogSingleMeta {
position: relative;
top: -41px;
padding: 18px;
margin-bottom: 20px;
background: #fafafa;
border: 1px #ddd solid;
}
.blogSingleMeta li {
float: left;
padding: 0 18px;
border-right: 1px #ddd solid;
}
.blogSingleMeta li:first-child {
padding-left: 0;
}
.blogSingleMeta li:last-child {
border: 0;
}
.blogSingleMeta li a {
display: block;
color: #666;
font: 300 13px/18px "Open sans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.blogSingleMeta li a i {
color: #666;
padding: 8px;
margin-right: 6px;
background: #eee;
border-radius: 20px;
}
.blogSingleMeta li a:hover {
color: red;
}
.blogSingleMeta li a:hover i {
color: #fff;
background: red;
}
.qcPostMedia {
position: relative;
margin: -25px 0 25px 0;
background: #000;
}
.qcPostMedia img {
display: block;
width: 100%;
}
.qcPostMedia iframe {
border: 0;
}
/* ----------------------------------------------------------------*/
/* 6. PORTFOLIO */
/* ----------------------------------------------------------------*/
/* === 6.1 PORFOLIO SORTER === */
.qcPortSort {
float: right;
position: absolute;
top: 35px;
right: 20px;
padding-left: 100px;
margin: 30px;
background: url('../images/template/theme/port-sort.png') no-repeat 0px 9px;
}
.qcPortSort li {
float: left;
padding: 2px 16px;
color: #666;
font-size: 14px;
font-weight: 400;
border-radius: 3px;
text-transform: uppercase;
cursor: pointer;
}
.qcPortSort li:hover {
color: red;
}
.qcPortSort li.active {
display: block;
color: #fff;
background: red;
}
#qcPortfolioGrid {
position: relative;
top: -91px;
overflow: hidden;
}
/* === 6.2 PORTFOLIO GRID === */
#tiles li {
display: none;
position: relative;
width: 283px;
background-color: #ffffff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
overflow: hidden;
cursor: pointer;
}
#tiles li.inactive {
visibility: hidden;
opacity: 0;
}
#tiles li img {
display: block;
width: 100%;
}
#tiles li {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.wookmark-placeholder {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#tiles li .overlay {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6) no-repeat center center;
}
#tiles li:hover .overlay {
display: block;
}
.overlay p.title {
padding: 28px 0 16px 28px;
color: #fff;
font: 100 16px/16px "Raleway", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.overlay p.client {
padding: 0 0 0 28px;
color: red;
font: 300 12px/18px "Open sans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
/* Progress bar for imagesLoaded */
.progress-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 0;
height: 2px;
background-color: #0BC20B;
box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
-webkit-transition: width 0.3s ease-out;
-moz-transition: width 0.3s ease-out;
-o-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
}
/* Placerholder css */
.wookmark-placeholder {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #eee;
border: 1px solid #dedede;
z-index: -1;
}
/* ----------------------------------------------------------------*/
/* 7. EVENT LIST */
/* ----------------------------------------------------------------*/
#event-list li {
clear: both;
border-bottom: 1px #222 solid;
}
#event-list li:last-child {
border: 0;
}
.event-base {
position: relative;
width: 100%;
height: 100px;
background: #616161;
background-position-x: 20;
}
.event-base:hover {
background: #515151 center right no-repeat;
}
.event-plus {
float: left;
width: 20px;
height: 100px;
color: #fff;
font: 300 16px/100px "Open sans", Helvetica, Arial, sans-serif;
background: #ff3600;
text-align: center;
}
.event-base:hover .date-col {
background: #212121;
}
.date-col {
float: left;
width: 100px;
height: 100px;
background: #2a2a2a;
text-align: center;
}
.date-col h1 {
color: #fff;
margin: 20px 0 0 0;
font: 100 42px/38px "Raleway", Helvetica, Arial, sans-serif;
}
.date-col p {
color: #bbb;
font-size: 11px;
text-transform: uppercase;
}
.event-details {
float: left;
padding-left: 20px;
}
.event-details h3 {
color: #fff;
margin: 19px 0 15px 0;
font: 300 16px/16px "Open sans", Helvetica, Arial, sans-serif;
}
.event-details p.event-location {
color: #ddd;
font-size: 12px;
line-height: 12px;
}
.event-details p.event-time {
color: #aaa;
font-size: 10px;
text-transform: uppercase;
}
.event-details i {
display: none;
color: #aaa;
margin-right: 2px;
}
.event-thumbnail {
float: left;
width: 100px;
height: 100px;
background: #000;
}
.event-thumbnail img {
display: block;
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.event-base:hover .event-thumbnail img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/* ----------------------------------------------------------------*/
/* 8. COLUMN/BOXES */
/* ----------------------------------------------------------------*/
/* === 8.1 SERVICE COLUMN === */
.qcServiceCol li {
text-align: center;
}
/* === 8.2 FEATURE COLUMN === */
.qcFeatureCol .col .small-box {
padding-left: 0;
}
.qcFeatureCol .col h4 {
margin-bottom: 20px;
}
.qcFeatureCol .small-box i {
padding: 6px;
margin-right: 6px;
color: #fff;
font-size: 16px;
background: red;
border-radius: 2px;
}
/* === 8.3 TEAM COLUMN === */
.qcTeamCol {
text-align: center;
}
.qcTeamCol h4 {
color: #000;
font: 600 22px/28px "Open sans", Helvetica, Arial, sans-serif;
}
.qcTeamCol .small-box p {
font-size: 14px;
font-family: "Architects Daughter", Helvetica, Arial, sans-serif;
letter-spacing: 1px;
}
.qcTeamCol img {
position: relative;
top: 40px;
width: 100%;
padding-top: 20px;
}
/* === 8.4 BOXES === */
.box {
padding: 50px;
}
.small-box {
padding: 20px;
}
.small-box p {
padding-right: 10px;
font: 13px/26px "Open sans", Helvetica, Arial, sans-serif;
}
.small-box h4 {
margin-bottom: 15px;
color: #444;
font: 400 20px/28px "Open sans", Helvetica, Arial, sans-serif;
letter-spacing: -1px;
}
.small-box .icon {
margin-bottom: 25px;
}
/* ----------------------------------------------------------------*/
/* 9. FOOTER */
/* ----------------------------------------------------------------*/
#qcPriFooter {
position: relative;
padding: 50px 0;
background: #444;
z-index: 9;
}
#qcFooterMenu {
display: inline-block;
padding-bottom: 4px;
border-bottom: 1px #ddd solid;
}
/* === 9.1 FOOTER WIDGETS === */
.widget h4 {
display: inline-block;
margin: 0 40px 15px 0;
color: #fff;
line-height: 36px;
border-bottom: 3px #fff solid;
text-transform: uppercase;
}
.widget p {
margin-right: 40px;
color: #aaa;
font: 400 12px/28px "Open sans", Helvetica, Arial, sans-serif;
}
/* === 9.2 === */
#qcFooterNav {
font: 400 11px/28px "Open sans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
background: #2a2a2a;
}
#qcFooterNav .container {
padding: 12px 0;
border-top: 1px #2a2a2a solid;
border-radius: 4px 4px 0 0;
}
#qcFooterNav li {
float: left;
margin-right: 20px;
}
#qcFooterNav li a {
color: #aaa;
}
#qcFooterNav li a:hover {
color: #fff;
}
#copyrights {
margin: 2px 20px 0 0;
color: #aaa;
text-align: right;
}
/* ----------------------------------------------------------------*/
/* 10. CONTACT/FORM */
/* ----------------------------------------------------------------*/
#qcContactMap {
width: 100%;
height: 350px;
margin-top: -80px;
}
.qcFormHeading {
color: #000;
padding: 40px 40px 0 40px;
font-size: 18px;
text-transform: uppercase;
}
.qcFormDesc {
padding: 10px 40px 0 40px;
font-size: 12px;
}
.qcForm {
padding: 40px;
}
.qcForm li {
margin: 10px 0;
list-style: none;
}
.qcForm li:first-child {
margin-top: 0;
}
.qcForm label {
display: none;
color: #aaa;
font-size: 11px;
text-transform: uppercase;
}
.qcForm input,
.qcForm textarea {
width: 95%;
padding: 14px 12px;
color: #666;
font-family: "Arial", Arial, sans-serif;
font-size: 12px;
border: 0;
border-bottom: 1px #ddd solid;
border-radius: 1px;
}
.qcForm textarea {
height: 80px;
}
.qcForm select {
width: 398px;
padding: 9px;
}
.qcForm .btn-success {
position: relative;
color: #00DF83;
padding: 10px;
margin-top: 10px;
font-size: 10px;
border: 2px #00DF83 solid;
background: transparent;
text-transform: uppercase;
cursor: pointer;
}
.qcForm .btn-success:hover {
color: red;
border-color: red;
}
/* ----------------------------------------------------------------*/
/* 11. LIST STYLES */
/* ----------------------------------------------------------------*/
/* === 11.1 ADDRESS LIST === */
ul.qcAddress {
padding: 20px 0 0 18px;
border-radius: 5px;
}
ul.qcAddress li {
list-style: none;
padding: 5px 0;
font-size: 11px;
}
ul.qcAddress li:last-child {
border-bottom: 0;
}
ul.qcAddress li p {
display: inline-block;
color: #666;
margin: 0 0 0 10px;
}
ul.qcAddress li p strong {
display: inline-block;
width: 80px;
color: #000;
font-size: 12px;
}
.icon-map {
top: -31px;
}
ul.qcAddress li a {
color: #aaa;
}
/* === 11.2 SOCIAL (GLYPH ICONS) LIST === */
.qcGlyphSocial {
position: relative;
top: 20px;
}
.qcGlyphSocial li {
display: inline-block;
}
.qcGlyphSocial li a {
display: block;
padding: 2px 7px;
margin: 0 2px 4px 0;
color: #666;
border: 1px #ddd solid;
border-radius: 2px;
}
.qcGlyphSocial li a:hover {
color: #333;
background: #fafafa;
border-color: #888;
}
/* === 11.3 SKILLS === */
h2#qcSkillTitle {
margin-top: 100px;
color: #444;
font: 20px/36px "Open sans", Helvetica, Arial, sans-serif;
text-indent: 30px;
}
#qcSkills {
margin: 35px 0 40px 30px;
}
#qcSkills li {
list-style: none;
cursor: pointer;
}
#qcSkills li div {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
margin: 0 5px 5px 0;
color: #fff;
font-size: 12px;
background: #f5f5f5;
border-radius: 40px;
text-align: center;
vertical-align: middle;
}
#qcSkills li div span {
display: block;
margin-top: 11px;
}
.qcSkillNote {
padding-left: 30px;
margin-bottom: 30px;
color: #888;
font: italic 12px/24px "Open sans", Helvetica, Arial, sans-serif;
}
/* === 11.4 ABOUT COUNT SLIDE === */
.abtBox {
background: #fff url('../images/template/theme/abtBg.png') no-repeat bottom left;
background-size: cover;
padding-bottom: 60px;
}
.abtCount {
padding-top: 90px;
text-align: center;
}
#aboutCount {
display: inline-block;
position: relative;
width: 150px;
}
#aboutCount li {
display: none;
}
#aboutCount .small-box {
text-align: center;
}
#aboutCount i {
display: block;
position: absolute;
top: 10px;
left: -52px;
color: rgba(0, 0, 0, 0.15);
font-size: 180px;
z-index: 5;
}
.abtCountNum {
position: relative;
margin-top: 35px;
color: #FF7335;
font: 600 70px/70px "Helvetica", Arial, sans-serif;
letter-spacing: -3px;
z-index: 6;
}
.abtCountTitle {
position: relative;
font: 300 15px/15px "Helvetica", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 6;
}
.abtNoPadd {
padding-top: 0;
}
.qcReadMore.abt {
margin-bottom: 0px;
}
/* ----------------------------------------------------------------*/
/* 12. MODULES */
/* ----------------------------------------------------------------*/
/* === 12.1 SLIDER === */
.qcSliderWrapper {
position: relative;
overflow: hidden;
}
.qcSliderWrapper:hover .qcPrevNext {
opacity: 1;
}
.qcPrevNext {
position: absolute;
top: 50%;
width: 100%;
margin-top: -20px;
font-size: 20px;
opacity: 0.4;
}
.qcPrev {
position: absolute;
left: -50px;
width: 40px;
color: #fff;
line-height: 40px;
border: 2px #fff solid;
text-align: center;
border-radius: 40px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.qcNext {
position: absolute;
right: -50px;
width: 40px;
color: #fff;
line-height: 40px;
border: 2px #fff solid;
text-align: center;
border-radius: 40px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.qcSliderWrapper:hover .qcPrev {
left: 30px;
}
.qcSliderWrapper:hover .qcNext {
right: 30px;
}
/* === 12.2 VIDEO === */
.qcFitVids {
position: relative;
background: #000;
z-index: 1;
}
.qcFitVids:after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,255,222,0.25) url('../images/template/theme/qcVidPlay.png') center center no-repeat;
z-index: 9;
cursor: pointer;
}
.qcFitVids.hide:after {
display: none;
}
/* === 12.3 TABS === */
ul.tabs {
position: relative;
top: -55px;
border-bottom: 1px #ddd solid;
text-align: center;
}
ul.tabs li {
display: inline-block;
margin-top: -4px;
margin-left: -3px;
}
ul.tabs li a {
display: block;
padding: 20px 0;
width: 150px;
color: #444;
font: 600 14px/14px "Open sans", Helvetica, Arial, sans-serif;
background: #fcfcfc;
border-top: 1px #ddd solid;
border-right: 1px #ddd solid;
text-transform: uppercase;
text-align: center;
}
ul.tabs li a.selected {
color: #000;
background: #fff;
border-top: 4px red solid;
box-shadow: 0 2px 0 #fff;
}
ul.tabs li:first-child a {
border-left: 1px #ddd solid;
}
.tab-content {
display: none;
padding: 0 20px;
}
/* === 12.4 FLICKR === */
#flickr {
margin: 0 0 0 -3px;
}
#flickr li {
list-style: none;
float: left;
margin: 0px;
border: 1px #444 solid;
}
#flickr li:hover {
border: 1px #333 solid;
}
#flickr li img {
display: block;
width: 55px;
}
/* === 12.5 SOCIAL PROFILES === */
#qcSocialProfiles {
margin: 10px 0 0 0;
}
#qcSocialProfiles li {
list-style: none;
float: left;
margin: 0 8px 0px 0;
}
#qcSocialProfiles li a:hover {
border: 0;
opacity: 0.8;
}
/* ----------------------------------------------------------------*/
/* 13. TYPOGRAPHY */
/* ----------------------------------------------------------------*/
/* === 13.1 BLOCKQUOTE === */
blockquote {
padding: 15px 20px;
margin: 40px 0;
border-left: 3px #00d966 solid;
color: #666;
font: 13px/26px "Open sans", Helvetica, Arial, sans-serif;
background: #fafafa;
}
blockquote p {
color: #555;
margin-bottom: 8px;
}
blockquote small {
display: block;
color: #999999;
line-height: 18px;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
/* === 13.2 DROPCAP === */
.dropcap {
margin: 0 3px 5px 0;
font: 30px/30px "Raleway", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
/* === 13.3 READ MORE === */
.qcReadMore {
margin-top: 30px;
}
.qcReadMore a {
display: inline-block;
padding: 5px 20px;
color: #00baff;
border: 1px #00baff solid;
border-radius: 30px;
}
.qcReadMore a:hover {
color: #fff;
background: #00baff;
}
/* ----------------------------------------------------------------*/
/* 14. MISCELLANEOUS */
/* ----------------------------------------------------------------*/
.qcBigTitle {
margin-bottom: 30px;
color: #000;
font: 600 55px/42px "Open sans", Helvetica, Arial, sans-serif;
letter-spacing: -4px;
}
strong {
color: #000;
font-style: normal;
}
img.fullWidth {
display: block;
width: 100%;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.no-border, .qcPageTitle h1.no-border {
border: 0;
}
.yellow-tint {
padding: 25px 50px;
color: #c2a756;
font-size: 12px;
background: #fdf7e5;
}
.companyLogo img {
width: 100%;
}
#disqus_thread {
margin-top: 40px;
}
.dsq-brlink {
display: none;
}
.qcSocialShare {
padding: 25px 0 15px 25px;
margin: 35px 0;
background: #fafafa;
border: 2px #ddd solid;
}
.qcSocialShare li {
float: left;
list-style: none;
margin-right: 20px;
}
h2.qcCommentTitle {
display: inline-block;
padding: 10px 15px;
margin-top: 20px;
color: #fff;
font: 600 16px/16px "Open sans", Helvetica, Arial, sans-serif;
background: #aaa;
border-radius: 20px;
text-transform: uppercase;
}
.formrow {
background: #fafafa;
}
.formrow > div:first-child {
background: #fff;
box-shadow: 0 -1px 1px #ccc;
}
.padder {
padding: 20px 40px 40px 20px;
}
.spacer {
position: relative;
width: 0;
height: 0;
line-height: 0;
margin: 0;
padding: 0;
}
.img-full {
width: 100%;
}
span.error {
display: block;
margin: 5px 0 0 5px;
color: red;
font-size: 12px;
}
p.info {
padding: 0 0 40px 40px;
color: green;
font-size: 12px;
}
/* ----------------------------------------------------------------*/
/* 15. PLUGIN CSS */
/* ----------------------------------------------------------------*/
/* === 15.1 TIPSY === */
.tipsy {
position: absolute;
padding: 5px;
font-size: 10px;
z-index: 100000;
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
text-shadow: none;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tipsy-arrow {
position: absolute;
background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/* === 15.2 OWL CAROUSEL === */
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
z-index: 0;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.single-carousel img {
width: 100%;
}
/* mouse grab icon */
.grabbing {
cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/* Prev Next Buttons */
.owl-buttons {
position: relative;
top: 6px;
padding: 30px 0;
text-align: right;
}
.owl-buttons > div {
position: absolute;
width: 20px;
height: 41px;
cursor: pointer;
opacity: 0.7;
}
.owl-buttons > div:hover {
opacity: 1;
}
.owl-buttons > .owl-prev {
right: 60px;
background: url('../images/template/theme/carouselNav.png') 0 0 no-repeat;
}
.owl-buttons > .owl-next {
right: 10px;
background: url('../images/template/theme/carouselNav.png') 0 -41px no-repeat;
}
.owl-buttons > div.disabled, .owl-buttons > div.disabled:hover {
opacity: 0.2;
cursor: default;
}
/* Owl Carousel CSS3 Transitions */
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {
opacity: 1;
}
}
@-moz-keyframes empty {
0% {
opacity: 1;
}
}
@keyframes empty {
0% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown {
from {
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5);
}
}
/* ---------------------------------------------------------------------------------- */
/* 16. CONDITIONAL LAYOUT CSS FOR MOBILE / TABLET DEVICES [ MEDIA QUERIES ] */
/* ---------------------------------------------------------------------------------- */
/* === 16.1 TABLET-1 === */
@media only screen and (min-width: 768px) and (max-width: 1080px) {
#qcPriHeader {
top: 0;
}
.skillPage > .col-6:nth-child(2) .box {
padding-left: 0;
}
#qcSkills li div {
width: 40px;
height: 40px;
}
#qcSkills li div span {
margin-top: 7px;
font-size: 11px;
}
.qcTabWrapper .row > .col-4 {
width: 50%;
}
.qcPortSort {
top: 120px;
left: 110px;
}
.portPage h1 {
padding-bottom: 100px;
margin-bottom: 40px;
}
.blogPage > .col, .featurePage > .col {
display: block;
float: none;
width: 100%;
}
#qcBlogSort {
margin: -40px 50px 0 50px;
}
}
/* === 16.2 TABLET-2 === */
@media only screen and (max-width: 920px) {
.container {
margin: 0 25px;
}
.skillPage > .col-6 {
display: block;
float: none;
width: 100%;
}
#qcSkills {
text-align: center;
}
h2#qcSkillTitle {
margin: -50px 0 0 -40px;
text-align: center;
}
#qcSkills li div {
width: 50px;
height: 50px;
}
#qcSkills li div span {
margin-top: 12px;
}
.qcSkillNote {
text-align: center;
}
ul.tabs li a {
width: 120px;
font-size: 12px;
}
.col-4 .qcBigTitle {
font-size: 40px;
}
.formrow > .col-6 {
display: block;
float: none;
width: 100%;
border-bottom: 1px #ddd solid;
}
#qcMenuTrig > a {
display: block;
}
#primary-nav {
display: none;
position: absolute;
top: 87px;
height: 280px;
background: #555;
overflow-y: scroll;
}
#primary-nav > li {
float: none;
display: block;
position: relative;
}
#primary-nav > li > a i {
float: left;
position: relative;
top: 15px;
font-size: 20px;
}
#primary-nav > li > a {
display: block;
width: 250px;
padding-left: 20px;
height: 60px;
border-bottom: 1px #666 solid;
}
#primary-nav > li > a > p {
float: left;
top: 20px;
left: 16px;
font-size: 12px;
text-align: left;
}
#qcPrevNext {
display: block;
}
}
/* === 16.3 MOBILE PORTRAIT === */
@media only screen and (max-width: 767px) {
.index_page .page-3 .col{float:none;}
.index_page .page-3 .resultWindow{height:100%; overflow-x:hidden;}
.index_page .qcPage .container {overflow:auto;}
.container, #mobMenu {
width: 400px;
margin: 0 auto;
}
#qcPriHeader {
top: 0;
}
.qcSecTitle {
display: none;
}
.qcContentPadding {
padding-left: 0;
}
.qcSubTitle {
font-size: 20px;
line-height: 32px;
}
#qcPrevNext {
display: none;
}
#qcSkills {
margin: 25px 0;
}
h2#qcSkillTitle {
margin-left: -30px;
}
#qcSkills li div {
width: 39px;
height: 39px;
}
#qcSkills li div span {
margin-top: 6px;
font-size: 10px;
}
.qcSkillNote {
padding-left: 0;
margin-bottom: 0;
}
#filters, .companyLogo {
display: none;
}
.aboutPage > .col:nth-child(2) {
float: none;
width: 100%;
}
ul.tabs {
top: -46px;
border-bottom: 0;
}
ul.tabs li {
float: left;
margin: 0;
}
ul.tabs li a {
display: block;
width: auto;
padding: 15px 6px;
font-size: 10px;
}
ul.tabs li a.selected {
border-top: 3px solid red;
}
.tab-content {
padding: 0;
}
.tab-content .small-box {
padding-left: 0;
padding-right: 0;
}
.tab-content .row > .col, .featurePage .col, .qcTd .col, .blogPage .col {
width: 100%;
}
#qcPriHeader {
text-align: center;
}
#qcMenuTrig > a {
width: 300px;
}
#primary-nav > li > a {
width: 210px;
}
.qcPage {
margin-top: 4px;
}
.qcPageTitle h1 {
font-size: 36px;
line-height: 48px;
}
.qcPageTitle > .col:first-child:after {
border: 0;
}
.qcPageTitle > .col:last-child > div {
padding: 20px 0 0 0;
}
#qcBlogSort {
display: none;
}
#blog-list {
border-radius: 0;
}
.blog-base {
position: relative;
overflow: hidden;
z-index: 1;
}
.format-col {
width: 70px;
}
.blog-details {
position: absolute;
width: 300px;
left: 90px;
height: 100px;
z-index: 9999;
}
.blog-base:hover {
background-image: none;
}
.blog-details h3 {
font-size: 13px;
}
.blog-meta li:nth-child(2) {
display: none;
}
.blogSingleMeta {
display: none;
}
.widget.col-4, #qcFooterNav .col-6 {
float: none;
display: block;
width: 100%;
}
.widget.col-4 {
margin-bottom: 30px;
}
#qcFooterNav .col-6:first-child {
margin-bottom: 10px;
}
#copyrights {
text-align: left;
}
.aboutPage > .col {
display: block;
width: 100%;
}
.abtCount {
margin-bottom: 60px;
}
}
/* === 16.4 MOBILE WIDE / LANDSCAPE === */
@media only screen and (min-width: 580px) and (max-width: 767px) {
.container, #mobMenu {
width: 400px;
margin: 0 auto;
}
#qcMenuTrig > a {
width: 300px;
}
#primary-nav > li > a {
width: 290px;
}
ul.tabs li a {
display: block;
width: auto;
padding: 15px 12px;
font-size: 12px;
}
}
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../img/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* CUSTOM PRIMARY FONT */
body, #primary-nav li a > p, .qcSecTitle h1, .qcPageTitle h1, .qcPageTitle h6, .qcSubTitle, .blog-details h3, .blog-details .blog-meta li, .blogSingleMeta li a, .overlay p.client, .event-plus, .event-details h3, .qcTeamCol h4, .small-box p, .small-box h4, .widget p, #qcFooterNav, h2#qcSkillTitle, .qcSkillNote, ul.tabs li a, blockquote, .qcBigTitle, h2.qcCommentTitle { font-family: 'Open sans', sans-serif; }
/* ASSIGN CUSTOM SECONDARY FONT */
.qcPageTitle > .col:last-child > div, .qcPageTitle p, .qcPageDesc, .small-box p.qcPageDesc, .format-col h1, .overlay p.title, .date-col h1, .dropcap { font-family: 'Open sans', sans-serif; }
/* CUSTOM PRIMARY HIGHLIGHT COLOR */
.qcSecTitle i, #qcBlogSort li a.active, #mediaSort li a.active, .blog-plus, .qcPortSort li.active, .qcFeatureCol .small-box i { background-color: #005394; }
#primary-nav li.selected a, #primary-nav li.selected a:hover, #primary-nav li.selected a i, #primary-nav li:hover.selected a i, #primary-nav li.shop a, #qcPrevNext li a:hover { color: #005394; }
ul.tabs li a.selected { border-top-color: #005394; }
/* ----------------------------------------------------------------*/
/* 1. GLOBAL */
/* ----------------------------------------------------------------*/
#qcPriHeader { display: none; }
/*this is to avoid FOUS*/
#qcPageWrapper { display: none; }
/*this is to avoid FOUS*/
#qcPreLoader { background: #fff url('../images/site/preloader.gif') no-repeat center center; }
.clear { clear: both; height: 0; line-height: 0; }
body { font: 400 14px/20px "Open sans", Helvetica, Arial, sans-serif; color: #444444; background: #ffffff; }
.background { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: #000 url('../images/site/site_background.jpg') no-repeat; background-size: cover; }
#__asptrace { position: relative; bottom: -1000px; background: #FFFFFF; }
a, a:visited { color: #005394; }
a:visited:hover, a:hover { color: #0094ff; }
.qcPageDesc ul { list-style: disc; padding-left: 17px; }
.fauxpara { margin-bottom: 1em; }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; }
.btn.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success.focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:visited { color: #fff; background-color: #449d44; border-color: #398439; }
.btn.btn-success.disabled, .btn.btn-success[disabled], fieldset[disabled] .btn.btn-success,
.btn.btn-success.disabled:hover, .btn.btn-success[disabled]:hover, fieldset[disabled] .btn.btn-success:hover,
.btn.btn-success.disabled:focus, .btn.btn-success[disabled]:focus, fieldset[disabled] .btn.btn-success:focus,
.btn.btn-success.disabled.focus, .btn.btn-success[disabled].focus, fieldset[disabled] .btn.btn-success.focus,
.btn.btn-success.disabled:active, .btn.btn-success[disabled]:active, fieldset[disabled] .btn.btn-success:active, .btn.btn-success.disabled.active, .btn.btn-success[disabled].active, fieldset[disabled] .btn.btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }
/* ----------------------------------------------------------------*/
/* 2. HEADER/LOGO */
/* ----------------------------------------------------------------*/
#qcPriHeader { position: fixed; top: 8px; width: 100%; background: #FFFFFF; z-index: 9; }
#logo { float: left; position: relative; width: 275px; height: 72px; background: #FFFFFF; overflow: hidden; margin: 8px; }
#logo a img { width: 100%; height: 100%; }
#nav-header #logo { display: none; }
/* ----------------------------------------------------------------*/
/* 3. NAVIGATION */
/* ----------------------------------------------------------------*/
#qcMenuTrig { float: right; }
#primary-nav { align-content: center; margin: 3px 0 0 20px; padding-left: 0; background: #fff; }
#primary-nav > li { position: relative; }
#primary-nav > li:hover > a { background: inherit; }
#primary-nav > li > a p { top: 32.5px; font: 11px/18px "Open sans", Helvetica, Arial, sans-serif; font-weight: bold; }
#primary-nav > li > a { width: auto; padding: 0 5px; color: #000000; }
#primary-nav > li > a p span.menuText { display: inline-block; vertical-align: middle; }
#primary-nav > li > a p span.menuSmallBars img { padding-left: 10px; height: 18px; width: 4px; vertical-align: middle; }
#primary-nav > li.selected > a { background: inherit; }
#primary-nav > li.selected > a:hover { background: inherit; }
/* subnav */
#primary-nav .primary-subnav { display: none; width: 300px; position: absolute; top: 68px; left: -6px; padding: 0 6px; margin: 0; list-style: none outside; background-color: #f8f8f8; font-size: 11px; line-height: 18px; text-transform: uppercase; border: 1px solid #ddd; }
#primary-nav > li:hover .primary-subnav { display: block; }
#primary-nav .primary-subnav > li { display: block; list-style: none outside; border-top: 1px solid #ddd; }
#primary-nav .primary-subnav > li:first-child { border-top: 0px; }
#primary-nav .primary-subnav > li > a { display: block; padding: 10px 6px; color: #555; }
#primary-nav .primary-subnav > li > a:hover { color: #005394; }
#mobMenu { max-width: 1260px; margin: 0 auto; }
.mobile-nav { display: none; }
/* === 4.1 SECTION TITLE === */
.qcSecTitle { float: left; position: absolute; top: 0; width: 90px; height: 100%; padding: 100px 0; background: #f8f8f8; border-right: 1px #ddd solid; z-index: 8; white-space: nowrap; }
.qcSecTitle i { position: relative; top: -70px; left: 18px; padding: 8px; color: #fff; font-size: 28px; background: #ff7335; border-radius: 2px; }
.qcSecTitle h1, .qcSecTitle h6 { margin-left: 5px; color: #555; font: 300 24px/28px "Open sans", Helvetica, Arial, sans-serif; letter-spacing: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); text-transform: uppercase; }
/* === 4.2 PAGE CONTENT === */
#qcPriHeader { top: 0; }
.qcPageContent { float: left; width: 100%; background: #fff; }
.qcPageDesc p { margin-bottom: 1em; text-transform: none; }
.qcContentPadding { position: relative; padding-left: 90px; z-index: 1; }
.qcPageDesc h2 { padding-bottom: 8px; }
.qcPageDesc h3 { padding-top: 15px; padding-bottom: 5px; }
.qcPageDesc li { padding-bottom: 4px; }
/* === 4.3 PAGE TITLE === */
.qcPageTitle { text-align: left; }
.qcPageTitle > .col > h1 { margin: 0; padding: 0; border: 0; }
.qcPageTitle > .col:first-child { top: 10px; }
.qcPageTitle > .col:first-child:after { content: ""; position: absolute; top: -23px; right: 0px; height: 100%; padding: 25px 0; border-right: 3px #005394 solid; }
.qcPageTitle > .col:last-child > div { padding-left: 40px; color: #888; font: 300 14px/28px "Hind", Helvetica, Arial, sans-serif; }
.qcPageTitle p { display: block; font: 300 14px/28px "Hind", Helvetica, Arial, sans-serif; letter-spacing: initial; text-transform: none; }
.qcPageTitle h1 { padding-bottom: 35px; margin-bottom: 40px; color: #000; font: 600 40px/60px "Open sans", Helvetica, Arial, sans-serif; letter-spacing: -3px; border-bottom: 1px #ddd solid; }
.qcPageTitle h1.qcPageTitleSmallMargin { margin-bottom: 15px; }
.qcPageTitle p.minorTitle { font-size: 18px; }
.qcPageDesc, .small-box p.qcPageDesc, .small-box div.qcPageDesc { margin-bottom: 30px; font: 300 16px/22px "Hind", Helvetica, Arial, sans-serif; }
.qcPageDesc .phone, .qcPageDesc .fax { font-family: "Open sans", Helvetica, Arial, sans-serif; }
/* ----------------------------------------------------------------*/
/* 5. Index Page */
/* ----------------------------------------------------------------*/
.owl-item div.mainSliderOverlay { position: absolute; padding: 30px; bottom: 30px; right: -705px; width: 40%; background: rgba(34,34,34,0.9); }
.owl-item.active div.mainSliderOverlay { right: 100px; width: 40%; -webkit-transition: right 1.5s ease; -moz-transition: right 1.5s ease; -o-transition: right 1.5s ease; transition: right 1.5s ease; }
.mainSliderItem { display: block; position: relative; }
.owl-item.active .mainSliderOverlayTitle { font-size: 30px; line-height: 34px; color: #FFFFFF; opacity: 0; padding-bottom: 15px; animation: titleAnimation 250ms ease-out 1.5s forwards; transform-origin: 0% 0%; -webkit-animation: titleAnimation 250ms ease-out 1.5s forwards; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 0% 0%; -moz-animation: titleAnimation 250ms ease-out 1.5s forwards; -moz-animation-iteration-count: 1; -moz-transform-origin: 0% 0%; -o-animation: titleAnimation 1s ease-in 1.5s; -o-animation-iteration-count: 1; -o-transform-origin: 0% 0%; -ms-animation: titleAnimation 800ms ease-in 1.5s both; -ms-animation-iteration-count: 1; -ms-transform-origin: 0% 0%; }
.owl-item.active .mainSliderOverlayContent { color: #FFFFFF; padding-top: 10px; opacity: 0; line-height: 1.2; -webkit-animation: titleAnimation 250ms ease-out 2s forwards; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 0% 0%; -moz-animation: titleAnimation 250ms ease-out 2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 0% 0%; -o-animation: titleAnimation 1s ease-in 2s; -o-animation-iteration-count: 1; -o-transform-origin: 0% 0%; -ms-animation: titleAnimation 800ms ease-in 2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 0% 0%; animation: titleAnimation 250ms ease-out 2s forwards; animation-iteration-count: 1; transform-origin: 0% 0%; }
.mainSliderOverlayContent h3 { font-weight: normal; }
.mainSliderOverlayContent, .mainSliderOverlayContent a, .mainSliderOverlayContent strong { color: #FFFFFF; }
.mainSliderOverlayContent a:hover { color: #0094ff; }
a.mainSliderLearnMore { display: inline-block; background: #B1B679; padding: 8px 20px; margin-top: 15px; border-radius: 5px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: bold; }
a.mainSliderLearnMore:hover { color: #FFFFFF; background: #005394; }
@keyframes titleAnimation {
0% { opacity: 0; transform: scale(1.5, 1.5); }
100% { opacity: 1.0; transform: none; }
}
@-webkit-keyframes titleAnimation {
0% { opacity: 0; transform: scale(1.5, 1.5); }
100% { opacity: 1.0; transform: none; }
}
@-moz-keyframes titleAnimation {
0% { opacity: 0; -moz-transform: scale(1.5, 1.5); }
100% { opacity: 1.0; -moz-transform: none; }
}
@-o-keyframes titleAnimation {
0% { opacity: 0; -o-transform: scale(1.5, 1.5); }
100% { opacity: 1.0; -o-transform: none; }
}
@-ms-keyframes titleAnimation {
0% { opacity: 0; -ms-transform: scale(1.5, 1.5); }
100% { opacity: 1.0; -ms-transform: none; }
}
.owl-item.active .mainSliderOverlaySeparator { height: 1px; border-bottom: 5px solid #B1B679; opacity: 0; -webkit-animation: borderAnimation 250ms fadein 1.75s forwards; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 0% 0%; -moz-animation: borderAnimation 1s ease-in 1.75s; -moz-animation-iteration-count: 1; -moz-transform-origin: 0% 0%; -o-animation: borderAnimation 1s ease-in 1.75s; -o-animation-iteration-count: 1; -o-transform-origin: 0% 0%; -ms-animation: borderAnimation 1s ease-in 1.75s; -ms-animation-iteration-count: 1; -ms-transform-origin: 0% 0%; animation: borderAnimation 250ms ease-out 1.75s forwards; animation-iteration-count: 1; transform-origin: 0% 0%; }
@keyframes borderAnimation {
0% { opacity: 0; }
100% { opacity: 1.0; transform: none; }
}
@-webkit-keyframes borderAnimation {
0% { opacity: 0; }
100% { opacity: 1.0; transform: none; }
}
@-moz-keyframes borderAnimation {
0% { opacity: 0; }
100% { opacity: 1.0; -moz-transform: none; }
}
@-o-keyframes borderAnimation {
0% { opacity: 0; }
100% { opacity: 1.0; -o-transform: none; }
}
@-ms-keyframes borderAnimation {
0% { opacity: 0; }
100% { opacity: 1.0; -ms-transform: none; }
}
.qcPrevNext { font-size: 40px; }
.qcNextWrapper { height: 100%; position: absolute; right: -50px; width: 44px; cursor: pointer; padding: 150px 0; top: -150px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.qcPrevWrapper { height: 44px; position: absolute; left: -50px; width: 44px; cursor: pointer; padding: 150px 0; top: -150px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.qcPrev, .qcNext { position: static; vertical-align: middle; color: #fff; line-height: 40px; border: none; text-align: center; border-radius: 40px; }
.qcSliderWrapper:hover .qcPrevWrapper { left: 30px; }
.qcSliderWrapper:hover .qcNextWrapper { right: 30px; }
.single-carousel img { display: block; }
.pageFooter { display: none; }
#qcFooterNav .pageFooter { display: block; }
.sectionItem { display: block; height: 35px; padding: 20px 10px; float: left; }
.sectionItem img { vertical-align: middle; }
.sectionItem span { font: bold 20px/29px "Open sans", sans-serif; color: #333333; vertical-align: middle; }
.alertsevents .sectionItem { text-align: center; width: 100%; }
.featuredMediaItem { width: 25%; padding: 0 4%; float: left; text-align: center; color: #333333; }
.featuredMediaItem:visited { color: #333333; }
.featuredMediaItem img { width: 80%; padding: 0 10%; display: block; padding-bottom: 30px; }
.featuredMediaItem h2 { font-size: 30px; font-weight: 900; line-height: 35px; }
.blog-plus { background: #005394; }
#qcBlogSort li a { color: #999999; }
#qcBlogSort li a.active { background: #ffffff; color: #333333; }
.qcForm .btn-success { width: 100px; }
.contactRow .error { border: 2px solid #005394; }
.qcForm .message { height: 80px; }
.largeBars { display: block; margin: 0 auto; background: url(/images/site/large_bars.png) center center no-repeat; height: 440px; }
.featuredItem { margin-bottom: 10px; }
.featuredInfo { float: left; width: 70%; margin-left: 5%; font-size: 16px; color: #000000; line-height: 1.5em; }
.featuredEmail, .featuredPhone, .featuredDate { color: #666666; }
.featuredName { font-size: 20px; color: #000000; }
.featuredName:visited { color: #000000; }
.featuredImage { float: left; width: 25%; }
.featuredImage img { width: 100%; }
.searchPageSubmit { margin: 10px; float: right; }
.searchPageInput { width: 93%; height: 7vh; font-size: 4vh; padding: 10px; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.searchOptionWrapper { margin-top: 10px; }
.searchOptionCB input { margin-top: 10px; }
.searchSectionTitle { margin: 1em 0; }
.searchResultList { list-style: disc; padding-left: 17px; }
.hiddenContent { display: none; }
.moreLink { display: none; }
.bioSearchSubmit { display: none; display: block; float: right; }
/* index page */
.index_page #qcFooterNav { position: absolute; left: 0; bottom: 0; width: 100%; }
.index_page .page-1 .box { padding: 30px; }
.page-1 .qcSecTitle { background: #B1B679; border: none; }
.page-1 .qcSecTitle h1 { color: #FFFFFF; }
.page-1 .qcPageTitle > .col:first-child:after { border: none; }
.homepageLogoImage { max-width: 100%; }
.homepageBlurb { color: #333333; line-height: 1.5; font-size: 18px; }
.recentBlogPostsHeader { padding-bottom: 15px; }
.blogPage .featuredBody { margin-bottom: 15px; }
.taketimetogive .qcPageTitle h1 { padding-bottom: 0; }
.taketimetogive h2 { padding: 10px 0; }
#primary-nav .showOnMobile { display: none; }
.areasLink { position: absolute; right: 66px; top: 115px; text-align: right; margin-top: 10px; padding: 10px 0; color: #005394; font-size: 14px; font-weight: 400; text-transform: uppercase; cursor: pointer; }
.parentAreaItem { list-style: none; position: relative; }
.parentAreaLink { margin-left: 30px; display: block; padding: 3px 0; }
.expander { position: absolute; top: 2px; left: 0px; font-size: 30px; font-weight: bold; display: block; float: left; width: 24px; height: 24px; text-align: center; padding: 0px 3px 0px 3px; }
.childAreaItems ul { list-style: disc; margin-left: 30px; }
.childAreaItems ul li a { display: block; }
.office { width: 49%; display: inline-block; margin-bottom: 25px; }
.office .getdirs, .office .getmap { cursor: pointer; color: #005394; }
.office .getdirs:hover, .office .getmap:hover { color: #0094ff; }
.office img { width: 300px; height: 200px; }
/* ----------------------------------------------------------------*/
/* 6. SERVICES */
/* ----------------------------------------------------------------*/
#tiles li { cursor: initial; }
#tiles li .overlay { display: block; width: 100%; height: auto; }
.overlay p.title { padding: 0; margin: 16px 16px 16px 28px; }
.overlay p.client { margin-bottom: 5px; padding-right: 15px; color: #FFFFFF; }
/* ----------------------------------------------------------------*/
/* 9. FOOTER */
/* ----------------------------------------------------------------*/
#copyrights { display: inline-block; margin: 0 20px 0 0; vertical-align: top; }
#copyrights br { display: none; }
.footer-social { text-align: right; }
.footer-social-icons { display: inline-block; }
.footer-social a { display: inline-block; color: #AAAAAA; font-size: 24px; margin-left: 4px; }
.footer-social a:hover i { color: #fff; }
/* ----------------------------------------------------------------*/
/* PAGE SPECIFIC */
/* ----------------------------------------------------------------*/
.showbio_page .bioSections { padding-top: 20px; }
.showbio_page .bioSections h4 { border-top: 2px #CCCCCC solid; padding: 20px 0 20px 10px; margin: 0 16px; cursor: pointer; }
.showbio_page .gotoBioImage { cursor: pointer; width: 140px; margin: 0 auto; color: #000000; padding-bottom: 10px; }
.showbio_page .bioSections h4:first-child { border: none; }
.showbio_page .bioSections h4.active { color: #005394; }
.showbio_page h1 { font: 900 36px/48px "Open sans", Helvetica, Arial, sans-serif; margin: 15px 0; color: #000000; }
.showbio_page .biography { position: relative; }
.showbio_page .bioInfoRight { box-sizing: border-box; padding: 50px 50px 50px 25px; }
.showbio_page .bioInfoLeft { box-sizing: border-box; padding: 25px 25px 25px 50px; }
.showbio_page .thumbnailBioImage { display: block; width: 100%; }
.showbio_page .bioPrimaryImage { display: none; }
.showbio_page .biography .bioInfoTable { width: 100%; border-spacing: 0; padding: 10px 0 30px 0; }
.showbio_page .bioInfoTable td { border-bottom: 1px solid #CCCCCC; padding: 10px 0; }
.showbio_page .bioInfoTable td:first-child { width: 125px; }
.showbio_page .bioBlurb { padding: 25px 0; }
.showbio_page .box { padding-bottom: 0; }
.showbio_page .eduGroup { padding-bottom: 15px; }
.showbio_page .eduTitle { font: 900 17px/28px "Open sans", Helvetica, Arial, sans-serif; color: #005394; margin: 0; }
.showbio_page .eduIcon { width: 69px; float: left; padding: 25px 15px 15px 15px; }
.showbio_page .eduDetails { width: 70%; float: left; padding: 15px; }
.showbio_page .eduNote { width: 100%; padding: 15px 0; float: left; }
.showbio_page .eduSeparator { border-bottom: 1px solid #CCCCCC; }
.showbio_page .qcPageDesc .bioContent { padding-top: 20px; }
.showbio_page .qcPageDesc { font-size: 14px; }
.showbio_page .qcPageDesc h2 { font-size: 20px; }
.bioPdfIcon, .bioVcardIcon { border: solid 1px #005394; display: inline-block; background-color: #005394; color: white !important; padding: 8px 10px; margin: 8px 0 15px 0; width: 49.333%; box-sizing: border-box; }
.bioPdfIcon:hover, .bioVcardIcon:hover { border: solid 1px #005394; background-color: white !important; color: #005394 !important; }
.bioVcardIcon { float: left; }
.bioPdfIcon { float: right; }
.bioVcardIcon .fa, .bioPdfIcon .fa { padding-right: 4px; }
.showbio_page span.topic { font-style: italic; }
/*-----blogs----*/
.blog-banner { display: block; width: 100%; height: 159px; padding: 0; margin: 0 0 35px 0; overflow: hidden; text-indent: -9999px; font-size: 0; line-height: 0; background-image: url(/images/site/blogheader-btl.jpg); background-position: 0 0; background-size: contain; background-repeat: no-repeat; }
.blog-subnav { margin: 0 0 35px 0; }
.blog-subnav h2 { margin-top: 25px; line-height: 30px; }
.blog-subnav a.active { font-weight: bold; }
.blog-post { padding: 0 0 25px 0; margin: 0 0 25px 0; border-bottom: 1px solid #ddd; }
.blog-post-title { font-size: 22px; line-height: 30px; font-weight: bold; }
.blog-post-details { margin: 0 0 15px 0; color: #888; }
.blog-side-title { margin: 15px 0 0 0; text-transform: uppercase; }
.blog-paging { text-align: center; }
.blog-paging a { margin: 0; }
.blog-paging-text { margin: 0 10px; }
.blog-paging a.js-paging-disabled { background-color: #AAAAAA !important; border-color: #999 !important; color: #eee !important; }
.blog-disclaimer { color: #888; padding-top: 25px; }
.showblog_page .keyword { height: 22px; padding: 4px 10px; border: 1px solid #ccc; line-height: 1.42857143; }
.blog-archive-years { display: none; }
.archive-toggle { cursor: pointer; }
.archive-year { cursor: pointer; }
.archive-container a { padding-left: 15px; }
/* bio directory */
.biodir-col { width: 33.3%; float: left; }
.biodir-titlesep { display: block; padding: 0 0 25px 0; margin: 0; clear: both; font-size: 28px; line-height: 36px; }
.biodir-item { min-height: 270px; padding: 0 10px 0 205px; margin: 0 0 25px 0; position: relative; }
.biodir-item-imagebox { width: 180px; height: 270px; position: absolute; top: 0; left: 0; overflow: hidden; }
.biodir-item-imagebox a { display: block; width: 100%; outline: 0; }
.biodir-item-imagebox img { display: block; border: 0; width: 100%; }
.biodir-item-textbox { font-size: 16px; line-height: 24px; color: #666; }
.biodir-item-name { font-size: 20px; line-height: 28px; font-weight: normal; }
.biodir-item-group { color: #000; }
.biodir-item-email a { color: #666; }
.biodir-item-phone a { color: #666; }
/*-----Services-----*/
.serviceRightColumn { padding: 0 5%; }
.serviceRightColumn .qcPageDesc { font-size: 14px; }
.serviceRightColumn h2 { margin-top: 14px; }
.serviceImage { display: block; margin: 0 0 25px 0; width: 100%; }
.relAttorneys { padding-bottom: 10px; }
.showarea_page .tabs, .showindustry_page .tabs, .immigration_page .tabs, .showimmigration_page .tabs { top: 0; }
.showarea_page .tab-content .qcPageDesc, .showindustry_page .tab-content .qcPageDesc,
.immigration_page .tab-content .qcPageDesc, .showimmigration_page .tab-content .qcPageDesc { padding: 30px 0 0 0; margin: 0; }
.showarea_page .mobileSectionTitle { display: none; }
.showarea_page .qcPageTitle h1 { margin-bottom: 25px; }
.showarea_page .qcTabWrapper { padding: 0 0px; }
.immigrationNav { padding: 0 0 50px 0; }
.immigrationNav .active { color: #005394; }
.immigrationNav h1 { font-size: 2em; line-height: 2em; }
.immigrationNav h3 { padding-left: 15px; }
.immigrationNav ul { margin-left: 30px; list-style: disc; }
.immigrationNav ul > li { padding: 10px 0 0 0; }
.immigrationNav ul > li a { font-size: 1.2em; font-weight: bold; padding: 0; }
.primaryContact { float: left; padding: 15px 30px 0 0; }
/*-----Professional (bio) Search------*/
.biosSort { padding-bottom: 40px; }
.biosSort input, .biosSort select { width: 96%; height: 7vh; font-size: 4vh; padding: 10px; box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.biosSort select { margin: 20px 0; }
.biosSort .keyword { margin-bottom: 15px; }
.alphaSelect { padding: 20px 0; }
.alphaSelect a { font-size: 24px; float: left; margin-bottom: 10px; font-weight: bold; padding-right: 10px; color: #333333; }
.alphaSelect a.active { color: #005394; }
.alphaSelect a.disabled { color: #dddddd; }
.featuredAttorneyWrapper { position: relative; }
.featuredAttorneyWrapper img { width: 70%; display: block; min-height: 300px; }
.featuredAttorney { background: rgba(0,0,0,.8); padding: 20px; width: 55%; position: absolute; bottom: 0; }
.featuredAttorney > h2 { display: block; color: #FFFFFF; font-size: 29px; line-height: 34px; }
.featuredAttorney > span { display: block; color: #005394; font-size: 16px; }
.resultWindow { height: 500px; width: 100%; overflow-y: scroll; }
.bioItem { margin-bottom: 10px; }
.bioInfo { float: left; width: 60%; margin-left: 5%; font-size: 20px; color: #000000; line-height: 1.5em; }
.bioEmail { color: #666666; }
.bioPhone { color: #666666; }
.bioName { font-size: 24px; color: #000000; }
.bioName:visited { color: #000000; }
.bioInfoLeft > .bioTitle { margin: 20px 0; font-size: 28px; }
.bioImage { float: left; width: 25%; }
.bioImage img { width: 100%; }
.typeahead-container.areas { position: absolute; top: 35px; right: 20px; width: 350px; float: left; padding: 2px 16px; margin: 30px; color: #444444; font-size: 14px; font-weight: 400; border-radius: 3px; text-transform: uppercase; cursor: pointer; }
.typeahead-container.ta-bios { position: absolute; top: 35px; right: 20px; width: 350px; float: left; padding: 2px 16px; margin: 20px; color: #444444; font-size: 14px; font-weight: 400; border-radius: 3px; text-transform: uppercase; cursor: pointer; }
/*-----Media LP/ShowPages-----*/
/*--- Shared Title styles for Alert/Article/News/SpeakingEngagement Show Pages ---*/
.qcPageTitle.mediaTitle { border-bottom: 1px #ddd solid; margin-bottom: 28px; }
.qcPageTitle.mediaTitle h1 { margin-bottom: 0; padding-bottom: 0; border: none; }
.qcSubTitle { margin-bottom: 6px; }
.media-plus { float: left; width: 20px; height: 100px; color: #fff; font: 300 16px/100px "Arial", Helvetica, sans-serif; background: #005394; text-align: center; }
#mediaSort { padding: 35px 0; }
#mediaSort li { float: left; }
#mediaSort li a { display: block; padding: 0 15px; color: #999999; font-size: 12px; font-weight: 600; line-height: 28px; border-radius: 3px; text-transform: uppercase; }
#mediaSort li a.active { color: #333333; background: #ffffff; }
#media-list { position: relative; height: 505px; overflow-y: scroll; border-radius: 5px 0 0 0; background: #f5f5f5; margin-bottom: 40px; }
#media-list > li { clear: both; border-bottom: 1px #555 solid; }
#media-list > li:last-child { border: 0; }
#media-list .blog-base { background-color: transparent; }
#media-list .blog-details h3 { color: #555; }
#media-list .blog-date { color: #555; }
#media-list .blog-date i { color: #555; }
.mediaPage { min-height: 675px; }
.currentItem .blog-base { background: #515151 center right no-repeat; }
.mediaRightColumn { padding: 0 10%; }
.mediaRightColumn .qcPageDesc { font-size: 14px; }
.mediaRightColumn h2 { margin-top: 14px; }
/*----- Blog Pages -----*/
#blog-list .blog-details { width: 85%; }
#media-list .blog-details { width: 70%; }
p.blogPostAuthors { margin-bottom: 0; }
a.blogDownloadLink { color: #005394; }
a.blogDownloadLink:hover { color: #0094ff; }
#blog-list { position: relative; height: 505px; overflow-y: scroll; border-radius: 5px 0 0 0; background: #333; margin-bottom: 40px; }
.showpost_page #blog-list { height: 575px; }
#blog-list > li:last-child { border: 0; }
.blog-date i { color: #FFFFFF; font-size: 14px; }
.blog-date { position: absolute; bottom: 10px; right: 30px; color: #CCCCCC; letter-spacing: 1px; text-transform: uppercase; font: 300 10px/11px "Open sans", Helvetica, Arial, sans-serif; }
.ViewAllBlogs { margin-bottom: 40px; }
/*Blog List All Page*/
.blogList { padding: 20px; }
.blogListItem { display: block; min-height: 50px; padding: 10px; float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.blogListAlt { background: #EEE; }
.blogListTitle { width: 75%; float: left; }
.blogListDate { width: 20%; float: right; }
.blogListYear { margin: 30px 0; padding-left: 15px; font: 600 40px/60px "Open sans", Helvetica, Arial, sans-serif; }
/*----- Office Pages -----*/
.showoffice_page .tabs { top: 0; }
.showoffice_page .tab-content .qcPageDesc { padding: 30px 0 0 0; margin: 0; }
.officeAddress { float: left; width: 200px; padding-bottom: 32px; }
.showabout_page .officeAddress { padding-top: 30px; }
.sidebarSection { padding-left: 80px; }
.sidebarSection a { font-size: 16px; }
.sidebarSectionItem { padding-bottom: 0; font-size: 20px; display: block; float: none; padding: 0; height: auto; line-height: 1.5; }
.sidebarSectionItem.active { font-weight: bold; }
.aboutUsWidgets { float: left; padding-right: 45px; padding-bottom: 25px; }
.aboutUsWidgets img { width: auto; display: block; max-width: 100%; padding-bottom: 30px; }
.aboutNav { margin-bottom: 30px; }
/*----- Upload Resume -----*/
.uploadContainer .divider { border-bottom: 1px solid #005394; height: 1px; padding-top: 5px; margin-bottom: 5px; width: 100%; }
.uploadDiv { display: block; position: relative; margin: 10px 15px 20px 0; }
.uploadContainer a { padding: 10px; position: relative; display: block; text-align: center; background: #005394; color: #FFFFFF; }
a.uploadButton { float: left; width: 108px; margin-right: 5px; }
.uploadedFiles { float: left; margin-left: 30px; }
.resumeSubmitDiv { padding: 40px; margin-top: 24px; }
#submitResume { margin: 0 auto; width: 220px; height: 50px; font: 300 16px/28px "Hind", Helvetica, Arial, sans-serif; font-size: 26px; line-height: 50px; border: none; cursor: pointer; }
#submitResume.filePresent:hover { background: #259325; }
.uploadedFilesError { float: left; margin-left: 28px; color: #DA2638; }
.hidden { display: none; }
.uploadresume_page .qcForm { padding: 0; }
.contactForm { padding: 20px 0; }
.MainContent_tbName { border: 1px solid #999999; }
/* ----- Other Pages ------ */
.otherPageContent { min-height: 430px; }
/* ----- RSVP Page ------ */
.rsvp_page input { width: 400px; padding: 5px; margin-bottom: 10px; box-sizing: border-box; }
.rsvp_page textarea { width: 400px; padding: 3px; box-sizing: border-box; }
.rsvp_page .RSVPcheckbox input { width: auto; margin-bottom: 0; padding: 0; }
.rsvp_page .submitbutton { width: auto; }
.rsvp_page .error { border-color: #FF0000; }
.rsvp_page .errorMessage { color: #FF0000; }
.rsvp_page .sendEmail { border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; padding: 10px 0; margin-bottom: 15px; }
.eventInfo { border-bottom: 1px #ddd solid; }
/* ------ Subscriptions Page ------ */
.subscriptions_page input { width: 400px; max-width: 100%; padding: 5px; margin-bottom: 10px; box-sizing: border-box; }
.subscriptions_page textarea { width: 400px; padding: 3px; box-sizing: border-box; }
.subscriptions_page .checkbox input { width: auto; margin-bottom: 0; padding: 0; }
.subscriptions_page .submitbutton { width: auto; }
.subscriptions_page .error { border-color: #FF0000; }
.subscriptions_page .errorMessage { color: #FF0000; }
.subscriptions_page .margintop12 { margin-top: 12px; }
.subscriptions_page .qcPageDesc { min-height: 250px; }
.subscriptions_page .checkboxList tr:last-child td { padding-top: 10px; }
/* News Listing Page */
.aboutpageImage { display: block; width: 250px; float: left; margin-right: 15px; }
.aboutpageImage img { max-width: 100%; display: block; width: auto; margin-bottom: 10px; }
.aboutpageCaption { font-weight: bold; margin-bottom: 10px; }
.col-forceRight { float: right; }
.newsItem { border-bottom: 1px #DDDDDD solid; margin-bottom: 25px; padding-bottom: 25px; }
.newsItem img { width: 100px; padding-left: 25px; }
.newsItem a { color: #444444; }
.newsItemTitle { font-weight: normal; }
.newsItemContentCol { padding-left: 25px; }
.newsItemDate { color: #666666; }
.news-box { padding: 0 50px; }
/* ----------------------------------------------------------------*/
/* 14. MISCELLANEOUS */
/* ----------------------------------------------------------------*/
.shortRule { text-align: left; width: 140px; height: 4px; background-color: #005394; margin: 6px 0 14px 0; }
.qcBigTitle { margin-bottom: 30px; color: #000; font: 600 55px/42px "Open sans", Helvetica, Arial, sans-serif; letter-spacing: -4px; }
strong { color: #000; font-style: normal; }
img.fullWidth { display: block; width: 100%; }
.pull-left { float: left; }
.pull-right { float: right; }
.no-border, .qcPageTitle h1.no-border { border: 0; }
.yellow-tint { padding: 25px 50px; color: #c2a756; font-size: 12px; background: #fdf7e5; }
.grey-tint { padding: 25px 50px; background: #f8f8f8; }
.companyLogo img { width: 100%; }
#disqus_thread { margin-top: 40px; }
.dsq-brlink { display: none; }
.qcSocialShare { padding: 25px 0 15px 25px; margin: 35px 0; background: #fafafa; border: 2px #ddd solid; }
.qcSocialShare li { float: left; list-style: none; margin-right: 20px; }
h2.qcCommentTitle { display: inline-block; padding: 10px 15px; margin-top: 20px; color: #fff; font: 600 16px/16px "Open sans", Helvetica, Arial, sans-serif; background: #AAAAAA; border-radius: 20px; text-transform: uppercase; }
.formrow { background: #fafafa; }
.formrow > div:first-child { background: #fff; box-shadow: 0 -1px 1px #ccc; }
.padder { padding: 20px 40px 40px 20px; }
.spacer { position: relative; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; }
.img-full { width: 100%; }
span.error { display: block; margin: 5px 0 0 5px; color: red; font-size: 12px; }
p.info { padding: 0 0 40px 40px; color: green; font-size: 12px; }
/* general styling for nested bullets */
.qcPageDesc ul { list-style: disc; }
.qcPageDesc ul ul { list-style: circle; }
/* Styles specific to About page Firm Leadership CKEditor content */
.mgmt-hierarchy { text-align: center; }
.mgmt-hierarchy .row { padding-bottom: 16px; }
.mgmt-hierarchy .col-6 { width: 100%; padding: 0 16px; box-sizing: border-box; }
.mgmt-hierarchy h4 { margin-bottom: 20px; border-bottom: 1px solid #B1B679; color: #005394; font-size: 20px; line-height: 32px; font-weight: 300; font-family: "Open sans", Helvetica, Arial, sans-serif; }
.mgmt-bio { padding-bottom: 12px; text-align: center; }
.mgmt-col-1, .mgmt-col-2, .mgmt-col-4, .mgmt-col-6, .group-col { width: 100%; box-sizing: border-box; }
.group-col { padding-bottom: 16px; }
.mgmt-bio > img { width: 90%; height: auto; max-width: 200px; }
.mgmt-bio-name, .mgmt-bio-position { width: 80%; margin: 0 auto; line-height: 22px; font-size: 14px; font-family: "Open sans", Helvetica, Arial, sans-serif; color: #444444; }
.mgmt-bio-name { font-weight: bold; }
.mgmt-bio-position { font-weight: normal; }
@media screen and (min-width: 768px) {
.mgmt-hierarchy .row { padding: 0 30px 8px; }
.group-col .row { padding-left: 0; padding-right: 0; }
.mgmt-bio { padding-bottom: 16px; }
.mgmt-col-2, .mgmt-col-4, .mgmt-col-6 { float: left; position: relative; }
.mgmt-col-1, .mgmt-col-2 { width: 50%; margin: 0 auto; }
.mgmt-col-4, .mgmt-col-6 { width: 50%; }
.showarea_page .qcTabWrapper { padding: 0 20px; }
}
@media screen and (min-width: 1024px) {
.mgmt-hierarchy .row { padding: 0 0 24px; }
.mgmt-hierarchy .group-row { display: table; }
.mgmt-hierarchy .col-6 { width: 50%; }
.mgmt-bio > img { max-width: 120px; }
.mgmt-col-2 { width: 16.666666666666664%; }
.mgmt-col-4 { width: 33.33333333333333%; }
.mgmt-col-6 { width: 50%; }
.group-col { width: 33.33333333333333%; display: table-cell; padding: 0 4px 16px; vertical-align: bottom; }
.group-col h4 { margin-left: 6px; margin-right: 6px; }
.group-col .mgmt-col-2 { width: 50%; }
}
/* ----------------------------------------------------------------*/
/* MEDIA QUERIES */
/* ----------------------------------------------------------------*/
@media only screen and (min-width: 1666px) {
.featuredAttorney { padding: 26px; }
.featuredAttorney > h2 { font-size: 36px; line-height: 44px; }
}
@media only screen and (max-width: 1439px) {
.showbio_page .eduDetails { width: 60%; }
.showarea_page ul.tabs li a { width: 133px; }
.featuredAttorney { padding: 10px; width: 48%; }
.featuredAttorney > h2 { font-size: 24px; line-height: 30px; }
.biodir-col { width: 50%; }
#media-list .blog-details { width: 60%; }
#copyrights br { display: inline; }
}
@media only screen and (max-width: 1305px) {
#primary-nav > li > a { margin: 0 7px; padding: 0; }
.container { margin: 0 25px; }
.featuredAttorney { padding: 10px; width: 48%; }
.featuredAttorney > h2 { font-size: 24px; line-height: 30px; }
#media-list .blog-details h3 { margin-top: 16px; }
}
@media only screen and (max-width: 1189px) {
#primary-nav > li > a { margin: 0; padding: 0; }
.skillPage > .col-6 { display: block; float: none; width: 100%; }
ul.tabs li a { width: 120px; font-size: 12px; }
.showarea_page ul.tabs li a { width: 107px; font-size: 11px; }
.col-4 .qcBigTitle { font-size: 40px; }
.formrow > .col-6 { display: block; float: none; width: 100%; border-bottom: 1px #ddd solid; }
#qcMenuTrig { float: none; }
.mobile-nav { display: block; font-size: 14px; float: right; width: 60px; }
.mobile-nav i { position: relative; top: 32px; left: 0px; color: #000000; font-size: 20px; }
#primary-nav { display: none; position: absolute; top: 85px; right: 0; height: 50vh; width: 290px; background: #f8f8f8; overflow-y: scroll; margin-left: 0; }
#primary-nav > li { float: none; display: block; position: relative; }
#primary-nav > li > a { display: block; width: 100%; padding-left: 0; height: 60px; border-bottom: 1px #666 solid; }
#primary-nav > li > a i { float: left; position: relative; top: 15px; font-size: 20px; }
#primary-nav > li > a > p { float: left; top: 20px; left: 16px; font-size: 12px; text-align: left; }
#primary-nav span.menuSmallBars { display: none; }
#primary-nav .primary-subnav { display: none; }
.owl-item.active .mainSliderOverlayTitle { font-size: 27px; }
#qcPrevNext { display: none; }
.bioName { font-size: 20px; }
.bioInfo { font-size: 16px; }
.showbio_page .biography .bioInfoTable { width: 100%; }
}
@media only screen and (max-width: 1080px) {
.sidebarSection { padding-left: 0px; }
}
@media only screen and (max-width: 1000px) {
.col { width: 100%; }
.owl-item.active div.mainSliderOverlay { display: block; position: static; width: 100%; box-sizing: border-box; background: #005394; }
.qcSliderWrapper .qcPrevNext { opacity: 1; top: 120px; }
.qcSliderWrapper .qcPrevWrapper { left: 30px; }
.qcSliderWrapper .qcNextWrapper { right: 30px; }
.owl-carousel .owl-wrapper-outer { overflow: visible; }
/* Professional Search */
.largeBars { background: url(/images/site/large_horizontal_bars.png) center center no-repeat; height: 50px; width: 100%; margin-bottom: 20px; }
.biosSort { padding-bottom: 0px; }
#copyrights br { display: none; }
.index_page .qcPageTitle > .col:first-child:after { border: none; }
.homepageLogoImage { display: none; }
.resultWindow { height: auto; overflow-y: auto; }
#media-list { height: auto; overflow-y: auto; }
#media-list .blog-details h3 { margin-top: 23px; }
.bioPdfIcon, .bioVcardIcon { font-size: 8pt; }
#blog-list { height: auto; overflow-y: auto; }
.serviceRightColumn { padding: 0; }
.mediaRightColumn { padding: 0; }
.showbio_page .biography .bioInfoTable { width: 100%; }
.showarea_page ul.tabs li a { width: 120px; font-size: 12px; }
.blogListItem { width: 100%; }
.biodir-col { float: none; width: auto; }
.office img { width: 250px; height: 150px; }
.about-sections { padding-left: 0px; }
.news_page .sidebarSection, .newsevents .sidebarSection { border-bottom: 1px #DDDDDD solid; padding-bottom: 25px; }
.newsevents .sidebarSection { padding-left: 25px; }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
.qcPortSort { top: 100px; left: inherit; }
.page-9 .fullWidth { display: none; }
}
/*mobile*/
@media only screen and (max-width: 767px) {
/* Navigation */
.container, #mobMenu { width: 100%; margin: 0 auto; }
.primary-subnav { display: none !important; }
.qcPage { padding-top: 83px; }
#primary-nav { top: 84px; width: 100%; }
#primary-nav > li > a { width: 100%; }
ul.tabs li a { display: block; width: auto; padding: 15px 12px; font-size: 12px; }
.qcSliderWrapper .qcPrevNext { opacity: 1; top: 75px; }
#qcPrevNext { display: none; }
.qcSecTitle { display: none; }
.qcContentPadding { padding-left: 0; }
.showbio_page .qcContentPadding { padding-left: 0; }
.showbio_page .bioInfoLeft { width: 100%; display: block; padding: 25px; }
.showbio_page .bioInfoRight { width: 100%; display: block; padding: 0 25px 25px 25px; }
.qcPageTitle h1 { font: 600 30px/45px "Open sans", Helvetica, Arial, sans-serif; }
.sectionItem { padding: 10px; width: auto; float: none; }
/* Index page */
.qcPageTitle > .col:last-child > div { padding-left: 0; }
.index_page .box { padding: 20px; }
.index_page .featuredMediaItem h2 { font-size: 24px; }
.index_page .qcPageTitle > .col:first-child:after { border: none; }
.pageFooter { display: block; position: relative; background: #2A2A2A; padding: 20px; color: #AAAAAA; }
.pageFooter a { color: #AAAAAA; }
.pageFooter a:hover { color: #FFFFFF; }
.pageFooter #copyrights { margin: 20px 0 0 0; font-size: 9px; text-align: left; width: 100%; }
.pageFooter .footer-social { position: static; }
.pageFooter .footer-social-icons { position: absolute; top: 20px; right: 20px; }
#qcFooterNav .pageFooter { position: relative; display: block; padding: 20px; box-sizing: border-box; }
#qcFooterNav li { float: none; }
.index_page #qcFooterNav { display: none; }
#qcPortfolioGrid { top: 0px; }
.office img { max-width: 100%; width: 100%; height: auto; }
.office { display: block; width: 300px; margin-bottom: 20px; padding: 15px 0; }
.page-9 .fullWidth { display: none; }
.aboutpageImage { width: 100%; margin-right: 0; }
/* Media page */
.media_page .box { padding: 20px; }
.media_page .featuredMediaItem h2 { font-size: 24px; }
#mediaSort { margin: 0 15px; }
#mediaSort li a { padding: 0 8px; }
/* Media/blog list */
#blog-list .format-col { height: 70px; }
#blog-list .blog-base { height: 70px; }
#blog-list .blog-plus { height: 70px; }
#blog-list .blog-details h3 { margin-top: 8px; }
#blog-list .blog-details .blog-meta li { margin-top: 5px; }
#media-list .format-col { height: 70px; }
#media-list .blog-base { height: 70px; }
#media-list .blog-details { height: 70px; width: 289px; }
#media-list .blog-plus { height: 70px; }
#media-list .blog-details h3 { margin-top: 8px; }
#media-list .blog-details .blog-meta li { margin-top: 5px; }
.mediaImage-Alerts { width: 70px; height: 70px; background-size: contain; }
.mediaImage-articles { width: 70px; height: 70px; background-size: contain; }
.mediaImage-events { width: 70px; height: 70px; background-size: contain; }
.mediaImage-alerts { width: 70px; height: 70px; background-size: contain; }
.mediaImage-Alerts { width: 70px; height: 70px; background-size: contain; }
/* Show Bio */
.showbio_page h2 { font: 900 30px/38px "Open sans", Helvetica, Arial, sans-serif; }
.showbio_page .thumbnailBioImage { display: none; }
.showbio_page .bioPrimaryImage { display: block; width: 100%; }
.featuredName { font-size: 20px; }
.featuredInfo { font-size: 16px; }
.showbio_page .bioContinueBtn { display: none; }
.typeahead-container.areas { position: relative; top: -30px; right: 0; margin: 0 auto; float: none; }
.typeahead-container.ta-bios { width: 250px; position: relative; top: -30px; right: 0; margin: 0 auto; float: none; }
#primary-nav .showOnMobile { display: block; }
/* Show area */
.showarea_page .serviceImage { display: none; }
/* Upload Resume */
a.uploadButton { float: none; width: 90px; }
.uploadedFiles { float: none; margin: 6px 0; }
.resumeSubmitDiv { padding: 0; margin-top: 20px; }
#submitResume { margin: 0 auto; width: 160px; height: 30px; font-size: 20px; line-height: 28px; }
/*Blogs List Page*/
.blogList { padding: 0; }
.blogListTitle { width: 100%; float: none; }
.blogListDate { width: 100%; float: none; }
.blogListItem { padding: 10px; }
.environmentalbloglist_page .box { padding: 20px; }
/* blog core */
.blog-banner { height: 90px; }
/* bio directory */
.biodir-item { min-height: 96px; padding: 0 0 0 84px; }
.biodir-item-imagebox { height: 96px; width: 64px; }
.biodir-item-textbox { font-size: 14px; line-height: 20px; }
.biodir-item-name { font-size: 18px; line-height: 24px; }
}
/* === 16.4 MOBILE WIDE / LANDSCAPE === */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container, #mobMenu { width: 400px; margin: 0 auto; }
#primary-nav > li > a { width: 100%; }
ul.tabs li a { display: block; width: auto; padding: 15px 12px; font-size: 12px; }
#qcPriHeader { top: 0; }
}
@media only screen and (max-width:479px) {
.blog-paging a { padding: 4px 6px; }
.blog-paging-text { font-size: 14px; margin: 0 5px; }
#logo { width: 215px; margin: 15px 8px 0px 8px; }
#logo a img { height: auto; }
.qcPage { padding-top: 83px; padding-bottom: 0; margin-bottom: 0; }
.qcPage .container { border-radius: 0; }
}
.wb-editor-form { }
.wb-editor-form-title, .wb-editor-form-content { }
.wb-editor-form .wb-editor-form-title { color: #000; font: 600 20px/30px "Open sans", Helvetica, Arial, sans-serif; text-transform: uppercase; }
.wb-editor-form .wb-editor-form-content { padding-bottom: 20px; }
.wb-editor-form-element[type='text'], .wb-editor-form-element[type='email'], textarea.wb-editor-form-element { width: 95%; padding: 14px 12px; color: #666; font-family: "Arial", Arial, sans-serif; font-size: 12px; border: 0; border-bottom: 1px #ddd solid; border-radius: 1px; }
textarea.wb-editor-form-element { height: 80px; }
.wb-editor-form-element[type='submit'] { width: 100px; position: relative; color: #FFFFFF; padding: 10px; margin-top: 10px; font-size: 10px; border: 2px #398439 solid; background: #5CB85C; text-transform: uppercase; cursor: pointer; }
.wb-editor-form-element[type='submit']:hover { color: #FFFFFF; border-color: #398439; }
select.wb-editor-form-element { width: 398px; padding: 9px; }
.wb-editor-form-invalid { }
a.learnMore { color: #B1B679; text-decoration: underline; font-family: "Open sans", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }