@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav / Social Icons
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Image Hover
11. Footer
12. Lists
13. Google Maps
-------------------------------------------------------------------*/


/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello.eot');
 src: url('../fonts/fontello.eot#iefix') format('embedded-opentype'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../fonts/fontello.svg#fontello') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windows. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg#fontello') format('svg');
  }
}
*/
/* End Fonts
--------------------------------------------------------------------------------------------------------*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignbottom { position:absolute !important; bottom:0; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.hidden { display: none; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#eee; z-index:9999; }
#status { z-index:28; position:absolute; color:#555 !important; top:50%; height:220px; width:100%; margin-top:-115px; }
/* horizontal centering */
.parent { width:230px; margin:0px auto; position:relative; height:220px; z-index:11 }
.child { text-align:center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0; }
.child span { text-transform:uppercase; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; height:100%; -webkit-text-size-adjust: 100%; }
body { font-size: 16px; font-family:"Raleway","Open Sans", Arial, Helvetica, sans-serif; color:#555; background:#2b2b2b; height:100% }
strong { font-weight:600; }
a, a > * { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { line-height:1.5; padding:0 0px 13px 0px; }
a { text-decoration:none; }
p a { color:#555; text-decoration:none; border-bottom:1px dotted #888; }
p a:hover { color:#2b2b2b; border-bottom:1px dotted #555; }
a p { color:#555; }
p.small { font-size:11px; text-transform:uppercase; font-weight:700; font-family:"Montserrat",'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#2b2b2b; padding:0 0 22px 0; letter-spacing:2px; }
a p.small { color:#2b2b2b }
.col1-3 p.small { padding:0 0 12px 0 !important; }
span.tiny { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:13px; padding-right:3px; }
a.bottom p { font-family:"Montserrat","Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; color:#2b2b2b; padding-top:10px; }
#preloader p.small { color:#555 !important; padding:0 !important }
blockquote {position:relative; margin-top:-2px; }
.col2-3 blockquote, .col3-3 blockquote {margin:0 30px; }
blockquote p { padding:0px 0px 13px 0px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; z-index:1; position:relative }
blockquote:before { content:"“"; position:absolute; bottom:-175px; right:0px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:290px; color:#f4f4f4; z-index:0; }
blockquote .small::before, blockquote footer::before, blockquote small::before {content:"— "; }
blockquote p.small { color:#555; letter-spacing:0; font-weight:400; text-transform:none; font-size: 13px; font-family:"Raleway","Open Sans", Arial, Helvetica, sans-serif; font-style:normal; text-align:right; display:block; }
a.button { padding:10px 13px; border:2px solid #555; color:#555; text-decoration:none; position:relative; display:inline-block; margin:4px 0px 6px 0px }
a.button:hover { border:2px solid #2b2b2b; color:#2b2b2b; }
em { font-style:italic; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; }
code { font:13px "Courier New", Courier, monospace; font-style:normal; line-height:1.5; display:block; padding-top:4px; }
pre { padding:0 30px 25px 30px; border:1px dotted #3e3e3e; margin-top:10px; margin-bottom:10px; display:inline-block }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; background:url(../images/logo.png) left center no-repeat;  width:220px; height:140px; text-indent:-9999px; float:left; position:relative;}
.tagline { float:left; font-family:"Raleway","Open Sans", Arial, Helvetica, sans-serif; font-size:20px; font-weight:700; padding:0 0 0 18px; margin:0px auto; position:relative; margin-top:40px; color:#2b2b2b; text-transform:uppercase; line-height:24px; }
.tagline span { display:block; font-weight:400; color:#555; font-size:15px; text-transform:none }
h1, h2, h3, h4, h5 { line-height:1.25; color:#2b2b2b; display:block; position:relative; padding-bottom:13px; text-transform:uppercase }
h1 a, h2 a, h3 a, h4 a, h5 a {color:#2b2b2b; }
h2 { font-size:30px; font-weight:700; line-height:40px; margin-top:-5px; }
h3 { font-size:24px; font-weight:700; }
h4 { font-size:18px; font-weight:700; }
h5 { font-size:18px; font-weight:600; text-transform:none }
.connected {padding-bottom:3px }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav / Social Icons
--------------------------------------------------------------------------------------------------------*/
#menu-button { float:right; font-size:14px; font-family:"Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase; display:table; height:52px; width:70px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor:pointer; background:#fff; }
.lt-ie10 #menu-button { position:relative; float:right; right:auto }
#menu-button .centralizer { display: table-cell; vertical-align: middle; }
#menu-button .centralizer .cursor { display:block; height:auto; text-align:center; }
#nav-button { display:inline-block; width:21px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align:middle }
.nav-bar { background-color:#555; border-radius:1px; display:block; width:21px; height:2px; margin:0px 0 3px; float:right }
.nav-bar.second {width:13px; }
.nav-bar.third {width:18px; }
#main-nav { background-color: #2b2b2b; position: fixed; top: 0; right: 0; width: 200px; z-index:100; min-height:100%; padding-top:0px;}
#main-nav ul { list-style:none; padding:0; border-top:1px solid rgba(255, 255, 255, 0.1);  }
#main-nav a { text-decoration: none; text-transform: uppercase; color: #fff; font-size: 13px; font-family: "Montserrat","Open Sans", Arial, Helvetica, sans-serif; padding:17px 0px 19px 30px; border-bottom:1px solid rgba(255, 255, 255, 0.1); display:block; line-height:1; position:relative }
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover, #options li a.current, #options li a.selected { color: #fff; background:rgba(0, 0, 0, 0.15); }
#main-nav > ul li { padding: 0; }
#main-nav > ul > li > ul.sub-nav { padding:0; border:0 }
#main-nav > ul > li > .sub-nav > li a { padding-left:50px; font-size: 11px; }
#main-nav > ul li a.sub-nav-toggle:before { content: ""; font-family: fontello; position:absolute; right:30px; top:18px; font-size:11px; }
#main-nav > ul li a.sub-nav-toggle:before { content: '\e812'; }
#bottom-header { position:absolute; bottom:0px; padding:10px 30px;  width:100%; }
#bottom-header p {color:#fff; font-size:13px; }
#main-nav ul.social-list {border:0; }
.social-links { padding: 20px 30px; position:relative}
#main-nav .social-list a { text-decoration: none; text-transform: none; color: #fff; font-size: 13px; padding:3px; border:0; }
#main-nav .social-list a:hover {background:none }
ul.social-list { padding-left:0 }
.social-list > li { float: left; margin: 0 15px 0 0; list-style:none; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.social-list > li > a:before { content: ""; font-family: fontello; font-size: 14px; }
#main-nav .social-list li a:before { padding:3px; }
#main-nav .social-list li { margin-right:1px; }
.social-list > li > a.facebook:before { content: '\e800'; }
.social-list > li > a.dribbble:before { content: '\e801'; }
.social-list > li > a.behance:before { content: '\e802'; }
.social-list > li > a.git:before { content: '\e803'; }
.social-list > li > a.gplus:before { content: '\e804'; }
.social-list > li > a.xing:before { content: '\e805'; }
.social-list > li > a.instagram:before { content: '\e806'; }
.social-list > li > a.twitter:before { content: '\e807'; }
.social-list > li > a.youtube:before { content: '\e808'; }
.social-list > li > a.slack:before { content: '\e809'; }
.social-list > li > a.pinterest:before { content: '\e80a'; }
.social-list > li > a.tumblr:before { content: '\e80b'; }
.social-list > li > a.soundcloud:before { content: '\e80c'; }
.social-list > li > a.skype:before { content: '\e80d'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.vimeo:before { content: '\e80f'; }
.social-list > li > a.flickr:before { content: '\e810'; }
.social-list > li > a.email:before { content: '\e811'; font-size:15px !important; }
.social-list > li > a.vkontakte:before { content: '\e816'; }
.centered .ft-part .social-list { display:inline-block; }
.bottom .social-list { padding-bottom:19px; }
.element .social-list > li { margin: 3px 6px 3px 0px; text-align:center; display:table }
.element .social-list > li > i { color: #555; font-size: 13px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding-right: 4px; height:38px; display:table-cell; vertical-align:middle;}
.element .social-list > li > a { color: #555; position: relative; top: 1px; height:38px; width:38px; display:table-cell; vertical-align:middle; border-radius:51%;  -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.element .social-list > li > a:before { font-size: 16px;  color: #555; }
.element .social-list > li > a:hover { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; cursor:pointer;}
/* End Main Nav / Social Icons
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#header { position:relative; z-index:155; width:100%; padding:23px 45px 0; -webkit-transform: translateZ(0); display:none }
#content { width:100%; position:relative; z-index:155; height:auto; padding: 24px 0 48px 0; }
#wrap {padding-right:200px; position:relative }
.container { padding:0px; width:1240px; position:relative; margin:0 auto; padding-top:23px; }
#background-color { background:#e8e8e8; height:100%; width:100%; position:fixed; z-index:1; -webkit-overflow-scrolling: touch; top:0; left:0 }
.oldie #background-color { display:none }
#header, #content { background:#eee; }
.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color { -webkit-transform: translate3d(-200px, 0px, 0px); transform: translate3d(-200px, 0px, 0px); }
.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
#content, #header, #footer, .logo-wrapper, #background-color { -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col3-3 { width:920px; height:auto; margin:5px; float:left; position:relative }
.col4-3 { width:1230px; height:auto; margin:5px; position:relative }
.col1-3 { width:300px; height:200px; margin:5px; float:left; position:relative }
.col2-3 { width:610px; height:410px; margin:5px; float:left; position:relative }
.auto { height:auto !important; }
.col1-3.double {height:410px; }
.white { padding:36px 40px 22px 40px; background:#fff }
.col2-3.white, .col3-3.white, .col4-3.white { padding:46px 50px 27px 50px; }
.col1-3.white-bottom { background:#fff; z-index:33; height:250px; width:300px; position:absolute; bottom:0; left:0; }
.col1-3.white-left { background:#fff; z-index:33; height:410px; width:370px; position:absolute; top:0; left:0; }
.col1-3.white-top { background:#fff; z-index:33; height:250px; width:300px; position:absolute; top:0; left:0; }
.col1-3.white-right { background:#fff; z-index:33; height:410px; width:370px; position:absolute; top:0; right:0; }
.white-bottom:after { background:#fff; top:-10px; content:""; height:24px; right:45px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:24px; }
.col2-3.white-bottom:after, .col3-3.white-bottom:after { right:55px; }
.white-left:after { background:#fff; right:-10px; content:""; height:24px; bottom:45px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:24px; }
.white-top:after { background:#fff; bottom:-10px; content:""; height:24px; right:45px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:24px; }
.white-right:after { background:#fff; left:-10px; content:""; height:24px; bottom:45px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:24px; }
.element .col1-3, .element .col2-3, .element .col3-3 { margin:0 }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow:hidden; }
.break { display:block; position:relative; height:10px; width:100%; }
.below-container { position:relative; margin:30px 0 10px 0; }
.ct-part { padding:25px 0px 0px 0px; border-top:1px solid #aaa; height: auto; margin-top:9px; }
.ft-part { padding:25px 0 7px; border-top:1px solid #aaa; height: auto; margin-top:10px; }
.bottom { position:absolute; left:0; width:100%; border-top:1px solid #aaa; }
.auto .bottom {position:relative; bottom:auto; margin:0 auto; margin-top:30px; display:block; left:auto; }
.col2-3 .bottom { width:510px; bottom:32px; margin:0 50px;  }.col1-3 .bottom { width:220px; bottom:22px; margin:0 40px; }
.col1-3.white-right .bottom, .col1-3.white-left .bottom { width:290px; }
a.bottom:hover { border-top:1px solid #555; }
.whole-tile { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:55; }
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; margin-bottom:16px; margin-top:5px; }
.icon-holder { position:relative; float:left; height:128px; width:69px; border-right:1px solid #aaa; padding-right:20px; background-position:0px 5px !important; margin-right:20px; }
.col2-3 .icon-holder, .auto .icon-holder {border:0; padding-right:21px; margin-right:0; }
.next-to-icon { border-left:1px solid #aaa; float:left; padding-left:20px; margin-bottom:20px; }
.col2-3 .next-to-icon {width:440px; }
.col3-3 .next-to-icon {width:750px; }
.centered .icons, .centered .icon-holder { float:none; display:inline-block; margin-right:0px; }
.map { background:url(../images/icons/bg-map.png) no-repeat center; background-size:48px 48px; }
.winner { background:url(../images/icons/bg-winner.png) no-repeat center; background-size:48px 48px; }
.image-content .winner { background:url(../images/icons-white/bg-winner.png) no-repeat center; background-size:48px 48px; }
.time { background:url(../images/icons/bg-time.png) no-repeat center; background-size:48px 48px; }
.pig { background:url(../images/icons/bg-pig.png) no-repeat center; background-size:48px 48px; }
.adjust { background:url(../images/icons/bg-adjust.png) no-repeat center; background-size:48px 48px; }
.team { background:url(../images/icons/bg-team.png) no-repeat center; background-size:48px 48px; }
.works { background:url(../images/icons/bg-works.png) no-repeat center; background-size:48px 48px; }
.chat { background:url(../images/icons/bg-chat.png) no-repeat center; background-size:48px 48px; }
.notes { background:url(../images/icons/bg-notes.png) no-repeat center; background-size:48px 48px; }
.camera { background:url(../images/icons/bg-camera.png) no-repeat center; background-size:48px 48px; }
.illustration { background:url(../images/icons/bg-illustration.png) no-repeat center; background-size:48px 48px; }
.social { background:url(../images/icons/bg-social.png) no-repeat center; background-size:48px 48px; }
.vector { background:url(../images/icons/bg-vector.png) no-repeat center; background-size:48px 48px; }
.commerce { background:url(../images/icons/bg-commerce.png) no-repeat center; background-size:48px 48px; }
.search { background:url(../images/icons/bg-search.png) no-repeat center; background-size:48px 48px; }
.like { background:url(../images/icons/bg-like.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }
.document { background:url(../images/icons/bg-document.png) center no-repeat; background-size:48px 48px; }
.apple { background:url(../images/icons/bg-apple.png) center no-repeat; background-size:48px 48px; }
.balance { background:url(../images/icons/bg-balance.png) center no-repeat; background-size:48px 48px; }
.beaker { background:url(../images/icons/bg-beaker.png) center no-repeat; background-size:48px 48px; }
.beer { background:url(../images/icons/bg-beer.png) center no-repeat; background-size:48px 48px; }
.books { background:url(../images/icons/bg-books.png) center no-repeat; background-size:48px 48px; }
.box { background:url(../images/icons/bg-box.png) center no-repeat; background-size:48px 48px; }
.cake { background:url(../images/icons/bg-cake.png) center no-repeat; background-size:48px 48px; }
.calculator { background:url(../images/icons/bg-calculator.png) center no-repeat; background-size:48px 48px; }
.cd { background:url(../images/icons/bg-cd.png) center no-repeat; background-size:48px 48px; }
.champagne { background:url(../images/icons/bg-champagne.png) center no-repeat; background-size:48px 48px; }
.chart { background:url(../images/icons/bg-chart.png) center no-repeat; background-size:48px 48px; }
.cheese { background:url(../images/icons/bg-cheese.png) center no-repeat; background-size:48px 48px; }
.court { background:url(../images/icons/bg-court.png) center no-repeat; background-size:48px 48px; }
.delivery { background:url(../images/icons/bg-delivery.png) center no-repeat; background-size:48px 48px; }
.dvd { background:url(../images/icons/bg-dvd.png) center no-repeat; background-size:48px 48px; }
.eco { background:url(../images/icons/bg-eco.png) center no-repeat; background-size:48px 48px; }
.film { background:url(../images/icons/bg-film.png) center no-repeat; background-size:48px 48px; }
.grape { background:url(../images/icons/bg-grape.png) center no-repeat; background-size:48px 48px; }
.hot { background:url(../images/icons/bg-hot.png) center no-repeat; background-size:48px 48px; }
.house { background:url(../images/icons/bg-house.png) center no-repeat; background-size:48px 48px; }
.icecream { background:url(../images/icons/bg-icecream.png) center no-repeat; background-size:48px 48px; }
.joystick { background:url(../images/icons/bg-joystick.png) center no-repeat; background-size:48px 48px; }
.keynote { background:url(../images/icons/bg-keynote.png) center no-repeat; background-size:48px 48px; }
.link { background:url(../images/icons/bg-link.png) center no-repeat; background-size:48px 48px; }
.magic { background:url(../images/icons/bg-magic.png) center no-repeat; background-size:48px 48px; }
.mail { background:url(../images/icons/bg-mail.png) center no-repeat; background-size:48px 48px; }
.microphone { background:url(../images/icons/bg-microphone.png) center no-repeat; background-size:48px 48px; }
.network { background:url(../images/icons/bg-network.png) center no-repeat; background-size:48px 48px; }
.palette { background:url(../images/icons/bg-palette.png) center no-repeat; background-size:48px 48px; }
.plaster { background:url(../images/icons/bg-plaster.png) center no-repeat; background-size:48px 48px; }
.player { background:url(../images/icons/bg-player.png) center no-repeat; background-size:48px 48px; }
.polaroid { background:url(../images/icons/bg-polaroid.png) center no-repeat; background-size:48px 48px; }
.printer { background:url(../images/icons/bg-printer.png) center no-repeat; background-size:48px 48px; }
.pulse { background:url(../images/icons/bg-pulse.png) center no-repeat; background-size:48px 48px; }
.quote { background:url(../images/icons/bg-quote.png) center no-repeat; background-size:48px 48px; }
.radio { background:url(../images/icons/bg-radio.png) center no-repeat; background-size:48px 48px; }
.recorder { background:url(../images/icons/bg-recorder.png) center no-repeat; background-size:48px 48px; }
.scissors { background:url(../images/icons/bg-scissors.png) center no-repeat; background-size:48px 48px; }
.select { background:url(../images/icons/bg-select.png) center no-repeat; background-size:48px 48px; }
.serving { background:url(../images/icons/bg-serving.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }
.shop { background:url(../images/icons/bg-shop.png) center no-repeat; background-size:48px 48px; }
.shopping { background:url(../images/icons/bg-shopping.png) center no-repeat; background-size:48px 48px; }
.smartphone { background:url(../images/icons/bg-smartphone.png) center no-repeat; background-size:48px 48px; }
.sofa { background:url(../images/icons/bg-sofa.png) center no-repeat; background-size:48px 48px; }
.syringe { background:url(../images/icons/bg-syringe.png) center no-repeat; background-size:48px 48px; }
.tape { background:url(../images/icons/bg-tape.png) center no-repeat; background-size:48px 48px; }
.target { background:url(../images/icons/bg-target.png) center no-repeat; background-size:48px 48px; }
.television { background:url(../images/icons/bg-television.png) center no-repeat; background-size:48px 48px; }
.video { background:url(../images/icons/bg-video.png) center no-repeat; background-size:48px 48px; }
.walkman { background:url(../images/icons/bg-walkman.png) center no-repeat; background-size:48px 48px; }
.zoom { background:url(../images/icons/bg-zoom.png) center no-repeat; background-size:48px 48px; }
.tags { background:url(../images/icons/bg-tags.png) center no-repeat; background-size:48px 48px; }
.ruler { background:url(../images/icons/bg-ruler.png) center no-repeat; background-size:48px 48px; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display:block; position:relative; background:#000; }
.images img { width:100%; display: block; max-width: 100% !important; z-index:9 }
.images.dark img { opacity:0.3; background:#000; }
img { box-shadow: #000 0 0 0 }
.videos { width:920px; height:515px; margin-bottom:-5px }
.videos:before, .videos:after { background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
.videos:after { bottom: 0; top: auto; }
.sliphoveritemTitle strong { font-size:18px; text-transform:uppercase; font-weight:700; font-family:"Raleway",'Open Sans', Arial, Helvetica, sans-serif;  line-height:1.3; display:block; position:absolute; bottom:0px; width:170px; }
.sliphoveritemTitle span { display:block; font-size:13px; font-weight:400 !important; text-transform:none; padding-top:2px; }
.sliphoveritemTitle span b { font-family:Georgia, "Times New Roman", Times, serif; font-weight:400 !important; font-style:italic; padding-right:5px; }
.sliphoveritemTitle i { display:block; font:21px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; right:-3px; font-style:normal !important; position:absolute; line-height:1.5; bottom:-4px; text-decoration:none !important }
.sliphoveritemTitle div { position:relative; padding-left:5px; }
.image-content {display:table; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); }
.image-content .sliphoveritemTitle { padding:36px 40px 35px 40px; position:relative; display:table-cell; vertical-align:bottom; }
.image-content .sliphoveritemTitle strong {position:relative; padding-top:10px; }
.col2-3 .image-content .sliphoveritemTitle strong { width:470px; }
.image-content .sliphoveritemTitle i {right:37px; bottom:31px; }
a .image-content {color:#fff !important }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Footer
--------------------------------------------------------------------------------------------------------*/
#footer { background:#e8e8e8; min-height:91px; margin:0px; padding:28px 45px; border-top:1px solid #d8d8d8; width:100%; z-index:155; position:relative; webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); }
footer p, footer p a { color:#888; line-height:32px; font-size:12px; padding:0; border:0; font-family:"Montserrat","Open Sans", Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase }
footer p a:hover { color:#555; }
span.padding { padding:0 3px; }
footer .social-list { float:left; margin-left:20px; background:#e9e9e9; padding-left:15px; }
footer .social-list li a { text-decoration: none; color: #8E8E8E; line-height:32px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =12. Lists
--------------------------------------------------------------------------------------------------------*/
ul { list-style: circle; line-height:1.5; padding:0px 0px 13px 22px; text-align:left !important; }
ol { list-style: decimal; line-height:1.5; padding:0px 0px 13px 22px;  }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#555; border-bottom:1px dotted #888;  }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; border-bottom:1px dotted #555;  }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =13. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map { width:620px; height:395px; margin:0; border:0 }
#map:before, #map:after { background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
#map:after { bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/