<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*-----------------------------------------------------------------------------------

	Theme Name: Kenji
	Theme URI: http://kenji.it
	Description: Template
	Author: Kenji Office
	Version: 4.4

-----------------------------------------------------------------------------------*/

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=715095ae330c607d303129e943c5e33c)
 * Config saved to config.json and https://gist.github.com/715095ae330c607d303129e943c5e33c
 *//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */hr,img,legend{border:0}legend,td,th{padding:0}body,figure{margin:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;color:#337ab7;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}.img-thumbnail,body{background-color:#fff}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{vertical-align:middle}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}[role=button]{cursor:pointer}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}

/* Portfolio &amp; Blog Single - Masonry
-----------------------------------------------------------------*/

.masonry-thumbs { position: relative; }

.masonry-thumbs a {
	position: relative;
	float: left;
	width: 25%;
	max-width: 100% !important;
	overflow: hidden;
}

.masonry-thumbs.col-2 a { width: 50%; }

.masonry-thumbs.col-3 a { width: 33.30%; }

.masonry-thumbs.col-4 a { width: 25%; }

.masonry-thumbs.col-5 a { width: 20%; }

.masonry-thumbs.col-6 a { width: 16.60%; }

.masonry-thumbs a,
.masonry-thumbs img {
	display: block;
	height: auto !important;
}

.masonry-thumbs img {
	width: 100%;
	border-radius: 0 !important;
	padding: 0 2px 2px 0;
}

.masonry-thumbs .overlay { padding: 0 1px 1px 0; }



/* heading-block */
.heading-block.hlarge h3 {
	/*font-size: 44px;*/
	font-size: 40px;
	line-height: 50px;
	/*letter-spacing: -2px;*/
}

.heading-block:after {
    content: '';
    display: block;
    width: 130px;
    border-top: 5px solid #c1d02a;
}

.heading-block.hlarge.lncenter:after  {
    position: absolute;
    left: 50%;
    margin-left: -65px;
}




/* heading-blockc */
.heading-blockc.hlarge h3 {
	font-size: 40px;
	line-height: 50px;
	/*letter-spacing: -2px;*/
}

.heading-blockc:before {
    content: '';
    display: block;
    width: 130px;
    border-top: 5px solid #c1d02a;
}

.heading-blockc.hlarge.lncenter:before  {
    position: absolute;
    left: 50%;
    margin-left: -65px;
	
}


.running-car {
		position: absolute;
		top: 0;
		left: 0;
		width: 659px;
	}


/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/

dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
	background: #c2d119;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #c2d119; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #c2d119; /* Safari */
	color: #FFF;
	text-shadow: none;
}

:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
	line-height: 1.5;
	color: #555;
	font-family: 'Lato', Arial, sans-serif;
	font-size:15px;
}

a {
	text-decoration: none !important;
	color: #c2d119;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 30px 0;
	font-family: 'Raleway', sans-serif;
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; }

h1 &gt; span:not(.nocolor),
h2 &gt; span:not(.nocolor),
h3 &gt; span:not(.nocolor),
h4 &gt; span:not(.nocolor),
h5 &gt; span:not(.nocolor),
h6 &gt; span:not(.nocolor) { color: #c2d119; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 30px; }

small { font-family: 'Lato', sans-serif; }


/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/


.uppercase { text-transform: uppercase !important; }

.lowercase { text-transform: lowercase !important; }

.capitalize { text-transform: capitalize !important; }

.nott { text-transform: none !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

.fnone { float: none !important; }

.ohidden {
	position: relative;
	overflow: hidden !important;
}

#wrapper {
	position: relative;
	float: none;
	width: 1220px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.line,
.double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 60px 0;
	border-top: 1px solid #EEE;
}

.line.line-sm { margin: 30px 0; }

span.middot {
	display: inline-block;
	margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }

.emptydiv {
	display: block !important;
	position: relative !important;
}


.nomargin {margin: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

.header-stick { margin-top: -50px !important; }

.content-wrap .header-stick { margin-top: -80px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.noborder { border: none !important; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.nopadding { padding: 0 !important; }

.noshadow { box-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.inline-block {
	float: none !important;
	display: inline-block !important;
}

.center { text-align: center !important; }

.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.bgcolor,
.bgcolor #header-wrap { background-color: #c2d119 !important; }

.color { color: #c2d119 !important; }

.border-color { border-color: #c2d119 !important; }

.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.ls0 { letter-spacing: 0px !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }

.font-body { font-family: 'Lato', Arial, sans-serif; }

.font-primary { font-family: 'Raleway', sans-serif; }

.font-secondary { font-family: 'Crete Round', serif; }

.bgicon {
	display: block;
	position: absolute;
	bottom: -60px;
	right: -50px;
	font-size: 210px;
	color: rgba(0,0,0,0.1);
}

.imagescale,
.imagescalein {
	display: block;
	overflow: hidden;
}

.imagescale img,
.imagescalein img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.imagescale:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imagescalein img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imagescalein:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.grayscale {
	filter: brightness(80%) grayscale(1) contrast(90%);
	-webkit-filter: brightness(80%) grayscale(1) contrast(90%);
	-moz-filter: brightness(80%) grayscale(1) contrast(90%);
	-o-filter: brightness(80%) grayscale(1) contrast(90%);
	-ms-filter: brightness(80%) grayscale(1) contrast(90%);
	transition: 1s filter ease;
	-webkit-transition: 0.1s -webkit-filter ease;
	-moz-transition: 0.1s -moz-filter ease;
	-ms-transition: 0.1s -ms-filter ease;
	-o-transition: 0.1s -o-filter ease;
}

.grayscale:hover {
	filter: brightness(100%) grayscale(0);
	-webkit-filter: brightness(100%) grayscale(0);
	-moz-filter: brightness(100%) grayscale(0);
	-o-filter: brightness(100%) grayscale(0);
	-ms-filter: brightness(100%) grayscale(0);
}


.input-block-level {
	display: block;
	width: 100% !important;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vertical-middle {
	height: auto !important;
	left: 0;
}

.magnific-max-width .mfp-content { max-width: 800px; }


/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/


.section {
	position: relative;
	margin: 60px 0;
	padding: 60px 0;
	background-color: #fff;
	overflow: hidden;
}

.parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.mobile-parallax,
.video-placeholder {
	background-size: cover !important;
	background-attachment: scroll !important;
	background-position: center center !important;
}

.section .container { z-index: 2; }

.section .container + .video-wrap { z-index: 1; }

.revealer-image {
	position: relative;
	bottom: -100px;
	transition: bottom .3s ease-in-out;
	-webkit-transition: bottom .3s ease-in-out;
	-o-transition: bottom .3s ease-in-out;
}

.section:hover .revealer-image { bottom: -50px; }


/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide &gt; a,
.fslider .slide &gt; img,
.fslider .slide &gt; a &gt; img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.fslider { min-height: 32px; }


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; border: none; }
.slider-wrap,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;}

.flexslider {position: relative;margin: 0; padding: 0;}
.flexslider .slider-wrap &gt; .slide {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slider-wrap img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slider-wrap {display: block;}
* html .slider-wrap {height: 1%;}

.no-js .slider-wrap &gt; .slide:first-child {display: block;}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.flex-control-nav {
	position: absolute;
	z-index: 10;
	text-align: center;
	top: 14px;
	right: 10px;
	margin: 0;
}

.flex-control-nav li {
	float: left;
	display: block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 10px !important;
	height: 10px !important;
	border: 1px solid #FFF;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active { background-color: #FFF; }

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/


#header {
	position: relative;
	background-color: #FFF;
	border-bottom: 1px solid #F5F5F5;
}

#header .container { position: relative; }

#header.transparent-header {
	background: transparent;
	border-bottom: none;
	z-index: 199;
}

#header.semi-transparent { background-color: rgba(255,255,255,0.8); }

#header.transparent-header.floating-header { margin-top: 60px; }

#header.transparent-header.floating-header .container {
	width: 1220px;
	background-color: #FFF;
	padding: 0 40px;
	border-radius: 2px;
}

#header.transparent-header.floating-header.sticky-header .container {
	width: 1170px;
	padding: 0 15px;
}

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -100px;
	margin-bottom: -100px;
}

#header.transparent-header.floating-header + #slider,
#header.transparent-header.floating-header + #google-map {
	top: -160px;
	margin-bottom: -160px;
}

#header.transparent-header + #page-title.page-title-parallax .container {
	z-index: 5;
	padding-top: 100px;
}

#header.full-header { border-bottom-color: #EEE; }

body.stretched #header.full-header .container {
	width: 100%;
	padding: 0 30px;
}

#header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0,0,0,0.1); }

#slider + #header.transparent-header.full-header #header-wrap {
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: none;
}


/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo {
	position: relative;
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	line-height: 100%;
	margin-right: 40px;
}

#header.full-header #logo {
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid #EEE;
}

#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }

#logo a {
	display: block;
	color: #000;
}

#logo img {
	display: block;
	max-width: 100%;
}

#logo a.standard-logo { display: block; }

#logo a.retina-logo { display: none; }

/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo2 {
	position: relative;
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	line-height: 100%;
	margin-right: 40px;
}

#header.full-header #logo2 {
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid #EEE;
}

#header.transparent-header.full-header #logo2 { border-right-color: rgba(0,0,0,0.1); }

#logo2 a {
	display: block;
	color: #000;
}

#logo2 img {
	display: block;
	max-width: 100%;
}

#logo2 a.standard-logo { display: block; }

#logo2 a.retina-logo { display: none; }


/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/


#top-search,
#top-cart,
#side-panel-trigger,
#top-account {
	float: right;
	margin: 40px 0 40px 15px;
}


#top-search a,
#top-cart &gt; a,
#side-panel-trigger a,
#top-account a {
	display: block;
	position: relative;
	width: 50px;
	margin-top: -10px;
	height: 14px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #333;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

/* ----------------------------------------------------------------
	Sticky Header
-----------------------------------------------------------------*/

#header,
#header-wrap,
#logo img {
	height: 100px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}

#logo2 img {
	height: 100px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}



body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #header-wrap #logo2,
body:not(.top-search-open) #primary-menu &gt; ul,
body:not(.top-search-open) #primary-menu &gt; .container &gt; ul,
body:not(.top-search-open) #top-cart,
body:not(.top-search-open) #side-panel-trigger,
body:not(.top-search-open) #top-account {
	opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

body.top-search-open #header-wrap #logo,body.top-search-open #header-wrap #logo2,
body.top-search-open #primary-menu &gt; ul,
body.top-search-open #primary-menu &gt; .container &gt; ul,
body.top-search-open #top-cart,
body.top-search-open #side-panel-trigger,
body.top-search-open #top-account { opacity: 0; }

#header.sticky-header.semi-transparent { background-color: transparent; }

#header-wrap {
	position: relative;
	z-index: 199;
	-webkit-backface-visibility: hidden;
}

#header.sticky-header #header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#header.semi-transparent.sticky-header #header-wrap { background-color: rgba(255,255,255,0.8) }

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 60px; }
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo2 img { height: 60px; }
#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

/* ----------------------------------------------------------------
	One Page
-----------------------------------------------------------------*/

.one-page-arrow {
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	font-size: 32px;
	text-align: center;
	color: #222;
}
/* ----------------------------------------------------------------
	Side Push Panel
-----------------------------------------------------------------*/

body.side-push-panel { overflow-x: hidden; }

#side-panel {
	position: fixed;
	top: 0;
	right: -300px;
	z-index: 399;
	width: 300px;
	height: 100%;
	background-color: #F5F5F5;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

body.side-panel-left #side-panel {
	left: -300px;
	right: auto;
}

body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header.sticky-header .container { right: 0; }

body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header.sticky-header .container {
	left: 0;
	right: auto;
}

#side-panel .side-panel-wrap {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 330px;
	height: 100%;
	overflow: auto;
	padding: 50px 70px 50px 40px;
}

body.device-touch #side-panel .side-panel-wrap { overflow-y: scroll; }

#side-panel .widget {
	margin-top: 40px;
	padding-top: 40px;
	width: 220px;
	border-top: 1px solid #E5E5E5;
}

#side-panel .widget:first-child {
	padding-top: 0;
	border-top: 0;
	margin: 0;
}

body.side-panel-open #side-panel { right: 0; }

body.side-panel-left.side-panel-open #side-panel {
	left: 0;
	right: auto;
}

body.side-push-panel.side-panel-open.stretched #wrapper,
body.side-push-panel.side-panel-open.stretched #header.sticky-header .container { right: 300px; }

body.side-push-panel.side-panel-open.stretched .slider-parallax-inner { left: -300px; }

body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,
body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container,
body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner {
	left: 300px;
	right: auto;
}

#side-panel-trigger {
	display: block;
	cursor: pointer;
	z-index: 11;
	margin-right: 5px;
}

#side-panel-trigger-close a { display: none; }

#side-panel,
body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header .container {
	-webkit-transition: right .4s ease;
	-o-transition: right .4s ease;
	transition: right .4s ease;
}

body.side-panel-left #side-panel,
body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header .container,
body.side-push-panel.stretched .slider-parallax-inner {
	-webkit-transition: left .4s ease;
	-o-transition: left .4s ease;
	transition: left .4s ease;
}

.body-overlay {
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: -1;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

body.side-panel-open .body-overlay {
	opacity: 1;
	z-index: 298;
	pointer-events: auto;
}

body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: url('../images/icons/close.png') 15 15, default; }


/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/


#slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider-parallax { position: relative; }

.slider-parallax,
.slider-parallax .swiper-container {
	visibility: visible;
	-webkit-backface-visibility: hidden;
}

.slider-parallax .slider-parallax-inner {
	position: fixed;
	width: 100%;
	height: 100%;
}

.device-touch .slider-parallax .slider-parallax-inner { position: relative; }

body:not(.side-header) .slider-parallax .slider-parallax-inner { left: 0; }

body:not(.stretched) .slider-parallax .slider-parallax-inner { left: auto; }

#header.transparent-header + .slider-parallax .slider-parallax-inner { top: 0; }

.slider-parallax .slider-parallax-inner,
.slider-parallax .slider-caption,
.slider-parallax .ei-title {
	will-change: transform;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: transform 0s linear;
	-webkit-backface-visibility: hidden;
}


/* Swiper Slider
-----------------------------------------------------------------*/

.swiper_wrapper {
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.full-screen .swiper_wrapper { height: auto; }

.swiper_wrapper .swiper-container {
	position: relative;
	width:100%;
	height:100%;
	margin: 0;
	background: url('../images/pattern2.png') repeat;
}

.swiper_wrapper .swiper-slide {
	position: relative;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; }

.swiper-slide .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
}

#slider .container {
	position: relative;
	height: 100%;
}

#slider.canvas-slider .swiper-slide img { width: 100%; }

#slider.canvas-slider a {
	display: block;
	height: 100%;
}


.swiper-pagination {
	position: absolute;
	width: 100%;
	z-index: 20;
	margin: 0;
	top: auto;
	bottom: 20px !important;
	text-align: center;
	line-height: 1;
}

.swiper-pagination span {
	display: inline-block;
	cursor: pointer;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	opacity: 1;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.swiper-pagination span:hover,
.swiper-pagination span.swiper-pagination-bullet-active { background-color: #FFF !important; }



/* Boxed Slider
-----------------------------------------------------------------*/

.boxed-slider { padding-top: 40px; }


/* Flex Slider - Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"][data-thumbs="true"] .flexslider,
.fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; }

.flex-control-nav.flex-control-thumbs {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin: 2px -2px -2px 0;
	height: 75px;
}

.flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; }

.flex-control-nav.flex-control-thumbs li img {
	cursor: pointer;
	text-indent: -9999px;
	border: 0;
	border-radius: 0;
	margin: 0;
	opacity: 0.5;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
	display: block;
	width: 100px !important;
	height: auto !important;
}

.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
	border-width: 0;
	opacity: 1;
}


/* Flex Thumbs - Flexible
-----------------------------------------------------------------*/

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
	margin: 2px -2px -2px 0;
	height: auto;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
	width: 25% !important;
	height: auto !important;
	margin: 0;
	padding: 0 2px 2px 0;
}

.fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li { width: 33.30% !important; }
.fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li { width: 20% !important; }
.fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li { width: 16.66% !important; }
.fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li { width: 12.5% !important; }
.fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li { width: 10% !important; }
.fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li { width: 8.33% !important; }

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
	width: 100% !important;
	height: auto !important;
}


/* Slider Caption
-----------------------------------------------------------------*/

.slider-caption,
.nivo-caption,
.flex-caption {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 20;
	max-width: 550px;
	color: #EEE;
	font-size: 22px;
	font-weight: 300;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	-webkit-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease;
}

.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
	color: #222;
	text-shadow: none;
}

.slider-caption h2 {
	font-size: 64px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 30px;
}

.slider-caption p {
	margin-bottom: 10px;
	font-size: 24px;
}

.slider-caption.slider-caption-right {
	left: auto;
	right: 15px;
}

.slider-caption.slider-caption-center {
	position: relative;
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.slider-caption-bg {
	padding: 5px 12px;
	border-radius: 2px;
	background-color: rgba(0,0,0,0.6);
	top: auto;
	bottom: 50px;
	left: 50px;
}

.slider-caption-bg.slider-caption-bg-light {
	background-color: rgba(255,255,255,0.8);
	color: #333;
	font-weight: 400;
	text-shadow: none;
}

.slider-caption-top-left {
	top: 50px;
	bottom: auto;
}

.slider-caption-top-right {
	top: 50px;
	bottom: auto;
	left: auto;
	right: 50px;
}

.slider-caption-bottom-right {
	left: auto;
	right: 50px;
}


/* Pagination
-----------------------------------------------------------------*/

#slider .owl-dots {
	position: absolute;
	width: 100%;
	z-index: 20;
	margin: 0;
	top: auto;
	bottom: 15px;
}

#slider .owl-dots span {
	width: 10px;
	height: 10px;
	margin: 0 3px;
	opacity: 1;
	background-color: transparent;
	border: 1px solid #FFF;
}

#slider .owl-dots .owl-dot.active span,
#slider .owl-dots .owl-dot:hover span { background-color: #FFF !important; }


/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/


#content {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
}

#content p { line-height: 1.3; }

.content-wrap {
	position: relative;
	padding: 80px 0;
}

#content .container { position: relative; }

.grid-container {
	position: relative;
	overflow: hidden;
}

body:not(.device-touch) .grid-container {
	-webkit-transition: height .4s ease;
	-o-transition: height .4s ease;
	transition: height .4s ease;
}

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/


.button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 22px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background-color: #c2d119;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

body:not(.device-touch) .button {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.button-dark { background-color: #444; }

.button-light {
	background-color: #EEE;
	color: #333;
	text-shadow: none !important;
}

.button:hover {
	background-color: #444;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-dark:hover { background-color: #c2d119; }

.button.button-mini {
	padding: 0 14px;
	font-size: 11px;
	height: 28px;
	line-height: 28px;
}

.button.button-small {
	padding: 0 17px;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
}

.button.button-large {
	padding: 0 26px;
	font-size: 16px;
	height: 46px;
	line-height: 46px;
}

.button.button-xlarge {
	padding: 0 32px;
	font-size: 18px;
	letter-spacing: 2px;
	height: 52px;
	line-height: 52px;
}

.button.button-desc {
	text-align: left;
	padding: 24px 34px;
	font-size: 22px;
	height: auto;
	line-height: 1;
	font-family: 'Raleway', sans-serif;
}

.button.button-desc span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	font-family: 'Crete Round', serif;
	font-style: italic;
	text-transform: none;
}

.button i {
	position: relative;
	top: 1px;
	line-height: 1;
	margin-right: 5px;
	width: 16px;
	text-align: center;
}

.button.tright i { margin: 0 0 0 5px; }

.button-mini i { margin-right: 3px; }

.button-mini.tright i { margin: 0 0 0 3px; }

.button-small i { margin-right: 4px; }

.button-small.tright i { margin: 0 0 0 4px; }

.button-xlarge i {
	top: 2px;
	margin-right: 8px;
}

.button-xlarge.tright i { margin: 0 0 0 8px; }

.button.button-desc i {
	top: 1px;
	font-size: 48px;
	width: 48px;
	text-align: center;
	margin-right: 12px;
}

.button.button-desc.tright i { margin: 0 0 0 12px; }

.button.button-desc div { display: inline-block; }

.button.button-rounded { border-radius: 3px; }


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-border {
	border: 2px solid #444;
	background-color: transparent;
	color: #333;
	line-height: 36px;
	font-weight: 600;
	text-shadow: none;
}

.button.button-border-thin {
	border-width: 1px;
	line-height: 38px;
}

.button.button-border.button-mini { line-height: 24px; }

.button.button-border.button-small { line-height: 30px; }

.button.button-border.button-large { line-height: 42px; }

.button.button-border.button-xlarge { line-height: 48px; }

.button.button-border-thin.button-mini { line-height: 26px; }

.button.button-border-thin.button-small { line-height: 32px; }

.button.button-border-thin.button-large { line-height: 44px; }

.button.button-border-thin.button-xlarge { line-height: 50px; }

.button.button-border.button-desc { line-height: 1; }

.button.button-border:not(.button-fill):hover {
	background-color: #444;
	color: #FFF;
	border-color: transparent !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-border.button-light {
	border-color: #EEE;
	color: #EEE;
}

.button.button-border.button-light:hover {
	background-color: #EEE;
	color: #333;
	text-shadow: none;
}



/* Buttons - Icon Reveal
-----------------------------------------------------------------*/

.button.button-reveal {
	padding: 0 28px;
	overflow: hidden;
}

.button.button-reveal i {
	display: block;
	position: absolute;
	top: 0;
	left: -32px;
	width: 32px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	text-align: center;
	background-color: rgba(0,0,0,0.1);
}

.button.button-reveal.button-border i { top: -2px; }

.button.button-reveal.tright i {
	left: auto;
	right: -32px;
}

.button.button-reveal.button-3d i,
.button.button-reveal.button-rounded i { border-radius: 3px 0 0 3px; }

.button.button-reveal.button-3d.tright i,
.button.button-reveal.button-rounded.tright i { border-radius: 0 3px 3px 0; }

.button.button-reveal span {
	display: inline-block;
	position: relative;
	left: 0;
}

body:not(.device-touch) .button.button-reveal i,
body:not(.device-touch) .button.button-reveal span {
	-webkit-transition: left 0.3s ease, right 0.3s ease;
	-o-transition: left 0.3s ease, right 0.3s ease;
	transition: left 0.3s ease, right 0.3s ease;
}

.button.button-reveal.button-mini { padding: 0 17px; }

.button.button-reveal.button-mini i {
	left: -22px;
	width: 22px;
	height: 28px;
	line-height: 28px;
}

.button.button-reveal.button-mini.tright i {
	left: auto;
	right: -22px;
}

.button.button-reveal.button-small { padding: 0 22px; }

.button.button-reveal.button-small i {
	left: -26px;
	width: 26px;
	height: 34px;
	line-height: 34px;
}

.button.button-reveal.button-small.tright i {
	left: auto;
	right: -26px;
}

.button.button-reveal.button-large { padding: 0 32px; }

.button.button-reveal.button-large i {
	left: -38px;
	width: 38px;
	height: 46px;
	line-height: 46px;
}

.button.button-reveal.button-large.tright i {
	left: auto;
	right: -38px;
}

.button.button-reveal.button-xlarge { padding: 0 40px; }

.button.button-reveal.button-xlarge i {
	left: -44px;
	width: 44px;
	height: 52px;
	line-height: 52px;
}

.button.button-reveal.button-xlarge.tright i {
	left: auto;
	right: -44px;
}

.button.button-reveal:hover i { left: 0; }

.button.button-reveal.tright:hover i {
	left: auto;
	right: 0;
}

.button.button-reveal:hover span { left: 16px; }

.button.button-reveal.button-mini:hover span { left: 11px; }

.button.button-reveal.button-small:hover span { left: 13px; }

.button.button-reveal.button-large:hover span { left: 19px; }

.button.button-reveal.button-xlarge:hover span { left: 22px; }

.button.button-reveal.tright:hover span { left: -16px; }

.button.button-reveal.button-mini.tright:hover span { left: -11px; }

.button.button-reveal.button-small.tright:hover span { left: -13px; }

.button.button-reveal.button-large.tright:hover span { left: -19px; }

.button.button-reveal.button-xlarge.tright:hover span { left: -22px; }


/* Buttons - No Hover
-----------------------------------------------------------------*/

.button.button-nohover:hover {
	opacity: inherit !important;
	background-color: inherit !important;
	color: inherit !important;
	border-color: inherit !important;
}

/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/


.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-style: normal;
}

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.i-rounded,
.i-circled,
.i-bordered {
	width: 52px !important;
	height: 52px !important;
	line-height: 52px !important;
	background-color: #444;
	border-radius: 3px;
}

.i-bordered {
	border: 1px solid #555;
	line-height: 50px !important;
	background-color: transparent !important;
	color: #444;
	text-shadow: none;
}

.i-plain {
	width: 36px !important;
	height: 36px !important;
	font-size: 28px;
	line-height: 36px !important;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover { color: #777; }

.i-circled { border-radius: 50%; }

.i-light {
	background-color: #F5F5F5;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

.i-alt {
	background-image: url('images/icons/iconalt.svg');
	background-position: center center;
	background-size: 100% 100%;
}


.i-rounded:hover,
.i-circled:hover {
	background-color: #c2d119;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
	background-color: #444 !important;
	color: #FFF;
	border-color: #444;
}


/* Icon Size - Small
-----------------------------------------------------------------*/

.i-small.i-rounded,
.i-small.i-plain,
.i-small.i-circled,
.i-small.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 14px;
}

.i-small.i-rounded,
.i-small.i-circled,
.i-small.i-bordered {
	width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
}

.i-small.i-bordered { line-height: 26px !important; }

.i-small.i-plain {
	width: 18px !important;
	height: 18px !important;
	font-size: 14px;
	line-height: 18px !important;
}


/* Icon Size - Small
-----------------------------------------------------------------*/

.i-medium.i-rounded,
.i-medium.i-plain,
.i-medium.i-circled,
.i-medium.i-bordered {
	margin: 6px 13px 9px 0;
	font-size: 21px;
}

.i-medium.i-rounded,
.i-medium.i-circled,
.i-medium.i-bordered {
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
}

.i-medium.i-bordered { line-height: 34px !important; }

.i-medium.i-plain {
	width: 28px !important;
	height: 28px !important;
	font-size: 20px;
	line-height: 28px !important;
}


/* Icon Size - Large
-----------------------------------------------------------------*/

.i-large.i-rounded,
.i-large.i-plain,
.i-large.i-circled,
.i-large.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 42px;
}

.i-large.i-rounded,
.i-large.i-circled,
.i-large.i-bordered {
	width: 64px !important;
	height: 64px !important;
	line-height: 64px !important;
}

.i-large.i-bordered { line-height: 62px !important; }

.i-large.i-plain {
	width: 48px !important;
	height: 48px !important;
	font-size: 42px;
	line-height: 48px !important;
}


/* Icon Size - Extra Large
-----------------------------------------------------------------*/

.i-xlarge.i-rounded,
.i-xlarge.i-plain,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 56px;
}

.i-xlarge.i-rounded,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
	width: 84px !important;
	height: 84px !important;
	line-height: 84px !important;
}

.i-xlarge.i-bordered { line-height: 82px !important; }

.i-xlarge.i-plain {
	width: 64px !important;
	height: 64px !important;
	font-size: 56px;
	line-height: 64px !important;
}


/* Icon Size - Extra Extra Large
-----------------------------------------------------------------*/

.i-xxlarge.i-rounded,
.i-xxlarge.i-plain,
.i-xxlarge.i-circled,
.i-xxlarge.i-bordered {
	margin: 6px 15px 10px 0;
	font-size: 64px;
}

.i-xxlarge.i-rounded,
.i-xxlarge.i-circled,
.i-xxlarge.i-bordered {
	width: 96px !important;
	height: 96px !important;
	line-height: 96px !important;
}

.i-xxlarge.i-bordered { line-height: 94px !important; }

.i-xxlarge.i-plain {
	width: 80px !important;
	height: 80px !important;
	font-size: 64px;
	line-height: 80px !important;
}


/* ----------------------------------------------------------------
	Icon Overlay
-----------------------------------------------------------------*/

.i-overlay,
.i-overlay a {
	display: block;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(0,0,0,0.2) url('images/grid.png') repeat;
}

.i-overlay a { background: transparent; }

.i-overlay img,
.i-overlay i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
	width: 48px !important;
	height: 48px !important;
	font-size: 48px;
	line-height: 1;
	color: #E5E5E5;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.i-overlay i {
	margin: -18px 0 0 -18px;
	width: 36px !important;
	height: 36px !important;
	line-height: 36px;
	font-size: 24px;
}

.on-hover.i-overlay { opacity: 0; }

body:not(.device-touch) .on-hover.i-overlay {
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.on-hover.i-overlay:hover { opacity: 1; }


/* ----------------------------------------------------------------
	Social Icons
-----------------------------------------------------------------*/


.social-icon {
	margin: 0 5px 8px 0;
	width: 36px;
	height: 36px;
	font-size: 18px;
	line-height: 38px !important;
	color: #555;
	text-shadow: none;
	border: 1px solid #AAA;
	border-radius: 3px;
	overflow: hidden;
}


/* Social Icons - Rounded
-----------------------------------------------------------------*/

.si-rounded { border-radius: 50%; }

/* Social Icons - Borderless
-----------------------------------------------------------------*/

.si-borderless { border-color: transparent !important; }

/* Social Icons - Dark
-----------------------------------------------------------------*/

.si-dark {
	background-color: #444;
	color: #FFF !important;
	border-color: transparent;
}

/* Social Icons - Light
-----------------------------------------------------------------*/

.si-light {
	background-color: rgba(0,0,0,0.05);
	color: #666 !important;
	border-color: transparent;
}

/* Social Icons - Colored
-----------------------------------------------------------------*/

.si-colored { border-color: transparent !important; }

.si-colored i { color: #FFF; }

/* Social Icons - Large
-----------------------------------------------------------------*/

.social-icon.si-large {
	margin: 0 10px 10px 0;
	width: 56px;
	height: 56px;
	font-size: 30px;
	line-height: 54px !important;
}

/* Social Icons - Small
-----------------------------------------------------------------*/

.social-icon.si-small {
	width: 32px;
	height: 32px;
	font-size: 14px;
	line-height: 30px !important;
}

.social-icon i {
	display: block;
	position: relative;
}

body:not(.device-touch) .social-icon i {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.social-icon i:last-child { color: #FFF !important; }

.social-icon:hover i:first-child { margin-top: -38px; }

.social-icon.si-large:hover i:first-child { margin-top: -54px; }

.social-icon.si-small:hover i:first-child { margin-top: -30px; }

.social-icon:hover {
	color: #555;
	border-color: transparent;
}

.si-colored.social-icon { border-color: transparent; }

/* Social Icons - Sticky
-----------------------------------------------------------------*/

.si-sticky {
	position: fixed;
	top: 50%;
	left: 5px;
	width: 36px;
	z-index: 100;
}

/* Social Icons - Sticky Right
-----------------------------------------------------------------*/

.si-sticky.si-sticky-right {
	left: auto;
	right: 8px;
}

/* Social Icons - Share
-----------------------------------------------------------------*/

.si-share {
	position: relative;
	padding-left: 5px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}

.si-share span {
	line-height: 36px;
	font-weight: bold;
	font-size: 13px;
}

.si-share div { float: right; }

.si-share .social-icon {
	margin: -1px 0;
	border-radius: 0;
	font-size: 15px;
}

.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-delicious:hover,
.si-colored.si-delicious { background-color: #205CC0 !important; }
.si-paypal:hover,
.si-colored.si-paypal { background-color: #00588B !important; }
.si-flattr:hover,
.si-colored.si-flattr { background-color: #F67C1A !important; }
.si-android:hover,
.si-colored.si-android { background-color: #A4C639 !important; }
.si-smashmag:hover,
.si-colored.si-smashmag { background-color: #E53B2C !important; }
.si-gplus:hover,
.si-colored.si-gplus { background-color: #DD4B39 !important; }
.si-wikipedia:hover,
.si-colored.si-wikipedia { background-color: #333 !important; }
.si-stumbleupon:hover,
.si-colored.si-stumbleupon { background-color: #F74425 !important; }
.si-foursquare:hover,
.si-colored.si-foursquare { background-color: #25A0CA !important; }
.si-call:hover,
.si-colored.si-call { background-color: #444 !important; }
.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns { background-color: #F26739 !important; }
.si-forrst:hover,
.si-colored.si-forrst { background-color: #5B9A68 !important; }
.si-digg:hover,
.si-colored.si-digg { background-color: #191919 !important; }
.si-spotify:hover,
.si-colored.si-spotify { background-color: #81B71A !important; }
.si-reddit:hover,
.si-colored.si-reddit { background-color: #C6C6C6 !important; }
.si-blogger:hover,
.si-colored.si-blogger { background-color: #FC4F08 !important; }
.si-cc:hover,
.si-colored.si-cc { background-color: #688527 !important; }
.si-dribbble:hover,
.si-colored.si-dribbble { background-color: #EA4C89 !important; }
.si-evernote:hover,
.si-colored.si-evernote { background-color: #5BA525 !important; }
.si-flickr:hover,
.si-colored.si-flickr { background-color: #FF0084 !important; }
.si-google:hover,
.si-colored.si-google { background-color: #DD4B39 !important; }
.si-instapaper:hover,
.si-colored.si-instapaper { background-color: #333 !important; }
.si-klout:hover,
.si-colored.si-klout { background-color: #FF5F52 !important; }
.si-linkedin:hover,
.si-colored.si-linkedin { background-color: #0E76A8 !important; }
.si-vk:hover,
.si-colored.si-vk { background-color: #2B587A !important; }
.si-rss:hover,
.si-colored.si-rss { background-color: #EE802F !important; }
.si-skype:hover,
.si-colored.si-skype { background-color: #00AFF0 !important; }
.si-twitter:hover,
.si-colored.si-twitter { background-color: #00ACEE !important; }
.si-youtube:hover,
.si-colored.si-youtube { background-color: #C4302B !important; }
.si-vimeo:hover,
.si-colored.si-vimeo { background-color: #86C9EF !important; }
.si-aim:hover,
.si-colored.si-aim { background-color: #FCD20B !important; }
.si-yahoo:hover,
.si-colored.si-yahoo { background-color: #720E9E !important; }
.si-email3:hover,
.si-colored.si-email3 { background-color: #6567A5 !important; }
.si-macstore:hover,
.si-colored.si-macstore { background-color: #333333 !important; }
.si-myspace:hover,
.si-colored.si-myspace { background-color: #666666 !important; }
.si-podcast:hover,
.si-colored.si-podcast { background-color: #E4B21B !important; }
.si-cloudapp:hover,
.si-colored.si-cloudapp { background-color: #525557 !important; }
.si-dropbox:hover,
.si-colored.si-dropbox { background-color: #3D9AE8 !important; }
.si-ebay:hover,
.si-colored.si-ebay { background-color: #89C507 !important; }
.si-github:hover,
.si-colored.si-github { background-color: #171515 !important; }
.si-googleplay:hover,
.si-colored.si-googleplay { background-color: #DD4B39 !important; }
.si-itunes:hover,
.si-colored.si-itunes { background-color: #222 !important; }
.si-plurk:hover,
.si-colored.si-plurk { background-color: #CF5A00 !important; }
.si-pinboard:hover,
.si-colored.si-pinboard { background-color: #0000E6 !important; }
.si-soundcloud:hover,
.si-colored.si-soundcloud { background-color: #FF7700 !important; }
.si-tumblr:hover,
.si-colored.si-tumblr { background-color: #34526F !important; }
.si-wordpress:hover,
.si-colored.si-wordpress { background-color: #1E8CBE !important; }
.si-yelp:hover,
.si-colored.si-yelp { background-color: #C41200 !important; }
.si-intensedebate:hover,
.si-colored.si-intensedebate { background-color: #009EE4 !important; }
.si-eventbrite:hover,
.si-colored.si-eventbrite { background-color: #F16924 !important; }
.si-scribd:hover,
.si-colored.si-scribd { background-color: #666666 !important; }
.si-stripe:hover,
.si-colored.si-stripe { background-color: #008CDD !important; }
.si-print:hover,
.si-colored.si-print { background-color: #111 !important; }
.si-dwolla:hover,
.si-colored.si-dwolla { background-color: #FF5C03 !important; }
.si-statusnet:hover,
.si-colored.si-statusnet { background-color: #131A30 !important; }
.si-acrobat:hover,
.si-colored.si-acrobat { background-color: #D3222A !important; }
.si-drupal:hover,
.si-colored.si-drupal { background-color: #27537A !important; }
.si-buffer:hover,
.si-colored.si-buffer { background-color: #333333 !important; }
.si-pocket:hover,
.si-colored.si-pocket { background-color: #EE4056 !important; }
.si-bitbucket:hover,
.si-colored.si-bitbucket { background-color: #0E4984 !important; }
.si-stackoverflow:hover,
.si-colored.si-stackoverflow { background-color: #EF8236 !important; }
.si-hackernews:hover,
.si-colored.si-hackernews { background-color: #FF6600 !important; }
.si-xing:hover,
.si-colored.si-xing { background-color: #126567 !important; }
.si-instagram:hover,
.si-colored.si-instagram { background-color: #3F729B !important; }
.si-quora:hover,
.si-colored.si-quora { background-color: #A82400 !important; }
.si-openid:hover,
.si-colored.si-openid { background-color: #E16309 !important; }
.si-steam:hover,
.si-colored.si-steam { background-color: #111 !important; }
.si-amazon:hover,
.si-colored.si-amazon { background-color: #E47911 !important; }
.si-disqus:hover,
.si-colored.si-disqus { background-color: #E4E7EE !important; }
.si-plancast:hover,
.si-colored.si-plancast { background-color: #222 !important; }
.si-appstore:hover,
.si-colored.si-appstore { background-color: #000 !important; }
.si-pinterest:hover,
.si-colored.si-pinterest { background-color: #C8232C !important; }
.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx { background-color: #111 !important; }


/* Social Icons Text Color
-----------------------------------------------------------------*/

.si-text-color.si-facebook i { color: #3B5998; }
.si-text-color.si-delicious i { color: #205CC0; }
.si-text-color.si-paypal i { color: #00588B; }
.si-text-color.si-flattr i { color: #F67C1A; }
.si-text-color.si-android i { color: #A4C639; }
.si-text-color.si-smashmag i { color: #E53B2C; }
.si-text-color.si-gplus i { color: #DD4B39; }
.si-text-color.si-wikipedia i { color: #333; }
.si-text-color.si-stumbleupon i { color: #F74425; }
.si-text-color.si-foursquare i { color: #25A0CA; }
.si-text-color.si-call i { color: #444; }
.si-text-color.si-ninetyninedesigns i { color: #F26739; }
.si-text-color.si-forrst i { color: #5B9A68; }
.si-text-color.si-digg i { color: #191919; }
.si-text-color.si-spotify i { color: #81B71A; }
.si-text-color.si-reddit i { color: #C6C6C6; }
.si-text-color.si-blogger i { color: #FC4F08; }
.si-text-color.si-cc i { color: #688527; }
.si-text-color.si-dribbble i { color: #EA4C89; }
.si-text-color.si-evernote i { color: #5BA525; }
.si-text-color.si-flickr i { color: #FF0084; }
.si-text-color.si-google i { color: #DD4B39; }
.si-text-color.si-instapaper i { color: #333; }
.si-text-color.si-klout i { color: #FF5F52; }
.si-text-color.si-linkedin i { color: #0E76A8; }
.si-text-color.si-vk i { color: #2B587A; }
.si-text-color.si-rss i { color: #EE802F; }
.si-text-color.si-skype i { color: #00AFF0; }
.si-text-color.si-twitter i { color: #00ACEE; }
.si-text-color.si-youtube i { color: #C4302B; }
.si-text-color.si-vimeo i { color: #86C9EF; }
.si-text-color.si-aim i { color: #FCD20B; }
.si-text-color.si-yahoo i { color: #720E9E; }
.si-text-color.si-email3 i { color: #6567A5; }
.si-text-color.si-macstore i { color: #333333; }
.si-text-color.si-myspace i { color: #666666; }
.si-text-color.si-podcast i { color: #E4B21B; }
.si-text-color.si-cloudapp i { color: #525557; }
.si-text-color.si-dropbox i { color: #3D9AE8; }
.si-text-color.si-ebay i { color: #89C507; }
.si-text-color.si-github i { color: #171515; }
.si-text-color.si-googleplay i { color: #DD4B39; }
.si-text-color.si-itunes i { color: #222; }
.si-text-color.si-plurk i { color: #CF5A00; }
.si-text-color.si-pinboard i { color: #0000E6; }
.si-text-color.si-soundcloud i { color: #FF7700; }
.si-text-color.si-tumblr i { color: #34526F; }
.si-text-color.si-wordpress i { color: #1E8CBE; }
.si-text-color.si-yelp i { color: #C41200; }
.si-text-color.si-intensedebate i { color: #009EE4; }
.si-text-color.si-eventbrite i { color: #F16924; }
.si-text-color.si-scribd i { color: #666666; }
.si-text-color.si-stripe i { color: #008CDD; }
.si-text-color.si-print i { color: #111; }
.si-text-color.si-dwolla i { color: #FF5C03; }
.si-text-color.si-statusnet i { color: #131A30; }
.si-text-color.si-acrobat i { color: #D3222A; }
.si-text-color.si-drupal i { color: #27537A; }
.si-text-color.si-buffer i { color: #333333; }
.si-text-color.si-pocket i { color: #EE4056; }
.si-text-color.si-bitbucket i { color: #0E4984; }
.si-text-color.si-stackoverflow i { color: #EF8236; }
.si-text-color.si-hackernews i { color: #FF6600; }
.si-text-color.si-xing i { color: #126567; }
.si-text-color.si-instagram i { color: #3F729B; }
.si-text-color.si-quora i { color: #A82400; }
.si-text-color.si-openid i { color: #E16309; }
.si-text-color.si-steam i { color: #111; }
.si-text-color.si-amazon i { color: #E47911; }
.si-text-color.si-disqus i { color: #E4E7EE; }
.si-text-color.si-plancast i { color: #222; }
.si-text-color.si-appstore i { color: #000; }
.si-text-color.si-pinterest i { color: #C8232C; }
.si-text-color.si-fivehundredpx i { color: #111; }

.si-text-color:hover { color: #FFF; }

.icon-facebook:before {
    content: "\e86f";
}

.icon-youtube:before {
	content: "\e860";
}


.icon-instagram:before {
	content: "\e889";
}

/* ----------------------------------------------------------------
	21. Overlays
-----------------------------------------------------------------*/


.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.overlay .overlay-wrap,
.text-overlay {
	opacity: 0;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}

body:not(.device-touch) .overlay .overlay-wrap,
body:not(.device-touch) .text-overlay {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.overlay .overlay-wrap i {
	position: absolute;
	opacity: 0.8;
	font-size: 24px;
	line-height: 1;
	width: 24px;
	height: 24px;
	text-align: center;
	top: 50%;
	margin-top: -12px;
	left: 50%;
	margin-left: -12px;
	color: #FFF;
}

.overlay:hover .overlay-wrap,
.overlay:hover .text-overlay { opacity: 1; }


.text-overlay {
	position: absolute;
	opacity: 0.85;
	top: auto;
	bottom: 0;
	height: auto;
	padding: 40px 15px 15px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4 {
	margin: 0;
	color: #F5F5F5;
}

.text-overlay-title h2 { font-size: 28px; }

.text-overlay-title h3 {
	font-size: 17px;
	font-weight: 600;
}

.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4,
.text-overlay-meta {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.text-overlay-meta {
	color: #CCC;
	font-size: 13px;
}

.text-overlay-meta span i {
	position: relative;
	top: 1px;
	font-size: 14px;
}

/* ----------------------------------------------------------------
	22. Forms
-----------------------------------------------------------------*/

.sm-form-control {
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 14px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #fff;
	background-color: #61747a;
	background-image: none;
	border: 2px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}

.sm-form-control:focus {
	border-color: #AAA;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sm-form-control::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.sm-form-control:-ms-input-placeholder { color: #fff; }
.sm-form-control::-webkit-input-placeholder { color: #fff; }

.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
	cursor: not-allowed;
	background-color: #eeeeee;
	opacity: 1;
}

.sm-form-control { height: auto; }

.form-control { border-radius: 3px; }

.form-control:active,
.form-control:focus {
	border-color: #999;
	box-shadow: none;
}

label {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #555;
	margin-bottom: 10px;
	cursor: pointer;
}

label.label-muted {
	color: #999;
	font-weight: normal;
	margin-right: 5px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}


/* ----------------------------------------------------------------
	Contact Form
-----------------------------------------------------------------*/


#contact-form-overlay,
#contact-form-overlay-mini {
	position: relative;
	max-width: 800px;
	background-color: #FFF;
	padding: 40px;
	margin: 0 auto;
	z-index: 10;
	border-radius: 4px;
	box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}

#contact-form-overlay-mini {
	float: right;
	width: 380px;
	margin: 0;
}

label.error {
	margin-top: 5px;
	color: #E42C3E;
	font-weight: 400;
}

label.error { display: none !important; }

.show-error-msg + label.error { display: block !important; }

input[type=checkbox]:not(:checked) + label.error { display: block !important; }

.form-control.error,
.sm-form-control.error { border-color: #E42C3E; }


/* ----------------------------------------------------------------
	23. Google Maps
-----------------------------------------------------------------*/


#google-map {
	position: relative;
	width: 100%;
	height: 450px;
}

.gmap img { max-width: none !important; }

.gm-style .gm-style-iw h3 span {
	font-size: inherit;
	font-family: inherit;
}

#map-overlay {
	position: relative;
	padding: 100px 0;
}

#map-overlay #google-map {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

/* ----------------------------------------------------------------
	27. Go To Top
-----------------------------------------------------------------*/


#gotoTop {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #gotoTop {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background-color: #c2d119; }


/* ----------------------------------------------------------------
	28. Error 404
-----------------------------------------------------------------*/


.error404 {
	display: block;
	font-size: 216px;
	font-weight: 600;
	color: #DDD;
	line-height: 1.35;
	letter-spacing: 4px;
}

.error404-wrap .container { z-index: 7; }

.error404-wrap .error404 {
	line-height: 0.9;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 244px;
	color: #FFF !important;
	opacity: 0.2;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

.error404-wrap .heading-block h4 {
	font-weight: 300;
	margin-bottom: 8px;
}

.error404-wrap .heading-block span { font-size: 17px; }

.error404-wrap form { max-width: 500px; }




/* ----------------------------------------------------------------
	30. Preloaders
-----------------------------------------------------------------*/


.preloader,
.preloader2,
.form-process {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/preloader.gif") center center no-repeat #FFF;
}

.preloader2 { background-color: transparent; }

.form-process {
	display: none;
	position: absolute;
	z-index: 3;
	background-color: rgba(255,255,255,0.7);
}


/* ----------------------------------------------------------------
	31. Toastr Notifications
-----------------------------------------------------------------*/


.toast-title {
	font-weight: bold;
}
.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.toast-message a,
.toast-message label {
	color: #FFFFFF;
}
.toast-message a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}
.rtl .toast-close-button {
	left: -0.3em;
	float: left;
	right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}
.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}
.toast-top-left {
	top: 12px;
	left: 12px;
}
.toast-top-right {
	top: 12px;
	right: 12px;
}
.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}
.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}
#toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	/*overrides*/
}
#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#toast-container &gt; div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 12px #999999;
	-webkit-box-shadow: 0 0 12px #999999;
	box-shadow: 0 0 12px #999999;
	color: #FFFFFF;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}
#toast-container &gt; div.rtl {
	direction: rtl;
	padding: 15px 50px 15px 15px;
	background-position: right 15px center;
}
#toast-container &gt; div:hover {
	-moz-box-shadow: 0 0 12px #000000;
	-webkit-box-shadow: 0 0 12px #000000;
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}
#toast-container &gt; .toast-info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container &gt; .toast-error {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container &gt; .toast-success {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container &gt; .toast-warning {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center &gt; div,
#toast-container.toast-bottom-center &gt; div {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#toast-container.toast-top-full-width &gt; div,
#toast-container.toast-bottom-full-width &gt; div {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.toast {
	background-color: #030303;
}
.toast-success {
	background-color: #51A351;
}
.toast-error {
	background-color: #BD362F;
}
.toast-info {
	background-color: #2F96B4;
}
.toast-warning {
	background-color: #F89406;
}
.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
	#toast-container &gt; div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}
	#toast-container &gt; div.rtl {
		padding: 8px 50px 8px 8px;
	}
	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}
@media all and (min-width: 241px) and (max-width: 480px) {
	#toast-container &gt; div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}
	#toast-container &gt; div.rtl {
		padding: 8px 50px 8px 8px;
	}
	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}
@media all and (min-width: 481px) and (max-width: 768px) {
	#toast-container &gt; div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}
	#toast-container &gt; div.rtl {
		padding: 15px 50px 15px 15px;
	}
}


/* ----------------------------------------------------------------
	32. Footer
-----------------------------------------------------------------*/


#footer {
	position: relative;
	background-color: #EEE;
	border-top: 5px solid rgba(0,0,0,0.2);
}


#copyrights {
	padding: 40px 0;
	background-color: #DDD;
	font-size: 14px;
	line-height: 1.8;
}

#copyrights i.footer-icon {
	position: relative;
	top: 1px;
	font-size: 14px;
	width: 14px;
	text-align: center;
	margin-right: 3px;
}

.copyright-links a {
	display: inline-block;
	margin: 0 3px;
	color: #333;
	border-bottom: 1px dotted #444;
}

.copyright-links a:hover {
	color: #555;
	border-bottom: 1px solid #666;
}

.copyrights-menu { margin-bottom: 10px; }

.copyrights-menu a {
	font-size: 14px;
	margin: 0 10px;
	border-bottom: 0 !important;
}


#copyrights a:first-child { margin-left: 0; }

#copyrights .tright a:last-child { margin-right: 0; }

.footer-logo {
	display: block;
	margin-bottom: 30px;
}


/* ----------------------------------------------------------------
	33. Widgets
-----------------------------------------------------------------*/

/* Navigation Tree
-----------------------------------------------------------------*/


.nav-tree {
	position: relative;
	margin-bottom: 40px;
}

.nav-tree ul {
	margin-bottom: 0;
	list-style: none;
}

.nav-tree &gt; ul { margin: -8px 0; }

.nav-tree li { position: relative; }

.nav-tree li a {
	display: block;
	padding: 8px 0;
	color: #333;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: 'Raleway', sans-serif;
}

.nav-tree li i {
	font-size: 14px;
	width: 16px;
	text-align: center;
}

.nav-tree li i:not(.icon-angle-down) {
	margin-right: 8px;
	position: relative;
	top: 1px;
}

.nav-tree li a i.icon-angle-down {
	width: auto;
	font-size: 12px;
	margin-left: 2px;
}

.nav-tree li:hover &gt; a,
.nav-tree li.current &gt; a,
.nav-tree li.active &gt; a { color: #fff !important; margin-left: -30px;  }

.nav-tree li.active &gt; a { margin-left: -80px;  }

.nav-tree li.active &gt; a div{ display:inline-block }

.nav-tree li.active &gt; a:before {
    content: url(../images/gatto/menu/lineaa.png);
}

.nav-tree ul ul { display: none; }

.nav-tree li.current &gt; ul { display: block; }

.nav-tree ul ul a {
	font-size: 12px;
	padding: 6px 0;
	letter-spacing: 1px;
	font-family: 'Lato', sans-serif;
}

.nav-tree ul ul a i.icon-angle-down { font-size: 12px; }

.nav-tree ul ul a { padding-left: 20px; }
.nav-tree ul ul ul a { padding-left: 40px; }
.nav-tree ul ul ul ul a { padding-left: 60px; }
.nav-tree ul ul ul ul ul a { padding-left: 80px; }

/* ----------------------------------------------------------------
	37. Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper {
	width: 100%;
	margin: 0;
	box-shadow: none;
}


/**************************** MODIFICHE ************************************/


/************************************ HOME ************************************/


.logocenter { position: relative; display:block; /*text-align:center;*/     float: left;    margin-left: 22%;}
.logocenterStk { position: relative; display:block; /*text-align:center;*/   opacity: 0;   float: left;    margin-left: 22%; }

@media (max-width: 992px) {#logocenter, #logocenterStk  { display:none}   }
/* HOME */

.slider-caption-bg {  left: auto;   right: 0px;}

.slider-caption, .nivo-caption, .flex-caption {  left: auto;}

.slider-caption-bg {   bottom: 150px;}
.flex-control-nav {    position: absolute;    z-index: 10;    text-align: center;    top: 45%;    right: auto;	left:30px;    margin: 0;}

.flex-control-nav li {    float: none;    display: block;    margin: 10px 3px;    width: 15px;    height: 15px;}

.flex-direction-nav { display:none}

#side-panel-trigger a { font-size: 44px; }

/* HOME -&gt; SLIDER -&gt; DOTS */
.flex-control-nav li {  margin: 20px 3px;}

.flex-control-nav li a { background-color:#fff;  border: 0px solid #fff;}
.flex-control-nav li:hover a, .flex-control-nav li a.flex-active {    background-color: #bad244; margin-left:-5px;	width: 20px !important;
    height: 20px !important;
}

/* HOME -&gt; SLIDER -&gt; ARROW DOWN */
.icon-angle-gatto:before {   content: url(../images/gatto/freccia-slider.png);}
.one-page-arrow {  bottom: 7%;     margin-left: -21px;   width: 42px;   height: 42px;  font-size: 42px;}

.animated {  -webkit-animation-duration: 1.3s!important;  animation-duration: 1.3s!important; } /* sovrascrittura animate.css */

/* HOME -&gt; SLIDER -&gt; CAPTION */

.slider-caption-bg { padding: 20px 40px; background-color: rgba(255, 255, 255, 0.5); text-align:right }
.flex-caption { color: #1d3841; font-size: 25px;  font-weight: bold; }
.flex-caption p{ margin-bottom:25px } .flex-caption span{ font-size: 13px; }
.button.button-rounded {   border-radius: 25px;}
.button.button-border {  border: 2px solid #1d3841;   background-color: #1d3841;  color: #fff; line-height: 36px; font-weight: 600;}

/* HOME -&gt; MENU -&gt; IMMAGINI CARICATE CON JQUERY OVERLAY */
.act1 {   background: url("../images/gatto/menu/home.jpg") no-repeat top left;  background-size:cover;}
.act2 {   background: url("../images/gatto/menu/realizzazioni.jpg") no-repeat top left;  background-size:cover;}
.act3 {   background: url("../images/gatto/menu/costruzione.jpg") no-repeat top left;  background-size:cover;}
.act4 {   background: url("../images/gatto/menu/vendita.jpg") no-repeat top left;  background-size:cover;}
.act5 {   background: url("../images/gatto/menu/qualita.jpg") no-repeat top left;  background-size:cover;}
.act6 {   background: url("../images/gatto/menu/azienda.jpg") no-repeat top left;  background-size:cover;}
.act7 {   background: url("../images/gatto/menu/contatti.jpg") no-repeat top left;  background-size:cover; }

/*  PRECARICATE IN MENU.JS */
.hover1 {     background-size:cover;}
.hover2 {    background-size:cover;}
.hover3 {     background-size:cover;}
.hover4 {    background-size:cover;}
.hover5 {     background-size:cover;}
.hover6 {     background-size:cover;}
.hover7 {    background-size:cover; }

#side-panel-trigger img { width:80%}
/* HOME -&gt; MENU -&gt; OVERLAY  /  SIDE PANEL*/
.menu-overlayy { position: absolute;  width: 100%;  height: 95%;    border: medium #fff solid;   margin: 4%;  right: 0; top: 0%;}
.body-overlay {	width: 70%;	padding: 10px;border: solid #fff 0px;}

#side-panel {   width: 30%;	right:-800px;	border: solid #fff 0px;}

body #side-panel {    background-color: #1d3841;}

#side-panel .widget {  text-align: left; margin-left: auto; margin-right: auto;   margin-top: 40px;   padding-top: 40px;    width: 180px;   border-top: 0px solid #E5E5E5;}

#side-panel .side-panel-wrap {    width: 100%;   padding: 5%;}

.nav-tree li a {    display: block;    padding: 12px 0;    color: #fff;    text-transform: uppercase;    font-size: 15px;    font-weight: 700;   letter-spacing: 2px;

}

#hsection-1 { }
.home-blk-1 { }
.home-blk-12-txt { text-align:right }
.home-blk-13 {margin-top:8%;} .home-blk-13c { text-align:center;} .home-blk-14 {margin-bottom:4%;}

#hsection-2 { }

#hsection-3 { }

/*************** HOME 2 ********************/
.tit-proff { margin-bottom:10px; letter-spacing:0px; text-align: center;}
.tit-cosa { margin-top:0px; margin-bottom: 0px;  letter-spacing:0px; text-align: center; padding-top: 20px;}
.tit-qual { margin-bottom:10px; letter-spacing:0px; text-align: center;}
.txt-proff { margin-top:50px; font-size: 16px; text-align: justify;}
.txt-cosa { margin-bottom:10px; margin-top: 0px; font-size: 16px; text-align: justify;}
.txt-qual { margin-top:50px; font-size: 16px; text-align: justify;}

.imgeblk {}

.textbox-proff { position:absolute; top:0px; left:0px; }
.textbox-cosa { position:absolute; top:0px; left:0px; }
.textbox-qual { position:absolute; top:0px; left:0px; }

 #logo img {  visibility:hidden } #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {height: 60px;  visibility:visible}
 
.wrap-0 {padding:0; margin:0 } .section-5 {margin:0; padding:5% 10% 1% 10%; margin-bottom:15px } .section-0 {margin:0; padding:0 }
  /* tasto scopri home */
.scopri-more-home { height:65px; width:100px; position:relative; display: inline-block;  float: left;
    margin-top: 20px;  }
.scopri-more-home img {  height: 100%; float: left; } .scopri-more-home p { position:absolute; left:20px; top:-10px;   font-size: 18px; font-weight:500;    text-align: left; color:#FFF;     line-height: 1.1!important;}
/* icona proposte home */
.icona-txt-home { height:80px; width:80px; position:relative;  float: right;  margin-right: 30px;    margin-top: 10px; }
.icona-txt-home  img {  height: 100%; float: left; } .icona-txt-home  p { position:absolute; left:30px; top:-3px;   font-size: 21px; font-weight:500;    text-align: left;  line-height: 1.2!important; color:#c2d119}

.visua-more-home { height:110px; width:250px;  position:relative;   margin-left: auto;  margin-right: auto; }
.visua-more-home img {  height: 100%; float: left; } .visua-more-home p { position:absolute; left:50px; top:0px;   font-size: 23px; font-weight:bold; color:#FFF;    text-align: left;  line-height: 1.2!important;}

.cont-img-home { width: 28%;  padding-top: 4%;   padding-bottom: 2%;  margin-left: 0%;}
.cont-itxt-home{  font-size: 30px; font-weight: bold;    color: #1c3941; margin-left: -10%;}

.home-cont-txt { color:#1c3941; margin: 5px 0; font-weight:700;     font-size: 16px;}

/*************** HOME 3 ********************/
.sezazienda { padding: 100px 0 40px 0; margin:0; }
.sezchisiamo { padding: 40px 0 40px 0; margin:0; }
.sezprogett { padding: 40px 0 100px 0; margin:0; }
.sezpadding {  padding: 0 80px; }
.aziendatit { margin-bottom:10px; letter-spacing:0px; }
.aziendatxt { margin-top:50px; text-align:justify;}
.progettotxt { margin-top:50px; }


/************* HEADER ******************/
/* HEADER */
#header.semi-transparent { background-color: rgba(255,255,255,0.5); }

/* HEADER -&gt; logo center */
body:not(.top-search-open) #header-wrap #logocenter {    opacity: 1;
    -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
    -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
    transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	    
}
body:not(.top-search-open) #header-wrap #logocenterStk {    opacity: 0;
    -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
    -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
    transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	    
}


#logocenter img, #logocenterStk img {    height: 100px;
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
}

#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logocenter img, #header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logocenterStk img { opacity: 1; height: 60px; }

#header.sticky-header:not(.static-sticky) .logocenter, #header.sticky-header:not(.static-sticky) #logocenterStk { opacity: 1; margin-left: 30%; }

/************* FOOTER ******************/
.footTxtPad {padding-top:0px;     font-size: 14px}
.footTxtLnk {display:inline-block; padding-left:10px;     font-size: 14px}
.logofooter { position:absolute; bottom:0; left:0; }  .logofooter img { width:80% } .legaln { text-align:center }

/************* CONTATTI ******************/
.contOver { z-index: 2;  overflow: visible!important;}
.wrapPad { padding:0px; padding-left:5%; padding-right:5%}
.wrapPad { padding:0px; padding-left:5%; padding-right:5%}

.cont-blk-18 {padding:50px 50px;  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  background-color:#FFF;}
.contFormBack { background: url('../images/gatto/contatti/foto--2--primopiano.jpg') no-repeat left top; background-size: 50% ;  margin-left:0px; margin-right:0px }
.contFormBack2 { background: url('../images/gatto/contatti/foto--1-primopiano.jpg') no-repeat left top; background-size: 50% ;  margin-left:0px; margin-right:0px }
.cont-img { width: 25%;  padding-top: 4%;   padding-bottom: 2%;  margin-left: 37%;}
.cont-itxt{  font-size: 44px;   font-weight: bold;    left: 54%;  color: #fff; margin-left: -8%;}
.cont-itxt1{  font-size: 44px; font-weight: bold;    left: 54%;    color: #fff; margin-left: -8%;}
.contact-widget { padding: 0 0% 0 20%;} .cont-blk-mappa { margin:0;  }
.cont-blk-mappa-txt1 {position:absolute;  margin-top: -25%;  margin-right: -7%; right: 0;  z-index:3 ; } 
.cont-blk-mappa-txt2 {position:absolute;  left:0; margin-top: -20%; z-index:2 ;  width:100%; }
.field-spaz { margin-bottom:15px; padding:0}
.gmap { height: 500px;}


.cont-sec  { background-color:#FFF; margin-bottom:0px; margin-top:0px;  padding-bottom:200px; padding-left:5%; padding-right:5%;  overflow: visible; }

.cont-blk-1 { margin-top:-200px; margin-left:0px; margin-right:0px}
.cont-blk-2x { padding:60px 60px; background-color:rgba(29, 56, 65, 0.8);  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.cont-blk-txt { padding-top:10%; padding-bottom:10% } 

/************* AZIENDA ******************/
.aziend-blk-1 { margin-top:-200px}
.aziend-sec  { background-color:#FFF; margin-bottom:0px; margin-top:0px;  padding-bottom:80px; padding-left:0%; padding-right:10%;  overflow: visible; }
.aziend-blk-x1 { padding-top:20%; padding-left:5%; }

.aziend-sec2  { background-color:#FFF; margin-bottom:0px;   margin-top: -80px; padding-left:10%; padding-right:0%; padding-bottom:80px; background-size: auto; overflow: visible; }
.aziend-blks2 { margin-left:0px; margin-right:0px; margin-top:20px; }

.aziend-sec3  { background-color:#FFF; margin-bottom:0px;   margin-top: -80px; padding-left:0%; padding-right:10%; padding-bottom:80px; background-size: auto; overflow: visible; }
.aziend-blks3 { margin-left:0px; margin-right:0px; margin-top:20px; }

.aziend-blk-2x { padding:80px 70px; background-color:rgba(29, 56, 65, 0.8); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.aziend-blk-2x h1, .aziend-blk-2x p { text-align:right }
.qual-azien-txtt { text-align:right;     line-height: 1.3;    font-size: 30px;    margin: 0px;  color:#b9d149;}
.qual-azien-txt { text-align:justify;     line-height: 1.3!important;    font-size: 15px;    margin: 0px; color:#FFF;}

/************* QUALITA ******************/
.qualita-blk-1 { margin-top:-200px; margin-left:0px; margin-right:0px}
.qualita-blk-2x { padding:80px 70px; background-color:rgba(29, 56, 65, 0.8); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.qualita-secr  { background-color:#FFF; margin-bottom:0px; margin-top:0px;  padding-bottom:200px; padding-left:0%; padding-right:10%;  overflow: visible; }
.qualita-secl  { background-color:#FFF; margin-bottom:0px; margin-top:0px;  padding-bottom:200px; padding-left:10%; padding-right:0%;  overflow: visible; }
.qualita-sec {    background-color: #FFF;    margin-bottom: 0px;    margin-top: 0px;    padding-bottom: 200px;    padding-left: 5%;    padding-right: 5%;    overflow: visible;}

/************* IN VENDITA /COSTRUZIONE ******************/
.inv-intro { background-color: #fff;  margin-bottom:0px;  padding-bottom:0px; overflow: visible; z-index:100; padding-left:5%; padding-right:10%;     margin-top: 0;}
.inv-intro-blk1 { margin-top:-200px; margin-left:0px; margin-right:0px; position:absolute; right:10%}
.inv-intro-blk1c {    margin-top: -200px;   margin-left: 0px;    margin-right: 0px;    position: absolute;    left: 10%;}
.inv-intro-blk11 { padding-top:20%; padding-left:5%}
.inv-intro-blk12 {     padding: 4% 7%; background-color:rgba(29, 56, 65, 0.8); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.inv-intro-blk121 {  margin-left: 0px; margin-right: 0px;} .inv-intro-blk121 p { text-align:left}
.inv-intro-frsx { margin-left:-50px}  .inv-intro-frdx { float:right; margin-right:-50px}
.inv-filtro {  margin:0; padding-left:10%}
.inv-sec { background-color: #fff; margin-bottom:0px;  padding-bottom:0px; padding-top:0px; margin-top:0px;  overflow: visible;  padding-right:0%;}
.inv-sec2 { background-color: #fff; margin-bottom:0px;  padding-bottom:0px; padding-top:0px; margin-top:0px;  overflow: visible; padding-left:0%; padding-right:5%;}
.inv-cont-txt {text-align:left; padding-bottom:3%; padding-left:0; margin-left: -10px;}
.inv-cont-butt {text-align:right; padding-bottom:3%;} .inv-cont-check {text-align:left; padding-bottom:3%; zoom: 1.6; }

.inv-overlay-sx { position:absolute; top: 20%; left: 10%; width: 90%;} .inv-overlay-dx { position:absolute; top: 20%; right: 10%; width: 90%;}
.ps-block { margin-top:10%} .inv-blk { padding:0; }  .ps-blockc { margin-top:3%} 
.inv-blk1 { padding: 5% 5%;  background-color:rgba(29, 56, 65, 0.8); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  /* tasto visua more */
.inv-butt { text-align:center; padding:8% 0 4% 0; margin:0 } 
.visua-more { height:85px; width:150px; position:relative;   margin-left: auto;  margin-right: auto; }
.visua-more img {  height: 100%; float: left; } .visua-more p { position:absolute; left:30px; top:-23px;   font-size: 23px; font-weight:bold;
    text-align: left;  line-height: 1.2!important;}
  /* tasto scopri immobile */
.scopri-more { height:55px; width:150px; position:relative;   margin-left: auto;  margin-right: auto; margin-top: 60%; }
.scopri-more img {  height: 100%; float: left; } .scopri-more p { position:absolute; left:20px; top:-10px;   font-size: 18px; font-weight:500;    text-align: left; color:#FFF}

  /* tasto scopri immobile dettaglio costruzione */
.scopri-moredc { height:55px; width:150px; position:relative;   margin-left: auto;  margin-right: auto; margin-top: 60%; }
.scopri-moredc img {  height: 100%; float: left; } .scopri-moredc p { position:absolute; left:20px; top:-10px;   font-size: 18px; font-weight:500;    text-align: left; color:#FFF}

/* icona immobile */
.icona-txt { height:85px; width:180px;  position:relative;   margin-left: auto;  margin-right: auto; }
.icona-txt  img {  height: 100%; float: left; } .icona-txt  p { position:absolute; left:30px; top:-3px;   font-size: 21px; font-weight:500;    text-align: left;  line-height: 1.2!important; color:#FFF}

/* icona titoli */
.icona-txttit { height:85px; width:85px; position:relative;  }
.icona-txttit  img {  height: 100%; float: left; } .icona-txttit  p { position:absolute; left:35px; top:0px;   font-size: 26px; font-weight:bold;    text-align: left;  line-height: 1.2!important; color:#1d3841 }


.contFormBackInv {    background: url(../images/gatto/contatti/richiedi-informazioni.jpg) no-repeat left top;    background-size: 50%;
    margin-left: 0px;    margin-right: 0px;}
.inv-img-cont { margin-bottom: 30px } .costr-sec { background-color:#FFF; padding:10px}

.inv-conta-txt {    margin-top: 0px;    margin-bottom: 0px;    display: block;    position: absolute;    font-size: 44px;    font-weight: bold;
    margin-left: 40px;    color: #fff;    top: 5px; }
.inv-conta-img {margin-bottom: 10px;} .inv-conta-blk {text-align:left;    margin-bottom:30px; position:relative; padding:0 } 	

.inv-intro-blk121 p { margin-bottom:0px;}


/******************* MAPPA *****************/
.inv-mappa-txt {margin-top: 0px;  margin-bottom: 0px;  display: block; position:absolute;  font-size: 44px; font-weight: bold;    margin-left: 40px; color:#fff;    top: 10px;}
.inv-mappa-img {margin-bottom: 10px;} .inv-mappa-blk {text-align:left;  padding-left:10%;  margin-bottom:0px; position:relative } 



/************* REALIZZAZIONI ******************/
.realizz-sec { background-color:#FFF; margin-bottom:0px; margin-top:0px; padding:0; padding-left:10%; padding-right:10%;  overflow: visible; margin-top: 14%;}
.inv-intro-blk1r {  margin-top: -200px;    margin-left: 0px;    margin-right: 0px;    position: absolute;    left: 10%;}
/* icona filtro */
.icona-filtro { height:55px;  position:relative; width:100%  }
.icona-filtro  img {  height: 100%; float: left; } 
.icona-filtro  p { position:relative; margin:0; margin-top: 15px; margin-left: -30px;   font-size: 21px; font-weight:bold; display: inline-block;   text-align: left;  line-height: 1.2!important; color:#1d3841; }    

.icona-grid { height:55px;  position:relative; width:100%  }
.icona-grid  img {  height: 100%; float: left; } .icona-grid  p { position:absolute; left:20px; top:15px;   font-size: 21px; font-weight:bold;    text-align: left;  line-height: 1.2!important; color:#1d3841; margin:0}
.columns-txt { color:#FFF; text-align: justify;   -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2;
    -webkit-column-gap: 40px;  -moz-column-gap: 40px;  column-gap: 40px}

/****************  DETT-INVENDITA - COSTRUZIONI - REALIZZAZIONI( casa e condominio ) ***************/
.txt-int { position:absolute; left:0; top: 45%} .txt-est { position:absolute; right:0; top: 45%}

.dett-inv-sec { background-color:#FFF; overflow: visible; padding: 60px 10% 0% 10%; z-index:100}
.dett-inv-blk2 { padding:30px 40px; background-color:#61747a; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.dett-inv-blk2img { display:inline-block; width:19% }
.dett-inv-blk2p {display:inline-block; width:59%; font-size:25px; font-weight:bold; color:#fff }
.dett-inv-blk2-txtl {text-align:left; display:inline-block; width:49%; padding:0 3% 0 1%;  color:#fff }
.dett-inv-blk2-txtr {text-align:left; display:inline-block; width:49%;  padding:0 1% 0 3%;  color:#fff }

.dett-inv-secEst {  margin-bottom:30px;  padding-bottom:20px; padding-top:20px; margin-top:60px;  overflow: visible; ; z-index:99 }
.dett-inv-over { margin-left: 0px; margin-right: 0px; position:relative; padding-left:10%; padding-right:10% }
.inv-img1 { padding-left:0px; padding-right:1%}  .inv-img2 { padding-right:0px; padding-left:1%} 
.inv-img12 {padding-left: 0.5%;    padding-right: 0.5%;    padding-top: 2%; padding-bottom: 1%; }
.dett-inv-secInt {  margin-bottom:30px;  padding-bottom:20px; padding-top:20px; margin-top:0px;  overflow: visible; z-index:98 }
.icona-pad {  padding-left:0px; padding-bottom:20px}

  /* icona piantina */
.icona-piantina { height:55px; width:200px;  position:relative;  }
.icona-piantina img {  height: 100%; float: left; } .icona-piantina p { position:absolute; left:20px; top:-10px;   font-size: 18px; font-weight:500;    text-align: left; color:#FFF}

.dett-inv-sec-pdf { background-color:#FFF; padding-bottom:0; padding-top:0;  margin-bottom:0; padding-left:10%; padding-right:15%}
.dett-inv-sec-pdfr { background-color: #61747a;  }
.dett-inv-sec-pdf1 { display:block; margin-top:15%; padding-left:20% } .dett-inv-sec-pdf2 { display:block; margin-top:70%; padding-left:20%  } .dett-inv-sec-pdf { text-align:right } .dett-inv-sec-pdf3 { padding: 20px; }
.dett-inv-sec-cont { background-color:#FFF; overflow: visible; margin-bottom:60px; padding-bottom:0px; padding: 0 10%; padding-top:0px; }

.cont-blk-inv {  margin-top: 0px;    margin-left: 0px;    margin-right: 0px; }
.inv-appa-blk { text-align: left;   margin-bottom: 20px; }
.inv-appa-txt {    margin-top: 0px;    margin-bottom: 0px;    display: inline-block;    font-size: 44px;    font-weight: bold;    margin-left: -40px; text-transform:uppercase}


.dett-inv-appa { background-color:#FFF;  margin-bottom:2%;  padding-bottom:0px; padding-top:0px; padding-right:5%; margin-top:0px;  overflow: visible; }
.dett-inv-appa-blk {  background-size: auto; margin-left: 0px; margin-right: 0px;} 
.dett-inv-appa-blk1 { padding:0; padding-top:60px} 
.dett-inv-appa-blk2 { padding-bottom: 10px;} 
.dett-inv-appa-blk21 { padding:40px 0px; padding-left:10%; background-color:rgba(29, 56, 65, 0.8); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} 
.dett-inv-appa-blk22 { display:inline-block; width:19%; padding-left: 25px;} 
.dett-inv-appa-blk222 { display:inline-block; width:19%; padding-right: 25px;} 
.dett-inv-appa-blk23 {display:inline-block; width:59%; font-size:25px; font-weight:bold; color:#FFF} 
.dett-inv-appa-blk24 {text-align: justify; color: #FFF; padding: 0px 30px;} .dett-inv-appa-blk3  { display:block; padding-top:15%;} 

.inv-appa-piano-txt  { margin-top: -50px;    font-size: 20px;    line-height: 1.3!important;    margin-left: 30px; font-weight:400; color: #fff; text-transform:uppercase;}


.pagex ul {
	list-style: none;
	margin: 0;
}

.pagex &gt; ul { float: left; }

.pagex ul li { position: relative; }

.pagex ul li.mega-menu { position: inherit; }

.pagex ul &gt; li {
	float: left;
	margin-left: 2px;
}

.pagex &gt; ul &gt; li:first-child { margin-left: 0; }

.pagex ul li &gt; a {
	display: block;
	line-height: 22px;
	padding: 39px 15px;
	color: #444;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;
}

.pagex ul li &gt; a span { display: none; }



  /* dettaglio appartamento condominio*/
.dett-app-blk { padding:3% 0;  background-color:rgba(29, 56, 65, 0.0); }
.dett-app-blk2 { padding:7% 2% 0% 2%;  background-color:rgba(29, 56, 65, 0.0); }
.dett-app-sec {   background-color: #FFF;    overflow: visible;    padding: 60px 0% 1% 20%;   }
.dett-app-sec2 {   background-color: #FFF;    overflow: visible;    padding: 60px 20% 1% 0%;   }
.dett-app-r { background-color:rgba(29, 56, 65, 0.8); padding-right:10%; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.dett-app-r2 { background-color:rgba(29, 56, 65, 0.8); padding-left:10%; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display:flex}
.dett-app-sec3 {   background-color: #FFF;    overflow: visible;    padding: 0px 20% 30px 0%;   }
.dett-app-r3 { background-color:#fff; padding-left:10%; }
.dett-app-desc { padding-left:50px; padding-top: 50px} .dett-app-imgmar { margin-bottom:5%;} .dett-app-txt { color:#FFF; text-align:justify}
.cont-dwn {     position: absolute;    left: 0;    bottom: 10%; } .icona-dwn { float:right; margin-right:10%}
.icona-dwnno { display:none;}
.sec-camere { background-color:#fff; margin:0; padding:0}  .sec-camere-txt { padding: 0% 2%; font-size: 18px;    float: left;   font-weight: bold; margin-top:30px}



/************  DETT IN COSTRUZIONE ***************/
.dett-inco-imgmar {  margin-bottom: 10%;  }
/* icona titoli */
.icona-txtcostr { height:85px; width:300px; position:relative;  }
.icona-txtcostr  img {  height: 100%; float: left; } .icona-txtcostr  p { position:absolute; left:35px; top:-13px;   font-size: 26px; font-weight:bold;    text-align: left;  line-height: 1.2!important; color:#1d3841 }
.icona-txtcostr2 { height:85px; width:400px; position:relative;     margin-left: auto;   margin-right: auto; } .icona-txtcostr2  img {  height: 100%; float: left; } .icona-txtcostr2  p { position:absolute; left:35px; top:-20px;   font-size: 23px; font-weight:bold;    text-align: left;  line-height: 1.7!important; color:#1d3841 }

 
/************  DETT REALIZZAZIONE ***************/
.dett-real-sec {   background-color: #FFF;    overflow: visible;    padding: 60px 10% 1% 0%;   }
.dett-real-r { background-color:rgba(29, 56, 65, 0.8); padding-left:10%; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.dett-real-desc {    padding-left: 0px;    padding-top: 50px;}
.dett-real-sec2 {   background-color: #FFF;    overflow: visible;    padding: 60px 0% 1% 0%;   }
.dett-real-r2 { background-color:rgba(29, 56, 65, 0.8); padding-right:10%; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.dett-real-r3 { background-color:rgba(29, 56, 65, 0.8); padding-left:10%; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.dett-real-blk { padding:0% 0;  background-color:rgba(29, 56, 65, 0.0); }
.dett-real-blk2 { padding:7% 0% 0% 4%; background-color:rgba(29, 56, 65, 0.0); }
.dett-real-blk22 { padding: 7% 4% 0% 0%;  background-color: rgba(29, 56, 65, 0.0);}


/************************  CONTATTI ************************************/
.sm-form-control {  border: 2px solid #1d3841;   border-radius: 20px !important; }

/* FORM PROCESS */
.fg-form-process {	display: none;	position: fixed; left:0; top:0;	z-index: 999; background-color: rgba(0,0,0,0.7);
	width: 100%; height: 100% }

.fg-loading {margin-top: 25%; display: table; margin-left: auto; margin-right: auto; color: white;}

.fg-loading svg { display: table; margin: 0 auto;}

.sm-form-control {  border: 2px solid #1d3841;   border-radius: 20px !important; }

/************************ FOOTER  ************************************/
#footer {
    position: relative;
    background-color: #1d3841;
    border-top: 0px solid rgba(0,0,0,0.2);
}

#copyrights { padding: 40px 0 0 0;
    background-color: #1d3841;
    font-size: 14px;
    line-height: 1.8;
}

.social-icon { border: 1px solid #fff; color: #1d3841; background-color:#FFF}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
*/

.not-animated { opacity: 0; }

.animated {
	opacity: 1;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/* font-icons */

@font-face {
	font-family: 'font-icons';
	src:url('fonts/font-icons.eot');
	src:url('fonts/font-icons.eot') format('embedded-opentype'),
		url('fonts/font-icons.woff') format('woff'),
		url('fonts/font-icons.ttf') format('truetype'),
		url('fonts/font-icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lined-icons';
	src:url('fonts/lined-icons.eot');
	src:url('fonts/lined-icons.eot') format('embedded-opentype'),
		url('fonts/lined-icons.woff') format('woff'),
		url('fonts/lined-icons.ttf') format('truetype'),
		url('fonts/lined-icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Simple-Line-Icons';
	src:url('fonts/Simple-Line-Icons.eot');
	src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/Simple-Line-Icons.woff') format('woff'),
		url('fonts/Simple-Line-Icons.ttf') format('truetype'),
		url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
[class^="icon-line-"], [class*=" icon-line-"],
[class^="icon-line2-"], [class*=" icon-line2-"],
.side-header #primary-menu ul &gt; li.sub-menu &gt; a:after {
	display: inline-block;
	font-family: 'font-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-line-"], [class*=" icon-line-"] { font-family: 'lined-icons'; }

[class^="icon-line2-"], [class*=" icon-line2-"] { font-family: 'Simple-Line-Icons'; }

.icon-reorder:before {
    content: "\e76d";
}

.icon-line-cross:before {
    content: "\e117";
}

.icon-angle-down:before {
    content: "\e7a7";
}

.icon-angle-up:before {
    content: "\e7a6";
}


/* ----------------------------------------------------------------
	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS	Responsive CSS
-----------------------------------------------------------------*/

@media (min-width: 1500px) and (max-width: 1920px) {
.dett-inv-appa-blk {  background-size: 35%!important;}
}


@media (min-width: 1199px) and (max-width: 1500px) {
.icona-txtcostr p {  top: -0px;    font-size: 20px;}
}




@media (min-width: 992px) and (max-width: 1199px) {
.heading-block.hlarge h3 {    font-size: 24px;    line-height: 40px;}
.heading-blockc.hlarge h3 {	font-size: 24px;	line-height: 40px;}

.tit-proff { margin-bottom:10px; letter-spacing:0px; text-align: center; font-size: 24px;}
.tit-cosa { margin-top:0px;  letter-spacing:0px; text-align: center; margin-bottom:0px; padding-top: 20px; font-size: 24px;}
.tit-qual { margin-bottom:10px; letter-spacing:0px; text-align: center; font-size: 24px;}
.txt-proff { margin-top:20px; font-size: 14px; text-align: justify; line-height: 1!important;}
.txt-cosa { margin-bottom:10px; margin-top: 0px; font-size: 14px; text-align: justify; line-height: 1!important;}
.txt-qual { margin-top:20px; font-size: 14px; text-align: justify; line-height: 1!important;}


.inv-intro-blk12 {  padding: 1% 5%; }
.inv-blk1 { padding: 3% 8%;}
.qualita-blk-2x {    padding: 40px 30px;} .aziend-blk-2x {    padding: 40px 30px;}
.qual-azien-txtt {line-height: 1.3!important;    font-size: 25px;  }
.qual-azien-txt {  line-height: 1.3!important;    font-size: 14px; }
.cont-blk-2x {    padding: 20px 20px;} .cont-img {  width: 35%;  margin-left: 40%;} .field-spaz {margin-bottom: 5px;}
.cont-img { width: 20%; margin-left: 40%;}
.cont-blk-txt { padding-top:0%; padding-bottom:0% } 
.field-spaz {   margin-bottom: 5px;}
.icona-txtcostr p {     top: 7px;    font-size: 17px;}
.dett-inv-sec-pdf2 {  margin-top: 50%;    padding-left: 20%;}
}


@media (min-width: 992px) and (max-width: 1199px) {

	#wrapper { width: 1000px; }

	#header.transparent-header.floating-header .container {
		width: 1030px;
		padding: 0 30px;
	}

	#header.transparent-header.floating-header.sticky-header .container {
		width: 970px;
		padding: 0 15px;
	}

}


@media (max-width: 991px) {
    .imgeblk { display:none}
	
.textbox-proff { position:relative; top:0px; left:0px; }
.textbox-cosa { position:relative; top:0px; left:0px; }
.textbox-qual { position:relative; top:0px; left:0px; }
	
	
	
	#wrapper {		width: 100%;		margin: 0;		box-shadow: none;	}

	#header.full-header .container,
	.container-fullwidth {
		padding: 0 15px !important;
		margin: 0 auto;
		width: 750px !important;
	}

	.container.vertical-middle { width: 100% !important; }

	.vertical-middle + .video-wrap {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}


	#header,
	#header-wrap,
	#header.sticky-style-2,
	#header.sticky-style-3,
	#header.sticky-style-2 #header-wrap,
	#header.sticky-style-3 #header-wrap { height: auto !important; }

	#header.sticky-style-2 #header-wrap,
	#header.sticky-style-3 #header-wrap { min-height: 60px; }

	#header.sticky-header #header-wrap { position: relative; }

	#header.transparent-header,
	#header.semi-transparent {
		background: #FFF;
		border-bottom: 1px solid #F5F5F5;
		z-index: auto;
	}


	#header.transparent-header.floating-header { margin-top: 0; }

	#header.transparent-header.floating-header .container {
		width: 750px;
		padding: 0 15px;
		border-radius: 0;
	}

	#header.transparent-header + #slider,
	#header.transparent-header + #page-title.page-title-parallax,
	#slider + #header.transparent-header,
	#header.transparent-header.floating-header + #slider,
	#header.transparent-header + #google-map {

    top: -100px;
    margin-bottom: -100px;

	}

	.slider-parallax .slider-parallax-inner { position: relative; }

	#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 0; }

	#header-trigger,
	.top-advert,
	.header-extras { display: none; }

	#logo {
		display: block;
		height: 100px;
		float: none;
		margin: 0 auto 0 !important;
		max-width: none;
		text-align: center;
		border: 0 !important;
		padding: 0 !important;
	}

	#logo a.standard-logo { display: inline-block; }


	body.side-push-panel #side-panel-trigger-close a {
		display: block;
		position: absolute;
		z-index: 12;
		top: 0;
		left: auto;
		right: 0;
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
		color: #444;
		text-align: center;
		background-color: rgba(0,0,0,0.1);
		border-radius: 0 0 0 2px;
	}

	#top-search a,
	#top-cart,
	#side-panel-trigger,
	#top-account {
		position: absolute;
		top: 0;
		left: auto;
		right: 15px;
		margin: 40px 0;
		-webkit-transition: margin .4s ease;
		-o-transition: margin .4s ease;
		transition: margin .4s ease;
	}

	#side-panel-trigger { right: 71px; }

	.button.button-full { font-size: 22px; }

	.button.button-full i { top: 3px !important; }


	.error404 { font-size: 180px; }
	.portfolio .portfolio-item { width: 33.33333333%; }

}


@media (min-width: 768px) and (max-width: 991px) {
.portfolio-filter.style-3 li a { border-radius: 22px !important; }

/*HOME*/
.home-blk-3 {height:600px;}
/*FOOTER*/
.footTxtPad {padding-top:0px; margin-top: 10px;}
.footTxtLnk{display:inline-block; padding-left:0px;}
.logofooter { position:absolute; top:0; left:0; }  .logofooter img { width:65% }
.legaln { text-align:left } .section-5 { padding:5% 1% 1% 1%; } 
.icona-txt-home p {  left: 10px;} .icona-txt-home { margin-right: 0px;}
/*HEADER*/
#side-panel {   width: 35%;    right: -600px;}

/* REALIZZAZIONI*/
.inv-intro-blk1r {  margin-top: -20px; left: 0%; right:0%;  position:relative}
.realizz-sec {   padding-left: 5%;   padding-right: 5%; margin-top: 4%; }
.inv-intro { padding-left: 5%;  padding-right: 5%; }

/************* IN VENDITA ******************/
.inv-intro-blk1 { margin-top: -20px; left: 0%; right:0%;  position:relative}
.ps-block { margin-top: 5%;}

/************* IN COSTRUZIONE ******************/
.inv-intro-blk1c {margin-top: -20px; left: 0%; right:0%;  position:relative}
.inv-overlay-sx {  position: absolute;   top: 10%;  left: 5%; right:5%;   width: 90%;}
.inv-overlay-dx {  position: absolute;   top: 10%;  left: 5%; right:5%;   width: 90%;}
.icona-txt { margin-left:15% }

/************ QUALITA - AZIENDA ************/
.qualita-blk-1 {  margin-top: 0px;}
.qualita-secr {  padding-bottom: 0px;} .qualita-secl {  padding-bottom: 0px;}
.qualita-blk-2x { padding: 40px 30px; } .aziend-blk-2x { padding: 40px 30px; }
.qualita-secr, .qualita-secl {  padding-left: 5%;   padding-right: 5%; }
.aziend-sec, .aziend-sec2 {  padding-left: 5%;   padding-right: 5%; }
.aziend-blk-1 { margin-top: 0px; }

/*CONTATTI*/
.cont-blk-1 { margin-top: -20px; } .cont-sec {   padding-bottom: 0px;} .qualita-sec {  padding-bottom: 0px;}
.cont-blk-2x { padding: 30px 15px; } .cont-img { width: 25%;  padding-top: 4%;   padding-bottom: 2%;  margin-left: 37%;}
.contact-widget { padding: 0 13%;} .cont-blk-mappa { margin:0; padding-top:10px }
.cont-blk-mappa-txt1 {position:relative;  margin-top: 0%;  margin-right: 0%; right: 0;  z-index:3 ; width:auto; } 
.cont-blk-mappa-txt2 {position:relative;  left:0; margin-top: 0%; z-index:2 ;  width:auto; }
.gmap { height: 400px;}

/****************  DETT-INCOSTRUZIONE ***************/
.scopri-moredc {  float: right;  margin-top: -60px; margin-bottom:30px;}

/****************  DETT-INVENDITA ***************/
.dett-inv-sec-pdf {   padding-left: 5%;    padding-right: 5%;}
.dett-inv-sec-pdf2 {   margin-top: 50%;  padding-left: 10%; }


/****************  DETT-APPARTAMENTO ***************/
.dett-app-r2 {  display:block; }
.dett-app-desc {  padding-left: 20px; padding-bottom: 20px;}
.cont-dwn {   position: absolute;   left: 50%;    bottom: 10%;  }
}


@media (max-width: 767px) {

	body { padding: 0 !important; }

	#wrapper { width: 100% !important; }

	.container-fullwidth {
		margin: 0 auto;
		padding: 0 15px !important;
	}

	h1 { font-size: 28px; }

	h2 { font-size: 24px; }

	h3 { font-size: 20px; }

	h4 { font-size: 16px; }

	#top-social,
	#slider:not(.swiper_wrapper) .slider-caption,
	.nivo-caption,
	.flex-caption,
	.slider-caption p,
	.slider-caption .button,
	.camera_caption,
	.ei-title,
	.slider-arrow-top-sm,
	.slider-arrow-bottom-sm { display: none !important; }

	.slider-caption h2 { margin-bottom: 0 !important; }

	.flex-control-nav li { opacity: 1 !important; }

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs { height: 60px; }

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
		display: block;
		width: 80px !important;
		height: 60px !important;
	}

	/* Copyrights
	-----------------------------------------------------------------*/

	#copyrights .footer-logo {
		margin-left: auto;
		margin-right: auto;
	}

}

@media (min-width: 480px) and (max-width: 767px) {
/*MENU */
#side-panel {  width: 100%;}
/*HOME*/
.home-tright {text-align:left}
.home-blk-3 {height:300px;}
.home-blk-28 {  background-repeat: repeat-y;}
.home-blk-18 {padding: 10px 20px;}  .home-blk-18-txt { text-align:left}
.imgMarTop5 { margin-top:0%} .imgMarTop10 { margin-top:0%}
.flex-control-nav {  top: 25%; } #side-panel-trigger-clos { text-align:right}

/* REALIZZAZIONI*/

.inv-intro-blk1r {  margin-top: -20px; left: 0%; right:0%;  position:relative}
.inv-intro { padding-left: 5%;  padding-right: 5%; }
.inv-intro-frsx { margin-left: 0px;} .inv-intro-frdx { margin-right: 0px;}

/************* IN COSTRUZIONE ******************/
.inv-intro-blk1c {margin-top: -20px; left: 0%; right:0%;  position:relative}
.inv-overlay-sx {  position: absolute;   top: 10%;  left: 5%; right:5%;   width: 90%;}
.inv-overlay-dx {  position: absolute;   top: 10%;  left: 5%; right:5%;   width: 90%;}
.icona-txt { margin-left:5%; margin-top:5% }
.scopri-more { margin-top: 5%; float:right; margin-right:5%}
.inv-sec {    margin-bottom: 200px;} .inv-mappa-txt { font-size: 34px;  margin-left: 40px;top: 20px;}

/************* IN VENDITA ******************/
.inv-intro-blk1 { margin-top: -20px; left: 0%; right:0%;  position:relative}
.ps-block { margin-top: 5%;}

/************ QUALITA - AZIENDA ************/
.qualita-blk-1 {  margin-top: 0px;  padding-left: 0%;}
.qualita-secl {  margin-top: 0px;  padding-left: 5%; padding-right: 5%; padding-bottom: 0px;}
.qualita-secr {  padding-bottom: 0px;  padding-left: 5%; padding-right: 5%;}
.qualita-blk-2x { padding: 40px 30px; } .aziend-blk-2x { padding: 40px 30px; }
.aziend-sec2 { padding-left: 10%; padding-right: 10%;} .aziend-sec3 { padding-left: 10%; padding-right: 10%;} .aziend-sec { padding-left: 10%; padding-right: 10%;}
.aziend-blk-1 { margin-top: 0px;}

/*CONTATTI*/
.cont-blk-1 { margin-top: -20px; } .cont-sec {   padding-bottom: 0px;} .qualita-sec {  padding-bottom: 0px;}
.cont-blk-2x { padding: 30px 15px; } .cont-img { width: 25%;  padding-top: 4%;   padding-bottom: 2%;  margin-left: 37%;}
.contFormBack {  background: none;} .contFormBack2 {  background: none;}   .contact-widget {  padding: 0 0% 0 0%;}
.cont-img { margin-left: 5%; }

/*FOOTER*/
.mobCenter { text-align:center} .imgflt{ float:right!important}


/* REALIZZAZIONI*/
.dett-real-sec { padding: 60px 0% 1% 0%;} .dett-real-r {  padding-left: 0%;}

.inv-intro-blk1r {  margin-top: -20px; left: 0%; right:0%;  position:relative}
.realizz-sec {   padding-left: 5%;   padding-right: 5%; margin-top: 4%; }
.inv-intro { padding-left: 5%;  padding-right: 5%; }

/****************  DETT-INCOSTRUZIONE ***************/
.scopri-moredc {  float: right;  margin-top: 40px; margin-bottom:30px;}
.dett-app-desc {  padding-left: 20px;} .dett-app-sec {padding: 60px 0% 1% 0%;} .dett-app-r { padding-right: 0%;}
.dett-app-sec2 { padding: 60px 0% 1% 0%;}
/****************  DETT-INVENDITA ***************/
.dett-inv-sec-pdf {   padding-left: 5%;    padding-right: 5%;}
.dett-inv-sec-pdf2 {   margin-top: 50%;  padding-left: 10%; }
.dett-inv-sec { padding: 60px 0% 0% 0%;}

/****************  DETT-APPARTAMENTO ***************/
.dett-app-r2 {  display:block; padding-left: 0% } .inv-appa-txt {  font-size: 24px;}
.dett-inv-appa-blk21 {    padding-left: 5%; padding-right: 5%;}
.dett-app-sec3 { padding: 0px 0% 30px 0%;} .dett-app-r3 {padding-left: 5%; padding-right: 5%;}
.portfolio-filter .style-2  li { width:100%!important;}

	.container,
	#header.full-header .container,
	.container-fullwidth { width: 470px !important; }

	.container.vertical-middle { width: 100% !important; }

	.full-screen:not(.force-full-screen) .container.vertical-middle { width: 470px !important; }

	#header.transparent-header.floating-header .container {
		width: 470px;
		padding: 0 15px;
	}

	.button.button-full { font-size: 18px; }

	.button.button-full i {
		top: 2px !important;
		margin-left: 3px !important;
	}

	.error404,
	.error404-wrap .error404 { font-size: 160px; }

	/* Portfolio - Items
	-----------------------------------------------------------------*/

	.portfolio:not(.portfolio-1) { margin: 0 -6px -6px 0; }

	.portfolio:not(.portfolio-1) .portfolio-item { padding: 0 6px 6px 0; }

	/* Portfolio - Items - 5 &amp; 6 Columns
	-----------------------------------------------------------------*/

	.portfolio:not(.portfolio-1) .portfolio-item { width: 50%; }

	/* Portfolio - Items - Descriptions
	-----------------------------------------------------------------*/

	.portfolio:not(.portfolio-1) .portfolio-desc { padding: 15px 5px 10px; }

	.portfolio:not(.portfolio-1) .portfolio-desc h3 { font-size: 16px; }

	.portfolio:not(.portfolio-1) .portfolio-desc span { font-size: 14px; }

	.portfolio-notitle:not(.portfolio-1) .portfolio-desc {
		height: 78px;
		padding: 15px 5px;
		bottom: -79px;
	}

	.portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc,
	.portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc {
		bottom: -78px;
		border-bottom: 0;
	}

	/* Portfolio - Items - Overlay
	-----------------------------------------------------------------*/

	.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon,
	.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon,
	.portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon,
	.portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -55px !important; }

	.portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a { margin: 20px 0 0 !important; }

	.portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a.right-icon {
		margin-left: 5px !important;
		margin-right: 0 !important;
	}

}

@media (max-width: 479px) {
/*MENU */
#side-panel {  width: 100%;} #side-panel-trigger a { margin-right:-30px} .menu-overlayy {width: 92%; }
#side-panel .widget {  text-align: center; }
#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #slider + #header.transparent-header, #header.transparent-header.floating-header + #slider {
    top: 0px;
    margin-bottom: 0px;
}

/*HOME*/
.home-tright {text-align:left}
.home-blk-3 {height:300px;}
.home-blk-28 {  background-repeat: repeat-y;}
.home-blk-18 {padding: 10px 20px;}  .home-blk-18-txt { text-align:left}
.imgMarTop5 { margin-top:0%} .imgMarTop10 { margin-top:0%}
.flex-control-nav {  top: 25%; } #side-panel-trigger-clos { text-align:right}
.sezpadding {  padding: 0 30px; }
.sezazienda { padding: 50px 0 20px 0;  margin: 0;}
.aziendatit { margin-bottom:10px; letter-spacing:0px; }
.aziendatxt { margin-top:30px; text-align:justify;}
.tit-cosa {    margin-top: 40px;    margin-bottom: 20px; }
.txt-cosa {  margin-bottom: 30px;}
.progettotxt { margin-top:30px; text-align:justify;}
.sezprogett {   padding: 40px 0 50px 0;   margin: 0;}

/* heading-block */
.heading-block.hlarge h3 {
	/*font-size: 44px;*/
	font-size: 30px;
	line-height: 50px;
	/*letter-spacing: -2px;*/
}

.heading-block:after {
    content: '';
    display: block;
    width: 130px;
    border-top: 5px solid #c1d02a;
}

.heading-block.hlarge.lncenter:after  {
    position: absolute;
    left: 50%;
    margin-left: -65px;
}




/* heading-blockc */
.heading-blockc.hlarge h3 {
	font-size: 30px;
	line-height: 50px;
	/*letter-spacing: -2px;*/
}



/* REALIZZAZIONI*/
.sliderheight {}
.inv-intro-blk1r {  margin-top: -20px; left: 0%; right:0%;  position:relative}
.inv-intro { padding-left: 5%;  padding-right: 5%; }
.inv-intro-frsx { margin-left: 0px;} .inv-intro-frdx { margin-right: 0px;}

.columns-txt {  -webkit-column-count: 1;  -moz-column-count: 1;  column-count: 1;
    -webkit-column-gap: 0px;  -moz-column-gap: 0px;  column-gap: 0px}

/************* IN COSTRUZIONE ******************/
.inv-intro-blk1c {margin-top: -20px; left: 0%; right:0%;  position:relative}
.inv-overlay-sx {  position: absolute;   top: 10%;  left: 5%; right:5%;   width: 90%;}
.inv-overlay-dx {  position: absolute;   top: 10%;  left: 5%; right:5%;   width: 90%;}
.icona-txt { margin-left:5%; margin-top:5% }
.scopri-more { margin-top: 5%; float:right; margin-right:5%}
.inv-sec {    margin-bottom: 200px;} .inv-mappa-txt { font-size: 34px;  margin-left: 40px;  top: 7px; line-height: 1.1;}

/************* IN VENDITA ******************/
.inv-intro-blk1 { margin-top: -20px; left: 0%; right:0%;  position:relative}
.ps-block { margin-top: 5%;} .inv-cont-txt {text-align:left; padding-bottom:3%;} .inv-cont-butt {text-align:right; padding-bottom:0%; padding-top:3%;} .inv-cont-check {text-align:left; padding-bottom:3%; zoom: 1; }

/************ QUALITA - AZIENDA ************/
.qualita-blk-1 {  margin-top: 0px;  padding-left: 0%;}
.qualita-secl {  margin-top: 0px;  padding-left: 5%; padding-right: 5%; padding-bottom: 0px;}
.qualita-secr {  padding-bottom: 0px;  padding-left: 5%; padding-right: 5%;}
.qualita-blk-2x { padding: 40px 30px; } .aziend-blk-2x { padding: 40px 30px; }
.aziend-sec2 { padding-left: 10%; padding-right: 10%;} .aziend-sec3 { padding-left: 10%; padding-right: 10%;} .aziend-sec { padding-left: 10%; padding-right: 10%;}
.aziend-blk-1 { margin-top: 0px;}
/*CONTATTI*/
.cont-blk-1 { margin-top: -20px; } .cont-sec {   padding-bottom: 0px;} .qualita-sec {  padding-bottom: 0px;}
.cont-blk-2x { padding: 30px 15px; } .cont-img { width: 25%;  padding-top: 4%;   padding-bottom: 2%;  margin-left: 37%;}
.contFormBack {  background: none;} .contFormBack2 {  background: none;}   .contact-widget {  padding: 0 0% 0 0%;}
.cont-img { margin-left: 5%; }

/*FOOTER*/
.mobCenter { text-align:center} .imgflt{ float:right!important} .logofooter {  text-align: left;}


/* REALIZZAZIONI*/
.dett-real-sec { padding: 60px 0% 1% 0%;} .dett-real-r {  padding-left: 0%;}

.inv-intro-blk1r {  margin-top: -20px; left: 0%; right:0%;  position:relative}
.realizz-sec {   padding-left: 5%;   padding-right: 5%; margin-top: 4%; }
.inv-intro { padding-left: 5%;  padding-right: 5%; }
.sec-camere-txt {    width: 100%;}

/****************  DETT-INCOSTRUZIONE ***************/
.scopri-moredc {  float: right;  margin-top: 40px; margin-bottom:30px;}
.dett-app-desc {  padding-left: 20px;} .dett-app-sec {padding: 60px 0% 1% 0%;} .dett-app-r { padding-right: 0%;}
.dett-app-sec2 { padding: 60px 0% 1% 0%;} .icona-txtcostr2 p { top: -10px;  font-size: 20px;}
/****************  DETT-INVENDITA ***************/
.dett-inv-sec-pdf {   padding-left: 5%;    padding-right: 5%;}
.dett-inv-sec-pdf2 {   margin-top: 50%;  padding-left: 10%; }
.dett-inv-sec { padding: 60px 0% 0% 0%;}
.inv-conta-txt {  font-size: 24px;     top: 3px;}
.dett-inv-blk2-txtl {  text-align: justify;  width: 100%;  padding: 0 0 0 0;}
.dett-inv-blk2-txtr {  text-align: justify;  width: 100%;  padding: 0 0 0 0;}
.dett-inv-blk2 { padding: 10px 10px; } .dett-inv-over {   padding-left: 5%;  padding-right: 5%;}
.inv-filtro {  margin:0; padding-left:5%; padding-right:5%;} 
.dett-inv-appa { padding-right: 5%; padding-left: 5%;}  
.dett-inv-appa-blk23 { font-size: 20px; width: 80%; } .dett-inv-appa-blk22 {width: 9%;}
.dett-inv-blk2img {  width: 9%;} .dett-inv-blk2p { width: 80%; font-size: 22px; }
/****************  DETT-APPARTAMENTO ***************/
.dett-app-r2 {  display:block; padding-left: 0% } .inv-appa-txt {  font-size: 24px;}
.dett-inv-appa-blk21 {    padding-left: 5%; padding-right: 5%;}
.dett-app-sec3 { padding: 0px 0% 30px 0%;} .dett-app-r3 {padding-left: 5%; padding-right: 5%;}
.portfolio-filter .style-2  li { width:100%!important;}
.dett-app-blk2 { padding: 7% 0% 0% 0%;} .cont-dwn {   position: absolute;   left: 60%;    bottom: 10%;  }

	.container,
	#header.full-header .container,
	.container-fullwidth { width: 310px !important; }

	.container.vertical-middle { width: 100% !important; }

	.full-screen:not(.force-full-screen) .container.vertical-middle { width: 310px !important; }


	#side-panel-trigger { right: 10px; }

	#header.transparent-header.floating-header .container {
		width: 310px;
		padding: 0 15px;
	}

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs { height: 45px; }

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
		display: block;
		width: 60px !important;
		height: 45px !important;
	}

	.si-share span { display: none; }

	.parallax .entry-overlay-meta,
	.parallax .entry-overlay {
		left: 50% !important;
		right: 0 !important;
		margin: 0 0 0 -140px !important;
		width: 280px !important;
	}

	.parallax .entry-overlay { width: 288px !important; }

	.parallax .countdown-section {
		width: 64px;
		height: 64px;
		margin: 0 8px 0 0;
		font-size: 11px;
		padding: 0;
		padding-top: 12px;
	}

	.parallax .countdown-amount { font-size: 20px; }

	.button.button-full { font-size: 16px; }

	.button.button-full i {
		top: 2px !important;
		margin-left: 3px !important;
	}

	.error404,
	.error404-wrap .error404 { font-size: 120px; }

	.button.button-desc {
		padding: 20px 17px;
		font-size: 15px;
		max-width: 100%;
	}

	.button.button-desc span { font-size: 11px; }

	.portfolio-filter li { width: 100%; }

	.portfolio:not(.portfolio-1) { margin: 0; }

	.portfolio .portfolio-item { width: 100%!important; }


}


/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	#logo a.standard-logo,
	#header.split-menu #logo a.standard-logo { display: none; }

	#logo a.retina-logo { display: block; }

	.owl-carousel.owl-loading,
	.preloader,
	.preloader2,
	.form-process {
		background-image: url('../images/preloader@2x.gif');
		background-size: 24px 24px;
	}


	}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
	#logo a.standard-logo { display: none; }
	#logo a.retina-logo { display: inline-block; }
}

</pre></body></html>