@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. Blog
15. Slider
16. GoogleMaps
17. Circle Animation
-------------------------------------------------------------------*/


/* =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 { display:inline-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
--------------------------------------------------------------------------------------------------------*/
/* horizontal centering */
.box-parent { position:relative; height:100%; width:100%; display:table; z-index:11 }
.parent { width:230px; margin:0px auto; position:relative; height:220px; z-index:11 }

/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0; }
.box-parent .child { padding-top:10px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html { -webkit-overflow-scrolling: touch; overflow-x: hidden; }
body.full-height { height:100%;  }
#wrap { z-index:1001; position:relative; }
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll;  }
body { -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing: antialiased;}

strong { font-weight:600; }
p strong { color:#555; }
a, a * { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-decoration:none; }
a, a:hover, a:focus { color:#2b2b2b; text-decoration:none; outline: 0; text-decoration:none; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; text-rendering: optimizeLegibility; outline: 0; }
*:focus, *:after:focus, *:before:focus { outline: 0; }

p { line-height:1.5; padding:0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position:relative;}
a { text-decoration:none; }
p a { color:#555; text-decoration:none; }
p a:hover { color:#2b2b2b; text-decoration:none; }
a p { color:#555; text-decoration:none;}
p.small { font-size:11px !important; text-transform:uppercase; font-weight:400; color:#555; letter-spacing:1px; font-family: 'proxima_nova_alt_rgbold'; padding-left:1px;}
p.small.boxed { background:rgba(146, 170, 99, 0.8); border-radius:3px; border:1px solid rgba(146, 170, 99, 1); display:inline-block; padding:3px 6px 4px 7px; opacity:1 !important; }
a p.small { color:#2b2b2b }
p.lefted, .lefted p { text-align:left }
p.large { font-size:17px;font-family: 'roboto_slablight';}
.info-box-content p.large, .header-wrapper p.large { max-width:624px; margin-left:auto; margin-right:auto; }
.extra-padding-top, .bg-white p, .auto-height p { padding-top:10px; }

blockquote { border:0; color:#888; font-style:italic; position:relative; margin:55px 0 20px; text-align:center; padding-bottom:0; }
blockquote p { margin-top:0 !important; font-size:20px; color:#555; }
blockquote::before { content:"“”" !important; position:absolute; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; left:50%; top:-25px; font-weight:600; width:50px; margin-left:-25px; color:#555; letter-spacing:0.1em; }
blockquote p.name { font-style:normal; color:#888; letter-spacing:0; font-weight:400; font-size:13px; margin-top:-5px; position:relative; }


.round-arrow-wrapper { border-radius:51%; border:1px solid rgba(255,255,255,0.4); width:48px; height:48px; text-align:center; padding-top:17px; margin-top:20px; margin-left:auto; margin-right:auto; }
.full-height-wrapper .round-arrow-wrapper { margin-top:30px; }
.arrow-right { height:12px; width:18px; display:block; position:relative; left:14px;
background:url(../images/arrow-right-white.png) no-repeat; background-size:18px 12px; } 
.arrow-down { height:18px; width:12px; display:block; position:relative; left:17px;
background:url(../images/arrow-down-white.png) no-repeat; background-size:12px 18px; top:-3px } 

.button {  border-radius:30px; border:2px solid #fff; padding:12px 25px 0px; line-height:1; height:36px; display:inline-block; margin-bottom:20px; margin-top:20px; font-size:12px !important; text-transform:uppercase; font-weight:400; letter-spacing:1px; font-family: 'proxima_nova_ltsemibold'; color:#fff;  }
.button:hover { color:#333; }

.button_grey {  border-radius:30px; border:1px solid #ccc; padding:12px 25px 0px; line-height:1; height:36px; display:inline-block; margin-bottom:20px;font-size:12px !important; text-transform:uppercase; font-weight:400; letter-spacing:1px; font-family: 'proxima_nova_ltsemibold'; color:#ccc; }
.button_grey:hover { color:#fff; background:#ccc; }


.button.alignright { margin-top:0px; }
.info-box-content .button, .expand-button .button, .info-box-content .button:hover, .expand-button  { color:#fff; border:2px solid #fff; margin-bottom:0; margin-top:30px;  }
.info-box-content .button:hover, .expand-button .button:hover, a:hover .info-box-content .button {  }
.show-at-sm { display:none }

.client { width:100%; border:0; padding:0px; opacity:1; position:relative; opacity:0.4; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; cursor:pointer }
.col-lg-12 .client { width:16.666%; float:left; }
.col-lg-4 .client, .col-lg-3 .client { width:50%; float:none; margin-bottom:15px; }
.col-lg-3 .client { width:65%; }
.client:hover, .client.no-link { opacity:1; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:table; position:relative; float:left; margin:0; height:72px; }
h1#logo a { display:table-cell; background:url(../images/bg-logo@2x.png) center no-repeat; background-size:60px 60px; width:60px; /*try to keep it below 60px*/ height:60px; text-indent:-9999px; vertical-align:middle }
.tagline { float:left; font-size:15px; font-family: 'proxima_nova_alt_rgbold'; font-weight:600; padding:0 0 0 16px; margin:0px auto; position:relative; display:table; height:72px; color:#2b2b2b; line-height:1.25; margin-top:-1px; }
.tagline span { vertical-align:middle; display:table-cell }
.tagline-sub { font-size: 12px; font-family:Lora, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#888; font-weight:400; position:relative; top:5px; }
.numbers, h1, h2, h3, h4, h5, h6 { line-height:1.3; color:#2b2b2b; display:block; position:relative; font-family:"Montserrat", Arial, Helvetica, sans-serif; font-weight:600; }
h1 { font-size:60px; line-height:1.1;  margin-bottom:20px; }
h2 { font-size:43px; line-height:1.2; letter-spacing:1px; }
h2 strong { letter-spacing:-1px; }
h3 { font-size:28px; line-height:1.25; }
h4 { font-size:22px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
.numbers { font-weight:400; font-size:48px; line-height:1; letter-spacing:-2px; padding-bottom:10px; padding-top:10px }

h1 span, h2 span, h3 span { font-family:"Lora", Arial, Helvetica, sans-serif; font-weight:400; font-style:italic; }

span.phone-number { font-family:"Montserrat", Arial, Helvetica, sans-serif; font-style:normal; font-weight:600; }

.header-wrapper h2 { max-width:674px; margin-left:auto; margin-right:auto; }
.header { margin-top:0px; max-width:974px; margin-left:auto; margin-right:auto;  font-family: 'proxima_nova_ltsemibold'; letter-spacing:1px; }
.lone-header { margin-top:-10px; }
.more-margin { margin-top:20px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/





/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#header { position:relative; z-index:155; width:100%; min-height:100px; padding:13px 45px; -webkit-transform: translateZ(0); background:rgba(255,255,255,1); }
#content { width:100%; position:relative; z-index:55; height:auto; min-height:calc(100vh - 100px); }
section.white { background:#fff; }
.container { position:relative; margin:0 auto; }

.pushed-left #wrap, .pushed-left #footer { -webkit-transform: translate3d(-200px, 0px, 0px); transform: translate3d(-200px, 0px, 0px); }
.pushed-left-alt #wrap, .no-csstransforms3d .pushed-left #wrap, .pushed-left-alt #footer, .no-csstransforms3d .pushed-left #footer { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
#wrap, #footer { -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; }

.full-height .container, .container.full-width { width:100%; padding-left:0; padding-right:0; }
.container.header-wrapper { padding-bottom:75px; padding-top:60px; text-align:center }
.header-section, .bottom-section { margin:0 0 40px; text-align:center }
.bottom-section { margin-top:15px; }
.container.no-header { padding-top:70px; padding-bottom:70px; }
.container.with-header { padding-top:0px; padding-bottom:70px; margin-top:-20px; }
.ajax-content .container.full-width { background:#fff; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.add-padding { padding:5px 30px; }
.no-padding { padding:0 !important; }

.full-height-wrapper { height:100%; width:100%; overflow:hidden; }

#Container .mix { display: none; margin:0 !important; padding:0 !important; overflow:hidden }
.full-height #Container .mix { display: inline-block; }

.full-height #Container .col-lg-8, div.full-height  { height:calc(100vh - 100px)  !important; margin:0 !important; padding:0 !important;}
.full-height #Container .col-lg-4  { height:calc(50vh - 50px)  !important; }
div.full-height.not-completely-full { height:calc(75vh - 100px)  !important; }
.auto-height {  padding:75px 0 !important; }

.bottom { vertical-align:bottom; display:table-cell; }

.half-width { width:50%; display:block }
.containing-image-wrapper { height:100%; padding:0; position:absolute; left:0; top:0; }
.containing-image-wrapper.right { right:0; left:auto; }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow:hidden; }
.break { display:block; position:relative; height:20px; width:100%; }
.borderline { border-bottom:1px solid rgba(0,0,0,0.05); height:1px; position:relative; width:100%; margin:40px 0 30px; }

.bg-white, .bg-grey { background:#f5f5f5; padding:90px; padding-top:75px; }
.col-lg-4.bg-white, .col-lg-4.bg-grey { padding:45px; }
.ajax-content .col-lg-4.bg-white { padding-top:55px; }
.bg-white { background:#fff; }

.background-image1 { background:url(../images/fullscreen06.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image2 { background:url(../images/project04-large.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.background-image3 { background:url(../images/fullscreen05.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.background-image4 { background:url(../images/fullscreen04.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.background-image5 { background:url(../images/fullscreen21.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.background-image6 { background:url(../images/fullscreen01.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.background-image7 { background:url(../images/fullscreen20.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.background-image8 { background:url(../index_files/fullscreen07.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.background-image9 { background:url(../index_files/fullscreen_choc.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.background-image10 { background:url(../images/fullscreen23.jpg) no-repeat center; height:100%; display:block; width:100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.min-full-height { min-height:100vh; }

.nav-tabs { margin-bottom:45px; padding-left:0px; padding-top:10px; text-align:center; }
.nav-tabs > li { float:none; }
.nav > li { display:inline-block; }
.nav-tabs > li > a { border-radius:0; font-size:13px; font-weight:600; font-family: "Montserrat", Arial, Helvetica, sans-serif; color:#2b2b2b; background:#fff; border:0; width:auto; height:88px; padding-top:58px; margin:0 10px; opacity:0.6}
.nav-tabs > li > a:hover { background:#fff; color:#2b2b2b; border:0; opacity:1 }
.nav-tabs li a#first-tab { background:url(../images/icons/bg-target@2x.png) no-repeat top center; background-size:48px 48px; }
.nav-tabs li a#second-tab { background:url(../images/icons/bg-keynote@2x.png) no-repeat top center; background-size:48px 48px; }
.nav-tabs li a#third-tab { background:url(../images/icons/bg-sofa@2x.png) no-repeat top center; background-size:48px 48px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color:#2b2b2b; border:0; border-bottom:1px solid #999; opacity:1 }
.tab-content p { padding-bottom:10px; }

.customer { margin:40px 0 20px 0; }
.customer .avatar { float:left; margin-right:15px; }
.customer .avatar img { width:45px; height:45px; }
.customer p { margin-bottom:3px; }
.customer p.small { color:#888; }
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.social-list { padding-bottom:20px; padding-top:10px; margin:0; font-size:0; }
.social-list li { display:inline-block; padding:0 3px; position:relative; }
.social-list li a i { color:#555; font-size:16px; }
.social-list.aligncenter { padding:0 !important; margin:0 !important; position:relative; top:18px; margin-left:10px !important; }

nav .social-list li { padding:0 10px 0 0; }
nav .social-list li a { border:0 !important; }
nav .social-list li a i, #footer .social-list li a i { color:rgba(255,255,255,0.6); }
nav .social-list li a:hover i, #footer .social-list li a:hover i { color:rgba(255,255,255,1); }

.social-list.alignright li { padding:0 0 0 10px }


.circled { border:1px solid #d8d8d8; border-radius:51%; width:42px; height:42px; text-align:center; display:table !important; }
.circled i.fa { vertical-align:middle; display:table-cell; font-size:16px; margin:0 !important; width:100%; padding:0 !important; }

.info-box-content .social-list { margin-top:20px; padding-bottom:0; }
.info-box-content .circled { border:1px solid rgba(255,255,255,0.4); }
.info-box-content i.fa { color:#fff !important; }

.icons.map { background:url(../images/icons/bg-map@2x.png) no-repeat center left; background-size:48px 48px; }
.icons.winner { background:url(../images/icons/bg-winner@2x.png) no-repeat center; background-size:48px 48px; }
.icons.time { background:url(../images/icons/bg-time@2x.png) no-repeat center; background-size:48px 48px; }
.icons.pig { background:url(../images/icons/bg-pig@2x.png) no-repeat center; background-size:48px 48px; }
.icons.adjust { background:url(../images/icons/bg-adjust@2x.png) no-repeat center; background-size:48px 48px; }
.icons.team { background:url(../images/icons/bg-team@2x.png) no-repeat center; background-size:48px 48px; }
.icons.works { background:url(../images/icons/bg-works@2x.png) no-repeat center; background-size:48px 48px; }
.icons.chat { background:url(../images/icons/bg-chat@2x.png) no-repeat center; background-size:48px 48px; }
.icons.notes { background:url(../images/icons/bg-notes@2x.png) no-repeat center; background-size:48px 48px; }
.icons.camera { background:url(../images/icons/bg-camera@2x.png) no-repeat center; background-size:48px 48px; }
.icons.illustration { background:url(../images/icons/bg-illustration@2x.png) no-repeat center; background-size:48px 48px; }
.icons.social { background:url(../images/icons/bg-social@2x.png) no-repeat center; background-size:48px 48px; }
.icons.vector { background:url(../images/icons/bg-vector@2x.png) no-repeat center; background-size:48px 48px; }
.icons.commerce { background:url(../images/icons/bg-commerce@2x.png) no-repeat center; background-size:48px 48px; }
.icons.search { background:url(../images/icons/bg-search@2x.png) no-repeat center; background-size:48px 48px; }
.icons.like { background:url(../images/icons/bg-like@2x.png) center no-repeat; background-size:48px 48px; }
.icons.share { background:url(../images/icons/bg-share@2x.png) center no-repeat; background-size:48px 48px; }
.icons.document { background:url(../images/icons/bg-document@2x.png) center no-repeat; background-size:48px 48px; }
.icons.apple { background:url(../images/icons/bg-apple@2x.png) center no-repeat; background-size:48px 48px; }
.icons.balance { background:url(../images/icons/bg-balance@2x.png) center no-repeat; background-size:48px 48px; }
.icons.beaker { background:url(../images/icons/bg-beaker@2x.png) center no-repeat; background-size:48px 48px; }
.icons.beer { background:url(../images/icons/bg-beer@2x.png) center no-repeat; background-size:48px 48px; }
.icons.books { background:url(../images/icons/bg-books@2x.png) center no-repeat; background-size:48px 48px; }
.icons.box { background:url(../images/icons/bg-box@2x.png) center no-repeat; background-size:48px 48px; }
.icons.cake { background:url(../images/icons/bg-cake@2x.png) center no-repeat; background-size:48px 48px; }
.icons.calcuLator { background:url(../images/icons/bg-calcuLator@2x.png) center no-repeat; background-size:48px 48px; }
.icons.cd { background:url(../images/icons/bg-cd@2x.png) center no-repeat; background-size:48px 48px; }
.icons.champagne { background:url(../images/icons/bg-champagne@2x.png) center no-repeat; background-size:48px 48px; }
.icons.chart { background:url(../images/icons/bg-chart@2x.png) center no-repeat; background-size:48px 48px; }
.icons.cheese { background:url(../images/icons/bg-cheese@2x.png) center no-repeat; background-size:48px 48px; }
.icons.court { background:url(../images/icons/bg-court@2x.png) center no-repeat; background-size:48px 48px; }
.icons.delivery { background:url(../images/icons/bg-delivery@2x.png) center no-repeat; background-size:48px 48px; }
.icons.dvd { background:url(../images/icons/bg-dvd@2x.png) center no-repeat; background-size:48px 48px; }
.icons.eco { background:url(../images/icons/bg-eco@2x.png) center no-repeat; background-size:48px 48px; }
.icons.film { background:url(../images/icons/bg-film@2x.png) center no-repeat; background-size:48px 48px; }
.icons.grape { background:url(../images/icons/bg-grape@2x.png) center no-repeat; background-size:48px 48px; }
.icons.hot { background:url(../images/icons/bg-hot@2x.png) center no-repeat; background-size:48px 48px; }
.icons.house { background:url(../images/icons/bg-house@2x.png) center no-repeat; background-size:48px 48px; }
.icons.icecream { background:url(../images/icons/bg-icecream@2x.png) center no-repeat; background-size:48px 48px; }
.icons.joystick { background:url(../images/icons/bg-joystick@2x.png) center no-repeat; background-size:48px 48px; }
.icons.keynote { background:url(../images/icons/bg-keynote@2x.png) center no-repeat; background-size:48px 48px; }
.icons.link { background:url(../images/icons/bg-link@2x.png) center no-repeat; background-size:48px 48px; }
.icons.magic { background:url(../images/icons/bg-magic@2x.png) center no-repeat; background-size:48px 48px; }
.icons.mail { background:url(../images/icons/bg-mail@2x.png) center no-repeat; background-size:48px 48px; }
.icons.microphone { background:url(../images/icons/bg-microphone@2x.png) center no-repeat; background-size:48px 48px; }
.icons.network { background:url(../images/icons/bg-network@2x.png) center no-repeat; background-size:48px 48px; }
.icons.palette { background:url(../images/icons/bg-palette@2x.png) center no-repeat; background-size:48px 48px; }
.icons.plaster { background:url(../images/icons/bg-plaster@2x.png) center no-repeat; background-size:48px 48px; }
.icons.player { background:url(../images/icons/bg-player@2x.png) center no-repeat; background-size:48px 48px; }
.icons.polaroid { background:url(../images/icons/bg-polaroid@2x.png) center no-repeat; background-size:48px 48px; }
.icons.printer { background:url(../images/icons/bg-printer@2x.png) center no-repeat; background-size:48px 48px; }
.icons.pulse { background:url(../images/icons/bg-pulse@2x.png) center no-repeat; background-size:48px 48px; }
.icons.radio { background:url(../images/icons/bg-radio@2x.png) center no-repeat; background-size:48px 48px; }
.icons.recorder { background:url(../images/icons/bg-recorder@2x.png) center no-repeat; background-size:48px 48px; }
.icons.scissors { background:url(../images/icons/bg-scissors@2x.png) center no-repeat; background-size:48px 48px; }
.icons.select { background:url(../images/icons/bg-select@2x.png) center no-repeat; background-size:48px 48px; }
.icons.serving { background:url(../images/icons/bg-serving@2x.png) center no-repeat; background-size:48px 48px; }
.icons.share { background:url(../images/icons/bg-share@2x.png) center no-repeat; background-size:48px 48px; }
.icons.shop { background:url(../images/icons/bg-shop@2x.png) center no-repeat; background-size:48px 48px; }
.icons.shopping { background:url(../images/icons/bg-shopping@2x.png) center no-repeat; background-size:48px 48px; }
.icons.smartphone { background:url(../images/icons/bg-smartphone@2x.png) center no-repeat; background-size:48px 48px; }
.icons.sofa { background:url(../images/icons/bg-sofa@2x.png) center no-repeat; background-size:48px 48px; }
.icons.syringe { background:url(../images/icons/bg-syringe@2x.png) center no-repeat; background-size:48px 48px; }
.icons.tape { background:url(../images/icons/bg-tape@2x.png) center no-repeat; background-size:48px 48px; }
.icons.target { background:url(../images/icons/bg-target@2x.png) center no-repeat; background-size:48px 48px; }
.icons.television { background:url(../images/icons/bg-television@2x.png) center no-repeat; background-size:48px 48px; }
.icons.video { background:url(../images/icons/bg-video@2x.png) center no-repeat; background-size:48px 48px; }
.icons.walkman { background:url(../images/icons/bg-walkman@2x.png) center no-repeat; background-size:48px 48px; }
.icons.zoom { background:url(../images/icons/bg-zoom@2x.png) center no-repeat; background-size:48px 48px; }
.icons.tags { background:url(../images/icons/bg-tags@2x.png) center no-repeat; background-size:48px 48px; }
.icons.quote { background:url(../images/icons/bg-quote@2x.png) center no-repeat; background-size:48px 48px; }
.icons.certified { background:url(../images/icons/bg-certified@2x.png) center no-repeat; background-size:48px 48px; }
.icons.mediation { background:url(../images/icons/bg-mediation@2x.png) center no-repeat; background-size:48px 48px; }

.icons { position:relative; height:48px; width:48px; float:left; margin-top:18px; margin-bottom:20px; }
.centered .icons, .header-section .icons { float:none; display:inline-block; height:48px; width:48px; margin-top:5px; margin-bottom:0px; z-index:2; }
.next-to-icon { margin-left:73px; }
.icons.rounded { border:2px solid #2b2b2b; padding:45px; height:98px; width:98px; margin-bottom:10px; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display:block; position:relative; }
article .images { margin:40px 0; }
.auto-height .images { position:absolute; left:0; top:0; }
img {  }
.round img { border:0 none; border-radius:50%; }

.videos { width:1140px; height:650px; border:0;}
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; margin:30px 0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.musicWrapper { position:relative; height:auto; margin-bottom:-6px; padding:30px 0 35px; }
.musicWrapper iframe { width:100%; height:auto; }

.overlay { display:block; position:absolute; top:0; background-color:rgba(29, 29, 29, 0.5); width:100%; height:100%; -webkit-transition: all 0.2s ease 0.0s; transition: all 0.2s ease 0.0s; }

.covering-image { position:absolute; left:0; top:0; width:100%; height:100%; border:0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; z-index:19; background:rgba(29, 29, 29, 0.5); display:block; opacity:0; visibility:hidden; }
a:hover .covering-image, .team-member:hover .covering-image {  background:rgba(29, 29, 29, 0.55); -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;  opacity:1; visibility:visible; }

.info-box-content { height:100%; width:100%; position:absolute; left:0; top:0; }
.info-box-content .parent { height:100%; width:100%; padding:45px 90px; text-align:center; }
.team-member .info-box-content .parent { padding:45px 45px; }
.full-height .col-lg-8 .info-box-content .parent, .col-lg-12.full-height .info-box-content .parent, .slider .parent { padding:90px 180px; }

.auto-height .info-box-content { height:auto; position:relative; left:auto; top:auto; }

.covering-image p, .covering-image h3, .covering-image h2, .covering-image h4, .covering-image h5  { color:#fff !important; bottom:-10px; position:relative; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.covering-image h3 { margin:0px; }
a:hover .covering-image p, a:hover .covering-image h3, a:hover .covering-image h2, a:hover .covering-image h4, a:hover .covering-image h5, .team-member:hover .covering-image h3, .team-member:hover .covering-image p  { bottom:-2px; position:relative; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.info-box-content h3, .info-box-content h2, .info-box-content h4, .info-box-content h5, .info-box-content span { color:#fff !important; margin-bottom:0; }
.info-box-content p, .info-box-content h1 { color:#fff !important; }
.info-box-content p.small { opacity:0.7; }
span.small { display:block; color:#2b2b2b; margin-top:20px; padding-bottom:3px; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/




/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display:block; position:relative; }
article .images { margin:40px 0; }
.auto-height .images { position:absolute; left:0; top:0; }
img { width:100%; display: block; max-width: 100%; z-index:9; box-shadow: #fff 0 0 0; -webkit-box-shadow:#fff 0 0 0; }
.round img { border:0 none; border-radius:50%; }

.videos { width:1140px; height:650px; border:0;}
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; margin:30px 0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.musicWrapper { position:relative; height:auto; margin-bottom:-6px; padding:30px 0 35px; }
.musicWrapper iframe { width:100%; height:auto; }

.overlay { display:block; position:absolute; top:0; background-color:rgba(29, 29, 29, 0.5); width:100%; height:100%; -webkit-transition: all 0.2s ease 0.0s; transition: all 0.2s ease 0.0s; }

.covering-image { position:absolute; left:0; top:0; width:100%; height:100%; border:0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; z-index:19; background:rgba(29, 29, 29, 0.5); display:block; opacity:0; visibility:hidden; }
a:hover .covering-image, .team-member:hover .covering-image {  background:rgba(29, 29, 29, 0.55); -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;  opacity:1; visibility:visible; }

.info-box-content { height:100%; width:100%; position:absolute; left:0; top:0; }
.info-box-content .parent { height:100%; width:100%; padding:45px 90px; text-align:center; }
.team-member .info-box-content .parent { padding:45px 45px; }
.full-height .col-lg-8 .info-box-content .parent, .col-lg-12.full-height .info-box-content .parent, .slider .parent { padding:90px 180px; }

.auto-height .info-box-content { height:auto; position:relative; left:auto; top:auto; }

.covering-image p, .covering-image h3, .covering-image h2, .covering-image h4, .covering-image h5  { color:#fff !important; bottom:-10px; position:relative; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.covering-image h3 { margin:0px; }
a:hover .covering-image p, a:hover .covering-image h3, a:hover .covering-image h2, a:hover .covering-image h4, a:hover .covering-image h5, .team-member:hover .covering-image h3, .team-member:hover .covering-image p  { bottom:-2px; position:relative; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.info-box-content h3, .info-box-content h2, .info-box-content h4, .info-box-content h5, .info-box-content span { color:#fff !important; margin-bottom:0; }
.info-box-content p, .info-box-content h1 { color:#fff !important; }
.info-box-content p.small { opacity:0.7; }
span.small { display:block; color:#2b2b2b; margin-top:20px; padding-bottom:3px; }
/* End Image Hover



/* =11. Compatibility Rules
--------------------------------------------------------------------------------------------------------*/
.lt-ie9 .pushed-left #wrap, .lt-ie9 .pushed-left #footer, .lt-ie9 .pushed-left #background-color { 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 { background:#1d1d1d; min-height:91px; margin:0px; width:100%; z-index:1; position:fixed; bottom:0px; webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); }
#footer .padding-wrapper { padding:31px 45px 29px; }
footer { z-index:1000 !important; }
footer p { color:rgba(255, 255, 255, 0.6); font-size:13px; padding:0; border:0; text-decoration:none }
footer p a { color:rgba(255, 255, 255, 0.6); }
footer p a:hover { color:rgba(255, 255, 255, 1) }
span.padding { padding:0 3px; }
footer .social-list { margin-left:20px; padding:0; padding-top:2px; }
footer i.fa-heart { color:rgba(146, 170, 99, 1); }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =13. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul, ol { list-style: disc; line-height:1.5; padding:10px 0px 10px 30px; font-size: 15px; font-family:Lora, "Helvetica Neue", Helvetica, Arial, sans-serif; font-style:italic; margin-bottom:0; }
ol { list-style: decimal; }
.bottom-section ul.unordered-list, .bottom-section ol { padding:0px; padding-top:10px; list-style: none; }
ul.unordered-list li { padding-bottom:7px; }
ul.unordered-list li:last-child { padding-bottom:0px; }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#555; text-decoration:underline; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; text-decoration:underline; }

ul.tag-list { list-style: none; line-height:1.5; padding:17px 0px 10px 0px; text-align:center; font-size:0; max-width:574px; margin:0 auto; }
ul.tag-list li { display:inline-block }
ul.tag-list li a { background:none; width:auto; height:auto; border:1px solid #d8d8d8; padding: 10px 12px 12px; margin: 10px 5px 0px 5px; font-size:10px !important; text-transform:uppercase; font-weight:400; letter-spacing:1px; font-family:"Montserrat", Arial, Helvetica, sans-serif; line-height:1; display: inline-block; color:#555; border-radius:3px; }
ul.tag-list li a:hover { border:1px solid #999; -webkit-transition: border 0.2s ease 0s; transition: border 0.2s ease 0s; }
ul.tag-list li a span { border-left:1px solid #d8d8d8; padding-left:13px; margin-left:10px }

ul.filter-list { margin:0; position:relative; display:inline-block; border:1px solid #d8d8d8; border-radius:30px; padding:9px 23px 10px; margin-top:20px; margin-bottom:15px; }
ul.filter-list li { list-style:none; line-height:1.5; float:left; cursor:pointer; font-size:11px !important; text-transform:uppercase; font-weight:400; letter-spacing:1px; font-family:"Montserrat", Arial, Helvetica, sans-serif; margin-right:12px;}
ul.filter-list li:last-child { margin-right:0; }
.filter { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.filter.active, .filter:hover { color:#555; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
ul.filter-list li.alignright { float:right; margin:0; margin-left:10px; }

.boxed-list { border:1px solid #d8d8d8; border-radius:3px; padding:10px;  }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =14. Blog
--------------------------------------------------------------------------------------------------------*/
.avatar { float:left; margin-right:30px; }
.avatar img { width:110px; height:110px; border-radius:51%; }
.left-to-avatar { text-align:left !important; padding-left:140px; }

.comment { padding: 40px 0 35px 0; border-top: 1px solid #eee; position:relative; text-align:left }
.comment.reply.level-1 { padding-left: 6.6%; }
.commenter-avatar { float: left; padding: 0 30px 30px 0; width:auto; }
.commenter-avatar > img { width: 65px; height:65px; border-radius:51%; }
.comment-content { float: left; width:calc(100% - 95px); }
.comment-content h5 { margin-top:-5px; margin-bottom:20px; }
p.time { font-size:13px; font-style:italic; color:#888; }
.comment-reply-button-column { position:absolute; right:0; top:40px; width: auto; }
.comment-reply-button-column a { margin:5px 0px 0px 0px !important; font-size:10px !important; padding:8px 20px 10px !important; height:auto !important }
.comment-form-wrapper { padding: 39px 0 0px 0; position: relative; border-top: 1px solid #eee; }
.comment-form-icon-wrapper { position: relative; display: block; height: 66px; width: 66px; border:0 none; border:1px solid #d8d8d8; cursor:pointer; border-radius:51%; float:left; margin-right:30px; background:url(../images/icons/bg-upload@2x.png) center no-repeat; background-size:24px 24px; }
.comment-form { text-align:left; padding-left:95px; width:100%; }
.comment-form > input, .comment-form > textarea { padding: 12px 15px 14px; margin-bottom: 10px; border:1px solid #d8d8d8; text-align: left; border-radius:3px; line-height: 20px; }
input:focus, textarea:focus { background:#f5f5f5; }
.comment-form.contact-form input { float:left; margin-right:10px; }
input.last { margin-right:0 !important }
.comment-form > textarea { width: 100%; height: 174px; }
.comment-form .send-btn { margin-left:0; margin-right:0; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =15. Slider
--------------------------------------------------------------------------------------------------------*/
section { position:relative; }
section.slider { position:relative; display:block; height:calc(100vh - 100px); width:100%; }
.ajax-content section.slider { height:70vh; }
.bx-container { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0; overflow:hidden }
.bx-container img { position:absolute; top:0px; left:0px; width:100%; z-index: 101; display:none; max-width:none; }
.bx-canvas { position:absolute; top:0px; left:0px; width:100%; }
/* End Slider
--------------------------------------------------------------------------------------------------------*/


/* =16. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map { width:100%; height:100%; 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; }

.contact-map-overlay { display:block; position:absolute; top:0; background:#92aa63; width:100%; height:100%; -webkit-transition: all 0.2s ease 0.0s; transition: all 0.2s ease 0.0s; opacity:0.6; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =17. Circle Animation
--------------------------------------------------------------------------------------------------------*/
.round-arrow-wrapper, #nav-button { position:relative; }
.round-arrow-wrapper:hover .circle-anim, .menu-trigger:hover + .cursor .circle-anim, a:hover .circle-anim { opacity:1; }
.circle-anim { opacity:0; -webkit-animation:circle 1.2s linear infinite; animation:circle 1.2s linear infinite; clip:rect(0, 48px, 48px, 24px);  height: 48px; width: 48px; position: absolute; left: calc(50% - 24px); top: calc(50% - 24px); -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-list .circle-anim { opacity:0; -webkit-animation:circle 1.2s linear infinite; animation:circle 1.2s linear infinite; clip:rect(0, 42px, 42px, 21px);  height: 42px; width: 42px; position: absolute; left: calc(50% - 21px); top: calc(50% - 21px); }
.comment-form-icon-wrapper .circle-anim { opacity:0; -webkit-animation:circle 1.2s linear infinite; animation:circle 1.2s linear infinite; clip:rect(0, 66px, 66px, 33px);  height: 66px; width: 66px; position: absolute; left: calc(50% - 33px); top: calc(50% - 33px); }



@-webkit-keyframes circle {
  0% { 
   -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% { 
  -webkit-transform:rotate(220deg);
    transform: rotate(220deg);
  }
}
@keyframes circle {
  0% { 
   -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% { 
  -webkit-transform:rotate(220deg);
    transform: rotate(220deg);
  }
}
.circle-anim:after {  box-shadow: inset #fff 0 0 0 1px; -webkit-animation:circleline 1.2s ease-in-out infinite; animation:circleline 1.2s ease-in-out infinite; clip: rect(0, 48px, 48px, 24px); content:''; border-radius: 50%; height: 48px; width: 48px; position: absolute; left:0; top:0; } 
.social-list .circle-anim:after { box-shadow: inset #fff 0 0 0 1px; -webkit-animation:circleline 1.2s ease-in-out infinite; animation:circleline 1.2s ease-in-out infinite; clip: rect(0, 42px, 42px, 21px); content:''; border-radius: 50%; height: 42px; width: 42px; position: absolute; left:0; top:0; } 
.comment-form-icon-wrapper .circle-anim:after {  box-shadow: inset #fff 0 0 0 1px; -webkit-animation:circleline 1.2s ease-in-out infinite; animation:circleline 1.2s ease-in-out infinite; clip: rect(0, 66px, 66px, 33px); content:''; border-radius: 50%; height: 66px; width: 66px; position: absolute; left:0; top:0; } 

#nav-button .circle-anim:after { box-shadow: inset #999 0 0 0 1px; height: 48px; width: 48px;}
.comment-form-icon-wrapper .circle-anim:after { box-shadow: inset #999 0 0 0 1px; height: 66px; width: 66px; }
.social-list.not-white .circle-anim:after { box-shadow: inset #999 0 0 0 1px; height: 42px; width: 42px;}
@-webkit-keyframes circleline {
  0% {
	-webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  50% {

  }
  100% {
	-webkit-transform: rotate(140deg);
    transform: rotate(140deg);
  }
}
@keyframes circleline {
  0% {
	-webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  50% {
  }
  100% {
	-webkit-transform: rotate(140deg);
    transform: rotate(140deg);
  }
}

/* End Circle Animation
--------------------------------------------------------------------------------------------------------*/