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

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


/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('/fonts/fontello.eot?17640388');
  src: url('/fonts/fontello.eot?17640388#iefix') format('embedded-opentype'),
       url('/fonts/fontello.woff?17640388') format('woff'),
       url('/fonts/fontello.ttf?17640388') format('truetype'),
       url('/fonts/fontello.svg?17640388#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 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('/fonts/fontello.svg?17640388#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; }
.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:#242423; z-index:9999; }
#status { z-index:28; position:absolute; color:#ccc !important; top:50%; height:280px; width:100%; margin-top:-140px; }
/* horizontal centering */
.parent { width:230px; margin:0px auto; position:relative; height:280px; 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: 'Lora', Georgia, "Times New Roman", Times, serif; color:#000; background:#1D1D1D; background: #54a0d5 url(/_img/bg.jpg) repeat-x fixed; height:100% }
strong { font-weight:600; color:#000; }
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; }
.centered p { padding:5px 0 5px 0 }
a { text-decoration:none; }
p a { color:#ccc; text-decoration:none; border-bottom:1px solid #ccc; }
p.no-underline a {border:0 }
p a:hover { color:#fff; border-bottom:1px solid #fff; }7
p.no-underline a:hover {border:0 }
a p { color:#ccc; }
p.small { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat','Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#ccc; padding:0 0 22px 0; letter-spacing:2px; }
a p.small { color:#ccc }
.col2-3.half p.small { padding:0 0 17px 0; }
.col1-3 p.small { padding:0 0 12px 0 !important; }
#preloader p.small { color:#999 !important; padding:0 !important }
p.small span.italic { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:none; color:#888; padding-right:2px; font-weight:400; letter-spacing:0 }
span.arrow { font:20px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; float:right; padding-bottom:13px; padding-right:15px; -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; margin-top:-4px; display:inline-block; opacity:0 }
.back-button span.arrow { opacity:1 !important }
a span.arrow { color:#999; }
a:hover span.arrow { padding-right:0; -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; opacity:1 }
blockquote { padding:0px 0px 2px 25px; font-size:16px; font-style:italic; width:180px; }
.col1-3 blockquote {width:auto; padding-left:0; float:none }
.hentry blockquote:before { content:"“"; float:left; display:block; margin-left:-64px; font-family:Georgia, "Times New Roman", Times, serif; font-size:96px; margin-top:-6px; font-weight:400 }
blockquote p { font-family:Georgia, "Times New Roman", Times, serif; }
blockquote p span { font-style:normal; color:#999; font-size:11px; letter-spacing:0; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:none }
em { font-style:italic; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#000; }
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; position:relative; float:left }
h1#logo a { display:block; background:url(/_img/logoHeader.png) center no-repeat; background-size:240px 52px; width:240px; /*try to keep it below 52px*/ height:52px; text-indent:-9999px; }
.tagline { float:left; font-size:13px; font-weight:400; padding:0 0 0 16px; margin:0px auto; position:relative; display:table; height:52px; margin-top:-1px;  }
.tagline span { vertical-align:middle; display:table-cell }
.hentry h1, h2, h3, h4, h5 { line-height:1.3; color:#000; display:block; position:relative; padding-bottom:13px;  }
h2 a, h3 a, h4 a, h5 a {color:#000; }
h2 { font-size:40px; font-weight:300; line-height:1.25; letter-spacing:-1px; margin-top:-5px; }
h2 strong { font-weight:400; }
h3 { font-size:24px; font-weight:400; line-height:31px; }
h4 { font-size:20px; font-weight:400; line-height:27px; }
h5 { font-size:18px; font-weight:400; }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#000 }
.col2-3.grey-bottom h3, .col2-3.grey h3 { font-size:30px; line-height:40px; }
a h3 { text-decoration:none; border-bottom:1px solid #ccc; margin-bottom:13px; }
a h3 span { text-decoration:none !important }

.project-page h3, .post-page h2 { font-size:30px; line-height:40px; letter-spacing:0; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button { float:right; font-size:14px; font-family:"Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase; display:table; height:52px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.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; cursor:pointer; }
#nav-button { display:inline-block; width:16px; margin:0; margin-left:5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align:middle }
.nav-bar { background-color:#999; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }
#menu-close-button { cursor: pointer; padding: 6px; text-align: center; position: absolute; top: 31px; right: 36px; font-size: 26px; color: #8E8E8E; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#main-nav { background-color: #1D1D1D; position: absolute; top: 0; right: 0; padding: 34px 44px 20px 44px; width: 200px; }
#main-nav a { text-decoration: none; color: #8E8E8E; font-size: 13px; font-family: 'Montserrat',"Open Sans", Arial, Helvetica, sans-serif; letter-spacing:1px; }
#main-nav > ul a { text-transform: uppercase; }
#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, .social-list li:hover a:before { color: #fff; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
#main-nav > ul li { padding: 7px 0; }
#main-nav > ul > li > .sub-nav { padding: 9px 0 3px 15px; }
#main-nav > ul > li > .sub-nav > li { padding: 4px 0px; }
#main-nav > ul > li > .sub-nav > li:last-child { padding-bottom: 0px; }
#main-nav > ul > li > .sub-nav > li > a { font-size: 12px; }
.additional-links { padding: 25px 0; }
.additional-links > ul > li { padding: 0 0 14px; }
.additional-links > ul > li:last-child { padding: 0; }
.social-links { padding: 10px 0; }
.social-list > li { float: left; margin: 0 15px 0 0;  -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;  -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
#main-nav .social-list li a:before { padding:3px;}
#main-nav .social-list li { margin-top:-3px; margin-right:9px; }
#main-nav .social-list { margin-left:-3px; }
.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'; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#header { position:relative; z-index:155; width:100%; min-height:100px; padding:23px 45px; -webkit-transform: translateZ(0); }
#content { width:100%; position:relative; z-index:55; height:auto; }
.container { padding:0px; width:1505px; position:relative; margin:0 auto; }
#background-color { background: #54a0d5 url(/_img/bg.jpg) repeat-x fixed; height:100%; width:100%; position:fixed; z-index:1; -webkit-overflow-scrolling: touch; top:0; left:0 }
.oldie #background-color { display:none }
#content { }
.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:902px; height:auto; margin-bottom:1px; margin-right:1px; float:left; position:relative }
.col4-3 { width:1203px; height:auto; margin-bottom:1px; margin-right:1px; position:relative }
.col1-3 { width:300px; height:280px; margin-bottom:1px; margin-right:1px; background:#333; float:left; position:relative }
.col2-3 { width:601px; height:561px; margin-bottom:1px; margin-right:1px; float:left; position:relative }
.col1-3.auto, .col2-3.auto { height:auto; }
.col1-3.double {height:561px; }
.col1-3.grey { padding:30px 35px 17px 35px; width:300px; }
.col2-3.grey, .col3-3.grey, .col4-3.grey { padding:75px 90px 74px 80px; background:#ccc; }
.col1-3.grey-bottom { padding:30px 35px; background:#333; z-index:33; }
.col2-3.grey-bottom { padding:45px 50px 32px 50px; background:#333; }
.element .col1-3, .element .col2-3, .element .col3-3 { margin:0 }
.bottom { position:absolute; bottom:30px; padding:0 50px; left:0; width:100% }
.col1-3 .bottom { padding:3px 35px; bottom:12px; }
a .bottom p { width:190px; }
.back-button { height:85px; }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/

/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow:hidden; }
.break { display:block; position:relative; height:1px; width:100%; }
.whole-tile { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:55; padding:30px 35px; }
.element.hybrid .images, .element.hybrid .service-item { position: absolute; top: 0; right: -0%; z-index: 22; -webkit-transition: right ease-in-out 0.33s; transition: right ease-in-out 0.33s; }
.element.hybrid:hover .images, .element.hybrid:hover .service-item { right: -100%; -webkit-transition: right ease-in-out 0.33s; transition: right ease-in-out 0.33s; }
.element > .elem-content { padding:30px 35px; width: 300px; }
.ct-part { padding:22px 0px 0px 0px; border-top:1px solid #ccc; height: auto; margin-top:9px; }
.ft-part { padding:24px 0px 31px 0px; border-top:1px solid #ccc; height: auto; margin-top:11px; }
.ct-part .indented { padding-left:20px; }
.ct-part sub { display: inline-block; font-size: 12px; position:relative; top:-10px; color:#999; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
.centered .ft-part .social-list { display:inline-block; }
.bottom .social-list { padding-bottom:19px; }
.element .social-list > li { margin: 0 11px 0 1px; }
.element .social-list > li > i { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:none; color:#888; padding-right:2px; font-weight:400; letter-spacing:0 }
.element .social-list > li > a { color: #999; position: relative; top: 1px; }
.element .social-list > li > a:before { font-size: 18px; display:block; margin-top:-2px; }
.element .tag { text-transform: none; display: inline-block; padding:0 8px 0 0; }
.element .tag > .tag-count { text-transform: none; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; color:#888 }
.element .tag:hover {color:#fff }

.divider { background:#555; height:1px; width:20px; display:inline-block; top:-3px; position:relative; margin:0 6px 0 5px; }
.post-page .divider {top:-13px }
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; /*float:left;*/ margin-bottom:16px; margin-top:5px; /*border:1px solid #999; border-radius:51%;*/ }
.icon-holder { position:relative; float:left; height:48px; width:48px; /*border:1px solid #999; border-radius:51%;*/ margin-top:5px; }
.col1-3 .icon-holder {  margin-right:20px; }
.centered .icons, .centered .icon-holder { float:none; display:inline-block; margin-right:0px; }
.map { background:url(../images/icons/bg-map.png) no-repeat center left; background-size:48px 48px; }
.winner { background:url(../images/icons/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; }
/* 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:902px; height:508px; }
.sliphoveritemTitle { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat','Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:block; text-decoration:none !important; color:#ccc !important }
.sliphoveritemTitle span { display:block; font-size:20px; font-weight:400; font-style:italic; line-height:1.5; font-family: 'Lora', Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; position:absolute; bottom:-3px; width:150px; color:#fff !important }
.sliphoveritemTitle i { display:block; font:30px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; right:-3px; font-style:normal !important; position:absolute; line-height:1.5; bottom:-5px; color:#fff !important; text-decoration:none !important }
.sliphoveritemTitle div { position:relative; padding-left:5px; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Compatibility Rules
--------------------------------------------------------------------------------------------------------*/
.lt-ie9 .pushed-left #content, .lt-ie9 .pushed-left #header, .lt-ie9 .pushed-left #footer, .lt-ie9 .pushed-left #background-color { position: relative; margin-left: -200px; }
.lt-ie9 .pushed-left .logo-wrapper, .lt-ie9 .pushed-left #footer .alignleft { position: relative; margin-left: 200px; }
.lt-ie9 #header { min-width: 960px; padding-left: 10px; padding-right: 10px; }
.lt-ie9 body, .lt-ie9 .content-wrapper { min-width: 960px; }
.lt-ie9 .pushed-left #main-nav { z-index: 200; }
/* =End Compatibility Rules
--------------------------------------------------------------------------------------------------------*/


/* =12. Footer
--------------------------------------------------------------------------------------------------------*/
#footer { min-height:91px; margin:0px; padding:28px 45px; width:100%; z-index:55; position:relative; webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); }
footer { z-index:1000 !important; }
footer p, footer p a { color:#888; line-height:32px; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:italic; font-size:13px; padding:0; border:0; text-decoration:none }
footer p a:hover { color:#999; }
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
--------------------------------------------------------------------------------------------------------*/


/* =13. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: circle; line-height:1.5; padding:0px 0px 13px 30px; text-align:left !important; font-size: 16px; font-family: 'Lora', Georgia, "Times New Roman", Times, serif; }
ol { list-style: decimal; line-height:1.5; padding:0px 0px 13px 30px; font-size: 16px; font-family: 'Lora', Georgia, "Times New Roman", Times, serif; }
.child ul.unordered-list, .child .hentry ul, .child ol { padding:10px 30px 0 50px; }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#ccc; text-decoration:none; border-bottom:1px solid #ccc; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #fff; }
.col2-3 ul.unordered-list { font-size:30px; line-height:1.3; margin-top:-5px; padding:0px 0px 13px 40px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =14. Price Tables
--------------------------------------------------------------------------------------------------------*/
.price-table { text-align:center; padding:0 35px; padding-bottom:30px; width:300px; }
.price-table p.price { font-size:60px; color:#ccc; letter-spacing:-2px; margin-left:-10px; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:600; padding-top:10px; padding-bottom:0 }
.price-table p.price span { font-size:18px; display:inline-block; padding-top:20px; padding-right:5px; font-weight:400; vertical-align:top }
.line-through { text-decoration: line-through; color:#bbb }
.price-table .price-details { line-height:2.0 }
.heading:before { background:none repeat scroll 0 0 rgba(216, 216, 216, 1); bottom:-7px; content:""; height:14px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:14px; margin-left:-7px; }
.heading:after { background:#333; bottom:-5px; content:""; height:16px; left:50%; margin-left:-8px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:16px; }
.heading { padding:30px 0px 12px 0px; position:relative; border-bottom:1px solid #d8d8d8; }
.heading h3 { border-bottom:0px; margin-bottom:0; }
a.button { border: none 0px transparent; background:#242423; padding:13px 22px; height: 40px; font-family: 'Montserrat','Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; display: inline-block; width: auto; margin: 17px 0px 0px 0px; cursor: pointer; text-transform:uppercase; line-height:12px; letter-spacing:2px; color:#fff; border:0 none; border-radius:50px; }
a.button:hover {background:#1d1d1d }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =15. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map { width:601px; height:561px; 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
--------------------------------------------------------------------------------------------------------*/