@charset "utf-8";

/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello1b1b.eot?3837060');
 src: url('../fonts/fontello1b1b.eot?3837060#iefix') format('embedded-opentype'), url('../fonts/fontello1b1b.woff?3837060') format('woff'), url('../fonts/fontello1b1b.ttf?3837060') format('truetype'), url('../fonts/fontello1b1b.svg?3837060#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?43886684#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:#2B3964; 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:#ccc; background:#1D1D1D; height:100% }
strong { font-weight:600; color:#fff }
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; }
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:'Lora','Roboto', '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:#F9CC7B !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:#F9CC7B; padding-right:2px; font-weight:400; letter-spacing:0 }
span.arrow { font:20px 'Roboto', '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:#F9CC7B; }
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:#F9CC7B; font-size:11px; letter-spacing:0; font-family:'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:none }
em { font-style:italic; font-family:'Roboto', '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; position:relative; float:left }
h1#logo a { display:block; background:url(../images/bg-logo.png) center no-repeat; background-size:60px 52px; width:60px; /*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:#ccc; display:block; position:relative; padding-bottom:13px;  }
h2 a, h3 a, h4 a, h5 a {color:#fff }
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:#fff }
.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:"Roboto", 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:#F9CC7B; 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: 30px; right: 36px; font-size: 26px; color: #F9CC7B; -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: #F9CC7B; font-size: 18px; font-family: 'Lora',"Roboto", Arial, Helvetica, sans-serif; letter-spacing:1px; font-weight: 700; }
#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:1300px; position:relative; margin:0 auto; }
#background-color { background:#580313; height:100%; width:100%; position:fixed; z-index:1; -webkit-overflow-scrolling: touch; top:0; left:0 }
.oldie #background-color { display:none }
#content { background:#580313; }
.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:#3482AA; 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:#3482AA; }
.col1-3.grey-bottom { padding:30px 35px; background:#3482AA; z-index:33; }
.col2-3.grey-bottom { padding:45px 50px 32px 50px; background:#3482AA; }
.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:#F9CC7B; font-family: 'Roboto', '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:#F9CC7B; padding-right:2px; font-weight:400; letter-spacing:0 }
.element .social-list > li > a { color: #F9CC7B; 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: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; color:#F9CC7B }
.element a .tag:hover {color:#fff; border:0 !important; }

.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 #F9CC7B; border-radius:51%;*/ }
.icon-holder { position:relative; float:left; height:48px; width:48px; /*border:1px solid #F9CC7B; 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:'Lora','Roboto', 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 'Roboto', '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:#F9CC7B; line-height:32px; font-family:'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:italic; font-size:13px; padding:0; border:0; text-decoration:none }
footer p a:hover { color:#fff; border:0; }
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: #F9CC7B; 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:'Roboto', '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:#3482AA; 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:#2B3964; padding:13px 22px; height: 40px; font-family: 'Lora','Roboto', '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
--------------------------------------------------------------------------------------------------------*/

.wrap {
	height: 350px;
	margin: 100px auto 0;
	position: relative;
	width: 700px;
}

.slider {
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	-o-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}

.slides {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}

.slide1 { background-image: url(../images/1.png); }
.slide2 { background-image: url(../images/2.png); }
.slide3 { background-image: url(../images/3.png); }
.slide4 { background-image: url(../images/4.png); }
.slide5 { background-image: url(../images/5.png); }
.slide6 { background-image: url(../images/6.png); }
.slide7 { background-image: url(../images/7.png); }
.slide8 { background-image: url(../images/8.png); }
.slide9 { background-image: url(../images/9.png); }
.slide10 { background-image: url(../images/10.png); }

#slide1:checked ~ .slider > .slide1,
#slide2:checked ~ .slider > .slide2,
#slide3:checked ~ .slider > .slide3,
#slide4:checked ~ .slider > .slide4,
#slide5:checked ~ .slider > .slide5,
#slide6:checked ~ .slider > .slide6,
#slide7:checked ~ .slider > .slide7,
#slide8:checked ~ .slider > .slide8,
#slide9:checked ~ .slider > .slide9,
#slide10:checked ~ .slider > .slide10
 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.wrap > input {
	display: none;
}

.wrap .controls {
	left: 50%;
	margin-left: -98px;
	position: absolute;
}

.wrap label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 25px 12px 0 16px;
	position: relative;
	width: 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background ease-in-out .5s;
	-moz-transition: background ease-in-out .5s;
	-o-transition: background ease-in-out .5s;
	transition: background ease-in-out .5s;
}

.wrap label:hover, 
#slide1:checked ~ .controls label:nth-of-type(1),
#slide2:checked ~ .controls label:nth-of-type(2),
#slide3:checked ~ .controls label:nth-of-type(3),
#slide4:checked ~ .controls label:nth-of-type(4),
#slide5:checked ~ .controls label:nth-of-type(5),
#slide6:checked ~ .controls label:nth-of-type(6),
#slide7:checked ~ .controls label:nth-of-type(7),
#slide8:checked ~ .controls label:nth-of-type(8),
#slide9:checked ~ .controls label:nth-of-type(9),
#slide10:checked ~ .controls label:nth-of-type(10) {
	background: #ddd;
}

.wrap label:after {
	border: 2px solid #ddd;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}