/* Theme Name: Workality Premium Theme URI: http://northeme.com Description: Slick&Responsive Wordpress Theme for Creatives Author: Northeme.com Author URI: http://northeme.com License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 3.1.2 Tags : Responsive, Slick, Creatives All files are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) TABLE OF CONTENTS ================================================== 1 - BASE STYLES #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc 2 - BASE RESPONSIVE #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing 3 - TWITTER GLYPHICONS & SOCIAL ICONS 4 - TABS 5 - FLEXSLIDER 6 - WIDGETS 7 - REALPERSON (CAPTCHA STYLES) 8 - SITE LAYOUT #Site Styles #Media Queries 9 - FONT AWESOME 10 - SOCIALICO */ /*===================================================================================================== 1 - BASE STYLES ======================================================================================================= */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.7em; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } ::selection { background: #f9f9f9; /* Safari */ } ::-moz-selection { background: #f9f9f9; /* Safari */ } /* #Basic Styles ================================================== */ body { background: #f0f0f0; color: #000; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #444; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:inherit } h1 { font-size: 46px; line-height: 1.25em; margin-bottom: 4px; letter-spacing:-0.04em; } h1.biggest { font-size: 48px; line-height:1.25em; margin:4px 0 4px 0; font-weight:lighter; letter-spacing:-0.02em; } h2 { font-size: 30px; line-height: 1.25em; margin:4px 0 4px 0; } h3 { font-size: 24px; line-height: 1.25em; } h4 { font-size: 21px; line-height: 1.25em; } h5 { font-size: 18px; line-height: 1.25em; } h6 { font-size: 12px; line-height: 1.25em; margin:5px 0 0 0; } .subheader { color: #777; } p { margin: 5px 0 5px 0; line-height:1.25em; } p.featured { } p img { margin: 0; } p.lead { font-size: 21px; line-height: 1.25em; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 14px; font-style:italic; line-height: 1.25em; } blockquote { margin: 0 0 20px; padding: 9px 20px 1px 25px; margin-left:25px; border-left: 2px solid #bbb; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #bbb; border-width: 1px 0 0; clear: both; margin: 40px 0 40px 0; height: 0; } hr.headertop { margin:30px 0 30px 0; } hr.quickslidebottom { margin:20px 0 20px 0; } hr.headerbottom { margin:25px 0 0px 0; } hr.footer { margin:20px 0 20px 0; } hr.square { background:url(images/squares.png); clear: both; margin: 20px 0 0px 0; height: 5px; } /* #Links ================================================== */ a:link { font-weight:bold; color:#444; text-decoration: none; outline: 0; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } a:hover, a:focus {font-weight:bold; color:#c0c0c0!important } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 5px; margin-top:5px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul, ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img { max-width: 100%; height: auto !important; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 12px; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 15px; text-transform:uppercase; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 14px; margin-bottom: 0; font-size: 14px; line-height: 20px; *line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbbbbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); margin-bottom:20px; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 16px; line-height: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-large [class^="icon-"] { margin-top: 2px; } .btn-small { padding: 3px 9px; font-size: 12px; line-height: 18px; } .btn-small [class^="icon-"] { margin-top: 0; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 17px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-blue.active, .btn-orange.active, .btn-red.active, .btn-green.active, .btn-blue2.active, .btn-black.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-blue { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-blue:active, .btn-blue.active { background-color: #003399 \9; } .btn-orange { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-orange:hover, .btn-orange:active, .btn-orange.active, .btn-orange.disabled, .btn-orange[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-orange:active, .btn-orange.active { background-color: #c67605 \9; } .btn-red { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-red:hover, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-red:active, .btn-red.active { background-color: #942a25 \9; } .btn-green { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-green:active, .btn-green.active { background-color: #408140 \9; } .btn-blue2 { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-blue2:hover, .btn-blue2:active, .btn-blue2.active, .btn-blue2.disabled, .btn-blue2[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-blue2:active, .btn-blue2.active { background-color: #24748c \9; } .btn-black { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-black:hover, .btn-black:active, .btn-black.active, .btn-black.disabled, .btn-black[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-black:active, .btn-black.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #0088cc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover { color: #333333; text-decoration: none; } /* #Alerts ================================================== */ div.alert { display:block; padding:20px; background-color:#f0f0f0; color:#666; border-bottom:3px solid #666; font-size:12px; margin-bottom:20px; } div.alert a.closealert { float:right; } div.alert-green { background-color:#DFF0D8; color:#468847; border-bottom:3px solid #468847; } div.alert-orange { background-color:#FCF8E3; color:#C09853; border-bottom:3px solid #C09853; } div.alert-red { background-color:#F2DEDE; color:#B94A48; border-bottom:3px solid #B94A48; } div.alert-blue { background-color:#d9edf7; color:#3a87ad; border-bottom:3px solid #3a87ad; } div.alert-green strong { color:inherit } div.alert-orange strong { color:inherit } div.alert-red strong { color:inherit } div.alert-blue strong { color:inherit } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 14px 12px; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; margin-bottom: 20px; background: #fff; -webkit-transition: background-color .2s ease, border-color .2s ease; -moz-transition: background-color 2s ease, border-color .2s ease; -o-transition: background-color 2s ease, border-color .2s ease; -ms-transition: background-color 2s ease, border-color .2s ease; transition: background-color .2s ease, border-color .2s ease; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; background-color:#fff; color: #444; -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-size: 13px; margin-bottom:3px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } input.tiny { width: 50px; } input.small { width: 100px; } input.medium { width: 150px; } input.large { width: 210px; } .navigation-bottom-works { display:block; text-align:center; border-top:1px solid #aaa; padding-top:30px; margin-top:20px; } .navigation-bottom-blog { border-top:0!important; } .navigation-bottom-works a, .navigation-bottom-works span.current { padding:10px 18px; font-size:11px; border:1px; margin-right:4px; } .navigation-bottom-works a.prev, .navigation-bottom-works a.next { } .navigation-bottom-works span.current { } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .pull-right { float:right } .align-right { text-align:right } /*===================================================================================================== 2 - BASE RESPONSIVE ======================================================================================================= */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 5px; } /* Nested Column Classes */ .column.alpha, .columns.alpha,.column.first, .columns.first { margin-left: 0; } .column.omega, .columns.omega, .column.last, .columns.last { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .eightsp.columns { width: 430px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .fifteensp.columns { width: 880px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-half { padding-left: 30px; } .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha, .column.first, .columns.first { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega, .column.last, .columns.last { margin-right: 0; margin-left: 10px; } .alpha.omega, first.last { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .eightsp.columns { width: 340px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .fifteensp.columns { width: 700px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-half { padding-left: 24px; } .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; } .container .fifteensp.columns, .container .eightsp.columns { width: 280px; margin:0 10px 0 10px; } .container .fifteensp.columns .four.columns, .container .fifteensp.columns .twelve.columns, .container .fifteensp.columns .three.columns { width: 280px; } /* Offsets */ .container .offset-by-half, .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } /* Heading */ h1 { font-size: 32px; line-height:35px; margin-bottom: 5px; letter-spacing:0; } h2 { font-size: 24px; line-height: 28px; margin:10px 0 10px 0; } h3 { font-size: 21px; line-height: 24px; } h4 { font-size: 18px; line-height: 21px; } h5 { font-size: 12px; line-height: 14px; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } .container .fifteensp.columns, .container .eightsp.columns { width: 400px; margin:0 10px 0 10px; } .container .fifteensp.columns .four.columns, .container .fifteensp.columns .twelve.columns, .container .fifteensp.columns .three.columns { width: 400px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .hidden { display:none } /*===================================================================================================== 3 - TWITTER GLYPHICONS & SOCIAL ICONS ======================================================================================================= */ [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("images/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } /* [class^="social-"] { display: inline-block; width: 24px; height: 24px; margin-top: 1px; margin-right: 3px; line-height: 24px; vertical-align: text-top; background-image: url("images/social.png"); background-position: 24px 24px; background-repeat: no-repeat; } .icon-white { background-image: url("images/glyphicons-halflings-white.png"); } .social-facebook { background-position: 0px 0; } .social-facebook:hover { background-position: 0px -28px; } .social-twitter { background-position: -32px 0; } .social-twitter:hover { background-position: -32px -28px; } .social-tumblr { background-position: -64px 0; } .social-tumblr:hover { background-position: -64px -28px; } .social-flickr { background-position: -96px 0; } .social-flickr:hover { background-position: -96px -28px; } .social-pinterest { background-position: -128px 0; } .social-pinterest:hover { background-position: -128px -28px; } .social-vimeo { background-position: -160px 0; } .social-vimeo:hover { background-position: -160px -28px; } .social-google { background-position: -192px 0; } .social-google:hover { background-position: -192px -28px; } .social-linkedin { background-position: -224px 0; } .social-linkedin:hover { background-position: -224px -28px; } .social-behance { background-position: -256px 0; } .social-behance:hover { background-position: -256px -28px; } .social-dribbble { background-position: -288px 0; } .social-dribbble:hover { background-position: -288px -28px; } .social-youtube { background-position: -320px 0; } .social-youtube:hover { background-position: -320px -28px; } .social-deviant { background-position: -352px 0; } .social-deviant:hover { background-position: -352px -28px; } .social-lastfm { background-position: -384px 0; } .social-lastfm:hover { background-position: -384px -28px; } .social-instagram { background-position: -416px 0; } .social-instagram:hover { background-position: -416px -28px; } .social-vkontakte { background-position: -448px 0; } .social-vkontakte:hover { background-position: -448px -28px; } */ i.menu-icon { font-size:21px; } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; width: 16px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { background-position: -408px -120px; width: 16px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } /*===================================================================================================== 4 - TABS ======================================================================================================= */ dl.tabs { display: block; height: 36px; padding: 0; } dl.tabs.contained { margin-bottom: 0; } dl.tabs dt { cursor: default; display: block; float: left; height: 36px; line-height: 36px; padding: 0; padding-right: 9px; padding-left: 20px; width: auto; } dl.tabs dt:first-child { padding: 0; padding-right: 9px; } dl.tabs dd { display: block; float: left; padding: 0; margin: 0; margin-top:1px; } dl.tabs dd a { display: block; height: 24px; color:#666; line-height: 24px; padding: 0px 15px; font-size:12px; font-weight:bold;} dl.tabs dd a:focus { } dl.tabs dd.active { } dl.tabs dd.active a { cursor: default; } dl.tabs dd:first-child { margin-left: 0; } dl.tabs.vertical { height: auto; border-bottom: 1px solid #ccc; } dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; } dl.tabs.vertical dd { } dl.tabs.vertical dd a { border:none; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } dl.tabs.vertical dd.active { margin-top: 0; } dl.tabs.vertical dd.active a { border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } dl.tabs.vertical dd:first-child a.active { margin: 0; } dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 17px; text-align: center; overflow: hidden; } dl.tabs.two-up dt, dl.tabs.two-up dd { width: 50%; } dl.tabs.three-up dt, dl.tabs.three-up dd { width: 33.33%; } dl.tabs.four-up dt, dl.tabs.four-up dd { width: 25%; } dl.tabs.five-up dt, dl.tabs.five-up dd { width: 20%; } ul.tabs-content { display: block; margin: 0 0 20px; padding:15px; font-size:12px;} ul.tabs-content > li { display: none; } ul.tabs-content > li.active { display: block; } ul.tabs-content.contained { padding: 0; } ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; } ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; } .no-js ul.tabs-content > li { display: block; } @media only screen and (max-width: 767px) { dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; } dl.tabs.mobile dt, dl.tabs.mobile dd { float: none; height: auto; } dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; } .tabs.mobile { border-bottom: solid 1px #ccc; height: auto; } .tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; } .tabs.mobile dd a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; } .tabs.mobile dd:first-child a.active { margin: 0; } dl.contained.mobile { margin-bottom: 0; } dl.contained.tabs.mobile dd a { padding: 18px 20px; } dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } } /*===================================================================================================== 5 - FLEXSLIDER ======================================================================================================= */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider div.textarea { padding:5% 15% 5% 15%; line-height:1.7em; } .flexslider div.textarea p, .flexslider div.textarea span { font-size:15px; line-height:1.8em; } .flexslider div.textarea h1, .flexslider div.textarea h2, .flexslider div.textarea h3, .flexslider div.textarea h4, .flexslider div.textarea h5, .flexslider div.textarea h6 { line-height:1.8em; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} .slides li { position:relative; } .slides li p.flex-caption { width: 96%; padding: 2%; position: absolute; left: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.2); text-align: left; text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px; font-size: 14px; line-height: 18px; color: #fff; margin: 0; } /* FlexSlider Default Theme *********************************/ .flexslider { margin:0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 60px; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); } .flex-direction-nav .flex-prev { left: -50px; text-align: center; } .flex-direction-nav .flex-next { right: -50px; text-align: center; } .flexslider:hover .flex-prev { opacity: 0.7; left: 15px; } .flexslider:hover .flex-next { opacity: 0.7; right: 15px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { display: inline-block;} .flex-direction-nav a i { font-size:80px; top:20px; } .flex-direction-nav a.flex-next:before { } /* Pause/Play */ .flex-pauseplay { position: absolute; bottom: -25px; right: 30px; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-size: 20px; display: inline-block; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -25px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } i.useicon { font-size:40px; font-family: 'Conv_Socialico'; position: relative; } /*===================================================================================================== 6 - WIDGETS ======================================================================================================= */ .gallery-caption { } .sticky { } .bypostauthor { } .widget_tag_cloud { float:left } .tagcloud a { float:left; margin:0 5px 5px 0; border-bottom:1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .page-sidebar, .blog-sidebar { margin-left:40px; } .widget { margin-bottom:20px; padding-bottom:20px; font-size:11px } .widget h4 { font-size:16px; margin-bottom:10px; } .widget ul, .widget li { list-style: none; margin:0 0 0 0px; } .widget li { padding:8px 0 8px 0; border-bottom:1px solid; } .bottom-sidebar.widget li { } .bottom-sidebar.widget h4 { font-size:14px; margin-bottom:5px; } .bottom-sidebar.widget input[type=text] { width:120px; } /* TEXT WIDGET */ .bottom-sidebar .textwidget { line-height:1.8em; } /* WIDGET SEARCH */ .widget select { padding:8px; line-height:35px; height:35px; } .widget form { margin:0; } .widget input, .widget select { margin-bottom:10px; } .widget input[type=text] { width:140px; padding:8px 12px } .widget_pages li , .widget_links li { padding-left:0px; } /* Dribbbler */ .zilla-dribbble-shots li { margin:0!important; } /* Mailchimp */ .widget_ns_mailchimp { margin-bottom:0; padding:0; } /* WIDGET NAV MENU */ .widget_nav_menu .sub-menu { margin-left:15px; } .widget_nav_menu .sub-menu li { border:none; padding:4px 0 4px 0; } /* WIDGET TAGS */ .widget_tag_cloud div a { padding:2px 5px 2px 5px; border:1px solid; } /* WIDGET FLICKR PHOTOS */ .Simple_Flickr_Photos { display:block } .Simple_Flickr_Photos #flickr { text-align:left; } .Simple_Flickr_Photos #flickr img { border:none; } .Simple_Flickr_Photos div div { display:inline-block; margin-right:0px; } .Simple_Flickr_Photos div div img { width:57px; display:block; margin:0 6px 0 0!important; padding:0!important; } .bottom-sidebar #flickr img { width:47px; margin:0 8px 2px 0!important; } /* WIDGET TUMBLR */ .Tumblr li { padding:10px 0 10px 0; font-size:11px } .Tumblr li blockquote p { font-size:11px; } .Tumblr li br { display:none; } .Tumblr li p { padding:2px 0 2px 0; margin:0; } /* WIDGET ARCHIVE */ .widget_archive li { background:url(images/sidebar-archive.png) 0 6px no-repeat; padding:5px 0px 5px 21px; } /* WIDGET CATEGORIES */ .widget_categories li { background:url(images/sidebar-categories.png) 0 6px no-repeat; padding:5px 0px 5px 21px; } /* WIDGET RSS */ .widget.widget_rss h4 a.rsswidget { display:inline-block; } .widget.widget_rss li { padding:5px 0 5px 0; font-size:11px; } /* WIDGET RECENT ENTRIES */ .widget_recent_entries li, .widget_kpg_cpl li { background:url(images/sidebar-post.png) no-repeat left center; padding:5px 0px 5px 21px; } .widget_recent_comments li { background:url(images/sidebar-comment.png) no-repeat left center; padding:5px 0px 5px 21px; } /* TEXT WIDGET */ .widget .textwidget { padding-top:5px; } /* WIDGET TWITTER */ .twitter-widget .twitter-date { background:url(images/sidebar-twitter.png) no-repeat left center; padding:5px 0px 5px 21px; display:block; } .widget_twitter span.entry-meta { background:url(images/sidebar-twitter.png) no-repeat left center; padding:5px 0px 5px 21px; } .widget_twitter .intent-meta a { margin-right:8px; } .widget_twitter span.entry-meta, .widget_twitter span.entry-meta span { display:block; } /* calendar widget */ table#wp-calendar { width:100%; display:block; border:1px solid; } table#wp-calendar tfoot td { padding-bottom:10px; } table#wp-calendar td#prev { padding-left:10px; } table#wp-calendar td#next { padding-right:10px; text-align:right } #wp-calendar thead { font-weight:bold } #wp-calendar #today { font-weight:bold } #wp-calendar th, #wp-calendar tbody td { text-align: center; padding: 6px 11px; font-size:13px; } #wp-calendar tbody td a { color:#af0c0c; font-weight:bold; } #wp-calendar tfoot td { padding-top: 3px; } #wp-calendar caption { font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 5px; margin-top:10px; } /* Mobile */ /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #wp-calendar th, #wp-calendar tbody td { padding: 4px 6px; } } @media only screen and (max-width: 767px) { .widget_wrapper { margin-left:0px; } #wp-calendar th, #wp-calendar tbody td { padding: 9px 13px; } } /*===================================================================================================== 7 - REALPERSON (CAPTCHA STYLES) ======================================================================================================= */ /* Real Person jQuery plugin styles v1.1.0. */ .realperson-challenge { display: block; } .realperson-text { font-family: "Courier New",monospace; font-size: 6px; font-weight: bold; letter-spacing: -1px; line-height: 3px; float: left; margin-top: 5px; margin-bottom: 10px; } .realperson-regen { padding: 4px 4px 4px 10px; font-size: 11px; cursor: pointer; font-style:italic; float:left; } .realperson-disabled { opacity: 0.5; filter: Alpha(Opacity=50); } .realperson-disabled .realperson-regen { cursor: default; } /*===================================================================================================== 8 - SITE LAYOUT ======================================================================================================= */ /* Table of Content ================================================== #Site Styles #Media Queries */ /* #Site Styles ================================================== */ .topmargin { margin-top:40px!important; } .topmargin .row { margin-bottom:0px!important; } .margintoheader { margin-top:10px; } .wp-caption { border:1px solid; width:auto!important; } .wp-caption img { display:block; padding:5px 5px 0 5px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .wp-caption p.wp-caption-text { margin-bottom:5px; text-align:center; font-size:11px; } .alignleft { float:left; margin-right:10px; } .alignright { float:right; margin-left:10px; } .aligncenter { float:none; text-align:center; margin-left:0px; margin-right:0px; } div#post-list { margin-top:40px; min-height:250px; } .rowseperator { margin:25px 0 25px 0; } a.navbarbutton { display:none; } div.defaultpage { margin-top:25px; } a.main-logo { font-size:60px; line-height:45px; font-weight:bold; letter-spacing:-0.05em; } a.main-logo img { max-width:200px; } div.project-item .imgdiv { position:relative; } div.project-item .imgdiv img { display:block; } div.project-item .imgdiv span { display:inline-block; background:#fff; width:100%; height:100%; position:absolute; z-index:2; cursor:pointer; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } div.project-item div.thumb_large { color:#666; margin-bottom:30px; display:inline-block; } div.project-item div.thumb_large.thumbwithbg { background-color:#fff; padding:0 0px 0px 0px; float:left; width:100%; } div.project-item div.thumb_large.thumbwithbg h5, div.project-item div.thumb_large.thumbwithbg span, div.project-item div.thumb_large.thumbwithbg p, div.project-item div.thumb_large.thumbwithbg form { padding-left:14px; padding-right:14px; } div.thumb_large.thumbwithbg .passprotectedspan { margin-bottom:14px; } div.project-item div.thumb_large h5 { padding:12px 0 0px 0; } .featured img { -moz-box-shadow: 0px 2px 5px #ccc; -webkit-box-shadow: 0px 2px 5px #CCC; box-shadow: 0px 2px 5px #CCC; } span.category { padding:5px 0 5px 0; display:block; font-size:12px; } a.tags { border:1px solid; padding:2px 5px 2px 5px; margin-bottom:4px; display:inline-block; } /* MAIN NAVIGATION MENU */ div.nav-div { float:right; font-size:13px; } div.nav-div form { float:right; margin:0px 0 15px 8px; display:block; } div.nav-div form input, div.nav-div form button { margin-bottom:0; } div.nav-div form input { padding:7px 10px; height:13px; } div.nav-div form i { margin-top:1px; } div.nav-div form button { padding:7px 10px; } ul.main-nav { float:right; font-size:13px; font-weight:700; padding:0px; margin:5px 0 0 0; list-style: none; text-shadow:0 1px 0 #f0f0f0; } ul.main-nav ul { list-style: none; margin:0; padding:0; } ul.main-nav .sub-menu .sub-menu { margin-left:110px; } ul.main-nav li { font-weight: bold; float: left; zoom: 1; position: relative; } ul.main-nav a:hover { color: #000; } ul.main-nav a:active { color: #000; } ul.main-nav li a { color:#777; padding:5px 0px 5px 0px; margin-left:18px; position: relative; } ul.main-nav .current_page_item a, ul.main-nav .current_menu_item a, ul.main-nav li:hover a { border-bottom:3px solid; border-color:#000; color:#000; } /* LEVEL TWO */ ul.main-nav ul { position: absolute; z-index:9999; display: none; left: 4px; top: 0; min-width: 150px; padding: 20px 0 0 0; margin: 20px 0 0 0px; list-style: none; font-size:11px; text-shadow:none } ul.main-nav ul:after { top: 4px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } ul.main-nav ul:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #f9f9f9; border-width: 8px; margin-left: 20px; } ul.main-nav li:last-child ul { left:-45px; } ul.main-nav li:last-child ul:after { margin-left: 120px; } ul.main-nav ul li { font-weight: normal; color: #000; float: none; padding:0px; margin:0; background-color: #f9f9f9; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } ul.main-nav ul li a { display: block; margin:0; padding:10px 12px 10px 12px; border-bottom:none!important; } ul.main-nav ul li a:hover { background-color:#ccc; color:#000; -webkit-transition: background-color .2s ease, color .2s ease; -moz-transition: background-color 2s ease, color .2s ease; -o-transition: background-color 2s ease, color .2s ease; -ms-transition: background-color 2s ease, color .2s ease; transition: background-color .2s ease, color .2s ease; } ul.main-nav li:hover > ul { display: block; } /* BLOG POST STYLES */ .link-color-2 { color:#af0c0c; } div.blogpost { margin:0px 0 70px 0; border-bottom:2px solid; } div.blogpost_single { margin:0px 0 30px 0; } div.blogpost h3 { padding:0px 0 0 0; text-shadow:0 1px 0 #f0f0f0; } div.blogpost div.thecontent { } div.worksrichcontent { margin-top:5px; } div.blogpost div.thecontent p, div.worksrichcontent p { line-height: 1.9; margin: 0 0 24px; margin: 0 0 1.7rem; } div.blogpost div.title { margin:20px 0 20px 0; padding:5px 0 5px 0; display:block; border-top:1px solid; border-bottom:1px solid; clear:both; font-size:12px; line-height:1.6em; } div.blogpost div.title .datetime { float:right } div.blogpost .bottom { margin:30px 0 10px 0; } div.blogpost .bottom a.tags { margin-left:5px; font-size:11px; } div.blogpost_single .bottom a.tags { margin-right:5px; font-size:12px; } div.blogpage { margin-top:30px; } div.blogpage .flexslider { margin-bottom:15px; } .navibg div.navigate_blog { text-align:right; margin:17px 0 10px 0; } .navibg div.navigate_blog span.pname { top:8px; position:relative; } div.blogpage .readmore, div.searchpage .readmore { padding:2px 5px 2px 5px; } /* SEARCH & ARCHIVE */ div.searchpage { margin-top:30px; } div.searchpage h1 { font-size:34px; border-bottom:3px solid; padding:0px 0 20px 0; margin-bottom:20px; line-height:1.3em; } div.searchpage .search-item { border-bottom:1px solid; padding:20px 0 20px 0; } div.searchpage .search-item h2 { font-size:24px; padding:0 0 10px 0; margin:0; } div.searchpage .search-item a.ptype { border:1px solid; padding:2px 5px 2px 5px; margin-right:10px; } div.searchpage .search-item a.img { float:right; margin-left:20px; } div.searchpage .search-item a.img img { width:100px; height:100px; border:1px solid; padding:3px; margin-top:5px; } div.searchpage.p404 { margin-top:80px; } div.searchpage.p404 h1 { font-size:28px; } div.searchpage.p404 h2 { font-size:18px; } .noresults.p404 { text-align:center; margin-top:50px; } .noresults h1 { font-size:120px; font-weight:bold; line-height:120px; } .noresults p { font-size:15px; line-height:1.8em; } .noresults label { display:none } .noresults input[type=submit]{ padding:15px 30px; } .noresults input[type=text]{ width:50%; } /* PASSWORD PROTECTED */ .passprotectpage { margin-top:40px; text-align:center; } .passprotectpage span { font-size:18px; } .passprotectpage form { margin-bottom:0px; } .passprotectpage form input[type="password"] { width:200px!important; } /* POST COMMENTS */ div.commentform { display:block; margin-top:40px; } div.commentform h2 { font-size:18px; border-bottom:1px solid #bbb; padding:10px 0 10px 0; text-shadow:none!important; } div.commentform h3 { text-shadow:none!important; } div.commentform .form-allowed-tags { display:none } div.commentform .singlecomment { border-bottom:1px solid #bbb; margin-bottom:15px; } div.commentform .singlecomment .who span { display:inline-block; } div.commentform .singlecomment .who span.img { display:inline-block; margin-right:7px; border-right:1px solid #bbb; padding-right:10px; } div.commentform .singlecomment .who span.img img { display:block } div.commentform .singlecomment .who span.info { font-size:11px; line-height:19px; } div.commentform .singlecomment .who span.info strong { font-size:12px; } div.commentform .singlecomment .who { display:block; margin-bottom:5px; } div.commentform .ccontent { margin-left:52px; margin-top:10px; } div.commentform .ccontent p { margin-bottom:15px; } div.commentform #respond { margin-top:30px; } div.commentform label { display: inline-block; } div.commentform textarea { width:100%; clear:both; display:block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } div.commentform input[type=text] { width:70%; clear:both; display:block; } div.commentform .form-allowed-tags { font-size:11px; } div.commentform div.comments_nav { text-align:center } div.commentform div.comments_nav a, div.commentform div.comments_nav span { padding:0px 7px 2px 7px; font-size:13px; margin:0 0px 0 0px; border:1px solid #aaa } div.commentform div.comments_nav span { font-weight:bold } /* ARCHIVE PAGE */ .archivetemp { margin-top:15px; margin-left:0px; } .archivetemp li { list-style: none; margin:0; padding-top:5px; padding-bottom:5px; } /* PAGE NAVIGATION */ .navigation-bottom { display:block; text-align:center } .navigation-bottom a { padding:5px 15px 7px 15px; font-size:15px; margin:0 5px 0 5px; border:1px solid #aaa } /* GALLERIES */ .gallery { margin:30px 0 30px 0!important; } .gallery .gallery-item { margin: 0px 20px 14px 0 !important; width:auto!important; } .gallery br { display:none; } .gallery .gallery-caption { margin-left: 0; font-size:11px; } .gallery img { border:none!important; } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .gallery { width:350px; margin:30px auto 30px auto!important; padding-left:25px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .gallery { width:300px; margin:30px auto 30px auto!important; padding-left:10px; } .gallery img { width:120px; } } /* WORKS POST STYLES */ .postcontent { display:block; } .postcontent div.contentimages, .postcontent div.contentvideos, .postcontent div.contenttext { padding-top:30px; padding-bottom:30px; } .worksidebar { padding-top:30px; } .worksidebar h2 { font-size:24px; margin:0 } div.postwraps { background-color:#fff; line-height:1.7em; display:block; border-top:1px solid #ccc; padding-top:10px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } div.postwraps .worksbottomnav { height:45px; } div.postwraps p br { display:block; } /* SHARING STYLES */ .postwraps .sharing { margin-top:10px; } .postwraps .sharing .tops { text-align:right; padding:5px 15px 5px 20px; border:1px solid; float:right; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .postwraps .sharing .tops:hover div.buttons { display:block; position:relative; } .postwraps .sharing .tops div.buttons { margin-top:7px; display:none; } .postwraps .sharing .tops div.buttons .facebook { margin-bottom:0; } .postwraps .sharing .tops div.shr { float:right; } .sharingbottom { float:left; } .sharingbottom div.shr { height:24px; float:left; overflow:hidden; position:relative; margin:0px 5px 0px 0; } .sharingbottom div.facebook { width:48px; margin-bottom:5px; } .sharingbottom div.twitter { width:57px; } .sharingbottom div.googleplus { width:33px; } .sharingbottom div.tumblr { width:20px; } .sharingbottom div.pinterest { width:44px; } .sharingbottom div.linkedin { width:60px; } .mejs-container { width: 100% !important; height: auto !important; padding-top: 57%; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .mejs-container, .mejs-embed, .mejs-embed body { background:transparent!important; } div.postwraps .pinfo div { /*font-size:11px*/ } div.postwraps hr { margin:10px 0 10px 0; border-color:#f0f0f0; } div.contentimages { text-align:center; position:relative; } div.contentimages div.caption { margin-top:15px; } .contentimages.landscape { width:100%; } .contentimages.portrait { width:49%!important; margin-right:2%; float:left; } .contentimages.portrait.odd { margin-right:0!important; } .navibg { background:url(images/whitebg.png); border-bottom:1px solid #bbb; } .navibg.withall { background:none } .navibg div.navigate { margin:16px 30px 16px 0px; text-align:right } div.navigate span.pname { top:8px; position:relative; } .navibg h3 { margin:18px 0 18px 30px; color:#666; } div.relatedworks { padding: 60px 0 20px 0; margin-bottom:-10px; border-bottom: 1px solid #ccc; } .navibg.withall h3 { margin:18px 0 18px 0px; } .navibg.withall div.navigate { margin:21px 0px 15px 0px; } .navibg.withall div.navigate a { background-color:#e5e5e5; color:#777; letter-spacing:0; font-size:11px; padding:2px 5px 2px 5px; margin:2px 0 5px 5px; margin-top:2px; margin-bottom:5px; text-shadow:none; display:inline-block; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; } .navibg.withall div.navigate a:hover, .navibg.withall div.navigate a.selected { background-color:#777; color:#fff; } a.navigate { background:url(images/arrows.png) no-repeat; width:30px; height:32px; display:inline-block; margin-left:10px; } a.navigate.parent { background-position:0 0; } a.navigate.back { background-position:-40px 0; } a.navigate.next { background-position:-80px 0; } a.navigate.parent:hover { background-position:0 -50px; } a.navigate.back:hover { background-position:-40px -50px; } a.navigate.next:hover { background-position:-80px -50px; } .resdontshow { display:inherit; } .resshow { display:none; } /* CREATIVE FIELDS */ .fullnav { position: relative; } .fullnav ul { list-style:none; margin-top:-2px; margin-bottom:0; } .fullnav li { display:inline; } .fullnav .menuwrapper .categoriesdd { padding: 7px 25px 7px 12px!important; margin-top: -4px!important; position:relative; } .fullnav .menuwrapper .categoriesdd .arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; top:13px; right:8px; border-top: 5px solid; } .fullnav .menuwrapper { float:right } .fullnav.dropdown ul { position: absolute; z-index:9999; display:none; right: 0px; top: -12px; min-width: 150px; padding: 20px 0 0px 0!important; margin: 20px 0 0 0px; list-style: none; font-size:11px; text-shadow:none; text-aligh:right; } .fullnav.dropdown ul li { font-weight: normal; padding:0px!important; color: #000; float: none; display:block; text-aligh:left; margin:0!important; background-color: #f9f9f9; } .fullnav.dropdown ul li a { display: block!important; margin:0!important; padding:8px 12px 8px 12px!important; border-bottom:none!important; } .fullnav.dropdown ul li a:hover { background-color:#ccc; color:#000; -webkit-transition: background-color .2s ease, color .2s ease; -moz-transition: background-color 2s ease, color .2s ease; -o-transition: background-color 2s ease, color .2s ease; -ms-transition: background-color 2s ease, color .2s ease; transition: background-color .2s ease, color .2s ease; } /* MOBILE MENU */ #pageslide { /* These styles MUST be included. Do not change. */ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; /* Specify the width of your pageslide here */ width: 260px; padding: 20px; /* These styles are optional, and describe how the pageslide will look */ background-color: #333; color: #FFF; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; } .mobilemenu { width:70%; z-index:9999999; position:fixed; left:-75%; top:0; height:100%; background-color:#333; color:#f0f0f0; -webkit-box-shadow: 4px 0px 8px 0px rgba(0, 0, 0, .3); box-shadow: 4px 0px 8px 0px rgba(0, 0, 0, .3); overflow:auto; transition: left .5s; -moz-transition: left .5s; /* Firefox 4 */ -webkit-transition: left .5s; /* Safari and Chrome */ -o-transition: left .5s; /* Opera */ } .mobilemenu input[type=text]{ padding:8px 12px; width:120px; margin-right:3px; } div.mobilemenu form { padding:12px; margin-bottom:0; margin-top:18px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); border-bottom:1px solid #1a1a1a; } div.mobilemenu form input, div.mobilemenu form button { margin-bottom:0; } div.mobilemenu ul, div.mobilemenu li { margin:0; list-style:none; } div.mobilemenu ul.mob-nav li a:first-child { } div.mobilemenu ul.mob-nav li a { padding:12px; display:block; margin:0; color:#999; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); border-bottom:1px solid #1a1a1a; } div.mobilemenu ul.mob-nav a:hover { color:#f0f0f0; background-color:#3b3b3b; } div.mobilemenu ul.mob-nav ul.sub-menu a { padding:8px 12px 8px 30px; font-size:11px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05); border-bottom:1px solid #222; } /* FOOTER STYLES */ footer { margin-top:40px; } footer span.footertext { padding-top:3px; display: inline-block; padding-top: 4px; } footer span.social { margin-top:-4px; text-align:right; float:right; padding-bottom:6px; } footer span.social a { display:inline-block; text-align:center; margin-bottom:2px; } footer span.social a.circleicon { margin-right: 3px; margin-left:3px; position: relative; } footer span.social a i { font-size:40px; font-family: 'Conv_Socialico'; position: relative; } footer a.footer-logo { font-size:21px; font-weight:bold; letter-spacing:-0.05em; } a.backtotop { display:none; position:fixed; right:20px; bottom:20px; position: expression("absolute"); bottom: expression(eval(document.body.scrollTop)+(eval(document.body.height)-10)); background-color:#333; color:#fff; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4); padding:12px 12px 11px 12px; background:#000 url(images/goup.png) 12px 14px no-repeat; width:28px; height:30px; } .ajaxloader { display:none; position:fixed; bottom:20px; left:20px; position: expression("absolute"); bottom: expression(eval(document.body.scrollTop)+(eval(document.body.height)-10)); background-color:#f0f0f0; padding:5px; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ajaxloader img { display:block; } /* CONTACT FORM */ div.header_contact { display:none; clear:both; text-shadow:none; /*background:url(images/whitebg.png);*/ } div.header_contact .closeit { float:right; padding:18px 0px 0 0; } div.header_contact p { /*padding:0 15px 0 15px;*/ font-size:13px } form.contactform_ajax { /*padding:0 15px 0 15px;*/ margin-bottom:0; } form.contactform_ajax input, form.contactform_ajax textarea { width:92%; } form.contactform_ajax textarea { height:160px; } form.contactform_ajax input.security_code { width:250px; display:block; float: none; clear:both; } form.contactform_ajax label.error { margin: -24px 0px 20px; padding: 7px 5px 4px 5px; background-color: #DD0303; color: white; width:250px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-shadow:none } select.responsiveselect { -webkit-appearance: none; background:#fff url(images/sbox_retina.png) center right no-repeat; background-size:38px 27px; width:100%; padding:10px; margin:0; display:none; } /* #COLORS ================================================== */ .color-header-1 { color:#472734 } .color-header-2 { color:#ad2d47; } a { color:#666; } a:hover, a:focus { color:#000 } /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { select.responsiveselect { display:block; } div.fullnav { display:none } .page-sidebar, .blog-sidebar { margin-left:0px; } div.blogpost div.title .datetime { float:none; margin-top:10px; display:block; } div.blogpage .loop-tags { display:block; padding-top:10px; } .makecenter { text-align:center } .resdontshow { display:none!important; } .resshow { display:inherit; } .halfwidth { width:40% } .header-right { display:none!important } /* HEADER MENU */ div.main-nav, div.nav-div { float:none; margin-top:10px; border:none; box-shadow:none; -webkit-box-shadow:none; } h6.subtext { font-size:11px; padding-top:0; } h3 a.main-logo { font-size:30px; letter-spacing:-0.02; line-height:30px; } a.navbarbutton { display:block; } div.nav-div form { float:none; margin:0; } .halfdisplay { opacity:.5 } hr { margin:14px 0 14px 0; } .mobilemenu { display:block } /* WORKS POST STYLES */ div.postwraps { padding-top:0; } .postcontent { padding-top:25px; } .postcontent img { display:block; } div.postcontent div.contentimages, div.postcontent div.contentvideos { padding:2px 0 2px 0; } .navibg h3 { margin:10px 0 10px 10px; color:#666; text-shadow:0px 1px 0px #fff; } .navibg div.navigate { text-align:left; margin:0 0 10px 0; } .navibg.withall div.navigate { margin-top:0; } .navibg div.navigate span.pname { padding-right:10px; float:right ; top:0; } .navibg div.navigate hr { margin:0px 0 12px 0; } a.navigate { background:url(images/arrows_mini.png) no-repeat; width:22px; height:24px; display:inline-block; } a.navigate.parent { background-position:0 0; } a.navigate.back { background-position:-30px 0; } a.navigate.next { background-position:-60px 0; text-align:right } a.navigate.parent:hover { background-position:0 -35px; } a.navigate.back:hover { background-position:-30px -35px; } a.navigate.next:hover { background-position:-60px -35px; } /* REMOVE FLOAT FROM SOCIAL ON FOOTER */ footer span.social { float:none; } /* REMOVE THUMBNAIL FROM SEARCH RESULT ITEMS */ div.searchpage .search-item a.img { display:none } div.noresults h1 { font-size:80px; line-height:85px; } .navigation-bottom-works .page-numbers { display:none; } .navigation-bottom-works .prev, .navigation-bottom-works .next { display:inline-block!important } div.postwraps .worksbottomnav { height:75px; margin-top:10px!important; } div.project-item div.thumb_large h5 { font-size:16px; line-height:1.7em; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { } /*===================================================================================================== 9 - FONT AWESOME ======================================================================================================= */ @font-face{font-family:'FontAwesome';src:url('icon-font/fontawesome-webfont.eot?v=3.2.1');src:url('icon-font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('icon-font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('icon-font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('icon-font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;} [class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;} .icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;} a [class^="icon-"],a [class*=" icon-"]{display:inline;} [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;} .icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;} .icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;} [class^="icon-"].hide,[class*=" icon-"].hide{display:none;} .icon-muted{color:#eeeeee;} .icon-light{color:#ffffff;} .icon-dark{color:#333333;} .icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .pull-right{float:right;} .pull-left{float:left;} [class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;} [class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;} [class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;} .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;} .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;} .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;} .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;} .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;} .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;} .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;} .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;} .nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;} .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;} .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;} .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;} @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} .icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);} a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} .icon-glass:before{content:"\f000";} .icon-music:before{content:"\f001";} .icon-search:before{content:"\f002";} .icon-envelope-alt:before{content:"\f003";} .icon-heart:before{content:"\f004";} .icon-star:before{content:"\f005";} .icon-star-empty:before{content:"\f006";} .icon-user:before{content:"\f007";} .icon-film:before{content:"\f008";} .icon-th-large:before{content:"\f009";} .icon-th:before{content:"\f00a";} .icon-th-list:before{content:"\f00b";} .icon-ok:before{content:"\f00c";} .icon-remove:before{content:"\f00d";} .icon-zoom-in:before{content:"\f00e";} .icon-zoom-out:before{content:"\f010";} .icon-power-off:before,.icon-off:before{content:"\f011";} .icon-signal:before{content:"\f012";} .icon-gear:before,.icon-cog:before{content:"\f013";} .icon-trash:before{content:"\f014";} .icon-home:before{content:"\f015";} .icon-file-alt:before{content:"\f016";} .icon-time:before{content:"\f017";} .icon-road:before{content:"\f018";} .icon-download-alt:before{content:"\f019";} .icon-download:before{content:"\f01a";} .icon-upload:before{content:"\f01b";} .icon-inbox:before{content:"\f01c";} .icon-play-circle:before{content:"\f01d";} .icon-rotate-right:before,.icon-repeat:before{content:"\f01e";} .icon-refresh:before{content:"\f021";} .icon-list-alt:before{content:"\f022";} .icon-lock:before{content:"\f023";} .icon-flag:before{content:"\f024";} .icon-headphones:before{content:"\f025";} .icon-volume-off:before{content:"\f026";} .icon-volume-down:before{content:"\f027";} .icon-volume-up:before{content:"\f028";} .icon-qrcode:before{content:"\f029";} .icon-barcode:before{content:"\f02a";} .icon-tag:before{content:"\f02b";} .icon-tags:before{content:"\f02c";} .icon-book:before{content:"\f02d";} .icon-bookmark:before{content:"\f02e";} .icon-print:before{content:"\f02f";} .icon-camera:before{content:"\f030";} .icon-font:before{content:"\f031";} .icon-bold:before{content:"\f032";} .icon-italic:before{content:"\f033";} .icon-text-height:before{content:"\f034";} .icon-text-width:before{content:"\f035";} .icon-align-left:before{content:"\f036";} .icon-align-center:before{content:"\f037";} .icon-align-right:before{content:"\f038";} .icon-align-justify:before{content:"\f039";} .icon-list:before{content:"\f03a";} .icon-indent-left:before{content:"\f03b";} .icon-indent-right:before{content:"\f03c";} .icon-facetime-video:before{content:"\f03d";} .icon-picture:before{content:"\f03e";} .icon-pencil:before{content:"\f040";} .icon-map-marker:before{content:"\f041";} .icon-adjust:before{content:"\f042";} .icon-tint:before{content:"\f043";} .icon-edit:before{content:"\f044";} .icon-share:before{content:"\f045";} .icon-check:before{content:"\f046";} .icon-move:before{content:"\f047";} .icon-step-backward:before{content:"\f048";} .icon-fast-backward:before{content:"\f049";} .icon-backward:before{content:"\f04a";} .icon-play:before{content:"\f04b";} .icon-pause:before{content:"\f04c";} .icon-stop:before{content:"\f04d";} .icon-forward:before{content:"\f04e";} .icon-fast-forward:before{content:"\f050";} .icon-step-forward:before{content:"\f051";} .icon-eject:before{content:"\f052";} .icon-chevron-left:before{content:"\f053";} .icon-chevron-right:before{content:"\f054";} .icon-plus-sign:before{content:"\f055";} .icon-minus-sign:before{content:"\f056";} .icon-remove-sign:before{content:"\f057";} .icon-ok-sign:before{content:"\f058";} .icon-question-sign:before{content:"\f059";} .icon-info-sign:before{content:"\f05a";} .icon-screenshot:before{content:"\f05b";} .icon-remove-circle:before{content:"\f05c";} .icon-ok-circle:before{content:"\f05d";} .icon-ban-circle:before{content:"\f05e";} .icon-arrow-left:before{content:"\f060";} .icon-arrow-right:before{content:"\f061";} .icon-arrow-up:before{content:"\f062";} .icon-arrow-down:before{content:"\f063";} .icon-mail-forward:before,.icon-share-alt:before{content:"\f064";} .icon-resize-full:before{content:"\f065";} .icon-resize-small:before{content:"\f066";} .icon-plus:before{content:"\f067";} .icon-minus:before{content:"\f068";} .icon-asterisk:before{content:"\f069";} .icon-exclamation-sign:before{content:"\f06a";} .icon-gift:before{content:"\f06b";} .icon-leaf:before{content:"\f06c";} .icon-fire:before{content:"\f06d";} .icon-eye-open:before{content:"\f06e";} .icon-eye-close:before{content:"\f070";} .icon-warning-sign:before{content:"\f071";} .icon-plane:before{content:"\f072";} .icon-calendar:before{content:"\f073";} .icon-random:before{content:"\f074";} .icon-comment:before{content:"\f075";} .icon-magnet:before{content:"\f076";} .icon-chevron-up:before{content:"\f077";} .icon-chevron-down:before{content:"\f078";} .icon-retweet:before{content:"\f079";} .icon-shopping-cart:before{content:"\f07a";} .icon-folder-close:before{content:"\f07b";} .icon-folder-open:before{content:"\f07c";} .icon-resize-vertical:before{content:"\f07d";} .icon-resize-horizontal:before{content:"\f07e";} .icon-bar-chart:before{content:"\f080";} .icon-twitter-sign:before{content:"\f081";} .icon-facebook-sign:before{content:"\f082";} .icon-camera-retro:before{content:"\f083";} .icon-key:before{content:"\f084";} .icon-gears:before,.icon-cogs:before{content:"\f085";} .icon-comments:before{content:"\f086";} .icon-thumbs-up-alt:before{content:"\f087";} .icon-thumbs-down-alt:before{content:"\f088";} .icon-star-half:before{content:"\f089";} .icon-heart-empty:before{content:"\f08a";} .icon-signout:before{content:"\f08b";} .icon-linkedin-sign:before{content:"\f08c";} .icon-pushpin:before{content:"\f08d";} .icon-external-link:before{content:"\f08e";} .icon-signin:before{content:"\f090";} .icon-trophy:before{content:"\f091";} .icon-github-sign:before{content:"\f092";} .icon-upload-alt:before{content:"\f093";} .icon-lemon:before{content:"\f094";} .icon-phone:before{content:"\f095";} .icon-unchecked:before,.icon-check-empty:before{content:"\f096";} .icon-bookmark-empty:before{content:"\f097";} .icon-phone-sign:before{content:"\f098";} .icon-twitter:before{content:"\f099";} .icon-facebook:before{content:"\f09a";} .icon-github:before{content:"\f09b";} .icon-unlock:before{content:"\f09c";} .icon-credit-card:before{content:"\f09d";} .icon-rss:before{content:"\f09e";} .icon-hdd:before{content:"\f0a0";} .icon-bullhorn:before{content:"\f0a1";} .icon-bell:before{content:"\f0a2";} .icon-certificate:before{content:"\f0a3";} .icon-hand-right:before{content:"\f0a4";} .icon-hand-left:before{content:"\f0a5";} .icon-hand-up:before{content:"\f0a6";} .icon-hand-down:before{content:"\f0a7";} .icon-circle-arrow-left:before{content:"\f0a8";} .icon-circle-arrow-right:before{content:"\f0a9";} .icon-circle-arrow-up:before{content:"\f0aa";} .icon-circle-arrow-down:before{content:"\f0ab";} .icon-globe:before{content:"\f0ac";} .icon-wrench:before{content:"\f0ad";} .icon-tasks:before{content:"\f0ae";} .icon-filter:before{content:"\f0b0";} .icon-briefcase:before{content:"\f0b1";} .icon-fullscreen:before{content:"\f0b2";} .icon-group:before{content:"\f0c0";} .icon-link:before{content:"\f0c1";} .icon-cloud:before{content:"\f0c2";} .icon-beaker:before{content:"\f0c3";} .icon-cut:before{content:"\f0c4";} .icon-copy:before{content:"\f0c5";} .icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";} .icon-save:before{content:"\f0c7";} .icon-sign-blank:before{content:"\f0c8";} .icon-reorder:before{content:"\f0c9";} .icon-list-ul:before{content:"\f0ca";} .icon-list-ol:before{content:"\f0cb";} .icon-strikethrough:before{content:"\f0cc";} .icon-underline:before{content:"\f0cd";} .icon-table:before{content:"\f0ce";} .icon-magic:before{content:"\f0d0";} .icon-truck:before{content:"\f0d1";} .icon-pinterest:before{content:"\f0d2";} .icon-pinterest-sign:before{content:"\f0d3";} .icon-google-plus-sign:before{content:"\f0d4";} .icon-google-plus:before{content:"\f0d5";} .icon-money:before{content:"\f0d6";} .icon-caret-down:before{content:"\f0d7";} .icon-caret-up:before{content:"\f0d8";} .icon-caret-left:before{content:"\f0d9";} .icon-caret-right:before{content:"\f0da";} .icon-columns:before{content:"\f0db";} .icon-sort:before{content:"\f0dc";} .icon-sort-down:before{content:"\f0dd";} .icon-sort-up:before{content:"\f0de";} .icon-envelope:before{content:"\f0e0";} .icon-linkedin:before{content:"\f0e1";} .icon-rotate-left:before,.icon-undo:before{content:"\f0e2";} .icon-legal:before{content:"\f0e3";} .icon-dashboard:before{content:"\f0e4";} .icon-comment-alt:before{content:"\f0e5";} .icon-comments-alt:before{content:"\f0e6";} .icon-bolt:before{content:"\f0e7";} .icon-sitemap:before{content:"\f0e8";} .icon-umbrella:before{content:"\f0e9";} .icon-paste:before{content:"\f0ea";} .icon-lightbulb:before{content:"\f0eb";} .icon-exchange:before{content:"\f0ec";} .icon-cloud-download:before{content:"\f0ed";} .icon-cloud-upload:before{content:"\f0ee";} .icon-user-md:before{content:"\f0f0";} .icon-stethoscope:before{content:"\f0f1";} .icon-suitcase:before{content:"\f0f2";} .icon-bell-alt:before{content:"\f0f3";} .icon-coffee:before{content:"\f0f4";} .icon-food:before{content:"\f0f5";} .icon-file-text-alt:before{content:"\f0f6";} .icon-building:before{content:"\f0f7";} .icon-hospital:before{content:"\f0f8";} .icon-ambulance:before{content:"\f0f9";} .icon-medkit:before{content:"\f0fa";} .icon-fighter-jet:before{content:"\f0fb";} .icon-beer:before{content:"\f0fc";} .icon-h-sign:before{content:"\f0fd";} .icon-plus-sign-alt:before{content:"\f0fe";} .icon-double-angle-left:before{content:"\f100";} .icon-double-angle-right:before{content:"\f101";} .icon-double-angle-up:before{content:"\f102";} .icon-double-angle-down:before{content:"\f103";} .icon-angle-left:before{content:"\f104";} .icon-angle-right:before{content:"\f105";} .icon-angle-up:before{content:"\f106";} .icon-angle-down:before{content:"\f107";} .icon-desktop:before{content:"\f108";} .icon-laptop:before{content:"\f109";} .icon-tablet:before{content:"\f10a";} .icon-mobile-phone:before{content:"\f10b";} .icon-circle-blank:before{content:"\f10c";} .icon-quote-left:before{content:"\f10d";} .icon-quote-right:before{content:"\f10e";} .icon-spinner:before{content:"\f110";} .icon-circle:before{content:"\f111";} .icon-mail-reply:before,.icon-reply:before{content:"\f112";} .icon-github-alt:before{content:"\f113";} .icon-folder-close-alt:before{content:"\f114";} .icon-folder-open-alt:before{content:"\f115";} .icon-expand-alt:before{content:"\f116";} .icon-collapse-alt:before{content:"\f117";} .icon-smile:before{content:"\f118";} .icon-frown:before{content:"\f119";} .icon-meh:before{content:"\f11a";} .icon-gamepad:before{content:"\f11b";} .icon-keyboard:before{content:"\f11c";} .icon-flag-alt:before{content:"\f11d";} .icon-flag-checkered:before{content:"\f11e";} .icon-terminal:before{content:"\f120";} .icon-code:before{content:"\f121";} .icon-reply-all:before{content:"\f122";} .icon-mail-reply-all:before{content:"\f122";} .icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";} .icon-location-arrow:before{content:"\f124";} .icon-crop:before{content:"\f125";} .icon-code-fork:before{content:"\f126";} .icon-unlink:before{content:"\f127";} .icon-question:before{content:"\f128";} .icon-info:before{content:"\f129";} .icon-exclamation:before{content:"\f12a";} .icon-superscript:before{content:"\f12b";} .icon-subscript:before{content:"\f12c";} .icon-eraser:before{content:"\f12d";} .icon-puzzle-piece:before{content:"\f12e";} .icon-microphone:before{content:"\f130";} .icon-microphone-off:before{content:"\f131";} .icon-shield:before{content:"\f132";} .icon-calendar-empty:before{content:"\f133";} .icon-fire-extinguisher:before{content:"\f134";} .icon-rocket:before{content:"\f135";} .icon-maxcdn:before{content:"\f136";} .icon-chevron-sign-left:before{content:"\f137";} .icon-chevron-sign-right:before{content:"\f138";} .icon-chevron-sign-up:before{content:"\f139";} .icon-chevron-sign-down:before{content:"\f13a";} .icon-html5:before{content:"\f13b";} .icon-css3:before{content:"\f13c";} .icon-anchor:before{content:"\f13d";} .icon-unlock-alt:before{content:"\f13e";} .icon-bullseye:before{content:"\f140";} .icon-ellipsis-horizontal:before{content:"\f141";} .icon-ellipsis-vertical:before{content:"\f142";} .icon-rss-sign:before{content:"\f143";} .icon-play-sign:before{content:"\f144";} .icon-ticket:before{content:"\f145";} .icon-minus-sign-alt:before{content:"\f146";} .icon-check-minus:before{content:"\f147";} .icon-level-up:before{content:"\f148";} .icon-level-down:before{content:"\f149";} .icon-check-sign:before{content:"\f14a";} .icon-edit-sign:before{content:"\f14b";} .icon-external-link-sign:before{content:"\f14c";} .icon-share-sign:before{content:"\f14d";} .icon-compass:before{content:"\f14e";} .icon-collapse:before{content:"\f150";} .icon-collapse-top:before{content:"\f151";} .icon-expand:before{content:"\f152";} .icon-euro:before,.icon-eur:before{content:"\f153";} .icon-gbp:before{content:"\f154";} .icon-dollar:before,.icon-usd:before{content:"\f155";} .icon-rupee:before,.icon-inr:before{content:"\f156";} .icon-yen:before,.icon-jpy:before{content:"\f157";} .icon-renminbi:before,.icon-cny:before{content:"\f158";} .icon-won:before,.icon-krw:before{content:"\f159";} .icon-bitcoin:before,.icon-btc:before{content:"\f15a";} .icon-file:before{content:"\f15b";} .icon-file-text:before{content:"\f15c";} .icon-sort-by-alphabet:before{content:"\f15d";} .icon-sort-by-alphabet-alt:before{content:"\f15e";} .icon-sort-by-attributes:before{content:"\f160";} .icon-sort-by-attributes-alt:before{content:"\f161";} .icon-sort-by-order:before{content:"\f162";} .icon-sort-by-order-alt:before{content:"\f163";} .icon-thumbs-up:before{content:"\f164";} .icon-thumbs-down:before{content:"\f165";} .icon-youtube-sign:before{content:"\f166";} .icon-youtube:before{content:"\f167";} .icon-xing:before{content:"\f168";} .icon-xing-sign:before{content:"\f169";} .icon-youtube-play:before{content:"\f16a";} .icon-dropbox:before{content:"\f16b";} .icon-stackexchange:before{content:"\f16c";} .icon-instagram:before{content:"\f16d";} .icon-flickr:before{content:"\f16e";} .icon-adn:before{content:"\f170";} .icon-bitbucket:before{content:"\f171";} .icon-bitbucket-sign:before{content:"\f172";} .icon-tumblr:before{content:"\f173";} .icon-tumblr-sign:before{content:"\f174";} .icon-long-arrow-down:before{content:"\f175";} .icon-long-arrow-up:before{content:"\f176";} .icon-long-arrow-left:before{content:"\f177";} .icon-long-arrow-right:before{content:"\f178";} .icon-apple:before{content:"\f179";} .icon-windows:before{content:"\f17a";} .icon-android:before{content:"\f17b";} .icon-linux:before{content:"\f17c";} .icon-dribbble:before{content:"\f17d";} .icon-skype:before{content:"\f17e";} .icon-foursquare:before{content:"\f180";} .icon-trello:before{content:"\f181";} .icon-female:before{content:"\f182";} .icon-male:before{content:"\f183";} .icon-gittip:before{content:"\f184";} .icon-sun:before{content:"\f185";} .icon-moon:before{content:"\f186";} .icon-archive:before{content:"\f187";} .icon-bug:before{content:"\f188";} .icon-vk:before{content:"\f189";} .icon-weibo:before{content:"\f18a";} .icon-renren:before{content:"\f18b";} /*===================================================================================================== 10 - SOCIALICO ======================================================================================================= */ @font-face { font-family: 'Conv_Socialico'; src: url('icon-font/social-new/Socialico.eot?') format('eot'), url('icon-font/social-new/Socialico.woff') format('woff'), url('icon-font/social-new/Socialico.ttf') format('truetype'), url('icon-font/social-new/Socialico.svg#webfontwTBKaDwa') format('svg'); font-weight: normal; font-style: normal; } .newsocialwrap { background-color:#000; color:#fff; width:28px; height:28px; display:inline-block; text-align:center; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; }